@nyaruka/temba-components 0.62.2 → 0.63.0

package/out-tsc/src/tabpane/TabPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPane.js","sourceRoot":"","sources":["../../../src/tabpane/TabPane.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\nimport { RapidElement } from '../RapidElement';\nimport { getClasses } from '../utils';\nimport { Tab } from './Tab';\n\nexport class TabPane extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        min-height: 0;\n        z-index: 0;\n      }\n\n      .tabs {\n        display: flex;\n      }\n\n      .tab {\n        user-select: none;\n        padding: 0.5em 0.7em;\n        margin: 0em 0em;\n        cursor: pointer;\n        display: flex;\n        font-size: 1.01em;\n        align-items: center;\n        border-radius: var(--curvature);\n        border-bottom-right-radius: 0px;\n        border-bottom-left-radius: 0px;\n        border: 0px solid rgba(0, 0, 0, 0.45);\n        color: var(--color-text-dark);\n        --icon-color: var(--color-text-dark);\n        white-space: nowrap;\n        transition: all 100ms ease-in-out;\n      }\n\n      .tab.hidden {\n        display: none;\n      }\n\n      .tab temba-icon {\n      }\n\n      .tab .name {\n        margin-left: 0.4em;\n        max-width: 80px;\n        margin-right: 0.4em;\n        overflow: hidden;\n        transition: max-width 500ms ease-in-out, margin 500ms ease-in-out;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      .tab .badge {\n        margin-left: 0.4em;\n      }\n\n      @media (max-width: 900px) {\n        .collapses .tab .name {\n          max-width: 0px;\n          margin: 0;\n        }\n      }\n\n      @media (max-width: 600px) {\n        .collapses .tab .badge {\n          display: none;\n        }\n      }\n\n      .tab {\n        transform: scale(0.9) translate(0em, -0.05em);\n        --icon-color: #aaa;\n        color: #aaa;\n      }\n\n      .tab.selected {\n        z-index: 2 !important;\n      }\n\n      .tab.selected,\n      .tab.selected:hover {\n        cursor: default;\n        box-shadow: 0px -3px 3px 1px rgba(0, 0, 0, 0.02);\n        background: #fff;\n        transform: scale(1) translateY(0em);\n        z-index: 0;\n        --icon-color: #666;\n        color: #666;\n      }\n\n      .tab:hover {\n        --icon-color: #666;\n        color: #666;\n        background: rgba(0, 0, 0, 0.02);\n      }\n\n      .pane {\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n        background: #fff;\n        border-radius: var(--curvature);\n        box-shadow: 2px 5px 12px 2px rgba(0, 0, 0, 0.09),\n          3px 3px 2px 1px rgba(0, 0, 0, 0.05);\n        min-height: 0;\n        z-index: 1;\n      }\n\n      .pane.first {\n        border-top-left-radius: 0px;\n        overflow: hidden;\n      }\n\n      .badge {\n      }\n\n      .count {\n        border-radius: 99px;\n        background: rgba(0, 0, 0, 0.05);\n        color: rgba(0, 0, 0, 0.5);\n        font-size: 0.6em;\n        font-weight: 400;\n        padding: 0.1em 0.4em;\n        min-width: 1em;\n        text-align: center;\n      }\n\n      .notify .count {\n        background: var(--color-alert);\n        color: #fff;\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  collapses = false;\n\n  @property({ type: Number })\n  index = 0;\n\n  private handleTabClick(event: MouseEvent): void {\n    this.index = parseInt(\n      (event.currentTarget as HTMLDivElement).dataset.index\n    );\n    this.requestUpdate('index');\n  }\n\n  public updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('index')) {\n      if (this.children.length > this.index) {\n        for (let i = 0; i < this.children.length; i++) {\n          const tab = this.children[i] as Tab;\n          tab.selected = i == this.index;\n\n          if (tab.selected) {\n            tab.style.display = 'flex';\n          } else {\n            tab.style.display = 'none';\n          }\n        }\n      }\n      this.fireEvent(CustomEventType.ContextChanged);\n    }\n\n    // if our current tab is hidden, select the first visible one\n    if (this.getTab(this.index).hidden) {\n      for (let i = 0; i < this.children.length; i++) {\n        const tab = this.getTab(i);\n        if (!tab.hidden) {\n          this.index = i;\n          return;\n        }\n      }\n    }\n  }\n\n  public getTab(index: number): Tab {\n    return this.children.item(index) as Tab;\n  }\n\n  public render(): TemplateResult {\n    const tabs: Tab[] = [];\n    for (const tab of this.children) {\n      tabs.push(tab as Tab);\n    }\n\n    return html`\n      <div\n        class=\"tabs ${getClasses({ tabs: true, collapses: this.collapses })}\"\n      >\n        ${tabs.map(\n          (tab, index) => html`\n            <div\n              @click=${this.handleTabClick}\n              data-index=${index}\n              class=\"${getClasses({\n                tab: true,\n                selected: index == this.index,\n                hidden: tab.hidden,\n                notify: tab.notify,\n              })}\"\n              style=\"${tab.selectionColor && index == this.index\n                ? `color:${tab.selectionColor};--icon-color:${tab.selectionColor};`\n                : ''} ${tab.selectionBackground && index == this.index\n                ? `background-color:${tab.selectionBackground};`\n                : ''}\"\n            >\n              ${tab.icon ? html`<temba-icon name=${tab.icon} />` : null}\n              <div class=\"name\">${tab.name}</div>\n              ${tab.hasBadge()\n                ? html`\n                    <div class=\"badge\">\n                      ${tab.count > 0\n                        ? html`<div class=\"count\">\n                            ${tab.count.toLocaleString()}\n                          </div>`\n                        : null}\n                    </div>\n                  `\n                : null}\n            </div>\n          `\n        )}\n      </div>\n      <div class=\"pane ${this.index === 0 ? 'first' : null}\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"TabPane.js","sourceRoot":"","sources":["../../../src/tabpane/TabPane.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\nimport { RapidElement } from '../RapidElement';\nimport { getClasses } from '../utils';\nimport { Tab } from './Tab';\n\nexport class TabPane extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        min-height: 0;\n        flex-grow: 1;\n      }\n\n      .tabs {\n        display: flex;\n        align-items: stretch;\n      }\n\n      .tab {\n        user-select: none;\n        padding: 0.5em 0.7em;\n        margin: 0em 0em;\n        cursor: pointer;\n        display: flex;\n        font-size: 1.01em;\n        align-items: center;\n        border-radius: var(--curvature);\n        border-bottom-right-radius: 0px;\n        border-bottom-left-radius: 0px;\n        border: 0px solid rgba(0, 0, 0, 0.45);\n        color: var(--color-text-dark);\n        --icon-color: var(--color-text-dark);\n        white-space: nowrap;\n        transition: all 100ms linear;\n      }\n\n      .focusedname .tab .name {\n        transition: all 0s linear !important;\n      }\n\n      .focusedname .tab.selected .name {\n        transition: all 200ms linear !important;\n      }\n\n      .tab.hidden {\n        display: none;\n      }\n\n      .tab temba-icon {\n      }\n\n      .tab .name {\n        margin-left: 0.4em;\n        max-width: 80px;\n        margin-right: 0.4em;\n        overflow: hidden;\n        transition: max-width 500ms ease-in-out, margin 500ms ease-in-out;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      .tab .badge {\n        margin-left: 0.4em;\n      }\n\n      @media (max-width: 900px) {\n        .collapses .tab .name {\n          max-width: 0px;\n          margin: 0;\n        }\n      }\n\n      @media (max-width: 600px) {\n        .collapses .tab .badge {\n          display: none;\n        }\n      }\n\n      .focusedname .tab.selected {\n        transform: none;\n      }\n\n      .focusedname .tab .name {\n        max-width: 0px;\n        margin: 0;\n        transition: max-width 200ms linear, margin 200ms linear;\n      }\n\n      .focusedname .tab.selected .name {\n        margin-left: 0.4em;\n        max-width: 200px;\n        margin-right: 0.4em;\n      }\n\n      .tab {\n        transform: scale(0.9) translate(0em, -0.05em);\n        --icon-color: #aaa;\n        color: #aaa;\n      }\n\n      .tab.selected {\n      }\n\n      .tab.selected,\n      .tab.selected:hover {\n        cursor: default;\n        box-shadow: 0px -3px 3px 1px rgba(0, 0, 0, 0.02);\n        background: var(--focused-tab-color, #fff);\n        transform: scale(1) translateY(0em);\n        --icon-color: #666;\n        color: #666;\n      }\n\n      .bottom .tab.selected {\n      }\n\n      .tab:hover {\n        --icon-color: #666;\n        color: #666;\n        background: rgba(0, 0, 0, 0.02);\n      }\n\n      .pane {\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n        background: var(--focused-tab-color, #fff);\n        border-radius: var(--curvature);\n        box-shadow: 2px 5px 12px 2px rgba(0, 0, 0, 0.09),\n          3px 3px 2px 1px rgba(0, 0, 0, 0.05);\n        min-height: 0;\n      }\n\n      .pane.first {\n        border-top-left-radius: 0px;\n        overflow: hidden;\n      }\n\n      .badge {\n      }\n\n      .count {\n        border-radius: 99px;\n        background: rgba(0, 0, 0, 0.05);\n        color: rgba(0, 0, 0, 0.5);\n        font-size: 0.6em;\n        font-weight: 400;\n        padding: 0.1em 0.4em;\n        min-width: 1em;\n        text-align: center;\n      }\n\n      .notify .count {\n        background: var(--color-alert);\n        color: #fff;\n      }\n\n      .bottom.tabs .tab {\n        border-radius: 0em;\n      }\n\n      .bottom.pane {\n        border-radius: 0em;\n      }\n\n      .bottom.pane.first {\n        border-bottom-left-radius: 0px;\n      }\n\n      .bottom .tab.first {\n        border-bottom-left-radius: var(--curvature);\n      }\n\n      .embedded.pane {\n        box-shadow: none;\n        margin: 0;\n      }\n\n      .embedded.tabs {\n        margin: 0;\n      }\n\n      .embedded .tab {\n      }\n\n      .embedded.tabs .tab.selected {\n        box-shadow: none !important;\n      }\n\n      .embedded.pane {\n        // padding: 0.3em;\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  embedded = false;\n\n  @property({ type: Boolean })\n  collapses = false;\n\n  // are the tabs on the bottom of the pane?\n  @property({ type: Boolean })\n  bottom = false;\n\n  // Only shows the name if the tab is focused\n  @property({ type: Boolean })\n  focusedName = false;\n\n  @property({ type: Number })\n  index = -1;\n\n  @property({ type: String })\n  refresh = '';\n\n  private handleTabClick(event: MouseEvent): void {\n    this.index = parseInt(\n      (event.currentTarget as HTMLDivElement).dataset.index\n    );\n    event.preventDefault();\n    event.stopPropagation();\n    this.requestUpdate('index');\n  }\n\n  public updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('index')) {\n      const tabs = this.getTabs();\n      if (tabs.length > this.index) {\n        for (let i = 0; i < tabs.length; i++) {\n          const tab = tabs[i];\n          tab.selected = i == this.index;\n          if (tab.selected) {\n            tab.style.display = 'flex';\n          } else {\n            tab.style.display = 'none';\n          }\n        }\n      }\n      this.fireEvent(CustomEventType.ContextChanged);\n    }\n\n    // if our current tab is hidden, select the first visible one\n    if (this.index > -1) {\n      const tabs = this.getTabs();\n      if (this.getTab(this.index).hidden) {\n        for (let i = 0; i < tabs.length; i++) {\n          const tab = this.getTab(i);\n          if (!tab.hidden) {\n            this.index = i;\n            return;\n          }\n        }\n      }\n    }\n  }\n\n  public getCurrentTab(): Tab {\n    return this.getTabs()[this.index];\n  }\n\n  public getTab(index: number): Tab {\n    return this.getTabs()[index];\n  }\n\n  public handleTabContentChanged() {\n    this.requestUpdate();\n  }\n\n  public getTabs(): Tab[] {\n    const tabs: Tab[] = [];\n    for (const t of this.children) {\n      if (t.tagName === 'TEMBA-TAB') {\n        const tab = t as Tab;\n        tabs.push(tab);\n      }\n    }\n    return tabs;\n  }\n\n  public render(): TemplateResult {\n    const tabs = this.getTabs();\n\n    return html`\n      ${this.bottom\n        ? html`<div\n            class=\"pane ${getClasses({\n              first: this.index == 0,\n              embedded: this.embedded,\n              bottom: this.bottom,\n            })}\"\n          >\n            <slot></slot>\n          </div>`\n        : null}\n\n      <div\n        class=\"tabs ${getClasses({\n          tabs: true,\n          bottom: this.bottom,\n          collapses: this.collapses,\n          embedded: this.embedded,\n          focusedname: this.focusedName,\n        })}\"\n      >\n        ${tabs.map(\n          (tab, index) => html`\n            <div\n              @click=${this.handleTabClick}\n              data-index=${index}\n              class=\"${getClasses({\n                tab: true,\n                first: index == 0,\n                selected: index == this.index,\n                hidden: tab.hidden,\n                notify: tab.notify,\n              })}\"\n              style=\"${tab.selectionColor && index == this.index\n                ? `color:${tab.selectionColor};--icon-color:${tab.selectionColor};`\n                : ''} ${tab.selectionBackground && index == this.index\n                ? `background-color:${tab.selectionBackground};`\n                : ''}\"\n            >\n              ${tab.icon ? html`<temba-icon name=${tab.icon} />` : null}\n              <div class=\"name\">${tab.name}</div>\n              ${tab.hasBadge()\n                ? html`\n                    <div class=\"badge\">\n                      ${tab.count > 0\n                        ? html`<div class=\"count\">\n                            ${tab.count.toLocaleString()}\n                          </div>`\n                        : null}\n                    </div>\n                  `\n                : null}\n            </div>\n          `\n        )}\n\n        <div style=\"flex-grow:1\"></div>\n        <div style=\"display:flex; align-items:center\">\n          <slot name=\"tab-right\"></slot>\n        </div>\n      </div>\n      ${!this.bottom\n        ? html`<div\n            class=\"pane ${getClasses({\n              first: this.index == 0,\n              embedded: this.embedded,\n              bottom: this.bottom,\n            })}\"\n          >\n            <slot></slot>\n          </div>`\n        : null}\n    `;\n  }\n}\n"]}

package/out-tsc/src/textinput/TextInput.js

@@ -50,6 +50,7 @@ export class TextInput extends FormElement {
 
       textarea {
         height: var(--textarea-height);
+        min-height: var(--textarea-min-height, var(--textarea-height));
       }
 
       .textinput {

package/out-tsc/src/textinput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/textinput/TextInput.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { FormElement } from '../FormElement';\nimport { Modax } from '../dialog/Modax';\nimport { sanitize } from './helpers';\nimport { CharCount } from '../charcount/CharCount';\n\nexport class TextInput extends FormElement {\n  static get styles() {\n    return css`\n      .input-container {\n        border-radius: var(--curvature-widget);\n        cursor: var(--input-cursor);\n        background: var(--color-widget-bg);\n        border: 1px solid var(--color-widget-border);\n        transition: all ease-in-out var(--transition-speed);\n        display: flex;\n        flex-direction: row;\n        align-items: stretch;\n        box-shadow: var(--widget-box-shadow);\n        caret-color: var(--input-caret);\n      }\n\n      .clear-icon {\n        --icon-color: var(--color-text-dark-secondary);\n        cursor: pointer;\n        margin: auto;\n        padding-right: 10px;\n        line-height: 1;\n      }\n\n      .clear-icon:hover {\n        --icon-color: var(--color-text-dark);\n      }\n\n      .hidden {\n        visibility: hidden;\n        position: absolute;\n      }\n\n      .input-container:focus-within {\n        border-color: var(--color-focus);\n        background: var(--color-widget-bg-focused);\n        box-shadow: var(--widget-box-shadow-focused);\n        position: relative;\n      }\n\n      .input-container:hover {\n      }\n\n      textarea {\n        height: var(--textarea-height);\n      }\n\n      .textinput {\n        padding: var(--temba-textinput-padding);\n        border: none;\n        flex: 1;\n        margin: 0;\n        background: none;\n        background-color: transparent;\n        color: var(--color-widget-text);\n        font-family: var(--font-family);\n        font-size: var(--temba-textinput-font-size);\n        line-height: normal;\n        cursor: var(--input-cursor);\n        resize: none;\n        font-weight: 300;\n        width: 100%;\n      }\n\n      .textinput:focus {\n        outline: none;\n        box-shadow: none;\n        cursor: text;\n        color: var(--color-widget-text-focused, var(--color-widget-text));\n      }\n\n      .textinput::placeholder {\n        color: var(--color-placeholder);\n        font-weight: 300;\n      }\n\n      .grow-wrap {\n        display: flex;\n        align-items: stretch;\n        width: 100%;\n      }\n\n      .grow-wrap > div {\n        border: 0px solid green;\n        width: 100%;\n        padding: var(--temba-textinput-padding);\n        flex: 1;\n        margin: 0;\n        background: none;\n        color: var(--color-widget-text);\n        font-family: var(--font-family);\n        font-size: var(--temba-textinput-font-size);\n        line-height: normal;\n        cursor: text;\n        resize: none;\n        font-weight: 300;\n        width: 100%;\n        visibility: hidden;\n        word-break: break-word;\n      }\n\n      .grow-wrap textarea {\n        margin-left: -100%;\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  textarea: boolean;\n\n  @property({ type: String })\n  placeholder = '';\n\n  @property({ type: Boolean })\n  password: boolean;\n\n  @property({ type: Number })\n  maxlength: number;\n\n  @property({ type: Object })\n  inputElement: HTMLInputElement;\n\n  @property({ type: Boolean })\n  clearable: boolean;\n\n  @property({ type: Boolean })\n  gsm: boolean;\n\n  @property({ type: String })\n  counter: string;\n\n  // if we are still loading\n  @property({ type: Boolean })\n  loading = true;\n\n  @property({ type: Boolean })\n  submitOnEnter = true;\n\n  @property()\n  onBlur: any;\n\n  @property({ type: Boolean })\n  autogrow = false;\n\n  counterElement: CharCount = null;\n  cursorStart = -1;\n  cursorEnd = -1;\n\n  public constructor() {\n    super();\n  }\n\n  public firstUpdated(changes: Map<string, any>) {\n    super.firstUpdated(changes);\n\n    this.inputElement = this.shadowRoot.querySelector('.textinput');\n\n    if (changes.has('counter')) {\n      let root = this.getParentModax() as any;\n      if (root) {\n        root = root.shadowRoot;\n      }\n      if (!root) {\n        root = document;\n      }\n      this.counterElement = root.querySelector(this.counter);\n      this.counterElement.text = this.value;\n    }\n  }\n\n  public updated(changes: Map<string, any>) {\n    super.updated(changes);\n\n    if (changes.has('value')) {\n      this.fireEvent('change');\n\n      if (this.textarea && this.autogrow) {\n        const autogrow = this.shadowRoot.querySelector(\n          '.grow-wrap > div'\n        ) as HTMLDivElement;\n        autogrow.innerText = this.value + String.fromCharCode(10);\n      }\n\n      if (this.cursorStart > -1 && this.cursorEnd > -1) {\n        this.inputElement.setSelectionRange(this.cursorStart, this.cursorEnd);\n        this.cursorStart = -1;\n        this.cursorEnd = -1;\n      }\n    }\n  }\n\n  public getDisplayValue() {\n    return this.inputElement.value;\n  }\n\n  private handleClear(event: any): void {\n    event.stopPropagation();\n    event.preventDefault();\n    this.value = null;\n  }\n\n  private updateValue(value: string): void {\n    const cursorStart = this.inputElement.selectionStart;\n    const cursorEnd = this.inputElement.selectionEnd;\n\n    const sanitized = this.sanitizeGSM(value);\n\n    if (sanitized !== value) {\n      this.cursorStart = cursorStart;\n      this.cursorEnd = cursorEnd;\n    }\n\n    this.value = sanitized;\n\n    if (this.textarea) {\n      this.inputElement.value = this.value;\n    }\n\n    if (this.counterElement) {\n      this.counterElement.text = value;\n    }\n  }\n\n  private sanitizeGSM(text: string): string {\n    return this.gsm ? sanitize(text) : text;\n  }\n\n  private handleChange(update: any): void {\n    if (this.disabled) {\n      return;\n    }\n    this.updateValue(update.target.value);\n    this.fireEvent('change');\n  }\n\n  private handleContainerClick(): void {\n    if (this.disabled) {\n      return;\n    }\n    if (this.inputElement) {\n      this.inputElement.click();\n    }\n  }\n\n  private handleContainerFocus(): void {\n    if (this.disabled) {\n      return;\n    }\n    if (this.inputElement) {\n      this.inputElement.focus();\n    }\n  }\n\n  private handleInput(update: any): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.updateValue(update.target.value);\n    this.fireEvent('input');\n  }\n\n  /** we just return the value since it should be a string */\n  public serializeValue(value: any): string {\n    return value;\n  }\n\n  public getParentModax(): Modax {\n    let parent = this as HTMLElement;\n\n    while (parent) {\n      if (parent.parentElement) {\n        parent = parent.parentElement;\n      } else {\n        parent = (parent as any).getRootNode().host;\n      }\n\n      if (!parent) {\n        return null;\n      }\n\n      if (parent.tagName == 'TEMBA-MODAX') {\n        return parent as Modax;\n      }\n    }\n  }\n\n  public getParentForm(): HTMLFormElement {\n    let parent = this as HTMLElement;\n\n    while (parent) {\n      if (parent.parentElement) {\n        parent = parent.parentElement;\n      } else {\n        parent = (parent as any).getRootNode().host;\n      }\n\n      if (!parent) {\n        return null;\n      }\n\n      if (parent.tagName === 'FORM') {\n        return parent as HTMLFormElement;\n      }\n    }\n  }\n\n  public click(): void {\n    super.click();\n    this.handleContainerClick();\n  }\n\n  public focus(): void {\n    super.focus();\n    this.handleContainerFocus();\n  }\n\n  // TODO make this a formelement and have contactsearch set the root\n  public render(): TemplateResult {\n    const containerStyle = {\n      height: `${this.textarea ? '100%' : 'auto'}`,\n    };\n\n    const clear =\n      this.clearable && this.inputElement && this.inputElement.value\n        ? html`<temba-icon\n            name=\"x\"\n            class=\"clear-icon\"\n            @click=${this.handleClear}\n          />`\n        : null;\n\n    let input = html`\n      <input\n        class=\"textinput\"\n        name=${this.name}\n        type=\"${this.password ? 'password' : 'text'}\"\n        maxlength=\"${ifDefined(this.maxlength)}\"\n        @change=${this.handleChange}\n        @input=${this.handleInput}\n        @blur=${this.blur}\n        @keydown=${(e: KeyboardEvent) => {\n          if (e.key === 'Enter') {\n            // eslint-disable-next-line @typescript-eslint/no-this-alias\n            const input = this;\n\n            if (this.submitOnEnter) {\n              const parentModax = input.getParentModax();\n              const parentForm = !parentModax ? input.getParentForm() : null;\n\n              // if we don't have something to submit then bail\n              if (!parentModax && !parentForm) {\n                return false;\n              }\n\n              // don't submit disabled forms on enter\n              if (parentModax && parentModax.disabled) {\n                return false;\n              }\n\n              input.blur();\n\n              // look for a form to submit\n              window.setTimeout(function () {\n                // first, look for a modax that contains us\n                const modax = input.getParentModax();\n                if (modax) {\n                  input.blur();\n\n                  modax.submit();\n                } else {\n                  // otherwise, just look for a vanilla submit button\n                  const form = input.getParentForm();\n\n                  if (form) {\n                    const submitButton = form.querySelector(\n                      \"input[type='submit']\"\n                    ) as HTMLInputElement;\n                    if (submitButton) {\n                      submitButton.click();\n                    } else {\n                      form.submit();\n                    }\n                  }\n                }\n              }, 10);\n              // this is needed for firefox, would be nice to\n              // find a way to do this with a callback instead\n            }\n          }\n        }}\n        placeholder=${this.placeholder}\n        .value=${this.value}\n        .disabled=${this.disabled}\n      />\n    `;\n\n    if (this.textarea) {\n      input = html`\n        <textarea\n          class=\"textinput\"\n          name=${this.name}\n          maxlength=\"${ifDefined(this.maxlength)}\"\n          placeholder=${this.placeholder}\n          @change=${this.handleChange}\n          @input=${this.handleInput}\n          @blur=${this.blur}\n          .value=${this.value}\n          .disabled=${this.disabled}\n        ></textarea>\n      `;\n\n      if (this.autogrow) {\n        input = html` <div class=\"grow-wrap\">\n          <div></div>\n          ${input}\n        </div>`;\n      }\n    }\n\n    return html`\n      <temba-field\n        name=${this.name}\n        .label=\"${this.label}\"\n        .helpText=\"${this.helpText}\"\n        .errors=${this.errors}\n        .widgetOnly=${this.widgetOnly}\n        .hideLabel=${this.hideLabel}\n        .disabled=${this.disabled}\n      >\n        <div\n          class=\"input-container\"\n          style=${styleMap(containerStyle)}\n          @click=${this.handleContainerClick}\n        >\n          <slot name=\"prefix\"></slot>\n          ${input} ${clear}\n          <slot></slot>\n        </div>\n      </temba-field>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/textinput/TextInput.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { FormElement } from '../FormElement';\nimport { Modax } from '../dialog/Modax';\nimport { sanitize } from './helpers';\nimport { CharCount } from '../charcount/CharCount';\n\nexport class TextInput extends FormElement {\n  static get styles() {\n    return css`\n      .input-container {\n        border-radius: var(--curvature-widget);\n        cursor: var(--input-cursor);\n        background: var(--color-widget-bg);\n        border: 1px solid var(--color-widget-border);\n        transition: all ease-in-out var(--transition-speed);\n        display: flex;\n        flex-direction: row;\n        align-items: stretch;\n        box-shadow: var(--widget-box-shadow);\n        caret-color: var(--input-caret);\n      }\n\n      .clear-icon {\n        --icon-color: var(--color-text-dark-secondary);\n        cursor: pointer;\n        margin: auto;\n        padding-right: 10px;\n        line-height: 1;\n      }\n\n      .clear-icon:hover {\n        --icon-color: var(--color-text-dark);\n      }\n\n      .hidden {\n        visibility: hidden;\n        position: absolute;\n      }\n\n      .input-container:focus-within {\n        border-color: var(--color-focus);\n        background: var(--color-widget-bg-focused);\n        box-shadow: var(--widget-box-shadow-focused);\n        position: relative;\n      }\n\n      .input-container:hover {\n      }\n\n      textarea {\n        height: var(--textarea-height);\n        min-height: var(--textarea-min-height, var(--textarea-height));\n      }\n\n      .textinput {\n        padding: var(--temba-textinput-padding);\n        border: none;\n        flex: 1;\n        margin: 0;\n        background: none;\n        background-color: transparent;\n        color: var(--color-widget-text);\n        font-family: var(--font-family);\n        font-size: var(--temba-textinput-font-size);\n        line-height: normal;\n        cursor: var(--input-cursor);\n        resize: none;\n        font-weight: 300;\n        width: 100%;\n      }\n\n      .textinput:focus {\n        outline: none;\n        box-shadow: none;\n        cursor: text;\n        color: var(--color-widget-text-focused, var(--color-widget-text));\n      }\n\n      .textinput::placeholder {\n        color: var(--color-placeholder);\n        font-weight: 300;\n      }\n\n      .grow-wrap {\n        display: flex;\n        align-items: stretch;\n        width: 100%;\n      }\n\n      .grow-wrap > div {\n        border: 0px solid green;\n        width: 100%;\n        padding: var(--temba-textinput-padding);\n        flex: 1;\n        margin: 0;\n        background: none;\n        color: var(--color-widget-text);\n        font-family: var(--font-family);\n        font-size: var(--temba-textinput-font-size);\n        line-height: normal;\n        cursor: text;\n        resize: none;\n        font-weight: 300;\n        width: 100%;\n        visibility: hidden;\n        word-break: break-word;\n      }\n\n      .grow-wrap textarea {\n        margin-left: -100%;\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  textarea: boolean;\n\n  @property({ type: String })\n  placeholder = '';\n\n  @property({ type: Boolean })\n  password: boolean;\n\n  @property({ type: Number })\n  maxlength: number;\n\n  @property({ type: Object })\n  inputElement: HTMLInputElement;\n\n  @property({ type: Boolean })\n  clearable: boolean;\n\n  @property({ type: Boolean })\n  gsm: boolean;\n\n  @property({ type: String })\n  counter: string;\n\n  // if we are still loading\n  @property({ type: Boolean })\n  loading = true;\n\n  @property({ type: Boolean })\n  submitOnEnter = true;\n\n  @property()\n  onBlur: any;\n\n  @property({ type: Boolean })\n  autogrow = false;\n\n  counterElement: CharCount = null;\n  cursorStart = -1;\n  cursorEnd = -1;\n\n  public constructor() {\n    super();\n  }\n\n  public firstUpdated(changes: Map<string, any>) {\n    super.firstUpdated(changes);\n\n    this.inputElement = this.shadowRoot.querySelector('.textinput');\n\n    if (changes.has('counter')) {\n      let root = this.getParentModax() as any;\n      if (root) {\n        root = root.shadowRoot;\n      }\n      if (!root) {\n        root = document;\n      }\n      this.counterElement = root.querySelector(this.counter);\n      this.counterElement.text = this.value;\n    }\n  }\n\n  public updated(changes: Map<string, any>) {\n    super.updated(changes);\n\n    if (changes.has('value')) {\n      this.fireEvent('change');\n\n      if (this.textarea && this.autogrow) {\n        const autogrow = this.shadowRoot.querySelector(\n          '.grow-wrap > div'\n        ) as HTMLDivElement;\n        autogrow.innerText = this.value + String.fromCharCode(10);\n      }\n\n      if (this.cursorStart > -1 && this.cursorEnd > -1) {\n        this.inputElement.setSelectionRange(this.cursorStart, this.cursorEnd);\n        this.cursorStart = -1;\n        this.cursorEnd = -1;\n      }\n    }\n  }\n\n  public getDisplayValue() {\n    return this.inputElement.value;\n  }\n\n  private handleClear(event: any): void {\n    event.stopPropagation();\n    event.preventDefault();\n    this.value = null;\n  }\n\n  private updateValue(value: string): void {\n    const cursorStart = this.inputElement.selectionStart;\n    const cursorEnd = this.inputElement.selectionEnd;\n\n    const sanitized = this.sanitizeGSM(value);\n\n    if (sanitized !== value) {\n      this.cursorStart = cursorStart;\n      this.cursorEnd = cursorEnd;\n    }\n\n    this.value = sanitized;\n\n    if (this.textarea) {\n      this.inputElement.value = this.value;\n    }\n\n    if (this.counterElement) {\n      this.counterElement.text = value;\n    }\n  }\n\n  private sanitizeGSM(text: string): string {\n    return this.gsm ? sanitize(text) : text;\n  }\n\n  private handleChange(update: any): void {\n    if (this.disabled) {\n      return;\n    }\n    this.updateValue(update.target.value);\n    this.fireEvent('change');\n  }\n\n  private handleContainerClick(): void {\n    if (this.disabled) {\n      return;\n    }\n    if (this.inputElement) {\n      this.inputElement.click();\n    }\n  }\n\n  private handleContainerFocus(): void {\n    if (this.disabled) {\n      return;\n    }\n    if (this.inputElement) {\n      this.inputElement.focus();\n    }\n  }\n\n  private handleInput(update: any): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.updateValue(update.target.value);\n    this.fireEvent('input');\n  }\n\n  /** we just return the value since it should be a string */\n  public serializeValue(value: any): string {\n    return value;\n  }\n\n  public getParentModax(): Modax {\n    let parent = this as HTMLElement;\n\n    while (parent) {\n      if (parent.parentElement) {\n        parent = parent.parentElement;\n      } else {\n        parent = (parent as any).getRootNode().host;\n      }\n\n      if (!parent) {\n        return null;\n      }\n\n      if (parent.tagName == 'TEMBA-MODAX') {\n        return parent as Modax;\n      }\n    }\n  }\n\n  public getParentForm(): HTMLFormElement {\n    let parent = this as HTMLElement;\n\n    while (parent) {\n      if (parent.parentElement) {\n        parent = parent.parentElement;\n      } else {\n        parent = (parent as any).getRootNode().host;\n      }\n\n      if (!parent) {\n        return null;\n      }\n\n      if (parent.tagName === 'FORM') {\n        return parent as HTMLFormElement;\n      }\n    }\n  }\n\n  public click(): void {\n    super.click();\n    this.handleContainerClick();\n  }\n\n  public focus(): void {\n    super.focus();\n    this.handleContainerFocus();\n  }\n\n  // TODO make this a formelement and have contactsearch set the root\n  public render(): TemplateResult {\n    const containerStyle = {\n      height: `${this.textarea ? '100%' : 'auto'}`,\n    };\n\n    const clear =\n      this.clearable && this.inputElement && this.inputElement.value\n        ? html`<temba-icon\n            name=\"x\"\n            class=\"clear-icon\"\n            @click=${this.handleClear}\n          />`\n        : null;\n\n    let input = html`\n      <input\n        class=\"textinput\"\n        name=${this.name}\n        type=\"${this.password ? 'password' : 'text'}\"\n        maxlength=\"${ifDefined(this.maxlength)}\"\n        @change=${this.handleChange}\n        @input=${this.handleInput}\n        @blur=${this.blur}\n        @keydown=${(e: KeyboardEvent) => {\n          if (e.key === 'Enter') {\n            // eslint-disable-next-line @typescript-eslint/no-this-alias\n            const input = this;\n\n            if (this.submitOnEnter) {\n              const parentModax = input.getParentModax();\n              const parentForm = !parentModax ? input.getParentForm() : null;\n\n              // if we don't have something to submit then bail\n              if (!parentModax && !parentForm) {\n                return false;\n              }\n\n              // don't submit disabled forms on enter\n              if (parentModax && parentModax.disabled) {\n                return false;\n              }\n\n              input.blur();\n\n              // look for a form to submit\n              window.setTimeout(function () {\n                // first, look for a modax that contains us\n                const modax = input.getParentModax();\n                if (modax) {\n                  input.blur();\n\n                  modax.submit();\n                } else {\n                  // otherwise, just look for a vanilla submit button\n                  const form = input.getParentForm();\n\n                  if (form) {\n                    const submitButton = form.querySelector(\n                      \"input[type='submit']\"\n                    ) as HTMLInputElement;\n                    if (submitButton) {\n                      submitButton.click();\n                    } else {\n                      form.submit();\n                    }\n                  }\n                }\n              }, 10);\n              // this is needed for firefox, would be nice to\n              // find a way to do this with a callback instead\n            }\n          }\n        }}\n        placeholder=${this.placeholder}\n        .value=${this.value}\n        .disabled=${this.disabled}\n      />\n    `;\n\n    if (this.textarea) {\n      input = html`\n        <textarea\n          class=\"textinput\"\n          name=${this.name}\n          maxlength=\"${ifDefined(this.maxlength)}\"\n          placeholder=${this.placeholder}\n          @change=${this.handleChange}\n          @input=${this.handleInput}\n          @blur=${this.blur}\n          .value=${this.value}\n          .disabled=${this.disabled}\n        ></textarea>\n      `;\n\n      if (this.autogrow) {\n        input = html` <div class=\"grow-wrap\">\n          <div></div>\n          ${input}\n        </div>`;\n      }\n    }\n\n    return html`\n      <temba-field\n        name=${this.name}\n        .label=\"${this.label}\"\n        .helpText=\"${this.helpText}\"\n        .errors=${this.errors}\n        .widgetOnly=${this.widgetOnly}\n        .hideLabel=${this.hideLabel}\n        .disabled=${this.disabled}\n      >\n        <div\n          class=\"input-container\"\n          style=${styleMap(containerStyle)}\n          @click=${this.handleContainerClick}\n        >\n          <slot name=\"prefix\"></slot>\n          ${input} ${clear}\n          <slot></slot>\n        </div>\n      </temba-field>\n    `;\n  }\n}\n"]}

package/out-tsc/src/thumbnail/Thumbnail.js

@@ -0,0 +1,121 @@
+import { __decorate } from "tslib";
+import { css, html } from 'lit';
+import { RapidElement } from '../RapidElement';
+import { property } from 'lit/decorators.js';
+import { getClasses } from '../utils';
+import { styleMap } from 'lit-html/directives/style-map.js';
+export class Thumbnail extends RapidElement {
+    constructor() {
+        super(...arguments);
+        this.zoom = true;
+        this.zooming = false;
+    }
+    static get styles() {
+        return css `
+      :host {
+        display: inline-block;
+      }
+
+      .zooming.wrapper {
+        padding: 0 !important;
+        border-radius: 0;
+      }
+
+      .zooming .thumb {
+        border-radius: 0;
+      }
+
+      .wrapper {
+        padding: var(--thumb-padding, 0.4em);
+        background: #fff;
+        border-radius: var(--curvature);
+        box-shadow: var(--widget-box-shadow);
+      }
+
+      .thumb {
+      }
+    `;
+    }
+    handleClick(evt) {
+        window.setTimeout(() => {
+            const lightbox = document.querySelector('temba-lightbox');
+            lightbox.showElement(this);
+        }, 0);
+    }
+    render() {
+        if (this.zooming) {
+            return html `
+        <div
+          class="${getClasses({ wrapper: true })}"
+          style=${styleMap({
+                background: 'red',
+                borderRadius: '0',
+                boxShadow: 'var(--widget-box-shadow)',
+            })}
+        >
+          <div
+            class="thumb"
+            style=${styleMap({
+                backgroundImage: `url(${this.url})`,
+                backgroundSize: 'contain',
+                backgroundPosition: 'center',
+                backgroundRepeat: 'no-repeat',
+                maxHeight: 'var(--thumb-size, 4em)',
+                height: 'var(--thumb-size, 4em)',
+                width: 'var(--thumb-size, 4em)',
+                borderRadius: '0',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                fontWeight: '400',
+                color: '#bbb',
+            })}
+          >
+            ${this.label}
+          </div>
+        </div>
+      `;
+        }
+        else {
+            return html `
+      <div class="${getClasses({ wrapper: true })}" style=${styleMap({
+                padding: 'var(--thumb-padding, 0.4em)',
+                background: '#fff',
+                borderRadius: 'var(--curvature)',
+                boxShadow: 'var(--widget-box-shadow)',
+            })}">
+
+          <div class="thumb" style=${styleMap({
+                backgroundImage: `url(${this.url})`,
+                backgroundSize: 'cover',
+                backgroundPosition: 'center',
+                maxHeight: 'var(--thumb-size, 4em)',
+                height: 'var(--thumb-size, 4em)',
+                width: 'var(--thumb-size, 4em)',
+                borderRadius: 'var(--curvature)',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                fontWeight: '400',
+                color: '#bbb',
+            })}>
+            ${this.label}
+            </div>
+      </div>
+    `;
+        }
+    }
+}
+__decorate([
+    property({ type: String })
+], Thumbnail.prototype, "url", void 0);
+__decorate([
+    property({ type: String })
+], Thumbnail.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean })
+], Thumbnail.prototype, "zoom", void 0);
+__decorate([
+    property({ type: Boolean })
+], Thumbnail.prototype, "zooming", void 0);
+//# sourceMappingURL=Thumbnail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../src/thumbnail/Thumbnail.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,MAAM,OAAO,SAAU,SAAQ,YAAY;IAA3C;;QAmCE,SAAI,GAAG,IAAI,CAAC;QAGZ,YAAO,GAAG,KAAK,CAAC;IAyElB,CAAC;IA9GC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;KAuBT,CAAC;IACJ,CAAC;IAcM,WAAW,CAAC,GAAe;QAChC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACrB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAa,CAAC;YACtE,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,IAAI,CAAA;;mBAEE,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kBAC9B,QAAQ,CAAC;gBACf,UAAU,EAAE,KAAK;gBACjB,YAAY,EAAE,GAAG;gBACjB,SAAS,EAAE,0BAA0B;aACtC,CAAC;;;;oBAIQ,QAAQ,CAAC;gBACf,eAAe,EAAE,OAAO,IAAI,CAAC,GAAG,GAAG;gBACnC,cAAc,EAAE,SAAS;gBACzB,kBAAkB,EAAE,QAAQ;gBAC5B,gBAAgB,EAAE,WAAW;gBAC7B,SAAS,EAAE,wBAAwB;gBACnC,MAAM,EAAE,wBAAwB;gBAChC,KAAK,EAAE,wBAAwB;gBAC/B,YAAY,EAAE,GAAG;gBAEjB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,MAAM;aACd,CAAC;;cAEA,IAAI,CAAC,KAAK;;;OAGjB,CAAC;SACH;aAAM;YACL,OAAO,IAAI,CAAA;oBACG,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,WAAW,QAAQ,CAAC;gBAC7D,OAAO,EAAE,6BAA6B;gBACtC,UAAU,EAAE,MAAM;gBAClB,YAAY,EAAE,kBAAkB;gBAChC,SAAS,EAAE,0BAA0B;aACtC,CAAC;;qCAE6B,QAAQ,CAAC;gBAClC,eAAe,EAAE,OAAO,IAAI,CAAC,GAAG,GAAG;gBACnC,cAAc,EAAE,OAAO;gBACvB,kBAAkB,EAAE,QAAQ;gBAC5B,SAAS,EAAE,wBAAwB;gBACnC,MAAM,EAAE,wBAAwB;gBAChC,KAAK,EAAE,wBAAwB;gBAC/B,YAAY,EAAE,kBAAkB;gBAEhC,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,MAAM;aACd,CAAC;cACE,IAAI,CAAC,KAAK;;;KAGnB,CAAC;SACD;IACH,CAAC;CACF;AAlFC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACf;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACb;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCAChB;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACZ","sourcesContent":["import { css, html } from 'lit';\nimport { RapidElement } from '../RapidElement';\nimport { property } from 'lit/decorators.js';\nimport { getClasses } from '../utils';\nimport { Lightbox } from '../lightbox/Lightbox';\nimport { styleMap } from 'lit-html/directives/style-map.js';\n\nexport class Thumbnail extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        display: inline-block;\n      }\n\n      .zooming.wrapper {\n        padding: 0 !important;\n        border-radius: 0;\n      }\n\n      .zooming .thumb {\n        border-radius: 0;\n      }\n\n      .wrapper {\n        padding: var(--thumb-padding, 0.4em);\n        background: #fff;\n        border-radius: var(--curvature);\n        box-shadow: var(--widget-box-shadow);\n      }\n\n      .thumb {\n      }\n    `;\n  }\n\n  @property({ type: String })\n  url: string;\n\n  @property({ type: String })\n  label: string;\n\n  @property({ type: Boolean })\n  zoom = true;\n\n  @property({ type: Boolean })\n  zooming = false;\n\n  public handleClick(evt: MouseEvent) {\n    window.setTimeout(() => {\n      const lightbox = document.querySelector('temba-lightbox') as Lightbox;\n      lightbox.showElement(this);\n    }, 0);\n  }\n\n  public render() {\n    if (this.zooming) {\n      return html`\n        <div\n          class=\"${getClasses({ wrapper: true })}\"\n          style=${styleMap({\n            background: 'red',\n            borderRadius: '0',\n            boxShadow: 'var(--widget-box-shadow)',\n          })}\n        >\n          <div\n            class=\"thumb\"\n            style=${styleMap({\n              backgroundImage: `url(${this.url})`,\n              backgroundSize: 'contain',\n              backgroundPosition: 'center',\n              backgroundRepeat: 'no-repeat',\n              maxHeight: 'var(--thumb-size, 4em)',\n              height: 'var(--thumb-size, 4em)',\n              width: 'var(--thumb-size, 4em)',\n              borderRadius: '0',\n\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              fontWeight: '400',\n              color: '#bbb',\n            })}\n          >\n            ${this.label}\n          </div>\n        </div>\n      `;\n    } else {\n      return html`\n      <div class=\"${getClasses({ wrapper: true })}\" style=${styleMap({\n        padding: 'var(--thumb-padding, 0.4em)',\n        background: '#fff',\n        borderRadius: 'var(--curvature)',\n        boxShadow: 'var(--widget-box-shadow)',\n      })}\">\n\n          <div class=\"thumb\" style=${styleMap({\n            backgroundImage: `url(${this.url})`,\n            backgroundSize: 'cover',\n            backgroundPosition: 'center',\n            maxHeight: 'var(--thumb-size, 4em)',\n            height: 'var(--thumb-size, 4em)',\n            width: 'var(--thumb-size, 4em)',\n            borderRadius: 'var(--curvature)',\n\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontWeight: '400',\n            color: '#bbb',\n          })}>\n            ${this.label}\n            </div>\n      </div>\n    `;\n    }\n  }\n}\n"]}

package/out-tsc/src/utils/index.js

@@ -486,6 +486,12 @@ export const formatFileSize = (bytes, decimalPoint) => {
     i = Math.floor(Math.log(bytes) / Math.log(k));
     return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
 };
+export const isImageAttachment = (attachment) => {
+    if (attachment) {
+        return attachment.content_type.split('/')[0] === 'image';
+    }
+    return false;
+};
 export const stopEvent = (event) => {
     if (event) {
         event.stopPropagation();

package/out-tsc/src/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-this-alias */\nimport { html, TemplateResult } from 'lit-html';\nimport { Button } from '../button/Button';\nimport { Dialog } from '../dialog/Dialog';\nimport { ContactField, Ticket, User } from '../interfaces';\nimport ColorHash from 'color-hash';\n\nexport const DEFAULT_MEDIA_ENDPOINT = '/api/v2/media.json';\n\nconst colorHash = new ColorHash();\n\nexport type Asset = KeyedAsset & Ticket & ContactField;\n\nexport const DATE_FORMAT =\n  /(\\d{4}-[01]\\d-[0-3]\\dT[0-2]\\d:[0-5]\\d:[0-5]\\d\\.\\d+([+-][0-2]\\d:[0-5]\\d|Z))|(\\d{4}-[01]\\d-[0-3]\\dT[0-2]\\d:[0-5]\\d:[0-5]\\d([+-][0-2]\\d:[0-5]\\d|Z))|(\\d{4}-[01]\\d-[0-3]\\dT[0-2]\\d:[0-5]\\d([+-][0-2]\\d:[0-5]\\d|Z))/;\n\ninterface KeyedAsset {\n  key?: string;\n}\n\ninterface AssetPage {\n  assets: Asset[];\n  next: string;\n}\n\nexport interface ResultsPage {\n  results: any[];\n  next: string;\n}\n/** Get the value for a named cookie */\nexport const getHTTPCookie = (name: string): string => {\n  for (const cookie of document.cookie.split(';')) {\n    const idx = cookie.indexOf('=');\n    let key = cookie.substr(0, idx);\n    let value = cookie.substr(idx + 1);\n\n    // no spaces allowed\n    key = key.trim();\n    value = value.trim();\n\n    if (key === name) {\n      return value;\n    }\n  }\n  return null;\n};\n\nexport const getHeaders = (headers: any = {}) => {\n  const csrf = getHTTPCookie('csrftoken');\n  const fetchHeaders: any = csrf ? { 'X-CSRFToken': csrf } : {};\n\n  // mark us as ajax\n  fetchHeaders['X-Requested-With'] = 'XMLHttpRequest';\n\n  Object.keys(headers).forEach(key => {\n    fetchHeaders[key] = headers[key];\n  });\n\n  return fetchHeaders;\n};\n\nexport const getUrl = (\n  url: string,\n  controller: AbortController = null,\n  headers: { [key: string]: string } = {}\n): Promise<WebResponse> => {\n  return new Promise<WebResponse>((resolve, reject) => {\n    const options = {\n      method: 'GET',\n      headers: getHeaders(headers),\n    };\n\n    if (controller) {\n      options['signal'] = controller.signal;\n    }\n\n    fetch(url, options)\n      .then(response => {\n        response.text().then((body: string) => {\n          let json = {};\n          try {\n            json = JSON.parse(body);\n            // eslint-disable-next-line no-empty\n          } catch (err) {}\n          resolve({\n            controller,\n            body,\n            json,\n            url: response.url,\n            headers: response.headers,\n            status: response.status,\n          });\n        });\n      })\n      .catch(error => {\n        reject(error);\n      });\n  });\n};\n\nexport type ClassMap = {\n  [className: string]: boolean;\n};\n\nexport const getClasses = (map: ClassMap): string => {\n  const classNames: string[] = [];\n  Object.keys(map).forEach((className: string) => {\n    if (map[className]) {\n      classNames.push(className);\n    }\n  });\n\n  let result = classNames.join(' ');\n  if (result.trim().length > 0) {\n    result = ' ' + result;\n  }\n  return result.trim();\n};\n\nexport const fetchResultsPage = (\n  url: string,\n  controller: AbortController = null\n): Promise<ResultsPage> => {\n  return new Promise<ResultsPage>((resolve, reject) => {\n    getUrl(url, controller)\n      .then((response: WebResponse) => {\n        resolve({\n          results: response.json.results,\n          next: response.json.next,\n        });\n      })\n      .catch(error => reject(error));\n  });\n};\n\nexport const fetchResults = async (url: string): Promise<any[]> => {\n  if (!url) {\n    return new Promise<any[]>(resolve => resolve([]));\n  }\n\n  let results: any[] = [];\n  let pageUrl = url;\n  while (pageUrl) {\n    const resultsPage = await fetchResultsPage(pageUrl);\n    if (resultsPage.results) {\n      results = results.concat(resultsPage.results);\n    }\n    pageUrl = resultsPage.next;\n  }\n  return results;\n};\n\nexport const getAssetPage = (url: string): Promise<AssetPage> => {\n  return new Promise<AssetPage>((resolve, reject) => {\n    getUrl(url)\n      .then((response: WebResponse) => {\n        if (response.status >= 200 && response.status < 300) {\n          resolve({\n            assets: response.json.results,\n            next: response.json.next,\n          });\n        } else {\n          reject(response);\n        }\n      })\n      .catch(error => reject(error));\n  });\n};\n\nexport const getAssets = async (url: string): Promise<Asset[]> => {\n  if (!url) {\n    return new Promise<Asset[]>(resolve => resolve([]));\n  }\n\n  let assets: Asset[] = [];\n  let pageUrl = url;\n  while (pageUrl) {\n    const assetPage = await getAssetPage(pageUrl);\n    if (assetPage.assets) {\n      assets = assets.concat(assetPage.assets);\n      pageUrl = assetPage.next;\n    } else {\n      pageUrl = null;\n    }\n  }\n  return assets;\n};\n\nexport interface WebResponse {\n  json: any;\n  body?: string;\n  status: number;\n  url?: string;\n  headers: Headers;\n  controller?: AbortController;\n  redirected?: boolean;\n}\n\nexport const postUrl = (\n  url: string,\n  payload: any,\n  headers: any = {},\n  contentType = null\n): Promise<WebResponse> => {\n  const fetchHeaders = getHeaders(headers);\n\n  if (contentType) {\n    fetchHeaders['Content-Type'] = contentType;\n  }\n\n  const options = {\n    method: 'POST',\n    headers: fetchHeaders,\n    body: payload,\n  };\n\n  return new Promise<WebResponse>((resolve, reject) => {\n    fetch(url, options)\n      .then(async response => {\n        response.text().then((body: string) => {\n          let json = {};\n          try {\n            json = JSON.parse(body);\n            // eslint-disable-next-line no-empty\n          } catch (err) {}\n          resolve({\n            body,\n            json,\n            headers: response.headers,\n            status: response.status,\n            redirected: response.redirected,\n            url: response.url,\n          });\n        });\n      })\n      .catch(error => {\n        reject(error);\n      });\n  });\n};\n\nexport const postJSON = (url: string, payload: any): Promise<WebResponse> => {\n  return postUrl(url, JSON.stringify(payload), false, 'application/json');\n};\n\nexport const postFormData = (\n  url: string,\n  formData: FormData\n): Promise<WebResponse> => {\n  return new Promise<WebResponse>((resolve, reject) => {\n    postUrl(url, formData, true)\n      .then(response => {\n        if (response.status >= 200 && response.status < 400) {\n          resolve(response);\n        } else {\n          if (url === DEFAULT_MEDIA_ENDPOINT) {\n            reject(response);\n          } else {\n            reject('Server failure');\n          }\n        }\n      })\n      .catch(err => {\n        console.error(err);\n        reject(err);\n      });\n  });\n};\n\nexport const postForm = (\n  url: string,\n  payload: any | FormData\n): Promise<WebResponse> => {\n  const formData = new FormData();\n  Object.keys(payload).forEach((key: string) => {\n    formData.append(key, payload[key]);\n  });\n  return postFormData(url, formData);\n};\n\n/**\n */\nexport const renderIf =\n  (predicate: boolean | any) =>\n  (then: () => TemplateResult, otherwise?: () => TemplateResult) => {\n    return predicate ? then() : otherwise ? otherwise() : html``;\n  };\n\nexport const hexToRgb = (hex: string): { r: number; g: number; b: number } => {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  return result\n    ? {\n        r: parseInt(result[1], 16),\n        g: parseInt(result[2], 16),\n        b: parseInt(result[3], 16),\n      }\n    : null;\n};\n\nexport const getElementOffset = (\n  ele: HTMLElement\n): {\n  top: number;\n  left: number;\n  bottom: number;\n  right: number;\n  width: number;\n  height: number;\n} => {\n  const rect = ele.getBoundingClientRect();\n  const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;\n  const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n  return {\n    top: rect.top + scrollTop,\n    left: rect.left + scrollLeft,\n    bottom: rect.top + rect.height,\n    right: rect.left + rect.width,\n    width: rect.width,\n    height: rect.height,\n  };\n};\n\nexport const plural = (count: number, singular: string, plural: string) => {\n  return count === 1 ? singular : plural;\n};\n\nexport const range = (start: number, end: number) =>\n  Array.from({ length: end - start }, (v: number, k: number) => k + start);\n\nexport const fillTemplate = (\n  template: string,\n  replacements: { [key: string]: string | number }\n): TemplateResult => {\n  for (const key in replacements) {\n    const className = key + '-replaced';\n    replacements[\n      key\n    ] = `<span class=\"${className}\">${replacements[key]}</span>`;\n  }\n\n  const templateDiv = document.createElement('div');\n  // templateDiv.innerHTML = dynamicTemplate(template, replacements);\n  return html` ${templateDiv} `;\n};\n\n/*!\n * Serialize all form data into a query string\n * (c) 2018 Chris Ferdinandi, MIT License, https://gomakethings.com\n * @param  {Node}   form The form to serialize\n * @return {String}      The serialized form data\n */\nexport const serialize = function (form: any) {\n  // Setup our serialized data\n  const serialized = [];\n\n  // Loop through each field in the form\n  for (let i = 0; i < form.elements.length; i++) {\n    const field = form.elements[i];\n\n    // Don't serialize fields without a name, submits, buttons, file and reset inputs, and disabled fields\n    if (\n      !field.name ||\n      field.disabled ||\n      field.type === 'file' ||\n      field.type === 'reset' ||\n      field.type === 'submit' ||\n      field.type === 'button'\n    )\n      continue;\n\n    // If a multi-select, get all selections\n    if (field.type === 'select-multiple') {\n      for (let n = 0; n < field.options.length; n++) {\n        if (!field.options[n].selected) continue;\n        if (field.options[n].value) {\n          serialized.push(\n            encodeURIComponent(field.name) +\n              '=' +\n              encodeURIComponent(field.options[n].value)\n          );\n        }\n      }\n    }\n\n    // Convert field data to a query string\n    else if (\n      (field.type !== 'checkbox' && field.type !== 'radio') ||\n      field.checked\n    ) {\n      let value = field.value;\n      if (!value && field.checked) {\n        value = '1';\n      }\n\n      if (value) {\n        serialized.push(\n          encodeURIComponent(field.name) + '=' + encodeURIComponent(value)\n        );\n      }\n    }\n  }\n  return serialized.join('&');\n};\n\nexport const getScrollParent = (node: any): any => {\n  const parent = node.parentNode || node.host;\n  if (parent) {\n    const isElement = parent instanceof HTMLElement;\n    const overflowY = isElement && window.getComputedStyle(parent).overflowY;\n    const isScrollable =\n      overflowY &&\n      !(overflowY.includes('hidden') || overflowY.includes('visible'));\n\n    if (!parent) {\n      return null;\n    } else if (isScrollable && parent.scrollHeight >= parent.clientHeight) {\n      return parent;\n    }\n\n    return getScrollParent(parent);\n  }\n  return null;\n};\n\nexport const isElementVisible = (el: any, holder: any) => {\n  holder = holder || document.body;\n  const { top, bottom } = el.getBoundingClientRect();\n  const holderRect = holder.getBoundingClientRect();\n\n  return top <= holderRect.top\n    ? bottom > holderRect.top\n    : bottom < holderRect.bottom;\n};\n\nconst HOUR = 3600;\nconst DAY = HOUR * 24;\nconst MONTH = DAY * 30;\n\nexport class Stubbable {\n  public getCurrentDate() {\n    return new Date();\n  }\n}\n\nexport const stubbable = new Stubbable();\n\nexport const timeSince = (\n  date: Date,\n  options: { compareDate?: Date; hideRecentText?: boolean; suffix?: string } = {\n    suffix: '',\n  }\n) => {\n  const { compareDate, hideRecentText, suffix } = options;\n  const now = compareDate || stubbable.getCurrentDate();\n  const secondsPast = Math.floor((now.getTime() - date.getTime()) / 1000);\n\n  if (secondsPast < 60) {\n    if (compareDate) {\n      return secondsPast + 's' + suffix;\n    }\n\n    if (!hideRecentText && suffix) {\n      return suffix;\n    }\n    return 'just now';\n  }\n\n  if (secondsPast < HOUR) {\n    return Math.round(secondsPast / 60) + 'm' + suffix;\n  }\n\n  if (secondsPast <= DAY) {\n    return Math.round(secondsPast / HOUR) + 'h' + suffix;\n  }\n\n  if (secondsPast <= MONTH) {\n    return Math.round(secondsPast / DAY) + 'd' + suffix;\n  }\n\n  if (secondsPast < MONTH * 6) {\n    return Math.round(secondsPast / MONTH) + 'mth' + suffix;\n  } else {\n    const day = date.getDate();\n    const month = date\n      .toDateString()\n      .match(/ [a-zA-Z]*/)[0]\n      .replace(' ', '');\n    const year =\n      date.getFullYear() == now.getFullYear() ? '' : ' ' + date.getFullYear();\n    return day + ' ' + month + year;\n  }\n};\n\nexport const isDate = (value: string): boolean => {\n  if (toString.call(value) === '[object Date]') {\n    return true;\n  }\n  if (typeof value.replace === 'function') {\n    value.replace(/^\\s+|\\s+$/gm, '');\n  }\n\n  // value = value.split(\"+\")[0];\n  return DATE_FORMAT.test(value);\n};\n\nexport const debounce = (fn: any, millis: number, immediate = false) => {\n  let timeout: any;\n  return function (...args: any) {\n    const context = this;\n    const later = function () {\n      timeout = null;\n      if (!immediate) {\n        fn.apply(context, args);\n      }\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, millis);\n    if (callNow) {\n      fn.apply(context, args);\n    }\n  };\n};\n\nexport const throttle = (fn: any, millis: number) => {\n  let ready = true;\n  return function (...args: any) {\n    const context = this;\n    if (!ready) {\n      return;\n    }\n\n    ready = false;\n    fn.apply(context, args);\n    setTimeout(() => {\n      ready = true;\n    }, millis);\n  };\n};\n\nexport interface NamedObject {\n  name: string;\n}\n\nexport const truncate = (input: string, max: number): string => {\n  if (input.length > max) {\n    return input.substring(0, max) + '...';\n  }\n\n  return input;\n};\n\nexport const oxford = (items: any[], joiner = 'and'): any => {\n  if (items.length === 1) {\n    return items[0];\n  }\n\n  if (items.length === 2) {\n    // TemplateResults get a different treatment\n    if (typeof items[0] === 'object') {\n      return html`${items[0]} ${joiner} ${items[1]}`;\n    }\n    return items.join(' ' + joiner + ' ');\n  }\n\n  // TemplateResults get a different treatment\n  if (typeof items[0] === 'object') {\n    return items.map((tr: TemplateResult, idx: number) => {\n      if (idx < items.length - 1) {\n        return html`${tr}, `;\n      }\n      return html`${joiner} ${tr}`;\n    });\n  }\n\n  return items.join(', ') + joiner + items[items.length - 1];\n};\n\nexport const oxfordFn = (\n  items: any[],\n  fn: (item: any) => any,\n  joiner = 'and'\n): any => {\n  return oxford(items.map(fn), joiner);\n};\n\nexport const oxfordNamed = (items: NamedObject[], joiner = 'and'): any => {\n  return oxfordFn(items, (value: any) => value.name, joiner);\n};\n\nexport const getDialog = (button: Button): Dialog => {\n  return (button.getRootNode() as ShadowRoot).host as Dialog;\n};\n\nexport const setCookie = (name: string, value: any, path = undefined) => {\n  if (!path) {\n    // default path is the first word in the url\n    const url = document.location.pathname;\n    path = url.substring(0, url.indexOf('/', 1));\n  }\n  const now = new Date();\n  now.setTime(now.getTime() + 60 * 1000 * 60 * 24 * 30);\n  document.cookie = `${name}=${value};expires=${now.toUTCString()};path=${path}`;\n};\n\nexport const getCookie = (name: string) => {\n  let cookieValue = null;\n  if (document.cookie && document.cookie != '') {\n    const cookies = document.cookie.split(';');\n    for (let i = 0; i < cookies.length; i++) {\n      const cookie = cookies[i].trim();\n      // Does this cookie string begin with the name we want?\n      if (cookie.substring(0, name.length + 1) == name + '=') {\n        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));\n        break;\n      }\n    }\n  }\n  return cookieValue;\n};\n\nexport const getCookieBoolean = (name: string) => {\n  return (getCookie(name) || '') === 'true';\n};\n\nexport enum COOKIE_KEYS {\n  SETTINGS = 'settings',\n  MENU_COLLAPSED = 'menu-collapsed',\n  TICKET_SHOW_DETAILS = 'tickets.show-details',\n}\n\nexport const capitalize = ([first, ...rest], locale = navigator.language) =>\n  first === undefined ? '' : first.toLocaleUpperCase(locale) + rest.join('');\n\nexport const formatFileType = (type: string): string => {\n  return type.split('/')[1];\n};\nexport const formatFileSize = (bytes: number, decimalPoint: number): string => {\n  if (bytes == 0) return '0 KB';\n  const k = 1024,\n    dm = decimalPoint || 2,\n    sizes = ['B', 'KB', 'MB', 'GB'], //, 'TB', 'PB', 'EB', 'ZB', 'YB'],\n    i = Math.floor(Math.log(bytes) / Math.log(k));\n  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];\n};\n\nexport const stopEvent = (event: Event) => {\n  if (event) {\n    event.stopPropagation();\n    event.preventDefault();\n  }\n};\n\nexport const getFullName = (user: User) => {\n  if (user.first_name && user.last_name) {\n    return `${user.first_name} ${user.last_name}`;\n  }\n\n  return user.email;\n};\n\nexport const hslToHex = (h, s, l) => {\n  l /= 100;\n  const a = (s * Math.min(l, 1 - l)) / 100;\n  const f = n => {\n    const k = (n + h / 30) % 12;\n    const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n    return Math.round(255 * color)\n      .toString(16)\n      .padStart(2, '0'); // convert to Hex and prefix \"0\" if needed\n  };\n  return `#${f(0)}${f(8)}${f(4)}`;\n};\n\nexport const renderAvatar = (input: {\n  name?: string;\n  user?: User;\n  icon?: string;\n  image?: string;\n  position?: string;\n  tip?: boolean;\n}) => {\n  if (!input.position) {\n    input.position = 'right';\n  }\n\n  // just a url\n  if (input.image) {\n    return html`<img src=\"${input.image}\" />`;\n  }\n\n  let text = input.name;\n  if (input.user) {\n    text = `${input.user.first_name} ${input.user.last_name}`;\n  }\n\n  if (!text) {\n    return null;\n  }\n\n  const color = colorHash.hex(text);\n  let second = text.indexOf(' ') + 1;\n  if (second < 1) {\n    second = text.length > 1 ? 1 : 0;\n  }\n  let initials = text.substring(0, 1) + text.substring(second, second + 1);\n  initials = initials.toUpperCase();\n\n  const avatar = html`\n    <div\n      style=\"border: 0px solid red; display:flex; flex-direction: column; align-items:center;\"\n    >\n      <div\n        class=\"avatar-circle\"\n        style=\"\n            display: flex;\n            height: 2em;\n            width: 2em;\n            flex-direction: row;\n            align-items: center;\n            color: #fff;\n            border-radius: 100%;\n            font-weight: 400;\n            border: 0.3em solid rgba(0,0,0,.05);\n            background:${color}\"\n      >\n        <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;\">${initials}</div>\n        </div>\n      </div>\n    </div>\n  `;\n  return input.tip\n    ? html`\n        <temba-tip text=${text} position=${input.position}>\n          ${avatar}\n        </temba-tip>\n      `\n    : avatar;\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-this-alias */\nimport { html, TemplateResult } from 'lit-html';\nimport { Button } from '../button/Button';\nimport { Dialog } from '../dialog/Dialog';\nimport { Attachment, ContactField, Ticket, User } from '../interfaces';\nimport ColorHash from 'color-hash';\n\nexport const DEFAULT_MEDIA_ENDPOINT = '/api/v2/media.json';\n\nconst colorHash = new ColorHash();\n\nexport type Asset = KeyedAsset & Ticket & ContactField;\n\nexport const DATE_FORMAT =\n  /(\\d{4}-[01]\\d-[0-3]\\dT[0-2]\\d:[0-5]\\d:[0-5]\\d\\.\\d+([+-][0-2]\\d:[0-5]\\d|Z))|(\\d{4}-[01]\\d-[0-3]\\dT[0-2]\\d:[0-5]\\d:[0-5]\\d([+-][0-2]\\d:[0-5]\\d|Z))|(\\d{4}-[01]\\d-[0-3]\\dT[0-2]\\d:[0-5]\\d([+-][0-2]\\d:[0-5]\\d|Z))/;\n\ninterface KeyedAsset {\n  key?: string;\n}\n\ninterface AssetPage {\n  assets: Asset[];\n  next: string;\n}\n\nexport interface ResultsPage {\n  results: any[];\n  next: string;\n}\n/** Get the value for a named cookie */\nexport const getHTTPCookie = (name: string): string => {\n  for (const cookie of document.cookie.split(';')) {\n    const idx = cookie.indexOf('=');\n    let key = cookie.substr(0, idx);\n    let value = cookie.substr(idx + 1);\n\n    // no spaces allowed\n    key = key.trim();\n    value = value.trim();\n\n    if (key === name) {\n      return value;\n    }\n  }\n  return null;\n};\n\nexport const getHeaders = (headers: any = {}) => {\n  const csrf = getHTTPCookie('csrftoken');\n  const fetchHeaders: any = csrf ? { 'X-CSRFToken': csrf } : {};\n\n  // mark us as ajax\n  fetchHeaders['X-Requested-With'] = 'XMLHttpRequest';\n\n  Object.keys(headers).forEach(key => {\n    fetchHeaders[key] = headers[key];\n  });\n\n  return fetchHeaders;\n};\n\nexport const getUrl = (\n  url: string,\n  controller: AbortController = null,\n  headers: { [key: string]: string } = {}\n): Promise<WebResponse> => {\n  return new Promise<WebResponse>((resolve, reject) => {\n    const options = {\n      method: 'GET',\n      headers: getHeaders(headers),\n    };\n\n    if (controller) {\n      options['signal'] = controller.signal;\n    }\n\n    fetch(url, options)\n      .then(response => {\n        response.text().then((body: string) => {\n          let json = {};\n          try {\n            json = JSON.parse(body);\n            // eslint-disable-next-line no-empty\n          } catch (err) {}\n          resolve({\n            controller,\n            body,\n            json,\n            url: response.url,\n            headers: response.headers,\n            status: response.status,\n          });\n        });\n      })\n      .catch(error => {\n        reject(error);\n      });\n  });\n};\n\nexport type ClassMap = {\n  [className: string]: boolean;\n};\n\nexport const getClasses = (map: ClassMap): string => {\n  const classNames: string[] = [];\n  Object.keys(map).forEach((className: string) => {\n    if (map[className]) {\n      classNames.push(className);\n    }\n  });\n\n  let result = classNames.join(' ');\n  if (result.trim().length > 0) {\n    result = ' ' + result;\n  }\n  return result.trim();\n};\n\nexport const fetchResultsPage = (\n  url: string,\n  controller: AbortController = null\n): Promise<ResultsPage> => {\n  return new Promise<ResultsPage>((resolve, reject) => {\n    getUrl(url, controller)\n      .then((response: WebResponse) => {\n        resolve({\n          results: response.json.results,\n          next: response.json.next,\n        });\n      })\n      .catch(error => reject(error));\n  });\n};\n\nexport const fetchResults = async (url: string): Promise<any[]> => {\n  if (!url) {\n    return new Promise<any[]>(resolve => resolve([]));\n  }\n\n  let results: any[] = [];\n  let pageUrl = url;\n  while (pageUrl) {\n    const resultsPage = await fetchResultsPage(pageUrl);\n    if (resultsPage.results) {\n      results = results.concat(resultsPage.results);\n    }\n    pageUrl = resultsPage.next;\n  }\n  return results;\n};\n\nexport const getAssetPage = (url: string): Promise<AssetPage> => {\n  return new Promise<AssetPage>((resolve, reject) => {\n    getUrl(url)\n      .then((response: WebResponse) => {\n        if (response.status >= 200 && response.status < 300) {\n          resolve({\n            assets: response.json.results,\n            next: response.json.next,\n          });\n        } else {\n          reject(response);\n        }\n      })\n      .catch(error => reject(error));\n  });\n};\n\nexport const getAssets = async (url: string): Promise<Asset[]> => {\n  if (!url) {\n    return new Promise<Asset[]>(resolve => resolve([]));\n  }\n\n  let assets: Asset[] = [];\n  let pageUrl = url;\n  while (pageUrl) {\n    const assetPage = await getAssetPage(pageUrl);\n    if (assetPage.assets) {\n      assets = assets.concat(assetPage.assets);\n      pageUrl = assetPage.next;\n    } else {\n      pageUrl = null;\n    }\n  }\n  return assets;\n};\n\nexport interface WebResponse {\n  json: any;\n  body?: string;\n  status: number;\n  url?: string;\n  headers: Headers;\n  controller?: AbortController;\n  redirected?: boolean;\n}\n\nexport const postUrl = (\n  url: string,\n  payload: any,\n  headers: any = {},\n  contentType = null\n): Promise<WebResponse> => {\n  const fetchHeaders = getHeaders(headers);\n\n  if (contentType) {\n    fetchHeaders['Content-Type'] = contentType;\n  }\n\n  const options = {\n    method: 'POST',\n    headers: fetchHeaders,\n    body: payload,\n  };\n\n  return new Promise<WebResponse>((resolve, reject) => {\n    fetch(url, options)\n      .then(async response => {\n        response.text().then((body: string) => {\n          let json = {};\n          try {\n            json = JSON.parse(body);\n            // eslint-disable-next-line no-empty\n          } catch (err) {}\n          resolve({\n            body,\n            json,\n            headers: response.headers,\n            status: response.status,\n            redirected: response.redirected,\n            url: response.url,\n          });\n        });\n      })\n      .catch(error => {\n        reject(error);\n      });\n  });\n};\n\nexport const postJSON = (url: string, payload: any): Promise<WebResponse> => {\n  return postUrl(url, JSON.stringify(payload), false, 'application/json');\n};\n\nexport const postFormData = (\n  url: string,\n  formData: FormData\n): Promise<WebResponse> => {\n  return new Promise<WebResponse>((resolve, reject) => {\n    postUrl(url, formData, true)\n      .then(response => {\n        if (response.status >= 200 && response.status < 400) {\n          resolve(response);\n        } else {\n          if (url === DEFAULT_MEDIA_ENDPOINT) {\n            reject(response);\n          } else {\n            reject('Server failure');\n          }\n        }\n      })\n      .catch(err => {\n        console.error(err);\n        reject(err);\n      });\n  });\n};\n\nexport const postForm = (\n  url: string,\n  payload: any | FormData\n): Promise<WebResponse> => {\n  const formData = new FormData();\n  Object.keys(payload).forEach((key: string) => {\n    formData.append(key, payload[key]);\n  });\n  return postFormData(url, formData);\n};\n\n/**\n */\nexport const renderIf =\n  (predicate: boolean | any) =>\n  (then: () => TemplateResult, otherwise?: () => TemplateResult) => {\n    return predicate ? then() : otherwise ? otherwise() : html``;\n  };\n\nexport const hexToRgb = (hex: string): { r: number; g: number; b: number } => {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  return result\n    ? {\n        r: parseInt(result[1], 16),\n        g: parseInt(result[2], 16),\n        b: parseInt(result[3], 16),\n      }\n    : null;\n};\n\nexport const getElementOffset = (\n  ele: HTMLElement\n): {\n  top: number;\n  left: number;\n  bottom: number;\n  right: number;\n  width: number;\n  height: number;\n} => {\n  const rect = ele.getBoundingClientRect();\n  const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;\n  const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n  return {\n    top: rect.top + scrollTop,\n    left: rect.left + scrollLeft,\n    bottom: rect.top + rect.height,\n    right: rect.left + rect.width,\n    width: rect.width,\n    height: rect.height,\n  };\n};\n\nexport const plural = (count: number, singular: string, plural: string) => {\n  return count === 1 ? singular : plural;\n};\n\nexport const range = (start: number, end: number) =>\n  Array.from({ length: end - start }, (v: number, k: number) => k + start);\n\nexport const fillTemplate = (\n  template: string,\n  replacements: { [key: string]: string | number }\n): TemplateResult => {\n  for (const key in replacements) {\n    const className = key + '-replaced';\n    replacements[\n      key\n    ] = `<span class=\"${className}\">${replacements[key]}</span>`;\n  }\n\n  const templateDiv = document.createElement('div');\n  // templateDiv.innerHTML = dynamicTemplate(template, replacements);\n  return html` ${templateDiv} `;\n};\n\n/*!\n * Serialize all form data into a query string\n * (c) 2018 Chris Ferdinandi, MIT License, https://gomakethings.com\n * @param  {Node}   form The form to serialize\n * @return {String}      The serialized form data\n */\nexport const serialize = function (form: any) {\n  // Setup our serialized data\n  const serialized = [];\n\n  // Loop through each field in the form\n  for (let i = 0; i < form.elements.length; i++) {\n    const field = form.elements[i];\n\n    // Don't serialize fields without a name, submits, buttons, file and reset inputs, and disabled fields\n    if (\n      !field.name ||\n      field.disabled ||\n      field.type === 'file' ||\n      field.type === 'reset' ||\n      field.type === 'submit' ||\n      field.type === 'button'\n    )\n      continue;\n\n    // If a multi-select, get all selections\n    if (field.type === 'select-multiple') {\n      for (let n = 0; n < field.options.length; n++) {\n        if (!field.options[n].selected) continue;\n        if (field.options[n].value) {\n          serialized.push(\n            encodeURIComponent(field.name) +\n              '=' +\n              encodeURIComponent(field.options[n].value)\n          );\n        }\n      }\n    }\n\n    // Convert field data to a query string\n    else if (\n      (field.type !== 'checkbox' && field.type !== 'radio') ||\n      field.checked\n    ) {\n      let value = field.value;\n      if (!value && field.checked) {\n        value = '1';\n      }\n\n      if (value) {\n        serialized.push(\n          encodeURIComponent(field.name) + '=' + encodeURIComponent(value)\n        );\n      }\n    }\n  }\n  return serialized.join('&');\n};\n\nexport const getScrollParent = (node: any): any => {\n  const parent = node.parentNode || node.host;\n  if (parent) {\n    const isElement = parent instanceof HTMLElement;\n    const overflowY = isElement && window.getComputedStyle(parent).overflowY;\n    const isScrollable =\n      overflowY &&\n      !(overflowY.includes('hidden') || overflowY.includes('visible'));\n\n    if (!parent) {\n      return null;\n    } else if (isScrollable && parent.scrollHeight >= parent.clientHeight) {\n      return parent;\n    }\n\n    return getScrollParent(parent);\n  }\n  return null;\n};\n\nexport const isElementVisible = (el: any, holder: any) => {\n  holder = holder || document.body;\n  const { top, bottom } = el.getBoundingClientRect();\n  const holderRect = holder.getBoundingClientRect();\n\n  return top <= holderRect.top\n    ? bottom > holderRect.top\n    : bottom < holderRect.bottom;\n};\n\nconst HOUR = 3600;\nconst DAY = HOUR * 24;\nconst MONTH = DAY * 30;\n\nexport class Stubbable {\n  public getCurrentDate() {\n    return new Date();\n  }\n}\n\nexport const stubbable = new Stubbable();\n\nexport const timeSince = (\n  date: Date,\n  options: { compareDate?: Date; hideRecentText?: boolean; suffix?: string } = {\n    suffix: '',\n  }\n) => {\n  const { compareDate, hideRecentText, suffix } = options;\n  const now = compareDate || stubbable.getCurrentDate();\n  const secondsPast = Math.floor((now.getTime() - date.getTime()) / 1000);\n\n  if (secondsPast < 60) {\n    if (compareDate) {\n      return secondsPast + 's' + suffix;\n    }\n\n    if (!hideRecentText && suffix) {\n      return suffix;\n    }\n    return 'just now';\n  }\n\n  if (secondsPast < HOUR) {\n    return Math.round(secondsPast / 60) + 'm' + suffix;\n  }\n\n  if (secondsPast <= DAY) {\n    return Math.round(secondsPast / HOUR) + 'h' + suffix;\n  }\n\n  if (secondsPast <= MONTH) {\n    return Math.round(secondsPast / DAY) + 'd' + suffix;\n  }\n\n  if (secondsPast < MONTH * 6) {\n    return Math.round(secondsPast / MONTH) + 'mth' + suffix;\n  } else {\n    const day = date.getDate();\n    const month = date\n      .toDateString()\n      .match(/ [a-zA-Z]*/)[0]\n      .replace(' ', '');\n    const year =\n      date.getFullYear() == now.getFullYear() ? '' : ' ' + date.getFullYear();\n    return day + ' ' + month + year;\n  }\n};\n\nexport const isDate = (value: string): boolean => {\n  if (toString.call(value) === '[object Date]') {\n    return true;\n  }\n  if (typeof value.replace === 'function') {\n    value.replace(/^\\s+|\\s+$/gm, '');\n  }\n\n  // value = value.split(\"+\")[0];\n  return DATE_FORMAT.test(value);\n};\n\nexport const debounce = (fn: any, millis: number, immediate = false) => {\n  let timeout: any;\n  return function (...args: any) {\n    const context = this;\n    const later = function () {\n      timeout = null;\n      if (!immediate) {\n        fn.apply(context, args);\n      }\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, millis);\n    if (callNow) {\n      fn.apply(context, args);\n    }\n  };\n};\n\nexport const throttle = (fn: any, millis: number) => {\n  let ready = true;\n  return function (...args: any) {\n    const context = this;\n    if (!ready) {\n      return;\n    }\n\n    ready = false;\n    fn.apply(context, args);\n    setTimeout(() => {\n      ready = true;\n    }, millis);\n  };\n};\n\nexport interface NamedObject {\n  name: string;\n}\n\nexport const truncate = (input: string, max: number): string => {\n  if (input.length > max) {\n    return input.substring(0, max) + '...';\n  }\n\n  return input;\n};\n\nexport const oxford = (items: any[], joiner = 'and'): any => {\n  if (items.length === 1) {\n    return items[0];\n  }\n\n  if (items.length === 2) {\n    // TemplateResults get a different treatment\n    if (typeof items[0] === 'object') {\n      return html`${items[0]} ${joiner} ${items[1]}`;\n    }\n    return items.join(' ' + joiner + ' ');\n  }\n\n  // TemplateResults get a different treatment\n  if (typeof items[0] === 'object') {\n    return items.map((tr: TemplateResult, idx: number) => {\n      if (idx < items.length - 1) {\n        return html`${tr}, `;\n      }\n      return html`${joiner} ${tr}`;\n    });\n  }\n\n  return items.join(', ') + joiner + items[items.length - 1];\n};\n\nexport const oxfordFn = (\n  items: any[],\n  fn: (item: any) => any,\n  joiner = 'and'\n): any => {\n  return oxford(items.map(fn), joiner);\n};\n\nexport const oxfordNamed = (items: NamedObject[], joiner = 'and'): any => {\n  return oxfordFn(items, (value: any) => value.name, joiner);\n};\n\nexport const getDialog = (button: Button): Dialog => {\n  return (button.getRootNode() as ShadowRoot).host as Dialog;\n};\n\nexport const setCookie = (name: string, value: any, path = undefined) => {\n  if (!path) {\n    // default path is the first word in the url\n    const url = document.location.pathname;\n    path = url.substring(0, url.indexOf('/', 1));\n  }\n  const now = new Date();\n  now.setTime(now.getTime() + 60 * 1000 * 60 * 24 * 30);\n  document.cookie = `${name}=${value};expires=${now.toUTCString()};path=${path}`;\n};\n\nexport const getCookie = (name: string) => {\n  let cookieValue = null;\n  if (document.cookie && document.cookie != '') {\n    const cookies = document.cookie.split(';');\n    for (let i = 0; i < cookies.length; i++) {\n      const cookie = cookies[i].trim();\n      // Does this cookie string begin with the name we want?\n      if (cookie.substring(0, name.length + 1) == name + '=') {\n        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));\n        break;\n      }\n    }\n  }\n  return cookieValue;\n};\n\nexport const getCookieBoolean = (name: string) => {\n  return (getCookie(name) || '') === 'true';\n};\n\nexport enum COOKIE_KEYS {\n  SETTINGS = 'settings',\n  MENU_COLLAPSED = 'menu-collapsed',\n  TICKET_SHOW_DETAILS = 'tickets.show-details',\n}\n\nexport const capitalize = ([first, ...rest], locale = navigator.language) =>\n  first === undefined ? '' : first.toLocaleUpperCase(locale) + rest.join('');\n\nexport const formatFileType = (type: string): string => {\n  return type.split('/')[1];\n};\nexport const formatFileSize = (bytes: number, decimalPoint: number): string => {\n  if (bytes == 0) return '0 KB';\n  const k = 1024,\n    dm = decimalPoint || 2,\n    sizes = ['B', 'KB', 'MB', 'GB'], //, 'TB', 'PB', 'EB', 'ZB', 'YB'],\n    i = Math.floor(Math.log(bytes) / Math.log(k));\n  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];\n};\n\nexport const isImageAttachment = (attachment: Attachment) => {\n  if (attachment) {\n    return attachment.content_type.split('/')[0] === 'image';\n  }\n  return false;\n};\n\nexport const stopEvent = (event: Event) => {\n  if (event) {\n    event.stopPropagation();\n    event.preventDefault();\n  }\n};\n\nexport const getFullName = (user: User) => {\n  if (user.first_name && user.last_name) {\n    return `${user.first_name} ${user.last_name}`;\n  }\n\n  return user.email;\n};\n\nexport const hslToHex = (h, s, l) => {\n  l /= 100;\n  const a = (s * Math.min(l, 1 - l)) / 100;\n  const f = n => {\n    const k = (n + h / 30) % 12;\n    const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n    return Math.round(255 * color)\n      .toString(16)\n      .padStart(2, '0'); // convert to Hex and prefix \"0\" if needed\n  };\n  return `#${f(0)}${f(8)}${f(4)}`;\n};\n\nexport const renderAvatar = (input: {\n  name?: string;\n  user?: User;\n  icon?: string;\n  image?: string;\n  position?: string;\n  tip?: boolean;\n}) => {\n  if (!input.position) {\n    input.position = 'right';\n  }\n\n  // just a url\n  if (input.image) {\n    return html`<img src=\"${input.image}\" />`;\n  }\n\n  let text = input.name;\n  if (input.user) {\n    text = `${input.user.first_name} ${input.user.last_name}`;\n  }\n\n  if (!text) {\n    return null;\n  }\n\n  const color = colorHash.hex(text);\n  let second = text.indexOf(' ') + 1;\n  if (second < 1) {\n    second = text.length > 1 ? 1 : 0;\n  }\n  let initials = text.substring(0, 1) + text.substring(second, second + 1);\n  initials = initials.toUpperCase();\n\n  const avatar = html`\n    <div\n      style=\"border: 0px solid red; display:flex; flex-direction: column; align-items:center;\"\n    >\n      <div\n        class=\"avatar-circle\"\n        style=\"\n            display: flex;\n            height: 2em;\n            width: 2em;\n            flex-direction: row;\n            align-items: center;\n            color: #fff;\n            border-radius: 100%;\n            font-weight: 400;\n            border: 0.3em solid rgba(0,0,0,.05);\n            background:${color}\"\n      >\n        <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;\">${initials}</div>\n        </div>\n      </div>\n    </div>\n  `;\n  return input.tip\n    ? html`\n        <temba-tip text=${text} position=${input.position}>\n          ${avatar}\n        </temba-tip>\n      `\n    : avatar;\n};\n"]}

package/out-tsc/src/vectoricon/index.js

@@ -1,5 +1,5 @@
 // for cache busting we dynamically generate a fingerprint, use yarn svg to update
-export const SVG_FINGERPRINT = '2894cf52370eeff9b466593695609d09';
+export const SVG_FINGERPRINT = '9c84101e8549effb3e17279445ff41e3';
 // only icons below are included in the sprite sheet
 export var Icon;
 (function (Icon) {
@@ -144,6 +144,7 @@ export var Icon;
     Icon["prometheus"] = "prometheus";
     Icon["progress_spinner"] = "refresh-cw-04";
     Icon["featured"] = "star-01";
+    Icon["quick_replies"] = "dotpoints-01";
     Icon["recording"] = "microphone-01";
     Icon["referral"] = "user-right-01";
     Icon["resend"] = "refresh-cw-05";

package/out-tsc/src/vectoricon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/vectoricon/index.ts"],"names":[],"mappings":"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","sourcesContent":["// for cache busting we dynamically generate a fingerprint, use yarn svg to update\nexport const SVG_FINGERPRINT = '2894cf52370eeff9b466593695609d09';\n\n// only icons below are included in the sprite sheet\nexport enum Icon {\n  alert_warning = 'alert-square',\n  account = 'user-01',\n  active = 'play',\n  add = 'plus',\n  add_note = 'file-02',\n  airtime = 'bank-note-01',\n  analytics = 'bar-chart-01',\n  archive = 'archive',\n  arrow_up = 'chevron-up',\n  arrow_down = 'chevron-down',\n  arrow_left = 'chevron-left',\n  arrow_right = 'chevron-right',\n  attachment = 'paperclip',\n  attachment_audio = 'volume-min',\n  attachment_document = 'file-06',\n  attachment_image = 'image-01',\n  attachment_location = 'marker-pin-01',\n  attachment_video = 'video-recorder',\n  broadcast = 'announcement-01',\n  call = 'phone-call-01',\n  call_missed = 'phone-call-02',\n  campaign = 'clock-refresh',\n  campaign_active = 'play',\n  campaign_archived = 'archive',\n  campaigns = 'clock-refresh',\n  channel = 'zap',\n  channel_a = 'channel-android',\n  channel_ct = 'channel-clickatell',\n  channel_d3 = 'channel-whatsapp',\n  channel_ds = 'channel-discord',\n  channel_ex = 'zap',\n  channel_fb = 'channel-facebook',\n  channel_fba = 'channel-facebook',\n  channel_fc = 'channel-freshchat',\n  channel_fcm = 'channel-firebase',\n  channel_ig = 'channel-instagram',\n  channel_jc = 'channel-jiochat',\n  channel_jn = 'channel-junebug',\n  channel_kn = 'channel-kannel',\n  channel_kwa = 'channel-whatsapp',\n  channel_ln = 'channel-line',\n  channel_mg = 'channel-mtarget',\n  channel_pl = 'channel-plivo',\n  channel_rc = 'channel-rocketchat',\n  channel_sl = 'channel-slack',\n  channel_sw = 'channel-signalwire',\n  channel_tq = 'channel-thinq',\n  channel_tg = 'channel-telegram',\n  channel_t = 'channel-twilio',\n  channel_twt = 'channel-twitter',\n  channel_twa = 'channel-whatsapp',\n  channel_vp = 'channel-viber',\n  channel_vk = 'channel-vk',\n  channel_nx = 'channel-vonage',\n  channel_wc = 'channel-wechat',\n  channel_wa = 'channel-whatsapp',\n  channel_wac = 'channel-whatsapp',\n  channel_zvw = 'channel-whatsapp',\n  children = 'git-branch-01',\n  check = 'check',\n  checkbox = 'square',\n  checkbox_checked = 'check-square',\n  checkbox_partial = 'stop-square',\n  classifier_wit = 'classifier-wit',\n  classifier_luis = 'classifier-luis',\n  classifier_bothub = 'classifier-bothub',\n  close = 'x',\n  compose = 'send-01',\n  colors = 'palette',\n  contact = 'user-01',\n  contact_archived = 'archive',\n  contact_blocked = 'message-x-square',\n  contact_stopped = 'slash-octagon',\n  contact_updated = 'user-edit',\n  contacts = 'user-01',\n  conversation = 'message-chat-square',\n  copy = 'copy-04',\n  dashboard = 'pie-chart-01',\n  delete = 'trash-03',\n  delete_small = 'x',\n  down = 'chevron-down',\n  download = 'download-01',\n  edit = 'edit-03',\n  email = 'mail-01',\n  error = 'alert-circle',\n  event = 'zap',\n  expressions = 'at-sign',\n  fields = 'user-edit',\n  filter = 'filter-funnel-01',\n  flow = 'flow',\n  flow_background = 'layers-two-01',\n  flow_interrupted = 'x-close',\n  flow_ivr = 'phone',\n  flow_message = 'message-square-02',\n  flow_surveyor = 'tablet-01',\n  flow_user = 'hard-drive',\n  flows = 'flow',\n  global = 'at-sign',\n  grid = 'dots-grid',\n  group = 'users-01',\n  group_exclude = 'users-x',\n  group_include = 'users-check',\n  group_smart = 'atom-01',\n  help = 'help-circle',\n  hide = 'eye-off',\n  home = 'settings-02',\n  image = 'image-01',\n  inbox = 'inbox-01',\n  incoming_call = 'phone-incoming-01',\n  integrations = 'layers-three-01',\n  info = 'user-square',\n  issue = 'alert-square',\n  label = 'tag-01',\n  language = 'translate-01',\n  link = 'link-external-01',\n  location = 'marker-pin-01',\n  log = 'file-02',\n  logout = 'log-out-04',\n  menu = 'menu-01',\n  menu_collapse = 'chevron-left-double',\n  message = 'message-square-02',\n  messages = 'message-square-02',\n  missing = 'maximize-02',\n  missed_call = 'phone-x',\n  new = 'plus',\n  next_schedule = 'alarm-clock',\n  notification = 'bell-01',\n  optin_requested = 'message-notification-circle',\n  optin = 'message-check-circle',\n  optout = 'message-x-circle',\n  org_active = 'credit-card-02',\n  org_anonymous = 'glasses-01',\n  org_bulk = 'credit-card-plus',\n  org_flagged = 'flag-01',\n  org_new = 'stars-02',\n  org_suspended = 'slash-circle-01',\n  org_verified = 'check-verified-02',\n  overview = 'pie-chart-01',\n  prometheus = 'prometheus',\n  progress_spinner = 'refresh-cw-04',\n  featured = 'star-01',\n  recording = 'microphone-01',\n  referral = 'user-right-01',\n  resend = 'refresh-cw-05',\n  reset = 'flip-backward',\n  resthooks = 'share-07',\n  restore = 'play',\n  retry = 'refresh-cw-05',\n  revisions = 'clock-rewind',\n  rocketchat = 'rocketchat',\n  runs = 'rows-03',\n  schedule = 'calendar',\n  search = 'search-refraction',\n  select_open = 'chevron-down',\n  select_clear = 'x',\n  service = 'magic-wand-01',\n  service_end = 'log-out-04',\n  settings = 'settings-02',\n  show = 'eye',\n  simulator = 'phone-02',\n  sort = 'chevron-selector-vertical',\n  sort_down = 'sort-arrow-down',\n  sort_up = 'sort-arrow-up',\n  staff = 'hard-drive',\n  tickets = 'agent',\n  tickets_all = 'archive',\n  tickets_closed = 'check',\n  tickets_mine = 'coffee',\n  tickets_open = 'inbox-01',\n  tickets_unassigned = 'inbox-01',\n  topic = 'message-text-circle-02',\n  two_factor_enabled = 'shield-02',\n  two_factor_disabled = 'shield-01',\n  trigger = 'signal-01',\n  trigger_active = 'play',\n  trigger_archived = 'archive',\n  trigger_new = 'plus',\n  triggers = 'signal-01',\n  updated = 'edit-02',\n  up = 'chevron-up',\n  upload = 'upload-cloud-01',\n  usages = 'link-04',\n  user = 'users-01',\n  users = 'users-01',\n  user_beta = 'shield-zap',\n  webhook = 'link-external-01',\n  wit = 'wit',\n  workspace = 'folder',\n  zapier = 'zapier',\n  zendesk = 'zendesk',\n\n  ext = 'lightning-01',\n  fcm = 'lightning-01',\n\n  bothub = 'bothub',\n  chatbase = 'chatbase',\n  dtone = 'dtone',\n\n  // demo\n  default = 'list',\n  datepicker = 'calendar',\n  slider = 'sliders-02',\n  select = 'browser',\n  input = 'edit-05',\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/vectoricon/index.ts"],"names":[],"mappings":"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","sourcesContent":["// for cache busting we dynamically generate a fingerprint, use yarn svg to update\nexport const SVG_FINGERPRINT = '9c84101e8549effb3e17279445ff41e3';\n\n// only icons below are included in the sprite sheet\nexport enum Icon {\n  alert_warning = 'alert-square',\n  account = 'user-01',\n  active = 'play',\n  add = 'plus',\n  add_note = 'file-02',\n  airtime = 'bank-note-01',\n  analytics = 'bar-chart-01',\n  archive = 'archive',\n  arrow_up = 'chevron-up',\n  arrow_down = 'chevron-down',\n  arrow_left = 'chevron-left',\n  arrow_right = 'chevron-right',\n  attachment = 'paperclip',\n  attachment_audio = 'volume-min',\n  attachment_document = 'file-06',\n  attachment_image = 'image-01',\n  attachment_location = 'marker-pin-01',\n  attachment_video = 'video-recorder',\n  broadcast = 'announcement-01',\n  call = 'phone-call-01',\n  call_missed = 'phone-call-02',\n  campaign = 'clock-refresh',\n  campaign_active = 'play',\n  campaign_archived = 'archive',\n  campaigns = 'clock-refresh',\n  channel = 'zap',\n  channel_a = 'channel-android',\n  channel_ct = 'channel-clickatell',\n  channel_d3 = 'channel-whatsapp',\n  channel_ds = 'channel-discord',\n  channel_ex = 'zap',\n  channel_fb = 'channel-facebook',\n  channel_fba = 'channel-facebook',\n  channel_fc = 'channel-freshchat',\n  channel_fcm = 'channel-firebase',\n  channel_ig = 'channel-instagram',\n  channel_jc = 'channel-jiochat',\n  channel_jn = 'channel-junebug',\n  channel_kn = 'channel-kannel',\n  channel_kwa = 'channel-whatsapp',\n  channel_ln = 'channel-line',\n  channel_mg = 'channel-mtarget',\n  channel_pl = 'channel-plivo',\n  channel_rc = 'channel-rocketchat',\n  channel_sl = 'channel-slack',\n  channel_sw = 'channel-signalwire',\n  channel_tq = 'channel-thinq',\n  channel_tg = 'channel-telegram',\n  channel_t = 'channel-twilio',\n  channel_twt = 'channel-twitter',\n  channel_twa = 'channel-whatsapp',\n  channel_vp = 'channel-viber',\n  channel_vk = 'channel-vk',\n  channel_nx = 'channel-vonage',\n  channel_wc = 'channel-wechat',\n  channel_wa = 'channel-whatsapp',\n  channel_wac = 'channel-whatsapp',\n  channel_zvw = 'channel-whatsapp',\n  children = 'git-branch-01',\n  check = 'check',\n  checkbox = 'square',\n  checkbox_checked = 'check-square',\n  checkbox_partial = 'stop-square',\n  classifier_wit = 'classifier-wit',\n  classifier_luis = 'classifier-luis',\n  classifier_bothub = 'classifier-bothub',\n  close = 'x',\n  compose = 'send-01',\n  colors = 'palette',\n  contact = 'user-01',\n  contact_archived = 'archive',\n  contact_blocked = 'message-x-square',\n  contact_stopped = 'slash-octagon',\n  contact_updated = 'user-edit',\n  contacts = 'user-01',\n  conversation = 'message-chat-square',\n  copy = 'copy-04',\n  dashboard = 'pie-chart-01',\n  delete = 'trash-03',\n  delete_small = 'x',\n  down = 'chevron-down',\n  download = 'download-01',\n  edit = 'edit-03',\n  email = 'mail-01',\n  error = 'alert-circle',\n  event = 'zap',\n  expressions = 'at-sign',\n  fields = 'user-edit',\n  filter = 'filter-funnel-01',\n  flow = 'flow',\n  flow_background = 'layers-two-01',\n  flow_interrupted = 'x-close',\n  flow_ivr = 'phone',\n  flow_message = 'message-square-02',\n  flow_surveyor = 'tablet-01',\n  flow_user = 'hard-drive',\n  flows = 'flow',\n  global = 'at-sign',\n  grid = 'dots-grid',\n  group = 'users-01',\n  group_exclude = 'users-x',\n  group_include = 'users-check',\n  group_smart = 'atom-01',\n  help = 'help-circle',\n  hide = 'eye-off',\n  home = 'settings-02',\n  image = 'image-01',\n  inbox = 'inbox-01',\n  incoming_call = 'phone-incoming-01',\n  integrations = 'layers-three-01',\n  info = 'user-square',\n  issue = 'alert-square',\n  label = 'tag-01',\n  language = 'translate-01',\n  link = 'link-external-01',\n  location = 'marker-pin-01',\n  log = 'file-02',\n  logout = 'log-out-04',\n  menu = 'menu-01',\n  menu_collapse = 'chevron-left-double',\n  message = 'message-square-02',\n  messages = 'message-square-02',\n  missing = 'maximize-02',\n  missed_call = 'phone-x',\n  new = 'plus',\n  next_schedule = 'alarm-clock',\n  notification = 'bell-01',\n  optin_requested = 'message-notification-circle',\n  optin = 'message-check-circle',\n  optout = 'message-x-circle',\n  org_active = 'credit-card-02',\n  org_anonymous = 'glasses-01',\n  org_bulk = 'credit-card-plus',\n  org_flagged = 'flag-01',\n  org_new = 'stars-02',\n  org_suspended = 'slash-circle-01',\n  org_verified = 'check-verified-02',\n  overview = 'pie-chart-01',\n  prometheus = 'prometheus',\n  progress_spinner = 'refresh-cw-04',\n  featured = 'star-01',\n  quick_replies = 'dotpoints-01',\n  recording = 'microphone-01',\n  referral = 'user-right-01',\n  resend = 'refresh-cw-05',\n  reset = 'flip-backward',\n  resthooks = 'share-07',\n  restore = 'play',\n  retry = 'refresh-cw-05',\n  revisions = 'clock-rewind',\n  rocketchat = 'rocketchat',\n  runs = 'rows-03',\n  schedule = 'calendar',\n  search = 'search-refraction',\n  select_open = 'chevron-down',\n  select_clear = 'x',\n  service = 'magic-wand-01',\n  service_end = 'log-out-04',\n  settings = 'settings-02',\n  show = 'eye',\n  simulator = 'phone-02',\n  sort = 'chevron-selector-vertical',\n  sort_down = 'sort-arrow-down',\n  sort_up = 'sort-arrow-up',\n  staff = 'hard-drive',\n  tickets = 'agent',\n  tickets_all = 'archive',\n  tickets_closed = 'check',\n  tickets_mine = 'coffee',\n  tickets_open = 'inbox-01',\n  tickets_unassigned = 'inbox-01',\n  topic = 'message-text-circle-02',\n  two_factor_enabled = 'shield-02',\n  two_factor_disabled = 'shield-01',\n  trigger = 'signal-01',\n  trigger_active = 'play',\n  trigger_archived = 'archive',\n  trigger_new = 'plus',\n  triggers = 'signal-01',\n  updated = 'edit-02',\n  up = 'chevron-up',\n  upload = 'upload-cloud-01',\n  usages = 'link-04',\n  user = 'users-01',\n  users = 'users-01',\n  user_beta = 'shield-zap',\n  webhook = 'link-external-01',\n  wit = 'wit',\n  workspace = 'folder',\n  zapier = 'zapier',\n  zendesk = 'zendesk',\n\n  ext = 'lightning-01',\n  fcm = 'lightning-01',\n\n  bothub = 'bothub',\n  chatbase = 'chatbase',\n  dtone = 'dtone',\n\n  // demo\n  default = 'list',\n  datepicker = 'calendar',\n  slider = 'sliders-02',\n  select = 'browser',\n  input = 'edit-05',\n}\n"]}

package/out-tsc/temba-modules.js

@@ -47,6 +47,7 @@ import { Compose } from './src/compose/Compose';
 import { Lightbox } from './src/lightbox/Lightbox';
 import { ColorPicker } from './src/colorpicker/ColorPicker';
 import { Resizer } from './src/resizer/Resizer';
+import { Thumbnail } from './src/thumbnail/Thumbnail';
 export function addCustomElement(name, comp) {
     if (!window.customElements.get(name)) {
         window.customElements.define(name, comp);
@@ -102,4 +103,5 @@ addCustomElement('temba-content-menu', ContentMenu);
 addCustomElement('temba-compose', Compose);
 addCustomElement('temba-color-picker', ColorPicker);
 addCustomElement('temba-resizer', Resizer);
+addCustomElement('temba-thumbnail', Thumbnail);
 //# sourceMappingURL=temba-modules.js.map