@nyaruka/temba-components 0.128.0 → 0.129.1

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

@@ -307,6 +307,7 @@ export class TembaChart extends RapidElement {
     constructor() {
         super();
         this.chartType = 'bar';
+        this.horizontal = false;
         this.header = '';
         this.other = false;
         this.datasets = [];
@@ -349,11 +350,29 @@ export class TembaChart extends RapidElement {
         if (changes.has('datasets')) {
             this.updateChart();
         }
-        if (changes.has('url')) {
-            const store = getStore();
-            store.getUrl(this.url, { skipCache: true }).then((response) => {
-                this.data = response.json.data;
-            });
+        if (changes.has('horizontal')) {
+            this.updateChart();
+        }
+        if (changes.has('url') || changes.has('start') || changes.has('end')) {
+            if (this.url) {
+                const store = getStore();
+                let fullUrl = this.url;
+                // Add query parameters for date range if provided
+                const params = new URLSearchParams();
+                if (this.start) {
+                    params.append('since', this.start);
+                }
+                if (this.end) {
+                    params.append('until', this.end);
+                }
+                if (params.toString()) {
+                    const separator = this.url.includes('?') ? '&' : '?';
+                    fullUrl = `${this.url}${separator}${params.toString()}`;
+                }
+                store.getUrl(fullUrl, { skipCache: true }).then((response) => {
+                    this.data = response.json.data;
+                });
+            }
         }
         if (changes.has('chartType')) {
             if (this.chartType === 'line') {
@@ -361,11 +380,14 @@ export class TembaChart extends RapidElement {
             }
         }
         if (changes.has('showPercent') && this.chart) {
-            const yScale = this.chart.options.scales.y;
-            yScale.ticks.display = !this.showPercent;
-            yScale.grid.display = !this.showPercent;
-            yScale.border.display = !this.showPercent;
-            yScale.max = this.showPercent ? this.getInflatedMax() : undefined;
+            // in horizontal charts, the value axis is X, in vertical charts it's Y
+            const valueScale = this.horizontal
+                ? this.chart.options.scales.x
+                : this.chart.options.scales.y;
+            valueScale.ticks.display = !this.showPercent;
+            valueScale.grid.display = !this.showPercent;
+            valueScale.border.display = !this.showPercent;
+            valueScale.max = this.showPercent ? this.getInflatedMax() : undefined;
             this.chart.update();
         }
     }
@@ -510,21 +532,18 @@ export class TembaChart extends RapidElement {
                     delete datalabels.formatter;
                 }
                 this.chart.options.plugins.datalabels = datalabels;
+                // the scale config could have changed, so we need to update it
+                if (this.horizontal) {
+                    this.chart.options.scales.x = this.getValueAxisConfig();
+                    this.chart.options.scales.y = this.getCategoryAxisConfig();
+                }
+                else {
+                    this.chart.options.scales.x = this.getCategoryAxisConfig();
+                    this.chart.options.scales.y = this.getValueAxisConfig();
+                }
                 this.chart.update();
             }
             else {
-                let format = this.xFormat;
-                if (this.xType === 'time' && this.xFormat === 'auto') {
-                    const firstDate = this.data.labels[0];
-                    const lastDate = this.data.labels[this.data.labels.length - 1];
-                    const first = Date.parse(firstDate);
-                    const last = Date.parse(lastDate);
-                    const dayDiff = Math.ceil((last - first) / (1000 * 60 * 60 * 24));
-                    format = 'MMM dd';
-                    if (dayDiff > 365) {
-                        format = 'MMM yyyy';
-                    }
-                }
                 const chartData = {
                     type: this.chartType,
                     data: {
@@ -532,6 +551,7 @@ export class TembaChart extends RapidElement {
                         datasets: this.datasets
                     },
                     options: {
+                        ...(this.horizontal && { indexAxis: 'y' }),
                         maxBarThickness: 80,
                         plugins: {
                             legend: { display: this.legend },
@@ -539,7 +559,10 @@ export class TembaChart extends RapidElement {
                                 callbacks: {
                                     label: (context) => {
                                         const label = context.dataset.label || '';
-                                        const value = context.parsed.y;
+                                        // in horizontal charts, the value is on parsed.x, in vertical charts on parsed.y
+                                        const value = this.horizontal
+                                            ? context.parsed.x
+                                            : context.parsed.y;
                                         if (this.yType === 'duration') {
                                             return `${label}: ${formatDurationFromSeconds(value)}`;
                                         }
@@ -571,43 +594,15 @@ export class TembaChart extends RapidElement {
                                 duration: 0
                             }
                         },
-                        scales: {
-                            y: {
-                                min: 0,
-                                ...(this.showPercent && { max: this.getInflatedMax() }),
-                                stacked: true,
-                                grid: {
-                                    color: 'rgba(0,0,0,0.04)',
-                                    display: !this.showPercent, // hide gridlines in percent mode
-                                    drawBorder: !this.showPercent // hides axis line when false
-                                },
-                                border: {
-                                    display: !this.showPercent // Chart.js >= 4
-                                },
-                                ticks: {
-                                    display: !this.showPercent,
-                                    ...(this.yType === 'duration' &&
-                                        !this.showPercent && {
-                                        callback: (value) => formatDurationFromSeconds(value)
-                                    })
-                                }
-                            },
-                            x: {
-                                type: this.xType,
-                                grid: { display: false },
-                                stacked: true,
-                                ticks: {
-                                    maxTicksLimit: this.xMaxTicks
-                                },
-                                ...(this.xType === 'time' && {
-                                    time: {
-                                        unit: 'day',
-                                        tooltipFormat: 'DDD',
-                                        displayFormats: { day: format }
-                                    }
-                                })
+                        scales: this.horizontal
+                            ? {
+                                x: this.getValueAxisConfig(),
+                                y: this.getCategoryAxisConfig()
+                            }
+                            : {
+                                y: this.getValueAxisConfig(),
+                                x: this.getCategoryAxisConfig()
                             }
-                        }
                     }
                 };
                 this.chart = new Chart(this.ctx, chartData);
@@ -626,6 +621,59 @@ export class TembaChart extends RapidElement {
             this.splits = [];
         }
     }
+    getValueAxisConfig() {
+        return {
+            min: 0,
+            ...(this.showPercent && { max: this.getInflatedMax() }),
+            stacked: true,
+            grid: {
+                color: 'rgba(0,0,0,0.04)',
+                display: !this.showPercent,
+                drawBorder: !this.showPercent
+            },
+            border: {
+                display: !this.showPercent
+            },
+            ticks: {
+                display: !this.showPercent,
+                ...(this.yType === 'duration' &&
+                    !this.showPercent && {
+                    callback: (value) => formatDurationFromSeconds(value)
+                })
+            }
+        };
+    }
+    getCategoryAxisConfig() {
+        let format = this.xFormat;
+        if (this.xType === 'time' && this.xFormat === 'auto') {
+            const firstDate = this.data.labels[0];
+            const lastDate = this.data.labels[this.data.labels.length - 1];
+            const first = Date.parse(firstDate);
+            const last = Date.parse(lastDate);
+            const dayDiff = Math.ceil((last - first) / (1000 * 60 * 60 * 24));
+            format = 'MMM dd';
+            if (dayDiff > 365) {
+                format = 'MMM yyyy';
+            }
+        }
+        return {
+            max: this.xType === 'time' ? this.end : this.xMaxTicks,
+            min: this.xType === 'time' ? this.start : 0,
+            type: this.xType,
+            grid: { display: false },
+            stacked: true,
+            ticks: {
+                maxTicksLimit: this.xMaxTicks
+            },
+            ...(this.xType === 'time' && {
+                time: {
+                    unit: 'day',
+                    tooltipFormat: 'DDD',
+                    displayFormats: { day: format }
+                }
+            })
+        };
+    }
     render() {
         var _a, _b, _c;
         return html `<div>
@@ -676,9 +724,18 @@ export class TembaChart extends RapidElement {
 __decorate([
     property({ type: String })
 ], TembaChart.prototype, "chartType", void 0);
+__decorate([
+    property({ type: Boolean })
+], TembaChart.prototype, "horizontal", void 0);
 __decorate([
     property({ type: String })
 ], TembaChart.prototype, "url", void 0);
+__decorate([
+    property({ type: String })
+], TembaChart.prototype, "start", void 0);
+__decorate([
+    property({ type: String })
+], TembaChart.prototype, "end", void 0);
 __decorate([
     property({ type: String })
 ], TembaChart.prototype, "header", void 0);

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

@@ -1 +1 @@
-{"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: String })\n  url: 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: 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('url')) {\n      const store = getStore();\n      store.getUrl(this.url, { skipCache: true }).then((response) => {\n        this.data = response.json.data;\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      const yScale = (this.chart.options.scales as any).y;\n      yScale.ticks.display = !this.showPercent;\n      yScale.grid.display = !this.showPercent;\n      yScale.border.display = !this.showPercent;\n      yScale.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        this.chart.update();\n      } else {\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        const chartData = {\n          type: this.chartType,\n          data: {\n            labels: this.data.labels,\n            datasets: this.datasets\n          },\n          options: {\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                    const value = 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: {\n              y: {\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, // hide gridlines in percent mode\n                  drawBorder: !this.showPercent // hides axis line when false\n                },\n                border: {\n                  display: !this.showPercent // Chart.js >= 4\n                },\n                ticks: {\n                  display: !this.showPercent,\n\n                  ...(this.yType === 'duration' &&\n                    !this.showPercent && {\n                      callback: (value: any) => formatDurationFromSeconds(value)\n                    })\n                }\n              },\n              x: {\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        };\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  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"]}
+{"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: 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) {\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"]}

package/out-tsc/src/datepicker/DatePicker.js

@@ -4,7 +4,7 @@ import { property } from 'lit/decorators.js';
 import { FormElement } from '../FormElement';
 import { getClasses } from '../utils';
 import { DateTime } from 'luxon';
-export default class DatePicker extends FormElement {
+export class DatePicker extends FormElement {
     static get styles() {
         return css `
       :host {
@@ -128,6 +128,8 @@ export default class DatePicker extends FormElement {
         this.timezoneFriendly = '';
         this.datetime = null;
         this.time = false;
+        this.min = '';
+        this.max = '';
     }
     firstUpdated(changed) {
         if (changed.has('value')) {
@@ -212,6 +214,8 @@ export default class DatePicker extends FormElement {
               value=${dateWidgetValue}
               type="${this.time ? 'datetime-local' : 'date'}"
               @change=${this.handleChange}
+              min=${this.min || undefined}
+              max=${this.max || undefined}
             />
           </div>
           ${this.time
@@ -242,4 +246,10 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], DatePicker.prototype, "time", void 0);
+__decorate([
+    property({ type: String })
+], DatePicker.prototype, "min", void 0);
+__decorate([
+    property({ type: String })
+], DatePicker.prototype, "max", void 0);
 //# sourceMappingURL=DatePicker.js.map

package/out-tsc/src/datepicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/datepicker/DatePicker.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css, PropertyValueMap } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { FormElement } from '../FormElement';\nimport { getClasses } from '../utils';\nimport { DateTime } from 'luxon';\n\nexport default class DatePicker extends FormElement {\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n      }\n\n      input {\n        width: inherit;\n      }\n\n      .container {\n        border-radius: var(--curvature);\n        border: 1px solid var(--color-widget-border);\n        display: flex;\n        cursor: pointer;\n        box-shadow: var(--widget-box-shadow);\n        flex-wrap: wrap;\n        overflow: hidden;\n      }\n\n      .input-wrapper {\n        padding: var(--temba-textinput-padding);\n        flex-grow: 1;\n      }\n\n      .tz {\n        margin-left: 0.5em;\n        font-size: 0.8em;\n        flex-direction: column;\n        align-self: stretch;\n        color: #888;\n        display: flex;\n        align-items: flex-start;\n        flex-direction: column;\n        padding: 0em 1em;\n        font-weight: 400;\n        cursor: pointer;\n        margin: auto 0;\n      }\n\n      .tz .label {\n        font-size: 0.8em;\n        color: #aaa;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      .tz .zone {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      .tz-wrapper {\n        background: #efefef;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 0.4em 0em;\n      }\n\n      .container:focus-within {\n        border-color: var(--color-focus);\n        background: var(--color-widget-bg-focused);\n        box-shadow: var(--widget-box-shadow-focused);\n      }\n\n      input {\n        color: var(--color-widget-text);\n        border: 0px;\n        font-family: var(--font-family);\n        outline: none;\n        width: 100%;\n        font-size: 13px;\n        padding: 0px;\n        margin: 0px;\n        line-height: 1em;\n      }\n\n      input.unset {\n        color: #ddd;\n      }\n\n      input.unset:focus {\n        color: var(--color-widget-text);\n      }\n\n      input:focus {\n        outline: none;\n      }\n\n      .disabled ::-webkit-calendar-picker-indicator {\n        display: none;\n      }\n\n      .disabled .tz-wrapper {\n        border-radius: var(--curvature);\n      }\n\n      ::-webkit-calendar-picker-indicator {\n        background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"15\" viewBox=\"0 0 24 24\"><path fill=\"%23bbbbbb\" d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/></svg>');\n        cursor: pointer;\n        margin: 0;\n        padding: 0;\n      }\n\n      ::-webkit-calendar-picker-indicator:hover {\n        background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"15\" viewBox=\"0 0 24 24\"><path fill=\"%23777777\" d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/></svg>');\n        cursor: pointer;\n        margin: 0;\n        padding: 0;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  timezone = '';\n\n  @property({ type: String })\n  timezoneFriendly = '';\n\n  @property({ type: Object })\n  datetime = null;\n\n  @property({ type: Boolean })\n  time = false;\n\n  /** we just return the value since it should be a string */\n  public serializeValue(value: any): string {\n    return value;\n  }\n\n  public constructor() {\n    super();\n  }\n\n  protected firstUpdated(\n    changed: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    if (changed.has('value')) {\n      // default to the local browser zone\n      if (this.time) {\n        this.timezone =\n          this.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone;\n        this.timezoneFriendly = this.timezone\n          .replace('_', ' ')\n          .replace('/', ', ');\n\n        if (this.value) {\n          // we fire a change event on blur\n          let datetime = DateTime.fromSQL(this.value).setZone(this.timezone);\n          // if we can't read it as a sql stamp, try iso\n          if (datetime.invalid) {\n            datetime = DateTime.fromISO(this.value).setZone(this.timezone);\n          }\n          this.datetime = datetime;\n          this.value = this.datetime.toUTC().toISO();\n        }\n      } else {\n        this.datetime = DateTime.fromSQL(this.value);\n        this.value = this.datetime.toISODate();\n      }\n    }\n  }\n\n  public updated(changed: Map<string, any>): void {\n    super.updated(changed);\n    if (changed.has('timezone') && this.time) {\n      this.timezone =\n        this.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone;\n      this.timezoneFriendly = this.timezone\n        .replace('_', ' ')\n        .replace('/', ', ');\n      this.requestUpdate('value');\n    }\n  }\n\n  public handleChange(event) {\n    event.preventDefault();\n    event.stopPropagation();\n    if (this.time) {\n      this.datetime = DateTime.fromISO(event.target.value, {\n        zone: this.timezone\n      });\n      this.value = this.datetime.toUTC().toISO();\n    } else {\n      this.value = event.target.value;\n    }\n    this.fireEvent('change');\n  }\n\n  public handleClicked() {\n    this.shadowRoot.querySelector('input').focus();\n  }\n\n  public render(): TemplateResult {\n    const classes = getClasses({ unset: !this.value });\n\n    let dateWidgetValue = null;\n    if (this.time && this.datetime && !this.datetime.invalid) {\n      dateWidgetValue = this.datetime.toFormat(\"yyyy-LL-dd'T'HH:mm\");\n    } else if (!this.time) {\n      dateWidgetValue = this.value;\n    }\n\n    return html`\n      <temba-field\n        class=${getClasses({ disabled: this.disabled })}\n        name=${this.name}\n        .label=\"${this.label}\"\n        .helpText=\"${this.helpText}\"\n        .errors=${this.errors}\n        .widgetOnly=${this.widgetOnly}\n        .hideLabel=${this.hideLabel}\n        .disabled=${this.disabled}\n      >\n        <div class=\"container\" @click=${this.handleClicked}>\n          <slot name=\"prefix\"></slot>\n          <div class=\"input-wrapper\">\n            <input\n              class=${classes}\n              name=${this.label}\n              value=${dateWidgetValue}\n              type=\"${this.time ? 'datetime-local' : 'date'}\"\n              @change=${this.handleChange}\n            />\n          </div>\n          ${this.time\n            ? html`\n                <div class=\"tz-wrapper\">\n                  <div class=\"tz\">\n                    <div class=\"label\">Time Zone</div>\n                    <div class=\"zone\">${this.timezoneFriendly}</div>\n                  </div>\n                </div>\n              `\n            : null}\n          <slot name=\"postfix\"></slot>\n        </div>\n      </temba-field>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/datepicker/DatePicker.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css, PropertyValueMap } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { FormElement } from '../FormElement';\nimport { getClasses } from '../utils';\nimport { DateTime } from 'luxon';\n\nexport class DatePicker extends FormElement {\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n      }\n\n      input {\n        width: inherit;\n      }\n\n      .container {\n        border-radius: var(--curvature);\n        border: 1px solid var(--color-widget-border);\n        display: flex;\n        cursor: pointer;\n        box-shadow: var(--widget-box-shadow);\n        flex-wrap: wrap;\n        overflow: hidden;\n      }\n\n      .input-wrapper {\n        padding: var(--temba-textinput-padding);\n        flex-grow: 1;\n      }\n\n      .tz {\n        margin-left: 0.5em;\n        font-size: 0.8em;\n        flex-direction: column;\n        align-self: stretch;\n        color: #888;\n        display: flex;\n        align-items: flex-start;\n        flex-direction: column;\n        padding: 0em 1em;\n        font-weight: 400;\n        cursor: pointer;\n        margin: auto 0;\n      }\n\n      .tz .label {\n        font-size: 0.8em;\n        color: #aaa;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      .tz .zone {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      .tz-wrapper {\n        background: #efefef;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 0.4em 0em;\n      }\n\n      .container:focus-within {\n        border-color: var(--color-focus);\n        background: var(--color-widget-bg-focused);\n        box-shadow: var(--widget-box-shadow-focused);\n      }\n\n      input {\n        color: var(--color-widget-text);\n        border: 0px;\n        font-family: var(--font-family);\n        outline: none;\n        width: 100%;\n        font-size: 13px;\n        padding: 0px;\n        margin: 0px;\n        line-height: 1em;\n      }\n\n      input.unset {\n        color: #ddd;\n      }\n\n      input.unset:focus {\n        color: var(--color-widget-text);\n      }\n\n      input:focus {\n        outline: none;\n      }\n\n      .disabled ::-webkit-calendar-picker-indicator {\n        display: none;\n      }\n\n      .disabled .tz-wrapper {\n        border-radius: var(--curvature);\n      }\n\n      ::-webkit-calendar-picker-indicator {\n        background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"15\" viewBox=\"0 0 24 24\"><path fill=\"%23bbbbbb\" d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/></svg>');\n        cursor: pointer;\n        margin: 0;\n        padding: 0;\n      }\n\n      ::-webkit-calendar-picker-indicator:hover {\n        background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"15\" viewBox=\"0 0 24 24\"><path fill=\"%23777777\" d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/></svg>');\n        cursor: pointer;\n        margin: 0;\n        padding: 0;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  timezone = '';\n\n  @property({ type: String })\n  timezoneFriendly = '';\n\n  @property({ type: Object })\n  datetime = null;\n\n  @property({ type: Boolean })\n  time = false;\n\n  @property({ type: String })\n  min = '';\n\n  @property({ type: String })\n  max = '';\n\n  /** we just return the value since it should be a string */\n  public serializeValue(value: any): string {\n    return value;\n  }\n\n  public constructor() {\n    super();\n  }\n\n  protected firstUpdated(\n    changed: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    if (changed.has('value')) {\n      // default to the local browser zone\n      if (this.time) {\n        this.timezone =\n          this.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone;\n        this.timezoneFriendly = this.timezone\n          .replace('_', ' ')\n          .replace('/', ', ');\n\n        if (this.value) {\n          // we fire a change event on blur\n          let datetime = DateTime.fromSQL(this.value).setZone(this.timezone);\n          // if we can't read it as a sql stamp, try iso\n          if (datetime.invalid) {\n            datetime = DateTime.fromISO(this.value).setZone(this.timezone);\n          }\n          this.datetime = datetime;\n          this.value = this.datetime.toUTC().toISO();\n        }\n      } else {\n        this.datetime = DateTime.fromSQL(this.value);\n        this.value = this.datetime.toISODate();\n      }\n    }\n  }\n\n  public updated(changed: Map<string, any>): void {\n    super.updated(changed);\n    if (changed.has('timezone') && this.time) {\n      this.timezone =\n        this.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone;\n      this.timezoneFriendly = this.timezone\n        .replace('_', ' ')\n        .replace('/', ', ');\n      this.requestUpdate('value');\n    }\n  }\n\n  public handleChange(event) {\n    event.preventDefault();\n    event.stopPropagation();\n    if (this.time) {\n      this.datetime = DateTime.fromISO(event.target.value, {\n        zone: this.timezone\n      });\n      this.value = this.datetime.toUTC().toISO();\n    } else {\n      this.value = event.target.value;\n    }\n    this.fireEvent('change');\n  }\n\n  public handleClicked() {\n    this.shadowRoot.querySelector('input').focus();\n  }\n\n  public render(): TemplateResult {\n    const classes = getClasses({ unset: !this.value });\n\n    let dateWidgetValue = null;\n    if (this.time && this.datetime && !this.datetime.invalid) {\n      dateWidgetValue = this.datetime.toFormat(\"yyyy-LL-dd'T'HH:mm\");\n    } else if (!this.time) {\n      dateWidgetValue = this.value;\n    }\n\n    return html`\n      <temba-field\n        class=${getClasses({ disabled: this.disabled })}\n        name=${this.name}\n        .label=\"${this.label}\"\n        .helpText=\"${this.helpText}\"\n        .errors=${this.errors}\n        .widgetOnly=${this.widgetOnly}\n        .hideLabel=${this.hideLabel}\n        .disabled=${this.disabled}\n      >\n        <div class=\"container\" @click=${this.handleClicked}>\n          <slot name=\"prefix\"></slot>\n          <div class=\"input-wrapper\">\n            <input\n              class=${classes}\n              name=${this.label}\n              value=${dateWidgetValue}\n              type=\"${this.time ? 'datetime-local' : 'date'}\"\n              @change=${this.handleChange}\n              min=${this.min || undefined}\n              max=${this.max || undefined}\n            />\n          </div>\n          ${this.time\n            ? html`\n                <div class=\"tz-wrapper\">\n                  <div class=\"tz\">\n                    <div class=\"label\">Time Zone</div>\n                    <div class=\"zone\">${this.timezoneFriendly}</div>\n                  </div>\n                </div>\n              `\n            : null}\n          <slot name=\"postfix\"></slot>\n        </div>\n      </temba-field>\n    `;\n  }\n}\n"]}