@nylas/web-elements 1.4.1 → 1.4.3

package/dist/nylas-web-elements/nylas-event-capacity.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as a,h as n,a as l,e as t}from"./index-3e0d6890.js";import{R as c}from"./register-component-3d439a88.js";import{a as s,i as o}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const r=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-event-capacity{display:flex;flex-direction:column;gap:4px}.nylas-event-capacity label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-capacity label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-capacity label span.label-icon{margin-left:4px}.nylas-event-capacity label span.label-icon tooltip-component{display:flex}.nylas-event-capacity label tooltip-component::part(tc__content){left:50px}.nylas-event-capacity__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-capacity__wrapper input-component{width:auto}.nylas-event-capacity__wrapper input-component::part(ic__input){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:80px}';var y=undefined&&undefined.__decorate||function(e,a,n,l){var t=arguments.length,c=t<3?a:l===null?l=Object.getOwnPropertyDescriptor(a,n):l,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,a,n,l);else for(var o=e.length-1;o>=0;o--)if(s=e[o])c=(t<3?s(c):t>3?s(a,n,c):s(a,n))||c;return t>3&&c&&Object.defineProperty(a,n,c),c};var i=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const d=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="event-capacity";this.capacity=undefined;this.selectedLanguage=undefined;this.selectedEventCapacity=undefined}connectedCallback(){s("nylas-event-capacity","connectedCallback")}disconnectedCallback(){s("nylas-event-capacity","disconnectedCallback")}componentWillLoad(){s("nylas-event-capacity","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-event-capacity","componentDidLoad");this.selectedEventCapacity=this.capacity||10;console.log("selectedEventCapacity",this.selectedEventCapacity);this.internals.setFormValue(this.selectedEventCapacity.toString(),this.name)}componentWillUpdate(){s("nylas-event-capacity","componentWillUpdate")}componentDidUpdate(){s("nylas-event-capacity","componentDidUpdate")}componentWillRender(){s("nylas-event-capacity","componentWillRender")}componentDidRender(){s("nylas-event-capacity","componentDidRender")}elementNameChangedHandler(e){s("nylas-event-capacity","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,a){if(e===a)return;o.changeLanguage(e)}async nylasFormInputChangeHandler(e){const{name:a,value:n}=e.detail;if(a==="event-capacity"){this.selectedEventCapacity=parseInt(n);this.internals.setFormValue(n.toString(),this.name);this.valueChanged.emit({value:n.toString(),name:this.name})}}render(){const e=typeof this.selectedEventCapacity!=="undefined";return n(l,{key:"e2debc0469569f51e10fd9c0604e7d62c4db6b39"},n("div",{key:"49c4a101da37906bf5f18446190729e141c7451c",class:"nylas-event-capacity",part:"necapacity"},n("label",{key:"9d6d299b6d4b6d05d08b24d1ce73f24ea056815c",htmlFor:"event-capacity"},n("span",{key:"1b81652fd174559d8bcfc4a49193b233a69a967e"},o.t("nylasEventCapacity.headerTitle"),n("span",{key:"45a31e0e9e4e771bd36653e375e37acc00fd9895",class:"required"},"*")),n("tooltip-component",{key:"b83eeb0255d145363fe49b489908c6e17f091e07"},n("info-icon",{key:"d595bc37faa4830dd047d01b69e850d70532b7a0",slot:"tooltip-icon"}),n("span",{key:"f7d4241b10814b1c6e7d09f54a2da1ce0b7b1d72",slot:"tooltip-content"},o.t("nylasEventCapacity.tooltip.desc")))),e&&n("div",{class:"nylas-event-capacity__wrapper"},n("input-component",{name:"event-capacity",id:"event-capacity",type:"number",minValue:1,required:false,exportparts:"ic_input: necapacity__input-textfield",defaultValue:typeof this.selectedEventCapacity==="number"?this.selectedEventCapacity.toString():"10"}),n("span",null,o.t("nylasEventCapacity.attendees")))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};y([c({name:"nylas-event-capacity",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,a)=>{const{valueChanged:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),i("design:type",Function),i("design:paramtypes",[]),i("design:returntype",void 0)],d.prototype,"render",null);d.style=r;export{d as nylas_event_capacity};
+import{r as e,i as a,h as n,a as t,e as l}from"./index-3e0d6890.js";import{R as s}from"./register-component-8b5587d5.js";import{a as c,i as o}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const r=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-event-capacity{display:flex;flex-direction:column;gap:4px}.nylas-event-capacity label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-capacity label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-capacity label span.label-icon{margin-left:4px}.nylas-event-capacity label span.label-icon tooltip-component{display:flex}.nylas-event-capacity label tooltip-component::part(tc__content){left:50px}.nylas-event-capacity__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-capacity__wrapper input-component{width:auto}.nylas-event-capacity__wrapper input-component::part(ic__input){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:80px}.nylas-event-capacity__wrapper input-component::part(ic__input--error){border:1px solid var(--nylas-error)}.nylas-event-capacity__wrapper input-component::part(ic__label--error){position:relative;margin-bottom:24px}.nylas-event-capacity__wrapper input-component::part(ic__error_message){position:absolute;top:54px;width:max-content}.nylas-event-capacity__wrapper span.attendees.error{margin-top:-24px}';var i=undefined&&undefined.__decorate||function(e,a,n,t){var l=arguments.length,s=l<3?a:t===null?t=Object.getOwnPropertyDescriptor(a,n):t,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,n,t);else for(var o=e.length-1;o>=0;o--)if(c=e[o])s=(l<3?c(s):l>3?c(a,n,s):c(a,n))||s;return l>3&&s&&Object.defineProperty(a,n,s),s};var y=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const p=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="event-capacity";this.capacity=undefined;this.selectedLanguage=undefined;this.selectedEventCapacity=undefined;this.error=""}connectedCallback(){c("nylas-event-capacity","connectedCallback")}disconnectedCallback(){c("nylas-event-capacity","disconnectedCallback")}componentWillLoad(){c("nylas-event-capacity","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){c("nylas-event-capacity","componentDidLoad");this.selectedEventCapacity=this.capacity||10;console.log("selectedEventCapacity",this.selectedEventCapacity);this.internals.setFormValue(this.selectedEventCapacity.toString(),this.name)}componentWillUpdate(){c("nylas-event-capacity","componentWillUpdate")}componentDidUpdate(){c("nylas-event-capacity","componentDidUpdate")}componentWillRender(){c("nylas-event-capacity","componentWillRender")}componentDidRender(){c("nylas-event-capacity","componentDidRender")}elementNameChangedHandler(e){c("nylas-event-capacity","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,a){if(e===a)return;o.changeLanguage(e)}async nylasFormInputChangeHandler(e){const{name:a,value:n}=e.detail;if(a==="event-capacity"){const e=parseInt(n);if(e<1||e>500||isNaN(e)){this.error=o.t("fixFormErrors");this.internals.setValidity({customError:true},this.error);this.valueChanged.emit({value:n.toString(),name:this.name});return}this.error="";this.internals.setValidity({customError:false},"");this.selectedEventCapacity=parseInt(n);this.internals.setFormValue(n.toString(),this.name);this.valueChanged.emit({value:n.toString(),name:this.name})}}render(){const e=typeof this.selectedEventCapacity!=="undefined";return n(t,{key:"b0eebdd8854645010038e0e03bfa94c851d5a859"},n("div",{key:"6d7a7f053c3b7e166480eefbe5ef1df178552180",class:"nylas-event-capacity",part:"necapacity"},n("label",{key:"05f77a19d88d300aafb73cf6aecf83c4c8e92679",htmlFor:"event-capacity"},n("span",{key:"18fbc5bf61b42b39f9ad0bacba4fb4cb42392e43"},o.t("nylasEventCapacity.headerTitle"),n("span",{key:"1e42bd3df3cbb5f9e0b7a2fac118abed3648a2a5",class:"required"},"*")),n("tooltip-component",{key:"e0fa3f3557c575dbaf7e989e7eeeb956fd4ee55b"},n("info-icon",{key:"952d5cfb9695a0005b06fb8539ae84c38bfe566e",slot:"tooltip-icon"}),n("span",{key:"aacb7c0d1a2904a9675c75d51cf7d082e3bf1d3e",slot:"tooltip-content"},o.t("nylasEventCapacity.tooltip.desc")))),e&&n("div",{class:"nylas-event-capacity__wrapper"},n("input-component",{name:"event-capacity",id:"event-capacity",type:"number",pattern:/^[0-9]*$/,patternError:o.t("invalidInputFormat",{field:"Event capacity"}),minValue:1,maxValue:500,required:false,exportparts:"ic_input: necapacity__input-textfield",defaultValue:typeof this.selectedEventCapacity==="number"?this.selectedEventCapacity.toString():"10"}),n("span",{class:this.error?"attendees error":"attendees"},o.t("nylasEventCapacity.attendees")))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};i([s({name:"nylas-event-capacity",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,a)=>{const{valueChanged:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],p.prototype,"render",null);p.style=r;export{p as nylas_event_capacity};
 //# sourceMappingURL=nylas-event-capacity.entry.js.map

package/dist/nylas-web-elements/nylas-event-capacity.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["nylasEventCapacityCss","NylasEventCapacity","connectedCallback","debug","disconnectedCallback","componentWillLoad","this","host","setAttribute","name","componentDidLoad","selectedEventCapacity","capacity","console","log","internals","setFormValue","toString","componentWillUpdate","componentDidUpdate","componentWillRender","componentDidRender","elementNameChangedHandler","newValue","selectedLanguageChangedHandler","newVal","oldVal","i18next","changeLanguage","nylasFormInputChangeHandler","event","value","detail","parseInt","valueChanged","emit","render","isComponentReady","h","Host","key","class","part","htmlFor","t","slot","id","type","minValue","required","exportparts","defaultValue","__decorate","RegisterComponent","stateToProps","Map","eventToProps","async","_nylasSchedulerConfigConnector","fireRegisterEvent"],"sources":["src/components/scheduler-editor/nylas-event-capacity/nylas-event-capacity.scss?tag=nylas-event-capacity&encapsulation=shadow","src/components/scheduler-editor/nylas-event-capacity/nylas-event-capacity.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n@import '../../../common/mixins/inputs.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: inherit;\n}\n\n.nylas-event-capacity {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  label {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--nylas-base-800);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 150%;\n\n    /* 21px */\n    span.required {\n      color: var(--nylas-error, #cc4841);\n    }\n\n    span.label-icon {\n      margin-left: 4px;\n\n      tooltip-component {\n        display: flex;\n      }\n    }\n\n    tooltip-component {\n      &::part(tc__content) {\n        left: 50px;\n      }\n    }\n  }\n}\n\n.nylas-event-capacity__wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n\n  input-component {\n    width: auto;\n  }\n\n  input-component::part(ic__input) {\n    border-width: 1;\n    border-radius: 8px;\n    border: 1px solid var(--nylas-base-200);\n    font-family: var(--nylas-font-family);\n    font-size: 16px;\n    line-height: 24px;\n    width: 80px;\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-event-capacity` component is a UI component that allows users to set the event capacity for the scheduler configuration.\n *\n * @part necapacity - The nylas-event-capacity container\n * @part necapacity__body - The body of the event capacity section\n * @part necapacity__header - The header of the event capacity section\n * @part necapacity__drawer-toggle--container - The card's drawer toggle container\n * @part necapacity__input-numberfield - The event capacity input numberfield\n */\n@Component({\n  tag: 'nylas-event-capacity',\n  styleUrl: 'nylas-event-capacity.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasEventCapacity {\n  @Element() host!: HTMLNylasEventCapacityElement;\n\n  /**\n   * @standalone\n   * The name of the component\n   */\n  @Prop() name: string = 'event-capacity';\n  /**\n   * @standalone\n   * The default event capacity\n   */\n  @Prop() capacity?: number;\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * The current event capacity state\n   */\n  @State() selectedEventCapacity!: number;\n\n  /**\n   * This event is fired when the event capacity value changes\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;\n  }>;\n\n  // Lifecycle methods\n  connectedCallback() {\n    debug('nylas-event-capacity', 'connectedCallback');\n  }\n\n  disconnectedCallback() {\n    debug('nylas-event-capacity', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-event-capacity', 'componentWillLoad');\n    // See comment in the @Watch('name') decorator for more information.\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-event-capacity', 'componentDidLoad');\n    this.selectedEventCapacity = this.capacity || 10;\n    console.log('selectedEventCapacity', this.selectedEventCapacity);\n    this.internals.setFormValue(this.selectedEventCapacity.toString(), this.name);\n  }\n\n  componentWillUpdate() {\n    debug('nylas-event-capacity', 'componentWillUpdate');\n  }\n\n  componentDidUpdate() {\n    debug('nylas-event-capacity', 'componentDidUpdate');\n  }\n\n  componentWillRender() {\n    debug('nylas-event-capacity', 'componentWillRender');\n  }\n\n  componentDidRender() {\n    debug('nylas-event-capacity', 'componentDidRender');\n  }\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-event-capacity', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Listen('nylasFormInputChanged')\n  async nylasFormInputChangeHandler(event: CustomEvent<{ value: string; name: string }>) {\n    const { name, value } = event.detail;\n\n    if (name === 'event-capacity') {\n      this.selectedEventCapacity = parseInt(value);\n      this.internals.setFormValue(value.toString(), this.name);\n      this.valueChanged.emit({ value: value.toString(), name: this.name });\n    }\n  }\n\n  @RegisterComponent<NylasEventCapacity, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-event-capacity',\n    stateToProps: new Map([['schedulerConfig.selectedLanguage', 'selectedLanguage']]),\n    eventToProps: {\n      valueChanged: async (\n        event: CustomEvent<{ value: string; name: string; valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void }>,\n        _nylasSchedulerConfigConnector: NylasSchedulerConfigConnector,\n      ) => {\n        const { valueChanged } = event.detail;\n        // If a handler is passed, call it.\n        if (valueChanged) {\n          valueChanged(event);\n        }\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const isComponentReady = typeof this.selectedEventCapacity !== 'undefined';\n    return (\n      <Host>\n        <div class=\"nylas-event-capacity\" part=\"necapacity\">\n          <label htmlFor=\"event-capacity\">\n            <span>\n              {i18next.t('nylasEventCapacity.headerTitle')}\n              <span class=\"required\">*</span>\n            </span>\n            <tooltip-component>\n              <info-icon slot=\"tooltip-icon\" />\n              <span slot=\"tooltip-content\">{i18next.t('nylasEventCapacity.tooltip.desc')}</span>\n            </tooltip-component>\n          </label>\n          {isComponentReady && (\n            <div class=\"nylas-event-capacity__wrapper\">\n              <input-component\n                name=\"event-capacity\"\n                id=\"event-capacity\"\n                type=\"number\"\n                minValue={1}\n                required={false}\n                exportparts=\"ic_input: necapacity__input-textfield\"\n                defaultValue={typeof this.selectedEventCapacity === 'number' ? this.selectedEventCapacity.toString() : '10'}\n              />\n              <span>{i18next.t('nylasEventCapacity.attendees')}</span>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kMAAA,MAAMA,EAAwB,g9F,ugBCuBjBC,EAAkB,M,8OAON,iB,6FAgCvB,iBAAAC,GACEC,EAAM,uBAAwB,oB,CAGhC,oBAAAC,GACED,EAAM,uBAAwB,uB,CAGhC,iBAAAE,GACEF,EAAM,uBAAwB,qBAE9BG,KAAKC,KAAKC,aAAa,OAAQF,KAAKG,K,CAGtC,gBAAAC,GACEP,EAAM,uBAAwB,oBAC9BG,KAAKK,sBAAwBL,KAAKM,UAAY,GAC9CC,QAAQC,IAAI,wBAAyBR,KAAKK,uBAC1CL,KAAKS,UAAUC,aAAaV,KAAKK,sBAAsBM,WAAYX,KAAKG,K,CAG1E,mBAAAS,GACEf,EAAM,uBAAwB,sB,CAGhC,kBAAAgB,GACEhB,EAAM,uBAAwB,qB,CAGhC,mBAAAiB,GACEjB,EAAM,uBAAwB,sB,CAGhC,kBAAAkB,GACElB,EAAM,uBAAwB,qB,CAShC,yBAAAmB,CAA0BC,GACxBpB,EAAM,uBAAwB,4BAA6BoB,GAC3DjB,KAAKC,KAAKC,aAAa,OAAQe,E,CAIjC,8BAAAC,CAA+BC,EAAuBC,GACpD,GAAID,IAAWC,EAAQ,OACvBC,EAAQC,eAAeH,E,CAIzB,iCAAMI,CAA4BC,GAChC,MAAMrB,KAAEA,EAAIsB,MAAEA,GAAUD,EAAME,OAE9B,GAAIvB,IAAS,iBAAkB,CAC7BH,KAAKK,sBAAwBsB,SAASF,GACtCzB,KAAKS,UAAUC,aAAae,EAAMd,WAAYX,KAAKG,MACnDH,KAAK4B,aAAaC,KAAK,CAAEJ,MAAOA,EAAMd,WAAYR,KAAMH,KAAKG,M,EAqBjE,MAAA2B,GACE,MAAMC,SAA0B/B,KAAKK,wBAA0B,YAC/D,OACE2B,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBAAuBC,KAAK,cACrCJ,EAAA,SAAAE,IAAA,2CAAOG,QAAQ,kBACbL,EAAA,QAAAE,IAAA,4CACGb,EAAQiB,EAAE,kCACXN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,YAAU,MAExBH,EAAA,qBAAAE,IAAA,4CACEF,EAAA,aAAAE,IAAA,2CAAWK,KAAK,iBAChBP,EAAA,QAAAE,IAAA,2CAAMK,KAAK,mBAAmBlB,EAAQiB,EAAE,sCAG3CP,GACCC,EAAA,OAAKG,MAAM,iCACTH,EAAA,mBACE7B,KAAK,iBACLqC,GAAG,iBACHC,KAAK,SACLC,SAAU,EACVC,SAAU,MACVC,YAAY,wCACZC,oBAAqB7C,KAAKK,wBAA0B,SAAWL,KAAKK,sBAAsBM,WAAa,OAEzGqB,EAAA,YAAOX,EAAQiB,EAAE,mC,0LA1B7BQ,EAAA,CAjBCC,EAAyH,CACxH5C,KAAM,uBACN6C,aAAc,IAAIC,IAAI,CAAC,CAAC,mCAAoC,sBAC5DC,aAAc,CACZtB,aAAcuB,MACZ3B,EACA4B,KAEA,MAAMxB,aAAEA,GAAiBJ,EAAME,OAE/B,GAAIE,EAAc,CAChBA,EAAaJ,E,IAInB6B,kBAAmB,O"}
+{"version":3,"names":["nylasEventCapacityCss","NylasEventCapacity","connectedCallback","debug","disconnectedCallback","componentWillLoad","this","host","setAttribute","name","componentDidLoad","selectedEventCapacity","capacity","console","log","internals","setFormValue","toString","componentWillUpdate","componentDidUpdate","componentWillRender","componentDidRender","elementNameChangedHandler","newValue","selectedLanguageChangedHandler","newVal","oldVal","i18next","changeLanguage","nylasFormInputChangeHandler","event","value","detail","parsedValue","parseInt","isNaN","error","t","setValidity","customError","valueChanged","emit","render","isComponentReady","h","Host","key","class","part","htmlFor","slot","id","type","pattern","patternError","field","minValue","maxValue","required","exportparts","defaultValue","__decorate","RegisterComponent","stateToProps","Map","eventToProps","async","_nylasSchedulerConfigConnector","fireRegisterEvent"],"sources":["src/components/scheduler-editor/nylas-event-capacity/nylas-event-capacity.scss?tag=nylas-event-capacity&encapsulation=shadow","src/components/scheduler-editor/nylas-event-capacity/nylas-event-capacity.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n@import '../../../common/mixins/inputs.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: inherit;\n}\n\n.nylas-event-capacity {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  label {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--nylas-base-800);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 150%;\n\n    /* 21px */\n    span.required {\n      color: var(--nylas-error, #cc4841);\n    }\n\n    span.label-icon {\n      margin-left: 4px;\n\n      tooltip-component {\n        display: flex;\n      }\n    }\n\n    tooltip-component {\n      &::part(tc__content) {\n        left: 50px;\n      }\n    }\n  }\n}\n\n.nylas-event-capacity__wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n\n  input-component {\n    width: auto;\n  }\n\n  input-component::part(ic__input) {\n    border-width: 1;\n    border-radius: 8px;\n    border: 1px solid var(--nylas-base-200);\n    font-family: var(--nylas-font-family);\n    font-size: 16px;\n    line-height: 24px;\n    width: 80px;\n  }\n\n  input-component::part(ic__input--error) {\n    border: 1px solid var(--nylas-error);\n  }\n\n  input-component::part(ic__label--error) {\n    position: relative;\n    margin-bottom: 24px;\n  }\n\n  input-component::part(ic__error_message) {\n    position: absolute;\n    top: 54px;\n    width: max-content;\n  }\n\n  span.attendees {\n    &.error {\n      margin-top: -24px;\n    }\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-event-capacity` component is a UI component that allows users to set the event capacity for the scheduler configuration.\n *\n * @part necapacity - The nylas-event-capacity container\n * @part necapacity__body - The body of the event capacity section\n * @part necapacity__header - The header of the event capacity section\n * @part necapacity__drawer-toggle--container - The card's drawer toggle container\n * @part necapacity__input-numberfield - The event capacity input numberfield\n */\n@Component({\n  tag: 'nylas-event-capacity',\n  styleUrl: 'nylas-event-capacity.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasEventCapacity {\n  @Element() host!: HTMLNylasEventCapacityElement;\n\n  /**\n   * @standalone\n   * The name of the component\n   */\n  @Prop() name: string = 'event-capacity';\n  /**\n   * @standalone\n   * The default event capacity\n   */\n  @Prop() capacity?: number;\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * The current event capacity state\n   */\n  @State() selectedEventCapacity!: number;\n\n  @State() error: string = '';\n\n  /**\n   * This event is fired when the event capacity value changes\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;\n  }>;\n\n  // Lifecycle methods\n  connectedCallback() {\n    debug('nylas-event-capacity', 'connectedCallback');\n  }\n\n  disconnectedCallback() {\n    debug('nylas-event-capacity', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-event-capacity', 'componentWillLoad');\n    // See comment in the @Watch('name') decorator for more information.\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-event-capacity', 'componentDidLoad');\n    this.selectedEventCapacity = this.capacity || 10;\n    console.log('selectedEventCapacity', this.selectedEventCapacity);\n    this.internals.setFormValue(this.selectedEventCapacity.toString(), this.name);\n  }\n\n  componentWillUpdate() {\n    debug('nylas-event-capacity', 'componentWillUpdate');\n  }\n\n  componentDidUpdate() {\n    debug('nylas-event-capacity', 'componentDidUpdate');\n  }\n\n  componentWillRender() {\n    debug('nylas-event-capacity', 'componentWillRender');\n  }\n\n  componentDidRender() {\n    debug('nylas-event-capacity', 'componentDidRender');\n  }\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-event-capacity', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Listen('nylasFormInputChanged')\n  async nylasFormInputChangeHandler(event: CustomEvent<{ value: string; name: string }>) {\n    const { name, value } = event.detail;\n\n    if (name === 'event-capacity') {\n      const parsedValue = parseInt(value);\n      if (parsedValue < 1 || parsedValue > 500 || isNaN(parsedValue)) {\n        this.error = i18next.t('fixFormErrors');\n        this.internals.setValidity({ customError: true }, this.error);\n        this.valueChanged.emit({ value: value.toString(), name: this.name });\n        return;\n      }\n      this.error = '';\n      this.internals.setValidity({ customError: false }, '');\n      this.selectedEventCapacity = parseInt(value);\n      this.internals.setFormValue(value.toString(), this.name);\n      this.valueChanged.emit({ value: value.toString(), name: this.name });\n    }\n  }\n\n  @RegisterComponent<NylasEventCapacity, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-event-capacity',\n    stateToProps: new Map([['schedulerConfig.selectedLanguage', 'selectedLanguage']]),\n    eventToProps: {\n      valueChanged: async (\n        event: CustomEvent<{ value: string; name: string; valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void }>,\n        _nylasSchedulerConfigConnector: NylasSchedulerConfigConnector,\n      ) => {\n        const { valueChanged } = event.detail;\n        // If a handler is passed, call it.\n        if (valueChanged) {\n          valueChanged(event);\n        }\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const isComponentReady = typeof this.selectedEventCapacity !== 'undefined';\n    return (\n      <Host>\n        <div class=\"nylas-event-capacity\" part=\"necapacity\">\n          <label htmlFor=\"event-capacity\">\n            <span>\n              {i18next.t('nylasEventCapacity.headerTitle')}\n              <span class=\"required\">*</span>\n            </span>\n            <tooltip-component>\n              <info-icon slot=\"tooltip-icon\" />\n              <span slot=\"tooltip-content\">{i18next.t('nylasEventCapacity.tooltip.desc')}</span>\n            </tooltip-component>\n          </label>\n          {isComponentReady && (\n            <div class=\"nylas-event-capacity__wrapper\">\n              <input-component\n                name=\"event-capacity\"\n                id=\"event-capacity\"\n                type=\"number\"\n                pattern={/^[0-9]*$/}\n                patternError={i18next.t('invalidInputFormat', { field: 'Event capacity' })}\n                minValue={1}\n                maxValue={500}\n                required={false}\n                exportparts=\"ic_input: necapacity__input-textfield\"\n                defaultValue={typeof this.selectedEventCapacity === 'number' ? this.selectedEventCapacity.toString() : '10'}\n              />\n              <span class={this.error ? 'attendees error' : 'attendees'}>{i18next.t('nylasEventCapacity.attendees')}</span>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kMAAA,MAAMA,EAAwB,i2G,ugBCuBjBC,EAAkB,M,8OAON,iB,wGAsBE,E,CAYzB,iBAAAC,GACEC,EAAM,uBAAwB,oB,CAGhC,oBAAAC,GACED,EAAM,uBAAwB,uB,CAGhC,iBAAAE,GACEF,EAAM,uBAAwB,qBAE9BG,KAAKC,KAAKC,aAAa,OAAQF,KAAKG,K,CAGtC,gBAAAC,GACEP,EAAM,uBAAwB,oBAC9BG,KAAKK,sBAAwBL,KAAKM,UAAY,GAC9CC,QAAQC,IAAI,wBAAyBR,KAAKK,uBAC1CL,KAAKS,UAAUC,aAAaV,KAAKK,sBAAsBM,WAAYX,KAAKG,K,CAG1E,mBAAAS,GACEf,EAAM,uBAAwB,sB,CAGhC,kBAAAgB,GACEhB,EAAM,uBAAwB,qB,CAGhC,mBAAAiB,GACEjB,EAAM,uBAAwB,sB,CAGhC,kBAAAkB,GACElB,EAAM,uBAAwB,qB,CAShC,yBAAAmB,CAA0BC,GACxBpB,EAAM,uBAAwB,4BAA6BoB,GAC3DjB,KAAKC,KAAKC,aAAa,OAAQe,E,CAIjC,8BAAAC,CAA+BC,EAAuBC,GACpD,GAAID,IAAWC,EAAQ,OACvBC,EAAQC,eAAeH,E,CAIzB,iCAAMI,CAA4BC,GAChC,MAAMrB,KAAEA,EAAIsB,MAAEA,GAAUD,EAAME,OAE9B,GAAIvB,IAAS,iBAAkB,CAC7B,MAAMwB,EAAcC,SAASH,GAC7B,GAAIE,EAAc,GAAKA,EAAc,KAAOE,MAAMF,GAAc,CAC9D3B,KAAK8B,MAAQT,EAAQU,EAAE,iBACvB/B,KAAKS,UAAUuB,YAAY,CAAEC,YAAa,MAAQjC,KAAK8B,OACvD9B,KAAKkC,aAAaC,KAAK,CAAEV,MAAOA,EAAMd,WAAYR,KAAMH,KAAKG,OAC7D,M,CAEFH,KAAK8B,MAAQ,GACb9B,KAAKS,UAAUuB,YAAY,CAAEC,YAAa,OAAS,IACnDjC,KAAKK,sBAAwBuB,SAASH,GACtCzB,KAAKS,UAAUC,aAAae,EAAMd,WAAYX,KAAKG,MACnDH,KAAKkC,aAAaC,KAAK,CAAEV,MAAOA,EAAMd,WAAYR,KAAMH,KAAKG,M,EAqBjE,MAAAiC,GACE,MAAMC,SAA0BrC,KAAKK,wBAA0B,YAC/D,OACEiC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBAAuBC,KAAK,cACrCJ,EAAA,SAAAE,IAAA,2CAAOG,QAAQ,kBACbL,EAAA,QAAAE,IAAA,4CACGnB,EAAQU,EAAE,kCACXO,EAAA,QAAAE,IAAA,2CAAMC,MAAM,YAAU,MAExBH,EAAA,qBAAAE,IAAA,4CACEF,EAAA,aAAAE,IAAA,2CAAWI,KAAK,iBAChBN,EAAA,QAAAE,IAAA,2CAAMI,KAAK,mBAAmBvB,EAAQU,EAAE,sCAG3CM,GACCC,EAAA,OAAKG,MAAM,iCACTH,EAAA,mBACEnC,KAAK,iBACL0C,GAAG,iBACHC,KAAK,SACLC,QAAS,WACTC,aAAc3B,EAAQU,EAAE,qBAAsB,CAAEkB,MAAO,mBACvDC,SAAU,EACVC,SAAU,IACVC,SAAU,MACVC,YAAY,wCACZC,oBAAqBtD,KAAKK,wBAA0B,SAAWL,KAAKK,sBAAsBM,WAAa,OAEzG2B,EAAA,QAAMG,MAAOzC,KAAK8B,MAAQ,kBAAoB,aAAcT,EAAQU,EAAE,mC,0LA7BlFwB,EAAA,CAjBCC,EAAyH,CACxHrD,KAAM,uBACNsD,aAAc,IAAIC,IAAI,CAAC,CAAC,mCAAoC,sBAC5DC,aAAc,CACZzB,aAAc0B,MACZpC,EACAqC,KAEA,MAAM3B,aAAEA,GAAiBV,EAAME,OAE/B,GAAIQ,EAAc,CAChBA,EAAaV,E,IAInBsC,kBAAmB,O"}

package/dist/nylas-web-elements/nylas-event-description.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as t,h as n,a as s,e as o}from"./index-3e0d6890.js";import{R as i}from"./register-component-3d439a88.js";import{a as l,i as a,J as c,l as r,K as d}from"./utils-3fdf2c83.js";import{f as p}from"./constants-794fe173.js";import"./utc-290d564f.js";const f=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-description{display:flex;flex-direction:column;gap:4px;position:relative}.nylas-event-description 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-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{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);white-space:nowrap;scrollbar-width:thin;min-height:50px;overflow-y:auto;white-space:pre-wrap;line-height:1.5;}.nylas-event-description div.event-description::-webkit-scrollbar{width:6px;height:6px}.nylas-event-description div.event-description.error{border-color:var(--nylas-error);border-width:2px;outline:none}.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}.nylas-event-description span.help-text{display:inline-block;gap:4px;align-items:center;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-block}.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 h=undefined&&undefined.__decorate||function(e,t,n,s){var o=arguments.length,i=o<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,n,s);else for(var a=e.length-1;a>=0;a--)if(l=e[a])i=(o<3?l(i):o>3?l(t,n,i):l(t,n))||i;return o>3&&i&&Object.defineProperty(t,n,i),i};var y=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const b=class{constructor(n){e(this,n);this.valueChanged=t(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.selectedConfiguration=undefined;this.eventDescription=this.selectedConfiguration?.event_booking?.description;this.name="description";this.selectedLanguage=undefined;this.hideAutoPopulateButton=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){l("nylas-event-description","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){l("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);const t=e?.event_booking?.description||this.eventDescription||"";const n=e?.scheduler?.additional_fields||{};const s=Object.keys(n)||[];const o=s.map((e=>({token:`$${e}`,value:`\${${e}}`,description:n[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=t;if(t){this.updateEventDescriptionFromProp(t)}}selectedLanguageChangedHandler(e,t){if(e===t)return;a.changeLanguage(e);const n={$invitee:"invitee",$invitee_email:"inviteeEmail",$duration:"duration"};this.availableTokens=this.availableTokens.map((e=>{if(n[e.label]){e.labelHTML.description=a.t(`nylasEventTitle.eventTitleTokenDescription.${n[e.label]}`)}return e}));this.filteredTokens=[...this.availableTokens]}connectedCallback(){l("nylas-event-description","connectedCallback")}componentWillLoad(){l("nylas-event-description","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){l("nylas-event-description","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.description=this.eventDescription||"";this.updateEventDescriptionFromProp(this.description)}}disconnectedCallback(){l("nylas-event-description","disconnectedCallback")}valueChangedHandler(e){const{name:t,value:n}=e.detail;if(t==="additional-fields"){const e=JSON.parse(n.toString());const t=Object.keys(e)||[];const s=t.map((t=>({token:`$${t}`,value:`\${${t}}`,description:e[t].label||""})));this.additionalFieldTokens=[...s];this.availableTokens=[...p,...s].map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=[...this.availableTokens]}}updateEventDescriptionFromProp(e){l("nylas-event-description","updateEventDescriptionFromProp",e);const t=e||this.description;if(this.descriptionRef){this.descriptionRef.innerHTML=this.highlightTokens(t)}}highlightTokens(e){let t=e;[...p,...this.additionalFieldTokens].forEach((e=>{const n=e.value;const s=new RegExp(`(\\${n})(?!\\w)`,"g");t=t?.replace(s,'<span class="highlighted-tag">$1</span>')||""}));return t}getCurrentSelectionForBrowser(){const e=(e,t,n,s)=>{const o=e.replace(/[\u200B-\u200D\uFEFF]/g,"");const i=o.lastIndexOf("$");const l=o.substring(i).split(" ")[0];return{focusOffset:t,dollarIndex:i,lastWord:l,currentText:o,node:n,allSelected:s}};const t=e=>e.anchorOffset===0&&e.focusOffset===e.focusNode?.nodeValue?.length;const n=c();switch(n){case"Chrome":{const n=this.host.shadowRoot?.getSelection();const s=n?.focusNode;const o=s?.nodeValue||"";const i=n&&t(n);return e(o,n?.focusOffset||-1,s,i)}case"Firefox":{const n=document.getSelection();const s=n?.anchorNode?.nodeValue||"";const o=n&&t(n);return e(s,n?.focusOffset||-1,n?.anchorNode,o)}case"Safari":{const n=window.getSelection();const s=n?.getComposedRanges(this.host.shadowRoot)[0];const o=s?.startContainer?.nodeValue||"";const i=n&&t(n);return e(o,s?.endOffset||-1,s?.startContainer,i)}default:{console.warn("Browser not supported");return null}}}handleChange(e){let t=e.target.textContent||"";t=r(t);const n=this.getCurrentSelectionForBrowser();if(!n){this.updateEventDescription(t);this.resetDropdown();return}const{focusOffset:s,dollarIndex:o,lastWord:i,currentText:l}=n;if(o===-1||s<o){this.updateEventDescription(t);this.resetDropdown();return}if(i.startsWith("$")){this.showTokens=true;this.currentWord={$value:i,fullText:l,index:o,focusOffset:s};this.populateSuggestionsDropdown(i)}else{this.resetDropdown()}this.updateEventDescription(t)}handleInputKeyDown(e){const t=this.getCurrentSelectionForBrowser();if(t?.allSelected&&!d(e)){this.descriptionRef.innerHTML=""}if(e.key==="Enter"){e.preventDefault();const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){n.click();this.ariaActivedescendant=""}else{const e=t?.node;const n=t?.focusOffset||0;if(!e||n===-1||this.descriptionRef.childNodes.length===0){const e=document.createTextNode("\n");this.descriptionRef.insertBefore(e,this.descriptionRef.firstChild);const t=document.createRange();t.setStart(e,1);t.collapse(true);const n=window.getSelection();n?.removeAllRanges();n?.addRange(t)}else if(e.nodeType===Node.TEXT_NODE){const t=e.nodeValue||"";const s=t.slice(0,n)+"\n"+t.slice(n);e.nodeValue=s;const o=document.createRange();o.setStart(e,n+1);o.collapse(true);const i=window.getSelection();i?.removeAllRanges();i?.addRange(o)}this.descriptionRef.focus()}}else if(e.key==="ArrowDown"){if(this.showTokens){e.preventDefault()}const t=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(t){const e=t.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 t=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(t){const e=t.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 n=t?.node?.parentNode;if(t?.currentText.startsWith("${")&&n&&n.nodeName==="SPAN"){e.preventDefault();n.removeChild(t.node);n.remove();this.resetDropdown()}if(this.descriptionRef.textContent===""||t?.allSelected){this.descriptionRef.innerHTML="";this.updateEventDescription("")}}}selectOption(e,t){e.preventDefault();const n=this.currentWord.fullText;const s=this.currentWord.$value;let o=this.descriptionRef.firstChild;let i=null;while(o){if(o.nodeType===3){const e=o.textContent?.replace(/[\u200B-\u200D\uFEFF]/g,"")||"";const t=n.replace(/[\u200B-\u200D\uFEFF]/g,"");if(e.includes(t)){i=o;break}}o=o.nextSibling}if(!i){return}const l=i.textContent||"";const a=l.indexOf(s);const c=l.substring(0,a);const r=l.substring(a+s.length);const d=document.createTextNode(c);const p=document.createRange();const f=document.createElement("span");f.classList.add("highlighted-tag");f.textContent=`${t.value}`;const h=document.createTextNode(r);if(r!==""){i.replaceWith(d,f,h);p.setStart(h,1)}else{const e=document.createTextNode("​");i.replaceWith(d,f,e);p.setStart(e,1)}this.resetDropdown();this.descriptionRef.focus();const y=window.getSelection();p.collapse(true);y?.removeAllRanges();y?.addRange(p);this.updateEventDescription(this.descriptionRef.textContent||"")}populateSuggestionsDropdown(e=""){this.filteredTokens=this.availableTokens.filter((t=>t.label.startsWith(e.toString())||t.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 t=e.replace(/ +/g," ");this.isInternalsAvailable&&this.internals?.setFormValue(t,this.name);this.valueChanged.emit({value:t,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 t="--- Additional Fields ---";const n="--- End Additional Fields ---";const s=e.indexOf(t);const o=e.indexOf(n);let i=t+"\n";this.additionalFieldTokens.forEach((e=>{i+=`${e.description}: ${e.value}\n`}));i+=n;let l;if(s!==-1&&o!==-1){l=e.substring(0,s)+i+e.substring(o+n.length)}else{l=e+i}this.updateEventDescriptionFromProp(l);this.updateEventDescription(l)}render(){return n(s,{key:"011cde32c178c7fef156c3e598261760f716305e"},n("div",{key:"89eeb7b965cd7aecfdfdb0fa160041f80a2c60dd",class:"nylas-event-description",part:"nedesc"},n("label",{key:"290848a3f6411690af120faf08e64edf71cc8b62",htmlFor:"description"},a.t("nylasEventDescription.headerTitle"),n("span",{key:"0ec5e4646f19e5e209ab157233682807ee8e9d36",class:"label-icon"},n("tooltip-component",{key:"30cf613cb927179bb725f452ff37e793c7dcc370"},n("info-icon",{key:"c06df1226810c05325bd5c8e67fd4e856a9e4109",slot:"tooltip-icon"}),n("span",{key:"5604707ead5e016f217f05c52d291d34de338762",slot:"tooltip-content"},a.t("nylasEventDescription.tooltip.desc"))))),n("div",{key:"baabf08b583f02af4d03edd2ba63560e82bd6c36",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.showTokens&&this.filteredTokens?.length>0&&n("div",{class:"token-options",part:"nedesc__dropdown-content"},n("ul",{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:t=>this.selectOption(t,e),role:"option"},this.getLabelHTML(e.labelHTML)))))),n("span",{key:"2dfd54d9a4ad01a46ca7a35b5e9b1d724c527edb",class:"help-text"},a.t("nylasEventTitle.helpText",{context:"start",field:a.t("nylasEventTitle.description")})," ",n("code",{key:"ead7a25bfb90abd77b782d2fd2065dba9fe15010"},"$")," ",a.t("nylasEventTitle.helpText",{context:"end"}),n("span",{key:"fb5e4d9ea2ad439c42b341f22eb76eb0840cb416",class:"label-icon"},n("tooltip-component",{key:"89e660af1cb441a3eca001fe1f436e3cd94c1b14"},n("info-icon",{key:"4d3251641b9ca2ee77bcdc2ad0f633bc3e9625b0",slot:"tooltip-icon",width:"13",height:"13"}),n("span",{key:"27abd047a05c5fb6366fea0e2fe0b7be936b2b70",slot:"tooltip-content"},a.t("nylasEventTitle.tooltip.desc")," ",n("code",{key:"62ea1cc6e31328654997dbf2ec2c06877b27bb50"},"${invitee}"))))),!this.hideAutoPopulateButton&&n("span",{class:"add-additional-fields"},n("button-component",{variant:"basic",onClick:()=>this.handleAddAdditionalFields()},a.t("nylasEventDescription.addAdditionalFields.buttonText")),n("span",{class:"label-icon"},n("tooltip-component",null,n("info-icon",{slot:"tooltip-icon"}),n("span",{slot:"tooltip-content"},a.t("nylasEventDescription.addAdditionalFields.tooltip.desc")," ",n("code",null,"${invitee}")))))))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};h([i({name:"nylas-event-description",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],b.prototype,"render",null);b.style=f;export{b as nylas_event_description};
+import{r as e,i as t,h as n,a as s,e as o}from"./index-3e0d6890.js";import{R as i}from"./register-component-8b5587d5.js";import{a as l,i as a,J as c,l as r,K as d}from"./utils-ac8fef1e.js";import{f as p}from"./constants-794fe173.js";import"./utc-290d564f.js";const f=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-description{display:flex;flex-direction:column;gap:4px;position:relative}.nylas-event-description 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-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{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);white-space:nowrap;scrollbar-width:thin;min-height:50px;overflow-y:auto;white-space:pre-wrap;line-height:1.5;}.nylas-event-description div.event-description::-webkit-scrollbar{width:6px;height:6px}.nylas-event-description div.event-description.error{border-color:var(--nylas-error);border-width:2px;outline:none}.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}.nylas-event-description span.help-text{display:inline-block;gap:4px;align-items:center;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-block}.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 h=undefined&&undefined.__decorate||function(e,t,n,s){var o=arguments.length,i=o<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,n,s);else for(var a=e.length-1;a>=0;a--)if(l=e[a])i=(o<3?l(i):o>3?l(t,n,i):l(t,n))||i;return o>3&&i&&Object.defineProperty(t,n,i),i};var y=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const b=class{constructor(n){e(this,n);this.valueChanged=t(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.selectedConfiguration=undefined;this.eventDescription=this.selectedConfiguration?.event_booking?.description;this.name="description";this.selectedLanguage=undefined;this.hideAutoPopulateButton=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){l("nylas-event-description","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){l("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);const t=e?.event_booking?.description||this.eventDescription||"";const n=e?.scheduler?.additional_fields||{};const s=Object.keys(n)||[];const o=s.map((e=>({token:`$${e}`,value:`\${${e}}`,description:n[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=t;if(t){this.updateEventDescriptionFromProp(t)}}selectedLanguageChangedHandler(e,t){if(e===t)return;a.changeLanguage(e);const n={$invitee:"invitee",$invitee_email:"inviteeEmail",$duration:"duration"};this.availableTokens=this.availableTokens.map((e=>{if(n[e.label]){e.labelHTML.description=a.t(`nylasEventTitle.eventTitleTokenDescription.${n[e.label]}`)}return e}));this.filteredTokens=[...this.availableTokens]}connectedCallback(){l("nylas-event-description","connectedCallback")}componentWillLoad(){l("nylas-event-description","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){l("nylas-event-description","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.description=this.eventDescription||"";this.updateEventDescriptionFromProp(this.description)}}disconnectedCallback(){l("nylas-event-description","disconnectedCallback")}valueChangedHandler(e){const{name:t,value:n}=e.detail;if(t==="additional-fields"){const e=JSON.parse(n.toString());const t=Object.keys(e)||[];const s=t.map((t=>({token:`$${t}`,value:`\${${t}}`,description:e[t].label||""})));this.additionalFieldTokens=[...s];this.availableTokens=[...p,...s].map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=[...this.availableTokens]}}updateEventDescriptionFromProp(e){l("nylas-event-description","updateEventDescriptionFromProp",e);const t=e||this.description;if(this.descriptionRef){this.descriptionRef.innerHTML=this.highlightTokens(t)}}highlightTokens(e){let t=e;[...p,...this.additionalFieldTokens].forEach((e=>{const n=e.value;const s=new RegExp(`(\\${n})(?!\\w)`,"g");t=t?.replace(s,'<span class="highlighted-tag">$1</span>')||""}));return t}getCurrentSelectionForBrowser(){const e=(e,t,n,s)=>{const o=e.replace(/[\u200B-\u200D\uFEFF]/g,"");const i=o.lastIndexOf("$");const l=o.substring(i).split(" ")[0];return{focusOffset:t,dollarIndex:i,lastWord:l,currentText:o,node:n,allSelected:s}};const t=e=>e.anchorOffset===0&&e.focusOffset===e.focusNode?.nodeValue?.length;const n=c();switch(n){case"Chrome":{const n=this.host.shadowRoot?.getSelection();const s=n?.focusNode;const o=s?.nodeValue||"";const i=n&&t(n);return e(o,n?.focusOffset||-1,s,i)}case"Firefox":{const n=document.getSelection();const s=n?.anchorNode?.nodeValue||"";const o=n&&t(n);return e(s,n?.focusOffset||-1,n?.anchorNode,o)}case"Safari":{const n=window.getSelection();const s=n?.getComposedRanges(this.host.shadowRoot)[0];const o=s?.startContainer?.nodeValue||"";const i=n&&t(n);return e(o,s?.endOffset||-1,s?.startContainer,i)}default:{console.warn("Browser not supported");return null}}}handleChange(e){let t=e.target.textContent||"";t=r(t);const n=this.getCurrentSelectionForBrowser();if(!n){this.updateEventDescription(t);this.resetDropdown();return}const{focusOffset:s,dollarIndex:o,lastWord:i,currentText:l}=n;if(o===-1||s<o){this.updateEventDescription(t);this.resetDropdown();return}if(i.startsWith("$")){this.showTokens=true;this.currentWord={$value:i,fullText:l,index:o,focusOffset:s};this.populateSuggestionsDropdown(i)}else{this.resetDropdown()}this.updateEventDescription(t)}handleInputKeyDown(e){const t=this.getCurrentSelectionForBrowser();if(t?.allSelected&&!d(e)){this.descriptionRef.innerHTML=""}if(e.key==="Enter"){e.preventDefault();const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){n.click();this.ariaActivedescendant=""}else{const e=t?.node;const n=t?.focusOffset||0;if(!e||n===-1||this.descriptionRef.childNodes.length===0){const e=document.createTextNode("\n");this.descriptionRef.insertBefore(e,this.descriptionRef.firstChild);const t=document.createRange();t.setStart(e,1);t.collapse(true);const n=window.getSelection();n?.removeAllRanges();n?.addRange(t)}else if(e.nodeType===Node.TEXT_NODE){const t=e.nodeValue||"";const s=t.slice(0,n)+"\n"+t.slice(n);e.nodeValue=s;const o=document.createRange();o.setStart(e,n+1);o.collapse(true);const i=window.getSelection();i?.removeAllRanges();i?.addRange(o)}this.descriptionRef.focus()}}else if(e.key==="ArrowDown"){if(this.showTokens){e.preventDefault()}const t=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(t){const e=t.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 t=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(t){const e=t.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 n=t?.node?.parentNode;if(t?.currentText.startsWith("${")&&n&&n.nodeName==="SPAN"){e.preventDefault();n.removeChild(t.node);n.remove();this.resetDropdown()}if(this.descriptionRef.textContent===""||t?.allSelected){this.descriptionRef.innerHTML="";this.updateEventDescription("")}}}selectOption(e,t){e.preventDefault();const n=this.currentWord.fullText;const s=this.currentWord.$value;let o=this.descriptionRef.firstChild;let i=null;while(o){if(o.nodeType===3){const e=o.textContent?.replace(/[\u200B-\u200D\uFEFF]/g,"")||"";const t=n.replace(/[\u200B-\u200D\uFEFF]/g,"");if(e.includes(t)){i=o;break}}o=o.nextSibling}if(!i){return}const l=i.textContent||"";const a=l.indexOf(s);const c=l.substring(0,a);const r=l.substring(a+s.length);const d=document.createTextNode(c);const p=document.createRange();const f=document.createElement("span");f.classList.add("highlighted-tag");f.textContent=`${t.value}`;const h=document.createTextNode(r);if(r!==""){i.replaceWith(d,f,h);p.setStart(h,1)}else{const e=document.createTextNode("​");i.replaceWith(d,f,e);p.setStart(e,1)}this.resetDropdown();this.descriptionRef.focus();const y=window.getSelection();p.collapse(true);y?.removeAllRanges();y?.addRange(p);this.updateEventDescription(this.descriptionRef.textContent||"")}populateSuggestionsDropdown(e=""){this.filteredTokens=this.availableTokens.filter((t=>t.label.startsWith(e.toString())||t.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 t=e.replace(/ +/g," ");this.isInternalsAvailable&&this.internals?.setFormValue(t,this.name);this.valueChanged.emit({value:t,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 t="--- Additional Fields ---";const n="--- End Additional Fields ---";const s=e.indexOf(t);const o=e.indexOf(n);let i=t+"\n";this.additionalFieldTokens.forEach((e=>{i+=`${e.description}: ${e.value}\n`}));i+=n;let l;if(s!==-1&&o!==-1){l=e.substring(0,s)+i+e.substring(o+n.length)}else{l=e+i}this.updateEventDescriptionFromProp(l);this.updateEventDescription(l)}render(){return n(s,{key:"011cde32c178c7fef156c3e598261760f716305e"},n("div",{key:"89eeb7b965cd7aecfdfdb0fa160041f80a2c60dd",class:"nylas-event-description",part:"nedesc"},n("label",{key:"290848a3f6411690af120faf08e64edf71cc8b62",htmlFor:"description"},a.t("nylasEventDescription.headerTitle"),n("span",{key:"0ec5e4646f19e5e209ab157233682807ee8e9d36",class:"label-icon"},n("tooltip-component",{key:"30cf613cb927179bb725f452ff37e793c7dcc370"},n("info-icon",{key:"c06df1226810c05325bd5c8e67fd4e856a9e4109",slot:"tooltip-icon"}),n("span",{key:"5604707ead5e016f217f05c52d291d34de338762",slot:"tooltip-content"},a.t("nylasEventDescription.tooltip.desc"))))),n("div",{key:"baabf08b583f02af4d03edd2ba63560e82bd6c36",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.showTokens&&this.filteredTokens?.length>0&&n("div",{class:"token-options",part:"nedesc__dropdown-content"},n("ul",{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:t=>this.selectOption(t,e),role:"option"},this.getLabelHTML(e.labelHTML)))))),n("span",{key:"2dfd54d9a4ad01a46ca7a35b5e9b1d724c527edb",class:"help-text"},a.t("nylasEventTitle.helpText",{context:"start",field:a.t("nylasEventTitle.description")})," ",n("code",{key:"ead7a25bfb90abd77b782d2fd2065dba9fe15010"},"$")," ",a.t("nylasEventTitle.helpText",{context:"end"}),n("span",{key:"fb5e4d9ea2ad439c42b341f22eb76eb0840cb416",class:"label-icon"},n("tooltip-component",{key:"89e660af1cb441a3eca001fe1f436e3cd94c1b14"},n("info-icon",{key:"4d3251641b9ca2ee77bcdc2ad0f633bc3e9625b0",slot:"tooltip-icon",width:"13",height:"13"}),n("span",{key:"27abd047a05c5fb6366fea0e2fe0b7be936b2b70",slot:"tooltip-content"},a.t("nylasEventTitle.tooltip.desc")," ",n("code",{key:"62ea1cc6e31328654997dbf2ec2c06877b27bb50"},"${invitee}"))))),!this.hideAutoPopulateButton&&n("span",{class:"add-additional-fields"},n("button-component",{variant:"basic",onClick:()=>this.handleAddAdditionalFields()},a.t("nylasEventDescription.addAdditionalFields.buttonText")),n("span",{class:"label-icon"},n("tooltip-component",null,n("info-icon",{slot:"tooltip-icon"}),n("span",{slot:"tooltip-content"},a.t("nylasEventDescription.addAdditionalFields.tooltip.desc")," ",n("code",null,"${invitee}")))))))}static get formAssociated(){return true}get host(){return o(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};h([i({name:"nylas-event-description",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],b.prototype,"render",null);b.style=f;export{b as nylas_event_description};
 //# sourceMappingURL=nylas-event-description.entry.js.map

package/dist/nylas-web-elements/nylas-event-duration.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as n,h as a,a as t,e as r}from"./index-3e0d6890.js";import{R as s}from"./register-component-3d439a88.js";import{a as o,i as l}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-duration{display:flex;flex-direction:column;gap:4px}.nylas-event-duration 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-duration label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-duration label span.label-icon{margin-left:4px}.nylas-event-duration label span.label-icon tooltip-component{display:flex}.nylas-event-duration__error-container{max-height:0;opacity:0;overflow:hidden;transition:max-height 0.3s ease, opacity 0.3s ease}.nylas-event-duration__error-container.visible{max-height:20px;opacity:1}.nylas-event-duration__error-container .nylas-event-duration__error{color:var(--nylas-error);font-family:var(--nylas-font-family);font-size:12px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-duration__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-duration__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-event-duration__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px;width:50px}.nylas-event-duration__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:200px}.nylas-event-duration__wrapper input-dropdown.error::part(id_dropdown-input){border:1px solid var(--nylas-error)}.nylas-event-duration__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-event-duration__wrapper select-dropdown{width:100%}}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}';var d=undefined&&undefined.__decorate||function(e,n,a,t){var r=arguments.length,s=r<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,t);else for(var l=e.length-1;l>=0;l--)if(o=e[l])s=(r<3?o(s):r>3?o(n,a,s):o(n,a))||s;return r>3&&s&&Object.defineProperty(n,a,s),s};var c=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const y=class{constructor(a){e(this,a);this.valueChanged=n(this,"valueChanged",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="duration";this.eventDurationMinutes=undefined;this.selectedLanguage=undefined;this.duration=this.eventDurationMinutes?this.eventDurationMinutes>=60?this.eventDurationMinutes/60:this.eventDurationMinutes:30;this.durationMinutes=undefined;this.durationIncrement=undefined;this.error="";this.durationMinutesOptions=[{value:15..toString(),label:"15"},{value:30..toString(),label:"30"},{value:45..toString(),label:"45"},{value:60..toString(),label:"60"}]}elementNameChangedHandler(e){o("nylas-event-duration","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){const n=e?.availability?.duration_minutes;if(n){this.duration=n>=60?n/60:n;this.durationMinutes=n?n:30;this.durationIncrement=n>=60?60:1;this.isInternalsAvailable&&this.internals.setFormValue(this.durationMinutes.toString(),"duration")}}selectedLanguageChangedHandler(e,n){if(e===n)return;l.changeLanguage(e);if(this.error){this.validateDuration()}}connectedCallback(){o("nylas-event-duration","connectedCallback")}componentWillLoad(){o("nylas-event-duration","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-event-duration","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}this.duration=this.duration?this.duration:this.eventDurationMinutes?this.eventDurationMinutes>=60?this.eventDurationMinutes/60:this.eventDurationMinutes:30;this.durationMinutes=this.durationMinutes?this.durationMinutes:this.duration?this.duration:30;this.durationIncrement=this.durationIncrement?this.durationIncrement:this.duration>=60?60:1;this.setDurationMintueOptions();this.isInternalsAvailable&&this.internals.setFormValue(this.durationMinutes.toString(),"duration")}disconnectedCallback(){o("nylas-event-duration","disconnectedCallback")}get isInternalsAvailable(){return typeof this.internals!=="undefined"&&typeof this.internals.setFormValue==="function"}setDurationMintueOptions(){if(this.durationIncrement===1){this.durationMinutesOptions=[{value:15..toString(),label:"15"},{value:30..toString(),label:"30"},{value:45..toString(),label:"45"},{value:60..toString(),label:"60"}]}else{this.durationMinutesOptions=Array.from({length:23},((e,n)=>({value:(n+1).toString(),label:(n+1).toString()})))}return this.durationMinutesOptions}validateDuration(){if(this.durationMinutes%5!==0){this.error=l.t("nylasEventDuration.error.durationMustBeMultipleOf5");this.isInternalsAvailable&&this.internals.setValidity({customError:true},this.error)}else if(this.durationMinutes<=0){this.error=l.t("nylasEventDuration.error.durationMustBeGreaterThan0");this.isInternalsAvailable&&this.internals.setValidity({customError:true},this.error)}else{this.error="";this.isInternalsAvailable&&this.internals.setValidity({})}return this.error}nylasFormDropdownChangedHandler(e){o("nylas-calendar-picker","nylasFormDropdownChangedHandler",e.detail);const{value:n}=e.detail;this.durationIncrement=parseInt(n.toString());if(this.durationIncrement===1){this.duration=60}else{this.duration=1}this.setDurationMintueOptions();this.durationMinutes=this.duration*this.durationIncrement;if(this.validateDuration()!==""){return}this.isInternalsAvailable&&this.internals.setFormValue(this.durationMinutes.toString(),this.name);this.valueChanged.emit({value:this.durationMinutes.toString(),name:this.name})}inputOptionChangedHandler(e){o("nylas-calendar-picker","inputOptionChangedHandler",e.detail);const{value:n}=e.detail;this.duration=parseFloat(n.toString());this.durationMinutes=this.duration*this.durationIncrement;if(this.validateDuration()!==""){return}this.isInternalsAvailable&&this.internals.setFormValue(this.durationMinutes.toString(),this.name);this.valueChanged.emit({value:this.durationMinutes.toString(),name:this.name})}render(){const e=[{value:1..toString(),label:l.t("timeDuration",{context:"minute"})},{value:60..toString(),label:l.t("timeDuration",{context:"hour"})}];return a(t,{key:"291d5aada4656f1e7a3ad639459090a164c667cd"},a("div",{key:"389ed738c72f9af0b2413360ca30048a903fe834",class:"nylas-event-duration",part:"ned"},a("label",{key:"3ab5ae91a80a98386cd77ffc2ed9bee1773e2cce",htmlFor:"duration"},l.t("nylasEventDuration.headerTitle"),a("span",{key:"a3eb28826f0237e227c6b9c4fbbbbb96544df143",class:"required"},"*")),a("div",{key:"48e6f8aebb8f14fbe0ff74a600c1d06f0b65d2b4",class:"nylas-event-duration__wrapper"},a("input-dropdown",{key:"4502e6a0eea47789edb136886dc0de048893b639",class:this.error?"error":"",name:"event-duration",options:this.durationMinutesOptions,inputValue:this.duration.toString(),exportparts:"id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content",defaultInputOption:this.durationMinutesOptions.find((e=>e.value===this.duration.toString()))}),this.durationIncrement&&a("select-dropdown",{name:"event-duration",options:e,pluralizedLabel:this.duration>1?l.t(`time.${this.durationIncrement===60?"hours":"minutes"}`):l.t(`time.${this.durationIncrement===60?"hour":"minute"}`),exportparts:"sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content",defaultSelectedOption:e.find((e=>e.value===this.durationIncrement.toString())),withSearch:false})),a("div",{key:"f847e873066be7c174f7c5eea94e4cdc473d1ecd",class:`nylas-event-duration__error-container ${this.error?"visible":""}`,part:"ned__error-container"},a("div",{key:"7cac0c1055ce71dd4de9cf08558d74c051527eb5",class:"nylas-event-duration__error",part:"ned__error"},this.error))))}static get formAssociated(){return true}get host(){return r(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([s({name:"nylas-event-duration",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],y.prototype,"render",null);y.style=i;export{y as nylas_event_duration};
+import{r as e,i as n,h as a,a as t,e as r}from"./index-3e0d6890.js";import{R as s}from"./register-component-8b5587d5.js";import{a as o,i as l}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-duration{display:flex;flex-direction:column;gap:4px}.nylas-event-duration 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-duration label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-duration label span.label-icon{margin-left:4px}.nylas-event-duration label span.label-icon tooltip-component{display:flex}.nylas-event-duration__error-container{max-height:0;opacity:0;overflow:hidden;transition:max-height 0.3s ease, opacity 0.3s ease}.nylas-event-duration__error-container.visible{max-height:20px;opacity:1}.nylas-event-duration__error-container .nylas-event-duration__error{color:var(--nylas-error);font-family:var(--nylas-font-family);font-size:12px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-duration__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-duration__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-event-duration__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px;width:50px}.nylas-event-duration__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:200px}.nylas-event-duration__wrapper input-dropdown.error::part(id_dropdown-input){border:1px solid var(--nylas-error)}.nylas-event-duration__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-event-duration__wrapper select-dropdown{width:100%}}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}';var d=undefined&&undefined.__decorate||function(e,n,a,t){var r=arguments.length,s=r<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,t);else for(var l=e.length-1;l>=0;l--)if(o=e[l])s=(r<3?o(s):r>3?o(n,a,s):o(n,a))||s;return r>3&&s&&Object.defineProperty(n,a,s),s};var c=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const y=class{constructor(a){e(this,a);this.valueChanged=n(this,"valueChanged",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="duration";this.eventDurationMinutes=undefined;this.selectedLanguage=undefined;this.duration=this.eventDurationMinutes?this.eventDurationMinutes>=60?this.eventDurationMinutes/60:this.eventDurationMinutes:30;this.durationMinutes=undefined;this.durationIncrement=undefined;this.error="";this.durationMinutesOptions=[{value:15..toString(),label:"15"},{value:30..toString(),label:"30"},{value:45..toString(),label:"45"},{value:60..toString(),label:"60"}]}elementNameChangedHandler(e){o("nylas-event-duration","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){const n=e?.availability?.duration_minutes;if(n){this.duration=n>=60?n/60:n;this.durationMinutes=n?n:30;this.durationIncrement=n>=60?60:1;this.isInternalsAvailable&&this.internals.setFormValue(this.durationMinutes.toString(),"duration")}}selectedLanguageChangedHandler(e,n){if(e===n)return;l.changeLanguage(e);if(this.error){this.validateDuration()}}connectedCallback(){o("nylas-event-duration","connectedCallback")}componentWillLoad(){o("nylas-event-duration","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-event-duration","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}this.duration=this.duration?this.duration:this.eventDurationMinutes?this.eventDurationMinutes>=60?this.eventDurationMinutes/60:this.eventDurationMinutes:30;this.durationMinutes=this.durationMinutes?this.durationMinutes:this.duration?this.duration:30;this.durationIncrement=this.durationIncrement?this.durationIncrement:this.duration>=60?60:1;this.setDurationMintueOptions();this.isInternalsAvailable&&this.internals.setFormValue(this.durationMinutes.toString(),"duration")}disconnectedCallback(){o("nylas-event-duration","disconnectedCallback")}get isInternalsAvailable(){return typeof this.internals!=="undefined"&&typeof this.internals.setFormValue==="function"}setDurationMintueOptions(){if(this.durationIncrement===1){this.durationMinutesOptions=[{value:15..toString(),label:"15"},{value:30..toString(),label:"30"},{value:45..toString(),label:"45"},{value:60..toString(),label:"60"}]}else{this.durationMinutesOptions=Array.from({length:23},((e,n)=>({value:(n+1).toString(),label:(n+1).toString()})))}return this.durationMinutesOptions}validateDuration(){if(this.durationMinutes%5!==0){this.error=l.t("nylasEventDuration.error.durationMustBeMultipleOf5");this.isInternalsAvailable&&this.internals.setValidity({customError:true},this.error)}else if(this.durationMinutes<=0){this.error=l.t("nylasEventDuration.error.durationMustBeGreaterThan0");this.isInternalsAvailable&&this.internals.setValidity({customError:true},this.error)}else{this.error="";this.isInternalsAvailable&&this.internals.setValidity({})}return this.error}nylasFormDropdownChangedHandler(e){o("nylas-calendar-picker","nylasFormDropdownChangedHandler",e.detail);const{value:n}=e.detail;this.durationIncrement=parseInt(n.toString());if(this.durationIncrement===1){this.duration=60}else{this.duration=1}this.setDurationMintueOptions();this.durationMinutes=this.duration*this.durationIncrement;if(this.validateDuration()!==""){return}this.isInternalsAvailable&&this.internals.setFormValue(this.durationMinutes.toString(),this.name);this.valueChanged.emit({value:this.durationMinutes.toString(),name:this.name})}inputOptionChangedHandler(e){o("nylas-calendar-picker","inputOptionChangedHandler",e.detail);const{value:n}=e.detail;this.duration=parseFloat(n.toString());this.durationMinutes=this.duration*this.durationIncrement;if(this.validateDuration()!==""){return}this.isInternalsAvailable&&this.internals.setFormValue(this.durationMinutes.toString(),this.name);this.valueChanged.emit({value:this.durationMinutes.toString(),name:this.name})}render(){const e=[{value:1..toString(),label:l.t("timeDuration",{context:"minute"})},{value:60..toString(),label:l.t("timeDuration",{context:"hour"})}];return a(t,{key:"291d5aada4656f1e7a3ad639459090a164c667cd"},a("div",{key:"389ed738c72f9af0b2413360ca30048a903fe834",class:"nylas-event-duration",part:"ned"},a("label",{key:"3ab5ae91a80a98386cd77ffc2ed9bee1773e2cce",htmlFor:"duration"},l.t("nylasEventDuration.headerTitle"),a("span",{key:"a3eb28826f0237e227c6b9c4fbbbbb96544df143",class:"required"},"*")),a("div",{key:"48e6f8aebb8f14fbe0ff74a600c1d06f0b65d2b4",class:"nylas-event-duration__wrapper"},a("input-dropdown",{key:"4502e6a0eea47789edb136886dc0de048893b639",class:this.error?"error":"",name:"event-duration",options:this.durationMinutesOptions,inputValue:this.duration.toString(),exportparts:"id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content",defaultInputOption:this.durationMinutesOptions.find((e=>e.value===this.duration.toString()))}),this.durationIncrement&&a("select-dropdown",{name:"event-duration",options:e,pluralizedLabel:this.duration>1?l.t(`time.${this.durationIncrement===60?"hours":"minutes"}`):l.t(`time.${this.durationIncrement===60?"hour":"minute"}`),exportparts:"sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content",defaultSelectedOption:e.find((e=>e.value===this.durationIncrement.toString())),withSearch:false})),a("div",{key:"f847e873066be7c174f7c5eea94e4cdc473d1ecd",class:`nylas-event-duration__error-container ${this.error?"visible":""}`,part:"ned__error-container"},a("div",{key:"7cac0c1055ce71dd4de9cf08558d74c051527eb5",class:"nylas-event-duration__error",part:"ned__error"},this.error))))}static get formAssociated(){return true}get host(){return r(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([s({name:"nylas-event-duration",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],y.prototype,"render",null);y.style=i;export{y as nylas_event_duration};
 //# sourceMappingURL=nylas-event-duration.entry.js.map

package/dist/nylas-web-elements/nylas-event-info.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as l,a as n,e as a}from"./index-3e0d6890.js";import{R as o}from"./register-component-3d439a88.js";import{i as s,a as r,G as c}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const t=':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-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}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}';var f=undefined&&undefined.__decorate||function(e,l,n,a){var o=arguments.length,s=o<3?l:a===null?a=Object.getOwnPropertyDescriptor(l,n):a,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,l,n,a);else for(var c=e.length-1;c>=0;c--)if(r=e[c])s=(o<3?r(s):o>3?r(l,n,s):r(l,n))||s;return o>3&&s&&Object.defineProperty(l,n,s),s};var y=undefined&&undefined.__metadata||function(e,l){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,l)};const d=class{constructor(l){e(this,l);if(l.$hostElement$["s-ei"]){this.internals=l.$hostElement$["s-ei"]}else{this.internals=l.$hostElement$.attachInternals();l.$hostElement$["s-ei"]=this.internals}this.selectedLanguage=undefined}selectedLanguageChangedHandler(e,l){if(e===l)return;s.changeLanguage(e)}connectedCallback(){r("nylas-event-info","connectedCallback")}componentWillLoad(){r("nylas-event-info","componentWillLoad")}componentDidLoad(){r("nylas-event-info","componentDidLoad");c(["inputs"],this.el)}disconnectedCallback(){r("nylas-event-info","disconnectedCallback")}render(){return l(n,{key:"142edcb4f8e0dbf4a606a7e07d8e424a2319f041"},l("nylas-form-card",{key:"7a55ee1a22763d25e37331fa4d45f4e3a5255a44",exportparts:"nfc__header: nei__header"},l("h1",{key:"bd866cee3781c07dfaaeb0d414cf182cfbe53976",slot:"header-title",class:"nylas-event-info__title",part:"nei__title"},s.t("nylasEventInfo.headerTitle")),l("div",{key:"125dfe9806f58c0373975752fd04550b5b973633",slot:"content",class:"nylas-event-info__content"},l("slot",{key:"dde8ce61c217cd64939c0518db6c0bafb4c1a9c2",name:"inputs"}))))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"]}}};f([o({name:"nylas-event-info",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],d.prototype,"render",null);d.style=t;export{d as nylas_event_info};
+import{r as e,h as l,a as n,e as a}from"./index-3e0d6890.js";import{R as o}from"./register-component-8b5587d5.js";import{i as s,a as r,G as c}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const t=':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-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}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}';var f=undefined&&undefined.__decorate||function(e,l,n,a){var o=arguments.length,s=o<3?l:a===null?a=Object.getOwnPropertyDescriptor(l,n):a,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,l,n,a);else for(var c=e.length-1;c>=0;c--)if(r=e[c])s=(o<3?r(s):o>3?r(l,n,s):r(l,n))||s;return o>3&&s&&Object.defineProperty(l,n,s),s};var y=undefined&&undefined.__metadata||function(e,l){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,l)};const d=class{constructor(l){e(this,l);if(l.$hostElement$["s-ei"]){this.internals=l.$hostElement$["s-ei"]}else{this.internals=l.$hostElement$.attachInternals();l.$hostElement$["s-ei"]=this.internals}this.selectedLanguage=undefined}selectedLanguageChangedHandler(e,l){if(e===l)return;s.changeLanguage(e)}connectedCallback(){r("nylas-event-info","connectedCallback")}componentWillLoad(){r("nylas-event-info","componentWillLoad")}componentDidLoad(){r("nylas-event-info","componentDidLoad");c(["inputs"],this.el)}disconnectedCallback(){r("nylas-event-info","disconnectedCallback")}render(){return l(n,{key:"142edcb4f8e0dbf4a606a7e07d8e424a2319f041"},l("nylas-form-card",{key:"7a55ee1a22763d25e37331fa4d45f4e3a5255a44",exportparts:"nfc__header: nei__header"},l("h1",{key:"bd866cee3781c07dfaaeb0d414cf182cfbe53976",slot:"header-title",class:"nylas-event-info__title",part:"nei__title"},s.t("nylasEventInfo.headerTitle")),l("div",{key:"125dfe9806f58c0373975752fd04550b5b973633",slot:"content",class:"nylas-event-info__content"},l("slot",{key:"dde8ce61c217cd64939c0518db6c0bafb4c1a9c2",name:"inputs"}))))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"]}}};f([o({name:"nylas-event-info",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],d.prototype,"render",null);d.style=t;export{d as nylas_event_info};
 //# sourceMappingURL=nylas-event-info.entry.js.map

package/dist/nylas-web-elements/nylas-event-limits.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as l,a,e as n}from"./index-3e0d6890.js";import{R as s}from"./register-component-3d439a88.js";import{i as o,a as r,G as c}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const t=':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-limits__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-limits__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-limits__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-limits__block{display:flex;justify-content:space-between;gap:0.5rem}';var f=undefined&&undefined.__decorate||function(e,l,a,n){var s=arguments.length,o=s<3?l:n===null?n=Object.getOwnPropertyDescriptor(l,a):n,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,l,a,n);else for(var c=e.length-1;c>=0;c--)if(r=e[c])o=(s<3?r(o):s>3?r(l,a,o):r(l,a))||o;return s>3&&o&&Object.defineProperty(l,a,o),o};var y=undefined&&undefined.__metadata||function(e,l){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,l)};const i=class{constructor(l){e(this,l);if(l.$hostElement$["s-ei"]){this.internals=l.$hostElement$["s-ei"]}else{this.internals=l.$hostElement$.attachInternals();l.$hostElement$["s-ei"]=this.internals}this.selectedLanguage=undefined}selectedLanguageChangedHandler(e,l){if(e===l)return;o.changeLanguage(e)}connectedCallback(){r("nylas-event-limits","connectedCallback")}componentWillLoad(){r("nylas-event-limits","componentWillLoad")}componentDidLoad(){r("nylas-event-limits","componentDidLoad");c(["inputs"],this.el)}disconnectedCallback(){r("nylas-event-limits","disconnectedCallback")}render(){return l(a,{key:"8027d04da926e71fc27dd06fd52c4b3d190ee9f2"},l("nylas-form-card",{key:"e517b9cc6ba5b5ac369eaff83827cb965fdd06f0",exportparts:"nfc__header: nel__header"},l("h1",{key:"b29de508d80091dacf7086e27fe3bb33d758d424",slot:"header-title",class:"nylas-event-limits__title"},o.t("nylasEventLimits.headerTitle")),l("div",{key:"eccacf56f1af5142f678ec0a252e759a43194276",slot:"content",class:"nylas-event-limits__content"},l("slot",{key:"826e2817e7d087bea95fb2e8bba2ecc414ba19be",name:"inputs"}))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"]}}};f([s({name:"nylas-event-limits",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],i.prototype,"render",null);i.style=t;export{i as nylas_event_limits};
+import{r as e,h as l,a,e as n}from"./index-3e0d6890.js";import{R as s}from"./register-component-8b5587d5.js";import{i as o,a as r,G as c}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const t=':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-limits__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-limits__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-limits__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-limits__block{display:flex;justify-content:space-between;gap:0.5rem}';var f=undefined&&undefined.__decorate||function(e,l,a,n){var s=arguments.length,o=s<3?l:n===null?n=Object.getOwnPropertyDescriptor(l,a):n,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,l,a,n);else for(var c=e.length-1;c>=0;c--)if(r=e[c])o=(s<3?r(o):s>3?r(l,a,o):r(l,a))||o;return s>3&&o&&Object.defineProperty(l,a,o),o};var y=undefined&&undefined.__metadata||function(e,l){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,l)};const i=class{constructor(l){e(this,l);if(l.$hostElement$["s-ei"]){this.internals=l.$hostElement$["s-ei"]}else{this.internals=l.$hostElement$.attachInternals();l.$hostElement$["s-ei"]=this.internals}this.selectedLanguage=undefined}selectedLanguageChangedHandler(e,l){if(e===l)return;o.changeLanguage(e)}connectedCallback(){r("nylas-event-limits","connectedCallback")}componentWillLoad(){r("nylas-event-limits","componentWillLoad")}componentDidLoad(){r("nylas-event-limits","componentDidLoad");c(["inputs"],this.el)}disconnectedCallback(){r("nylas-event-limits","disconnectedCallback")}render(){return l(a,{key:"8027d04da926e71fc27dd06fd52c4b3d190ee9f2"},l("nylas-form-card",{key:"e517b9cc6ba5b5ac369eaff83827cb965fdd06f0",exportparts:"nfc__header: nel__header"},l("h1",{key:"b29de508d80091dacf7086e27fe3bb33d758d424",slot:"header-title",class:"nylas-event-limits__title"},o.t("nylasEventLimits.headerTitle")),l("div",{key:"eccacf56f1af5142f678ec0a252e759a43194276",slot:"content",class:"nylas-event-limits__content"},l("slot",{key:"826e2817e7d087bea95fb2e8bba2ecc414ba19be",name:"inputs"}))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"]}}};f([s({name:"nylas-event-limits",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],i.prototype,"render",null);i.style=t;export{i as nylas_event_limits};
 //# sourceMappingURL=nylas-event-limits.entry.js.map

package/dist/nylas-web-elements/nylas-event-location.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as n,h as o,a as t,e as a}from"./index-3e0d6890.js";import{R as s}from"./register-component-3d439a88.js";import{i as l,a as i,l as r}from"./utils-3fdf2c83.js";import{P as c,g as d}from"./constants-794fe173.js";import"./utc-290d564f.js";const f=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-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}.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 h=undefined&&undefined.__decorate||function(e,n,o,t){var a=arguments.length,s=a<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,o):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,o,t);else for(var i=e.length-1;i>=0;i--)if(l=e[i])s=(a<3?l(s):a>3?l(n,o,s):l(n,o))||s;return a>3&&s&&Object.defineProperty(n,o,s),s};var y=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const u=class{constructor(o){e(this,o);this.valueChanged=n(this,"valueChanged",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.name="location";this.currentUser=undefined;this.userProvider=undefined;this.eventConferencing=undefined;this.conferenceProviders=undefined;this.selectedConfiguration=undefined;this.eventLocation=undefined;this.selectedLanguage=undefined;this.location=this.eventLocation??"";this.grantId=this.eventConferencing?this.setDefaultGrantID(this.eventConferencing):"";this.selectedLocationOption=undefined;this.userProviderState=this.userProvider??this.currentUser?.provider??"";this.locationOptions=[{value:"none",label:l.t("nylasEventLocation.conferenceOptions.none"),labelHTML:this.getLabelHTML("none")},{value:"custom",label:l.t("nylasEventLocation.conferenceOptions.custom"),labelHTML:this.getLabelHTML("custom")}]}elementNameChangedHandler(e){i("nylas-event-location","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){i("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);const n=e?.event_booking?.location||this.eventLocation;const o=e?.event_booking?.conferencing||this.eventConferencing;if(o?.provider){this.selectedLocationOption=this.setDefaultLocationOption(o,n??"");this.grantId=this.setDefaultGrantID(o);this.location=n?n:""}else if(n){this.selectedLocationOption=n?"custom":"none";this.location=n}else{this.selectedLocationOption="none";this.location=""}}currentUserChangedHandler(e){i("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:l.t("nylasEventLocation.conferenceOptions.zoom"),labelHTML:this.getLabelHTML("zoom")})}}selectedLanguageChangedHandler(e,n){if(e===n)return;l.changeLanguage(e);const o=this.locationOptions.map((e=>e.value));o.forEach((e=>{const n=this.locationOptions.findIndex((n=>n.value===e));this.locationOptions[n].label=l.t(`nylasEventLocation.conferenceOptions.${e}`);this.locationOptions[n].labelHTML=this.getLabelHTML(e)}));this.locationOptions=[...this.locationOptions]}connectedCallback(){i("nylas-event-location","connectedCallback")}componentWillLoad(){i("nylas-event-location","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("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:l.t("nylasEventLocation.conferenceOptions.zoom"),labelHTML:this.getLabelHTML("zoom")})}}disconnectedCallback(){i("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:c[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:c.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:c.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:c.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:l.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:l.t("nylasEventLocation.conferenceOptions.google"),labelHTML:this.getLabelHTML("microsoft")})}break}}setDefaultLocationOption(e,n){if(e!=null&&e?.provider!=null){return d[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=r(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 o("location-off-icon",null);case"custom":return o("location-icon",null);case"google":return o("google-meet-icon",null);case"microsoft":return o("microsoft-teams-icon",null);case"zoom":return o("zoom-icon",null)}}getLabelHTML(e){return o("span",{class:"location-label",style:{display:"flex",alignItems:"center",gap:"16px",width:"-webkit-fill-available"}},this.getIcon(e),o("span",{class:"location-text",style:{fontSize:"14px",fontWeight:"400"}},l.t(`nylasEventLocation.conferenceOptions.${e}`)))}render(){const e=typeof this.selectedLocationOption!=="undefined"?this.locationOptions.find((e=>e.value==this.selectedLocationOption)):null;return o(t,{key:"1d9a46868fa6c2af6b85392ca5760201ebbc4602"},o("div",{key:"5d976b003745b7b1e3f3f4e89e825c86b02fbd54",class:"nylas-event-location",part:"nel"},o("label",{key:"0449fe176f1170a67752c3cf975b3bd7cb9a396b",htmlFor:"location"},l.t("nylasEventLocation.headerTitle"),o("span",{key:"3bb40caf92a6bac0ff062424e6390fdedff08982",class:"label-icon"},o("tooltip-component",{key:"528eb815be88a37f367777fc95c95146b2e58689"},o("info-icon",{key:"2581db4df71c22386dbf5ad59907a1608d85bae3",slot:"tooltip-icon"}),o("span",{key:"067b161a26d284b590e042b25bf6ec598883293b",slot:"tooltip-content"},l.t("nylasEventLocation.tooltip.desc"))))),o("div",{key:"8759dd8077c2a3122c5d0b34d3299b196da9021e",class:"location-input"},o("select-dropdown",{key:"334f059eed1d62ad4a821f068bc6504f1e5985df",withSearch:false,name:"location",options:this.locationOptions,defaultSelectedOption:e,exportparts:"sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content"},o("span",{key:"23a1ed65088d20e5c9bc580aef57850c20aea4bf",slot:"select-icon"},this.getIcon(this.selectedLocationOption))),this.selectedLocationOption==="custom"&&o("input",{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 a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],currentUser:["currentUserChangedHandler"],conferenceProviders:["conferenceProvidersChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};h([s({name:"nylas-event-location",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.conferenceProviders","conferenceProviders"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],u.prototype,"render",null);u.style=f;export{u as nylas_event_location};
+import{r as e,i as n,h as o,a as t,e as a}from"./index-3e0d6890.js";import{R as s}from"./register-component-8b5587d5.js";import{i as l,a as i,l as r}from"./utils-ac8fef1e.js";import{P as c,g as d}from"./constants-794fe173.js";import"./utc-290d564f.js";const f=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-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}.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 h=undefined&&undefined.__decorate||function(e,n,o,t){var a=arguments.length,s=a<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,o):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,o,t);else for(var i=e.length-1;i>=0;i--)if(l=e[i])s=(a<3?l(s):a>3?l(n,o,s):l(n,o))||s;return a>3&&s&&Object.defineProperty(n,o,s),s};var y=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const u=class{constructor(o){e(this,o);this.valueChanged=n(this,"valueChanged",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.name="location";this.currentUser=undefined;this.userProvider=undefined;this.eventConferencing=undefined;this.conferenceProviders=undefined;this.selectedConfiguration=undefined;this.eventLocation=undefined;this.selectedLanguage=undefined;this.location=this.eventLocation??"";this.grantId=this.eventConferencing?this.setDefaultGrantID(this.eventConferencing):"";this.selectedLocationOption=undefined;this.userProviderState=this.userProvider??this.currentUser?.provider??"";this.locationOptions=[{value:"none",label:l.t("nylasEventLocation.conferenceOptions.none"),labelHTML:this.getLabelHTML("none")},{value:"custom",label:l.t("nylasEventLocation.conferenceOptions.custom"),labelHTML:this.getLabelHTML("custom")}]}elementNameChangedHandler(e){i("nylas-event-location","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){i("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);const n=e?.event_booking?.location||this.eventLocation;const o=e?.event_booking?.conferencing||this.eventConferencing;if(o?.provider){this.selectedLocationOption=this.setDefaultLocationOption(o,n??"");this.grantId=this.setDefaultGrantID(o);this.location=n?n:""}else if(n){this.selectedLocationOption=n?"custom":"none";this.location=n}else{this.selectedLocationOption="none";this.location=""}}currentUserChangedHandler(e){i("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:l.t("nylasEventLocation.conferenceOptions.zoom"),labelHTML:this.getLabelHTML("zoom")})}}selectedLanguageChangedHandler(e,n){if(e===n)return;l.changeLanguage(e);const o=this.locationOptions.map((e=>e.value));o.forEach((e=>{const n=this.locationOptions.findIndex((n=>n.value===e));this.locationOptions[n].label=l.t(`nylasEventLocation.conferenceOptions.${e}`);this.locationOptions[n].labelHTML=this.getLabelHTML(e)}));this.locationOptions=[...this.locationOptions]}connectedCallback(){i("nylas-event-location","connectedCallback")}componentWillLoad(){i("nylas-event-location","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){i("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:l.t("nylasEventLocation.conferenceOptions.zoom"),labelHTML:this.getLabelHTML("zoom")})}}disconnectedCallback(){i("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:c[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:c.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:c.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:c.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:l.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:l.t("nylasEventLocation.conferenceOptions.google"),labelHTML:this.getLabelHTML("microsoft")})}break}}setDefaultLocationOption(e,n){if(e!=null&&e?.provider!=null){return d[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=r(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 o("location-off-icon",null);case"custom":return o("location-icon",null);case"google":return o("google-meet-icon",null);case"microsoft":return o("microsoft-teams-icon",null);case"zoom":return o("zoom-icon",null)}}getLabelHTML(e){return o("span",{class:"location-label",style:{display:"flex",alignItems:"center",gap:"16px",width:"-webkit-fill-available"}},this.getIcon(e),o("span",{class:"location-text",style:{fontSize:"14px",fontWeight:"400"}},l.t(`nylasEventLocation.conferenceOptions.${e}`)))}render(){const e=typeof this.selectedLocationOption!=="undefined"?this.locationOptions.find((e=>e.value==this.selectedLocationOption)):null;return o(t,{key:"1d9a46868fa6c2af6b85392ca5760201ebbc4602"},o("div",{key:"5d976b003745b7b1e3f3f4e89e825c86b02fbd54",class:"nylas-event-location",part:"nel"},o("label",{key:"0449fe176f1170a67752c3cf975b3bd7cb9a396b",htmlFor:"location"},l.t("nylasEventLocation.headerTitle"),o("span",{key:"3bb40caf92a6bac0ff062424e6390fdedff08982",class:"label-icon"},o("tooltip-component",{key:"528eb815be88a37f367777fc95c95146b2e58689"},o("info-icon",{key:"2581db4df71c22386dbf5ad59907a1608d85bae3",slot:"tooltip-icon"}),o("span",{key:"067b161a26d284b590e042b25bf6ec598883293b",slot:"tooltip-content"},l.t("nylasEventLocation.tooltip.desc"))))),o("div",{key:"8759dd8077c2a3122c5d0b34d3299b196da9021e",class:"location-input"},o("select-dropdown",{key:"334f059eed1d62ad4a821f068bc6504f1e5985df",withSearch:false,name:"location",options:this.locationOptions,defaultSelectedOption:e,exportparts:"sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content"},o("span",{key:"23a1ed65088d20e5c9bc580aef57850c20aea4bf",slot:"select-icon"},this.getIcon(this.selectedLocationOption))),this.selectedLocationOption==="custom"&&o("input",{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 a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],currentUser:["currentUserChangedHandler"],conferenceProviders:["conferenceProvidersChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};h([s({name:"nylas-event-location",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.conferenceProviders","conferenceProviders"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],u.prototype,"render",null);u.style=f;export{u as nylas_event_location};
 //# sourceMappingURL=nylas-event-location.entry.js.map

package/dist/nylas-web-elements/nylas-event-timeslot.entry.js

@@ -1,2 +1,2 @@
-import{r as e,i as t,h as n,a as i,e as s}from"./index-3e0d6890.js";import{R as r}from"./register-component-3d439a88.js";import{t as d,a as o,H as a,i as l,z as c}from"./utils-3fdf2c83.js";import{T as p}from"./constants-794fe173.js";import{b as m,u}from"./utc-290d564f.js";import{c as v}from"./customParseFormat-1c5cfec5.js";const y=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}div.nylas-event-timeslot label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%}div.nylas-event-timeslot div.date-time-input div.date-time-picker{display:flex;gap:32px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker{flex-direction:column;gap:16px}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:224px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:100%}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component::part(ic__date){height:50px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:flex;gap:8px;align-items:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range span{margin:12px 0 0 6px;display:inline-flex;align-items:flex-start}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:grid;grid-template-columns:1fr 20px 1fr}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-picker){width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-input){width:calc(100% - 8px)}}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button){border:none;padding:14px;justify-content:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button):hover{border:none;outline:none;color:var(--nylas-primary)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button-selected-label){max-width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}div.nylas-event-timeslot div.date-time-input div.recurrence-options{margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button){width:fit-content;padding:14px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button):hover{color:var(--nylas-primary)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:100%;width:fit-content;font-size:16px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:254px;width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}@media screen and (max-width: 412px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:240px}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr;margin-bottom:8px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end select-dropdown::part(sd_dropdown-button){border-color:var(--nylas-base-200)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector::part(id_dropdown-input){padding:16px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector input-dropdown:hover{border:1px solid var(--nylas-primary);outline:1px solid transparent}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days{margin:16px 0;display:flex;gap:16px;align-items:center}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons{display:flex;gap:8px;margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button{border-radius:50%;border:none;height:24px;width:24px;color:var(--nylas-base-800);cursor:pointer}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:hover{background-color:var(--nylas-base-500);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:active{background-color:var(--nylas-base-600);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{display:flex;gap:16px;align-items:center}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{flex-direction:column;align-items:flex-start;gap:0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{display:flex;gap:8px;align-items:center}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{flex-direction:column;align-items:flex-start}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence nylas-date-component::part(ic__date){padding:0 16px;height:52px;border:1px solid var(--nylas-base-200)}';var h=undefined&&undefined.__decorate||function(e,t,n,i){var s=arguments.length,r=s<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,n,i);else for(var o=e.length-1;o>=0;o--)if(d=e[o])r=(s<3?d(r):s>3?d(t,n,r):d(t,n))||r;return s>3&&r&&Object.defineProperty(t,n,r),r};var f=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};m.extend(v);m.extend(u);m.extend(d);const b={day:"daily",week:"weekly",month:"monthly",year:"yearly"};const w=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);this.timeWindowFormError=t(this,"timeWindowFormError",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="event-timeslot";this.initialValue=undefined;this.selectedLanguage=undefined;this.selectedDate=undefined;this.selectedStartTime=undefined;this.selectedEndTime=undefined;this.selectedTimezone=undefined;this.selectedRecurrenceType=undefined;this.timeRangeError=false;this.selectedRrule=undefined;this.recurrenceOptions=[];this.repeatEveryInterval=1;this.repeatEveryFrequency="week";this.repeatOnDays=[];this.repeatMonthlySameDate=true;this.repeatEndType="never";this.repeatEndAfter=1;this.repeatEndOn=undefined;this.monthRecurrenceOptions=[];this.endDate=undefined}connectedCallback(){o("nylas-event-timeslot","connectedCallback")}disconnectedCallback(){o("nylas-event-timeslot","disconnectedCallback")}componentWillLoad(){o("nylas-event-timeslot","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-event-timeslot","componentDidLoad");if(this.initialValue){const{when:e,recurrence:t}=this.initialValue;if(e){this.selectedDate=m.unix(e.start_time).tz(e.start_timezone).format("YYYY-MM-DD");this.selectedStartTime=m.unix(e.start_time).tz(e.start_timezone).format("hh:mma");this.selectedEndTime=m.unix(e.end_time).tz(e.end_timezone).format("hh:mma");this.selectedTimezone=e.start_timezone}else{this.selectedDate=(new Date).toISOString().split("T")[0];const e=this.getSuggestedTime();this.selectedStartTime=e.startTime;this.selectedEndTime=e.endTime;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone}if(t&&t.length>0){this.selectedRrule=t[0];const e=t[0]?.split(";")?.find((e=>e.includes("COUNT")));if(e){this.repeatEndAfter=parseInt(e.split("=")[1])}const n=t[0]?.split(";")?.find((e=>e.includes("BYDAY")));if(n){this.repeatOnDays=n.split("=")[1].split(",")}const i=t[0]?.split(";")?.find((e=>e.includes("UNTIL")));if(i){const e=m(i.split("=")[1],"YYYYMMDDTHHmmss").toDate();this.repeatEndOn=m(e).toISOString().split("T")[0];this.repeatEndType="on"}const s=this.getRecurrenceTypeFromRrule(t[0]);this.selectedRecurrenceType=s||"none"}else{this.selectedRecurrenceType="none";this.selectedRrule=a(this.selectedDate,this.selectedRecurrenceType,undefined,undefined,this.selectedTimezone)}}else{this.selectedDate=(new Date).toISOString().split("T")[0];const e=this.getSuggestedTime();this.selectedStartTime=e.startTime;this.selectedEndTime=e.endTime;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedRecurrenceType="none";this.selectedRrule=a(this.selectedDate,this.selectedRecurrenceType,undefined,undefined,this.selectedTimezone)}this.recurrenceOptions=this.generateRecurrenceOptions(this.selectedDate,this.selectedTimezone);this.monthRecurrenceOptions=this.getMonthRecurrenceOptions(this.selectedDate,this.selectedTimezone);this.handleValueChanged(true)}elementNameChangedHandler(e){o("nylas-event-timeslot","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,t){if(e===t)return;l.changeLanguage(e)}getOrdinalSuffix(e){const t=["th","st","nd","rd"];const n=e%100;return e+(t[(n-20)%10]||t[n]||t[0])}getRecurrenceTypeFromRrule(e){if(e.includes("INTERVAL"))return"custom";if(e.includes("FREQ=DAILY"))return"daily";if(e.includes("FREQ=WEEKLY"))return"weekly";if(e.includes("FREQ=MONTHLY"))return"monthly";if(e.includes("FREQ=YEARLY"))return"yearly";return undefined}generateRecurrenceOptions(e,t){const n=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];const i=m.tz(e,t);const s=n[i.day()];const r=i.date();const d=Math.ceil(r/7);return[{label:l.t("nylasEventTimeslot.recurrenceOptions.none"),value:"none"},{label:l.t("nylasEventTimeslot.recurrenceOptions.daily"),value:"daily"},{label:l.t("nylasEventTimeslot.recurrenceOptions.weekly",{dayOfWeek:s}),value:"weekly"},{label:l.t("nylasEventTimeslot.recurrenceOptions.monthly",{dayOfMonth:`${this.getOrdinalSuffix(d)} ${s}`}),value:"monthly"},{label:l.t("nylasEventTimeslot.recurrenceOptions.yearly",{dateOfMonth:`${i.format("MMMM D")}`}),value:"yearly"},{label:l.t("nylasEventTimeslot.recurrenceOptions.custom"),value:"custom"}]}getMonthRecurrenceOptions(e,t){const n=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];const i=m.tz(e,t);const s=n[i.day()];const r=i.date();const d=Math.ceil(r/7);return[{label:l.t("nylasEventTimeslot.recurrenceOptions.monthOnDay",{date:r}),value:"monthly-same-date"},{label:l.t("nylasEventTimeslot.recurrenceOptions.monthly",{dayOfMonth:`${this.getOrdinalSuffix(d)} ${s}`}),value:"monthly"}]}getSuggestedTime(){const e=m();const t=e.minute();const n=t<=30?30:60;const i=e.set("minute",n).set("second",0);const s=i.add(30,"minute");return{startTime:i.format("hh:mma"),endTime:s.format("hh:mma")}}getTimezoneLabelHTML(e){const t=c(e);return n("span",{class:"timezone-label",style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"-webkit-fill-available"}},p[e]," ",n("span",{class:"timezone-offset",style:{fontSize:"14px",fontWeight:"400",color:"var(--nylas-base-500)"}},t))}isStartTimeAfterEndTime(e,t){const n=m(e,"hh:mma");const i=m(t,"hh:mma");return n.isAfter(i)}isStartTimeEqualToEndTime(e,t){const n=m(e,"hh:mma");const i=m(t,"hh:mma");return n.isSame(i)}getStartAndEndTimes(){const e=m(`${this.selectedDate} ${this.selectedStartTime}`,"YYYY-MM-DD hh:mma").toDate();const t=m(`${this.selectedDate} ${this.selectedEndTime}`,"YYYY-MM-DD hh:mma").toDate();return{start_time:Math.round(e.getTime()/1e3),end_time:Math.round(t.getTime()/1e3)}}getCustomOptions(){if(this.selectedRecurrenceType!=="custom"){return undefined}const e=b[this.repeatEveryFrequency];return{frequency:e,interval:this.repeatEveryInterval,daysOfWeek:this.repeatEveryFrequency==="week"?this.repeatOnDays:undefined,monthlySameDate:this.repeatEveryFrequency==="month"?this.repeatMonthlySameDate:undefined,end:{type:this.repeatEndType,count:this.repeatEndType==="after"?this.repeatEndAfter:undefined,date:this.repeatEndType==="on"?this.repeatEndOn:undefined}}}handleValueChanged(e=false){const t=this.getCustomOptions();this.selectedRrule=a(this.selectedDate,this.selectedRecurrenceType,this.repeatEndOn,t,this.selectedTimezone);const{start_time:n,end_time:i}=this.getStartAndEndTimes();const s={when:{start_time:n,end_time:i,start_timezone:this.selectedTimezone,end_timezone:this.selectedTimezone},recurrence:this.selectedRrule?[this.selectedRrule]:[]};this.internals.setFormValue(JSON.stringify(s),this.name);if(!e){this.valueChanged.emit({value:JSON.stringify(s),name:this.name})}}setTime(e){const{key:t,value:n}=e.detail;if(t==="start-time"){this.selectedStartTime=n}else if(t==="end-time"){this.selectedEndTime=n}const i=this.isStartTimeAfterEndTime(this.selectedStartTime,this.selectedEndTime);const s=this.isStartTimeEqualToEndTime(this.selectedStartTime,this.selectedEndTime);this.timeRangeError=i||s;if(i){this.timeWindowFormError.emit({key:this.name,message:"Invalid time range"});return}else if(s){this.timeWindowFormError.emit({key:this.name,message:"Start time and end time cannot be the same"});return}this.handleValueChanged()}nylasFormDropdownChangedHandler(e){const{name:t,value:n}=e.detail;if(t==="timezone"){this.selectedTimezone=n}else if(t==="recurrence-type"){this.selectedRecurrenceType=n}else if(t==="month-recurrence-type"){this.repeatMonthlySameDate=n==="monthly-same-date"}else if(t==="custom-recurrence-end-type"){this.repeatEndType=n}this.handleValueChanged()}nylasFormInputChangedHandler(e){const{name:t,value:n}=e.detail;if(t==="date-time-input"){this.selectedDate=n;this.recurrenceOptions=this.generateRecurrenceOptions(this.selectedDate,this.selectedTimezone);this.monthRecurrenceOptions=this.getMonthRecurrenceOptions(this.selectedDate,this.selectedTimezone)}else if(t==="recurrence-end-date"){this.repeatEndOn=n}else if(t==="custom-recurrence-end-date"){this.repeatEndOn=n}else if(t==="recurrence-end-after"){this.repeatEndAfter=parseInt(n)}this.handleValueChanged()}timePeriodChangedHandler(e){const{number:t,period:n}=e.detail;this.repeatEveryInterval=t;this.repeatEveryFrequency=n;if(n==="month"){this.monthRecurrenceOptions=this.getMonthRecurrenceOptions(this.selectedDate,this.selectedTimezone)}this.handleValueChanged()}render(){const e=this.recurrenceOptions.find((e=>e.value===this.selectedRecurrenceType));const t=Object.keys(p).map((e=>({labelHTML:this.getTimezoneLabelHTML(e),label:p[e],value:e})));const s=t.find((e=>e.value===this.selectedTimezone));const r=[{label:l.t("nylasEventTimeslot.customRecurrence.endsOptions.never"),value:"never"},{label:l.t("nylasEventTimeslot.customRecurrence.endsOptions.on"),value:"on"},{label:l.t("nylasEventTimeslot.customRecurrence.endsOptions.after"),value:"after"}];const d=m(this.selectedDate).add(1,"year").toISOString().split("T")[0];const o=this.repeatEveryFrequency==="week"?4:this.repeatEveryFrequency==="month"?12:5;this.repeatEndOn=this.repeatEndOn||d;this.repeatEndAfter=this.repeatEndAfter||o;return n(i,{key:"31732a2c9daed8e38e9481d545a43d2093ebf9ae"},n("div",{key:"122e6f86aa037d3ca33333a48ee01b56a658b9be",class:"nylas-event-timeslot",part:"netimeslot"},n("label",{key:"6a5e350091395c992a4412b0bbf85847cff9e2aa",htmlFor:"date-time-input"},l.t("nylasEventTimeslot.dateTimeLabel")),n("div",{key:"fde21f23f6e3767f90ef7bfe8ef87fdc2880d53a",class:"date-time-input",part:"netimeslot__date-time-input"},n("div",{key:"51ff603b675b0fca1e265ddb7cbba058e02b2412",class:"date-time-picker",part:"netimeslot__date-time-picker"},n("nylas-date-component",{key:"aaf0a665c49243dc3ea62338b83a54a1ff44922f",name:"date-time-input",defaultValue:this.selectedDate,id:"date-time-input",required:true}),n("div",{key:"982c20021cf979720d71e19210b7aced7b3d8a32",class:"time-range",part:"netimeslot__time-range"},n("nylas-time-window-picker",{id:"start-time",hasError:this.timeRangeError,time:this.selectedStartTime,language:this.selectedLanguage,name:"start-time",key:"start-time",exportparts:"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times"}),n("span",{key:"00a6b1961ffc500814b00da0a63fe52eb4982cb1"},"–"),n("nylas-time-window-picker",{id:"end-time",hasError:this.timeRangeError,time:this.selectedEndTime,language:this.selectedLanguage,name:"end-time",key:"end-time",minimumStartTime:this.selectedStartTime,exportparts:"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times"})),s?.label&&n("select-dropdown",{name:"timezone",exportparts:"sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content",options:t,withChevron:false,defaultSelectedOption:s},n("span",{slot:"select-icon"},n("globe-icon",{width:"20",height:"20"})))),n("div",{key:"69ecad9a4f597e8e8be1c7467ff66f24411a6638",class:"recurrence-options",part:"netimeslot__recurrence-options"},e&&e?.label&&n("div",{class:"recurrence-type",part:"netimeslot__recurrence-type"},n("label",{htmlFor:"recurrence-type"},l.t("nylasEventTimeslot.recurrenceLabel")),n("select-dropdown",{withSearch:false,id:"recurrence-type",name:"recurrence-type",options:this.recurrenceOptions,defaultSelectedOption:e,exportparts:"sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content"})),this.selectedRecurrenceType!=="custom"&&this.selectedRecurrenceType!=="none"&&n("div",{class:"recurrence-end",part:"netimeslot__recurrence-end"},n("label",null,l.t("nylasEventTimeslot.endDate")),n("nylas-date-component",{name:"recurrence-end-date",defaultValue:this.repeatEndOn||d,id:"recurrence-end-date",required:true})),this.selectedRecurrenceType==="custom"&&n("div",{class:"custom-recurrence-time-period",part:"netimeslot__custom-recurrence"},n("label",{htmlFor:""},l.t("nylasEventTimeslot.customRecurrence.repeatEvery")),n("time-period-selector",{id:"custom-recurrence-time-period",exportparts:"tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content",timePeriods:[{value:"day",label:l.t("timePeriod",{context:"day"})},{value:"week",label:l.t("timePeriod",{context:"week"})},{value:"month",label:l.t("timePeriod",{context:"month"})},{value:"year",label:l.t("timePeriod",{context:"year"})}],defaultSelectedNumber:this.repeatEveryInterval,defaultSelectedPeriod:this.repeatEveryFrequency})),n("div",{key:"72e9f15924d7cd50fa1e2200cd5fecf20213fe94",class:"repeat-on"},this.selectedRecurrenceType==="custom"&&this.repeatEveryFrequency==="week"&&n("div",{class:"days"},n("label",null,l.t("nylasEventTimeslot.customRecurrence.repeatOn")),n("div",{class:"buttons"},[{label:"S",value:"SU",title:"Sunday"},{label:"M",value:"MO",title:"Monday"},{label:"T",value:"TU",title:"Tuesday"},{label:"W",value:"WE",title:"Wednesday"},{label:"T",value:"TH",title:"Thursday"},{label:"F",value:"FR",title:"Friday"},{label:"S",value:"SA",title:"Saturday"}].map((e=>n("button",{class:{selected:this.repeatOnDays.includes(e.value)},title:e.title,onClick:()=>{this.repeatOnDays=this.repeatOnDays.includes(e.value)?this.repeatOnDays.filter((t=>t!==e.value)):[...this.repeatOnDays,e.value];this.handleValueChanged()}},e.label))))),this.selectedRecurrenceType==="custom"&&this.repeatEveryFrequency==="month"&&n("div",{class:"month-recurrence"},n("span",null),n("select-dropdown",{withSearch:false,id:"month-recurrence-type",name:"month-recurrence-type",options:this.monthRecurrenceOptions,defaultSelectedOption:this.repeatMonthlySameDate?this.monthRecurrenceOptions[0]:this.monthRecurrenceOptions[1],exportparts:"sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content"})),n("div",{key:"24efc522c8eb8ce3fafeb8964da717228602c14a",class:"custom-recurrence"},this.selectedRecurrenceType==="custom"&&n("div",{class:"custom-recurrence-ends"},n("label",{htmlFor:"recurrence-type"},l.t("nylasEventTimeslot.customRecurrence.ends")),n("select-dropdown",{withSearch:false,id:"custom-recurrence-end-type",name:"custom-recurrence-end-type",options:r,defaultSelectedOption:r.find((e=>e.value===this.repeatEndType)),exportparts:"sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content"})),this.selectedRecurrenceType==="custom"&&this.repeatEndType==="on"&&n("div",null,n("nylas-date-component",{name:"custom-recurrence-end-date",defaultValue:this.repeatEndOn||d,id:"custom-recurrence-end-date",required:true})),this.selectedRecurrenceType==="custom"&&this.repeatEndType==="after"&&n("div",{class:"custom-recurrence-end-after"},n("input-component",{name:"recurrence-end-after",id:"recurrence-end-after",type:"number",minValue:1,defaultValue:o.toString(),exportparts:"ic_input: netimeslot__input-textfield"}),n("span",null,l.t("nylasEventTimeslot.customRecurrence.occurrences")))))))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};h([r({name:"nylas-event-timeslot",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,t)=>{o("nylas-event-timeslot","valueChanged",e.detail)}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],w.prototype,"render",null);w.style=y;export{w as nylas_event_timeslot};
+import{r as e,i as t,h as n,a as i,e as s}from"./index-3e0d6890.js";import{R as r}from"./register-component-8b5587d5.js";import{t as d,a as o,H as a,i as l,y as c}from"./utils-ac8fef1e.js";import{T as p}from"./constants-794fe173.js";import{b as m,u}from"./utc-290d564f.js";import{c as v}from"./customParseFormat-1c5cfec5.js";const y=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}div.nylas-event-timeslot label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%}div.nylas-event-timeslot div.date-time-input div.date-time-picker{display:flex;gap:32px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker{flex-direction:column;gap:16px}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:224px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:100%}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component::part(ic__date){height:50px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:flex;gap:8px;align-items:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range span{margin:12px 0 0 6px;display:inline-flex;align-items:flex-start}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:grid;grid-template-columns:1fr 20px 1fr}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-picker){width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-input){width:calc(100% - 8px)}}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button){border:none;padding:14px;justify-content:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button):hover{border:none;outline:none;color:var(--nylas-primary)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button-selected-label){max-width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}div.nylas-event-timeslot div.date-time-input div.recurrence-options{margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button){width:fit-content;padding:14px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button):hover{color:var(--nylas-primary)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:100%;width:fit-content;font-size:16px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:254px;width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}@media screen and (max-width: 412px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:240px}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr;margin-bottom:8px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end select-dropdown::part(sd_dropdown-button){border-color:var(--nylas-base-200)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector::part(id_dropdown-input){padding:16px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector input-dropdown:hover{border:1px solid var(--nylas-primary);outline:1px solid transparent}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days{margin:16px 0;display:flex;gap:16px;align-items:center}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons{display:flex;gap:8px;margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button{border-radius:50%;border:none;height:24px;width:24px;color:var(--nylas-base-800);cursor:pointer}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:hover{background-color:var(--nylas-base-500);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:active{background-color:var(--nylas-base-600);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{display:flex;gap:16px;align-items:baseline}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{flex-direction:column;align-items:flex-start;gap:0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{display:flex;gap:8px;align-items:center}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{flex-direction:column;align-items:flex-start}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence nylas-date-component::part(ic__date){padding:0 16px;height:52px;border:1px solid var(--nylas-base-200)}';var h=undefined&&undefined.__decorate||function(e,t,n,i){var s=arguments.length,r=s<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,n,i);else for(var o=e.length-1;o>=0;o--)if(d=e[o])r=(s<3?d(r):s>3?d(t,n,r):d(t,n))||r;return s>3&&r&&Object.defineProperty(t,n,r),r};var f=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};m.extend(v);m.extend(u);m.extend(d);const b={day:"daily",week:"weekly",month:"monthly",year:"yearly"};const w=class{constructor(n){e(this,n);this.valueChanged=t(this,"valueChanged",7);this.timeWindowFormError=t(this,"timeWindowFormError",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="event-timeslot";this.initialValue=undefined;this.selectedLanguage=undefined;this.selectedDate=undefined;this.selectedStartTime=undefined;this.selectedEndTime=undefined;this.selectedTimezone=undefined;this.selectedRecurrenceType=undefined;this.timeRangeError=false;this.selectedRrule=undefined;this.recurrenceOptions=[];this.repeatEveryInterval=1;this.repeatEveryFrequency="week";this.repeatOnDays=[];this.repeatMonthlySameDate=true;this.repeatEndType="never";this.repeatEndAfter=1;this.repeatEndOn=undefined;this.monthRecurrenceOptions=[];this.endDate=undefined}connectedCallback(){o("nylas-event-timeslot","connectedCallback")}disconnectedCallback(){o("nylas-event-timeslot","disconnectedCallback")}componentWillLoad(){o("nylas-event-timeslot","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-event-timeslot","componentDidLoad");if(this.initialValue){const{when:e,recurrence:t}=this.initialValue;if(e){this.selectedDate=m.unix(e.start_time).tz(e.start_timezone).format("YYYY-MM-DD");this.selectedStartTime=m.unix(e.start_time).tz(e.start_timezone).format("hh:mma");this.selectedEndTime=m.unix(e.end_time).tz(e.end_timezone).format("hh:mma");this.selectedTimezone=e.start_timezone}else{this.selectedDate=(new Date).toISOString().split("T")[0];const e=this.getSuggestedTime();this.selectedStartTime=e.startTime;this.selectedEndTime=e.endTime;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone}if(t&&t.length>0){this.selectedRrule=t[0];const e=t[0]?.split(";")?.find((e=>e.includes("COUNT")));if(e){this.repeatEndAfter=parseInt(e.split("=")[1])}const n=t[0]?.split(";")?.find((e=>e.includes("BYDAY")));if(n){this.repeatOnDays=n.split("=")[1].split(",")}const i=t[0]?.split(";")?.find((e=>e.includes("UNTIL")));if(i){const e=m(i.split("=")[1],"YYYYMMDDTHHmmss").toDate();this.repeatEndOn=m(e).toISOString().split("T")[0];this.repeatEndType="on"}const s=this.getRecurrenceTypeFromRrule(t[0]);this.selectedRecurrenceType=s||"none"}else{this.selectedRecurrenceType="none";this.selectedRrule=a(this.selectedDate,this.selectedRecurrenceType,undefined,undefined,this.selectedTimezone)}}else{this.selectedDate=(new Date).toISOString().split("T")[0];const e=this.getSuggestedTime();this.selectedStartTime=e.startTime;this.selectedEndTime=e.endTime;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedRecurrenceType="none";this.selectedRrule=a(this.selectedDate,this.selectedRecurrenceType,undefined,undefined,this.selectedTimezone)}this.recurrenceOptions=this.generateRecurrenceOptions(this.selectedDate,this.selectedTimezone);this.monthRecurrenceOptions=this.getMonthRecurrenceOptions(this.selectedDate,this.selectedTimezone);this.handleValueChanged(true)}elementNameChangedHandler(e){o("nylas-event-timeslot","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,t){if(e===t)return;l.changeLanguage(e)}getOrdinalSuffix(e){const t=["th","st","nd","rd"];const n=e%100;return e+(t[(n-20)%10]||t[n]||t[0])}getRecurrenceTypeFromRrule(e){if(e.includes("INTERVAL"))return"custom";if(e.includes("FREQ=DAILY"))return"daily";if(e.includes("FREQ=WEEKLY"))return"weekly";if(e.includes("FREQ=MONTHLY"))return"monthly";if(e.includes("FREQ=YEARLY"))return"yearly";return undefined}generateRecurrenceOptions(e,t){const n=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];const i=m.tz(e,t);const s=n[i.day()];const r=i.date();const d=Math.ceil(r/7);return[{label:l.t("nylasEventTimeslot.recurrenceOptions.none"),value:"none"},{label:l.t("nylasEventTimeslot.recurrenceOptions.daily"),value:"daily"},{label:l.t("nylasEventTimeslot.recurrenceOptions.weekly",{dayOfWeek:s}),value:"weekly"},{label:l.t("nylasEventTimeslot.recurrenceOptions.monthly",{dayOfMonth:`${this.getOrdinalSuffix(d)} ${s}`}),value:"monthly"},{label:l.t("nylasEventTimeslot.recurrenceOptions.yearly",{dateOfMonth:`${i.format("MMMM D")}`}),value:"yearly"},{label:l.t("nylasEventTimeslot.recurrenceOptions.custom"),value:"custom"}]}getMonthRecurrenceOptions(e,t){const n=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];const i=m.tz(e,t);const s=n[i.day()];const r=i.date();const d=Math.ceil(r/7);return[{label:l.t("nylasEventTimeslot.recurrenceOptions.monthOnDay",{date:r}),value:"monthly-same-date"},{label:l.t("nylasEventTimeslot.recurrenceOptions.monthly",{dayOfMonth:`${this.getOrdinalSuffix(d)} ${s}`}),value:"monthly"}]}getSuggestedTime(){const e=m();const t=e.minute();const n=t<=30?30:60;const i=e.set("minute",n).set("second",0);const s=i.add(30,"minute");return{startTime:i.format("hh:mma"),endTime:s.format("hh:mma")}}getTimezoneLabelHTML(e){const t=c(e);return n("span",{class:"timezone-label",style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"-webkit-fill-available"}},p[e]," ",n("span",{class:"timezone-offset",style:{fontSize:"14px",fontWeight:"400",color:"var(--nylas-base-500)"}},t))}isStartTimeAfterEndTime(e,t){const n=m(e,"hh:mma");const i=m(t,"hh:mma");return n.isAfter(i)}isStartTimeEqualToEndTime(e,t){const n=m(e,"hh:mma");const i=m(t,"hh:mma");return n.isSame(i)}getStartAndEndTimes(){const e=m(`${this.selectedDate} ${this.selectedStartTime}`,"YYYY-MM-DD hh:mma").toDate();const t=m(`${this.selectedDate} ${this.selectedEndTime}`,"YYYY-MM-DD hh:mma").toDate();return{start_time:Math.round(e.getTime()/1e3),end_time:Math.round(t.getTime()/1e3)}}getCustomOptions(){if(this.selectedRecurrenceType!=="custom"){return undefined}const e=b[this.repeatEveryFrequency];return{frequency:e,interval:this.repeatEveryInterval,daysOfWeek:this.repeatEveryFrequency==="week"?this.repeatOnDays:undefined,monthlySameDate:this.repeatEveryFrequency==="month"?this.repeatMonthlySameDate:undefined,end:{type:this.repeatEndType,count:this.repeatEndType==="after"?this.repeatEndAfter:undefined,date:this.repeatEndType==="on"?this.repeatEndOn:undefined}}}handleValueChanged(e=false){const t=this.getCustomOptions();this.selectedRrule=a(this.selectedDate,this.selectedRecurrenceType,this.repeatEndOn,t,this.selectedTimezone);const{start_time:n,end_time:i}=this.getStartAndEndTimes();const s={when:{start_time:n,end_time:i,start_timezone:this.selectedTimezone,end_timezone:this.selectedTimezone},recurrence:this.selectedRrule?[this.selectedRrule]:[]};this.internals.setFormValue(JSON.stringify(s),this.name);if(!e){this.valueChanged.emit({value:JSON.stringify(s),name:this.name})}}setTime(e){const{key:t,value:n}=e.detail;if(t==="start-time"){this.selectedStartTime=n}else if(t==="end-time"){this.selectedEndTime=n}const i=this.isStartTimeAfterEndTime(this.selectedStartTime,this.selectedEndTime);const s=this.isStartTimeEqualToEndTime(this.selectedStartTime,this.selectedEndTime);this.timeRangeError=i||s;if(i){this.timeWindowFormError.emit({key:this.name,message:"Invalid time range"});return}else if(s){this.timeWindowFormError.emit({key:this.name,message:"Start time and end time cannot be the same"});return}this.handleValueChanged()}nylasFormDropdownChangedHandler(e){const{name:t,value:n}=e.detail;if(t==="timezone"){this.selectedTimezone=n}else if(t==="recurrence-type"){this.selectedRecurrenceType=n}else if(t==="month-recurrence-type"){this.repeatMonthlySameDate=n==="monthly-same-date"}else if(t==="custom-recurrence-end-type"){this.repeatEndType=n}this.handleValueChanged()}nylasFormInputChangedHandler(e){const{name:t,value:n}=e.detail;if(t==="date-time-input"){this.selectedDate=n;this.recurrenceOptions=this.generateRecurrenceOptions(this.selectedDate,this.selectedTimezone);this.monthRecurrenceOptions=this.getMonthRecurrenceOptions(this.selectedDate,this.selectedTimezone)}else if(t==="recurrence-end-date"){this.repeatEndOn=n}else if(t==="custom-recurrence-end-date"){this.repeatEndOn=n}else if(t==="recurrence-end-after"){const e=parseInt(n);if(e<1||isNaN(e)){this.timeWindowFormError.emit({key:this.name,message:l.t("fixFormErrors")});return}this.repeatEndAfter=e}this.handleValueChanged()}timePeriodChangedHandler(e){const{number:t,period:n}=e.detail;this.repeatEveryInterval=t;this.repeatEveryFrequency=n;if(n==="month"){this.monthRecurrenceOptions=this.getMonthRecurrenceOptions(this.selectedDate,this.selectedTimezone)}this.handleValueChanged()}render(){const e=this.recurrenceOptions.find((e=>e.value===this.selectedRecurrenceType));const t=Object.keys(p).map((e=>({labelHTML:this.getTimezoneLabelHTML(e),label:p[e],value:e})));const s=t.find((e=>e.value===this.selectedTimezone));const r=[{label:l.t("nylasEventTimeslot.customRecurrence.endsOptions.never"),value:"never"},{label:l.t("nylasEventTimeslot.customRecurrence.endsOptions.on"),value:"on"},{label:l.t("nylasEventTimeslot.customRecurrence.endsOptions.after"),value:"after"}];const d=m(this.selectedDate).add(1,"year").toISOString().split("T")[0];const o=this.repeatEveryFrequency==="week"?4:this.repeatEveryFrequency==="month"?12:5;this.repeatEndOn=this.repeatEndOn||d;this.repeatEndAfter=this.repeatEndAfter||o;return n(i,{key:"a6c2b24369ec32b3488fb597ceb07265f8025b38"},n("div",{key:"5412e2af0d10c1a232fa61b9ba3d9a327a631f20",class:"nylas-event-timeslot",part:"netimeslot"},n("label",{key:"5054d504ca18771fb990374ce1859573227661a9",htmlFor:"date-time-input"},l.t("nylasEventTimeslot.dateTimeLabel")),n("div",{key:"0dffbcf300744ef1c9ca74c73b3bd87bb0896711",class:"date-time-input",part:"netimeslot__date-time-input"},n("div",{key:"d2c73a9cbe77d5a4c65087f4707b0f08c1b404e9",class:"date-time-picker",part:"netimeslot__date-time-picker"},n("nylas-date-component",{key:"2955d08462d7e4e81079083349b8ce8cc07b1c1a",name:"date-time-input",defaultValue:this.selectedDate,id:"date-time-input",required:true}),n("div",{key:"edaab3f01999687c94b0b8a386fe863f211a4ced",class:"time-range",part:"netimeslot__time-range"},n("nylas-time-window-picker",{id:"start-time",hasError:this.timeRangeError,time:this.selectedStartTime,language:this.selectedLanguage,name:"start-time",key:"start-time",exportparts:"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times"}),n("span",{key:"72f7f70ecef78afc7a5a426da2548cc4af12d139"},"–"),n("nylas-time-window-picker",{id:"end-time",hasError:this.timeRangeError,time:this.selectedEndTime,language:this.selectedLanguage,name:"end-time",key:"end-time",minimumStartTime:this.selectedStartTime,exportparts:"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times"})),s?.label&&n("select-dropdown",{name:"timezone",exportparts:"sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content",options:t,withChevron:false,defaultSelectedOption:s},n("span",{slot:"select-icon"},n("globe-icon",{width:"20",height:"20"})))),n("div",{key:"69743f032d1c090e65bd6b65cca97154972a7e98",class:"recurrence-options",part:"netimeslot__recurrence-options"},e&&e?.label&&n("div",{class:"recurrence-type",part:"netimeslot__recurrence-type"},n("label",{htmlFor:"recurrence-type"},l.t("nylasEventTimeslot.recurrenceLabel")),n("select-dropdown",{withSearch:false,id:"recurrence-type",name:"recurrence-type",options:this.recurrenceOptions,defaultSelectedOption:e,exportparts:"sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content"})),this.selectedRecurrenceType!=="custom"&&this.selectedRecurrenceType!=="none"&&n("div",{class:"recurrence-end",part:"netimeslot__recurrence-end"},n("label",null,l.t("nylasEventTimeslot.endDate")),n("nylas-date-component",{name:"recurrence-end-date",defaultValue:this.repeatEndOn||d,id:"recurrence-end-date",required:true})),this.selectedRecurrenceType==="custom"&&n("div",{class:"custom-recurrence-time-period",part:"netimeslot__custom-recurrence"},n("label",{htmlFor:""},l.t("nylasEventTimeslot.customRecurrence.repeatEvery")),n("time-period-selector",{id:"custom-recurrence-time-period",exportparts:"tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content",timePeriods:[{value:"day",label:l.t("timePeriod",{context:"day"})},{value:"week",label:l.t("timePeriod",{context:"week"})},{value:"month",label:l.t("timePeriod",{context:"month"})},{value:"year",label:l.t("timePeriod",{context:"year"})}],defaultSelectedNumber:this.repeatEveryInterval,defaultSelectedPeriod:this.repeatEveryFrequency})),n("div",{key:"40ea7614b0c862be4adfdf798db12b52277ff6a6",class:"repeat-on"},this.selectedRecurrenceType==="custom"&&this.repeatEveryFrequency==="week"&&n("div",{class:"days"},n("label",null,l.t("nylasEventTimeslot.customRecurrence.repeatOn")),n("div",{class:"buttons"},[{label:"S",value:"SU",title:"Sunday"},{label:"M",value:"MO",title:"Monday"},{label:"T",value:"TU",title:"Tuesday"},{label:"W",value:"WE",title:"Wednesday"},{label:"T",value:"TH",title:"Thursday"},{label:"F",value:"FR",title:"Friday"},{label:"S",value:"SA",title:"Saturday"}].map((e=>n("button",{class:{selected:this.repeatOnDays.includes(e.value)},title:e.title,onClick:()=>{this.repeatOnDays=this.repeatOnDays.includes(e.value)?this.repeatOnDays.filter((t=>t!==e.value)):[...this.repeatOnDays,e.value];this.handleValueChanged()}},e.label))))),this.selectedRecurrenceType==="custom"&&this.repeatEveryFrequency==="month"&&n("div",{class:"month-recurrence"},n("span",null),n("select-dropdown",{withSearch:false,id:"month-recurrence-type",name:"month-recurrence-type",options:this.monthRecurrenceOptions,defaultSelectedOption:this.repeatMonthlySameDate?this.monthRecurrenceOptions[0]:this.monthRecurrenceOptions[1],exportparts:"sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content"})),n("div",{key:"5a873ef2a8f3c02856f18fbd99c7092a6c91bd9b",class:"custom-recurrence"},this.selectedRecurrenceType==="custom"&&n("div",{class:"custom-recurrence-ends"},n("label",{htmlFor:"recurrence-type"},l.t("nylasEventTimeslot.customRecurrence.ends")),n("select-dropdown",{withSearch:false,id:"custom-recurrence-end-type",name:"custom-recurrence-end-type",options:r,defaultSelectedOption:r.find((e=>e.value===this.repeatEndType)),exportparts:"sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content"})),this.selectedRecurrenceType==="custom"&&this.repeatEndType==="on"&&n("div",null,n("nylas-date-component",{name:"custom-recurrence-end-date",defaultValue:this.repeatEndOn||d,id:"custom-recurrence-end-date",required:true})),this.selectedRecurrenceType==="custom"&&this.repeatEndType==="after"&&n("div",{class:"custom-recurrence-end-after"},n("input-component",{name:"recurrence-end-after",id:"recurrence-end-after",type:"number",minValue:1,defaultValue:o.toString(),exportparts:"ic_input: netimeslot__input-textfield"}),n("span",null,l.t("nylasEventTimeslot.customRecurrence.occurrences")))))))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};h([r({name:"nylas-event-timeslot",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,t)=>{o("nylas-event-timeslot","valueChanged",e.detail)}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],w.prototype,"render",null);w.style=y;export{w as nylas_event_timeslot};
 //# sourceMappingURL=nylas-event-timeslot.entry.js.map