@nylas/react 1.1.0-canary.11 → 1.1.0-canary.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/add-circle-icon_22.entry-26980c9f.cjs +1 -0
- package/dist/{add-circle-icon_21.entry-71e60262.js → add-circle-icon_22.entry-a63de90d.js} +527 -387
- package/dist/{archive-icon_7.entry-3c5e3ccf.js → archive-icon_7.entry-561a5deb.js} +13 -13
- package/dist/{archive-icon_7.entry-24f31e46.cjs → archive-icon_7.entry-97628ff8.cjs} +1 -1
- package/dist/{arrow-icon.entry-562eb541.cjs → arrow-icon.entry-68a3ba5b.cjs} +1 -1
- package/dist/arrow-icon.entry-c9b46bbc.js +15 -0
- package/dist/{bold-icon_3.entry-c0e7d524.js → bold-icon_3.entry-e5a6fea9.js} +4 -4
- package/dist/{bold-icon_3.entry-e8b034fe.cjs → bold-icon_3.entry-f8473940.cjs} +1 -1
- package/dist/{calendar-cancel-icon.entry-7d4fdb1b.cjs → calendar-cancel-icon.entry-1fd6b27a.cjs} +1 -1
- package/dist/{calendar-cancel-icon.entry-0b0219cb.js → calendar-cancel-icon.entry-4bc3ceb1.js} +2 -2
- package/dist/{calendar-check-icon_2.entry-88025f63.cjs → calendar-check-icon_2.entry-3f734e43.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-6ecd2faa.js → calendar-check-icon_2.entry-a7033bf7.js} +11 -11
- package/dist/{calendar-icon.entry-b753520f.cjs → calendar-icon.entry-2943ea63.cjs} +1 -1
- package/dist/{calendar-icon.entry-34d8ef69.js → calendar-icon.entry-2f963a7d.js} +4 -4
- package/dist/{chevron-icon_3.entry-0aeb4cfa.cjs → chevron-icon_3.entry-ac1be504.cjs} +1 -1
- package/dist/{chevron-icon_3.entry-ae55fd65.js → chevron-icon_3.entry-d10c854b.js} +5 -5
- package/dist/clock-icon_2.entry-7c576457.cjs +1 -0
- package/dist/clock-icon_2.entry-c8b0693e.js +25 -0
- package/dist/close-icon.entry-5cc5ae00.cjs +1 -0
- package/dist/close-icon.entry-e01b32cc.js +15 -0
- package/dist/{constants-f34b9c6e-b9f975af.cjs → constants-f34b9c6e-0e1cb070.cjs} +1 -1
- package/dist/{constants-f34b9c6e-d0f5cd19.js → constants-f34b9c6e-ada541f4.js} +1 -1
- package/dist/{document-refresh-icon.entry-7d370f85.js → document-refresh-icon.entry-a18e5222.js} +5 -5
- package/dist/document-refresh-icon.entry-b0927573.cjs +1 -0
- package/dist/elements/index.d.ts +4 -1
- package/dist/{elements-dc5b338e-0dbb4f67.cjs → elements-dc5b338e-272b5dff.cjs} +1 -1
- package/dist/{elements-dc5b338e-524cb111.js → elements-dc5b338e-d6cbe948.js} +1 -1
- package/dist/{focus-visible-e8093c16-7e94a4f3.cjs → focus-visible-e8093c16-6991ac1b.cjs} +1 -1
- package/dist/{focus-visible-e8093c16-17ab1557.js → focus-visible-e8093c16-d239362e.js} +1 -1
- package/dist/{forward-icon_6.entry-384cc3c5.js → forward-icon_6.entry-230c7ab2.js} +9 -9
- package/dist/{forward-icon_6.entry-a479b39e.cjs → forward-icon_6.entry-ee238c52.cjs} +3 -3
- package/dist/{globe-icon.entry-0c848856.cjs → globe-icon.entry-539f0052.cjs} +1 -1
- package/dist/{globe-icon.entry-58b9f3fc.js → globe-icon.entry-e8c272c0.js} +2 -2
- package/dist/{google-logo-icon_4.entry-3dce1b83.js → google-logo-icon_4.entry-0c46cddd.js} +99 -94
- package/dist/google-logo-icon_4.entry-a5add4b4.cjs +1 -0
- package/dist/index-53420959-71fdd6ef.js +5 -0
- package/dist/index-53420959-f15601a9.cjs +1 -0
- package/dist/index-553c0327.cjs +42 -0
- package/dist/index-cd0e2d77.js +4977 -0
- package/dist/index-ef01c714-839c3029.cjs +41 -0
- package/dist/index-ef01c714-d85134a4.js +4971 -0
- package/dist/{index.es-be19d2df-f732308a.cjs → index.es-74f70f7d-1d137fdb.cjs} +6 -6
- package/dist/{index.es-be19d2df-c2fdca63.js → index.es-74f70f7d-960f947f.js} +5 -7
- package/dist/{info-icon_2.entry-dd0a0633.cjs → info-icon_2.entry-00ea6504.cjs} +1 -1
- package/dist/{info-icon_2.entry-98965833.js → info-icon_2.entry-42f77d4b.js} +5 -5
- package/dist/{loading-icon.entry-abd81cea.js → loading-icon.entry-0692e093.js} +4 -4
- package/dist/{loading-icon.entry-46821f18.cjs → loading-icon.entry-fb7464c3.cjs} +1 -1
- package/dist/{mailbox-store-76540d24-7bf14e45.cjs → mailbox-store-050a2914-9c975586.cjs} +1 -1
- package/dist/{mailbox-store-76540d24-dfb53045.js → mailbox-store-050a2914-cfb1b1c0.js} +2 -2
- package/dist/{nylas-additional-participants.entry-f6ed34d6.js → nylas-additional-participants.entry-1d7bda06.js} +12 -12
- package/dist/{nylas-additional-participants.entry-d35d7af5.cjs → nylas-additional-participants.entry-d97b8bb4.cjs} +1 -1
- package/dist/{nylas-booked-event-card_10.entry-8efe8335.js → nylas-booked-event-card_10.entry-041a10c7.js} +255 -252
- package/dist/nylas-booked-event-card_10.entry-dfec7c8d.cjs +1 -0
- package/dist/{nylas-custom-booking-flow.entry-12d09496.cjs → nylas-custom-booking-flow.entry-3ec838df.cjs} +1 -1
- package/dist/{nylas-custom-booking-flow.entry-0e7b605d.js → nylas-custom-booking-flow.entry-ced72cc5.js} +3 -3
- package/dist/nylas-form-card.entry-8d594514.cjs +1 -0
- package/dist/nylas-form-card.entry-9b8176ad.js +57 -0
- package/dist/{nylas-if-state.entry-32ea90ea.cjs → nylas-if-state.entry-445ec109.cjs} +1 -1
- package/dist/{nylas-if-state.entry-92cbc0b9.js → nylas-if-state.entry-eb11630d.js} +3 -3
- package/dist/{nylas-list-folders.entry-8595a9b7.cjs → nylas-list-folders.entry-32a1e254.cjs} +1 -1
- package/dist/{nylas-list-folders.entry-cab222c9.js → nylas-list-folders.entry-822436d4.js} +3 -3
- package/dist/{nylas-list-threads.entry-8e9294a3.js → nylas-list-threads.entry-0186e9e7.js} +4 -4
- package/dist/{nylas-list-threads.entry-3fef6316.cjs → nylas-list-threads.entry-181872dd.cjs} +1 -1
- package/dist/{nylas-login.entry-bc885e04.cjs → nylas-login.entry-0261e74e.cjs} +1 -1
- package/dist/{nylas-login.entry-bd1d5b6f.js → nylas-login.entry-7460c1d4.js} +3 -3
- package/dist/{nylas-mailbox-pagination.entry-58657a09.js → nylas-mailbox-pagination.entry-107b3fbc.js} +2 -2
- package/dist/{nylas-mailbox-pagination.entry-74d3b376.cjs → nylas-mailbox-pagination.entry-eaf08163.cjs} +1 -1
- package/dist/{nylas-mailbox-toolbar-button.entry-8b73b9f4.cjs → nylas-mailbox-toolbar-button.entry-23fc08a6.cjs} +1 -1
- package/dist/{nylas-mailbox-toolbar-button.entry-d7817b46.js → nylas-mailbox-toolbar-button.entry-40e8d9ad.js} +8 -8
- package/dist/{nylas-mailbox.entry-0bddc2fd.js → nylas-mailbox.entry-2199a6b4.js} +6 -6
- package/dist/{nylas-mailbox.entry-762f5062.cjs → nylas-mailbox.entry-de8618eb.cjs} +1 -1
- package/dist/{nylas-provider.entry-f8ba7a6e.cjs → nylas-provider.entry-11a95d86.cjs} +1 -1
- package/dist/{nylas-provider.entry-2e24192d.js → nylas-provider.entry-a8f8bad2.js} +9 -9
- package/dist/nylas-scheduler-editor.entry-73794266.cjs +2 -0
- package/dist/nylas-scheduler-editor.entry-c58c813c.js +1405 -0
- package/dist/nylas-scheduling.entry-b449ab24.cjs +1 -0
- package/dist/{nylas-scheduling.entry-3f170361.js → nylas-scheduling.entry-fe9d6b69.js} +99 -74
- package/dist/{nylas-threads-refresh.entry-3b9f57c3.cjs → nylas-threads-refresh.entry-4f17fa6c.cjs} +1 -1
- package/dist/{nylas-threads-refresh.entry-f2967405.js → nylas-threads-refresh.entry-c8438752.js} +4 -4
- package/dist/{nylas-threads-search.entry-3e0b4fdc.cjs → nylas-threads-search.entry-0ed36372.cjs} +1 -1
- package/dist/{nylas-threads-search.entry-e70bbf70.js → nylas-threads-search.entry-b1f88916.js} +4 -4
- package/dist/{nylas-view-thread.entry-4f39f045.js → nylas-view-thread.entry-8dfe1352.js} +3 -3
- package/dist/{nylas-view-thread.entry-b23080b7.cjs → nylas-view-thread.entry-c50bea78.cjs} +1 -1
- package/dist/{people-icon.entry-15cd7d77.cjs → people-icon.entry-0875cac0.cjs} +1 -1
- package/dist/{people-icon.entry-7f3b95e9.js → people-icon.entry-8392a21c.js} +6 -6
- package/dist/{play-icon_2.entry-13065065.js → play-icon_2.entry-4a15f215.js} +8 -8
- package/dist/play-icon_2.entry-d6ff1cc3.cjs +1 -0
- package/dist/react.cjs +1 -1
- package/dist/react.js +87 -84
- package/dist/{refresh-icon.entry-61067a7f.cjs → refresh-icon.entry-1ebb9376.cjs} +1 -1
- package/dist/{refresh-icon.entry-fbfa185e.js → refresh-icon.entry-76b2d888.js} +4 -4
- package/dist/{register-component-83e24412-b666e56b.js → register-component-e4dc8778-408dc241.js} +1 -1
- package/dist/{register-component-83e24412-445c6ad9.cjs → register-component-e4dc8778-99eb91ca.cjs} +1 -1
- package/dist/{scheduler-config-store-ec3b6190-8bde49c6.cjs → scheduler-config-store-ec3b6190-4abd56df.cjs} +1 -1
- package/dist/{scheduler-config-store-ec3b6190-fa81c492.js → scheduler-config-store-ec3b6190-f292fe19.js} +1 -1
- package/dist/scheduler-store-3afbcda0-166e84ff.cjs +1 -0
- package/dist/{scheduler-store-8ca9003d-8da2c12d.js → scheduler-store-3afbcda0-53680387.js} +142 -88
- package/dist/time-period-selector.entry-846b64bd.cjs +1 -0
- package/dist/{time-period-selector.entry-5e083fd3.js → time-period-selector.entry-f6128367.js} +3 -3
- package/dist/{translate-icon.entry-10db7d36.js → translate-icon.entry-84778350.js} +6 -6
- package/dist/{translate-icon.entry-8ce0a713.cjs → translate-icon.entry-f3060124.cjs} +1 -1
- package/dist/warning-icon.entry-246eb6fb.cjs +1 -0
- package/dist/warning-icon.entry-eeaae1a7.js +15 -0
- package/package.json +2 -2
- package/dist/add-circle-icon_21.entry-95dda099.cjs +0 -1
- package/dist/arrow-icon.entry-813bffe9.js +0 -15
- package/dist/close-icon.entry-ae66c827.js +0 -15
- package/dist/close-icon.entry-c80da833.cjs +0 -1
- package/dist/document-refresh-icon.entry-36405467.cjs +0 -1
- package/dist/google-logo-icon_4.entry-e1e63fd0.cjs +0 -1
- package/dist/index-20ea5b0c.js +0 -4042
- package/dist/index-33f74306.cjs +0 -37
- package/dist/nylas-booked-event-card_10.entry-534e587c.cjs +0 -1
- package/dist/nylas-form-card.entry-7dd86dde.js +0 -54
- package/dist/nylas-form-card.entry-94579d1d.cjs +0 -1
- package/dist/nylas-scheduler-editor.entry-8189b099.js +0 -2269
- package/dist/nylas-scheduler-editor.entry-a642f833.cjs +0 -7
- package/dist/nylas-scheduling.entry-13087b5f.cjs +0 -1
- package/dist/play-icon_2.entry-2172886a.cjs +0 -1
- package/dist/scheduler-store-8ca9003d-57b3f7a7.cjs +0 -1
- package/dist/time-period-selector.entry-febf55eb.cjs +0 -1
- package/dist/warning-icon.entry-470e449d.js +0 -15
- package/dist/warning-icon.entry-b8217553.cjs +0 -1
|
@@ -1,75 +1,192 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { R as C } from "./register-component-
|
|
3
|
-
import { T as
|
|
1
|
+
import { r as m, h as i, c as w, g as k, d, H as _, I as W, J as F, K as ve, L as Ce, M as We, i as Ue, O as K, P as ae, Q as ie, R as xe, S as ke, T as U, U as Ke } from "./index-cd0e2d77.js";
|
|
2
|
+
import { R as C } from "./register-component-e4dc8778-408dc241.js";
|
|
3
|
+
import { T as we, E as _e } from "./constants-f34b9c6e-ada541f4.js";
|
|
4
|
+
import { s as ye } from "./index-ef01c714-d85134a4.js";
|
|
5
|
+
import "./index-53420959-71fdd6ef.js";
|
|
4
6
|
import "react";
|
|
5
7
|
import "react-dom";
|
|
6
|
-
const
|
|
8
|
+
const Ze = ".sc-add-circle-icon-h{display:flex}", Ye = Ze, Ve = class {
|
|
7
9
|
constructor(e) {
|
|
8
|
-
|
|
10
|
+
m(this, e), this.width = "24", this.height = "25";
|
|
9
11
|
}
|
|
10
12
|
render() {
|
|
11
|
-
return i("svg", { key: "
|
|
13
|
+
return i("svg", { key: "4406ac2509a17d4887dd8dcb9ff8e9001e18643b", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "b08da8f266b5abfd1c43d61ed427bd34c92d0d5b", 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", fill: "currentColor" }));
|
|
12
14
|
}
|
|
13
15
|
};
|
|
14
|
-
|
|
15
|
-
const
|
|
16
|
+
Ve.style = Ye;
|
|
17
|
+
const qe = "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}", Je = qe, Ge = class {
|
|
16
18
|
constructor(e) {
|
|
17
|
-
|
|
19
|
+
m(this, e), this.variant = "primary", this.disabled = !1, this.type = "button", this.clickHandler = void 0, this.mouseOverHandler = void 0, this.mouseOutHandler = void 0, this.focusHandler = void 0, this.blurHandler = void 0;
|
|
18
20
|
}
|
|
19
21
|
render() {
|
|
20
22
|
const e = `button-${this.variant}` + (this.disabled ? " disabled" : "");
|
|
21
|
-
return i("button", { key: "
|
|
23
|
+
return i("button", { key: "b5d5ab5f387a6159524e0981e0b15f2594096130", class: e, disabled: this.disabled, type: "type", onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, i("slot", { key: "d3d7ec151854d1164f8699b57fee9998eb9e2039" }));
|
|
22
24
|
}
|
|
23
25
|
};
|
|
24
|
-
|
|
25
|
-
const
|
|
26
|
+
Ge.style = Je;
|
|
27
|
+
const Xe = ".sc-calendar-info-icon-h{display:flex}", Qe = Xe, et = class {
|
|
26
28
|
constructor(e) {
|
|
27
|
-
|
|
29
|
+
m(this, e), this.width = "20", this.height = "20";
|
|
28
30
|
}
|
|
29
31
|
render() {
|
|
30
|
-
return i("svg", { key: "
|
|
32
|
+
return i("svg", { key: "70a80808372e537f9e317ba568922f503d2fa358", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "f06b4115c72ac00183bfd9b7d9610608790ad051", d: "M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z", fill: "currentColor" }));
|
|
31
33
|
}
|
|
32
34
|
};
|
|
33
|
-
|
|
34
|
-
const
|
|
35
|
+
et.style = Qe;
|
|
36
|
+
const tt = ".sc-calendar-patterns-icon-h{display:flex}", nt = tt, at = class {
|
|
35
37
|
constructor(e) {
|
|
36
|
-
|
|
38
|
+
m(this, e), this.width = "20", this.height = "20";
|
|
37
39
|
}
|
|
38
40
|
render() {
|
|
39
|
-
return i("svg", { key: "
|
|
41
|
+
return i("svg", { key: "34186e64e6fa5e330d4c3cc027451c9aab4c4330", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "4f3c46e550436f3e9723af7f1bf96302cbe3d052", d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" }));
|
|
40
42
|
}
|
|
41
43
|
};
|
|
42
|
-
|
|
43
|
-
const
|
|
44
|
+
at.style = nt;
|
|
45
|
+
const it = ".sc-flow-icon-h{display:flex}", st = it, ot = class {
|
|
44
46
|
constructor(e) {
|
|
45
|
-
|
|
47
|
+
m(this, e), this.width = "16", this.height = "12";
|
|
46
48
|
}
|
|
47
49
|
render() {
|
|
48
|
-
return i("svg", { key: "
|
|
50
|
+
return i("svg", { key: "02b7fda4b7e68b9339a18d0538388300b6eb0a81", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "c65115a97b68ef89e18ee6f47dbcab45da4ae3ff", d: "M13 1.66211C11.8954 1.66211 11 2.55754 11 3.66211C11 4.76668 11.8954 5.66211 13 5.66211C14.1046 5.66211 15 4.76668 15 3.66211C15 2.55754 14.1046 1.66211 13 1.66211ZM10.0407 3.16678C10.2768 1.74563 11.5119 0.662109 13 0.662109C14.6569 0.662109 16 2.00526 16 3.66211C16 5.31896 14.6569 6.66211 13 6.66211C11.5162 6.66211 10.2839 5.58482 10.0428 4.16971C9.37629 4.23688 8.82682 4.7426 8.71466 5.41551L8.27173 8.07311C8.07929 9.22776 7.11428 10.087 5.9593 10.1574C5.72319 11.5786 4.48813 12.6621 3 12.6621C1.34315 12.6621 0 11.319 0 9.66211C0 8.00526 1.34315 6.66211 3 6.66211C4.48384 6.66211 5.71607 7.73939 5.95724 9.15451C6.62371 9.08734 7.17318 8.58162 7.28534 7.90871L7.72827 5.25111C7.92071 4.09646 8.88571 3.23718 10.0407 3.16678ZM3 7.66211C1.89543 7.66211 1 8.55754 1 9.66211C1 10.7667 1.89543 11.6621 3 11.6621C4.10457 11.6621 5 10.7667 5 9.66211C5 8.55754 4.10457 7.66211 3 7.66211Z", fill: "currentColor" }));
|
|
49
51
|
}
|
|
50
52
|
};
|
|
51
|
-
|
|
52
|
-
const
|
|
53
|
+
ot.style = st;
|
|
54
|
+
const lt = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x);width:50px;padding:14px 16px;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;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}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}', rt = lt, dt = class {
|
|
53
55
|
constructor(e) {
|
|
54
|
-
|
|
56
|
+
m(this, e), this.inputOptionChanged = w(this, "inputOptionChanged", 7), this.name = void 0, this.options = [], this.defaultInputOption = void 0, this.inputValue = void 0, this.pluralizedLabel = "", this.selectedOption = this.defaultInputOption || null, this.isOpen = !1, this.filteredOptions = [...this.options], this.ariaActivedescendant = "", this.shouldAutoScroll = !1;
|
|
57
|
+
}
|
|
58
|
+
optionsChangedHandler(e, t) {
|
|
59
|
+
e !== t && (this.filteredOptions = e);
|
|
60
|
+
}
|
|
61
|
+
defaultSelectedOptionChangedHandler(e, t) {
|
|
62
|
+
e.label !== t.label && (this.selectedOption = e);
|
|
63
|
+
}
|
|
64
|
+
componentWillLoad() {
|
|
65
|
+
this.filteredOptions = this.options, !this.selectedOption && this.defaultInputOption && (this.selectedOption = this.defaultInputOption), !this.selectedOption && this.options.length > 0 && (this.selectedOption = this.options[0]);
|
|
66
|
+
}
|
|
67
|
+
toggleDropdown() {
|
|
68
|
+
this.isOpen = !this.isOpen;
|
|
69
|
+
}
|
|
70
|
+
selectOption(e) {
|
|
71
|
+
this.selectedOption = e, this.toggleDropdown(), this.inputOptionChanged.emit({
|
|
72
|
+
value: e.value,
|
|
73
|
+
name: this.name
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
handleOnInput(e) {
|
|
77
|
+
const t = e.target.value, n = this.options.findIndex((a) => a.label.toLowerCase().includes(t.toLowerCase()));
|
|
78
|
+
n > -1 && this.scrollToViewWithinParent(n), this.inputOptionChanged.emit({
|
|
79
|
+
value: t,
|
|
80
|
+
name: this.name
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
scrollToViewWithinParent(e) {
|
|
84
|
+
var l;
|
|
85
|
+
const t = this.options[e], n = (l = this.el.shadowRoot) == null ? void 0 : l.getElementById(t.value.toString()), a = this.optionsRef;
|
|
86
|
+
this.ariaActivedescendant = t.value.toString();
|
|
87
|
+
const o = n.getBoundingClientRect(), s = a.getBoundingClientRect();
|
|
88
|
+
o.top < s.top ? a.scrollTop -= s.top - o.top : o.bottom > s.bottom && (a.scrollTop += o.bottom - s.bottom);
|
|
89
|
+
}
|
|
90
|
+
handleSelectButtonKeyDown(e) {
|
|
91
|
+
var t;
|
|
92
|
+
switch (e.key) {
|
|
93
|
+
case "ArrowDown":
|
|
94
|
+
case "Enter":
|
|
95
|
+
e.preventDefault(), this.isOpen || this.toggleDropdown(), (t = this.inputRef) == null || t.focus();
|
|
96
|
+
break;
|
|
97
|
+
case "Escape":
|
|
98
|
+
this.isOpen = !1;
|
|
99
|
+
break;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
handleClick(e) {
|
|
103
|
+
if (this.isOpen) {
|
|
104
|
+
const t = e.target.value, n = this.options.findIndex((a) => a.label.toLowerCase().includes(t.toLowerCase()));
|
|
105
|
+
n > -1 && setTimeout(() => {
|
|
106
|
+
this.scrollToViewWithinParent(n);
|
|
107
|
+
}, 10);
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
handleListboxKeydown(e) {
|
|
111
|
+
var a, o;
|
|
112
|
+
const t = this.filteredOptions, n = t.findIndex((s) => s.value === this.ariaActivedescendant);
|
|
113
|
+
if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
|
|
114
|
+
if (e.preventDefault(), n === t.length - 1) {
|
|
115
|
+
this.ariaActivedescendant = "", (a = this.inputRef) == null || a.focus();
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
const s = n + 1 < t.length ? n + 1 : 0;
|
|
119
|
+
this.ariaActivedescendant = t[s].value, this.focusOption(s);
|
|
120
|
+
} else if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
|
|
121
|
+
if (e.preventDefault(), n === 0) {
|
|
122
|
+
this.ariaActivedescendant = "", (o = this.inputRef) == null || o.focus();
|
|
123
|
+
return;
|
|
124
|
+
}
|
|
125
|
+
const s = n - 1 >= 0 ? n - 1 : t.length - 1;
|
|
126
|
+
this.ariaActivedescendant = t[s].value, this.focusOption(s);
|
|
127
|
+
} else
|
|
128
|
+
e.key === "Enter" ? (e.preventDefault(), this.ariaActivedescendant && this.selectOption(t[n])) : e.key === "Escape" && (this.isOpen = !1);
|
|
129
|
+
}
|
|
130
|
+
focusOption(e) {
|
|
131
|
+
var o;
|
|
132
|
+
const t = this.filteredOptions[e];
|
|
133
|
+
if (!t)
|
|
134
|
+
return;
|
|
135
|
+
const n = t.value, a = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(n);
|
|
136
|
+
a && (a.focus(), a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
|
|
137
|
+
}
|
|
138
|
+
handleComboboxKeyDown(e) {
|
|
139
|
+
if (e.key === "ArrowDown" || e.key == "Tab" && !e.shiftKey) {
|
|
140
|
+
if (e.preventDefault(), !this.isOpen) {
|
|
141
|
+
this.isOpen = !0, this.shouldAutoScroll = !0;
|
|
142
|
+
return;
|
|
143
|
+
}
|
|
144
|
+
this.ariaActivedescendant = this.filteredOptions[0].value, this.focusOption(0);
|
|
145
|
+
} else
|
|
146
|
+
e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey ? (e.preventDefault(), this.ariaActivedescendant = this.filteredOptions[this.filteredOptions.length - 1].value, this.focusOption(this.filteredOptions.length - 1)) : e.key === "Escape" && (this.isOpen = !1);
|
|
147
|
+
}
|
|
148
|
+
handleOutsideClick(e) {
|
|
149
|
+
!e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
|
|
55
150
|
}
|
|
56
151
|
render() {
|
|
57
|
-
return i("
|
|
152
|
+
return i("div", { key: "477367bf59c43e635a242508ee854ba785ea6232", class: "dropdown", part: "id_dropdown" }, i("input", { key: "39878fbabaec31690981124d85e3a2267b9cde4b", type: "text", name: this.name, id: this.name, part: "id_dropdown-input", class: { dropbtn: !0, open: this.isOpen }, value: this.inputValue, onClick: (e) => {
|
|
153
|
+
this.toggleDropdown(), this.shouldAutoScroll = !0, this.handleClick(e);
|
|
154
|
+
}, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.isOpen ? "true" : "false", onKeyDown: (e) => this.handleComboboxKeyDown(e), onInput: (e) => this.handleOnInput(e) }), this.isOpen ? i("div", { class: "dropdown-content", part: "id_dropdown-content", ref: (e) => this.optionsRef = e }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.filteredOptions.map((e) => i("li", { tabindex: "0", key: e.value, id: e.value, onClick: () => this.selectOption(e), role: "option", class: {
|
|
155
|
+
focused: this.ariaActivedescendant === e.value.toString()
|
|
156
|
+
} }, e.labelHTML ? e.labelHTML : e.label)))) : null);
|
|
157
|
+
}
|
|
158
|
+
get el() {
|
|
159
|
+
return k(this);
|
|
160
|
+
}
|
|
161
|
+
static get watchers() {
|
|
162
|
+
return {
|
|
163
|
+
options: ["optionsChangedHandler"],
|
|
164
|
+
defaultInputOption: ["defaultSelectedOptionChangedHandler"]
|
|
165
|
+
};
|
|
58
166
|
}
|
|
59
167
|
};
|
|
60
|
-
|
|
61
|
-
const
|
|
168
|
+
dt.style = rt;
|
|
169
|
+
const ct = ".sc-location-icon-h{display:flex}", pt = ct, ft = class {
|
|
62
170
|
constructor(e) {
|
|
63
|
-
|
|
171
|
+
m(this, e), this.width = "16", this.height = "18";
|
|
64
172
|
}
|
|
65
173
|
render() {
|
|
66
|
-
return i("svg", { key: "
|
|
174
|
+
return i("svg", { key: "cfcb8d9cf76acec56ed63112cf9d9fa6cfcea52b", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "321a83e5d78176ac944316764d7a636b2a16a8a3", d: "M10 7.66211C10 9.31896 8.65685 10.6621 7 10.6621C5.34315 10.6621 4 9.31896 4 7.66211C4 6.00526 5.34315 4.66211 7 4.66211C8.65685 4.66211 10 6.00526 10 7.66211ZM9 7.66211C9 6.55754 8.10457 5.66211 7 5.66211C5.89543 5.66211 5 6.55754 5 7.66211C5 8.76668 5.89543 9.66211 7 9.66211C8.10457 9.66211 9 8.76668 9 7.66211ZM11.9497 12.6171C14.6834 9.88221 14.6834 5.44812 11.9497 2.71326C9.21608 -0.0216067 4.78392 -0.0216067 2.05025 2.71326C-0.683418 5.44812 -0.683418 9.88221 2.05025 12.6171L3.57128 14.1159L5.61408 16.101L5.74691 16.2188C6.52168 16.8468 7.65623 16.8076 8.38611 16.1012L10.8223 13.7312L11.9497 12.6171ZM2.75499 3.4183C5.09944 1.07282 8.90055 1.07282 11.245 3.4183C13.5294 5.70364 13.5879 9.3725 11.4207 11.7288L11.245 11.912L9.92371 13.216L7.69315 15.3846L7.60016 15.4642C7.24594 15.732 6.7543 15.732 6.40012 15.4642L6.30713 15.3845L3.3263 12.4791L2.75499 11.912L2.57927 11.7288C0.412077 9.3725 0.47065 5.70364 2.75499 3.4183Z", fill: "currentColor" }));
|
|
67
175
|
}
|
|
68
176
|
};
|
|
69
|
-
|
|
70
|
-
const
|
|
177
|
+
ft.style = pt;
|
|
178
|
+
const ut = ".sc-location-off-icon-h{display:flex}", ht = ut, bt = class {
|
|
71
179
|
constructor(e) {
|
|
72
|
-
|
|
180
|
+
m(this, e), this.width = "16", this.height = "18";
|
|
181
|
+
}
|
|
182
|
+
render() {
|
|
183
|
+
return i("svg", { key: "67b1b71715d064a7e4cba955a6f2408c60852393", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "0ee75a47b27780c9a6bb82dd53de377d7a163870", d: "M0.146447 0.808556C0.341709 0.613294 0.658291 0.613294 0.853553 0.808556L15.8536 15.8086C16.0488 16.0038 16.0488 16.3204 15.8536 16.5157C15.6583 16.7109 15.3417 16.7109 15.1464 16.5157L12.0938 13.463L11.8223 13.7312L9.38611 16.1012C8.65623 16.8076 7.52168 16.8468 6.74691 16.2188L6.61408 16.101L4.57128 14.1159L3.05025 12.6171C0.607421 10.1732 0.347525 6.37239 2.27056 3.63976L0.146447 1.51566C-0.0488155 1.3204 -0.0488155 1.00382 0.146447 0.808556ZM9.07768 10.4469C8.74346 10.576 8.38024 10.6468 8.0005 10.6468C6.34839 10.6468 5.00909 9.30689 5.00909 7.65406C5.00909 7.27461 5.07967 6.91166 5.20843 6.57763L2.98793 4.35713C1.49206 6.62038 1.68917 9.67377 3.57927 11.7288L3.75499 11.912L4.3263 12.4791L7.30713 15.3845L7.40012 15.4642C7.7543 15.732 8.24594 15.732 8.60016 15.4642L8.69315 15.3846L10.9237 13.216L11.3883 12.7575L9.07768 10.4469ZM9.85409 8.39486L10.5983 9.13904C10.8487 8.70143 10.9919 8.19447 10.9919 7.65406C10.9919 6.00122 9.65261 4.66134 8.0005 4.66134C7.45986 4.66134 6.95271 4.80482 6.51504 5.05581L7.25921 5.79998C7.48839 5.70819 7.73855 5.6577 8.0005 5.6577C9.10258 5.6577 9.99599 6.5515 9.99599 7.65406C9.99599 7.91581 9.94564 8.16581 9.85409 8.39486ZM4.35291 2.89368C6.70671 1.08827 10.0908 1.26314 12.245 3.4183C14.3986 5.57283 14.5739 8.95702 12.771 11.3118L13.4812 12.022C15.6702 9.27273 15.493 5.25762 12.9497 2.71326C10.4058 0.168159 6.39081 -0.00843871 3.64269 2.18347L4.35291 2.89368Z", fill: "currentColor" }));
|
|
184
|
+
}
|
|
185
|
+
};
|
|
186
|
+
bt.style = ht;
|
|
187
|
+
const mt = ':host{display:block;width:inherit;--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}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropbtn{width:inherit;height:48px;color:black;padding:0.5rem;font-size:1rem;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;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}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem;background:var(--nylas-base-0)}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}', yt = mt, gt = class {
|
|
188
|
+
constructor(e) {
|
|
189
|
+
m(this, e), this.selectedOptionsChanged = w(this, "selectedOptionsChanged", 7), this.name = void 0, this.label = void 0, this.options = [], this.availableOptions = this.options, this.isOpen = !1, this.ariaActivedescendant = "", this.shouldFocusFirstOption = !1;
|
|
73
190
|
}
|
|
74
191
|
componentDidRender() {
|
|
75
192
|
d("multi-select-dropdown", "componentDidRender"), this.isOpen && this.shouldFocusFirstOption && (this.ariaActivedescendant = this.availableOptions[0].value, this.focusOption(0), this.shouldFocusFirstOption = !1);
|
|
@@ -145,15 +262,15 @@ const ft = ':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-er
|
|
|
145
262
|
}
|
|
146
263
|
render() {
|
|
147
264
|
var e, t;
|
|
148
|
-
return i(
|
|
265
|
+
return i(_, { key: "a0411f59ebf50d71a4d9b396ad1a6c2725ee2975" }, i("div", { key: "7b093446e0cf5a3a4f0028245f6d122d0800fec0", class: "dropdown", part: "msd_dropdown" }, i("label", { key: "b49fe2b3d2abf8842c19dbe043f76c6584d8d0b9", class: "dropdown-label" }, this.label, i("slot", { key: "2ade01a138047872fd4123467a0f269d0355c2f9", name: "label-icon", "aria-hidden": "true" })), i("button", { key: "2f457812f885eec9b61b37dbb84e3914d8987606", part: "msd_dropdown-button", class: { dropbtn: !0, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (n) => this.handleSelectButtonKeyDown(n) }, i("slot", { key: "292fac636c3a262dd513760bf8056b59e0a257fe", name: "select-icon", "aria-hidden": "true" }), i("span", { key: "c63e21f5bd68a699d446138193b2cb83e763e4a8", class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1 ? `Multiple ${this.name}s selected` : ((e = this.availableOptions.filter((n) => n.selected)[0]) == null ? void 0 : e.label) ?? ((t = this.availableOptions[0]) == null ? void 0 : t.label)), i("span", { key: "11b35ef316881fcab1ae7d3c4921cf5e2be915c1", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, i("chevron-icon", { key: "715469190dbdb8a9cbed4985117dff1345a29804", width: "16", height: "16" }))), this.isOpen ? null : i("div", { class: "selected-options" }, this.getSelectedOptions().map((n) => i("span", { class: "selected-option" }, n.label, i("button", { key: n.label, onClick: () => this.selectOption(n) }, i("close-icon", null))))), this.isOpen ? i("div", { class: "dropdown-content", part: "msd_dropdown-content" }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": !0, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (n) => this.handleListboxKeydown(n) }, this.availableOptions.map((n) => this.renderOption(n)))) : null));
|
|
149
266
|
}
|
|
150
267
|
get el() {
|
|
151
|
-
return
|
|
268
|
+
return k(this);
|
|
152
269
|
}
|
|
153
270
|
};
|
|
154
|
-
|
|
155
|
-
const
|
|
156
|
-
var
|
|
271
|
+
gt.style = yt;
|
|
272
|
+
const vt = ':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 .select-timezone select-dropdown{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.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)}', xt = vt;
|
|
273
|
+
var kt = function(e, t, n, a) {
|
|
157
274
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
158
275
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
159
276
|
s = Reflect.decorate(e, t, n, a);
|
|
@@ -165,9 +282,9 @@ var mt = function(e, t, n, a) {
|
|
|
165
282
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
166
283
|
return Reflect.metadata(e, t);
|
|
167
284
|
};
|
|
168
|
-
const
|
|
285
|
+
const Oe = class {
|
|
169
286
|
constructor(e) {
|
|
170
|
-
|
|
287
|
+
m(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.openHours = void 0, this.name = "availability", this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.schedule = {
|
|
171
288
|
SUN: [],
|
|
172
289
|
MON: [{ start: "09:00am", end: "05:00pm" }],
|
|
173
290
|
TUE: [{ start: "09:00am", end: "05:00pm" }],
|
|
@@ -206,7 +323,7 @@ const _e = class {
|
|
|
206
323
|
return;
|
|
207
324
|
if (Object.keys(a).length > 0) {
|
|
208
325
|
const o = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(Object.keys(a)[0]);
|
|
209
|
-
o && this.internals.setValidity({ customError: !0 }, "Overlapping time ranges found", o);
|
|
326
|
+
o && (d("nylas-availability-picker", "The time ranges are overlapping. Overlap: ", a), this.internals.setValidity({ customError: !0 }, "Overlapping time ranges found", o));
|
|
210
327
|
} else
|
|
211
328
|
this.internals.setValidity({ customError: !1 }), this.internals.setFormValue(JSON.stringify({
|
|
212
329
|
openHours: this.scheduleToOpenHours(this.schedule),
|
|
@@ -290,13 +407,7 @@ const _e = class {
|
|
|
290
407
|
this.schedule[e].splice(t, 1), this.schedule = { ...this.schedule };
|
|
291
408
|
}
|
|
292
409
|
setTime(e) {
|
|
293
|
-
|
|
294
|
-
const { key: t, value: n } = e.detail;
|
|
295
|
-
console.log({
|
|
296
|
-
key: t,
|
|
297
|
-
value: n
|
|
298
|
-
});
|
|
299
|
-
const [a, o] = t.split("_"), [s, l] = a.split(":");
|
|
410
|
+
const { key: t, value: n } = e.detail, [a, o] = t.split("_"), [s, l] = a.split(":");
|
|
300
411
|
o === "start" ? this.schedule[s][l].start = n : o === "end" && (this.schedule[s][l].end = n), this.internals.setValidity({ customError: !1 }), this.schedule = { ...this.schedule };
|
|
301
412
|
}
|
|
302
413
|
setFormError(e) {
|
|
@@ -318,7 +429,7 @@ const _e = class {
|
|
|
318
429
|
n.days.forEach((a) => {
|
|
319
430
|
const o = this.getDayKey(a), s = F(n.start), l = F(n.end), r = { start: s, end: l };
|
|
320
431
|
let h = !1;
|
|
321
|
-
t[o] && (h = t[o].some((
|
|
432
|
+
t[o] && (h = t[o].some((p) => p.start === r.start && p.end === r.end)), h || (t[o] ? t[o].push(r) : t[o] = [r]);
|
|
322
433
|
});
|
|
323
434
|
}), this.timezone = this.defaultTimezone, this.schedule = t;
|
|
324
435
|
}
|
|
@@ -330,12 +441,12 @@ const _e = class {
|
|
|
330
441
|
let n = /* @__PURE__ */ new Map();
|
|
331
442
|
t.forEach((o, s) => {
|
|
332
443
|
e[o] && e[o].forEach((l) => {
|
|
333
|
-
const r =
|
|
334
|
-
if (!n.has(
|
|
335
|
-
n.set(
|
|
444
|
+
const r = ve(l.start), h = ve(l.end), p = `${r}-${h}`;
|
|
445
|
+
if (!n.has(p))
|
|
446
|
+
n.set(p, { days: [s], start: r, end: h });
|
|
336
447
|
else {
|
|
337
|
-
let u = n.get(
|
|
338
|
-
u && (u.days.push(s), n.set(
|
|
448
|
+
let u = n.get(p);
|
|
449
|
+
u && (u.days.push(s), n.set(p, u));
|
|
339
450
|
}
|
|
340
451
|
});
|
|
341
452
|
});
|
|
@@ -350,18 +461,18 @@ const _e = class {
|
|
|
350
461
|
}), a;
|
|
351
462
|
}
|
|
352
463
|
render() {
|
|
353
|
-
const e = Object.keys(
|
|
354
|
-
label:
|
|
464
|
+
const e = Object.keys(we).map((t) => ({
|
|
465
|
+
label: we[t],
|
|
355
466
|
value: t
|
|
356
467
|
}));
|
|
357
|
-
return i(
|
|
468
|
+
return i(_, { key: "31a09de392c342f1958a8902e4fe14520f3e8456" }, i("div", { key: "5b54b628bcb882aa24ec22b930701d235a08632b", class: "nylas-availability-picker" }, i("div", { key: "5b3e816afde7359c996bafb2ad98cc9432ea4b25", class: "header", part: "nap__header" }, i("h3", { key: "e0110aa3f8474c17acb48bfea19951c304261cd8" }, "General availability"), i("p", { key: "9a75a45b67bd070f7a9b3ab8334f189b11f7663a" }, "Set your availability for scheduling meetings.")), i("div", { key: "4bb3c1bef9b889c8c2e8d4f14a552ca4e2790194", class: "content" }, i("div", { key: "5e7e66c5efa4de3ed8200185892ab41622174b10", class: "select-timezone", part: "nap__select-timezone" }, i("h4", { key: "a5ea58a9bf26d568a37943054e92bab6100746fc", class: "sub-header" }, "Select timezone", i("span", { key: "1ad6f96e6565d7cfea5b69550aed6f0e81b473fa", class: "icon" }, i("tooltip-component", { key: "99cf87bc40b0ef6a81fbf00e5900df45893cb746" }, i("info-icon", { key: "3e7ec881948c07e4874967a3c21a7a091a5f9004", slot: "tooltip-icon" }), i("span", { key: "587a86479c784bf7c158e2f32c0a400c0ac81c9d", slot: "tooltip-content" }, "Select your timezone for displaying availability.")))), i("select-dropdown", { key: "efcd0485aa4fc975b0cab24b9db94b3de1141281", name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: e, defaultSelectedOption: e.find((t) => t.value === this.defaultTimezone) }, i("span", { key: "734e759c7f5888d6622ddac4fc6a1ed0fd1088e3", slot: "select-icon" }, i("globe-icon", { key: "f5fb31381fce113687b5a0a9aae68d95e4bb9d13", width: "20", height: "20" })))), i("div", { key: "1c3b5fb0a01ce5e5b987bfdf237e0484a4fda118", class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map((t) => {
|
|
358
469
|
const n = t, a = this.schedule[t];
|
|
359
470
|
return i("div", { class: "availability-day" }, i("div", { class: "day", part: "nap__day" }, i("input", { type: "checkbox", name: n, id: n, checked: a.length > 0, onClick: () => {
|
|
360
471
|
a.length > 0 ? this.schedule[n] = [] : this.schedule[n] = [{ start: "09:00am", end: "05:00pm" }], this.schedule = { ...this.schedule };
|
|
361
472
|
} }), i("label", { htmlFor: n, "aria-label": "Select day" }, n)), i("div", { class: "time-ranges", part: "nap__time-ranges" }, a.length ? null : i("span", { class: "unavailable" }, "Unavailable"), a.length > 0 && a.map((o, s) => {
|
|
362
|
-
var h,
|
|
473
|
+
var h, p;
|
|
363
474
|
const l = `${t}:${s}_start`, r = `${t}:${s}_end`;
|
|
364
|
-
return i("div", { class: "time-range", part: "nap__time-range" }, i("div", { class: "pickers" }, i("nylas-time-window-picker", { id: l, hasError: (h = this.overlapDays[n]) == null ? void 0 : h.includes(s), time: o.start, name: l, key: l, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), i("span", null, " - "), i("nylas-time-window-picker", { id: r, hasError: (
|
|
475
|
+
return i("div", { class: "time-range", part: "nap__time-range" }, i("div", { class: "pickers" }, i("nylas-time-window-picker", { id: l, hasError: (h = this.overlapDays[n]) == null ? void 0 : h.includes(s), time: o.start, name: l, key: l, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), i("span", null, " - "), i("nylas-time-window-picker", { id: r, hasError: (p = this.overlapDays[n]) == null ? void 0 : p.includes(s), time: o.end, name: r, key: r, minimumStartTime: o.start, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), i("button", { onClick: () => this.removeTimeRange(n, s) }, i("close-icon", null)));
|
|
365
476
|
}), i("p", { class: "error" }, this.overlapDays[n] ? "Overlapping time ranges" : "")), i("div", null, a.length > 0 ? i("button", { onClick: () => this.addTimeRange(n), part: "nap__add-time-range" }, i("add-circle-icon", null)) : null));
|
|
366
477
|
})))));
|
|
367
478
|
}
|
|
@@ -369,7 +480,7 @@ const _e = class {
|
|
|
369
480
|
return !0;
|
|
370
481
|
}
|
|
371
482
|
get host() {
|
|
372
|
-
return
|
|
483
|
+
return k(this);
|
|
373
484
|
}
|
|
374
485
|
static get watchers() {
|
|
375
486
|
return {
|
|
@@ -379,7 +490,7 @@ const _e = class {
|
|
|
379
490
|
};
|
|
380
491
|
}
|
|
381
492
|
};
|
|
382
|
-
|
|
493
|
+
kt([
|
|
383
494
|
C({
|
|
384
495
|
name: "nylas-availability-picker",
|
|
385
496
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
@@ -388,10 +499,10 @@ mt([
|
|
|
388
499
|
se("design:type", Function),
|
|
389
500
|
se("design:paramtypes", []),
|
|
390
501
|
se("design:returntype", void 0)
|
|
391
|
-
],
|
|
392
|
-
|
|
393
|
-
const
|
|
394
|
-
var
|
|
502
|
+
], Oe.prototype, "render", null);
|
|
503
|
+
Oe.style = xt;
|
|
504
|
+
const wt = ':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-booking-calendar-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-booking-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-calendar-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-booking-calendar-picker .nylas-booking-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label tooltip-component{display:flex}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', _t = wt;
|
|
505
|
+
var Ct = function(e, t, n, a) {
|
|
395
506
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
396
507
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
397
508
|
s = Reflect.decorate(e, t, n, a);
|
|
@@ -403,9 +514,9 @@ var vt = function(e, t, n, a) {
|
|
|
403
514
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
404
515
|
return Reflect.metadata(e, t);
|
|
405
516
|
};
|
|
406
|
-
const
|
|
517
|
+
const Te = class {
|
|
407
518
|
constructor(e) {
|
|
408
|
-
|
|
519
|
+
m(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.calendars = void 0, this.currentUser = void 0, this.name = "booking-calendar", this.defaultBookingCalendar = "", this.selectedCalendar = "";
|
|
409
520
|
}
|
|
410
521
|
connectedCallback() {
|
|
411
522
|
d("nylas-booking-calendar-picker", "connectedCallback");
|
|
@@ -449,13 +560,13 @@ const Ce = class {
|
|
|
449
560
|
value: n.id,
|
|
450
561
|
label: n.name
|
|
451
562
|
}))) ?? [];
|
|
452
|
-
return i(
|
|
563
|
+
return i(_, null, i("div", { class: "nylas-booking-calendar-picker", part: "nbcp" }, i("div", { class: "header", part: "nbcp__header" }, i("h3", null, "Calendar booking"), i("p", null, "Choose calendar where you’d like the event bookings to show up.")), e.length > 0 ? i("div", { class: "nylas-booking-calendar-picker__dropdown" }, i("span", { class: "label", part: "nbcp__input-label" }, "Select a calendar to book meetings on", i("tooltip-component", null, i("info-icon", { slot: "tooltip-icon" }), i("span", { slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available."))), i("select-dropdown", { name: "booking-calendar", options: e, withSearch: !1, exportparts: "sd_dropdown: nbcp__dropdown, sd_dropdown-button: nbcp__dropdown-button, sd_dropdown-content: nbcp__dropdown-content", defaultSelectedOption: e.find((n) => n.value == this.defaultBookingCalendar) ?? e[0] })) : i("div", { class: "nylas-booking-calendar-picker__loading" }, i("span", { class: "label" }, "Select a calendar to book meetings on ", i("info-icon", null)), i("div", { class: "loading-button" }, i("span", null, "Loading...")))));
|
|
453
564
|
}
|
|
454
565
|
static get formAssociated() {
|
|
455
566
|
return !0;
|
|
456
567
|
}
|
|
457
568
|
get host() {
|
|
458
|
-
return
|
|
569
|
+
return k(this);
|
|
459
570
|
}
|
|
460
571
|
static get watchers() {
|
|
461
572
|
return {
|
|
@@ -463,7 +574,7 @@ const Ce = class {
|
|
|
463
574
|
};
|
|
464
575
|
}
|
|
465
576
|
};
|
|
466
|
-
|
|
577
|
+
Ct([
|
|
467
578
|
C({
|
|
468
579
|
name: "nylas-booking-calendar-picker",
|
|
469
580
|
stateToProps: /* @__PURE__ */ new Map([
|
|
@@ -481,10 +592,10 @@ vt([
|
|
|
481
592
|
oe("design:type", Function),
|
|
482
593
|
oe("design:paramtypes", []),
|
|
483
594
|
oe("design:returntype", void 0)
|
|
484
|
-
],
|
|
485
|
-
|
|
486
|
-
const
|
|
487
|
-
var
|
|
595
|
+
], Te.prototype, "render", null);
|
|
596
|
+
Te.style = _t;
|
|
597
|
+
const Ot = ':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-buffer-time{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-buffer-time .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-buffer-time .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-buffer-time .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-buffer-time .nylas-buffer-time__body{display:grid;grid-template-columns:1fr auto}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body{grid-template-columns:1fr}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{padding:1rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--nylas-base-200);color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{border:none}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row label{width:200px}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row .dropdown-container{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container{padding:0 2rem 1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button){width:104px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-content){width:100%}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', Tt = Ot;
|
|
598
|
+
var It = function(e, t, n, a) {
|
|
488
599
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
489
600
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
490
601
|
s = Reflect.decorate(e, t, n, a);
|
|
@@ -496,9 +607,9 @@ var wt = function(e, t, n, a) {
|
|
|
496
607
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
497
608
|
return Reflect.metadata(e, t);
|
|
498
609
|
};
|
|
499
|
-
const
|
|
610
|
+
const Ie = class {
|
|
500
611
|
constructor(e) {
|
|
501
|
-
|
|
612
|
+
m(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "buffer-time", this.buffer = { before: 0, after: 0 }, this.selectedBeforeBufferTime = this.buffer.before, this.selectedAfterBufferTime = this.buffer.after;
|
|
502
613
|
}
|
|
503
614
|
connectedCallback() {
|
|
504
615
|
d("nylas-buffer-time", "connectedCallback");
|
|
@@ -556,20 +667,20 @@ const Te = class {
|
|
|
556
667
|
};
|
|
557
668
|
}, o = () => {
|
|
558
669
|
const { fullSlots: l, partialFillHeight: r } = a(this.selectedBeforeBufferTime);
|
|
559
|
-
return Array.from({ length: 4 }, (h,
|
|
560
|
-
const u = this.selectedBeforeBufferTime > 0 &&
|
|
670
|
+
return Array.from({ length: 4 }, (h, p) => {
|
|
671
|
+
const u = this.selectedBeforeBufferTime > 0 && p > 4 - l - 1, g = this.selectedBeforeBufferTime > 0 && p === 4 - l - 1 && r > 0;
|
|
561
672
|
let v = {};
|
|
562
|
-
return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to top, var(--nylas-base-100) ${r}px, transparent 0)`), i("div", { key:
|
|
673
|
+
return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to top, var(--nylas-base-100) ${r}px, transparent 0)`), i("div", { key: p, class: `slot ${u ? "active" : ""}`, style: {
|
|
563
674
|
height: "10px",
|
|
564
675
|
...v
|
|
565
676
|
} });
|
|
566
677
|
});
|
|
567
678
|
}, s = () => {
|
|
568
679
|
const { fullSlots: l, partialFillHeight: r } = a(this.selectedAfterBufferTime);
|
|
569
|
-
return Array.from({ length: 4 }, (h,
|
|
570
|
-
const u = this.selectedAfterBufferTime > 0 &&
|
|
680
|
+
return Array.from({ length: 4 }, (h, p) => {
|
|
681
|
+
const u = this.selectedAfterBufferTime > 0 && p < l, g = p === l && r > 0;
|
|
571
682
|
let v = {};
|
|
572
|
-
return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to bottom, var(--nylas-base-100) ${r}px, transparent 0)`), i("div", { key:
|
|
683
|
+
return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to bottom, var(--nylas-base-100) ${r}px, transparent 0)`), i("div", { key: p, class: `slot ${u ? "active" : ""}`, style: {
|
|
573
684
|
height: "10px",
|
|
574
685
|
...v
|
|
575
686
|
} });
|
|
@@ -578,20 +689,20 @@ const Te = class {
|
|
|
578
689
|
return i("div", { class: "preview-container" }, o(), i("div", { class: "event-slot", style: { height: "20px" } }), s());
|
|
579
690
|
}
|
|
580
691
|
render() {
|
|
581
|
-
const e = Array.from({ length:
|
|
582
|
-
const a =
|
|
692
|
+
const e = Array.from({ length: 25 }, (t, n) => {
|
|
693
|
+
const a = n * 5;
|
|
583
694
|
return {
|
|
584
695
|
label: a.toString(),
|
|
585
696
|
value: a
|
|
586
697
|
};
|
|
587
698
|
});
|
|
588
|
-
return i(
|
|
699
|
+
return i(_, null, i("div", { class: "nylas-buffer-time", part: "nbt" }, i("div", { class: "header", part: "nbt__header" }, i("h3", null, "Buffer time"), i("p", null, "Add buffer time before and after the event.")), i("div", { class: "nylas-buffer-time__body", part: "nbt__body" }, i("div", { class: "nylas-buffer-time__dropdown" }, i("div", { class: "nylas-buffer-time__row" }, i("label", null, "Before the event"), i("div", { class: "dropdown-container" }, i("select-dropdown", { id: "before-buffer-time", withSearch: !1, name: "before-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-before, sd_dropdown-button: nbt__dropdown-button-before, sd_dropdown-content: nbt__dropdown-content-before", options: e, defaultSelectedOption: e.find((t) => t.value == this.selectedBeforeBufferTime) ?? e[0] }), i("span", null, "mins"))), i("div", { class: "nylas-buffer-time__row" }, i("label", null, "After the event"), i("div", { class: "dropdown-container" }, i("select-dropdown", { id: "after-buffer-time", withSearch: !1, name: "after-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-after, sd_dropdown-button: nbt__dropdown-button-after, sd_dropdown-content: nbt__dropdown-content-after", options: e, defaultSelectedOption: e.find((t) => t.value == this.selectedAfterBufferTime) ?? e[0] }), i("span", null, "mins")))), i("div", { class: "nylas-buffer-time__preview", part: "nbt__preview" }, i("h4", null, "PREVIEW"), this.renderPreview()))));
|
|
589
700
|
}
|
|
590
701
|
static get formAssociated() {
|
|
591
702
|
return !0;
|
|
592
703
|
}
|
|
593
704
|
get host() {
|
|
594
|
-
return
|
|
705
|
+
return k(this);
|
|
595
706
|
}
|
|
596
707
|
static get watchers() {
|
|
597
708
|
return {
|
|
@@ -599,7 +710,7 @@ const Te = class {
|
|
|
599
710
|
};
|
|
600
711
|
}
|
|
601
712
|
};
|
|
602
|
-
|
|
713
|
+
It([
|
|
603
714
|
C({
|
|
604
715
|
name: "nylas-buffer-time",
|
|
605
716
|
eventToProps: {
|
|
@@ -613,10 +724,10 @@ wt([
|
|
|
613
724
|
le("design:type", Function),
|
|
614
725
|
le("design:paramtypes", []),
|
|
615
726
|
le("design:returntype", void 0)
|
|
616
|
-
],
|
|
617
|
-
|
|
618
|
-
const
|
|
619
|
-
var
|
|
727
|
+
], Ie.prototype, "render", null);
|
|
728
|
+
Ie.style = Tt;
|
|
729
|
+
const Dt = ':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-calendar-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-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-calendar-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-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .label tooltip-component{display:flex}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown){width:100%;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-content){width:100%;max-width:unset}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', St = Dt;
|
|
730
|
+
var Et = function(e, t, n, a) {
|
|
620
731
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
621
732
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
622
733
|
s = Reflect.decorate(e, t, n, a);
|
|
@@ -628,9 +739,9 @@ var Tt = function(e, t, n, a) {
|
|
|
628
739
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
629
740
|
return Reflect.metadata(e, t);
|
|
630
741
|
};
|
|
631
|
-
const
|
|
742
|
+
const De = class {
|
|
632
743
|
constructor(e) {
|
|
633
|
-
|
|
744
|
+
m(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.calendars = void 0, this.currentUser = void 0, this.name = "calendar", this.defaultSelectedCalendars = [], this.selectedCalendars = [];
|
|
634
745
|
}
|
|
635
746
|
elementNameChangedHandler(e) {
|
|
636
747
|
d("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -677,13 +788,13 @@ const Ee = class {
|
|
|
677
788
|
selected: ((a = this.defaultSelectedCalendars) == null ? void 0 : a.includes(n.id)) || ((o = this.defaultSelectedCalendars) != null && o.includes("primary") || ((s = this.defaultSelectedCalendars) == null ? void 0 : s.length) === 0 ? n.id === ((l = this.currentUser) == null ? void 0 : l.email) : !1)
|
|
678
789
|
};
|
|
679
790
|
})) ?? [];
|
|
680
|
-
return i(
|
|
791
|
+
return i(_, null, i("div", { class: "nylas-calendar-picker", part: "ncp" }, i("div", { class: "header", part: "ncp__header" }, i("h3", null, "Calendar availability"), i("p", null, "Select calendars that you’d like to use for checking your availability.")), e.length > 0 ? i("div", { class: "nylas-calendar-picker__dropdown" }, i("multi-select-dropdown", { name: "calendar", label: "Select calendars that will be checked for availability", options: e, exportparts: "msd__dropdown: ncp__dropdown, msd__dropdown-button: ncp__dropdown-button, msd__dropdown-content: ncp__dropdown-content" }, i("span", { slot: "label-icon" }, i("tooltip-component", null, i("info-icon", { slot: "tooltip-icon" }), i("span", { slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available. The default is your primary calendar if none are selected."))))) : i("div", { class: "nylas-calendar-picker__loading" }, i("span", { class: "label" }, "Select calendars that will be checked for availability ", i("info-icon", null)), i("div", { class: "loading-button" }, i("span", null, "Loading...")))));
|
|
681
792
|
}
|
|
682
793
|
static get formAssociated() {
|
|
683
794
|
return !0;
|
|
684
795
|
}
|
|
685
796
|
get host() {
|
|
686
|
-
return
|
|
797
|
+
return k(this);
|
|
687
798
|
}
|
|
688
799
|
static get watchers() {
|
|
689
800
|
return {
|
|
@@ -691,7 +802,7 @@ const Ee = class {
|
|
|
691
802
|
};
|
|
692
803
|
}
|
|
693
804
|
};
|
|
694
|
-
|
|
805
|
+
Et([
|
|
695
806
|
C({
|
|
696
807
|
name: "nylas-calendar-picker",
|
|
697
808
|
stateToProps: /* @__PURE__ */ new Map([
|
|
@@ -709,10 +820,10 @@ Tt([
|
|
|
709
820
|
re("design:type", Function),
|
|
710
821
|
re("design:paramtypes", []),
|
|
711
822
|
re("design:returntype", void 0)
|
|
712
|
-
],
|
|
713
|
-
|
|
714
|
-
const
|
|
715
|
-
var
|
|
823
|
+
], De.prototype, "render", null);
|
|
824
|
+
De.style = St;
|
|
825
|
+
const Lt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-description{display:flex;flex-direction:column;gap:4px}.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}', $t = Lt;
|
|
826
|
+
var Ht = function(e, t, n, a) {
|
|
716
827
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
717
828
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
718
829
|
s = Reflect.decorate(e, t, n, a);
|
|
@@ -724,10 +835,10 @@ var St = function(e, t, n, a) {
|
|
|
724
835
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
725
836
|
return Reflect.metadata(e, t);
|
|
726
837
|
};
|
|
727
|
-
const
|
|
838
|
+
const Se = class {
|
|
728
839
|
constructor(e) {
|
|
729
840
|
var t, n;
|
|
730
|
-
|
|
841
|
+
m(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.eventDescription = void 0, this.name = "description", this.description = this.eventDescription || ((n = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : n.description) || "";
|
|
731
842
|
}
|
|
732
843
|
elementNameChangedHandler(e) {
|
|
733
844
|
d("nylas-event-description", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -749,16 +860,17 @@ const Oe = class {
|
|
|
749
860
|
d("nylas-event-description", "disconnectedCallback");
|
|
750
861
|
}
|
|
751
862
|
handleChange(e) {
|
|
752
|
-
|
|
863
|
+
const t = ye(e.target.value);
|
|
864
|
+
this.description = t, this.internals.setFormValue(t, "description"), this.valueChanged.emit({ value: t, name: this.name });
|
|
753
865
|
}
|
|
754
866
|
render() {
|
|
755
|
-
return i(
|
|
867
|
+
return i(_, { key: "66d2eae749fd438176c41cc4cb73e76025d1f224" }, i("div", { key: "aa8302861fb0c900b290aafcee5d07d1a04af7f5", class: "nylas-event-description", part: "nedesc" }, i("label", { key: "c0f2b80af2ae8219b8cf977e4145d3a58c1ae38d", htmlFor: "description" }, "Event description", i("span", { key: "e7ec771fc84b256a3511cb6e4238fd4fb13e9c37", class: "label-icon" }, i("tooltip-component", { key: "5b1a43fd9ba2a50f37f5b4c36233fbc14873ed02" }, i("info-icon", { key: "5ff39c03142fbd56e842298fb268bcf3b157fb70", slot: "tooltip-icon" }), i("span", { key: "3e5d6cd7e616f84fb58bacfcd4bf68da52798010", slot: "tooltip-content" }, "Provide any additional details for your event.")))), i("textarea", { key: "19f0e318d74d28a9ddc0a4401b05f49650fffd2b", id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: (e) => this.handleChange(e) })));
|
|
756
868
|
}
|
|
757
869
|
static get formAssociated() {
|
|
758
870
|
return !0;
|
|
759
871
|
}
|
|
760
872
|
get host() {
|
|
761
|
-
return
|
|
873
|
+
return k(this);
|
|
762
874
|
}
|
|
763
875
|
static get watchers() {
|
|
764
876
|
return {
|
|
@@ -767,7 +879,7 @@ const Oe = class {
|
|
|
767
879
|
};
|
|
768
880
|
}
|
|
769
881
|
};
|
|
770
|
-
|
|
882
|
+
Ht([
|
|
771
883
|
C({
|
|
772
884
|
name: "nylas-event-description",
|
|
773
885
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
@@ -777,10 +889,10 @@ St([
|
|
|
777
889
|
de("design:type", Function),
|
|
778
890
|
de("design:paramtypes", []),
|
|
779
891
|
de("design:returntype", void 0)
|
|
780
|
-
],
|
|
781
|
-
|
|
782
|
-
const
|
|
783
|
-
var
|
|
892
|
+
], Se.prototype, "render", null);
|
|
893
|
+
Se.style = $t;
|
|
894
|
+
const At = ':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}.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__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:12px 16px;width:50px}.nylas-event-duration__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:200px}', Mt = At;
|
|
895
|
+
var Ft = function(e, t, n, a) {
|
|
784
896
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
785
897
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
786
898
|
s = Reflect.decorate(e, t, n, a);
|
|
@@ -792,9 +904,14 @@ var Lt = function(e, t, n, a) {
|
|
|
792
904
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
793
905
|
return Reflect.metadata(e, t);
|
|
794
906
|
};
|
|
795
|
-
const
|
|
907
|
+
const Ee = class {
|
|
796
908
|
constructor(e) {
|
|
797
|
-
|
|
909
|
+
m(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.name = "duration", this.eventDurationMinutes = void 0, this.duration = this.eventDurationMinutes ? this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes : 5, this.durationMinutes = this.eventDurationMinutes ?? 5, this.durationIncrement = this.eventDurationMinutes && this.eventDurationMinutes >= 60 ? 60 : 1, this.durationMinutesOptions = [
|
|
910
|
+
{ value: 15, label: "15" },
|
|
911
|
+
{ value: 30, label: "30" },
|
|
912
|
+
{ value: 45, label: "45" },
|
|
913
|
+
{ value: 60, label: "60" }
|
|
914
|
+
];
|
|
798
915
|
}
|
|
799
916
|
elementNameChangedHandler(e) {
|
|
800
917
|
d("nylas-event-duration", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -811,7 +928,7 @@ const Se = class {
|
|
|
811
928
|
d("nylas-event-duration", "connectedCallback");
|
|
812
929
|
}
|
|
813
930
|
componentWillLoad() {
|
|
814
|
-
d("nylas-event-duration", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
931
|
+
d("nylas-event-duration", "componentWillLoad"), this.host.setAttribute("name", this.name), this.setDurationMintueOptions();
|
|
815
932
|
}
|
|
816
933
|
componentDidLoad() {
|
|
817
934
|
d("nylas-event-duration", "componentDidLoad"), this.internals.setFormValue(this.durationMinutes.toString(), "duration");
|
|
@@ -819,6 +936,14 @@ const Se = class {
|
|
|
819
936
|
disconnectedCallback() {
|
|
820
937
|
d("nylas-event-duration", "disconnectedCallback");
|
|
821
938
|
}
|
|
939
|
+
setDurationMintueOptions() {
|
|
940
|
+
return this.durationIncrement === 1 ? this.durationMinutesOptions = [
|
|
941
|
+
{ value: 15, label: "15" },
|
|
942
|
+
{ value: 30, label: "30" },
|
|
943
|
+
{ value: 45, label: "45" },
|
|
944
|
+
{ value: 60, label: "60" }
|
|
945
|
+
] : this.durationMinutesOptions = Array.from({ length: 23 }, (e, t) => ({ value: t + 1, label: (t + 1).toString() })), this.durationMinutesOptions;
|
|
946
|
+
}
|
|
822
947
|
handleChange(e) {
|
|
823
948
|
this.duration = e.target.value, this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), this.name);
|
|
824
949
|
}
|
|
@@ -828,20 +953,25 @@ const Se = class {
|
|
|
828
953
|
selectedOptionChangedHandler(e) {
|
|
829
954
|
d("nylas-calendar-picker", "selectedOptionChangedHandler", e.detail);
|
|
830
955
|
const { value: t } = e.detail;
|
|
831
|
-
this.durationIncrement = parseInt(t), this.durationIncrement === 1 ? this.duration =
|
|
956
|
+
this.durationIncrement = parseInt(t), this.durationIncrement === 1 ? this.duration = 60 : this.duration = 1, this.setDurationMintueOptions(), this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), "duration");
|
|
957
|
+
}
|
|
958
|
+
inputOptionChangedHandler(e) {
|
|
959
|
+
d("nylas-calendar-picker", "selectedOptionChangedHandler", e.detail);
|
|
960
|
+
const { value: t } = e.detail;
|
|
961
|
+
this.duration = t, this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), this.name);
|
|
832
962
|
}
|
|
833
963
|
render() {
|
|
834
964
|
const e = [
|
|
835
|
-
{ value: 1, label: "
|
|
836
|
-
{ value: 60, label: "
|
|
965
|
+
{ value: 1, label: "minute" },
|
|
966
|
+
{ value: 60, label: "hour" }
|
|
837
967
|
];
|
|
838
|
-
return i(
|
|
968
|
+
return i(_, { key: "cd39f094761b20d6a016000f634fec1ba3f446be" }, i("div", { key: "52aa0d5d51d18d00604c7598c1ffefc195cbee26", class: "nylas-event-duration", part: "ned" }, i("label", { key: "4e438e990324d88976a13040c871aece2993166d", htmlFor: "duration" }, "Event duration", i("span", { key: "0e96a062a5a5e18f03cd523dce3e18f0c005eb03", class: "required" }, "*"), i("span", { key: "82003caed486495486b5bc56f67801945a9934fb", class: "label-icon" }, i("tooltip-component", { key: "9b4d29ecbc50f8109393ac271d66721dafd50f44" }, i("info-icon", { key: "d7f9af86af78cae824979fb1f03f21288db5b422", slot: "tooltip-icon" }), i("span", { key: "eff1616d15bb219e15c4e0b6f4993cfe9e4e6c05", slot: "tooltip-content" }, "Set the duration of your event.")))), i("div", { key: "1358e1bf2501523f922a029068719265291fec6d", class: "nylas-event-duration__wrapper" }, i("input-dropdown", { key: "8504905b8582540587567751f9376cfb1df98b32", 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((t) => t.value == this.duration) ?? e[0] }), i("select-dropdown", { key: "007a4f7fba5419b4376b55e59e433f2a4a17b482", name: "event-duration", options: e, pluralizedLabel: this.duration > 1 ? "s" : "", exportparts: "sd__dropdown: ned__dropdown, sd__dropdown-button: ned__dropdown-button, sd__dropdown-content: ned__dropdown-content", defaultSelectedOption: e.find((t) => t.value == this.durationIncrement) ?? e[0], withSearch: !1 }))));
|
|
839
969
|
}
|
|
840
970
|
static get formAssociated() {
|
|
841
971
|
return !0;
|
|
842
972
|
}
|
|
843
973
|
get host() {
|
|
844
|
-
return
|
|
974
|
+
return k(this);
|
|
845
975
|
}
|
|
846
976
|
static get watchers() {
|
|
847
977
|
return {
|
|
@@ -851,7 +981,7 @@ const Se = class {
|
|
|
851
981
|
};
|
|
852
982
|
}
|
|
853
983
|
};
|
|
854
|
-
|
|
984
|
+
Ft([
|
|
855
985
|
C({
|
|
856
986
|
name: "nylas-event-duration",
|
|
857
987
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
@@ -861,10 +991,10 @@ Lt([
|
|
|
861
991
|
ce("design:type", Function),
|
|
862
992
|
ce("design:paramtypes", []),
|
|
863
993
|
ce("design:returntype", void 0)
|
|
864
|
-
],
|
|
865
|
-
|
|
866
|
-
const
|
|
867
|
-
var
|
|
994
|
+
], Ee.prototype, "render", null);
|
|
995
|
+
Ee.style = Mt;
|
|
996
|
+
const Nt = ':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-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}', Rt = Nt;
|
|
997
|
+
var Pt = function(e, t, n, a) {
|
|
868
998
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
869
999
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
870
1000
|
s = Reflect.decorate(e, t, n, a);
|
|
@@ -872,13 +1002,13 @@ var At = function(e, t, n, a) {
|
|
|
872
1002
|
for (var r = e.length - 1; r >= 0; r--)
|
|
873
1003
|
(l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
|
|
874
1004
|
return o > 3 && s && Object.defineProperty(t, n, s), s;
|
|
875
|
-
},
|
|
1005
|
+
}, pe = function(e, t) {
|
|
876
1006
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
877
1007
|
return Reflect.metadata(e, t);
|
|
878
1008
|
};
|
|
879
|
-
const
|
|
1009
|
+
const Le = class {
|
|
880
1010
|
constructor(e) {
|
|
881
|
-
|
|
1011
|
+
m(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
|
|
882
1012
|
}
|
|
883
1013
|
connectedCallback() {
|
|
884
1014
|
d("nylas-event-info", "connectedCallback");
|
|
@@ -887,31 +1017,34 @@ const De = class {
|
|
|
887
1017
|
d("nylas-event-info", "componentWillLoad");
|
|
888
1018
|
}
|
|
889
1019
|
componentDidLoad() {
|
|
890
|
-
d("nylas-event-info", "componentDidLoad");
|
|
1020
|
+
d("nylas-event-info", "componentDidLoad"), Ce(["inputs"], this.el);
|
|
891
1021
|
}
|
|
892
1022
|
disconnectedCallback() {
|
|
893
1023
|
d("nylas-event-info", "disconnectedCallback");
|
|
894
1024
|
}
|
|
895
1025
|
render() {
|
|
896
|
-
return i(
|
|
1026
|
+
return i(_, { key: "3d50d24894f959b4f3934d3a9d0c8f22426bbf52" }, i("nylas-form-card", { key: "b4fe6f96328e630aa619b75cbc0119ae2f108e91" }, i("h1", { key: "7cd07abb0cfd695c073149c22754f3233bc3b9c7", slot: "header-title", class: "nylas-event-info__title" }, "Event information"), i("h3", { key: "bc6e7420df55ba180419716ea0f1fd8f3eeab2b8", slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), i("div", { key: "56040379502ac4aa71abcaa9bdfe8424e3097742", slot: "content", class: "nylas-event-info__content" }, i("slot", { key: "b94d1ec6b04e50a78445b7046be9c1f34d4f7c5e", name: "inputs" }))));
|
|
897
1027
|
}
|
|
898
1028
|
static get formAssociated() {
|
|
899
1029
|
return !0;
|
|
900
1030
|
}
|
|
1031
|
+
get el() {
|
|
1032
|
+
return k(this);
|
|
1033
|
+
}
|
|
901
1034
|
};
|
|
902
|
-
|
|
1035
|
+
Pt([
|
|
903
1036
|
C({
|
|
904
1037
|
name: "nylas-event-info",
|
|
905
1038
|
eventToProps: {},
|
|
906
1039
|
fireRegisterEvent: !0
|
|
907
1040
|
}),
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
],
|
|
912
|
-
|
|
913
|
-
const
|
|
914
|
-
var
|
|
1041
|
+
pe("design:type", Function),
|
|
1042
|
+
pe("design:paramtypes", []),
|
|
1043
|
+
pe("design:returntype", void 0)
|
|
1044
|
+
], Le.prototype, "render", null);
|
|
1045
|
+
Le.style = Rt;
|
|
1046
|
+
const zt = ':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-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}', Bt = zt;
|
|
1047
|
+
var jt = function(e, t, n, a) {
|
|
915
1048
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
916
1049
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
917
1050
|
s = Reflect.decorate(e, t, n, a);
|
|
@@ -919,13 +1052,13 @@ var Nt = function(e, t, n, a) {
|
|
|
919
1052
|
for (var r = e.length - 1; r >= 0; r--)
|
|
920
1053
|
(l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
|
|
921
1054
|
return o > 3 && s && Object.defineProperty(t, n, s), s;
|
|
922
|
-
},
|
|
1055
|
+
}, fe = function(e, t) {
|
|
923
1056
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
924
1057
|
return Reflect.metadata(e, t);
|
|
925
1058
|
};
|
|
926
|
-
const
|
|
1059
|
+
const $e = class {
|
|
927
1060
|
constructor(e) {
|
|
928
|
-
|
|
1061
|
+
m(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
|
|
929
1062
|
}
|
|
930
1063
|
connectedCallback() {
|
|
931
1064
|
d("nylas-event-limits", "connectedCallback");
|
|
@@ -934,31 +1067,34 @@ const Ie = class {
|
|
|
934
1067
|
d("nylas-event-limits", "componentWillLoad");
|
|
935
1068
|
}
|
|
936
1069
|
componentDidLoad() {
|
|
937
|
-
d("nylas-event-limits", "componentDidLoad");
|
|
1070
|
+
d("nylas-event-limits", "componentDidLoad"), Ce(["inputs"], this.el);
|
|
938
1071
|
}
|
|
939
1072
|
disconnectedCallback() {
|
|
940
1073
|
d("nylas-event-limits", "disconnectedCallback");
|
|
941
1074
|
}
|
|
942
1075
|
render() {
|
|
943
|
-
return i(
|
|
1076
|
+
return i(_, { key: "30d78f51d8e6e0c358bda5a8721002e19f539987" }, i("nylas-form-card", { key: "708cb09606a7452155d75328fa6b4102edc589f8" }, i("h1", { key: "2bad4fda79ad5721e33c56b023444dde14c24cac", slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), i("h3", { key: "b11865bd252ab95e2ee76b1a442ade752f41862b", slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), i("div", { key: "2987c4d4b8de461f61834cae0b21be88364a2183", slot: "content", class: "nylas-event-limits__content" }, i("slot", { key: "b80a2429328f103dfa5546a0266f03e0df3520d5", name: "inputs" }))));
|
|
944
1077
|
}
|
|
945
1078
|
static get formAssociated() {
|
|
946
1079
|
return !0;
|
|
947
1080
|
}
|
|
1081
|
+
get el() {
|
|
1082
|
+
return k(this);
|
|
1083
|
+
}
|
|
948
1084
|
};
|
|
949
|
-
|
|
1085
|
+
jt([
|
|
950
1086
|
C({
|
|
951
1087
|
name: "nylas-event-limits",
|
|
952
1088
|
eventToProps: {},
|
|
953
1089
|
fireRegisterEvent: !0
|
|
954
1090
|
}),
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
],
|
|
959
|
-
|
|
960
|
-
const
|
|
961
|
-
var
|
|
1091
|
+
fe("design:type", Function),
|
|
1092
|
+
fe("design:paramtypes", []),
|
|
1093
|
+
fe("design:returntype", void 0)
|
|
1094
|
+
], $e.prototype, "render", null);
|
|
1095
|
+
$e.style = Bt;
|
|
1096
|
+
const Wt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.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}', Ut = Wt;
|
|
1097
|
+
var Kt = function(e, t, n, a) {
|
|
962
1098
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
963
1099
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
964
1100
|
s = Reflect.decorate(e, t, n, a);
|
|
@@ -970,10 +1106,97 @@ var zt = function(e, t, n, a) {
|
|
|
970
1106
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
971
1107
|
return Reflect.metadata(e, t);
|
|
972
1108
|
};
|
|
973
|
-
const
|
|
1109
|
+
const He = class {
|
|
1110
|
+
constructor(e) {
|
|
1111
|
+
m(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "location", this.selectedConfiguration = void 0, this.eventLocation = void 0, this.location = this.eventLocation ?? "", this.selectedLocationOption = this.eventLocation ? "custom" : "none";
|
|
1112
|
+
}
|
|
1113
|
+
elementNameChangedHandler(e) {
|
|
1114
|
+
d("nylas-event-location", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
1115
|
+
}
|
|
1116
|
+
selectedConfigurationChangedHandler(e, t) {
|
|
1117
|
+
var a;
|
|
1118
|
+
d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t);
|
|
1119
|
+
const n = (a = e == null ? void 0 : e.event_booking) == null ? void 0 : a.location;
|
|
1120
|
+
n && (this.selectedLocationOption = n ? "custom" : "none", this.location = n);
|
|
1121
|
+
}
|
|
1122
|
+
eventLocationChangedHandler(e, t) {
|
|
1123
|
+
d("nylas-event-location", "eventLocationChangedHandler", e), e !== t && (this.selectedLocationOption = e ? "custom" : "none");
|
|
1124
|
+
}
|
|
1125
|
+
connectedCallback() {
|
|
1126
|
+
d("nylas-event-location", "connectedCallback");
|
|
1127
|
+
}
|
|
1128
|
+
componentWillLoad() {
|
|
1129
|
+
d("nylas-event-location", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
1130
|
+
}
|
|
1131
|
+
componentDidLoad() {
|
|
1132
|
+
d("nylas-event-location", "componentDidLoad");
|
|
1133
|
+
}
|
|
1134
|
+
disconnectedCallback() {
|
|
1135
|
+
d("nylas-event-location", "disconnectedCallback");
|
|
1136
|
+
}
|
|
1137
|
+
selectedOptionChangedHandler(e) {
|
|
1138
|
+
this.selectedLocationOption = e.detail.value, this.selectedLocationOption === "none" && (this.location = "", this.setFormValue("", "location"), this.valueChanged.emit({ value: "", name: this.name }));
|
|
1139
|
+
}
|
|
1140
|
+
setFormValue(e, t) {
|
|
1141
|
+
typeof this.internals.setFormValue == "function" && this.internals.setFormValue(e, t);
|
|
1142
|
+
}
|
|
1143
|
+
handleChange(e) {
|
|
1144
|
+
const t = ye(e.target.value);
|
|
1145
|
+
this.location = t, this.setFormValue(t, "location"), this.valueChanged.emit({ value: t, name: this.name });
|
|
1146
|
+
}
|
|
1147
|
+
render() {
|
|
1148
|
+
const e = [
|
|
1149
|
+
{ value: "none", label: "None" },
|
|
1150
|
+
{ value: "custom", label: "Custom location" }
|
|
1151
|
+
], t = {
|
|
1152
|
+
none: i("location-off-icon", { key: "68f24ab2ac9c92610c37e8cb8f7fb675eb34e1c0" }),
|
|
1153
|
+
custom: i("location-icon", { key: "b82dae045728e7e5f3a4d5f681b8100addbd86d1" })
|
|
1154
|
+
};
|
|
1155
|
+
return i(_, { key: "663ce6f8f67b42528ec804c90223eb01a9ac8078" }, i("div", { key: "8df5d3d4259312db798aa8d6729c3607dcedce47", class: "nylas-event-location", part: "nel" }, i("label", { key: "8c7422b7bbf5e69ca105a97c91c6e77cfc2c960a", htmlFor: "location" }, "Location type", i("span", { key: "d4dd5b670091bb4d73b0c8f856a9ef97aa6bbac9", class: "label-icon" }, i("tooltip-component", { key: "f3f8db4880f00b8031d161af989a9f0d8357325e" }, i("info-icon", { key: "c0ebef1e813376a9e90fa2722a6b4f411ce9f60a", slot: "tooltip-icon" }), i("span", { key: "78071f01cfe674c444b65d5115d7b69e213abb02", slot: "tooltip-content" }, "Choose how you’ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), i("div", { key: "1e7fde8848028a53f862ab19d6417f7d756fac9e", class: "location-input" }, i("select-dropdown", { key: "44b0db28ee7c153cdfd918219128cdf569b24e5e", withSearch: !1, name: "location", options: e, defaultSelectedOption: e.find((n) => n.value == this.selectedLocationOption), exportparts: "sd__dropdown: nel__dropdown, sd__dropdown-button: nel__dropdown-button, sd__dropdown-content: nel__dropdown-content" }, i("span", { key: "19010ea6e4ca8981884600373344742569d29d35", slot: "select-icon" }, t[this.selectedLocationOption])), this.selectedLocationOption === "custom" && i("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: (n) => this.handleChange(n) }))));
|
|
1156
|
+
}
|
|
1157
|
+
static get formAssociated() {
|
|
1158
|
+
return !0;
|
|
1159
|
+
}
|
|
1160
|
+
get host() {
|
|
1161
|
+
return k(this);
|
|
1162
|
+
}
|
|
1163
|
+
static get watchers() {
|
|
1164
|
+
return {
|
|
1165
|
+
name: ["elementNameChangedHandler"],
|
|
1166
|
+
selectedConfiguration: ["selectedConfigurationChangedHandler"],
|
|
1167
|
+
eventLocation: ["eventLocationChangedHandler"]
|
|
1168
|
+
};
|
|
1169
|
+
}
|
|
1170
|
+
};
|
|
1171
|
+
Kt([
|
|
1172
|
+
C({
|
|
1173
|
+
name: "nylas-event-location",
|
|
1174
|
+
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1175
|
+
eventToProps: {},
|
|
1176
|
+
fireRegisterEvent: !0
|
|
1177
|
+
}),
|
|
1178
|
+
ue("design:type", Function),
|
|
1179
|
+
ue("design:paramtypes", []),
|
|
1180
|
+
ue("design:returntype", void 0)
|
|
1181
|
+
], He.prototype, "render", null);
|
|
1182
|
+
He.style = Ut;
|
|
1183
|
+
const Zt = ':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}.nylas-event-title{display:flex;flex-direction:column;gap:4px;position:relative;text-align:left}.nylas-event-title div.title{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);overflow:scroll;white-space:nowrap;scrollbar-width:thin}.nylas-event-title div.title::-webkit-scrollbar{width:6px;height:6px}.nylas-event-title div.title.error{border-color:var(--nylas-error);outline:none}.nylas-event-title input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-event-title span.help-text{color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.nylas-event-title span.error-message{color:var(--nylas-error)}.nylas-event-title 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-title label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-title label span.label-icon{margin-left:4px}.nylas-event-title label span.label-icon tooltip-component{display:flex}.highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:5px;margin-left:4px}.token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:80px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.token-options{right:0;width:325px;max-width:unset}}.token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.token-options ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.token-options ul li:hover,.token-options ul li:focus,.token-options ul li:active,.token-options ul li.active{background-color:var(--nylas-base-100)}.token-options ul li:hover .token-label .token,.token-options ul li:focus .token-label .token,.token-options ul li:active .token-label .token,.token-options ul li.active .token-label .token{color:var(--nylas-primary)}.token-options .selected{background-color:var(--nylas-base-100)}', Yt = Zt;
|
|
1184
|
+
var Vt = function(e, t, n, a) {
|
|
1185
|
+
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
1186
|
+
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1187
|
+
s = Reflect.decorate(e, t, n, a);
|
|
1188
|
+
else
|
|
1189
|
+
for (var r = e.length - 1; r >= 0; r--)
|
|
1190
|
+
(l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
|
|
1191
|
+
return o > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1192
|
+
}, he = function(e, t) {
|
|
1193
|
+
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1194
|
+
return Reflect.metadata(e, t);
|
|
1195
|
+
};
|
|
1196
|
+
const Ae = class {
|
|
974
1197
|
constructor(e) {
|
|
975
1198
|
var t, n;
|
|
976
|
-
|
|
1199
|
+
m(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.eventTitle = (n = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : n.title, this.name = "title", this.showTokens = !1, this.availableTokens = _e.map((a) => ({
|
|
977
1200
|
label: a.token,
|
|
978
1201
|
value: a.value,
|
|
979
1202
|
labelHTML: a
|
|
@@ -1019,14 +1242,14 @@ const Le = class {
|
|
|
1019
1242
|
}
|
|
1020
1243
|
highlightTokens(e) {
|
|
1021
1244
|
let t = e;
|
|
1022
|
-
return
|
|
1245
|
+
return _e.forEach((n) => {
|
|
1023
1246
|
const a = n.value, o = new RegExp(`(\\${a})(?!\\w)`, "g");
|
|
1024
1247
|
t = t.replace(o, '<span class="highlighted-tag">$1</span>');
|
|
1025
1248
|
}), t;
|
|
1026
1249
|
}
|
|
1027
1250
|
getCurrentSelectionForBrowser() {
|
|
1028
1251
|
var a, o, s;
|
|
1029
|
-
const e = (l, r, h,
|
|
1252
|
+
const e = (l, r, h, p) => {
|
|
1030
1253
|
const u = l.replace(/[\u200B-\u200D\uFEFF]/g, ""), g = u.lastIndexOf("$"), v = u.substring(g).split(" ")[0];
|
|
1031
1254
|
return {
|
|
1032
1255
|
focusOffset: r,
|
|
@@ -1034,28 +1257,30 @@ const Le = class {
|
|
|
1034
1257
|
lastWord: v,
|
|
1035
1258
|
currentText: u,
|
|
1036
1259
|
node: h,
|
|
1037
|
-
allSelected:
|
|
1260
|
+
allSelected: p
|
|
1038
1261
|
};
|
|
1039
1262
|
}, t = (l) => {
|
|
1040
1263
|
var r, h;
|
|
1041
1264
|
return l.anchorOffset === 0 && l.focusOffset === ((h = (r = l.focusNode) == null ? void 0 : r.nodeValue) == null ? void 0 : h.length);
|
|
1042
1265
|
};
|
|
1043
|
-
switch (
|
|
1266
|
+
switch (Ke()) {
|
|
1044
1267
|
case "Chrome":
|
|
1045
|
-
const l = (a = this.host.shadowRoot) == null ? void 0 : a.getSelection(), r = l == null ? void 0 : l.focusNode, h = (r == null ? void 0 : r.nodeValue) || "",
|
|
1046
|
-
return e(h, (l == null ? void 0 : l.focusOffset) || -1, r,
|
|
1268
|
+
const l = (a = this.host.shadowRoot) == null ? void 0 : a.getSelection(), r = l == null ? void 0 : l.focusNode, h = (r == null ? void 0 : r.nodeValue) || "", p = l && t(l);
|
|
1269
|
+
return e(h, (l == null ? void 0 : l.focusOffset) || -1, r, p);
|
|
1047
1270
|
case "Firefox":
|
|
1048
1271
|
const u = document.getSelection(), g = ((o = u == null ? void 0 : u.anchorNode) == null ? void 0 : o.nodeValue) || "", v = u && t(u);
|
|
1049
1272
|
return e(g, (u == null ? void 0 : u.focusOffset) || -1, u == null ? void 0 : u.anchorNode, v);
|
|
1050
1273
|
case "Safari":
|
|
1051
|
-
const
|
|
1052
|
-
return e(c, (x == null ? void 0 : x.endOffset) || -1, x == null ? void 0 : x.startContainer,
|
|
1274
|
+
const I = window.getSelection(), x = I == null ? void 0 : I.getComposedRanges(this.host.shadowRoot)[0], c = ((s = x == null ? void 0 : x.startContainer) == null ? void 0 : s.nodeValue) || "", f = I && t(I);
|
|
1275
|
+
return e(c, (x == null ? void 0 : x.endOffset) || -1, x == null ? void 0 : x.startContainer, f);
|
|
1053
1276
|
default:
|
|
1054
1277
|
return console.warn("Browser not supported"), null;
|
|
1055
1278
|
}
|
|
1056
1279
|
}
|
|
1057
1280
|
handleChange(e) {
|
|
1058
|
-
|
|
1281
|
+
let t = e.target.textContent || "";
|
|
1282
|
+
t = ye(t);
|
|
1283
|
+
const n = this.getCurrentSelectionForBrowser();
|
|
1059
1284
|
if (!n) {
|
|
1060
1285
|
this.updateEventTitle(t), this.resetDropdown();
|
|
1061
1286
|
return;
|
|
@@ -1075,7 +1300,7 @@ const Le = class {
|
|
|
1075
1300
|
handleInputKeyDown(e) {
|
|
1076
1301
|
var n, a, o, s;
|
|
1077
1302
|
const t = this.getCurrentSelectionForBrowser();
|
|
1078
|
-
if (t != null && t.allSelected && !
|
|
1303
|
+
if (t != null && t.allSelected && !We(e) && (this.titleRef.innerHTML = ""), e.key === "Enter") {
|
|
1079
1304
|
e.preventDefault();
|
|
1080
1305
|
const l = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(this.ariaActivedescendant);
|
|
1081
1306
|
l && (l.click(), this.ariaActivedescendant = "");
|
|
@@ -1105,8 +1330,8 @@ const Le = class {
|
|
|
1105
1330
|
let o = this.titleRef.firstChild, s = null;
|
|
1106
1331
|
for (; o; ) {
|
|
1107
1332
|
if (o.nodeType === 3) {
|
|
1108
|
-
const
|
|
1109
|
-
if (
|
|
1333
|
+
const f = ((c = o.textContent) == null ? void 0 : c.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", b = n.replace(/[\u200B-\u200D\uFEFF]/g, "");
|
|
1334
|
+
if (f.includes(b)) {
|
|
1110
1335
|
s = o;
|
|
1111
1336
|
break;
|
|
1112
1337
|
}
|
|
@@ -1115,14 +1340,14 @@ const Le = class {
|
|
|
1115
1340
|
}
|
|
1116
1341
|
if (!s)
|
|
1117
1342
|
return;
|
|
1118
|
-
const l = s.textContent || "", r = l.indexOf(a), h = l.substring(0, r),
|
|
1343
|
+
const l = s.textContent || "", r = l.indexOf(a), h = l.substring(0, r), p = l.substring(r + a.length), u = document.createTextNode(h), g = document.createRange(), v = document.createElement("span");
|
|
1119
1344
|
v.classList.add("highlighted-tag"), v.textContent = `${t.value}`;
|
|
1120
|
-
const
|
|
1121
|
-
if (
|
|
1122
|
-
s.replaceWith(u, v,
|
|
1345
|
+
const I = document.createTextNode(p);
|
|
1346
|
+
if (p !== "")
|
|
1347
|
+
s.replaceWith(u, v, I), g.setStart(I, 1);
|
|
1123
1348
|
else {
|
|
1124
|
-
const
|
|
1125
|
-
s.replaceWith(u, v,
|
|
1349
|
+
const f = document.createTextNode("");
|
|
1350
|
+
s.replaceWith(u, v, f), g.setStart(f, 1);
|
|
1126
1351
|
}
|
|
1127
1352
|
this.resetDropdown(), this.titleRef.focus();
|
|
1128
1353
|
const x = window.getSelection();
|
|
@@ -1144,16 +1369,16 @@ const Le = class {
|
|
|
1144
1369
|
}
|
|
1145
1370
|
render() {
|
|
1146
1371
|
var e;
|
|
1147
|
-
return i(
|
|
1372
|
+
return i(_, { key: "66954aa7afd52271b194a1241b46bf54b26eeb38" }, i("div", { key: "f5aebb6914b94cac9aef99bc5e382ffa60572735", class: "nylas-event-title", part: "net" }, i("label", { key: "b99854a3d225a079b1fa86fc4379f16c9a54645c", htmlFor: "title" }, "Event title", i("span", { key: "4c2910eac57af8118fbd5deef5e70587e48ce02f", class: "required" }, "*"), i("span", { key: "e944e4a6498892a2c5cd4558e90a318aa09d1b5b", class: "label-icon" }, i("tooltip-component", { key: "c483e44bf98e26ff2b36752a2812a04cd66acb9d" }, i("info-icon", { key: "9e6ec872bc60e1bd658fbcc47ffd04068fb95543", slot: "tooltip-icon" }), i("span", { key: "108f13463468b574d4fb0417bfd387461c36f3dd", slot: "tooltip-content" }, "Enter a title for your event.")))), i("div", { key: "478be8206ff1eabb6167a6f257f74f646515cddb", class: {
|
|
1148
1373
|
title: !0,
|
|
1149
1374
|
error: this.validationError !== ""
|
|
1150
|
-
}, part: "net__title", ref: (t) => this.titleRef = t, contentEditable: "true", onInput: (t) => this.handleChange(t), onKeyDown: (t) => this.handleInputKeyDown(t) }), this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && i("div", { class: "token-options", part: "net__dropdown-content" }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => i("li", { tabindex: "0", key: t.label, id: t.label, class: { active: this.ariaActivedescendant === t.label }, onClick: (n) => this.selectOption(n, t), role: "option" }, this.getLabelHTML(t.labelHTML))))), i("span", { key: "
|
|
1375
|
+
}, part: "net__title", ref: (t) => this.titleRef = t, contentEditable: "true", onInput: (t) => this.handleChange(t), onKeyDown: (t) => this.handleInputKeyDown(t) }), this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && i("div", { class: "token-options", part: "net__dropdown-content" }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => i("li", { tabindex: "0", key: t.label, id: t.label, class: { active: this.ariaActivedescendant === t.label }, onClick: (n) => this.selectOption(n, t), role: "option" }, this.getLabelHTML(t.labelHTML))))), i("span", { key: "1ceba0cac2c71119094055f1f064cceacaa27ede", class: "help-text" }, "Create a dynamic templated event title by typing $. Learn more"), this.validationError != "" && i("span", { class: "error-message" }, this.validationError)));
|
|
1151
1376
|
}
|
|
1152
1377
|
static get formAssociated() {
|
|
1153
1378
|
return !0;
|
|
1154
1379
|
}
|
|
1155
1380
|
get host() {
|
|
1156
|
-
return
|
|
1381
|
+
return k(this);
|
|
1157
1382
|
}
|
|
1158
1383
|
static get watchers() {
|
|
1159
1384
|
return {
|
|
@@ -1163,20 +1388,20 @@ const Le = class {
|
|
|
1163
1388
|
};
|
|
1164
1389
|
}
|
|
1165
1390
|
};
|
|
1166
|
-
|
|
1391
|
+
Vt([
|
|
1167
1392
|
C({
|
|
1168
1393
|
name: "nylas-event-title",
|
|
1169
1394
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1170
1395
|
eventToProps: {},
|
|
1171
1396
|
fireRegisterEvent: !0
|
|
1172
1397
|
}),
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
],
|
|
1177
|
-
|
|
1178
|
-
const
|
|
1179
|
-
var
|
|
1398
|
+
he("design:type", Function),
|
|
1399
|
+
he("design:paramtypes", []),
|
|
1400
|
+
he("design:returntype", void 0)
|
|
1401
|
+
], Ae.prototype, "render", null);
|
|
1402
|
+
Ae.style = Yt;
|
|
1403
|
+
const qt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-limit-future-bookings{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-limit-future-bookings{flex-direction:column;gap:0.5rem}}.nylas-limit-future-bookings label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-limit-future-bookings label span.label-icon{margin-left:4px}.nylas-limit-future-bookings label span.label-icon tooltip-component{display:flex}', Jt = qt;
|
|
1404
|
+
var Gt = function(e, t, n, a) {
|
|
1180
1405
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
1181
1406
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1182
1407
|
s = Reflect.decorate(e, t, n, a);
|
|
@@ -1184,13 +1409,13 @@ var Wt = function(e, t, n, a) {
|
|
|
1184
1409
|
for (var r = e.length - 1; r >= 0; r--)
|
|
1185
1410
|
(l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
|
|
1186
1411
|
return o > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1187
|
-
},
|
|
1412
|
+
}, be = function(e, t) {
|
|
1188
1413
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1189
1414
|
return Reflect.metadata(e, t);
|
|
1190
1415
|
};
|
|
1191
|
-
const
|
|
1416
|
+
const Me = class {
|
|
1192
1417
|
constructor(e) {
|
|
1193
|
-
|
|
1418
|
+
m(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.availableDaysInFuture = void 0, this.name = "limit-future-bookings", this.selectedNumber = 1, this.selectedPeriod = "day";
|
|
1194
1419
|
}
|
|
1195
1420
|
elementNameChangedHandler(e) {
|
|
1196
1421
|
d("nylas-limit-future-bookings", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -1226,13 +1451,13 @@ const $e = class {
|
|
|
1226
1451
|
e >= 30 && e % 30 === 0 ? (t = e / 30, n = "month") : e >= 7 && e % 7 === 0 ? (t = e / 7, n = "week") : (t = e, n = "day"), this.selectedNumber = t, this.selectedPeriod = n;
|
|
1227
1452
|
}
|
|
1228
1453
|
render() {
|
|
1229
|
-
return i(
|
|
1454
|
+
return i(_, { key: "644b6c27b5f42b8434641d4d5fb66b9b999600f3" }, i("div", { key: "5752ad1825c031be60ae17f8b8e0c045b9dd03f2", class: "nylas-limit-future-bookings", part: "nlfb" }, i("label", { key: "20757b46040b546f588186315b930a9deb0e20e2" }, "Limit future bookings", i("span", { key: "5c8da87988a96a02f56a64d7adbcec0d861218b1", class: "label-icon" }, i("tooltip-component", { key: "d7e59094062b2292b59f4dc0e8d553fa33d9a3a1" }, i("info-icon", { key: "2d180ec4e6daecaa44481ea424fca1488273b1c5", slot: "tooltip-icon" }), i("span", { key: "6c968e6da43177276ef8dcf28f4d250f39a28fe2", slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), i("time-period-selector", { key: "4776c9bc6447a477103eadee1805e7313352e0ee", 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 })));
|
|
1230
1455
|
}
|
|
1231
1456
|
static get formAssociated() {
|
|
1232
1457
|
return !0;
|
|
1233
1458
|
}
|
|
1234
1459
|
get host() {
|
|
1235
|
-
return
|
|
1460
|
+
return k(this);
|
|
1236
1461
|
}
|
|
1237
1462
|
static get watchers() {
|
|
1238
1463
|
return {
|
|
@@ -1242,106 +1467,20 @@ const $e = class {
|
|
|
1242
1467
|
};
|
|
1243
1468
|
}
|
|
1244
1469
|
};
|
|
1245
|
-
|
|
1470
|
+
Gt([
|
|
1246
1471
|
C({
|
|
1247
1472
|
name: "nylas-limit-future-bookings",
|
|
1248
1473
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1249
1474
|
eventToProps: {},
|
|
1250
1475
|
fireRegisterEvent: !0
|
|
1251
1476
|
}),
|
|
1252
|
-
he("design:type", Function),
|
|
1253
|
-
he("design:paramtypes", []),
|
|
1254
|
-
he("design:returntype", void 0)
|
|
1255
|
-
], $e.prototype, "render", null);
|
|
1256
|
-
$e.style = jt;
|
|
1257
|
-
const Ut = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.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}', Zt = Ut;
|
|
1258
|
-
var Yt = function(e, t, n, a) {
|
|
1259
|
-
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
1260
|
-
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1261
|
-
s = Reflect.decorate(e, t, n, a);
|
|
1262
|
-
else
|
|
1263
|
-
for (var r = e.length - 1; r >= 0; r--)
|
|
1264
|
-
(l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
|
|
1265
|
-
return o > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1266
|
-
}, be = function(e, t) {
|
|
1267
|
-
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1268
|
-
return Reflect.metadata(e, t);
|
|
1269
|
-
};
|
|
1270
|
-
const He = class {
|
|
1271
|
-
constructor(e) {
|
|
1272
|
-
y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "location", this.selectedConfiguration = void 0, this.eventLocation = void 0, this.location = this.eventLocation ?? "", this.selectedLocationOption = this.eventLocation ? "custom" : "none";
|
|
1273
|
-
}
|
|
1274
|
-
elementNameChangedHandler(e) {
|
|
1275
|
-
d("nylas-location-component", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
1276
|
-
}
|
|
1277
|
-
selectedConfigurationChangedHandler(e, t) {
|
|
1278
|
-
var a;
|
|
1279
|
-
d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t);
|
|
1280
|
-
const n = (a = e == null ? void 0 : e.event_booking) == null ? void 0 : a.location;
|
|
1281
|
-
n && (this.selectedLocationOption = n ? "custom" : "none", this.location = n);
|
|
1282
|
-
}
|
|
1283
|
-
eventLocationChangedHandler(e, t) {
|
|
1284
|
-
d("nylas-location-component", "eventLocationChangedHandler", e), e !== t && (this.selectedLocationOption = e ? "custom" : "none");
|
|
1285
|
-
}
|
|
1286
|
-
connectedCallback() {
|
|
1287
|
-
d("nylas-location-component", "connectedCallback");
|
|
1288
|
-
}
|
|
1289
|
-
componentWillLoad() {
|
|
1290
|
-
d("nylas-location-component", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
1291
|
-
}
|
|
1292
|
-
componentDidLoad() {
|
|
1293
|
-
d("nylas-location-component", "componentDidLoad");
|
|
1294
|
-
}
|
|
1295
|
-
disconnectedCallback() {
|
|
1296
|
-
d("nylas-location-component", "disconnectedCallback");
|
|
1297
|
-
}
|
|
1298
|
-
selectedOptionChangedHandler(e) {
|
|
1299
|
-
this.selectedLocationOption = e.detail.value, this.selectedLocationOption === "none" && (this.location = "", this.setFormValue("", "location"), this.valueChanged.emit({ value: "", name: this.name }));
|
|
1300
|
-
}
|
|
1301
|
-
setFormValue(e, t) {
|
|
1302
|
-
typeof this.internals.setFormValue == "function" && this.internals.setFormValue(e, t);
|
|
1303
|
-
}
|
|
1304
|
-
handleChange(e) {
|
|
1305
|
-
this.location = e.target.value, this.setFormValue(e.target.value, "location"), this.valueChanged.emit({ value: e.target.value, name: this.name });
|
|
1306
|
-
}
|
|
1307
|
-
render() {
|
|
1308
|
-
const e = [
|
|
1309
|
-
{ value: "none", label: "None" },
|
|
1310
|
-
{ value: "custom", label: "Custom location" }
|
|
1311
|
-
], t = {
|
|
1312
|
-
none: i("location-off-icon", { key: "575c799ee8e373f1fa305166312f3192cbb1195e" }),
|
|
1313
|
-
custom: i("location-icon", { key: "3e9a108a256313289846487fdb5a2c8f93bf06ea" })
|
|
1314
|
-
};
|
|
1315
|
-
return i(k, { key: "8038cd624df0d63608bb23d0b52ee73d62939ba6" }, i("div", { key: "3047dfeacda102f18f0413213a86676eb1c5f901", class: "nylas-event-location", part: "nel" }, i("label", { key: "8cbf08ad544cc6dbfa21f8eca510fe7700756cbb", htmlFor: "location" }, "Location type", i("span", { key: "b806d2ab1087c5d82674d2ba1f697ab650dfff64", class: "label-icon" }, i("tooltip-component", { key: "3a67a7eb1eed2315d46d6e81fe62314bf92226d7" }, i("info-icon", { key: "4e787698acb0d0d272c13a226747c1252741cbe9", slot: "tooltip-icon" }), i("span", { key: "85eb8db37cef3482e59124b21c968dfe4ea38fec", slot: "tooltip-content" }, "Choose how you’ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), i("div", { key: "5970b85d96f9430504846d7ff66a259b639a17d7", class: "location-input" }, i("select-dropdown", { key: "b848b8a01563c1640a0552c385ed268e15431453", withSearch: !1, name: "location", options: e, defaultSelectedOption: e.find((n) => n.value == this.selectedLocationOption), exportparts: "sd__dropdown: nel__dropdown, sd__dropdown-button: nel__dropdown-button, sd__dropdown-content: nel__dropdown-content" }, i("span", { key: "c3bf4e65c37357b12892f333a3a2a22803400e46", slot: "select-icon" }, t[this.selectedLocationOption])), this.selectedLocationOption === "custom" && i("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: (n) => this.handleChange(n) }))));
|
|
1316
|
-
}
|
|
1317
|
-
static get formAssociated() {
|
|
1318
|
-
return !0;
|
|
1319
|
-
}
|
|
1320
|
-
get host() {
|
|
1321
|
-
return _(this);
|
|
1322
|
-
}
|
|
1323
|
-
static get watchers() {
|
|
1324
|
-
return {
|
|
1325
|
-
name: ["elementNameChangedHandler"],
|
|
1326
|
-
selectedConfiguration: ["selectedConfigurationChangedHandler"],
|
|
1327
|
-
eventLocation: ["eventLocationChangedHandler"]
|
|
1328
|
-
};
|
|
1329
|
-
}
|
|
1330
|
-
};
|
|
1331
|
-
Yt([
|
|
1332
|
-
C({
|
|
1333
|
-
name: "nylas-location-component",
|
|
1334
|
-
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1335
|
-
eventToProps: {},
|
|
1336
|
-
fireRegisterEvent: !0
|
|
1337
|
-
}),
|
|
1338
1477
|
be("design:type", Function),
|
|
1339
1478
|
be("design:paramtypes", []),
|
|
1340
1479
|
be("design:returntype", void 0)
|
|
1341
|
-
],
|
|
1342
|
-
|
|
1343
|
-
const
|
|
1344
|
-
var
|
|
1480
|
+
], Me.prototype, "render", null);
|
|
1481
|
+
Me.style = Jt;
|
|
1482
|
+
const Xt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-min-cancellation-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-cancellation-notice{flex-direction:column;gap:0.5rem}}.nylas-min-cancellation-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-cancellation-notice label span.label-icon{margin-left:4px}.nylas-min-cancellation-notice label span.label-icon tooltip-component{display:flex}', Qt = Xt;
|
|
1483
|
+
var en = function(e, t, n, a) {
|
|
1345
1484
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
1346
1485
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1347
1486
|
s = Reflect.decorate(e, t, n, a);
|
|
@@ -1353,9 +1492,9 @@ var qt = function(e, t, n, a) {
|
|
|
1353
1492
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1354
1493
|
return Reflect.metadata(e, t);
|
|
1355
1494
|
};
|
|
1356
|
-
const
|
|
1495
|
+
const Fe = class {
|
|
1357
1496
|
constructor(e) {
|
|
1358
|
-
|
|
1497
|
+
m(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.minCancellationNotice = void 0, this.name = "min-cancellation-notice", this.selectedNumber = 1, this.selectedPeriod = "day";
|
|
1359
1498
|
}
|
|
1360
1499
|
elementNameChangedHandler(e) {
|
|
1361
1500
|
d("nylas-min-cancellation-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -1392,13 +1531,13 @@ const Ae = class {
|
|
|
1392
1531
|
e >= 43200 ? (s = Math.floor(e / 43200), l = "month") : e >= 10080 ? (s = Math.floor(e / 10080), l = "week") : e >= 1440 ? (s = Math.floor(e / 1440), l = "day") : e >= 60 ? (s = Math.floor(e / 60), l = "hour") : (s = e, l = "minute"), this.selectedNumber = s, this.selectedPeriod = l;
|
|
1393
1532
|
}
|
|
1394
1533
|
render() {
|
|
1395
|
-
return i(
|
|
1534
|
+
return i(_, { key: "c8aa308100f6883aba1096c18ee4fa4e93f22031" }, i("div", { key: "98a462f85a7aebb65f004d24d990899b87b70ba5", class: "nylas-min-cancellation-notice", part: "nmcn" }, i("label", { key: "f5e00583b2c9bf32d6e6a66c0bf34021a82cff10" }, "Minimum cancellation notice", i("span", { key: "ff572a74cf14935730b04b67040635cc3405607f", class: "label-icon" }, i("tooltip-component", { key: "5fc8718589a679693f5a042d5d4f45cc6a204d9c" }, i("info-icon", { key: "aa132926b3d719db1bfa3489d3083eb834fcddea", slot: "tooltip-icon" }), i("span", { key: "4ae6e92255f4c34bac09d266c12b6d009ff8e915", slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), i("time-period-selector", { key: "8d74b2848f6231d2a7accb29385e3d02273eec42", 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 })));
|
|
1396
1535
|
}
|
|
1397
1536
|
static get formAssociated() {
|
|
1398
1537
|
return !0;
|
|
1399
1538
|
}
|
|
1400
1539
|
get host() {
|
|
1401
|
-
return
|
|
1540
|
+
return k(this);
|
|
1402
1541
|
}
|
|
1403
1542
|
static get watchers() {
|
|
1404
1543
|
return {
|
|
@@ -1408,7 +1547,7 @@ const Ae = class {
|
|
|
1408
1547
|
};
|
|
1409
1548
|
}
|
|
1410
1549
|
};
|
|
1411
|
-
|
|
1550
|
+
en([
|
|
1412
1551
|
C({
|
|
1413
1552
|
name: "nylas-min-cancellation-notice",
|
|
1414
1553
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
@@ -1418,41 +1557,41 @@ qt([
|
|
|
1418
1557
|
me("design:type", Function),
|
|
1419
1558
|
me("design:paramtypes", []),
|
|
1420
1559
|
me("design:returntype", void 0)
|
|
1421
|
-
],
|
|
1422
|
-
|
|
1423
|
-
var
|
|
1560
|
+
], Fe.prototype, "render", null);
|
|
1561
|
+
Fe.style = Qt;
|
|
1562
|
+
var Ne = { exports: {} };
|
|
1424
1563
|
(function(e, t) {
|
|
1425
1564
|
(function(n, a) {
|
|
1426
1565
|
e.exports = a();
|
|
1427
|
-
})(
|
|
1566
|
+
})(Ue, function() {
|
|
1428
1567
|
var n = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, a = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, o = /\d\d/, s = /\d\d?/, l = /\d*[^-_:/,()\s\d]+/, r = {}, h = function(c) {
|
|
1429
1568
|
return (c = +c) + (c > 68 ? 1900 : 2e3);
|
|
1430
|
-
},
|
|
1431
|
-
return function(
|
|
1432
|
-
this[c] = +
|
|
1569
|
+
}, p = function(c) {
|
|
1570
|
+
return function(f) {
|
|
1571
|
+
this[c] = +f;
|
|
1433
1572
|
};
|
|
1434
1573
|
}, u = [/[+-]\d\d:?(\d\d)?|Z/, function(c) {
|
|
1435
|
-
(this.zone || (this.zone = {})).offset = function(
|
|
1436
|
-
if (!
|
|
1574
|
+
(this.zone || (this.zone = {})).offset = function(f) {
|
|
1575
|
+
if (!f || f === "Z")
|
|
1437
1576
|
return 0;
|
|
1438
|
-
var b =
|
|
1439
|
-
return
|
|
1577
|
+
var b = f.match(/([+-]|\d\d)/g), y = 60 * b[1] + (+b[2] || 0);
|
|
1578
|
+
return y === 0 ? 0 : b[0] === "+" ? -y : y;
|
|
1440
1579
|
}(c);
|
|
1441
1580
|
}], g = function(c) {
|
|
1442
|
-
var
|
|
1443
|
-
return
|
|
1444
|
-
}, v = function(c,
|
|
1445
|
-
var b,
|
|
1446
|
-
if (
|
|
1447
|
-
for (var
|
|
1448
|
-
if (c.indexOf(
|
|
1449
|
-
b =
|
|
1581
|
+
var f = r[c];
|
|
1582
|
+
return f && (f.indexOf ? f : f.s.concat(f.f));
|
|
1583
|
+
}, v = function(c, f) {
|
|
1584
|
+
var b, y = r.meridiem;
|
|
1585
|
+
if (y) {
|
|
1586
|
+
for (var S = 1; S <= 24; S += 1)
|
|
1587
|
+
if (c.indexOf(y(S, 0, f)) > -1) {
|
|
1588
|
+
b = S > 12;
|
|
1450
1589
|
break;
|
|
1451
1590
|
}
|
|
1452
1591
|
} else
|
|
1453
|
-
b = c === (
|
|
1592
|
+
b = c === (f ? "pm" : "PM");
|
|
1454
1593
|
return b;
|
|
1455
|
-
},
|
|
1594
|
+
}, I = { A: [l, function(c) {
|
|
1456
1595
|
this.afternoon = v(c, !1);
|
|
1457
1596
|
}], a: [l, function(c) {
|
|
1458
1597
|
this.afternoon = v(c, !0);
|
|
@@ -1462,109 +1601,109 @@ var Me = { exports: {} };
|
|
|
1462
1601
|
this.milliseconds = 10 * +c;
|
|
1463
1602
|
}], SSS: [/\d{3}/, function(c) {
|
|
1464
1603
|
this.milliseconds = +c;
|
|
1465
|
-
}], s: [s,
|
|
1466
|
-
var
|
|
1467
|
-
if (this.day = b[0],
|
|
1468
|
-
for (var
|
|
1469
|
-
|
|
1470
|
-
}], M: [s,
|
|
1471
|
-
var
|
|
1472
|
-
return
|
|
1604
|
+
}], s: [s, p("seconds")], ss: [s, p("seconds")], m: [s, p("minutes")], mm: [s, p("minutes")], H: [s, p("hours")], h: [s, p("hours")], HH: [s, p("hours")], hh: [s, p("hours")], D: [s, p("day")], DD: [o, p("day")], Do: [l, function(c) {
|
|
1605
|
+
var f = r.ordinal, b = c.match(/\d+/);
|
|
1606
|
+
if (this.day = b[0], f)
|
|
1607
|
+
for (var y = 1; y <= 31; y += 1)
|
|
1608
|
+
f(y).replace(/\[|\]/g, "") === c && (this.day = y);
|
|
1609
|
+
}], M: [s, p("month")], MM: [o, p("month")], MMM: [l, function(c) {
|
|
1610
|
+
var f = g("months"), b = (g("monthsShort") || f.map(function(y) {
|
|
1611
|
+
return y.slice(0, 3);
|
|
1473
1612
|
})).indexOf(c) + 1;
|
|
1474
1613
|
if (b < 1)
|
|
1475
1614
|
throw new Error();
|
|
1476
1615
|
this.month = b % 12 || b;
|
|
1477
1616
|
}], MMMM: [l, function(c) {
|
|
1478
|
-
var
|
|
1479
|
-
if (
|
|
1617
|
+
var f = g("months").indexOf(c) + 1;
|
|
1618
|
+
if (f < 1)
|
|
1480
1619
|
throw new Error();
|
|
1481
|
-
this.month =
|
|
1482
|
-
}], Y: [/[+-]?\d+/,
|
|
1620
|
+
this.month = f % 12 || f;
|
|
1621
|
+
}], Y: [/[+-]?\d+/, p("year")], YY: [o, function(c) {
|
|
1483
1622
|
this.year = h(c);
|
|
1484
|
-
}], YYYY: [/\d{4}/,
|
|
1623
|
+
}], YYYY: [/\d{4}/, p("year")], Z: u, ZZ: u };
|
|
1485
1624
|
function x(c) {
|
|
1486
|
-
var
|
|
1487
|
-
|
|
1488
|
-
for (var
|
|
1489
|
-
var
|
|
1490
|
-
return H || b[
|
|
1491
|
-
return M ||
|
|
1625
|
+
var f, b;
|
|
1626
|
+
f = c, b = r && r.formats;
|
|
1627
|
+
for (var y = (c = f.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(R, H, D) {
|
|
1628
|
+
var O = D && D.toUpperCase();
|
|
1629
|
+
return H || b[D] || n[D] || b[O].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(A, M, P) {
|
|
1630
|
+
return M || P.slice(1);
|
|
1492
1631
|
});
|
|
1493
|
-
})).match(a),
|
|
1494
|
-
var
|
|
1495
|
-
|
|
1632
|
+
})).match(a), S = y.length, E = 0; E < S; E += 1) {
|
|
1633
|
+
var Z = y[E], N = I[Z], L = N && N[0], $ = N && N[1];
|
|
1634
|
+
y[E] = $ ? { regex: L, parser: $ } : Z.replace(/^\[|\]$/g, "");
|
|
1496
1635
|
}
|
|
1497
|
-
return function(
|
|
1498
|
-
for (var H = {},
|
|
1499
|
-
var A =
|
|
1636
|
+
return function(R) {
|
|
1637
|
+
for (var H = {}, D = 0, O = 0; D < S; D += 1) {
|
|
1638
|
+
var A = y[D];
|
|
1500
1639
|
if (typeof A == "string")
|
|
1501
|
-
|
|
1640
|
+
O += A.length;
|
|
1502
1641
|
else {
|
|
1503
|
-
var M = A.regex,
|
|
1504
|
-
|
|
1642
|
+
var M = A.regex, P = A.parser, Y = R.slice(O), B = M.exec(Y)[0];
|
|
1643
|
+
P.call(H, B), R = R.replace(B, "");
|
|
1505
1644
|
}
|
|
1506
1645
|
}
|
|
1507
1646
|
return function(z) {
|
|
1508
|
-
var
|
|
1509
|
-
if (
|
|
1647
|
+
var T = z.afternoon;
|
|
1648
|
+
if (T !== void 0) {
|
|
1510
1649
|
var j = z.hours;
|
|
1511
|
-
|
|
1650
|
+
T ? j < 12 && (z.hours += 12) : j === 12 && (z.hours = 0), delete z.afternoon;
|
|
1512
1651
|
}
|
|
1513
1652
|
}(H), H;
|
|
1514
1653
|
};
|
|
1515
1654
|
}
|
|
1516
|
-
return function(c,
|
|
1655
|
+
return function(c, f, b) {
|
|
1517
1656
|
b.p.customParseFormat = !0, c && c.parseTwoDigitYear && (h = c.parseTwoDigitYear);
|
|
1518
|
-
var
|
|
1519
|
-
|
|
1520
|
-
var
|
|
1657
|
+
var y = f.prototype, S = y.parse;
|
|
1658
|
+
y.parse = function(E) {
|
|
1659
|
+
var Z = E.date, N = E.utc, L = E.args;
|
|
1521
1660
|
this.$u = N;
|
|
1522
1661
|
var $ = L[1];
|
|
1523
1662
|
if (typeof $ == "string") {
|
|
1524
|
-
var
|
|
1525
|
-
H && (
|
|
1663
|
+
var R = L[2] === !0, H = L[3] === !0, D = R || H, O = L[2];
|
|
1664
|
+
H && (O = L[2]), r = this.$locale(), !R && O && (r = b.Ls[O]), this.$d = function(Y, B, z) {
|
|
1526
1665
|
try {
|
|
1527
1666
|
if (["x", "X"].indexOf(B) > -1)
|
|
1528
|
-
return new Date((B === "X" ? 1e3 : 1) *
|
|
1529
|
-
var
|
|
1667
|
+
return new Date((B === "X" ? 1e3 : 1) * Y);
|
|
1668
|
+
var T = x(B)(Y), j = T.year, V = T.month, Re = T.day, Pe = T.hours, ze = T.minutes, Be = T.seconds, je = T.milliseconds, ge = T.zone, J = /* @__PURE__ */ new Date(), G = Re || (j || V ? 1 : J.getDate()), X = j || J.getFullYear(), q = 0;
|
|
1530
1669
|
j && !V || (q = V > 0 ? V - 1 : J.getMonth());
|
|
1531
|
-
var Q =
|
|
1532
|
-
return
|
|
1670
|
+
var Q = Pe || 0, ee = ze || 0, te = Be || 0, ne = je || 0;
|
|
1671
|
+
return ge ? new Date(Date.UTC(X, q, G, Q, ee, te, ne + 60 * ge.offset * 1e3)) : z ? new Date(Date.UTC(X, q, G, Q, ee, te, ne)) : new Date(X, q, G, Q, ee, te, ne);
|
|
1533
1672
|
} catch {
|
|
1534
1673
|
return /* @__PURE__ */ new Date("");
|
|
1535
1674
|
}
|
|
1536
|
-
}(
|
|
1675
|
+
}(Z, $, N), this.init(), O && O !== !0 && (this.$L = this.locale(O).$L), D && Z != this.format($) && (this.$d = /* @__PURE__ */ new Date("")), r = {};
|
|
1537
1676
|
} else if ($ instanceof Array)
|
|
1538
1677
|
for (var A = $.length, M = 1; M <= A; M += 1) {
|
|
1539
1678
|
L[1] = $[M - 1];
|
|
1540
|
-
var
|
|
1541
|
-
if (
|
|
1542
|
-
this.$d =
|
|
1679
|
+
var P = b.apply(this, L);
|
|
1680
|
+
if (P.isValid()) {
|
|
1681
|
+
this.$d = P.$d, this.$L = P.$L, this.init();
|
|
1543
1682
|
break;
|
|
1544
1683
|
}
|
|
1545
1684
|
M === A && (this.$d = /* @__PURE__ */ new Date(""));
|
|
1546
1685
|
}
|
|
1547
1686
|
else
|
|
1548
|
-
|
|
1687
|
+
S.call(this, E);
|
|
1549
1688
|
};
|
|
1550
1689
|
};
|
|
1551
1690
|
});
|
|
1552
|
-
})(
|
|
1553
|
-
const
|
|
1554
|
-
|
|
1555
|
-
const
|
|
1691
|
+
})(Ne);
|
|
1692
|
+
const tn = Ne.exports, nn = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.time-picker{display:inline-block;width:150px;font-family:var(--nylas-font-family);position:relative}@media screen and (max-width: 768px){.time-picker{width:auto}}.time-picker input{width:150px;height:48px;text-align:center;font-size:16px;font-family:inherit;cursor:pointer;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.time-picker input{width:88px}}@media screen and (max-width: 504px){.time-picker input{width:68px;font-size:15px}}.time-picker input.focus{background:transparent}.time-picker input:hover,.time-picker input:active{border:1px solid var(--nylas-primary)}.time-picker input:active{outline:2px solid var(--nylas-primary)}.time-picker input span.open{transform:rotate(90deg)}.time-picker input span.closed{transform:rotate(270deg)}.time-picker input.error{border:1px solid var(--nylas-error)}.time-picker p.error{color:var(--nylas-error);font-size:0.875rem;margin:0}.times{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.times ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.times ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:center;cursor:pointer}.times ul li.focused{background-color:var(--nylas-base-100)}.times ul li:hover,.times ul li:focus{background-color:var(--nylas-base-100)}.times ul li label{display:flex;align-items:center;gap:0.5rem}.times ul li label input{margin:0}', an = nn;
|
|
1693
|
+
K.extend(tn);
|
|
1694
|
+
const sn = class {
|
|
1556
1695
|
constructor(e) {
|
|
1557
|
-
|
|
1696
|
+
m(this, e), this.timeChange = w(this, "timeChange", 7), this.formError = w(this, "formError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
|
|
1558
1697
|
}
|
|
1559
1698
|
handleOutsideClick(e) {
|
|
1560
1699
|
!e.composedPath().includes(this.el) && this.showTimes && (this.showTimes = !1);
|
|
1561
1700
|
}
|
|
1562
1701
|
minimumStartTimeChangedHandler() {
|
|
1563
1702
|
if (this.minimumStartTime) {
|
|
1564
|
-
let e =
|
|
1703
|
+
let e = K().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4, -2)));
|
|
1565
1704
|
this.minimumStartTime.slice(-2).toLowerCase() === "pm" && parseInt(this.minimumStartTime) !== 12 ? e = e.add(12, "hour") : this.minimumStartTime.slice(-2).toLowerCase() === "am" && parseInt(this.minimumStartTime) === 12 && (e = e.subtract(12, "hour")), this.times = this.generateTimes();
|
|
1566
|
-
const t =
|
|
1567
|
-
|
|
1705
|
+
const t = K(this.times[0].value, "hh:mma");
|
|
1706
|
+
K(this.time, "hh:mma").isBefore(t) && (this.err = "Invalid", this.formError.emit({
|
|
1568
1707
|
key: this.el.id,
|
|
1569
1708
|
message: "Invalid"
|
|
1570
1709
|
}));
|
|
@@ -1604,14 +1743,14 @@ const Qt = class {
|
|
|
1604
1743
|
return;
|
|
1605
1744
|
}
|
|
1606
1745
|
if (t === "") {
|
|
1607
|
-
const a =
|
|
1746
|
+
const a = xe().format("hh:mma");
|
|
1608
1747
|
this.timeChange.emit({
|
|
1609
1748
|
key: this.el.id,
|
|
1610
1749
|
value: a
|
|
1611
1750
|
});
|
|
1612
1751
|
return;
|
|
1613
1752
|
}
|
|
1614
|
-
if (!
|
|
1753
|
+
if (!ke(t)) {
|
|
1615
1754
|
const a = ae(t);
|
|
1616
1755
|
this.timeChange.emit({
|
|
1617
1756
|
key: this.el.id,
|
|
@@ -1629,11 +1768,11 @@ const Qt = class {
|
|
|
1629
1768
|
const t = (n = e.target) == null ? void 0 : n.value;
|
|
1630
1769
|
if (ie(t)) {
|
|
1631
1770
|
if (t === "") {
|
|
1632
|
-
const a =
|
|
1771
|
+
const a = xe().format("hh:mma"), o = this.times.findIndex((s) => s.value === a);
|
|
1633
1772
|
o > -1 && this.scrollToViewWithinParent(o);
|
|
1634
1773
|
return;
|
|
1635
1774
|
}
|
|
1636
|
-
if (!
|
|
1775
|
+
if (!ke(t)) {
|
|
1637
1776
|
const a = ae(t), o = this.times.findIndex((s) => s.value === a);
|
|
1638
1777
|
o > -1 && this.scrollToViewWithinParent(o);
|
|
1639
1778
|
return;
|
|
@@ -1642,8 +1781,8 @@ const Qt = class {
|
|
|
1642
1781
|
}
|
|
1643
1782
|
generateTimes() {
|
|
1644
1783
|
const e = [];
|
|
1645
|
-
let t =
|
|
1646
|
-
this.minimumStartTime && (t =
|
|
1784
|
+
let t = K().set("hour", 0).set("minute", 0).set("second", 0);
|
|
1785
|
+
this.minimumStartTime && (t = K(this.minimumStartTime, "hh:mma"));
|
|
1647
1786
|
const n = t.endOf("day").diff(t, "minutes"), a = Math.round(n / 15);
|
|
1648
1787
|
for (let o = 0; o < a + 1; o++) {
|
|
1649
1788
|
const s = t.add(o * 15, "minute");
|
|
@@ -1709,11 +1848,11 @@ const Qt = class {
|
|
|
1709
1848
|
a && (a.focus(), a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
|
|
1710
1849
|
}
|
|
1711
1850
|
render() {
|
|
1712
|
-
return i(
|
|
1851
|
+
return i(_, { key: "bb7dc42bbfdbad25bfcd419846582d470a2e9df9" }, i("div", { key: "26df571e17431fb0d27e8a0166334f30f19c3067", class: "time-picker", part: "time-picker" }, i("input", { key: "3391356d69af3205a3427bd791124af6a05d5524", type: "text", name: this.name, id: this.name, part: "time-input", class: {
|
|
1713
1852
|
"time-input": !0,
|
|
1714
1853
|
error: !!this.err || this.hasError
|
|
1715
1854
|
}, ref: (e) => this.timeInput = e, value: this.time, onClick: () => {
|
|
1716
|
-
this.showTimes = !
|
|
1855
|
+
this.showTimes = !this.showTimes, this.shouldAutoScroll = !0;
|
|
1717
1856
|
}, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.showTimes ? "true" : "false", placeholder: this.placeholder, onKeyDown: (e) => this.handleComboboxKeyDown(e), onInput: (e) => this.handleOnInput(e), onBlur: (e) => this.handleTimeAutocomplete(e) }), this.err && i("div", { class: "invalid-time-icon" }), this.showTimes && i("div", { class: "times", part: "times", ref: (e) => this.timeMenu = e }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.times.map((e) => i("li", { tabindex: "0", key: e.id, id: e.id.toString(), class: {
|
|
1718
1857
|
focused: this.ariaActivedescendant === e.id.toString()
|
|
1719
1858
|
}, onClick: (t) => {
|
|
@@ -1721,7 +1860,7 @@ const Qt = class {
|
|
|
1721
1860
|
}, role: "option" }, `${e.value}`)))), !this.showTimes && this.err && i("p", { class: "error", id: "email-error" }, this.err)));
|
|
1722
1861
|
}
|
|
1723
1862
|
get el() {
|
|
1724
|
-
return
|
|
1863
|
+
return k(this);
|
|
1725
1864
|
}
|
|
1726
1865
|
static get watchers() {
|
|
1727
1866
|
return {
|
|
@@ -1729,27 +1868,28 @@ const Qt = class {
|
|
|
1729
1868
|
};
|
|
1730
1869
|
}
|
|
1731
1870
|
};
|
|
1732
|
-
|
|
1871
|
+
sn.style = an;
|
|
1733
1872
|
export {
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
Te as
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
Se as
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1873
|
+
Ve as add_circle_icon,
|
|
1874
|
+
Ge as button_component,
|
|
1875
|
+
et as calendar_info_icon,
|
|
1876
|
+
at as calendar_patterns_icon,
|
|
1877
|
+
ot as flow_icon,
|
|
1878
|
+
dt as input_dropdown,
|
|
1879
|
+
ft as location_icon,
|
|
1880
|
+
bt as location_off_icon,
|
|
1881
|
+
gt as multi_select_dropdown,
|
|
1882
|
+
Oe as nylas_availability_picker,
|
|
1883
|
+
Te as nylas_booking_calendar_picker,
|
|
1884
|
+
Ie as nylas_buffer_time,
|
|
1885
|
+
De as nylas_calendar_picker,
|
|
1886
|
+
Se as nylas_event_description,
|
|
1887
|
+
Ee as nylas_event_duration,
|
|
1888
|
+
Le as nylas_event_info,
|
|
1889
|
+
$e as nylas_event_limits,
|
|
1890
|
+
He as nylas_event_location,
|
|
1891
|
+
Ae as nylas_event_title,
|
|
1892
|
+
Me as nylas_limit_future_bookings,
|
|
1893
|
+
Fe as nylas_min_cancellation_notice,
|
|
1894
|
+
sn as nylas_time_window_picker
|
|
1755
1895
|
};
|