@nylas/web-elements 1.1.0-canary.15 → 1.1.0-canary.16

package/dist/cjs/add-circle-icon_2.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7af03e3f.js');
 
-const iconCss = ".sc-add-circle-icon-h{display:flex}";
-const AddCircleIconStyle0 = iconCss;
+const iconCss$1 = ".sc-add-circle-icon-h{display:flex}";
+const AddCircleIconStyle0 = iconCss$1;
 
 const AddCircleIcon = class {
     constructor(hostRef) {
@@ -19,29 +19,22 @@ const AddCircleIcon = class {
 };
 AddCircleIcon.style = AddCircleIconStyle0;
 
-const buttonComponentCss = "button.sc-button-component{height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-invisible.sc-button-component{background:transparent;color:var(--nylas-base-800);border:none}button.button-invisible.sc-button-component:hover{background:var(--nylas-base-50);color:var(--nylas-primary)}button.button-invisible.sc-button-component:active{background:var(--nylas-base-50);color:var(--nylas-base-850)}button.button-invisible.sc-button-component:disabled{background:transparent;color:var(--nylas-base-300);cursor:not-allowed}";
-const ButtonComponentStyle0 = buttonComponentCss;
+const iconCss = ".sc-close-icon-h{display:flex}";
+const CloseIconStyle0 = iconCss;
 
-const ButtonComponent = class {
+const CloseIcon = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.variant = 'primary';
-        this.disabled = false;
-        this.type = 'button';
-        this.clickHandler = undefined;
-        this.mouseOverHandler = undefined;
-        this.mouseOutHandler = undefined;
-        this.focusHandler = undefined;
-        this.blurHandler = undefined;
+        this.width = '16';
+        this.height = '16';
     }
     render() {
-        const className = `button-${this.variant}` + (this.disabled ? ' disabled' : '');
-        return (index.h("button", { key: 'e384a27359c08f60670fd25909d2510b9d7e5bb6', class: className, disabled: this.disabled, type: "type", onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, index.h("slot", { key: '0913c3c782a922a16abcdb4c4964e008bb71f193' })));
+        return (index.h("svg", { key: 'c557fc120fad53fe3ebbf21a66d2dbfeac21b13b', width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '6d1649852d342654e1307ff351864be23164dc35', "clip-path": "url(#a)" }, index.h("path", { key: '0346ad3f320f41ee7289191535d39b5f1dff6f77', d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), index.h("defs", { key: '396275af82c104cd4e287eaf04acbe14fb3462f0' }, index.h("clipPath", { key: '956536ff31c1f1079bead101521560df62cfe0f7', id: "a" }, index.h("path", { key: 'a7eea7e4686f954d671e955100c7e917cf436245', fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" })))));
     }
 };
-ButtonComponent.style = ButtonComponentStyle0;
+CloseIcon.style = CloseIconStyle0;
 
 exports.add_circle_icon = AddCircleIcon;
-exports.button_component = ButtonComponent;
+exports.close_icon = CloseIcon;
 
 //# sourceMappingURL=add-circle-icon_2.cjs.entry.js.map

package/dist/cjs/add-circle-icon_2.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"add-circle-icon.button-component.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,OAAO,GAAG,qCAAqC,CAAC;AACtD,4BAAe,OAAO;;MCMT,aAAa;;;qBACA,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IACzFA,mEACE,CAAC,EAAC,uQAAuQ,EACzQ,IAAI,EAAC,cAAc,GACnB,CACE,EACN;KACH;;;;ACpBH,MAAM,kBAAkB,GAAG,qwEAAqwE,CAAC;AACjyE,8BAAe,kBAAkB;;MCOpB,eAAe;;;uBAEI,SAAS;wBAGX,KAAK;oBAEV,QAAQ;;;;;;;IAO/B,MAAM;QACJ,MAAM,SAAS,GAAG,UAAU,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,CAAC;QAEhF,QACEA,qEACE,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,UAAU,EAAE,IAAI,CAAC,eAAe,EAChC,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,MAAM,EAAE,IAAI,CAAC,WAAW,IAExBA,oEAAa,CACN,EACT;KACH;;;;;;;","names":["h"],"sources":["src/common/icons/icon.css?tag=add-circle-icon&encapsulation=scoped","src/common/icons/add-circle.tsx","src/components/design-system/button-component/button-component.scss?tag=button-component&encapsulation=scoped","src/components/design-system/button-component/button-component.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'add-circle-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class AddCircleIcon {\n  @Prop() width: string = '24';\n  @Prop() height: string = '25';\n\n  render() {\n    return (\n      <svg width={this.width} height={this.height} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n","@import '../../../common/mixins/buttons.scss';\n@import '../../../common/styles/variables.scss';\n\nbutton {\n  height: 48px;\n  border: none;\n  border-radius: var(--nylas-border-radius-2x);\n  font-size: 1rem;\n  line-height: 24px;\n  padding: 0 1rem;\n  cursor: pointer;\n  font-family: var(--nylas-font-family);\n  font-weight: 600;\n  @media #{$mobile} {\n    width: 100%;\n  }\n  &.button-primary {\n    @include primary-button;\n  }\n  &.button-basic {\n    border: 1px solid var(--nylas-base-300);\n    color: var(--nylas-base-700);\n    background: transparent;\n    &:hover {\n      background: transparent;\n      border-color: var(--nylas-primary);\n    }\n    &:active {\n      background: transparent;\n      border-color: var(--nylas-base-600);\n      border-width: 2px;\n    }\n    &:disabled {\n      background: transparent;\n      border-color: var(--nylas-base-300);\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n  &.button-destructive {\n    border: 1px solid var(--nylas-base-300);\n    color: var(--nylas-error);\n    background: transparent;\n    &:hover {\n      background: transparent;\n      border-color: var(--nylas-error);\n    }\n    &:active {\n      background: transparent;\n      border-color: var(--nylas-error-pressed);\n      border-width: 2px;\n      color: var(--nylas-error-pressed);\n    }\n    &:disabled {\n      background: transparent;\n      border-color: var(--nylas-base-300);\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n  &.button-invisible {\n    background: transparent;\n    color: var(--nylas-base-800);\n    border: none;\n    &:hover {\n      background: var(--nylas-base-50);\n      color: var(--nylas-primary);\n    }\n    &:active {\n      background: var(--nylas-base-50);\n      color: var(--nylas-base-850);\n    }\n    &:disabled {\n      background: transparent;\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\ntype ButtonType = 'primary' | 'basic' | 'destructive' | 'invisible';\n\n@Component({\n  tag: 'button-component',\n  styleUrl: 'button-component.scss',\n  scoped: true,\n})\nexport class ButtonComponent {\n  // Define a prop to accept the button type\n  @Prop() variant: ButtonType = 'primary';\n\n  // Define a prop for disabled state\n  @Prop() disabled: boolean = false;\n\n  @Prop() type: string = 'button';\n  @Prop() clickHandler?: (event: MouseEvent) => void;\n  @Prop() mouseOverHandler?: (event: MouseEvent) => void;\n  @Prop() mouseOutHandler?: (event: MouseEvent) => void;\n  @Prop() focusHandler?: (event: FocusEvent) => void;\n  @Prop() blurHandler?: (event: FocusEvent) => void;\n\n  render() {\n    const className = `button-${this.variant}` + (this.disabled ? ' disabled' : '');\n\n    return (\n      <button\n        class={className}\n        disabled={this.disabled}\n        type=\"type\"\n        onClick={this.clickHandler}\n        onMouseOver={this.mouseOverHandler}\n        onMouseOut={this.mouseOutHandler}\n        onFocus={this.focusHandler}\n        onBlur={this.blurHandler}\n      >\n        <slot></slot>\n      </button>\n    );\n  }\n}\n"],"version":3}
+{"file":"add-circle-icon.close-icon.entry.cjs.js","mappings":";;;;;;AAAA,MAAMA,SAAO,GAAG,qCAAqC,CAAC;AACtD,4BAAeA,SAAO;;MCMT,aAAa;;;qBACA,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACEC,kEAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IACzFA,mEACE,CAAC,EAAC,uQAAuQ,EACzQ,IAAI,EAAC,cAAc,GACnB,CACE,EACN;KACH;;;;ACpBH,MAAM,OAAO,GAAG,gCAAgC,CAAC;AACjD,wBAAe,OAAO;;MCMT,SAAS;;;qBACI,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IACxEA,6EAAa,SAAS,IACpBA,mEACE,CAAC,EAAC,mMAAmM,EACrM,IAAI,EAAC,cAAc,GACnB,CACA,EACJA,qEACEA,uEAAU,EAAE,EAAC,GAAG,IACdA,mEAAM,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,sBAAsB,EAAC,CAAC,EAAC,eAAe,GAAG,CAC9D,CACN,CACH,EACN;KACH;;;;;;;","names":["iconCss","h"],"sources":["src/common/icons/icon.css?tag=add-circle-icon&encapsulation=scoped","src/common/icons/add-circle.tsx","src/common/icons/icon.css?tag=close-icon&encapsulation=scoped","src/common/icons/close.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'add-circle-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class AddCircleIcon {\n  @Prop() width: string = '24';\n  @Prop() height: string = '25';\n\n  render() {\n    return (\n      <svg width={this.width} height={this.height} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n",":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'close-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class CloseIcon {\n  @Prop() width: string = '16';\n  @Prop() height: string = '16';\n\n  render() {\n    return (\n      <svg width=\"21\" height=\"21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clip-path=\"url(#a)\">\n          <path\n            d=\"M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z\"\n            fill=\"currentColor\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"a\">\n            <path fill=\"#fff\" transform=\"translate(.148 .054)\" d=\"M0 0h20v20H0z\" />\n          </clipPath>\n        </defs>\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/{calendar-info-icon_25.cjs.entry.js → calendar-info-icon_27.cjs.entry.js}

@@ -11,8 +11,8 @@ const _commonjsHelpers = require('./_commonjsHelpers-0a7b82d9.js');
 require('./buffer-es6-370c0d93.js');
 require('./index-b41d035f.js');
 
-const iconCss$4 = ".sc-calendar-info-icon-h{display:flex}";
-const CalendarInfoIconStyle0 = iconCss$4;
+const iconCss$5 = ".sc-calendar-info-icon-h{display:flex}";
+const CalendarInfoIconStyle0 = iconCss$5;
 
 const CalendarInfoIcon = class {
     constructor(hostRef) {
@@ -26,8 +26,8 @@ const CalendarInfoIcon = class {
 };
 CalendarInfoIcon.style = CalendarInfoIconStyle0;
 
-const iconCss$3 = ".sc-calendar-patterns-icon-h{display:flex}";
-const CalendarPatternsIconStyle0 = iconCss$3;
+const iconCss$4 = ".sc-calendar-patterns-icon-h{display:flex}";
+const CalendarPatternsIconStyle0 = iconCss$4;
 
 const CalendarPatternsIcon = class {
     constructor(hostRef) {
@@ -70,8 +70,8 @@ const CheckboxComponent = class {
 };
 CheckboxComponent.style = CheckboxComponentStyle0;
 
-const iconCss$2 = ".sc-flow-icon-h{display:flex}";
-const FlowIconStyle0 = iconCss$2;
+const iconCss$3 = ".sc-flow-icon-h{display:flex}";
+const FlowIconStyle0 = iconCss$3;
 
 const FlowIcon = class {
     constructor(hostRef) {
@@ -85,8 +85,8 @@ const FlowIcon = class {
 };
 FlowIcon.style = FlowIconStyle0;
 
-const iconCss$1 = ".sc-location-icon-h{display:flex}";
-const LocationIconStyle0 = iconCss$1;
+const iconCss$2 = ".sc-location-icon-h{display:flex}";
+const LocationIconStyle0 = iconCss$2;
 
 const LocationIcon = class {
     constructor(hostRef) {
@@ -100,8 +100,8 @@ const LocationIcon = class {
 };
 LocationIcon.style = LocationIconStyle0;
 
-const iconCss = ".sc-location-off-icon-h{display:flex}";
-const LocationOffIconStyle0 = iconCss;
+const iconCss$1 = ".sc-location-off-icon-h{display:flex}";
+const LocationOffIconStyle0 = iconCss$1;
 
 const LocationOffIcon = class {
     constructor(hostRef) {
@@ -246,6 +246,123 @@ const MultiSelectDropdown = class {
 };
 MultiSelectDropdown.style = MultiSelectDropdownStyle0;
 
+const nylasAdditionalParticipantsCss = ":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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif}.nylas-additional-participants__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;border-left:1px solid var(--nylas-base-300);background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{background:var(--nylas-base-50)}.nylas-additional-participants__input{flex:1;display:flex;justify-content:space-between}.nylas-additional-participants__input.organizer{padding:12px 16px}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input input-dropdown{width:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown){width:100%;height:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown-input){height:100%;border-radius:var(--nylas-border-radius-2x);border:none;border-top-right-radius:initial;border-bottom-right-radius:initial;padding-left:16px}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}";
+const NylasAdditionalParticipantsStyle0 = nylasAdditionalParticipantsCss;
+
+var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$g = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+const NylasAdditionalParticipants = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        this.name = 'participants';
+        this.eventParticipants = undefined;
+        this.participantOptions = undefined;
+        this.participants = this.eventParticipants ?? [];
+        this.participantsValid = true;
+    }
+    elementNameChangedHandler(newValue) {
+        utils.debug('nylas-additional-participants', 'elementNameChangedHandler', newValue);
+        this.host.setAttribute('name', newValue);
+    }
+    connectedCallback() {
+        utils.debug('nylas-additional-participants', 'connectedCallback');
+    }
+    componentWillLoad() {
+        utils.debug('nylas-additional-participants', 'componentWillLoad');
+        this.host.setAttribute('name', this.name);
+    }
+    componentDidLoad() {
+        utils.debug('nylas-additional-participants', 'componentDidLoad');
+        this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), 'participants');
+    }
+    disconnectedCallback() {
+        utils.debug('nylas-additional-participants', 'disconnectedCallback');
+    }
+    onInputOptionChanged(event) {
+        utils.debug('nylas-additional-participants', 'onInputOptionChanged');
+        const index = event.detail.name;
+        this.participants[index].email = event.detail.value;
+        const participant = this.participantOptions?.find(participant => participant.email === event.detail.value);
+        this.participants[index].name = participant?.name || event.detail.value;
+        this.participants = [...this.participants];
+        this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), 'participants');
+    }
+    onParticipantChange(event, index) {
+        utils.debug('nylas-additional-participants', 'onParticipantChange');
+        this.participants[index].email = event.target.value;
+        this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), 'participants');
+    }
+    addParticipant() {
+        utils.debug('nylas-additional-participants', 'addParticipant');
+        this.participants = [...this.participants, { name: '', email: '', is_organizer: false, availability: { calendar_ids: ['primary'] } }];
+        this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), 'participants');
+    }
+    removeParticipant(index) {
+        utils.debug('nylas-additional-participants', 'removeParticipant');
+        this.participants = this.participants.filter((_, i) => i !== index);
+        this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), 'participants');
+    }
+    validate(email, index) {
+        utils.debug('nylas-additional-participants', 'validate');
+        const regex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        const valid = regex.test(String(email).toLowerCase());
+        this.participants[index].is_valid = valid;
+        this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), 'participants');
+    }
+    participantsWithouOrganizer() {
+        return this.participants.filter(participant => !participant.is_organizer);
+    }
+    getArrayDifference(array1, array2) {
+        const filtered = array1.filter(participant1 => !array2.some(participant2 => participant1.email === participant2.email));
+        return filtered.map(participant => {
+            return { value: participant.email, label: participant.email };
+        });
+    }
+    render() {
+        return (index.h(index.Host, { key: '5f2ab58dd16c4052b17111fa260d676c908bcf58' }, index.h("nylas-form-card", { key: 'a636c3ef694cc333b15830c35eb13fb51ff69ca0' }, index.h("h3", { key: '13425f0338b7b88746844c79104f008323bdcbf1', slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Additional participants"), index.h("p", { key: '7ebe90bb5ef933b7632c8b30aa9b1ccf8f08c6a6', slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add anyone else who would be joining for this event."), index.h("div", { key: '3662713253e568cbf70b4d73e4eb883bb6c329a2', slot: "content", class: "nylas-additional-participants__content" }, index.h("div", { key: '577176dfd841875992a420e243be2905968452d5' }, this.participants.map((participant, index$1) => {
+            return (index.h("div", { class: 'nylas-additional-participants__input_group', part: "nap__input_group" }, index.h("label", null, participant.is_organizer ? 'Organizer' : `Participant ${index$1}`), index.h("div", { part: "nap__input_wrapper", class: `nylas-additional-participants__input_wrapper ${participant.is_organizer && 'nylas-additional-participants__input_wrapper_organizer'} ${participant.is_valid === false && 'nylas-additional-participants__input_wrapper_invalid'}` }, index.h("div", { class: { 'nylas-additional-participants__input': true, 'organizer': participant.is_organizer }, part: "nap__input" }, participant.is_organizer ? (index.h("input", { type: "text", value: participant.email, onInput: e => {
+                    this.onParticipantChange(e, index$1);
+                }, readOnly: participant.is_organizer, onBlur: () => this.validate(participant.email, index$1) })) : (index.h("input-dropdown", { name: `${index$1}`, inputValue: participant.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) })), !participant.is_organizer && (index.h("button", { onClick: () => this.removeParticipant(index$1), part: "nap__remove-participant" }, index.h("close-icon", null)))))));
+        })), index.h("button", { key: '74f99ea0eb6a5a5873a7b5dbed5caa4bf557fa4e', class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, index.h("add-circle-icon", { key: '9d139a5ba18bdec17acaa1dc9d9d773d0a7b1a5d' }), " ", index.h("span", { key: '89778f530c53d8ffa55c7e3bb67bdd5b19c4f881' }, "Add ", this.participants.length > 1 ? 'another' : 'a', " participant"))))));
+    }
+    static get formAssociated() { return true; }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "name": ["elementNameChangedHandler"]
+    }; }
+};
+__decorate$g([
+    registerComponent.RegisterComponent({
+        name: 'nylas-additional-participants',
+        stateToProps: new Map([['schedulerConfig.additionalParticipants', 'participantOptions']]),
+        eventToProps: {},
+        fireRegisterEvent: true,
+    }),
+    __metadata$g("design:type", Function),
+    __metadata$g("design:paramtypes", []),
+    __metadata$g("design:returntype", void 0)
+], NylasAdditionalParticipants.prototype, "render", null);
+NylasAdditionalParticipants.style = NylasAdditionalParticipantsStyle0;
+
 const nylasAvailabilityPickerCss = ":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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif;width:inherit}.nylas-availability-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-availability-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-availability-picker .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family)}@media screen and (max-width: 504px){.nylas-availability-picker .content{font-size:15px}}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem;gap:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:16px;font-weight:500;line-height:20px}@media screen and (max-width: 504px){.nylas-availability-picker .content .select-timezone h4{font-size:15px}}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability{gap:0.5rem;padding:0}}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:78px 1fr auto}}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day{display:inline-grid;gap:8px;grid-template-columns:60px 1fr auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .day{gap:0.25rem}}.nylas-availability-picker .content .availability .availability-day .day input[type=checkbox]{transform:scale(1.3)}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center;justify-content:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{justify-content:unset;gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges p.error{color:var(--nylas-error)}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){justify-content:initial}";
 const NylasAvailabilityPickerStyle0 = nylasAvailabilityPickerCss;
 
@@ -1049,7 +1166,7 @@ const NylasCancellationPolicy = class {
         this.valueChanged.emit({ value: value, name: this.name });
     }
     render() {
-        return (index.h(index.Host, { key: '9ad194925cfb18c323d3f75aec51c4ac5ad67230' }, index.h("div", { key: 'a4ae061a504a0cd6a91dd6dd23adcf7c3b8f43d5', class: "nylas-cancellation-policy", part: "ncpolicy" }, index.h("label", { key: 'ea742ee8fba2e50a5694c210172e8783fa3d5e7b', htmlFor: this.name }, "Cancellation policy message", index.h("span", { key: '5c7143f8da100b650aa386c9fb895c3fd9ed2e04', class: "label-icon" }, index.h("tooltip-component", { key: 'f46c7b94a1a58bd7162e5cfffc14a88b04a18a4c' }, index.h("info-icon", { key: '9d85ce578da1db7b080f3152b8fdb43834968829', slot: "tooltip-icon" }), index.h("span", { key: '0e4d0c4f98d1529179622c22fa6bf9d56d085ffb', slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), index.h("textarea", { key: '570404ef8450c4ef2bb28fad4d1c6359b735abae', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
+        return (index.h(index.Host, { key: '34cd25b32015d276305a1655cec0e7d943189a4d' }, index.h("div", { key: '811fd581db9ce4c0aa80dceca9e66d00d1cafb7d', class: "nylas-cancellation-policy", part: "ncpolicy" }, index.h("label", { key: 'c6693d8f18794177754e708ef725c237f92455d7', htmlFor: this.name }, "Cancellation policy message", index.h("span", { key: '5c0d9238690e368b63c099625277b85734be5b5c', class: "label-icon" }, index.h("tooltip-component", { key: '031d9a347cdd9a349747e87ffe68ea0ba611f96f' }, index.h("info-icon", { key: 'f4e086eb34bfb3eb4fb1997b1047ba22e865f1bc', slot: "tooltip-icon" }), index.h("span", { key: 'b8dfa32c6c5505561049b0ad2b177c0a912142bf', slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), index.h("textarea", { key: '2d92b92f7a30f58d0307915293000e4de337808d', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -1100,7 +1217,7 @@ const NylasCustomizeBookingSettings = class {
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
         this.selectedConfiguration = undefined;
-        this.defaultAdditionalGuestsHidden = this.selectedConfiguration?.scheduler?.additional_guests_hidden ?? false;
+        this.defaultAdditionalGuestsHidden = this.selectedConfiguration?.scheduler?.hide_additional_guests ?? false;
         this.defaultHideCancellationOptions = this.selectedConfiguration?.scheduler?.hide_cancellation_options ?? false;
         this.defaultHideReschedulingOptions = this.selectedConfiguration?.scheduler?.hide_rescheduling_options ?? false;
         this.name = 'customize-booking-settings';
@@ -1114,7 +1231,7 @@ const NylasCustomizeBookingSettings = class {
     }
     selectedConfigurationChangedHandler(newValue) {
         utils.debug('nylas-customize-booking-settings', 'selectedConfigurationChangedHandler', newValue);
-        this.allowGuestsToInvite = !newValue?.scheduler?.additional_guests_hidden;
+        this.allowGuestsToInvite = !newValue?.scheduler?.hide_additional_guests;
         this.hideCancellationOptions = newValue?.scheduler?.hide_cancellation_options ?? false;
         this.hideReschedulingOptions = newValue?.scheduler?.hide_rescheduling_options ?? false;
     }
@@ -1146,7 +1263,7 @@ const NylasCustomizeBookingSettings = class {
     checkboxToggledHandler(event) {
         const { name, checked } = event.detail;
         switch (name) {
-            case 'additional_guests_hidden':
+            case 'hide_additional_guests':
                 this.allowGuestsToInvite = checked;
                 break;
             case 'hide_cancellation_options':
@@ -1171,7 +1288,7 @@ const NylasCustomizeBookingSettings = class {
         }), this.name);
     }
     render() {
-        return (index.h(index.Host, { key: '992ccff7eab4869bf8b845713417b95e3389fd4e' }, index.h("div", { key: 'b6ef35657d2bbad229988c0b49583230db54161f', class: "nylas-customize-booking-settings", part: "ncbs" }, index.h("div", { key: 'ff4e03f5c0e9f7d0dae8e231aecc051e6c4c0e19', class: "header", part: "ncbs__header" }, index.h("h3", { key: 'd2bec3aa510726cbf74972eb88adf5f138ba0b1e' }, "Additional settings"), index.h("p", { key: 'd77ad0ca1cad6ee54fc7324732d54a8b4a3b8169' }, "Booking settings for the event.")), index.h("div", { key: '24e2811534d1ecf7fa8581e9fc55c34ceb3ef6d2', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, index.h("div", { key: '61a22cc50cdc6e625d25c5970cf853e5dd8187ab', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, index.h("checkbox-component", { key: '79b6079f75f2fd1b1c850a29ab5b0c15a8ed7d18', name: "additional_guests_hidden", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, index.h("span", { key: '11955e5ef0d789692ccb6c4657eaa4c45da26706', slot: "label", class: "label" }, index.h("p", { key: '9b968109bbabf45eab71c2c44534983138f04f23', class: "label-contents" }, "Allow guests to invite additional guests to the booking."), index.h("tooltip-component", { key: 'a07a91c34ae38dda51d598fb4468df21adb3f7be', id: "guests" }, index.h("info-icon", { key: '007977190eff2a79fe50de5f46b8fd51ce331cbe', slot: "tooltip-icon" }), index.h("span", { key: '10f385796d8872f4a2568192ec707268defe89e9', slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), index.h("div", { key: 'a134a6ac8b3908c6fa9c512ee110bcd577aac029', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, index.h("checkbox-component", { key: '5ad8ad1c3fb1c937335dd8e0d82a0dd3d5a635dd', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, index.h("span", { key: '40c94ef2bf663ac961eb7aec4bc39691ac6b0818', slot: "label", class: "label" }, index.h("p", { key: 'd3417ba815f5ab78e503ae6cf9fc7bffcc12d111', class: "label-contents" }, "Hide the\u00A0", index.h("strong", { key: '7b1c6e8327f76fa552ff9f285bb7d7e88d601a0b' }, "Reschedule"), "\u00A0button on the Scheduling Page and in the email notifications."), index.h("tooltip-component", { key: '4c9acdacae74c069b6d9c4f2bab65f2f2a8bd3f7', id: "reschedule" }, index.h("info-icon", { key: '2a16cac01e270b0383377692de9ae13717a2d3d0', slot: "tooltip-icon" }), index.h("span", { key: '17b130ce1be45cce38f72450bc4e6f63aa0bad41', slot: "tooltip-content" }, "Hide the 'Reschedule' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to reschedule the booking."))))), index.h("div", { key: '1ab5fe25b44eae2f53b2018b6f68f14f1845cf77', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, index.h("checkbox-component", { key: '48502f280cdc6bd9dd4ddfd3b56ee91209b7dec5', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, index.h("span", { key: '4a71756f70076e96ed5eb109f54b679f2267bf69', slot: "label", class: "label" }, index.h("p", { key: '838fdd1635b8f0ce3f3918adbdd70f516d0fa6bc', class: "label-contents" }, "Hide the\u00A0", index.h("strong", { key: '85529b0715b538ac7f783d599269bb47bcc5634c' }, "Cancel"), "\u00A0button on the Scheduling Page and in the email notifications."), index.h("tooltip-component", { key: '748342d43b711d3e3dc28424fe404195c1857c38', id: "cancel" }, index.h("info-icon", { key: '96e121ef01d79273cd6d170271caadc0aab5e821', slot: "tooltip-icon" }), index.h("span", { key: '13c99611d0f63cda85aafaf09f29ae283bf52fd5', slot: "tooltip-content" }, "Hide the 'Cancel' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to cancel the booking.")))))))));
+        return (index.h(index.Host, { key: '289e0e8ff03e0f033bdedc44a66002d971a01a4a' }, index.h("div", { key: '198e4e31a02a362c393b0b9395c7ab884dd04928', class: "nylas-customize-booking-settings", part: "ncbs" }, index.h("div", { key: '4ac0939989b64eec0f4cbe6eebe4132be85112d0', class: "header", part: "ncbs__header" }, index.h("h3", { key: 'a64955a52821d22f1afab025bf18b0505d0aebcd' }, "Additional settings"), index.h("p", { key: '413d26d3102c624acd77f1b2d6aaa01e9abf8240' }, "Booking settings for the event.")), index.h("div", { key: 'e6ddf5653c6188773f59dbd6ca683cf2e5bd2c1d', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, index.h("div", { key: '47ec40306877e710bc53494e0cb23bd17ec1c803', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, index.h("checkbox-component", { key: '9e5a9452ff0ffe8b590702b91d8dba82512db6cf', name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, index.h("span", { key: 'f32cc44ad67e2f135a7581fc72772c156a4f2df6', slot: "label", class: "label" }, index.h("p", { key: '314d47c72d9a76cca9e94e11bf785b61c6786a48', class: "label-contents" }, "Allow guests to invite additional guests to the booking."), index.h("tooltip-component", { key: 'd286d724e35b7a8c82c65f42923646c09462fadf', id: "guests" }, index.h("info-icon", { key: '1feafcf384686c0613c0fe764c09db5b7c1ddae8', slot: "tooltip-icon" }), index.h("span", { key: '0f17b5425ed3663184150933a86e406a197b18fa', slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), index.h("div", { key: '340b0fcd9d6f263550c347f2a87229a86c674cae', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, index.h("checkbox-component", { key: '2453ac1996fd178d363a712b4d378591be3ee32a', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, index.h("span", { key: '2420f028dc654f9a8ce01ec9a924f7e0694da05b', slot: "label", class: "label" }, index.h("p", { key: '31bdc2ff59f7cef6ebd1c21329e34e001bfb6235', class: "label-contents" }, "Hide the\u00A0", index.h("strong", { key: '76ecdab15e2fdb90dd1c34f826f0392b145291dc' }, "Reschedule"), "\u00A0button on the Scheduling Page and in the email notifications."), index.h("tooltip-component", { key: '489a219e2854cd6aae0df6ec8064d262e74a4dfd', id: "reschedule" }, index.h("info-icon", { key: '6e727527c025b00ae8907a9381fa45f2b30c325b', slot: "tooltip-icon" }), index.h("span", { key: '732c2be03c7a37d1ba80d99315c462ec65f24406', slot: "tooltip-content" }, "Hide the 'Reschedule' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to reschedule the booking."))))), index.h("div", { key: '4b92782d796cd57802c333e72cce4cb56c2424b5', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, index.h("checkbox-component", { key: 'c27bb8a583f782659c7a8c3fb6320f9bc653f005', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, index.h("span", { key: '9feb0f1f1c9cfc9438317ac1e860265b0365d73c', slot: "label", class: "label" }, index.h("p", { key: 'e5a072e8381efdd81d96cda680bce8408699988e', class: "label-contents" }, "Hide the\u00A0", index.h("strong", { key: '7451a2ffc3815301afe3c8c6ae80ecaf7f16075f' }, "Cancel"), "\u00A0button on the Scheduling Page and in the email notifications."), index.h("tooltip-component", { key: '12ba9c92d34cb63dc3ce23b2ab9b00c54e83afd4', id: "cancel" }, index.h("info-icon", { key: '159518806d8f14c1b9a6b4b36877d3174883bd7d', slot: "tooltip-icon" }), index.h("span", { key: '075096f27117b4318f883efe2b523c394394e230', slot: "tooltip-content" }, "Hide the 'Cancel' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to cancel the booking.")))))))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -1462,7 +1579,7 @@ const NylasEventInfo = class {
         utils.debug('nylas-event-info', 'disconnectedCallback');
     }
     render() {
-        return (index.h(index.Host, { key: '311ce4cda7377b94f12a98ff6a3318697762f6f0' }, index.h("nylas-form-card", { key: '99e5490667e83818242ae24863e5cdd94b39b0fa' }, index.h("h1", { key: 'f8c0f0cc5c330fac2b2f17e46be32ea4f3cc0b4b', slot: "header-title", class: "nylas-event-info__title" }, "Event information"), index.h("h3", { key: '637d443ca5851d7038acf20425c7fc969543951d', slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), index.h("div", { key: 'aa0c51b31eeda0ba4b2c0090ed8367d139ea447b', slot: "content", class: "nylas-event-info__content" }, index.h("slot", { key: '95cf051184160aa802d89fc395bf914df09412e9', name: "inputs" })))));
+        return (index.h(index.Host, { key: '8d738b19e05b2b5621b228a7ddeec85db4ab8ee2' }, index.h("nylas-form-card", { key: 'f8c8431712b9471d4a019722ff7f1a395cb0785a' }, index.h("h1", { key: 'e1ee67f24a74ce77916150b8d1b4a2a554dc1e66', slot: "header-title", class: "nylas-event-info__title" }, "Event information"), index.h("h3", { key: '22e2adc4233412849f1899ae57a0f62d2a2f3843', slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), index.h("div", { key: 'b6bbad7b9337e89fff5be329e90aba3234b5f18d', slot: "content", class: "nylas-event-info__content" }, index.h("slot", { key: 'ccc2d0238bdfaef93a22e8d4efacf50dd463bb23', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -1521,7 +1638,7 @@ const NylasEventLimits = class {
         utils.debug('nylas-event-limits', 'disconnectedCallback');
     }
     render() {
-        return (index.h(index.Host, { key: '6bfa0e29afa1529eb445b68339a658e4d7c8a6be' }, index.h("nylas-form-card", { key: 'eda419f6f0f7bb8dfd2ebdb0a13c0a8c650190eb' }, index.h("h1", { key: 'ea2c9af0d66665f25dcbb9c4c152bf159ceb4169', slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), index.h("h3", { key: 'b600fd0b690bab256fde199b373913d9009be9bf', slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), index.h("div", { key: '72b24085107528833d406802b206eed3719bb358', slot: "content", class: "nylas-event-limits__content" }, index.h("slot", { key: '74a09fd8044065a2f52ef5abaeef0ba80f38f17b', name: "inputs" })))));
+        return (index.h(index.Host, { key: '4bd98acab9e8c89aa5870ccf5855f0a3fc15e6e6' }, index.h("nylas-form-card", { key: '612bb167b2eb99034f981202544838f058fe7e66' }, index.h("h1", { key: 'a0b798be4246b0d091cd41042042d67d9be74654', slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), index.h("h3", { key: 'e96a8b15d61f1113f0b247266de80177204a9594', slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), index.h("div", { key: 'e0b352b1aaeeeae9701452004c8d53272c02c8e9', slot: "content", class: "nylas-event-limits__content" }, index.h("slot", { key: '8ce14c800d4f8dd7301213705a019bc1004d93d4', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -1629,10 +1746,10 @@ const NylasEventLocation = class {
             { value: 'custom', label: 'Custom location' },
         ];
         const icons = {
-            none: index.h("location-off-icon", { key: 'f9a254f862acd3c1b8a24b7efe0069f232bd9f51' }),
-            custom: index.h("location-icon", { key: '641cfced66068f659d7d6db3b88a11314d9cacf6' }),
+            none: index.h("location-off-icon", { key: 'e39a3de4016f364d16d16489e23c5929f1912aa2' }),
+            custom: index.h("location-icon", { key: 'ff871a8ca7974401f2801c45b3096882d6ab159b' }),
         };
-        return (index.h(index.Host, { key: '9e86c85ff957ac4d8192350e61bc66dfb7d8f764' }, index.h("div", { key: 'a51752993c346200236187f906caa0629be50e88', class: "nylas-event-location", part: "nel" }, index.h("label", { key: '53cb18b0acd1a46b4be9a49f88a2786e7832d761', htmlFor: "location" }, "Location type", index.h("span", { key: '2b2debd710387758562de5833b5160f1d3a18481', class: "label-icon" }, index.h("tooltip-component", { key: '237da0e3bbfae495fd865d99e8f1e1ef68ae027e' }, index.h("info-icon", { key: '5f23b94c2bbe0f3ddd3870aeb69cee2f75b0bd28', slot: "tooltip-icon" }), index.h("span", { key: 'b1ed166875a24ce4bcfbc808c26d0042b74f73f3', slot: "tooltip-content" }, "Choose how you\u2019ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), index.h("div", { key: '316411158feced50b61ce97014ffa0ba7c4400e8', class: "location-input" }, index.h("select-dropdown", { key: 'cc6bdbca81e738f43dfb37b7dc66f06ac338dc40', withSearch: false, name: "location", options: locationOptions, defaultSelectedOption: locationOptions.find(i => i.value == this.selectedLocationOption), exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, index.h("span", { key: 'faacafdffda95071ee9304ac0e4c0125dc31c123', slot: "select-icon" }, icons[this.selectedLocationOption])), this.selectedLocationOption === 'custom' && (index.h("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: e => this.handleChange(e) }))))));
+        return (index.h(index.Host, { key: 'cb8d5db9330e0bc55a260e812200e8f5338f54b6' }, index.h("div", { key: '522d05fbf3800885e70f2f427abefb3f9e580fe6', class: "nylas-event-location", part: "nel" }, index.h("label", { key: '7ab6905de1a4df4453c783a4e3c155681695fc7b', htmlFor: "location" }, "Location type", index.h("span", { key: '4d581262624b17301c1cce6104bf3d73101f4a43', class: "label-icon" }, index.h("tooltip-component", { key: '5ff2dbd32e34de47a8727fd8e60442a12943f08c' }, index.h("info-icon", { key: '39dce89e093228b1a96e74ffb62dd22981a6bdcd', slot: "tooltip-icon" }), index.h("span", { key: '69d64a3f59a6c6ba655a1816398dfdb052b90da4', slot: "tooltip-content" }, "Choose how you\u2019ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), index.h("div", { key: 'f4baf4b56c8ed64527d281b9b4c5f4878773c549', class: "location-input" }, index.h("select-dropdown", { key: 'ee38d116156616c711b1d43f6ec835d513ea9bbd', withSearch: false, name: "location", options: locationOptions, defaultSelectedOption: locationOptions.find(i => i.value == this.selectedLocationOption), exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, index.h("span", { key: 'edaaf4764f2b15d18014537512db2492198723ac', slot: "select-icon" }, icons[this.selectedLocationOption])), this.selectedLocationOption === 'custom' && (index.h("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 index.getElement(this); }
@@ -2095,7 +2212,7 @@ const NylasLimitFutureBookings = class {
         this.selectedPeriod = period;
     }
     render() {
-        return (index.h(index.Host, { key: 'e1e24151575c5c687d51fdf177840aa7c05424d9' }, index.h("div", { key: 'ceb19c13b5ad7e132260de266b1883b3f8d53f3d', class: "nylas-limit-future-bookings", part: "nlfb" }, index.h("label", { key: '44c296c74b9a9cd7152d2c704d4dc6ef82cc39c7' }, "Limit future bookings", index.h("span", { key: '11e7622613f38d12ef4f1c564b0ca311ab679cb3', class: "label-icon" }, index.h("tooltip-component", { key: 'd9ab1be2efb6616a937d112017be0e2c8e965ab3' }, index.h("info-icon", { key: '9f207ec82aa2a122ebfd0ba047f650751c49e470', slot: "tooltip-icon" }), index.h("span", { key: '1d91cfa505846f5f9da0457b785d8c645044be55', slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), index.h("time-period-selector", { key: 'cc11ea1514b99b8b4ef1721a15d56fbda1c1693b', id: "limit-future-bookings", timePeriods: ['day', 'week', 'month'], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
+        return (index.h(index.Host, { key: '2c6b73be6a96ed0d4bdce35995608ba6edb0c699' }, index.h("div", { key: '0408bfa175effeba479a4653be178a4169557ad1', class: "nylas-limit-future-bookings", part: "nlfb" }, index.h("label", { key: 'a7fef8092b1c05b3ca9db8164ed9d2517f589f65' }, "Limit future bookings", index.h("span", { key: '328b8e96e4020622b346f273c2dea1b3ad91261b', class: "label-icon" }, index.h("tooltip-component", { key: 'a9446903691a6caf6416fa7b02ccf7ade89baeb0' }, index.h("info-icon", { key: '1fda9c577f7298f195de760892381a7d64e3b72c', slot: "tooltip-icon" }), index.h("span", { key: 'd6efca56eaeaf190d4d09a904a8e1f835dcec659', slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), index.h("time-period-selector", { key: '7348ab27b2aa85e3b41740e517b9b5b17e06f03c', id: "limit-future-bookings", timePeriods: ['day', 'week', 'month'], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -2244,7 +2361,7 @@ const NylasMinBookingNotice = class {
         this.selectedPeriod = period;
     }
     render() {
-        return (index.h(index.Host, { key: '75bc177620fae5662328ba8f53f9f4a4e84733e5' }, index.h("div", { key: 'a76b27e58174ca827e389b361ce4837e6ae11ced', class: "nylas-min-booking-notice", part: "nmbn" }, index.h("label", { key: '1db3f2c7c54b05744b64ad40c951595122d317c5' }, "Minimum booking notice", index.h("span", { key: 'a4c7db6f534b570cbbf5af4c3d60d97843599a4b', class: "label-icon" }, index.h("tooltip-component", { key: 'f7d6ba6b294f85c9d573933b6916cd50ad830d2a' }, index.h("info-icon", { key: '16b11bfaa5affbe15748f6ae6129c1e5a6fcfe32', slot: "tooltip-icon" }), index.h("span", { key: '1fe829a53fa3dcef0a6d5954717889d9e92d0c68', slot: "tooltip-content" }, "The minimum amount of time in the future for planning the event.")))), index.h("time-period-selector", { key: 'e4a545fc471e67447cab675ccd11fa786337fc23', id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
+        return (index.h(index.Host, { key: 'aabf96ed8c0a4f124ab36c48788650cd58c287cb' }, index.h("div", { key: 'd5b39e2a0a0837997e8eed19708d24bc213c03a8', class: "nylas-min-booking-notice", part: "nmbn" }, index.h("label", { key: '326d8374eea2f2bcd8beb22be8bb0f74ed7b63ab' }, "Minimum booking notice", index.h("span", { key: '6722f861efdee44774331f62eca0260fb8e3e241', class: "label-icon" }, index.h("tooltip-component", { key: '54f26a271650e81c9e91c9b7fcef707bb7dea27e' }, index.h("info-icon", { key: '7f941710f9d8442c69cfa0b893fd73a3ba92acfd', slot: "tooltip-icon" }), index.h("span", { key: 'fbe57ec513dae8f7db343960e58a8f74328f39c2', slot: "tooltip-content" }, "The minimum amount of time in the future for planning the event.")))), index.h("time-period-selector", { key: '353894c36a20314eb6d75a93ae5b15b616317b98', id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -2393,7 +2510,7 @@ const NylasMinCancellationNotice = class {
         this.selectedPeriod = period;
     }
     render() {
-        return (index.h(index.Host, { key: '8cccdce4a9960ecf6b860b638da26c50a68104c4' }, index.h("div", { key: '82854ad81861233231fe4a1e8006196155328141', class: "nylas-min-cancellation-notice", part: "nmcn" }, index.h("label", { key: 'db3eddec3a8fb28c0b035d4d4cd61986832dff0b' }, "Minimum cancellation notice", index.h("span", { key: '137472a58beef549599289b04be8fde01e7d81da', class: "label-icon" }, index.h("tooltip-component", { key: '2cfcceb4c7144553ac85d32da46fbd894955a9ee' }, index.h("info-icon", { key: '9e13ddb61e10e10a5fa426fb6a2b56159597ea88', slot: "tooltip-icon" }), index.h("span", { key: '9670035ec49fe0db37564d2d44d30f2197a7ec85', slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), index.h("time-period-selector", { key: '0e7b9f7b99d7e10c2c39c5affdfc014a403146ad', id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
+        return (index.h(index.Host, { key: '3ee0dbd86e7d53dcc7f95807eed480663673acee' }, index.h("div", { key: '83d71bcb1fe714766ab49f13643f2c4571e130da', class: "nylas-min-cancellation-notice", part: "nmcn" }, index.h("label", { key: '643a6e3a8be08f647cc3074c0e1473686f7f0ad5' }, "Minimum cancellation notice", index.h("span", { key: 'f66c36b03e7d51bf2f5dcf5cc5c22143290768e1', class: "label-icon" }, index.h("tooltip-component", { key: '96ec38cd3e126c16cc51b9831ac205645cbe841d' }, index.h("info-icon", { key: 'a44ddbb0876bbc99129b0ba2c3622789613cb724', slot: "tooltip-icon" }), index.h("span", { key: 'b982780e6797311f12343fa63c376f16e925347d', slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), index.h("time-period-selector", { key: 'fec77a977146df83263a257c1f09dd868782125b', id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -2682,7 +2799,7 @@ const TimeInput = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a6c2e840c56397a1365b3205e793df4157c734d0' }, index.h("div", { key: 'd36acf9fb02fa1ae9337d02b161d51880a68422e', class: "time-picker", part: "time-picker" }, index.h("input", { key: 'd574493f83e42ef66a64d14a21abaaf38f7926c3', type: "text", name: this.name, id: this.name, part: "time-input", class: {
+        return (index.h(index.Host, { key: '3dcb132dc120ec0a5d6a87f7570ab80cb2e7ea4d' }, index.h("div", { key: '2c7cedc0ada83478cfbf494aec47a7ea74ef75a2', class: "time-picker", part: "time-picker" }, index.h("input", { key: '2aa4c3f63baf9a757bbc4bc328a4533f072371e8', type: "text", name: this.name, id: this.name, part: "time-input", class: {
                 'time-input': true,
                 'error': !!this.err || this.hasError,
             }, ref: el => (this.timeInput = el), value: this.time, onClick: () => {
@@ -2829,9 +2946,9 @@ const NylasTimeslotInterval = class {
             { value: '45', label: '45 mins' },
             { value: '60', label: '60 mins' },
         ];
-        return (index.h(index.Host, { key: '218908e5caee3df264532000ee406e888a7ae6b5' }, index.h("div", { key: 'c7fbf0c98a0a1999541a2970eafa7ab3bb76181f', class: "nylas-timeslot-interval", part: "nti" }, index.h("div", { key: '2e434be03d0bf571a7dc9a984c8d7fd243faab2f', class: "header", part: "nti__header" }, index.h("h3", { key: '957af7f458ed3dde113b473e46f01c18636a26ff' }, "Time-slot interval preferences"), index.h("p", { key: '5d16f7c33bcba2e3e457f07b85c9a3159f5f28fc' }, "Choose your interval preference for time-slots.")), index.h("div", { key: '9e2a6327ae104b162ad1882ff42e3b39b634c7e4', class: "nylas-timeslot-interval__dropdown" }, index.h("span", { key: '70bec24786bdcfdf07356f91640be14ee5d2c147', class: "label", part: "nti__input-label" }, "Select interval preference", index.h("tooltip-component", { key: 'a7d3a458106b07b1ae79517b2c7de11c9401033c' }, index.h("info-icon", { key: '2fef5cb6c3fe62f7034c3c43e51f2ade04261021', slot: "tooltip-icon" }), index.h("span", { key: 'd321766e49f8487610267a964ffbecb84e352082', slot: "tooltip-content" }, "Set the interval preference for the time-slots."))), index.h("select-dropdown", { key: '77ba683ef75281101d5e677de21a45599d00d061', name: "booking-calendar", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: this.defaultIntervalMinutes == this.eventDurationMinutes
+        return (index.h(index.Host, { key: '9c18133d3cbd15e000d01a96e263a6733dcc8e99' }, index.h("div", { key: '7bd06065aafe18728f36459b77d7fc4806822f10', class: "nylas-timeslot-interval", part: "nti" }, index.h("div", { key: '15746bf796ff8c9e4fd53ddd90f63916050ee04b', class: "header", part: "nti__header" }, index.h("h3", { key: 'aa810ca197364fd7733cbf130b873c3d818faeb1' }, "Time-slot interval preferences"), index.h("p", { key: '82bc4717c917713f17e6bee8623a949e2bfef8e0' }, "Choose your interval preference for time-slots.")), index.h("div", { key: 'ee4fa651eda5c579122dde7ee2982a4d72463d57', class: "nylas-timeslot-interval__dropdown" }, index.h("span", { key: '81ebbbb0387a3bce67475cc8f4dc87ccca6c0bde', class: "label", part: "nti__input-label" }, "Select interval preference", index.h("tooltip-component", { key: '461710561b0433a0b11cfe94ee3992caf5e3219d' }, index.h("info-icon", { key: '76afb5257805385077723d9023f10186dbb7beff', slot: "tooltip-icon" }), index.h("span", { key: 'e1b549b0b9da7c25a98bb65f5f190ad0c491efa5', slot: "tooltip-content" }, "Set the interval preference for the time-slots."))), index.h("select-dropdown", { key: '9aca7454f181f124346314b775c21e1cb9d73268', name: "booking-calendar", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: this.defaultIntervalMinutes == this.eventDurationMinutes
                 ? intervalPreferenceOptions[0]
-                : intervalPreferenceOptions.find(op => op.value == this.defaultIntervalMinutes.toString()) ?? intervalPreferenceOptions[0] }), index.h("span", { key: '9bea159b0fd24c70214c1bc554d447e1a8c6e124', class: "label", part: "nti__input-label" }, "Select the type of time-slot rounding", index.h("tooltip-component", { key: 'c0e5c9f89e0b48149f114214a299f6f85ddfd7fa' }, index.h("info-icon", { key: 'b0c4588afabb822532fecce06d12045ad16c534b', slot: "tooltip-icon" }), index.h("span", { key: '7b0d4571043dc17ff35747cfa6e8b98c5742ac24', slot: "tooltip-content" }, "Select if you want to round the time slots to the nearest interval."))), index.h("radio-button-group", { key: '50eaa3d8675ddcba7d6b4d81324bc70668e9ad2f', name: "interval-preference", defaultSelectedValue: this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes ? 'rounding' : 'no-rounding', options: [
+                : intervalPreferenceOptions.find(op => op.value == this.defaultIntervalMinutes.toString()) ?? intervalPreferenceOptions[0] }), index.h("span", { key: 'c035b67e0d48587909166fc254263e0c3132a802', class: "label", part: "nti__input-label" }, "Select the type of time-slot rounding", index.h("tooltip-component", { key: '7319296977085837167db8032c6e64da5c7a2de2' }, index.h("info-icon", { key: 'f5a4f712492db6dc31dbc951b1dc510db18b3de8', slot: "tooltip-icon" }), index.h("span", { key: '1e2ea5c7453132f26dec5b179bf91d2908b64060', slot: "tooltip-content" }, "Select if you want to round the time slots to the nearest interval."))), index.h("radio-button-group", { key: '871c8f566df35a7bc1db98eda4610d2f4b76ad85', name: "interval-preference", defaultSelectedValue: this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes ? 'rounding' : 'no-rounding', options: [
                 { value: 'no-rounding', label: 'Default', description: 'Time-slots will be rounded to the nearest quarter-hour.' },
                 {
                     value: 'rounding',
@@ -2859,6 +2976,21 @@ __decorate([
 ], NylasTimeslotInterval.prototype, "render", null);
 NylasTimeslotInterval.style = NylasTimeslotIntervalStyle0;
 
+const iconCss = ".sc-people-icon-h{display:flex}";
+const PeopleIconStyle0 = iconCss;
+
+const PeopleIcon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.width = '20';
+        this.height = '20';
+    }
+    render() {
+        return (index.h("svg", { key: 'a1cc22b094657e53faf4eb18f785fe4d45284f03', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, index.h("path", { key: 'ddb1774dd69ccaa5888c94b4325d9879abe9c73b', fill: "currentColor", d: "M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" })));
+    }
+};
+PeopleIcon.style = PeopleIconStyle0;
+
 const radioButtonGroupCss = ".radio-group{display:flex;flex-direction:column}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary);margin-top:16px}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}";
 const RadioButtonGroupStyle0 = radioButtonGroupCss;
 
@@ -2891,6 +3023,7 @@ exports.flow_icon = FlowIcon;
 exports.location_icon = LocationIcon;
 exports.location_off_icon = LocationOffIcon;
 exports.multi_select_dropdown = MultiSelectDropdown;
+exports.nylas_additional_participants = NylasAdditionalParticipants;
 exports.nylas_availability_picker = NylasAvailabilityPicker;
 exports.nylas_booking_calendar_picker = NylasBookingCalendarPicker;
 exports.nylas_buffer_time = NylasBufferTime;
@@ -2908,6 +3041,7 @@ exports.nylas_min_booking_notice = NylasMinBookingNotice;
 exports.nylas_min_cancellation_notice = NylasMinCancellationNotice;
 exports.nylas_time_window_picker = TimeInput;
 exports.nylas_timeslot_interval = NylasTimeslotInterval;
+exports.people_icon = PeopleIcon;
 exports.radio_button_group = RadioButtonGroup;
 
-//# sourceMappingURL=calendar-info-icon_25.cjs.entry.js.map
+//# sourceMappingURL=calendar-info-icon_27.cjs.entry.js.map