@hotosm/ui 0.3.1-b4 → 0.3.1-b5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/README.md +10 -8
  2. package/dist/chunks/chunk.2MK55PUE.js +700 -0
  3. package/dist/chunks/{callout.USQGOL5A.js → chunk.3NBBS2A2.js} +2 -2
  4. package/dist/chunks/{chunk.4YLAIDAG.js → chunk.7RJ72M75.js} +3 -3
  5. package/dist/chunks/{chunk.OVCI43FD.js → chunk.MIYFUINI.js} +2 -2
  6. package/dist/chunks/{chunk.NQHNA5TA.js → chunk.PDLGEB7T.js} +3 -3
  7. package/dist/chunks/chunk.V7FZQXWL.js +667 -0
  8. package/dist/components/consent/consent.component.d.ts +3 -0
  9. package/dist/components/consent/consent.component.js +1 -1
  10. package/dist/components/consent/consent.js +1 -1
  11. package/dist/components/header/header.component.d.ts +4 -0
  12. package/dist/components/header/header.component.js +1 -1
  13. package/dist/components/header/header.js +1 -1
  14. package/dist/components/logo/logo.component.js +1 -1
  15. package/dist/components/logo/logo.js +1 -1
  16. package/dist/components/tracking/tracking.component.d.ts +3 -0
  17. package/dist/components/tracking/tracking.component.js +1 -1
  18. package/dist/components/tracking/tracking.js +1 -1
  19. package/dist/hotosm-ui.js +1 -1
  20. package/package.json +1 -1
  21. package/dist/chunks/button.QMPBLQB7.js +0 -1
  22. package/dist/chunks/chunk.7VBX4GII.js +0 -1
  23. package/dist/chunks/chunk.FIQQYKEP.js +0 -14
  24. package/dist/chunks/chunk.I26W4NHZ.js +0 -460
  25. package/dist/chunks/chunk.OHRBDQCO.js +0 -45
  26. package/dist/chunks/chunk.TFICHQZE.js +0 -186
  27. package/dist/chunks/chunk.XAMKQWQ3.js +0 -92
  28. package/dist/chunks/dialog.ZJLYCG4P.js +0 -217
  29. package/dist/chunks/icon.ZB6BUFKB.js +0 -1
  30. package/dist/chunks/tab-group.M6XGU33J.js +0 -360
@@ -1,45 +0,0 @@
1
- import{a,b as $}from"./chunk.FIQQYKEP.js";import{a as M,b as n,c as _}from"./chunk.6ZDEZIWM.js";import{e as w,j as z}from"./chunk.U4P7XQR4.js";import{a as A}from"./chunk.NI7UJOOZ.js";function v(t,s){let e=A({waitUntilFirstUpdate:!1},s);return(o,i)=>{let{update:r}=o,h=Array.isArray(t)?t:[t];o.update=function(l){h.forEach(V=>{let u=V;if(l.has(u)){let x=l.get(u),C=this[u];x!==C&&(!e.waitUntilFirstUpdate||this.hasUpdated)&&this[i](x,C)}}),r.call(this,l)}}}var B=class extends Event{constructor(){super("wa-load",{bubbles:!0,cancelable:!1,composed:!0})}};var m="";function U(t){m=t}function T(){if(!m){let t=document.querySelector("[data-fa-kit-code]");t&&U(t.getAttribute("data-fa-kit-code")||"")}return m}function F(t,s,e){let o=T(),i=o.length>0,r="solid";return s==="classic"&&(e==="thin"&&(r="thin"),e==="light"&&(r="light"),e==="regular"&&(r="regular"),e==="solid"&&(r="solid")),s==="sharp"&&(e==="thin"&&(r="sharp-thin"),e==="light"&&(r="sharp-light"),e==="regular"&&(r="sharp-regular"),e==="solid"&&(r="sharp-solid")),s==="duotone"&&(e==="thin"&&(r="duotone-thin"),e==="light"&&(r="duotone-light"),e==="regular"&&(r="duotone-regular"),e==="solid"&&(r="duotone")),s==="sharp-duotone"&&(e==="thin"&&(r="sharp-duotone-thin"),e==="light"&&(r="sharp-duotone-light"),e==="regular"&&(r="sharp-duotone-regular"),e==="solid"&&(r="sharp-duotone-solid")),s==="brands"&&(r="brands"),i?`https://ka-p.fontawesome.com/releases/v6.7.2/svgs/${r}/${t}.svg?token=${encodeURIComponent(o)}`:`https://ka-f.fontawesome.com/releases/v6.7.2/svgs/${r}/${t}.svg`}var P={name:"default",resolver:(t,s="classic",e="solid")=>F(t,s,e)},I=P;function D(t){return`data:image/svg+xml,${encodeURIComponent(t)}`}var f={solid:{check:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>',"chevron-down":'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>',"chevron-left":'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="10" viewBox="0 0 320 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>',"chevron-right":'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="10" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>',circle:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>',eyedropper:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><path d="M341.6 29.2L240.1 130.8l-9.4-9.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-9.4-9.4L482.8 170.4c39-39 39-102.2 0-141.1s-102.2-39-141.1 0zM55.4 323.3c-15 15-23.4 35.4-23.4 56.6v42.4L5.4 462.2c-8.5 12.7-6.8 29.6 4 40.4s27.7 12.5 40.4 4L89.7 480h42.4c21.2 0 41.6-8.4 56.6-23.4L309.4 335.9l-45.3-45.3L143.4 411.3c-3 3-7.1 4.7-11.3 4.7H96V379.9c0-4.2 1.7-8.3 4.7-11.3L221.4 247.9l-45.3-45.3L55.4 323.3z"/></svg>',"grip-vertical":'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="10" viewBox="0 0 320 512"><path d="M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z"/></svg>',indeterminate:'<svg part="indeterminate-icon" class="icon" viewBox="0 0 16 16"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"><g stroke="currentColor" stroke-width="2"><g transform="translate(2.285714, 6.857143)"><path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path></g></g></g></svg>',minus:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="10" viewBox="0 0 320 512"><path d="M48 64C21.5 64 0 85.5 0 112V400c0 26.5 21.5 48 48 48H80c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H48zm192 0c-26.5 0-48 21.5-48 48V400c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H240z"/></svg>',play:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="12" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>',star:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="18" viewBox="0 0 576 512"><path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/></svg>',user:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"/></svg>',xmark:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="12" viewBox="0 0 384 512"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>'},regular:{"circle-question":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm169.8-90.7c7.9-22.3 29.1-37.3 52.8-37.3l58.3 0c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24l0-13.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1l-58.3 0c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>',"circle-xmark":'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg>',copy:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H96V128H64z"/></svg>',eye:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="18" viewBox="0 0 576 512"><path d="M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z"/></svg>',"eye-slash":'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="20" viewBox="0 0 640 512"><path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm51.3 163.3l-41.9-33C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5zm-88-69.3L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8z"/></svg>',star:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/></svg>'}},W={name:"system",resolver:(t,s="classic",e="solid")=>{var r,h;let i=(h=(r=f[e][t])!=null?r:f.regular[t])!=null?h:f.regular["circle-question"];return i?D(i):""}},E=W;var q="classic",j=[I,E],y=[];function S(t){y.push(t)}function k(t){y=y.filter(s=>s!==t)}function g(t){return j.find(s=>s.name===t)}function H(){return q}var{I:r2}=z;var R=(t,s)=>s===void 0?(t==null?void 0:t._$litType$)!==void 0:(t==null?void 0:t._$litType$)===s;var O=class extends Event{constructor(){super("wa-error",{bubbles:!0,cancelable:!1,composed:!0})}},N=`:host {
2
- --primary-color: currentColor;
3
- --primary-opacity: 1;
4
- --secondary-color: currentColor;
5
- --secondary-opacity: 0.4;
6
-
7
- display: inline-flex;
8
- box-sizing: content-box !important;
9
- width: auto;
10
- height: 1em;
11
- }
12
-
13
- svg {
14
- display: inline-block;
15
- width: auto;
16
- height: inherit;
17
- fill: currentColor;
18
-
19
- .fa-primary {
20
- color: var(--primary-color);
21
- opacity: var(--primary-opacity);
22
- }
23
-
24
- .fa-secondary {
25
- color: var(--secondary-color);
26
- opacity: var(--secondary-opacity);
27
- }
28
- }
29
-
30
- :host([fixed-width]) {
31
- width: 1em;
32
- justify-content: center;
33
- }
34
- `,d=Symbol(),p=Symbol(),b,L=new Map,c=class extends ${constructor(){super(...arguments),this.svg=null,this.label="",this.library="default"}connectedCallback(){super.connectedCallback(),S(this)}firstUpdated(t){super.firstUpdated(t),this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),k(this)}getIconSource(){let t=g(this.library),s=this.family||H();return this.name&&t?{url:t.resolver(this.name,s,this.variant),fromLibrary:!0}:{url:this.src,fromLibrary:!1}}async resolveIcon(t,s){var o;let e;if(s!=null&&s.spriteSheet){this.hasUpdated||await this.updateComplete,this.svg=w`<svg part="svg">
35
- <use part="use" href="${t}"></use>
36
- </svg>`,await this.updateComplete;let i=this.shadowRoot.querySelector("[part='svg']");return typeof s.mutator=="function"&&s.mutator(i),this.svg}try{if(e=await fetch(t,{mode:"cors"}),!e.ok)return e.status===410?d:p}catch(i){return p}try{let i=document.createElement("div");i.innerHTML=await e.text();let r=i.firstElementChild;if(((o=r==null?void 0:r.tagName)==null?void 0:o.toLowerCase())!=="svg")return d;b||(b=new DOMParser);let l=b.parseFromString(r.outerHTML,"text/html").body.querySelector("svg");return l?(l.part.add("svg"),document.adoptNode(l)):d}catch(i){return d}}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var r;let{url:t,fromLibrary:s}=this.getIconSource(),e=s?g(this.library):void 0;if(!t){this.svg=null;return}let o=L.get(t);o||(o=this.resolveIcon(t,e),L.set(t,o));let i=await o;if(i===p&&L.delete(t),t===this.getIconSource().url){if(R(i)){this.svg=i;return}switch(i){case p:case d:this.svg=null,this.dispatchEvent(new O);break;default:this.svg=i.cloneNode(!0),(r=e==null?void 0:e.mutator)==null||r.call(e,this.svg),this.dispatchEvent(new B)}}}updated(t){var o,i;super.updated(t);let s=g(this.library),e=(o=this.shadowRoot)==null?void 0:o.querySelector("svg");e&&((i=s==null?void 0:s.mutator)==null||i.call(s,e))}render(){return this.hasUpdated?this.svg:w`<svg part="svg" fill="currentColor" width="16" height="16"></svg>`}};c.css=N;a([_()],c.prototype,"svg",2);a([n()],c.prototype,"name",2);a([n()],c.prototype,"family",2);a([n()],c.prototype,"variant",2);a([n({attribute:"fixed-width",type:Boolean,reflect:!0})],c.prototype,"fixedWidth",2);a([n()],c.prototype,"src",2);a([n()],c.prototype,"label",2);a([n()],c.prototype,"library",2);a([v("label")],c.prototype,"handleLabelChange",1);a([v(["family","name","library","variant","src"])],c.prototype,"setIcon",1);c=a([M("wa-icon")],c);export{v as a,c as b};
37
- /*! Bundled license information:
38
-
39
- lit-html/directive-helpers.js:
40
- (**
41
- * @license
42
- * Copyright 2020 Google LLC
43
- * SPDX-License-Identifier: BSD-3-Clause
44
- *)
45
- */
@@ -1,186 +0,0 @@
1
- var o=`@layer wa-utilities {
2
- :host([size='small']),
3
- .wa-size-s {
4
- font-size: var(--wa-font-size-s);
5
- }
6
-
7
- :host([size='medium']),
8
- .wa-size-m {
9
- font-size: var(--wa-font-size-m);
10
- }
11
-
12
- :host([size='large']),
13
- .wa-size-l {
14
- font-size: var(--wa-font-size-l);
15
- }
16
- }
17
- `;var a=`@layer wa-utilities {
18
- /** Register color properties so that the space toggle hack can work. */
19
- @property --wa-color-fill-loud {
20
- syntax: '<color>';
21
- inherits: true;
22
- initial-value: transparent;
23
- }
24
-
25
- @property --wa-color-fill-normal {
26
- syntax: '<color>';
27
- inherits: true;
28
- initial-value: transparent;
29
- }
30
-
31
- @property --wa-color-fill-quiet {
32
- syntax: '<color>';
33
- inherits: true;
34
- initial-value: transparent;
35
- }
36
-
37
- @property --wa-color-border-loud {
38
- syntax: '<color>';
39
- inherits: true;
40
- initial-value: transparent;
41
- }
42
-
43
- @property --wa-color-border-normal {
44
- syntax: '<color>';
45
- inherits: true;
46
- initial-value: transparent;
47
- }
48
-
49
- @property --wa-color-border-quiet {
50
- syntax: '<color>';
51
- inherits: true;
52
- initial-value: transparent;
53
- }
54
-
55
- @property --wa-color-on-loud {
56
- syntax: '<color>';
57
- inherits: true;
58
- initial-value: transparent;
59
- }
60
-
61
- @property --wa-color-on-normal {
62
- syntax: '<color>';
63
- inherits: true;
64
- initial-value: transparent;
65
- }
66
-
67
- @property --wa-color-on-quiet {
68
- syntax: '<color>';
69
- inherits: true;
70
- initial-value: transparent;
71
- }
72
-
73
- /**
74
- * Element defaults.
75
- We want these to resolve to inherit when inside a variant, and only be applied when not inside an explicit variant.
76
- */
77
-
78
- :host(wa-button),
79
- button,
80
- input[type='button'],
81
- input[type='submit'],
82
- :host(wa-tag) {
83
- --wa-color-fill-loud: var(--wa-no-variant, var(--wa-color-neutral-fill-loud));
84
- --wa-color-fill-normal: var(--wa-no-variant, var(--wa-color-neutral-fill-normal));
85
- --wa-color-fill-quiet: var(--wa-no-variant, var(--wa-color-neutral-fill-quiet));
86
- --wa-color-border-loud: var(--wa-no-variant, var(--wa-color-neutral-border-loud));
87
- --wa-color-border-normal: var(--wa-no-variant, var(--wa-color-neutral-border-normal));
88
- --wa-color-border-quiet: var(--wa-no-variant, var(--wa-color-neutral-border-quiet));
89
- --wa-color-on-loud: var(--wa-no-variant, var(--wa-color-neutral-on-loud));
90
- --wa-color-on-normal: var(--wa-no-variant, var(--wa-color-neutral-on-normal));
91
- --wa-color-on-quiet: var(--wa-no-variant, var(--wa-color-neutral-on-quiet));
92
- }
93
-
94
- :host(wa-callout),
95
- :host(wa-badge) {
96
- --wa-color-fill-loud: var(--wa-no-variant, var(--wa-color-brand-fill-loud));
97
- --wa-color-fill-normal: var(--wa-no-variant, var(--wa-color-brand-fill-normal));
98
- --wa-color-fill-quiet: var(--wa-no-variant, var(--wa-color-brand-fill-quiet));
99
- --wa-color-border-loud: var(--wa-no-variant, var(--wa-color-brand-border-loud));
100
- --wa-color-border-normal: var(--wa-no-variant, var(--wa-color-brand-border-normal));
101
- --wa-color-border-quiet: var(--wa-no-variant, var(--wa-color-brand-border-quiet));
102
- --wa-color-on-loud: var(--wa-no-variant, var(--wa-color-brand-on-loud));
103
- --wa-color-on-normal: var(--wa-no-variant, var(--wa-color-brand-on-normal));
104
- --wa-color-on-quiet: var(--wa-no-variant, var(--wa-color-brand-on-quiet));
105
- }
106
-
107
- /**
108
- * Variants
109
- */
110
-
111
- :root,
112
- .wa-neutral,
113
- :host([variant='neutral']) {
114
- --wa-color-fill-loud: var(--wa-color-neutral-fill-loud);
115
- --wa-color-fill-normal: var(--wa-color-neutral-fill-normal);
116
- --wa-color-fill-quiet: var(--wa-color-neutral-fill-quiet);
117
- --wa-color-border-loud: var(--wa-color-neutral-border-loud);
118
- --wa-color-border-normal: var(--wa-color-neutral-border-normal);
119
- --wa-color-border-quiet: var(--wa-color-neutral-border-quiet);
120
- --wa-color-on-loud: var(--wa-color-neutral-on-loud);
121
- --wa-color-on-normal: var(--wa-color-neutral-on-normal);
122
- --wa-color-on-quiet: var(--wa-color-neutral-on-quiet);
123
- }
124
-
125
- .wa-brand,
126
- :host([variant='brand']) {
127
- --wa-color-fill-loud: var(--wa-color-brand-fill-loud);
128
- --wa-color-fill-normal: var(--wa-color-brand-fill-normal);
129
- --wa-color-fill-quiet: var(--wa-color-brand-fill-quiet);
130
- --wa-color-border-loud: var(--wa-color-brand-border-loud);
131
- --wa-color-border-normal: var(--wa-color-brand-border-normal);
132
- --wa-color-border-quiet: var(--wa-color-brand-border-quiet);
133
- --wa-color-on-loud: var(--wa-color-brand-on-loud);
134
- --wa-color-on-normal: var(--wa-color-brand-on-normal);
135
- --wa-color-on-quiet: var(--wa-color-brand-on-quiet);
136
- }
137
-
138
- .wa-success,
139
- :host([variant='success']) {
140
- --wa-color-fill-loud: var(--wa-color-success-fill-loud);
141
- --wa-color-fill-normal: var(--wa-color-success-fill-normal);
142
- --wa-color-fill-quiet: var(--wa-color-success-fill-quiet);
143
- --wa-color-border-loud: var(--wa-color-success-border-loud);
144
- --wa-color-border-normal: var(--wa-color-success-border-normal);
145
- --wa-color-border-quiet: var(--wa-color-success-border-quiet);
146
- --wa-color-on-loud: var(--wa-color-success-on-loud);
147
- --wa-color-on-normal: var(--wa-color-success-on-normal);
148
- --wa-color-on-quiet: var(--wa-color-success-on-quiet);
149
- }
150
-
151
- .wa-warning,
152
- :host([variant='warning']) {
153
- --wa-color-fill-loud: var(--wa-color-warning-fill-loud);
154
- --wa-color-fill-normal: var(--wa-color-warning-fill-normal);
155
- --wa-color-fill-quiet: var(--wa-color-warning-fill-quiet);
156
- --wa-color-border-loud: var(--wa-color-warning-border-loud);
157
- --wa-color-border-normal: var(--wa-color-warning-border-normal);
158
- --wa-color-border-quiet: var(--wa-color-warning-border-quiet);
159
- --wa-color-on-loud: var(--wa-color-warning-on-loud);
160
- --wa-color-on-normal: var(--wa-color-warning-on-normal);
161
- --wa-color-on-quiet: var(--wa-color-warning-on-quiet);
162
- }
163
-
164
- .wa-danger,
165
- :host([variant='danger']) {
166
- --wa-color-fill-loud: var(--wa-color-danger-fill-loud);
167
- --wa-color-fill-normal: var(--wa-color-danger-fill-normal);
168
- --wa-color-fill-quiet: var(--wa-color-danger-fill-quiet);
169
- --wa-color-border-loud: var(--wa-color-danger-border-loud);
170
- --wa-color-border-normal: var(--wa-color-danger-border-normal);
171
- --wa-color-border-quiet: var(--wa-color-danger-border-quiet);
172
- --wa-color-on-loud: var(--wa-color-danger-on-loud);
173
- --wa-color-on-normal: var(--wa-color-danger-on-normal);
174
- --wa-color-on-quiet: var(--wa-color-danger-on-quiet);
175
- }
176
-
177
- .wa-neutral,
178
- .wa-brand,
179
- .wa-success,
180
- .wa-warning,
181
- .wa-danger,
182
- :host([variant]) {
183
- --wa-no-variant: /* space toggle */;
184
- }
185
- }
186
- `;export{o as a,a as b};
@@ -1,92 +0,0 @@
1
- import{a as u,b as p}from"./chunk.IG27I42A.js";import{b as r}from"./chunk.6ZDEZIWM.js";import{a as b}from"./chunk.KO4EOD3I.js";import{e as l,k as m}from"./chunk.U4P7XQR4.js";import{a as d,d as s,e as o,f as n,g as a}from"./chunk.NI7UJOOZ.js";var f="data:image/png;base64,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";async function E(){customElements.get("wa-tab-group")||await import("./tab-group.M6XGU33J.js"),customElements.get("wa-dialog")||await import("./dialog.ZJLYCG4P.js"),customElements.get("wa-button")||await import("./button.QMPBLQB7.js"),customElements.get("wa-icon")||await import("./icon.ZB6BUFKB.js")}(async()=>await E())();b();var v,w,O,y,L,$,P,I,B,U,S,_,q,M,e=class extends m{constructor(){super(...arguments);this.name="hot-header";n(this,v,"");n(this,w,"");n(this,O,!0);n(this,y,[]);n(this,L,"small");n(this,$,!0);n(this,P,0);n(this,I,!1);n(this,B,!1);n(this,U,{});n(this,S,"user");n(this,_,"https://www.openstreetmap.org/oauth2/authorize");n(this,q,"");n(this,M,"")}get title(){return o(this,v)}set title(i){a(this,v,i)}get logo(){return o(this,w)}set logo(i){a(this,w,i)}get drawer(){return o(this,O)}set drawer(i){a(this,O,i)}get tabs(){return o(this,y)}set tabs(i){a(this,y,i)}get size(){return o(this,L)}set size(i){a(this,L,i)}get borderBottom(){return o(this,$)}set borderBottom(i){a(this,$,i)}get selectedTab(){return o(this,P)}set selectedTab(i){a(this,P,i)}get showLogin(){return o(this,I)}set showLogin(i){a(this,I,i)}get loginModalOpen(){return o(this,B)}set loginModalOpen(i){a(this,B,i)}get loginProviders(){return o(this,U)}set loginProviders(i){a(this,U,i)}get defaultLoginIcon(){return o(this,S)}set defaultLoginIcon(i){a(this,S,i)}get osmOauthUrl(){return o(this,_)}set osmOauthUrl(i){a(this,_,i)}get OsmOauthClientId(){return o(this,q)}set OsmOauthClientId(i){a(this,q,i)}get OsmOauthRedirectUri(){return o(this,M)}set OsmOauthRedirectUri(i){a(this,M,i)}get loginOptions(){return Object.keys(this.loginProviders).length===0&&this.OsmOauthClientId&&this.OsmOauthRedirectUri?[{id:"osm",name:"Personal OSM Account",image:f}]:Object.entries(this.loginProviders).map(([i,t])=>({id:i,name:t.name||this.formatProviderName(i),icon:t.icon?void 0:this.defaultLoginIcon,image:t.icon}))}formatProviderName(i){return i.split("_").map(t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join(" ")}selectTab(i){console.log(i),this.tabs=[...this.tabs],this.selectedTab=i}performLogin(i){let t=this.loginProviders[i];if(!t){if(i==="osm"){this.legacyOsmLoginRedirect();return}console.error(`Login provider '${i}' not found`);return}if(!t.clientId){window.location.href=t.loginUrl;return}let c=window.location.pathname+window.location.search;sessionStorage.setItem("requestedPath",c);let h=new URLSearchParams(d({client_id:t.clientId,redirect_uri:t.redirectUrl,response_type:"code"},t.scope&&{scope:t.scope})),g=`${t.loginUrl}?${h.toString()}`;window.location.href=g}legacyOsmLoginRedirect(){if(!this.OsmOauthClientId||!this.OsmOauthRedirectUri){console.error("OSM OAuth client ID and redirect URI must be provided");return}let i=window.location.pathname+window.location.search;sessionStorage.setItem("requestedPath",i);let t=new URLSearchParams({client_id:this.OsmOauthClientId,redirect_uri:this.OsmOauthRedirectUri,response_type:"code",scope:"read_prefs"}),c=`${this.osmOauthUrl}?${t.toString()}`;window.location.href=c}handleSignIn(i){this.performLogin(i),this.loginModalOpen=!1}render(){let i=typeof this.logo=="string"||this.logo instanceof URL?typeof this.logo=="string"?this.logo:this.logo.href:"";return l`
2
- <header class=${u({size:this.size,borderBottom:this.borderBottom})}>
3
- <a href="/" class="header--link">
4
- ${i.length>0?l`
5
- <img
6
- id="logo"
7
- src="${this.logo}"
8
- alt="Logo"
9
- class="header--logo-img"
10
- />
11
- `:l`
12
- <hot-logo
13
- ?iconOnly="${this.title.length>0}"
14
- >
15
- </hot-logo>
16
- `}
17
- ${this.title.length>0?l`
18
- <h1 class="header--title">
19
- ${this.title}
20
- </h1>
21
- `:null}
22
- </a>
23
-
24
- ${""}
25
- <nav
26
- class="header--nav"
27
- >
28
- <wa-tab-group class="header--tab-group">
29
- ${this.tabs.map((t,c)=>{let g=this.selectedTab===c?"header--tab header--tab-active":"header--tab";return l`
30
- <wa-tab
31
- panel="${t.label}"
32
- class="${g}"
33
- slot="nav"
34
- @click=${C=>this._tabClick(C,t.clickEvent,c)}
35
- >
36
- ${t.label}
37
- </wa-tab>
38
- `})}
39
- </wa-tab-group>
40
- </nav>
41
-
42
- ${""}
43
- ${""}
44
- <nav
45
- class="header--nav-mobile"
46
- ></nav>
47
-
48
- <div id="right-section" class="header--right-section">
49
- ${this.showLogin?l`
50
- <wa-button
51
- variant="brand"
52
- class="header--login-button"
53
- @click=${()=>this._handleLogin()}
54
- >
55
- Login
56
- </wa-button>
57
- `:null}
58
- ${this.drawer?l`
59
- <wa-button>
60
- <wa-icon library="hot-icons" name="list" label="drawer-open" class="header--drawer">
61
- </wa-icon>
62
- </wa-button>
63
- `:null}
64
- </div>
65
-
66
- <!-- Login Modal -->
67
- ${this.showLogin?l`
68
- <wa-dialog
69
- class="login-modal"
70
- ?open=${this.loginModalOpen}
71
- @wa-hide=${()=>this._handleModalClose()}
72
- label="Sign In"
73
- >
74
- <div class="login-content">
75
- <div class="login-options">
76
- ${this.loginOptions.map(t=>l`
77
- <div
78
- class="login-option"
79
- @click=${()=>this.handleSignIn(t.id)}
80
- >
81
- <div class="login-option-icon">
82
- ${t.image?l`<img src="${t.image}" alt="${t.name}" />`:t.icon?l`<wa-icon name="${t.icon}"></wa-icon>`:null}
83
- </div>
84
- <div class="login-option-text">${t.name}</div>
85
- </div>
86
- `)}
87
- </div>
88
- </div>
89
- </wa-dialog>
90
- `:null}
91
- </header>
92
- `}_tabClick(i,t,c){this.selectTab(c),t()}_handleLogin(){this.loginModalOpen=!0,this.dispatchEvent(new Event("login"))}_handleModalClose(){this.loginModalOpen=!1}};v=new WeakMap,w=new WeakMap,O=new WeakMap,y=new WeakMap,L=new WeakMap,$=new WeakMap,P=new WeakMap,I=new WeakMap,B=new WeakMap,U=new WeakMap,S=new WeakMap,_=new WeakMap,q=new WeakMap,M=new WeakMap,e.styles=[p],s([r({type:String})],e.prototype,"title",1),s([r({type:String})],e.prototype,"logo",1),s([r({type:Boolean})],e.prototype,"drawer",1),s([r({type:Array})],e.prototype,"tabs",1),s([r({type:String})],e.prototype,"size",1),s([r({type:Boolean})],e.prototype,"borderBottom",1),s([r({type:Number})],e.prototype,"selectedTab",1),s([r({type:Boolean})],e.prototype,"showLogin",1),s([r({type:Boolean})],e.prototype,"loginModalOpen",1),s([r({type:Object,attribute:"login-providers"})],e.prototype,"loginProviders",1),s([r({type:String,attribute:"default-login-icon"})],e.prototype,"defaultLoginIcon",1),s([r({type:String,attribute:"osm-oauth-url"})],e.prototype,"osmOauthUrl",1),s([r({type:String,attribute:"osm-oauth-client-id"})],e.prototype,"OsmOauthClientId",1),s([r({type:String,attribute:"osm-oauth-redirect-uri"})],e.prototype,"OsmOauthRedirectUri",1);var Z=e;customElements.define("hot-header",e);export{e as a,Z as b};
@@ -1,217 +0,0 @@
1
- import{a as h,b as p}from"./chunk.7VBX4GII.js";import{a as f,b as v,c as b}from"./chunk.I26W4NHZ.js";import{a as g}from"./chunk.OHRBDQCO.js";import"./chunk.TFICHQZE.js";import{a as i,b as w}from"./chunk.FIQQYKEP.js";import{a as u,b as r,d as m}from"./chunk.6ZDEZIWM.js";import{e as d}from"./chunk.U4P7XQR4.js";import"./chunk.NI7UJOOZ.js";function y(e){return e.split(" ").map(t=>t.trim()).filter(t=>t!=="")}var x=class extends Event{constructor(){super("wa-after-hide",{bubbles:!0,cancelable:!1,composed:!0})}},k=class extends Event{constructor(){super("wa-after-show",{bubbles:!0,cancelable:!1,composed:!0})}},E=class extends Event{constructor(e){super("wa-hide",{bubbles:!0,cancelable:!0,composed:!0}),this.detail=e}},C=class extends Event{constructor(){super("wa-show",{bubbles:!0,cancelable:!0,composed:!0})}};function l(e,t){return new Promise(n=>{let a=new AbortController,{signal:c}=a;if(e.classList.contains(t))return;e.classList.remove(t),e.classList.add(t);let s=()=>{e.classList.remove(t),n(),a.abort()};e.addEventListener("animationend",s,{once:!0,signal:c}),e.addEventListener("animationcancel",s,{once:!0,signal:c})})}var S=`:host {
2
- --width: 31rem;
3
- --spacing: var(--wa-space-l);
4
- --show-duration: 200ms;
5
- --hide-duration: 200ms;
6
-
7
- display: none;
8
- }
9
-
10
- :host([open]) {
11
- display: block;
12
- }
13
-
14
- .dialog {
15
- display: flex;
16
- flex-direction: column;
17
- top: 0;
18
- right: 0;
19
- bottom: 0;
20
- left: 0;
21
- width: var(--width);
22
- max-width: calc(100% - var(--wa-space-2xl));
23
- max-height: calc(100% - var(--wa-space-2xl));
24
- background-color: var(--wa-color-surface-raised);
25
- border-radius: var(--wa-panel-border-radius);
26
- border: none;
27
- box-shadow: var(--wa-shadow-l);
28
- padding: 0;
29
- margin: auto;
30
-
31
- &.show {
32
- animation: show-dialog var(--show-duration) ease;
33
-
34
- &::backdrop {
35
- animation: show-backdrop var(--show-duration, 200ms) ease;
36
- }
37
- }
38
-
39
- &.hide {
40
- animation: show-dialog var(--hide-duration) ease reverse;
41
-
42
- &::backdrop {
43
- animation: show-backdrop var(--hide-duration, 200ms) ease reverse;
44
- }
45
- }
46
-
47
- &.pulse {
48
- animation: pulse 250ms ease;
49
- }
50
- }
51
-
52
- .dialog:focus {
53
- outline: none;
54
- }
55
-
56
- /* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
57
- @media screen and (max-width: 420px) {
58
- .dialog {
59
- max-height: 80vh;
60
- }
61
- }
62
-
63
- .open {
64
- display: flex;
65
- opacity: 1;
66
- }
67
-
68
- .header {
69
- flex: 0 0 auto;
70
- display: flex;
71
- flex-wrap: nowrap;
72
-
73
- padding-inline-start: var(--spacing);
74
- padding-block-end: 0;
75
-
76
- /* Subtract the close button's padding so that the X is visually aligned with the edges of the dialog content */
77
- padding-inline-end: calc(var(--spacing) - var(--wa-form-control-padding-block));
78
- padding-block-start: calc(var(--spacing) - var(--wa-form-control-padding-block));
79
- }
80
-
81
- .title {
82
- align-self: center;
83
- flex: 1 1 auto;
84
- font-family: inherit;
85
- font-size: var(--wa-font-size-l);
86
- font-weight: var(--wa-font-weight-heading);
87
- line-height: var(--wa-line-height-condensed);
88
- margin: 0;
89
- }
90
-
91
- .header-actions {
92
- align-self: start;
93
- display: flex;
94
- flex-shrink: 0;
95
- flex-wrap: wrap;
96
- justify-content: end;
97
- gap: var(--wa-space-2xs);
98
- padding-inline-start: var(--spacing);
99
- }
100
-
101
- .header-actions wa-button,
102
- .header-actions ::slotted(wa-button) {
103
- flex: 0 0 auto;
104
- display: flex;
105
- align-items: center;
106
- }
107
-
108
- .body {
109
- flex: 1 1 auto;
110
- display: block;
111
- padding: var(--spacing);
112
- overflow: auto;
113
- -webkit-overflow-scrolling: touch;
114
- }
115
-
116
- .footer {
117
- flex: 0 0 auto;
118
- display: flex;
119
- flex-wrap: wrap;
120
- gap: var(--wa-space-xs);
121
- justify-content: end;
122
- padding: var(--spacing);
123
- padding-block-start: 0;
124
- }
125
-
126
- .footer ::slotted(wa-button:not(:first-of-type)) {
127
- margin-inline-start: var(--wa-spacing-xs);
128
- }
129
-
130
- .dialog::backdrop {
131
- /*
132
- NOTE: the ::backdrop element doesn't inherit properly in Safari yet, but it will in 17.4! At that time, we can
133
- remove the fallback values here.
134
- */
135
- background-color: var(--wa-color-overlay-modal, rgb(0 0 0 / 0.25));
136
- }
137
-
138
- @keyframes pulse {
139
- 0% {
140
- scale: 1;
141
- }
142
- 50% {
143
- scale: 1.02;
144
- }
145
- 100% {
146
- scale: 1;
147
- }
148
- }
149
-
150
- @keyframes show-dialog {
151
- from {
152
- opacity: 0;
153
- scale: 0.8;
154
- }
155
- to {
156
- opacity: 1;
157
- scale: 1;
158
- }
159
- }
160
-
161
- @keyframes show-backdrop {
162
- from {
163
- opacity: 0;
164
- }
165
- to {
166
- opacity: 1;
167
- }
168
- }
169
-
170
- @media (forced-colors: active) {
171
- .dialog {
172
- border: solid 1px white;
173
- }
174
- }
175
- `,o=class extends w{constructor(){super(...arguments),this.localize=new f(this),this.hasSlotController=new b(this,"footer","header-actions","label"),this.open=!1,this.label="",this.withoutHeader=!1,this.lightDismiss=!1,this.handleDocumentKeyDown=e=>{e.key==="Escape"&&this.open&&(e.preventDefault(),e.stopPropagation(),this.requestClose(this.dialog))}}firstUpdated(){this.open&&(this.addOpenListeners(),this.dialog.showModal(),h(this))}disconnectedCallback(){super.disconnectedCallback(),p(this),this.removeOpenListeners()}async requestClose(e){let t=new E({source:e});if(this.dispatchEvent(t),t.defaultPrevented){this.open=!0,l(this.dialog,"pulse");return}this.removeOpenListeners(),await l(this.dialog,"hide"),this.open=!1,this.dialog.close(),p(this);let n=this.originalTrigger;typeof(n==null?void 0:n.focus)=="function"&&setTimeout(()=>n.focus()),this.dispatchEvent(new x)}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDialogCancel(e){e.preventDefault(),this.dialog.classList.contains("hide")||this.requestClose(this.dialog)}handleDialogClick(e){let n=e.target.closest('[data-dialog="close"]');n&&(e.stopPropagation(),this.requestClose(n))}async handleDialogPointerDown(e){e.target===this.dialog&&(this.lightDismiss?this.requestClose(this.dialog):await l(this.dialog,"pulse"))}handleOpenChange(){this.open&&!this.dialog.open?this.show():!this.open&&this.dialog.open&&(this.open=!0,this.requestClose(this.dialog))}async show(){let e=new C;if(this.dispatchEvent(e),e.defaultPrevented){this.open=!1;return}this.addOpenListeners(),this.originalTrigger=document.activeElement,this.open=!0,this.dialog.showModal(),h(this),requestAnimationFrame(()=>{let t=this.querySelector("[autofocus]");t&&typeof t.focus=="function"&&t.focus()}),await l(this.dialog,"show"),this.dispatchEvent(new k)}render(){let e=!this.withoutHeader&&(this.label.length>0||this.hasSlotController.test("label")||this.hasSlotController.test("header-actions")),t=this.hasSlotController.test("footer");return d`
176
- <dialog
177
- part="dialog"
178
- class=${v({dialog:!0,open:this.open})}
179
- @cancel=${this.handleDialogCancel}
180
- @click=${this.handleDialogClick}
181
- @pointerdown=${this.handleDialogPointerDown}
182
- >
183
- ${e?d`
184
- <header part="header" class="header">
185
- <h2 part="title" class="title" id="title">
186
- <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
187
- <slot name="label"> ${this.label.length>0?this.label:"\uFEFF"} </slot>
188
- </h2>
189
- <div part="header-actions" class="header-actions">
190
- <slot name="header-actions"></slot>
191
- <wa-button
192
- part="close-button"
193
- exportparts="base:close-button__base"
194
- class="close"
195
- appearance="plain"
196
- @click="${n=>this.requestClose(n.target)}"
197
- >
198
- <wa-icon
199
- name="xmark"
200
- label=${this.localize.term("close")}
201
- library="system"
202
- variant="solid"
203
- ></wa-icon>
204
- </wa-button>
205
- </div>
206
- </header>
207
- `:""}
208
-
209
- <div part="body" class="body"><slot></slot></div>
210
-
211
- ${t?d`
212
- <footer part="footer" class="footer">
213
- <slot name="footer"></slot>
214
- </footer>
215
- `:""}
216
- </dialog>
217
- `}};o.css=S;i([m(".dialog")],o.prototype,"dialog",2);i([r({type:Boolean,reflect:!0})],o.prototype,"open",2);i([r({reflect:!0})],o.prototype,"label",2);i([r({attribute:"without-header",type:Boolean,reflect:!0})],o.prototype,"withoutHeader",2);i([r({attribute:"light-dismiss",type:Boolean})],o.prototype,"lightDismiss",2);i([g("open",{waitUntilFirstUpdate:!0})],o.prototype,"handleOpenChange",1);o=i([u("wa-dialog")],o);document.addEventListener("click",e=>{let t=e.target.closest("[data-dialog]");if(t instanceof Element){let[n,a]=y(t.getAttribute("data-dialog")||"");if(n==="open"&&(a!=null&&a.length)){let s=t.getRootNode().getElementById(a);(s==null?void 0:s.localName)==="wa-dialog"?s.open=!0:console.warn(`A dialog with an ID of "${a}" could not be found in this document.`)}}});!1||document.addEventListener("pointerdown",()=>{});export{o as default};
@@ -1 +0,0 @@
1
- import{b as o}from"./chunk.OHRBDQCO.js";import"./chunk.FIQQYKEP.js";import"./chunk.6ZDEZIWM.js";import"./chunk.U4P7XQR4.js";import"./chunk.NI7UJOOZ.js";export{o as default};