@nyaruka/temba-components 0.129.2 → 0.129.3

package/test/temba-utils-uuid.test.ts

@@ -0,0 +1,48 @@
+import { assert } from '@open-wc/testing';
+import { generateUUID } from '../src/utils';
+
+describe('UUID Generation', () => {
+  it('generates a valid UUID v4 format', () => {
+    const uuid = generateUUID();
+
+    // Check that it's a string
+    assert.isString(uuid);
+
+    // Check UUID v4 format: xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx
+    const uuidPattern =
+      /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+    assert.match(uuid, uuidPattern, 'Should match UUID v4 format');
+
+    // Check length
+    assert.equal(uuid.length, 36);
+
+    // Check that it contains hyphens in the right places
+    assert.equal(uuid[8], '-');
+    assert.equal(uuid[13], '-');
+    assert.equal(uuid[18], '-');
+    assert.equal(uuid[23], '-');
+  });
+
+  it('generates unique UUIDs', () => {
+    const uuid1 = generateUUID();
+    const uuid2 = generateUUID();
+    const uuid3 = generateUUID();
+
+    // All should be different
+    assert.notEqual(uuid1, uuid2);
+    assert.notEqual(uuid2, uuid3);
+    assert.notEqual(uuid1, uuid3);
+  });
+
+  it('generates many unique UUIDs', () => {
+    const uuids = new Set();
+    const count = 1000;
+
+    for (let i = 0; i < count; i++) {
+      uuids.add(generateUUID());
+    }
+
+    // All should be unique
+    assert.equal(uuids.size, count, 'All generated UUIDs should be unique');
+  });
+});

package/test/temba-webchat.test.ts

@@ -10,7 +10,6 @@ import {
 import { expect, assert } from '@open-wc/testing';
 
 let clock: any;
-mockNow('2021-03-31T00:31:00.000-00:00');
 
 const TAG = 'temba-webchat';
 
@@ -35,12 +34,11 @@ class MockWebSocket {
     this.url = url;
     // Only auto-open if enabled
     if (this.autoOpen) {
-      setTimeout(() => {
-        this.readyState = 1; // OPEN
-        if (this.onopen) {
-          this.onopen(new Event('open'));
-        }
-      }, 0);
+      // Use synchronous execution instead of setTimeout to avoid clock advancing issues
+      this.readyState = 1; // OPEN
+      if (this.onopen) {
+        this.onopen(new Event('open'));
+      }
     }
   }
 
@@ -85,8 +83,11 @@ describe('temba-webchat', () => {
   let mockWebSocket: MockWebSocket;
   let webSocketStub: SinonStub;
   let cookieStub: SinonStub;
+  let mockedNow: SinonStub;
 
   beforeEach(() => {
+    mockedNow = mockNow('2021-03-31T00:31:00.000-00:00');
+
     // Mock WebSocket
     originalWebSocket = window.WebSocket;
     webSocketStub = stub(window, 'WebSocket').callsFake((url: string) => {
@@ -98,13 +99,18 @@ describe('temba-webchat', () => {
     // Mock document.cookie
     cookieStub = stub(document, 'cookie').value('');
 
-    clock = useFakeTimers();
+    // Use fake timers but with a shorter timeout to avoid test hanging
+    clock = useFakeTimers({
+      shouldAdvanceTime: true,
+      advanceTimeDelta: 10
+    });
   });
 
   afterEach(() => {
     clock.restore();
     webSocketStub.restore();
     cookieStub.restore();
+    mockedNow.restore();
     window.WebSocket = originalWebSocket;
   });
 
@@ -185,6 +191,7 @@ describe('temba-webchat', () => {
 
       await mouseClickElement(toggleElement);
       await webChat.updateComplete;
+      clock.tick(50);
 
       // Now it should be open and connecting
       expect(webChat.open).to.equal(true);
@@ -235,12 +242,14 @@ describe('temba-webchat', () => {
 
       await mouseClickElement(toggleElement);
       await webChat.updateComplete;
+      clock.tick(50);
 
       expect(webChat.open).to.equal(true);
 
       // Click toggle again
       await mouseClickElement(toggleElement);
       await webChat.updateComplete;
+      clock.tick(50);
 
       expect(webChat.open).to.equal(false);
     });
@@ -288,6 +297,7 @@ describe('temba-webchat', () => {
       // Open chat - this should trigger socket connection
       webChat.open = true;
       await webChat.updateComplete;
+      clock.tick(50);
 
       expect(webChat.status).to.equal('connecting');
       expect(webSocketStub.called).to.be.true;
@@ -296,6 +306,7 @@ describe('temba-webchat', () => {
       // Now simulate the socket opening
       mockWebSocket.manualOpen();
       await webChat.updateComplete;
+      clock.tick(50);
 
       expect(webChat.status).to.equal('connected');
     });
@@ -329,7 +340,7 @@ describe('temba-webchat', () => {
 
       webChat.open = true;
       await webChat.updateComplete;
-      await clock.tick(0);
+      clock.tick(50);
 
       expect(mockWebSocket.url).to.equal(
         'wss://localhost.textit.com/wc/connect/my-channel/'
@@ -344,7 +355,7 @@ describe('temba-webchat', () => {
 
       webChat.open = true;
       await webChat.updateComplete;
-      await clock.tick(0);
+      clock.tick(50);
 
       expect(mockWebSocket.url).to.equal(
         'wss://localhost.textit.com/wc/connect/my-channel/?chat_id=chat-123'
@@ -358,9 +369,13 @@ describe('temba-webchat', () => {
 
       webChat.open = true;
       await webChat.updateComplete;
-      await clock.tick(0);
 
-      expect(mockWebSocket.sentMessages).to.have.length(1);
+      // Manually open the socket to trigger the start_chat command
+      mockWebSocket.manualOpen();
+      await webChat.updateComplete;
+      clock.tick(100);
+
+      expect(mockWebSocket.sentMessages.length).to.be.at.least(1);
       const sentMessage = JSON.parse(mockWebSocket.sentMessages[0]);
       expect(sentMessage.type).to.equal('start_chat');
     });
@@ -379,6 +394,7 @@ describe('temba-webchat', () => {
 
       mockWebSocket.manualOpen();
       await webChat.updateComplete;
+      clock.tick(50);
 
       const sentMessage = JSON.parse(mockWebSocket.sentMessages[0]);
       expect(sentMessage.type).to.equal('start_chat');
@@ -393,11 +409,13 @@ describe('temba-webchat', () => {
 
       webChat.open = true;
       await webChat.updateComplete;
+      clock.tick(50);
 
       expect(webChat.status).to.equal('connecting');
 
       mockWebSocket.close();
       await webChat.updateComplete;
+      clock.tick(50);
 
       expect(webChat.status).to.equal('disconnected');
     });

package/test/utils.test.ts

@@ -10,11 +10,11 @@ interface Clip {
 import { expect, fixture, html, assert, waitUntil } from '@open-wc/testing';
 import MouseHelper from './MouseHelper';
 import { Store } from '../src/store/Store';
-import { replace, stub } from 'sinon';
-import { Select, SelectOption } from '../src/select/Select';
-import { Options } from '../src/options/Options';
+import { stub } from 'sinon';
+import { Select, SelectOption } from '../src/form/select/Select';
+import { Options } from '../src/display/Options';
 import { Attachment } from '../src/interfaces';
-import { Compose } from '../src/compose/Compose';
+import { Compose } from '../src/form/Compose';
 
 export interface CodeMock {
   endpoint: RegExp;
@@ -297,11 +297,7 @@ export const loadStore = async () => {
 };
 
 export const mockNow = (isodate: string) => {
-  const now = DateTime.fromISO(isodate);
-  // mock the current time
-  replace(DateTime, 'now', () => {
-    return now;
-  });
+  return stub(DateTime, 'now').returns(DateTime.fromISO(isodate));
 };
 
 export const getOptions = (select: Select<SelectOption>): Options => {

package/web-dev-server.config.mjs

@@ -30,7 +30,7 @@ export default {
                   path.resolve(`./demo/data/flows/${uuid}.json`),
                   JSON.stringify({ definition: JSON.parse(body) }, null, 2)
                 );
-                console.log(`Flow ${uuid} saved successfully.`);
+                // console.log(`Flow ${uuid} saved successfully.`);
                 context.body = {
                   status: 'success',
                   message: `Flow ${uuid} saved successfully.`,

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormElement.js","sourceRoot":"","sources":["../../src/FormElement.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,YAAY;IAkC3C;QACE,KAAK,EAAE,CAAC;QAjCV,SAAI,GAAG,EAAE,CAAC;QAqBV,UAAK,GAAG,IAAI,CAAC;QAGb,cAAS,GAAgB,IAAI,CAAC;QAG9B,aAAQ,GAAG,KAAK,CAAC;QAOf,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IAC1C,CAAC;IAEM,OAAO,CAAC,iBAAmC;QAChD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IAC7B,CAAC;IAEM,QAAQ,CAAC,KAAU;QACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;IAEM,oBAAoB;QACzB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAEM,cAAc,CAAC,KAAU;QAC9B,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;;AA9BM,0BAAc,GAAG,IAAI,AAAP,CAAQ;AA5B7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;6CAClC;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;+CAClC;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;+CAClC;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;8CAClC;AAGnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACb;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;2CACT;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACd;AAGb;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;8CACD;AAG9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CACX","sourcesContent":["import { RapidElement } from './RapidElement';\nimport { property } from 'lit/decorators.js';\n\n/**\n * FormElement is a component that appends a hidden input (outside of\n * its own shadow) with its value to be included in forms.\n */\nexport class FormElement extends RapidElement {\n  @property({ type: String })\n  name = '';\n\n  @property({ type: String, attribute: 'help_text' })\n  helpText: string;\n\n  @property({ type: Boolean, attribute: 'help_always' })\n  helpAlways: boolean;\n\n  @property({ type: Boolean, attribute: 'widget_only' })\n  widgetOnly: boolean;\n\n  @property({ type: Boolean, attribute: 'hide_label' })\n  hideLabel: boolean;\n\n  @property({ type: String })\n  label: string;\n\n  @property({ type: Array })\n  errors: string[];\n\n  @property({ type: String })\n  value = null;\n\n  @property({ attribute: false })\n  inputRoot: HTMLElement = this;\n\n  @property({ type: Boolean })\n  disabled = false;\n  static formAssociated = true;\n\n  protected internals: ElementInternals;\n\n  constructor() {\n    super();\n    this.internals = this.attachInternals();\n  }\n\n  public updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('value')) {\n      this.internals.setFormValue(this.value);\n    }\n  }\n\n  get form() {\n    return this.internals.form;\n  }\n\n  public setValue(value: any) {\n    this.value = this.serializeValue(value);\n  }\n\n  public getDeserializedValue(): any {\n    return JSON.parse(this.value);\n  }\n\n  public serializeValue(value: any): string {\n    return JSON.stringify(value);\n  }\n}\n"]}

package/out-tsc/src/alert/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/alert/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/aliaseditor/AliasEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AliasEditor.js","sourceRoot":"","sources":["../../../src/aliaseditor/AliasEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, TemplateResult } from 'lit';\nimport { FeatureProperties } from '../interfaces';\nimport { getUrl, postJSON, WebResponse } from '../utils';\nimport { TextInput } from '../textinput/TextInput';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { Icon } from '../vectoricon';\n\nimport { property } from 'lit/decorators.js';\nimport { Select } from '../select/Select';\n\nexport class AliasEditor extends LitElement {\n  static get styles() {\n    return css`\n      :host {\n        line-height: normal;\n      }\n\n      temba-textinput {\n        height: 150px;\n      }\n\n      #left-column {\n        display: inline-block;\n        margin-left: 10px;\n        width: 300px;\n        z-index: 100;\n      }\n\n      .search {\n        margin-bottom: 10px;\n      }\n\n      .feature {\n        padding: 4px 14px;\n        font-size: 16px;\n      }\n\n      .level-0 {\n        margin-left: 0px;\n      }\n\n      .level-1 {\n        margin-left: 5px;\n        font-size: 95%;\n      }\n\n      .level-2 {\n        margin-left: 10px;\n        font-size: 90%;\n      }\n\n      .level-3 {\n        margin-left: 15px;\n        font-size: 85%;\n      }\n\n      .feature-name {\n        display: inline-block;\n      }\n\n      .clickable {\n        text-decoration: none;\n        cursor: pointer;\n        color: var(--color-link-primary);\n      }\n\n      .clickable.secondary {\n        color: var(--color-link-secondary);\n      }\n\n      .clickable:hover {\n        text-decoration: underline;\n        color: var(--color-link-primary-hover);\n      }\n\n      .feature:hover .showonhover {\n        visibility: visible;\n      }\n\n      .showonhover {\n        visibility: hidden;\n      }\n\n      .aliases {\n        color: #bbb;\n        font-size: 80%;\n        display: inline;\n        margin-left: 5px;\n      }\n\n      temba-label {\n        margin-right: 3px;\n        margin-bottom: 3px;\n        vertical-align: top;\n      }\n\n      .selected {\n        display: flex;\n        flex-direction: column;\n        padding: 15px;\n        padding-bottom: 40px;\n      }\n\n      .selected .name {\n        font-size: 18px;\n        padding: 5px;\n      }\n\n      .selected .help {\n        padding: 5px 2px;\n        font-size: 11px;\n        color: var(--color-secondary-light);\n      }\n\n      #right-column {\n        vertical-align: top;\n        margin-left: 20px;\n        display: inline-block;\n      }\n\n      leaflet-map {\n        height: 600px;\n        width: 800px;\n        border: 0px solid #999;\n        border-radius: var(--curvature);\n      }\n\n      .edit {\n        display: inline-block;\n        margin-right: 0px;\n      }\n    `;\n  }\n\n  @property({ type: Array, attribute: false })\n  path: FeatureProperties[] = [];\n\n  @property()\n  endpoint: string;\n\n  @property()\n  osmId: string;\n\n  @property({ type: Object })\n  hovered: FeatureProperties;\n\n  @property({ type: Object })\n  editFeature: FeatureProperties;\n\n  @property({ type: String, attribute: false })\n  editFeatureAliases: string;\n\n  public constructor() {\n    super();\n  }\n\n  public updated(changedProperties: Map<string, any>) {\n    if (changedProperties.has('osmId')) {\n      // going up the tree doesn't require a fetch\n      const newPath = [];\n      for (const feature of this.path) {\n        newPath.push(feature);\n        if (feature.osm_id === this.osmId) {\n          this.path = [...newPath];\n          this.hideAliasDialog();\n          return;\n        }\n      }\n\n      this.fetchFeature();\n    }\n  }\n\n  private fetchFeature() {\n    getUrl(this.getEndpoint() + 'boundaries/' + this.osmId + '/').then(\n      (response: WebResponse) => {\n        this.path = response.json as FeatureProperties[];\n        this.hideAliasDialog();\n      }\n    );\n  }\n\n  private handleMapClicked(feature: FeatureProperties): void {\n    this.hovered = null;\n    if (!feature || feature.osm_id !== this.osmId) {\n      this.osmId = feature.osm_id;\n    }\n  }\n\n  private handlePlaceClicked(feature: FeatureProperties) {\n    this.osmId = feature.osm_id;\n  }\n\n  private handleSearchSelection(evt: CustomEvent) {\n    const selection = evt.detail.selected as FeatureProperties;\n    this.showAliasDialog(selection);\n    const select = this.shadowRoot.querySelector('temba-select') as Select<any>;\n    select.clear();\n  }\n\n  private isMatch(option: any, query: string) {\n    return `${option.name} ${option.aliases}`.toLowerCase().indexOf(query) > -1;\n  }\n\n  private renderFeature(\n    feature: FeatureProperties,\n    remainingPath: FeatureProperties[]\n  ): TemplateResult {\n    const selectedFeature = this.path[this.path.length - 1];\n    const clickable =\n      (feature.has_children || feature.level === 0) &&\n      feature !== selectedFeature;\n    const renderedFeature = html`\n      <div class=\"feature\">\n        <div\n          @mouseover=${() => {\n            if (feature.level > 0) {\n              this.hovered = feature;\n            }\n          }}\n          @mouseout=${() => {\n            this.hovered = null;\n          }}\n          class=\"level-${feature.level}\"\n        >\n          <div\n            class=\"feature-name ${clickable ? 'clickable' : ''}\"\n            @click=${() => {\n              if (clickable) {\n                this.handlePlaceClicked(feature);\n              }\n            }}\n          >\n            ${feature.name}\n          </div>\n\n          <div class=\"aliases\">\n            ${feature.aliases.split('\\n').map((alias: string) =>\n              alias.trim().length > 0\n                ? html`\n                    <temba-label\n                      class=\"alias\"\n                      @click=${() => {\n                        this.showAliasDialog(feature);\n                      }}\n                      light\n                      clickable\n                      >${alias}</temba-label\n                    >\n                  `\n                : null\n            )}\n            ${feature.level > 0\n              ? html`\n                  <div\n                    class=\"edit clickable showonhover\"\n                    @click=${(evt: MouseEvent) => {\n                      this.showAliasDialog(feature);\n                      evt.preventDefault();\n                      evt.stopPropagation();\n                    }}\n                  >\n                    <temba-icon name=\"${Icon.updated}\" />\n                  </div>\n                `\n              : ''}\n          </div>\n        </div>\n      </div>\n    `;\n\n    const renderedChildren = (feature.children || []).map(\n      (child: FeatureProperties) => {\n        if (\n          remainingPath.length > 0 &&\n          remainingPath[0].osm_id === child.osm_id\n        ) {\n          return this.renderFeature(remainingPath[0], remainingPath.slice(1));\n        }\n\n        if (\n          remainingPath.length === 0 ||\n          remainingPath[0].children.length === 0\n        ) {\n          return this.renderFeature(child, remainingPath);\n        }\n\n        return null;\n      }\n    );\n\n    return html` ${renderedFeature} ${renderedChildren} `;\n  }\n\n  public showAliasDialog(feature: FeatureProperties) {\n    this.editFeatureAliases = feature.aliases;\n    this.editFeature = feature;\n    const aliasDialog = this.shadowRoot.getElementById('alias-dialog');\n    if (aliasDialog) {\n      aliasDialog.setAttribute('open', '');\n    }\n  }\n\n  public hideAliasDialog() {\n    const aliasDialog = this.shadowRoot.getElementById('alias-dialog');\n    this.editFeature = null;\n    this.editFeatureAliases = null;\n    if (aliasDialog) {\n      aliasDialog.removeAttribute('open');\n    }\n\n    this.requestUpdate();\n  }\n\n  private getEndpoint(): string {\n    return this.endpoint + (!this.endpoint.endsWith('/') ? '/' : '');\n  }\n\n  private handleDialogClick(evt: CustomEvent) {\n    const button = evt.detail.button;\n    if (button.name === 'Save') {\n      const textarea = this.shadowRoot.getElementById(\n        this.editFeature.osm_id\n      ) as TextInput;\n      const aliases = textarea.inputElement.value;\n      const payload = { osm_id: this.editFeature.osm_id, aliases };\n      postJSON(\n        this.getEndpoint() + 'boundaries/' + this.editFeature.osm_id + '/',\n        payload\n      ).then(() => {\n        this.fetchFeature();\n      });\n    }\n\n    if (button.name === 'Cancel') {\n      this.hideAliasDialog();\n    }\n  }\n\n  private getOptions(response: WebResponse) {\n    return response.json.filter((option: any) => option.level > 0);\n  }\n\n  private getOptionsComplete(newestOptions: FeatureProperties[]) {\n    return newestOptions.length === 0;\n  }\n\n  private renderOptionDetail(option: FeatureProperties): TemplateResult {\n    const labelStyles = {\n      marginTop: '3px',\n      marginRight: '3px'\n    };\n\n    const aliasList = option.aliases.split('\\n');\n    const aliases = aliasList.map((alias: string) =>\n      alias.trim().length > 0\n        ? html`\n            <temba-label style=${styleMap(labelStyles)} class=\"alias\" dark\n              >${alias}</temba-label\n            >\n          `\n        : null\n    );\n    return html`\n      <div class=\"path\">${option.path.replace(/>/gi, '‣')}</div>\n      <div class=\"aliases\">${aliases}</div>\n    `;\n  }\n\n  public render(): TemplateResult {\n    if (this.path.length === 0) {\n      return html``;\n    }\n\n    // if we are a leaf, have our map show the level above\n    const selectedFeature = this.path[this.path.length - 1];\n    const mapFeature =\n      selectedFeature.children.length === 0\n        ? this.path[this.path.length - 2]\n        : selectedFeature;\n\n    const editFeatureId = this.editFeature ? this.editFeature.osm_id : null;\n    const editFeatureName = this.editFeature ? this.editFeature.name : null;\n\n    return html`\n      <div id=\"left-column\">\n        <div class=\"search\">\n          <temba-select\n            placeholder=\"Search\"\n            endpoint=\"${this.getEndpoint()}boundaries/${this.path[0].osm_id}/?\"\n            .renderOptionDetail=${this.renderOptionDetail}\n            .getOptions=${this.getOptions}\n            .isComplete=${this.getOptionsComplete}\n            .isMatch=${this.isMatch}\n            @temba-selection=${this.handleSearchSelection.bind(this)}\n            queryParam=\"q\"\n            searchable\n          ></temba-select>\n        </div>\n        <div class=\"feature-tree\">\n          ${this.renderFeature(this.path[0], this.path.slice(1))}\n        </div>\n      </div>\n\n      <div id=\"right-column\">\n        <leaflet-map\n          endpoint=${this.getEndpoint()}\n          .feature=${mapFeature}\n          .osmId=${mapFeature.osm_id}\n          .hovered=${this.hovered}\n          .onFeatureClicked=${this.handleMapClicked.bind(this)}\n        >\n        </leaflet-map>\n      </div>\n\n      <temba-dialog\n        id=\"alias-dialog\"\n        header=\"Aliases for ${editFeatureName}\"\n        primaryButtonName=\"Save\"\n        @temba-button-clicked=${this.handleDialogClick.bind(this)}\n      >\n        <div class=\"selected\">\n          <temba-textinput\n            .helpText=\"Enter other aliases for ${editFeatureName}, one per line\"\n            name=\"aliases\"\n            id=${editFeatureId}\n            .value=${this.editFeatureAliases}\n            textarea\n          ></temba-textinput>\n        </div>\n      </temba-dialog>\n    `;\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["../../../src/anchor/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/button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/button/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/CharCount.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CharCount.js","sourceRoot":"","sources":["../../../src/charcount/CharCount.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { RapidElement } from '../RapidElement';\nimport { splitSMS } from '../sms';\nimport { getExtendedCharacters } from './helpers';\nimport { property } from 'lit/decorators.js';\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/charcount/helpers.js

@@ -1,159 +0,0 @@
-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);
-};
-//# sourceMappingURL=helpers.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/charcount/helpers.ts"],"names":[],"mappings":"AAAA,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,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,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,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,IAAI;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAY,EAAW,EAAE;IAC7C,iDAAiD;IACjD,OAAO,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAY,EAAY,EAAE;IAC9D,MAAM,QAAQ,GAA8B,EAAE,CAAC;IAC/C,KAAK,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC;QACtB,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;YACf,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;QACtB,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC/B,CAAC,CAAC","sourcesContent":["export 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"]}

package/out-tsc/src/chart/TembaChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TembaChart.js","sourceRoot":"","sources":["../../../src/chart/TembaChart.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAoC,MAAM,KAAK,CAAC;AAGlE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,sDAAsD;AACtD,OAAO,KAAoB,MAAM,eAAe,CAAC;AACjD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,eAAe,MAAM,2BAA2B,CAAC;AAExD,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;AAEhC,MAAM,eAAe,GAAgC,kBAAkB,CAAC;AACxE,MAAM,cAAc,GAAG;IACrB,sCAAsC;IACtC,kBAAkB,EAAE;QAClB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,kBAAkB,EAAE;QAClB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,kBAAkB,EAAE;QAClB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,oBAAoB,EAAE;QACpB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,oBAAoB,EAAE;QACpB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,qBAAqB,EAAE;QACrB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,qBAAqB,EAAE;QACrB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,4CAA4C;IAC5C,gBAAgB,EAAE;QAChB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,oBAAoB,EAAE;QACpB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,gBAAgB,EAAE;QAChB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,kBAAkB,EAAE;QAClB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,gBAAgB,EAAE;QAChB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IAED,8CAA8C;IAC9C,kBAAkB,EAAE;QAClB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,mBAAmB,EAAE;QACnB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,oBAAoB,EAAE;QACpB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,oBAAoB,EAAE;QACpB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;IACD,iBAAiB,EAAE;QACjB,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,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","sourcesContent":["import { RapidElement } from '../RapidElement';\nimport { property, state } from 'lit/decorators.js';\nimport { css, html, PropertyValueMap, TemplateResult } from 'lit';\n\nimport { Select, SelectOption } from '../select/Select';\nimport { darkenColor, getClasses } from '../utils';\nimport { getStore } from '../store/Store';\n\n// eslint-disable-next-line import/no-named-as-default\nimport Chart, { ChartType } from 'chart.js/auto';\nimport 'chartjs-adapter-luxon';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\n\nChart.register(ChartDataLabels);\n\nconst DEFAULT_PALETTE: keyof typeof COLOR_PALETTES = 'qualitative-set1';\nconst COLOR_PALETTES = {\n  // Qualitative (categorical, no order)\n  'qualitative-set1': [\n    '#5ea3db',\n    '#c186e3',\n    '#66c2a5',\n    '#fc8d62',\n    '#a6d854',\n    '#ffd92f',\n    '#e5c494',\n    '#b3b3b3'\n  ],\n  'qualitative-set2': [\n    '#377eb8',\n    '#984ea3',\n    '#4daf4a',\n    '#ff7f00',\n    '#e41a1c',\n    '#a65628',\n    '#f781bf',\n    '#ffff33'\n  ],\n  'qualitative-set3': [\n    '#1b9e77',\n    '#d95f02',\n    '#7570b3',\n    '#e7298a',\n    '#66a61e',\n    '#e6ab02',\n    '#a6761d'\n  ],\n  'qualitative-paired': [\n    '#1f78b4',\n    '#a6cee3',\n    '#6a3d9a',\n    '#cab2d6',\n    '#33a02c',\n    '#b2df8a',\n    '#e31a1c',\n    '#fb9a99',\n    '#ff7f00',\n    '#fdbf6f'\n  ],\n  'qualitative-accent': [\n    '#7fc97f',\n    '#beaed4',\n    '#fdc086',\n    '#ffff99',\n    '#386cb0',\n    '#f0027f',\n    '#bf5b17',\n    '#666666'\n  ],\n  'qualitative-pastel1': [\n    '#fbb4ae',\n    '#b3cde3',\n    '#ccebc5',\n    '#decbe4',\n    '#fed9a6',\n    '#ffffcc',\n    '#e5d8bd',\n    '#fddaec'\n  ],\n  'qualitative-pastel2': [\n    '#b3e2cd',\n    '#fdcdac',\n    '#cbd5e8',\n    '#f4cae4',\n    '#e6f5c9',\n    '#fff2ae',\n    '#f1e2cc'\n  ],\n  // Diverging (for data with midpoint like 0)\n  'diverging-prgn': [\n    '#40004b',\n    '#762a83',\n    '#9970ab',\n    '#c2a5cf',\n    '#e7d4e8',\n    '#f7f7f7',\n    '#d9f0d3',\n    '#a6dba0',\n    '#5aae61',\n    '#1b7837',\n    '#00441b'\n  ],\n  'diverging-spectral': [\n    '#9e0142',\n    '#d53e4f',\n    '#f46d43',\n    '#fdae61',\n    '#fee08b',\n    '#ffffbf',\n    '#e6f598',\n    '#abdda4',\n    '#66c2a5',\n    '#3288bd',\n    '#5e4fa2'\n  ],\n  'diverging-piyg': [\n    '#8e0152',\n    '#c51b7d',\n    '#de77ae',\n    '#f1b6da',\n    '#fde0ef',\n    '#f7f7f7',\n    '#e6f5d0',\n    '#b8e186',\n    '#7fbc41',\n    '#4d9221',\n    '#276419'\n  ],\n  'diverging-rdylgn': [\n    '#a50026',\n    '#d73027',\n    '#f46d43',\n    '#fdae61',\n    '#fee08b',\n    '#ffffbf',\n    '#d9ef8b',\n    '#a6d96a',\n    '#66bd63',\n    '#1a9850',\n    '#006837'\n  ],\n  'diverging-brbg': [\n    '#543005',\n    '#8c510a',\n    '#bf812d',\n    '#dfc27d',\n    '#f6e8c3',\n    '#f5f5f5',\n    '#c7eae5',\n    '#80cdc1',\n    '#35978f',\n    '#01665e',\n    '#003c30'\n  ],\n\n  // Sequential (for continuous or ordered data)\n  'sequential-blues': [\n    '#f7fbff',\n    '#deebf7',\n    '#c6dbef',\n    '#9ecae1',\n    '#6baed6',\n    '#4292c6',\n    '#2171b5',\n    '#08519c',\n    '#08306b'\n  ],\n  'sequential-greens': [\n    '#f7fcf5',\n    '#e5f5e0',\n    '#c7e9c0',\n    '#a1d99b',\n    '#74c476',\n    '#41ab5d',\n    '#238b45',\n    '#006d2c',\n    '#00441b'\n  ],\n  'sequential-oranges': [\n    '#fff5eb',\n    '#fee6ce',\n    '#fdd0a2',\n    '#fdae6b',\n    '#fd8d3c',\n    '#f16913',\n    '#d94801',\n    '#a63603',\n    '#7f2704'\n  ],\n  'sequential-purples': [\n    '#fcfbfd',\n    '#efedf5',\n    '#dadaeb',\n    '#bcbddc',\n    '#9e9ac8',\n    '#807dba',\n    '#6a51a3',\n    '#54278f',\n    '#3f007d'\n  ],\n  'sequential-reds': [\n    '#fff5f0',\n    '#fee0d2',\n    '#fcbba1',\n    '#fc9272',\n    '#fb6a4a',\n    '#ef3b2c',\n    '#cb181d',\n    '#a50f15',\n    '#67000d'\n  ],\n  'sequential-ylgnbu': [\n    '#ffffd9',\n    '#edf8b1',\n    '#c7e9b4',\n    '#7fcdbb',\n    '#41b6c4',\n    '#1d91c0',\n    '#225ea8',\n    '#253494',\n    '#081d58'\n  ]\n};\n\nconst otherBackgroundColor = 'rgba(212, 212, 212, 0.5)';\n\n/**\n * Formats a duration in seconds to a human-readable string showing the two largest units.\n * Examples: 68787 -> \"19h 6m\", 958000 -> \"11d 2h\", 3661 -> \"1h 1m\"\n */\nexport function formatDurationFromSeconds(seconds: number): string {\n  if (seconds === 0) {\n    return '0s';\n  }\n\n  const totalDays = Math.floor(seconds / 86400);\n  const remainingAfterDays = seconds % 86400;\n  const remainingHours = Math.floor(remainingAfterDays / 3600);\n  const remainingAfterHours = remainingAfterDays % 3600;\n  const remainingMinutes = Math.floor(remainingAfterHours / 60);\n  const remainingSeconds = remainingAfterHours % 60;\n\n  const units = [];\n\n  if (totalDays > 0) {\n    units.push(`${totalDays}d`);\n  }\n  if (remainingHours > 0) {\n    units.push(`${remainingHours}h`);\n  }\n  if (remainingMinutes > 0 && units.length < 2) {\n    units.push(`${remainingMinutes}m`);\n  }\n  if (remainingSeconds > 0 && units.length < 2) {\n    units.push(`${remainingSeconds}s`);\n  }\n\n  // Return the first two most significant units\n  return units.slice(0, 2).join(' ');\n}\n\nexport interface RapidChartData {\n  labels: string[];\n  datasets: { label: string; data: number[] }[];\n}\n\nexport class TembaChart extends RapidElement {\n  @property({ type: String })\n  chartType: ChartType = 'bar';\n\n  @property({ type: Boolean })\n  horizontal: boolean = false;\n\n  @property({ type: String })\n  url: string;\n\n  @property({ type: String })\n  start: string;\n\n  @property({ type: String })\n  end: string;\n\n  @property({ type: String })\n  header: string = '';\n\n  @property({ type: Boolean })\n  other: boolean = false;\n\n  @property({ type: Object })\n  data: RapidChartData;\n\n  @state()\n  datasets: { label: string; data: number[] }[] = [];\n\n  @property({ type: Number })\n  maxSplits: number = 2;\n\n  @property({ type: String, attribute: 'splits' })\n  splitNames: string;\n\n  @property({ type: String })\n  xType: 'category' | 'time' = 'category';\n\n  @property({ type: Number })\n  xMaxTicks: number = 10;\n\n  @property({ type: String })\n  yType: 'count' | 'duration' = 'count';\n\n  @property({ type: String })\n  xFormat: 'MMM yy' | 'MMM yyyy' | 'MMM dd' | 'DD' | 'EEE' | 'auto' = 'auto';\n\n  @property({ type: Number })\n  maxChartHeight: number = 250;\n\n  @property({ type: Boolean })\n  hideOther: boolean = false;\n\n  @state()\n  splits: string[] = [];\n\n  @property({ type: String })\n  dataname = 'Counts';\n\n  @property({ type: Boolean })\n  single: boolean = false;\n\n  @property({ type: Boolean })\n  legend: boolean = false;\n\n  @property({ type: Boolean })\n  config: boolean = false;\n\n  @property({ type: Boolean })\n  showAll: boolean = false;\n\n  @property({ type: Boolean })\n  requireWindow: boolean = false;\n\n  @property({ type: Number })\n  colorIndex: number = 0;\n\n  @state()\n  showConfig: boolean = false;\n\n  @property({ type: String })\n  palette: keyof typeof COLOR_PALETTES;\n\n  @property({ type: Number })\n  opacity: number = 1;\n\n  @property({ type: Number })\n  seriesBorderRadius: number = 2;\n\n  @property({ type: Number })\n  seriesBorderWidth: number = 1;\n\n  @property({ type: Boolean, attribute: 'percent' })\n  showPercent: boolean = false;\n\n  // head-room for labels when percentages are visible\n  private getInflatedMax(): number | undefined {\n    if (!this.showPercent || !this.data) return undefined;\n\n    // total stacked value for each x-index\n    const totals: number[] = Array(this.data.labels.length).fill(0);\n    for (const ds of this.datasets) {\n      ds.data.forEach((v, i) => (totals[i] += v));\n    }\n    const maxStack = Math.max(...totals);\n    return maxStack > 0 ? maxStack * 1.15 : undefined;\n  }\n\n  chart: Chart;\n  shadowRootDiv: HTMLDivElement;\n  canvas: HTMLCanvasElement;\n  ctx: CanvasRenderingContext2D;\n\n  static get styles() {\n    return css`\n      .chart-title {\n        font-size: 1.2em;\n        font-weight: 600;\n        text-align: center;\n      }\n\n      temba-select {\n        display: block;\n      }\n\n      .config-toggle {\n        margin-top: -2.5em;\n        margin-right: -0.5em;\n        color: #bbb;\n        display: none;\n      }\n\n      .config-toggle:hover {\n        color: #666;\n      }\n\n      .config-toggle.show {\n        color: #666;\n        display: block;\n      }\n\n      .config {\n        max-height: 0px;\n        padding: 0em 1em;\n        border-radius: var(--curvature);\n        border: 1px solid transparent;\n        background: transparent;\n        overflow: hidden;\n        transition: all 0.2s ease-in-out;\n      }\n\n      .config.show {\n        padding: 2em 1em 1.5em 1em;\n        max-height: 50px;\n      }\n    `;\n  }\n\n  constructor() {\n    super();\n  }\n\n  protected firstUpdated(\n    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(changes);\n    const wrapper = this.shadowRoot.querySelector('#canvas-wrapper');\n    this.canvas = document.createElement('canvas');\n    this.canvas.setAttribute('height', '300px');\n    wrapper.appendChild(this.canvas);\n    this.ctx = this.canvas.getContext('2d');\n  }\n\n  protected updated(\n    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changes);\n\n    if (changes.has('splitNames')) {\n      this.splits = this.splitNames.split(',').map((s) => s.trim());\n    }\n\n    if (changes.has('data') || changes.has('splits')) {\n      this.calculateSplits();\n    }\n\n    if (changes.has('datasets')) {\n      this.updateChart();\n    }\n\n    if (changes.has('horizontal')) {\n      this.updateChart();\n    }\n\n    if (changes.has('url') || changes.has('start') || changes.has('end')) {\n      if (this.url && (!this.requireWindow || (this.start && this.end))) {\n        const store = getStore();\n        let fullUrl = this.url;\n\n        // Add query parameters for date range if provided\n        const params = new URLSearchParams();\n        if (this.start) {\n          params.append('since', this.start);\n        }\n        if (this.end) {\n          params.append('until', this.end);\n        }\n\n        if (params.toString()) {\n          const separator = this.url.includes('?') ? '&' : '?';\n          fullUrl = `${this.url}${separator}${params.toString()}`;\n        }\n\n        store.getUrl(fullUrl, { skipCache: true }).then((response) => {\n          this.data = response.json.data;\n        });\n      }\n    }\n\n    if (changes.has('chartType')) {\n      if (this.chartType === 'line') {\n        this.seriesBorderWidth = Math.max(1, this.seriesBorderWidth);\n      }\n    }\n\n    if (changes.has('showPercent') && this.chart) {\n      // in horizontal charts, the value axis is X, in vertical charts it's Y\n      const valueScale = this.horizontal\n        ? (this.chart.options.scales as any).x\n        : (this.chart.options.scales as any).y;\n      valueScale.ticks.display = !this.showPercent;\n      valueScale.grid.display = !this.showPercent;\n      valueScale.border.display = !this.showPercent;\n      valueScale.max = this.showPercent ? this.getInflatedMax() : undefined;\n      this.chart.update();\n    }\n  }\n\n  /**\n   * Returns a tuple: [backgroundColors[], borderColors[]].\n   * Border colors are darkened versions of the base palette (before transparency).\n   * Background colors have transparency applied.\n   */\n  get colors(): [string[], string[]] {\n    const baseColors =\n      COLOR_PALETTES[this.palette] || COLOR_PALETTES[DEFAULT_PALETTE];\n    // clamp transparency between 0 and 1\n    const alpha = Math.max(0, Math.min(1, this.opacity));\n    // borders darken base color, no transparency\n    const borderColors = baseColors.map((color) => darkenColor(color, 0.25));\n    // backgrounds apply transparency to base color\n    const backgroundColors = baseColors.map((color) => {\n      // if already rgba, just replace the alpha\n      if (color.startsWith('rgba')) {\n        return color.replace(\n          /rgba\\(([^,]+),([^,]+),([^,]+),([^)]+)\\)/,\n          (_m, r, g, b) => {\n            return `rgba(${r},${g},${b},${alpha})`;\n          }\n        );\n      }\n      // if already rgb, convert to rgba\n      if (color.startsWith('rgb(')) {\n        return color.replace(\n          /rgb\\(([^,]+),([^,]+),([^,]+)\\)/,\n          (_m, r, g, b) => {\n            return `rgba(${r},${g},${b},${alpha})`;\n          }\n        );\n      }\n      // if hex, convert to rgba\n      if (color.startsWith('#')) {\n        let hex = color.replace('#', '');\n        if (hex.length === 3) {\n          hex = hex\n            .split('')\n            .map((c) => c + c)\n            .join('');\n        }\n        const num = parseInt(hex, 16);\n        const r = (num >> 16) & 255;\n        const g = (num >> 8) & 255;\n        const b = num & 255;\n        return `rgba(${r},${g},${b},${alpha})`;\n      }\n      // fallback\n      return color;\n    });\n    return [backgroundColors, borderColors];\n  }\n\n  private handleResize() {\n    if (this.chart) {\n      // recalculate canvas size based on parent container\n      const wrapper = this.shadowRoot.querySelector('#canvas-wrapper');\n      if (wrapper) {\n        if (wrapper.clientHeight > this.maxChartHeight) {\n          this.canvas.style.height = `${this.maxChartHeight}px`;\n          this.chart.resize();\n        }\n      }\n    }\n  }\n\n  private calculateSplits() {\n    if (this.data) {\n      const datasets = [];\n      const sums = [];\n      const [backgroundColors, borderColors] = this.colors;\n      for (const dataset of this.data.datasets) {\n        if (\n          !this.showAll &&\n          this.splits.find((s) => s === dataset.label) === undefined\n        ) {\n          for (let i = 0; i < dataset.data.length; i++) {\n            if (sums[i] === undefined) {\n              sums[i] = dataset.data[i];\n            } else {\n              sums[i] += dataset.data[i];\n            }\n          }\n        } else {\n          const colorIdx =\n            (datasets.length + this.colorIndex) % backgroundColors.length;\n          const bgColor = backgroundColors[colorIdx];\n          const borderColor = borderColors[colorIdx];\n          datasets.push({\n            ...dataset,\n            backgroundColor: bgColor,\n            borderColor,\n            borderWidth: this.seriesBorderWidth,\n            borderRadius: this.seriesBorderRadius\n          });\n        }\n      }\n\n      if (datasets.length === 0) {\n        const idx = this.colorIndex % backgroundColors.length;\n        datasets.push({\n          label: this.single ? this.dataname : `All ${this.dataname}`,\n          data: sums,\n          backgroundColor: backgroundColors[idx],\n          borderColor: borderColors[idx],\n          borderWidth: this.seriesBorderWidth,\n          borderRadius: this.seriesBorderRadius\n        });\n      } else {\n        if (!this.hideOther && !this.showAll) {\n          datasets.push({\n            label: 'Other',\n            data: sums,\n            backgroundColor: otherBackgroundColor,\n            borderColor: darkenColor(otherBackgroundColor, 0.05),\n            borderWidth: 1,\n            borderRadius: this.seriesBorderRadius\n          });\n        }\n      }\n      this.datasets = datasets;\n    }\n  }\n\n  public updateChart(): void {\n    if (this.datasets?.length > 0) {\n      const grandTotal =\n        this.datasets.reduce(\n          (sum: number, ds: any) =>\n            sum +\n            (ds.data as number[]).reduce(\n              (dsSum: number, v: number) => dsSum + (v ?? 0),\n              0\n            ),\n          0\n        ) || undefined;\n\n      const percentFormatter = (value: number): string => {\n        const pct = grandTotal ? (value / grandTotal) * 100 : 0;\n        if (pct === 0) {\n          return '';\n        }\n        return `${Math.round(pct)}%`;\n      };\n\n      if (this.chart) {\n        this.chart.data.labels = this.data.labels;\n        this.chart.data.datasets = this.datasets;\n\n        // update y-axis max dynamically\n        if (this.showPercent) {\n          (this.chart.options.scales as any).y.max = this.getInflatedMax();\n        }\n\n        const datalabels = this.chart.options.plugins.datalabels || {};\n        datalabels.display = this.showPercent;\n        if (this.showPercent) {\n          datalabels.formatter = percentFormatter;\n        } else {\n          delete datalabels.formatter;\n        }\n        this.chart.options.plugins.datalabels = datalabels;\n\n        // the scale config could have changed, so we need to update it\n        if (this.horizontal) {\n          this.chart.options.scales.x = this.getValueAxisConfig();\n          this.chart.options.scales.y = this.getCategoryAxisConfig() as any;\n        } else {\n          this.chart.options.scales.x = this.getCategoryAxisConfig() as any;\n          this.chart.options.scales.y = this.getValueAxisConfig();\n        }\n\n        this.chart.update();\n      } else {\n        const chartData = {\n          type: this.chartType,\n          data: {\n            labels: this.data.labels,\n            datasets: this.datasets\n          },\n          options: {\n            ...(this.horizontal && { indexAxis: 'y' }),\n            maxBarThickness: 80,\n            plugins: {\n              legend: { display: this.legend },\n              tooltip: {\n                callbacks: {\n                  label: (context: any) => {\n                    const label = context.dataset.label || '';\n                    // in horizontal charts, the value is on parsed.x, in vertical charts on parsed.y\n                    const value = this.horizontal\n                      ? context.parsed.x\n                      : context.parsed.y;\n                    if (this.yType === 'duration') {\n                      return `${label}: ${formatDurationFromSeconds(value)}`;\n                    }\n                    return `${label}: ${value}`;\n                  }\n                }\n              },\n              datalabels: {\n                display: this.showPercent,\n                anchor: 'end',\n                align: 'end',\n                offset: -3,\n                clamp: true,\n                ...(this.showPercent && { formatter: percentFormatter }),\n                color: '#666',\n                font: { weight: '600' }\n              }\n            },\n            responsive: true,\n            aspectRatio: 2,\n            onResize: this.handleResize.bind(this),\n            maintainAspectRatio: false,\n            animation: false,\n            animations: {\n              x: {\n                duration: 0\n              },\n              y: {\n                duration: 0\n              }\n            },\n            scales: this.horizontal\n              ? {\n                  x: this.getValueAxisConfig(),\n                  y: this.getCategoryAxisConfig()\n                }\n              : {\n                  y: this.getValueAxisConfig(),\n                  x: this.getCategoryAxisConfig()\n                }\n          }\n        };\n\n        this.chart = new Chart(this.ctx, chartData as any);\n      }\n    }\n  }\n\n  private handleSplitsChanged(e: Event) {\n    const select = e.target as Select<SelectOption>;\n    this.splits = select.values.map((option) => {\n      return option.value;\n    });\n  }\n\n  private handleToggleConfig() {\n    this.showConfig = !this.showConfig;\n    if (!this.showConfig) {\n      this.splits = [];\n    }\n  }\n\n  private getValueAxisConfig() {\n    return {\n      min: 0,\n      ...(this.showPercent && { max: this.getInflatedMax() }),\n      stacked: true,\n      grid: {\n        color: 'rgba(0,0,0,0.04)',\n        display: !this.showPercent,\n        drawBorder: !this.showPercent\n      },\n      border: {\n        display: !this.showPercent\n      },\n      ticks: {\n        display: !this.showPercent,\n        ...(this.yType === 'duration' &&\n          !this.showPercent && {\n            callback: (value: any) => formatDurationFromSeconds(value)\n          })\n      }\n    };\n  }\n\n  private getCategoryAxisConfig() {\n    let format = this.xFormat;\n    if (this.xType === 'time' && this.xFormat === 'auto') {\n      const firstDate = this.data.labels[0];\n      const lastDate = this.data.labels[this.data.labels.length - 1];\n\n      const first = Date.parse(firstDate);\n      const last = Date.parse(lastDate);\n\n      const dayDiff = Math.ceil((last - first) / (1000 * 60 * 60 * 24));\n      format = 'MMM dd';\n      if (dayDiff > 365) {\n        format = 'MMM yyyy';\n      }\n    }\n\n    return {\n      max: this.xType === 'time' ? this.end : this.xMaxTicks,\n      min: this.xType === 'time' ? this.start : 0,\n      type: this.xType,\n      grid: { display: false },\n      stacked: true,\n      ticks: {\n        maxTicksLimit: this.xMaxTicks\n      },\n      ...(this.xType === 'time' && {\n        time: {\n          unit: 'day',\n          tooltipFormat: 'DDD',\n          displayFormats: { day: format }\n        }\n      })\n    };\n  }\n\n  protected render(): TemplateResult {\n    return html`<div>\n      ${this.header\n        ? html`<div class=\"chart-title\">${this.header}</div>`\n        : null}\n      <div id=\"canvas-wrapper\"></div>\n      ${this.config && this.data\n        ? html`\n            <div\n              class=\"${getClasses({\n                'config-toggle': true,\n                show: this.showConfig && this.data?.datasets?.length > 1\n              })}\"\n              style=\"display: flex; flex-direction: row; align-items: center; justify-content: space-between;\"\n            >\n              <div></div>\n              <div>\n                <temba-icon\n                  animateChange=\"spin\"\n                  name=\"${this.showConfig ? 'close' : 'settings'}\"\n                  clickable\n                  size=\"1.5\"\n                  @click=${this.handleToggleConfig}\n                ></temba-icon>\n              </div>\n            </div>\n          `\n        : null}\n\n      <div class=${getClasses({ config: true, show: this.showConfig })}>\n        <temba-select\n          multi\n          placeholder=\"Select ${this.dataname}\"\n          options=${JSON.stringify(\n            this.data?.datasets.map((dataset) => ({\n              name: dataset.label,\n              value: dataset.label\n            }))\n          )}\n          .values=${this.splits.map((s) => ({ name: s, value: s }))}\n          @change=${this.handleSplitsChanged}\n        >\n        </temba-select>\n        <div></div>\n      </div>\n    </div>`;\n  }\n}\n"]}