npm - @nylas/web-elements - Versions diffs - 2.3.2 → 2.3.3 - Mend

@nylas/web-elements 2.3.2 → 2.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (265) hide show

package/dist/nylas-web-elements/p-9c264d62.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as a,h as s,a as l}from"./p-0EQQA0nE.js";import{o as r}from"./p-D7AODx4L.js";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%;word-break:break-word;overflow-wrap:break-word;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={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 i={email:"name@example.com",phone_number:"1234567890"};const o=class{constructor(s){e(this,s);this.nylasFormInputChanged=a(this,"nylasFormInputChanged",7);this.nylasFormInputFocused=a(this,"nylasFormInputFocused",7);this.nylasFormInputBlurred=a(this,"nylasFormInputBlurred",7);this.name="input";this.label="";this.type="text";this.placeholder=i[this.type];this.required=false;this.readOnly=false;this.autoFocus=false;this.maxLength=255;this.patternError="";this.requiredError="";this.error=""}handleDefaultValueChange(e){this.value=r(e);if(this.value){this.validatePattern(this.value)}}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[a,s]of Object.entries(e)){this.el.style.setProperty(`${a}`,s)}}}connectedCallback(){queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.el.setAttribute("data-themed","")}}))}componentWillLoad(){}componentDidLoad(){this.value=r(this.defaultValue\|\|"");if(this.type!=="text"&&!this.pattern){this.pattern=n[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 a=e.target.value;if(this.type==="number"){const e=parseFloat(a);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(a);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 a=parseFloat(e);if(this.maxValue!==undefined&&a>this.maxValue\|\|this.minValue!==undefined&&a<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 s("label",{key:"a42cf1c62df9da49e94105ad445bac228da4c71f",part:this.error?"ic__label ic__label--error":"ic__label",class:{error:!!this.error}},this.label&&s("p",{key:"4323a02744309c5cfed355ec57f9efda98743d5e"},s("span",{key:"9186ea21fb968ffdbc42fb634c250a705e241062",class:"label"},this.label),this.required&&s("span",{key:"a27c132a43ce5c1d66589935758d7a97c405bb05",class:"required"},"*")),s("div",{key:"5a5d23687f23aad3ae064d40373b911d46dd9238",part:"ic__input_wrapper",class:"input_wrapper"},s("input",{key:"c7120081aaf188536e73b7900e255ffeb5102d8b",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()}),s("slot",{key:"07bf4e931fc872171aa8d5e31ea52a5e031e2bed",name:"additional-input"})),this.error&&s("span",{key:"cda24302b383b17b346ff32261a8f5345eddc6c2",class:"error help-text",part:"ic__error_message"},this.error))}get el(){return l(this)}static get watchers(){return{defaultValue:["handleDefaultValueChange"],themeConfig:["themeConfigChangedHandler"]}}};o.style=t;export{o as input_component};
2	+ //# sourceMappingURL=p-9c264d62.entry.js.map

package/dist/nylas-web-elements/{p-7655eeb0.entry.js.map → p-9c264d62.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["inputComponentCss","DefaultPattern","email","phone_number","DefaultPlaceholder","InputComponent","constructor","hostRef","this","name","label","type","placeholder","required","readOnly","autoFocus","maxLength","patternError","requiredError","error","handleDefaultValueChange","newValue","value","sanitize","validatePattern","themeConfigChangedHandler","newVal","oldVal","applyThemeConfig","themeConfig","key","Object","entries","el","style","setProperty","connectedCallback","queueMicrotask","setAttribute","componentWillLoad","componentDidLoad","defaultValue","pattern","handleBookingFormSubmitted","event","preventDefault","handleFormSubmitted","getAttribute","handleInput","e","inputValue","target","numericValue","parseFloat","maxValue","undefined","minValue","isNaN","nylasFormInputChanged","emit","handleBlur","nylasFormInputBlurred","handleFocus","nylasFormInputFocused","test","render","h","part","class","title","max","min","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":["@use '../../../common/styles/variables' as ;\n@use '../../../common/mixins/inputs' as ;\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';\nimport { ThemeConfig } from '@nylas/core';\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 theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\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 @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.el.style.setProperty(`${key}`, value);\n }\n }\n }\n\n connectedCallback() {\n // Use queueMicrotask to defer theme application until after React has set props.\n // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n queueMicrotask(() => {\n if (this.themeConfig) {\n this.applyThemeConfig(this.themeConfig);\n this.el.setAttribute('data-themed', '');\n }\n });\n }\n\n componentWillLoad() {\n // Theme already applied in connectedCallback\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":"6FAAA,MAAMA,EAAoB,4zHCI1B,MAAMC,EAAiB,CACrBC,MAAO,uIACPC,aAAc,iBAGhB,MAAMC,EAAqB,CACzBF,MAAO,mBACPC,aAAc,c,MAaHE,EAAc,MAL3B,WAAAC,CAAAC,G,iMAaUC,KAAIC,KAAW,QAQfD,KAAKE,MAAW,GAKhBF,KAAIG,KAAiD,OAIrDH,KAAAI,YAAsBR,EAAmBI,KAAKG,MAK9CH,KAAQK,SAAY,MAKpBL,KAAQM,SAAY,MAMpBN,KAASO,UAAY,MAUrBP,KAASQ,UAAW,IAKpBR,KAAYS,aAAW,GAKvBT,KAAaU,cAAW,GAgBvBV,KAAKW,MAAW,EAyM1B,CA7KC,wBAAAC,CAAyBC,GACvBb,KAAKc,MAAQC,EAASF,GACtB,GAAIb,KAAKc,MAAO,CACdd,KAAKgB,gBAAgBhB,KAAKc,M,EAK9B,yBAAAG,CAA0BC,EAAqBC,GAC7C,GAAID,IAAWC,EAAQ,OACvBnB,KAAKoB,iBAAiBF,E,CAGxB,gBAAAE,CAAiBC,GACf,GAAIA,EAAa,CACf,IAAK,MAAOC,EAAKR,KAAUS,OAAOC,QAAQH,GAAc,CACtDrB,KAAKyB,GAAGC,MAAMC,YAAY,GAAGL,IAAOR,E,GAK1C,iBAAAc,GAGEC,gBAAe,KACb,GAAI7B,KAAKqB,YAAa,CACpBrB,KAAKoB,iBAAiBpB,KAAKqB,aAC3BrB,KAAKyB,GAAGK,aAAa,cAAe,G,KAK1C,iBAAAC,G,CAIA,gBAAAC,GACEhC,KAAKc,MAAQC,EAASf,KAAKiC,cAAgB,IAC3C,GAAIjC,KAAKG,OAAS,SAAWH,KAAKkC,QAAS,CACzClC,KAAKkC,QAAUzC,EAAeO,KAAKG,K,CAGrC,GAAIH,KAAKc,MAAO,CACdd,KAAKgB,gBAAgBhB,KAAKc,M,EAS9B,0BAAAqB,CAA2BC,GACzBpC,KAAKgB,gBAAgBhB,KAAKc,OAC1B,GAAId,KAAKW,MAAO,CACdyB,EAAMC,gB,EAKV,yBAAMC,CAAoBF,GACxB,GAAIpC,KAAKyB,IAAIc,aAAa,qBAAsB,CAC9CvC,KAAKgB,gBAAgBhB,KAAKc,OAC1B,GAAId,KAAKW,MAAO,CACdyB,EAAMC,gB,GAMZ,WAAAG,CAAYC,GACVzC,KAAKW,MAAQ,GACb,MAAM+B,EAAcD,EAAEE,OAA4B7B,MAGlD,GAAId,KAAKG,OAAS,SAAU,CAC1B,MAAMyC,EAAeC,WAAWH,GAChC,GAAK1C,KAAK8C,WAAaC,WAAaH,EAAe5C,KAAK8C,UAAc9C,KAAKgD,WAAaD,WAAaH,EAAe5C,KAAKgD,SAAW,CAClI,GAAIhD,KAAKgD,WAAaD,UAAW,CAC/B/C,KAAKW,MAAQ,2BAA2BX,KAAK8C,U,MACxC,GAAI9C,KAAK8C,WAAaC,UAAW,CACtC/C,KAAKW,MAAQ,8BAA8BX,KAAKgD,U,KAC3C,CACLhD,KAAKW,MAAQ,yBAAyBX,KAAKgD,gBAAgBhD,KAAK8C,U,OAE7D,GAAIG,MAAML,GAAe,CAC9B5C,KAAKW,MAAQX,KAAKS,cAAgB,iB,EAItCT,KAAKc,MAAQC,EAAS2B,GACtB1C,KAAKkD,sBAAsBC,KAAK,CAC9BrC,MAAOd,KAAKc,MACZb,KAAMD,KAAKC,KACXC,MAAOF,KAAKE,MACZS,MAAOX,KAAKW,MACZR,KAAMH,KAAKG,M,CAIf,UAAAiD,GACEpD,KAAKqD,sBAAsBF,KAAK,CAC9BrC,MAAOd,KAAKc,MACZb,KAAMD,KAAKC,M,CAIf,WAAAqD,GACEtD,KAAKuD,sBAAsBJ,KAAK,CAC9BrC,MAAOd,KAAKc,MACZb,KAAMD,KAAKC,M,CAIf,eAAAe,CAAgBF,GAEdd,KAAKW,MAAQ,GAEb,GAAIX,KAAKK,WAAaS,EAAO,CAC3Bd,KAAKW,MAAQX,KAAKU,eAAiB,0BACnC,M,CAGF,GAAIV,KAAKG,OAAS,UAAYW,EAAO,CACnC,MAAM8B,EAAeC,WAAW/B,GAChC,GAAKd,KAAK8C,WAAaC,WAAaH,EAAe5C,KAAK8C,UAAc9C,KAAKgD,WAAaD,WAAaH,EAAe5C,KAAKgD,SAAW,CAClIhD,KAAKW,MAAQ,yBAAyBX,KAAKgD,gBAAgBhD,KAAK8C,WAChE,M,EAIJ,GAAI9C,KAAKkC,SAAWpB,IAAUd,KAAKkC,QAAQsB,KAAK1C,GAAQ,CACtDd,KAAKW,MAAQX,KAAKS,cAAgB,iB,EAItC,MAAAgD,GACE,OACEC,EAAO,SAAApC,IAAA,2CAAAqC,KAAM3D,KAAKW,MAAQ,6BAA+B,YAAaiD,MAAO,CAAEjD,QAASX,KAAKW,QAC1FX,KAAKE,OACJwD,EAAA,KAAApC,IAAA,4CACEoC,EAAA,QAAApC,IAAA,2CAAMsC,MAAM,SAAS5D,KAAKE,OACzBF,KAAKK,UAAYqD,EAAA,QAAApC,IAAA,2CAAMsC,MAAM,YAAmB,MAGrDF,EAAA,OAAApC,IAAA,2CAAKqC,KAAK,oBAAoBC,MAAM,iBAClCF,EAAA,SAAApC,IAAA,2CACEnB,KAAMH,KAAKG,KACXF,KAAMD,KAAKC,KACX0D,KAAM3D,KAAKW,MAAQ,6BAA+B,YAClDkD,MAAO7D,KAAKM,SAAW,kBAAoByC,UAC3CzC,SAAUN,KAAKM,SACfC,UAAWP,KAAKO,UAChBO,MAAOd,KAAKc,MACZN,UAAWR,KAAKQ,UAChBsD,IAAK9D,KAAKG,OAAS,SAAWH,KAAK8C,SAAWC,UAC9CgB,IAAK/D,KAAKG,OAAS,SAAWH,KAAKgD,SAAWD,UAC9C3C,YAAaJ,KAAKI,YAClBwD,MAAO,CAAEjD,QAASX,KAAKW,OACvBqD,QAASvB,GAAKzC,KAAKwC,YAAYC,GAC/BwB,QAAS,IAAMjE,KAAKsD,cACpBY,OAAQ,IAAMlE,KAAKoD,eAErBM,EAAA,QAAApC,IAAA,2CAAMrB,KAAK,sBAEZD,KAAKW,OACJ+C,EAAA,QAAApC,IAAA,2CAAMsC,MAAM,kBAAkBD,KAAK,qBAChC3D,KAAKW,O","ignoreList":[]}
1	+ {"version":3,"names":["inputComponentCss","DefaultPattern","email","phone_number","DefaultPlaceholder","InputComponent","constructor","hostRef","this","name","label","type","placeholder","required","readOnly","autoFocus","maxLength","patternError","requiredError","error","handleDefaultValueChange","newValue","value","sanitize","validatePattern","themeConfigChangedHandler","newVal","oldVal","applyThemeConfig","themeConfig","key","Object","entries","el","style","setProperty","connectedCallback","queueMicrotask","setAttribute","componentWillLoad","componentDidLoad","defaultValue","pattern","handleBookingFormSubmitted","event","preventDefault","handleFormSubmitted","getAttribute","handleInput","e","inputValue","target","numericValue","parseFloat","maxValue","undefined","minValue","isNaN","nylasFormInputChanged","emit","handleBlur","nylasFormInputBlurred","handleFocus","nylasFormInputFocused","test","render","h","part","class","title","max","min","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":["@use '../../../common/styles/variables' as ;\n@use '../../../common/mixins/inputs' as ;\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';\nimport { ThemeConfig } from '@nylas/core';\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 theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\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 @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.el.style.setProperty(`${key}`, value);\n }\n }\n }\n\n connectedCallback() {\n // Use queueMicrotask to defer theme application until after React has set props.\n // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n queueMicrotask(() => {\n if (this.themeConfig) {\n this.applyThemeConfig(this.themeConfig);\n this.el.setAttribute('data-themed', '');\n }\n });\n }\n\n componentWillLoad() {\n // Theme already applied in connectedCallback\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":"6FAAA,MAAMA,EAAoB,22HCI1B,MAAMC,EAAiB,CACrBC,MAAO,uIACPC,aAAc,iBAGhB,MAAMC,EAAqB,CACzBF,MAAO,mBACPC,aAAc,c,MAaHE,EAAc,MAL3B,WAAAC,CAAAC,G,iMAaUC,KAAIC,KAAW,QAQfD,KAAKE,MAAW,GAKhBF,KAAIG,KAAiD,OAIrDH,KAAAI,YAAsBR,EAAmBI,KAAKG,MAK9CH,KAAQK,SAAY,MAKpBL,KAAQM,SAAY,MAMpBN,KAASO,UAAY,MAUrBP,KAASQ,UAAW,IAKpBR,KAAYS,aAAW,GAKvBT,KAAaU,cAAW,GAgBvBV,KAAKW,MAAW,EAyM1B,CA7KC,wBAAAC,CAAyBC,GACvBb,KAAKc,MAAQC,EAASF,GACtB,GAAIb,KAAKc,MAAO,CACdd,KAAKgB,gBAAgBhB,KAAKc,M,EAK9B,yBAAAG,CAA0BC,EAAqBC,GAC7C,GAAID,IAAWC,EAAQ,OACvBnB,KAAKoB,iBAAiBF,E,CAGxB,gBAAAE,CAAiBC,GACf,GAAIA,EAAa,CACf,IAAK,MAAOC,EAAKR,KAAUS,OAAOC,QAAQH,GAAc,CACtDrB,KAAKyB,GAAGC,MAAMC,YAAY,GAAGL,IAAOR,E,GAK1C,iBAAAc,GAGEC,gBAAe,KACb,GAAI7B,KAAKqB,YAAa,CACpBrB,KAAKoB,iBAAiBpB,KAAKqB,aAC3BrB,KAAKyB,GAAGK,aAAa,cAAe,G,KAK1C,iBAAAC,G,CAIA,gBAAAC,GACEhC,KAAKc,MAAQC,EAASf,KAAKiC,cAAgB,IAC3C,GAAIjC,KAAKG,OAAS,SAAWH,KAAKkC,QAAS,CACzClC,KAAKkC,QAAUzC,EAAeO,KAAKG,K,CAGrC,GAAIH,KAAKc,MAAO,CACdd,KAAKgB,gBAAgBhB,KAAKc,M,EAS9B,0BAAAqB,CAA2BC,GACzBpC,KAAKgB,gBAAgBhB,KAAKc,OAC1B,GAAId,KAAKW,MAAO,CACdyB,EAAMC,gB,EAKV,yBAAMC,CAAoBF,GACxB,GAAIpC,KAAKyB,IAAIc,aAAa,qBAAsB,CAC9CvC,KAAKgB,gBAAgBhB,KAAKc,OAC1B,GAAId,KAAKW,MAAO,CACdyB,EAAMC,gB,GAMZ,WAAAG,CAAYC,GACVzC,KAAKW,MAAQ,GACb,MAAM+B,EAAcD,EAAEE,OAA4B7B,MAGlD,GAAId,KAAKG,OAAS,SAAU,CAC1B,MAAMyC,EAAeC,WAAWH,GAChC,GAAK1C,KAAK8C,WAAaC,WAAaH,EAAe5C,KAAK8C,UAAc9C,KAAKgD,WAAaD,WAAaH,EAAe5C,KAAKgD,SAAW,CAClI,GAAIhD,KAAKgD,WAAaD,UAAW,CAC/B/C,KAAKW,MAAQ,2BAA2BX,KAAK8C,U,MACxC,GAAI9C,KAAK8C,WAAaC,UAAW,CACtC/C,KAAKW,MAAQ,8BAA8BX,KAAKgD,U,KAC3C,CACLhD,KAAKW,MAAQ,yBAAyBX,KAAKgD,gBAAgBhD,KAAK8C,U,OAE7D,GAAIG,MAAML,GAAe,CAC9B5C,KAAKW,MAAQX,KAAKS,cAAgB,iB,EAItCT,KAAKc,MAAQC,EAAS2B,GACtB1C,KAAKkD,sBAAsBC,KAAK,CAC9BrC,MAAOd,KAAKc,MACZb,KAAMD,KAAKC,KACXC,MAAOF,KAAKE,MACZS,MAAOX,KAAKW,MACZR,KAAMH,KAAKG,M,CAIf,UAAAiD,GACEpD,KAAKqD,sBAAsBF,KAAK,CAC9BrC,MAAOd,KAAKc,MACZb,KAAMD,KAAKC,M,CAIf,WAAAqD,GACEtD,KAAKuD,sBAAsBJ,KAAK,CAC9BrC,MAAOd,KAAKc,MACZb,KAAMD,KAAKC,M,CAIf,eAAAe,CAAgBF,GAEdd,KAAKW,MAAQ,GAEb,GAAIX,KAAKK,WAAaS,EAAO,CAC3Bd,KAAKW,MAAQX,KAAKU,eAAiB,0BACnC,M,CAGF,GAAIV,KAAKG,OAAS,UAAYW,EAAO,CACnC,MAAM8B,EAAeC,WAAW/B,GAChC,GAAKd,KAAK8C,WAAaC,WAAaH,EAAe5C,KAAK8C,UAAc9C,KAAKgD,WAAaD,WAAaH,EAAe5C,KAAKgD,SAAW,CAClIhD,KAAKW,MAAQ,yBAAyBX,KAAKgD,gBAAgBhD,KAAK8C,WAChE,M,EAIJ,GAAI9C,KAAKkC,SAAWpB,IAAUd,KAAKkC,QAAQsB,KAAK1C,GAAQ,CACtDd,KAAKW,MAAQX,KAAKS,cAAgB,iB,EAItC,MAAAgD,GACE,OACEC,EAAO,SAAApC,IAAA,2CAAAqC,KAAM3D,KAAKW,MAAQ,6BAA+B,YAAaiD,MAAO,CAAEjD,QAASX,KAAKW,QAC1FX,KAAKE,OACJwD,EAAA,KAAApC,IAAA,4CACEoC,EAAA,QAAApC,IAAA,2CAAMsC,MAAM,SAAS5D,KAAKE,OACzBF,KAAKK,UAAYqD,EAAA,QAAApC,IAAA,2CAAMsC,MAAM,YAAmB,MAGrDF,EAAA,OAAApC,IAAA,2CAAKqC,KAAK,oBAAoBC,MAAM,iBAClCF,EAAA,SAAApC,IAAA,2CACEnB,KAAMH,KAAKG,KACXF,KAAMD,KAAKC,KACX0D,KAAM3D,KAAKW,MAAQ,6BAA+B,YAClDkD,MAAO7D,KAAKM,SAAW,kBAAoByC,UAC3CzC,SAAUN,KAAKM,SACfC,UAAWP,KAAKO,UAChBO,MAAOd,KAAKc,MACZN,UAAWR,KAAKQ,UAChBsD,IAAK9D,KAAKG,OAAS,SAAWH,KAAK8C,SAAWC,UAC9CgB,IAAK/D,KAAKG,OAAS,SAAWH,KAAKgD,SAAWD,UAC9C3C,YAAaJ,KAAKI,YAClBwD,MAAO,CAAEjD,QAASX,KAAKW,OACvBqD,QAASvB,GAAKzC,KAAKwC,YAAYC,GAC/BwB,QAAS,IAAMjE,KAAKsD,cACpBY,OAAQ,IAAMlE,KAAKoD,eAErBM,EAAA,QAAApC,IAAA,2CAAMrB,KAAK,sBAEZD,KAAKW,OACJ+C,EAAA,QAAApC,IAAA,2CAAMsC,MAAM,kBAAkBD,KAAK,qBAChC3D,KAAKW,O","ignoreList":[]}

package/dist/nylas-web-elements/{p-BxqBxG4o.js → p-BI4Pj5VG.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-var r=(r=>(r.Error="error",r.Warning="warning",r.Info="info",r.Success="success",r))(r||{});const o=r=>r!==null&&typeof r=="object"&&"error"in r;const n="2.3.2";export{o,r as u,n as v};
-//# sourceMappingURL=p-BxqBxG4o.js.map
+var r=(r=>(r.Error="error",r.Warning="warning",r.Info="info",r.Success="success",r))(r||{});const o=r=>r!==null&&typeof r=="object"&&"error"in r;const n="2.3.3";export{o,r as u,n as v};
+//# sourceMappingURL=p-BI4Pj5VG.js.map

package/dist/nylas-web-elements/{p-BxqBxG4o.js.map → p-BI4Pj5VG.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~BxqBxG4o~~.js","sources":["../nylas-js-core/dist/index.es.js","src/version.ts"],"sourcesContent":["var t = Object.defineProperty;\nvar c = (r, n, s) => n in r ? t(r, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[n] = s;\nvar a = (r, n, s) => (c(r, typeof n != \"symbol\" ? n + \"\" : n, s), s);\nvar u = /* @__PURE__ */ ((r) => (r.Error = \"error\", r.Warning = \"warning\", r.Info = \"info\", r.Success = \"success\", r))(u \|\| {});\nconst e = (r) => r !== null && typeof r == \"object\" && \"data\" in r, o = (r) => r !== null && typeof r == \"object\" && \"error\" in r;\nclass E extends Error {\n constructor(s) {\n super(s == null ? void 0 : s.message);\n a(this, \"apiError\");\n this.name = \"NylasAPIError\", this.stack = new Error().stack, this.apiError = s;\n }\n}\nexport {\n u as NotificationType,\n E as NylasAPIError,\n o as isNylasErrorResponse,\n e as isNylasSuccessResponse\n};\n","export const version = '2.3.2';\n"],"names":[],"mappings":"AAGG,IAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,GAAG,OAAO,EAAE,CAAC,CAAC,OAAO,GAAG,SAAS,EAAE,CAAC,CAAC,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC,OAAO,GAAG,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE;AACzH,MAA+D,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,OAAO,CAAC,IAAI,QAAQ,IAAI,OAAO,IAAI;;ACJzH,MAAM,OAAO,GAAG;;;;"}
1	+ {"version":3,"file":"p-BI4Pj5VG.js","sources":["../nylas-js-core/dist/index.es.js","src/version.ts"],"sourcesContent":["var t = Object.defineProperty;\nvar c = (r, n, s) => n in r ? t(r, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[n] = s;\nvar a = (r, n, s) => (c(r, typeof n != \"symbol\" ? n + \"\" : n, s), s);\nvar u = /* @__PURE__ */ ((r) => (r.Error = \"error\", r.Warning = \"warning\", r.Info = \"info\", r.Success = \"success\", r))(u \|\| {});\nconst e = (r) => r !== null && typeof r == \"object\" && \"data\" in r, o = (r) => r !== null && typeof r == \"object\" && \"error\" in r;\nclass E extends Error {\n constructor(s) {\n super(s == null ? void 0 : s.message);\n a(this, \"apiError\");\n this.name = \"NylasAPIError\", this.stack = new Error().stack, this.apiError = s;\n }\n}\nexport {\n u as NotificationType,\n E as NylasAPIError,\n o as isNylasErrorResponse,\n e as isNylasSuccessResponse\n};\n","export const version = '2.3.3';\n"],"names":[],"mappings":"AAGG,IAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,GAAG,OAAO,EAAE,CAAC,CAAC,OAAO,GAAG,SAAS,EAAE,CAAC,CAAC,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC,OAAO,GAAG,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE;AACzH,MAA+D,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,OAAO,CAAC,IAAI,QAAQ,IAAI,OAAO,IAAI;;ACJzH,MAAM,OAAO,GAAG;;;;"}

package/dist/nylas-web-elements/p-b0306d35.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as a,h as l,a as r}from"./p-0EQQA0nE.js";import{o as s}from"./p-D7AODx4L.js";const o=':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;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;word-break:break-word;overflow-wrap:break-word;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;display:flex;gap:4px;align-items:center}label .error{color:var(--nylas-error)}textarea{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%;padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}textarea:focus{outline-color:var(--nylas-primary)}textarea.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}textarea.error::placeholder{font-weight:400}textarea::placeholder{color:var(--nylas-base-300)}textarea::-webkit-resizer{display:none}textarea:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}';const n=class{constructor(l){e(this,l);this.nylasFormInputChanged=a(this,"nylasFormInputChanged",7);this.name="textarea";this.label="";this.placeholder="";this.required=false;this.readOnly=false;this.autoFocus=false;this.maxLength=255;this.type="multi_line_text";this.tooltip="";this.errorMessage="";this.value="";this.error=""}connectedCallback(){queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.el.setAttribute("data-themed","")}}))}componentDidLoad(){this.value=s(this.defaultValue\|\|"")}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[a,l]of Object.entries(e)){this.el.style.setProperty(`${a}`,l)}}}handleBookingFormSubmitted(e){this.validate(this.value);if(this.error){e.preventDefault()}}handletriggerValidation(e){this.validate(this.value);if(this.error){e.preventDefault()}}handleInput(e){this.error="";const a=e.target;this.value=s(a.value);this.nylasFormInputChanged.emit({value:this.value,name:this.name,error:this.error,label:this.label,type:this.type})}validate(e){if(this.required&&!e){this.error=this.errorMessage\|\|`${this.label} is required.`}else if(e.length>this.maxLength){this.error=`${this.label} cannot exceed ${this.maxLength} characters.`}else{this.error=""}}render(){return l("label",{key:"58f9f02cc38215f110491371babf2b95d5866721",part:"tc__label",class:{error:!!this.error}},l("p",{key:"cc06bf464fd9b96a9bc3092682ce3bdf7e79bdcc"},l("span",{key:"9fb43cbc9ebc0d3fcfd0e7df8a8879850e9feb8f",class:"label"},this.label),this.required&&l("span",{key:"ab60d5aa035688add974dc56e632025964727f07",class:"required"},"*"),this.tooltip&&l("tooltip-component",{key:"5d6c07f774f1a5c54d65f6daa919534435bcd5d0"},l("info-icon",{key:"b8ab0802db6137e330e0e9ddba0bff36196f82fb",slot:"tooltip-icon"}),l("span",{key:"973c47a049105a8a44de86ae19b18a99306c0077",slot:"tooltip-content"},this.tooltip))),l("textarea",{key:"8b0c18830cfc09b6c59b0c10859297762c97bcdb",name:this.name,title:this.readOnly?"read-only field":undefined,placeholder:this.placeholder,readOnly:this.readOnly,autoFocus:this.autoFocus,value:this.value,maxLength:this.maxLength,onInput:e=>this.handleInput(e),class:{error:!!this.error},part:"tc__textarea"}),this.error&&l("span",{key:"7c157600c92196ed333c82b12315d2528346204f",class:"error help-text"},this.error))}get el(){return r(this)}static get watchers(){return{themeConfig:["themeConfigChangedHandler"]}}};n.style=o;export{n as textarea_component};
2	+ //# sourceMappingURL=p-b0306d35.entry.js.map

package/dist/nylas-web-elements/{p-70762abf.entry.js.map → p-b0306d35.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["textareaComponentCss","TextareaComponent","constructor","hostRef","this","name","label","placeholder","required","readOnly","autoFocus","maxLength","type","tooltip","errorMessage","value","error","connectedCallback","queueMicrotask","themeConfig","applyThemeConfig","el","setAttribute","componentDidLoad","sanitize","defaultValue","themeConfigChangedHandler","newVal","oldVal","key","Object","entries","style","setProperty","handleBookingFormSubmitted","event","validate","preventDefault","handletriggerValidation","handleInput","e","inputElement","target","nylasFormInputChanged","emit","length","render","h","part","class","slot","title","undefined","onInput"],"sources":["src/components/design-system/textarea-component/textarea-component.scss?tag=textarea-component&encapsulation=shadow","src/components/design-system/textarea-component/textarea-component.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as ;\n@use '../../../common/mixins/inputs' as ;\n\n:host {\n display: block;\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 display: flex;\n gap: 4px;\n align-items: center;\n }\n\n .error {\n color: var(--nylas-error);\n }\n}\n\ntextarea {\n @include textfield;\n padding: 12px 16px;\n border-width: 1;\n resize: vertical;\n border-radius: 8px;\n font-family: var(--nylas-font-family);\n font-size: 16px;\n line-height: 24px;\n\n &::-webkit-resizer {\n display: none;\n }\n}\n\ntextarea:read-only {\n background-color: var(--nylas-base-100);\n cursor: not-allowed;\n}\n","import { sanitize } from '@/utils/utils';\nimport { ThemeConfig } from '@nylas/core';\nimport { Component, h, Prop, State, Event, EventEmitter, Listen, Watch, Element } from '@stencil/core';\n\n/*\n `textarea-component` allows users to enter multiline text.\n * It is ideal for larger inputs like comments or messages in a form.\n * This component is used in the scheduling form to input multiline text.\n \n @part tc__label - The label for the textarea.\n * @part tc__textarea - The textarea element.\n /\n@Component({\n tag: 'textarea-component',\n styleUrl: 'textarea-component.scss',\n shadow: true,\n})\nexport class TextareaComponent {\n @Element() el!: HTMLElement;\n\n /\n The name of the textarea, important for form submissions.\n /\n @Prop() name: string = 'textarea';\n\n /\n The default value of the textarea, appearing when the component first renders.\n /\n @Prop() defaultValue?: string;\n\n /\n The label for the textarea, displayed above it.\n /\n @Prop() label: string = '';\n\n /\n Placeholder text shown in the textarea when it is empty.\n /\n @Prop() placeholder: string = '';\n\n /\n Specifies if the textarea is required for form submission.\n * If true, an error message shows if left empty.\n /\n @Prop() required: boolean = false;\n\n /\n If true, the textarea cannot be edited by the user.\n /\n @Prop() readOnly: boolean = false;\n\n /\n Automatically focus the textarea when the component loads.\n /\n @Prop() autoFocus: boolean = false;\n\n /\n The maximum number of characters allowed in the textarea.\n /\n @Prop() maxLength: number = 255;\n\n /\n The type\n /\n @Prop() type: string = 'multi_line_text';\n\n /\n The content of the label's tooltip\n /\n @Prop() tooltip: string = '';\n\n /\n Error message to display when the textarea is required and empty.\n /\n @Prop() errorMessage: string = '';\n\n /\n The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n /\n State for the current value of the textarea.\n /\n @State() value: string = '';\n\n /\n State for managing the display of any error messages.\n /\n @State() error: string = '';\n\n /\n Event emitted when the value of the textarea changes.\n * Useful for parent components to capture user input.\n /\n @Event() nylasFormInputChanged!: EventEmitter<{ value: string; name: string; error: string; label: string; type: string }>;\n\n connectedCallback() {\n // Use queueMicrotask to defer theme application until after React has set props.\n // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n queueMicrotask(() => {\n if (this.themeConfig) {\n this.applyThemeConfig(this.themeConfig);\n this.el.setAttribute('data-themed', '');\n }\n });\n }\n\n /\n Lifecycle method that runs before the component loads.\n * It sets the initial value and cleans it using sanitize-html.\n /\n componentDidLoad() {\n this.value = sanitize(this.defaultValue \|\| '');\n }\n\n @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.el.style.setProperty(`${key}`, value);\n }\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.validate(this.value);\n if (this.error) {\n event.preventDefault();\n }\n }\n\n @Listen('triggerValidation', { target: 'document' })\n handletriggerValidation(event: CustomEvent) {\n this.validate(this.value);\n if (this.error) {\n event.preventDefault();\n }\n }\n\n /\n Handles user input in the textarea, updating the value and emitting an event.\n /\n handleInput(e: Event) {\n this.error = '';\n const inputElement = e.target as HTMLTextAreaElement;\n this.value = sanitize(inputElement.value);\n this.nylasFormInputChanged.emit({\n value: this.value,\n name: this.name,\n error: this.error,\n label: this.label,\n type: this.type,\n });\n }\n\n /\n Validates the textarea value based on the required prop and maxLength.\n * If the value is invalid, an error message is displayed.\n /\n validate(value: string) {\n if (this.required && !value) {\n this.error = this.errorMessage \|\| `${this.label} is required.`;\n } else if (value.length > this.maxLength) {\n this.error = `${this.label} cannot exceed ${this.maxLength} characters.`;\n } else {\n this.error = '';\n }\n }\n\n /\n Renders the component UI including the label, textarea, and any error messages.\n /\n render() {\n return (\n <label part=\"tc__label\" class={{ error: !!this.error }}>\n <p>\n <span class=\"label\">{this.label}</span>\n {this.required && <span class=\"required\"></span>}\n {this.tooltip && (\n <tooltip-component>\n <info-icon slot=\"tooltip-icon\" />\n <span slot=\"tooltip-content\">{this.tooltip}</span>\n </tooltip-component>\n )}\n </p>\n <textarea\n name={this.name}\n title={this.readOnly ? 'read-only field' : undefined}\n placeholder={this.placeholder}\n readOnly={this.readOnly}\n autoFocus={this.autoFocus}\n value={this.value}\n maxLength={this.maxLength}\n onInput={e => this.handleInput(e)}\n class={{ error: !!this.error }}\n part=\"tc__textarea\"\n />\n {this.error && <span class=\"error help-text\">{this.error}</span>}\n </label>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAuB,~~87G~~,MCiBhBC,EAAiB,MAL9B,WAAAC,CAAAC,G,uEAWUC,KAAIC,KAAW,WAUfD,KAAKE,MAAW,GAKhBF,KAAWG,YAAW,GAMtBH,KAAQI,SAAY,MAKpBJ,KAAQK,SAAY,MAKpBL,KAASM,UAAY,MAKrBN,KAASO,UAAW,IAKpBP,KAAIQ,KAAW,kBAKfR,KAAOS,QAAW,GAKlBT,KAAYU,aAAW,GAUtBV,KAAKW,MAAW,GAKhBX,KAAKY,MAAW,EA2H1B,CAnHC,iBAAAC,GAGEC,gBAAe,KACb,GAAId,KAAKe,YAAa,CACpBf,KAAKgB,iBAAiBhB,KAAKe,aAC3Bf,KAAKiB,GAAGC,aAAa,cAAe,G,KAS1C,gBAAAC,GACEnB,KAAKW,MAAQS,EAASpB,KAAKqB,cAAgB,G,CAI7C,yBAAAC,CAA0BC,EAAqBC,GAC7C,GAAID,IAAWC,EAAQ,OACvBxB,KAAKgB,iBAAiBO,E,CAGxB,gBAAAP,CAAiBD,GACf,GAAIA,EAAa,CACf,IAAK,MAAOU,EAAKd,KAAUe,OAAOC,QAAQZ,GAAc,CACtDf,KAAKiB,GAAGW,MAAMC,YAAY,GAAGJ,IAAOd,E,GAU1C,0BAAAmB,CAA2BC,GACzB/B,KAAKgC,SAAShC,KAAKW,OACnB,GAAIX,KAAKY,MAAO,CACdmB,EAAME,gB,EAKV,uBAAAC,CAAwBH,GACtB/B,KAAKgC,SAAShC,KAAKW,OACnB,GAAIX,KAAKY,MAAO,CACdmB,EAAME,gB,EAOV,WAAAE,CAAYC,GACVpC,KAAKY,MAAQ,GACb,MAAMyB,EAAeD,EAAEE,OACvBtC,KAAKW,MAAQS,EAASiB,EAAa1B,OACnCX,KAAKuC,sBAAsBC,KAAK,CAC9B7B,MAAOX,KAAKW,MACZV,KAAMD,KAAKC,KACXW,MAAOZ,KAAKY,MACZV,MAAOF,KAAKE,MACZM,KAAMR,KAAKQ,M,CAQf,QAAAwB,CAASrB,GACP,GAAIX,KAAKI,WAAaO,EAAO,CAC3BX,KAAKY,MAAQZ,KAAKU,cAAgB,GAAGV,KAAKE,oB,MACrC,GAAIS,EAAM8B,OAASzC,KAAKO,UAAW,CACxCP,KAAKY,MAAQ,GAAGZ,KAAKE,uBAAuBF,KAAKO,uB,KAC5C,CACLP,KAAKY,MAAQ,E,EAOjB,MAAA8B,GACE,OACEC,EAAO,SAAAlB,IAAA,2CAAAmB,KAAK,YAAYC,MAAO,CAAEjC,QAASZ,KAAKY,QAC7C+B,EAAA,KAAAlB,IAAA,4CACEkB,EAAA,QAAAlB,IAAA,2CAAMoB,MAAM,SAAS7C,KAAKE,OACzBF,KAAKI,UAAYuC,EAAA,QAAAlB,IAAA,2CAAMoB,MAAM,YAAmB,KAChD7C,KAAKS,SACJkC,EAAA,qBAAAlB,IAAA,4CACEkB,EAAW,aAAAlB,IAAA,2CAAAqB,KAAK,iBAChBH,EAAM,QAAAlB,IAAA,2CAAAqB,KAAK,mBAAmB9C,KAAKS,WAIzCkC,EAAA,YAAAlB,IAAA,2CACExB,KAAMD,KAAKC,KACX8C,MAAO/C,KAAKK,SAAW,kBAAoB2C,UAC3C7C,YAAaH,KAAKG,YAClBE,SAAUL,KAAKK,SACfC,UAAWN,KAAKM,UAChBK,MAAOX,KAAKW,MACZJ,UAAWP,KAAKO,UAChB0C,QAASb,GAAKpC,KAAKmC,YAAYC,GAC/BS,MAAO,CAAEjC,QAASZ,KAAKY,OACvBgC,KAAK,iBAEN5C,KAAKY,OAAS+B,EAAA,QAAAlB,IAAA,2CAAMoB,MAAM,mBAAmB7C,KAAKY,O","ignoreList":[]}
1	+ {"version":3,"names":["textareaComponentCss","TextareaComponent","constructor","hostRef","this","name","label","placeholder","required","readOnly","autoFocus","maxLength","type","tooltip","errorMessage","value","error","connectedCallback","queueMicrotask","themeConfig","applyThemeConfig","el","setAttribute","componentDidLoad","sanitize","defaultValue","themeConfigChangedHandler","newVal","oldVal","key","Object","entries","style","setProperty","handleBookingFormSubmitted","event","validate","preventDefault","handletriggerValidation","handleInput","e","inputElement","target","nylasFormInputChanged","emit","length","render","h","part","class","slot","title","undefined","onInput"],"sources":["src/components/design-system/textarea-component/textarea-component.scss?tag=textarea-component&encapsulation=shadow","src/components/design-system/textarea-component/textarea-component.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as ;\n@use '../../../common/mixins/inputs' as ;\n\n:host {\n display: block;\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 display: flex;\n gap: 4px;\n align-items: center;\n }\n\n .error {\n color: var(--nylas-error);\n }\n}\n\ntextarea {\n @include textfield;\n padding: 12px 16px;\n border-width: 1;\n resize: vertical;\n border-radius: 8px;\n font-family: var(--nylas-font-family);\n font-size: 16px;\n line-height: 24px;\n\n &::-webkit-resizer {\n display: none;\n }\n}\n\ntextarea:read-only {\n background-color: var(--nylas-base-100);\n cursor: not-allowed;\n}\n","import { sanitize } from '@/utils/utils';\nimport { ThemeConfig } from '@nylas/core';\nimport { Component, h, Prop, State, Event, EventEmitter, Listen, Watch, Element } from '@stencil/core';\n\n/*\n `textarea-component` allows users to enter multiline text.\n * It is ideal for larger inputs like comments or messages in a form.\n * This component is used in the scheduling form to input multiline text.\n \n @part tc__label - The label for the textarea.\n * @part tc__textarea - The textarea element.\n /\n@Component({\n tag: 'textarea-component',\n styleUrl: 'textarea-component.scss',\n shadow: true,\n})\nexport class TextareaComponent {\n @Element() el!: HTMLElement;\n\n /\n The name of the textarea, important for form submissions.\n /\n @Prop() name: string = 'textarea';\n\n /\n The default value of the textarea, appearing when the component first renders.\n /\n @Prop() defaultValue?: string;\n\n /\n The label for the textarea, displayed above it.\n /\n @Prop() label: string = '';\n\n /\n Placeholder text shown in the textarea when it is empty.\n /\n @Prop() placeholder: string = '';\n\n /\n Specifies if the textarea is required for form submission.\n * If true, an error message shows if left empty.\n /\n @Prop() required: boolean = false;\n\n /\n If true, the textarea cannot be edited by the user.\n /\n @Prop() readOnly: boolean = false;\n\n /\n Automatically focus the textarea when the component loads.\n /\n @Prop() autoFocus: boolean = false;\n\n /\n The maximum number of characters allowed in the textarea.\n /\n @Prop() maxLength: number = 255;\n\n /\n The type\n /\n @Prop() type: string = 'multi_line_text';\n\n /\n The content of the label's tooltip\n /\n @Prop() tooltip: string = '';\n\n /\n Error message to display when the textarea is required and empty.\n /\n @Prop() errorMessage: string = '';\n\n /\n The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n /\n State for the current value of the textarea.\n /\n @State() value: string = '';\n\n /\n State for managing the display of any error messages.\n /\n @State() error: string = '';\n\n /\n Event emitted when the value of the textarea changes.\n * Useful for parent components to capture user input.\n /\n @Event() nylasFormInputChanged!: EventEmitter<{ value: string; name: string; error: string; label: string; type: string }>;\n\n connectedCallback() {\n // Use queueMicrotask to defer theme application until after React has set props.\n // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n queueMicrotask(() => {\n if (this.themeConfig) {\n this.applyThemeConfig(this.themeConfig);\n this.el.setAttribute('data-themed', '');\n }\n });\n }\n\n /\n Lifecycle method that runs before the component loads.\n * It sets the initial value and cleans it using sanitize-html.\n /\n componentDidLoad() {\n this.value = sanitize(this.defaultValue \|\| '');\n }\n\n @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.el.style.setProperty(`${key}`, value);\n }\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.validate(this.value);\n if (this.error) {\n event.preventDefault();\n }\n }\n\n @Listen('triggerValidation', { target: 'document' })\n handletriggerValidation(event: CustomEvent) {\n this.validate(this.value);\n if (this.error) {\n event.preventDefault();\n }\n }\n\n /\n Handles user input in the textarea, updating the value and emitting an event.\n /\n handleInput(e: Event) {\n this.error = '';\n const inputElement = e.target as HTMLTextAreaElement;\n this.value = sanitize(inputElement.value);\n this.nylasFormInputChanged.emit({\n value: this.value,\n name: this.name,\n error: this.error,\n label: this.label,\n type: this.type,\n });\n }\n\n /\n Validates the textarea value based on the required prop and maxLength.\n * If the value is invalid, an error message is displayed.\n /\n validate(value: string) {\n if (this.required && !value) {\n this.error = this.errorMessage \|\| `${this.label} is required.`;\n } else if (value.length > this.maxLength) {\n this.error = `${this.label} cannot exceed ${this.maxLength} characters.`;\n } else {\n this.error = '';\n }\n }\n\n /\n Renders the component UI including the label, textarea, and any error messages.\n /\n render() {\n return (\n <label part=\"tc__label\" class={{ error: !!this.error }}>\n <p>\n <span class=\"label\">{this.label}</span>\n {this.required && <span class=\"required\"></span>}\n {this.tooltip && (\n <tooltip-component>\n <info-icon slot=\"tooltip-icon\" />\n <span slot=\"tooltip-content\">{this.tooltip}</span>\n </tooltip-component>\n )}\n </p>\n <textarea\n name={this.name}\n title={this.readOnly ? 'read-only field' : undefined}\n placeholder={this.placeholder}\n readOnly={this.readOnly}\n autoFocus={this.autoFocus}\n value={this.value}\n maxLength={this.maxLength}\n onInput={e => this.handleInput(e)}\n class={{ error: !!this.error }}\n part=\"tc__textarea\"\n />\n {this.error && <span class=\"error help-text\">{this.error}</span>}\n </label>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAuB,6+G,MCiBhBC,EAAiB,MAL9B,WAAAC,CAAAC,G,uEAWUC,KAAIC,KAAW,WAUfD,KAAKE,MAAW,GAKhBF,KAAWG,YAAW,GAMtBH,KAAQI,SAAY,MAKpBJ,KAAQK,SAAY,MAKpBL,KAASM,UAAY,MAKrBN,KAASO,UAAW,IAKpBP,KAAIQ,KAAW,kBAKfR,KAAOS,QAAW,GAKlBT,KAAYU,aAAW,GAUtBV,KAAKW,MAAW,GAKhBX,KAAKY,MAAW,EA2H1B,CAnHC,iBAAAC,GAGEC,gBAAe,KACb,GAAId,KAAKe,YAAa,CACpBf,KAAKgB,iBAAiBhB,KAAKe,aAC3Bf,KAAKiB,GAAGC,aAAa,cAAe,G,KAS1C,gBAAAC,GACEnB,KAAKW,MAAQS,EAASpB,KAAKqB,cAAgB,G,CAI7C,yBAAAC,CAA0BC,EAAqBC,GAC7C,GAAID,IAAWC,EAAQ,OACvBxB,KAAKgB,iBAAiBO,E,CAGxB,gBAAAP,CAAiBD,GACf,GAAIA,EAAa,CACf,IAAK,MAAOU,EAAKd,KAAUe,OAAOC,QAAQZ,GAAc,CACtDf,KAAKiB,GAAGW,MAAMC,YAAY,GAAGJ,IAAOd,E,GAU1C,0BAAAmB,CAA2BC,GACzB/B,KAAKgC,SAAShC,KAAKW,OACnB,GAAIX,KAAKY,MAAO,CACdmB,EAAME,gB,EAKV,uBAAAC,CAAwBH,GACtB/B,KAAKgC,SAAShC,KAAKW,OACnB,GAAIX,KAAKY,MAAO,CACdmB,EAAME,gB,EAOV,WAAAE,CAAYC,GACVpC,KAAKY,MAAQ,GACb,MAAMyB,EAAeD,EAAEE,OACvBtC,KAAKW,MAAQS,EAASiB,EAAa1B,OACnCX,KAAKuC,sBAAsBC,KAAK,CAC9B7B,MAAOX,KAAKW,MACZV,KAAMD,KAAKC,KACXW,MAAOZ,KAAKY,MACZV,MAAOF,KAAKE,MACZM,KAAMR,KAAKQ,M,CAQf,QAAAwB,CAASrB,GACP,GAAIX,KAAKI,WAAaO,EAAO,CAC3BX,KAAKY,MAAQZ,KAAKU,cAAgB,GAAGV,KAAKE,oB,MACrC,GAAIS,EAAM8B,OAASzC,KAAKO,UAAW,CACxCP,KAAKY,MAAQ,GAAGZ,KAAKE,uBAAuBF,KAAKO,uB,KAC5C,CACLP,KAAKY,MAAQ,E,EAOjB,MAAA8B,GACE,OACEC,EAAO,SAAAlB,IAAA,2CAAAmB,KAAK,YAAYC,MAAO,CAAEjC,QAASZ,KAAKY,QAC7C+B,EAAA,KAAAlB,IAAA,4CACEkB,EAAA,QAAAlB,IAAA,2CAAMoB,MAAM,SAAS7C,KAAKE,OACzBF,KAAKI,UAAYuC,EAAA,QAAAlB,IAAA,2CAAMoB,MAAM,YAAmB,KAChD7C,KAAKS,SACJkC,EAAA,qBAAAlB,IAAA,4CACEkB,EAAW,aAAAlB,IAAA,2CAAAqB,KAAK,iBAChBH,EAAM,QAAAlB,IAAA,2CAAAqB,KAAK,mBAAmB9C,KAAKS,WAIzCkC,EAAA,YAAAlB,IAAA,2CACExB,KAAMD,KAAKC,KACX8C,MAAO/C,KAAKK,SAAW,kBAAoB2C,UAC3C7C,YAAaH,KAAKG,YAClBE,SAAUL,KAAKK,SACfC,UAAWN,KAAKM,UAChBK,MAAOX,KAAKW,MACZJ,UAAWP,KAAKO,UAChB0C,QAASb,GAAKpC,KAAKmC,YAAYC,GAC/BS,MAAO,CAAEjC,QAASZ,KAAKY,OACvBgC,KAAK,iBAEN5C,KAAKY,OAAS+B,EAAA,QAAAlB,IAAA,2CAAMoB,MAAM,mBAAmB7C,KAAKY,O","ignoreList":[]}

package/dist/nylas-web-elements/{p-9c78baa7.entry.js → p-b2c497eb.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as l,a as s}from"./p-0EQQA0nE.js";const o=':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;width:100%}.checkbox-container{display:flex;flex-direction:column;gap:0.5rem}.checkbox-container p.error{color:var(--nylas-error);font-size:16px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family);margin:0}label{display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--nylas-base-800)}label.readonly{cursor:not-allowed}label span.required{color:var(--nylas-error);padding:0 0.25rem}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;border:1px solid var(--nylas-base-300)}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:1px solid var(--nylas-primary)}label input[type=checkbox]:disabled{cursor:not-allowed;background:var(--nylas-base-100);border:1px solid var(--nylas-base-300)}label .checkmark{border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-base-300);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}';const r=class{constructor(l){e(this,l);this.nylasFormCheckboxToggled=a(this,"nylasFormCheckboxToggled",7);this.componentType="checkbox";this.name="checkbox";this.label="";this.readOnly=false;this.required=false;this.errorMessage="";this.error=""}checkedPropChangedHandler(e){if(typeof e==="boolean"){this.isChecked=e}}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[a,l]of Object.entries(e)){this.el.style.setProperty(`${a}`,l)}}}connectedCallback(){queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.el.setAttribute("data-themed","")}}))}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}componentDidLoad(){this.isChecked=this.checked||false}handleBookingFormSubmitted(e){if(this.required&&!this.isChecked){this.error=this.errorMessage||`${this.label} is required.`}if(this.error){e.preventDefault()}}toggleCheck(){this.error="";this.isChecked=!this.isChecked;this.nylasFormCheckboxToggled.emit({checked:this.isChecked,name:this.name,label:this.label})}render(){return l("div",{key:"f091beec880a479c7c8efaaea7cceeaa85310287",class:"checkbox-container"},l("label",{key:"0e3d17473288b0ca2eb0c6c427135669b60dd84d",title:this.readOnly?"read-only field":undefined,class:{readonly:this.readOnly}},l("input",{key:"84ce7dda3f8fb2f4ee7e0011b78bafa75bf0ddce",type:"checkbox",disabled:this.readOnly,readOnly:this.readOnly,name:this.name,title:this.readOnly?"read-only field":undefined,checked:this.isChecked,onChange:()=>this.toggleCheck()}),l("span",{key:"aa5c5b301f2a590beb7589c2db650cac43aac474",class:"checkmark"}),l("slot",{key:"3af1bc6a19e16fd6ac990b406043af65484f5b25",name:"label"},l("span",{key:"7d7901c7af3fd128fc4b174d687795dce63a539d",class:"label",part:"checkbox-label-span"},this.label,this.required&&l("span",{key:"7fad12e303b0293f7ddeb8847fe4541d75085e9c",class:"required"},"*")))),this.error&&l("p",{key:"88b43e02a2465e5d81ececa7114930e99dbc7653",class:"error"},this.error))}get el(){return s(this)}static get watchers(){return{checked:["checkedPropChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};r.style=o;export{r as checkbox_component};
-//# sourceMappingURL=p-9c78baa7.entry.js.map
+import{r as e,c as a,h as l,a as o}from"./p-0EQQA0nE.js";const s=':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;width:100%}.checkbox-container{display:flex;flex-direction:column;gap:0.5rem}.checkbox-container p.error{color:var(--nylas-error);font-size:16px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family);margin:0}label{display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--nylas-base-800)}label.readonly{cursor:not-allowed}label span.required{color:var(--nylas-error);padding:0 0.25rem}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;border:1px solid var(--nylas-base-300)}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:1px solid var(--nylas-primary)}label input[type=checkbox]:disabled{cursor:not-allowed;background:var(--nylas-base-100);border:1px solid var(--nylas-base-300)}label .checkmark{border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-base-300);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px;word-break:break-word;overflow-wrap:break-word}';const r=class{constructor(l){e(this,l);this.nylasFormCheckboxToggled=a(this,"nylasFormCheckboxToggled",7);this.componentType="checkbox";this.name="checkbox";this.label="";this.readOnly=false;this.required=false;this.errorMessage="";this.error=""}checkedPropChangedHandler(e){if(typeof e==="boolean"){this.isChecked=e}}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[a,l]of Object.entries(e)){this.el.style.setProperty(`${a}`,l)}}}connectedCallback(){queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.el.setAttribute("data-themed","")}}))}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}componentDidLoad(){this.isChecked=this.checked||false}handleBookingFormSubmitted(e){if(this.required&&!this.isChecked){this.error=this.errorMessage||`${this.label} is required.`}if(this.error){e.preventDefault()}}toggleCheck(){this.error="";this.isChecked=!this.isChecked;this.nylasFormCheckboxToggled.emit({checked:this.isChecked,name:this.name,label:this.label})}render(){return l("div",{key:"f091beec880a479c7c8efaaea7cceeaa85310287",class:"checkbox-container"},l("label",{key:"0e3d17473288b0ca2eb0c6c427135669b60dd84d",title:this.readOnly?"read-only field":undefined,class:{readonly:this.readOnly}},l("input",{key:"84ce7dda3f8fb2f4ee7e0011b78bafa75bf0ddce",type:"checkbox",disabled:this.readOnly,readOnly:this.readOnly,name:this.name,title:this.readOnly?"read-only field":undefined,checked:this.isChecked,onChange:()=>this.toggleCheck()}),l("span",{key:"aa5c5b301f2a590beb7589c2db650cac43aac474",class:"checkmark"}),l("slot",{key:"3af1bc6a19e16fd6ac990b406043af65484f5b25",name:"label"},l("span",{key:"7d7901c7af3fd128fc4b174d687795dce63a539d",class:"label",part:"checkbox-label-span"},this.label,this.required&&l("span",{key:"7fad12e303b0293f7ddeb8847fe4541d75085e9c",class:"required"},"*")))),this.error&&l("p",{key:"88b43e02a2465e5d81ececa7114930e99dbc7653",class:"error"},this.error))}get el(){return o(this)}static get watchers(){return{checked:["checkedPropChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};r.style=s;export{r as checkbox_component};
+//# sourceMappingURL=p-b2c497eb.entry.js.map

package/dist/nylas-web-elements/p-b2c497eb.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["checkboxComponentCss","CheckboxComponent","constructor","hostRef","this","componentType","name","label","readOnly","required","errorMessage","error","checkedPropChangedHandler","newValue","isChecked","themeConfigChangedHandler","newVal","oldVal","applyThemeConfig","themeConfig","key","value","Object","entries","el","style","setProperty","connectedCallback","queueMicrotask","setAttribute","componentWillLoad","componentDidLoad","checked","handleBookingFormSubmitted","event","preventDefault","toggleCheck","nylasFormCheckboxToggled","emit","render","h","class","title","undefined","readonly","type","disabled","onChange","part"],"sources":["src/components/design-system/checkbox-component/checkbox-component.scss?tag=checkbox-component&encapsulation=shadow","src/components/design-system/checkbox-component/checkbox-component.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n display: block;\n @include default-css-variables;\n width: 100%;\n}\n\n.checkbox-container {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n\n p.error {\n color: var(--nylas-error);\n font-size: 16px;\n font-weight: 400;\n line-height: 20px;\n font-family: var(--nylas-font-family);\n margin: 0;\n }\n}\n\nlabel {\n display: flex;\n align-items: center;\n font-family: var(--nylas-font-family);\n cursor: pointer;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: var(--nylas-base-800);\n\n &.readonly {\n cursor: not-allowed;\n }\n\n span.required {\n color: var(--nylas-error);\n padding: 0 0.25rem;\n }\n\n input[type='checkbox'] {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n border: 1px solid var(--nylas-base-300);\n\n &:focus ~ .checkmark,\n &:hover ~ .checkmark {\n border-color: var(--nylas-primary);\n }\n\n &:checked ~ .checkmark {\n color: var(--nylas-base-0);\n background: var(--nylas-primary)\n url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+)\n 50% 40% no-repeat;\n border: 1px solid var(--nylas-primary);\n }\n\n &:disabled {\n cursor: not-allowed;\n background: var(--nylas-base-100);\n border: 1px solid var(--nylas-base-300);\n }\n }\n\n .checkmark {\n border-radius: var(--nylas-border-radius);\n border: 1px solid var(--nylas-base-300);\n position: absolute;\n left: 0;\n top: 2px;\n width: 18px;\n height: 18px;\n cursor: pointer;\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n .label {\n margin-left: 32px;\n font-size: 16px;\n font-weight: 400;\n color: var(--nylas-base-800);\n line-height: 24px;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n}\n","import { ThemeConfig } from '@nylas/core';\nimport { Component, h, Prop, State, Event, EventEmitter, Listen, Element, Watch } from '@stencil/core';\n\n/**\n * The `checkbox-component` component is a UI component that allows users to select a checkbox.\n * This component is used in the scheduling form to input checkbox type inputs.\n */\n@Component({\n tag: 'checkbox-component',\n styleUrl: 'checkbox-component.scss',\n shadow: true,\n})\nexport class CheckboxComponent {\n @Element() el!: HTMLElement;\n private readonly componentType: string = 'checkbox';\n\n /**\n * The name of the checkbox. This is used to identify the checkbox when submitting a form.\n */\n @Prop() name: string = 'checkbox';\n /**\n * The default value of the checkbox. This is the value that is displayed when the checkbox is rendered.\n */\n @Prop() checked?: boolean;\n /**\n * The label of the checkbox. This is displayed next to the checkbox.\n */\n @Prop() label: string = '';\n /**\n * The property to make the checkbox read-only. If true, the checkbox cannot be edited.\n */\n @Prop() readOnly: boolean = false;\n /**\n * Whether the checkbox is required. If true, the checkbox must be checked when submitting a form.\n * Default is false. If the checkbox is required and not checked, an error message is displayed.\n */\n @Prop() required: boolean = false;\n /**\n * The theme configuration.\n */\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n /**\n * Error message to display when the checkbox is required and not checked.\n */\n @Prop() errorMessage: string = '';\n /**\n * The checked state of the checkbox.\n */\n @State() isChecked!: boolean;\n /**\n * The error message state.\n */\n @State() error: string = '';\n\n /**\n * This event is fired when the checkbox is toggled.\n */\n @Event() nylasFormCheckboxToggled!: EventEmitter<{\n checked: boolean;\n name: string;\n label: string;\n }>;\n\n @Watch('checked')\n checkedPropChangedHandler(newValue: boolean) {\n if (typeof newValue === 'boolean') {\n this.isChecked = newValue;\n }\n }\n\n @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.el.style.setProperty(`${key}`, value);\n }\n }\n }\n\n // Lifecycle events\n connectedCallback() {\n // Use queueMicrotask to defer theme application until after React has set props.\n // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n queueMicrotask(() => {\n if (this.themeConfig) {\n this.applyThemeConfig(this.themeConfig);\n this.el.setAttribute('data-themed', '');\n }\n });\n }\n\n componentWillLoad() {\n this.el.setAttribute('component-type', this.componentType);\n }\n\n componentDidLoad() {\n this.isChecked = this.checked || false;\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 if (this.required && !this.isChecked) {\n this.error = this.errorMessage || `${this.label} is required.`;\n }\n if (this.error) {\n event.preventDefault();\n }\n }\n\n // Methods\n toggleCheck() {\n this.error = '';\n this.isChecked = !this.isChecked;\n this.nylasFormCheckboxToggled.emit({\n checked: this.isChecked,\n name: this.name,\n label: this.label,\n });\n }\n\n render() {\n return (\n <div class=\"checkbox-container\">\n <label title={this.readOnly ? 'read-only field' : undefined} class={{ readonly: this.readOnly }}>\n <input\n type=\"checkbox\"\n disabled={this.readOnly}\n readOnly={this.readOnly}\n name={this.name}\n title={this.readOnly ? 'read-only field' : undefined}\n checked={this.isChecked}\n onChange={() => this.toggleCheck()}\n />\n <span class=\"checkmark\"></span>\n <slot name=\"label\">\n <span class=\"label\" part=\"checkbox-label-span\">\n {this.label}\n {this.required && <span class=\"required\">*</span>}\n </span>\n </slot>\n </label>\n {this.error && <p class=\"error\">{this.error}</p>}\n </div>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAuB,2kI,MCYhBC,EAAiB,MAL9B,WAAAC,CAAAC,G,6EAOmBC,KAAaC,cAAW,WAKjCD,KAAIE,KAAW,WAQfF,KAAKG,MAAW,GAIhBH,KAAQI,SAAY,MAKpBJ,KAAQK,SAAY,MAQpBL,KAAYM,aAAW,GAQtBN,KAAKO,MAAW,EAsG1B,CA1FC,yBAAAC,CAA0BC,GACxB,UAAWA,IAAa,UAAW,CACjCT,KAAKU,UAAYD,C,EAKrB,yBAAAE,CAA0BC,EAAqBC,GAC7C,GAAID,IAAWC,EAAQ,OACvBb,KAAKc,iBAAiBF,E,CAGxB,gBAAAE,CAAiBC,GACf,GAAIA,EAAa,CACf,IAAK,MAAOC,EAAKC,KAAUC,OAAOC,QAAQJ,GAAc,CACtDf,KAAKoB,GAAGC,MAAMC,YAAY,GAAGN,IAAOC,E,GAM1C,iBAAAM,GAGEC,gBAAe,KACb,GAAIxB,KAAKe,YAAa,CACpBf,KAAKc,iBAAiBd,KAAKe,aAC3Bf,KAAKoB,GAAGK,aAAa,cAAe,G,KAK1C,iBAAAC,GACE1B,KAAKoB,GAAGK,aAAa,iBAAkBzB,KAAKC,c,CAG9C,gBAAA0B,GACE3B,KAAKU,UAAYV,KAAK4B,SAAW,K,CAQnC,0BAAAC,CAA2BC,GACzB,GAAI9B,KAAKK,WAAaL,KAAKU,UAAW,CACpCV,KAAKO,MAAQP,KAAKM,cAAgB,GAAGN,KAAKG,oB,CAE5C,GAAIH,KAAKO,MAAO,CACduB,EAAMC,gB,EAKV,WAAAC,GACEhC,KAAKO,MAAQ,GACbP,KAAKU,WAAaV,KAAKU,UACvBV,KAAKiC,yBAAyBC,KAAK,CACjCN,QAAS5B,KAAKU,UACdR,KAAMF,KAAKE,KACXC,MAAOH,KAAKG,O,CAIhB,MAAAgC,GACE,OACEC,EAAA,OAAApB,IAAA,2CAAKqB,MAAM,sBACTD,EAAO,SAAApB,IAAA,2CAAAsB,MAAOtC,KAAKI,SAAW,kBAAoBmC,UAAWF,MAAO,CAAEG,SAAUxC,KAAKI,WACnFgC,EACE,SAAApB,IAAA,2CAAAyB,KAAK,WACLC,SAAU1C,KAAKI,SACfA,SAAUJ,KAAKI,SACfF,KAAMF,KAAKE,KACXoC,MAAOtC,KAAKI,SAAW,kBAAoBmC,UAC3CX,QAAS5B,KAAKU,UACdiC,SAAU,IAAM3C,KAAKgC,gBAEvBI,EAAM,QAAApB,IAAA,2CAAAqB,MAAM,cACZD,EAAM,QAAApB,IAAA,2CAAAd,KAAK,SACTkC,EAAA,QAAApB,IAAA,2CAAMqB,MAAM,QAAQO,KAAK,uBACtB5C,KAAKG,MACLH,KAAKK,UAAY+B,EAAM,QAAApB,IAAA,2CAAAqB,MAAM,YAAU,QAI7CrC,KAAKO,OAAS6B,EAAA,KAAApB,IAAA,2CAAGqB,MAAM,SAASrC,KAAKO,O","ignoreList":[]}

package/dist/nylas-web-elements/p-c91eb1ba.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as n,c as a,a as t,H as o}from"./p-0EQQA0nE.js";import{R as l}from"./p-m5fsjITL.js";import{a as s,K as i,i as r,o as c,L as d,M as f,G as y}from"./p-D7AODx4L.js";import{E as p,P as h,f as b}from"./p-COJy29df.js";const u=".sc-checkmark-icon-h{display:flex}";const g=class{constructor(n){e(this,n);this.width="18";this.height="14"}render(){return n("svg",{key:"c63ba4eb1ae59e1eff889b80099dd72332d1eebf",width:this.width,height:this.height,viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"1ba7097040752d4de7cceabfc588270d1924bcfd",d:"M1.53033 7.46967C1.23744 7.17678 0.762563 7.17678 0.46967 7.46967C0.176777 7.76256 0.176777 8.23744 0.46967 8.53033L4.96967 13.0303C5.26256 13.3232 5.73744 13.3232 6.03033 13.0303L17.0303 2.03033C17.3232 1.73744 17.3232 1.26256 17.0303 0.96967C16.7374 0.676777 16.2626 0.676777 15.9697 0.96967L5.5 11.4393L1.53033 7.46967Z",fill:"#293056"}))}};g.style=u;const m=".sc-copy-icon-h{display:flex}";const v=class{constructor(n){e(this,n);this.width="16";this.height="16"}render(){return n("svg",{key:"2f9376e8f6b9ecdcf9b2015f1c73ac4a298fe26d",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"4e9a97478982d29b5fa8215274dc73470bebb0b4",d:"M4 0.75C2.89543 0.75 2 1.64543 2 2.75V12.75C2 13.8546 2.89543 14.75 4 14.75H10C11.1046 14.75 12 13.8546 12 12.75V2.75C12 1.64543 11.1046 0.75 10 0.75H4ZM3 2.75C3 2.19772 3.44772 1.75 4 1.75H10C10.5523 1.75 11 2.19772 11 2.75V12.75C11 13.3023 10.5523 13.75 10 13.75H4C3.44772 13.75 3 13.3023 3 12.75V2.75ZM0 4.75001C0 4.00973 0.402199 3.36339 1 3.01758V13.25C1 14.6307 2.11929 15.75 3.5 15.75H9.73244C9.38663 16.3478 8.74028 16.75 8 16.75H3.5C1.567 16.75 0 15.183 0 13.25V4.75001Z",fill:"currentColor"}))}};v.style=m;const x=".sc-dragable-icon-h{display:flex}";const k=class{constructor(n){e(this,n);this.width="20";this.height="20"}render(){return n("svg",{key:"5f86c52237a82dd3cf38c5fb82948999ad231534",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"b3d5fb539f3dd0b16f6ca22eb2acb5db07bcd739",d:"M15.5 18C16.3284 18 17 18.6716 17 19.5C17 20.3284 16.3284 21 15.5 21C14.6716 21 14 20.3284 14 19.5C14 18.6716 14.6716 18 15.5 18ZM8.5 18C9.32843 18 10 18.6716 10 19.5C10 20.3284 9.32843 21 8.5 21C7.67157 21 7 20.3284 7 19.5C7 18.6716 7.67157 18 8.5 18ZM15.5 11C16.3284 11 17 11.6716 17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11ZM8.5 11C9.32843 11 10 11.6716 10 12.5C10 13.3284 9.32843 14 8.5 14C7.67157 14 7 13.3284 7 12.5C7 11.6716 7.67157 11 8.5 11ZM15.5 4C16.3284 4 17 4.67157 17 5.5C17 6.32843 16.3284 7 15.5 7C14.6716 7 14 6.32843 14 5.5C14 4.67157 14.6716 4 15.5 4ZM8.5 4C9.32843 4 10 4.67157 10 5.5C10 6.32843 9.32843 7 8.5 7C7.67157 7 7 6.32843 7 5.5C7 4.67157 7.67157 4 8.5 4Z",fill:"currentColor"}))}};k.style=x;const w=".sc-eye-icon-h{display:flex}";const C=class{constructor(n){e(this,n);this.width="17";this.height="10"}render(){return n("svg",{key:"ffafc327a46b3989ab9e8fca0724d484985b1a06",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"a61b4319d11dac11af764c931ee6577446332b0b",d:"M1.75909 6.60214C2.44254 3.32689 5.29437 1 8.50002 1C11.7057 1 14.5574 3.32688 15.2409 6.60215C15.2974 6.87246 15.5622 7.04587 15.8325 6.98946C16.1029 6.93304 16.2763 6.66817 16.2199 6.39785C15.4425 2.67312 12.1934 0 8.50002 0C4.8066 0 1.55742 2.67311 0.780175 6.39786C0.723767 6.66818 0.897177 6.93305 1.1675 6.98946C1.43782 7.04587 1.70268 6.87246 1.75909 6.60214ZM8.5 3C6.567 3 5 4.567 5 6.5C5 8.433 6.567 10 8.5 10C10.433 10 12 8.433 12 6.5C12 4.567 10.433 3 8.5 3ZM6 6.5C6 5.11929 7.11929 4 8.5 4C9.88071 4 11 5.11929 11 6.5C11 7.88071 9.88071 9 8.5 9C7.11929 9 6 7.88071 6 6.5Z",fill:"currentColor"}))}};C.style=w;const _=".sc-feedback-icon-h{display:flex}";const L=class{constructor(n){e(this,n);this.width="11";this.height="14"}render(){return n("svg",{key:"acb8f51ea62df5088fbe2f77cb77a87eb68cf63c",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"d05f9af2e9cc6585591c82dd3e2d122c63f2848c",d:"M0.5 8.875C0.5 8.875 1.125 8.25 3 8.25C4.875 8.25 6.125 9.5 8 9.5C9.875 9.5 10.5 8.875 10.5 8.875V1.375C10.5 1.375 9.875 2 8 2C6.125 2 4.875 0.75 3 0.75C1.125 0.75 0.5 1.375 0.5 1.375V8.875ZM0.5 8.875V13.25",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round"}))}};L.style=_;const H=':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;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;word-break:break-word;overflow-wrap:break-word;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)}.color-picker-container{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;padding-left:0;gap:0;overflow:hidden}.color-picker-container:focus{outline-color:var(--nylas-primary)}.color-picker-container.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}.color-picker-container.error::placeholder{font-weight:400}.color-picker-container::placeholder{color:var(--nylas-base-300)}.color-picker-container input{display:flex;align-items:center;height:100%;appearance:none;border:none;border-right:1px solid var(--nylas-base-200);background:transparent}.color-picker-container input::-webkit-color-swatch{min-width:30px;border-radius:0.25rem;border:1px solid var(--nylas-base-200);margin:0.25rem}.color-picker-container input::-moz-color-swatch{min-width:30px;border-radius:0.25rem;border:1px solid var(--nylas-base-200);margin:0.25rem}.color-picker-container.error{border:1px solid var(--nylas-error)}.color-picker-container:hover,.color-picker-container:active{outline:1px solid var(--nylas-primary)}.color-picker-container:active{outline:2px solid var(--nylas-primary)}.color-picker-container label{width:100%}.labelBtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:0.5rem;background:transparent;border:none}.labelBtn.error{border:1px solid var(--nylas-error)}.labelBtn.focus{background:transparent}.labelBtn:hover,.labelBtn:active{outline:1px solid var(--nylas-primary)}.labelBtn span.chevron{display:flex;align-self:center}.labelBtn span.open{transform:rotate(90deg)}.labelBtn span.closed{transform:rotate(270deg)}.labelBtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.labelBtn span.selected-option{max-width:124px;font-size:16px}}';const T=class{constructor(n){e(this,n);this.nylasFormDropdownChanged=a(this,"nylasFormDropdownChanged",7);this.componentType="color-picker";this.selectedColor=this.defaultSelectedColor;this.isOpen=false;this.ariaActivedescendant="";this.errorMessage=""}componentWillLoad(){this.selectedColor=this.defaultSelectedColor;this.el.setAttribute("component-type",this.componentType)}handleFocus(){this.isOpen=true}handleBlur(){this.isOpen=false}handleInput(e){this.selectedColor=e.target.value}handleChange(e){this.selectedColor=e.target.value;this.nylasFormDropdownChanged.emit({value:this.selectedColor,name:this.name,error:this.errorMessage})}handleKeyDown(e){if(e.code==="Enter"\|\|e.code==="Space"){e.preventDefault();this.inputRef?.click()}}handleOutsideClick(e){const n=e.composedPath();const a=n.includes(this.el);if(!a&&this.isOpen){this.isOpen=false}}render(){return n("div",{key:"0c54f2dc6cceec47dccc78efff9623f6ccda2a8a",class:"color-picker-container",part:"icp_color-picker",tabindex:"0",onKeyDown:e=>this.handleKeyDown(e)},n("input",{key:"5cb4850aba045d38e324d303558073f5a5f9d931",type:"color",ref:e=>this.inputRef=e,id:this.name,name:this.name,value:this.selectedColor,tabindex:"-1",onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur(),onInput:e=>this.handleInput(e),onChange:e=>this.handleChange(e),onKeyDown:e=>this.handleKeyDown(e)}),n("label",{key:"a779fe626cff4c5096bc63847644b25475be9227",part:"icp_color-picker-button",htmlFor:this.name,class:{labelBtn:true,open:this.isOpen,error:!!this.errorMessage},"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name},n("span",{key:"3f9fddc832c8cf5de2afdf7d62864536cde4d78f",class:"selected-option",part:"icp_color-picker-button-selected-label"},this.selectedColor\|\|"Select a color"),n("span",{key:"2f1aab12c1bfe6bd3d51564a7821627220bf690b",class:{open:this.isOpen,closed:!this.isOpen,chevron:true},"aria-hidden":"true"},n("chevron-icon",{key:"095bcca135cc98bce33f285fd51e6d9672af6d19",width:"16",height:"16"})),this.errorMessage&&n("span",{key:"797be5cfdd898f22714f196d6c16f07e8a8c9347",class:"error help-text"},this.errorMessage)))}get el(){return t(this)}};T.style=H;const z=':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;width:inherit}.logo-container{display:flex;flex-direction:row;gap:2rem}.logo-container .input-container{flex:1}.logo-container .input-container span.error-message{color:var(--nylas-error)}.logo-container .logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.logo-container .logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}';var E=undefined&&undefined.__decorate\|\|function(e,n,a,t){var o=arguments.length,l=o<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(s=e[i])l=(o<3?s(l):o>3?s(n,a,l):s(n,a))\|\|l;return o>3&&l&&Object.defineProperty(n,a,l),l};var M=undefined&&undefined.__metadata\|\|function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const O=class{constructor(n){e(this,n);this.nylasFormInputImageUrlInvalid=a(this,"nylasFormInputImageUrlInvalid",7);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.componentType="image-url";this.imageUrl="";this.errorMessage="";this.name="input-image-url";this.currentImageUrl=this.imageUrl;this.error=""}connectedCallback(){s("nylas-image-input","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}disconnectedCallback(){s("nylas-image-input","disconnectedCallback")}componentWillLoad(){s("nylas-image-input","componentWillLoad");this.host.setAttribute("name",this.name);this.host.setAttribute("component-type",this.componentType)}componentDidLoad(){s("nylas-image-input","componentDidLoad");this.currentImageUrl=this.imageUrl;this.setImage(this.imageUrl,false)}componentWillUpdate(){s("nylas-image-input","componentWillUpdate")}componentDidUpdate(){s("nylas-image-input","componentDidUpdate")}componentWillRender(){s("nylas-image-input","componentWillRender")}componentDidRender(){s("nylas-image-input","componentDidRender")}elementNameChangedHandler(e){s("nylas-image-input","elementNameChangedHandler",e);this.host.setAttribute("name",e)}errorMessageChangedHandler(e){s("nylas-image-input","errorMessageChangedHandler",e);if(this.error){this.error=e}}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}async nylasFormInputChangedHandler(e){const{name:n,value:a}=e.detail;if(n===this.name){this.setImage(a)}}async nylasFormInputBlurHandler(e){const{name:n,value:a}=e.detail;if(n===this.name){this.setImage(a)}}setImage(e,n=true){this.error="";i(e).then((()=>{this.currentImageUrl=e;this.internals.setValidity({});this.internals.setFormValue(this.currentImageUrl,this.name);if(n){this.valueChanged.emit({value:this.currentImageUrl,name:this.name})}})).catch((()=>{this.error=this.errorMessage\|\|"Invalid image URL.";this.nylasFormInputImageUrlInvalid.emit({value:this.error,name:this.name});if(typeof this.internals.setValidity==="function"){this.internals.setValidity({customError:true},this.error)}}))}render(){return n(o,{key:"376e6d50913e5e70d5629d15dc5a769a50af9a97"},n("div",{key:"eb2ef28fdb929160139256319e5787d7380510ab",class:"logo-container"},n("div",{key:"cfbcbf4b79fd7b73613f324dd936ec6d33b25daa",class:"input-container"},n("input-component",{key:"13dbfaa788133cb33bd481f202831fc7263771c4",name:this.name,id:this.name,type:"text",required:false,themeConfig:this.themeConfig,exportparts:"ic_input: iiu__logo-input-textfield",defaultValue:this.imageUrl??""}),this.error&&n("span",{key:"64b2c447a6a09f2f8c17c26140771ecb9b796273",class:"error-message"},this.error)),this.currentImageUrl&&!this.error&&n("div",{key:"42bcabfa3ead6918f3123eff7320c48a19792334",class:"logo"},n("img",{key:"0e120582b84dc2c88c28dabf12d463446311763f",src:this.currentImageUrl,alt:"Logo"}))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],errorMessage:["errorMessageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};E([l({name:"nylas-image-input",eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}}}),M("design:type",Function),M("design:paramtypes",[]),M("design:returntype",void 0)],O.prototype,"render",null);O.style=z;const R=':host{display:block;margin:1rem;--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-additional-participants__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--nylas-base-25)}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_group label span.org-as-participant{width:max-content}.nylas-additional-participants__error{color:var(--nylas-error);font-size:14px;font-family:var(--nylas-font-family);font-weight:400;line-height:16px;margin:0;text-align:left}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper.error{border-color:var(--nylas-error)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;border-left:1px solid var(--nylas-base-300);background:none;cursor:pointer;color:var(--nylas-base-800)}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{border:none}.nylas-additional-participants__input{flex:1;display:flex;justify-content:space-between}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input input-dropdown{width:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown){width:100%;height:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown-input){height:100%;border-radius:var(--nylas-border-radius-2x);border:none;border-top-right-radius:initial;border-bottom-right-radius:initial;padding-left:16px}.nylas-additional-participants__input input-component::part(ic__input){background:var(--nylas-base-50)}.nylas-additional-participants__input input-component::part(ic__label){font-size:14px}.nylas-additional-participants__input input-component div.required-input{display:flex;gap:4px}.nylas-additional-participants__input input-component div.required-input label{display:flex;gap:4px;align-items:center}.nylas-additional-participants__input input-component div.required-input label tooltip-component#organizer_participant_tooltip::part(tc__content){left:-84px}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer;color:var(--nylas-base-800)}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}';var $=undefined&&undefined.__decorate\|\|function(e,n,a,t){var o=arguments.length,l=o<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(s=e[i])l=(o<3?s(l):o>3?s(n,a,l):s(n,a))\|\|l;return o>3&&l&&Object.defineProperty(n,a,l),l};var D=undefined&&undefined.__metadata\|\|function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const F=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="participants";this.participants=this.eventParticipants??[];this.participantErrors={};this.includeOrganizerAsParticipant=true;this.isRoundRobinConfig=false;this.error="";this.requiredError="";this.patternError=""}elementNameChangedHandler(e){s("nylas-additional-participants","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationAndCurrentUserChangedHandler(e,n,a){s("nylas-additional-participants","selectedConfigurationAndCurrentUserChangedHandler",e,this.currentUser);if(a==="selectedConfiguration"){this.updateState(e,this.currentUser,false)}else if(a==="currentUser"){this.updateState(this.selectedConfiguration,e,false)}}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e);this.requiredError=r.t("fieldRequired",{field:r.t("email")});this.patternError=r.t("invalidInputFormat",{field:r.t("email")});if(this.error){this.error=r.t("nylasAdditionalParticipants.error")}}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}connectedCallback(){s("nylas-additional-participants","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}componentWillLoad(){s("nylas-additional-participants","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-additional-participants","componentDidLoad");if(this.selectedConfiguration){this.updateState(this.selectedConfiguration,this.currentUser,false)}else if(this.eventParticipants){this.participants=this.eventParticipants\|\|[];this.isRoundRobinConfig=this.roundRobinConfig\|\|false;this.updateFormValue(true)}}disconnectedCallback(){s("nylas-additional-participants","disconnectedCallback")}updateState(e,n,a=true){this.isRoundRobinConfig=e?.availability?.availability_rules?.availability_method?e?.availability?.availability_rules?.availability_method!=="collective":false;this.participants=e?.participants\|\|this.eventParticipants\|\|[];this.includeOrganizerAsParticipant=this.isRoundRobinConfig&&this.participants.find((e=>e.email===n?.email))?true:false;this.updateOrganizerAsParticipant(a)}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}onInputOptionChanged(e){s("nylas-additional-participants","onInputOptionChanged");const n=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;const a=e.detail.name;const t=this.participantOptions?.find((n=>n.email===e.detail.value));if(!t&&this.isRoundRobinConfig){this.isInternalsAvailable&&this.internals.setValidity({customError:true},"For round robin configuration, participant should be selected from the dropdown.");this.participantErrors[a]="For round robin page, participant should be selected from the dropdown.";this.participants[a].is_valid=false;this.participants=[...this.participants];return}else if(!t&&!n.test(e.detail.value)){this.isInternalsAvailable&&this.internals.setValidity({customError:true},r.t("nylasAdditionalParticipants.error_email"));this.participantErrors[a]=r.t("nylasAdditionalParticipants.error_email");this.participants[a].is_valid=false;this.participants=[...this.participants];return}else{this.participantErrors[a]="";this.participants[a].is_valid=true;this.isInternalsAvailable&&this.internals.setValidity({})}this.participants[a].email=e.detail.value;const o=t?.calendars?.find((e=>e.is_primary));this.participants[a].availability=t&&o?.id?{calendar_ids:[o.id]}:t?.calendars[0]?.id?{calendar_ids:[t.calendars[0].id]}:undefined;this.participants[a].booking=t&&this.isRoundRobinConfig&&o?.id?{calendar_id:o.id}:this.isRoundRobinConfig&&t?.calendars[0]?.id?{calendar_id:t.calendars[0].id}:undefined;this.participants[a].name=t?.name\|\|e.detail.value;this.participants=[...this.participants];this.updateFormValue()}updateOrganizerAsParticipant(e=true){const n=this.participants.find((e=>e.email===this.currentUser?.email));if(this.isRoundRobinConfig&&!n&&this.currentUser?.email){const e=this.currentUserCalendars?.find((e=>e.is_primary))?.id\|\|this.currentUserCalendars?.[0]?.id\|\|"primary";this.participants=[{name:this.currentUser?.name,email:this.currentUser?.email,is_organizer:true,availability:{calendar_ids:[e]},booking:{calendar_id:e}},...this.participants]}this.updateFormValue(e)}addParticipant(){s("nylas-additional-participants","addParticipant");this.participants=[...this.participants,{name:"",email:"",is_organizer:false}];this.updateFormValue()}removeParticipant(e){s("nylas-additional-participants","removeParticipant");this.participants=this.participants.filter(((n,a)=>a!==e));this.updateFormValue()}updateFormValue(e=true){s("nylas-additional-participants","updateFormValue");const n=this.isRoundRobinConfig?this.includeOrganizerAsParticipant?this.participants:this.participants.filter((e=>!e.is_organizer)):this.participants;if(n.length===0){this.error=r.t("nylasAdditionalParticipants.error");this.isInternalsAvailable&&this.internals.setValidity({customError:true},this.error)}else{this.isInternalsAvailable&&this.internals.setValidity({});this.error="";this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(n),this.name);if(e){this.valueChanged.emit({value:JSON.stringify(n),name:this.name})}}}getArrayDifference(e,n){const a=e.filter((e=>!n.some((n=>e.email===n.email))));return a.map((e=>({value:e.email,label:e.email})))}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}render(){return n(o,{key:"e814ff69797a0e2fcebb72aa3fd3b47f6a893af6",part:"nadtnlpart"},n("nylas-form-card",{key:"2ee9dd531d7705d95799f8bf34517131a1b073b7",exportparts:"nfc, nfc__header",themeConfig:this.themeConfig},n("h3",{key:"49ff5f05a2cb36d6615c5bde1b961df603cdda70",slot:"header-title",class:"nylas-additional-participants__title",part:"nadtnlpart__title"},r.t("nylasAdditionalParticipants.headerTitle")),n("p",{key:"f657b07755d41aea508aa9a27f6bb00f88f902bb",slot:"header-subtitle",class:"nylas-additional-participants__subtitle",part:"nadtnlpart__subtitle"},r.t("nylasAdditionalParticipants.headerSubTitle")),n("div",{key:"e620e1bb0d211cbcfe218f5eb22961fddd2e66ed",slot:"content",class:"nylas-additional-participants__content",part:"nadtnlpart__content"},n("div",{key:"af4359eb9be7f88f4493a68b49fc50f6723e55a7"},this.participants.map(((e,a)=>n("div",{class:"nylas-additional-participants__input_group",part:"nadtnlpart__input_group"},!e.is_organizer&&n("label",null,`${r.t("nylasAdditionalParticipants.participant")} ${a}`),n("div",{part:"nadtnlpart__input_wrapper",class:{"nylas-additional-participants__input_wrapper":true,"nylas-additional-participants__input_wrapper_organizer":e?.is_organizer===true,"nylas-additional-participants__input_wrapper_invalid":e.is_valid===false,error:e.is_valid===false}},n("div",{class:{"nylas-additional-participants__input":true,organizer:e?.is_organizer===true},part:"nadtnlpart__input"},e.is_organizer?n("input-component",{class:"label-input",name:`${a}`,key:a,label:r.t("nylasAdditionalParticipants.organizer"),required:false,requiredError:this.requiredError,patternError:this.patternError,readOnly:e.is_organizer,defaultValue:e.email,themeConfig:this.themeConfig},this.isRoundRobinConfig&&n("div",{class:"required-input",slot:"additional-input"},n("input",{type:"checkbox",name:`organizer_participant`,id:`organizer_participant`,onClick:()=>{this.includeOrganizerAsParticipant=!this.includeOrganizerAsParticipant;this.updateFormValue()},checked:this.includeOrganizerAsParticipant}),n("label",{htmlFor:`organizer_participant`,"aria-label":"Include as participant"},n("span",{class:"org-as-participant",part:"nadtnlpart__org-as-participant"},r.t("nylasAdditionalParticipants.organizerAsParticipant")),n("tooltip-component",{id:"organizer_participant_tooltip"},n("info-icon",{slot:"tooltip-icon"}),n("span",{slot:"tooltip-content"},n("strong",null,r.t("nylasAdditionalParticipants.tooltip.includeOrganizer"),":")," ",r.t("nylasAdditionalParticipants.tooltip.includeOrganizerDesc")," ",n("br",null),n("strong",null,r.t("nylasAdditionalParticipants.tooltip.excludeOrganizer"),":")," ",r.t("nylasAdditionalParticipants.tooltip.excludeOrganizerDesc")))))):n("input-dropdown",{id:`${a}`,name:`${a}`,filterable:true,inputValue:e.email,options:this.getArrayDifference(this.participantOptions\|\|[],this.participants),themeConfig:this.themeConfig}),!e.is_organizer&&n("button",{onClick:()=>this.removeParticipant(a),part:"nadtnlpart__remove-participant"},n("close-icon",null)))),!e.is_valid&&n("p",{class:"nylas-additional-participants__error",part:"nadtnlpart__error"},this.participantErrors[a])))),n("p",{key:"1dbd7806fc1531e848f781a1e043a99dfa02d5b1",class:"nylas-additional-participants__error",part:"nadtnlpart__error"},this.error)),n("button",{key:"9ef79da6e95b74c889859e6077bf8b5d497cc7c9",class:"nylas-additional-participants__add",part:"nadtnlpart__add-participant",onClick:()=>this.addParticipant()},n("add-circle-icon",{key:"34a60c98231afe157705007c9050567ec8e229e1"})," ",n("span",{key:"8f53e8e7dd91850e38f1d46a08e0c9d401bd15b3"},this.participants.length>1?r.t("nylasAdditionalParticipants.addParticipant",{context:"next"}):r.t("nylasAdditionalParticipants.addParticipant",{context:"first"}))))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],currentUser:["selectedConfigurationAndCurrentUserChangedHandler"],selectedConfiguration:["selectedConfigurationAndCurrentUserChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};$([l({name:"nylas-additional-participants",stateToProps:new Map([["schedulerConfig.additionalParticipants","participantOptions"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.calendars","currentUserCalendars"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),D("design:type",Function),D("design:paramtypes",[]),D("design:returntype",void 0)],F.prototype,"render",null);F.style=R;const P=':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%}.nylas-event-description{display:flex;flex-direction:column;gap:4px;position:relative;color:var(--nylas-base-900)}.nylas-event-description label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;word-break:break-word;overflow-wrap:break-word;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-description label.error{color:var(--nylas-error)}.nylas-event-description label span.required{color:var(--nylas-error);padding:0 0.25rem}.nylas-event-description label p{margin:0;display:flex;align-items:center}.nylas-event-description label span.label-icon{margin-left:4px}.nylas-event-description label span.label-icon tooltip-component{display:flex}.nylas-event-description textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-event-description textarea::-webkit-resizer{display:none}.nylas-event-description div.event-description{border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;min-height:50px;padding:12px 16px;overflow-y:auto;white-space:pre-wrap;line-height:1.5;scrollbar-width:thin;color:var(--nylas-base-900);font-family:var(--nylas-font-family);font-size:16px;font-style:normal;font-weight:400;-webkit-text-fill-color:var(--nylas-base-900);display:block;}.nylas-event-description div.event-description::-webkit-scrollbar{width:6px;height:6px}.nylas-event-description div.event-description:focus{color:var(--nylas-base-900);-webkit-text-fill-color:var(--nylas-base-900);outline:2px solid var(--nylas-primary);outline-offset:2px}.nylas-event-description div.event-description:focus-visible{color:var(--nylas-base-900);-webkit-text-fill-color:var(--nylas-base-900);outline:2px solid var(--nylas-primary);outline-offset:2px}.nylas-event-description div.event-description.error{border-color:var(--nylas-error);border-width:2px}.nylas-event-description span.add-additional-fields{display:flex;align-items:center;gap:8px}.nylas-event-description span.add-additional-fields button-component button{height:35px;background-color:var(--nylas-base-0)}.nylas-event-description span.help-text{display:inline-flex;align-items:center;gap:4px;color:var(--nylas-base-500);font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative}.nylas-event-description span.help-text span.label-icon{display:inline-flex;align-items:center;flex-shrink:0}.nylas-event-description span.help-text span.label-icon tooltip-component{display:flex}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__container){position:unset}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__content){position:absolute;top:4px;left:50%;transform:translateX(-50%)}.nylas-event-description .highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:2px 5px;margin-left:4px;margin-bottom:4px;display:inline-block;vertical-align:baseline}.nylas-event-description .token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;margin-top:28px;overflow:auto;z-index:1;border-radius:4px;position:absolute;bottom:108px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.nylas-event-description .token-options{right:0;width:325px;max-width:unset}}.nylas-event-description .token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.nylas-event-description .token-options 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:left;cursor:pointer}.nylas-event-description .token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.nylas-event-description .token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.nylas-event-description .token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.nylas-event-description .token-options ul li:hover,.nylas-event-description .token-options ul li:focus,.nylas-event-description .token-options ul li:active,.nylas-event-description .token-options ul li.active{background-color:var(--nylas-base-100)}.nylas-event-description .token-options ul li:hover .token-label .token,.nylas-event-description .token-options ul li:focus .token-label .token,.nylas-event-description .token-options ul li:active .token-label .token,.nylas-event-description .token-options ul li.active .token-label .token{color:var(--nylas-primary)}.nylas-event-description .token-options .selected{background-color:var(--nylas-base-100)}';var j=undefined&&undefined.__decorate\|\|function(e,n,a,t){var o=arguments.length,l=o<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(s=e[i])l=(o<3?s(l):o>3?s(n,a,l):s(n,a))\|\|l;return o>3&&l&&Object.defineProperty(n,a,l),l};var A=undefined&&undefined.__metadata\|\|function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const I=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.eventDescription=this.selectedConfiguration?.event_booking?.description;this.name="description";this.hideAutoPopulateButton=false;this.noTemplates=false;this.description=this.eventDescription\|\|this.selectedConfiguration?.event_booking?.description\|\|"";this.showTokens=false;this.availableTokens=p.map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=this.availableTokens;this.ariaActivedescendant="";this.currentWord={$value:"",fullText:"",index:-1,focusOffset:-1};this.validationError="";this.additionalFieldTokens=[]}elementNameChangedHandler(e){s("nylas-event-description","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){s("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);const n=e?.event_booking?.description\|\|this.eventDescription\|\|"";const a=e?.scheduler?.additional_fields\|\|{};const t=Object.keys(a)\|\|[];const o=t.map((e=>({token:`$${e}`,value:`\${${e}}`,description:a[e].label\|\|""})));this.additionalFieldTokens=[...o];this.availableTokens=[...p,...o].map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=[...this.availableTokens];this.description=n;if(n){this.updateEventDescriptionFromProp(n)}}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e);const a={$invitee:"invitee",$invitee_email:"inviteeEmail",$duration:"duration"};this.availableTokens=this.availableTokens.map((e=>{if(a[e.label]){e.labelHTML.description=r.t(`nylasEventTitle.eventTitleTokenDescription.${a[e.label]}`)}return e}));this.filteredTokens=[...this.availableTokens]}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}connectedCallback(){s("nylas-event-description","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}componentWillLoad(){s("nylas-event-description","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-event-description","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.description=this.eventDescription\|\|"";this.updateEventDescriptionFromProp(this.description)}}disconnectedCallback(){s("nylas-event-description","disconnectedCallback")}valueChangedHandler(e){const{name:n,value:a}=e.detail;if(n==="additional-fields"){const e=JSON.parse(a.toString());const n=Object.keys(e)\|\|[];const t=n.map((n=>({token:`$${n}`,value:`\${${n}}`,description:e[n].label\|\|""})));this.additionalFieldTokens=[...t];this.availableTokens=[...p,...t].map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=[...this.availableTokens]}}updateEventDescriptionFromProp(e){s("nylas-event-description","updateEventDescriptionFromProp",e);const n=e\|\|this.description;if(this.descriptionRef){this.descriptionRef.innerHTML=this.highlightTokens(n)}}highlightTokens(e){let n=e;[...p,...this.additionalFieldTokens].forEach((e=>{const a=e.value;const t=new RegExp(`(\\${a})(?!\\w)`,"g");n=n?.replace(t,'<span class="highlighted-tag">$1</span>')\|\|""}));return n}getCurrentSelectionForBrowser(){const e=(e,n,a,t)=>{const o=e.replace(/[\u200B-\u200D\uFEFF]/g,"");const l=o.lastIndexOf("$");const s=o.substring(l).split(" ")[0];return{focusOffset:n,dollarIndex:l,lastWord:s,currentText:o,node:a,allSelected:t}};const n=e=>e.anchorOffset===0&&e.focusOffset===e.focusNode?.nodeValue?.length;const a=f();switch(a){case"Chrome":{const a=this.host.shadowRoot?.getSelection();const t=a?.focusNode;const o=t?.nodeValue\|\|"";const l=a&&n(a);return e(o,a?.focusOffset\|\|-1,t,l)}case"Firefox":{const a=document.getSelection();const t=a?.anchorNode?.nodeValue\|\|"";const o=a&&n(a);return e(t,a?.focusOffset\|\|-1,a?.anchorNode,o)}case"Safari":{const a=window.getSelection();const t=a?.getComposedRanges(this.host.shadowRoot)[0];const o=t?.startContainer?.nodeValue\|\|"";const l=a&&n(a);return e(o,t?.endOffset\|\|-1,t?.startContainer,l)}default:{s("Browser not supported");return null}}}handleChange(e){let n=e.target.textContent\|\|"";n=c(n);const a=this.getCurrentSelectionForBrowser();if(!a){this.updateEventDescription(n);this.resetDropdown();return}const{focusOffset:t,dollarIndex:o,lastWord:l,currentText:s}=a;if(o===-1\|\|t<o){this.updateEventDescription(n);this.resetDropdown();return}if(l.startsWith("$")){this.showTokens=true;this.currentWord={$value:l,fullText:s,index:o,focusOffset:t};this.populateSuggestionsDropdown(l)}else{this.resetDropdown()}this.updateEventDescription(n)}handleInputKeyDown(e){const n=this.getCurrentSelectionForBrowser();if(n?.allSelected&&!d(e)){this.descriptionRef.innerHTML=""}if(e.key==="Enter"){e.preventDefault();const a=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(a){a.click();this.ariaActivedescendant=""}else{const e=n?.node;const a=n?.focusOffset\|\|0;if(!e\|\|a===-1\|\|this.descriptionRef.childNodes.length===0){const e=document.createTextNode("\n");this.descriptionRef.insertBefore(e,this.descriptionRef.firstChild);const n=document.createRange();n.setStart(e,1);n.collapse(true);const a=window.getSelection();a?.removeAllRanges();a?.addRange(n)}else if(e.nodeType===Node.TEXT_NODE){const n=e.nodeValue\|\|"";const t=n.slice(0,a)+"\n"+n.slice(a);e.nodeValue=t;const o=document.createRange();o.setStart(e,a+1);o.collapse(true);const l=window.getSelection();l?.removeAllRanges();l?.addRange(o)}this.descriptionRef.focus()}}else if(e.key==="ArrowDown"){if(this.showTokens){e.preventDefault()}const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){const e=n.nextElementSibling;if(e){this.ariaActivedescendant=e.id}else{this.ariaActivedescendant=this.filteredTokens[0].label}}else{this.ariaActivedescendant=this.filteredTokens[0].label}}else if(e.key==="ArrowUp"){if(this.showTokens){e.preventDefault()}const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){const e=n.previousElementSibling;if(e){this.ariaActivedescendant=e.id}else{this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}}else{this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}}else if(e.key==="Escape"){e.preventDefault();this.resetDropdown()}else if(e.key==="Backspace"\|\|e.key==="Delete"){const a=n?.node?.parentNode;if(n?.currentText.startsWith("${")&&a&&a.nodeName==="SPAN"){e.preventDefault();a.removeChild(n.node);a.remove();this.resetDropdown()}if(this.descriptionRef.textContent===""\|\|n?.allSelected){this.descriptionRef.innerHTML="";this.updateEventDescription("")}}}selectOption(e,n){e.preventDefault();const a=this.currentWord.fullText;const t=this.currentWord.$value;let o=this.descriptionRef.firstChild;let l=null;while(o){if(o.nodeType===3){const e=o.textContent?.replace(/[\u200B-\u200D\uFEFF]/g,"")\|\|"";const n=a.replace(/[\u200B-\u200D\uFEFF]/g,"");if(e.includes(n)){l=o;break}}o=o.nextSibling}if(!l){return}const s=l.textContent\|\|"";const i=s.indexOf(t);const r=s.substring(0,i);const c=s.substring(i+t.length);const d=document.createTextNode(r);const f=document.createRange();const y=document.createElement("span");y.classList.add("highlighted-tag");y.textContent=`${n.value}`;const p=document.createTextNode(c);if(c!==""){l.replaceWith(d,y,p);f.setStart(p,1)}else{const e=document.createTextNode("");l.replaceWith(d,y,e);f.setStart(e,1)}this.resetDropdown();this.descriptionRef.focus();const h=window.getSelection();f.collapse(true);h?.removeAllRanges();h?.addRange(f);this.updateEventDescription(this.descriptionRef.textContent\|\|"")}populateSuggestionsDropdown(e=""){this.filteredTokens=this.availableTokens.filter((n=>n.label.startsWith(e.toString())\|\|n.value.startsWith(e.toString())));if(this.filteredTokens.length>0){this.ariaActivedescendant=this.filteredTokens[0].label}}get isInternalsAvailable(){return typeof this.internals!=="undefined"&&typeof this.internals.setValidity==="function"&&typeof this.internals.setFormValue==="function"}updateEventDescription(e){const n=e.replace(/ +/g," ");this.isInternalsAvailable&&this.internals?.setFormValue(n,this.name);this.valueChanged.emit({value:n,name:this.name})}resetDropdown(){this.showTokens=false;this.ariaActivedescendant=""}getLabelHTML(e){return n("div",{class:"token-label"},n("span",{class:"token"},e.token),n("span",{class:"description"},e.description))}handleAddAdditionalFields(){if(this.additionalFieldTokens.length===0){return}const e=this.descriptionRef.innerHTML;const n="--- Additional Fields ---";const a="--- End Additional Fields ---";const t=e.indexOf(n);const o=e.indexOf(a);let l=n+"\n";this.additionalFieldTokens.forEach((e=>{l+=`${e.description}: ${e.value}\n`}));l+=a;let s;if(t!==-1&&o!==-1){s=e.substring(0,t)+l+e.substring(o+a.length)}else{s=e+l}this.updateEventDescriptionFromProp(s);this.updateEventDescription(s)}render(){return n(o,{key:"d691e18227d130ffe3ff476124a2bced50a571bf"},n("div",{key:"88a9ba593791a784a4a205143741a61e3e6fc63f",class:"nylas-event-description",part:"nedesc"},n("label",{key:"a20092f9bb33357fb52afd990254528ff5f21a9c",htmlFor:"description"},n("p",{key:"ac185de2cf740a0bd08d1a469dbed11e1e9caa26"},r.t("nylasEventDescription.headerTitle"),n("span",{key:"d5cfe1388c9b90d44244b0df2ad5b4f7edee18d4",class:"label-icon"},n("tooltip-component",{key:"e37619731bb5fe3a5fc9706d36af0a5fc9e0f53d"},n("info-icon",{key:"e322e97312cfedb765d7f3aebcad2afac384b66f",slot:"tooltip-icon"}),n("span",{key:"109e6613c7c49b6f8f25c9e64add8c6286b528d6",slot:"tooltip-content"},r.t("nylasEventDescription.tooltip.desc")))))),n("div",{key:"f9b04bee85b9a1ba5454115abb4d9ff648b70a1b",id:"event-description",class:{"event-description":true},part:"nedesc__textarea",contentEditable:"true",onInput:e=>this.handleChange(e),onKeyDown:e=>this.handleInputKeyDown(e),ref:e=>this.descriptionRef=e}),!this.noTemplates&&this.showTokens&&this.filteredTokens?.length>0&&n("div",{key:"383e15893258ccff1b068e84328092ac61d7747b",class:"token-options",part:"nedesc__dropdown-content"},n("ul",{key:"36b45f90d87b65d4dafcb647e25aca29c3cd266c",tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant},this.filteredTokens.map((e=>n("li",{tabindex:"0",key:e.label,id:e.label,class:{active:this.ariaActivedescendant===e.label},onClick:n=>this.selectOption(n,e),role:"option"},this.getLabelHTML(e.labelHTML)))))),!this.noTemplates&&n("span",{key:"37b8b2dbcbff1c37565cceac44b028ab446b6ee8",class:"help-text"},r.t("nylasEventTitle.helpText",{context:"start",field:r.t("nylasEventTitle.description")})," ",n("code",{key:"4464c3b9b7f86be78e85956ab5834c63e2cc4b64"},"$")," ",r.t("nylasEventTitle.helpText",{context:"end"}),n("span",{key:"fc29c61acf266d56c7e24106498745e1665cfb77",class:"label-icon"},n("tooltip-component",{key:"b7de4c79edf1232187c16242e3a54d9a888734be"},n("info-icon",{key:"e144a29a8e58ea655deb4b8240656bb868aa0a14",slot:"tooltip-icon",width:"13",height:"13"}),n("span",{key:"4f48cbbe337cc36c4a552c0294022b25c0732493",slot:"tooltip-content"},r.t("nylasEventTitle.tooltip.desc")," ",n("code",{key:"3c54f9a6dbe8f19fd7ffd5e7ee8c8c9f6330c21d"},"${invitee}"))))),!this.noTemplates&&!this.hideAutoPopulateButton&&n("span",{key:"fa5cec5d65654ecdedda5dd0b41f5a2978e5285d",class:"add-additional-fields"},n("button-component",{key:"d171bf78e0c08fecde735336b997f88e19aa7e56",variant:"basic",onClick:()=>this.handleAddAdditionalFields()},r.t("nylasEventDescription.addAdditionalFields.buttonText")),n("span",{key:"d8f8f9a4c7f201ee3302f678e687b812dbefab02",class:"label-icon"},n("tooltip-component",{key:"0e55409d04eafd6af2762da426dbf58bddaedc2d"},n("info-icon",{key:"27320694010bbd50a53bf4f07a7fb8cd45e403a6",slot:"tooltip-icon"}),n("span",{key:"9e59d06a79c0b1c12b761acfdd78d783b8d5bb2b",slot:"tooltip-content"},r.t("nylasEventDescription.addAdditionalFields.tooltip.desc")," ",n("code",{key:"77ba2f1849d4f145e99b77d9f3886b89370eb92a"},"${invitee}")))))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};j([l({name:"nylas-event-description",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),A("design:type",Function),A("design:paramtypes",[]),A("design:returntype",void 0)],I.prototype,"render",null);I.style=P;const N=':host{display:block;margin:1rem;--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-event-info__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-info__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-info__content{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--nylas-base-25)}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}';var S=undefined&&undefined.__decorate\|\|function(e,n,a,t){var o=arguments.length,l=o<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(s=e[i])l=(o<3?s(l):o>3?s(n,a,l):s(n,a))\|\|l;return o>3&&l&&Object.defineProperty(n,a,l),l};var B=undefined&&undefined.__metadata\|\|function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const q=class{constructor(n){e(this,n);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.el.style.setProperty(`${n}`,a)}}}connectedCallback(){s("nylas-event-info","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.el.setAttribute("data-themed","")}}))}componentWillLoad(){s("nylas-event-info","componentWillLoad")}componentDidLoad(){s("nylas-event-info","componentDidLoad");y(["inputs"],this.el)}disconnectedCallback(){s("nylas-event-info","disconnectedCallback")}render(){return n(o,{key:"6d3eed469a30eda2d96955965df5a3b4a17feb14"},n("nylas-form-card",{key:"74e07ad8b5e3b164bf9c37bf9424cd27f36c858e",exportparts:"nfc__header: nei__header"},n("h1",{key:"a258af4cc386eeeb20d7ab19e288149ec79f8d87",slot:"header-title",class:"nylas-event-info__title",part:"nei__title"},r.t("nylasEventInfo.headerTitle")),n("div",{key:"75671d17ee66608f6732804eef33a6e855f3c70d",slot:"content",class:"nylas-event-info__content"},n("slot",{key:"a882222f244669e6bc468ff59cda6145e2b797cd",name:"inputs"}))))}static get formAssociated(){return true}get el(){return t(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};S([l({name:"nylas-event-info",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),B("design:type",Function),B("design:paramtypes",[]),B("design:returntype",void 0)],q.prototype,"render",null);q.style=N;const W=':host{--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-event-location{display:flex;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-location label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-location label span.label-icon{margin-left:4px}.nylas-event-location label span.label-icon tooltip-component{display:flex}.nylas-event-location span[slot=select-icon]{border-right:1px solid var(--nylas-base-200);padding:16px 0.75rem 16px 0.5rem;border-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:0;border-top-right-radius:0;height:20px}.nylas-event-location div.location-input{display:grid;grid-template-columns:auto 1fr;width:100%;gap:0.5rem}@media screen and (max-width: 768px){.nylas-event-location div.location-input{grid-template-columns:1fr}}.nylas-event-location div.location-input input{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;background-color:var(--nylas-base-0);color:var(--nylas-base-900)}.nylas-event-location select-dropdown{width:208px}@media screen and (max-width: 768px){.nylas-event-location select-dropdown{width:100%}}.nylas-event-location select-dropdown::part(sd_dropdown){width:100%}.nylas-event-location select-dropdown::part(sd_dropdown-content){left:calc(35px + 0.5rem)}.nylas-event-location select-dropdown::part(sd_dropdown-button){display:flex;justify-content:space-between;width:100%;border:1px solid var(--nylas-base-200);padding:0 0.5rem}.nylas-event-location select-dropdown::part(sd_dropdown-button-selected-label){display:inline-flex;align-self:center;padding:14px 0;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var U=undefined&&undefined.__decorate\|\|function(e,n,a,t){var o=arguments.length,l=o<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(s=e[i])l=(o<3?s(l):o>3?s(n,a,l):s(n,a))\|\|l;return o>3&&l&&Object.defineProperty(n,a,l),l};var Z=undefined&&undefined.__metadata\|\|function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const V=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="location";this.location=this.eventLocation??"";this.grantId=this.eventConferencing?this.setDefaultGrantID(this.eventConferencing):"";this.userProviderState=this.userProvider??this.currentUser?.provider??"";this.locationOptions=[{value:"none",label:r.t("nylasEventLocation.conferenceOptions.none"),labelHTML:this.getLabelHTML("none")},{value:"custom",label:r.t("nylasEventLocation.conferenceOptions.custom"),labelHTML:this.getLabelHTML("custom")}]}elementNameChangedHandler(e){s("nylas-event-location","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){s("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);const n=e?.event_booking?.location\|\|this.eventLocation;const a=e?.event_booking?.conferencing\|\|this.eventConferencing;if(a?.provider){this.selectedLocationOption=this.setDefaultLocationOption(a,n??"");this.grantId=this.setDefaultGrantID(a);this.location=n?n:""}else if(n){this.selectedLocationOption=n?"custom":"none";this.location=n}else{this.selectedLocationOption="none";this.location=""}}currentUserChangedHandler(e){s("nylas-custom-booking-flow","currentUserChangedHandler",e);if(e?.provider){this.userProviderState=e?.provider;this.setLocationOptionsForProvider(this.userProviderState)}}conferenceProvidersChanged(e){if(e?.["zoom"]&&!this.locationOptions.some((e=>e.value==="zoom"))){this.locationOptions.push({value:"zoom",label:r.t("nylasEventLocation.conferenceOptions.zoom"),labelHTML:this.getLabelHTML("zoom")})}}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e);const a=this.locationOptions.map((e=>e.value));a.forEach((e=>{const n=this.locationOptions.findIndex((n=>n.value===e));this.locationOptions[n].label=r.t(`nylasEventLocation.conferenceOptions.${e}`);this.locationOptions[n].labelHTML=this.getLabelHTML(e)}));this.locationOptions=[...this.locationOptions]}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}connectedCallback(){s("nylas-event-location","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}componentWillLoad(){s("nylas-event-location","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-event-location","componentDidLoad");if(this.selectedConfiguration?.event_booking){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.selectedLocationOption=this.setDefaultLocationOption(this.eventConferencing\|\|null,this.eventLocation??"");this.location=this.eventLocation??""}this.userProviderState=this.userProvider??this.currentUser?.provider??"";this.setLocationOptionsForProvider(this.userProviderState);const e=this.internals?.form;if(e){const n=new FormData(e);n.set("conference",this.getConferencePayload());n.set(this.name,this.location)}if(this.conferenceProviders?.["zoom"]&&!this.locationOptions.some((e=>e.value==="zoom"))){this.locationOptions.push({value:"zoom",label:r.t("nylasEventLocation.conferenceOptions.zoom"),labelHTML:this.getLabelHTML("zoom")})}}disconnectedCallback(){s("nylas-event-location","disconnectedCallback")}getConferencePayload(){if(this.selectedLocationOption==="custom"\|\|this.selectedLocationOption==="none"){return JSON.stringify(null)}const e=this.conferenceProviders?.[this.selectedLocationOption];const n={provider:h[this.selectedLocationOption],autocreate:e?{conf_grant_id:e}:{}};return JSON.stringify(n)}nylasFormDropdownChangedHandler(e){this.selectedLocationOption=e.detail.value;let n;switch(this.selectedLocationOption){case"none":{this.location="";this.setFormValue("",this.name);this.valueChanged.emit({value:"",name:this.name});this.valueChanged.emit({value:JSON.stringify(null),name:"conference"});break}case"custom":{this.valueChanged.emit({value:JSON.stringify(null),name:"conference"});break}case"google":{this.location="";this.setFormValue("",this.name);const e=this.conferenceProviders?.["google"];n={provider:h.google,autocreate:e?{conf_grant_id:e}:{}};this.valueChanged.emit({value:JSON.stringify(n),name:"conference"});this.valueChanged.emit({value:"",name:this.name});break}case"microsoft":{this.location="";this.setFormValue("",this.name);const e=this.conferenceProviders?.["microsoft"];n={provider:h.microsoft,autocreate:e?{conf_grant_id:e}:{}};this.valueChanged.emit({value:JSON.stringify(n),name:"conference"});this.valueChanged.emit({value:"",name:this.name});break}case"zoom":{this.location="";this.setFormValue("",this.name);const e=this.conferenceProviders?.["zoom"];n={provider:h.zoom,autocreate:e?{conf_grant_id:e}:{}};this.valueChanged.emit({value:JSON.stringify(n),name:"conference"});this.valueChanged.emit({value:"",name:this.name});break}}}setLocationOptionsForProvider(e){switch(e){case"google":if(!this.locationOptions.some((e=>e.value==="google"))){this.locationOptions.push({value:"google",label:r.t("nylasEventLocation.conferenceOptions.google"),labelHTML:this.getLabelHTML("google")})}break;case"microsoft":if(!this.locationOptions.some((e=>e.value==="microsoft"))){this.locationOptions.push({value:"microsoft",label:r.t("nylasEventLocation.conferenceOptions.google"),labelHTML:this.getLabelHTML("microsoft")})}break}}setDefaultLocationOption(e,n){if(e!=null&&e?.provider!=null){return b[e?.provider]}return n?"custom":"none"}setDefaultGrantID(e){if(e!=null&&e?.autocreate!=null){return e?.autocreate?.conf_grant_id}return""}setFormValue(e,n){if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(e,n)}}handleChange(e){const n=c(e.target.value);this.location=n;this.setFormValue(n,this.name);this.valueChanged.emit({value:n,name:this.name})}getIcon(e){switch(e){case"none":return n("location-off-icon",null);case"custom":return n("location-icon",null);case"google":return n("google-meet-icon",null);case"microsoft":return n("microsoft-teams-icon",null);case"zoom":return n("zoom-icon",null)}}getLabelHTML(e){return n("span",{class:"location-label",style:{display:"flex",alignItems:"center",gap:"16px",width:"-webkit-fill-available"}},this.getIcon(e),n("span",{class:"location-text",style:{fontSize:"14px",fontWeight:"400"}},r.t(`nylasEventLocation.conferenceOptions.${e}`)))}render(){const e=typeof this.selectedLocationOption!=="undefined"?this.locationOptions.find((e=>e.value==this.selectedLocationOption)):null;return n(o,{key:"ee1936ba129c575638942cf00a27126516774670"},n("div",{key:"01d52ea7f14e626c225b64c777e91fbc1cd0951f",class:"nylas-event-location",part:"nel"},n("label",{key:"348db1cb234678894885b8640874ad596a0cecd4",htmlFor:"location"},r.t("nylasEventLocation.headerTitle"),n("span",{key:"4a3e0df80d68a2f226413d690b636999d2397df4",class:"label-icon"},n("tooltip-component",{key:"707d30a7a9ee06bc4aa7295def54c081775361f8"},n("info-icon",{key:"2cbb51926215d66ebbc4deb553d93a5a85a4a804",slot:"tooltip-icon"}),n("span",{key:"baef1719c29939d7fc146698b6e223ff62d89c6b",slot:"tooltip-content"},r.t("nylasEventLocation.tooltip.desc"))))),n("div",{key:"853c9d8c7c1ef407c36709d1fe66cfd9566d53f7",class:"location-input"},n("select-dropdown",{key:"7410b052a3852dae6fbd98d46e8ca59e5ed2108f",withSearch:false,name:"location",options:this.locationOptions,defaultSelectedOption:e,themeConfig:this.themeConfig,exportparts:"sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content"},n("span",{key:"b1ab88ce3acb9e37023c06a2cad6475a9dca7654",slot:"select-icon"},this.getIcon(this.selectedLocationOption))),this.selectedLocationOption==="custom"&&n("input",{key:"2bcff916db45b65d75603968a0fbec7b8bf408ae",type:"text",part:"nel__location",id:"location",name:"location",maxlength:"1024",value:this.location,onInput:e=>this.handleChange(e)}))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],currentUser:["currentUserChangedHandler"],conferenceProviders:["conferenceProvidersChanged"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};U([l({name:"nylas-event-location",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.conferenceProviders","conferenceProviders"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),Z("design:type",Function),Z("design:paramtypes",[]),Z("design:returntype",void 0)],V.prototype,"render",null);V.style=W;const J=':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%}.nylas-event-title{display:flex;flex-direction:column;gap:4px;position:relative;text-align:left;color:var(--nylas-base-900)}.nylas-event-title div.title{border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;height:48px;padding:12px 16px;overflow:auto;white-space:nowrap;scrollbar-width:thin;color:var(--nylas-base-900);font-family:var(--nylas-font-family);font-size:16px;font-style:normal;font-weight:400;line-height:150%;-webkit-text-fill-color:var(--nylas-base-900);display:block}.nylas-event-title div.title::-webkit-scrollbar{width:6px;height:6px}.nylas-event-title div.title:focus{color:var(--nylas-base-900);-webkit-text-fill-color:var(--nylas-base-900);outline:2px solid var(--nylas-primary);outline-offset:2px}.nylas-event-title div.title:focus-visible{color:var(--nylas-base-900);-webkit-text-fill-color:var(--nylas-base-900);outline:2px solid var(--nylas-primary);outline-offset:2px}.nylas-event-title div.title.error{border-color:var(--nylas-error);border-width:2px}.nylas-event-title input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-event-title span.help-text{display:inline-flex;align-items:center;gap:4px;color:var(--nylas-base-500);font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative}.nylas-event-title span.help-text span.label-icon{display:inline-flex;align-items:center;flex-shrink:0}.nylas-event-title span.help-text span.label-icon tooltip-component{display:flex}.nylas-event-title span.help-text span.label-icon tooltip-component::part(tc__container){position:unset}.nylas-event-title span.help-text span.label-icon tooltip-component::part(tc__content){position:absolute;top:4px;left:50%;transform:translateX(-50%)}.nylas-event-title span.error-message{color:var(--nylas-error)}.nylas-event-title label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;word-break:break-word;overflow-wrap:break-word;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);align-items:flex-start}.nylas-event-title label.error{color:var(--nylas-error)}.nylas-event-title label span.required{color:var(--nylas-error);padding:0 0.25rem}.nylas-event-title label p{margin:0;display:flex;align-items:center}.nylas-event-title label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-title label span.label-icon{margin-left:4px}.nylas-event-title label span.label-icon tooltip-component{display:flex}.highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:5px;margin-left:4px}.token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:80px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.token-options{right:0;width:325px;max-width:unset}}.token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.token-options 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:left;cursor:pointer}.token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.token-options ul li:hover,.token-options ul li:focus,.token-options ul li:active,.token-options ul li.active{background-color:var(--nylas-base-100)}.token-options ul li:hover .token-label .token,.token-options ul li:focus .token-label .token,.token-options ul li:active .token-label .token,.token-options ul li.active .token-label .token{color:var(--nylas-primary)}.token-options .selected{background-color:var(--nylas-base-100)}';var K=undefined&&undefined.__decorate\|\|function(e,n,a,t){var o=arguments.length,l=o<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(s=e[i])l=(o<3?s(l):o>3?s(n,a,l):s(n,a))\|\|l;return o>3&&l&&Object.defineProperty(n,a,l),l};var G=undefined&&undefined.__metadata\|\|function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const Q=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.eventTitle=this.selectedConfiguration?.event_booking?.title;this.name="title";this.noTemplates=false;this.showTokens=false;this.availableTokens=p.map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=this.availableTokens;this.ariaActivedescendant="";this.currentWord={$value:"",fullText:"",index:-1,focusOffset:-1};this.validationError="";this.configEventTitle="";this.additionalFieldTokens=[]}elementNameChangedHandler(e){s("[nylas-event-title]","elementNameChangedHandler",e);this.host.setAttribute("name",e)}ariaActivedescendantChangedHandler(e){s("[nylas-event-title]","ariaActivedescendantChangedHandler",e);if(e!==""){const n=this.host.shadowRoot?.getElementById(e);n?.classList.add("active")}else{const e=this.host.shadowRoot?.querySelectorAll(".token-options li.active");e?.forEach((e=>e.classList.remove("active")))}}configChangedHandler(e){const n=e?.event_booking?.title;const a=e?.scheduler?.additional_fields\|\|{};const t=Object.keys(a)\|\|[];const o=t.map((e=>({token:`$${e}`,value:`\${${e}}`,description:a[e].label\|\|""})));this.additionalFieldTokens=[...o];this.availableTokens=[...p,...o].map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=[...this.availableTokens];if(n){this.configEventTitle=n;this.updateEventTitleFromProp(n)}}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e);const a={$invitee:"invitee",$invitee_email:"inviteeEmail",$duration:"duration"};this.availableTokens=this.availableTokens.map((e=>{if(a[e.label]){e.labelHTML.description=r.t(`nylasEventTitle.eventTitleTokenDescription.${a[e.label]}`)}return e}));this.filteredTokens=[...this.availableTokens]}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}connectedCallback(){s("[nylas-event-title]","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}componentWillLoad(){s("[nylas-event-title]","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("[nylas-event-title]","componentDidLoad");let e=this.eventTitle\|\|this.configEventTitle;if(this.selectedConfiguration?.event_booking?.title){e=this.selectedConfiguration?.event_booking?.title}if(e){this.updateEventTitleFromProp(e);this.updateEventTitle(e,true)}}disconnectedCallback(){s("[nylas-event-title]","disconnectedCallback")}formSubmittedHandler(e){s("[nylas-event-title]","formSubmittedHandler",e);if(!this.internals?.validity?.valid){this.validationError="eventTitleRequired"}else{this.validationError=""}}valueChangedHandler(e){const{name:n,value:a}=e.detail;if(n==="additional-fields"){const e=JSON.parse(a.toString());const n=Object.keys(e)\|\|[];const t=n.map((n=>({token:`$${n}`,value:`\${${n}}`,description:e[n].label\|\|""})));this.additionalFieldTokens=[...t];this.availableTokens=[...p,...t].map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=[...this.availableTokens]}}updateEventTitleFromProp(e){s("[nylas-event-title]","eventTitleChangedHandler",e);const n=e\|\|this.configEventTitle;if(this.titleRef){this.titleRef.innerHTML=this.highlightTokens(n);if(typeof this.internals.setValidity==="function"){if(!n\|\|n===""){this.titleRef.focus();this.internals?.setValidity({customError:true},`Event title is required`,this.titleRef)}else{this.internals?.setValidity({customError:false});this.isInternalsAvailable&&this.internals?.setFormValue(n,this.name)}}}}highlightTokens(e){let n=e;[...p,...this.additionalFieldTokens].forEach((e=>{const a=e.value;const t=new RegExp(`(\\${a})(?!\\w)`,"g");n=n?.replace(t,'<span class="highlighted-tag">$1</span>')\|\|""}));return n}getCurrentSelectionForBrowser(){const e=(e,n,a,t)=>{const o=e.replace(/[\u200B-\u200D\uFEFF]/g,"");const l=o.lastIndexOf("$");const s=o.substring(l).split(" ")[0];return{focusOffset:n,dollarIndex:l,lastWord:s,currentText:o,node:a,allSelected:t}};const n=e=>e.anchorOffset===0&&e.focusOffset===e.focusNode?.nodeValue?.length;const a=f();switch(a){case"Chrome":{const a=this.host.shadowRoot?.getSelection();const t=a?.focusNode;const o=t?.nodeValue\|\|"";const l=a&&n(a);return e(o,a?.focusOffset\|\|-1,t,l)}case"Firefox":{const a=document.getSelection();const t=a?.anchorNode?.nodeValue\|\|"";const o=a&&n(a);return e(t,a?.focusOffset\|\|-1,a?.anchorNode,o)}case"Safari":{const a=window.getSelection();const t=a?.getComposedRanges(this.host.shadowRoot)[0];const o=t?.startContainer?.nodeValue\|\|"";const l=a&&n(a);return e(o,t?.endOffset\|\|-1,t?.startContainer,l)}default:{s("Browser not supported");return null}}}handleChange(e){let n=e.target.textContent\|\|"";n=c(n);const a=this.getCurrentSelectionForBrowser();if(!a){this.updateEventTitle(n);this.resetDropdown();return}const{focusOffset:t,dollarIndex:o,lastWord:l,currentText:s}=a;if(o===-1\|\|t<o){this.updateEventTitle(n);this.resetDropdown();return}if(l.startsWith("$")){this.showTokens=true;this.currentWord={$value:l,fullText:s,index:o,focusOffset:t};this.populateSuggestionsDropdown(l)}else{this.resetDropdown()}this.updateEventTitle(n)}handleInputKeyDown(e){const n=this.getCurrentSelectionForBrowser();if(n?.allSelected&&!d(e)){this.titleRef.innerHTML=""}if(e.key==="Enter"){e.preventDefault();const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){n.click();this.ariaActivedescendant=""}}else if(e.key==="ArrowDown"){e.preventDefault();const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){const e=n.nextElementSibling;if(e){this.ariaActivedescendant=e.id}else{this.ariaActivedescendant=this.filteredTokens[0].label}}else{this.ariaActivedescendant=this.filteredTokens[0].label}}else if(e.key==="ArrowUp"){e.preventDefault();const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){const e=n.previousElementSibling;if(e){this.ariaActivedescendant=e.id}else{this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}}else{this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}}else if(e.key==="Escape"){e.preventDefault();this.resetDropdown()}else if(e.key==="Backspace"\|\|e.key==="Delete"){const a=n?.node?.parentNode;if(n?.currentText.startsWith("${")&&a&&a.nodeName==="SPAN"){e.preventDefault();a.removeChild(n.node);a.remove();this.resetDropdown();this.updateEventTitle(this.titleRef?.textContent\|\|"")}if(this.titleRef.textContent===""\|\|n?.allSelected){this.titleRef.innerHTML="";this.updateEventTitle("")}}}selectOption(e,n){e.preventDefault();const a=this.currentWord.fullText;const t=this.currentWord.$value;let o=this.titleRef.firstChild;let l=null;while(o){if(o.nodeType===3){const e=o.textContent?.replace(/[\u200B-\u200D\uFEFF]/g,"")\|\|"";const n=a.replace(/[\u200B-\u200D\uFEFF]/g,"");if(e.includes(n)){l=o;break}}o=o.nextSibling}if(!l){return}const s=l.textContent\|\|"";const i=s.indexOf(t);const r=s.substring(0,i);const c=s.substring(i+t.length);const d=document.createTextNode(r);const f=document.createRange();const y=document.createElement("span");y.classList.add("highlighted-tag");y.textContent=`${n.value}`;const p=document.createTextNode(c);if(c!==""){l.replaceWith(d,y,p);f.setStart(p,1)}else{const e=document.createTextNode("");l.replaceWith(d,y,e);f.setStart(e,1)}this.resetDropdown();this.titleRef.focus();const h=window.getSelection();f.collapse(true);h?.removeAllRanges();h?.addRange(f);this.updateEventTitle(this.titleRef.textContent\|\|"")}populateSuggestionsDropdown(e=""){this.filteredTokens=this.availableTokens.filter((n=>n.label.startsWith(e.toString())\|\|n.value.startsWith(e.toString())));if(this.filteredTokens.length>0){this.ariaActivedescendant=this.filteredTokens[0].label}}get isInternalsAvailable(){return typeof this.internals!=="undefined"&&typeof this.internals.setValidity==="function"&&typeof this.internals.setFormValue==="function"}updateEventTitle(e,n=false){const a=e.replace(/ +/g," ");if(a===""\|\|/^[\s]$/.test(a)){this.validationError="eventTitleRequired";this.isInternalsAvailable&&this.internals?.setValidity({customError:true},`Event title is required`,this.titleRef)}else{this.validationError="";this.isInternalsAvailable&&this.internals?.setValidity({customError:false})}this.isInternalsAvailable&&this.internals?.setFormValue(a,this.name);if(!n){this.valueChanged.emit({value:a,name:this.name})}}resetDropdown(){this.showTokens=false;this.ariaActivedescendant=""}getLabelHTML(e){return n("div",{class:"token-label"},n("span",{class:"token"},e.token),n("span",{class:"description"},e.description))}render(){return n(o,{key:"5e3565754a33c2ee68d08c5461b5800851430eae"},n("div",{key:"f4a8934b29919ad81e8d025ce67993378b125081",class:"nylas-event-title",part:"net"},n("label",{key:"e802014f812ecc45067366b7c506fdfe9776da51",htmlFor:"title"},n("p",{key:"594c6cc9ce3a93672b9214e0ca44cce6e6f91c2f"},r.t("nylasEventTitle.headerTitle"),n("span",{key:"4719cc9930727d6170e77b6f59e5b58d5db9087d",class:"required"},""))),n("div",{key:"717473a1d5d6c829ba02b883a9b3bf2ad4d6531c",class:{title:true,error:this.validationError!==""},part:"net__title",ref:e=>this.titleRef=e,contentEditable:"true",onInput:e=>this.handleChange(e),onKeyDown:e=>this.handleInputKeyDown(e)}),!this.noTemplates&&this.showTokens&&this.filteredTokens?.length>0&&n("div",{key:"463b98b2ec5713293aec9db4941d640adc062345",class:"token-options",part:"net__dropdown-content"},n("ul",{key:"97e3b59b2b20e0f4d60a016735fba1177efd1350",tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant},this.filteredTokens.map((e=>n("li",{tabindex:"0",key:e.label,id:e.label,class:{active:this.ariaActivedescendant===e.label},onClick:n=>this.selectOption(n,e),role:"option"},this.getLabelHTML(e.labelHTML)))))),!this.noTemplates&&n("span",{key:"1fc0a0e63585a638f6575cb700032623182ed29e",class:"help-text"},r.t("nylasEventTitle.helpText",{context:"start",field:r.t("nylasEventTitle.title")})," ",n("code",{key:"12fe3c849ec8fc802ef29be58ccc7dc777240214"},"$")," ",r.t("nylasEventTitle.helpText",{context:"end"}),n("span",{key:"910f7d427e7c865ff65aa0a22391f260056eae0a",class:"label-icon"},n("tooltip-component",{key:"2c1c597434320b8f244a909ddd76513445d49385"},n("info-icon",{key:"6f094cd5685d166e3500df5dffe0283366fe2686",slot:"tooltip-icon"}),n("span",{key:"c889bc004e8b159df72e37f25ee93fc8ca80d2c9",slot:"tooltip-content"},r.t("nylasEventTitle.tooltip.desc")," ",n("code",{key:"c2b7d523ca335e629f8afb3c76e98ce0c26a4ee1"},"${invitee}"))))),this.validationError!=""&&n("span",{key:"7a2b337f4ec5f3bd9d6a3faba354cf94f032e7d6",class:"error-message"},r.t(`nylasEventTitle.${this.validationError}`))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],ariaActivedescendant:["ariaActivedescendantChangedHandler"],selectedConfiguration:["configChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};K([l({name:"nylas-event-title",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),G("design:type",Function),G("design:paramtypes",[]),G("design:returntype",void 0)],Q.prototype,"render",null);Q.style=J;const X=':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}.card-wrapper{background:var(--nylas-base-0);display:flex;flex-direction:column;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;padding:32px;width:562px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.card-wrapper{width:100%;border-radius:0px}}.header{overflow-wrap:anywhere;display:flex;flex-direction:column;font-size:16px;font-weight:400}.header h2{color:var(--nylas-base-900);font-size:24px;font-weight:600;text-align:left;margin:0}.description.title-desc{margin-bottom:2rem}.description.footer-desc{margin-top:2rem}.description.footer-desc a{color:var(--nylas-primary);text-decoration:none}.description p{margin:0;font-size:18px;color:var(--nylas-base-600)}.footer{margin-top:1rem;padding-top:1rem;display:flex;justify-content:flex-end;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.close-button{width:100%;display:flex;justify-content:flex-end}.close-button button-component button{padding:0;height:auto}.close-button button-component button:hover{background-color:transparent !important}button-component{--dot-color:var(--nylas-base-700)}';var Y=undefined&&undefined.__decorate\|\|function(e,n,a,t){var o=arguments.length,l=o<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(s=e[i])l=(o<3?s(l):o>3?s(n,a,l):s(n,a))\|\|l;return o>3&&l&&Object.defineProperty(n,a,l),l};var ee=undefined&&undefined.__metadata\|\|function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const ne=class{constructor(n){e(this,n);this.feedbackModalClosed=a(this,"feedbackModalClosed",7);this.feedbackSubmitted=a(this,"feedbackSubmitted",7);this.triggerValidation=a(this,"triggerValidation",7);this.feedbackMessage="";this.handleConfirmBookingButtonClicked=()=>{const e=this.triggerValidation.emit();if(e.defaultPrevented){return}this.feedbackSubmitted.emit({feedback:this.feedbackMessage})}}connectedCallback(){queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}disconnectedCallback(){}async componentWillLoad(){s(`[nylas-feedback-form] Component will load`)}async componentDidLoad(){s(`[nylas-feedback-form] Component did load`)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}handleFormInputChanged(e){s(`[nylas-feedback-form] Form input changed`);if(!e.detail.value){return}this.triggerValidation.emit();if(e.detail.name==="feedback"){this.feedbackMessage=e.detail.value}}closeModal(e){e.preventDefault();e.stopImmediatePropagation();this.feedbackModalClosed.emit()}render(){return n(o,{key:"52a1dc4a541ff7ea02420e16343c8f2a85c16091",part:"nfbf"},n("div",{key:"1c967a172263e1325a6ef42453c5cc404fe904a1",class:"card-wrapper",part:"nfbfc__card"},n("div",{key:"713cb4b1d26adee24b8ce50326003c0c4495dba2",class:"close-button"},n("button-component",{key:"658239c2e0ad2142a8af5deb8a6bf389e18c8aa1",tooltip:"Close",id:"close",variant:"invisible",onClick:e=>this.closeModal(e),part:"nfbf__close-button"},n("close-icon",{key:"2e1f9d13c9b0407c43630309a56130ba7623e1e7"}))),n("div",{key:"d27eb423845ada65612d5668e73b694142e9d3f8",class:"header"},n("h2",{key:"3349f51aaa776ce68d072d0517ab3689d9c50d12",slot:"card-title",part:"nfbf__title"},r.t("feedbackFormTitle"))),n("div",{key:"57e0dd0752e1f92b8179e84d441c724ceb8f39af",class:"description title-desc"},n("p",{key:"cf7e227f99f83ba9921db6354cdb3b837c933a3f"},r.t("feedbackFormDescription"))),n("textarea-component",{key:"7f29b841cf6a36c1336c35a4d7ab91dd88bf8d0a",label:r.t("feedbackMessageLabel"),required:true,maxLength:500,part:"nfbf__description",name:"feedback",placeholder:r.t("feedbackMessagePlaceholder")}),n("div",{key:"4db6e0def2da7da8283e4c290fbb87c79103d54f",class:"description footer-desc"},n("p",{key:"1c30fa85b3cb6b1689b663148d4a4f7a099ba3ca"},"By sending this report, you agree to Nylas’ access to the data necessary to respond to this issue, subject to Nylas’"," ",n("a",{key:"342a115c725419ddc971be46fbbc9a3c4dbb147a",href:"https://www.nylas.com/privacy-policy/",target:"_blank",rel:"nofollow noreferrer noopener"},"Privacy Policy"),".")),n("div",{key:"e62b4a2d4fa196e64f9b14fef1579629bdf8879a",class:{footer:true}},n("button-component",{key:"cf907af50d0065b20437b6f19d58043d377a2fc1",variant:"invisible",onClick:e=>this.closeModal(e),part:"nfbf__button-outline nfbf__cancel-cta"},`${r.t("feedbackModalCloseButton")}`),n("button-component",{key:"cc43a06033361a839f58f29d73b25834a3c4eed7",variant:"primary",onClick:this.handleConfirmBookingButtonClicked,part:"nfbf__button-outline nfbf__reschedule-cta"},`${r.t("feedbackModalSubmitButton")}`))))}get host(){return t(this)}};Y([l({name:"nylas-feedback-form",stateToProps:new Map([]),eventToProps:{feedbackSubmitted:async(e,n)=>{}},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:true}),ee("design:type",Function),ee("design:paramtypes",[]),ee("design:returntype",void 0)],ne.prototype,"render",null);ne.style=X;const ae=':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-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;justify-content:flex-end;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-reminder-time__wrapper input-dropdown{width:80px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}';var te=undefined&&undefined.__decorate\|\|function(e,n,a,t){var o=arguments.length,l=o<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(s=e[i])l=(o<3?s(l):o>3?s(n,a,l):s(n,a))\|\|l;return o>3&&l&&Object.defineProperty(n,a,l),l};var oe=undefined&&undefined.__metadata\|\|function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const le=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="reminder-time";this.errorState=false}elementNameChangedHandler(e){s("nylas-reminder-time","elementNameChangedHandler",e);this.host.setAttribute("name",e)}eventReminderTimeMinutesChangedHandler(e,n){s("nylas-reminder-time","eventReminderTimeMinutesChangedHandler",e);this.updateNumberAndPeriodFromMinutes(e);this.isInternalsAvailable&&this.internals.setFormValue(e?.toString(),this.name)}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}connectedCallback(){s("nylas-reminder-time","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}componentWillLoad(){s("nylas-reminder-time","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-reminder-time","componentDidLoad");this.updateNumberAndPeriodFromMinutes(this.eventReminderTimeMinutes\|\|30)}disconnectedCallback(){s("nylas-reminder-time","disconnectedCallback")}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}nylasSuggestReminderMinutesHandler(e){const{minutes:n}=e.detail;this.errorState=false;this.valueChanged.emit({value:n.toString(),name:this.name});this.isInternalsAvailable&&this.internals.setFormValue(n.toString(),this.name);this.updateNumberAndPeriodFromMinutes(n+7);setTimeout((()=>{this.updateNumberAndPeriodFromMinutes(n)}),10)}timePeriodChangedHandler(e){const{number:n,period:a}=e.detail;let t;const o=60;const l=o24;const s=l7;const i=l30;if(a==="minute"){t=n}else if(a==="hour"){t=no}else if(a==="day"){t=nl}else if(a==="week"){t=ns}else if(a==="month"){t=ni}else{t=0}this.errorState=t%5!==0;this.valueChanged.emit({value:t,name:this.name});this.isInternalsAvailable&&this.internals.setFormValue(t.toString(),this.name)}updateNumberAndPeriodFromMinutes(e){const n=60;const a=n24;const t=a7;const o=a30;let l,s;if(e===0){l=0;s="minute"}else if(e>=o&&e%o===0){l=Math.floor(e/o);s="month"}else if(e>=t&&e%t===0){l=Math.floor(e/t);s="week"}else if(e>=a&&e%a===0){l=Math.floor(e/a);s="day"}else if(e>=n&&e%n===0){l=Math.floor(e/n);s="hour"}else{l=e;s="minute"}this.selectedNumber=l;this.selectedPeriod=s}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}render(){const e=typeof this.selectedNumber=="number"&&typeof this.selectedPeriod=="string";return n(o,{key:"4a624beaa489d4fad2397bb216a964129e585be0"},n("div",{key:"cbcf38454f4f34690807acc83d7b19d1b3bdac70",class:"nylas-reminder-time",part:"nrt"},n("div",{key:"97f2ab05f44f0952f57e21827607a047317c47a2",class:"nylas-reminder-time__wrapper"},e&&n("time-period-selector",{key:"7304bcee34bdecbe7ab853b71b4e4e891c70edfa",id:"limit-future-bookings",part:"nrt__time-period-selector",hasError:this.errorState,timePeriods:[{value:"minute",label:r.t("timeDuration",{context:"minute"})},{value:"hour",label:r.t("timeDuration",{context:"hour"})},{value:"day",label:r.t("timePeriod",{context:"day"})}],exportparts:"tps__number-dropdown: nrt__number-dropdown, tps__number-dropdown-button: nrt__number-dropdown-button, tps__number-dropdown-content: nrt__number-dropdown-content, tps__period-dropdown: nrt__period-dropdown, tps__period-dropdown-button: nrt__period-dropdown-button, tps__period-dropdown-content: nrt__period-dropdown-content",defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod,themeConfig:this.themeConfig}))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],eventReminderTimeMinutes:["eventReminderTimeMinutesChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};te([l({name:"nylas-reminder-time",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),oe("design:type",Function),oe("design:paramtypes",[]),oe("design:returntype",void 0)],le.prototype,"render",null);le.style=ae;const se=".sc-trash-icon-h{display:flex}";const ie=class{constructor(n){e(this,n);this.width="20";this.height="21"}render(){return n("svg",{key:"53e02c46cdf660f01ea78a7af063e31149e78ccd",width:this.width,height:this.height,viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"f04e2ac3cdb3d363694c6a9bbaecbf4aaeab6bbd",d:"M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z",fill:"currentColor"}))}};ie.style=se;export{g as checkmark_icon,v as copy_icon,k as dragable_icon,C as eye_icon,L as feedback_icon,T as input_color_picker,O as input_image_url,F as nylas_additional_participants,I as nylas_event_description,q as nylas_event_info,V as nylas_event_location,Q as nylas_event_title,ne as nylas_feedback_form,le as nylas_reminder_time,ie as trash_icon};
2	+ //# sourceMappingURL=p-c91eb1ba.entry.js.map