@nyaruka/temba-components 0.27.2 → 0.28.2

package/dist/{956247ac.js → 2cd62ab6.js}

@@ -3678,6 +3678,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
 
       .level-0 {
         padding: 0px;
+        z-index: 500;
       }
 
       .item {
@@ -3775,7 +3776,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       .level-1 {
         transition: opacity 100ms linear, margin 200ms linear;
         overflow-y: scroll;
-        z-index: 1500;
+        z-index: 150;
       }
 
       .level-2 {
@@ -3908,9 +3909,14 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       }
 
       .fully-collapsed .level-1 {
-        margin-left: -245px;
-        z-index: 0;
+        margin-left: -217px;
+        pointer-events: none;
         border: none;
+        overflow: hidden;
+      }
+
+      .fully-collapsed .level-1 > * {
+        opacity: 0;
       }
 
       .fully-collapsed .level-1 .item,
@@ -4011,7 +4017,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
           <slot name="dropdown"></slot>
         </div>
       </div>
-    `}}t([it({type:Boolean})],Wa.prototype,"open",void 0),t([it({type:Number})],Wa.prototype,"arrowSize",void 0),t([it({type:Number})],Wa.prototype,"arrowOffset",void 0),t([it({type:Number})],Wa.prototype,"offsetX",void 0),t([it({type:Number})],Wa.prototype,"offsetY",void 0);class Ga extends tt{constructor(){super(...arguments),this.index=0}static get styles(){return r`
+    `}}t([it({type:Boolean})],Wa.prototype,"open",void 0),t([it({type:Number})],Wa.prototype,"arrowSize",void 0),t([it({type:Number})],Wa.prototype,"arrowOffset",void 0),t([it({type:Number})],Wa.prototype,"offsetX",void 0),t([it({type:Number})],Wa.prototype,"offsetY",void 0);class Ga extends tt{constructor(){super(...arguments),this.collapses=!1,this.index=0}static get styles(){return r`
       :host {
         display: flex;
         flex-direction: column;
@@ -4023,6 +4029,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       }
 
       .tab {
+        user-select: none;
         padding: 0.5em 1em;
         margin: 0em 0em;
         cursor: pointer;
@@ -4034,10 +4041,39 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
         border: 0px solid rgba(0, 0, 0, 0.45);
         color: var(--color-text-dark);
         --icon-color: var(--color-text-dark);
+        white-space: nowrap;
+      }
+
+      .tab.hidden {
+        display: none;
       }
 
       .tab temba-icon {
+      }
+
+      .tab .name {
+        margin-left: 0.4em;
+        max-width: 80px;
         margin-right: 0.4em;
+        overflow: hidden;
+        transition: max-width 500ms ease-in-out;
+      }
+
+      .tab .badge {
+        margin-left: 0.4em;
+      }
+
+      @media (max-width: 900px) {
+        .collapses .tab .name {
+          max-width: 0px;
+          margin: 0;
+        }
+      }
+
+      @media (max-width: 600px) {
+        .collapses .tab .badge {
+          display: none;
+        }
       }
 
       .tab.selected {
@@ -4062,7 +4098,6 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       }
 
       .badge {
-        margin-left: 0.4em;
       }
 
       .count {
@@ -4081,16 +4116,18 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
         color: #fff;
       }
     `}handleTabClick(t){this.index=parseInt(t.currentTarget.dataset.index),this.requestUpdate("index"),this.fireEvent(de.ContextChanged)}updated(t){if(super.updated(t),t.has("index")&&this.children.length>this.index)for(let t=0;t<this.children.length;t++){const e=this.children[t];e.selected=t==this.index,e.selected?e.style.display="flex":e.style.display="none"}}getTab(t){return this.children.item(t)}render(){const t=[];for(const e of this.children)t.push(e);return O`
-      <div class="tabs">
+      <div
+        class="tabs ${Gt({tabs:!0,collapses:this.collapses})}"
+      >
         ${t.map(((t,e)=>O`
             <div
               @click=${this.handleTabClick}
               data-index=${e}
-              class="tab ${e==this.index?"selected":""} ${t.notify?"notify":""}"
+              class="${Gt({tab:!0,selected:e==this.index,hidden:t.hidden,notify:t.notify})}"
               style="${t.selectionColor&&e==this.index?`color:${t.selectionColor};--icon-color:${t.selectionColor};`:""} ${t.selectionBackground&&e==this.index?`background-color:${t.selectionBackground};`:""}"
             >
               ${t.icon?O`<temba-icon name=${t.icon} />`:null}
-              ${t.name}
+              <div class="name">${t.name}</div>
               ${t.hasBadge()?O`
                     <div class="badge">
                       ${t.count>0?O`<div class="count">${t.count}</div>`:null}
@@ -4102,7 +4139,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       <div class="pane ${0===this.index?"first":null}">
         <slot></slot>
       </div>
-    `}}t([it({type:Number})],Ga.prototype,"index",void 0);class Ya extends tt{constructor(){super(...arguments),this.selected=!1,this.notify=!1,this.count=0}static get styles(){return r`
+    `}}t([it({type:Boolean})],Ga.prototype,"collapses",void 0),t([it({type:Number})],Ga.prototype,"index",void 0);class Ya extends tt{constructor(){super(...arguments),this.selected=!1,this.notify=!1,this.hidden=!1,this.count=0}static get styles(){return r`
       :host {
         display: flex;
         flex-direction: column;
@@ -4121,7 +4158,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       }
     `}hasBadge(){return this.count>0}render(){return O`<slot
       class="${Gt({selected:this.selected})}"
-    ></slot> `}}t([it({type:String})],Ya.prototype,"name",void 0),t([it({type:String})],Ya.prototype,"icon",void 0),t([it({type:String})],Ya.prototype,"selectionColor",void 0),t([it({type:String})],Ya.prototype,"selectionBackground",void 0),t([it({type:Boolean})],Ya.prototype,"selected",void 0),t([it({type:Boolean})],Ya.prototype,"notify",void 0),t([it({type:Number})],Ya.prototype,"count",void 0);class Ka extends X{static get styles(){return r`
+    ></slot> `}}t([it({type:String})],Ya.prototype,"name",void 0),t([it({type:String})],Ya.prototype,"icon",void 0),t([it({type:String})],Ya.prototype,"selectionColor",void 0),t([it({type:String})],Ya.prototype,"selectionBackground",void 0),t([it({type:Boolean})],Ya.prototype,"selected",void 0),t([it({type:Boolean})],Ya.prototype,"notify",void 0),t([it({type:Boolean})],Ya.prototype,"hidden",void 0),t([it({type:Number})],Ya.prototype,"count",void 0);class Ka extends X{static get styles(){return r`
       :host {
         display: inline-block;
       }
@@ -4618,17 +4655,16 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
           ${this.data.map((t=>this.renderEvent(t)))}
         `:O`<slot name="empty"></slot>`}}t([it({type:String})],nl.prototype,"contact",void 0),t([it({type:Object,attribute:!1})],nl.prototype,"data",void 0),t([it({type:String})],nl.prototype,"lang_weekly",void 0),t([it({type:String})],nl.prototype,"lang_daily",void 0),t([it({type:String})],nl.prototype,"lang_once",void 0);class ol extends ga{static get styles(){return r`
       :host {
-        background: rgba(0, 0, 0, 0.6);
-        color: #fff;
-        --icon-color: #fff;
-        border-radius: var(--curvature);
+        padding: 1em;
       }
 
       :hover {
-        background: rgba(0, 0, 0, 0.9);
-        border-radius: var(--curvature);
-        transition: background 200ms ease-in-out, padding 200ms ease-in-out;
+      }
+
+      .ticket:hover {
         cursor: pointer;
+        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.055),
+          0 0 0px 2px var(--color-link-primary);
       }
 
       .tickets {
@@ -4661,26 +4697,19 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       }
 
       .ticket > div {
-        padding: 1em;
-      }
-
-      .ticket .action {
-        background: rgba(0, 0, 0, 0.1);
-        border-top-right-radius: var(--curvature);
-        border-bottom-right-radius: var(--curvature);
-        padding: 1.5em;
-        --icon-color: rgba(0, 0, 0, 0.4);
-        white-space: nowrap;
+        padding: 0.5em 1em;
+        pointer-events: none;
       }
 
-      .open .action {
-        background: rgba(0, 0, 0, 0.1);
+      .status {
+        --icon-color: #999;
       }
 
-      .closed .action {
-        background: #fff;
+      .ticket.closed {
+        background: #f9f9f9;
+        color: #888;
       }
-    `}prepareData(t){return t&&t.length&&t.sort(((t,e)=>new Date(t.opened_on).getTime()-new Date(e.opened_on).getTime())),t}updated(t){super.updated(t),t.has("contact")&&(this.contact?this.url=`/api/v2/tickets.json?contact=${this.contact}`:this.url=null)}renderTicket(t){const e=t.status===ue.Open?t.opened_on:t.closed_on;return O`
+    `}prepareData(t){return t&&t.length&&t.sort(((t,e)=>t.status==ue.Open&&e.status==ue.Closed?-1:e.status==ue.Open&&t.status==ue.Closed?1:t.status==ue.Closed&&e.status==ue.Closed?new Date(e.closed_on).getTime()-new Date(t.closed_on).getTime():new Date(e.opened_on).getTime()-new Date(t.opened_on).getTime())),t}updated(t){super.updated(t),t.has("contact")&&(this.contact?this.url=`/api/v2/tickets.json?contact=${this.contact}`:this.url=null)}renderTicket(t){const e=t.status===ue.Open?t.opened_on:t.closed_on;return O`
       <div
         class="ticket ${t.status}"
         href="/ticket/all/open/${t.uuid}"
@@ -4695,47 +4724,31 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
           </temba-tip>
         </div>
 
-        ${t.status===ue.Open?O`
-              <div class="action">
-                <temba-icon name="check" size="1.5" clickable></temba-icon>
-              </div>
-            `:O`
-              <div class="action">
-                <temba-icon name="check" size="1.5"></temba-icon>
-              </div>
-            `}
+        ${t.status===ue.Closed?O`<div class="status">
+              <temba-icon name="check"></temba-icon>
+            </div>`:null}
       </div>
-    `}render(){if(this.data&&this.data.length>0){const t=this.data.find((t=>t.status==ue.Open));if(t)return O`
-          <div
-            class="tickets"
-            href="/ticket/all/open/${t.uuid}"
-            onclick="goto(event)"
-          >
-            <div style="flex-grow:1"></div>
-            <temba-icon name="agent" style="pointer-events: none;"></temba-icon>
-            <div class="count" style="pointer-events: none;">
-              ${this.data.filter((t=>t.status===ue.Open)).length}
-            </div>
-          </div>
-        `}}}t([it({type:String})],ol.prototype,"contact",void 0),t([it({type:Object,attribute:!1})],ol.prototype,"data",void 0);class rl extends ot{constructor(){super(...arguments),this.min=0,this.max=100,this.circleX=0,this.grabbed=!1,this.left=0,this.gap=0}static get styles(){return r`
+    `}render(){if(this.data&&this.data.length>0){const t=this.data.map((t=>this.renderTicket(t)));return O`${t}`}return O`<slot name="empty"></slot>`}}t([it({type:String})],ol.prototype,"contact",void 0),t([it({type:Object,attribute:!1})],ol.prototype,"data",void 0);class rl extends ot{constructor(){super(...arguments),this.range=!1,this.min=0,this.max=100,this.circleX=0,this.grabbed=!1}static get styles(){return r`
       :host {
         display: block;
       }
 
       .track {
-        height: 0.1em;
-        border: 12px solid #fff;
+        height: 2px;
+        border-top: 0.5em solid #fff;
+        border-bottom: 0.5em solid #fff;
         background: #ddd;
+        flex-grow: 1;
       }
 
       .circle {
-        margin-top: 0.4em;
-        margin-left: 1em;
+        margin-bottom: -1.05em;
+        margin-left: -0.5em;
         width: 0.75em;
         height: 0.75em;
         border: 2px solid #999;
         border-radius: 999px;
-        position: absolute;
+        position: relative;
         background: #fff;
         box-shadow: 0 0 0 4px rgb(255, 255, 255);
         transition: transform 200ms ease-in-out;
@@ -4750,10 +4763,6 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
         cursor: pointer;
       }
 
-      .grabbed .circle {
-        // border-color: #777;
-      }
-
       .grabbed .circle {
         border-color: var(--color-primary-dark);
         background: #fff;
@@ -4762,14 +4771,30 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       .grabbed .circle {
         transform: scale(1.2);
       }
-    `}firstUpdated(t){super.firstUpdated(t),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.left=Math.round(this.getBoundingClientRect().left);const e=this.shadowRoot.querySelector(".circle").clientWidth-4;this.left=Math.round(this.getBoundingClientRect().left+e),this.gap=.035*this.offsetWidth}updated(t){if(t.has("value")){const t=parseInt(this.value)/this.max,e=this.offsetWidth-this.gap;this.updateCircle(e*t)}}updateValue(t){const e=(t.pageX-this.left)/(this.offsetWidth-this.gap);this.value=""+Math.max(this.min,Math.min(Math.round(this.max*e),this.max))}handleMouseMove(t){this.grabbed&&this.updateValue(t)}handleTrackDown(t){this.grabbed=!0,document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.querySelector("html").classList.add("dragging"),this.updateValue(t),this.requestUpdate()}handleMouseUp(t){this.grabbed=!1,this.updateValue(t),this.requestUpdate(),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.querySelector("html").classList.remove("dragging")}updateCircle(t){const e=this.shadowRoot.querySelector(".circle");this.circleX=Math.round(Math.min(this.offsetWidth-this.gap,Math.max(t+e.offsetWidth/2,this.gap))),this.requestUpdate()}render(){return O` <div class="${Gt({grabbed:this.grabbed})}">
+
+      .wrapper {
+        display: flex;
+        align-items: center;
+      }
+
+      .pre,
+      .post {
+        font-size: 0.9em;
+        color: #999;
+        padding: 0em 1em;
+      }
+    `}firstUpdated(t){super.firstUpdated(t),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this)}updated(t){t.has("value")&&this.updateCircle()}updateValue(t){const e=this.shadowRoot.querySelector(".track"),i=(t.pageX-e.offsetLeft)/e.offsetWidth,n=(this.max-this.min)*i+this.min;this.value=""+Math.max(this.min,Math.min(Math.round(n),this.max))}handleMouseMove(t){this.grabbed&&this.updateValue(t)}handleTrackDown(t){this.grabbed=!0,document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.querySelector("html").classList.add("dragging"),this.updateValue(t),this.requestUpdate()}handleMouseUp(t){this.grabbed=!1,this.updateValue(t),this.requestUpdate(),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.querySelector("html").classList.remove("dragging")}updateCircle(){const t=this.shadowRoot.querySelector(".track"),e=this.shadowRoot.querySelector(".pre"),i=this.max-this.min,n=(parseInt(this.value)-this.min)/i,o=t.offsetWidth*n;this.circleX=o+(e?e.offsetWidth:0),this.requestUpdate()}render(){return O` <div class="${Gt({grabbed:this.grabbed})}">
       <div
         style=${ut({left:this.circleX+"px"})}
         class="circle"
         @mousedown=${this.handleTrackDown}
       ></div>
-      <div class="track" @mousedown=${this.handleTrackDown}></div>
-    </div>`}}function sl(t,e){window.customElements.get(t)||window.customElements.define(t,e)}t([it({type:Number})],rl.prototype,"min",void 0),t([it({type:Number})],rl.prototype,"max",void 0),sl("temba-anchor",Va),sl("temba-alert",Ia),sl("temba-store",dr),sl("temba-textinput",Ht),sl("temba-completion",ea),sl("temba-checkbox",rt),sl("temba-select",ta),sl("temba-options",pr),sl("temba-loading",sa),sl("temba-button",oa),sl("temba-omnibox",Fa),sl("temba-tip",Za),sl("temba-contact-name",Ja),sl("temba-contact-field",tl),sl("temba-contact-fields",Qa),sl("temba-urn",Xa),sl("temba-field",ra),sl("temba-dialog",na),sl("temba-modax",ia),sl("temba-charcount",fa),sl("temba-contact-history",Aa),sl("temba-contact-chat",ya),sl("temba-contact-details",Pa),sl("temba-ticket-list",Oa),sl("temba-list",La),sl("temba-label",Ka),sl("temba-menu",Ua),sl("temba-contact-search",Na),sl("temba-icon",za),sl("temba-dropdown",Wa),sl("temba-tabs",Ga),sl("temba-tab",Ya),sl("temba-contact-groups",class extends va{static get styles(){return r`
+      <div class="wrapper">
+        ${this.range?O`<div class="pre">${this.min}</div>`:null}
+        <div class="track" @mousedown=${this.handleTrackDown}></div>
+        ${this.range?O`<div class="post">${this.max}</div>`:null}
+      </div>
+    </div>`}}function sl(t,e){window.customElements.get(t)||window.customElements.define(t,e)}t([it({type:Boolean})],rl.prototype,"range",void 0),t([it({type:Number})],rl.prototype,"min",void 0),t([it({type:Number})],rl.prototype,"max",void 0),sl("temba-anchor",Va),sl("temba-alert",Ia),sl("temba-store",dr),sl("temba-textinput",Ht),sl("temba-completion",ea),sl("temba-checkbox",rt),sl("temba-select",ta),sl("temba-options",pr),sl("temba-loading",sa),sl("temba-button",oa),sl("temba-omnibox",Fa),sl("temba-tip",Za),sl("temba-contact-name",Ja),sl("temba-contact-field",tl),sl("temba-contact-fields",Qa),sl("temba-urn",Xa),sl("temba-field",ra),sl("temba-dialog",na),sl("temba-modax",ia),sl("temba-charcount",fa),sl("temba-contact-history",Aa),sl("temba-contact-chat",ya),sl("temba-contact-details",Pa),sl("temba-ticket-list",Oa),sl("temba-list",La),sl("temba-label",Ka),sl("temba-menu",Ua),sl("temba-contact-search",Na),sl("temba-icon",za),sl("temba-dropdown",Wa),sl("temba-tabs",Ga),sl("temba-tab",Ya),sl("temba-contact-groups",class extends va{static get styles(){return r`
       temba-label {
         margin: 0.3em;
       }

package/dist/index.js

@@ -3678,6 +3678,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
 
       .level-0 {
         padding: 0px;
+        z-index: 500;
       }
 
       .item {
@@ -3775,7 +3776,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       .level-1 {
         transition: opacity 100ms linear, margin 200ms linear;
         overflow-y: scroll;
-        z-index: 1500;
+        z-index: 150;
       }
 
       .level-2 {
@@ -3908,9 +3909,14 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       }
 
       .fully-collapsed .level-1 {
-        margin-left: -245px;
-        z-index: 0;
+        margin-left: -217px;
+        pointer-events: none;
         border: none;
+        overflow: hidden;
+      }
+
+      .fully-collapsed .level-1 > * {
+        opacity: 0;
       }
 
       .fully-collapsed .level-1 .item,
@@ -4011,7 +4017,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
           <slot name="dropdown"></slot>
         </div>
       </div>
-    `}}t([it({type:Boolean})],Wa.prototype,"open",void 0),t([it({type:Number})],Wa.prototype,"arrowSize",void 0),t([it({type:Number})],Wa.prototype,"arrowOffset",void 0),t([it({type:Number})],Wa.prototype,"offsetX",void 0),t([it({type:Number})],Wa.prototype,"offsetY",void 0);class Ga extends tt{constructor(){super(...arguments),this.index=0}static get styles(){return r`
+    `}}t([it({type:Boolean})],Wa.prototype,"open",void 0),t([it({type:Number})],Wa.prototype,"arrowSize",void 0),t([it({type:Number})],Wa.prototype,"arrowOffset",void 0),t([it({type:Number})],Wa.prototype,"offsetX",void 0),t([it({type:Number})],Wa.prototype,"offsetY",void 0);class Ga extends tt{constructor(){super(...arguments),this.collapses=!1,this.index=0}static get styles(){return r`
       :host {
         display: flex;
         flex-direction: column;
@@ -4023,6 +4029,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       }
 
       .tab {
+        user-select: none;
         padding: 0.5em 1em;
         margin: 0em 0em;
         cursor: pointer;
@@ -4034,10 +4041,39 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
         border: 0px solid rgba(0, 0, 0, 0.45);
         color: var(--color-text-dark);
         --icon-color: var(--color-text-dark);
+        white-space: nowrap;
+      }
+
+      .tab.hidden {
+        display: none;
       }
 
       .tab temba-icon {
+      }
+
+      .tab .name {
+        margin-left: 0.4em;
+        max-width: 80px;
         margin-right: 0.4em;
+        overflow: hidden;
+        transition: max-width 500ms ease-in-out;
+      }
+
+      .tab .badge {
+        margin-left: 0.4em;
+      }
+
+      @media (max-width: 900px) {
+        .collapses .tab .name {
+          max-width: 0px;
+          margin: 0;
+        }
+      }
+
+      @media (max-width: 600px) {
+        .collapses .tab .badge {
+          display: none;
+        }
       }
 
       .tab.selected {
@@ -4062,7 +4098,6 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       }
 
       .badge {
-        margin-left: 0.4em;
       }
 
       .count {
@@ -4081,16 +4116,18 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
         color: #fff;
       }
     `}handleTabClick(t){this.index=parseInt(t.currentTarget.dataset.index),this.requestUpdate("index"),this.fireEvent(de.ContextChanged)}updated(t){if(super.updated(t),t.has("index")&&this.children.length>this.index)for(let t=0;t<this.children.length;t++){const e=this.children[t];e.selected=t==this.index,e.selected?e.style.display="flex":e.style.display="none"}}getTab(t){return this.children.item(t)}render(){const t=[];for(const e of this.children)t.push(e);return O`
-      <div class="tabs">
+      <div
+        class="tabs ${Gt({tabs:!0,collapses:this.collapses})}"
+      >
         ${t.map(((t,e)=>O`
             <div
               @click=${this.handleTabClick}
               data-index=${e}
-              class="tab ${e==this.index?"selected":""} ${t.notify?"notify":""}"
+              class="${Gt({tab:!0,selected:e==this.index,hidden:t.hidden,notify:t.notify})}"
               style="${t.selectionColor&&e==this.index?`color:${t.selectionColor};--icon-color:${t.selectionColor};`:""} ${t.selectionBackground&&e==this.index?`background-color:${t.selectionBackground};`:""}"
             >
               ${t.icon?O`<temba-icon name=${t.icon} />`:null}
-              ${t.name}
+              <div class="name">${t.name}</div>
               ${t.hasBadge()?O`
                     <div class="badge">
                       ${t.count>0?O`<div class="count">${t.count}</div>`:null}
@@ -4102,7 +4139,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       <div class="pane ${0===this.index?"first":null}">
         <slot></slot>
       </div>
-    `}}t([it({type:Number})],Ga.prototype,"index",void 0);class Ya extends tt{constructor(){super(...arguments),this.selected=!1,this.notify=!1,this.count=0}static get styles(){return r`
+    `}}t([it({type:Boolean})],Ga.prototype,"collapses",void 0),t([it({type:Number})],Ga.prototype,"index",void 0);class Ya extends tt{constructor(){super(...arguments),this.selected=!1,this.notify=!1,this.hidden=!1,this.count=0}static get styles(){return r`
       :host {
         display: flex;
         flex-direction: column;
@@ -4121,7 +4158,7 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       }
     `}hasBadge(){return this.count>0}render(){return O`<slot
       class="${Gt({selected:this.selected})}"
-    ></slot> `}}t([it({type:String})],Ya.prototype,"name",void 0),t([it({type:String})],Ya.prototype,"icon",void 0),t([it({type:String})],Ya.prototype,"selectionColor",void 0),t([it({type:String})],Ya.prototype,"selectionBackground",void 0),t([it({type:Boolean})],Ya.prototype,"selected",void 0),t([it({type:Boolean})],Ya.prototype,"notify",void 0),t([it({type:Number})],Ya.prototype,"count",void 0);class Ka extends X{static get styles(){return r`
+    ></slot> `}}t([it({type:String})],Ya.prototype,"name",void 0),t([it({type:String})],Ya.prototype,"icon",void 0),t([it({type:String})],Ya.prototype,"selectionColor",void 0),t([it({type:String})],Ya.prototype,"selectionBackground",void 0),t([it({type:Boolean})],Ya.prototype,"selected",void 0),t([it({type:Boolean})],Ya.prototype,"notify",void 0),t([it({type:Boolean})],Ya.prototype,"hidden",void 0),t([it({type:Number})],Ya.prototype,"count",void 0);class Ka extends X{static get styles(){return r`
       :host {
         display: inline-block;
       }
@@ -4618,17 +4655,16 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
           ${this.data.map((t=>this.renderEvent(t)))}
         `:O`<slot name="empty"></slot>`}}t([it({type:String})],nl.prototype,"contact",void 0),t([it({type:Object,attribute:!1})],nl.prototype,"data",void 0),t([it({type:String})],nl.prototype,"lang_weekly",void 0),t([it({type:String})],nl.prototype,"lang_daily",void 0),t([it({type:String})],nl.prototype,"lang_once",void 0);class ol extends ga{static get styles(){return r`
       :host {
-        background: rgba(0, 0, 0, 0.6);
-        color: #fff;
-        --icon-color: #fff;
-        border-radius: var(--curvature);
+        padding: 1em;
       }
 
       :hover {
-        background: rgba(0, 0, 0, 0.9);
-        border-radius: var(--curvature);
-        transition: background 200ms ease-in-out, padding 200ms ease-in-out;
+      }
+
+      .ticket:hover {
         cursor: pointer;
+        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.055),
+          0 0 0px 2px var(--color-link-primary);
       }
 
       .tickets {
@@ -4661,26 +4697,19 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       }
 
       .ticket > div {
-        padding: 1em;
-      }
-
-      .ticket .action {
-        background: rgba(0, 0, 0, 0.1);
-        border-top-right-radius: var(--curvature);
-        border-bottom-right-radius: var(--curvature);
-        padding: 1.5em;
-        --icon-color: rgba(0, 0, 0, 0.4);
-        white-space: nowrap;
+        padding: 0.5em 1em;
+        pointer-events: none;
       }
 
-      .open .action {
-        background: rgba(0, 0, 0, 0.1);
+      .status {
+        --icon-color: #999;
       }
 
-      .closed .action {
-        background: #fff;
+      .ticket.closed {
+        background: #f9f9f9;
+        color: #888;
       }
-    `}prepareData(t){return t&&t.length&&t.sort(((t,e)=>new Date(t.opened_on).getTime()-new Date(e.opened_on).getTime())),t}updated(t){super.updated(t),t.has("contact")&&(this.contact?this.url=`/api/v2/tickets.json?contact=${this.contact}`:this.url=null)}renderTicket(t){const e=t.status===ue.Open?t.opened_on:t.closed_on;return O`
+    `}prepareData(t){return t&&t.length&&t.sort(((t,e)=>t.status==ue.Open&&e.status==ue.Closed?-1:e.status==ue.Open&&t.status==ue.Closed?1:t.status==ue.Closed&&e.status==ue.Closed?new Date(e.closed_on).getTime()-new Date(t.closed_on).getTime():new Date(e.opened_on).getTime()-new Date(t.opened_on).getTime())),t}updated(t){super.updated(t),t.has("contact")&&(this.contact?this.url=`/api/v2/tickets.json?contact=${this.contact}`:this.url=null)}renderTicket(t){const e=t.status===ue.Open?t.opened_on:t.closed_on;return O`
       <div
         class="ticket ${t.status}"
         href="/ticket/all/open/${t.uuid}"
@@ -4695,47 +4724,31 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
           </temba-tip>
         </div>
 
-        ${t.status===ue.Open?O`
-              <div class="action">
-                <temba-icon name="check" size="1.5" clickable></temba-icon>
-              </div>
-            `:O`
-              <div class="action">
-                <temba-icon name="check" size="1.5"></temba-icon>
-              </div>
-            `}
+        ${t.status===ue.Closed?O`<div class="status">
+              <temba-icon name="check"></temba-icon>
+            </div>`:null}
       </div>
-    `}render(){if(this.data&&this.data.length>0){const t=this.data.find((t=>t.status==ue.Open));if(t)return O`
-          <div
-            class="tickets"
-            href="/ticket/all/open/${t.uuid}"
-            onclick="goto(event)"
-          >
-            <div style="flex-grow:1"></div>
-            <temba-icon name="agent" style="pointer-events: none;"></temba-icon>
-            <div class="count" style="pointer-events: none;">
-              ${this.data.filter((t=>t.status===ue.Open)).length}
-            </div>
-          </div>
-        `}}}t([it({type:String})],ol.prototype,"contact",void 0),t([it({type:Object,attribute:!1})],ol.prototype,"data",void 0);class rl extends ot{constructor(){super(...arguments),this.min=0,this.max=100,this.circleX=0,this.grabbed=!1,this.left=0,this.gap=0}static get styles(){return r`
+    `}render(){if(this.data&&this.data.length>0){const t=this.data.map((t=>this.renderTicket(t)));return O`${t}`}return O`<slot name="empty"></slot>`}}t([it({type:String})],ol.prototype,"contact",void 0),t([it({type:Object,attribute:!1})],ol.prototype,"data",void 0);class rl extends ot{constructor(){super(...arguments),this.range=!1,this.min=0,this.max=100,this.circleX=0,this.grabbed=!1}static get styles(){return r`
       :host {
         display: block;
       }
 
       .track {
-        height: 0.1em;
-        border: 12px solid #fff;
+        height: 2px;
+        border-top: 0.5em solid #fff;
+        border-bottom: 0.5em solid #fff;
         background: #ddd;
+        flex-grow: 1;
       }
 
       .circle {
-        margin-top: 0.4em;
-        margin-left: 1em;
+        margin-bottom: -1.05em;
+        margin-left: -0.5em;
         width: 0.75em;
         height: 0.75em;
         border: 2px solid #999;
         border-radius: 999px;
-        position: absolute;
+        position: relative;
         background: #fff;
         box-shadow: 0 0 0 4px rgb(255, 255, 255);
         transition: transform 200ms ease-in-out;
@@ -4750,10 +4763,6 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
         cursor: pointer;
       }
 
-      .grabbed .circle {
-        // border-color: #777;
-      }
-
       .grabbed .circle {
         border-color: var(--color-primary-dark);
         background: #fff;
@@ -4762,14 +4771,30 @@ function t(t,e,i,n){var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPro
       .grabbed .circle {
         transform: scale(1.2);
       }
-    `}firstUpdated(t){super.firstUpdated(t),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.left=Math.round(this.getBoundingClientRect().left);const e=this.shadowRoot.querySelector(".circle").clientWidth-4;this.left=Math.round(this.getBoundingClientRect().left+e),this.gap=.035*this.offsetWidth}updated(t){if(t.has("value")){const t=parseInt(this.value)/this.max,e=this.offsetWidth-this.gap;this.updateCircle(e*t)}}updateValue(t){const e=(t.pageX-this.left)/(this.offsetWidth-this.gap);this.value=""+Math.max(this.min,Math.min(Math.round(this.max*e),this.max))}handleMouseMove(t){this.grabbed&&this.updateValue(t)}handleTrackDown(t){this.grabbed=!0,document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.querySelector("html").classList.add("dragging"),this.updateValue(t),this.requestUpdate()}handleMouseUp(t){this.grabbed=!1,this.updateValue(t),this.requestUpdate(),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.querySelector("html").classList.remove("dragging")}updateCircle(t){const e=this.shadowRoot.querySelector(".circle");this.circleX=Math.round(Math.min(this.offsetWidth-this.gap,Math.max(t+e.offsetWidth/2,this.gap))),this.requestUpdate()}render(){return O` <div class="${Gt({grabbed:this.grabbed})}">
+
+      .wrapper {
+        display: flex;
+        align-items: center;
+      }
+
+      .pre,
+      .post {
+        font-size: 0.9em;
+        color: #999;
+        padding: 0em 1em;
+      }
+    `}firstUpdated(t){super.firstUpdated(t),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this)}updated(t){t.has("value")&&this.updateCircle()}updateValue(t){const e=this.shadowRoot.querySelector(".track"),i=(t.pageX-e.offsetLeft)/e.offsetWidth,n=(this.max-this.min)*i+this.min;this.value=""+Math.max(this.min,Math.min(Math.round(n),this.max))}handleMouseMove(t){this.grabbed&&this.updateValue(t)}handleTrackDown(t){this.grabbed=!0,document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.querySelector("html").classList.add("dragging"),this.updateValue(t),this.requestUpdate()}handleMouseUp(t){this.grabbed=!1,this.updateValue(t),this.requestUpdate(),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.querySelector("html").classList.remove("dragging")}updateCircle(){const t=this.shadowRoot.querySelector(".track"),e=this.shadowRoot.querySelector(".pre"),i=this.max-this.min,n=(parseInt(this.value)-this.min)/i,o=t.offsetWidth*n;this.circleX=o+(e?e.offsetWidth:0),this.requestUpdate()}render(){return O` <div class="${Gt({grabbed:this.grabbed})}">
       <div
         style=${ut({left:this.circleX+"px"})}
         class="circle"
         @mousedown=${this.handleTrackDown}
       ></div>
-      <div class="track" @mousedown=${this.handleTrackDown}></div>
-    </div>`}}function sl(t,e){window.customElements.get(t)||window.customElements.define(t,e)}t([it({type:Number})],rl.prototype,"min",void 0),t([it({type:Number})],rl.prototype,"max",void 0),sl("temba-anchor",Va),sl("temba-alert",Ia),sl("temba-store",dr),sl("temba-textinput",Ht),sl("temba-completion",ea),sl("temba-checkbox",rt),sl("temba-select",ta),sl("temba-options",pr),sl("temba-loading",sa),sl("temba-button",oa),sl("temba-omnibox",Fa),sl("temba-tip",Za),sl("temba-contact-name",Ja),sl("temba-contact-field",tl),sl("temba-contact-fields",Qa),sl("temba-urn",Xa),sl("temba-field",ra),sl("temba-dialog",na),sl("temba-modax",ia),sl("temba-charcount",fa),sl("temba-contact-history",Aa),sl("temba-contact-chat",ya),sl("temba-contact-details",Pa),sl("temba-ticket-list",Oa),sl("temba-list",La),sl("temba-label",Ka),sl("temba-menu",Ua),sl("temba-contact-search",Na),sl("temba-icon",za),sl("temba-dropdown",Wa),sl("temba-tabs",Ga),sl("temba-tab",Ya),sl("temba-contact-groups",class extends va{static get styles(){return r`
+      <div class="wrapper">
+        ${this.range?O`<div class="pre">${this.min}</div>`:null}
+        <div class="track" @mousedown=${this.handleTrackDown}></div>
+        ${this.range?O`<div class="post">${this.max}</div>`:null}
+      </div>
+    </div>`}}function sl(t,e){window.customElements.get(t)||window.customElements.define(t,e)}t([it({type:Boolean})],rl.prototype,"range",void 0),t([it({type:Number})],rl.prototype,"min",void 0),t([it({type:Number})],rl.prototype,"max",void 0),sl("temba-anchor",Va),sl("temba-alert",Ia),sl("temba-store",dr),sl("temba-textinput",Ht),sl("temba-completion",ea),sl("temba-checkbox",rt),sl("temba-select",ta),sl("temba-options",pr),sl("temba-loading",sa),sl("temba-button",oa),sl("temba-omnibox",Fa),sl("temba-tip",Za),sl("temba-contact-name",Ja),sl("temba-contact-field",tl),sl("temba-contact-fields",Qa),sl("temba-urn",Xa),sl("temba-field",ra),sl("temba-dialog",na),sl("temba-modax",ia),sl("temba-charcount",fa),sl("temba-contact-history",Aa),sl("temba-contact-chat",ya),sl("temba-contact-details",Pa),sl("temba-ticket-list",Oa),sl("temba-list",La),sl("temba-label",Ka),sl("temba-menu",Ua),sl("temba-contact-search",Na),sl("temba-icon",za),sl("temba-dropdown",Wa),sl("temba-tabs",Ga),sl("temba-tab",Ya),sl("temba-contact-groups",class extends va{static get styles(){return r`
       temba-label {
         margin: 0.3em;
       }

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:"956247ac.js",revision:"65022b4e2907a75dc849be39661a7c3b"},{url:"templates/components-body.html",revision:"7d4b24b1cb60c0612dc477d5644cd3e1"},{url:"templates/components-head.html",revision:"59e28c36fafb91a6eaaf6dcd9f290263"}],{}),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:"2cd62ab6.js",revision:"6be3cd43fd3d857e70e9292a23f276ca"},{url:"templates/components-body.html",revision:"834a188365fcab2dbfde6a842168a3e2"},{url:"templates/components-head.html",revision:"8ecd863328b72a5b4209cbc50c271866"}],{}),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/c64b50c8ab0dce1ced5c8377952ca9e8/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\": \"956247ac.js\",\n    \"revision\": \"65022b4e2907a75dc849be39661a7c3b\"\n  },\n  {\n    \"url\": \"templates/components-body.html\",\n    \"revision\": \"7d4b24b1cb60c0612dc477d5644cd3e1\"\n  },\n  {\n    \"url\": \"templates/components-head.html\",\n    \"revision\": \"59e28c36fafb91a6eaaf6dcd9f290263\"\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":["workbox_routing_NavigationRoute","workbox_precaching_createHandlerBoundToURL","workbox_strategies_CacheFirst"],"mappings":"k1BAmCoC,CAClC,KACS,uBACK,oCAEd,KACS,0CACK,oCAEd,KACS,0CACK,qCAEb,oBAE2B,IAAIA,kBAAgCC,0BAA2C,iCAG/E,iBAAkB,IAAIC,aAAiC"}
+{"version":3,"file":"sw.js","sources":["../../../../../tmp/278e96265a24a5029920c55cf0d9eb8a/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\": \"2cd62ab6.js\",\n    \"revision\": \"6be3cd43fd3d857e70e9292a23f276ca\"\n  },\n  {\n    \"url\": \"templates/components-body.html\",\n    \"revision\": \"834a188365fcab2dbfde6a842168a3e2\"\n  },\n  {\n    \"url\": \"templates/components-head.html\",\n    \"revision\": \"8ecd863328b72a5b4209cbc50c271866\"\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":["workbox_routing_NavigationRoute","workbox_precaching_createHandlerBoundToURL","workbox_strategies_CacheFirst"],"mappings":"k1BAmCoC,CAClC,KACS,uBACK,oCAEd,KACS,0CACK,oCAEd,KACS,0CACK,qCAEb,oBAE2B,IAAIA,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/956247ac.js"></script><script>window.TEMBA_COMPONENTS_VERSION="0.27.2"</script>
+<script type="module" src="{{STATIC_URL}}@nyaruka/temba-components/dist/2cd62ab6.js"></script><script>window.TEMBA_COMPONENTS_VERSION="0.28.2"</script>