@nylas/react 2.0.2 → 2.0.4

package/dist/nylas-date-component_2.entry-5d4f54fa.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-e9dc7971.cjs"),l=require("./constants-f51538ef-cd2a67c4.cjs"),h=require("./customParseFormat-8be9be1b-7ad95d87.cjs");require("react");require("react/jsx-runtime");require("react-dom");const m=':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error);border-color:var(--nylas-error)}.input_wrapper{display:flex;align-items:center;gap:1rem}input[type=date]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:100%;width:-moz-available;width:-webkit-fill-available;font-family:var(--nylas-font-family);padding:0 8px;cursor:pointer}input[type=date]:focus{outline-color:var(--nylas-primary)}input[type=date].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=date].error::placeholder{font-weight:400}input[type=date]::placeholder{color:var(--nylas-base-300)}input:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}',f=m,y={date:"YYYY-MM-DD"},d=class{constructor(t){i.registerInstance(this,t),this.nylasFormInputChanged=i.createEvent(this,"nylasFormInputChanged",7),this.nylasFormInputFocused=i.createEvent(this,"nylasFormInputFocused",7),this.nylasFormInputBlurred=i.createEvent(this,"nylasFormInputBlurred",7),this.name="input",this.defaultValue=void 0,this.label="",this.placeholder=y.date,this.required=!1,this.readOnly=!1,this.autoFocus=!1,this.pattern=void 0,this.maxLength=255,this.patternError="",this.requiredError="",this.minDate=void 0,this.hasError=!1,this.value=void 0,this.error="",this.isDateValid=!0}handleDefaultValueChange(t){this.value=i.sanitize(t),this.value&&this.validatePattern(this.value,!0)}componentDidLoad(){this.value=i.sanitize(this.defaultValue||""),this.value&&this.validatePattern(this.value,!0)}handleBookingFormSubmitted(t){this.validatePattern(this.value),this.error&&t.preventDefault()}async handleFormSubmitted(t){this.validatePattern(this.value),this.error&&t.preventDefault()}handleInput(t){this.error="";const e=t.target;this.value=i.sanitize(e.value),this.isDateValid=e.validity.valid,this.nylasFormInputChanged.emit({value:this.value,name:this.name,label:this.label,error:this.error,type:"date"})}handleBlur(){this.nylasFormInputBlurred.emit({value:this.value,name:this.name})}handleFocus(){this.nylasFormInputFocused.emit({value:this.value,name:this.name})}validatePattern(t,e=!1){if(this.error="",!e&&(this.required&&!this.isDateValid||this.minDate&&new Date(this.minDate)>new Date(t))){this.error="Please enter a valid date",this.nylasFormInputChanged.emit({value:this.value,name:this.name,label:this.label,error:this.error,type:"date"});return}if(this.required&&!t){this.error=this.requiredError||"This field is required.";return}!this.pattern||!t&&!this.required||(this.pattern.test(t)?this.error="":this.error=this.patternError||"Invalid format.")}render(){return i.h("label",{key:"5b1b9d5bd627971fab0ae9450dfffbc4b4d7c5e0",part:"ic__label",class:{error:!!this.error||this.hasError}},this.label&&i.h("p",null,i.h("span",{class:"label"},this.label),this.required&&i.h("span",{class:"required"},"*")),i.h("div",{key:"62a760f2aaf894ecd7701d2f9d7318d3ed81ddd3",part:"ic__input_wrapper",class:"input_wrapper"},i.h("input",{key:"b34364549bdb557423a5bcae0f6958c797d2e265",type:"date",name:this.name,part:"ic__date",title:this.readOnly?"read-only field":void 0,readOnly:this.readOnly,autoFocus:this.autoFocus,value:this.value,min:this.minDate,maxLength:this.maxLength,placeholder:this.placeholder,class:{error:!!this.error||this.hasError},onInput:t=>this.handleInput(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),i.h("slot",{key:"e1af09a4f2e6557b3b5b42c08d4ac54478981c9f",name:"additional-input"})),this.error&&i.h("span",{class:"error help-text"},this.error))}get el(){return i.getElement(this)}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}};d.style=f;const u=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.time-picker{display:inline-block;width:150px;font-family:var(--nylas-font-family);position:relative}@media screen and (max-width: 768px){.time-picker{width:auto}}.time-picker input{width:150px;height:48px;text-align:center;font-size:16px;font-family:inherit;cursor:pointer;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.time-picker input{width:88px}}@media screen and (max-width: 504px){.time-picker input{width:68px;font-size:15px}}.time-picker input.focus{background:transparent}.time-picker input:hover,.time-picker input:active{border:1px solid var(--nylas-primary)}.time-picker input:active{outline:2px solid var(--nylas-primary)}.time-picker input span.open{transform:rotate(90deg)}.time-picker input span.closed{transform:rotate(270deg)}.time-picker input.error{border:1px solid var(--nylas-error)}.time-picker p.error{color:var(--nylas-error);font-size:0.875rem;margin:0}.times{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.times ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.times ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);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:center;cursor:pointer}.times ul li.focused{background-color:var(--nylas-base-100)}.times ul li:hover,.times ul li:focus{background-color:var(--nylas-base-100)}.times ul li label{display:flex;align-items:center;gap:0.5rem}.times ul li label input{margin:0}',p=u;i.dayjs.extend(h.customParseFormat);const c=class{constructor(t){i.registerInstance(this,t),this.timeChange=i.createEvent(this,"timeChange",7),this.timeWindowFormError=i.createEvent(this,"timeWindowFormError",7),this.time=void 0,this.minimumStartTime=null,this.placeholder="hh:mmam/pm",this.name=void 0,this.hasError=!1,this.language=l.LANGUAGE_CODE.en,this.err="",this.showTimes=!1,this.ariaActivedescendant="",this.times=this.generateTimes(),this.shouldAutoScroll=!1}handleOutsideClick(t){!t.composedPath().includes(this.el)&&this.showTimes&&(this.showTimes=!1)}timeChangedHandler(){this.validateTimeAgainstMinimum()}minimumStartTimeChangedHandler(){this.validateTimeAgainstMinimum()}validateTimeAgainstMinimum(){if(this.minimumStartTime){const t=i.dayjs(this.minimumStartTime,"hh:mma"),e=i.dayjs(this.time,"hh:mma");this.times=this.generateTimes();const s=i.instance.t("nylasTimeWindowPicker.errors.invalid");e.isBefore(t)?(this.err=s,this.timeWindowFormError.emit({key:this.el.id,message:s})):(this.err="",this.timeWindowFormError.emit({key:this.el.id,message:""}))}else this.err="",this.timeWindowFormError.emit({key:this.el.id,message:""})}componentDidLoad(){this.validateTimeAgainstMinimum()}componentDidRender(){if(this.showTimes&&this.shouldAutoScroll){const t=i.autocompleteTimeFormat(this.time),e=this.times.findIndex(s=>s.value===t);e>-1&&(this.shouldAutoScroll=!1,this.scrollToViewWithinParent(e));return}}handleTimeChange(t,e){const s=e.split(":");if(s[0]==="00"&&s[1].slice(-2)=="pm"){const a=i.instance.t("nylasTimeWindowPicker.errors.invalid");this.err=a,this.timeWindowFormError.emit({key:this.el.id,message:a})}if(i.validateTimeFormatInput(e))this.err="",this.timeWindowFormError.emit({key:this.el.id,message:""});else{const a=i.instance.t("nylasTimeWindowPicker.errors.invalid");this.err=a,this.timeWindowFormError.emit({key:this.el.id,message:a})}this.err||this.timeChange.emit({key:this.el.id,value:e})}handleTimeAutocomplete(t){var r;const e=(r=t.target)==null?void 0:r.value,s=this.language===l.LANGUAGE_CODE.de||this.language===l.LANGUAGE_CODE.fr?i.convertTo12HourFormat(e):e,a=i.instance.t("nylasTimeWindowPicker.errors.invalid");if(!i.validateTimeFormatInput(s)){this.err=a,this.timeWindowFormError.emit({key:this.el.id,message:a});return}if(s===""){const n=i.roundToNearest15Minutes().format("hh:mma");this.timeChange.emit({key:this.el.id,value:n});return}if(!i.validateExactTimeFormat(s)){const n=i.autocompleteTimeFormat(s);this.timeChange.emit({key:this.el.id,value:n});return}this.timeChange.emit({key:this.el.id,value:s})}handleOnInput(t){var s;const e=(s=t.target)==null?void 0:s.value;if(i.validateTimeFormatInput(e)){if(e===""){const a=i.roundToNearest15Minutes().format("hh:mma"),r=this.times.findIndex(n=>n.value===a);r>-1&&this.scrollToViewWithinParent(r);return}if(!i.validateExactTimeFormat(e)){const a=i.autocompleteTimeFormat(e),r=this.times.findIndex(n=>n.value===a);r>-1&&this.scrollToViewWithinParent(r);return}}}generateTimes(){const t=[];let e=i.dayjs().set("hour",0).set("minute",0).set("second",0);this.minimumStartTime&&(e=i.dayjs(this.minimumStartTime,"hh:mma"));const s=e.endOf("day").diff(e,"minutes"),a=Math.round(s/15);for(let r=0;r<a+1;r++){const n=e.add(r*15,"minute");if(r==a&&n.format("hh:mma").includes("am"))break;t.push({id:r,value:n.format("hh:mma")})}return t}handleComboboxKeyDown(t){if(t.key==="ArrowDown"){if(t.preventDefault(),!this.showTimes){this.showTimes=!0,this.shouldAutoScroll=!0;return}if(this.ariaActivedescendant==="")this.ariaActivedescendant=this.times[0].id.toString(),this.focusOption(0);else{const e=this.times.findIndex(a=>a.id.toString()===this.ariaActivedescendant),s=e+1<this.times.length?e+1:0;this.ariaActivedescendant=this.times[s].id.toString(),this.focusOption(s)}}else if(t.key==="ArrowUp")if(t.preventDefault(),this.ariaActivedescendant==="")this.ariaActivedescendant=this.times[this.times.length-1].id.toString(),this.focusOption(this.times.length-1);else{const e=this.times.findIndex(a=>a.id.toString()===this.ariaActivedescendant),s=e-1>=0?e-1:this.times.length-1;this.ariaActivedescendant=this.times[s].id.toString(),this.focusOption(s)}else t.key==="Escape"&&(this.showTimes=!1,this.timeInput.focus())}handleListboxKeydown(t){const e=this.times,s=e.findIndex(a=>a.id.toString()===this.ariaActivedescendant);if(t.key==="ArrowDown"||t.key==="Tab"&&!t.shiftKey){t.preventDefault();const a=s+1<e.length?s+1:0;this.ariaActivedescendant=e[a].id.toString(),this.focusOption(a)}else if(t.key==="ArrowUp"||t.key==="Tab"&&t.shiftKey){t.preventDefault();const a=s-1>=0?s-1:e.length-1;this.ariaActivedescendant=e[a].id.toString(),this.focusOption(a)}else if(t.key==="Enter"){if(t.preventDefault(),this.ariaActivedescendant){const a=e[s];this.handleTimeChange(t,a.value),this.showTimes=!1,this.ariaActivedescendant="",this.timeInput.focus()}}else t.key==="Escape"&&(this.showTimes=!1,this.timeInput.focus())}scrollToViewWithinParent(t){var o;const e=this.times[t],s=(o=this.el.shadowRoot)==null?void 0:o.getElementById(e.id.toString()),a=this.timeMenu;this.ariaActivedescendant=e.id.toString();const r=s.getBoundingClientRect(),n=a.getBoundingClientRect();r.top<n.top?a.scrollTop-=n.top-r.top:r.bottom>n.bottom&&(a.scrollTop+=r.bottom-n.bottom),r.left<n.left?a.scrollLeft-=n.left-r.left:r.right>n.right&&(a.scrollLeft+=r.right-n.right)}focusOption(t){var r;const e=this.times[t];if(!e)return;const s=e.id.toString(),a=(r=this.el.shadowRoot)==null?void 0:r.getElementById(s);a&&(a.focus(),a.scrollIntoView({behavior:"smooth",block:"nearest"}))}render(){const t=this.language!==l.LANGUAGE_CODE.en;return i.h(i.Host,{key:"2ea2238a26b4a44e504865e92090b9d716473533"},i.h("div",{key:"d8ddac7954270a5dee206634df9fd09c0fb9d62c",class:"time-picker",part:"time-picker"},i.h("input",{key:"fa1b036199c0ca41de24a6bde9f26afbef084d5b",type:"text",name:this.name,id:this.name,part:"time-input",class:{"time-input":!0,error:!!this.err||this.hasError},ref:e=>this.timeInput=e,value:t?i.convertTo24HourFormat(this.time):this.time,onClick:()=>{this.showTimes=!this.showTimes,this.shouldAutoScroll=!0},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.showTimes?"true":"false",placeholder:this.placeholder,onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e),onBlur:e=>this.handleTimeAutocomplete(e)}),this.err&&i.h("div",{class:"invalid-time-icon"}),this.showTimes&&i.h("div",{class:"times",part:"times",ref:e=>this.timeMenu=e},i.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.times.map(e=>i.h("li",{tabindex:"0",key:e.id,id:e.id.toString(),class:{focused:this.ariaActivedescendant===e.id.toString()},onClick:s=>{this.handleTimeChange(s,e.value),this.showTimes=!1,this.timeInput.focus()},role:"option"},`${t?i.convertTo24HourFormat(e.value):e.value}`)))),!this.showTimes&&this.err&&i.h("p",{class:"error",id:"email-error"},this.err)))}get el(){return i.getElement(this)}static get watchers(){return{time:["timeChangedHandler"],minimumStartTime:["minimumStartTimeChangedHandler"]}}};c.style=p;exports.nylas_date_component=d;exports.nylas_time_window_picker=c;

package/dist/nylas-date-component_2.entry-6a98a5bf.js

@@ -0,0 +1,289 @@
+import { r as g, a as o, y as h, h as n, g as v, d as l, i as d, W as m, X as f, L as x, Y as u, Z as p, M as b, H as w } from "./index-2084ffd9.js";
+import { L as c } from "./constants-f51538ef-e0a5f026.js";
+import { c as k } from "./customParseFormat-8be9be1b-2464f2ba.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+const T = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error);border-color:var(--nylas-error)}.input_wrapper{display:flex;align-items:center;gap:1rem}input[type=date]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:100%;width:-moz-available;width:-webkit-fill-available;font-family:var(--nylas-font-family);padding:0 8px;cursor:pointer}input[type=date]:focus{outline-color:var(--nylas-primary)}input[type=date].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=date].error::placeholder{font-weight:400}input[type=date]::placeholder{color:var(--nylas-base-300)}input:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}', I = T, F = {
+  date: "YYYY-MM-DD"
+}, A = class {
+  constructor(t) {
+    g(this, t), this.nylasFormInputChanged = o(this, "nylasFormInputChanged", 7), this.nylasFormInputFocused = o(this, "nylasFormInputFocused", 7), this.nylasFormInputBlurred = o(this, "nylasFormInputBlurred", 7), this.name = "input", this.defaultValue = void 0, this.label = "", this.placeholder = F.date, this.required = !1, this.readOnly = !1, this.autoFocus = !1, this.pattern = void 0, this.maxLength = 255, this.patternError = "", this.requiredError = "", this.minDate = void 0, this.hasError = !1, this.value = void 0, this.error = "", this.isDateValid = !0;
+  }
+  handleDefaultValueChange(t) {
+    this.value = h(t), this.value && this.validatePattern(this.value, !0);
+  }
+  componentDidLoad() {
+    this.value = h(this.defaultValue || ""), this.value && this.validatePattern(this.value, !0);
+  }
+  handleBookingFormSubmitted(t) {
+    this.validatePattern(this.value), this.error && t.preventDefault();
+  }
+  async handleFormSubmitted(t) {
+    this.validatePattern(this.value), this.error && t.preventDefault();
+  }
+  handleInput(t) {
+    this.error = "";
+    const e = t.target;
+    this.value = h(e.value), this.isDateValid = e.validity.valid, this.nylasFormInputChanged.emit({
+      value: this.value,
+      name: this.name,
+      label: this.label,
+      error: this.error,
+      type: "date"
+    });
+  }
+  handleBlur() {
+    this.nylasFormInputBlurred.emit({
+      value: this.value,
+      name: this.name
+    });
+  }
+  handleFocus() {
+    this.nylasFormInputFocused.emit({
+      value: this.value,
+      name: this.name
+    });
+  }
+  validatePattern(t, e = !1) {
+    if (this.error = "", !e && (this.required && !this.isDateValid || this.minDate && new Date(this.minDate) > new Date(t))) {
+      this.error = "Please enter a valid date", this.nylasFormInputChanged.emit({
+        value: this.value,
+        name: this.name,
+        label: this.label,
+        error: this.error,
+        type: "date"
+      });
+      return;
+    }
+    if (this.required && !t) {
+      this.error = this.requiredError || "This field is required.";
+      return;
+    }
+    !this.pattern || !t && !this.required || (this.pattern.test(t) ? this.error = "" : this.error = this.patternError || "Invalid format.");
+  }
+  render() {
+    return n("label", { key: "5b1b9d5bd627971fab0ae9450dfffbc4b4d7c5e0", part: "ic__label", class: { error: !!this.error || this.hasError } }, this.label && n("p", null, n("span", { class: "label" }, this.label), this.required && n("span", { class: "required" }, "*")), n("div", { key: "62a760f2aaf894ecd7701d2f9d7318d3ed81ddd3", part: "ic__input_wrapper", class: "input_wrapper" }, n("input", { key: "b34364549bdb557423a5bcae0f6958c797d2e265", type: "date", name: this.name, part: "ic__date", title: this.readOnly ? "read-only field" : void 0, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, min: this.minDate, maxLength: this.maxLength, placeholder: this.placeholder, class: { error: !!this.error || this.hasError }, onInput: (t) => this.handleInput(t), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), n("slot", { key: "e1af09a4f2e6557b3b5b42c08d4ac54478981c9f", name: "additional-input" })), this.error && n("span", { class: "error help-text" }, this.error));
+  }
+  get el() {
+    return v(this);
+  }
+  static get watchers() {
+    return {
+      defaultValue: ["handleDefaultValueChange"]
+    };
+  }
+};
+A.style = I;
+const C = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.time-picker{display:inline-block;width:150px;font-family:var(--nylas-font-family);position:relative}@media screen and (max-width: 768px){.time-picker{width:auto}}.time-picker input{width:150px;height:48px;text-align:center;font-size:16px;font-family:inherit;cursor:pointer;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.time-picker input{width:88px}}@media screen and (max-width: 504px){.time-picker input{width:68px;font-size:15px}}.time-picker input.focus{background:transparent}.time-picker input:hover,.time-picker input:active{border:1px solid var(--nylas-primary)}.time-picker input:active{outline:2px solid var(--nylas-primary)}.time-picker input span.open{transform:rotate(90deg)}.time-picker input span.closed{transform:rotate(270deg)}.time-picker input.error{border:1px solid var(--nylas-error)}.time-picker p.error{color:var(--nylas-error);font-size:0.875rem;margin:0}.times{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.times ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.times ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);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:center;cursor:pointer}.times ul li.focused{background-color:var(--nylas-base-100)}.times ul li:hover,.times ul li:focus{background-color:var(--nylas-base-100)}.times ul li label{display:flex;align-items:center;gap:0.5rem}.times ul li label input{margin:0}', D = C;
+l.extend(k);
+const S = class {
+  constructor(t) {
+    g(this, t), this.timeChange = o(this, "timeChange", 7), this.timeWindowFormError = o(this, "timeWindowFormError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, this.language = c.en, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
+  }
+  handleOutsideClick(t) {
+    !t.composedPath().includes(this.el) && this.showTimes && (this.showTimes = !1);
+  }
+  timeChangedHandler() {
+    this.validateTimeAgainstMinimum();
+  }
+  minimumStartTimeChangedHandler() {
+    this.validateTimeAgainstMinimum();
+  }
+  validateTimeAgainstMinimum() {
+    if (this.minimumStartTime) {
+      const t = l(this.minimumStartTime, "hh:mma"), e = l(this.time, "hh:mma");
+      this.times = this.generateTimes();
+      const s = d.t("nylasTimeWindowPicker.errors.invalid");
+      e.isBefore(t) ? (this.err = s, this.timeWindowFormError.emit({
+        key: this.el.id,
+        message: s
+      })) : (this.err = "", this.timeWindowFormError.emit({
+        key: this.el.id,
+        message: ""
+      }));
+    } else
+      this.err = "", this.timeWindowFormError.emit({
+        key: this.el.id,
+        message: ""
+      });
+  }
+  componentDidLoad() {
+    this.validateTimeAgainstMinimum();
+  }
+  componentDidRender() {
+    if (this.showTimes && this.shouldAutoScroll) {
+      const t = m(this.time), e = this.times.findIndex((s) => s.value === t);
+      e > -1 && (this.shouldAutoScroll = !1, this.scrollToViewWithinParent(e));
+      return;
+    }
+  }
+  handleTimeChange(t, e) {
+    const s = e.split(":");
+    if (s[0] === "00" && s[1].slice(-2) == "pm") {
+      const i = d.t("nylasTimeWindowPicker.errors.invalid");
+      this.err = i, this.timeWindowFormError.emit({
+        key: this.el.id,
+        message: i
+      });
+    }
+    if (f(e))
+      this.err = "", this.timeWindowFormError.emit({
+        key: this.el.id,
+        message: ""
+      });
+    else {
+      const i = d.t("nylasTimeWindowPicker.errors.invalid");
+      this.err = i, this.timeWindowFormError.emit({
+        key: this.el.id,
+        message: i
+      });
+    }
+    this.err || this.timeChange.emit({
+      key: this.el.id,
+      value: e
+    });
+  }
+  handleTimeAutocomplete(t) {
+    var a;
+    const e = (a = t.target) == null ? void 0 : a.value, s = this.language === c.de || this.language === c.fr ? x(e) : e, i = d.t("nylasTimeWindowPicker.errors.invalid");
+    if (!f(s)) {
+      this.err = i, this.timeWindowFormError.emit({
+        key: this.el.id,
+        message: i
+      });
+      return;
+    }
+    if (s === "") {
+      const r = u().format("hh:mma");
+      this.timeChange.emit({
+        key: this.el.id,
+        value: r
+      });
+      return;
+    }
+    if (!p(s)) {
+      const r = m(s);
+      this.timeChange.emit({
+        key: this.el.id,
+        value: r
+      });
+      return;
+    }
+    this.timeChange.emit({
+      key: this.el.id,
+      value: s
+    });
+  }
+  handleOnInput(t) {
+    var s;
+    const e = (s = t.target) == null ? void 0 : s.value;
+    if (f(e)) {
+      if (e === "") {
+        const i = u().format("hh:mma"), a = this.times.findIndex((r) => r.value === i);
+        a > -1 && this.scrollToViewWithinParent(a);
+        return;
+      }
+      if (!p(e)) {
+        const i = m(e), a = this.times.findIndex((r) => r.value === i);
+        a > -1 && this.scrollToViewWithinParent(a);
+        return;
+      }
+    }
+  }
+  generateTimes() {
+    const t = [];
+    let e = l().set("hour", 0).set("minute", 0).set("second", 0);
+    this.minimumStartTime && (e = l(this.minimumStartTime, "hh:mma"));
+    const s = e.endOf("day").diff(e, "minutes"), i = Math.round(s / 15);
+    for (let a = 0; a < i + 1; a++) {
+      const r = e.add(a * 15, "minute");
+      if (a == i && r.format("hh:mma").includes("am"))
+        break;
+      t.push({ id: a, value: r.format("hh:mma") });
+    }
+    return t;
+  }
+  handleComboboxKeyDown(t) {
+    if (t.key === "ArrowDown") {
+      if (t.preventDefault(), !this.showTimes) {
+        this.showTimes = !0, this.shouldAutoScroll = !0;
+        return;
+      }
+      if (this.ariaActivedescendant === "")
+        this.ariaActivedescendant = this.times[0].id.toString(), this.focusOption(0);
+      else {
+        const e = this.times.findIndex((i) => i.id.toString() === this.ariaActivedescendant), s = e + 1 < this.times.length ? e + 1 : 0;
+        this.ariaActivedescendant = this.times[s].id.toString(), this.focusOption(s);
+      }
+    } else if (t.key === "ArrowUp")
+      if (t.preventDefault(), this.ariaActivedescendant === "")
+        this.ariaActivedescendant = this.times[this.times.length - 1].id.toString(), this.focusOption(this.times.length - 1);
+      else {
+        const e = this.times.findIndex((i) => i.id.toString() === this.ariaActivedescendant), s = e - 1 >= 0 ? e - 1 : this.times.length - 1;
+        this.ariaActivedescendant = this.times[s].id.toString(), this.focusOption(s);
+      }
+    else
+      t.key === "Escape" && (this.showTimes = !1, this.timeInput.focus());
+  }
+  handleListboxKeydown(t) {
+    const e = this.times, s = e.findIndex((i) => i.id.toString() === this.ariaActivedescendant);
+    if (t.key === "ArrowDown" || t.key === "Tab" && !t.shiftKey) {
+      t.preventDefault();
+      const i = s + 1 < e.length ? s + 1 : 0;
+      this.ariaActivedescendant = e[i].id.toString(), this.focusOption(i);
+    } else if (t.key === "ArrowUp" || t.key === "Tab" && t.shiftKey) {
+      t.preventDefault();
+      const i = s - 1 >= 0 ? s - 1 : e.length - 1;
+      this.ariaActivedescendant = e[i].id.toString(), this.focusOption(i);
+    } else if (t.key === "Enter") {
+      if (t.preventDefault(), this.ariaActivedescendant) {
+        const i = e[s];
+        this.handleTimeChange(t, i.value), this.showTimes = !1, this.ariaActivedescendant = "", this.timeInput.focus();
+      }
+    } else
+      t.key === "Escape" && (this.showTimes = !1, this.timeInput.focus());
+  }
+  scrollToViewWithinParent(t) {
+    var y;
+    const e = this.times[t], s = (y = this.el.shadowRoot) == null ? void 0 : y.getElementById(e.id.toString()), i = this.timeMenu;
+    this.ariaActivedescendant = e.id.toString();
+    const a = s.getBoundingClientRect(), r = i.getBoundingClientRect();
+    a.top < r.top ? i.scrollTop -= r.top - a.top : a.bottom > r.bottom && (i.scrollTop += a.bottom - r.bottom), a.left < r.left ? i.scrollLeft -= r.left - a.left : a.right > r.right && (i.scrollLeft += a.right - r.right);
+  }
+  focusOption(t) {
+    var a;
+    const e = this.times[t];
+    if (!e)
+      return;
+    const s = e.id.toString(), i = (a = this.el.shadowRoot) == null ? void 0 : a.getElementById(s);
+    i && (i.focus(), i.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+  }
+  render() {
+    const t = this.language !== c.en;
+    return n(w, { key: "2ea2238a26b4a44e504865e92090b9d716473533" }, n("div", { key: "d8ddac7954270a5dee206634df9fd09c0fb9d62c", class: "time-picker", part: "time-picker" }, n("input", { key: "fa1b036199c0ca41de24a6bde9f26afbef084d5b", type: "text", name: this.name, id: this.name, part: "time-input", class: {
+      "time-input": !0,
+      error: !!this.err || this.hasError
+    }, ref: (e) => this.timeInput = e, value: t ? b(this.time) : this.time, onClick: () => {
+      this.showTimes = !this.showTimes, this.shouldAutoScroll = !0;
+    }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.showTimes ? "true" : "false", placeholder: this.placeholder, onKeyDown: (e) => this.handleComboboxKeyDown(e), onInput: (e) => this.handleOnInput(e), onBlur: (e) => this.handleTimeAutocomplete(e) }), this.err && n("div", { class: "invalid-time-icon" }), this.showTimes && n("div", { class: "times", part: "times", ref: (e) => this.timeMenu = e }, n("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.times.map((e) => n("li", { tabindex: "0", key: e.id, id: e.id.toString(), class: {
+      focused: this.ariaActivedescendant === e.id.toString()
+    }, onClick: (s) => {
+      this.handleTimeChange(s, e.value), this.showTimes = !1, this.timeInput.focus();
+    }, role: "option" }, `${t ? b(e.value) : e.value}`)))), !this.showTimes && this.err && n("p", { class: "error", id: "email-error" }, this.err)));
+  }
+  get el() {
+    return v(this);
+  }
+  static get watchers() {
+    return {
+      time: ["timeChangedHandler"],
+      minimumStartTime: ["minimumStartTimeChangedHandler"]
+    };
+  }
+};
+S.style = D;
+export {
+  A as nylas_date_component,
+  S as nylas_time_window_picker
+};

package/dist/nylas-form-card.entry-22851b77.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-e9dc7971.cjs"),d=require("./register-component-8bbd6492-d9a23f3c.cjs");require("react");require("react/jsx-runtime");require("react-dom");const b=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-form-card{width:100%;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-form-card__header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}',i=b;var u=function(a,l,o,n){var s=arguments.length,r=s<3?l:n===null?n=Object.getOwnPropertyDescriptor(l,o):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(a,l,o,n);else for(var y=a.length-1;y>=0;y--)(c=a[y])&&(r=(s<3?c(r):s>3?c(l,o,r):c(l,o))||r);return s>3&&r&&Object.defineProperty(l,o,r),r},t=function(a,l){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(a,l)};const f=class{constructor(a){e.registerInstance(this,a),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals)}connectedCallback(){e.debug("nylas-event-card","connectedCallback")}componentWillLoad(){e.debug("nylas-event-card","componentWillLoad")}componentDidLoad(){e.debug("nylas-event-card","componentDidLoad")}disconnectedCallback(){e.debug("nylas-event-card","disconnectedCallback");const a=["header-title","header-subtitle","content"];e.checkForMissingSlots(a,this.host)}render(){return e.h(e.Host,{key:"e79321333887319f48356c64cb2e04539edf1d79"},e.h("div",{key:"9a33c42c38012c5277ecc0d60523211671866378",class:"nylas-form-card",part:"nfc"},e.h("div",{key:"905eed6cd8c79bda19fb3c5ab49802ae697a0ab9",class:"nylas-form-card__header",part:"nfc__header"},e.h("slot",{key:"db749b7eb575845c2b8d8e4a12ea0c3ffea4842a",name:"header-title"}),e.h("slot",{key:"5b9ac54446f1b1b49a9f0f2e2b45e3785acb9686",name:"header-subtitle"})),e.h("div",{key:"6893e68e48f990c6dfc3d3c3052dfba988b21807",class:"nylas-form-card__content"},e.h("slot",{key:"fac98a2a1a6b162bc3f4aed735b584c4d5e509a3",name:"content"}))))}static get formAssociated(){return!0}get host(){return e.getElement(this)}};u([d.RegisterComponent({name:"nylas-form-card",eventToProps:{},fireRegisterEvent:!0}),t("design:type",Function),t("design:paramtypes",[]),t("design:returntype",void 0)],f.prototype,"render",null);f.style=i;exports.nylas_form_card=f;

package/dist/nylas-form-card.entry-a997084f.js

@@ -0,0 +1,58 @@
+import { r as b, b as y, P as i, h as r, H as p, g as m } from "./index-2084ffd9.js";
+import { R as u } from "./register-component-8bbd6492-0d8737fd.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+const g = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-form-card{width:100%;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-form-card__header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}', h = g;
+var k = function(e, a, o, s) {
+  var n = arguments.length, l = n < 3 ? a : s === null ? s = Object.getOwnPropertyDescriptor(a, o) : s, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    l = Reflect.decorate(e, a, o, s);
+  else
+    for (var t = e.length - 1; t >= 0; t--)
+      (c = e[t]) && (l = (n < 3 ? c(l) : n > 3 ? c(a, o, l) : c(a, o)) || l);
+  return n > 3 && l && Object.defineProperty(a, o, l), l;
+}, f = function(e, a) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, a);
+};
+const d = class {
+  constructor(e) {
+    b(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
+  }
+  connectedCallback() {
+    y("nylas-event-card", "connectedCallback");
+  }
+  componentWillLoad() {
+    y("nylas-event-card", "componentWillLoad");
+  }
+  componentDidLoad() {
+    y("nylas-event-card", "componentDidLoad");
+  }
+  disconnectedCallback() {
+    y("nylas-event-card", "disconnectedCallback"), i(["header-title", "header-subtitle", "content"], this.host);
+  }
+  render() {
+    return r(p, { key: "e79321333887319f48356c64cb2e04539edf1d79" }, r("div", { key: "9a33c42c38012c5277ecc0d60523211671866378", class: "nylas-form-card", part: "nfc" }, r("div", { key: "905eed6cd8c79bda19fb3c5ab49802ae697a0ab9", class: "nylas-form-card__header", part: "nfc__header" }, r("slot", { key: "db749b7eb575845c2b8d8e4a12ea0c3ffea4842a", name: "header-title" }), r("slot", { key: "5b9ac54446f1b1b49a9f0f2e2b45e3785acb9686", name: "header-subtitle" })), r("div", { key: "6893e68e48f990c6dfc3d3c3052dfba988b21807", class: "nylas-form-card__content" }, r("slot", { key: "fac98a2a1a6b162bc3f4aed735b584c4d5e509a3", name: "content" }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return m(this);
+  }
+};
+k([
+  u({
+    name: "nylas-form-card",
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  f("design:type", Function),
+  f("design:paramtypes", []),
+  f("design:returntype", void 0)
+], d.prototype, "render", null);
+d.style = h;
+export {
+  d as nylas_form_card
+};

package/dist/nylas-notification_2.entry-320a5a65.js

@@ -0,0 +1,85 @@
+import { r as t, b as i, h as n, F as l, H as r, g as c } from "./index-2084ffd9.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+const f = ':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block;word-break:break-word}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}', y = f, d = class {
+  constructor(o) {
+    t(this, o), this.ttl = 5e3, this.allowedCategories = ["component", "api", "validation", "invalid_session"], this.notifications = [];
+  }
+  onError(o) {
+    i(`[nylas-notification] Error: ${o.detail.notification.title}`), this.handleNotification(o);
+  }
+  onWarning(o) {
+    i(`[nylas-notification] Warning: ${o.detail.notification.title}`), this.handleNotification(o);
+  }
+  onInfo(o) {
+    i(`[nylas-notification] Info: ${o.detail.notification.title}`), this.handleNotification(o);
+  }
+  onSuccess(o) {
+    i(`[nylas-notification] Success: ${o.detail.notification.title}`), this.handleNotification(o);
+  }
+  onDismissNotification(o) {
+    this.dismissNotification(o.detail.id);
+  }
+  isChildOf(o) {
+    let a = this.host.parentNode;
+    for (; a; ) {
+      if (a === o)
+        return !0;
+      a instanceof ShadowRoot ? a = a.host : a = a.parentNode;
+    }
+    return !1;
+  }
+  handleNotification(o) {
+    const a = o.detail.host;
+    if (o.defaultPrevented) {
+      i("[nylas-notification] Event default prevented");
+      return;
+    }
+    if (a && !this.isChildOf(a)) {
+      i("[nylas-notification] Host not a parent");
+      return;
+    }
+    if (this.ttl === 0) {
+      i("[nylas-notification] TTL is 0");
+      return;
+    }
+    if (this.allowedCategories.length > 0 && !this.allowedCategories.includes(o.detail.notification.category)) {
+      i("[nylas-notification] Category not allowed");
+      return;
+    }
+    if (this.notifications.find((s) => s.id === o.detail.notification.id)) {
+      i("[nylas-notification] Notification already exists");
+      return;
+    }
+    if (this.notifications = [...this.notifications, { ...o.detail.notification }], o.detail.notification.ttl !== "none") {
+      const s = o.detail.notification.ttl ? o.detail.notification.ttl : this.ttl;
+      window.setTimeout(() => {
+        this.notifications = this.notifications.filter((e) => e.id !== o.detail.notification.id);
+      }, s);
+    }
+  }
+  dismissNotification(o) {
+    this.notifications = this.notifications.filter((a) => a.id !== o);
+  }
+  render() {
+    return n(r, { key: "f0e6fb311ba12bebf3970afb5850a7995c5bcd83" }, n(l, { key: "2f9bd098337a72908c4c292e03d1ddafa54f7c61" }, this.notifications.map((o) => n("div", { class: `notif ${o.type}`, key: o.id }, n("div", { class: "content" }, n("span", { class: `icon ${o.type}` }, (o.type === "error" || o.type === "warning") && n("warning-icon", null)), n("span", { class: "message" }, n("span", { class: "title" }, o.title), o.description && n("span", { class: "description" }, o.description))), n("button", { class: "dismiss-btn", onClick: () => this.dismissNotification(o.id) }, n("close-icon", null)))), n("slot", { key: "575b3ecb1b22b23c84c75a6900215795a5695fff" })));
+  }
+  get host() {
+    return c(this);
+  }
+};
+d.style = y;
+const b = ".sc-warning-icon-h{display:flex}", h = b, p = class {
+  constructor(o) {
+    t(this, o), this.width = "16", this.height = "16";
+  }
+  render() {
+    return n("svg", { key: "7934b2980705106a978e817555c1065704e626c7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "3942fd2b948a46bd0fb8c7322b6b0c7db439b66e", d: "M7.68551 1.35232L1.12678 13.2773C0.576954 14.277 1.3002 15.5002 2.4411 15.5002H15.5586C16.6995 15.5002 17.4227 14.277 16.8729 13.2773L10.3142 1.35232C9.74426 0.316153 8.2554 0.316157 7.68551 1.35232ZM8.99982 5.25016C9.41403 5.25016 9.74982 5.58595 9.74982 6.00016V10.0002C9.74982 10.4144 9.41403 10.7502 8.99982 10.7502C8.5856 10.7502 8.24982 10.4144 8.24982 10.0002V6.00016C8.24982 5.58595 8.5856 5.25016 8.99982 5.25016ZM9.74982 12.2502C9.74982 12.6644 9.41403 13.0002 8.99982 13.0002C8.5856 13.0002 8.24982 12.6644 8.24982 12.2502C8.24982 11.8359 8.5856 11.5002 8.99982 11.5002C9.41403 11.5002 9.74982 11.8359 9.74982 12.2502Z", fill: "currentColor" }));
+  }
+};
+p.style = h;
+export {
+  d as nylas_notification,
+  p as warning_icon
+};

package/dist/nylas-notification_2.entry-4638126b.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-e9dc7971.cjs");require("react");require("react/jsx-runtime");require("react-dom");const l=':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block;word-break:break-word}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}',r=l,e=class{constructor(o){n.registerInstance(this,o),this.ttl=5e3,this.allowedCategories=["component","api","validation","invalid_session"],this.notifications=[]}onError(o){n.debug(`[nylas-notification] Error: ${o.detail.notification.title}`),this.handleNotification(o)}onWarning(o){n.debug(`[nylas-notification] Warning: ${o.detail.notification.title}`),this.handleNotification(o)}onInfo(o){n.debug(`[nylas-notification] Info: ${o.detail.notification.title}`),this.handleNotification(o)}onSuccess(o){n.debug(`[nylas-notification] Success: ${o.detail.notification.title}`),this.handleNotification(o)}onDismissNotification(o){this.dismissNotification(o.detail.id)}isChildOf(o){let i=this.host.parentNode;for(;i;){if(i===o)return!0;i instanceof ShadowRoot?i=i.host:i=i.parentNode}return!1}handleNotification(o){const i=o.detail.host;if(o.defaultPrevented){n.debug("[nylas-notification] Event default prevented");return}if(i&&!this.isChildOf(i)){n.debug("[nylas-notification] Host not a parent");return}if(this.ttl===0){n.debug("[nylas-notification] TTL is 0");return}if(this.allowedCategories.length>0&&!this.allowedCategories.includes(o.detail.notification.category)){n.debug("[nylas-notification] Category not allowed");return}if(this.notifications.find(a=>a.id===o.detail.notification.id)){n.debug("[nylas-notification] Notification already exists");return}if(this.notifications=[...this.notifications,{...o.detail.notification}],o.detail.notification.ttl!=="none"){const a=o.detail.notification.ttl?o.detail.notification.ttl:this.ttl;window.setTimeout(()=>{this.notifications=this.notifications.filter(t=>t.id!==o.detail.notification.id)},a)}}dismissNotification(o){this.notifications=this.notifications.filter(i=>i.id!==o)}render(){return n.h(n.Host,{key:"f0e6fb311ba12bebf3970afb5850a7995c5bcd83"},n.h(n.Fragment,{key:"2f9bd098337a72908c4c292e03d1ddafa54f7c61"},this.notifications.map(o=>n.h("div",{class:`notif ${o.type}`,key:o.id},n.h("div",{class:"content"},n.h("span",{class:`icon ${o.type}`},(o.type==="error"||o.type==="warning")&&n.h("warning-icon",null)),n.h("span",{class:"message"},n.h("span",{class:"title"},o.title),o.description&&n.h("span",{class:"description"},o.description))),n.h("button",{class:"dismiss-btn",onClick:()=>this.dismissNotification(o.id)},n.h("close-icon",null)))),n.h("slot",{key:"575b3ecb1b22b23c84c75a6900215795a5695fff"})))}get host(){return n.getElement(this)}};e.style=r;const c=".sc-warning-icon-h{display:flex}",f=c,s=class{constructor(o){n.registerInstance(this,o),this.width="16",this.height="16"}render(){return n.h("svg",{key:"7934b2980705106a978e817555c1065704e626c7",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.h("path",{key:"3942fd2b948a46bd0fb8c7322b6b0c7db439b66e",d:"M7.68551 1.35232L1.12678 13.2773C0.576954 14.277 1.3002 15.5002 2.4411 15.5002H15.5586C16.6995 15.5002 17.4227 14.277 16.8729 13.2773L10.3142 1.35232C9.74426 0.316153 8.2554 0.316157 7.68551 1.35232ZM8.99982 5.25016C9.41403 5.25016 9.74982 5.58595 9.74982 6.00016V10.0002C9.74982 10.4144 9.41403 10.7502 8.99982 10.7502C8.5856 10.7502 8.24982 10.4144 8.24982 10.0002V6.00016C8.24982 5.58595 8.5856 5.25016 8.99982 5.25016ZM9.74982 12.2502C9.74982 12.6644 9.41403 13.0002 8.99982 13.0002C8.5856 13.0002 8.24982 12.6644 8.24982 12.2502C8.24982 11.8359 8.5856 11.5002 8.99982 11.5002C9.41403 11.5002 9.74982 11.8359 9.74982 12.2502Z",fill:"currentColor"}))}};s.style=f;exports.nylas_notification=e;exports.warning_icon=s;