@nylas/web-elements 1.4.2 → 1.4.4

package/dist/nylas-web-elements/{p-a452d4ea.entry.js → p-b55a87fa.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as a,a as l}from"./p-6f5a3998.js";import{n as r}from"./p-ec2c12a9.js";import"./p-c79dcb59.js";const t=':host{display:block;height:auto;--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-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)}.input_wrapper{display:flex;align-items:center;gap:1rem}input[type=text],input[type=number],input[type=email],input[type=phone_number]{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:-moz-available;width:-webkit-fill-available}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=phone_number]:focus{outline-color:var(--nylas-primary)}input[type=text].error,input[type=number].error,input[type=email].error,input[type=phone_number].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=text].error::placeholder,input[type=number].error::placeholder,input[type=email].error::placeholder,input[type=phone_number].error::placeholder{font-weight:400}input[type=text]::placeholder,input[type=number]::placeholder,input[type=email]::placeholder,input[type=phone_number]::placeholder{color:var(--nylas-base-300)}input:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}';const n=t;const i={email:/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,phone_number:/^\+?\d{1,15}$/};const o={email:"name@example.com",phone_number:"1234567890"};const c=class{constructor(a){e(this,a);this.nylasFormInputChanged=s(this,"nylasFormInputChanged",7);this.nylasFormInputFocused=s(this,"nylasFormInputFocused",7);this.nylasFormInputBlurred=s(this,"nylasFormInputBlurred",7);this.name="input";this.defaultValue=undefined;this.label="";this.type="text";this.placeholder=o[this.type];this.required=false;this.readOnly=false;this.autoFocus=false;this.pattern=undefined;this.maxLength=255;this.patternError="";this.requiredError="";this.maxValue=undefined;this.minValue=undefined;this.value=undefined;this.error=""}handleDefaultValueChange(e){this.value=r(e);if(this.value){this.validatePattern(this.value)}}componentDidLoad(){this.value=r(this.defaultValue||"");if(this.type!=="text"&&!this.pattern){this.pattern=i[this.type]}if(this.value){this.validatePattern(this.value)}}handleBookingFormSubmitted(e){this.validatePattern(this.value);if(this.error){e.preventDefault()}}async handleFormSubmitted(e){if(this.el?.getAttribute("data-page-styling")){this.validatePattern(this.value);if(this.error){e.preventDefault()}}}handleInput(e){this.error="";const s=e.target.value;if(this.type==="number"){const e=parseFloat(s);if(this.maxValue!==undefined&&e>this.maxValue||this.minValue!==undefined&&e<this.minValue){this.error=`Value must be between ${this.minValue} and ${this.maxValue}`}}this.value=r(s);this.nylasFormInputChanged.emit({value:this.value,name:this.name,label:this.label,error:this.error,type:this.type})}handleBlur(){this.nylasFormInputBlurred.emit({value:this.value,name:this.name})}handleFocus(){this.nylasFormInputFocused.emit({value:this.value,name:this.name})}validatePattern(e){this.error="";if(this.required&&!e){this.error=this.requiredError||"This field is required.";return}if(this.type==="number"&&e){const s=parseFloat(e);if(this.maxValue!==undefined&&s>this.maxValue||this.minValue!==undefined&&s<this.minValue){this.error=`Value must be between ${this.minValue} and ${this.maxValue}`;return}}if(this.pattern&&e&&!this.pattern.test(e)){this.error=this.patternError||"Invalid format."}}render(){return a("label",{key:"5617634dc1c780ff6fe0822f2edb4cede95b70f0",part:"ic__label",class:{error:!!this.error}},this.label&&a("p",null,a("span",{class:"label"},this.label),this.required&&a("span",{class:"required"},"*")),a("div",{key:"78b15ed0c34e9cd90dfb36572cacd25127eb81dc",part:"ic__input_wrapper",class:"input_wrapper"},a("input",{key:"371ec73af6f5520d7cbb8dcfa1ed1b9d46482a67",type:this.type,name:this.name,part:"ic__input",title:this.readOnly?"read-only field":undefined,readOnly:this.readOnly,autoFocus:this.autoFocus,value:this.value,maxLength:this.maxLength,max:this.type==="number"?this.maxValue:undefined,min:this.type==="number"?this.minValue:undefined,placeholder:this.placeholder,class:{error:!!this.error},onInput:e=>this.handleInput(e),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),a("slot",{key:"882986732d278317f86301feb5fbb217531b31a1",name:"additional-input"})),this.error&&a("span",{class:"error help-text"},this.error))}get el(){return l(this)}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}};c.style=n;export{c as input_component};
-//# sourceMappingURL=p-a452d4ea.entry.js.map
+import{r as e,c as s,h as a,a as l}from"./p-6f5a3998.js";import{n as r}from"./p-6b7fb948.js";import"./p-c79dcb59.js";const t=':host{display:block;height:auto;--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-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)}.input_wrapper{display:flex;align-items:center;gap:1rem}input[type=text],input[type=number],input[type=email],input[type=phone_number]{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:-moz-available;width:-webkit-fill-available}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=phone_number]:focus{outline-color:var(--nylas-primary)}input[type=text].error,input[type=number].error,input[type=email].error,input[type=phone_number].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=text].error::placeholder,input[type=number].error::placeholder,input[type=email].error::placeholder,input[type=phone_number].error::placeholder{font-weight:400}input[type=text]::placeholder,input[type=number]::placeholder,input[type=email]::placeholder,input[type=phone_number]::placeholder{color:var(--nylas-base-300)}input:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}';const n=t;const i={email:/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,phone_number:/^\+?\d{1,15}$/};const o={email:"name@example.com",phone_number:"1234567890"};const c=class{constructor(a){e(this,a);this.nylasFormInputChanged=s(this,"nylasFormInputChanged",7);this.nylasFormInputFocused=s(this,"nylasFormInputFocused",7);this.nylasFormInputBlurred=s(this,"nylasFormInputBlurred",7);this.name="input";this.defaultValue=undefined;this.label="";this.type="text";this.placeholder=o[this.type];this.required=false;this.readOnly=false;this.autoFocus=false;this.pattern=undefined;this.maxLength=255;this.patternError="";this.requiredError="";this.maxValue=undefined;this.minValue=undefined;this.value=undefined;this.error=""}handleDefaultValueChange(e){this.value=r(e);if(this.value){this.validatePattern(this.value)}}componentDidLoad(){this.value=r(this.defaultValue||"");if(this.type!=="text"&&!this.pattern){this.pattern=i[this.type]}if(this.value){this.validatePattern(this.value)}}handleBookingFormSubmitted(e){this.validatePattern(this.value);if(this.error){e.preventDefault()}}async handleFormSubmitted(e){if(this.el?.getAttribute("data-page-styling")){this.validatePattern(this.value);if(this.error){e.preventDefault()}}}handleInput(e){this.error="";const s=e.target.value;if(this.type==="number"){const e=parseFloat(s);if(this.maxValue!==undefined&&e>this.maxValue||this.minValue!==undefined&&e<this.minValue){if(this.minValue===undefined){this.error=`Value must be less than ${this.maxValue}`}else if(this.maxValue===undefined){this.error=`Value must be greater than ${this.minValue}`}else{this.error=`Value must be between ${this.minValue} and ${this.maxValue}`}}else if(isNaN(e)){this.error=this.patternError||"Invalid format."}}this.value=r(s);this.nylasFormInputChanged.emit({value:this.value,name:this.name,label:this.label,error:this.error,type:this.type})}handleBlur(){this.nylasFormInputBlurred.emit({value:this.value,name:this.name})}handleFocus(){this.nylasFormInputFocused.emit({value:this.value,name:this.name})}validatePattern(e){this.error="";if(this.required&&!e){this.error=this.requiredError||"This field is required.";return}if(this.type==="number"&&e){const s=parseFloat(e);if(this.maxValue!==undefined&&s>this.maxValue||this.minValue!==undefined&&s<this.minValue){this.error=`Value must be between ${this.minValue} and ${this.maxValue}`;return}}if(this.pattern&&e&&!this.pattern.test(e)){this.error=this.patternError||"Invalid format."}}render(){return a("label",{key:"e993ec134622eeed719e170c454e7ec29879d444",part:this.error?"ic__label ic__label--error":"ic__label",class:{error:!!this.error}},this.label&&a("p",null,a("span",{class:"label"},this.label),this.required&&a("span",{class:"required"},"*")),a("div",{key:"3685c05f586fc78d77888ae3e8e3167c5c1bbd0c",part:"ic__input_wrapper",class:"input_wrapper"},a("input",{key:"c8aad7e2f76e2ef88a9af6864243c2620d805fb1",type:this.type,name:this.name,part:this.error?"ic__input ic__input--error":"ic__input",title:this.readOnly?"read-only field":undefined,readOnly:this.readOnly,autoFocus:this.autoFocus,value:this.value,maxLength:this.maxLength,max:this.type==="number"?this.maxValue:undefined,min:this.type==="number"?this.minValue:undefined,placeholder:this.placeholder,class:{error:!!this.error},onInput:e=>this.handleInput(e),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),a("slot",{key:"b7c031e9ddc0c81a241c6c3d9efae8c6c2c40274",name:"additional-input"})),this.error&&a("span",{class:"error help-text",part:"ic__error_message"},this.error))}get el(){return l(this)}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}};c.style=n;export{c as input_component};
+//# sourceMappingURL=p-b55a87fa.entry.js.map

package/dist/nylas-web-elements/p-b55a87fa.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputComponentCss","InputComponentStyle0","DefaultPattern","email","phone_number","DefaultPlaceholder","InputComponent","this","type","handleDefaultValueChange","newValue","value","sanitize","validatePattern","componentDidLoad","defaultValue","pattern","handleBookingFormSubmitted","event","error","preventDefault","handleFormSubmitted","el","getAttribute","handleInput","e","inputValue","target","numericValue","parseFloat","maxValue","undefined","minValue","isNaN","patternError","nylasFormInputChanged","emit","name","label","handleBlur","nylasFormInputBlurred","handleFocus","nylasFormInputFocused","required","requiredError","test","render","h","key","part","class","title","readOnly","autoFocus","maxLength","max","min","placeholder","onInput","onFocus","onBlur"],"sources":["src/components/design-system/input-component/input-component.scss?tag=input-component&encapsulation=shadow","src/components/design-system/input-component/input-component.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n@import '../../../common/mixins/inputs.scss';\n\n:host {\n  display: block;\n  height: auto;\n  @include default-css-variables;\n  width: 100%;\n}\n\nlabel {\n  @include input-label;\n  flex-direction: column;\n  gap: 4px;\n  font-family: var(--nylas-font-family);\n  font-size: 16px;\n  color: var(--nylas-base-800);\n\n  p {\n    margin: 0;\n  }\n\n  .error {\n    color: var(--nylas-error);\n  }\n}\n\n.input_wrapper {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\ninput[type='text'],\ninput[type='number'],\ninput[type='email'],\ninput[type='phone_number'] {\n  @include textfield;\n  width: -moz-available;\n  width: -webkit-fill-available;\n}\n\ninput:read-only {\n  background-color: var(--nylas-base-100);\n  cursor: not-allowed;\n}","import { Component, h, Prop, State, Event, EventEmitter, Listen, Watch, Element } from '@stencil/core';\nimport { sanitize } from '@/utils/utils';\n\nconst DefaultPattern = {\n  email: /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,\n  phone_number: /^\\+?\\d{1,15}$/,\n};\n\nconst DefaultPlaceholder = {\n  email: 'name@example.com',\n  phone_number: '1234567890',\n};\n\n/**\n * The `input-component` component is a UI component that allows users to input text, email, or phone number values.\n * This component is used in the scheduling form to input text, email and phone number type inputs.\n */\n\n@Component({\n  tag: 'input-component',\n  styleUrl: 'input-component.scss',\n  shadow: true,\n})\nexport class InputComponent {\n  /**\n   * The host element\n   */\n  @Element() el!: HTMLElement;\n  /**\n   * The name of the input. This is used to identify the input when submitting a form.\n   */\n  @Prop() name: string = 'input';\n  /**\n   * The default value of the input. This is the value that is displayed when the input is rendered.\n   */\n  @Prop() defaultValue?: string;\n  /**\n   * The label of the input. This is displayed above the input.\n   */\n  @Prop() label: string = '';\n  /**\n   * The type of the input. This is used to determine the input's behavior.\n   * Supported types are 'text', 'email', and 'phone_number'.\n   */\n  @Prop() type: 'text' | 'email' | 'phone_number' | 'number' = 'text';\n  /**\n   * The placeholder of the input. This is displayed when the input is empty.\n   */\n  @Prop() placeholder: string = DefaultPlaceholder[this.type];\n  /**\n   * Whether the input is required. If true, the input must have a value when submitting a form.\n   * Default is false. If the input is required and the value is empty, an error message is displayed.\n   */\n  @Prop() required: boolean = false;\n  /**\n   * Whether the input is read-only. If true, the input cannot be edited.\n   * Default is false.\n   */\n  @Prop() readOnly: boolean = false;\n  /**\n   * Whether the input should be focused when rendered.\n   * Default is false. If true, the input is focused when rendered.\n   * Use this to set the focus on the first input in a form.\n   */\n  @Prop() autoFocus: boolean = false;\n  /**\n   * The pattern to validate the input value. If the value does not match the pattern, an error message is displayed.\n   * Default is null. If the pattern is not set, the pattern is determined by the input type for 'email' and 'phone_number'.\n   */\n  @Prop() pattern?: RegExp;\n  /**\n   * The maximum length of the input value. If the value is longer than the maximum length, an error message is displayed.\n   * Default is 255.\n   */\n  @Prop() maxLength: number = 255;\n  /**\n   * The error message to display when the value does not match the pattern.\n   * Default is 'Invalid <field> format.' where <field> is the input label.\n   */\n  @Prop() patternError: string = '';\n\n  /**\n   * This error message is displayed when the input value is empty and the input is required.\n   */\n  @Prop() requiredError: string = '';\n  @Prop() maxValue?: number; // Optional max value for 'number'\n  @Prop() minValue?: number; // Optional min value for 'number'\n\n  /**\n   * The input value state.\n   */\n  @State() value!: string;\n  /**\n   * The error message state.\n   */\n  @State() error: string = '';\n\n  /**\n   * This event is fired when the input value is changed.\n   * The scheduling form listens for this event to validate the input value and submit the form.\n   * If using outside of the scheduling form, listen for this event to validate the input value\n   * and handle the input value change.\n   */\n  @Event() nylasFormInputChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    label: string;\n    type: string;\n    error: string;\n  }>;\n\n  @Event() nylasFormInputFocused!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  @Event() nylasFormInputBlurred!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  // Lifecycle methods\n  @Watch('defaultValue')\n  handleDefaultValueChange(newValue: string) {\n    this.value = sanitize(newValue);\n    if (this.value) {\n      this.validatePattern(this.value);\n    }\n  }\n\n  componentDidLoad() {\n    this.value = sanitize(this.defaultValue || '');\n    if (this.type !== 'text' && !this.pattern) {\n      this.pattern = DefaultPattern[this.type];\n    }\n\n    if (this.value) {\n      this.validatePattern(this.value);\n    }\n  }\n\n  // Event listeners\n  /**\n   * Listen for the bookingFormSubmitted event to validate the input value when the form is submitted.\n   */\n  @Listen('bookingFormSubmitted', { target: 'document' })\n  handleBookingFormSubmitted(event: CustomEvent) {\n    this.validatePattern(this.value);\n    if (this.error) {\n      event.preventDefault();\n    }\n  }\n\n  @Listen('formSubmitted', { target: 'document' })\n  async handleFormSubmitted(event: CustomEvent) {\n    if (this.el?.getAttribute('data-page-styling')) {\n      this.validatePattern(this.value);\n      if (this.error) {\n        event.preventDefault();\n      }\n    }\n  }\n\n  // Methods\n  handleInput(e: Event) {\n    this.error = '';\n    const inputValue = (e.target as HTMLInputElement).value;\n\n    // For 'number', ensure the value is valid\n    if (this.type === 'number') {\n      const numericValue = parseFloat(inputValue);\n      if ((this.maxValue !== undefined && numericValue > this.maxValue) || (this.minValue !== undefined && numericValue < this.minValue)) {\n        if (this.minValue === undefined) {\n          this.error = `Value must be less than ${this.maxValue}`;\n        } else if (this.maxValue === undefined) {\n          this.error = `Value must be greater than ${this.minValue}`;\n        } else {\n          this.error = `Value must be between ${this.minValue} and ${this.maxValue}`;\n        }\n      } else if (isNaN(numericValue)) {\n        this.error = this.patternError || 'Invalid format.';\n      }\n    }\n\n    this.value = sanitize(inputValue);\n    this.nylasFormInputChanged.emit({\n      value: this.value,\n      name: this.name,\n      label: this.label,\n      error: this.error,\n      type: this.type,\n    });\n  }\n\n  handleBlur() {\n    this.nylasFormInputBlurred.emit({\n      value: this.value,\n      name: this.name,\n    });\n  }\n\n  handleFocus() {\n    this.nylasFormInputFocused.emit({\n      value: this.value,\n      name: this.name,\n    });\n  }\n\n  validatePattern(value: string) {\n    // Reset error\n    this.error = '';\n\n    if (this.required && !value) {\n      this.error = this.requiredError || 'This field is required.';\n      return;\n    }\n\n    if (this.type === 'number' && value) {\n      const numericValue = parseFloat(value);\n      if ((this.maxValue !== undefined && numericValue > this.maxValue) || (this.minValue !== undefined && numericValue < this.minValue)) {\n        this.error = `Value must be between ${this.minValue} and ${this.maxValue}`;\n        return;\n      }\n    }\n\n    if (this.pattern && value && !this.pattern.test(value)) {\n      this.error = this.patternError || 'Invalid format.';\n    }\n  }\n\n  render() {\n    return (\n      <label part={this.error ? 'ic__label ic__label--error' : 'ic__label'} class={{ error: !!this.error }}>\n        {this.label && (\n          <p>\n            <span class=\"label\">{this.label}</span>\n            {this.required && <span class=\"required\">*</span>}\n          </p>\n        )}\n        <div part=\"ic__input_wrapper\" class=\"input_wrapper\">\n          <input\n            type={this.type}\n            name={this.name}\n            part={this.error ? 'ic__input ic__input--error' : 'ic__input'}\n            title={this.readOnly ? 'read-only field' : undefined}\n            readOnly={this.readOnly}\n            autoFocus={this.autoFocus}\n            value={this.value}\n            maxLength={this.maxLength}\n            max={this.type === 'number' ? this.maxValue : undefined}\n            min={this.type === 'number' ? this.minValue : undefined}\n            placeholder={this.placeholder}\n            class={{ error: !!this.error }}\n            onInput={e => this.handleInput(e)}\n            onFocus={() => this.handleFocus()}\n            onBlur={() => this.handleBlur()}\n          />\n          <slot name=\"additional-input\"></slot>\n        </div>\n        {this.error && (\n          <span class=\"error help-text\" part=\"ic__error_message\">\n            {this.error}\n          </span>\n        )}\n      </label>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAoB,+uHAC1B,MAAAC,EAAeD,ECEf,MAAME,EAAiB,CACrBC,MAAO,uIACPC,aAAc,iBAGhB,MAAMC,EAAqB,CACzBF,MAAO,mBACPC,aAAc,c,MAaHE,EAAc,M,0NAQF,Q,uCAQC,G,UAKqC,O,iBAI/BD,EAAmBE,KAAKC,M,cAK1B,M,cAKA,M,eAMC,M,sCAUD,I,kBAKG,G,mBAKC,G,gFAWP,E,CA4BzB,wBAAAC,CAAyBC,GACvBH,KAAKI,MAAQC,EAASF,GACtB,GAAIH,KAAKI,MAAO,CACdJ,KAAKM,gBAAgBN,KAAKI,M,EAI9B,gBAAAG,GACEP,KAAKI,MAAQC,EAASL,KAAKQ,cAAgB,IAC3C,GAAIR,KAAKC,OAAS,SAAWD,KAAKS,QAAS,CACzCT,KAAKS,QAAUd,EAAeK,KAAKC,K,CAGrC,GAAID,KAAKI,MAAO,CACdJ,KAAKM,gBAAgBN,KAAKI,M,EAS9B,0BAAAM,CAA2BC,GACzBX,KAAKM,gBAAgBN,KAAKI,OAC1B,GAAIJ,KAAKY,MAAO,CACdD,EAAME,gB,EAKV,yBAAMC,CAAoBH,GACxB,GAAIX,KAAKe,IAAIC,aAAa,qBAAsB,CAC9ChB,KAAKM,gBAAgBN,KAAKI,OAC1B,GAAIJ,KAAKY,MAAO,CACdD,EAAME,gB,GAMZ,WAAAI,CAAYC,GACVlB,KAAKY,MAAQ,GACb,MAAMO,EAAcD,EAAEE,OAA4BhB,MAGlD,GAAIJ,KAAKC,OAAS,SAAU,CAC1B,MAAMoB,EAAeC,WAAWH,GAChC,GAAKnB,KAAKuB,WAAaC,WAAaH,EAAerB,KAAKuB,UAAcvB,KAAKyB,WAAaD,WAAaH,EAAerB,KAAKyB,SAAW,CAClI,GAAIzB,KAAKyB,WAAaD,UAAW,CAC/BxB,KAAKY,MAAQ,2BAA2BZ,KAAKuB,U,MACxC,GAAIvB,KAAKuB,WAAaC,UAAW,CACtCxB,KAAKY,MAAQ,8BAA8BZ,KAAKyB,U,KAC3C,CACLzB,KAAKY,MAAQ,yBAAyBZ,KAAKyB,gBAAgBzB,KAAKuB,U,OAE7D,GAAIG,MAAML,GAAe,CAC9BrB,KAAKY,MAAQZ,KAAK2B,cAAgB,iB,EAItC3B,KAAKI,MAAQC,EAASc,GACtBnB,KAAK4B,sBAAsBC,KAAK,CAC9BzB,MAAOJ,KAAKI,MACZ0B,KAAM9B,KAAK8B,KACXC,MAAO/B,KAAK+B,MACZnB,MAAOZ,KAAKY,MACZX,KAAMD,KAAKC,M,CAIf,UAAA+B,GACEhC,KAAKiC,sBAAsBJ,KAAK,CAC9BzB,MAAOJ,KAAKI,MACZ0B,KAAM9B,KAAK8B,M,CAIf,WAAAI,GACElC,KAAKmC,sBAAsBN,KAAK,CAC9BzB,MAAOJ,KAAKI,MACZ0B,KAAM9B,KAAK8B,M,CAIf,eAAAxB,CAAgBF,GAEdJ,KAAKY,MAAQ,GAEb,GAAIZ,KAAKoC,WAAahC,EAAO,CAC3BJ,KAAKY,MAAQZ,KAAKqC,eAAiB,0BACnC,M,CAGF,GAAIrC,KAAKC,OAAS,UAAYG,EAAO,CACnC,MAAMiB,EAAeC,WAAWlB,GAChC,GAAKJ,KAAKuB,WAAaC,WAAaH,EAAerB,KAAKuB,UAAcvB,KAAKyB,WAAaD,WAAaH,EAAerB,KAAKyB,SAAW,CAClIzB,KAAKY,MAAQ,yBAAyBZ,KAAKyB,gBAAgBzB,KAAKuB,WAChE,M,EAIJ,GAAIvB,KAAKS,SAAWL,IAAUJ,KAAKS,QAAQ6B,KAAKlC,GAAQ,CACtDJ,KAAKY,MAAQZ,KAAK2B,cAAgB,iB,EAItC,MAAAY,GACE,OACEC,EAAA,SAAAC,IAAA,2CAAOC,KAAM1C,KAAKY,MAAQ,6BAA+B,YAAa+B,MAAO,CAAE/B,QAASZ,KAAKY,QAC1FZ,KAAK+B,OACJS,EAAA,SACEA,EAAA,QAAMG,MAAM,SAAS3C,KAAK+B,OACzB/B,KAAKoC,UAAYI,EAAA,QAAMG,MAAM,YAAU,MAG5CH,EAAA,OAAAC,IAAA,2CAAKC,KAAK,oBAAoBC,MAAM,iBAClCH,EAAA,SAAAC,IAAA,2CACExC,KAAMD,KAAKC,KACX6B,KAAM9B,KAAK8B,KACXY,KAAM1C,KAAKY,MAAQ,6BAA+B,YAClDgC,MAAO5C,KAAK6C,SAAW,kBAAoBrB,UAC3CqB,SAAU7C,KAAK6C,SACfC,UAAW9C,KAAK8C,UAChB1C,MAAOJ,KAAKI,MACZ2C,UAAW/C,KAAK+C,UAChBC,IAAKhD,KAAKC,OAAS,SAAWD,KAAKuB,SAAWC,UAC9CyB,IAAKjD,KAAKC,OAAS,SAAWD,KAAKyB,SAAWD,UAC9C0B,YAAalD,KAAKkD,YAClBP,MAAO,CAAE/B,QAASZ,KAAKY,OACvBuC,QAASjC,GAAKlB,KAAKiB,YAAYC,GAC/BkC,QAAS,IAAMpD,KAAKkC,cACpBmB,OAAQ,IAAMrD,KAAKgC,eAErBQ,EAAA,QAAAC,IAAA,2CAAMX,KAAK,sBAEZ9B,KAAKY,OACJ4B,EAAA,QAAMG,MAAM,kBAAkBD,KAAK,qBAChC1C,KAAKY,O"}

package/dist/nylas-web-elements/{p-888d0c66.entry.js → p-c5f86111.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as e,c as i,H as t,a}from"./p-6f5a3998.js";import{L as r}from"./p-6f7cb609.js";import{L as o,M as n,C as l,N as c,O as h,D as f}from"./p-ec2c12a9.js";import{a as d}from"./p-c79dcb59.js";import{c as p}from"./p-2e264faa.js";const y=".sc-globe-icon-h{display:flex}";const m=y;const u=class{constructor(e){s(this,e);this.width="16";this.height="16"}render(){return e("svg",{key:"e49a7c6af179ae7509e706ac54dab240917fa5ad",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 16 16",fill:"none"},e("path",{key:"20930ecebcee8b313e00f572da95d60cd6437945",d:"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z",fill:"currentColor"}))}};u.style=m;const b=':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-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}';const x=b;d.extend(p);const g=class{constructor(e){s(this,e);this.timeChange=i(this,"timeChange",7);this.timeWindowFormError=i(this,"timeWindowFormError",7);this.time=undefined;this.minimumStartTime=null;this.placeholder="hh:mmam/pm";this.name=undefined;this.hasError=false;this.language=r.en;this.err="";this.showTimes=false;this.ariaActivedescendant="";this.times=this.generateTimes();this.shouldAutoScroll=false}handleOutsideClick(s){const e=s.composedPath();const i=e.includes(this.el);if(!i&&this.showTimes){this.showTimes=false}}minimumStartTimeChangedHandler(){if(this.minimumStartTime){let s=d().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4,-2)));if(this.minimumStartTime.slice(-2).toLowerCase()==="pm"&&parseInt(this.minimumStartTime)!==12){s=s.add(12,"hour")}else if(this.minimumStartTime.slice(-2).toLowerCase()==="am"&&parseInt(this.minimumStartTime)===12){s=s.subtract(12,"hour")}this.times=this.generateTimes();const e=d(this.times[0].value,"hh:mma");const i=d(this.time,"hh:mma");if(i.isBefore(e)){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"})}}}componentDidRender(){if(this.showTimes&&this.shouldAutoScroll){const s=o(this.time);const e=this.times.findIndex((e=>e.value===s));if(e>-1){this.shouldAutoScroll=false;this.scrollToViewWithinParent(e)}return}}handleTimeChange(s,e){const i=e.split(":");if(i[0]==="00"&&i[1].slice(-2)=="pm"){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"})}if(!n(e)){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"})}else{this.err="";this.timeWindowFormError.emit({key:this.el.id,message:""})}if(this.err){return}this.timeChange.emit({key:this.el.id,value:e})}handleTimeAutocomplete(s){const e=s.target?.value;const i=this.language===r.de||this.language===r.fr?l(e):e;if(!n(i)){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"});return}if(i===""){const s=c().format("hh:mma");this.timeChange.emit({key:this.el.id,value:s});return}if(!h(i)){const s=o(i);this.timeChange.emit({key:this.el.id,value:s});return}this.timeChange.emit({key:this.el.id,value:i})}handleOnInput(s){const e=s.target?.value;if(!n(e)){return}if(e===""){const s=c().format("hh:mma");const e=this.times.findIndex((e=>e.value===s));if(e>-1){this.scrollToViewWithinParent(e)}return}if(!h(e)){const s=o(e);const i=this.times.findIndex((e=>e.value===s));if(i>-1){this.scrollToViewWithinParent(i)}return}}generateTimes(){const s=[];let e=d().set("hour",0).set("minute",0).set("second",0);if(this.minimumStartTime){e=d(this.minimumStartTime,"hh:mma")}const i=e.endOf("day").diff(e,"minutes");const t=Math.round(i/15);for(let i=0;i<t+1;i++){const a=e.add(i*15,"minute");if(i==t&&a.format("hh:mma").includes("am")){break}s.push({id:i,value:a.format("hh:mma")})}return s}handleComboboxKeyDown(s){if(s.key==="ArrowDown"){s.preventDefault();if(!this.showTimes){this.showTimes=true;this.shouldAutoScroll=true;return}if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[0].id.toString();this.focusOption(0)}else{const s=this.times.findIndex((s=>s.id.toString()===this.ariaActivedescendant));const e=s+1<this.times.length?s+1:0;this.ariaActivedescendant=this.times[e].id.toString();this.focusOption(e)}}else if(s.key==="ArrowUp"){s.preventDefault();if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[this.times.length-1].id.toString();this.focusOption(this.times.length-1)}else{const s=this.times.findIndex((s=>s.id.toString()===this.ariaActivedescendant));const e=s-1>=0?s-1:this.times.length-1;this.ariaActivedescendant=this.times[e].id.toString();this.focusOption(e)}}else if(s.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}handleListboxKeydown(s){const e=this.times;const i=e.findIndex((s=>s.id.toString()===this.ariaActivedescendant));if(s.key==="ArrowDown"||s.key==="Tab"&&!s.shiftKey){s.preventDefault();const t=i+1<e.length?i+1:0;this.ariaActivedescendant=e[t].id.toString();this.focusOption(t)}else if(s.key==="ArrowUp"||s.key==="Tab"&&s.shiftKey){s.preventDefault();const t=i-1>=0?i-1:e.length-1;this.ariaActivedescendant=e[t].id.toString();this.focusOption(t)}else if(s.key==="Enter"){s.preventDefault();if(this.ariaActivedescendant){const t=e[i];this.handleTimeChange(s,t.value);this.showTimes=false;this.ariaActivedescendant="";this.timeInput.focus()}}else if(s.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}scrollToViewWithinParent(s){const e=this.times[s];const i=this.el.shadowRoot?.getElementById(e.id.toString());const t=this.timeMenu;this.ariaActivedescendant=e.id.toString();const a=i.getBoundingClientRect();const r=t.getBoundingClientRect();if(a.top<r.top){t.scrollTop-=r.top-a.top}else if(a.bottom>r.bottom){t.scrollTop+=a.bottom-r.bottom}if(a.left<r.left){t.scrollLeft-=r.left-a.left}else if(a.right>r.right){t.scrollLeft+=a.right-r.right}}focusOption(s){const e=this.times[s];if(!e)return;const i=e.id.toString();const t=this.el.shadowRoot?.getElementById(i);if(t){t.focus();t.scrollIntoView({behavior:"smooth",block:"nearest"})}}render(){const s=this.language===r.en?false:true;return e(t,{key:"fe213a09bb8bd924e66b19ae885a4ecea11e7919"},e("div",{key:"75068ee86601003889d1d5047ca72f94cfce4354",class:"time-picker",part:"time-picker"},e("input",{key:"204175ad394c1a67f5464c04c20ba07dcde5863a",type:"text",name:this.name,id:this.name,part:"time-input",class:{"time-input":true,error:!!this.err||this.hasError},ref:s=>this.timeInput=s,value:s?f(this.time):this.time,onClick:()=>{this.showTimes=!this.showTimes;this.shouldAutoScroll=true},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.showTimes?"true":"false",placeholder:this.placeholder,onKeyDown:s=>this.handleComboboxKeyDown(s),onInput:s=>this.handleOnInput(s),onBlur:s=>this.handleTimeAutocomplete(s)}),this.err&&e("div",{class:"invalid-time-icon"}),this.showTimes&&e("div",{class:"times",part:"times",ref:s=>this.timeMenu=s},e("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:s=>this.handleListboxKeydown(s)},this.times.map((i=>e("li",{tabindex:"0",key:i.id,id:i.id.toString(),class:{focused:this.ariaActivedescendant===i.id.toString()},onClick:s=>{this.handleTimeChange(s,i.value);this.showTimes=false;this.timeInput.focus()},role:"option"},`${s?f(i.value):i.value}`))))),!this.showTimes&&this.err&&e("p",{class:"error",id:"email-error"},this.err)))}get el(){return a(this)}static get watchers(){return{minimumStartTime:["minimumStartTimeChangedHandler"]}}};g.style=x;export{u as globe_icon,g as nylas_time_window_picker};
-//# sourceMappingURL=p-888d0c66.entry.js.map
+import{r as s,h as e,c as i,H as t,a}from"./p-6f5a3998.js";import{L as r}from"./p-6f7cb609.js";import{L as o,M as n,C as l,N as c,O as h,D as f}from"./p-6b7fb948.js";import{a as d}from"./p-c79dcb59.js";import{c as p}from"./p-2e264faa.js";const y=".sc-globe-icon-h{display:flex}";const m=y;const b=class{constructor(e){s(this,e);this.width="16";this.height="16"}render(){return e("svg",{key:"e49a7c6af179ae7509e706ac54dab240917fa5ad",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 16 16",fill:"none"},e("path",{key:"20930ecebcee8b313e00f572da95d60cd6437945",d:"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z",fill:"currentColor"}))}};b.style=m;const u=':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-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}';const x=u;d.extend(p);const g=class{constructor(e){s(this,e);this.timeChange=i(this,"timeChange",7);this.timeWindowFormError=i(this,"timeWindowFormError",7);this.time=undefined;this.minimumStartTime=null;this.placeholder="hh:mmam/pm";this.name=undefined;this.hasError=false;this.language=r.en;this.err="";this.showTimes=false;this.ariaActivedescendant="";this.times=this.generateTimes();this.shouldAutoScroll=false}handleOutsideClick(s){const e=s.composedPath();const i=e.includes(this.el);if(!i&&this.showTimes){this.showTimes=false}}minimumStartTimeChangedHandler(){if(this.minimumStartTime){let s=d().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4,-2)));if(this.minimumStartTime.slice(-2).toLowerCase()==="pm"&&parseInt(this.minimumStartTime)!==12){s=s.add(12,"hour")}else if(this.minimumStartTime.slice(-2).toLowerCase()==="am"&&parseInt(this.minimumStartTime)===12){s=s.subtract(12,"hour")}this.times=this.generateTimes();const e=d(this.times[0].value,"hh:mma");const i=d(this.time,"hh:mma");if(i.isBefore(e)){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"})}}}componentDidRender(){if(this.showTimes&&this.shouldAutoScroll){const s=o(this.time);const e=this.times.findIndex((e=>e.value===s));if(e>-1){this.shouldAutoScroll=false;this.scrollToViewWithinParent(e)}return}}handleTimeChange(s,e){const i=e.split(":");if(i[0]==="00"&&i[1].slice(-2)=="pm"){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"})}if(!n(e)){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"})}else{this.err="";this.timeWindowFormError.emit({key:this.el.id,message:""})}if(this.err){return}this.timeChange.emit({key:this.el.id,value:e})}handleTimeAutocomplete(s){const e=s.target?.value;const i=this.language===r.de||this.language===r.fr?l(e):e;if(!n(i)){this.err="Invalid";this.timeWindowFormError.emit({key:this.el.id,message:"Invalid"});return}if(i===""){const s=c().format("hh:mma");this.timeChange.emit({key:this.el.id,value:s});return}if(!h(i)){const s=o(i);this.timeChange.emit({key:this.el.id,value:s});return}this.timeChange.emit({key:this.el.id,value:i})}handleOnInput(s){const e=s.target?.value;if(!n(e)){return}if(e===""){const s=c().format("hh:mma");const e=this.times.findIndex((e=>e.value===s));if(e>-1){this.scrollToViewWithinParent(e)}return}if(!h(e)){const s=o(e);const i=this.times.findIndex((e=>e.value===s));if(i>-1){this.scrollToViewWithinParent(i)}return}}generateTimes(){const s=[];let e=d().set("hour",0).set("minute",0).set("second",0);if(this.minimumStartTime){e=d(this.minimumStartTime,"hh:mma")}const i=e.endOf("day").diff(e,"minutes");const t=Math.round(i/15);for(let i=0;i<t+1;i++){const a=e.add(i*15,"minute");if(i==t&&a.format("hh:mma").includes("am")){break}s.push({id:i,value:a.format("hh:mma")})}return s}handleComboboxKeyDown(s){if(s.key==="ArrowDown"){s.preventDefault();if(!this.showTimes){this.showTimes=true;this.shouldAutoScroll=true;return}if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[0].id.toString();this.focusOption(0)}else{const s=this.times.findIndex((s=>s.id.toString()===this.ariaActivedescendant));const e=s+1<this.times.length?s+1:0;this.ariaActivedescendant=this.times[e].id.toString();this.focusOption(e)}}else if(s.key==="ArrowUp"){s.preventDefault();if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[this.times.length-1].id.toString();this.focusOption(this.times.length-1)}else{const s=this.times.findIndex((s=>s.id.toString()===this.ariaActivedescendant));const e=s-1>=0?s-1:this.times.length-1;this.ariaActivedescendant=this.times[e].id.toString();this.focusOption(e)}}else if(s.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}handleListboxKeydown(s){const e=this.times;const i=e.findIndex((s=>s.id.toString()===this.ariaActivedescendant));if(s.key==="ArrowDown"||s.key==="Tab"&&!s.shiftKey){s.preventDefault();const t=i+1<e.length?i+1:0;this.ariaActivedescendant=e[t].id.toString();this.focusOption(t)}else if(s.key==="ArrowUp"||s.key==="Tab"&&s.shiftKey){s.preventDefault();const t=i-1>=0?i-1:e.length-1;this.ariaActivedescendant=e[t].id.toString();this.focusOption(t)}else if(s.key==="Enter"){s.preventDefault();if(this.ariaActivedescendant){const t=e[i];this.handleTimeChange(s,t.value);this.showTimes=false;this.ariaActivedescendant="";this.timeInput.focus()}}else if(s.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}scrollToViewWithinParent(s){const e=this.times[s];const i=this.el.shadowRoot?.getElementById(e.id.toString());const t=this.timeMenu;this.ariaActivedescendant=e.id.toString();const a=i.getBoundingClientRect();const r=t.getBoundingClientRect();if(a.top<r.top){t.scrollTop-=r.top-a.top}else if(a.bottom>r.bottom){t.scrollTop+=a.bottom-r.bottom}if(a.left<r.left){t.scrollLeft-=r.left-a.left}else if(a.right>r.right){t.scrollLeft+=a.right-r.right}}focusOption(s){const e=this.times[s];if(!e)return;const i=e.id.toString();const t=this.el.shadowRoot?.getElementById(i);if(t){t.focus();t.scrollIntoView({behavior:"smooth",block:"nearest"})}}render(){const s=this.language===r.en?false:true;return e(t,{key:"fe213a09bb8bd924e66b19ae885a4ecea11e7919"},e("div",{key:"75068ee86601003889d1d5047ca72f94cfce4354",class:"time-picker",part:"time-picker"},e("input",{key:"204175ad394c1a67f5464c04c20ba07dcde5863a",type:"text",name:this.name,id:this.name,part:"time-input",class:{"time-input":true,error:!!this.err||this.hasError},ref:s=>this.timeInput=s,value:s?f(this.time):this.time,onClick:()=>{this.showTimes=!this.showTimes;this.shouldAutoScroll=true},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.showTimes?"true":"false",placeholder:this.placeholder,onKeyDown:s=>this.handleComboboxKeyDown(s),onInput:s=>this.handleOnInput(s),onBlur:s=>this.handleTimeAutocomplete(s)}),this.err&&e("div",{class:"invalid-time-icon"}),this.showTimes&&e("div",{class:"times",part:"times",ref:s=>this.timeMenu=s},e("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:s=>this.handleListboxKeydown(s)},this.times.map((i=>e("li",{tabindex:"0",key:i.id,id:i.id.toString(),class:{focused:this.ariaActivedescendant===i.id.toString()},onClick:s=>{this.handleTimeChange(s,i.value);this.showTimes=false;this.timeInput.focus()},role:"option"},`${s?f(i.value):i.value}`))))),!this.showTimes&&this.err&&e("p",{class:"error",id:"email-error"},this.err)))}get el(){return a(this)}static get watchers(){return{minimumStartTime:["minimumStartTimeChangedHandler"]}}};g.style=x;export{b as globe_icon,g as nylas_time_window_picker};
+//# sourceMappingURL=p-c5f86111.entry.js.map

package/dist/nylas-web-elements/{p-dd98c443.entry.js → p-cc6dbd73.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as i,H as n}from"./p-6f5a3998.js";import{R as r}from"./p-797578de.js";import"./p-ec2c12a9.js";import"./p-c79dcb59.js";const e=":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}";const a=e;var s=undefined&&undefined.__decorate||function(o,t,i,n){var r=arguments.length,e=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")e=Reflect.decorate(o,t,i,n);else for(var s=o.length-1;s>=0;s--)if(a=o[s])e=(r<3?a(e):r>3?a(t,i,e):a(t,i))||e;return r>3&&e&&Object.defineProperty(t,i,e),e};var l=undefined&&undefined.__metadata||function(o,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(o,t)};const c=class{constructor(i){o(this,i);this.buttonClick=t(this,"buttonClick",7);this._handleLoginRedirect=async()=>{const o=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes));const t=this.buttonClick.emit({url:o});if(t.defaultPrevented){return}if(o){window.location.href=o}};this._onGoogleButtonClick=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,undefined,"google"));if(t){window.location.href=t}};this._onMicrosoftButtonClick=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,undefined,"microsoft"));if(t){window.location.href=t}};this._onFormSubmit=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,this.email));if(t){window.location.href=t}};this.isAuthenticated=false;this.nylasConnector=undefined;this.scopes=undefined;this.loginMethod="redirect";this.companyName="Nylas";this.logoUrl="https://www.nylas.com/wp-content/uploads/main-logo.svg";this.logoWidth="min-content";this.providers="google,microsoft";this.buttonText="Login";this.email=""}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}async componentDidLoad(){const o=await(this.nylasConnector?.auth.manageHostedAuthCodeExchange(window.location.href));if(o){window.history.replaceState({},document.title,window.location.pathname)}}render(){const o=this.providers?.split(",")||[];return i(n,{key:"27d4a3f463e79c5d471cb6bd487bb1e5ed79f736"},this.loginMethod==="redirect"&&i("div",{class:"redirect-container"},!this.isAuthenticated&&i("button",{part:"button",onClick:this._handleLoginRedirect},this.buttonText)),this.loginMethod==="emebded"&&i("main",{class:"login-container"},i("section",{class:"login-box"},i("header",null,i("img",{src:this.logoUrl,alt:`${this.companyName} logo`,width:"100%",style:{minWidth:this.logoWidth}}),i("h1",null,"Welcome")),i("p",null,"Log in to your account to continue to ",this.companyName),i("div",{class:"login-methods"},o.includes("google")&&i("button",{class:"login-google",onClick:this._onGoogleButtonClick},i("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 256 262"},i("path",{fill:"#4285F4",d:"M255.6 131.6c0-8.2-.8-16.2-2.2-23.9H130v45.3h70.3c-3 16.1-12.4 29.7-26.3 38.9v32.4h42.6c25-23 39.4-56.7 39.4-97.7z"}),i("path",{fill:"#34A853",d:"M130 262c35.3 0 64.9-11.7 86.5-31.7l-42.6-32.4c-11.7 7.9-26.7 12.6-43.9 12.6-33.7 0-62.3-22.7-72.5-53.4H14.5v33.3A130.3 130.3 0 00130 262z"}),i("path",{fill:"#FBBC05",d:"M57.5 158.1a72.7 72.7 0 010-54.2V70.6H14.5a130.4 130.4 0 000 120.8l43-33.3z"}),i("path",{fill:"#EA4335",d:"M130 51.6c19 0 36 6.5 49.4 19.2l37-36C195 13.1 165.2 0 130 0A130.3 130.3 0 0014.5 70.6l43 33.3c10.2-30.7 38.8-53.3 72.5-53.3z"})),"Continue with Google"),o.includes("microsoft")&&i("button",{class:"login-microsoft",onClick:this._onMicrosoftButtonClick},i("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 448 512"},i("path",{fill:"#F3F3F3",d:"M0 32v192h192V32H0zm256 0v192h192V32H256zm192 256v192h-192V288h192zM0 224v192h192V224H0z"})),"Continue with Microsoft")),i("form",{class:"login-form",method:"POST",onSubmit:this._onFormSubmit},i("label",{htmlFor:"email"},"Email"),i("input",{type:"email",id:"email",name:"email",required:true,value:this.email}),i("button",{type:"submit"},"Next")))))}};s([r({name:"nylas-login",connectorToProp:"nylasConnector",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"]]),fireRegisterEvent:true}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],c.prototype,"render",null);c.style=a;export{c as nylas_login};
-//# sourceMappingURL=p-dd98c443.entry.js.map
+import{r as o,c as t,h as i,H as n}from"./p-6f5a3998.js";import{R as r}from"./p-388c456c.js";import"./p-6b7fb948.js";import"./p-c79dcb59.js";const e=":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}";const a=e;var s=undefined&&undefined.__decorate||function(o,t,i,n){var r=arguments.length,e=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")e=Reflect.decorate(o,t,i,n);else for(var s=o.length-1;s>=0;s--)if(a=o[s])e=(r<3?a(e):r>3?a(t,i,e):a(t,i))||e;return r>3&&e&&Object.defineProperty(t,i,e),e};var l=undefined&&undefined.__metadata||function(o,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(o,t)};const c=class{constructor(i){o(this,i);this.buttonClick=t(this,"buttonClick",7);this._handleLoginRedirect=async()=>{const o=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes));const t=this.buttonClick.emit({url:o});if(t.defaultPrevented){return}if(o){window.location.href=o}};this._onGoogleButtonClick=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,undefined,"google"));if(t){window.location.href=t}};this._onMicrosoftButtonClick=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,undefined,"microsoft"));if(t){window.location.href=t}};this._onFormSubmit=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,this.email));if(t){window.location.href=t}};this.isAuthenticated=false;this.nylasConnector=undefined;this.scopes=undefined;this.loginMethod="redirect";this.companyName="Nylas";this.logoUrl="https://www.nylas.com/wp-content/uploads/main-logo.svg";this.logoWidth="min-content";this.providers="google,microsoft";this.buttonText="Login";this.email=""}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}async componentDidLoad(){const o=await(this.nylasConnector?.auth.manageHostedAuthCodeExchange(window.location.href));if(o){window.history.replaceState({},document.title,window.location.pathname)}}render(){const o=this.providers?.split(",")||[];return i(n,{key:"27d4a3f463e79c5d471cb6bd487bb1e5ed79f736"},this.loginMethod==="redirect"&&i("div",{class:"redirect-container"},!this.isAuthenticated&&i("button",{part:"button",onClick:this._handleLoginRedirect},this.buttonText)),this.loginMethod==="emebded"&&i("main",{class:"login-container"},i("section",{class:"login-box"},i("header",null,i("img",{src:this.logoUrl,alt:`${this.companyName} logo`,width:"100%",style:{minWidth:this.logoWidth}}),i("h1",null,"Welcome")),i("p",null,"Log in to your account to continue to ",this.companyName),i("div",{class:"login-methods"},o.includes("google")&&i("button",{class:"login-google",onClick:this._onGoogleButtonClick},i("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 256 262"},i("path",{fill:"#4285F4",d:"M255.6 131.6c0-8.2-.8-16.2-2.2-23.9H130v45.3h70.3c-3 16.1-12.4 29.7-26.3 38.9v32.4h42.6c25-23 39.4-56.7 39.4-97.7z"}),i("path",{fill:"#34A853",d:"M130 262c35.3 0 64.9-11.7 86.5-31.7l-42.6-32.4c-11.7 7.9-26.7 12.6-43.9 12.6-33.7 0-62.3-22.7-72.5-53.4H14.5v33.3A130.3 130.3 0 00130 262z"}),i("path",{fill:"#FBBC05",d:"M57.5 158.1a72.7 72.7 0 010-54.2V70.6H14.5a130.4 130.4 0 000 120.8l43-33.3z"}),i("path",{fill:"#EA4335",d:"M130 51.6c19 0 36 6.5 49.4 19.2l37-36C195 13.1 165.2 0 130 0A130.3 130.3 0 0014.5 70.6l43 33.3c10.2-30.7 38.8-53.3 72.5-53.3z"})),"Continue with Google"),o.includes("microsoft")&&i("button",{class:"login-microsoft",onClick:this._onMicrosoftButtonClick},i("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 448 512"},i("path",{fill:"#F3F3F3",d:"M0 32v192h192V32H0zm256 0v192h192V32H256zm192 256v192h-192V288h192zM0 224v192h192V224H0z"})),"Continue with Microsoft")),i("form",{class:"login-form",method:"POST",onSubmit:this._onFormSubmit},i("label",{htmlFor:"email"},"Email"),i("input",{type:"email",id:"email",name:"email",required:true,value:this.email}),i("button",{type:"submit"},"Next")))))}};s([r({name:"nylas-login",connectorToProp:"nylasConnector",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"]]),fireRegisterEvent:true}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],c.prototype,"render",null);c.style=a;export{c as nylas_login};
+//# sourceMappingURL=p-cc6dbd73.entry.js.map

package/dist/nylas-web-elements/{p-b59288fd.entry.js → p-d5a2cec8.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a,H as l,a as o}from"./p-6f5a3998.js";import{R as r}from"./p-797578de.js";import{a as s,G as n}from"./p-ec2c12a9.js";import"./p-c79dcb59.js";const c=':host{display:block;--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-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)}';const y=c;var f=undefined&&undefined.__decorate||function(e,a,l,o){var r=arguments.length,s=r<3?a:o===null?o=Object.getOwnPropertyDescriptor(a,l):o,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,l,o);else for(var c=e.length-1;c>=0;c--)if(n=e[c])s=(r<3?n(s):r>3?n(a,l,s):n(a,l))||s;return r>3&&s&&Object.defineProperty(a,l,s),s};var d=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const t=class{constructor(a){e(this,a);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}}connectedCallback(){s("nylas-event-card","connectedCallback")}componentWillLoad(){s("nylas-event-card","componentWillLoad")}componentDidLoad(){s("nylas-event-card","componentDidLoad")}disconnectedCallback(){s("nylas-event-card","disconnectedCallback");const e=["header-title","header-subtitle","content"];n(e,this.host)}render(){return a(l,{key:"1bf7def778f8d26174861d5253a87b30978175e4"},a("div",{key:"77b6e4b2ffcde3640add3574e6f9211f787b20a0",class:"nylas-form-card",part:"nfc"},a("div",{key:"96451ec57814367e5e2b1941749241a2f72529a6",class:"nylas-form-card__header",part:"nfc__header"},a("slot",{key:"ea00a893f4d4dca93d007cac452c20dbaeb343d8",name:"header-title"}),a("slot",{key:"1a3456b5df4131ba56903131ac099b62c0008ef3",name:"header-subtitle"})),a("div",{key:"65bc9cc821c69e797074781d1dd16fd4e2911b15",class:"nylas-form-card__content"},a("slot",{key:"3e4821b0592ec46a3ada782ab114e8707647eb09",name:"content"}))))}static get formAssociated(){return true}get host(){return o(this)}};f([r({name:"nylas-form-card",eventToProps:{},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],t.prototype,"render",null);t.style=y;export{t as nylas_form_card};
-//# sourceMappingURL=p-b59288fd.entry.js.map
+import{r as e,h as a,H as l,a as o}from"./p-6f5a3998.js";import{R as r}from"./p-388c456c.js";import{a as s,G as n}from"./p-6b7fb948.js";import"./p-c79dcb59.js";const c=':host{display:block;--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-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)}';const y=c;var f=undefined&&undefined.__decorate||function(e,a,l,o){var r=arguments.length,s=r<3?a:o===null?o=Object.getOwnPropertyDescriptor(a,l):o,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,l,o);else for(var c=e.length-1;c>=0;c--)if(n=e[c])s=(r<3?n(s):r>3?n(a,l,s):n(a,l))||s;return r>3&&s&&Object.defineProperty(a,l,s),s};var d=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const t=class{constructor(a){e(this,a);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}}connectedCallback(){s("nylas-event-card","connectedCallback")}componentWillLoad(){s("nylas-event-card","componentWillLoad")}componentDidLoad(){s("nylas-event-card","componentDidLoad")}disconnectedCallback(){s("nylas-event-card","disconnectedCallback");const e=["header-title","header-subtitle","content"];n(e,this.host)}render(){return a(l,{key:"1bf7def778f8d26174861d5253a87b30978175e4"},a("div",{key:"77b6e4b2ffcde3640add3574e6f9211f787b20a0",class:"nylas-form-card",part:"nfc"},a("div",{key:"96451ec57814367e5e2b1941749241a2f72529a6",class:"nylas-form-card__header",part:"nfc__header"},a("slot",{key:"ea00a893f4d4dca93d007cac452c20dbaeb343d8",name:"header-title"}),a("slot",{key:"1a3456b5df4131ba56903131ac099b62c0008ef3",name:"header-subtitle"})),a("div",{key:"65bc9cc821c69e797074781d1dd16fd4e2911b15",class:"nylas-form-card__content"},a("slot",{key:"3e4821b0592ec46a3ada782ab114e8707647eb09",name:"content"}))))}static get formAssociated(){return true}get host(){return o(this)}};f([r({name:"nylas-form-card",eventToProps:{},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],t.prototype,"render",null);t.style=y;export{t as nylas_form_card};
+//# sourceMappingURL=p-d5a2cec8.entry.js.map