@nyaruka/temba-components 0.49.2 → 0.49.4

package/dist/sw.js

@@ -1,2 +1,2 @@
-if(!self.define){let e,t={};const o=(o,n)=>(o=new URL(o+".js",n).href,t[o]||new Promise((t=>{if("document"in self){const e=document.createElement("script");e.src=o,e.onload=t,document.head.appendChild(e)}else e=o,importScripts(o),t()})).then((()=>{let e=t[o];if(!e)throw new Error(`Module ${o} didn’t register its module`);return e})));self.define=(n,s)=>{const i=e||("document"in self?document.currentScript.src:"")||location.href;if(t[i])return;let r={};const c=e=>o(e,i),l={module:{uri:i},exports:r,require:c};t[i]=Promise.all(n.map((e=>l[e]||c(e)))).then((e=>(s(...e),r)))}}define(["./workbox-919adfb7"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"ac47779f.js",revision:"abee77bdbcfa6c47a12aa7facb0e2acc"},{url:"templates/components-body.html",revision:"053e9fc39747f472d7d21e3f22376f79"},{url:"templates/components-head.html",revision:"6b972b10e479a5c94fbe848ac124ab92"}],{}),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("/index.html"))),e.registerRoute("polyfills/*.js",new e.CacheFirst,"GET")}));
+if(!self.define){let e,t={};const o=(o,n)=>(o=new URL(o+".js",n).href,t[o]||new Promise((t=>{if("document"in self){const e=document.createElement("script");e.src=o,e.onload=t,document.head.appendChild(e)}else e=o,importScripts(o),t()})).then((()=>{let e=t[o];if(!e)throw new Error(`Module ${o} didn’t register its module`);return e})));self.define=(n,s)=>{const i=e||("document"in self?document.currentScript.src:"")||location.href;if(t[i])return;let r={};const l=e=>o(e,i),d={module:{uri:i},exports:r,require:l};t[i]=Promise.all(n.map((e=>d[e]||l(e)))).then((e=>(s(...e),r)))}}define(["./workbox-919adfb7"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"76d2e435.js",revision:"b99cf17c76fa137e146e0a72adea50d6"},{url:"templates/components-body.html",revision:"eb40a974aa98a2daa571120602612180"},{url:"templates/components-head.html",revision:"699242dd34cb832ad8b4a61c63ea9f10"}],{}),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("/index.html"))),e.registerRoute("polyfills/*.js",new e.CacheFirst,"GET")}));
 //# sourceMappingURL=sw.js.map

package/dist/sw.js.map

@@ -1 +1 @@
-{"version":3,"file":"sw.js","sources":["../../../../../tmp/90732a3ea8504903b1495216d956b519/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-routing/registerRoute.mjs';\nimport {CacheFirst as workbox_strategies_CacheFirst} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-strategies/CacheFirst.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-core/clientsClaim.mjs';\nimport {precacheAndRoute as workbox_precaching_precacheAndRoute} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-precaching/precacheAndRoute.mjs';\nimport {NavigationRoute as workbox_routing_NavigationRoute} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-routing/NavigationRoute.mjs';\nimport {createHandlerBoundToURL as workbox_precaching_createHandlerBoundToURL} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-precaching/createHandlerBoundToURL.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\n\n\n\n\n\n\nself.skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n/**\n * The precacheAndRoute() method efficiently caches and responds to\n * requests for URLs in the manifest.\n * See https://goo.gl/S9QRab\n */\nworkbox_precaching_precacheAndRoute([\n  {\n    \"url\": \"ac47779f.js\",\n    \"revision\": \"abee77bdbcfa6c47a12aa7facb0e2acc\"\n  },\n  {\n    \"url\": \"templates/components-body.html\",\n    \"revision\": \"053e9fc39747f472d7d21e3f22376f79\"\n  },\n  {\n    \"url\": \"templates/components-head.html\",\n    \"revision\": \"6b972b10e479a5c94fbe848ac124ab92\"\n  }\n], {});\n\nworkbox_routing_registerRoute(new workbox_routing_NavigationRoute(workbox_precaching_createHandlerBoundToURL(\"/index.html\")));\n\n\nworkbox_routing_registerRoute(\"polyfills/*.js\", new workbox_strategies_CacheFirst(), 'GET');\n\n\n\n\n"],"names":["self","skipWaiting","workbox_core_clientsClaim","workbox_precaching_precacheAndRoute","url","revision","workbox","registerRoute","workbox_routing_NavigationRoute","workbox_precaching_createHandlerBoundToURL","workbox_strategies_CacheFirst"],"mappings":"0nBAwBAA,KAAKC,cAELC,EAAAA,eAQAC,EAAAA,iBAAoC,CAClC,CACEC,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,iCACPC,SAAY,oCAEd,CACED,IAAO,iCACPC,SAAY,qCAEb,CAAE,GAEwBC,EAAAC,cAAC,IAAIC,EAAAA,gBAAgCC,EAAAA,wBAA2C,iBAGhFH,EAAAC,cAAC,iBAAkB,IAAIG,aAAiC"}
+{"version":3,"file":"sw.js","sources":["../../../../../tmp/571fea93050bbfe1eee60574d87e4d73/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-routing/registerRoute.mjs';\nimport {CacheFirst as workbox_strategies_CacheFirst} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-strategies/CacheFirst.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-core/clientsClaim.mjs';\nimport {precacheAndRoute as workbox_precaching_precacheAndRoute} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-precaching/precacheAndRoute.mjs';\nimport {NavigationRoute as workbox_routing_NavigationRoute} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-routing/NavigationRoute.mjs';\nimport {createHandlerBoundToURL as workbox_precaching_createHandlerBoundToURL} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-precaching/createHandlerBoundToURL.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\n\n\n\n\n\n\nself.skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n/**\n * The precacheAndRoute() method efficiently caches and responds to\n * requests for URLs in the manifest.\n * See https://goo.gl/S9QRab\n */\nworkbox_precaching_precacheAndRoute([\n  {\n    \"url\": \"76d2e435.js\",\n    \"revision\": \"b99cf17c76fa137e146e0a72adea50d6\"\n  },\n  {\n    \"url\": \"templates/components-body.html\",\n    \"revision\": \"eb40a974aa98a2daa571120602612180\"\n  },\n  {\n    \"url\": \"templates/components-head.html\",\n    \"revision\": \"699242dd34cb832ad8b4a61c63ea9f10\"\n  }\n], {});\n\nworkbox_routing_registerRoute(new workbox_routing_NavigationRoute(workbox_precaching_createHandlerBoundToURL(\"/index.html\")));\n\n\nworkbox_routing_registerRoute(\"polyfills/*.js\", new workbox_strategies_CacheFirst(), 'GET');\n\n\n\n\n"],"names":["self","skipWaiting","workbox_core_clientsClaim","workbox_precaching_precacheAndRoute","url","revision","workbox","registerRoute","workbox_routing_NavigationRoute","workbox_precaching_createHandlerBoundToURL","workbox_strategies_CacheFirst"],"mappings":"0nBAwBAA,KAAKC,cAELC,EAAAA,eAQAC,EAAAA,iBAAoC,CAClC,CACEC,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,iCACPC,SAAY,oCAEd,CACED,IAAO,iCACPC,SAAY,qCAEb,CAAE,GAEwBC,EAAAC,cAAC,IAAIC,EAAAA,gBAAgCC,EAAAA,wBAA2C,iBAGhFH,EAAAC,cAAC,iBAAkB,IAAIG,aAAiC"}

package/dist/templates/components-body.html

@@ -1 +1 @@
-<script type="module" src="{{STATIC_URL}}@nyaruka/temba-components/dist/ac47779f.js"></script><script>window.TEMBA_COMPONENTS_VERSION="0.49.2"</script>
+<script type="module" src="{{STATIC_URL}}@nyaruka/temba-components/dist/76d2e435.js"></script><script>window.TEMBA_COMPONENTS_VERSION="0.49.4"</script>

package/dist/templates/components-head.html

@@ -1 +1 @@
-<link rel="modulepreload" href="{{STATIC_URL}}@nyaruka/temba-components/dist/ac47779f.js" crossorigin="anonymous">
+<link rel="modulepreload" href="{{STATIC_URL}}@nyaruka/temba-components/dist/76d2e435.js" crossorigin="anonymous">

package/out-tsc/src/colorpicker/ColorPicker.js

@@ -126,6 +126,10 @@ export class ColorPicker extends FormElement {
       }
     `;
     }
+    firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        this.setValue(this.value);
+    }
     updated(changed) {
         super.updated(changed);
         if (changed.has('value')) {

package/out-tsc/src/colorpicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/colorpicker/ColorPicker.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGhD,MAAM,OAAO,WAAY,SAAQ,WAAW;IAA5C;;QAEE,aAAQ,GAAG,KAAK,CAAC;QAGjB,iBAAY,GAAG,SAAS,CAAC;QAGzB,eAAU,GAAG,WAAW,CAAC;QAGzB,cAAS,GAAG,KAAK,CAAC;QAGU,eAAU,GAAG,GAAG,CAAC;QACjB,cAAS,GAAG,EAAE,CAAC;QACf,QAAG,GAAG,EAAE,CAAC;IA6OvC,CAAC;IA3OC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6GT,CAAC;IACJ,CAAC;IAEM,OAAO,CAAC,OAAyB;QACtC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEvB,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;YAC5C,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC;SACvB;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;YAC5B,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;oBACrB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACzB,CAAC,EAAE,GAAG,CAAC,CAAC;aACT;SACF;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,IAAI,CAAC,GAAG,EAAE;YAC3C,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SAChE;IACH,CAAC;IAEO,UAAU,CAAC,KAAiB;QAClC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;SACvB;IACH,CAAC;IAEO,cAAc,CAAC,KAAiB;QACtC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/B,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC;IACxB,CAAC;IAEO,eAAe,CAAC,KAAiB;QACvC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,MAAM,IAAI,GAAI,KAAK,CAAC,MAAsB,CAAC,qBAAqB,EAAE,CAAC;YACnE,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;YACpC,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;YACnC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;YAClC,IAAI,CAAC,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC;YAC/C,IAAI,CAAC,YAAY,GAAG,QAAQ,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,UAAU,MAAM,IAAI,CAAC,SAAS,OAAO,CAAC;YACpF,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SAChE;IACH,CAAC;IAEO,kBAAkB,CAAC,KAAiB;QAC1C,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAoB,CAAC,KAAK,EAAE,CAAC;IAC7E,CAAC;IAEO,gBAAgB,CAAC,KAAiB;QACxC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,MAAM,IAAI,GAAI,KAAK,CAAC,MAAsB,CAAC,qBAAqB,EAAE,CAAC;YACnE,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;YACpC,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;YACnC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;YAClC,IAAI,CAAC,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC;YAC/C,IAAI,CAAC,YAAY,GAAG,QAAQ,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,UAAU,MAAM,IAAI,CAAC,SAAS,OAAO,CAAC;YACpF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACxB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;SACvB;QAED,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,EAAE;SACH;IACH,CAAC;IAEO,cAAc,CAAC,KAAiB;QACtC,MAAM,GAAG,GAAI,KAAK,CAAC,MAAoB,CAAC,KAAK,CAAC;QAC9C,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YACvB,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;YACxB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;SACpB;IACH,CAAC;IAEM,cAAc,CAAC,KAAU;QAC9B,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;eAEA,IAAI,CAAC,IAAI;oBACJ,IAAI,CAAC,QAAQ;kBACf,IAAI,CAAC,MAAM;sBACP,IAAI,CAAC,UAAU;qBAChB,IAAI,CAAC,SAAS;oBACf,IAAI,CAAC,QAAQ;;;uBAGV,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;yBACpD,UAAU,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC;;wBAEvC,UAAU,CAAC;YACjB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC;+BACa,IAAI,CAAC,UAAU,eAAe,IAAI,CAAC,YAAY;yBACrD,IAAI,CAAC,kBAAkB;;kBAE9B,IAAI,CAAC,KAAK;;;;;wBAKJ,IAAI,CAAC,UAAU;6BACV,IAAI,CAAC,eAAe;4BACrB,IAAI,CAAC,cAAc;yBACtB,IAAI,CAAC,gBAAgB;;;;sBAIxB,IAAI,CAAC,GAAG;uBACP,IAAI,CAAC,cAAc;;;;;;KAMrC,CAAC;IACJ,CAAC;CACF;AA3PC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CACX;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACF;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACF;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CACV;AAEU;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAa;AACZ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAkB;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAgB;AACf;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAU","sourcesContent":["import { html, css } from 'lit';\nimport { FormElement } from '../FormElement';\nimport { property } from 'lit/decorators.js';\nimport { getClasses, hslToHex } from '../utils';\nimport { TextInput } from '../textinput/TextInput';\n\nexport class ColorPicker extends FormElement {\n  @property({ type: Boolean })\n  expanded = false;\n\n  @property({ type: String })\n  previewColor = '#ffffff';\n\n  @property({ type: String })\n  labelColor = '#ffffffee';\n\n  @property({ type: Boolean })\n  selecting = false;\n\n  @property({ type: Number }) hue: number;\n  @property({ type: Number }) saturation = 100;\n  @property({ type: Number }) lightness = 50;\n  @property({ type: String }) hex = '';\n\n  static get styles() {\n    return css`\n      :host {\n        color: var(--color-text);\n        display: inline-block;\n        --curvature: 0.55em;\n        width: 100%;\n\n        --temba-textinput-padding: 0.4em;\n      }\n\n      temba-textinput {\n        margin-left: 0.3em;\n        width: 5em;\n      }\n\n      temba-field {\n        display: block;\n        width: 100%;\n      }\n\n      .wrapper {\n        border: 1px solid var(--color-widget-border);\n        padding: calc(var(--curvature) / 2);\n        border-radius: calc(var(--curvature) * 1.5);\n        transition: all calc(var(--transition-speed) * 2) var(--bounce);\n\n        display: flex;\n        flex-grow: 0;\n      }\n\n      .picker-wrapper {\n        display: flex;\n        flex-direction: row;\n        align-items: stretch;\n        transition: all calc(var(--transition-speed) * 2) var(--bounce);\n        flex-grow: 0;\n      }\n\n      .preview {\n        width: initial;\n        border-radius: var(--curvature);\n        padding: 0.2em 0.5em;\n        font-weight: 400;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        white-space: nowrap;\n        cursor: pointer;\n        transition: transform calc(var(--transition-speed) * 0.5) var(--bounce);\n      }\n\n      .preview.selecting {\n        transform: scale(1.05);\n      }\n\n      .wrapper.expanded {\n        flex-grow: 1 !important;\n      }\n\n      .wrapper.expanded .picker-wrapper {\n        flex-grow: 1 !important;\n      }\n\n      .wrapper.expanded .preview {\n        pointer-events: none;\n      }\n\n      .wrapper.expanded .color-picker {\n        margin-left: calc(var(--curvature) / 2);\n      }\n\n      .wrapper.expanded temba-textinput {\n        display: block;\n      }\n\n      .color-picker {\n        border-radius: var(--curvature);\n        cursor: pointer;\n        transition: all calc(var(--transition-speed) * 2) var(--bounce);\n        flex-grow: 1;\n        position: relative;\n        width: 100%;\n        height: 100%;\n        background-image: linear-gradient(\n            to bottom,\n            rgba(0, 0, 0, 0) 60%,\n            rgba(0, 0, 0, 0.5) 90%,\n            rgba(0, 0, 0, 1)\n          ),\n          linear-gradient(\n            to top,\n            rgba(255, 255, 255, 0) 60%,\n            rgba(255, 255, 255, 0.8) 90%,\n            rgba(255, 255, 255, 1)\n          ),\n          linear-gradient(\n            to right,\n            hsla(0, 100%, 50%, 1),\n            hsla(60, 100%, 50%, 1),\n            hsla(120, 100%, 50%, 1),\n            hsla(180, 100%, 50%, 1),\n            hsla(240, 100%, 50%, 1),\n            hsla(300, 100%, 50%, 1),\n            hsla(360, 100%, 50%, 1)\n          );\n        mix-blend-mode: multiply;\n      }\n\n      .color-picker:focus {\n        outline: none;\n      }\n    `;\n  }\n\n  public updated(changed: Map<string, any>): void {\n    super.updated(changed);\n\n    if (changed.has('value')) {\n      this.previewColor = this.value || '#9c9c9c';\n      this.hex = this.value;\n    }\n\n    if (changed.has('selecting')) {\n      if (this.selecting) {\n        window.setTimeout(() => {\n          this.selecting = false;\n        }, 100);\n      }\n    }\n\n    if (changed.has('previewLabel') && this.hue) {\n      this.hex = hslToHex(this.hue, this.saturation, this.lightness);\n    }\n  }\n\n  private handleBlur(event: FocusEvent) {\n    if (this.expanded) {\n      this.expanded = false;\n    }\n  }\n\n  private handleMouseOut(event: MouseEvent) {\n    this.previewColor = this.value;\n    this.hex = this.value;\n  }\n\n  private handleMouseMove(event: MouseEvent) {\n    if (this.expanded) {\n      const rect = (event.target as HTMLElement).getBoundingClientRect();\n      const x = event.clientX - rect.left;\n      const y = event.clientY - rect.top;\n      this.hue = (x / rect.width) * 360;\n      this.lightness = 100 - (y / rect.height) * 100;\n      this.previewColor = `hsla(${this.hue}, ${this.saturation}%, ${this.lightness}%, 1)`;\n      this.hex = hslToHex(this.hue, this.saturation, this.lightness);\n    }\n  }\n\n  private handlePreviewClick(event: MouseEvent) {\n    this.expanded = !this.expanded;\n    this.selecting = true;\n    (this.shadowRoot.querySelector('.color-picker') as HTMLDivElement).focus();\n  }\n\n  private handleColorClick(event: MouseEvent) {\n    if (this.expanded) {\n      const rect = (event.target as HTMLElement).getBoundingClientRect();\n      const x = event.clientX - rect.left;\n      const y = event.clientY - rect.top;\n      this.hue = (x / rect.width) * 360;\n      this.lightness = 100 - (y / rect.height) * 100;\n      this.previewColor = `hsla(${this.hue}, ${this.saturation}%, ${this.lightness}%, 1)`;\n      this.setValue(this.hex);\n      this.selecting = true;\n      this.expanded = false;\n    }\n\n    if (!this.expanded) {\n      //\n    }\n  }\n\n  private handleHexInput(event: InputEvent) {\n    const hex = (event.target as TextInput).value;\n    if (hex.startsWith('#')) {\n      this.previewColor = hex;\n      this.setValue(hex);\n    }\n  }\n\n  public serializeValue(value: any): string {\n    return value;\n  }\n\n  public render() {\n    return html`\n      <temba-field\n        name=${this.name}\n        .helpText=${this.helpText}\n        .errors=${this.errors}\n        .widgetOnly=${this.widgetOnly}\n        .hideLabel=${this.hideLabel}\n        .disabled=${this.disabled}\n      >\n        <div style=\"display:flex\" tabindex=\"0\">\n          <div class=${getClasses({ wrapper: true, expanded: this.expanded })}>\n            <div class=${getClasses({ 'picker-wrapper': true })}>\n              <div\n                class=${getClasses({\n                  preview: true,\n                  selecting: this.selecting,\n                })}\n                style=\"color:${this.labelColor};background:${this.previewColor}\"\n                @click=${this.handlePreviewClick}\n              >\n                ${this.label}\n              </div>\n              <div\n                class=\"color-picker\"\n                tabindex=\"0\"\n                @blur=${this.handleBlur}\n                @mousemove=${this.handleMouseMove}\n                @mouseout=${this.handleMouseOut}\n                @click=${this.handleColorClick}\n              ></div>\n            </div>\n            <temba-textinput\n              value=${this.hex}\n              @input=${this.handleHexInput}\n              placeholder=\"#000000\"\n            ></temba-textinput>\n          </div>\n        </div>\n      </temba-field>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/colorpicker/ColorPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css, PropertyValueMap } from 'lit';\nimport { FormElement } from '../FormElement';\nimport { property } from 'lit/decorators.js';\nimport { getClasses, hslToHex } from '../utils';\nimport { TextInput } from '../textinput/TextInput';\n\nexport class ColorPicker extends FormElement {\n  @property({ type: Boolean })\n  expanded = false;\n\n  @property({ type: String })\n  previewColor = '#ffffff';\n\n  @property({ type: String })\n  labelColor = '#ffffffee';\n\n  @property({ type: Boolean })\n  selecting = false;\n\n  @property({ type: Number }) hue: number;\n  @property({ type: Number }) saturation = 100;\n  @property({ type: Number }) lightness = 50;\n  @property({ type: String }) hex = '';\n\n  static get styles() {\n    return css`\n      :host {\n        color: var(--color-text);\n        display: inline-block;\n        --curvature: 0.55em;\n        width: 100%;\n\n        --temba-textinput-padding: 0.4em;\n      }\n\n      temba-textinput {\n        margin-left: 0.3em;\n        width: 5em;\n      }\n\n      temba-field {\n        display: block;\n        width: 100%;\n      }\n\n      .wrapper {\n        border: 1px solid var(--color-widget-border);\n        padding: calc(var(--curvature) / 2);\n        border-radius: calc(var(--curvature) * 1.5);\n        transition: all calc(var(--transition-speed) * 2) var(--bounce);\n\n        display: flex;\n        flex-grow: 0;\n      }\n\n      .picker-wrapper {\n        display: flex;\n        flex-direction: row;\n        align-items: stretch;\n        transition: all calc(var(--transition-speed) * 2) var(--bounce);\n        flex-grow: 0;\n      }\n\n      .preview {\n        width: initial;\n        border-radius: var(--curvature);\n        padding: 0.2em 0.5em;\n        font-weight: 400;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        white-space: nowrap;\n        cursor: pointer;\n        transition: transform calc(var(--transition-speed) * 0.5) var(--bounce);\n      }\n\n      .preview.selecting {\n        transform: scale(1.05);\n      }\n\n      .wrapper.expanded {\n        flex-grow: 1 !important;\n      }\n\n      .wrapper.expanded .picker-wrapper {\n        flex-grow: 1 !important;\n      }\n\n      .wrapper.expanded .preview {\n        pointer-events: none;\n      }\n\n      .wrapper.expanded .color-picker {\n        margin-left: calc(var(--curvature) / 2);\n      }\n\n      .wrapper.expanded temba-textinput {\n        display: block;\n      }\n\n      .color-picker {\n        border-radius: var(--curvature);\n        cursor: pointer;\n        transition: all calc(var(--transition-speed) * 2) var(--bounce);\n        flex-grow: 1;\n        position: relative;\n        width: 100%;\n        height: 100%;\n        background-image: linear-gradient(\n            to bottom,\n            rgba(0, 0, 0, 0) 60%,\n            rgba(0, 0, 0, 0.5) 90%,\n            rgba(0, 0, 0, 1)\n          ),\n          linear-gradient(\n            to top,\n            rgba(255, 255, 255, 0) 60%,\n            rgba(255, 255, 255, 0.8) 90%,\n            rgba(255, 255, 255, 1)\n          ),\n          linear-gradient(\n            to right,\n            hsla(0, 100%, 50%, 1),\n            hsla(60, 100%, 50%, 1),\n            hsla(120, 100%, 50%, 1),\n            hsla(180, 100%, 50%, 1),\n            hsla(240, 100%, 50%, 1),\n            hsla(300, 100%, 50%, 1),\n            hsla(360, 100%, 50%, 1)\n          );\n        mix-blend-mode: multiply;\n      }\n\n      .color-picker:focus {\n        outline: none;\n      }\n    `;\n  }\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(_changedProperties);\n    this.setValue(this.value);\n  }\n\n  public updated(changed: Map<string, any>): void {\n    super.updated(changed);\n\n    if (changed.has('value')) {\n      this.previewColor = this.value || '#9c9c9c';\n      this.hex = this.value;\n    }\n\n    if (changed.has('selecting')) {\n      if (this.selecting) {\n        window.setTimeout(() => {\n          this.selecting = false;\n        }, 100);\n      }\n    }\n\n    if (changed.has('previewLabel') && this.hue) {\n      this.hex = hslToHex(this.hue, this.saturation, this.lightness);\n    }\n  }\n\n  private handleBlur(event: FocusEvent) {\n    if (this.expanded) {\n      this.expanded = false;\n    }\n  }\n\n  private handleMouseOut(event: MouseEvent) {\n    this.previewColor = this.value;\n    this.hex = this.value;\n  }\n\n  private handleMouseMove(event: MouseEvent) {\n    if (this.expanded) {\n      const rect = (event.target as HTMLElement).getBoundingClientRect();\n      const x = event.clientX - rect.left;\n      const y = event.clientY - rect.top;\n      this.hue = (x / rect.width) * 360;\n      this.lightness = 100 - (y / rect.height) * 100;\n      this.previewColor = `hsla(${this.hue}, ${this.saturation}%, ${this.lightness}%, 1)`;\n      this.hex = hslToHex(this.hue, this.saturation, this.lightness);\n    }\n  }\n\n  private handlePreviewClick(event: MouseEvent) {\n    this.expanded = !this.expanded;\n    this.selecting = true;\n    (this.shadowRoot.querySelector('.color-picker') as HTMLDivElement).focus();\n  }\n\n  private handleColorClick(event: MouseEvent) {\n    if (this.expanded) {\n      const rect = (event.target as HTMLElement).getBoundingClientRect();\n      const x = event.clientX - rect.left;\n      const y = event.clientY - rect.top;\n      this.hue = (x / rect.width) * 360;\n      this.lightness = 100 - (y / rect.height) * 100;\n      this.previewColor = `hsla(${this.hue}, ${this.saturation}%, ${this.lightness}%, 1)`;\n      this.setValue(this.hex);\n      this.selecting = true;\n      this.expanded = false;\n    }\n\n    if (!this.expanded) {\n      //\n    }\n  }\n\n  private handleHexInput(event: InputEvent) {\n    const hex = (event.target as TextInput).value;\n    if (hex.startsWith('#')) {\n      this.previewColor = hex;\n      this.setValue(hex);\n    }\n  }\n\n  public serializeValue(value: any): string {\n    return value;\n  }\n\n  public render() {\n    return html`\n      <temba-field\n        name=${this.name}\n        .helpText=${this.helpText}\n        .errors=${this.errors}\n        .widgetOnly=${this.widgetOnly}\n        .hideLabel=${this.hideLabel}\n        .disabled=${this.disabled}\n      >\n        <div style=\"display:flex\" tabindex=\"0\">\n          <div class=${getClasses({ wrapper: true, expanded: this.expanded })}>\n            <div class=${getClasses({ 'picker-wrapper': true })}>\n              <div\n                class=${getClasses({\n                  preview: true,\n                  selecting: this.selecting,\n                })}\n                style=\"color:${this.labelColor};background:${this.previewColor}\"\n                @click=${this.handlePreviewClick}\n              >\n                ${this.label}\n              </div>\n              <div\n                class=\"color-picker\"\n                tabindex=\"0\"\n                @blur=${this.handleBlur}\n                @mousemove=${this.handleMouseMove}\n                @mouseout=${this.handleMouseOut}\n                @click=${this.handleColorClick}\n              ></div>\n            </div>\n            <temba-textinput\n              value=${this.hex}\n              @input=${this.handleHexInput}\n              placeholder=\"#000000\"\n            ></temba-textinput>\n          </div>\n        </div>\n      </temba-field>\n    `;\n  }\n}\n"]}

package/out-tsc/src/list/ContentMenu.js

@@ -68,7 +68,7 @@ export class ContentMenu extends RapidElement {
       }
 
       .item:hover {
-        color: rgb(var(--primary-rgb));
+        color: var(--color-link-primary);
       }
     `;
     }

package/out-tsc/src/list/ContentMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentMenu.js","sourceRoot":"","sources":["../../../src/list/ContentMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\n\nimport { RapidElement } from '../RapidElement';\nimport { getUrl, WebResponse } from '../utils';\n\nconst HEADERS = {\n  'Temba-Content-Menu': '1',\n  'Temba-Spa': '1',\n};\nexport interface ContentMenuItem {\n  type: string;\n  as_button: boolean;\n  label: string;\n  url: string;\n  disabled: boolean;\n  modal_id: string;\n  on_submit: string;\n  primary: boolean;\n  title: string;\n  on_click: null;\n  link_class: string;\n}\n\nexport enum ContentMenuItemType {\n  LINK = 'link',\n  JS = 'js',\n  URL_POST = 'url_post',\n  MODAX = 'modax',\n  DIVIDER = 'divider',\n}\n\nexport class ContentMenu extends RapidElement {\n  static get styles() {\n    return css`\n      .container {\n        --button-y: 0.4em;\n        --button-x: 1em;\n        display: flex;\n      }\n\n      .button_item,\n      .primary_button_item {\n        margin-left: 1rem;\n      }\n\n      .toggle {\n        --icon-color: rgb(102, 102, 102);\n        padding: 0.5rem;\n        margin-left: 0.5rem;\n      }\n\n      .toggle:hover {\n        background: rgba(0, 0, 0, 0.05);\n        border-radius: var(--curvature);\n        --icon-color: rgb(136, 136, 136);\n      }\n\n      .dropdown {\n        padding: 1rem 1.5rem;\n        color: rgb(45, 45, 45);\n        z-index: 50;\n        min-width: 200px;\n      }\n\n      .divider {\n        border-bottom: 1px solid rgb(237, 237, 237);\n        margin: 1rem -1.5em;\n      }\n\n      .item {\n        white-space: nowrap;\n        margin: 0.2em 0em;\n        font-size: 1.1rem;\n        cursor: pointer;\n        font-weight: 400;\n      }\n\n      .item:hover {\n        color: rgb(var(--primary-rgb));\n      }\n    `;\n  }\n\n  @property({ type: String })\n  endpoint: string;\n\n  @property({ type: Number })\n  legacy: number;\n\n  @property({ type: Array, attribute: false })\n  buttons: ContentMenuItem[] = [];\n\n  @property({ type: Array, attribute: false })\n  items: ContentMenuItem[] = [];\n\n  private fetchContentMenu() {\n    const url = this.endpoint;\n    if (url) {\n      const legacy = this.legacy;\n      const headers = HEADERS;\n      if (legacy) {\n        delete headers['Temba-Spa'];\n      }\n\n      //ok, fetch the content menu\n      getUrl(url, null, headers)\n        .then((response: WebResponse) => {\n          const json = response.json;\n          const contentMenu = json.items as ContentMenuItem[];\n\n          //populate (or initialize) the buttons and items\n          if (contentMenu) {\n            this.buttons = contentMenu.filter(item => item.as_button);\n            this.items = contentMenu.filter(item => !item.as_button);\n          } else {\n            this.buttons = [];\n            this.items = [];\n          }\n\n          //fire custom loaded event type when we're finished\n          this.fireCustomEvent(CustomEventType.Loaded, {\n            buttons: this.buttons,\n            items: this.items,\n          });\n        })\n        .catch((error: any) => {\n          console.error(error);\n        });\n    }\n  }\n\n  public refresh() {\n    this.fetchContentMenu();\n  }\n\n  protected updated(changes: Map<string, any>) {\n    super.updated(changes);\n\n    if (changes.has('endpoint') || changes.has('legacy')) {\n      this.fetchContentMenu();\n    }\n  }\n\n  private handleItemClicked(item: ContentMenuItem, event: MouseEvent) {\n    this.fireCustomEvent(CustomEventType.Selection, { item, event });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"container\">\n        ${this.buttons.map(button => {\n          return html`<temba-button\n            class=\"${button.primary ? 'primary_button_item' : 'button_item'}\"\n            name=${button.label}\n            @click=${event => this.handleItemClicked(button, event)}\n          >\n            ${button.label}\n          </temba-button>`;\n        })}\n        ${this.items && this.items.length > 0\n          ? html` <temba-dropdown\n              arrowsize=\"8\"\n              arrowoffset=\"-12\"\n              offsetx=\"-200\"\n              offsety=\"6\"\n            >\n              <div slot=\"toggle\" class=\"toggle\">\n                <temba-icon name=\"menu\" size=\"1.5\"></temba-icon>\n              </div>\n              <div slot=\"dropdown\" class=\"dropdown\">\n                ${this.items.map(item => {\n                  if (item.type === ContentMenuItemType.DIVIDER) {\n                    return html` <div class=\"divider\"></div>`;\n                  } else {\n                    return html` <div\n                      class=\"item\"\n                      name=${item.label}\n                      @click=${event => this.handleItemClicked(item, event)}\n                    >\n                      ${item.label}\n                    </div>`;\n                  }\n                })}\n              </div>\n            </temba-dropdown>`\n          : null}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"ContentMenu.js","sourceRoot":"","sources":["../../../src/list/ContentMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\n\nimport { RapidElement } from '../RapidElement';\nimport { getUrl, WebResponse } from '../utils';\n\nconst HEADERS = {\n  'Temba-Content-Menu': '1',\n  'Temba-Spa': '1',\n};\nexport interface ContentMenuItem {\n  type: string;\n  as_button: boolean;\n  label: string;\n  url: string;\n  disabled: boolean;\n  modal_id: string;\n  on_submit: string;\n  primary: boolean;\n  title: string;\n  on_click: null;\n  link_class: string;\n}\n\nexport enum ContentMenuItemType {\n  LINK = 'link',\n  JS = 'js',\n  URL_POST = 'url_post',\n  MODAX = 'modax',\n  DIVIDER = 'divider',\n}\n\nexport class ContentMenu extends RapidElement {\n  static get styles() {\n    return css`\n      .container {\n        --button-y: 0.4em;\n        --button-x: 1em;\n        display: flex;\n      }\n\n      .button_item,\n      .primary_button_item {\n        margin-left: 1rem;\n      }\n\n      .toggle {\n        --icon-color: rgb(102, 102, 102);\n        padding: 0.5rem;\n        margin-left: 0.5rem;\n      }\n\n      .toggle:hover {\n        background: rgba(0, 0, 0, 0.05);\n        border-radius: var(--curvature);\n        --icon-color: rgb(136, 136, 136);\n      }\n\n      .dropdown {\n        padding: 1rem 1.5rem;\n        color: rgb(45, 45, 45);\n        z-index: 50;\n        min-width: 200px;\n      }\n\n      .divider {\n        border-bottom: 1px solid rgb(237, 237, 237);\n        margin: 1rem -1.5em;\n      }\n\n      .item {\n        white-space: nowrap;\n        margin: 0.2em 0em;\n        font-size: 1.1rem;\n        cursor: pointer;\n        font-weight: 400;\n      }\n\n      .item:hover {\n        color: var(--color-link-primary);\n      }\n    `;\n  }\n\n  @property({ type: String })\n  endpoint: string;\n\n  @property({ type: Number })\n  legacy: number;\n\n  @property({ type: Array, attribute: false })\n  buttons: ContentMenuItem[] = [];\n\n  @property({ type: Array, attribute: false })\n  items: ContentMenuItem[] = [];\n\n  private fetchContentMenu() {\n    const url = this.endpoint;\n    if (url) {\n      const legacy = this.legacy;\n      const headers = HEADERS;\n      if (legacy) {\n        delete headers['Temba-Spa'];\n      }\n\n      //ok, fetch the content menu\n      getUrl(url, null, headers)\n        .then((response: WebResponse) => {\n          const json = response.json;\n          const contentMenu = json.items as ContentMenuItem[];\n\n          //populate (or initialize) the buttons and items\n          if (contentMenu) {\n            this.buttons = contentMenu.filter(item => item.as_button);\n            this.items = contentMenu.filter(item => !item.as_button);\n          } else {\n            this.buttons = [];\n            this.items = [];\n          }\n\n          //fire custom loaded event type when we're finished\n          this.fireCustomEvent(CustomEventType.Loaded, {\n            buttons: this.buttons,\n            items: this.items,\n          });\n        })\n        .catch((error: any) => {\n          console.error(error);\n        });\n    }\n  }\n\n  public refresh() {\n    this.fetchContentMenu();\n  }\n\n  protected updated(changes: Map<string, any>) {\n    super.updated(changes);\n\n    if (changes.has('endpoint') || changes.has('legacy')) {\n      this.fetchContentMenu();\n    }\n  }\n\n  private handleItemClicked(item: ContentMenuItem, event: MouseEvent) {\n    this.fireCustomEvent(CustomEventType.Selection, { item, event });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"container\">\n        ${this.buttons.map(button => {\n          return html`<temba-button\n            class=\"${button.primary ? 'primary_button_item' : 'button_item'}\"\n            name=${button.label}\n            @click=${event => this.handleItemClicked(button, event)}\n          >\n            ${button.label}\n          </temba-button>`;\n        })}\n        ${this.items && this.items.length > 0\n          ? html` <temba-dropdown\n              arrowsize=\"8\"\n              arrowoffset=\"-12\"\n              offsetx=\"-200\"\n              offsety=\"6\"\n            >\n              <div slot=\"toggle\" class=\"toggle\">\n                <temba-icon name=\"menu\" size=\"1.5\"></temba-icon>\n              </div>\n              <div slot=\"dropdown\" class=\"dropdown\">\n                ${this.items.map(item => {\n                  if (item.type === ContentMenuItemType.DIVIDER) {\n                    return html` <div class=\"divider\"></div>`;\n                  } else {\n                    return html` <div\n                      class=\"item\"\n                      name=${item.label}\n                      @click=${event => this.handleItemClicked(item, event)}\n                    >\n                      ${item.label}\n                    </div>`;\n                  }\n                })}\n              </div>\n            </temba-dropdown>`\n          : null}\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -1,5 +1,5 @@
 // for cache busting we dynamically generate a fingerprint, use yarn svg to update
-export const SVG_FINGERPRINT = 'f469b4b2409b0601ce9d11e1ca9e36e2';
+export const SVG_FINGERPRINT = '4895893f4a3a2f33536aaf322d65b4e3';
 // only icons below are included in the sprite sheet
 export var Icon;
 (function (Icon) {
@@ -24,8 +24,10 @@ export var Icon;
     Icon["channel"] = "zap";
     Icon["channel_android"] = "channel-android";
     Icon["channel_clickatell"] = "clickatell";
+    Icon["channel_external"] = "globe-02";
     Icon["channel_facebook"] = "facebook-official";
     Icon["channel_freshchat"] = "freshchat";
+    Icon["channel_instagram"] = "channel-instagram";
     Icon["channel_jiochat"] = "jiochat";
     Icon["channel_junebug"] = "junebug";
     Icon["channel_kannel"] = "channel-kannel";
@@ -54,6 +56,7 @@ export var Icon;
     Icon["contact_stopped"] = "slash-octagon";
     Icon["contact_updated"] = "user-edit";
     Icon["contacts"] = "user-01";
+    Icon["conversation"] = "message-chat-square";
     Icon["copy"] = "copy-04";
     Icon["dashboard"] = "pie-chart-01";
     Icon["delete"] = "trash-03";
@@ -77,6 +80,7 @@ export var Icon;
     Icon["home"] = "settings-02";
     Icon["image"] = "image-01";
     Icon["inbox"] = "inbox-01";
+    Icon["incoming_call"] = "phone-incoming-01";
     Icon["info"] = "user-square";
     Icon["label"] = "tag-01";
     Icon["language"] = "globe-01";
@@ -88,6 +92,7 @@ export var Icon;
     Icon["message"] = "message-square-02";
     Icon["messages"] = "message-square-02";
     Icon["missing"] = "maximize-02";
+    Icon["missed_call"] = "phone-x";
     Icon["new"] = "plus";
     Icon["notification"] = "bell-01";
     Icon["org_active"] = "credit-card-02";
@@ -100,6 +105,7 @@ export var Icon;
     Icon["overview"] = "pie-chart-01";
     Icon["prometheus"] = "prometheus";
     Icon["featured"] = "star-01";
+    Icon["referral"] = "user-right-01";
     Icon["resthooks"] = "share-07";
     Icon["restore"] = "play";
     Icon["retry"] = "refresh-cw-05";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/vectoricon/index.ts"],"names":[],"mappings":"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","sourcesContent":["// for cache busting we dynamically generate a fingerprint, use yarn svg to update\nexport const SVG_FINGERPRINT = 'f469b4b2409b0601ce9d11e1ca9e36e2';\n\n// only icons below are included in the sprite sheet\nexport enum Icon {\n  analytics = 'bar-chart-01',\n  account = 'user-01',\n  active = 'play',\n  add_note = 'file-02',\n  airtime = 'bank-note-01',\n  archive = 'archive',\n  arrow_up = 'chevron-up',\n  arrow_down = 'chevron-down',\n  arrow_left = 'chevron-left',\n  arrow_right = 'chevron-right',\n  attachment = 'paperclip',\n  broadcast = 'announcement-01',\n  call = 'phone-call-01',\n  call_missed = 'phone-call-02',\n  campaign = 'clock-refresh',\n  campaign_active = 'play',\n  campaign_archived = 'archive',\n  campaigns = 'clock-refresh',\n  channel = 'zap',\n\n  channel_android = 'channel-android',\n  channel_clickatell = 'clickatell',\n  channel_facebook = 'facebook-official',\n  channel_freshchat = 'freshchat',\n  channel_jiochat = 'jiochat',\n  channel_junebug = 'junebug',\n  channel_kannel = 'channel-kannel',\n  channel_line = 'line',\n  channel_mtarget = 'mtarget',\n  channel_plivo = 'channel-plivo',\n  channel_signalwire = 'signalwire',\n  channel_thinq = 'thinq',\n  channel_telegram = 'telegram',\n  channel_twilio = 'channel-twilio',\n  channel_twitter = 'twitter',\n  channel_viber = 'viber',\n  channel_vk = 'vk',\n  channel_vonage = 'vonage',\n  channel_wechat = 'wechat',\n  channel_whatsapp = 'whatsapp',\n\n  children = 'git-branch-01',\n  check = 'check',\n  checkbox = 'square',\n  checkbox_checked = 'check-square',\n  compose = 'send-01',\n  colors = 'palette',\n  contact = 'user-01',\n  contact_archived = 'archive',\n  contact_blocked = 'message-x-square',\n  contact_stopped = 'slash-octagon',\n  contact_updated = 'user-edit',\n  contacts = 'user-01',\n  copy = 'copy-04',\n  dashboard = 'pie-chart-01',\n  delete = 'trash-03',\n  delete_small = 'x',\n  down = 'chevron-down',\n  download = 'download-01',\n  email = 'mail-01',\n  error = 'alert-circle',\n  event = 'zap',\n  fields = 'user-edit',\n  flow = 'flow',\n  flow_interrupted = 'x-close',\n  flow_ivr = 'phone-call-01',\n  flow_message = 'message-square-02',\n  flow_user = 'hard-drive',\n  flows = 'flow',\n  global = 'at-sign',\n  group = 'users-01',\n  group_smart = 'atom-01',\n  help = 'help-circle',\n  home = 'settings-02',\n  image = 'image-01',\n  inbox = 'inbox-01',\n  info = 'user-square',\n  label = 'tag-01',\n  language = 'globe-01',\n  link = 'link-external-01',\n  log = 'file-02',\n  logout = 'log-out-04',\n  menu = 'menu-01',\n  menu_collapse = 'chevron-left-double',\n  message = 'message-square-02',\n  messages = 'message-square-02',\n  missing = 'maximize-02',\n  new = 'plus',\n  notification = 'bell-01',\n  org_active = 'credit-card-02',\n  org_anonymous = 'glasses-01',\n  org_bulk = 'credit-card-plus',\n  org_flagged = 'flag-01',\n  org_new = 'stars-02',\n  org_suspended = 'slash-circle-01',\n  org_verified = 'check-verified-02',\n  overview = 'pie-chart-01',\n  prometheus = 'prometheus',\n  featured = 'star-01',\n  resthooks = 'share-07',\n  restore = 'play',\n  retry = 'refresh-cw-05',\n  rocketchat = 'rocketchat',\n  runs = 'rows-03',\n  search = 'search-refraction',\n  select_open = 'chevron-down',\n  select_clear = 'x',\n  service = 'magic-wand-01',\n  service_end = 'log-out-04',\n  settings = 'settings-02',\n  sort = 'chevron-selector-vertical',\n  staff = 'hard-drive',\n  tickets = 'agent',\n  tickets_all = 'archive',\n  tickets_closed = 'check',\n  tickets_mine = 'coffee',\n  tickets_open = 'inbox-01',\n  tickets_unassigned = 'inbox-01',\n  topic = 'message-text-circle-02',\n  two_factor_enabled = 'shield-02',\n  two_factor_disabled = 'shield-01',\n  trigger = 'signal-01',\n  trigger_active = 'play',\n  trigger_archived = 'archive',\n  trigger_new = 'plus',\n  triggers = 'signal-01',\n  updated = 'edit-02',\n  up = 'chevron-up',\n  upload = 'upload-cloud-01',\n  usages = 'link-04',\n  user = 'users-01',\n  users = 'users-01',\n  user_beta = 'shield-zap',\n  webhook = 'link-external-01',\n  wit = 'wit',\n  workspace = 'folder',\n  zapier = 'zapier',\n  zendesk = 'zendesk',\n\n  ext = 'lightning-01',\n  fcm = 'lightning-01',\n\n  bothub = 'bothub',\n  chatbase = 'chatbase',\n  dtone = 'dtone',\n\n  // demo\n  default = 'list',\n  datepicker = 'calendar',\n  slider = 'sliders-02',\n  select = 'browser',\n  input = 'edit-05',\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/vectoricon/index.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,MAAM,CAAC,MAAM,eAAe,GAAG,kCAAkC,CAAC;AAElE,oDAAoD;AACpD,MAAM,CAAN,IAAY,IA+JX;AA/JD,WAAY,IAAI;IACd,kCAA0B,CAAA;IAC1B,2BAAmB,CAAA;IACnB,uBAAe,CAAA;IACf,4BAAoB,CAAA;IACpB,gCAAwB,CAAA;IACxB,2BAAmB,CAAA;IACnB,+BAAuB,CAAA;IACvB,mCAA2B,CAAA;IAC3B,mCAA2B,CAAA;IAC3B,qCAA6B,CAAA;IAC7B,gCAAwB,CAAA;IACxB,qCAA6B,CAAA;IAC7B,8BAAsB,CAAA;IACtB,qCAA6B,CAAA;IAC7B,kCAA0B,CAAA;IAC1B,gCAAwB,CAAA;IACxB,qCAA6B,CAAA;IAC7B,mCAA2B,CAAA;IAC3B,uBAAe,CAAA;IAEf,2CAAmC,CAAA;IACnC,yCAAiC,CAAA;IACjC,qCAA6B,CAAA;IAC7B,8CAAsC,CAAA;IACtC,uCAA+B,CAAA;IAC/B,+CAAuC,CAAA;IACvC,mCAA2B,CAAA;IAC3B,mCAA2B,CAAA;IAC3B,yCAAiC,CAAA;IACjC,6BAAqB,CAAA;IACrB,mCAA2B,CAAA;IAC3B,uCAA+B,CAAA;IAC/B,yCAAiC,CAAA;IACjC,+BAAuB,CAAA;IACvB,qCAA6B,CAAA;IAC7B,yCAAiC,CAAA;IACjC,mCAA2B,CAAA;IAC3B,+BAAuB,CAAA;IACvB,yBAAiB,CAAA;IACjB,iCAAyB,CAAA;IACzB,iCAAyB,CAAA;IACzB,qCAA6B,CAAA;IAE7B,kCAA0B,CAAA;IAC1B,uBAAe,CAAA;IACf,2BAAmB,CAAA;IACnB,yCAAiC,CAAA;IACjC,2BAAmB,CAAA;IACnB,0BAAkB,CAAA;IAClB,2BAAmB,CAAA;IACnB,oCAA4B,CAAA;IAC5B,4CAAoC,CAAA;IACpC,yCAAiC,CAAA;IACjC,qCAA6B,CAAA;IAC7B,4BAAoB,CAAA;IACpB,4CAAoC,CAAA;IACpC,wBAAgB,CAAA;IAChB,kCAA0B,CAAA;IAC1B,2BAAmB,CAAA;IACnB,0BAAkB,CAAA;IAClB,6BAAqB,CAAA;IACrB,gCAAwB,CAAA;IACxB,yBAAiB,CAAA;IACjB,8BAAsB,CAAA;IACtB,qBAAa,CAAA;IACb,4BAAoB,CAAA;IACpB,qBAAa,CAAA;IACb,oCAA4B,CAAA;IAC5B,kCAA0B,CAAA;IAC1B,0CAAkC,CAAA;IAClC,gCAAwB,CAAA;IACxB,sBAAc,CAAA;IACd,0BAAkB,CAAA;IAClB,0BAAkB,CAAA;IAClB,+BAAuB,CAAA;IACvB,4BAAoB,CAAA;IACpB,4BAAoB,CAAA;IACpB,0BAAkB,CAAA;IAClB,0BAAkB,CAAA;IAClB,2CAAmC,CAAA;IACnC,4BAAoB,CAAA;IACpB,wBAAgB,CAAA;IAChB,6BAAqB,CAAA;IACrB,iCAAyB,CAAA;IACzB,uBAAe,CAAA;IACf,6BAAqB,CAAA;IACrB,wBAAgB,CAAA;IAChB,6CAAqC,CAAA;IACrC,qCAA6B,CAAA;IAC7B,sCAA8B,CAAA;IAC9B,+BAAuB,CAAA;IACvB,+BAAuB,CAAA;IACvB,oBAAY,CAAA;IACZ,gCAAwB,CAAA;IACxB,qCAA6B,CAAA;IAC7B,oCAA4B,CAAA;IAC5B,qCAA6B,CAAA;IAC7B,+BAAuB,CAAA;IACvB,4BAAoB,CAAA;IACpB,yCAAiC,CAAA;IACjC,0CAAkC,CAAA;IAClC,iCAAyB,CAAA;IACzB,iCAAyB,CAAA;IACzB,4BAAoB,CAAA;IACpB,kCAA0B,CAAA;IAC1B,8BAAsB,CAAA;IACtB,wBAAgB,CAAA;IAChB,+BAAuB,CAAA;IACvB,iCAAyB,CAAA;IACzB,wBAAgB,CAAA;IAChB,oCAA4B,CAAA;IAC5B,oCAA4B,CAAA;IAC5B,0BAAkB,CAAA;IAClB,iCAAyB,CAAA;IACzB,kCAA0B,CAAA;IAC1B,gCAAwB,CAAA;IACxB,0CAAkC,CAAA;IAClC,4BAAoB,CAAA;IACpB,yBAAiB,CAAA;IACjB,+BAAuB,CAAA;IACvB,gCAAwB,CAAA;IACxB,+BAAuB,CAAA;IACvB,iCAAyB,CAAA;IACzB,uCAA+B,CAAA;IAC/B,wCAAgC,CAAA;IAChC,wCAAgC,CAAA;IAChC,yCAAiC,CAAA;IACjC,6BAAqB,CAAA;IACrB,+BAAuB,CAAA;IACvB,oCAA4B,CAAA;IAC5B,4BAAoB,CAAA;IACpB,8BAAsB,CAAA;IACtB,2BAAmB,CAAA;IACnB,yBAAiB,CAAA;IACjB,kCAA0B,CAAA;IAC1B,0BAAkB,CAAA;IAClB,yBAAiB,CAAA;IACjB,0BAAkB,CAAA;IAClB,gCAAwB,CAAA;IACxB,oCAA4B,CAAA;IAC5B,mBAAW,CAAA;IACX,4BAAoB,CAAA;IACpB,yBAAiB,CAAA;IACjB,2BAAmB,CAAA;IAEnB,4BAAoB,CAAA;IACpB,4BAAoB,CAAA;IAEpB,yBAAiB,CAAA;IACjB,6BAAqB,CAAA;IACrB,uBAAe,CAAA;IAEf,OAAO;IACP,wBAAgB,CAAA;IAChB,+BAAuB,CAAA;IACvB,6BAAqB,CAAA;IACrB,0BAAkB,CAAA;IAClB,yBAAiB,CAAA;AACnB,CAAC,EA/JW,IAAI,KAAJ,IAAI,QA+Jf","sourcesContent":["// for cache busting we dynamically generate a fingerprint, use yarn svg to update\nexport const SVG_FINGERPRINT = '4895893f4a3a2f33536aaf322d65b4e3';\n\n// only icons below are included in the sprite sheet\nexport enum Icon {\n  analytics = 'bar-chart-01',\n  account = 'user-01',\n  active = 'play',\n  add_note = 'file-02',\n  airtime = 'bank-note-01',\n  archive = 'archive',\n  arrow_up = 'chevron-up',\n  arrow_down = 'chevron-down',\n  arrow_left = 'chevron-left',\n  arrow_right = 'chevron-right',\n  attachment = 'paperclip',\n  broadcast = 'announcement-01',\n  call = 'phone-call-01',\n  call_missed = 'phone-call-02',\n  campaign = 'clock-refresh',\n  campaign_active = 'play',\n  campaign_archived = 'archive',\n  campaigns = 'clock-refresh',\n  channel = 'zap',\n\n  channel_android = 'channel-android',\n  channel_clickatell = 'clickatell',\n  channel_external = 'globe-02',\n  channel_facebook = 'facebook-official',\n  channel_freshchat = 'freshchat',\n  channel_instagram = 'channel-instagram',\n  channel_jiochat = 'jiochat',\n  channel_junebug = 'junebug',\n  channel_kannel = 'channel-kannel',\n  channel_line = 'line',\n  channel_mtarget = 'mtarget',\n  channel_plivo = 'channel-plivo',\n  channel_signalwire = 'signalwire',\n  channel_thinq = 'thinq',\n  channel_telegram = 'telegram',\n  channel_twilio = 'channel-twilio',\n  channel_twitter = 'twitter',\n  channel_viber = 'viber',\n  channel_vk = 'vk',\n  channel_vonage = 'vonage',\n  channel_wechat = 'wechat',\n  channel_whatsapp = 'whatsapp',\n\n  children = 'git-branch-01',\n  check = 'check',\n  checkbox = 'square',\n  checkbox_checked = 'check-square',\n  compose = 'send-01',\n  colors = 'palette',\n  contact = 'user-01',\n  contact_archived = 'archive',\n  contact_blocked = 'message-x-square',\n  contact_stopped = 'slash-octagon',\n  contact_updated = 'user-edit',\n  contacts = 'user-01',\n  conversation = 'message-chat-square',\n  copy = 'copy-04',\n  dashboard = 'pie-chart-01',\n  delete = 'trash-03',\n  delete_small = 'x',\n  down = 'chevron-down',\n  download = 'download-01',\n  email = 'mail-01',\n  error = 'alert-circle',\n  event = 'zap',\n  fields = 'user-edit',\n  flow = 'flow',\n  flow_interrupted = 'x-close',\n  flow_ivr = 'phone-call-01',\n  flow_message = 'message-square-02',\n  flow_user = 'hard-drive',\n  flows = 'flow',\n  global = 'at-sign',\n  group = 'users-01',\n  group_smart = 'atom-01',\n  help = 'help-circle',\n  home = 'settings-02',\n  image = 'image-01',\n  inbox = 'inbox-01',\n  incoming_call = 'phone-incoming-01',\n  info = 'user-square',\n  label = 'tag-01',\n  language = 'globe-01',\n  link = 'link-external-01',\n  log = 'file-02',\n  logout = 'log-out-04',\n  menu = 'menu-01',\n  menu_collapse = 'chevron-left-double',\n  message = 'message-square-02',\n  messages = 'message-square-02',\n  missing = 'maximize-02',\n  missed_call = 'phone-x',\n  new = 'plus',\n  notification = 'bell-01',\n  org_active = 'credit-card-02',\n  org_anonymous = 'glasses-01',\n  org_bulk = 'credit-card-plus',\n  org_flagged = 'flag-01',\n  org_new = 'stars-02',\n  org_suspended = 'slash-circle-01',\n  org_verified = 'check-verified-02',\n  overview = 'pie-chart-01',\n  prometheus = 'prometheus',\n  featured = 'star-01',\n  referral = 'user-right-01',\n  resthooks = 'share-07',\n  restore = 'play',\n  retry = 'refresh-cw-05',\n  rocketchat = 'rocketchat',\n  runs = 'rows-03',\n  search = 'search-refraction',\n  select_open = 'chevron-down',\n  select_clear = 'x',\n  service = 'magic-wand-01',\n  service_end = 'log-out-04',\n  settings = 'settings-02',\n  sort = 'chevron-selector-vertical',\n  staff = 'hard-drive',\n  tickets = 'agent',\n  tickets_all = 'archive',\n  tickets_closed = 'check',\n  tickets_mine = 'coffee',\n  tickets_open = 'inbox-01',\n  tickets_unassigned = 'inbox-01',\n  topic = 'message-text-circle-02',\n  two_factor_enabled = 'shield-02',\n  two_factor_disabled = 'shield-01',\n  trigger = 'signal-01',\n  trigger_active = 'play',\n  trigger_archived = 'archive',\n  trigger_new = 'plus',\n  triggers = 'signal-01',\n  updated = 'edit-02',\n  up = 'chevron-up',\n  upload = 'upload-cloud-01',\n  usages = 'link-04',\n  user = 'users-01',\n  users = 'users-01',\n  user_beta = 'shield-zap',\n  webhook = 'link-external-01',\n  wit = 'wit',\n  workspace = 'folder',\n  zapier = 'zapier',\n  zendesk = 'zendesk',\n\n  ext = 'lightning-01',\n  fcm = 'lightning-01',\n\n  bothub = 'bothub',\n  chatbase = 'chatbase',\n  dtone = 'dtone',\n\n  // demo\n  default = 'list',\n  datepicker = 'calendar',\n  slider = 'sliders-02',\n  select = 'browser',\n  input = 'edit-05',\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nyaruka/temba-components",
-  "version": "0.49.2",
+  "version": "0.49.4",
   "description": "Web components to support rapidpro and related projects",
   "author": "Nyaruka <code@nyaruka.coim>",
   "main": "dist/index.js",
@@ -27,7 +27,7 @@
     "test:watch": "wtr --node-resolve --watch",
     "storybook": "concurrently --kill-others --names tsc,storybook \"npm run tsc:watch\" \"start-storybook --node-resolve --watch --open\"",
     "storybook:build": "build-storybook",
-    "svg": "rimraf static/svg/work && node svg.js --resolution=100",
+    "svg": "rimraf static/svg/work && node svg.js --resolution=150",
     "version": "yarn run build && auto-changelog -p && git add CHANGELOG.md"
   },
   "dependencies": {

package/src/colorpicker/ColorPicker.ts

@@ -1,4 +1,4 @@
-import { html, css } from 'lit';
+import { html, css, PropertyValueMap } from 'lit';
 import { FormElement } from '../FormElement';
 import { property } from 'lit/decorators.js';
 import { getClasses, hslToHex } from '../utils';
@@ -135,6 +135,13 @@ export class ColorPicker extends FormElement {
     `;
   }
 
+  protected firstUpdated(
+    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>
+  ): void {
+    super.firstUpdated(_changedProperties);
+    this.setValue(this.value);
+  }
+
   public updated(changed: Map<string, any>): void {
     super.updated(changed);
 

package/src/list/ContentMenu.ts

@@ -78,7 +78,7 @@ export class ContentMenu extends RapidElement {
       }
 
       .item:hover {
-        color: rgb(var(--primary-rgb));
+        color: var(--color-link-primary);
       }
     `;
   }

package/src/vectoricon/index.ts

@@ -1,5 +1,5 @@
 // for cache busting we dynamically generate a fingerprint, use yarn svg to update
-export const SVG_FINGERPRINT = 'f469b4b2409b0601ce9d11e1ca9e36e2';
+export const SVG_FINGERPRINT = '4895893f4a3a2f33536aaf322d65b4e3';
 
 // only icons below are included in the sprite sheet
 export enum Icon {
@@ -25,8 +25,10 @@ export enum Icon {
 
   channel_android = 'channel-android',
   channel_clickatell = 'clickatell',
+  channel_external = 'globe-02',
   channel_facebook = 'facebook-official',
   channel_freshchat = 'freshchat',
+  channel_instagram = 'channel-instagram',
   channel_jiochat = 'jiochat',
   channel_junebug = 'junebug',
   channel_kannel = 'channel-kannel',
@@ -56,6 +58,7 @@ export enum Icon {
   contact_stopped = 'slash-octagon',
   contact_updated = 'user-edit',
   contacts = 'user-01',
+  conversation = 'message-chat-square',
   copy = 'copy-04',
   dashboard = 'pie-chart-01',
   delete = 'trash-03',
@@ -79,6 +82,7 @@ export enum Icon {
   home = 'settings-02',
   image = 'image-01',
   inbox = 'inbox-01',
+  incoming_call = 'phone-incoming-01',
   info = 'user-square',
   label = 'tag-01',
   language = 'globe-01',
@@ -90,6 +94,7 @@ export enum Icon {
   message = 'message-square-02',
   messages = 'message-square-02',
   missing = 'maximize-02',
+  missed_call = 'phone-x',
   new = 'plus',
   notification = 'bell-01',
   org_active = 'credit-card-02',
@@ -102,6 +107,7 @@ export enum Icon {
   overview = 'pie-chart-01',
   prometheus = 'prometheus',
   featured = 'star-01',
+  referral = 'user-right-01',
   resthooks = 'share-07',
   restore = 'play',
   retry = 'refresh-cw-05',