@nylas/web-elements 1.1.0-canary.19.c → 1.1.0-canary.19.e

package/dist/nylas-web-elements/{p-daac96cb.entry.js → p-6e50d2fd.entry.js}

@@ -1,3 +1,3 @@
-import{r as e,h as t,c as n,H as o,a as i,F as r}from"./p-68c2fadf.js";import{a as s,l as a,m as l,n as c,p as f}from"./p-6c11737d.js";import{R as u}from"./p-795b324a.js";import{c as d}from"./p-cb65c223.js";import"./p-02aa5f03.js";const m=".sc-forward-icon-h{display:flex}";const p=m;const h=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"8230116026fd4737c1ffbf2f902ea6b3628639bc",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"65bea46f944579bbee004336c1c26a2343071236",d:"m1246.246 64-90.496 90.496 477.952 477.952h-590.848C467.878 632.448.038 1100.416.038 1675.392v109.056h128v-109.056c0-504.576 410.368-914.944 914.816-914.944h590.848l-477.952 478.08 90.496 90.496 632.448-632.576L1246.246 64Z","fill-rule":"evenodd"}))}};h.style=p;const b=':host{display:grid;color:var(--nylas-color-primary-900)}.editor{position:relative;display:block;max-height:300px;overflow:auto;padding:1rem;border:1px solid var(--nylas-color-primary-300)}.editor blockquote{visibility:hidden;overflow:hidden;position:relative;transition:height 0.3s ease;margin:0}.editor blockquote::before{content:"...";visibility:visible;opacity:1;position:absolute;top:0;left:0;background-color:var(--nylas-color-primary-300);width:20px;text-align:center;color:var(--nylas-color-primary-800);vertical-align:middle;display:flex;justify-content:center;align-items:center;align-self:center;cursor:pointer}.editor .collapsed{height:20px}.editor .expanded{visibility:visible;opacity:1;height:auto;margin:0px 0px 0px 0.8ex;border-left:1px solid var(--nylas-color-primary-300);padding-left:1rem}.editor .expanded::before{display:none;}.buttons{display:flex;margin-top:1rem;justify-content:space-between}.buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.buttons sp-button chevron-icon{display:inline-block}.buttons .close{justify-self:end}.toolbar{position:absolute;display:none;background-color:var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);z-index:1}.toolbar sp-button{border:0}';const y=b;const g=class{constructor(t){e(this,t);this.close=n(this,"close",7);this.send=n(this,"send",7);this.closeComposer=e=>{this.close.emit(e)};this.sendComposer=e=>{if(!this.editorEl){s("no editor element");return}const t=this.editorEl.querySelector(".message-body");if(!t){s("no message body");return}if(this.message){this.send.emit({message:this.message,replyBody:t.querySelector(".message-body")?.innerHTML||""});this.close.emit(e);this.editorEl.innerHTML=""}};this.message=undefined;this.viewEmailElement=undefined}connectedCallback(){}disconnectedCallback(){if(this.editorEl){this.editorEl.innerHTML=""}}componentWillLoad(){}async componentDidLoad(){if(this.message){this.watchBody(this.message)}if(!this.editorEl){s("[connectedCallback] no editor element");return}if(!this.toolbarEl){s("[connectedCallback] no toolbar element");return}const e=this.editorEl;const t=this.toolbarEl;e.addEventListener("mouseup",(n=>{const o=this.host.shadowRoot?.getSelection();if(!o){s("no selection");return}const i=o.getRangeAt(0);const r=o.toString();if(!r){t.style.display="none";return}const a=e.querySelector(".message-body");if(!a){s("no message body");return}const l=i.commonAncestorContainer;const c=l.parentElement;if(!c){return}const f=a.getBoundingClientRect();s("messageBodyRect",{messageBodyRect:f});const u=c.getBoundingClientRect();s("foundRect",{foundRect:u});const d=c.childNodes[0];const m=d.textContent||"";const p=m.indexOf(r);const h=window.getComputedStyle(c).fontSize;const b=parseInt(h.replace("px",""),10);const y=u.top-f.top-t.clientHeight;const g=p*(1/b)*100;t.style.top=`${y}px`;t.style.left=`${g}px`;t.style.display="block"}))}watchBody(e){if(!this.editorEl){s("no editor element");return}this.editorEl.querySelectorAll(".message-body").forEach((e=>e.remove()));const t=document.createElement("div");t.classList.add("message-body");const n=document.createElement("p");n.innerHTML="&nbsp;";t.appendChild(n);const o=document.createElement("br");t.appendChild(o);const i=document.createElement("div");i.classList.add("reply-text");i.innerText=`On ${new Date(e.date*1e3).toLocaleDateString(undefined,{dateStyle:"full"})} <${e.from?.map((e=>e.name||e.email)).join(", ")}> wrote:`;t.appendChild(i);if(e.body){const n=document.createElement("html");n.innerHTML=e.body;const o=document.createElement("blockquote");o.classList.add("collapsed");o.classList.add("gmail_quote");o.innerHTML=n.innerHTML;t.appendChild(o);s("replyContainer",{replyContainer:o})}this.editorEl.appendChild(t);this.editorEl.querySelectorAll("blockquote.collapsed").forEach((e=>{e.addEventListener("click",(function(e){e.preventDefault();const t=e.target;t.classList.remove("collapsed");t.classList.add("expanded")}),{once:true})}));this.editorEl.focus()}render(){return t(o,{key:"24be632da393ef12f00b60ede86d90eb65d73826"},t("sp-theme",{key:"50f5c0eed787d3ebf240dbd4e4a585408ea48802",scale:"medium",color:"dark"},t("div",{key:"c871c52badfda6a2de2245ab1db2698d05a04499",class:"editor",contentEditable:true,ref:e=>this.editorEl=e},t("div",{key:"f3c706bb5f349be809b28588bc20743deba3a685",class:"toolbar",ref:e=>this.toolbarEl=e,contentEditable:false},t("sp-button",{key:"4076938e1488ebbf7204b2d2749b6a7896f94bad",quiet:true,onClick:()=>document.execCommand("bold")},t("div",{key:"2ef7344e428b11d1fad3a4fe1d883ec2feb45659",slot:"icon"},t("bold-icon",{key:"883e376aebd98c2ffe29f16ae31375fcefd815ce"})),t("div",{key:"98416ba41756bbf5122543e2fbcc5f2e32035e63",slot:"label"},"Bold")),t("sp-button",{key:"c23f1b87f64b2d53d6997bc972b9c25187a9a05f",quiet:true,onClick:()=>document.execCommand("underline")},t("div",{key:"59241d1c4db445c9df6fc4b5a88aac176b09e9af",slot:"icon"},t("underline-icon",{key:"d2c53e74c2c4344314727be4cbb5d092b38b3848"})),t("div",{key:"387c0219c08ace9f88119a2d7ff17edeb9dfd02e",slot:"label"},"Underline")),t("sp-button",{key:"aa7ec823ffd814477e3910e085e2d4c2360f3a7b",quiet:true,onClick:()=>document.execCommand("italic")},t("div",{key:"ecf12300a5ba797191154015cc306989148d9404",slot:"icon"},t("italic-icon",{key:"b60c2b68001c4789dd8c349af8754792fb578a22"})),t("div",{key:"3903ded67234da664b5f532cf4e9040817de69b8",slot:"label"},"Italic")))),t("div",{key:"4331a05bd8a8b205736e38ac0769c6a05c565a03",class:"buttons"},t("sp-button",{key:"b731240a90b637a480fc60f4279e47c2672df860",onClick:this.sendComposer,class:"send"},"Send"),t("sp-button",{key:"05fec4fbb3475b019b2ca6fbbb79ec7c7d9d361d",onClick:this.closeComposer,class:"close"},"Close"))))}get host(){return i(this)}static get watchers(){return{message:["watchBody"]}}};g.style=y;const w=":host{display:block}sp-button{padding:0;border:0;border-radius:var(--nylas-border-radius);min-block-size:50%;min-inline-size:2rem;background-color:var(--nylas-color-primary-300);fill:var(--nylas-color-primary-800)}sp-button:hover{background-color:var(--nylas-color-primary-400)}.summarize-button.stopped{animation:none}.summarize-button.playing{animation:pulse 2s infinite}.summarize-button.loading{display:flex;align-content:center;height:1.5rem;width:2rem;vertical-align:middle;animation:pulse 2s infinite;flex-wrap:wrap}.summarize-button.loading loading-icon{--dot-color:var(--nylas-color-primary-600)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--nylas-color-primary-300)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(255, 69, 0, 0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255, 69, 0, 0)}}@keyframes wave{0%{transform:translateX(0)}50%{transform:translateX(100%)}100%{transform:translateX(0)}}";const v=w;var k=undefined&&undefined.__decorate||function(e,t,n,o){var i=arguments.length,r=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,n):o,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)if(s=e[a])r=(i<3?s(r):i>3?s(t,n,r):s(t,n))||r;return i>3&&r&&Object.defineProperty(t,n,r),r};var x=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const T=class{constructor(t){e(this,t);this.summarize=n(this,"summarize",7);this.abortController=new AbortController;this.onClick=async e=>{e.preventDefault();e.stopPropagation();if(this.state==="stopped"){if(this.message){this.abortController=new AbortController;const e=this.summarize.emit({abortController:this.abortController,playAudio:this.playAudio,message:this.message,updateState:this.updateState});if(!e.defaultPrevented){s(`[nylas-summarize-message-button] Default event not prevented, summarizing message`);if(this.audioRef){await this.audioRef.play().then((()=>this.audioRef?.pause())).catch((e=>console.error("Error playing audio:",e)));await this.audioRef.play().catch((e=>console.error("Error playing audio:",e)))}}}}else if(this.state==="playing"){this.abortController?.abort();this.audioRef?.pause()}else{this.state="stopped"}};this.message=undefined;this.state="stopped";this.playAudio=this.playAudio.bind(this);this.updateState=this.updateState.bind(this)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){s(`[nylas-summarize-message-button] Component will load`)}async componentDidLoad(){s(`[nylas-summarize-message-button] Component did load`)}async updateState(e){this.state=e}async playAudio(e){if(!this.audioRef){this.state="stopped";return}if(!e){this.state="stopped";return}const t=this.audioRef;if(!("MediaSource"in window)){const n=await e;if(n==null){throw new Error("ReadableStream not yet supported in this browser.")}const o=n.getReader();const i=[];await this.readChunk(o,i);const r=new Blob(i,{type:"audio/mpeg"});const s=URL.createObjectURL(r);t.src=s;return}const n=new MediaSource;let o;let i=false;t.src=URL.createObjectURL(n);n.addEventListener("sourceopen",r);async function r(){o=n.addSourceBuffer("audio/mpeg");o.addEventListener("updateend",a);const r=await e;if(r==null){throw new Error("ReadableStream not yet supported in this browser.")}const s=r.getReader();const l=()=>{s.read().then((({done:e,value:t})=>{if(e){i=true;return}if(!o.updating){o.appendBuffer(t)}l()})).catch((e=>{console.error("Error while fetching and appending chunks:",e)}))};l();if(t.paused){t.play().catch((e=>console.error("Error playing audio:",e)))}}function a(){if(i){n.endOfStream();n.removeEventListener("sourceopen",r);n.removeEventListener("sourceclose",(()=>{s(`[nylas-summarize-message-button] Source closed`)}));o.removeEventListener("updateend",a);return}}}async readChunk(e,t){return e.read().then((({done:n,value:o})=>{if(n){return t}t.push(o);return this.readChunk(e,t)}))}render(){return t(o,{key:"801bd313cde26b52fafe02f2556288544d154de9"},t("sp-theme",{key:"00b4bfdb7d22da2c46e9934acd4bc04b06dc6cf9",scale:"medium",color:"dark"},t("sp-button",{key:"2974e6a8d7c73a8499a52e104d986d14b60ed0a0",label:"Summarize email","icon-only":true,onClickCapture:this.onClick,class:{"summarize-button":true,stopped:this.state==="stopped",loading:this.state==="loading",playing:this.state==="playing"}},this.state==="stopped"&&t("play-icon",null),this.state==="loading"&&t("loading-icon",null),this.state==="playing"&&t("stop-icon",null)),t("audio",{key:"a4d2d4ae820233ae51a6b11c9a9c1f3f8c3d45bf",ref:e=>this.audioRef=e,autoPlay:true,onPlaying:()=>this.state="playing",onPause:()=>this.state="stopped",onEnded:()=>{this.state="stopped";s(`[nylas-summarize-message-button] Audio ended`)}})))}};k([u({name:"nylas-summarize-message-button",eventToProps:{summarize:async(e,t)=>{const{playAudio:n,updateState:o,abortController:i,message:r}=e.detail;const s=a(r.body||"");await o("loading");try{const e=await t.messages.summarizeText(s);const o=t.messages.textToSpeech(e,i);await n(o)}catch(e){await o("stopped");console.error("Error summarizing message:",e)}}},fireRegisterEvent:true}),x("design:type",Function),x("design:paramtypes",[]),x("design:returntype",void 0)],T.prototype,"render",null);T.style=v;function E(e){if(!window.matchMedia("(prefers-color-scheme: dark)").matches){return e}if(!e){return e}if(e==="transparent"){return"color"}if(e.startsWith("#")){return S(e)}if(e.startsWith("rgb")){return R(e)}if(e.startsWith("hsl")){return A(e)}if(_(e)){return C(e)}return e}function S(e){if(e.length<7){e="#"+e[1]+e[1]+e[2]+e[2]+e[3]+e[3]}const t=(255-parseInt(e.slice(1,3),16)).toString(16).padStart(2,"0");const n=(255-parseInt(e.slice(3,5),16)).toString(16).padStart(2,"0");const o=(255-parseInt(e.slice(5,7),16)).toString(16).padStart(2,"0");return`#${t}${n}${o}`}function R(e){const t=e.match(/\d+/g)?.map(Number);if(!t){return e}const[n,o,i]=t;return`rgb(${255-n}, ${255-o}, ${255-i})`}function A(e){const t=e.match(/\d+\.?\d*/g)?.map(Number);if(!t){return e}const[n,o,i]=t;return`hsl(${n}, ${o}%, ${100-i}%)`}function _(e){return/^[a-z]+$/i.test(e)}function C(e){return R(z(e))}function z(e){if(e.toLowerCase()==="red"){return"rgb(255, 0, 0)"}return"rgb(0, 0, 0)"}function L(e){if(e instanceof HTMLStyleElement){let t=e.textContent;if(t){t=t.replaceAll(/@media\s*\(prefers-color-scheme:\s*(dark|light)\)\s*\{([^}]+)\}/g,"");const n=t.matchAll(/border-color:\s*([^;]+)/g);if(n){for(const e of n){const[n,o]=e;const i=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");t=t.replaceAll(i,n.replace(o,E(o)))}}const o=t.matchAll(/border:\s*([^;]+)/g);if(o){for(const e of o){const n=e[0].trim();const o=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");const[i,r,s]=e[1].split(" ");t=t.replaceAll(o,n.replace(s,E(s)))}}const i=t.matchAll(/background-color:\s*([^;]+)/g);if(i){for(const e of i){const[n,o]=e;const i=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");t=t.replaceAll(i,n.replace(o,E(o)));s("backgroundColor",{fullMatch:n,replace:n.replace(o,E(o)),color:o,invertColor:E(o)})}}const r=t.matchAll(/background:\s*([^;]+)/g);if(r){for(const e of r){const n=e[0].trim();const o=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");const[i,r,s]=e[1].split(" ");t=t.replaceAll(o,n.replace(s,E(s)))}}const a=t.matchAll(/color:\s*([^;]+)/g);if(a){for(const e of a){const[n,o]=e;const i=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");t=t.replaceAll(i,n.replace(o,E(o)))}}e.textContent=t}}if(e instanceof HTMLElement){const t=window.getComputedStyle(e);const n=t.color||e.style.color;const o=t.backgroundColor||e.style.backgroundColor;const i=t.borderColor||e.style.borderColor;if(n&&!o){e.style.color=""}else if(n&&o){e.style.color=E(n);e.style.backgroundColor=E(o);s("element",e);s("computedStyle.color",n);s("computedStyle.backgroundColor",o);s("invertColor(color)",E(n));s("invertColor(backgroundColor)",E(o))}else if(!n&&o){e.style.backgroundColor=""}if(i){s("borderColor",i);e.style.borderColor=E(i)}if(e.hasAttribute("bgcolor")){e.removeAttribute("bgcolor")}}}function M(e){L(e);const t=e.querySelectorAll("*");t.forEach((e=>L(e)))}var D={exports:{}};
-/*! @license DOMPurify 3.0.8 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.8/LICENSE */(function(e,t){(function(t,n){e.exports=n()})(d,(function(){const{entries:e,setPrototypeOf:t,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:i}=Object;let{freeze:r,seal:s,create:a}=Object;let{apply:l,construct:c}=typeof Reflect!=="undefined"&&Reflect;if(!r){r=function e(t){return t}}if(!s){s=function e(t){return t}}if(!l){l=function e(t,n,o){return t.apply(n,o)}}if(!c){c=function e(t,n){return new t(...n)}}const f=k(Array.prototype.forEach);const u=k(Array.prototype.pop);const d=k(Array.prototype.push);const m=k(String.prototype.toLowerCase);const p=k(String.prototype.toString);const h=k(String.prototype.match);const b=k(String.prototype.replace);const y=k(String.prototype.indexOf);const g=k(String.prototype.trim);const w=k(RegExp.prototype.test);const v=x(TypeError);function k(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),i=1;i<n;i++){o[i-1]=arguments[i]}return l(e,t,o)}}function x(e){return function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++){n[o]=arguments[o]}return c(e,n)}}function T(e,o){let i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:m;if(t){t(e,null)}let r=o.length;while(r--){let t=o[r];if(typeof t==="string"){const e=i(t);if(e!==t){if(!n(o)){o[r]=e}t=e}}e[t]=true}return e}function E(e){for(let t=0;t<e.length;t++){if(i(e,t)===undefined){e[t]=null}}return e}function S(t){const n=a(null);for(const[o,r]of e(t)){if(i(t,o)!==undefined){if(Array.isArray(r)){n[o]=E(r)}else if(r&&typeof r==="object"&&r.constructor===Object){n[o]=S(r)}else{n[o]=r}}}return n}function R(e,t){while(e!==null){const n=i(e,t);if(n){if(n.get){return k(n.get)}if(typeof n.value==="function"){return k(n.value)}}e=o(e)}function n(e){console.warn("fallback value for",e);return null}return n}const A=r(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]);const _=r(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]);const C=r(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]);const z=r(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]);const L=r(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]);const M=r(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]);const D=r(["#text"]);const P=r(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]);const I=r(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]);const O=r(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]);const $=r(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]);const j=s(/\{\{[\w\W]*|[\w\W]*\}\}/gm);const F=s(/<%[\w\W]*|[\w\W]*%>/gm);const B=s(/\${[\w\W]*}/gm);const N=s(/^data-[\-\w.\u00B7-\uFFFF]/);const q=s(/^aria-[\-\w]+$/);const U=s(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i);const H=s(/^(?:\w+script|data):/i);const W=s(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g);const X=s(/^html$/i);var Y=Object.freeze({__proto__:null,MUSTACHE_EXPR:j,ERB_EXPR:F,TMPLIT_EXPR:B,DATA_ATTR:N,ARIA_ATTR:q,IS_ALLOWED_URI:U,IS_SCRIPT_OR_DATA:H,ATTR_WHITESPACE:W,DOCTYPE_NAME:X});const G=function e(){return typeof window==="undefined"?null:window};const Z=function e(t,n){if(typeof t!=="object"||typeof t.createPolicy!=="function"){return null}let o=null;const i="data-tt-policy-suffix";if(n&&n.hasAttribute(i)){o=n.getAttribute(i)}const r="dompurify"+(o?"#"+o:"");try{return t.createPolicy(r,{createHTML(e){return e},createScriptURL(e){return e}})}catch(e){console.warn("TrustedTypes policy "+r+" could not be created.");return null}};function V(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:G();const n=e=>V(e);n.version="3.0.8";n.removed=[];if(!t||!t.document||t.document.nodeType!==9){n.isSupported=false;return n}let{document:o}=t;const i=o;const s=i.currentScript;const{DocumentFragment:l,HTMLTemplateElement:c,Node:k,Element:x,NodeFilter:E,NamedNodeMap:j=t.NamedNodeMap||t.MozNamedAttrMap,HTMLFormElement:F,DOMParser:B,trustedTypes:N}=t;const q=x.prototype;const H=R(q,"cloneNode");const W=R(q,"nextSibling");const J=R(q,"childNodes");const K=R(q,"parentNode");if(typeof c==="function"){const e=o.createElement("template");if(e.content&&e.content.ownerDocument){o=e.content.ownerDocument}}let Q;let ee="";const{implementation:te,createNodeIterator:ne,createDocumentFragment:oe,getElementsByTagName:ie}=o;const{importNode:re}=i;let se={};n.isSupported=typeof e==="function"&&typeof K==="function"&&te&&te.createHTMLDocument!==undefined;const{MUSTACHE_EXPR:ae,ERB_EXPR:le,TMPLIT_EXPR:ce,DATA_ATTR:fe,ARIA_ATTR:ue,IS_SCRIPT_OR_DATA:de,ATTR_WHITESPACE:me}=Y;let{IS_ALLOWED_URI:pe}=Y;let he=null;const be=T({},[...A,..._,...C,...L,...D]);let ye=null;const ge=T({},[...P,...I,...O,...$]);let we=Object.seal(a(null,{tagNameCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeNameCheck:{writable:true,configurable:false,enumerable:true,value:null},allowCustomizedBuiltInElements:{writable:true,configurable:false,enumerable:true,value:false}}));let ve=null;let ke=null;let xe=true;let Te=true;let Ee=false;let Se=true;let Re=false;let Ae=false;let _e=false;let Ce=false;let ze=false;let Le=false;let Me=false;let De=true;let Pe=false;const Ie="user-content-";let Oe=true;let $e=false;let je={};let Fe=null;const Be=T({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Ne=null;const qe=T({},["audio","video","img","source","image","track"]);let Ue=null;const He=T({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]);const We="http://www.w3.org/1998/Math/MathML";const Xe="http://www.w3.org/2000/svg";const Ye="http://www.w3.org/1999/xhtml";let Ge=Ye;let Ze=false;let Ve=null;const Je=T({},[We,Xe,Ye],p);let Ke=null;const Qe=["application/xhtml+xml","text/html"];const et="text/html";let tt=null;let nt=null;const ot=o.createElement("form");const it=function e(t){return t instanceof RegExp||t instanceof Function};const rt=function e(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(nt&&nt===t){return}if(!t||typeof t!=="object"){t={}}t=S(t);Ke=Qe.indexOf(t.PARSER_MEDIA_TYPE)===-1?et:t.PARSER_MEDIA_TYPE;tt=Ke==="application/xhtml+xml"?p:m;he="ALLOWED_TAGS"in t?T({},t.ALLOWED_TAGS,tt):be;ye="ALLOWED_ATTR"in t?T({},t.ALLOWED_ATTR,tt):ge;Ve="ALLOWED_NAMESPACES"in t?T({},t.ALLOWED_NAMESPACES,p):Je;Ue="ADD_URI_SAFE_ATTR"in t?T(S(He),t.ADD_URI_SAFE_ATTR,tt):He;Ne="ADD_DATA_URI_TAGS"in t?T(S(qe),t.ADD_DATA_URI_TAGS,tt):qe;Fe="FORBID_CONTENTS"in t?T({},t.FORBID_CONTENTS,tt):Be;ve="FORBID_TAGS"in t?T({},t.FORBID_TAGS,tt):{};ke="FORBID_ATTR"in t?T({},t.FORBID_ATTR,tt):{};je="USE_PROFILES"in t?t.USE_PROFILES:false;xe=t.ALLOW_ARIA_ATTR!==false;Te=t.ALLOW_DATA_ATTR!==false;Ee=t.ALLOW_UNKNOWN_PROTOCOLS||false;Se=t.ALLOW_SELF_CLOSE_IN_ATTR!==false;Re=t.SAFE_FOR_TEMPLATES||false;Ae=t.WHOLE_DOCUMENT||false;ze=t.RETURN_DOM||false;Le=t.RETURN_DOM_FRAGMENT||false;Me=t.RETURN_TRUSTED_TYPE||false;Ce=t.FORCE_BODY||false;De=t.SANITIZE_DOM!==false;Pe=t.SANITIZE_NAMED_PROPS||false;Oe=t.KEEP_CONTENT!==false;$e=t.IN_PLACE||false;pe=t.ALLOWED_URI_REGEXP||U;Ge=t.NAMESPACE||Ye;we=t.CUSTOM_ELEMENT_HANDLING||{};if(t.CUSTOM_ELEMENT_HANDLING&&it(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)){we.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&it(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)){we.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements==="boolean"){we.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements}if(Re){Te=false}if(Le){ze=true}if(je){he=T({},D);ye=[];if(je.html===true){T(he,A);T(ye,P)}if(je.svg===true){T(he,_);T(ye,I);T(ye,$)}if(je.svgFilters===true){T(he,C);T(ye,I);T(ye,$)}if(je.mathMl===true){T(he,L);T(ye,O);T(ye,$)}}if(t.ADD_TAGS){if(he===be){he=S(he)}T(he,t.ADD_TAGS,tt)}if(t.ADD_ATTR){if(ye===ge){ye=S(ye)}T(ye,t.ADD_ATTR,tt)}if(t.ADD_URI_SAFE_ATTR){T(Ue,t.ADD_URI_SAFE_ATTR,tt)}if(t.FORBID_CONTENTS){if(Fe===Be){Fe=S(Fe)}T(Fe,t.FORBID_CONTENTS,tt)}if(Oe){he["#text"]=true}if(Ae){T(he,["html","head","body"])}if(he.table){T(he,["tbody"]);delete ve.tbody}if(t.TRUSTED_TYPES_POLICY){if(typeof t.TRUSTED_TYPES_POLICY.createHTML!=="function"){throw v('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.')}if(typeof t.TRUSTED_TYPES_POLICY.createScriptURL!=="function"){throw v('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.')}Q=t.TRUSTED_TYPES_POLICY;ee=Q.createHTML("")}else{if(Q===undefined){Q=Z(N,s)}if(Q!==null&&typeof ee==="string"){ee=Q.createHTML("")}}if(r){r(t)}nt=t};const st=T({},["mi","mo","mn","ms","mtext"]);const at=T({},["foreignobject","desc","title","annotation-xml"]);const lt=T({},["title","style","font","a","script"]);const ct=T({},[..._,...C,...z]);const ft=T({},[...L,...M]);const ut=function e(t){let n=K(t);if(!n||!n.tagName){n={namespaceURI:Ge,tagName:"template"}}const o=m(t.tagName);const i=m(n.tagName);if(!Ve[t.namespaceURI]){return false}if(t.namespaceURI===Xe){if(n.namespaceURI===Ye){return o==="svg"}if(n.namespaceURI===We){return o==="svg"&&(i==="annotation-xml"||st[i])}return Boolean(ct[o])}if(t.namespaceURI===We){if(n.namespaceURI===Ye){return o==="math"}if(n.namespaceURI===Xe){return o==="math"&&at[i]}return Boolean(ft[o])}if(t.namespaceURI===Ye){if(n.namespaceURI===Xe&&!at[i]){return false}if(n.namespaceURI===We&&!st[i]){return false}return!ft[o]&&(lt[o]||!ct[o])}if(Ke==="application/xhtml+xml"&&Ve[t.namespaceURI]){return true}return false};const dt=function e(t){d(n.removed,{element:t});try{t.parentNode.removeChild(t)}catch(e){t.remove()}};const mt=function e(t,o){try{d(n.removed,{attribute:o.getAttributeNode(t),from:o})}catch(e){d(n.removed,{attribute:null,from:o})}o.removeAttribute(t);if(t==="is"&&!ye[t]){if(ze||Le){try{dt(o)}catch(e){}}else{try{o.setAttribute(t,"")}catch(e){}}}};const pt=function e(t){let n=null;let i=null;if(Ce){t="<remove></remove>"+t}else{const e=h(t,/^[\r\n\t ]+/);i=e&&e[0]}if(Ke==="application/xhtml+xml"&&Ge===Ye){t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>"}const r=Q?Q.createHTML(t):t;if(Ge===Ye){try{n=(new B).parseFromString(r,Ke)}catch(e){}}if(!n||!n.documentElement){n=te.createDocument(Ge,"template",null);try{n.documentElement.innerHTML=Ze?ee:r}catch(e){}}const s=n.body||n.documentElement;if(t&&i){s.insertBefore(o.createTextNode(i),s.childNodes[0]||null)}if(Ge===Ye){return ie.call(n,Ae?"html":"body")[0]}return Ae?n.documentElement:s};const ht=function e(t){return ne.call(t.ownerDocument||t,t,E.SHOW_ELEMENT|E.SHOW_COMMENT|E.SHOW_TEXT,null)};const bt=function e(t){return t instanceof F&&(typeof t.nodeName!=="string"||typeof t.textContent!=="string"||typeof t.removeChild!=="function"||!(t.attributes instanceof j)||typeof t.removeAttribute!=="function"||typeof t.setAttribute!=="function"||typeof t.namespaceURI!=="string"||typeof t.insertBefore!=="function"||typeof t.hasChildNodes!=="function")};const yt=function e(t){return typeof k==="function"&&t instanceof k};const gt=function e(t,o,i){if(!se[t]){return}f(se[t],(e=>{e.call(n,o,i,nt)}))};const wt=function e(t){let o=null;gt("beforeSanitizeElements",t,null);if(bt(t)){dt(t);return true}const i=tt(t.nodeName);gt("uponSanitizeElement",t,{tagName:i,allowedTags:he});if(t.hasChildNodes()&&!yt(t.firstElementChild)&&w(/<[/\w]/g,t.innerHTML)&&w(/<[/\w]/g,t.textContent)){dt(t);return true}if(!he[i]||ve[i]){if(!ve[i]&&kt(i)){if(we.tagNameCheck instanceof RegExp&&w(we.tagNameCheck,i)){return false}if(we.tagNameCheck instanceof Function&&we.tagNameCheck(i)){return false}}if(Oe&&!Fe[i]){const e=K(t)||t.parentNode;const n=J(t)||t.childNodes;if(n&&e){const o=n.length;for(let i=o-1;i>=0;--i){e.insertBefore(H(n[i],true),W(t))}}}dt(t);return true}if(t instanceof x&&!ut(t)){dt(t);return true}if((i==="noscript"||i==="noembed"||i==="noframes")&&w(/<\/no(script|embed|frames)/i,t.innerHTML)){dt(t);return true}if(Re&&t.nodeType===3){o=t.textContent;f([ae,le,ce],(e=>{o=b(o,e," ")}));if(t.textContent!==o){d(n.removed,{element:t.cloneNode()});t.textContent=o}}gt("afterSanitizeElements",t,null);return false};const vt=function e(t,n,i){if(De&&(n==="id"||n==="name")&&(i in o||i in ot)){return false}if(Te&&!ke[n]&&w(fe,n));else if(xe&&w(ue,n));else if(!ye[n]||ke[n]){if(kt(t)&&(we.tagNameCheck instanceof RegExp&&w(we.tagNameCheck,t)||we.tagNameCheck instanceof Function&&we.tagNameCheck(t))&&(we.attributeNameCheck instanceof RegExp&&w(we.attributeNameCheck,n)||we.attributeNameCheck instanceof Function&&we.attributeNameCheck(n))||n==="is"&&we.allowCustomizedBuiltInElements&&(we.tagNameCheck instanceof RegExp&&w(we.tagNameCheck,i)||we.tagNameCheck instanceof Function&&we.tagNameCheck(i)));else{return false}}else if(Ue[n]);else if(w(pe,b(i,me,"")));else if((n==="src"||n==="xlink:href"||n==="href")&&t!=="script"&&y(i,"data:")===0&&Ne[t]);else if(Ee&&!w(de,b(i,me,"")));else if(i){return false}else;return true};const kt=function e(t){return t.indexOf("-")>0};const xt=function e(t){gt("beforeSanitizeAttributes",t,null);const{attributes:o}=t;if(!o){return}const i={attrName:"",attrValue:"",keepAttr:true,allowedAttributes:ye};let r=o.length;while(r--){const e=o[r];const{name:s,namespaceURI:a,value:l}=e;const c=tt(s);let d=s==="value"?l:g(l);i.attrName=c;i.attrValue=d;i.keepAttr=true;i.forceKeepAttr=undefined;gt("uponSanitizeAttribute",t,i);d=i.attrValue;if(i.forceKeepAttr){continue}mt(s,t);if(!i.keepAttr){continue}if(!Se&&w(/\/>/i,d)){mt(s,t);continue}if(Re){f([ae,le,ce],(e=>{d=b(d,e," ")}))}const m=tt(t.nodeName);if(!vt(m,c,d)){continue}if(Pe&&(c==="id"||c==="name")){mt(s,t);d=Ie+d}if(Q&&typeof N==="object"&&typeof N.getAttributeType==="function"){if(a);else{switch(N.getAttributeType(m,c)){case"TrustedHTML":{d=Q.createHTML(d);break}case"TrustedScriptURL":{d=Q.createScriptURL(d);break}}}}try{if(a){t.setAttributeNS(a,s,d)}else{t.setAttribute(s,d)}u(n.removed)}catch(e){}}gt("afterSanitizeAttributes",t,null)};const Tt=function e(t){let n=null;const o=ht(t);gt("beforeSanitizeShadowDOM",t,null);while(n=o.nextNode()){gt("uponSanitizeShadowNode",n,null);if(wt(n)){continue}if(n.content instanceof l){e(n.content)}xt(n)}gt("afterSanitizeShadowDOM",t,null)};n.sanitize=function(e){let t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let o=null;let r=null;let s=null;let a=null;Ze=!e;if(Ze){e="\x3c!--\x3e"}if(typeof e!=="string"&&!yt(e)){if(typeof e.toString==="function"){e=e.toString();if(typeof e!=="string"){throw v("dirty is not a string, aborting")}}else{throw v("toString is not a function")}}if(!n.isSupported){return e}if(!_e){rt(t)}n.removed=[];if(typeof e==="string"){$e=false}if($e){if(e.nodeName){const t=tt(e.nodeName);if(!he[t]||ve[t]){throw v("root node is forbidden and cannot be sanitized in-place")}}}else if(e instanceof k){o=pt("\x3c!----\x3e");r=o.ownerDocument.importNode(e,true);if(r.nodeType===1&&r.nodeName==="BODY"){o=r}else if(r.nodeName==="HTML"){o=r}else{o.appendChild(r)}}else{if(!ze&&!Re&&!Ae&&e.indexOf("<")===-1){return Q&&Me?Q.createHTML(e):e}o=pt(e);if(!o){return ze?null:Me?ee:""}}if(o&&Ce){dt(o.firstChild)}const c=ht($e?e:o);while(s=c.nextNode()){if(wt(s)){continue}if(s.content instanceof l){Tt(s.content)}xt(s)}if($e){return e}if(ze){if(Le){a=oe.call(o.ownerDocument);while(o.firstChild){a.appendChild(o.firstChild)}}else{a=o}if(ye.shadowroot||ye.shadowrootmode){a=re.call(i,a,true)}return a}let u=Ae?o.outerHTML:o.innerHTML;if(Ae&&he["!doctype"]&&o.ownerDocument&&o.ownerDocument.doctype&&o.ownerDocument.doctype.name&&w(X,o.ownerDocument.doctype.name)){u="<!DOCTYPE "+o.ownerDocument.doctype.name+">\n"+u}if(Re){f([ae,le,ce],(e=>{u=b(u,e," ")}))}return Q&&Me?Q.createHTML(u):u};n.setConfig=function(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};rt(e);_e=true};n.clearConfig=function(){nt=null;_e=false};n.isValidAttribute=function(e,t,n){if(!nt){rt({})}const o=tt(e);const i=tt(t);return vt(o,i,n)};n.addHook=function(e,t){if(typeof t!=="function"){return}se[e]=se[e]||[];d(se[e],t)};n.removeHook=function(e){if(se[e]){return u(se[e])}};n.removeHooks=function(e){if(se[e]){se[e]=[]}};n.removeAllHooks=function(){se={}};return n}var J=V();return J}))})(D);const P=D.exports;const I=":host{display:inline-grid;overflow:hidden;width:100%}.view-email{width:100%}.view-email div.gmail_quote{display:none;color:var(--nylas-color-primary-400)}.view-email div.gmail_quote.show{display:block}.view-email blockquote{border-color:var(--nylas-color-primary-500) !important}.view-email .nylas-view-email-toggle-button{display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);border:0;border-radius:2px;font-size:14px;font-weight:500;line-height:1.5;transition:all 0.2s ease-in-out}.view-email .nylas-view-email-toggle-button:hover{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600)}";const O=I;P.addHook("afterSanitizeAttributes",(function(e){if("target"in e){e.setAttribute("target","_blank");e.setAttribute("rel","noopener")}}));const $=class{constructor(t){e(this,t);this.htmlElement=document.createElement("html");this.setBody=e=>{this.state="loading";this.styles=[];this.hoistedFontURLs=new Map;this.sanitizedBody="";document.querySelectorAll(".nylas-view-email-font").forEach((e=>{e.remove()}));const t=this.message?l(this.message):c(e);if(!t){e=`<html><body>${f(e)}</body></html>`}this.htmlElement.innerHTML=e;if(this.detectDarkMode){M(this.htmlElement)}this.htmlElement.querySelectorAll("link").forEach((e=>{console.debug(`[nylas-view-email] Hoisting link: ${e.getAttribute("href")}`);if(e.getAttribute("rel")==="stylesheet"&&e.getAttribute("href")){const t=e.getAttribute("href");if(t){const e=new URL(t,window.location.href);if(e.protocol==="https:"||e.protocol==="http:"){this.hoistedFontURLs.set(e.href,e.href)}}}}));this.htmlElement.querySelectorAll("style").forEach((e=>{e.innerHTML.split("\n").forEach((e=>{const t=e.match(/@import url\((.*)\)/);if(t){const e=new URL(t[1],window.location.href);if(e.protocol==="https:"||e.protocol==="http:"){this.hoistedFontURLs.set(e.href,e.href)}}}));e.innerHTML=e.innerHTML.replace("body",":host");this.styles.push(e);e.remove()}));this.htmlElement.querySelectorAll("a").forEach((e=>{e.setAttribute("target","_blank")}));const n=this.htmlElement.querySelector(".gmail_quote");if(n){const e=document.createElement("button");e.classList.add("nylas-view-email-toggle-button");e.setAttribute("aria-label","Show quoted text");e.innerText="...";n.parentElement?.insertBefore(e,n)}this.sanitizedBody=P.sanitize(this.htmlElement.innerHTML);this.hoistedFontURLs.forEach(((e,t)=>{const n=document.createElement("link");n.setAttribute("rel","stylesheet");n.setAttribute("href",e);n.classList.add("nylas-view-email-font");document.head.appendChild(n)}));this.state="ready"};this.handleMobileSize=()=>{const e=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0);if(e<=768){const t=this.viewEmailElement?.getBoundingClientRect();if(t&&this.viewEmailElement&&this.parent){if(t.width>e){const e=this.parent;const n=e?.getBoundingClientRect();s("Parent width:",n?.width,"Parent height:",n?.height);s("Parent client width:",e.clientWidth,"Parent client height:",e.clientHeight);const o=n.width/t.width;const i=n.height/t.height;const r=Math.min(o,i);s("Scale:",r);this.viewEmailElement.style.setProperty("transform",`scale(${r})`);this.viewEmailElement.style.setProperty("transform-origin",`top left`);this.viewEmailElement.style.setProperty("height",`${t.height*r}px`)}}}else{this.viewEmailElement?.style.removeProperty("transform");this.viewEmailElement?.style.removeProperty("transform-origin");this.viewEmailElement?.style.removeProperty("height")}};this.message=undefined;this.parent=undefined;this.attachments=[];this.detectDarkMode=true;this.state="loading";this.sanitizedBody="";this.styles=[];this.viewEmailElement=undefined;this.hoistedFontURLs=new Map}connectedCallback(){}disconnectedCallback(){s(`[nylas-view-email] Component disconnected`);this.state="loading";this.styles=[];this.hoistedFontURLs=new Map;this.sanitizedBody="";document.querySelectorAll(".nylas-view-email-font").forEach((e=>{e.remove()}))}async componentWillLoad(){s(`[nylas-view-email] component loaded`);this.setBody(this.message?.body??"")}async componentDidLoad(){s(`[nylas-view-thread] Component did load`);this.handleMobileSize()}async messageChanged(){s(`[nylas-view-thread] Message changed`,{message:this.message});this.setBody(this.message?.body??"")}handleScroll(){this.handleMobileSize()}viewEmailElementChanged(){const e=this.viewEmailElement?.querySelectorAll(".nylas-view-email-toggle-button");if(e){e.forEach((e=>{e.addEventListener("click",(()=>{const e=this.viewEmailElement?.querySelector(".gmail_quote");if(e){e.classList.toggle("show")}}))}))}}render(){console.debug(`[nylas-view-email] render`,{hoistedFontURLs:this.hoistedFontURLs});return t(o,{key:"eb999cab49e46b29f1e1defb59626a38ad340a4b"},this.state==="loading"&&t("div",null,"Loading..."),this.state==="ready"&&t(r,null,this.styles.map((e=>t("style",null,P.sanitize(e.innerHTML)))),t("div",{class:"view-email",part:"view-email",innerHTML:this.sanitizedBody,ref:e=>this.viewEmailElement=e})))}get host(){return i(this)}static get watchers(){return{message:["messageChanged"],viewEmailElement:["viewEmailElementChanged"]}}};$.style=O;const j=".sc-reply-all-icon-h{display:flex}";const F=j;const B=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"d41fc7af9208badd553118a8a97748a59aedef0d",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"f5142c1ed811ce73ad7eecf3e27ba4a290a08656",d:"m1030.975 188 81.249 81.249-429.228 429.228h300.747c516.223 0 936.257 420.034 936.257 936.257v98.028h-114.92v-98.028c0-452.901-368.436-821.337-821.337-821.337H682.996l429.228 429.229-81.25 81.248-567.936-567.937L1030.975 188Zm-463.038.011 81.249 81.25-486.688 486.688 486.688 486.688-81.249 81.249L0 755.949 567.937 188.01Z","fill-rule":"evenodd"}))}};B.style=F;const N=".sc-reply-icon-h{display:flex}";const q=N;const U=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"9b518f38aed313764a493298df6d393903b89874",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"62549571f0f5349311e1c5097ceab863e5d56c93",d:"M835.942 632.563H244.966l478.08-478.08-90.496-90.496L-.026 696.563 632.55 1329.14l90.496-90.496-478.08-478.08h590.976c504.448 0 914.816 410.368 914.816 914.816v109.184h128V1675.38c0-574.976-467.84-1042.816-1042.816-1042.816","fill-rule":"evenodd"}))}};U.style=q;export{h as forward_icon,g as nylas_composer,T as nylas_summarize_message_button,$ as nylas_view_email,B as reply_all_icon,U as reply_icon};
-//# sourceMappingURL=p-daac96cb.entry.js.map
+import{r as e,h as t,c as n,H as o,a as i,F as r}from"./p-68c2fadf.js";import{a as s,l as a,m as l,n as c,p as f}from"./p-6c11737d.js";import{R as u}from"./p-795b324a.js";import{c as d}from"./p-cb65c223.js";import"./p-02aa5f03.js";const m=".sc-forward-icon-h{display:flex}";const p=m;const h=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"ea843906eb9d42795534521cff2f1e527d07438b",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"d2ca5021d7a49829fc3a2ff9e92cf86a22e2956c",d:"m1246.246 64-90.496 90.496 477.952 477.952h-590.848C467.878 632.448.038 1100.416.038 1675.392v109.056h128v-109.056c0-504.576 410.368-914.944 914.816-914.944h590.848l-477.952 478.08 90.496 90.496 632.448-632.576L1246.246 64Z","fill-rule":"evenodd"}))}};h.style=p;const y=':host{display:grid;color:var(--nylas-color-primary-900)}.editor{position:relative;display:block;max-height:300px;overflow:auto;padding:1rem;border:1px solid var(--nylas-color-primary-300)}.editor blockquote{visibility:hidden;overflow:hidden;position:relative;transition:height 0.3s ease;margin:0}.editor blockquote::before{content:"...";visibility:visible;opacity:1;position:absolute;top:0;left:0;background-color:var(--nylas-color-primary-300);width:20px;text-align:center;color:var(--nylas-color-primary-800);vertical-align:middle;display:flex;justify-content:center;align-items:center;align-self:center;cursor:pointer}.editor .collapsed{height:20px}.editor .expanded{visibility:visible;opacity:1;height:auto;margin:0px 0px 0px 0.8ex;border-left:1px solid var(--nylas-color-primary-300);padding-left:1rem}.editor .expanded::before{display:none;}.buttons{display:flex;margin-top:1rem;justify-content:space-between}.buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.buttons sp-button chevron-icon{display:inline-block}.buttons .close{justify-self:end}.toolbar{position:absolute;display:none;background-color:var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);z-index:1}.toolbar sp-button{border:0}';const g=y;const b=class{constructor(t){e(this,t);this.close=n(this,"close",7);this.send=n(this,"send",7);this.closeComposer=e=>{this.close.emit(e)};this.sendComposer=e=>{if(!this.editorEl){s("no editor element");return}const t=this.editorEl.querySelector(".message-body");if(!t){s("no message body");return}if(this.message){this.send.emit({message:this.message,replyBody:t.querySelector(".message-body")?.innerHTML||""});this.close.emit(e);this.editorEl.innerHTML=""}};this.message=undefined;this.viewEmailElement=undefined}connectedCallback(){}disconnectedCallback(){if(this.editorEl){this.editorEl.innerHTML=""}}componentWillLoad(){}async componentDidLoad(){if(this.message){this.watchBody(this.message)}if(!this.editorEl){s("[connectedCallback] no editor element");return}if(!this.toolbarEl){s("[connectedCallback] no toolbar element");return}const e=this.editorEl;const t=this.toolbarEl;e.addEventListener("mouseup",(n=>{const o=this.host.shadowRoot?.getSelection();if(!o){s("no selection");return}const i=o.getRangeAt(0);const r=o.toString();if(!r){t.style.display="none";return}const a=e.querySelector(".message-body");if(!a){s("no message body");return}const l=i.commonAncestorContainer;const c=l.parentElement;if(!c){return}const f=a.getBoundingClientRect();s("messageBodyRect",{messageBodyRect:f});const u=c.getBoundingClientRect();s("foundRect",{foundRect:u});const d=c.childNodes[0];const m=d.textContent||"";const p=m.indexOf(r);const h=window.getComputedStyle(c).fontSize;const y=parseInt(h.replace("px",""),10);const g=u.top-f.top-t.clientHeight;const b=p*(1/y)*100;t.style.top=`${g}px`;t.style.left=`${b}px`;t.style.display="block"}))}watchBody(e){if(!this.editorEl){s("no editor element");return}this.editorEl.querySelectorAll(".message-body").forEach((e=>e.remove()));const t=document.createElement("div");t.classList.add("message-body");const n=document.createElement("p");n.innerHTML="&nbsp;";t.appendChild(n);const o=document.createElement("br");t.appendChild(o);const i=document.createElement("div");i.classList.add("reply-text");i.innerText=`On ${new Date(e.date*1e3).toLocaleDateString(undefined,{dateStyle:"full"})} <${e.from?.map((e=>e.name||e.email)).join(", ")}> wrote:`;t.appendChild(i);if(e.body){const n=document.createElement("html");n.innerHTML=e.body;const o=document.createElement("blockquote");o.classList.add("collapsed");o.classList.add("gmail_quote");o.innerHTML=n.innerHTML;t.appendChild(o);s("replyContainer",{replyContainer:o})}this.editorEl.appendChild(t);this.editorEl.querySelectorAll("blockquote.collapsed").forEach((e=>{e.addEventListener("click",(function(e){e.preventDefault();const t=e.target;t.classList.remove("collapsed");t.classList.add("expanded")}),{once:true})}));this.editorEl.focus()}render(){return t(o,{key:"a94d0bc2dc40b0323cb1e4c4c9e06b3c309851c8"},t("sp-theme",{key:"e822cf12442fc3a27361216f20573237245372db",scale:"medium",color:"dark"},t("div",{key:"6421abf38efbee5a6cc1fa1b4c960272d24e589f",class:"editor",contentEditable:true,ref:e=>this.editorEl=e},t("div",{key:"77c7af10699eb01d4453b504f3579993d2c34921",class:"toolbar",ref:e=>this.toolbarEl=e,contentEditable:false},t("sp-button",{key:"42d1fb994a0f526051724b7f655539c1777fb9bf",quiet:true,onClick:()=>document.execCommand("bold")},t("div",{key:"af18f0a858253cb6c91a61ad807c21f9da3afa5a",slot:"icon"},t("bold-icon",{key:"f871b1115a25f44940736c9689a74fbe713f1f40"})),t("div",{key:"6ca183aad378edbd86eab2a793f7dedc2951e813",slot:"label"},"Bold")),t("sp-button",{key:"21634ae1af2e50bb28285a8b57e15c2ca1e3ab4b",quiet:true,onClick:()=>document.execCommand("underline")},t("div",{key:"dc23a3938314a0dad3abbafa6b61138a24b111f1",slot:"icon"},t("underline-icon",{key:"1b91ba05292a3d133c6b0b808096e206ff0254cb"})),t("div",{key:"26e7d6d6ee26d30d9ef6845f0ed0fb109aee7b66",slot:"label"},"Underline")),t("sp-button",{key:"fae03a1c8b2e88443b4a494b7d2024551b07e58a",quiet:true,onClick:()=>document.execCommand("italic")},t("div",{key:"7552f6d19459c0440d6d2856bb4dbff817d2b4dd",slot:"icon"},t("italic-icon",{key:"ca515f1bb02bca0ef87aa6e65f09f0c05c394036"})),t("div",{key:"2bc6d2f6c43f56c5d1cdb2627ec6f1e3952bec45",slot:"label"},"Italic")))),t("div",{key:"ca33c2ba5961c4919b26103221ac9a3a4fa8ddb9",class:"buttons"},t("sp-button",{key:"8fdaf06ed8c2e67c2d54887897476f7ad6d7d9b6",onClick:this.sendComposer,class:"send"},"Send"),t("sp-button",{key:"381530874e2e9f787d7af862a9290189e8ac8688",onClick:this.closeComposer,class:"close"},"Close"))))}get host(){return i(this)}static get watchers(){return{message:["watchBody"]}}};b.style=g;const w=":host{display:block}sp-button{padding:0;border:0;border-radius:var(--nylas-border-radius);min-block-size:50%;min-inline-size:2rem;background-color:var(--nylas-color-primary-300);fill:var(--nylas-color-primary-800)}sp-button:hover{background-color:var(--nylas-color-primary-400)}.summarize-button.stopped{animation:none}.summarize-button.playing{animation:pulse 2s infinite}.summarize-button.loading{display:flex;align-content:center;height:1.5rem;width:2rem;vertical-align:middle;animation:pulse 2s infinite;flex-wrap:wrap}.summarize-button.loading loading-icon{--dot-color:var(--nylas-color-primary-600)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--nylas-color-primary-300)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(255, 69, 0, 0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255, 69, 0, 0)}}@keyframes wave{0%{transform:translateX(0)}50%{transform:translateX(100%)}100%{transform:translateX(0)}}";const v=w;var k=undefined&&undefined.__decorate||function(e,t,n,o){var i=arguments.length,r=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,n):o,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)if(s=e[a])r=(i<3?s(r):i>3?s(t,n,r):s(t,n))||r;return i>3&&r&&Object.defineProperty(t,n,r),r};var x=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const T=class{constructor(t){e(this,t);this.summarize=n(this,"summarize",7);this.abortController=new AbortController;this.onClick=async e=>{e.preventDefault();e.stopPropagation();if(this.state==="stopped"){if(this.message){this.abortController=new AbortController;const e=this.summarize.emit({abortController:this.abortController,playAudio:this.playAudio,message:this.message,updateState:this.updateState});if(!e.defaultPrevented){s(`[nylas-summarize-message-button] Default event not prevented, summarizing message`);if(this.audioRef){await this.audioRef.play().then((()=>this.audioRef?.pause())).catch((e=>console.error("Error playing audio:",e)));await this.audioRef.play().catch((e=>console.error("Error playing audio:",e)))}}}}else if(this.state==="playing"){this.abortController?.abort();this.audioRef?.pause()}else{this.state="stopped"}};this.message=undefined;this.state="stopped";this.playAudio=this.playAudio.bind(this);this.updateState=this.updateState.bind(this)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){s(`[nylas-summarize-message-button] Component will load`)}async componentDidLoad(){s(`[nylas-summarize-message-button] Component did load`)}async updateState(e){this.state=e}async playAudio(e){if(!this.audioRef){this.state="stopped";return}if(!e){this.state="stopped";return}const t=this.audioRef;if(!("MediaSource"in window)){const n=await e;if(n==null){throw new Error("ReadableStream not yet supported in this browser.")}const o=n.getReader();const i=[];await this.readChunk(o,i);const r=new Blob(i,{type:"audio/mpeg"});const s=URL.createObjectURL(r);t.src=s;return}const n=new MediaSource;let o;let i=false;t.src=URL.createObjectURL(n);n.addEventListener("sourceopen",r);async function r(){o=n.addSourceBuffer("audio/mpeg");o.addEventListener("updateend",a);const r=await e;if(r==null){throw new Error("ReadableStream not yet supported in this browser.")}const s=r.getReader();const l=()=>{s.read().then((({done:e,value:t})=>{if(e){i=true;return}if(!o.updating){o.appendBuffer(t)}l()})).catch((e=>{console.error("Error while fetching and appending chunks:",e)}))};l();if(t.paused){t.play().catch((e=>console.error("Error playing audio:",e)))}}function a(){if(i){n.endOfStream();n.removeEventListener("sourceopen",r);n.removeEventListener("sourceclose",(()=>{s(`[nylas-summarize-message-button] Source closed`)}));o.removeEventListener("updateend",a);return}}}async readChunk(e,t){return e.read().then((({done:n,value:o})=>{if(n){return t}t.push(o);return this.readChunk(e,t)}))}render(){return t(o,{key:"40638e44f43f4f1f051b8ed9594b2219b04f4c91"},t("sp-theme",{key:"ab0ca1a58c3288c4d3c634a781a939e5bef42d09",scale:"medium",color:"dark"},t("sp-button",{key:"7ffbabd5a56616d4adf847e3e93d16803f9bae46",label:"Summarize email","icon-only":true,onClickCapture:this.onClick,class:{"summarize-button":true,stopped:this.state==="stopped",loading:this.state==="loading",playing:this.state==="playing"}},this.state==="stopped"&&t("play-icon",null),this.state==="loading"&&t("loading-icon",null),this.state==="playing"&&t("stop-icon",null)),t("audio",{key:"6b69280965c87aab3757e349b5b7ed45846d8c9b",ref:e=>this.audioRef=e,autoPlay:true,onPlaying:()=>this.state="playing",onPause:()=>this.state="stopped",onEnded:()=>{this.state="stopped";s(`[nylas-summarize-message-button] Audio ended`)}})))}};k([u({name:"nylas-summarize-message-button",eventToProps:{summarize:async(e,t)=>{const{playAudio:n,updateState:o,abortController:i,message:r}=e.detail;const s=a(r.body||"");await o("loading");try{const e=await t.messages.summarizeText(s);const o=t.messages.textToSpeech(e,i);await n(o)}catch(e){await o("stopped");console.error("Error summarizing message:",e)}}},fireRegisterEvent:true}),x("design:type",Function),x("design:paramtypes",[]),x("design:returntype",void 0)],T.prototype,"render",null);T.style=v;function E(e){if(!window.matchMedia("(prefers-color-scheme: dark)").matches){return e}if(!e){return e}if(e==="transparent"){return"color"}if(e.startsWith("#")){return S(e)}if(e.startsWith("rgb")){return R(e)}if(e.startsWith("hsl")){return A(e)}if(_(e)){return C(e)}return e}function S(e){if(e.length<7){e="#"+e[1]+e[1]+e[2]+e[2]+e[3]+e[3]}const t=(255-parseInt(e.slice(1,3),16)).toString(16).padStart(2,"0");const n=(255-parseInt(e.slice(3,5),16)).toString(16).padStart(2,"0");const o=(255-parseInt(e.slice(5,7),16)).toString(16).padStart(2,"0");return`#${t}${n}${o}`}function R(e){const t=e.match(/\d+/g)?.map(Number);if(!t){return e}const[n,o,i]=t;return`rgb(${255-n}, ${255-o}, ${255-i})`}function A(e){const t=e.match(/\d+\.?\d*/g)?.map(Number);if(!t){return e}const[n,o,i]=t;return`hsl(${n}, ${o}%, ${100-i}%)`}function _(e){return/^[a-z]+$/i.test(e)}function C(e){return R(z(e))}function z(e){if(e.toLowerCase()==="red"){return"rgb(255, 0, 0)"}return"rgb(0, 0, 0)"}function L(e){if(e instanceof HTMLStyleElement){let t=e.textContent;if(t){t=t.replaceAll(/@media\s*\(prefers-color-scheme:\s*(dark|light)\)\s*\{([^}]+)\}/g,"");const n=t.matchAll(/border-color:\s*([^;]+)/g);if(n){for(const e of n){const[n,o]=e;const i=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");t=t.replaceAll(i,n.replace(o,E(o)))}}const o=t.matchAll(/border:\s*([^;]+)/g);if(o){for(const e of o){const n=e[0].trim();const o=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");const[i,r,s]=e[1].split(" ");t=t.replaceAll(o,n.replace(s,E(s)))}}const i=t.matchAll(/background-color:\s*([^;]+)/g);if(i){for(const e of i){const[n,o]=e;const i=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");t=t.replaceAll(i,n.replace(o,E(o)));s("backgroundColor",{fullMatch:n,replace:n.replace(o,E(o)),color:o,invertColor:E(o)})}}const r=t.matchAll(/background:\s*([^;]+)/g);if(r){for(const e of r){const n=e[0].trim();const o=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");const[i,r,s]=e[1].split(" ");t=t.replaceAll(o,n.replace(s,E(s)))}}const a=t.matchAll(/color:\s*([^;]+)/g);if(a){for(const e of a){const[n,o]=e;const i=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");t=t.replaceAll(i,n.replace(o,E(o)))}}e.textContent=t}}if(e instanceof HTMLElement){const t=window.getComputedStyle(e);const n=t.color||e.style.color;const o=t.backgroundColor||e.style.backgroundColor;const i=t.borderColor||e.style.borderColor;if(n&&!o){e.style.color=""}else if(n&&o){e.style.color=E(n);e.style.backgroundColor=E(o);s("element",e);s("computedStyle.color",n);s("computedStyle.backgroundColor",o);s("invertColor(color)",E(n));s("invertColor(backgroundColor)",E(o))}else if(!n&&o){e.style.backgroundColor=""}if(i){s("borderColor",i);e.style.borderColor=E(i)}if(e.hasAttribute("bgcolor")){e.removeAttribute("bgcolor")}}}function M(e){L(e);const t=e.querySelectorAll("*");t.forEach((e=>L(e)))}var D={exports:{}};
+/*! @license DOMPurify 3.0.8 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.8/LICENSE */(function(e,t){(function(t,n){e.exports=n()})(d,(function(){const{entries:e,setPrototypeOf:t,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:i}=Object;let{freeze:r,seal:s,create:a}=Object;let{apply:l,construct:c}=typeof Reflect!=="undefined"&&Reflect;if(!r){r=function e(t){return t}}if(!s){s=function e(t){return t}}if(!l){l=function e(t,n,o){return t.apply(n,o)}}if(!c){c=function e(t,n){return new t(...n)}}const f=k(Array.prototype.forEach);const u=k(Array.prototype.pop);const d=k(Array.prototype.push);const m=k(String.prototype.toLowerCase);const p=k(String.prototype.toString);const h=k(String.prototype.match);const y=k(String.prototype.replace);const g=k(String.prototype.indexOf);const b=k(String.prototype.trim);const w=k(RegExp.prototype.test);const v=x(TypeError);function k(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),i=1;i<n;i++){o[i-1]=arguments[i]}return l(e,t,o)}}function x(e){return function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++){n[o]=arguments[o]}return c(e,n)}}function T(e,o){let i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:m;if(t){t(e,null)}let r=o.length;while(r--){let t=o[r];if(typeof t==="string"){const e=i(t);if(e!==t){if(!n(o)){o[r]=e}t=e}}e[t]=true}return e}function E(e){for(let t=0;t<e.length;t++){if(i(e,t)===undefined){e[t]=null}}return e}function S(t){const n=a(null);for(const[o,r]of e(t)){if(i(t,o)!==undefined){if(Array.isArray(r)){n[o]=E(r)}else if(r&&typeof r==="object"&&r.constructor===Object){n[o]=S(r)}else{n[o]=r}}}return n}function R(e,t){while(e!==null){const n=i(e,t);if(n){if(n.get){return k(n.get)}if(typeof n.value==="function"){return k(n.value)}}e=o(e)}function n(e){console.warn("fallback value for",e);return null}return n}const A=r(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]);const _=r(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]);const C=r(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]);const z=r(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]);const L=r(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]);const M=r(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]);const D=r(["#text"]);const P=r(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]);const I=r(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]);const O=r(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]);const $=r(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]);const j=s(/\{\{[\w\W]*|[\w\W]*\}\}/gm);const F=s(/<%[\w\W]*|[\w\W]*%>/gm);const B=s(/\${[\w\W]*}/gm);const N=s(/^data-[\-\w.\u00B7-\uFFFF]/);const q=s(/^aria-[\-\w]+$/);const U=s(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i);const H=s(/^(?:\w+script|data):/i);const W=s(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g);const X=s(/^html$/i);var Y=Object.freeze({__proto__:null,MUSTACHE_EXPR:j,ERB_EXPR:F,TMPLIT_EXPR:B,DATA_ATTR:N,ARIA_ATTR:q,IS_ALLOWED_URI:U,IS_SCRIPT_OR_DATA:H,ATTR_WHITESPACE:W,DOCTYPE_NAME:X});const G=function e(){return typeof window==="undefined"?null:window};const Z=function e(t,n){if(typeof t!=="object"||typeof t.createPolicy!=="function"){return null}let o=null;const i="data-tt-policy-suffix";if(n&&n.hasAttribute(i)){o=n.getAttribute(i)}const r="dompurify"+(o?"#"+o:"");try{return t.createPolicy(r,{createHTML(e){return e},createScriptURL(e){return e}})}catch(e){console.warn("TrustedTypes policy "+r+" could not be created.");return null}};function V(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:G();const n=e=>V(e);n.version="3.0.8";n.removed=[];if(!t||!t.document||t.document.nodeType!==9){n.isSupported=false;return n}let{document:o}=t;const i=o;const s=i.currentScript;const{DocumentFragment:l,HTMLTemplateElement:c,Node:k,Element:x,NodeFilter:E,NamedNodeMap:j=t.NamedNodeMap||t.MozNamedAttrMap,HTMLFormElement:F,DOMParser:B,trustedTypes:N}=t;const q=x.prototype;const H=R(q,"cloneNode");const W=R(q,"nextSibling");const J=R(q,"childNodes");const K=R(q,"parentNode");if(typeof c==="function"){const e=o.createElement("template");if(e.content&&e.content.ownerDocument){o=e.content.ownerDocument}}let Q;let ee="";const{implementation:te,createNodeIterator:ne,createDocumentFragment:oe,getElementsByTagName:ie}=o;const{importNode:re}=i;let se={};n.isSupported=typeof e==="function"&&typeof K==="function"&&te&&te.createHTMLDocument!==undefined;const{MUSTACHE_EXPR:ae,ERB_EXPR:le,TMPLIT_EXPR:ce,DATA_ATTR:fe,ARIA_ATTR:ue,IS_SCRIPT_OR_DATA:de,ATTR_WHITESPACE:me}=Y;let{IS_ALLOWED_URI:pe}=Y;let he=null;const ye=T({},[...A,..._,...C,...L,...D]);let ge=null;const be=T({},[...P,...I,...O,...$]);let we=Object.seal(a(null,{tagNameCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeNameCheck:{writable:true,configurable:false,enumerable:true,value:null},allowCustomizedBuiltInElements:{writable:true,configurable:false,enumerable:true,value:false}}));let ve=null;let ke=null;let xe=true;let Te=true;let Ee=false;let Se=true;let Re=false;let Ae=false;let _e=false;let Ce=false;let ze=false;let Le=false;let Me=false;let De=true;let Pe=false;const Ie="user-content-";let Oe=true;let $e=false;let je={};let Fe=null;const Be=T({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Ne=null;const qe=T({},["audio","video","img","source","image","track"]);let Ue=null;const He=T({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]);const We="http://www.w3.org/1998/Math/MathML";const Xe="http://www.w3.org/2000/svg";const Ye="http://www.w3.org/1999/xhtml";let Ge=Ye;let Ze=false;let Ve=null;const Je=T({},[We,Xe,Ye],p);let Ke=null;const Qe=["application/xhtml+xml","text/html"];const et="text/html";let tt=null;let nt=null;const ot=o.createElement("form");const it=function e(t){return t instanceof RegExp||t instanceof Function};const rt=function e(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(nt&&nt===t){return}if(!t||typeof t!=="object"){t={}}t=S(t);Ke=Qe.indexOf(t.PARSER_MEDIA_TYPE)===-1?et:t.PARSER_MEDIA_TYPE;tt=Ke==="application/xhtml+xml"?p:m;he="ALLOWED_TAGS"in t?T({},t.ALLOWED_TAGS,tt):ye;ge="ALLOWED_ATTR"in t?T({},t.ALLOWED_ATTR,tt):be;Ve="ALLOWED_NAMESPACES"in t?T({},t.ALLOWED_NAMESPACES,p):Je;Ue="ADD_URI_SAFE_ATTR"in t?T(S(He),t.ADD_URI_SAFE_ATTR,tt):He;Ne="ADD_DATA_URI_TAGS"in t?T(S(qe),t.ADD_DATA_URI_TAGS,tt):qe;Fe="FORBID_CONTENTS"in t?T({},t.FORBID_CONTENTS,tt):Be;ve="FORBID_TAGS"in t?T({},t.FORBID_TAGS,tt):{};ke="FORBID_ATTR"in t?T({},t.FORBID_ATTR,tt):{};je="USE_PROFILES"in t?t.USE_PROFILES:false;xe=t.ALLOW_ARIA_ATTR!==false;Te=t.ALLOW_DATA_ATTR!==false;Ee=t.ALLOW_UNKNOWN_PROTOCOLS||false;Se=t.ALLOW_SELF_CLOSE_IN_ATTR!==false;Re=t.SAFE_FOR_TEMPLATES||false;Ae=t.WHOLE_DOCUMENT||false;ze=t.RETURN_DOM||false;Le=t.RETURN_DOM_FRAGMENT||false;Me=t.RETURN_TRUSTED_TYPE||false;Ce=t.FORCE_BODY||false;De=t.SANITIZE_DOM!==false;Pe=t.SANITIZE_NAMED_PROPS||false;Oe=t.KEEP_CONTENT!==false;$e=t.IN_PLACE||false;pe=t.ALLOWED_URI_REGEXP||U;Ge=t.NAMESPACE||Ye;we=t.CUSTOM_ELEMENT_HANDLING||{};if(t.CUSTOM_ELEMENT_HANDLING&&it(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)){we.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&it(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)){we.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements==="boolean"){we.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements}if(Re){Te=false}if(Le){ze=true}if(je){he=T({},D);ge=[];if(je.html===true){T(he,A);T(ge,P)}if(je.svg===true){T(he,_);T(ge,I);T(ge,$)}if(je.svgFilters===true){T(he,C);T(ge,I);T(ge,$)}if(je.mathMl===true){T(he,L);T(ge,O);T(ge,$)}}if(t.ADD_TAGS){if(he===ye){he=S(he)}T(he,t.ADD_TAGS,tt)}if(t.ADD_ATTR){if(ge===be){ge=S(ge)}T(ge,t.ADD_ATTR,tt)}if(t.ADD_URI_SAFE_ATTR){T(Ue,t.ADD_URI_SAFE_ATTR,tt)}if(t.FORBID_CONTENTS){if(Fe===Be){Fe=S(Fe)}T(Fe,t.FORBID_CONTENTS,tt)}if(Oe){he["#text"]=true}if(Ae){T(he,["html","head","body"])}if(he.table){T(he,["tbody"]);delete ve.tbody}if(t.TRUSTED_TYPES_POLICY){if(typeof t.TRUSTED_TYPES_POLICY.createHTML!=="function"){throw v('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.')}if(typeof t.TRUSTED_TYPES_POLICY.createScriptURL!=="function"){throw v('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.')}Q=t.TRUSTED_TYPES_POLICY;ee=Q.createHTML("")}else{if(Q===undefined){Q=Z(N,s)}if(Q!==null&&typeof ee==="string"){ee=Q.createHTML("")}}if(r){r(t)}nt=t};const st=T({},["mi","mo","mn","ms","mtext"]);const at=T({},["foreignobject","desc","title","annotation-xml"]);const lt=T({},["title","style","font","a","script"]);const ct=T({},[..._,...C,...z]);const ft=T({},[...L,...M]);const ut=function e(t){let n=K(t);if(!n||!n.tagName){n={namespaceURI:Ge,tagName:"template"}}const o=m(t.tagName);const i=m(n.tagName);if(!Ve[t.namespaceURI]){return false}if(t.namespaceURI===Xe){if(n.namespaceURI===Ye){return o==="svg"}if(n.namespaceURI===We){return o==="svg"&&(i==="annotation-xml"||st[i])}return Boolean(ct[o])}if(t.namespaceURI===We){if(n.namespaceURI===Ye){return o==="math"}if(n.namespaceURI===Xe){return o==="math"&&at[i]}return Boolean(ft[o])}if(t.namespaceURI===Ye){if(n.namespaceURI===Xe&&!at[i]){return false}if(n.namespaceURI===We&&!st[i]){return false}return!ft[o]&&(lt[o]||!ct[o])}if(Ke==="application/xhtml+xml"&&Ve[t.namespaceURI]){return true}return false};const dt=function e(t){d(n.removed,{element:t});try{t.parentNode.removeChild(t)}catch(e){t.remove()}};const mt=function e(t,o){try{d(n.removed,{attribute:o.getAttributeNode(t),from:o})}catch(e){d(n.removed,{attribute:null,from:o})}o.removeAttribute(t);if(t==="is"&&!ge[t]){if(ze||Le){try{dt(o)}catch(e){}}else{try{o.setAttribute(t,"")}catch(e){}}}};const pt=function e(t){let n=null;let i=null;if(Ce){t="<remove></remove>"+t}else{const e=h(t,/^[\r\n\t ]+/);i=e&&e[0]}if(Ke==="application/xhtml+xml"&&Ge===Ye){t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>"}const r=Q?Q.createHTML(t):t;if(Ge===Ye){try{n=(new B).parseFromString(r,Ke)}catch(e){}}if(!n||!n.documentElement){n=te.createDocument(Ge,"template",null);try{n.documentElement.innerHTML=Ze?ee:r}catch(e){}}const s=n.body||n.documentElement;if(t&&i){s.insertBefore(o.createTextNode(i),s.childNodes[0]||null)}if(Ge===Ye){return ie.call(n,Ae?"html":"body")[0]}return Ae?n.documentElement:s};const ht=function e(t){return ne.call(t.ownerDocument||t,t,E.SHOW_ELEMENT|E.SHOW_COMMENT|E.SHOW_TEXT,null)};const yt=function e(t){return t instanceof F&&(typeof t.nodeName!=="string"||typeof t.textContent!=="string"||typeof t.removeChild!=="function"||!(t.attributes instanceof j)||typeof t.removeAttribute!=="function"||typeof t.setAttribute!=="function"||typeof t.namespaceURI!=="string"||typeof t.insertBefore!=="function"||typeof t.hasChildNodes!=="function")};const gt=function e(t){return typeof k==="function"&&t instanceof k};const bt=function e(t,o,i){if(!se[t]){return}f(se[t],(e=>{e.call(n,o,i,nt)}))};const wt=function e(t){let o=null;bt("beforeSanitizeElements",t,null);if(yt(t)){dt(t);return true}const i=tt(t.nodeName);bt("uponSanitizeElement",t,{tagName:i,allowedTags:he});if(t.hasChildNodes()&&!gt(t.firstElementChild)&&w(/<[/\w]/g,t.innerHTML)&&w(/<[/\w]/g,t.textContent)){dt(t);return true}if(!he[i]||ve[i]){if(!ve[i]&&kt(i)){if(we.tagNameCheck instanceof RegExp&&w(we.tagNameCheck,i)){return false}if(we.tagNameCheck instanceof Function&&we.tagNameCheck(i)){return false}}if(Oe&&!Fe[i]){const e=K(t)||t.parentNode;const n=J(t)||t.childNodes;if(n&&e){const o=n.length;for(let i=o-1;i>=0;--i){e.insertBefore(H(n[i],true),W(t))}}}dt(t);return true}if(t instanceof x&&!ut(t)){dt(t);return true}if((i==="noscript"||i==="noembed"||i==="noframes")&&w(/<\/no(script|embed|frames)/i,t.innerHTML)){dt(t);return true}if(Re&&t.nodeType===3){o=t.textContent;f([ae,le,ce],(e=>{o=y(o,e," ")}));if(t.textContent!==o){d(n.removed,{element:t.cloneNode()});t.textContent=o}}bt("afterSanitizeElements",t,null);return false};const vt=function e(t,n,i){if(De&&(n==="id"||n==="name")&&(i in o||i in ot)){return false}if(Te&&!ke[n]&&w(fe,n));else if(xe&&w(ue,n));else if(!ge[n]||ke[n]){if(kt(t)&&(we.tagNameCheck instanceof RegExp&&w(we.tagNameCheck,t)||we.tagNameCheck instanceof Function&&we.tagNameCheck(t))&&(we.attributeNameCheck instanceof RegExp&&w(we.attributeNameCheck,n)||we.attributeNameCheck instanceof Function&&we.attributeNameCheck(n))||n==="is"&&we.allowCustomizedBuiltInElements&&(we.tagNameCheck instanceof RegExp&&w(we.tagNameCheck,i)||we.tagNameCheck instanceof Function&&we.tagNameCheck(i)));else{return false}}else if(Ue[n]);else if(w(pe,y(i,me,"")));else if((n==="src"||n==="xlink:href"||n==="href")&&t!=="script"&&g(i,"data:")===0&&Ne[t]);else if(Ee&&!w(de,y(i,me,"")));else if(i){return false}else;return true};const kt=function e(t){return t.indexOf("-")>0};const xt=function e(t){bt("beforeSanitizeAttributes",t,null);const{attributes:o}=t;if(!o){return}const i={attrName:"",attrValue:"",keepAttr:true,allowedAttributes:ge};let r=o.length;while(r--){const e=o[r];const{name:s,namespaceURI:a,value:l}=e;const c=tt(s);let d=s==="value"?l:b(l);i.attrName=c;i.attrValue=d;i.keepAttr=true;i.forceKeepAttr=undefined;bt("uponSanitizeAttribute",t,i);d=i.attrValue;if(i.forceKeepAttr){continue}mt(s,t);if(!i.keepAttr){continue}if(!Se&&w(/\/>/i,d)){mt(s,t);continue}if(Re){f([ae,le,ce],(e=>{d=y(d,e," ")}))}const m=tt(t.nodeName);if(!vt(m,c,d)){continue}if(Pe&&(c==="id"||c==="name")){mt(s,t);d=Ie+d}if(Q&&typeof N==="object"&&typeof N.getAttributeType==="function"){if(a);else{switch(N.getAttributeType(m,c)){case"TrustedHTML":{d=Q.createHTML(d);break}case"TrustedScriptURL":{d=Q.createScriptURL(d);break}}}}try{if(a){t.setAttributeNS(a,s,d)}else{t.setAttribute(s,d)}u(n.removed)}catch(e){}}bt("afterSanitizeAttributes",t,null)};const Tt=function e(t){let n=null;const o=ht(t);bt("beforeSanitizeShadowDOM",t,null);while(n=o.nextNode()){bt("uponSanitizeShadowNode",n,null);if(wt(n)){continue}if(n.content instanceof l){e(n.content)}xt(n)}bt("afterSanitizeShadowDOM",t,null)};n.sanitize=function(e){let t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let o=null;let r=null;let s=null;let a=null;Ze=!e;if(Ze){e="\x3c!--\x3e"}if(typeof e!=="string"&&!gt(e)){if(typeof e.toString==="function"){e=e.toString();if(typeof e!=="string"){throw v("dirty is not a string, aborting")}}else{throw v("toString is not a function")}}if(!n.isSupported){return e}if(!_e){rt(t)}n.removed=[];if(typeof e==="string"){$e=false}if($e){if(e.nodeName){const t=tt(e.nodeName);if(!he[t]||ve[t]){throw v("root node is forbidden and cannot be sanitized in-place")}}}else if(e instanceof k){o=pt("\x3c!----\x3e");r=o.ownerDocument.importNode(e,true);if(r.nodeType===1&&r.nodeName==="BODY"){o=r}else if(r.nodeName==="HTML"){o=r}else{o.appendChild(r)}}else{if(!ze&&!Re&&!Ae&&e.indexOf("<")===-1){return Q&&Me?Q.createHTML(e):e}o=pt(e);if(!o){return ze?null:Me?ee:""}}if(o&&Ce){dt(o.firstChild)}const c=ht($e?e:o);while(s=c.nextNode()){if(wt(s)){continue}if(s.content instanceof l){Tt(s.content)}xt(s)}if($e){return e}if(ze){if(Le){a=oe.call(o.ownerDocument);while(o.firstChild){a.appendChild(o.firstChild)}}else{a=o}if(ge.shadowroot||ge.shadowrootmode){a=re.call(i,a,true)}return a}let u=Ae?o.outerHTML:o.innerHTML;if(Ae&&he["!doctype"]&&o.ownerDocument&&o.ownerDocument.doctype&&o.ownerDocument.doctype.name&&w(X,o.ownerDocument.doctype.name)){u="<!DOCTYPE "+o.ownerDocument.doctype.name+">\n"+u}if(Re){f([ae,le,ce],(e=>{u=y(u,e," ")}))}return Q&&Me?Q.createHTML(u):u};n.setConfig=function(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};rt(e);_e=true};n.clearConfig=function(){nt=null;_e=false};n.isValidAttribute=function(e,t,n){if(!nt){rt({})}const o=tt(e);const i=tt(t);return vt(o,i,n)};n.addHook=function(e,t){if(typeof t!=="function"){return}se[e]=se[e]||[];d(se[e],t)};n.removeHook=function(e){if(se[e]){return u(se[e])}};n.removeHooks=function(e){if(se[e]){se[e]=[]}};n.removeAllHooks=function(){se={}};return n}var J=V();return J}))})(D);const P=D.exports;const I=":host{display:inline-grid;overflow:hidden;width:100%}.view-email{width:100%}.view-email div.gmail_quote{display:none;color:var(--nylas-color-primary-400)}.view-email div.gmail_quote.show{display:block}.view-email blockquote{border-color:var(--nylas-color-primary-500) !important}.view-email .nylas-view-email-toggle-button{display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);border:0;border-radius:2px;font-size:14px;font-weight:500;line-height:1.5;transition:all 0.2s ease-in-out}.view-email .nylas-view-email-toggle-button:hover{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600)}";const O=I;P.addHook("afterSanitizeAttributes",(function(e){if("target"in e){e.setAttribute("target","_blank");e.setAttribute("rel","noopener")}}));const $=class{constructor(t){e(this,t);this.htmlElement=document.createElement("html");this.setBody=e=>{this.state="loading";this.styles=[];this.hoistedFontURLs=new Map;this.sanitizedBody="";document.querySelectorAll(".nylas-view-email-font").forEach((e=>{e.remove()}));const t=this.message?l(this.message):c(e);if(!t){e=`<html><body>${f(e)}</body></html>`}this.htmlElement.innerHTML=e;if(this.detectDarkMode){M(this.htmlElement)}this.htmlElement.querySelectorAll("link").forEach((e=>{console.debug(`[nylas-view-email] Hoisting link: ${e.getAttribute("href")}`);if(e.getAttribute("rel")==="stylesheet"&&e.getAttribute("href")){const t=e.getAttribute("href");if(t){const e=new URL(t,window.location.href);if(e.protocol==="https:"||e.protocol==="http:"){this.hoistedFontURLs.set(e.href,e.href)}}}}));this.htmlElement.querySelectorAll("style").forEach((e=>{e.innerHTML.split("\n").forEach((e=>{const t=e.match(/@import url\((.*)\)/);if(t){const e=new URL(t[1],window.location.href);if(e.protocol==="https:"||e.protocol==="http:"){this.hoistedFontURLs.set(e.href,e.href)}}}));e.innerHTML=e.innerHTML.replace("body",":host");this.styles.push(e);e.remove()}));this.htmlElement.querySelectorAll("a").forEach((e=>{e.setAttribute("target","_blank")}));const n=this.htmlElement.querySelector(".gmail_quote");if(n){const e=document.createElement("button");e.classList.add("nylas-view-email-toggle-button");e.setAttribute("aria-label","Show quoted text");e.innerText="...";n.parentElement?.insertBefore(e,n)}this.sanitizedBody=P.sanitize(this.htmlElement.innerHTML);this.hoistedFontURLs.forEach(((e,t)=>{const n=document.createElement("link");n.setAttribute("rel","stylesheet");n.setAttribute("href",e);n.classList.add("nylas-view-email-font");document.head.appendChild(n)}));this.state="ready"};this.handleMobileSize=()=>{const e=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0);if(e<=768){const t=this.viewEmailElement?.getBoundingClientRect();if(t&&this.viewEmailElement&&this.parent){if(t.width>e){const e=this.parent;const n=e?.getBoundingClientRect();s("Parent width:",n?.width,"Parent height:",n?.height);s("Parent client width:",e.clientWidth,"Parent client height:",e.clientHeight);const o=n.width/t.width;const i=n.height/t.height;const r=Math.min(o,i);s("Scale:",r);this.viewEmailElement.style.setProperty("transform",`scale(${r})`);this.viewEmailElement.style.setProperty("transform-origin",`top left`);this.viewEmailElement.style.setProperty("height",`${t.height*r}px`)}}}else{this.viewEmailElement?.style.removeProperty("transform");this.viewEmailElement?.style.removeProperty("transform-origin");this.viewEmailElement?.style.removeProperty("height")}};this.message=undefined;this.parent=undefined;this.attachments=[];this.detectDarkMode=true;this.state="loading";this.sanitizedBody="";this.styles=[];this.viewEmailElement=undefined;this.hoistedFontURLs=new Map}connectedCallback(){}disconnectedCallback(){s(`[nylas-view-email] Component disconnected`);this.state="loading";this.styles=[];this.hoistedFontURLs=new Map;this.sanitizedBody="";document.querySelectorAll(".nylas-view-email-font").forEach((e=>{e.remove()}))}async componentWillLoad(){s(`[nylas-view-email] component loaded`);this.setBody(this.message?.body??"")}async componentDidLoad(){s(`[nylas-view-thread] Component did load`);this.handleMobileSize()}async messageChanged(){s(`[nylas-view-thread] Message changed`,{message:this.message});this.setBody(this.message?.body??"")}handleScroll(){this.handleMobileSize()}viewEmailElementChanged(){const e=this.viewEmailElement?.querySelectorAll(".nylas-view-email-toggle-button");if(e){e.forEach((e=>{e.addEventListener("click",(()=>{const e=this.viewEmailElement?.querySelector(".gmail_quote");if(e){e.classList.toggle("show")}}))}))}}render(){console.debug(`[nylas-view-email] render`,{hoistedFontURLs:this.hoistedFontURLs});return t(o,{key:"470613192c1100e87c5ed1966cef4d8080e7f9be"},this.state==="loading"&&t("div",null,"Loading..."),this.state==="ready"&&t(r,null,this.styles.map((e=>t("style",null,P.sanitize(e.innerHTML)))),t("div",{class:"view-email",part:"view-email",innerHTML:this.sanitizedBody,ref:e=>this.viewEmailElement=e})))}get host(){return i(this)}static get watchers(){return{message:["messageChanged"],viewEmailElement:["viewEmailElementChanged"]}}};$.style=O;const j=".sc-reply-all-icon-h{display:flex}";const F=j;const B=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"45f2f7c8c74f72fdc1ac303c3252f1723a206fc3",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"fd6e0c159f4e2f54b5119a4364ebf0713d15225f",d:"m1030.975 188 81.249 81.249-429.228 429.228h300.747c516.223 0 936.257 420.034 936.257 936.257v98.028h-114.92v-98.028c0-452.901-368.436-821.337-821.337-821.337H682.996l429.228 429.229-81.25 81.248-567.936-567.937L1030.975 188Zm-463.038.011 81.249 81.25-486.688 486.688 486.688 486.688-81.249 81.249L0 755.949 567.937 188.01Z","fill-rule":"evenodd"}))}};B.style=F;const N=".sc-reply-icon-h{display:flex}";const q=N;const U=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"1d33ab70ef50cccc340b13ccab191e5e948a882c",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"81633cdd7d8d9da318492a2bb766286f095d1991",d:"M835.942 632.563H244.966l478.08-478.08-90.496-90.496L-.026 696.563 632.55 1329.14l90.496-90.496-478.08-478.08h590.976c504.448 0 914.816 410.368 914.816 914.816v109.184h128V1675.38c0-574.976-467.84-1042.816-1042.816-1042.816","fill-rule":"evenodd"}))}};U.style=q;export{h as forward_icon,b as nylas_composer,T as nylas_summarize_message_button,$ as nylas_view_email,B as reply_all_icon,U as reply_icon};
+//# sourceMappingURL=p-6e50d2fd.entry.js.map

package/dist/nylas-web-elements/p-6e8b7ce8.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e}from"./p-68c2fadf.js";const c=".sc-calendar-cancel-icon-h{display:flex}";const s=c;const t=class{constructor(e){a(this,e);this.width="20";this.height="20"}render(){return e("svg",{key:"005e4f2e57922be6890baf61f92f7fedb40e6457",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"31f4eb0a596959825e060b3e60ab275f42ce8162",d:"M14.5 9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-2.476 3.024a.5.5 0 0 0 0 .707l1.769 1.77-1.767 1.766a.5.5 0 1 0 .707.708l1.767-1.767 1.77 1.769a.5.5 0 1 0 .707-.707L15.208 14.5l1.771-1.77a.5.5 0 0 0-.707-.707l-1.771 1.77-1.77-1.77a.5.5 0 0 0-.707 0ZM14.75 0A3.25 3.25 0 0 1 18 3.25l.001 5.773a6.47 6.47 0 0 0-1.5-.71L16.5 5.5h-15v9.25c0 .966.784 1.75 1.75 1.75h5.064a6.47 6.47 0 0 0 .709 1.501L3.25 18A3.25 3.25 0 0 1 0 14.75V3.25A3.25 3.25 0 0 1 3.25 0h11.5Zm0 1.5H3.25A1.75 1.75 0 0 0 1.5 3.25V4h15v-.75a1.75 1.75 0 0 0-1.75-1.75Z",fill:"currentColor"}))}};t.style=s;export{t as calendar_cancel_icon};
+//# sourceMappingURL=p-6e8b7ce8.entry.js.map

package/dist/nylas-web-elements/p-7042eb03.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as n}from"./p-68c2fadf.js";import{R as s}from"./p-795b324a.js";import{a as i}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const a=":host{display:block}div{height:inherit}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fade-in{animation:fadeIn 1.5s}.fade-out{animation:fadeOut 1.5s}@keyframes slideIn{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}100%{transform:translateY(100%)}}.slide-in{animation:slideIn 1.5s}.slide-out{animation:slideOut 1.5s}@keyframes swipeIn{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes swipeOut{0%{transform:translateX(0)}100%{transform:translateX(100%)}}.swipe-in{animation:swipeIn 1.5s}.swipe-out{animation:swipeOut 1.5s}";const o=a;var r=undefined&&undefined.__decorate||function(e,t,n,s){var i=arguments.length,a=i<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,n,s);else for(var r=e.length-1;r>=0;r--)if(o=e[r])a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a;return i>3&&a&&Object.defineProperty(t,n,a),a};var f=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const d=class{constructor(t){e(this,t);this.state=undefined;this.isStateSet=undefined;this.isBoolean=undefined;this.getStore=undefined;this.transition="none";this.show=false;this.classes={};this.initTransition=this.initTransition.bind(this)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){i(`[nylas-if-state] Component will load`);this.watchStore(true)}async componentDidLoad(){i(`[nylas-if-state] Component did load`)}shouldRender(){const[e,t]=this.state?this.state.split("."):["",""];const n=this.getStore;if(typeof n==="undefined"){i(`[nylas-if-state] Store name: ${e} | State name: ${t}`,{getStore:n});return false}const s=n(e);if(typeof s==="undefined"){i(`[nylas-if-state] Store name: ${e} | State name: ${t}`,{store:s});return false}const a=s.state[t];if(typeof this.isStateSet==="boolean"){return this.isStateSet===false&&(typeof a==="undefined"||a===null||a.length===0)||this.isStateSet===true&&typeof a!=="undefined"&&a!==null}if(typeof this.isBoolean==="boolean"){return this.isBoolean===true&&typeof a!=="undefined"&&a===true||this.isBoolean===false&&typeof a!=="undefined"&&a===false}return false}onGetStoreChange(){this.watchStore(true)}watchStore(e=false){const[t,n]=this.state?this.state.split("."):["",""];const s=this.getStore;if(typeof s==="undefined"){i(`[nylas-if-state] Store name: ${t} | State name: ${n}`,{getStore:s});return null}const a=s(t);if(typeof a==="undefined"){i(`[nylas-if-state] Store name: ${t} | State name: ${n}`,{store:a});return null}if(e===true){this.initTransition()}a.onChange(n,this.initTransition)}initTransition(){const e=this.shouldRender();switch(this.transition){case"fade":case"slide":case"swipe":this.classes={[`${this.transition}-in`]:e,[`${this.transition}-out`]:!e};setTimeout((()=>{this.show=e}),150);break;default:this.show=this.shouldRender();break}}render(){return t(n,{key:"edfe02f24feb8384867ab456155cf8ca8218f332"},t("div",{key:"6ccf0a0ad40a7e218f28b23505b379616b670903",class:this.classes},this.show&&t("slot",null)))}static get watchers(){return{getStore:["onGetStoreChange"]}}};r([s({name:"nylas-if-state",getStoresToProp:"getStore",fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=o;export{d as nylas_if_state};
+//# sourceMappingURL=p-7042eb03.entry.js.map

package/dist/nylas-web-elements/{p-958746a1.entry.js.map → p-7042eb03.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nylasIfStateCss","NylasIfStateStyle0","NylasIfState","constructor","hostRef","this","initTransition","bind","connectedCallback","disconnectedCallback","componentWillLoad","debug","watchStore","componentDidLoad","shouldRender","storeName","stateName","state","split","getStore","store","isStateSet","length","isBoolean","onGetStoreChange","immediate","onChange","show","transition","classes","setTimeout","render","h","Host","key","class","__decorate","RegisterComponent","name","getStoresToProp","fireRegisterEvent"],"sources":["src/components/nylas-if-state/nylas-if-state.css?tag=nylas-if-state&encapsulation=shadow","src/components/nylas-if-state/nylas-if-state.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\ndiv {\n  height: inherit;\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n.fade-in {\n  animation: fadeIn 1.5s;\n}\n\n.fade-out {\n  animation: fadeOut 1.5s;\n}\n\n@keyframes slideIn {\n  0% {\n    transform: translateY(100%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideOut {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n\n.slide-in {\n  animation: slideIn 1.5s;\n}\n\n.slide-out {\n  animation: slideOut 1.5s;\n}\n\n@keyframes swipeIn {\n  0% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n\n@keyframes swipeOut {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n.swipe-in {\n  animation: swipeIn 1.5s;\n}\n\n.swipe-out {\n  animation: swipeOut 1.5s;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { debug } from '@/utils/utils';\nimport { Component, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { ObservableMap } from '@stencil/store';\n\nexport type Stores = Record<string, ObservableMap<any>>;\n\nexport type Transitions = 'none' | 'fade' | 'slide' | 'swipe';\n\n@Component({\n  tag: 'nylas-if-state',\n  styleUrl: 'nylas-if-state.css',\n  shadow: true,\n})\nexport class NylasIfState {\n  /**\n   * The name of the state to watch.\n   */\n  @Prop() readonly state?: string;\n  /**\n   * If true, then the component will render if the state is set (empty or not set).\n   * This prop is used with the `state` prop.\n   */\n  @Prop() readonly isStateSet?: boolean;\n  /**\n   * If true, then the component will render if the state is true.\n   * This prop is used with the `state` prop.\n   */\n  @Prop() readonly isBoolean?: boolean;\n  @Prop() readonly getStore?: <K extends keyof Stores>(name: K) => Stores[K];\n  @Prop() readonly transition: Transitions = 'none';\n\n  @State() show: boolean = false;\n  @State() classes: Record<string, boolean> = {};\n\n  constructor() {\n    this.initTransition = this.initTransition.bind(this);\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-if-state] Component will load`);\n    this.watchStore(true);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-if-state] Component did load`);\n  }\n\n  private shouldRender() {\n    // If a period exists in the state name, then we need to split the state name into the store name and the state name.\n    // For example, if the state name is `nylas.scheduler.selectableDates`, then the store name is `nylas` and the state name is `scheduler.selectableDates`.\n    const [storeName, stateName] = this.state ? this.state.split('.') : ['', ''];\n    const getStore = this.getStore;\n    if (typeof getStore === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { getStore });\n      return false;\n    }\n\n    const store = getStore(storeName as keyof Stores);\n    if (typeof store === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { store });\n      return false;\n    }\n\n    const state = store.state[stateName as string];\n\n    if (typeof this.isStateSet === 'boolean') {\n      return (\n        (this.isStateSet === false && (typeof state === 'undefined' || state === null || state.length === 0)) ||\n        (this.isStateSet === true && typeof state !== 'undefined' && state !== null)\n      );\n    }\n\n    if (typeof this.isBoolean === 'boolean') {\n      return (this.isBoolean === true && typeof state !== 'undefined' && state === true) || (this.isBoolean === false && typeof state !== 'undefined' && state === false);\n    }\n\n    return false;\n  }\n\n  @Watch('getStore')\n  onGetStoreChange() {\n    this.watchStore(true);\n  }\n\n  private watchStore(immediate: boolean = false) {\n    // If a period exists in the state name, then we need to split the state name into the store name and the state name.\n    // For example, if the state name is `nylas.scheduler.selectableDates`, then the store name is `nylas` and the state name is `scheduler.selectableDates`.\n    const [storeName, stateName] = this.state ? this.state.split('.') : ['', ''];\n    const getStore = this.getStore;\n    if (typeof getStore === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { getStore });\n      return null;\n    }\n\n    const store = getStore(storeName as keyof Stores);\n    if (typeof store === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { store });\n      return null;\n    }\n\n    if (immediate === true) {\n      this.initTransition();\n    }\n\n    store.onChange(stateName as string, this.initTransition);\n  }\n\n  private initTransition() {\n    const show = this.shouldRender();\n    switch (this.transition) {\n      case 'fade':\n      case 'slide':\n      case 'swipe':\n        this.classes = {\n          [`${this.transition}-in`]: show,\n          [`${this.transition}-out`]: !show,\n        };\n        setTimeout(() => {\n          this.show = show;\n        }, 150);\n        break;\n      default:\n        this.show = this.shouldRender();\n        break;\n    }\n  }\n\n  @RegisterComponent({\n    name: 'nylas-if-state',\n    getStoresToProp: 'getStore',\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class={this.classes}>{this.show && <slot></slot>}</div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qKAAA,MAAMA,EAAkB,+oBACxB,MAAAC,EAAeD,E,ugBCaFE,EAAY,MAqBvB,WAAAC,CAAAC,G,0HAL2C,O,UAElB,M,aACmB,GAG1CC,KAAKC,eAAiBD,KAAKC,eAAeC,KAAKF,K,CAGjD,iBAAAG,GAAiB,CAEjB,oBAAAC,GAAoB,CAEpB,uBAAMC,GACJC,EAAM,wCACNN,KAAKO,WAAW,K,CAGlB,sBAAMC,GACJF,EAAM,sC,CAGA,YAAAG,GAGN,MAAOC,EAAWC,GAAaX,KAAKY,MAAQZ,KAAKY,MAAMC,MAAM,KAAO,CAAC,GAAI,IACzE,MAAMC,EAAWd,KAAKc,SACtB,UAAWA,IAAa,YAAa,CACnCR,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEG,aAChF,OAAO,K,CAGT,MAAMC,EAAQD,EAASJ,GACvB,UAAWK,IAAU,YAAa,CAChCT,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEI,UAChF,OAAO,K,CAGT,MAAMH,EAAQG,EAAMH,MAAMD,GAE1B,UAAWX,KAAKgB,aAAe,UAAW,CACxC,OACGhB,KAAKgB,aAAe,eAAiBJ,IAAU,aAAeA,IAAU,MAAQA,EAAMK,SAAW,IACjGjB,KAAKgB,aAAe,aAAeJ,IAAU,aAAeA,IAAU,I,CAI3E,UAAWZ,KAAKkB,YAAc,UAAW,CACvC,OAAQlB,KAAKkB,YAAc,aAAeN,IAAU,aAAeA,IAAU,MAAUZ,KAAKkB,YAAc,cAAgBN,IAAU,aAAeA,IAAU,K,CAG/J,OAAO,K,CAIT,gBAAAO,GACEnB,KAAKO,WAAW,K,CAGV,UAAAA,CAAWa,EAAqB,OAGtC,MAAOV,EAAWC,GAAaX,KAAKY,MAAQZ,KAAKY,MAAMC,MAAM,KAAO,CAAC,GAAI,IACzE,MAAMC,EAAWd,KAAKc,SACtB,UAAWA,IAAa,YAAa,CACnCR,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEG,aAChF,OAAO,I,CAGT,MAAMC,EAAQD,EAASJ,GACvB,UAAWK,IAAU,YAAa,CAChCT,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEI,UAChF,OAAO,I,CAGT,GAAIK,IAAc,KAAM,CACtBpB,KAAKC,gB,CAGPc,EAAMM,SAASV,EAAqBX,KAAKC,e,CAGnC,cAAAA,GACN,MAAMqB,EAAOtB,KAAKS,eAClB,OAAQT,KAAKuB,YACX,IAAK,OACL,IAAK,QACL,IAAK,QACHvB,KAAKwB,QAAU,CACb,CAAC,GAAGxB,KAAKuB,iBAAkBD,EAC3B,CAAC,GAAGtB,KAAKuB,mBAAoBD,GAE/BG,YAAW,KACTzB,KAAKsB,KAAOA,CAAI,GACf,KACH,MACF,QACEtB,KAAKsB,KAAOtB,KAAKS,eACjB,M,CASN,MAAAiB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO9B,KAAKwB,SAAUxB,KAAKsB,MAAQK,EAAA,c,+DAH9CI,EAAA,CALCC,EAAkB,CACjBC,KAAM,iBACNC,gBAAiB,WACjBC,kBAAmB,O"}
+{"version":3,"names":["nylasIfStateCss","NylasIfStateStyle0","NylasIfState","constructor","hostRef","this","initTransition","bind","connectedCallback","disconnectedCallback","componentWillLoad","debug","watchStore","componentDidLoad","shouldRender","storeName","stateName","state","split","getStore","store","isStateSet","length","isBoolean","onGetStoreChange","immediate","onChange","show","transition","classes","setTimeout","render","h","Host","key","class","__decorate","RegisterComponent","name","getStoresToProp","fireRegisterEvent"],"sources":["src/components/nylas-if-state/nylas-if-state.css?tag=nylas-if-state&encapsulation=shadow","src/components/nylas-if-state/nylas-if-state.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\ndiv {\n  height: inherit;\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n.fade-in {\n  animation: fadeIn 1.5s;\n}\n\n.fade-out {\n  animation: fadeOut 1.5s;\n}\n\n@keyframes slideIn {\n  0% {\n    transform: translateY(100%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideOut {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n\n.slide-in {\n  animation: slideIn 1.5s;\n}\n\n.slide-out {\n  animation: slideOut 1.5s;\n}\n\n@keyframes swipeIn {\n  0% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n\n@keyframes swipeOut {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n.swipe-in {\n  animation: swipeIn 1.5s;\n}\n\n.swipe-out {\n  animation: swipeOut 1.5s;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { debug } from '@/utils/utils';\nimport { Component, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { ObservableMap } from '@stencil/store';\n\nexport type Stores = Record<string, ObservableMap<any>>;\n\nexport type Transitions = 'none' | 'fade' | 'slide' | 'swipe';\n\n@Component({\n  tag: 'nylas-if-state',\n  styleUrl: 'nylas-if-state.css',\n  shadow: true,\n})\nexport class NylasIfState {\n  /**\n   * The name of the state to watch.\n   */\n  @Prop() readonly state?: string;\n  /**\n   * If true, then the component will render if the state is set (empty or not set).\n   * This prop is used with the `state` prop.\n   */\n  @Prop() readonly isStateSet?: boolean;\n  /**\n   * If true, then the component will render if the state is true.\n   * This prop is used with the `state` prop.\n   */\n  @Prop() readonly isBoolean?: boolean;\n  @Prop() readonly getStore?: <K extends keyof Stores>(name: K) => Stores[K];\n  @Prop() readonly transition: Transitions = 'none';\n\n  @State() show: boolean = false;\n  @State() classes: Record<string, boolean> = {};\n\n  constructor() {\n    this.initTransition = this.initTransition.bind(this);\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-if-state] Component will load`);\n    this.watchStore(true);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-if-state] Component did load`);\n  }\n\n  private shouldRender() {\n    // If a period exists in the state name, then we need to split the state name into the store name and the state name.\n    // For example, if the state name is `nylas.scheduler.selectableDates`, then the store name is `nylas` and the state name is `scheduler.selectableDates`.\n    const [storeName, stateName] = this.state ? this.state.split('.') : ['', ''];\n    const getStore = this.getStore;\n    if (typeof getStore === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { getStore });\n      return false;\n    }\n\n    const store = getStore(storeName as keyof Stores);\n    if (typeof store === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { store });\n      return false;\n    }\n\n    const state = store.state[stateName as string];\n\n    if (typeof this.isStateSet === 'boolean') {\n      return (\n        (this.isStateSet === false && (typeof state === 'undefined' || state === null || state.length === 0)) ||\n        (this.isStateSet === true && typeof state !== 'undefined' && state !== null)\n      );\n    }\n\n    if (typeof this.isBoolean === 'boolean') {\n      return (this.isBoolean === true && typeof state !== 'undefined' && state === true) || (this.isBoolean === false && typeof state !== 'undefined' && state === false);\n    }\n\n    return false;\n  }\n\n  @Watch('getStore')\n  onGetStoreChange() {\n    this.watchStore(true);\n  }\n\n  private watchStore(immediate: boolean = false) {\n    // If a period exists in the state name, then we need to split the state name into the store name and the state name.\n    // For example, if the state name is `nylas.scheduler.selectableDates`, then the store name is `nylas` and the state name is `scheduler.selectableDates`.\n    const [storeName, stateName] = this.state ? this.state.split('.') : ['', ''];\n    const getStore = this.getStore;\n    if (typeof getStore === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { getStore });\n      return null;\n    }\n\n    const store = getStore(storeName as keyof Stores);\n    if (typeof store === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { store });\n      return null;\n    }\n\n    if (immediate === true) {\n      this.initTransition();\n    }\n\n    store.onChange(stateName as string, this.initTransition);\n  }\n\n  private initTransition() {\n    const show = this.shouldRender();\n    switch (this.transition) {\n      case 'fade':\n      case 'slide':\n      case 'swipe':\n        this.classes = {\n          [`${this.transition}-in`]: show,\n          [`${this.transition}-out`]: !show,\n        };\n        setTimeout(() => {\n          this.show = show;\n        }, 150);\n        break;\n      default:\n        this.show = this.shouldRender();\n        break;\n    }\n  }\n\n  @RegisterComponent({\n    name: 'nylas-if-state',\n    getStoresToProp: 'getStore',\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class={this.classes}>{this.show && <slot></slot>}</div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0KAAA,MAAMA,EAAkB,+oBACxB,MAAAC,EAAeD,E,ugBCaFE,EAAY,MAqBvB,WAAAC,CAAAC,G,0HAL2C,O,UAElB,M,aACmB,GAG1CC,KAAKC,eAAiBD,KAAKC,eAAeC,KAAKF,K,CAGjD,iBAAAG,GAAiB,CAEjB,oBAAAC,GAAoB,CAEpB,uBAAMC,GACJC,EAAM,wCACNN,KAAKO,WAAW,K,CAGlB,sBAAMC,GACJF,EAAM,sC,CAGA,YAAAG,GAGN,MAAOC,EAAWC,GAAaX,KAAKY,MAAQZ,KAAKY,MAAMC,MAAM,KAAO,CAAC,GAAI,IACzE,MAAMC,EAAWd,KAAKc,SACtB,UAAWA,IAAa,YAAa,CACnCR,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEG,aAChF,OAAO,K,CAGT,MAAMC,EAAQD,EAASJ,GACvB,UAAWK,IAAU,YAAa,CAChCT,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEI,UAChF,OAAO,K,CAGT,MAAMH,EAAQG,EAAMH,MAAMD,GAE1B,UAAWX,KAAKgB,aAAe,UAAW,CACxC,OACGhB,KAAKgB,aAAe,eAAiBJ,IAAU,aAAeA,IAAU,MAAQA,EAAMK,SAAW,IACjGjB,KAAKgB,aAAe,aAAeJ,IAAU,aAAeA,IAAU,I,CAI3E,UAAWZ,KAAKkB,YAAc,UAAW,CACvC,OAAQlB,KAAKkB,YAAc,aAAeN,IAAU,aAAeA,IAAU,MAAUZ,KAAKkB,YAAc,cAAgBN,IAAU,aAAeA,IAAU,K,CAG/J,OAAO,K,CAIT,gBAAAO,GACEnB,KAAKO,WAAW,K,CAGV,UAAAA,CAAWa,EAAqB,OAGtC,MAAOV,EAAWC,GAAaX,KAAKY,MAAQZ,KAAKY,MAAMC,MAAM,KAAO,CAAC,GAAI,IACzE,MAAMC,EAAWd,KAAKc,SACtB,UAAWA,IAAa,YAAa,CACnCR,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEG,aAChF,OAAO,I,CAGT,MAAMC,EAAQD,EAASJ,GACvB,UAAWK,IAAU,YAAa,CAChCT,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEI,UAChF,OAAO,I,CAGT,GAAIK,IAAc,KAAM,CACtBpB,KAAKC,gB,CAGPc,EAAMM,SAASV,EAAqBX,KAAKC,e,CAGnC,cAAAA,GACN,MAAMqB,EAAOtB,KAAKS,eAClB,OAAQT,KAAKuB,YACX,IAAK,OACL,IAAK,QACL,IAAK,QACHvB,KAAKwB,QAAU,CACb,CAAC,GAAGxB,KAAKuB,iBAAkBD,EAC3B,CAAC,GAAGtB,KAAKuB,mBAAoBD,GAE/BG,YAAW,KACTzB,KAAKsB,KAAOA,CAAI,GACf,KACH,MACF,QACEtB,KAAKsB,KAAOtB,KAAKS,eACjB,M,CASN,MAAAiB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO9B,KAAKwB,SAAUxB,KAAKsB,MAAQK,EAAA,c,+DAH9CI,EAAA,CALCC,EAAkB,CACjBC,KAAM,iBACNC,gBAAiB,WACjBC,kBAAmB,O"}

package/dist/nylas-web-elements/{p-b9fa6848.entry.js → p-7355937b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,a as s}from"./p-68c2fadf.js";import{a as o}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const r=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x);width:50px;padding:14px 16px;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}';const n=r;const d=class{constructor(i){e(this,i);this.inputOptionChanged=t(this,"inputOptionChanged",7);this.name=undefined;this.options=[];this.defaultInputOption=undefined;this.inputValue=undefined;this.pluralizedLabel="";this.filterable=false;this.selectedOption=this.defaultInputOption||null;this.isOpen=false;this.filteredOptions=[...this.options];this.ariaActivedescendant="";this.shouldAutoScroll=false}optionsChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(e)}defaultSelectedOptionChangedHandler(e,t){if(e.label===t.label){return}this.selectedOption=e}inputValueChangedHandler(e,t){if(e===t){return}this.inputValue=e;this.filteredOptions=this.getFilteredOptions(this.options)}componentWillLoad(){this.filteredOptions=this.getFilteredOptions(this.options);if(!this.selectedOption&&!!this.defaultInputOption){this.selectedOption=this.defaultInputOption}if(!this.selectedOption&&this.options.length>0){this.selectedOption=this.options[0]}}getFilteredOptions(e){if(!this.filterable){return e}return e.filter((e=>e?.value?.toString().toLowerCase().includes(this.inputValue?.toLowerCase())||e?.label?.toLowerCase().includes(this.inputValue?.toLowerCase())))}toggleDropdown(){this.isOpen=!this.isOpen}selectOption(e){this.selectedOption=e;this.toggleDropdown();this.inputOptionChanged.emit({value:e.value,name:this.name})}handleOnInput(e){const t=e.target.value;const i=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(i>-1){this.scrollToViewWithinParent(i)}this.inputOptionChanged.emit({value:t,name:this.name})}scrollToViewWithinParent(e){const t=this.options[e];const i=this.el.shadowRoot?.getElementById(t.value.toString());const s=this.optionsRef;this.ariaActivedescendant=t.value.toString();if(!i||!s)return;const o=i.getBoundingClientRect();const r=s.getBoundingClientRect();if(o.top<r.top){s.scrollTop-=r.top-o.top}else if(o.bottom>r.bottom){s.scrollTop+=o.bottom-r.bottom}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}this.inputRef?.focus();break;case"Escape":this.isOpen=false;break}}handleClick(e){if(this.isOpen){const t=e.target.value;const i=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(i>-1){setTimeout((()=>{this.scrollToViewWithinParent(i)}),10)}}}handleListboxKeydown(e){const t=this.filteredOptions;const i=t.findIndex((e=>e.value===this.ariaActivedescendant));if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){e.preventDefault();if(i===t.length-1){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=i+1<t.length?i+1:0;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();if(i===0){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=i-1>=0?i-1:t.length-1;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="Enter"){e.preventDefault();if(this.ariaActivedescendant){this.selectOption(t[i])}}else if(e.key==="Escape"){this.isOpen=false}}focusOption(e){const t=this.filteredOptions[e];if(!t)return;const i=t.value;const s=this.el.shadowRoot?.getElementById(i);if(s){s.focus();s.scrollIntoView({behavior:"smooth",block:"nearest"})}}handleComboboxKeyDown(e){if(e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey){e.preventDefault();if(!this.isOpen){this.isOpen=true;this.shouldAutoScroll=true;return}this.ariaActivedescendant=this.filteredOptions[0].value;this.focusOption(0)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value;this.focusOption(this.filteredOptions.length-1)}else if(e.key==="Escape"){this.isOpen=false}}handleOutsideClick(e){const t=e.composedPath();const i=t.includes(this.el);if(!i&&this.isOpen){this.isOpen=false}}render(){return i("div",{key:"77eacb574a786c77949fc1cdf6475a7c1537ef63",class:"dropdown",part:"id_dropdown"},i("input",{key:"5ec6d18c97d8f056f0228c267c9772141bfb034b",type:"text",name:this.name,id:this.name,part:"id_dropdown-input",class:{dropbtn:true,open:this.isOpen},value:this.inputValue,onClick:e=>{this.toggleDropdown();this.shouldAutoScroll=true;this.handleClick(e)},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.isOpen?"true":"false",onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e)}),this.isOpen?i("div",{class:"dropdown-content",part:"id_dropdown-content",ref:e=>this.optionsRef=e},i("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.filteredOptions.map((e=>i("li",{tabindex:"0",key:e.value,id:e.value,onClick:()=>this.selectOption(e),role:"option",class:{focused:this.ariaActivedescendant===e.value.toString()}},e.labelHTML?e.labelHTML:e.label))))):null)}get el(){return s(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultInputOption:["defaultSelectedOptionChangedHandler"],inputValue:["inputValueChangedHandler"]}}};d.style=n;const a=".time-period-selector.sc-time-period-selector{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector,.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector{width:116px}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{width:84px;display:flex;align-items:center}.time-period-selector.sc-time-period-selector select-dropdown#time-period.sc-time-period-selector::part(sd_dropdown-button){width:100%}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector input-dropdown#time-number.sc-time-period-selector::part(id_dropdown-input){border:none;border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input){padding:17px;gap:1rem}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-content){width:100%;max-height:200px}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown){width:inherit}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-button){padding:1rem;gap:1rem;justify-content:space-between}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-content){width:100%;max-height:200px}";const p=a;const l={hours:"hour",days:"day",weeks:"week",months:"month"};const c=class{constructor(i){e(this,i);this.timePeriodChanged=t(this,"timePeriodChanged",7);this.timePeriods=["hour","day","week","month"];this.defaultSelectedPeriod="hour";this.defaultSelectedNumber=1;this.selectedPeriod=this.defaultSelectedPeriod;this.selectedNumber=this.defaultSelectedNumber;this.numberOptions=this.calculateOptions(this.defaultSelectedPeriod||"hour").map((e=>({label:e.toString(),value:e.toString()})));this.timePeriodOptions=this.timePeriods.map((e=>({label:e,value:e})))}defaultSelectedPeriodChangedHandler(e){this.selectedPeriod=e;const t=l[e]??e;this.updateNumberOptionsAndSelectedNumber(t)}defaultSelectedNumberChangedHandler(e){this.selectedNumber=e}timePeriodsChangedHandler(e){this.timePeriodOptions=e.map((e=>({label:e,value:e})))}calculateOptions(e){switch(e){case"hour":return Array.from({length:23},((e,t)=>t+1));case"minute":return Array.from({length:13},((e,t)=>t*5));case"day":return Array.from({length:30},((e,t)=>t+1));case"week":return Array.from({length:4},((e,t)=>t+1));case"month":return Array.from({length:12},((e,t)=>t+1));default:return[]}}inputOptionChangedHandler(e){o("time-period-selector","inputOptionChangedHandler",e.detail);const{value:t,name:i}=e.detail;if(i==="time-number"){this.selectedNumber=parseInt(t)}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}nylasFormDropdownChangedHandler(e){o("time-period-selector","nylasFormDropdownChangedHandler",e.detail);const{value:t,name:i}=e.detail;if(i==="time-period"){this.selectedPeriod=t;this.updateNumberOptionsAndSelectedNumber(t)}else if(i==="time-number"){this.selectedNumber=parseInt(t)}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}updateNumberOptionsAndSelectedNumber(e){const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})));this.selectedNumber=parseInt(this.numberOptions[0].value)}render(){return i("div",{key:"d7a24d8735a78404e07166422d52118cb6ecc081",class:"time-period-selector"},i("input-dropdown",{key:"a316ec24671771166e63b1e20b860153bbb22ca8",id:"time-number",name:"time-number",inputValue:this.selectedNumber.toString(),exportparts:"sd_dropdown: tps__number-dropdown, sd_dropdown-button: tps__number-dropdown-button, sd_dropdown-content: tps__number-dropdown-content",options:this.numberOptions,defaultInputOption:this.numberOptions.find((e=>e.value==this.selectedNumber.toString()))??this.numberOptions[0]}),i("select-dropdown",{key:"d72e011685a3123e5f403b8f6cb8a40e3d6daa92",id:"time-period",name:"time-period",options:this.timePeriodOptions,exportparts:"sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content",pluralizedLabel:this.selectedNumber>1?"s":"",defaultSelectedOption:this.timePeriodOptions.find((e=>e.value==this.selectedPeriod))??this.timePeriodOptions[0],withSearch:false}))}get host(){return s(this)}static get watchers(){return{defaultSelectedPeriod:["defaultSelectedPeriodChangedHandler"],defaultSelectedNumber:["defaultSelectedNumberChangedHandler"],timePeriods:["timePeriodsChangedHandler"]}}};c.style=p;export{d as input_dropdown,c as time_period_selector};
-//# sourceMappingURL=p-b9fa6848.entry.js.map
+import{r as e,c as t,h as i,a as s}from"./p-68c2fadf.js";import{a as o}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const r=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x);width:50px;padding:14px 16px;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}';const n=r;const d=class{constructor(i){e(this,i);this.inputOptionChanged=t(this,"inputOptionChanged",7);this.name=undefined;this.options=[];this.defaultInputOption=undefined;this.inputValue=undefined;this.pluralizedLabel="";this.filterable=false;this.selectedOption=this.defaultInputOption||null;this.isOpen=false;this.filteredOptions=[...this.options];this.ariaActivedescendant="";this.shouldAutoScroll=false}optionsChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(e)}defaultSelectedOptionChangedHandler(e,t){if(e.label===t.label){return}this.selectedOption=e}inputValueChangedHandler(e,t){if(e===t){return}this.inputValue=e;this.filteredOptions=this.getFilteredOptions(this.options)}componentWillLoad(){this.filteredOptions=this.getFilteredOptions(this.options);if(!this.selectedOption&&!!this.defaultInputOption){this.selectedOption=this.defaultInputOption}if(!this.selectedOption&&this.options.length>0){this.selectedOption=this.options[0]}}getFilteredOptions(e){if(!this.filterable){return e}return e.filter((e=>e?.value?.toString().toLowerCase().includes(this.inputValue?.toLowerCase())||e?.label?.toLowerCase().includes(this.inputValue?.toLowerCase())))}toggleDropdown(){this.isOpen=!this.isOpen}selectOption(e){this.selectedOption=e;this.toggleDropdown();this.inputOptionChanged.emit({value:e.value,name:this.name})}handleOnInput(e){const t=e.target.value;const i=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(i>-1){this.scrollToViewWithinParent(i)}this.inputOptionChanged.emit({value:t,name:this.name})}scrollToViewWithinParent(e){const t=this.options[e];const i=this.el.shadowRoot?.getElementById(t.value.toString());const s=this.optionsRef;this.ariaActivedescendant=t.value.toString();if(!i||!s)return;const o=i.getBoundingClientRect();const r=s.getBoundingClientRect();if(o.top<r.top){s.scrollTop-=r.top-o.top}else if(o.bottom>r.bottom){s.scrollTop+=o.bottom-r.bottom}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}this.inputRef?.focus();break;case"Escape":this.isOpen=false;break}}handleClick(e){if(this.isOpen){const t=e.target.value;const i=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(i>-1){setTimeout((()=>{this.scrollToViewWithinParent(i)}),10)}}}handleListboxKeydown(e){const t=this.filteredOptions;const i=t.findIndex((e=>e.value===this.ariaActivedescendant));if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){e.preventDefault();if(i===t.length-1){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=i+1<t.length?i+1:0;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();if(i===0){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=i-1>=0?i-1:t.length-1;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="Enter"){e.preventDefault();if(this.ariaActivedescendant){this.selectOption(t[i])}}else if(e.key==="Escape"){this.isOpen=false}}focusOption(e){const t=this.filteredOptions[e];if(!t)return;const i=t.value;const s=this.el.shadowRoot?.getElementById(i);if(s){s.focus();s.scrollIntoView({behavior:"smooth",block:"nearest"})}}handleComboboxKeyDown(e){if(e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey){e.preventDefault();if(!this.isOpen){this.isOpen=true;this.shouldAutoScroll=true;return}this.ariaActivedescendant=this.filteredOptions[0].value;this.focusOption(0)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value;this.focusOption(this.filteredOptions.length-1)}else if(e.key==="Escape"){this.isOpen=false}}handleOutsideClick(e){const t=e.composedPath();const i=t.includes(this.el);if(!i&&this.isOpen){this.isOpen=false}}render(){return i("div",{key:"71bee73a2e4388f5fc0e307bde1ebeb361df8994",class:"dropdown",part:"id_dropdown"},i("input",{key:"9a6c5a75c45d9e7171a31093096a0819b9325bd8",type:"text",name:this.name,id:this.name,part:"id_dropdown-input",class:{dropbtn:true,open:this.isOpen},value:this.inputValue,onClick:e=>{this.toggleDropdown();this.shouldAutoScroll=true;this.handleClick(e)},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.isOpen?"true":"false",onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e)}),this.isOpen?i("div",{class:"dropdown-content",part:"id_dropdown-content",ref:e=>this.optionsRef=e},i("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.filteredOptions.map((e=>i("li",{tabindex:"0",key:e.value,id:e.value,onClick:()=>this.selectOption(e),role:"option",class:{focused:this.ariaActivedescendant===e.value.toString()}},e.labelHTML?e.labelHTML:e.label))))):null)}get el(){return s(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultInputOption:["defaultSelectedOptionChangedHandler"],inputValue:["inputValueChangedHandler"]}}};d.style=n;const a=".time-period-selector.sc-time-period-selector{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector,.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector{width:116px}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{width:84px;display:flex;align-items:center}.time-period-selector.sc-time-period-selector select-dropdown#time-period.sc-time-period-selector::part(sd_dropdown-button){width:100%}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector input-dropdown#time-number.sc-time-period-selector::part(id_dropdown-input){border:none;border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input){padding:17px;gap:1rem}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-content){width:100%;max-height:200px}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown){width:inherit}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-button){padding:1rem;gap:1rem;justify-content:space-between}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-content){width:100%;max-height:200px}";const p=a;const l={hours:"hour",days:"day",weeks:"week",months:"month"};const c=class{constructor(i){e(this,i);this.timePeriodChanged=t(this,"timePeriodChanged",7);this.timePeriods=["hour","day","week","month"];this.defaultSelectedPeriod="hour";this.defaultSelectedNumber=1;this.selectedPeriod=this.defaultSelectedPeriod;this.selectedNumber=this.defaultSelectedNumber;this.numberOptions=this.calculateOptions(this.defaultSelectedPeriod||"hour").map((e=>({label:e.toString(),value:e.toString()})));this.timePeriodOptions=this.timePeriods.map((e=>({label:e,value:e})))}defaultSelectedPeriodChangedHandler(e){this.selectedPeriod=e;const t=l[e]??e;this.updateNumberOptionsAndSelectedNumber(t)}defaultSelectedNumberChangedHandler(e){this.selectedNumber=e}timePeriodsChangedHandler(e){this.timePeriodOptions=e.map((e=>({label:e,value:e})))}calculateOptions(e){switch(e){case"hour":return Array.from({length:23},((e,t)=>t+1));case"minute":return Array.from({length:13},((e,t)=>t*5));case"day":return Array.from({length:30},((e,t)=>t+1));case"week":return Array.from({length:4},((e,t)=>t+1));case"month":return Array.from({length:12},((e,t)=>t+1));default:return[]}}inputOptionChangedHandler(e){o("time-period-selector","inputOptionChangedHandler",e.detail);const{value:t,name:i}=e.detail;if(i==="time-number"){this.selectedNumber=parseInt(t)}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}nylasFormDropdownChangedHandler(e){o("time-period-selector","nylasFormDropdownChangedHandler",e.detail);const{value:t,name:i}=e.detail;if(i==="time-period"){this.selectedPeriod=t;this.updateNumberOptionsAndSelectedNumber(t)}else if(i==="time-number"){this.selectedNumber=parseInt(t)}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}updateNumberOptionsAndSelectedNumber(e){const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})));this.selectedNumber=parseInt(this.numberOptions[0].value)}render(){return i("div",{key:"8e20bea7ca869ee09fdebfe2fa89cc9e038532a6",class:"time-period-selector"},i("input-dropdown",{key:"2e8f44b97d1472f98ef54bc33417f8183141bee6",id:"time-number",name:"time-number",inputValue:this.selectedNumber.toString(),exportparts:"sd_dropdown: tps__number-dropdown, sd_dropdown-button: tps__number-dropdown-button, sd_dropdown-content: tps__number-dropdown-content",options:this.numberOptions,defaultInputOption:this.numberOptions.find((e=>e.value==this.selectedNumber.toString()))??this.numberOptions[0]}),i("select-dropdown",{key:"d3cc05cc9c3aa1196197a0acadc029dbc7fcfaa0",id:"time-period",name:"time-period",options:this.timePeriodOptions,exportparts:"sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content",pluralizedLabel:this.selectedNumber>1?"s":"",defaultSelectedOption:this.timePeriodOptions.find((e=>e.value==this.selectedPeriod))??this.timePeriodOptions[0],withSearch:false}))}get host(){return s(this)}static get watchers(){return{defaultSelectedPeriod:["defaultSelectedPeriodChangedHandler"],defaultSelectedNumber:["defaultSelectedNumberChangedHandler"],timePeriods:["timePeriodsChangedHandler"]}}};c.style=p;export{d as input_dropdown,c as time_period_selector};
+//# sourceMappingURL=p-7355937b.entry.js.map