@nyaruka/temba-components 0.39.0 → 0.40.0

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 l=e=>o(e,i),c={module:{uri:i},exports:r,require:l};t[i]=Promise.all(n.map((e=>c[e]||l(e)))).then((e=>(s(...e),r)))}}define(["./workbox-919adfb7"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"9ac0723e.js",revision:"fb9447c01bc44f0e5d14392d90614394"},{url:"templates/components-body.html",revision:"9dd9b0ff4467b05f60de06817c9a688c"},{url:"templates/components-head.html",revision:"67b4db9023b5b889146f73bf36cc84eb"}],{}),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 d=e=>o(e,i),l={module:{uri:i},exports:r,require:d};t[i]=Promise.all(n.map((e=>l[e]||d(e)))).then((e=>(s(...e),r)))}}define(["./workbox-919adfb7"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"b885f7d6.js",revision:"4a4f27824f1806ebbd3ea41736e72d71"},{url:"templates/components-body.html",revision:"e20df09bd3338b5803faba488ff25c85"},{url:"templates/components-head.html",revision:"0ec12dae53d7ed76dd9d7a642cf6c8eb"}],{}),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/8b0a5762cfabb38535d0e755a79035bd/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\": \"9ac0723e.js\",\n    \"revision\": \"fb9447c01bc44f0e5d14392d90614394\"\n  },\n  {\n    \"url\": \"templates/components-body.html\",\n    \"revision\": \"9dd9b0ff4467b05f60de06817c9a688c\"\n  },\n  {\n    \"url\": \"templates/components-head.html\",\n    \"revision\": \"67b4db9023b5b889146f73bf36cc84eb\"\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/d0632a26fb72cd69c85046a087ad853b/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\": \"b885f7d6.js\",\n    \"revision\": \"4a4f27824f1806ebbd3ea41736e72d71\"\n  },\n  {\n    \"url\": \"templates/components-body.html\",\n    \"revision\": \"e20df09bd3338b5803faba488ff25c85\"\n  },\n  {\n    \"url\": \"templates/components-head.html\",\n    \"revision\": \"0ec12dae53d7ed76dd9d7a642cf6c8eb\"\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/9ac0723e.js"></script><script>window.TEMBA_COMPONENTS_VERSION="0.39.0"</script>
+<script type="module" src="{{STATIC_URL}}@nyaruka/temba-components/dist/b885f7d6.js"></script><script>window.TEMBA_COMPONENTS_VERSION="0.40.0"</script>

package/dist/templates/components-head.html

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

package/out-tsc/src/contacts/ContactBadges.js

@@ -2,9 +2,9 @@ import { css, html } from 'lit';
 import { Icon } from '../vectoricon';
 import { ContactStoreElement } from './ContactStoreElement';
 const STATUS = {
-    stopped: { name: 'Stopped', icon: 'x-octagon' },
-    blocked: { name: 'Blocked', icon: 'slash' },
-    archived: { name: 'Archived', icon: 'archive' },
+    stopped: { name: 'Stopped' },
+    blocked: { name: 'Blocked' },
+    archived: { name: 'Archived' },
 };
 export class ContactBadges extends ContactStoreElement {
     static get styles() {
@@ -27,9 +27,9 @@ export class ContactBadges extends ContactStoreElement {
           ${status && this.data.status !== 'active'
                 ? html `
                 <temba-label
-                  icon="${status.icon}"
+                  icon="icon.contact_${this.data.status}"
                   onclick="goto(event)"
-                  href="/contact/${status.name.toLowerCase()}"
+                  href="/contact/${status.name.toLowerCase()}/"
                   secondary
                   clickable
                   shadow

package/out-tsc/src/contacts/ContactBadges.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContactBadges.js","sourceRoot":"","sources":["../../../src/contacts/ContactBadges.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE;IAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;IAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE;CAChD,CAAC;AAEF,MAAM,OAAO,aAAc,SAAQ,mBAAmB;IACpD,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;KAST,CAAC;IACJ,CAAC;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAExC,OAAO,IAAI,CAAA;;YAEL,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,QAAQ;gBACvC,CAAC,CAAC,IAAI,CAAA;;0BAEQ,MAAM,CAAC,IAAI;;mCAEF,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE;;;;;oBAKxC,MAAM,CAAC,IAAI;;eAEhB;gBACH,CAAC,CAAC,IAAI;YACN,IAAI,CAAC,IAAI,CAAC,IAAI;gBACd,CAAC,CAAC,IAAI,CAAA;;;;oDAIkC,kBAAkB,CAClD,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG,CAChC;;;;;oBAKC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI;;eAExB;gBACH,CAAC,CAAC,IAAI;YACN,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAClB,CAAC,CAAC,IAAI,CAAA;;yBAEO,IAAI,CAAC,QAAQ;;wDAEkB,kBAAkB,CACtD,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAC/B;;;;;oBAKC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;eAEnD;gBACH,CAAC,CAAC,IAAI;YACN,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAY,EAAE,EAAE;gBACtC,OAAO,IAAI,CAAA;;;;wCAIiB,KAAK,CAAC,IAAI;uBAC3B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;;;;kBAIrD,KAAK,CAAC,IAAI;;aAEf,CAAC;YACJ,CAAC,CAAC;;OAEL,CAAC;SACH;aAAM;YACL,OAAO,IAAI,CAAC;SACb;IACH,CAAC;CACF","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { Group } from '../interfaces';\nimport { Icon } from '../vectoricon';\nimport { ContactStoreElement } from './ContactStoreElement';\n\nconst STATUS = {\n  stopped: { name: 'Stopped', icon: 'x-octagon' },\n  blocked: { name: 'Blocked', icon: 'slash' },\n  archived: { name: 'Archived', icon: 'archive' },\n};\n\nexport class ContactBadges extends ContactStoreElement {\n  static get styles() {\n    return css`\n      temba-label {\n        margin: 0.3em;\n      }\n\n      .badges {\n        display: flex;\n        flex-wrap: wrap;\n      }\n    `;\n  }\n\n  public render(): TemplateResult {\n    if (this.data) {\n      const status = STATUS[this.data.status];\n\n      return html`\n        <div class=\"badges\">\n          ${status && this.data.status !== 'active'\n            ? html`\n                <temba-label\n                  icon=\"${status.icon}\"\n                  onclick=\"goto(event)\"\n                  href=\"/contact/${status.name.toLowerCase()}\"\n                  secondary\n                  clickable\n                  shadow\n                >\n                  ${status.name}\n                </temba-label>\n              `\n            : null}\n          ${this.data.flow\n            ? html`\n                <temba-label\n                  icon=\"flow\"\n                  onclick=\"goto(event)\"\n                  href=\"/contact/?search=flow+%3D+${encodeURIComponent(\n                    '\"' + this.data.flow.name + '\"'\n                  )}\"\n                  clickable\n                  primary\n                  shadow\n                >\n                  ${this.data.flow.name}\n                </temba-label>\n              `\n            : null}\n          ${this.data.language\n            ? html`\n                <temba-label\n                  icon=${Icon.language}\n                  onclick=\"goto(event)\"\n                  href=\"/contact/?search=language+%3D+${encodeURIComponent(\n                    '\"' + this.data.language + '\"'\n                  )}\"\n                  clickable\n                  primary\n                  shadow\n                >\n                  ${this.store.getLanguageName(this.data.language)}\n                </temba-label>\n              `\n            : null}\n          ${this.data.groups.map((group: Group) => {\n            return html`\n              <temba-label\n                class=\"group\"\n                onclick=\"goto(event)\"\n                href=\"/contact/filter/${group.uuid}/\"\n                icon=${group.is_dynamic ? Icon.group_smart : Icon.group}\n                clickable\n                shadow\n              >\n                ${group.name}\n              </temba-label>\n            `;\n          })}\n        </div>\n      `;\n    } else {\n      return null;\n    }\n  }\n}\n"]}
+{"version":3,"file":"ContactBadges.js","sourceRoot":"","sources":["../../../src/contacts/ContactBadges.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC5B,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;CAC/B,CAAC;AAEF,MAAM,OAAO,aAAc,SAAQ,mBAAmB;IACpD,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;KAST,CAAC;IACJ,CAAC;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAExC,OAAO,IAAI,CAAA;;YAEL,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,QAAQ;gBACvC,CAAC,CAAC,IAAI,CAAA;;uCAEqB,IAAI,CAAC,IAAI,CAAC,MAAM;;mCAEpB,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE;;;;;oBAKxC,MAAM,CAAC,IAAI;;eAEhB;gBACH,CAAC,CAAC,IAAI;YACN,IAAI,CAAC,IAAI,CAAC,IAAI;gBACd,CAAC,CAAC,IAAI,CAAA;;;;oDAIkC,kBAAkB,CAClD,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG,CAChC;;;;;oBAKC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI;;eAExB;gBACH,CAAC,CAAC,IAAI;YACN,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAClB,CAAC,CAAC,IAAI,CAAA;;yBAEO,IAAI,CAAC,QAAQ;;wDAEkB,kBAAkB,CACtD,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAC/B;;;;;oBAKC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;eAEnD;gBACH,CAAC,CAAC,IAAI;YACN,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAY,EAAE,EAAE;gBACtC,OAAO,IAAI,CAAA;;;;wCAIiB,KAAK,CAAC,IAAI;uBAC3B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;;;;kBAIrD,KAAK,CAAC,IAAI;;aAEf,CAAC;YACJ,CAAC,CAAC;;OAEL,CAAC;SACH;aAAM;YACL,OAAO,IAAI,CAAC;SACb;IACH,CAAC;CACF","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { Group } from '../interfaces';\nimport { Icon } from '../vectoricon';\nimport { ContactStoreElement } from './ContactStoreElement';\n\nconst STATUS = {\n  stopped: { name: 'Stopped' },\n  blocked: { name: 'Blocked' },\n  archived: { name: 'Archived' },\n};\n\nexport class ContactBadges extends ContactStoreElement {\n  static get styles() {\n    return css`\n      temba-label {\n        margin: 0.3em;\n      }\n\n      .badges {\n        display: flex;\n        flex-wrap: wrap;\n      }\n    `;\n  }\n\n  public render(): TemplateResult {\n    if (this.data) {\n      const status = STATUS[this.data.status];\n\n      return html`\n        <div class=\"badges\">\n          ${status && this.data.status !== 'active'\n            ? html`\n                <temba-label\n                  icon=\"icon.contact_${this.data.status}\"\n                  onclick=\"goto(event)\"\n                  href=\"/contact/${status.name.toLowerCase()}/\"\n                  secondary\n                  clickable\n                  shadow\n                >\n                  ${status.name}\n                </temba-label>\n              `\n            : null}\n          ${this.data.flow\n            ? html`\n                <temba-label\n                  icon=\"flow\"\n                  onclick=\"goto(event)\"\n                  href=\"/contact/?search=flow+%3D+${encodeURIComponent(\n                    '\"' + this.data.flow.name + '\"'\n                  )}\"\n                  clickable\n                  primary\n                  shadow\n                >\n                  ${this.data.flow.name}\n                </temba-label>\n              `\n            : null}\n          ${this.data.language\n            ? html`\n                <temba-label\n                  icon=${Icon.language}\n                  onclick=\"goto(event)\"\n                  href=\"/contact/?search=language+%3D+${encodeURIComponent(\n                    '\"' + this.data.language + '\"'\n                  )}\"\n                  clickable\n                  primary\n                  shadow\n                >\n                  ${this.store.getLanguageName(this.data.language)}\n                </temba-label>\n              `\n            : null}\n          ${this.data.groups.map((group: Group) => {\n            return html`\n              <temba-label\n                class=\"group\"\n                onclick=\"goto(event)\"\n                href=\"/contact/filter/${group.uuid}/\"\n                icon=${group.is_dynamic ? Icon.group_smart : Icon.group}\n                clickable\n                shadow\n              >\n                ${group.name}\n              </temba-label>\n            `;\n          })}\n        </div>\n      `;\n    } else {\n      return null;\n    }\n  }\n}\n"]}

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

@@ -87,9 +87,6 @@ export class TembaMenu extends RapidElement {
         display: none;
       }
 
-      .submenu {
-      }
-
       .level-0 > .item,
       .level-0 > temba-dropdown > div[slot='toggle'] > .avatar {
         background: var(--color-primary-dark);
@@ -150,9 +147,6 @@ export class TembaMenu extends RapidElement {
         font-size: 0.7em;
       }
 
-      .level-0.expanding {
-      }
-
       .level-0.expanded {
         background: inherit;
       }
@@ -183,9 +177,6 @@ export class TembaMenu extends RapidElement {
         margin-right: 0.5em;
       }
 
-      .item.inline > temba-icon {
-      }
-
       .item > .details > .name {
         flex-grow: 1;
         white-space: nowrap;
@@ -235,9 +226,6 @@ export class TembaMenu extends RapidElement {
         border-bottom-right-radius: var(--curvature);
       }
 
-      .level-0 > .selected-top {
-      }
-
       .level-0 > .item:hover {
         background: rgba(var(--primary-rgb), 0.85);
         --icon-color: #fff;
@@ -249,12 +237,6 @@ export class TembaMenu extends RapidElement {
         cursor: default;
       }
 
-      .inline-children {
-      }
-
-      .inline-children .item {
-      }
-
       .item.inline {
         border: 0px solid transparent;
       }
@@ -295,9 +277,6 @@ export class TembaMenu extends RapidElement {
         transition: min-width var(--transition-speed) !important;
       }
 
-      .level-1 .item .details {
-      }
-
       .collapsed .item {
         overflow: hidden;
         min-width: 0;
@@ -311,12 +290,6 @@ export class TembaMenu extends RapidElement {
         align-items: center;
       }
 
-      .item .details .name {
-      }
-
-      .item temba-icon {
-      }
-
       .collapsed .item {
         margin-bottom: 0.5em;
       }
@@ -477,7 +450,6 @@ export class TembaMenu extends RapidElement {
         super();
         this.wraps = false;
         this.selection = [];
-        this.pending = [];
         this.state = {};
         this.renderMenuItem = (menuItem, parent = null) => {
             if (menuItem.type === 'divider') {
@@ -625,12 +597,6 @@ export class TembaMenu extends RapidElement {
         return itemState;
     }
     updated(changes) {
-        if (changes.has('value')) {
-            this.setSelection((this.value || '').split('/'));
-        }
-        if (changes.has('submenu') && !changes.has('value')) {
-            this.setSelection([this.submenu]);
-        }
         if (changes.has('endpoint')) {
             this.root = {
                 level: -1,
@@ -639,51 +605,43 @@ export class TembaMenu extends RapidElement {
             if (!this.wait) {
                 this.loadItems(this.root);
             }
-            this.fireCustomEvent(CustomEventType.Ready);
+            else {
+                this.fireCustomEvent(CustomEventType.Ready);
+            }
+        }
+        if (changes.has('root')) {
+            if (this.value) {
+                this.setFocusedItem(this.value);
+                this.value = null;
+            }
         }
     }
     reset() {
         this.loadItems(this.root);
     }
-    refresh(path = null) {
-        if (!path) {
-            path = [...this.selection];
-        }
-        // go up the tree until we find an endpoint
-        const item = this.getMenuItemForSelection(path);
-        if (item) {
-            if (item.endpoint) {
-                this.loadItems(item, false);
-            }
-            else {
-                path.pop();
-                this.refresh(path);
-            }
-        }
-    }
-    fireNoPath(missingId) {
-        const item = this.getMenuItem();
-        if (item) {
-            const details = {
-                item: item.id,
-                selection: '/' + this.selection.join('/'),
-                endpoint: item.endpoint,
-                path: missingId + '/' + this.pending.join('/') + document.location.search,
-            };
-            // remove any excess from our selection
-            const selection = this.selection.join('/');
-            selection.replace(details.path, '');
-            this.selection = selection.split('/');
-            this.fireCustomEvent(CustomEventType.NoPath, details);
-            this.pending = [];
-            this.requestUpdate('root');
+    refresh() {
+        const path = [...this.selection];
+        let item = this.root;
+        while (path.length > 0) {
+            this.loadItems(item);
+            const id = path.shift();
+            item = item.items.find(_item => _item.id == id);
         }
+        this.loadItems(item);
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    loadItems(item, selectFirst = true) {
+    loadItems(item, selectFirst = false) {
         if (item && item.endpoint) {
             item.loading = true;
             this.httpComplete = fetchResults(item.endpoint).then((items) => {
+                items.forEach(newItem => {
+                    if (!newItem.items) {
+                        const prevItem = (item.items || []).find(prev => prev.id == newItem.id);
+                        if (prevItem && prevItem.items) {
+                            newItem.items = prevItem.items;
+                        }
+                    }
+                });
                 // update our item level
                 items.forEach(subItem => {
                     subItem.level = item.level + 1;
@@ -691,53 +649,47 @@ export class TembaMenu extends RapidElement {
                     if (subItem.items) {
                         subItem.items.forEach(inlineItem => {
                             inlineItem.level = item.level + 2;
-                            // inlineItem.parent = subItem;
                         });
                     }
                 });
                 item.items = items;
                 item.loading = false;
-                this.requestUpdate('root');
-                this.scrollSelectedIntoView();
-                if (this.pending && this.pending.length > 0) {
-                    // auto select the next pending click
-                    const nextId = this.pending.shift();
-                    if (nextId && items.length > 0) {
-                        const nextItem = findItem(items, nextId);
-                        if (nextItem.item) {
-                            this.handleItemClicked(null, nextItem.item);
-                        }
-                        else {
-                            this.fireNoPath(nextId);
-                        }
-                    }
+                if (this.submenu && this.selection.length == 0) {
+                    const sub = this.getMenuItemForSelection([this.submenu]);
+                    this.handleItemClicked(null, sub);
                 }
-                else {
-                    // auto select the first item
-                    if (selectFirst &&
-                        items.length > 0 &&
-                        this.selection.length >= 1 &&
-                        !item.inline) {
-                        for (const item of items) {
-                            if (!item.type) {
-                                this.handleItemClicked(null, item);
-                                break;
-                            }
-                        }
-                    }
+                if (!this.wait) {
+                    this.fireCustomEvent(CustomEventType.Ready);
+                    this.wait = true;
                 }
+                // once we've set our items check if we need to auto-select
+                if (selectFirst && item.items.length > 0) {
+                    this.handleItemClicked(null, item.items[0]);
+                }
+                this.requestUpdate('root');
+                this.scrollSelectedIntoView();
             });
         }
     }
     handleItemClicked(event, menuItem, parent = null) {
-        this.fireCustomEvent(CustomEventType.ButtonClicked, {
-            item: menuItem,
-            parent,
-        });
         if (parent && parent.popup) {
+            if (event) {
+                this.fireCustomEvent(CustomEventType.ButtonClicked, {
+                    item: menuItem,
+                    selection: this.getSelection(),
+                    parent,
+                });
+            }
             return;
         }
         if (menuItem.popup) {
+            if (event) {
+                this.fireCustomEvent(CustomEventType.ButtonClicked, {
+                    item: menuItem,
+                    selection: this.getSelection(),
+                    parent,
+                });
+            }
             return;
         }
         if (parent && parent.inline) {
@@ -750,60 +702,31 @@ export class TembaMenu extends RapidElement {
             event.preventDefault();
             event.stopPropagation();
         }
-        if (menuItem.trigger) {
-            new Function(menuItem.trigger)();
+        // update our selection
+        if (menuItem.level >= this.selection.length) {
+            this.selection.push(menuItem.vanity_id || menuItem.id);
         }
         else {
-            if (menuItem.level === 0) {
-                /* this.expanding = menuItem.id;
-                window.setTimeout(() => {
-                  this.expanding = null;
-                }, 60);
-                */
-            }
-            // update our selection
-            if (menuItem.level >= this.selection.length) {
-                this.selection.push(menuItem.vanity_id || menuItem.id);
-            }
-            else {
-                this.selection.splice(menuItem.level, this.selection.length - menuItem.level, menuItem.vanity_id || menuItem.id);
-            }
-            if (menuItem.endpoint) {
-                this.loadItems(menuItem, this.pending.length == 0);
-                // make sure change events fire for events with hrefs
-                if (!menuItem.href) {
-                    return;
-                }
-            }
-            else {
-                if (this.pending && this.pending.length > 0) {
-                    // auto select the next pending click
-                    const nextId = this.pending.shift();
-                    const item = this.getMenuItem();
-                    if (nextId && item && item.items && item.items.length > 0) {
-                        const nextItem = findItem(item.items, nextId).item;
-                        if (nextItem) {
-                            this.handleItemClicked(null, nextItem);
-                            return;
-                        }
-                        else {
-                            this.fireNoPath(nextId);
-                            this.requestUpdate('root');
-                            return;
-                        }
-                    }
-                    else {
-                        this.fireNoPath(nextId);
-                        this.requestUpdate('root');
-                        return;
-                    }
-                }
-                this.requestUpdate('root');
-            }
-            if (this.pending.length == 0 || this.getMenuItem().href) {
-                this.dispatchEvent(new Event('change'));
+            this.selection.splice(menuItem.level, this.selection.length - menuItem.level, menuItem.vanity_id || menuItem.id);
+        }
+        if (menuItem.endpoint) {
+            this.loadItems(menuItem, !!event);
+            // make sure change events fire for events with hrefs
+            if (!menuItem.href) {
+                return;
             }
         }
+        else {
+            this.requestUpdate();
+        }
+        if (menuItem.href) {
+            this.dispatchEvent(new Event('change'));
+        }
+        this.fireCustomEvent(CustomEventType.ButtonClicked, {
+            item: menuItem,
+            selection: this.getSelection(),
+            parent,
+        });
     }
     scrollSelectedIntoView() {
         // makes sure we are scrolled into view
@@ -852,23 +775,6 @@ export class TembaMenu extends RapidElement {
     getSelection() {
         return this.selection;
     }
-    setSelection(path) {
-        this.pending = [...path];
-        this.selection = [];
-        if (this.wait) {
-            this.wait = false;
-            this.loadItems(this.root);
-        }
-    }
-    setSelectionPath(path) {
-        const asPath = path.split('/').filter(step => !!step);
-        // first try to click in the current space
-        const clicked = this.clickItem(asPath[asPath.length - 1]);
-        if (!clicked) {
-            this.wait = true;
-            this.setSelection(asPath);
-        }
-    }
     handleExpand() {
         this.collapsed = false;
     }
@@ -877,6 +783,9 @@ export class TembaMenu extends RapidElement {
     }
     async setFocusedItem(path) {
         const focusedPath = path.split('/').filter(step => !!step);
+        if (!this.root) {
+            return;
+        }
         // if we don't match at the first level, we are a noop
         if (focusedPath.length > 0) {
             const rootItem = findItem(this.root.items, focusedPath[0]).item;
@@ -890,7 +799,7 @@ export class TembaMenu extends RapidElement {
             const nextId = focusedPath.shift();
             if (nextId) {
                 if (!level.items) {
-                    this.loadItems(level, false);
+                    this.loadItems(level);
                     await this.httpComplete;
                 }
                 level = findItem(level.items, nextId).item;