@nyaruka/temba-components 0.129.2 → 0.129.3

package/generate-coverage-badge.sh

@@ -0,0 +1,69 @@
+#!/bin/bash
+
+#!/bin/bash
+
+# Extract coverage percentage from lcov.info
+COVERAGE=$(awk '
+/^LH:/ { 
+    hit += substr($0, 4) 
+}
+/^LF:/ { 
+    total += substr($0, 4) 
+}
+END { 
+    if(total > 0) 
+        printf "%.1f", (hit/total)*100
+    else 
+        printf "0" 
+}' coverage/lcov.info)
+
+# Use bc for floating point comparison if available, otherwise use basic comparison
+if command -v bc >/dev/null 2>&1; then
+    if (( $(echo "$COVERAGE >= 95" | bc -l) )); then
+        COLOR="limegreen"
+    elif (( $(echo "$COVERAGE >= 80" | bc -l) )); then
+        COLOR="orange"
+    elif (( $(echo "$COVERAGE >= 60" | bc -l) )); then
+        COLOR="tomato"
+    else
+        COLOR="red"
+    fi
+else
+    # Fallback without bc
+    COVERAGE_INT=${COVERAGE%.*}
+    if [ "$COVERAGE_INT" -ge 95 ]; then
+        COLOR="limegreen"
+    elif [ "$COVERAGE_INT" -ge 80 ]; then
+        COLOR="orange"
+    elif [ "$COVERAGE_INT" -ge 60 ]; then
+        COLOR="tomato"
+    else
+        COLOR="red"
+    fi
+fi
+
+# Create SVG badge
+cat > coverage/coverage-badge.svg << EOF
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="20">
+    <linearGradient id="b" x2="0" y2="100%">
+        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+        <stop offset="1" stop-opacity=".1"/>
+    </linearGradient>
+    <mask id="a">
+        <rect width="104" height="20" rx="3" fill="#fff"/>
+    </mask>
+    <g mask="url(#a)">
+        <path fill="#555" d="M0 0h63v20H0z"/>
+        <path fill="${COLOR}" d="M63 0h41v20H63z"/>
+        <path fill="url(#b)" d="M0 0h104v20H0z"/>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="31.5" y="15" fill="#010101" fill-opacity=".3">coverage</text>
+        <text x="31.5" y="14">coverage</text>
+        <text x="83.5" y="15" fill="#010101" fill-opacity=".3">${COVERAGE}%</text>
+        <text x="83.5" y="14">${COVERAGE}%</text>
+    </g>
+</svg>
+EOF
+
+echo "Coverage badge generated with ${COVERAGE}% coverage"

package/out-tsc/src/{vectoricon/index.js → Icons.js}

@@ -260,4 +260,4 @@ export var Icon;
     Icon["select"] = "browser";
     Icon["input"] = "edit-05";
 })(Icon || (Icon = {}));
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=Icons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../src/Icons.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-duplicate-enum-values */\n// for cache busting we dynamically generate a fingerprint, use yarn svg to update\nexport const SVG_FINGERPRINT = '6ba60d8c1832b26e5dab7ba5c4cb6b74';\n\n// only icons below are included in the sprite sheet\nexport enum Icon {\n  ai = 'beaker-02',\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  branding = 'brush-02',\n  branding_hostname = 'server-05',\n  branding_notifications = 'mail-01',\n  branding_styling = 'palette',\n  branding_raw = 'pencil-01',\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  children = 'git-branch-01',\n  check = 'check',\n  checkbox = 'square',\n  checkbox_checked = 'check-square',\n  checkbox_partial = 'stop-square',\n  close = 'x',\n  compose = 'send-01',\n  contact = 'user-01',\n  contact_archived = 'archive',\n  contact_blocked = 'message-x-square',\n  contact_export = 'download-cloud-01',\n  contact_import = 'upload-cloud-01',\n  contact_stopped = 'slash-octagon',\n  contact_updated = 'user-edit',\n  contacts = 'user-01',\n  copy = 'copy-04',\n  dashboard = 'pie-chart-01',\n  definitions_export = 'download-cloud-01',\n  delete = 'trash-03',\n  delete_small = 'x',\n  down = 'chevron-down',\n  download = 'download-01',\n  drag = 'dots-grid',\n  edit = 'edit-02',\n  email = 'mail-01',\n  error = 'alert-circle',\n  event = 'zap',\n  export = 'download-cloud-01',\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  import = 'upload-cloud-01',\n  inbox = 'inbox-01',\n  incidents = 'alert-square',\n  incoming_call = 'phone-incoming-01',\n  info = 'user-square',\n  integrations = 'layers-three-01',\n  invitations = 'user-plus-01',\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  message_export = 'download-cloud-01',\n  messages = 'message-square-02',\n  missing = 'maximize-02',\n  missed_call = 'phone-x',\n  new = 'plus',\n  next_schedule = 'alarm-clock',\n  notes = 'edit-03',\n  notification = 'bell-01',\n  number = 'hash-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  resend = 'refresh-cw-05',\n  reset = 'flip-backward',\n  resthooks = 'share-07',\n  restore = 'play',\n  results_export = 'download-cloud-01',\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  send = 'send-03',\n  service = 'magic-wand-01',\n  service_end = 'log-out-04',\n  settings = 'settings-02',\n  shortcut = 'zap-fast',\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  submit = 'check',\n  success = 'check',\n  template_approved = 'check-circle',\n  template_pending = 'hourglass-01',\n  template_rejected = 'alert-circle',\n  tickets = 'agent',\n  tickets_all = 'archive',\n  tickets_closed = 'check',\n  tickets_mine = 'coffee',\n  tickets_mine_done = 'coffee-empty',\n  tickets_open = 'inbox-01',\n  tickets_export = 'download-cloud-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  trigger_keyword = 'message-check-square',\n  trigger_catch_all = 'message-question-square',\n  trigger_inbound_call = 'phone-incoming-01',\n  trigger_missed_call = 'phone-hang-up',\n  trigger_schedule = 'calendar',\n  trigger_new_conversation = 'message-chat-square',\n  trigger_referral = 'user-right-01',\n  trigger_closed_ticket = 'agent',\n  trigger_opt_in = 'message-check-circle',\n  trigger_opt_out = 'message-x-circle',\n  triggers = 'signal-01',\n  updated = 'edit-02',\n  up = 'chevron-up',\n  upload = 'upload-cloud-01',\n  upload_image = 'camera-01',\n  usages = 'link-04',\n  user = 'users-01',\n  user_beta = 'shield-zap',\n  user_token = 'key-01',\n  users = 'users-01',\n  video = 'video-recorder',\n  webhook = 'link-external-01',\n  workspace = 'folder',\n\n  // channel types\n  channel_a = 'channel-android',\n  channel_ac = 'zap', // TODO https://www.arabiacell.com/\n  channel_at = 'zap', // TODO https://africastalking.com/\n  channel_bs = 'zap', // TODO https://burstsms.com/\n  channel_bw = 'zap', // TODO https://www.bandwidth.com/\n  channel_cs = 'zap', // TODO https://www.clicksend.com/\n  channel_ct = 'channel-clickatell',\n  channel_d3 = 'channel-whatsapp',\n  channel_d3c = 'channel-whatsapp',\n  channel_da = 'zap', // TODO https://dartmedia.co.id/\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_hm = 'zap', // TODO https://hormuud.com/\n  channel_ib = 'zap', // TODO https://www.infobip.com/\n  channel_ig = 'channel-instagram',\n  channel_jc = 'channel-jiochat',\n  channel_kn = 'channel-kannel',\n  channel_kwa = 'channel-whatsapp',\n  channel_ln = 'channel-line',\n  channel_mt = 'channel-mtarget',\n  channel_mtn = 'zap', // TODO https://mtn.com/\n  channel_nx = 'channel-vonage',\n  channel_pl = 'channel-plivo',\n  channel_rc = 'channel-rocketchat',\n  channel_sl = 'channel-slack',\n  channel_sq = 'zap', // TODO https://shaqodoon.org/\n  channel_st = 'zap', // TODO https://bulk.startmobile.ua\n  channel_sw = 'channel-signalwire',\n  channel_t = 'channel-twilio',\n  channel_tg = 'channel-telegram',\n  channel_tms = 'channel-twilio',\n  channel_tq = 'channel-thinq',\n  channel_tw = 'zap', // TODO https://www.somleng.org/\n  channel_twa = 'channel-whatsapp',\n  channel_twc = 'zap', // TODO\n  channel_twt = 'channel-twitter',\n  channel_vk = 'channel-vk',\n  channel_vp = 'channel-viber',\n  channel_wa = 'channel-whatsapp',\n  channel_wac = 'channel-whatsapp',\n  channel_wc = 'channel-wechat',\n  channel_yo = 'zap', // TODO https://www.yo.co.ug/\n  channel_zvw = 'channel-whatsapp',\n\n  // ai\n  ai_openai = 'openai',\n  ai_anthropic = 'anthropic',\n  ai_google = 'gemini',\n  ai_microsoft = 'azure',\n  ai_deepseek = 'deepseek',\n\n  // classifiers\n  classifier_wit = 'classifier-wit',\n\n  // other brands\n  dtone = 'dtone',\n  zapier = 'zapier',\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/src/display/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/display/Alert.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,OAAO,KAAM,SAAQ,UAAU;IAArC;;QAoCE,UAAK,GAAG,MAAM,CAAC;IAOjB,CAAC;IA1CC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8BT,CAAC;IACJ,CAAC;IAKM,MAAM;QACX,OAAO,IAAI,CAAA;sCACuB,IAAI,CAAC,KAAK;KAC3C,CAAC;IACJ,CAAC;CACF;AAPC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACZ","sourcesContent":["import { css, html, LitElement, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport class Alert extends LitElement {\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n      }\n\n      .temba-alert {\n        color: rgba(0, 0, 0, 0.8);\n        padding: 0.65rem 1rem;\n        border: 1px solid rgba(0, 0, 0, 0.35);\n        border-left: 10px solid rgba(0, 0, 0, 0.35);\n        border-radius: var(--curvature-widget);\n        box-shadow: var(--shadow);\n      }\n\n      .temba-info {\n        background: var(--color-info);\n        border-color: var(--color-info-border);\n      }\n\n      .temba-warning {\n        background: var(--color-warning);\n        border-color: var(--color-warning-border);\n      }\n\n      .temba-error {\n        border-color: var(--color-error);\n        background: #fff;\n        border: 1px solid var(--color-error);\n        border-left: 10px solid var(--color-error);\n      }\n    `;\n  }\n\n  @property({ type: String })\n  level = 'info';\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"temba-alert temba-${this.level}\"><slot></slot></div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["../../../src/display/Anchor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAkB,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,OAAO,MAAO,SAAQ,UAAU;IACpC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;KAUT,CAAC;IACJ,CAAC;IAKO,WAAW,CAAC,GAAe;QACjC,kDAAkD;QACjD,MAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA,eAAe,IAAI,CAAC,IAAI,aAAa,IAAI,CAAC,WAAW,WAAW,CAAC;IAC9E,CAAC;CACF;AAVC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACd","sourcesContent":["import { LitElement, TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport class Anchor extends LitElement {\n  static get styles() {\n    return css`\n      :host {\n        color: var(--color-link-primary);\n        display: inline-block;\n      }\n\n      slot:hover {\n        cursor: pointer;\n        text-decoration: underline;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  href: string;\n\n  private handleClick(evt: MouseEvent) {\n    // TODO: fire event instead to be handled upstream\n    (window as any).goto(evt);\n  }\n\n  public render(): TemplateResult {\n    return html`<slot href=\"${this.href}\" @click=\"${this.handleClick}\"></slot>`;\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/display/Button.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, TemplateResult, html, css } from 'lit';\nimport { getClasses } from '../utils';\n\nimport { property } from 'lit/decorators.js';\n\nexport class Button extends LitElement {\n  static get styles() {\n    return css`\n      :host {\n        display: flex;\n        align-self: stretch;\n        font-family: var(--font-family);\n        font-weight: 400;\n      }\n\n      .small {\n        font-size: 0.8em;\n        --button-y: 0px;\n        --button-x: 0.5em;\n      }\n\n      .v-2.button-container {\n        background: var(--button-bg);\n        background-image: var(--button-bg-img);\n        color: var(--button-text);\n        box-shadow: var(--button-shadow);\n        transition: all calc(var(--transition-speed) / 2) ease-in;\n      }\n\n      .button-container {\n        color: #fff;\n        cursor: pointer;\n        display: flex;\n        flex-grow: 1;\n        border-radius: var(--curvature);\n        outline: none;\n        transition: background ease-in var(--transition-speed);\n        user-select: none;\n        -webkit-user-select: none;\n        text-align: center;\n        border: var(--button-border, none);\n      }\n\n      .button-name {\n        white-space: nowrap;\n      }\n\n      .secondary-button:hover .button-mask {\n        border: 1px solid var(--color-button-secondary);\n      }\n\n      .button-mask:hover {\n        background: rgba(0, 0, 0, 0.05);\n      }\n\n      .button-container:focus {\n        outline: none;\n        margin: 0;\n      }\n\n      .button-container:focus {\n        box-shadow: var(--widget-box-shadow-focused);\n      }\n\n      .button-container.secondary-button:focus .button-mask {\n        background: transparent;\n      }\n\n      .button-mask {\n        padding: var(--button-y) var(--button-x);\n        border-radius: var(--curvature);\n        border: 1px solid transparent;\n        transition: var(--transition-speed);\n        background: var(--button-mask);\n        display: flex;\n        align-items: center;\n      }\n\n      .button-container.disabled-button {\n        background: rgba(0, 0, 0, 0.05);\n        color: rgba(255, 255, 255, 0.45);\n        cursor: default;\n      }\n\n      .button-container.disabled-button .button-mask {\n        box-shadow: 0 0 0px 1px var(--color-button-disabled);\n      }\n\n      .button-container.disabled-button:hover .button-mask {\n        box-shadow: 0 0 0px 1px var(--color-button-disabled);\n        background: rgba(0, 0, 0, 0.05);\n      }\n\n      .button-container.active-button .button-mask {\n      }\n\n      .secondary-button.active-button {\n        background: transparent;\n        color: var(--color-text);\n      }\n\n      .secondary-button.active-button .button-mask {\n        border: none;\n      }\n\n      .button-container.secondary-button.active-button:focus .button-mask {\n        background: transparent;\n        box-shadow: none;\n      }\n\n      .primary-button {\n        background: var(--color-button-primary);\n        color: var(--color-button-primary-text);\n      }\n\n      .affirmative {\n        background: var(--color-button-attention);\n      }\n\n      .light-button {\n        background: var(--color-button-light);\n        color: var(--color-button-light-text);\n      }\n\n      .lined-button {\n        border: 1px solid rgba(0, 0, 0, 0.1);\n        color: rgba(0, 0, 0, 0.7);\n        background: transparent;\n      }\n\n      .lined-button .button-mask {\n        flex-grow: 1;\n      }\n\n      .lined-button .button-mask:hover {\n        background: rgba(0, 0, 0, 0.03);\n      }\n\n      .icon-button {\n        --button-y: 0.2em;\n        --button-x: 0em;\n      }\n\n      .icon-button temba-icon {\n        padding: 0 0.5em;\n      }\n\n      .attention-button {\n        background: var(--color-button-attention);\n        color: var(--color-button-primary-text);\n      }\n\n      .secondary-button {\n        background: transparent;\n        color: var(--color-text);\n      }\n\n      .destructive-button {\n        background: var(--color-button-destructive);\n        color: var(--color-button-destructive-text);\n      }\n\n      .button-mask.disabled-button {\n        background: rgba(0, 0, 0, 0.1);\n      }\n\n      .secondary-button .button-mask:hover {\n        background: transparent;\n      }\n\n      .submit-animation {\n        padding: 1px 4px;\n      }\n\n      .submit-animation temba-loading {\n        margin-bottom: -3px;\n        line-height: normal;\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  primary: boolean;\n\n  @property({ type: Boolean })\n  secondary: boolean;\n\n  @property({ type: Boolean })\n  attention: boolean;\n\n  @property({ type: Number })\n  v = 1;\n\n  @property({ type: Boolean })\n  destructive: boolean;\n\n  @property({ type: Boolean })\n  light: boolean;\n\n  @property()\n  name: string;\n\n  @property({ type: Boolean })\n  disabled: boolean;\n\n  @property({ type: Boolean })\n  submitting: boolean;\n\n  @property({ type: Boolean })\n  active: boolean;\n\n  @property({ type: Boolean })\n  small: boolean;\n\n  @property({ type: Boolean })\n  lined: boolean;\n\n  @property({ type: String })\n  href: string;\n\n  @property({ type: Number })\n  index?: number;\n\n  @property({ type: String })\n  icon?: string;\n\n  private handleClick(evt: MouseEvent) {\n    if (this.disabled) {\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n\n    if (this.href && !this.disabled) {\n      this.ownerDocument.location.href = this.href;\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n  }\n\n  private handleKeyUp(event: KeyboardEvent): void {\n    this.active = false;\n    if (event.key === 'Enter') {\n      this.click();\n    }\n  }\n\n  private handleMouseDown(): void {\n    if (!this.disabled && !this.submitting) {\n      this.active = true;\n      this.classList.add('active');\n    }\n  }\n\n  private handleMouseUp(): void {\n    this.active = false;\n    this.classList.remove('active');\n  }\n\n  public render(): TemplateResult {\n    const buttonName = this.submitting\n      ? html`<div class=\"submit-animation\">\n          <temba-loading units=\"3\" size=\"8\" color=\"#eee\"></temba-loading>\n        </div>`\n      : this.name;\n\n    return html`\n      <div\n        class=\"button-container \n          v-${this.v}\n          ${getClasses({\n          'primary-button':\n            this.primary ||\n            (!this.primary &&\n              !this.secondary &&\n              !this.attention &&\n              this.v == 1),\n          'secondary-button': this.secondary,\n          'disabled-button': this.disabled,\n          'active-button': this.active,\n          'attention-button': this.attention,\n          'destructive-button': this.destructive,\n          'light-button': this.light,\n          'lined-button': this.lined,\n          'icon-button': !!this.icon,\n          small: this.small\n        })}\"\n        tabindex=\"0\"\n        @mousedown=${this.handleMouseDown}\n        @mouseup=${this.handleMouseUp}\n        @mouseleave=${this.handleMouseUp}\n        @keyup=${this.handleKeyUp}\n        @click=${this.handleClick}\n      >\n        <div class=\"button-mask\">\n          ${this.icon\n            ? html`<temba-icon name=\"${this.icon}\"></temba-icon>`\n            : null}\n          <div class=\"button-name\"><slot name=\"name\">${buttonName}</slot></div>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/{charcount → display}/CharCount.js

@@ -1,9 +1,166 @@
 import { __decorate } from "tslib";
 import { css, html } from 'lit';
 import { RapidElement } from '../RapidElement';
-import { splitSMS } from '../sms';
-import { getExtendedCharacters } from './helpers';
+import { splitSMS } from './sms';
 import { property } from 'lit/decorators.js';
+export const MAX_GSM_SINGLE = 160;
+export const MAX_GSM_MULTI = 153;
+export const MAX_UNICODE_SINGLE = 70;
+export const MAX_UNICODE_MULTI = 67;
+export const COMPLETION_HELP = 'Tab to complete, enter to select';
+export const GSM = {
+    // char: charCode
+    0: 48,
+    1: 49,
+    2: 50,
+    3: 51,
+    4: 52,
+    5: 53,
+    6: 54,
+    7: 55,
+    8: 56,
+    9: 57,
+    '\n': 10,
+    '\f': 12,
+    '\r': 13,
+    ' ': 32,
+    '!': 33,
+    '"': 34,
+    '#': 35,
+    $: 36,
+    '%': 37,
+    '&': 38,
+    "'": 39,
+    '(': 40,
+    ')': 41,
+    '*': 42,
+    '+': 43,
+    ',': 44,
+    '-': 45,
+    '.': 46,
+    '/': 47,
+    ':': 58,
+    ';': 59,
+    '<': 60,
+    '=': 61,
+    '>': 62,
+    '?': 63,
+    '@': 64,
+    A: 65,
+    B: 66,
+    C: 67,
+    D: 68,
+    E: 69,
+    F: 70,
+    G: 71,
+    H: 72,
+    I: 73,
+    J: 74,
+    K: 75,
+    L: 76,
+    M: 77,
+    N: 78,
+    O: 79,
+    P: 80,
+    Q: 81,
+    R: 82,
+    S: 83,
+    T: 84,
+    U: 85,
+    V: 86,
+    W: 87,
+    X: 88,
+    Y: 89,
+    Z: 90,
+    '[': 91,
+    '\\': 92,
+    ']': 93,
+    '^': 94,
+    _: 95,
+    a: 97,
+    b: 98,
+    c: 99,
+    d: 100,
+    e: 101,
+    f: 102,
+    g: 103,
+    h: 104,
+    i: 105,
+    j: 106,
+    k: 107,
+    l: 108,
+    m: 109,
+    n: 110,
+    o: 111,
+    p: 112,
+    q: 113,
+    r: 114,
+    s: 115,
+    t: 116,
+    u: 117,
+    v: 118,
+    w: 119,
+    x: 120,
+    y: 121,
+    z: 122,
+    '{': 123,
+    '|': 124,
+    '}': 125,
+    '~': 126,
+    '¡': 161,
+    '£': 163,
+    '¤': 164,
+    '¥': 165,
+    '§': 167,
+    '¿': 191,
+    Ä: 196,
+    Å: 197,
+    Æ: 198,
+    Ç: 199,
+    É: 201,
+    Ñ: 209,
+    Ö: 214,
+    Ø: 216,
+    Ü: 220,
+    ß: 223,
+    à: 224,
+    ä: 228,
+    å: 229,
+    æ: 230,
+    è: 232,
+    é: 233,
+    ì: 236,
+    ñ: 241,
+    ò: 242,
+    ö: 246,
+    ø: 248,
+    ù: 249,
+    ü: 252,
+    Γ: 915,
+    Δ: 916,
+    Θ: 920,
+    Λ: 923,
+    Ξ: 926,
+    Π: 928,
+    Σ: 931,
+    Φ: 934,
+    Ψ: 936,
+    Ω: 937,
+    '€': 8364
+};
+export const isGSM = (char) => {
+    // eslint-disable-next-line no-prototype-builtins
+    return GSM.hasOwnProperty(char);
+};
+export const getExtendedCharacters = (text) => {
+    const extended = {};
+    for (const ch of text) {
+        if (!isGSM(ch)) {
+            extended[ch] = true;
+        }
+    }
+    return Object.keys(extended);
+};
 export class CharCount extends RapidElement {
     constructor() {
         super(...arguments);

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

@@ -0,0 +1 @@
+{"version":3,"file":"CharCount.js","sourceRoot":"","sources":["../../../src/display/CharCount.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC;AAClC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC;AACjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AACrC,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAG,kCAAkC,CAAC;AAElE,MAAM,CAAC,MAAM,GAAG,GAA8B;IAC5C,iBAAiB;IACjB,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,CAAC,EAAE,EAAE;IACL,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;IACR,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,EAAE;IACP,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR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","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { RapidElement } from '../RapidElement';\nimport { splitSMS } from './sms';\nimport { property } from 'lit/decorators.js';\n\nexport const MAX_GSM_SINGLE = 160;\nexport const MAX_GSM_MULTI = 153;\nexport const MAX_UNICODE_SINGLE = 70;\nexport const MAX_UNICODE_MULTI = 67;\n\nexport const COMPLETION_HELP = 'Tab to complete, enter to select';\n\nexport const GSM: { [key: string]: number } = {\n  // char: charCode\n  0: 48,\n  1: 49,\n  2: 50,\n  3: 51,\n  4: 52,\n  5: 53,\n  6: 54,\n  7: 55,\n  8: 56,\n  9: 57,\n  '\\n': 10,\n  '\\f': 12,\n  '\\r': 13,\n  ' ': 32,\n  '!': 33,\n  '\"': 34,\n  '#': 35,\n  $: 36,\n  '%': 37,\n  '&': 38,\n  \"'\": 39,\n  '(': 40,\n  ')': 41,\n  '*': 42,\n  '+': 43,\n  ',': 44,\n  '-': 45,\n  '.': 46,\n  '/': 47,\n  ':': 58,\n  ';': 59,\n  '<': 60,\n  '=': 61,\n  '>': 62,\n  '?': 63,\n  '@': 64,\n  A: 65,\n  B: 66,\n  C: 67,\n  D: 68,\n  E: 69,\n  F: 70,\n  G: 71,\n  H: 72,\n  I: 73,\n  J: 74,\n  K: 75,\n  L: 76,\n  M: 77,\n  N: 78,\n  O: 79,\n  P: 80,\n  Q: 81,\n  R: 82,\n  S: 83,\n  T: 84,\n  U: 85,\n  V: 86,\n  W: 87,\n  X: 88,\n  Y: 89,\n  Z: 90,\n  '[': 91,\n  '\\\\': 92,\n  ']': 93,\n  '^': 94,\n  _: 95,\n  a: 97,\n  b: 98,\n  c: 99,\n  d: 100,\n  e: 101,\n  f: 102,\n  g: 103,\n  h: 104,\n  i: 105,\n  j: 106,\n  k: 107,\n  l: 108,\n  m: 109,\n  n: 110,\n  o: 111,\n  p: 112,\n  q: 113,\n  r: 114,\n  s: 115,\n  t: 116,\n  u: 117,\n  v: 118,\n  w: 119,\n  x: 120,\n  y: 121,\n  z: 122,\n  '{': 123,\n  '|': 124,\n  '}': 125,\n  '~': 126,\n  '¡': 161,\n  '£': 163,\n  '¤': 164,\n  '¥': 165,\n  '§': 167,\n  '¿': 191,\n  Ä: 196,\n  Å: 197,\n  Æ: 198,\n  Ç: 199,\n  É: 201,\n  Ñ: 209,\n  Ö: 214,\n  Ø: 216,\n  Ü: 220,\n  ß: 223,\n  à: 224,\n  ä: 228,\n  å: 229,\n  æ: 230,\n  è: 232,\n  é: 233,\n  ì: 236,\n  ñ: 241,\n  ò: 242,\n  ö: 246,\n  ø: 248,\n  ù: 249,\n  ü: 252,\n  Γ: 915,\n  Δ: 916,\n  Θ: 920,\n  Λ: 923,\n  Ξ: 926,\n  Π: 928,\n  Σ: 931,\n  Φ: 934,\n  Ψ: 936,\n  Ω: 937,\n  '€': 8364\n};\n\nexport const isGSM = (char: string): boolean => {\n  // eslint-disable-next-line no-prototype-builtins\n  return GSM.hasOwnProperty(char);\n};\n\nexport const getExtendedCharacters = (text: string): string[] => {\n  const extended: { [ch: string]: boolean } = {};\n  for (const ch of text) {\n    if (!isGSM(ch)) {\n      extended[ch] = true;\n    }\n  }\n  return Object.keys(extended);\n};\n\nexport class CharCount extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        overflow: auto;\n      }\n\n      :host::after {\n        content: '';\n        clear: both;\n        display: table;\n      }\n\n      .counter {\n        float: right;\n        text-align: right;\n        position: relative;\n      }\n\n      .extended {\n        font-size: 14px;\n        display: flex;\n        margin-top: 4px;\n      }\n\n      .extended-char {\n        border: 1px solid #e6e6e6;\n        border-radius: var(--curvature-widget);\n        padding: 4px;\n        text-align: center;\n        line-height: 20px;\n        margin-right: 4px;\n      }\n\n      .summary {\n        width: 180px;\n        padding: 8px 12px;\n        font-size: 12px;\n        background: white;\n        border-radius: var(--curvature-widget);\n        overflow: hidden;\n        opacity: 0.3;\n        transform: scale(0.7);\n        box-shadow: var(--dropdown-shadow);\n        transition: transform cubic-bezier(0.71, 0.18, 0.61, 1.33)\n          var(--transition-speed);\n        visibility: hidden;\n        text-align: left;\n        position: fixed;\n        margin-left: -190px;\n        margin-top: 20px;\n        z-index: 1000;\n      }\n\n      .fine-print {\n        margin-top: 8px;\n        margin-left: -12px;\n        margin-right: -12px;\n        margin-bottom: -8px;\n        padding: 8px 12px;\n        color: #999;\n        background: #f5f5f5;\n        font-size: 10px;\n      }\n\n      .extended-warning {\n        margin-top: 8px;\n      }\n\n      .note {\n        font-weight: 600;\n        display: inline-block;\n        margin-right: 2px;\n      }\n\n      .counts {\n        cursor: pointer;\n        transition: all cubic-bezier(0.71, 0.18, 0.61, 1.33) 200ms;\n        transform: scale(0.9);\n        display: inline-block;\n        padding: 2px 6px;\n        border-radius: var(--curvature);\n        margin-top: var(--temba-charcount-counts-margin-top);\n      }\n\n      .segments {\n        font-size: 85%;\n        display: inline-block;\n      }\n\n      .attention .counts {\n        transform: scale(0.95);\n        background: var(--color-overlay-light);\n        color: var(--color-overlay-light-text);\n      }\n\n      .attention .segments {\n        font-weight: 600;\n      }\n\n      .counter:hover .summary {\n        opacity: 1;\n        transform: scale(1);\n        visibility: visible;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  text: string;\n\n  @property({ type: Number })\n  count: number;\n\n  @property({ type: Number, attribute: false })\n  segments: number;\n\n  @property({ type: Object, attribute: false })\n  extended: string[] = [];\n\n  public updated(changes: Map<string, any>) {\n    super.updated(changes);\n    if (changes.has('text')) {\n      this.updateSegments();\n    }\n  }\n\n  private updateSegments() {\n    const sms = splitSMS(this.text);\n    this.count = sms.length;\n    this.segments = sms.parts.length;\n    this.extended = getExtendedCharacters(this.text);\n    this.count = this.text.length;\n  }\n\n  public render(): TemplateResult {\n    const hasExpressions = this.text && this.text.indexOf('@') > -1;\n\n    let segments = html`.`;\n    if (this.segments > 1) {\n      segments = html`and will use ${hasExpressions ? html`at least` : null}\n        <b>${this.segments} messages</b> to send over SMS.`;\n    } else {\n      segments = html`and will use ${hasExpressions ? html`at least` : null} one\n      message to send over SMS.`;\n    }\n\n    let extended = null;\n    if (this.extended.length > 0 && (this.segments > 1 || hasExpressions)) {\n      extended = this.extended.map(\n        (ch: string) => html`<div class=\"extended-char\">${ch}</div>`\n      );\n      extended = html`\n        <div class=\"extended-warning\">\n          Some characters require more space over SMS. To save on fees, consider\n          replacing them.\n          <div class=\"extended\">${extended}</div>\n        </div>\n      `;\n    }\n\n    const summary =\n      this.count > 1\n        ? html` <div class=\"summary\">\n            This message is <b>${this.count} characters</b>\n            ${segments} ${extended}\n            ${hasExpressions\n              ? html`\n                  <div class=\"fine-print\">\n                    <div class=\"note\">NOTE</div>\n                    Using variables may result in more messages when sending\n                    over SMS than this estimate.\n                  </div>\n                `\n              : null}\n          </div>`\n        : null;\n\n    return html`<div class=\"counter${\n      extended ? ' attention' : ''\n    }\"><div class=\"counts\">${this.count}${\n      this.segments > 1 || hasExpressions\n        ? html`<div class=\"segments\">\n            &nbsp;/&nbsp;${this.segments}${hasExpressions ? html`+` : null}\n            <div></div>\n          </div>`\n        : null\n    }</div> ${summary}</div></div>`;\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/display/Chat.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, PropertyValueMap, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\nimport { CustomEventType } from '../interfaces';\nimport { DEFAULT_AVATAR } from '../webchat/assets';\nimport { hashCode } from '../utils';\nimport { renderMarkdown } from '../markdown';\n\nconst BATCH_TIME_WINDOW = 60 * 60 * 1000;\nconst SCROLL_FETCH_BUFFER = 0.05;\nconst MIN_FETCH_TIME = 250;\n\nexport enum MessageType {\n  Inline = 'inline',\n  Error = 'error',\n  Collapse = 'collapse',\n  Note = 'note',\n  MsgIn = 'msg_in',\n  MsgOut = 'msg_out'\n}\n\ninterface User {\n  avatar?: string;\n  email: string;\n  name: string;\n}\n\nexport interface ChatEvent {\n  id?: string;\n  type: MessageType;\n  text: string;\n  date: Date;\n  user?: User;\n  popup?: TemplateResult;\n}\n\nexport interface Message extends ChatEvent {\n  sendError?: boolean;\n  attachments?: string[];\n}\n\nconst TIME_FORMAT = { hour: 'numeric', minute: '2-digit' } as any;\nconst VERBOSE_FORMAT = {\n  weekday: undefined,\n  year: undefined,\n  month: 'short',\n  day: 'numeric',\n  hour: 'numeric',\n  minute: '2-digit'\n} as any;\n\nexport class Chat extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n        position: relative;\n        z-index: 1;\n      }\n\n      slot[name='header'] {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        display: block;\n      }\n\n      slot[name='footer'] {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        display: block;\n      }\n\n      .block {\n        margin-bottom: 1em;\n        display: flex;\n        flex-direction: row;\n      }\n\n      .block.outgoing {\n        flex-direction: row-reverse;\n      }\n\n      .block.collapse {\n        margin: 0;\n        align-items: center;\n        display: flex;\n        flex-direction: column;\n        margin-bottom: 0.5em;\n      }\n\n      .block.collapse .messsage {\n        transform: scaleY(0);\n        margin: 0;\n        padding: 0;\n        line-height: 0;\n      }\n\n      .time {\n        text-align: center;\n        font-size: 0.8em;\n        color: #999;\n        margin-top: 2em;\n        border-top: 1px solid #e9e9e9;\n        padding: 1em;\n        margin-left: 10%;\n        margin-right: 10%;\n      }\n\n      .time.first {\n        border-top: none;\n        margin-top: 0;\n        border-bottom: 1px solid #e9e9e9;\n        margin-bottom: 2em;\n      }\n\n      .first .time {\n        margin-top: 0;\n        border-top: none;\n        padding-top: 0;\n      }\n\n      .row {\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n        margin-bottom: 0.25em;\n      }\n\n      .input-panel {\n        padding: 1em;\n        background: #fff;\n      }\n\n      temba-user {\n        margin-right: 0.6em;\n        margin-left: 0.6em;\n        width: 2em;\n        align-self: flex-end;\n      }\n\n      .toggle {\n        flex-shrink: 0;\n        width: 4em;\n        height: 4em;\n        overflow: hidden;\n        border-radius: 100%;\n        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1em 0.7em,\n          rgba(0, 0, 0, 0.2) 0px 1px 2px 0px,\n          inset 0 0 0 0.25em rgba(0, 0, 0, 0.1);\n        cursor: pointer;\n        transition: box-shadow var(--toggle-speed, 200ms) ease-out;\n        position: absolute;\n        bottom: 1em;\n        right: 1em;\n      }\n\n      .toggle:hover {\n        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1em 0.7em,\n          rgba(0, 0, 0, 0.4) 0px 1px 2px 0px,\n          inset 0 0 0 0.25em rgba(0, 0, 0, 0.2);\n      }\n\n      .incoming .row {\n        flex-direction: row-reverse;\n        margin-left: 1em;\n      }\n\n      .bubble {\n        padding: 0.75em;\n        padding-bottom: 0.25em;\n        background: var(--color-chat-in, #f1f1f1);\n        border-radius: var(--curvature);\n        border: var(--chat-border-in, none);\n      }\n\n      .bubble .name {\n        font-size: 0.95em;\n        font-weight: 400;\n        color: rgba(0, 0, 0, 0.4);\n        margin-bottom: 0.25em;\n      }\n\n      .outgoing .latest .bubble {\n        border-bottom-left-radius: 0;\n      }\n\n      .incoming .bubble-wrap {\n        align-items: flex-end;\n      }\n\n      .incoming .bubble {\n        background: var(--color-chat-out, #3c92dd);\n        border: var(--chat-border-out, none);\n        color: white;\n      }\n\n      .incoming .latest .bubble {\n        border-bottom-right-radius: 0;\n      }\n\n      .incoming .bubble .name {\n        color: rgba(255, 255, 255, 0.7);\n      }\n\n      .note .bubble {\n        background: #fffac3;\n        color: rgba(0, 0, 0, 0.7);\n      }\n\n      .note .bubble .name {\n        color: rgba(0, 0, 0, 0.5);\n      }\n\n      .message {\n        margin-bottom: 0.5em;\n        line-height: 1.2em;\n        word-break: break-word;\n      }\n\n      .message-text {\n        white-space: pre-line;\n      }\n\n      .chat {\n        width: 28rem;\n        border-radius: var(--curvature);\n        overflow: hidden;\n        box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 7px 0px,\n          rgba(0, 0, 0, 0.2) 0px 1px 2px 0px, rgba(0, 0, 0, 0.1) 5em 5em 5em 5em;\n        position: absolute;\n        bottom: 3em;\n        right: 1em;\n        transition: all var(--toggle-speed, 200ms) ease-out;\n        transform: scale(0.9);\n        pointer-events: none;\n        opacity: 0;\n      }\n\n      .chat.open {\n        bottom: 6em;\n        opacity: 1;\n        transform: scale(1);\n        pointer-events: initial;\n      }\n\n      .messages {\n        position: relative;\n        flex-grow: 1;\n        overflow: hidden;\n      }\n\n      .scroll {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        overflow-y: auto;\n        overflow-x: hidden;\n        -webkit-overflow-scrolling: touch;\n        overflow-scrolling: touch;\n        padding: 1em 1em 1em 1em;\n        padding-bottom: 2.5em;\n        display: flex;\n        flex-direction: column-reverse;\n      }\n\n      .messages:before {\n        content: '';\n        background: radial-gradient(\n            farthest-side at 50% 0,\n            rgba(0, 0, 0, 0.2),\n            rgba(0, 0, 0, 0)\n          )\n          center top;\n        height: 10px;\n        display: block;\n        position: absolute;\n        width: 100%;\n        transition: opacity var(--toggle-speed, 200ms) ease-out;\n        z-index: 1;\n      }\n\n      .messages:after {\n        content: '';\n        background: radial-gradient(\n            farthest-side at 50% 100%,\n            rgba(0, 0, 0, 0.2),\n            rgba(0, 0, 0, 0)\n          )\n          center bottom;\n        height: 10px;\n        display: block;\n        position: absolute;\n        bottom: 0;\n        margin-top: -10px;\n        width: 100%;\n        margin-right: 5em;\n        transition: opacity var(--toggle-speed, 200ms) ease-out;\n        z-index: 1;\n      }\n\n      .bubble-wrap {\n        position: relative;\n        max-width: 70%;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        margin-top: -1em;\n        padding-top: 1em;\n      }\n\n      .scroll-at-top.messages:before {\n        opacity: 0;\n      }\n\n      .scroll-at-bottom.messages:after {\n        opacity: 0;\n      }\n\n      .input {\n        border: none;\n        flex-grow: 1;\n        color: #333;\n        font-size: 1em;\n      }\n\n      .input:focus {\n        outline: none;\n      }\n\n      input::placeholder {\n        opacity: 0.3;\n      }\n\n      .input.inactive {\n        // pointer-events: none;\n        // opacity: 0.3;\n      }\n\n      .active {\n      }\n\n      .send-icon {\n        color: #eee;\n        pointer-events: none;\n        transform: rotate(-45deg);\n        transition: transform 0.2s ease-out;\n      }\n\n      .pending .send-icon {\n        color: var(--color-primary-dark);\n        pointer-events: initial;\n        transform: rotate(0deg);\n      }\n\n      .notice {\n        padding: 1em;\n        background: #f8f8f8;\n        color: #666;\n        text-align: center;\n        cursor: pointer;\n      }\n\n      .connecting .notice {\n        display: flex;\n        justify-content: center;\n      }\n\n      .connecting .notice temba-icon {\n        margin-left: 0.5em;\n      }\n\n      .reconnect {\n        color: var(--color-primary-dark);\n        text-decoration: underline;\n        font-size: 0.9em;\n      }\n\n      .input:disabled {\n        background: transparent !important;\n      }\n\n      temba-loading {\n        justify-content: center;\n        margin: 0.5em auto;\n        margin-bottom: 2em;\n      }\n\n      temba-loading.hidden {\n        display: none;\n      }\n\n      .inline {\n      }\n\n      .event {\n        flex-grow: 1;\n        align-self: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n      }\n\n      .event p {\n        margin: 0;\n        padding: 0;\n      }\n\n      .collapse {\n      }\n\n      a {\n        color: var(--color-primary-dark);\n      }\n\n      .attachments {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: center;\n        align-self: flex-start;\n      }\n\n      .incoming .attachments {\n        align-self: flex-end;\n      }\n\n      temba-thumbnail {\n        margin: 0.4em;\n        border-radius: var(--curvature);\n      }\n\n      .error .bubble {\n        border: 1px solid var(--color-error);\n        background: white;\n        color: #333;\n      }\n\n      .error .bubble .name {\n        color: #999;\n      }\n\n      .error temba-thumbnail {\n        --thumb-background: var(--color-error);\n        --thumb-icon: white;\n      }\n\n      .outgoing .popup {\n        justify-content: left;\n      }\n\n      .incoming .popup {\n        justify-content: right;\n      }\n\n      .popup {\n        display: flex;\n        position: absolute;\n        background: #fff;\n        margin: 0;\n        padding: 0.5em 1em;\n        border-radius: var(--curvature);\n        box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 7px 0px,\n          rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;\n        border: 1px solid #f3f3f3;\n        opacity: 0;\n        transform: scale(0.7);\n        transition: opacity 0.2s ease-out, transform 0.2s ease-out;\n        z-index: 2;\n      }\n\n      .popup .arrow {\n        z-index: 1;\n        text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);\n        position: absolute;\n        justify-content: center;\n        text-align: center;\n        font-size: 1.3em;\n        transform: translateY(0.7em) scale(1);\n        color: #fff;\n        bottom: 0;\n      }\n\n      .bubble-wrap:hover .popup {\n        transform: translateY(-120%);\n        opacity: 1;\n        transition-delay: 1s;\n      }\n    `;\n  }\n\n  @property({ type: Array })\n  messageGroups: string[][] = [];\n\n  @property({ type: Boolean })\n  fetching = false;\n\n  @property({ type: Boolean, attribute: false })\n  hideTopScroll = true;\n\n  @property({ type: Boolean, attribute: false })\n  hideBottomScroll = true;\n\n  @property({ type: String, attribute: 'avatar' })\n  defaultAvatar = DEFAULT_AVATAR;\n\n  @property({ type: Boolean })\n  agent = false;\n\n  private msgMap = new Map<string, ChatEvent>();\n\n  public firstUpdated(\n    changed: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(changed);\n    const scroll = this.shadowRoot.querySelector('.scroll');\n    const hasScroll = scroll.scrollHeight > scroll.clientHeight;\n    this.hideBottomScroll = true;\n    this.hideTopScroll = !hasScroll;\n  }\n\n  public addMessages(\n    messages: ChatEvent[],\n    startTime: Date = null,\n    append = false\n  ) {\n    // make sure our messages have ids\n    messages.forEach((m) => {\n      if (!m.id) {\n        m.id = hashCode(m.text) + '_' + m.date.toISOString();\n      }\n    });\n\n    if (!startTime) {\n      startTime = new Date();\n    }\n\n    const elapsed = new Date().getTime() - startTime.getTime();\n    window.setTimeout(\n      () => {\n        this.fetching = false;\n        // first add messages to the map\n        const newMessages = [];\n        for (const m of messages) {\n          if (this.addMessage(m)) {\n            newMessages.push(m.id);\n          }\n        }\n\n        if (newMessages.length === 0) {\n          return;\n        }\n\n        const ele = this.shadowRoot.querySelector('.scroll');\n        const prevTop = ele.scrollTop;\n\n        const grouped = this.groupMessages(newMessages);\n        this.insertGroups(grouped, append);\n\n        window.setTimeout(() => {\n          ele.scrollTop = prevTop;\n\n          this.fireCustomEvent(CustomEventType.FetchComplete);\n        }, 100);\n      },\n      // if it's the first load don't wait, otherwise wait a minimum amount of time\n      this.messageGroups.length === 0\n        ? 0\n        : Math.max(0, MIN_FETCH_TIME - elapsed)\n    );\n  }\n\n  private addMessage(msg: ChatEvent): boolean {\n    const isNew = !this.messageExists(msg);\n    this.msgMap.set(msg.id, msg);\n    return isNew;\n  }\n\n  public messageExists(msg: ChatEvent): boolean {\n    return this.msgMap.has(msg.id);\n  }\n\n  private isSameGroup(msg1: ChatEvent, msg2: ChatEvent): boolean {\n    if (msg1 && msg2) {\n      return (\n        msg1.type === msg2.type &&\n        msg1.user?.name === msg2.user?.name &&\n        Math.abs(msg1.date.getTime() - msg2.date.getTime()) < BATCH_TIME_WINDOW\n      );\n    }\n\n    return false;\n  }\n\n  private insertGroups(newGroups: string[][], append = false) {\n    if (!append) {\n      newGroups.reverse();\n    }\n\n    for (const newGroup of newGroups) {\n      // see if our new group belongs to the most recent group\n      const group =\n        this.messageGroups[append ? 0 : this.messageGroups.length - 1];\n\n      if (group) {\n        const lastMsgId = group[group.length - 1];\n        const lastMsg = this.msgMap.get(lastMsgId);\n        const newMsg = this.msgMap.get(newGroup[0]);\n        // if our message belongs to the previous group, in we go\n        if (this.isSameGroup(lastMsg, newMsg)) {\n          group.push(...newGroup);\n        } else {\n          // otherwise, just add our entire group as a new one\n          if (append) {\n            this.messageGroups.splice(0, 0, newGroup);\n          } else {\n            this.messageGroups.push(newGroup);\n          }\n        }\n      } else {\n        if (append) {\n          this.messageGroups.splice(0, 0, newGroup);\n        } else {\n          this.messageGroups.push(newGroup);\n        }\n      }\n    }\n\n    this.requestUpdate('messageGroups');\n  }\n\n  private groupMessages(msgIds: string[]): string[][] {\n    // group our messages by origin and user\n    const groups = [];\n    let lastGroup = [];\n    let lastMsg = null;\n    for (const msgId of msgIds) {\n      const msg = this.msgMap.get(msgId);\n      if (!this.isSameGroup(msg, lastMsg)) {\n        lastGroup = [];\n        groups.push(lastGroup);\n      }\n      lastGroup.push(msgId);\n      lastMsg = msg;\n    }\n    return groups;\n  }\n\n  private handleScroll(event: any) {\n    const ele = event.target;\n    const top = ele.scrollHeight - ele.clientHeight;\n    const scroll = Math.round(top + ele.scrollTop);\n    const scrollPct = scroll / top;\n\n    this.hideTopScroll = scrollPct <= 0.01;\n    this.hideBottomScroll = scrollPct >= 0.99;\n\n    if (scrollPct < SCROLL_FETCH_BUFFER) {\n      this.fireCustomEvent(CustomEventType.ScrollThreshold);\n    }\n  }\n\n  private scrollToBottom() {\n    const scroll = this.shadowRoot.querySelector('.scroll');\n    if (scroll) {\n      scroll.scrollTop = scroll.scrollHeight;\n      this.hideBottomScroll = true;\n    }\n  }\n\n  private renderMessageGroup(\n    msgIds: string[],\n    idx: number,\n    groups: string[][]\n  ): TemplateResult {\n    const today = new Date();\n    const firstGroup = idx === groups.length - 1;\n\n    let prevMsg: ChatEvent;\n    if (idx > 0) {\n      const lastGroup = groups[idx - 1];\n      if (lastGroup && lastGroup.length > 0) {\n        prevMsg = this.msgMap.get(lastGroup[0]);\n      }\n    }\n\n    const mostRecentId = msgIds[msgIds.length - 1];\n    const currentMsg = this.msgMap.get(mostRecentId);\n    let timeDisplay = null;\n    if (\n      prevMsg &&\n      !this.isSameGroup(prevMsg, currentMsg) &&\n      (Math.abs(currentMsg.date.getTime() - prevMsg.date.getTime()) >\n        BATCH_TIME_WINDOW ||\n        idx === groups.length - 1)\n    ) {\n      if (\n        today.getDate() !== prevMsg.date.getDate() ||\n        prevMsg.date.getDate() !== currentMsg.date.getDate()\n      ) {\n        timeDisplay = html`<div class=\"time ${firstGroup ? 'first' : ''}\">\n          ${prevMsg.date.toLocaleTimeString(undefined, VERBOSE_FORMAT)}\n        </div>`;\n      } else {\n        timeDisplay = html`<div class=\"time ${firstGroup ? 'first' : ''}\">\n          ${prevMsg.date.toLocaleTimeString(undefined, TIME_FORMAT)}\n        </div>`;\n      }\n    }\n\n    const incoming = this.agent\n      ? currentMsg.type !== 'msg_in'\n      : currentMsg.type === 'msg_in';\n\n    const name = currentMsg.user?.name;\n    const email = currentMsg.user?.email;\n\n    const showAvatar =\n      ((currentMsg.type === 'note' ||\n        currentMsg.type === 'msg_in' ||\n        currentMsg.type === 'msg_out') &&\n        this.agent) ||\n      !incoming;\n\n    return html`\n      ${!firstGroup ? timeDisplay : null}\n      <div\n        class=\"block  ${incoming ? 'incoming' : 'outgoing'} ${currentMsg.type}\"\n      >\n        <div class=\"group-messages\" style=\"flex-grow:1\">\n          ${msgIds.map((msgId, index) => {\n            const msg = this.msgMap.get(msgId);\n            return html`<div class=\"row message\">\n              ${this.renderMessage(msg, index == 0 ? name : null)}\n            </div>`;\n          })}\n        </div>\n        ${showAvatar\n          ? html`<div class=\"avatar\" style=\"align-self:flex-end\">\n              <temba-user\n                email=${email}\n                name=${name}\n                avatar=${currentMsg.user?.avatar}\n                ?system=${!email && !name}\n              >\n              </temba-user>\n            </div>`\n          : null}\n      </div>\n      ${firstGroup ? timeDisplay : null}\n    `;\n  }\n\n  private renderMessage(event: ChatEvent, name = null): TemplateResult {\n    if (\n      event.type === MessageType.Error ||\n      event.type === MessageType.Collapse ||\n      event.type === MessageType.Inline\n    ) {\n      return html`<div class=\"event\">${renderMarkdown(event.text)}</div>`;\n    }\n\n    const message = event as Message;\n    return html`\n        <div class=\"bubble-wrap ${message.sendError ? 'error' : ''}\">\n        ${\n          message.popup\n            ? html`<div class=\"popup\">\n                ${message.popup}\n                <div class=\"arrow\">▼</div>\n              </div>`\n            : null\n        }\n          \n          ${\n            message.text\n              ? html`\n                  <div class=\"bubble\">\n                    ${name ? html`<div class=\"name\">${name}</div>` : null}\n                    <div class=\"message message-text\">${message.text}</div>\n\n                    <!--div>${message.date.toLocaleDateString(\n                      undefined,\n                      VERBOSE_FORMAT\n                    )}</div-->\n                  </div>\n                `\n              : null\n          }\n\n          <div class=\"attachments\">\n            ${(message.attachments || []).map(\n              (attachment) =>\n                html`<temba-thumbnail\n                  attachment=\"${attachment}\"\n                ></temba-thumbnail>`\n            )}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  public reset() {\n    this.msgMap.clear();\n    this.messageGroups = [];\n    this.hideBottomScroll = true;\n    this.hideTopScroll = true;\n  }\n\n  public render(): TemplateResult {\n    return html` <div\n      class=\"\n        messages \n        ${this.hideBottomScroll ? 'scroll-at-bottom' : ''}\n        ${this.hideTopScroll ? 'scroll-at-top' : ''}\"\n    >\n      <div class=\"scroll\" @scroll=${this.handleScroll}>\n        ${this.messageGroups\n          ? this.messageGroups.map(\n              (msgGroup, idx, groups) =>\n                html`${this.renderMessageGroup(msgGroup, idx, groups)}`\n            )\n          : null}\n\n        <temba-loading\n          class=\"${!this.fetching ? 'hidden' : ''}\"\n        ></temba-loading>\n      </div>\n      <slot class=\"header\" name=\"header\"></slot>\n      <slot class=\"footer\" name=\"footer\"></slot>\n    </div>`;\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactName.js","sourceRoot":"","sources":["../../../src/display/ContactName.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,OAAO,WAAY,SAAQ,YAAY;IAA7C;;QAQE,SAAI,GAAG,EAAE,CAAC;IAoCZ,CAAC;IAlCC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;KAmBT,CAAC;IACJ,CAAC;IACM,MAAM;QACX,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;YAClB,CAAC,CAAC,IAAI,CAAA,mBAAmB,IAAI,CAAC,IAAI,QAAQ,IAAI,CAAC,GAAG,eAAe;YACjE,CAAC,CAAC,IAAI,CAAC;QACT,OAAO,IAAI,CAAA;QACP,GAAG;;UAED,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;;;KAGnE,CAAC;IACJ,CAAC;CACF;AA1CC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCACd;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACf;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;yCACzC","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\n\nexport class ContactName extends RapidElement {\n  @property({ type: String })\n  name: string;\n\n  @property({ type: String })\n  urn: string;\n\n  @property({ type: Number, attribute: 'icon-size' })\n  size = 20;\n\n  static get styles() {\n    return css`\n      :host {\n        display: flex;\n        align-items: center;\n      }\n\n      temba-urn {\n        margin-right: 0.2em;\n      }\n\n      .name {\n        font-size: var(--contact-name-font-size, 1.5rem);\n        overflow: hidden;\n        max-height: 2rem;\n        line-height: 2rem;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 1;\n        text-overflow: ellipsis;\n      }\n    `;\n  }\n  public render(): TemplateResult {\n    const urn = this.urn\n      ? html`<temba-urn size=${this.size} urn=${this.urn}></temba-urn>`\n      : null;\n    return html`\n      ${urn}\n      <div class=\"name\">\n        ${this.name ? this.name : this.urn ? this.urn.split(':')[1] : ''}\n      </div>\n      <slot></slot>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactUrn.js","sourceRoot":"","sources":["../../../src/display/ContactUrn.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,OAAO,UAAW,SAAQ,YAAY;IAA5C;;QAQE,SAAI,GAAG,EAAE,CAAC;IAuCZ,CAAC;IArCC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;KAoBT,CAAC;IACJ,CAAC;IAEM,MAAM;QACX,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,OAAO,IAAI,CAAA;;qBAEM,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;iBACjC,IAAI,CAAC,IAAI;kBACR,IAAI,CAAC,IAAI;eACZ,IAAI,CAAC,MAAM;YACjB,MAAc,CAAC,UAAU;YAC1B,UAAU,eAAe,MAAM;;KAElC,CAAC;IACJ,CAAC;CACF;AA7CC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACf;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACZ;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACjB","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\n\nexport class ContactUrn extends RapidElement {\n  @property({ type: String })\n  urn: string;\n\n  @property({ type: String })\n  scheme: string;\n\n  @property({ type: Number })\n  size = 20;\n\n  static get styles() {\n    return css`\n      :host {\n        display: flex;\n        align-items: center;\n      }\n      .urn {\n        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.04) inset;\n        padding: 3px;\n        border: 1px solid #ddd;\n        border-radius: 18rem;\n        background: #eee;\n        margin-right: 0.2em;\n      }\n\n      .small {\n        padding: 0px;\n        border: 0px;\n        box-shadow: none;\n        margin-right: 0.5em;\n      }\n    `;\n  }\n\n  public render(): TemplateResult {\n    const scheme = this.scheme || this.urn.split(':')[0];\n    return html`\n      <img\n        class=\"urn ${this.size < 20 ? 'small' : ''}\"\n        width=\"${this.size}em\"\n        height=\"${this.size}em\"\n        src=\"${this.prefix ||\n        (window as any).static_url ||\n        '/static/'}img/schemes/${scheme}.svg\"\n      />\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/display/Dropdown.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,MAAM,OAAO,QAAS,SAAQ,YAAY;IACxC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgFT,CAAC;IACJ,CAAC;IAuBD;QACE,KAAK,EAAE,CAAC;QArBV,SAAI,GAAG,KAAK,CAAC;QAGb,YAAO,GAAG,IAAI,CAAC;QAGf,cAAS,GAAG,CAAC,CAAC;QAGd,WAAM,GAAG,EAAE,CAAC;QAGZ,SAAI,GAAG,KAAK,CAAC;QAGb,kBAAa,GAAG,EAAE,CAAC;QAGnB,eAAU,GAAG,EAAE,CAAC;QAId,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;IAKO,gBAAgB;QACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC5C,WAAW,CACM,CAAC;QAEpB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACjE,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC9D,CAAC;IAEO,UAAU,CAAC,KAAiB;QAClC,MAAM,SAAS,GAAG,KAAK,CAAC,aAAoB,CAAC;QAE7C,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;YAC7B,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YACrD,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAExB,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC5C,WAAW,CACM,CAAC;QACpB,QAAQ,CAAC,KAAK,EAAE,CAAC;QACjB,QAAQ,CAAC,KAAK,EAAE,CAAC;QAEjB,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC/D,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAElB,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAEM,OAAO,CAAC,iBAAmC;QAChD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QAC1B,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC;YAC3C,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACjD,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC;IAEM,iBAAiB;QACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAC5C,WAAW,CACM,CAAC;QACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAEtD,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAmB,CAAC;QAExE,IAAI,QAAQ,GAAG,KAAK,CAAC;QACrB,IAAI,UAAU,GAAG,KAAK,CAAC;QAEvB,IAAI,QAAQ,IAAI,MAAM,EAAE,CAAC;YACvB,MAAM,cAAc,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAC;YACxD,MAAM,YAAY,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;YACpD,MAAM,WAAW,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;YAElD,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,OAAO;YACT,CAAC;YAED,MAAM,aAAa,GAAG;gBACpB,MAAM,EAAE,2BAA2B;gBACnC,SAAS,EAAE,OAAO;aACnB,CAAC;YAEF,qCAAqC;YACrC,IAAI,cAAc,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;gBAC7C,aAAa,CAAC,MAAM,CAAC;oBACnB,YAAY,CAAC,KAAK,GAAG,cAAc,CAAC,KAAK,GAAG,IAAI,CAAC;gBACnD,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC9B,UAAU,GAAG,IAAI,CAAC;YACpB,CAAC;YAED,mCAAmC;YACnC,IAAI,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;gBAC/C,aAAa,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,GAAG,GAAG,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC;gBACvE,aAAa,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC;gBACvC,QAAQ,GAAG,IAAI,CAAC;YAClB,CAAC;YAED,iEAAiE;YACjE,iEAAiE;YACjE,IAAI,SAAS,GAAG,YAAY,CAAC,KAAK,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;YAC/D,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;gBACnB,aAAa,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC;gBACtC,SAAS,GAAG,EAAE,CAAC;YACjB,CAAC;YAED,MAAM,UAAU,GAAG;gBACjB,IAAI,EAAE,SAAS,GAAG,IAAI;gBACtB,WAAW,EAAE,IAAI,CAAC,SAAS,GAAG,IAAI;gBAClC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI;aACjC,CAAC;YAEF,IAAI,QAAQ,EAAE,CAAC;gBACb,+BAA+B;gBAC/B,UAAU,CAAC,WAAW,CAAC,GAAG,gBAAgB,CAAC;gBAE3C,6CAA6C;gBAC7C,UAAU,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC;gBAC3B,UAAU,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACrD,CAAC;YAED,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,CAAC,OAAO,CAAC;oBACjB,YAAY,CAAC,KAAK,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC;gBACxD,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC;YAED,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;YAC7B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACrC,CAAC;QACD,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEM,mBAAmB,CAAC,KAAiB;QAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC/B,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM;YACxD,CAAC,CAAC,IAAI;;;yBAGW,UAAU,CAAC;YAC1B,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;;;;;mBAKS,IAAI,CAAC,mBAAmB;;;mBAGxB,UAAU,CAAC;YAClB,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC;kBACM,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC;;;qCAGT,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;;;;;;KAMzD,CAAC;IACJ,CAAC;CACF;AA/MC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCACf;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACb;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CACb;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACf;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCACf;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;+CAC1B;AAGnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4CAC7B","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\nimport { getClasses } from '../utils';\nimport { CustomEventType } from '../interfaces';\n\nimport { styleMap } from 'lit-html/directives/style-map.js';\n\nexport class Dropdown extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n      }\n\n      .wrapper {\n        position: relative;\n      }\n\n      .toggle {\n        cursor: pointer;\n      }\n\n      .dropdown-wrapper {\n        position: relative;\n        overflow: auto;\n      }\n\n      .dropdown:focus {\n      }\n\n      .dropdown.dormant {\n        height: 0;\n        overflow: hidden;\n      }\n\n      .dropdown {\n        position: fixed;\n        z-index: 2;\n        padding: 0;\n        opacity: 0;\n        border-radius: calc(var(--curvature) * 1.5);\n        background: #fff;\n        transition: all calc(0.8 * var(--transition-speed)) var(--bounce);\n        user-select: none;\n        margin-top: 0px;\n        margin-left: 0px;\n        box-shadow: var(--dropdown-shadow);\n      }\n\n      .dropdown:focus {\n        outline: none;\n      }\n\n      .arrow {\n        content: '';\n        width: 0px;\n        height: 0;\n        z-index: 10;\n        position: absolute;\n        border-left: 6px solid transparent;\n        border-right: 6px solid transparent;\n        border-bottom: 6px solid white;\n      }\n\n      .open .dropdown {\n        opacity: 1;\n        transform: translateY(0.5em) scale(1);\n      }\n\n      .mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        background: rgba(0, 0, 0, 0.7);\n        opacity: 0.5;\n        transition: opacity var(--transition-speed) ease-in-out;\n        pointer-events: none;\n        z-index: 1;\n      }\n\n      .mask.open {\n        opacity: 1;\n        pointer-events: auto;\n      }\n\n      .right {\n        right: 0;\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  open = false;\n\n  @property({ type: Boolean })\n  dormant = true;\n\n  @property({ type: Number })\n  arrowSize = 8;\n\n  @property({ type: Number })\n  margin = 10;\n\n  @property({ type: Boolean })\n  mask = false;\n\n  @property({ type: Object, attribute: false })\n  dropdownStyle = {};\n\n  @property({ type: Object, attribute: false })\n  arrowStyle = {};\n\n  constructor() {\n    super();\n    this.calculatePosition = this.calculatePosition.bind(this);\n  }\n\n  private activeFocus: any;\n  private blurHandler: any;\n\n  private resetBlurHandler() {\n    const dropdown = this.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n\n    if (this.activeFocus) {\n      this.activeFocus.removeEventListener('blur', this.blurHandler);\n    }\n\n    this.activeFocus = dropdown;\n    this.blurHandler = this.handleBlur.bind(this);\n    this.activeFocus.addEventListener('blur', this.blurHandler);\n  }\n\n  private handleBlur(event: FocusEvent) {\n    const newTarget = event.relatedTarget as any;\n\n    if (this.contains(newTarget)) {\n      newTarget.addEventListener('blur', this.blurHandler);\n      this.activeFocus = newTarget;\n    } else {\n      this.closeDropdown();\n    }\n  }\n\n  private openDropdown() {\n    this.open = true;\n    this.dormant = false;\n    this.resetBlurHandler();\n\n    const dropdown = this.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n    dropdown.focus();\n    dropdown.click();\n\n    this.fireCustomEvent(CustomEventType.Opened);\n  }\n\n  private closeDropdown() {\n    this.activeFocus.removeEventListener('blur', this.blurHandler);\n    this.open = false;\n\n    window.setTimeout(() => {\n      this.dormant = true;\n    }, 250);\n\n    this.blur();\n  }\n\n  public updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('open')) {\n      this.dropdownStyle = {};\n    }\n\n    if (changedProperties.has('dropdownStyle')) {\n      if (Object.keys(this.dropdownStyle).length === 0) {\n        this.calculatePosition();\n      }\n    }\n  }\n\n  public calculatePosition() {\n    const dropdown = this.shadowRoot.querySelector(\n      '.dropdown'\n    ) as HTMLDivElement;\n    const toggle = this.querySelector('*[slot=\"toggle\"]');\n\n    const arrow = this.shadowRoot.querySelector('.arrow') as HTMLDivElement;\n\n    let bumpedUp = false;\n    let bumpedLeft = false;\n\n    if (dropdown && toggle) {\n      const dropdownBounds = dropdown.getBoundingClientRect();\n      const toggleBounds = toggle.getBoundingClientRect();\n      const arrowBounds = arrow.getBoundingClientRect();\n\n      if (!toggle) {\n        return;\n      }\n\n      const dropdownStyle = {\n        border: '1px solid rgba(0,0,0,0.1)',\n        marginTop: '0.5em'\n      };\n\n      // if off the the right, bump it left\n      if (dropdownBounds.right > window.innerWidth) {\n        dropdownStyle['left'] =\n          toggleBounds.right - dropdownBounds.width + 'px';\n        delete dropdownStyle['right'];\n        bumpedLeft = true;\n      }\n\n      // if off to the bottom, bump it up\n      if (dropdownBounds.bottom > window.innerHeight) {\n        dropdownStyle['top'] = toggleBounds.top - dropdownBounds.height + 'px';\n        dropdownStyle['margin-top'] = '-0.5em';\n        bumpedUp = true;\n      }\n\n      // if our arrow is aligned with the left of the dropdown, scootch\n      // the dropdown left a pinch so our arrow still overlaps properly\n      let arrowLeft = toggleBounds.width / 2 - arrowBounds.width / 2;\n      if (arrowLeft <= 0) {\n        dropdownStyle['marginLeft'] = '-10px';\n        arrowLeft = 10;\n      }\n\n      const arrowStyle = {\n        left: arrowLeft + 'px',\n        borderWidth: this.arrowSize + 'px',\n        top: '-' + this.arrowSize + 'px'\n      };\n\n      if (bumpedUp) {\n        // rotate our arrow 180 degrees\n        arrowStyle['transform'] = 'rotate(180deg)';\n\n        // and place it at the bottom of the dropdown\n        arrowStyle['top'] = 'auto';\n        arrowStyle['bottom'] = '-' + this.arrowSize + 'px';\n      }\n\n      if (bumpedLeft) {\n        arrowStyle['right'] =\n          toggleBounds.width / 2 - arrowBounds.width / 2 + 'px';\n        delete arrowStyle['left'];\n      }\n\n      this.arrowStyle = arrowStyle;\n      this.dropdownStyle = dropdownStyle;\n    }\n    this.requestUpdate();\n  }\n\n  public handleToggleClicked(event: MouseEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!this.open && this.dormant) {\n      this.openDropdown();\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      ${this.mask\n        ? html`<div class=\"mask  ${this.open ? 'open' : ''}\" />`\n        : null}\n\n      <div\n        class=\"wrapper ${getClasses({\n          open: this.open\n        })}\"\n      >\n        <slot\n          name=\"toggle\"\n          class=\"toggle\"\n          @click=${this.handleToggleClicked}\n        ></slot>\n        <div\n          class=\"${getClasses({\n            dropdown: true,\n            dormant: this.dormant\n          })}\"\n          style=${styleMap(this.dropdownStyle)}\n          tabindex=\"0\"\n        >\n          <div class=\"arrow\" style=${styleMap(this.arrowStyle)}></div>\n          <div class=\"dropdown-wrapper\">\n            <slot name=\"dropdown\" tabindex=\"1\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/{vectoricon/VectorIcon.js → display/Icon.js}

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { LitElement, html, css } from 'lit';
 import { property } from 'lit/decorators.js';
-import { Icon, SVG_FINGERPRINT } from '.';
+import { Icon, SVG_FINGERPRINT } from '../Icons';
 import { getClasses } from '../utils';
 export class VectorIcon extends LitElement {
     static get styles() {
@@ -244,4 +244,4 @@ __decorate([
 __decorate([
     property({ type: String })
 ], VectorIcon.prototype, "easing", void 0);
-//# sourceMappingURL=VectorIcon.js.map
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/display/Icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Icon, SVG_FINGERPRINT } from '../Icons';\nimport { getClasses } from '../utils';\n\nexport class VectorIcon extends LitElement {\n  @property({ type: String })\n  name: string;\n\n  @property({ type: String })\n  prefix: string;\n\n  // same as name but without implicit coloring\n  @property({ type: String })\n  id: string;\n\n  @property({ type: Number })\n  size = 1;\n\n  @property({ type: Boolean })\n  spin: boolean;\n\n  @property({ type: Boolean })\n  clickable: boolean;\n\n  @property({ type: Boolean })\n  circled: boolean;\n\n  @property({ type: String })\n  animateChange: string;\n\n  @property({ type: String })\n  animateClick: string;\n\n  @property({ type: Number })\n  animationDuration = 200;\n\n  @property({ type: String })\n  src = '';\n\n  @property({ type: Number, attribute: false })\n  steps = 2;\n\n  @property({ type: Number, attribute: false })\n  animationStep: number;\n\n  @property({ type: String })\n  easing = 'cubic-bezier(0.68, -0.55, 0.265, 1.55)';\n\n  static get styles() {\n    return css`\n      :host {\n        align-items: center;\n        align-self: center;\n      }\n\n      .sheet {\n        color: var(--icon-color);\n        transform: scale(1);\n        transition: fill 100ms ease-in-out,\n          background 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55),\n          padding 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55),\n          margin 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);\n      }\n\n      .sheet.spin {\n        transform: rotate(0deg);\n      }\n\n      .sheet.spin-1 {\n        transform: rotate(180deg);\n      }\n\n      .sheet.spin-2 {\n        transform: rotate(360deg);\n      }\n\n      .sheet.spin-3 {\n        transform: rotate(0deg);\n        transition-duration: 0ms !important;\n      }\n\n      .sheet.pulse {\n        transform: scale(1);\n      }\n\n      .sheet.pulse-1 {\n        transform: scale(1.2);\n      }\n\n      .clickable:hover {\n        cursor: pointer;\n        fill: var(--color-link-primary) !important;\n        background: rgb(255, 255, 255);\n      }\n\n      .circled {\n        background: var(--icon-color-circle);\n        padding: 0.15em;\n        margin: -0.15em;\n        box-shadow: var(--shadow);\n      }\n\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        border-radius: 999px;\n        transition: background 200ms linear,\n          transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55),\n          padding 150ms linear, margin 150ms linear;\n      }\n\n      .wrapper.clickable {\n        transform: scale(1);\n      }\n\n      .wrapper.clickable:hover {\n        --icon-circle-size: 0.35em;\n        --icon-background: var(--icon-color-circle-hover);\n      }\n\n      .wrapper.clickable {\n        padding: var(--icon-circle-size);\n        margin: calc(-1 * var(--icon-circle-size));\n        background: var(--icon-background);\n      }\n\n      .spin-forever {\n        animation-name: spin;\n        animation-duration: var(--test-animation-duration, 2000ms);\n        animation-iteration-count: infinite;\n        animation-timing-function: linear;\n        animation-play-state: var(--test-animation-play-state, running);\n      }\n\n      @keyframes spin {\n        from {\n          transform: rotate(0deg);\n        }\n        to {\n          transform: rotate(360deg);\n        }\n      }\n    `;\n  }\n\n  constructor() {\n    super();\n  }\n\n  private lastName: string;\n\n  public firstUpdated(changes: Map<string, any>) {\n    super.firstUpdated(changes);\n    if (changes.has('animateChange')) {\n      // set our default duration if we need one\n      if (!changes.has('animationDuration')) {\n        this.animationDuration = this.steps * this.animationDuration;\n      }\n\n      if (this.animateChange === 'spin') {\n        this.steps = 3;\n        this.animationDuration = 400;\n        this.easing = 'linear';\n      }\n    }\n  }\n\n  public handleClicked() {\n    if (this.animateClick) {\n      this.animationStep = 1;\n    }\n  }\n\n  public updated(changes: Map<string, any>) {\n    super.updated(changes);\n\n    if (changes.has('animationStep')) {\n      // if we are halfway through, change the icon\n      if (this.lastName && this.animationStep >= this.steps / 2) {\n        this.lastName = null;\n        this.requestUpdate();\n      }\n\n      setTimeout(() => {\n        if (this.animationStep > 0 && this.animationStep < this.steps) {\n          this.animationStep++;\n        } else {\n          this.animationStep = 0;\n        }\n      }, this.animationDuration / this.steps);\n    }\n\n    if (changes.has('name') && this.animateChange) {\n      this.lastName = changes.get('name');\n\n      // our name changed, lets animate it\n      if (this.lastName && this.animateChange) {\n        this.animationStep = 1;\n      }\n    }\n  }\n\n  public render(): TemplateResult {\n    if (!this.name) {\n      return null;\n    }\n\n    // let icon name mappings take precedence\n    let name = this.lastName || this.name;\n\n    // special case our channel icon fallback\n    if (name.startsWith('channel_') && !Icon[name]) {\n      name = Icon.channel_ex;\n    } else {\n      name = Icon[name.replace('icon.', '')] || name;\n    }\n\n    // referencing icons by id is explicit\n    if (!name) {\n      name = this.id;\n    }\n\n    return html`\n      <div\n        @click=${this.handleClicked}\n        class=\"wrapper ${getClasses({\n          clickable: this.clickable,\n          circled: this.circled,\n          animate: !!this.animateChange || !!this.animateClick,\n          'spin-forever': this.spin\n        })}\"\n      >\n        <svg\n          style=\"height:${this.size}em;width:${this\n            .size}em;transition:transform ${this.animationDuration /\n          this.steps}ms\n          ${this.easing}\"\n          class=\"${getClasses({\n            sheet: this.src === '',\n            [this.animateChange]: !!this.animateChange,\n            [this.animateChange + '-' + this.animationStep]:\n              this.animationStep > 0,\n            [this.animateClick]: !!this.animateClick,\n            [this.animateClick + '-' + this.animationStep]:\n              this.animationStep > 0\n          })}\"\n        >\n          <use\n            href=\"${this.src\n              ? this.src\n              : `${\n                  this.prefix || (window as any).static_url || '/static/'\n                }svg/index.svg?v=${SVG_FINGERPRINT}#${name}`}\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/display/Label.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAkB,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,UAAU;IAC3C,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0ET,CAAC;IACJ,CAAC;IAgCM,MAAM;QACX,MAAM,UAAU,GAAG,EAAE,CAAC;QAEtB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,UAAU,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QAClD,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,UAAU,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;YACrC,UAAU,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;QAC9C,CAAC;QAED,OAAO,IAAI,CAAA;;uBAEQ,UAAU,CAAC;YACxB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;gBACM,QAAQ,CAAC,UAAU,CAAC;;;YAGxB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,oBAAoB,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI;;;;KAIhE,CAAC;IACJ,CAAC;CACF;AA7DC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACT;AAGnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCACX;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACT;AAGnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACV;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACZ;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mCACd;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACZ;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCACd;AAGb;IADC,QAAQ,EAAE;8CACa;AAGxB;IADC,QAAQ,EAAE;wCACO","sourcesContent":["import { LitElement, TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { getClasses } from '../utils';\nimport { styleMap } from 'lit-html/directives/style-map.js';\n\nexport default class Label extends LitElement {\n  static get styles() {\n    return css`\n      :host {\n        display: inline-block;\n      }\n\n      slot {\n        white-space: nowrap;\n        overflow-x: hidden;\n        text-overflow: ellipsis;\n        display: block;\n      }\n\n      .mask {\n        padding: 3px 8px;\n        border-radius: 12px;\n        display: flex;\n      }\n\n      temba-icon {\n        margin-right: 0.3em;\n        padding-bottom: 0.1em;\n      }\n\n      .label.clickable .mask:hover {\n        background: var(--color-background-hover, rgb(0, 0, 0, 0.05));\n      }\n\n      .label {\n        font-size: 0.8em;\n        font-weight: 400;\n        border-radius: 12px;\n        box-shadow: var(--widget-shadow, 0 0.04em 0.08em rgba(0, 0, 0, 0.15));\n        background: var(--color-overlay-light);\n        color: var(--color-overlay-light-text);\n        --icon-color: var(--color-overlay-light-text);\n        text-shadow: none;\n      }\n\n      .danger {\n        background: tomato;\n        color: #fff;\n        --icon-color: #fff;\n      }\n\n      .primary {\n        background: var(--color-primary-dark);\n        color: var(--color-text-light);\n        --icon-color: var(--color-text-light);\n      }\n\n      .secondary {\n        background: var(--color-secondary-dark);\n        color: var(--color-text-light);\n        --icon-color: var(--color-text-light);\n      }\n\n      .tertiary {\n        background: var(--color-tertiary);\n        color: var(--color-text-light);\n        --icon-color: var(--color-text-light);\n      }\n\n      .dark {\n        background: var(--color-overlay-dark);\n        text-shadow: none;\n      }\n\n      .clickable {\n        cursor: pointer;\n      }\n\n      .shadow {\n        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  clickable: boolean;\n\n  @property({ type: Boolean })\n  primary: boolean;\n\n  @property({ type: Boolean })\n  secondary: boolean;\n\n  @property({ type: Boolean })\n  tertiary: boolean;\n\n  @property({ type: Boolean })\n  danger: boolean;\n\n  @property({ type: Boolean })\n  dark: boolean;\n\n  @property({ type: Boolean })\n  shadow: boolean;\n\n  @property({ type: String })\n  icon: string;\n\n  @property()\n  backgroundColor: string;\n\n  @property()\n  textColor: string;\n\n  public render(): TemplateResult {\n    const labelStyle = {};\n\n    if (this.backgroundColor) {\n      labelStyle['background'] = this.backgroundColor;\n    }\n\n    if (this.textColor) {\n      labelStyle['color'] = this.textColor;\n      labelStyle['--icon-color'] = this.textColor;\n    }\n\n    return html`\n      <div\n        class=\"label ${getClasses({\n          clickable: this.clickable,\n          primary: this.primary,\n          secondary: this.secondary,\n          tertiary: this.tertiary,\n          shadow: this.shadow,\n          danger: this.danger,\n          dark: this.dark\n        })}\"\n        style=${styleMap(labelStyle)}\n      >\n        <div class=\"mask\">\n          ${this.icon ? html`<temba-icon name=${this.icon} />` : null}\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/{leafletmap → display}/LeafletMap.js

@@ -3,7 +3,22 @@ import { geoJSON, map as createMap } from 'leaflet';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { getUrl } from '../utils';
-import { highlightedFeature, normalFeature, visibleStyle } from './helpers';
+const normalFeature = {
+    weight: 1,
+    opacity: 1,
+    color: 'white',
+    fillOpacity: 0.7,
+    fillColor: '#2387ca'
+};
+const highlightedFeature = {
+    weight: 3,
+    color: 'white',
+    fillOpacity: 1,
+    fillColor: '#2387ca'
+};
+const visibleStyle = () => {
+    return normalFeature;
+};
 export class LeafletMap extends LitElement {
     static get styles() {
         return css `

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeafletMap.js","sourceRoot":"","sources":["../../../src/display/LeafletMap.ts"],"names":[],"mappings":"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","sourcesContent":["import { Feature, Geometry } from 'geojson';\nimport {\n  GeoJSON,\n  geoJSON,\n  LeafletEvent,\n  LeafletMouseEvent,\n  Map as RenderedMap,\n  map as createMap,\n  Path\n} from 'leaflet';\nimport { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { FeatureProperties } from '../interfaces';\nimport { getUrl, WebResponse } from '../utils';\n\nconst normalFeature = {\n  weight: 1,\n  opacity: 1,\n  color: 'white',\n  fillOpacity: 0.7,\n  fillColor: '#2387ca'\n};\n\nconst highlightedFeature = {\n  weight: 3,\n  color: 'white',\n  fillOpacity: 1,\n  fillColor: '#2387ca'\n};\n\nconst visibleStyle = () => {\n  return normalFeature;\n};\n\nexport class LeafletMap extends LitElement {\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n        padding: 0px;\n      }\n\n      #alias-map {\n        top: 0px;\n        height: 100%;\n      }\n\n      .leaflet-container {\n        background: transparent;\n      }\n\n      .path {\n        position: absolute;\n        color: #666;\n      }\n\n      .path > .step {\n        display: inline-block;\n        font-size: 12px;\n        margin-left: 5px;\n      }\n\n      .path > .step.hovered {\n        color: #999;\n      }\n\n      .path > .step.linked {\n        text-decoration: underline;\n        color: var(--color-link-primary);\n        cursor: pointer;\n      }\n    `;\n  }\n\n  @property()\n  feature: FeatureProperties;\n\n  @property()\n  osmId = '';\n\n  @property()\n  endpoint = '';\n\n  @property()\n  onFeatureClicked: (feature: FeatureProperties) => void;\n\n  @property()\n  hovered: FeatureProperties = null;\n\n  @property()\n  path: FeatureProperties[] = [];\n\n  renderedMap: RenderedMap = null;\n  states: GeoJSON<any> = null;\n\n  constructor() {\n    super();\n  }\n\n  private getRenderRoot(): DocumentFragment {\n    return this.renderRoot as DocumentFragment;\n  }\n\n  private getEndpoint(): string {\n    return this.endpoint + (!this.endpoint.endsWith('/') ? '/' : '');\n  }\n\n  paths: { [osmId: string]: Path } = {};\n  lastHovered: Path = null;\n\n  private refreshMap(): void {\n    const onEachFeature = (feature: Feature<Geometry, any>, path: Path) => {\n      this.paths[feature.properties.osm_id] = path;\n\n      path.on({\n        click: (event: LeafletMouseEvent) => {\n          const feature: FeatureProperties = event.target.feature.properties;\n          if (feature.osm_id !== this.path[this.path.length - 1].osm_id) {\n            const orig = event.originalEvent;\n\n            orig.stopPropagation();\n            orig.preventDefault();\n\n            if (this.onFeatureClicked) {\n              this.onFeatureClicked(feature);\n            }\n\n            this.hovered = null;\n            this.path.push(feature);\n            this.osmId = feature.osm_id;\n            this.refreshMap();\n          }\n        },\n        mouseover: (event: LeafletEvent) => {\n          const feature: FeatureProperties = event.target.feature.properties;\n          if (feature.osm_id !== this.path[this.path.length - 1].osm_id) {\n            event.target.setStyle(highlightedFeature);\n            this.hovered = feature;\n          }\n        },\n        mouseout: (event: LeafletEvent) => {\n          event.target.setStyle(normalFeature);\n          this.hovered = null;\n        }\n      });\n    };\n\n    getUrl(this.getEndpoint() + 'geometry/' + this.osmId + '/').then(\n      (response: WebResponse) => {\n        if (this.states) {\n          this.renderedMap.removeLayer(this.states);\n        }\n\n        const data = response.json;\n        if (this.path.length === 0) {\n          this.path = [\n            {\n              name: data.name,\n              osm_id: this.osmId,\n              level: 0\n            }\n          ];\n        }\n\n        this.states = geoJSON(data.geometry, {\n          style: visibleStyle,\n          onEachFeature\n        });\n        this.renderedMap.fitBounds(this.states.getBounds(), {});\n        this.states.addTo(this.renderedMap);\n      }\n    );\n  }\n\n  public updated(changedProperties: Map<string, any>) {\n    if (changedProperties.has('hovered')) {\n      if (this.lastHovered) {\n        this.lastHovered.setStyle(normalFeature);\n      }\n\n      if (this.hovered) {\n        const layer = this.paths[this.hovered.osm_id];\n        this.lastHovered = layer;\n        if (layer) {\n          layer.setStyle(highlightedFeature);\n        }\n      }\n    }\n\n    if (changedProperties.has('feature') && this.feature) {\n      this.hovered = null;\n      if (\n        this.path.length === 0 ||\n        this.path[this.path.length - 1].osm_id !== this.feature.osm_id\n      ) {\n        this.path.push(this.feature);\n      }\n    }\n\n    if (changedProperties.has('osmId')) {\n      const path: FeatureProperties[] = [];\n      for (const feature of this.path) {\n        path.push(feature);\n        if (feature.osm_id === this.osmId) {\n          if (this.onFeatureClicked) {\n            this.onFeatureClicked(feature);\n          }\n          break;\n        }\n      }\n\n      this.path = path;\n\n      this.refreshMap();\n    }\n  }\n\n  public firstUpdated(changedProperties: any) {\n    const mapElement = this.getRenderRoot().getElementById('alias-map');\n    this.renderedMap = createMap(mapElement, {\n      attributionControl: false,\n      scrollWheelZoom: false,\n      zoomControl: false\n    }).setView([0, 1], 4);\n    this.renderedMap.dragging.disable();\n    this.renderedMap.doubleClickZoom.disable();\n\n    this.refreshMap();\n    super.firstUpdated(changedProperties);\n  }\n\n  private handleClickedBreadcrumb(e: MouseEvent): void {\n    this.osmId = (e.currentTarget as HTMLElement).getAttribute('data-osmid');\n    const path: FeatureProperties[] = [];\n    for (const feature of this.path) {\n      path.push(feature);\n      if (feature.osm_id === this.osmId) {\n        if (this.onFeatureClicked) {\n          this.onFeatureClicked(feature);\n        }\n        break;\n      }\n    }\n\n    this.path = path;\n    this.refreshMap();\n  }\n\n  render() {\n    if (!this.osmId) {\n      return html`<div>No osm map id</div>`;\n    }\n\n    return html`\n      <link\n        rel=\"stylesheet\"\n        href=\"https://unpkg.com/leaflet@1.5.1/dist/leaflet.css\"\n      />\n      <div id=\"alias-map\"></div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.js","sourceRoot":"","sources":["../../../src/display/Lightbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, PropertyValueMap } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\nimport { getClasses } from '../utils';\nimport { styleMap } from 'lit-html/directives/style-map.js';\n\n/**\n * This component relies on a bit of sleight of hand magic\n * to achieve it's effect. As such, it requires the use of\n * computed animation times and window.setTimeout().\n */\nexport class Lightbox extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        z-index: 10000;\n        position: absolute;\n        top: 0;\n        left: 0;\n      }\n\n      .mask {\n        display: flex;\n        opacity: 0;\n        background: rgba(0, 0, 0, 0.5);\n        position: absolute;\n        height: 100svh;\n        width: 100svw;\n        pointer-events: none;\n      }\n\n      .zoom .mask {\n        opacity: 1;\n        pointer-events: auto;\n      }\n\n      .matte {\n        position: absolute;\n        transform: translate(400, 400) scale(3, 3);\n        border-radius: 2%;\n        overflow: hidden;\n        box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.15);\n      }\n\n      .download {\n        background: rgba(0, 0, 0, 0.5);\n        position: absolute;\n        display:flex;\n        align-items:center;\n        color:#fff;\n        padding:0.5em;\n        border-radius:var(--curvature);\n        background:rgba(0,0,0,0.5);\n      }\n\n  }\n    `;\n  }\n\n  @property({ type: Number })\n  animationTime = 300;\n\n  @property({ type: Boolean })\n  show = false;\n\n  @property({ type: Boolean })\n  zoom = false;\n\n  @property({ type: Number })\n  zoomPct = 0.9;\n\n  private ele: HTMLElement;\n  private left: number;\n  private top: number;\n  private height: number;\n  private width: number;\n  private scale = 1;\n  private xTrans = 0;\n  private yTrans = 0;\n\n  protected updated(\n    changed: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    if (changed.has('show') && this.show) {\n      window.setTimeout(() => {\n        this.zoom = true;\n      }, 0);\n    }\n\n    if (changed.has('zoom') && !this.zoom && this.show) {\n      window.setTimeout(() => {\n        this.show = false;\n      }, this.animationTime);\n    }\n  }\n\n  public showElement(ele: HTMLElement) {\n    // size our matte according to the ele's boundaries\n    const bounds = ele.getBoundingClientRect();\n    this.ele = ele.cloneNode() as HTMLElement;\n    (this.ele as any).zoom = true;\n\n    this.left = bounds.left;\n    this.top = bounds.top;\n    this.width = bounds.width;\n    this.height = bounds.height;\n\n    this.xTrans = 0;\n    this.yTrans = 0;\n    this.scale = 1;\n\n    let desiredWidth = this.width;\n    let desiredHeight = this.height;\n    let desiredScale = this.scale;\n\n    const maxHeight = window.innerHeight * this.zoomPct;\n    const maxWidth = window.innerWidth * this.zoomPct;\n\n    // if the width fits, constrain by height\n    if (this.width * (maxHeight / this.height) < maxWidth) {\n      desiredHeight = window.innerHeight * this.zoomPct;\n      desiredScale = desiredHeight / this.height;\n      desiredWidth = this.width * desiredScale;\n    } else {\n      desiredWidth = window.innerWidth * this.zoomPct;\n      desiredScale = desiredWidth / this.width;\n      desiredHeight = this.height * desiredScale;\n    }\n\n    const xGrowth = (desiredWidth - this.width) / 2;\n    const xDest = (window.innerWidth - desiredWidth) / 2;\n    this.xTrans = xDest - this.left + xGrowth;\n\n    const yGrowth = (desiredHeight - this.height) / 2;\n    const yDest = (window.innerHeight - desiredHeight) / 2;\n    this.yTrans = yDest - this.top + yGrowth;\n\n    this.scale = desiredScale;\n    this.show = true;\n  }\n\n  public handleClick() {\n    this.zoom = false;\n  }\n\n  public render() {\n    const styles = {\n      transition: `transform ${this.animationTime}ms ease, box-shadow ${this.animationTime}ms ease`\n    };\n\n    if (this.show) {\n      styles['left'] = this.left + 'px';\n      styles['top'] = this.top + 'px';\n      styles['width'] = this.width + 'px';\n    }\n\n    if (this.zoom) {\n      styles[\n        'transform'\n      ] = `translate(${this.xTrans}px, ${this.yTrans}px) scale(${this.scale}, ${this.scale})`;\n    }\n\n    return html`\n      <div\n        class=${getClasses({\n          container: true,\n          show: this.show,\n          zoom: this.zoom\n        })}\n        @click=${this.handleClick}\n      >\n        <div\n          class=${getClasses({ mask: true })}\n          style=\"transition: all ${this.animationTime}ms; ease\"\n        ></div>\n        <div class=${getClasses({ matte: true })} style=${styleMap(styles)}>\n          ${this.show ? html`${this.ele}` : null}\n        </div>\n      </div>\n    `;\n  }\n}\n"]}