@hotosm/ui 0.3.0-b8 → 0.3.1-b1

package/dist/chunks/chunk.N5L63ITD.js

@@ -0,0 +1,171 @@
+import{a as v}from"./chunk.2C7KHCNI.js";import{a as c,c as u}from"./chunk.RGDK5VTE.js";function p(t){var o,e,r="";if(typeof t=="string"||typeof t=="number")r+=t;else if(typeof t=="object")if(Array.isArray(t)){var i=t.length;for(o=0;o<i;o++)t[o]&&(e=p(t[o]))&&(r&&(r+=" "),r+=e)}else for(e in t)t[e]&&(r&&(r+=" "),r+=e);return r}function b(){for(var t,o,e=0,r="",i=arguments.length;e<i;e++)(t=arguments[e])&&(o=p(t))&&(r&&(r+=" "),r+=o);return r}var x=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,y=b,w=(t,o)=>e=>{var r;if((o==null?void 0:o.variants)==null)return y(t,e==null?void 0:e.class,e==null?void 0:e.className);let{variants:i,defaultVariants:s}=o,z=Object.keys(i).map(a=>{let n=e==null?void 0:e[a],d=s==null?void 0:s[a];if(n===null)return null;let l=x(n)||x(d);return i[a][l]}),h=e&&Object.entries(e).reduce((a,n)=>{let[d,l]=n;return l===void 0||(a[d]=l),a},{}),j=o==null||(r=o.compoundVariants)===null||r===void 0?void 0:r.reduce((a,n)=>{let g=n,{class:d,className:l}=g,k=u(g,["class","className"]);return Object.entries(k).every(V=>{let[f,m]=V;return Array.isArray(m)?m.includes(c(c({},s),h)[f]):c(c({},s),h)[f]===m})?[...a,d,l]:a},[]);return y(t,z,j,e==null?void 0:e.class,e==null?void 0:e.className)};var _=w(`
+      header
+  `,{variants:{size:{small:"header--size-small",medium:"header--size-medium",large:"header--size-large"},borderBottom:{true:"border-bottom"}}}),B=v`
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 var(--hot-spacing-small);
+  }
+
+  .header.border-bottom {
+    border-bottom: var(--hot-spacing-3x-small) solid var(--hot-color-neutral-50);
+  }
+
+  .header--size-small {
+    height: var(--hot-spacing-4x-large);
+  }
+
+  .header--size-medium {
+    height: calc(var(--hot-spacing-4x-large) * 2);
+  }
+
+  .header--size-large {
+    height: calc(var(--hot-spacing-4x-large) * 4);
+  }
+
+  .header--link {
+    text-decoration: none;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--hot-spacing-small);
+  }
+
+  .header--title {
+    color: var(--hot-color-neutral-950);
+    font-family: var(--hot-font-sans);
+    font-size: var(--hot-font-size-x-large);
+  }
+
+  .header--tab::part(base) {
+    font-size: var(--hot-font-size-medium);
+    font-weight: var(--hot-font-weight-normal);
+    color: var(--hot-color-neutral-950);
+    padding: var(--hot-spacing-small) var(--hot-spacing-small);
+  }
+
+  .header--tab-group::part(base) {
+    --track-color: transparent;
+    --indicator-color: none;
+  }
+
+  .header--nav {
+    justify-content: space-between;
+    justify-items: center;
+    gap: var(--hot-spacing-medium);
+    font-weight: var(--hot-font-weight-semibold);
+  }
+
+  .header--nav-mobile {
+  }
+
+  .header--person-circle {
+    font-size: var(--hot-font-size-x-large);
+  }
+
+  .header--drawer {
+    font-size: var(--hot-font-size-x-large)
+  }
+
+  .header--right-section {
+    display: flex;
+    align-items: center;
+    gap: var(--hot-spacing-small);
+  }
+
+  .header--login-button {
+    --wa-color-brand-600: var(--hot-color-red-500);
+    --wa-color-brand-700: var(--hot-color-red-600);
+  }
+
+  .header--logo-img {
+  }
+
+  .header--tab {
+    border-bottom: 2px solid;
+    border-color: transparent;
+  }
+  .header--tab-active {
+    border-color: var(--hot-color-neutral-1000);
+  }
+
+  /* Login Modal Styles */
+  .login-modal {
+    --width: 35rem;
+    --border-radius: 8px;
+    --background-color: white;
+  }
+
+  .login-modal::part(header) {
+    padding: 1.5rem 1.5rem 0 1.5rem;
+  }
+
+  .login-modal::part(body) {
+    padding: 0 1.5rem 1.5rem 1.5rem;
+  }
+
+  .login-content {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    width: 100%;
+  }
+
+  .login-title {
+    font-size: 1.5rem;
+    font-weight: 700;
+    margin-bottom: 1rem;
+    color: #1f2937;
+  }
+
+  .login-options {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  .login-option {
+    background-color: #f5f5f5;
+    border: 1px solid #d1d5db;
+    color: #374151;
+    padding: 0.75rem 1rem;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: 0.875rem;
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    transition: all 0.3s ease;
+    min-height: 3rem;
+  }
+
+  .login-option:hover {
+    border-color: #d73f3f;
+    color: #d73f3f;
+  }
+
+  .login-option-icon {
+    width: 2.5rem;
+    height: 2.5rem;
+    max-width: 2.5rem;
+    min-width: 2.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+  }
+
+  .login-option-icon img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+
+  .login-option-text {
+    font-size: 1.125rem;
+    font-weight: 400;
+    line-height: 1.5;
+  }
+`;export{_ as a,B as b};

package/dist/chunks/chunk.NK4IZUTO.js

@@ -0,0 +1 @@
+import{a as n}from"./chunk.GRD7DOAE.js";import{a as r,b as t,e as m}from"./chunk.RGDK5VTE.js";var e=m(n(),1);var a=e.default.forwardRef((d,o)=>e.default.createElement("hot-header",t(r({},d),{ref:o})));a.displayName="Header";var p=a;export{p as a};

package/dist/chunks/chunk.PICS5Z5K.js

@@ -0,0 +1 @@
+import{a as l}from"./chunk.GRD7DOAE.js";import{a as e,b as t,e as f}from"./chunk.RGDK5VTE.js";var o=f(l(),1);var r=o.default.forwardRef((a,m)=>o.default.createElement("hot-logo",t(e({},a),{ref:m})));r.displayName="Logo";var c=r;export{c as a};

package/dist/chunks/chunk.RGDK5VTE.js

@@ -0,0 +1 @@
+var o=Object.create;var g=Object.defineProperty,p=Object.defineProperties,l=Object.getOwnPropertyDescriptor,q=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,s=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var k=(a,b,c)=>b in a?g(a,b,{enumerable:!0,configurable:!0,writable:!0,value:c}):a[b]=c,u=(a,b)=>{for(var c in b||(b={}))j.call(b,c)&&k(a,c,b[c]);if(f)for(var c of f(b))m.call(b,c)&&k(a,c,b[c]);return a},v=(a,b)=>p(a,q(b));var w=(a,b)=>{var c={};for(var d in a)j.call(a,d)&&b.indexOf(d)<0&&(c[d]=a[d]);if(a!=null&&f)for(var d of f(a))b.indexOf(d)<0&&m.call(a,d)&&(c[d]=a[d]);return c};var x=(a,b)=>()=>(b||a((b={exports:{}}).exports,b),b.exports);var t=(a,b,c,d)=>{if(b&&typeof b=="object"||typeof b=="function")for(let e of r(b))!j.call(a,e)&&e!==c&&g(a,e,{get:()=>b[e],enumerable:!(d=l(b,e))||d.enumerable});return a};var y=(a,b,c)=>(c=a!=null?o(s(a)):{},t(b||!a||!a.__esModule?g(c,"default",{value:a,enumerable:!0}):c,a));var z=(a,b,c,d)=>{for(var e=d>1?void 0:d?l(b,c):b,h=a.length-1,i;h>=0;h--)(i=a[h])&&(e=(d?i(b,c,e):i(e))||e);return d&&e&&g(b,c,e),e};var n=(a,b,c)=>{if(!b.has(a))throw TypeError("Cannot "+c)};var A=(a,b,c)=>(n(a,b,"read from private field"),c?c.call(a):b.get(a)),B=(a,b,c)=>{if(b.has(a))throw TypeError("Cannot add the same private member more than once");b instanceof WeakSet?b.add(a):b.set(a,c)},C=(a,b,c,d)=>(n(a,b,"write to private field"),d?d.call(a,c):b.set(a,c),c);export{u as a,v as b,w as c,x as d,y as e,z as f,A as g,B as h,C as i};

package/dist/chunks/chunk.TJK2P3MY.js

@@ -0,0 +1,239 @@
+import{a as c,b as r}from"./chunk.7P5E5KMI.js";import{a as b,d as l,e as u}from"./chunk.2C7KHCNI.js";import{f as a,g as n,h as s,i}from"./chunk.RGDK5VTE.js";import"https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/components/callout/callout.js";import"https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/components/button/button.js";import"https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/components/icon/icon.js";var w,m,f,x,v,t=class extends u{constructor(){super(...arguments);this.name="hot-tracking";s(this,w,"");s(this,m,"");s(this,f,"https://matomo.hotosm.org");s(this,x,!0);s(this,v,"We use cookies and similar technologies to help personalize content, tailor and measure ads, and provide a better experience. By clicking 'Accept', you consent to our use of cookies and tracking technologies.");this.consentGiven=!1;this.consentShown=!1;this.errorMessage="";this.showError=!1;this.successMessage="";this.showSuccess=!1;this.infoMessage="";this.showInfo=!1}get siteId(){return n(this,w)}set siteId(e){i(this,w,e)}get domain(){return n(this,m)}set domain(e){i(this,m,e)}get matomoURL(){return n(this,f)}set matomoURL(e){i(this,f,e)}get showConsent(){return n(this,x)}set showConsent(e){i(this,x,e)}get consentMessage(){return n(this,v)}set consentMessage(e){i(this,v,e)}agree(){this.consentGiven=!0,this.consentShown=!1;let e=window._paq=window._paq||[];e.length!==0&&(e.push(["rememberConsentGiven"]),e.push(["trackPageView"]),this.showSuccessCallout("Tracking consent granted. Thank you!"))}disagree(){this.consentGiven=!1,this.consentShown=!1;let e=window._paq=window._paq||[];e.length!==0&&(e.push(["forgetConsentGiven"]),this.showInfoCallout("Tracking disabled. You can change this preference later."))}showConsentBanner(){this.showConsent&&!this.consentGiven&&!this.consentShown&&(this.consentShown=!0)}showErrorCallout(e){this.errorMessage=e,this.showError=!0,setTimeout(()=>{this.showError=!1},1e4)}showSuccessCallout(e){this.successMessage=e,this.showSuccess=!0,setTimeout(()=>{this.showSuccess=!1},5e3)}showInfoCallout(e){this.infoMessage=e,this.showInfo=!0,setTimeout(()=>{this.showInfo=!1},5e3)}render(){return l`
+      ${this.showError?l`
+        <div class="error-banner">
+          <wa-callout style="padding: 1rem;" variant="danger" appearance="outlined filled" size="large">
+            <wa-icon slot="icon" family="classic" variant="solid" name="circle-exclamation"></wa-icon>
+            <div style="padding: 0 1rem;">
+              <strong>Tracking Configuration Error</strong><br />
+              ${this.errorMessage}
+            </div>
+          </wa-callout>
+        </div>
+      `:""}
+      
+      ${this.showSuccess?l`
+        <div class="toast-banner">
+          <wa-callout style="padding: 1rem;" variant="success" appearance="outlined accent" size="medium">
+            <wa-icon slot="icon" family="classic" variant="solid" name="circle-check"></wa-icon>
+            <div style="padding: 0 1rem;">
+              <strong>Success!</strong><br />
+              ${this.successMessage}
+            </div>
+          </wa-callout>
+        </div>
+      `:""}
+      
+      ${this.showInfo?l`
+        <div class="toast-banner">
+          <wa-callout style="padding: 1rem;" variant="brand" appearance="outlined filled" size="medium">
+            <wa-icon slot="icon" family="classic" variant="solid" name="circle-info"></wa-icon>
+            <div style="padding: 0 1rem;">
+              <strong>Information</strong><br />
+              ${this.infoMessage}
+            </div>
+          </wa-callout>
+        </div>
+      `:""}
+      
+      ${this.consentShown?l`
+        <div class="consent-banner">
+          <wa-callout  variant="brand" appearance="outlined filled" size="large">
+            <wa-icon slot="icon" family="classic" variant="solid" name="shield-check"></wa-icon>
+            <div style="padding: 1rem;">
+              <strong>Privacy & Tracking</strong><br />
+              ${this.consentMessage}
+              <div class="consent-actions">
+                <wa-button size="small" variant="neutral" @click=${e=>{e.preventDefault(),e.stopPropagation(),this.disagree()}}>
+                  Decline
+                </wa-button>
+                <wa-button size="small" variant="brand" @click=${e=>{e.preventDefault(),e.stopPropagation(),this.agree()}}>
+                  Accept
+                </wa-button>
+              </div>
+            </div>
+          </wa-callout>
+        </div>
+      `:""}
+    `}connectedCallback(){if(super.connectedCallback(),window.location.hostname!==this.domain){this.showErrorCallout(`Matomo tracking is not configured for this domain. Current domain: ${window.location.hostname}, Expected: ${this.domain}`);return}let e=this.siteId;if(e.length===0||this.domain.length===0){this.showErrorCallout("Matomo tracking is not properly configured. Please provide both site-id and domain attributes.");return}console.log(`Setting Matomo tracking for site=${e} domain=${this.domain}`);let o=window._paq=window._paq||[];o.push(["requireConsent"]),o.push(["setDomains",[this.domain]]),o.push(["enableLinkTracking"]),o.push(["trackVisibleContentImpressions"]),function(h){o.push(["setTrackerUrl",`${h}/matomo.php`]),o.push(["setSiteId",e]);let g=document,p=g.createElement("script"),d=g.getElementsByTagName("script")[0];(d==null?void 0:d.parentNode)!=null?(p.async=!0,p.src=`${h}/matomo.js`,d.parentNode.insertBefore(p,d)):console.warn("Script insertion failed. Parent node is null.")}(this.matomoURL),setTimeout(()=>{this.showConsentBanner()},1e3)}};w=new WeakMap,m=new WeakMap,f=new WeakMap,x=new WeakMap,v=new WeakMap,t.styles=b`
+    :host {
+      display: block;
+      font-family: var(--wa-font-sans);
+    }
+    
+    .consent-banner {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      z-index: 1000;
+      padding: 1rem;
+      background: rgba(255, 255, 255, 0.95);
+      backdrop-filter: blur(10px);
+      border-top: 1px solid rgba(0, 0, 0, 0.1);
+    }
+    
+    .error-banner {
+      position: fixed;
+      top: 1rem;
+      left: 1rem;
+      right: 1rem;
+      z-index: 1001;
+      max-width: 600px;
+      margin: 0 auto;
+    }
+    
+    .toast-banner {
+      position: fixed;
+      top: 1rem;
+      right: 1rem;
+      z-index: 1002;
+      max-width: 450px;
+      animation: slideIn 0.3s ease-out;
+    }
+    
+    @keyframes slideIn {
+      from {
+        transform: translateX(100%);
+        opacity: 0;
+      }
+      to {
+        transform: translateX(0);
+        opacity: 1;
+      }
+    }
+    
+    .consent-actions {
+      display: flex;
+      gap: 0.75rem;
+      margin-top: 1rem;
+      justify-content: flex-end;
+    }
+    
+    wa-callout {
+      --wa-callout-spacing: 1.5rem;
+      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
+      border-radius: 12px;
+      border: 1px solid rgba(0, 0, 0, 0.08);
+      backdrop-filter: blur(8px);
+    }
+    
+    wa-button {
+      min-width: 80px;
+      font-weight: 500;
+      transition: all 0.2s ease;
+    }
+    
+    wa-button:hover {
+      transform: translateY(-1px);
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    }
+    
+    .error-banner wa-callout {
+      border-radius: 16px;
+      box-shadow: 0 16px 48px rgba(243, 77, 71, 0.2);
+      border: 1px solid rgba(243, 77, 71, 0.2);
+      background: linear-gradient(135deg, rgba(254, 236, 239, 0.95), rgba(253, 208, 214, 0.95));
+    }
+    
+    .error-banner wa-callout::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 4px;
+      background: linear-gradient(90deg, var(--hot-color-red-500), var(--hot-color-red-600), var(--hot-color-red-700));
+      border-radius: 16px 16px 0 0;
+    }
+    
+    .toast-banner wa-callout {
+      border-radius: 14px;
+      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
+      border: 1px solid rgba(0, 0, 0, 0.06);
+      background: rgba(255, 255, 255, 0.98);
+      backdrop-filter: blur(12px);
+    }
+    
+    .toast-banner wa-callout[variant="success"] {
+      box-shadow: 0 12px 40px rgba(34, 197, 94, 0.15);
+      border: 1px solid rgba(34, 197, 94, 0.2);
+      background: linear-gradient(135deg, rgba(240, 253, 244, 0.95), rgba(220, 252, 231, 0.95));
+    }
+    
+    .toast-banner wa-callout[variant="success"]::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 3px;
+      background: linear-gradient(90deg, #22c55e, #16a34a);
+      border-radius: 14px 14px 0 0;
+    }
+    
+    .toast-banner wa-callout[variant="brand"] {
+      box-shadow: 0 12px 40px rgba(243, 77, 71, 0.15);
+      border: 1px solid rgba(243, 77, 71, 0.2);
+      background: linear-gradient(135deg, rgba(254, 236, 239, 0.95), rgba(253, 208, 214, 0.95));
+    }
+    
+    .toast-banner wa-callout[variant="brand"]::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 3px;
+      background: linear-gradient(90deg, var(--hot-color-red-500), var(--hot-color-red-600));
+      border-radius: 14px 14px 0 0;
+    }
+    
+    .consent-banner wa-callout {
+      border-radius: 16px;
+      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
+      border: 1px solid rgba(0, 0, 0, 0.08);
+      background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.98));
+      backdrop-filter: blur(16px);
+    }
+    
+    .consent-banner wa-callout::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 4px;
+      background: linear-gradient(90deg, var(--hot-color-red-500), var(--hot-color-red-600), var(--hot-color-red-700));
+      border-radius: 16px 16px 0 0;
+    }
+    
+    wa-icon {
+      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
+    }
+    
+    @media (max-width: 768px) {
+      .consent-banner {
+        padding: 0.75rem;
+      }
+      
+      .error-banner {
+        left: 0.5rem;
+        right: 0.5rem;
+        max-width: none;
+      }
+      
+      .toast-banner {
+        right: 0.5rem;
+        max-width: calc(100vw - 1rem);
+      }
+      
+      .consent-actions {
+        flex-direction: column;
+        gap: 0.5rem;
+      }
+      
+      wa-button {
+        width: 100%;
+      }
+    }
+  `,a([c({type:String,attribute:"site-id"})],t.prototype,"siteId",1),a([c({type:String})],t.prototype,"domain",1),a([c({type:String})],t.prototype,"matomoURL",1),a([c({type:Boolean,attribute:"show-consent"})],t.prototype,"showConsent",1),a([c({type:String,attribute:"consent-message"})],t.prototype,"consentMessage",1),a([r()],t.prototype,"consentGiven",2),a([r()],t.prototype,"consentShown",2),a([r()],t.prototype,"errorMessage",2),a([r()],t.prototype,"showError",2),a([r()],t.prototype,"successMessage",2),a([r()],t.prototype,"showSuccess",2),a([r()],t.prototype,"infoMessage",2),a([r()],t.prototype,"showInfo",2);var q=t;customElements.define("hot-tracking",t);export{t as a,q as b};

package/dist/chunks/{chunk.KTVXG6ZT.js → chunk.TVZQJVLS.js}

@@ -1,4 +1,4 @@
-import{css as e}from"lit";var t=e`
+import{a as e}from"./chunk.2C7KHCNI.js";var t=e`
   .logo {
     line-height: 0;
     height: var(--hot-spacing-3x-large)

package/dist/chunks/chunk.V76UU3GK.js

@@ -0,0 +1 @@
+import{a as s}from"./chunk.GRD7DOAE.js";import{a as t,b as e,e as i}from"./chunk.RGDK5VTE.js";var r=i(s(),1);var n=r.default.forwardRef((o,a)=>r.default.createElement("hot-tracking",e(t({},o),{ref:a})));n.displayName="Tracking";var g=n;export{g as a};

package/dist/chunks/chunk.W5TPMQK4.js

@@ -0,0 +1 @@
+import{b as e}from"./chunk.3BMRK6RX.js";var r=e;export{r as a};

package/dist/chunks/chunk.XYLRVYKD.js

@@ -0,0 +1,36 @@
+import{a as d}from"./chunk.277I73JI.js";import{a as o}from"./chunk.7P5E5KMI.js";import{a as l}from"./chunk.KO4EOD3I.js";import{d as r,e as c}from"./chunk.2C7KHCNI.js";import{f as s,g as n,h as a,i}from"./chunk.RGDK5VTE.js";import"https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/components/callout/callout.js";import"https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/components/icon/icon.js";import"https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/components/button/button.js";l();var u,g,p,b,h,m,v,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";a(this,u,"");a(this,g,!1);a(this,p,!0);a(this,b,"About the information we collect");a(this,h,"We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity.");a(this,m,"I Agree");a(this,v,"I Do Not Agree")}get consentId(){return n(this,u)}set consentId(t){i(this,u,t)}get force(){return n(this,g)}set force(t){i(this,g,t)}get isOpen(){return n(this,p)}set isOpen(t){i(this,p,t)}get title(){return n(this,b)}set title(t){i(this,b,t)}get message(){return n(this,h)}set message(t){i(this,h,t)}get agreeLabel(){return n(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return n(this,v)}set notAgreeLabel(t){i(this,v,t)}render(){return this.isOpen?r`
+      <div class="consent-overlay">
+        <div class="consent-container">
+          <wa-callout variant="brand" appearance="outlined filled" size="large" class="consent-callout">
+            <wa-icon slot="icon" family="classic" variant="solid" name="shield-check" class="consent-icon"></wa-icon>
+            <div class="consent-content">
+              <h2 id="consent-header" class="consent-header">
+                ${this.title}
+              </h2>
+              <div class="consent-message">
+                <p>${this.message}</p>
+                <slot name="additional-info"></slot>
+              </div>
+              <div class="consent-actions">
+                <wa-button 
+                  size="medium" 
+                  variant="neutral" 
+                  class="consent-button decline-button"
+                  @click=${t=>this._setDisagree(t)}
+                >
+                  ${this.notAgreeLabel}
+                </wa-button>
+                <wa-button 
+                  size="medium" 
+                  variant="brand" 
+                  class="consent-button accept-button"
+                  @click=${t=>this._setAgree(t)}
+                >
+                  ${this.agreeLabel}
+                </wa-button>
+              </div>
+            </div>
+          </wa-callout>
+        </div>
+      </div>
+    `:null}_setAgree(t){this.isOpen=!1,localStorage.setItem(`${this.consentId}-consent-agree`,"true"),this.dispatchEvent(new Event("agree",{bubbles:!0,composed:!0}))}_setDisagree(t){this.isOpen=!1,localStorage.setItem(`${this.consentId}-consent-agree`,"false"),this.dispatchEvent(new Event("disagree",{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback();let t=localStorage.getItem(`${this.consentId}-consent-agree`);if(t==="false"){this.isOpen=!1;return}t==="true"&&(this.isOpen=!1)}};u=new WeakMap,g=new WeakMap,p=new WeakMap,b=new WeakMap,h=new WeakMap,m=new WeakMap,v=new WeakMap,e.styles=[d],s([o({type:String,attribute:"consent-id"})],e.prototype,"consentId",1),s([o({type:Boolean})],e.prototype,"force",1),s([o({type:Boolean})],e.prototype,"isOpen",1),s([o({type:String})],e.prototype,"title",1),s([o({type:String})],e.prototype,"message",1),s([o({type:String,attribute:"agree-label"})],e.prototype,"agreeLabel",1),s([o({type:String,attribute:"not-agree-label"})],e.prototype,"notAgreeLabel",1);var O=e;customElements.define("hot-consent",e);export{e as a,O as b};

package/dist/components/consent/consent.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.LAB2KBRI.js";import"../../chunks/chunk.G3D6QL7M.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as Consent,b as default};
+import{a,b}from"../../chunks/chunk.XYLRVYKD.js";import"../../chunks/chunk.277I73JI.js";import"../../chunks/chunk.7P5E5KMI.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as Consent,b as default};

package/dist/components/consent/consent.js

@@ -1 +1 @@
-import{a as b}from"../../chunks/chunk.7YWE45I4.js";import{a}from"../../chunks/chunk.LAB2KBRI.js";import"../../chunks/chunk.G3D6QL7M.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as Consent,b as default};
+import{a as b}from"../../chunks/chunk.BLTVEIFI.js";import{a}from"../../chunks/chunk.XYLRVYKD.js";import"../../chunks/chunk.277I73JI.js";import"../../chunks/chunk.7P5E5KMI.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as Consent,b as default};

package/dist/components/consent/consent.styles.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.G3D6QL7M.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as default};
+import{a}from"../../chunks/chunk.277I73JI.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as default};

package/dist/components/header/header.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.66J66XQR.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.FRQNABAW.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as Header,b as default};
+import{a,b}from"../../chunks/chunk.3BMRK6RX.js";import"../../chunks/chunk.7P5E5KMI.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.N5L63ITD.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as Header,b as default};

package/dist/components/header/header.js

@@ -1 +1 @@
-import{a as b}from"../../chunks/chunk.OR3QPNQV.js";import{a}from"../../chunks/chunk.66J66XQR.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.FRQNABAW.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as Header,b as default};
+import{a as b}from"../../chunks/chunk.W5TPMQK4.js";import{a}from"../../chunks/chunk.3BMRK6RX.js";import"../../chunks/chunk.7P5E5KMI.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.N5L63ITD.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as Header,b as default};

package/dist/components/header/header.styles.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.FRQNABAW.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as headerVariants,b as styles};
+import{a,b}from"../../chunks/chunk.N5L63ITD.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as headerVariants,b as styles};

package/dist/components/icons.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.KO4EOD3I.js";import"../chunks/chunk.VQWI2U6Y.js";export{a as default};
+import{a}from"../chunks/chunk.KO4EOD3I.js";import"../chunks/chunk.RGDK5VTE.js";export{a as default};

package/dist/components/logo/logo.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.PJ3V5264.js";import"../../chunks/chunk.KTVXG6ZT.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as Logo,b as default};
+import{a,b}from"../../chunks/chunk.DQ7UCE7O.js";import"../../chunks/chunk.TVZQJVLS.js";import"../../chunks/chunk.7P5E5KMI.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as Logo,b as default};

package/dist/components/logo/logo.js

@@ -1 +1 @@
-import{a as b}from"../../chunks/chunk.YDNYCQ33.js";import{a}from"../../chunks/chunk.PJ3V5264.js";import"../../chunks/chunk.KTVXG6ZT.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as Logo,b as default};
+import{a as b}from"../../chunks/chunk.6QXNTVCU.js";import{a}from"../../chunks/chunk.DQ7UCE7O.js";import"../../chunks/chunk.TVZQJVLS.js";import"../../chunks/chunk.7P5E5KMI.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as Logo,b as default};

package/dist/components/logo/logo.styles.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.KTVXG6ZT.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as default};
+import{a}from"../../chunks/chunk.TVZQJVLS.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as default};

package/dist/components/tracking/tracking.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.DH7XQ5FD.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as MatomoTracking,b as default};
+import{a,b}from"../../chunks/chunk.TJK2P3MY.js";import"../../chunks/chunk.7P5E5KMI.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as MatomoTracking,b as default};

package/dist/components/tracking/tracking.js

@@ -1 +1 @@
-import{a as b}from"../../chunks/chunk.KLERXQ4L.js";import{a}from"../../chunks/chunk.DH7XQ5FD.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as MatomoTracking,b as default};
+import{a as b}from"../../chunks/chunk.GTA7FK6E.js";import{a}from"../../chunks/chunk.TJK2P3MY.js";import"../../chunks/chunk.7P5E5KMI.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as MatomoTracking,b as default};

package/dist/hotosm-ui.js

@@ -1 +1 @@
-import{b as t}from"./chunks/chunk.PJ3V5264.js";import"./chunks/chunk.KTVXG6ZT.js";import{b as e}from"./chunks/chunk.DH7XQ5FD.js";import{b as r}from"./chunks/chunk.LAB2KBRI.js";import"./chunks/chunk.G3D6QL7M.js";import{b as o}from"./chunks/chunk.66J66XQR.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.FRQNABAW.js";import"./chunks/chunk.VQWI2U6Y.js";export{r as Consent,o as Header,t as Logo,e as Tracking};
+import{b as t}from"./chunks/chunk.DQ7UCE7O.js";import"./chunks/chunk.TVZQJVLS.js";import{b as e}from"./chunks/chunk.TJK2P3MY.js";import{b as r}from"./chunks/chunk.XYLRVYKD.js";import"./chunks/chunk.277I73JI.js";import{b as o}from"./chunks/chunk.3BMRK6RX.js";import"./chunks/chunk.7P5E5KMI.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.N5L63ITD.js";import"./chunks/chunk.2C7KHCNI.js";import"./chunks/chunk.RGDK5VTE.js";export{r as Consent,o as Header,t as Logo,e as Tracking};

package/dist/react/consent/index.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.WEGVR65B.js";import"../../chunks/chunk.7YWE45I4.js";import"../../chunks/chunk.LAB2KBRI.js";import"../../chunks/chunk.G3D6QL7M.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as default};
+import{a}from"../../chunks/chunk.H27BHZTL.js";import"../../chunks/chunk.GRD7DOAE.js";import"../../chunks/chunk.BLTVEIFI.js";import"../../chunks/chunk.XYLRVYKD.js";import"../../chunks/chunk.277I73JI.js";import"../../chunks/chunk.7P5E5KMI.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as default};

package/dist/react/header/index.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.BPXXHUUZ.js";import"../../chunks/chunk.OR3QPNQV.js";import"../../chunks/chunk.66J66XQR.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.FRQNABAW.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as default};
+import{a}from"../../chunks/chunk.NK4IZUTO.js";import"../../chunks/chunk.GRD7DOAE.js";import"../../chunks/chunk.W5TPMQK4.js";import"../../chunks/chunk.3BMRK6RX.js";import"../../chunks/chunk.7P5E5KMI.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.N5L63ITD.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as default};

package/dist/react/index.js

@@ -1 +1 @@
-import{a as o}from"../chunks/chunk.KJNIHMV5.js";import{a}from"../chunks/chunk.N5ZPC4QF.js";import"../chunks/chunk.YDNYCQ33.js";import"../chunks/chunk.KLERXQ4L.js";import{a as r}from"../chunks/chunk.WEGVR65B.js";import{a as e}from"../chunks/chunk.BPXXHUUZ.js";import"../chunks/chunk.PJ3V5264.js";import"../chunks/chunk.KTVXG6ZT.js";import"../chunks/chunk.DH7XQ5FD.js";import"../chunks/chunk.7YWE45I4.js";import"../chunks/chunk.LAB2KBRI.js";import"../chunks/chunk.G3D6QL7M.js";import"../chunks/chunk.OR3QPNQV.js";import"../chunks/chunk.66J66XQR.js";import"../chunks/chunk.KO4EOD3I.js";import"../chunks/chunk.FRQNABAW.js";import"../chunks/chunk.VQWI2U6Y.js";export{r as Consent,e as Header,o as Logo,a as Tracking};
+import{a as o}from"../chunks/chunk.PICS5Z5K.js";import{a}from"../chunks/chunk.V76UU3GK.js";import"../chunks/chunk.6QXNTVCU.js";import"../chunks/chunk.GTA7FK6E.js";import{a as r}from"../chunks/chunk.H27BHZTL.js";import{a as e}from"../chunks/chunk.NK4IZUTO.js";import"../chunks/chunk.GRD7DOAE.js";import"../chunks/chunk.DQ7UCE7O.js";import"../chunks/chunk.TVZQJVLS.js";import"../chunks/chunk.TJK2P3MY.js";import"../chunks/chunk.BLTVEIFI.js";import"../chunks/chunk.XYLRVYKD.js";import"../chunks/chunk.277I73JI.js";import"../chunks/chunk.W5TPMQK4.js";import"../chunks/chunk.3BMRK6RX.js";import"../chunks/chunk.7P5E5KMI.js";import"../chunks/chunk.KO4EOD3I.js";import"../chunks/chunk.N5L63ITD.js";import"../chunks/chunk.2C7KHCNI.js";import"../chunks/chunk.RGDK5VTE.js";export{r as Consent,e as Header,o as Logo,a as Tracking};

package/dist/react/logo/index.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.KJNIHMV5.js";import"../../chunks/chunk.YDNYCQ33.js";import"../../chunks/chunk.PJ3V5264.js";import"../../chunks/chunk.KTVXG6ZT.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as default};
+import{a}from"../../chunks/chunk.PICS5Z5K.js";import"../../chunks/chunk.6QXNTVCU.js";import"../../chunks/chunk.GRD7DOAE.js";import"../../chunks/chunk.DQ7UCE7O.js";import"../../chunks/chunk.TVZQJVLS.js";import"../../chunks/chunk.7P5E5KMI.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as default};

package/dist/react/tracking/index.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.N5ZPC4QF.js";import"../../chunks/chunk.KLERXQ4L.js";import"../../chunks/chunk.DH7XQ5FD.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as default};
+import{a}from"../../chunks/chunk.V76UU3GK.js";import"../../chunks/chunk.GTA7FK6E.js";import"../../chunks/chunk.GRD7DOAE.js";import"../../chunks/chunk.TJK2P3MY.js";import"../../chunks/chunk.7P5E5KMI.js";import"../../chunks/chunk.2C7KHCNI.js";import"../../chunks/chunk.RGDK5VTE.js";export{a as default};