@nyaruka/temba-components 0.31.7 → 0.31.8

package/CHANGELOG.md

@@ -4,8 +4,14 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [v0.31.8](https://github.com/nyaruka/temba-components/compare/v0.31.7...v0.31.8)
+
+- Allow scheme for temba-urn [`#200`](https://github.com/nyaruka/temba-components/pull/200)
+
 #### [v0.31.7](https://github.com/nyaruka/temba-components/compare/v0.31.6...v0.31.7)
 
+> 29 August 2022
+
 - Add collapse icon for TembaMenu [`#199`](https://github.com/nyaruka/temba-components/pull/199)
 - Fix menu selecting first item [`#198`](https://github.com/nyaruka/temba-components/pull/198)
 - Add menu collapse [`6b56603`](https://github.com/nyaruka/temba-components/commit/6b566030f3daaa264c1366fe2be489aba6ad3c38)

package/dist/{56002f06.js → 41f084a5.js}

@@ -4030,12 +4030,15 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       ${e}
     </div>`;return O`${i}`}}t([it({type:Boolean})],Ua.prototype,"wraps",void 0),t([it({type:Boolean})],Ua.prototype,"wait",void 0),t([it({type:String})],Ua.prototype,"endpoint",void 0),t([it({type:String})],Ua.prototype,"expanding",void 0),t([it({type:String})],Ua.prototype,"value",void 0),t([it({type:String})],Ua.prototype,"submenu",void 0),t([it({type:Boolean})],Ua.prototype,"collapsed",void 0);class Va extends X{static get styles(){return r`
       :host {
-        cursor: pointer;
         color: var(--color-link-primary);
+        display: inline-block;
+      }
+
+      slot:hover {
+        cursor: pointer;
+        text-decoration: underline;
       }
-    `}handleClick(t){window.goto(t)}render(){return O`
-      <slot href="${this.href}" @click="${this.handleClick}"></slot>
-    `}}t([it({type:String})],Va.prototype,"href",void 0);class Wa extends tt{constructor(){super(...arguments),this.open=!1,this.arrowSize=6,this.arrowOffset=2*this.arrowSize,this.offsetX=-10,this.offsetY=0}static get styles(){return r`
+    `}handleClick(t){window.goto(t)}render(){return O`<slot href="${this.href}" @click="${this.handleClick}"></slot>`}}t([it({type:String})],Va.prototype,"href",void 0);class Wa extends tt{constructor(){super(...arguments),this.open=!1,this.arrowSize=6,this.arrowOffset=2*this.arrowSize,this.offsetX=-10,this.offsetY=0}static get styles(){return r`
       .toggle {
         cursor: pointer;
       }
@@ -4332,7 +4335,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
         ${this.name?this.name:this.urn?this.urn.split(":")[1]:""}
       </div>
       <slot></slot>
-    `}}t([it({type:String})],Ja.prototype,"name",void 0),t([it({type:String})],Ja.prototype,"urn",void 0),t([it({type:Number,attribute:"icon-size"})],Ja.prototype,"size",void 0);class Xa extends tt{static get styles(){return r`
+    `}}t([it({type:String})],Ja.prototype,"name",void 0),t([it({type:String})],Ja.prototype,"urn",void 0),t([it({type:Number,attribute:"icon-size"})],Ja.prototype,"size",void 0);class Xa extends tt{constructor(){super(...arguments),this.size=20}static get styles(){return r`
       :host {
         display: flex;
         align-items: center;
@@ -4352,14 +4355,14 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
         box-shadow: none;
         margin-right: 0.5em;
       }
-    `}render(){const t=this.urn.split(":")[0];return O`
+    `}render(){const t=this.scheme||this.urn.split(":")[0];return O`
       <img
         class="urn ${this.size<20?"small":""}"
         width="${this.size}em"
         height="${this.size}em"
         src="${this.prefix||window.static_url||"/static/"}img/schemes/${t}.svg"
       />
-    `}}t([it({type:String})],Xa.prototype,"urn",void 0),t([it({type:Number})],Xa.prototype,"size",void 0);class Qa extends va{static get styles(){return r`
+    `}}t([it({type:String})],Xa.prototype,"urn",void 0),t([it({type:String})],Xa.prototype,"scheme",void 0),t([it({type:Number})],Xa.prototype,"size",void 0);class Qa extends va{static get styles(){return r`
       :host {
         --curvature-widget: 0px;
         border-radius: 6px;

package/dist/index.js

@@ -4030,12 +4030,15 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       ${e}
     </div>`;return O`${i}`}}t([it({type:Boolean})],Ua.prototype,"wraps",void 0),t([it({type:Boolean})],Ua.prototype,"wait",void 0),t([it({type:String})],Ua.prototype,"endpoint",void 0),t([it({type:String})],Ua.prototype,"expanding",void 0),t([it({type:String})],Ua.prototype,"value",void 0),t([it({type:String})],Ua.prototype,"submenu",void 0),t([it({type:Boolean})],Ua.prototype,"collapsed",void 0);class Va extends X{static get styles(){return r`
       :host {
-        cursor: pointer;
         color: var(--color-link-primary);
+        display: inline-block;
+      }
+
+      slot:hover {
+        cursor: pointer;
+        text-decoration: underline;
       }
-    `}handleClick(t){window.goto(t)}render(){return O`
-      <slot href="${this.href}" @click="${this.handleClick}"></slot>
-    `}}t([it({type:String})],Va.prototype,"href",void 0);class Wa extends tt{constructor(){super(...arguments),this.open=!1,this.arrowSize=6,this.arrowOffset=2*this.arrowSize,this.offsetX=-10,this.offsetY=0}static get styles(){return r`
+    `}handleClick(t){window.goto(t)}render(){return O`<slot href="${this.href}" @click="${this.handleClick}"></slot>`}}t([it({type:String})],Va.prototype,"href",void 0);class Wa extends tt{constructor(){super(...arguments),this.open=!1,this.arrowSize=6,this.arrowOffset=2*this.arrowSize,this.offsetX=-10,this.offsetY=0}static get styles(){return r`
       .toggle {
         cursor: pointer;
       }
@@ -4332,7 +4335,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
         ${this.name?this.name:this.urn?this.urn.split(":")[1]:""}
       </div>
       <slot></slot>
-    `}}t([it({type:String})],Ja.prototype,"name",void 0),t([it({type:String})],Ja.prototype,"urn",void 0),t([it({type:Number,attribute:"icon-size"})],Ja.prototype,"size",void 0);class Xa extends tt{static get styles(){return r`
+    `}}t([it({type:String})],Ja.prototype,"name",void 0),t([it({type:String})],Ja.prototype,"urn",void 0),t([it({type:Number,attribute:"icon-size"})],Ja.prototype,"size",void 0);class Xa extends tt{constructor(){super(...arguments),this.size=20}static get styles(){return r`
       :host {
         display: flex;
         align-items: center;
@@ -4352,14 +4355,14 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
         box-shadow: none;
         margin-right: 0.5em;
       }
-    `}render(){const t=this.urn.split(":")[0];return O`
+    `}render(){const t=this.scheme||this.urn.split(":")[0];return O`
       <img
         class="urn ${this.size<20?"small":""}"
         width="${this.size}em"
         height="${this.size}em"
         src="${this.prefix||window.static_url||"/static/"}img/schemes/${t}.svg"
       />
-    `}}t([it({type:String})],Xa.prototype,"urn",void 0),t([it({type:Number})],Xa.prototype,"size",void 0);class Qa extends va{static get styles(){return r`
+    `}}t([it({type:String})],Xa.prototype,"urn",void 0),t([it({type:String})],Xa.prototype,"scheme",void 0),t([it({type:Number})],Xa.prototype,"size",void 0);class Qa extends va{static get styles(){return r`
       :host {
         --curvature-widget: 0px;
         border-radius: 6px;

package/dist/sw.js

@@ -1,2 +1,2 @@
-if(!self.define){const e=e=>{"require"!==e&&(e+=".js");let r=Promise.resolve();return t[e]||(r=new Promise(async r=>{if("document"in self){const t=document.createElement("script");t.src=e,document.head.appendChild(t),t.onload=r}else importScripts(e),r()})),r.then(()=>{if(!t[e])throw new Error(`Module ${e} didn’t register its module`);return t[e]})},r=(r,t)=>{Promise.all(r.map(e)).then(e=>t(1===e.length?e[0]:e))},t={require:Promise.resolve(r)};self.define=(r,s,o)=>{t[r]||(t[r]=Promise.resolve().then(()=>{let t={};const n={uri:location.origin+r.slice(1)};return Promise.all(s.map(r=>{switch(r){case"exports":return t;case"module":return n;default:return e(r)}})).then(e=>{const r=o(...e);return t.default||(t.default=r),t})}))}}define("./sw.js",["./workbox-80efdfd1"],(function(e){"use strict";e.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"56002f06.js",revision:"1c47dd0de9ccaf506653dad5c3f6ce4b"},{url:"templates/components-body.html",revision:"0827077e2ff07f81bb5faf4e18a00703"},{url:"templates/components-head.html",revision:"00973b8923f5c0e21aba2e360c397502"}],{}),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("/index.html"))),e.registerRoute("polyfills/*.js",new e.CacheFirst,"GET")}));
+if(!self.define){const e=e=>{"require"!==e&&(e+=".js");let r=Promise.resolve();return t[e]||(r=new Promise(async r=>{if("document"in self){const t=document.createElement("script");t.src=e,document.head.appendChild(t),t.onload=r}else importScripts(e),r()})),r.then(()=>{if(!t[e])throw new Error(`Module ${e} didn’t register its module`);return t[e]})},r=(r,t)=>{Promise.all(r.map(e)).then(e=>t(1===e.length?e[0]:e))},t={require:Promise.resolve(r)};self.define=(r,s,o)=>{t[r]||(t[r]=Promise.resolve().then(()=>{let t={};const n={uri:location.origin+r.slice(1)};return Promise.all(s.map(r=>{switch(r){case"exports":return t;case"module":return n;default:return e(r)}})).then(e=>{const r=o(...e);return t.default||(t.default=r),t})}))}}define("./sw.js",["./workbox-80efdfd1"],(function(e){"use strict";e.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"41f084a5.js",revision:"25ae98d5e285e8a26431d3c71dd941cc"},{url:"templates/components-body.html",revision:"2e1d5f2b4ef4f4f1a46f6f0b7cb6f0d8"},{url:"templates/components-head.html",revision:"25d617274eca210fb85e6f46896eda97"}],{}),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/fdcff037317296def220f6ffe93607b3/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 {skipWaiting as workbox_core_skipWaiting} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-core/skipWaiting.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\nworkbox_core_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\": \"56002f06.js\",\n    \"revision\": \"1c47dd0de9ccaf506653dad5c3f6ce4b\"\n  },\n  {\n    \"url\": \"templates/components-body.html\",\n    \"revision\": \"0827077e2ff07f81bb5faf4e18a00703\"\n  },\n  {\n    \"url\": \"templates/components-head.html\",\n    \"revision\": \"00973b8923f5c0e21aba2e360c397502\"\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":["url","revision","workbox_routing_NavigationRoute","workbox_precaching_createHandlerBoundToURL","workbox_strategies_CacheFirst"],"mappings":"k1BAmCoC,CAClC,CACEA,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,iCACPC,SAAY,oCAEd,CACED,IAAO,iCACPC,SAAY,qCAEb,oBAE2B,IAAIC,kBAAgCC,0BAA2C,iCAG/E,iBAAkB,IAAIC,aAAiC"}
+{"version":3,"file":"sw.js","sources":["../../../../../tmp/0fe091348eacc39931bf4ca4ca8a8282/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 {skipWaiting as workbox_core_skipWaiting} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-core/skipWaiting.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\nworkbox_core_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\": \"41f084a5.js\",\n    \"revision\": \"25ae98d5e285e8a26431d3c71dd941cc\"\n  },\n  {\n    \"url\": \"templates/components-body.html\",\n    \"revision\": \"2e1d5f2b4ef4f4f1a46f6f0b7cb6f0d8\"\n  },\n  {\n    \"url\": \"templates/components-head.html\",\n    \"revision\": \"25d617274eca210fb85e6f46896eda97\"\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":["url","revision","workbox_routing_NavigationRoute","workbox_precaching_createHandlerBoundToURL","workbox_strategies_CacheFirst"],"mappings":"k1BAmCoC,CAClC,CACEA,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,iCACPC,SAAY,oCAEd,CACED,IAAO,iCACPC,SAAY,qCAEb,oBAE2B,IAAIC,kBAAgCC,0BAA2C,iCAG/E,iBAAkB,IAAIC,aAAiC"}

package/dist/templates/components-body.html

@@ -1 +1 @@
-<script type="module" src="{{STATIC_URL}}@nyaruka/temba-components/dist/56002f06.js"></script><script>window.TEMBA_COMPONENTS_VERSION="0.31.7"</script>
+<script type="module" src="{{STATIC_URL}}@nyaruka/temba-components/dist/41f084a5.js"></script><script>window.TEMBA_COMPONENTS_VERSION="0.31.8"</script>

package/dist/templates/components-head.html

@@ -1 +1 @@
-<link rel="modulepreload" href="{{STATIC_URL}}@nyaruka/temba-components/dist/56002f06.js" crossorigin="anonymous">
+<link rel="modulepreload" href="{{STATIC_URL}}@nyaruka/temba-components/dist/41f084a5.js" crossorigin="anonymous">

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

@@ -5,8 +5,13 @@ export class Anchor extends LitElement {
     static get styles() {
         return css `
       :host {
-        cursor: pointer;
         color: var(--color-link-primary);
+        display: inline-block;
+      }
+
+      slot:hover {
+        cursor: pointer;
+        text-decoration: underline;
       }
     `;
     }
@@ -15,9 +20,7 @@ export class Anchor extends LitElement {
         window.goto(evt);
     }
     render() {
-        return html `
-      <slot href="${this.href}" @click="${this.handleClick}"></slot>
-    `;
+        return html `<slot href="${this.href}" @click="${this.handleClick}"></slot>`;
     }
 }
 __decorate([

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

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

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

@@ -3,6 +3,10 @@ import { css, html } from 'lit';
 import { property } from 'lit/decorators';
 import { RapidElement } from '../RapidElement';
 export class ContactUrn extends RapidElement {
+    constructor() {
+        super(...arguments);
+        this.size = 20;
+    }
     static get styles() {
         return css `
       :host {
@@ -27,7 +31,7 @@ export class ContactUrn extends RapidElement {
     `;
     }
     render() {
-        const scheme = this.urn.split(':')[0];
+        const scheme = this.scheme || this.urn.split(':')[0];
         return html `
       <img
         class="urn ${this.size < 20 ? 'small' : ''}"
@@ -43,6 +47,9 @@ export class ContactUrn extends RapidElement {
 __decorate([
     property({ type: String })
 ], ContactUrn.prototype, "urn", void 0);
+__decorate([
+    property({ type: String })
+], ContactUrn.prototype, "scheme", void 0);
 __decorate([
     property({ type: Number })
 ], ContactUrn.prototype, "size", void 0);

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nyaruka/temba-components",
-  "version": "0.31.7",
+  "version": "0.31.8",
   "description": "Web components to support rapidpro and related projects",
   "author": "Nyaruka <code@nyaruka.coim>",
   "main": "dist/index.js",

package/src/anchor/Anchor.ts

@@ -5,8 +5,13 @@ export class Anchor extends LitElement {
   static get styles() {
     return css`
       :host {
-        cursor: pointer;
         color: var(--color-link-primary);
+        display: inline-block;
+      }
+
+      slot:hover {
+        cursor: pointer;
+        text-decoration: underline;
       }
     `;
   }
@@ -20,8 +25,6 @@ export class Anchor extends LitElement {
   }
 
   public render(): TemplateResult {
-    return html`
-      <slot href="${this.href}" @click="${this.handleClick}"></slot>
-    `;
+    return html`<slot href="${this.href}" @click="${this.handleClick}"></slot>`;
   }
 }

package/src/contacts/ContactUrn.ts

@@ -6,8 +6,11 @@ export class ContactUrn extends RapidElement {
   @property({ type: String })
   urn: string;
 
+  @property({ type: String })
+  scheme: string;
+
   @property({ type: Number })
-  size: number;
+  size = 20;
 
   static get styles() {
     return css`
@@ -34,7 +37,7 @@ export class ContactUrn extends RapidElement {
   }
 
   public render(): TemplateResult {
-    const scheme = this.urn.split(':')[0];
+    const scheme = this.scheme || this.urn.split(':')[0];
     return html`
       <img
         class="urn ${this.size < 20 ? 'small' : ''}"