@nylas/react 1.1.0-canary.16 → 1.1.0-canary.17
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_2.entry-936fd73b.cjs +1 -0
- package/dist/add-circle-icon_2.entry-ce6aaa1d.js +25 -0
- package/dist/{archive-icon_7.entry-54dc5cc2.js → archive-icon_7.entry-60e900b6.js} +18 -18
- package/dist/{archive-icon_7.entry-073d9915.cjs → archive-icon_7.entry-8c8317e9.cjs} +1 -1
- package/dist/{arrow-icon.entry-869a1db9.js → arrow-icon.entry-057db95a.js} +2 -2
- package/dist/{arrow-icon.entry-bada78b8.cjs → arrow-icon.entry-2d4e9572.cjs} +1 -1
- package/dist/bold-icon_3.entry-557c6007.js +35 -0
- package/dist/{bold-icon_3.entry-cc6150c9.cjs → bold-icon_3.entry-ba732761.cjs} +1 -1
- package/dist/{button-component.entry-a0533c8b.js → button-component.entry-22d0ac2e.js} +2 -2
- package/dist/{button-component.entry-3703ecff.cjs → button-component.entry-385f9581.cjs} +1 -1
- package/dist/{calendar-cancel-icon.entry-a9ab0b09.js → calendar-cancel-icon.entry-820cf967.js} +5 -5
- package/dist/{calendar-cancel-icon.entry-0f1d98b3.cjs → calendar-cancel-icon.entry-b2657caf.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-a62b5d2c.js → calendar-check-icon_2.entry-128a5d67.js} +9 -9
- package/dist/{calendar-check-icon_2.entry-6b83717e.cjs → calendar-check-icon_2.entry-b13e7cbb.cjs} +1 -1
- package/dist/{calendar-icon.entry-ddc22561.js → calendar-icon.entry-a43e6011.js} +5 -5
- package/dist/{calendar-icon.entry-08f83da9.cjs → calendar-icon.entry-d17d7cfb.cjs} +1 -1
- package/dist/calendar-info-icon_28.entry-b4f09bfe.cjs +1 -0
- package/dist/{calendar-info-icon_27.entry-f02f44b7.js → calendar-info-icon_28.entry-b71c23c5.js} +526 -700
- package/dist/{chevron-icon_3.entry-978b52d5.cjs → chevron-icon_3.entry-4807a0b1.cjs} +1 -1
- package/dist/{chevron-icon_3.entry-f27202a2.js → chevron-icon_3.entry-e0796c69.js} +5 -5
- package/dist/{clock-icon_2.entry-b7b8ef46.cjs → clock-icon_2.entry-267614c2.cjs} +1 -1
- package/dist/{clock-icon_2.entry-2277fd45.js → clock-icon_2.entry-e959ae50.js} +7 -7
- package/dist/{constants-f34b9c6e-ccdbc4ac.cjs → constants-f34b9c6e-ebc2e19c.cjs} +1 -1
- package/dist/{constants-f34b9c6e-bbca6b6e.js → constants-f34b9c6e-efe2836b.js} +1 -1
- package/dist/{document-refresh-icon.entry-656a5e02.js → document-refresh-icon.entry-b4c217df.js} +2 -2
- package/dist/{document-refresh-icon.entry-5795e2a9.cjs → document-refresh-icon.entry-b8850675.cjs} +1 -1
- package/dist/elements/index.d.ts +1 -0
- package/dist/{elements-dc5b338e-d48368b1.cjs → elements-dc5b338e-a33785e3.cjs} +1 -1
- package/dist/{elements-dc5b338e-c4a07acc.js → elements-dc5b338e-b0a290ae.js} +1 -1
- package/dist/{focus-visible-e8093c16-10c0fa06.js → focus-visible-e8093c16-5f1ae916.js} +1 -1
- package/dist/{focus-visible-e8093c16-c86f3687.cjs → focus-visible-e8093c16-d2afb13d.cjs} +1 -1
- package/dist/{forward-icon_6.entry-07cd4b52.cjs → forward-icon_6.entry-0009e4f0.cjs} +3 -3
- package/dist/{forward-icon_6.entry-39d788af.js → forward-icon_6.entry-53683e82.js} +9 -9
- package/dist/{globe-icon.entry-60a53e89.js → globe-icon.entry-dbb47687.js} +4 -4
- package/dist/{globe-icon.entry-76c90d97.cjs → globe-icon.entry-df67eab8.cjs} +1 -1
- package/dist/google-logo-icon_4.entry-77f3b86e.js +454 -0
- package/dist/google-logo-icon_4.entry-c5db1be3.cjs +1 -0
- package/dist/index-53420959-16700a42.cjs +1 -0
- package/dist/index-53420959-f0c4f9af.js +5 -0
- package/dist/{index-f383e3c4.js → index-5851f0a2.js} +902 -901
- package/dist/{index-6d9eeb53-38c9f47c.js → index-6d9eeb53-2f37342f.js} +2 -2
- package/dist/{index-6d9eeb53-66c114b2.cjs → index-6d9eeb53-ded66877.cjs} +1 -1
- package/dist/{index-f435e814.cjs → index-769f0fdd.cjs} +3 -3
- package/dist/{index.es-9cc0eb3c-510db795.js → index.es-9cc0eb3c-2cf4632f.js} +1 -1
- package/dist/{index.es-9cc0eb3c-09dc620b.cjs → index.es-9cc0eb3c-e8de46e6.cjs} +1 -1
- package/dist/{info-icon_2.entry-a61859ac.js → info-icon_2.entry-c27ac645.js} +3 -3
- package/dist/{info-icon_2.entry-7fe8bcd9.cjs → info-icon_2.entry-e355fb7d.cjs} +1 -1
- package/dist/{input-component.entry-12f60175.js → input-component.entry-a38a65da.js} +4 -4
- package/dist/{input-component.entry-04dcc655.cjs → input-component.entry-ef2b397d.cjs} +1 -1
- package/dist/input-dropdown_2.entry-9e50060e.cjs +1 -0
- package/dist/{input-dropdown_2.entry-0e5925a7.js → input-dropdown_2.entry-ce1da1b3.js} +35 -28
- package/dist/loading-icon.entry-175aca19.cjs +1 -0
- package/dist/loading-icon.entry-4ab88ed8.js +15 -0
- package/dist/{mailbox-store-64b4ef7c-017196a6.js → mailbox-store-64b4ef7c-47dac9aa.js} +2 -2
- package/dist/{mailbox-store-64b4ef7c-1e6c96cc.cjs → mailbox-store-64b4ef7c-ebe84c96.cjs} +1 -1
- package/dist/{nylas-booked-event-card_10.entry-5a9a4cc6.cjs → nylas-booked-event-card_10.entry-6de99d57.cjs} +1 -1
- package/dist/{nylas-booked-event-card_10.entry-2dff7f16.js → nylas-booked-event-card_10.entry-ef9c2d62.js} +9 -9
- package/dist/{nylas-custom-booking-flow.entry-36f7a943.cjs → nylas-custom-booking-flow.entry-c59c1306.cjs} +1 -1
- package/dist/{nylas-custom-booking-flow.entry-feed589b.js → nylas-custom-booking-flow.entry-f31400e2.js} +7 -7
- package/dist/{nylas-form-card.entry-49f519dd.js → nylas-form-card.entry-b189e066.js} +8 -8
- package/dist/{nylas-form-card.entry-e9f09602.cjs → nylas-form-card.entry-bc048703.cjs} +1 -1
- package/dist/{nylas-if-state.entry-127694a9.js → nylas-if-state.entry-5bdf8669.js} +3 -3
- package/dist/{nylas-if-state.entry-81916723.cjs → nylas-if-state.entry-933c79e0.cjs} +1 -1
- package/dist/{nylas-list-folders.entry-f4c68fb9.cjs → nylas-list-folders.entry-5d1bef7f.cjs} +1 -1
- package/dist/{nylas-list-folders.entry-e3e9ec1f.js → nylas-list-folders.entry-f0e7ae4e.js} +3 -3
- package/dist/{nylas-list-threads.entry-f0a1b9d1.cjs → nylas-list-threads.entry-3e300e7e.cjs} +1 -1
- package/dist/{nylas-list-threads.entry-fa4b5318.js → nylas-list-threads.entry-3f7451ad.js} +3 -3
- package/dist/{nylas-login.entry-aeac716e.cjs → nylas-login.entry-dbf9e11f.cjs} +1 -1
- package/dist/{nylas-login.entry-6d17e994.js → nylas-login.entry-e3b757a0.js} +7 -7
- package/dist/{nylas-mailbox-pagination.entry-50fba238.cjs → nylas-mailbox-pagination.entry-0db12a01.cjs} +1 -1
- package/dist/{nylas-mailbox-pagination.entry-c440f56a.js → nylas-mailbox-pagination.entry-6c845a2a.js} +2 -2
- package/dist/{nylas-mailbox-toolbar-button.entry-d3d0c870.cjs → nylas-mailbox-toolbar-button.entry-553f041a.cjs} +1 -1
- package/dist/{nylas-mailbox-toolbar-button.entry-14e30d36.js → nylas-mailbox-toolbar-button.entry-ec196947.js} +4 -4
- package/dist/{nylas-mailbox.entry-a59159c7.js → nylas-mailbox.entry-1552ad11.js} +7 -7
- package/dist/{nylas-mailbox.entry-2fdb3d4c.cjs → nylas-mailbox.entry-c0bbca56.cjs} +1 -1
- package/dist/{nylas-provider.entry-d7dbb5fc.js → nylas-provider.entry-6d286e92.js} +37 -37
- package/dist/{nylas-provider.entry-dfa8c7c1.cjs → nylas-provider.entry-d4bf23c2.cjs} +1 -1
- package/dist/{nylas-scheduler-editor.entry-67e71234.cjs → nylas-scheduler-editor.entry-00a71304.cjs} +1 -1
- package/dist/{nylas-scheduler-editor.entry-3b44b807.js → nylas-scheduler-editor.entry-caa1026b.js} +4 -4
- package/dist/{nylas-scheduling.entry-68f72bf7.js → nylas-scheduling.entry-19ff3d50.js} +3 -3
- package/dist/{nylas-scheduling.entry-0ce0dab9.cjs → nylas-scheduling.entry-f1fb67d2.cjs} +1 -1
- package/dist/{nylas-threads-refresh.entry-23a83bd4.js → nylas-threads-refresh.entry-6acf3c2b.js} +4 -4
- package/dist/{nylas-threads-refresh.entry-955e92c7.cjs → nylas-threads-refresh.entry-bc4c10ea.cjs} +1 -1
- package/dist/{nylas-threads-search.entry-8f01ee4a.js → nylas-threads-search.entry-82fa1504.js} +5 -5
- package/dist/{nylas-threads-search.entry-2fb6db63.cjs → nylas-threads-search.entry-ee28712c.cjs} +1 -1
- package/dist/nylas-time-window-picker.entry-131f84b4.cjs +1 -0
- package/dist/nylas-time-window-picker.entry-3c45d82e.js +316 -0
- package/dist/{nylas-view-thread.entry-3cf0c1ac.cjs → nylas-view-thread.entry-0d9a4aa9.cjs} +1 -1
- package/dist/{nylas-view-thread.entry-b957f88b.js → nylas-view-thread.entry-695a7b0b.js} +6 -6
- package/dist/{play-icon_2.entry-ecdf8ea4.js → play-icon_2.entry-ab47588e.js} +3 -3
- package/dist/{play-icon_2.entry-c92d5237.cjs → play-icon_2.entry-b1167d3a.cjs} +1 -1
- package/dist/react.cjs +1 -1
- package/dist/react.js +41 -40
- package/dist/{refresh-icon.entry-76e58ccb.cjs → refresh-icon.entry-28e3ade7.cjs} +1 -1
- package/dist/{refresh-icon.entry-480d28aa.js → refresh-icon.entry-43267155.js} +5 -5
- package/dist/{register-component-a5a9ca5d-438c8a96.js → register-component-a5a9ca5d-538c35c3.js} +1 -1
- package/dist/{register-component-a5a9ca5d-ebf633cf.cjs → register-component-a5a9ca5d-8b06415c.cjs} +1 -1
- package/dist/{scheduler-config-store-4a50a03d-d5a5899e.cjs → scheduler-config-store-4a50a03d-40e87f35.cjs} +1 -1
- package/dist/{scheduler-config-store-4a50a03d-defa6368.js → scheduler-config-store-4a50a03d-4a2e2abf.js} +1 -1
- package/dist/{scheduler-store-f02ce045-de4cb1f5.js → scheduler-store-f02ce045-121c1e09.js} +1 -1
- package/dist/{scheduler-store-f02ce045-00faab09.cjs → scheduler-store-f02ce045-f11cfad9.cjs} +1 -1
- package/dist/{textarea-component.entry-1c8d11af.js → textarea-component.entry-1ec19adb.js} +4 -4
- package/dist/{textarea-component.entry-5ff249a8.cjs → textarea-component.entry-402a369b.cjs} +1 -1
- package/dist/{translate-icon.entry-a55c013b.cjs → translate-icon.entry-59f4e190.cjs} +1 -1
- package/dist/{translate-icon.entry-3741cac0.js → translate-icon.entry-d412697e.js} +6 -6
- package/dist/{warning-icon.entry-445352b5.js → warning-icon.entry-3ee1f451.js} +5 -5
- package/dist/{warning-icon.entry-1a104c52.cjs → warning-icon.entry-aa6b2c2c.cjs} +1 -1
- package/package.json +2 -2
- package/dist/add-circle-icon_2.entry-035ffd48.cjs +0 -1
- package/dist/add-circle-icon_2.entry-5cadaf97.js +0 -25
- package/dist/bold-icon_3.entry-5695177e.js +0 -35
- package/dist/calendar-info-icon_27.entry-a8390790.cjs +0 -1
- package/dist/google-logo-icon_4.entry-5402eae2.cjs +0 -1
- package/dist/google-logo-icon_4.entry-d327d68f.js +0 -438
- package/dist/index-53420959-791b4e73.js +0 -5
- package/dist/index-53420959-9f979766.cjs +0 -1
- package/dist/input-dropdown_2.entry-d9bff099.cjs +0 -1
- package/dist/loading-icon.entry-51ddd748.js +0 -15
- package/dist/loading-icon.entry-f82786b4.cjs +0 -1
- package/dist/toggle-switch.entry-26d3d1c9.cjs +0 -1
- package/dist/toggle-switch.entry-339ab48b.js +0 -25
package/dist/{calendar-info-icon_27.entry-f02f44b7.js → calendar-info-icon_28.entry-b71c23c5.js}
RENAMED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { R as
|
|
3
|
-
import { T as
|
|
4
|
-
import { s as
|
|
5
|
-
import "./index-53420959-
|
|
1
|
+
import { r as p, h as a, c as u, d as r, H as y, g as h, G as w, I as x, J as V, K as q, L as he, M as O, O as me } from "./index-5851f0a2.js";
|
|
2
|
+
import { R as m } from "./register-component-a5a9ca5d-538c35c3.js";
|
|
3
|
+
import { T as J, E as K } from "./constants-f34b9c6e-efe2836b.js";
|
|
4
|
+
import { s as H } from "./index-6d9eeb53-2f37342f.js";
|
|
5
|
+
import "./index-53420959-f0c4f9af.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import "react-dom";
|
|
8
|
-
const
|
|
8
|
+
const ge = ".sc-calendar-info-icon-h{display:flex}", ve = ge, _e = class {
|
|
9
9
|
constructor(e) {
|
|
10
|
-
|
|
10
|
+
p(this, e), this.width = "20", this.height = "20";
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return a("svg", { key: "
|
|
13
|
+
return a("svg", { key: "cccc82de81a96835882467868c393b01acefd2ce", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "1d4e348404256d41966b5f59f34151493412c4cb", 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" }));
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
-
|
|
17
|
-
const
|
|
16
|
+
_e.style = ve;
|
|
17
|
+
const ke = ".sc-calendar-patterns-icon-h{display:flex}", xe = ke, Ce = class {
|
|
18
18
|
constructor(e) {
|
|
19
|
-
|
|
19
|
+
p(this, e), this.width = "20", this.height = "20";
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return a("svg", { key: "
|
|
22
|
+
return a("svg", { key: "dd2ac860a58584163788ba39e76c53c456b8effe", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "fe1368d38056f3d10efca5ec6fcde6dc92821df6", 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" }));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
|
|
26
|
-
const
|
|
25
|
+
Ce.style = xe;
|
|
26
|
+
const we = 'label{--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;display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--nylas-primary)}label .checkmark{border-radius:var(--nylas-border-radius);border:2px solid var(--nylas-base-800);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}', Oe = we, Ie = class {
|
|
27
27
|
constructor(e) {
|
|
28
|
-
|
|
28
|
+
p(this, e), this.nylasFormCheckboxToggled = u(this, "nylasFormCheckboxToggled", 7), this.name = "checkbox", this.checked = !1, this.label = "", this.isChecked = this.checked;
|
|
29
29
|
}
|
|
30
30
|
componentWillLoad() {
|
|
31
31
|
this.isChecked = this.checked;
|
|
@@ -38,40 +38,40 @@ const dt = 'label{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pr
|
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return a("label", { key: "
|
|
41
|
+
return a("label", { key: "9d7aecec74bf3dabbb242324c0d028b46213b81f" }, a("input", { key: "d0e94c6ee729adab2bc6df57f573024f632d87b9", type: "checkbox", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), a("span", { key: "95d00654e241d754eca4b721df4c71d3649d2dc0", class: "checkmark" }), a("slot", { key: "f5560353f9371cd8d14b18f4ca1000123770b094", name: "label" }, a("span", { key: "09189dda1ec3da4095ae2d8978e579d4f0dd5a4a", class: "label" }, this.label)));
|
|
42
42
|
}
|
|
43
43
|
};
|
|
44
|
-
|
|
45
|
-
const
|
|
44
|
+
Ie.style = Oe;
|
|
45
|
+
const Te = ".sc-flow-icon-h{display:flex}", He = Te, $e = class {
|
|
46
46
|
constructor(e) {
|
|
47
|
-
|
|
47
|
+
p(this, e), this.width = "16", this.height = "12";
|
|
48
48
|
}
|
|
49
49
|
render() {
|
|
50
|
-
return a("svg", { key: "
|
|
50
|
+
return a("svg", { key: "990421d00dad37fc4e84a1e472f71486b0af9e8b", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "1458febb2237e9d0b3b0e7ba75891a85aaa70f16", 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" }));
|
|
51
51
|
}
|
|
52
52
|
};
|
|
53
|
-
|
|
54
|
-
const
|
|
53
|
+
$e.style = He;
|
|
54
|
+
const De = ".sc-location-icon-h{display:flex}", Se = De, Ee = class {
|
|
55
55
|
constructor(e) {
|
|
56
|
-
|
|
56
|
+
p(this, e), this.width = "16", this.height = "18";
|
|
57
57
|
}
|
|
58
58
|
render() {
|
|
59
|
-
return a("svg", { key: "
|
|
59
|
+
return a("svg", { key: "18863bae4b528331182b4f9f2d57ec427a7537ab", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "b2450f8d8b35c9b0fcfe776b5517b7454e332255", 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" }));
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
|
-
|
|
63
|
-
const
|
|
62
|
+
Ee.style = Se;
|
|
63
|
+
const Le = ".sc-location-off-icon-h{display:flex}", Ne = Le, Pe = class {
|
|
64
64
|
constructor(e) {
|
|
65
|
-
|
|
65
|
+
p(this, e), this.width = "16", this.height = "18";
|
|
66
66
|
}
|
|
67
67
|
render() {
|
|
68
|
-
return a("svg", { key: "
|
|
68
|
+
return a("svg", { key: "7e8bb8dd37c043ab86b0a382fba2d8b8a850d035", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "f99541cb8478894f2497354838fccc4930f54674", 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" }));
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
|
-
|
|
72
|
-
const
|
|
71
|
+
Pe.style = Ne;
|
|
72
|
+
const Fe = ':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)}', Ae = Fe, Re = class {
|
|
73
73
|
constructor(e) {
|
|
74
|
-
|
|
74
|
+
p(this, e), this.selectedOptionsChanged = u(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;
|
|
75
75
|
}
|
|
76
76
|
componentDidRender() {
|
|
77
77
|
r("multi-select-dropdown", "componentDidRender"), this.isOpen && this.shouldFocusFirstOption && (this.ariaActivedescendant = this.availableOptions[0].value, this.focusOption(0), this.shouldFocusFirstOption = !1);
|
|
@@ -147,15 +147,15 @@ const _t = ':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-er
|
|
|
147
147
|
}
|
|
148
148
|
render() {
|
|
149
149
|
var e, t;
|
|
150
|
-
return a(
|
|
150
|
+
return a(y, { key: "68762c15e4d20e8d695807b7d4b401f95d1759a8" }, a("div", { key: "f6b695da1ac813ce000f09442d79797cd57b5400", class: "dropdown", part: "msd_dropdown" }, a("label", { key: "375e7f825f8ca0962b12f5a35960a514535a0e4d", class: "dropdown-label" }, this.label, a("slot", { key: "4cb277f7424fc3a2906b6ca2bb25ab9af75f4b48", name: "label-icon", "aria-hidden": "true" })), a("button", { key: "76d5eec276f0aadb5f94de67a7c674d7506fec1b", 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) }, a("slot", { key: "229cae92d81294a1a8785ae95a265b156c4c571b", name: "select-icon", "aria-hidden": "true" }), a("span", { key: "c2c030a9052bf733af0c9f5aabf665f9c50a612a", 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)), a("span", { key: "0f18d14621e108bd6019ceea2e86ae19d1816d53", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, a("chevron-icon", { key: "1dba99f7491f72edeed66b567692b4aaf16be32d", width: "16", height: "16" }))), this.isOpen ? null : a("div", { class: "selected-options" }, this.getSelectedOptions().map((n) => a("span", { class: "selected-option" }, n.label, a("button", { key: n.label, onClick: () => this.selectOption(n) }, a("close-icon", null))))), this.isOpen ? a("div", { class: "dropdown-content", part: "msd_dropdown-content" }, a("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));
|
|
151
151
|
}
|
|
152
152
|
get el() {
|
|
153
|
-
return
|
|
153
|
+
return h(this);
|
|
154
154
|
}
|
|
155
155
|
};
|
|
156
|
-
|
|
157
|
-
const
|
|
158
|
-
var
|
|
156
|
+
Re.style = Ae;
|
|
157
|
+
const Me = ':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-additional-participants__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;border-left:1px solid var(--nylas-base-300);background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{background:var(--nylas-base-50)}.nylas-additional-participants__input{flex:1;display:flex;justify-content:space-between}.nylas-additional-participants__input.organizer{padding:12px 16px}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input input-dropdown{width:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown){width:100%;height:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown-input){height:100%;border-radius:var(--nylas-border-radius-2x);border:none;border-top-right-radius:initial;border-bottom-right-radius:initial;padding-left:16px}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}', ze = Me;
|
|
158
|
+
var je = function(e, t, n, i) {
|
|
159
159
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
160
160
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
161
161
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -163,13 +163,13 @@ var It = function(e, t, n, i) {
|
|
|
163
163
|
for (var d = e.length - 1; d >= 0; d--)
|
|
164
164
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
165
165
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
166
|
-
},
|
|
166
|
+
}, $ = function(e, t) {
|
|
167
167
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
168
168
|
return Reflect.metadata(e, t);
|
|
169
169
|
};
|
|
170
|
-
const
|
|
170
|
+
const Y = class {
|
|
171
171
|
constructor(e) {
|
|
172
|
-
|
|
172
|
+
p(this, e), this.valueChanged = u(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 = "participants", this.eventParticipants = void 0, this.participantOptions = void 0, this.participants = this.eventParticipants ?? [], this.participantsValid = !0;
|
|
173
173
|
}
|
|
174
174
|
elementNameChangedHandler(e) {
|
|
175
175
|
r("nylas-additional-participants", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -181,7 +181,7 @@ const Ee = class {
|
|
|
181
181
|
r("nylas-additional-participants", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
182
182
|
}
|
|
183
183
|
componentDidLoad() {
|
|
184
|
-
r("nylas-additional-participants", "componentDidLoad"), this.
|
|
184
|
+
r("nylas-additional-participants", "componentDidLoad"), this.updateFormValue();
|
|
185
185
|
}
|
|
186
186
|
disconnectedCallback() {
|
|
187
187
|
r("nylas-additional-participants", "disconnectedCallback");
|
|
@@ -192,38 +192,38 @@ const Ee = class {
|
|
|
192
192
|
const t = e.detail.name;
|
|
193
193
|
this.participants[t].email = e.detail.value;
|
|
194
194
|
const n = (i = this.participantOptions) == null ? void 0 : i.find((l) => l.email === e.detail.value);
|
|
195
|
-
this.participants[t].name = (n == null ? void 0 : n.name) || e.detail.value, this.participants = [...this.participants], this.
|
|
195
|
+
this.participants[t].availability = n ? { calendar_ids: ["primary"] } : void 0, this.participants[t].name = (n == null ? void 0 : n.name) || e.detail.value, this.participants = [...this.participants], this.updateFormValue();
|
|
196
196
|
}
|
|
197
197
|
onParticipantChange(e, t) {
|
|
198
|
-
r("nylas-additional-participants", "onParticipantChange"), this.participants[t].email = e.target.value, this.
|
|
198
|
+
r("nylas-additional-participants", "onParticipantChange"), this.participants[t].email = e.target.value, this.updateFormValue();
|
|
199
199
|
}
|
|
200
200
|
addParticipant() {
|
|
201
|
-
r("nylas-additional-participants", "addParticipant"), this.participants = [...this.participants, { name: "", email: "", is_organizer: !1
|
|
201
|
+
r("nylas-additional-participants", "addParticipant"), this.participants = [...this.participants, { name: "", email: "", is_organizer: !1 }], this.updateFormValue();
|
|
202
202
|
}
|
|
203
203
|
removeParticipant(e) {
|
|
204
|
-
r("nylas-additional-participants", "removeParticipant"), this.participants = this.participants.filter((t, n) => n !== e), this.
|
|
204
|
+
r("nylas-additional-participants", "removeParticipant"), this.participants = this.participants.filter((t, n) => n !== e), this.updateFormValue();
|
|
205
205
|
}
|
|
206
206
|
validate(e, t) {
|
|
207
207
|
r("nylas-additional-participants", "validate");
|
|
208
208
|
const i = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(e).toLowerCase());
|
|
209
|
-
this.participants[t].is_valid = i, this.
|
|
209
|
+
this.participants[t].is_valid = i, this.updateFormValue();
|
|
210
210
|
}
|
|
211
|
-
|
|
212
|
-
|
|
211
|
+
updateFormValue() {
|
|
212
|
+
r("nylas-additional-participants", "updateFormValue"), this.internals.setFormValue(JSON.stringify(this.participants), this.name), this.valueChanged.emit({ value: JSON.stringify(this.participants), name: this.name });
|
|
213
213
|
}
|
|
214
214
|
getArrayDifference(e, t) {
|
|
215
215
|
return e.filter((i) => !t.some((l) => i.email === l.email)).map((i) => ({ value: i.email, label: i.email }));
|
|
216
216
|
}
|
|
217
217
|
render() {
|
|
218
|
-
return a(
|
|
218
|
+
return a(y, { key: "67454437ca6e9771da4373e293b8b1d468c79680" }, a("nylas-form-card", { key: "844913ba1bca33b83b0d7c0a89323ca48f5ce1dd" }, a("h3", { key: "bbdbf1e9addc3238a013697bff343a1065758928", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Additional participants"), a("p", { key: "37520f9fcc4996b9635821a52ed5d9c0350af88f", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add anyone else who would be joining for this event."), a("div", { key: "76a8d8118f9012cced55357e4243b897ec41e385", slot: "content", class: "nylas-additional-participants__content" }, a("div", { key: "bb5d6f6e7ebf486eb4c8395ff3ab971335d19750" }, this.participants.map((e, t) => a("div", { class: "nylas-additional-participants__input_group", part: "nap__input_group" }, a("label", null, e.is_organizer ? "Organizer" : `Participant ${t}`), a("div", { part: "nap__input_wrapper", class: `nylas-additional-participants__input_wrapper ${e.is_organizer && "nylas-additional-participants__input_wrapper_organizer"} ${e.is_valid === !1 && "nylas-additional-participants__input_wrapper_invalid"}` }, a("div", { class: { "nylas-additional-participants__input": !0, organizer: e.is_organizer }, part: "nap__input" }, e.is_organizer ? a("input", { type: "text", value: e.email, onInput: (n) => {
|
|
219
219
|
this.onParticipantChange(n, t);
|
|
220
|
-
}, readOnly: e.is_organizer, onBlur: () => this.validate(e.email, t) }) : a("input-dropdown", { name: `${t}`, inputValue: e.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) }), !e.is_organizer && a("button", { onClick: () => this.removeParticipant(t), part: "nap__remove-participant" }, a("close-icon", null))))))), a("button", { key: "
|
|
220
|
+
}, readOnly: e.is_organizer, onBlur: () => this.validate(e.email, t) }) : a("input-dropdown", { name: `${t}`, filterable: !0, inputValue: e.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) }), !e.is_organizer && a("button", { onClick: () => this.removeParticipant(t), part: "nap__remove-participant" }, a("close-icon", null))))))), a("button", { key: "14febbe15dc97b44304e98c14d7e084ea5126304", class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, a("add-circle-icon", { key: "8f60f39d5d3b3b4532a78eacb0d4bf907a8b7836" }), " ", a("span", { key: "8e2c9a49072d04ab571470c68c3277a76706e60e" }, "Add ", this.participants.length > 1 ? "another" : "a", " participant")))));
|
|
221
221
|
}
|
|
222
222
|
static get formAssociated() {
|
|
223
223
|
return !0;
|
|
224
224
|
}
|
|
225
225
|
get host() {
|
|
226
|
-
return
|
|
226
|
+
return h(this);
|
|
227
227
|
}
|
|
228
228
|
static get watchers() {
|
|
229
229
|
return {
|
|
@@ -231,20 +231,20 @@ const Ee = class {
|
|
|
231
231
|
};
|
|
232
232
|
}
|
|
233
233
|
};
|
|
234
|
-
|
|
235
|
-
|
|
234
|
+
je([
|
|
235
|
+
m({
|
|
236
236
|
name: "nylas-additional-participants",
|
|
237
237
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.additionalParticipants", "participantOptions"]]),
|
|
238
238
|
eventToProps: {},
|
|
239
239
|
fireRegisterEvent: !0
|
|
240
240
|
}),
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
],
|
|
245
|
-
|
|
246
|
-
const
|
|
247
|
-
var
|
|
241
|
+
$("design:type", Function),
|
|
242
|
+
$("design:paramtypes", []),
|
|
243
|
+
$("design:returntype", void 0)
|
|
244
|
+
], Y.prototype, "render", null);
|
|
245
|
+
Y.style = ze;
|
|
246
|
+
const We = ':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}.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);border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 504px){.nylas-availability-picker .content{font-size:15px}}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem;gap:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:16px;font-weight:500;line-height:20px}@media screen and (max-width: 504px){.nylas-availability-picker .content .select-timezone h4{font-size:15px}}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability{gap:0.5rem;padding:0}}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:78px 1fr auto}}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day{display:inline-grid;gap:8px;grid-template-columns:60px 1fr auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .day{gap:0.25rem}}.nylas-availability-picker .content .availability .availability-day .day input[type=checkbox]{transform:scale(1.3)}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center;justify-content:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{justify-content:unset;gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges p.error{color:var(--nylas-error)}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){justify-content:initial}', Be = We;
|
|
247
|
+
var Ze = function(e, t, n, i) {
|
|
248
248
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
249
249
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
250
250
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -252,13 +252,13 @@ var St = function(e, t, n, i) {
|
|
|
252
252
|
for (var d = e.length - 1; d >= 0; d--)
|
|
253
253
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
254
254
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
255
|
-
},
|
|
255
|
+
}, D = function(e, t) {
|
|
256
256
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
257
257
|
return Reflect.metadata(e, t);
|
|
258
258
|
};
|
|
259
|
-
const
|
|
259
|
+
const Q = class {
|
|
260
260
|
constructor(e) {
|
|
261
|
-
|
|
261
|
+
p(this, e), this.valueChanged = u(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.hideHeader = !1, this.schedule = {
|
|
262
262
|
SUN: [],
|
|
263
263
|
MON: [{ start: "09:00am", end: "05:00pm" }],
|
|
264
264
|
TUE: [{ start: "09:00am", end: "05:00pm" }],
|
|
@@ -272,20 +272,13 @@ const He = class {
|
|
|
272
272
|
r("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
273
273
|
}
|
|
274
274
|
configChangedHandler(e) {
|
|
275
|
-
var n, i
|
|
276
|
-
const t = (n = e == null ? void 0 : e.
|
|
277
|
-
t &&
|
|
275
|
+
var n, i;
|
|
276
|
+
const t = (i = (n = e == null ? void 0 : e.availability) == null ? void 0 : n.availability_rules) == null ? void 0 : i.default_open_hours;
|
|
277
|
+
t && this.openHoursToSchedule(t);
|
|
278
278
|
}
|
|
279
279
|
scheduleChanged(e, t) {
|
|
280
280
|
var n;
|
|
281
281
|
if (e !== t) {
|
|
282
|
-
this.valueChanged.emit({
|
|
283
|
-
value: {
|
|
284
|
-
openHours: this.scheduleToOpenHours(e),
|
|
285
|
-
timezone: this.timezone
|
|
286
|
-
},
|
|
287
|
-
name: this.name
|
|
288
|
-
});
|
|
289
282
|
let i = {};
|
|
290
283
|
if (Object.keys(e).forEach((l) => {
|
|
291
284
|
const s = e[l];
|
|
@@ -303,6 +296,13 @@ const He = class {
|
|
|
303
296
|
openHours: this.scheduleToOpenHours(this.schedule),
|
|
304
297
|
timezone: this.timezone
|
|
305
298
|
}));
|
|
299
|
+
this.valueChanged.emit({
|
|
300
|
+
value: JSON.stringify({
|
|
301
|
+
openHours: this.scheduleToOpenHours(e),
|
|
302
|
+
timezone: this.timezone
|
|
303
|
+
}),
|
|
304
|
+
name: this.name
|
|
305
|
+
});
|
|
306
306
|
}
|
|
307
307
|
}
|
|
308
308
|
nylasFormDropdownChangedHandler(e) {
|
|
@@ -310,10 +310,14 @@ const He = class {
|
|
|
310
310
|
if (t === "timezone") {
|
|
311
311
|
if (this.timezone = n, typeof this.internals.setFormValue != "function")
|
|
312
312
|
return;
|
|
313
|
-
|
|
313
|
+
const i = {
|
|
314
314
|
openHours: this.scheduleToOpenHours(this.schedule),
|
|
315
315
|
timezone: this.timezone
|
|
316
|
-
}
|
|
316
|
+
};
|
|
317
|
+
this.internals.setFormValue(JSON.stringify(i)), this.valueChanged.emit({
|
|
318
|
+
value: JSON.stringify(i),
|
|
319
|
+
name: this.name
|
|
320
|
+
});
|
|
317
321
|
}
|
|
318
322
|
}
|
|
319
323
|
connectedCallback() {
|
|
@@ -326,15 +330,21 @@ const He = class {
|
|
|
326
330
|
r("nylas-availability-picker", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
327
331
|
}
|
|
328
332
|
componentDidLoad() {
|
|
329
|
-
r("nylas-availability-picker", "componentDidLoad"), this.openHours && this.openHours.length > 0 && this.openHoursToSchedule(this.openHours), typeof this.internals.setFormValue
|
|
333
|
+
if (r("nylas-availability-picker", "componentDidLoad"), this.openHours && this.openHours.length > 0 && this.openHoursToSchedule(this.openHours), typeof this.internals.setFormValue != "function")
|
|
334
|
+
return;
|
|
335
|
+
const e = {
|
|
330
336
|
openHours: this.scheduleToOpenHours(this.schedule),
|
|
331
337
|
timezone: this.timezone
|
|
332
|
-
}
|
|
338
|
+
};
|
|
339
|
+
this.internals.setFormValue(JSON.stringify(e)), this.valueChanged.emit({
|
|
340
|
+
value: JSON.stringify(e),
|
|
341
|
+
name: this.name
|
|
342
|
+
});
|
|
333
343
|
}
|
|
334
344
|
getOverlaps(e) {
|
|
335
345
|
let t = e.map((i, l) => ({
|
|
336
|
-
start:
|
|
337
|
-
end:
|
|
346
|
+
start: w(i.start),
|
|
347
|
+
end: w(i.end),
|
|
338
348
|
originalIndex: l
|
|
339
349
|
}));
|
|
340
350
|
t.sort((i, l) => i.start - l.start);
|
|
@@ -349,33 +359,33 @@ const He = class {
|
|
|
349
359
|
this.schedule[e] = [{ start: "09:00am", end: "05:00pm" }];
|
|
350
360
|
else {
|
|
351
361
|
const l = t.map((o) => ({
|
|
352
|
-
start:
|
|
353
|
-
end:
|
|
362
|
+
start: w(o.start),
|
|
363
|
+
end: w(o.end)
|
|
354
364
|
})).sort((o, d) => o.start - d.start), s = l[l.length - 1].end;
|
|
355
365
|
if (s + 60 <= i)
|
|
356
366
|
this.schedule[e].push({
|
|
357
|
-
start:
|
|
358
|
-
end:
|
|
367
|
+
start: x(O(s)),
|
|
368
|
+
end: x(O(s + 60))
|
|
359
369
|
});
|
|
360
370
|
else {
|
|
361
371
|
let o = !1;
|
|
362
372
|
if (l[0].start > n + 60 && (this.schedule[e].push({
|
|
363
|
-
start:
|
|
364
|
-
end:
|
|
373
|
+
start: x(O(n)),
|
|
374
|
+
end: x(O(n + 60))
|
|
365
375
|
}), o = !0), !o)
|
|
366
376
|
for (let d = 0; d < l.length - 1; d++) {
|
|
367
|
-
const
|
|
368
|
-
if (l[d + 1].start -
|
|
377
|
+
const b = l[d].end;
|
|
378
|
+
if (l[d + 1].start - b >= 60) {
|
|
369
379
|
this.schedule[e].push({
|
|
370
|
-
start:
|
|
371
|
-
end:
|
|
380
|
+
start: x(O(b)),
|
|
381
|
+
end: x(O(b + 60))
|
|
372
382
|
});
|
|
373
383
|
break;
|
|
374
384
|
}
|
|
375
385
|
}
|
|
376
386
|
}
|
|
377
387
|
}
|
|
378
|
-
this.schedule[e].sort((l, s) =>
|
|
388
|
+
this.schedule[e].sort((l, s) => w(l.start) - w(s.start)), this.schedule = { ...this.schedule };
|
|
379
389
|
}
|
|
380
390
|
removeTimeRange(e, t) {
|
|
381
391
|
this.schedule[e].splice(t, 1), this.schedule = { ...this.schedule };
|
|
@@ -401,9 +411,9 @@ const He = class {
|
|
|
401
411
|
};
|
|
402
412
|
e.forEach((n) => {
|
|
403
413
|
n.days.forEach((i) => {
|
|
404
|
-
const l = this.getDayKey(i), s =
|
|
405
|
-
let
|
|
406
|
-
t[l] && (
|
|
414
|
+
const l = this.getDayKey(i), s = x(n.start), o = x(n.end), d = { start: s, end: o };
|
|
415
|
+
let b = !1;
|
|
416
|
+
t[l] && (b = t[l].some((f) => f.start === d.start && f.end === d.end)), b || (t[l] ? t[l].push(d) : t[l] = [d]);
|
|
407
417
|
});
|
|
408
418
|
}), this.timezone = this.defaultTimezone, this.schedule = t;
|
|
409
419
|
}
|
|
@@ -415,12 +425,12 @@ const He = class {
|
|
|
415
425
|
let n = /* @__PURE__ */ new Map();
|
|
416
426
|
t.forEach((l, s) => {
|
|
417
427
|
e[l] && e[l].forEach((o) => {
|
|
418
|
-
const d =
|
|
419
|
-
if (!n.has(
|
|
420
|
-
n.set(
|
|
428
|
+
const d = V(o.start), b = V(o.end), f = `${d}-${b}`;
|
|
429
|
+
if (!n.has(f))
|
|
430
|
+
n.set(f, { days: [s], start: d, end: b });
|
|
421
431
|
else {
|
|
422
|
-
let
|
|
423
|
-
|
|
432
|
+
let c = n.get(f);
|
|
433
|
+
c && (c.days.push(s), n.set(f, c));
|
|
424
434
|
}
|
|
425
435
|
});
|
|
426
436
|
});
|
|
@@ -435,18 +445,18 @@ const He = class {
|
|
|
435
445
|
}), i;
|
|
436
446
|
}
|
|
437
447
|
render() {
|
|
438
|
-
const e = Object.keys(
|
|
439
|
-
label:
|
|
448
|
+
const e = Object.keys(J).map((t) => ({
|
|
449
|
+
label: J[t],
|
|
440
450
|
value: t
|
|
441
451
|
}));
|
|
442
|
-
return a(
|
|
452
|
+
return a(y, { key: "81c6118e501f4424ce74cb81530a67f7896a7fca" }, a("div", { key: "6dbcda74a92e36089dfda5b11469c6619bb095e1", class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && a("div", { class: "header", part: "nap__header" }, a("h3", null, "General availability"), a("p", null, "Set your availability for scheduling meetings.")), a("div", { key: "f217b53a7ddc2d0554a3c3e44e79580924dbaa43", class: "content" }, a("div", { key: "fe3dcc1c1c5504e65babb72f7b92f7954e3d4a20", class: "select-timezone", part: "nap__select-timezone" }, a("h4", { key: "0746b7a08e56b8d2359ae37357b46b84b440851c", class: "sub-header" }, "Select timezone", a("span", { key: "f6d5424b939bec04d0ab01e3b037a5db6ffdbb77", class: "icon" }, a("tooltip-component", { key: "7f6371d4e3ee3ab8c841d3799fbe77a1206084eb" }, a("info-icon", { key: "ae2b6f45b9eba0c26909b283daceafeddefc7936", slot: "tooltip-icon" }), a("span", { key: "38cb9c51f61d0087216660e5b2a54f42a42663ae", slot: "tooltip-content" }, "Select your timezone for displaying availability.")))), a("select-dropdown", { key: "e3467d03d104fe090d776bc03306d289de53cb60", 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) }, a("span", { key: "afbee8547454b8eb1ba75a41056e1393fd60c2ec", slot: "select-icon" }, a("globe-icon", { key: "7bc82d7454658d2d0783a7d9422b76fb4083d14f", width: "20", height: "20" })))), a("div", { key: "2fd561856ac6731c16da239cd296545e256dd12d", class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map((t) => {
|
|
443
453
|
const n = t, i = this.schedule[t];
|
|
444
454
|
return a("div", { class: "availability-day" }, a("div", { class: "day", part: "nap__day" }, a("input", { type: "checkbox", name: n, id: n, checked: i.length > 0, onClick: () => {
|
|
445
455
|
i.length > 0 ? this.schedule[n] = [] : this.schedule[n] = [{ start: "09:00am", end: "05:00pm" }], this.schedule = { ...this.schedule };
|
|
446
456
|
} }), a("label", { htmlFor: n, "aria-label": "Select day" }, n)), a("div", { class: "time-ranges", part: "nap__time-ranges" }, i.length ? null : a("span", { class: "unavailable" }, "Unavailable"), i.length > 0 && i.map((l, s) => {
|
|
447
|
-
var
|
|
457
|
+
var b, f;
|
|
448
458
|
const o = `${t}:${s}_start`, d = `${t}:${s}_end`;
|
|
449
|
-
return a("div", { class: "time-range", part: "nap__time-range" }, a("div", { class: "pickers" }, a("nylas-time-window-picker", { id: o, hasError: (
|
|
459
|
+
return a("div", { class: "time-range", part: "nap__time-range" }, a("div", { class: "pickers" }, a("nylas-time-window-picker", { id: o, hasError: (b = this.overlapDays[n]) == null ? void 0 : b.includes(s), time: l.start, name: o, key: o, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), a("span", null, " - "), a("nylas-time-window-picker", { id: d, hasError: (f = this.overlapDays[n]) == null ? void 0 : f.includes(s), time: l.end, name: d, key: d, minimumStartTime: l.start, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), a("button", { onClick: () => this.removeTimeRange(n, s) }, a("close-icon", null)));
|
|
450
460
|
}), a("p", { class: "error" }, this.overlapDays[n] ? "Overlapping time ranges" : "")), a("div", null, i.length > 0 ? a("button", { onClick: () => this.addTimeRange(n), part: "nap__add-time-range" }, a("add-circle-icon", null)) : null));
|
|
451
461
|
})))));
|
|
452
462
|
}
|
|
@@ -454,7 +464,7 @@ const He = class {
|
|
|
454
464
|
return !0;
|
|
455
465
|
}
|
|
456
466
|
get host() {
|
|
457
|
-
return
|
|
467
|
+
return h(this);
|
|
458
468
|
}
|
|
459
469
|
static get watchers() {
|
|
460
470
|
return {
|
|
@@ -464,19 +474,19 @@ const He = class {
|
|
|
464
474
|
};
|
|
465
475
|
}
|
|
466
476
|
};
|
|
467
|
-
|
|
468
|
-
|
|
477
|
+
Ze([
|
|
478
|
+
m({
|
|
469
479
|
name: "nylas-availability-picker",
|
|
470
480
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
471
481
|
fireRegisterEvent: !0
|
|
472
482
|
}),
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
],
|
|
477
|
-
|
|
478
|
-
const
|
|
479
|
-
var
|
|
483
|
+
D("design:type", Function),
|
|
484
|
+
D("design:paramtypes", []),
|
|
485
|
+
D("design:returntype", void 0)
|
|
486
|
+
], Q.prototype, "render", null);
|
|
487
|
+
Q.style = Be;
|
|
488
|
+
const Ue = ':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)}.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}', Ge = Ue;
|
|
489
|
+
var Ve = function(e, t, n, i) {
|
|
480
490
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
481
491
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
482
492
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -484,13 +494,13 @@ var Ht = function(e, t, n, i) {
|
|
|
484
494
|
for (var d = e.length - 1; d >= 0; d--)
|
|
485
495
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
486
496
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
487
|
-
},
|
|
497
|
+
}, S = function(e, t) {
|
|
488
498
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
489
499
|
return Reflect.metadata(e, t);
|
|
490
500
|
};
|
|
491
|
-
const
|
|
501
|
+
const X = class {
|
|
492
502
|
constructor(e) {
|
|
493
|
-
|
|
503
|
+
p(this, e), this.valueChanged = u(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 = "";
|
|
494
504
|
}
|
|
495
505
|
connectedCallback() {
|
|
496
506
|
r("nylas-booking-calendar-picker", "connectedCallback");
|
|
@@ -534,13 +544,13 @@ const Le = class {
|
|
|
534
544
|
value: n.id,
|
|
535
545
|
label: n.name
|
|
536
546
|
}))) ?? [];
|
|
537
|
-
return a(
|
|
547
|
+
return a(y, null, a("div", { class: "nylas-booking-calendar-picker", part: "nbcp" }, a("div", { class: "header", part: "nbcp__header" }, a("h3", null, "Calendar booking"), a("p", null, "Choose calendar where you’d like the event bookings to show up.")), e.length > 0 ? a("div", { class: "nylas-booking-calendar-picker__dropdown" }, a("span", { class: "label", part: "nbcp__input-label" }, "Select a calendar to book meetings on", a("tooltip-component", null, a("info-icon", { slot: "tooltip-icon" }), a("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."))), a("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] })) : a("div", { class: "nylas-booking-calendar-picker__loading" }, a("span", { class: "label" }, "Select a calendar to book meetings on ", a("info-icon", null)), a("div", { class: "loading-button" }, a("span", null, "Loading...")))));
|
|
538
548
|
}
|
|
539
549
|
static get formAssociated() {
|
|
540
550
|
return !0;
|
|
541
551
|
}
|
|
542
552
|
get host() {
|
|
543
|
-
return
|
|
553
|
+
return h(this);
|
|
544
554
|
}
|
|
545
555
|
static get watchers() {
|
|
546
556
|
return {
|
|
@@ -548,8 +558,8 @@ const Le = class {
|
|
|
548
558
|
};
|
|
549
559
|
}
|
|
550
560
|
};
|
|
551
|
-
|
|
552
|
-
|
|
561
|
+
Ve([
|
|
562
|
+
m({
|
|
553
563
|
name: "nylas-booking-calendar-picker",
|
|
554
564
|
stateToProps: /* @__PURE__ */ new Map([
|
|
555
565
|
["schedulerConfig.calendars", "calendars"],
|
|
@@ -563,13 +573,13 @@ Ht([
|
|
|
563
573
|
},
|
|
564
574
|
fireRegisterEvent: !0
|
|
565
575
|
}),
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
],
|
|
570
|
-
|
|
571
|
-
const
|
|
572
|
-
var
|
|
576
|
+
S("design:type", Function),
|
|
577
|
+
S("design:paramtypes", []),
|
|
578
|
+
S("design:returntype", void 0)
|
|
579
|
+
], X.prototype, "render", null);
|
|
580
|
+
X.style = Ge;
|
|
581
|
+
const Je = ':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}', Ke = Je;
|
|
582
|
+
var qe = function(e, t, n, i) {
|
|
573
583
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
574
584
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
575
585
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -577,13 +587,13 @@ var At = function(e, t, n, i) {
|
|
|
577
587
|
for (var d = e.length - 1; d >= 0; d--)
|
|
578
588
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
579
589
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
580
|
-
},
|
|
590
|
+
}, E = function(e, t) {
|
|
581
591
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
582
592
|
return Reflect.metadata(e, t);
|
|
583
593
|
};
|
|
584
|
-
const
|
|
594
|
+
const ee = class {
|
|
585
595
|
constructor(e) {
|
|
586
|
-
|
|
596
|
+
p(this, e), this.valueChanged = u(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;
|
|
587
597
|
}
|
|
588
598
|
connectedCallback() {
|
|
589
599
|
r("nylas-buffer-time", "connectedCallback");
|
|
@@ -634,29 +644,29 @@ const Me = class {
|
|
|
634
644
|
}
|
|
635
645
|
renderPreview() {
|
|
636
646
|
const i = (o) => {
|
|
637
|
-
const d = Math.floor(o / 30),
|
|
647
|
+
const d = Math.floor(o / 30), b = o % 30 / 30 * 10;
|
|
638
648
|
return {
|
|
639
649
|
fullSlots: d,
|
|
640
|
-
partialFillHeight:
|
|
650
|
+
partialFillHeight: b
|
|
641
651
|
};
|
|
642
652
|
}, l = () => {
|
|
643
653
|
const { fullSlots: o, partialFillHeight: d } = i(this.selectedBeforeBufferTime);
|
|
644
|
-
return Array.from({ length: 4 }, (
|
|
645
|
-
const
|
|
646
|
-
let
|
|
647
|
-
return
|
|
654
|
+
return Array.from({ length: 4 }, (b, f) => {
|
|
655
|
+
const c = this.selectedBeforeBufferTime > 0 && f > 4 - o - 1, _ = this.selectedBeforeBufferTime > 0 && f === 4 - o - 1 && d > 0;
|
|
656
|
+
let g = {};
|
|
657
|
+
return c && !_ ? g.backgroundColor = "var(--nylas-base-100)" : _ && (g.background = `linear-gradient(to top, var(--nylas-base-100) ${d}px, transparent 0)`), a("div", { key: f, class: `slot ${c ? "active" : ""}`, style: {
|
|
648
658
|
height: "10px",
|
|
649
|
-
...
|
|
659
|
+
...g
|
|
650
660
|
} });
|
|
651
661
|
});
|
|
652
662
|
}, s = () => {
|
|
653
663
|
const { fullSlots: o, partialFillHeight: d } = i(this.selectedAfterBufferTime);
|
|
654
|
-
return Array.from({ length: 4 }, (
|
|
655
|
-
const
|
|
656
|
-
let
|
|
657
|
-
return
|
|
664
|
+
return Array.from({ length: 4 }, (b, f) => {
|
|
665
|
+
const c = this.selectedAfterBufferTime > 0 && f < o, _ = f === o && d > 0;
|
|
666
|
+
let g = {};
|
|
667
|
+
return c && !_ ? g.backgroundColor = "var(--nylas-base-100)" : _ && (g.background = `linear-gradient(to bottom, var(--nylas-base-100) ${d}px, transparent 0)`), a("div", { key: f, class: `slot ${c ? "active" : ""}`, style: {
|
|
658
668
|
height: "10px",
|
|
659
|
-
...
|
|
669
|
+
...g
|
|
660
670
|
} });
|
|
661
671
|
});
|
|
662
672
|
};
|
|
@@ -670,13 +680,13 @@ const Me = class {
|
|
|
670
680
|
value: i
|
|
671
681
|
};
|
|
672
682
|
});
|
|
673
|
-
return a(
|
|
683
|
+
return a(y, null, a("div", { class: "nylas-buffer-time", part: "nbt" }, a("div", { class: "header", part: "nbt__header" }, a("h3", null, "Buffer time"), a("p", null, "Add buffer time before and after the event.")), a("div", { class: "nylas-buffer-time__body", part: "nbt__body" }, a("div", { class: "nylas-buffer-time__dropdown" }, a("div", { class: "nylas-buffer-time__row" }, a("label", null, "Before the event"), a("div", { class: "dropdown-container" }, a("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] }), a("span", null, "mins"))), a("div", { class: "nylas-buffer-time__row" }, a("label", null, "After the event"), a("div", { class: "dropdown-container" }, a("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] }), a("span", null, "mins")))), a("div", { class: "nylas-buffer-time__preview", part: "nbt__preview" }, a("h4", null, "PREVIEW"), this.renderPreview()))));
|
|
674
684
|
}
|
|
675
685
|
static get formAssociated() {
|
|
676
686
|
return !0;
|
|
677
687
|
}
|
|
678
688
|
get host() {
|
|
679
|
-
return
|
|
689
|
+
return h(this);
|
|
680
690
|
}
|
|
681
691
|
static get watchers() {
|
|
682
692
|
return {
|
|
@@ -684,8 +694,8 @@ const Me = class {
|
|
|
684
694
|
};
|
|
685
695
|
}
|
|
686
696
|
};
|
|
687
|
-
|
|
688
|
-
|
|
697
|
+
qe([
|
|
698
|
+
m({
|
|
689
699
|
name: "nylas-buffer-time",
|
|
690
700
|
eventToProps: {
|
|
691
701
|
valueChanged: async (e, t) => {
|
|
@@ -695,13 +705,13 @@ At([
|
|
|
695
705
|
},
|
|
696
706
|
fireRegisterEvent: !0
|
|
697
707
|
}),
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
],
|
|
702
|
-
|
|
703
|
-
const
|
|
704
|
-
var
|
|
708
|
+
E("design:type", Function),
|
|
709
|
+
E("design:paramtypes", []),
|
|
710
|
+
E("design:returntype", void 0)
|
|
711
|
+
], ee.prototype, "render", null);
|
|
712
|
+
ee.style = Ke;
|
|
713
|
+
const Ye = ':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}', Qe = Ye;
|
|
714
|
+
var Xe = function(e, t, n, i) {
|
|
705
715
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
706
716
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
707
717
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -709,13 +719,13 @@ var zt = function(e, t, n, i) {
|
|
|
709
719
|
for (var d = e.length - 1; d >= 0; d--)
|
|
710
720
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
711
721
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
712
|
-
},
|
|
722
|
+
}, L = function(e, t) {
|
|
713
723
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
714
724
|
return Reflect.metadata(e, t);
|
|
715
725
|
};
|
|
716
|
-
const
|
|
726
|
+
const te = class {
|
|
717
727
|
constructor(e) {
|
|
718
|
-
|
|
728
|
+
p(this, e), this.valueChanged = u(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 = [];
|
|
719
729
|
}
|
|
720
730
|
elementNameChangedHandler(e) {
|
|
721
731
|
r("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -762,13 +772,13 @@ const Ae = class {
|
|
|
762
772
|
selected: ((i = this.defaultSelectedCalendars) == null ? void 0 : i.includes(n.id)) || ((l = this.defaultSelectedCalendars) != null && l.includes("primary") || ((s = this.defaultSelectedCalendars) == null ? void 0 : s.length) === 0 ? n.id === ((o = this.currentUser) == null ? void 0 : o.email) : !1)
|
|
763
773
|
};
|
|
764
774
|
})) ?? [];
|
|
765
|
-
return a(
|
|
775
|
+
return a(y, null, a("div", { class: "nylas-calendar-picker", part: "ncp" }, a("div", { class: "header", part: "ncp__header" }, a("h3", null, "Calendar availability"), a("p", null, "Select calendars that you’d like to use for checking your availability.")), e.length > 0 ? a("div", { class: "nylas-calendar-picker__dropdown" }, a("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" }, a("span", { slot: "label-icon" }, a("tooltip-component", null, a("info-icon", { slot: "tooltip-icon" }), a("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."))))) : a("div", { class: "nylas-calendar-picker__loading" }, a("span", { class: "label" }, "Select calendars that will be checked for availability ", a("info-icon", null)), a("div", { class: "loading-button" }, a("span", null, "Loading...")))));
|
|
766
776
|
}
|
|
767
777
|
static get formAssociated() {
|
|
768
778
|
return !0;
|
|
769
779
|
}
|
|
770
780
|
get host() {
|
|
771
|
-
return
|
|
781
|
+
return h(this);
|
|
772
782
|
}
|
|
773
783
|
static get watchers() {
|
|
774
784
|
return {
|
|
@@ -776,8 +786,8 @@ const Ae = class {
|
|
|
776
786
|
};
|
|
777
787
|
}
|
|
778
788
|
};
|
|
779
|
-
|
|
780
|
-
|
|
789
|
+
Xe([
|
|
790
|
+
m({
|
|
781
791
|
name: "nylas-calendar-picker",
|
|
782
792
|
stateToProps: /* @__PURE__ */ new Map([
|
|
783
793
|
["schedulerConfig.calendars", "calendars"],
|
|
@@ -791,13 +801,13 @@ zt([
|
|
|
791
801
|
},
|
|
792
802
|
fireRegisterEvent: !0
|
|
793
803
|
}),
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
],
|
|
798
|
-
|
|
799
|
-
const
|
|
800
|
-
var
|
|
804
|
+
L("design:type", Function),
|
|
805
|
+
L("design:paramtypes", []),
|
|
806
|
+
L("design:returntype", void 0)
|
|
807
|
+
], te.prototype, "render", null);
|
|
808
|
+
te.style = Qe;
|
|
809
|
+
const et = ':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-cancellation-policy{display:flex;flex-direction:column;gap:4px}.nylas-cancellation-policy label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-cancellation-policy label span.label-icon{margin-left:4px}.nylas-cancellation-policy label span.label-icon tooltip-component{display:flex}.nylas-cancellation-policy 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-cancellation-policy textarea::-webkit-resizer{display:none}', tt = et;
|
|
810
|
+
var nt = function(e, t, n, i) {
|
|
801
811
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
802
812
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
803
813
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -805,14 +815,14 @@ var jt = function(e, t, n, i) {
|
|
|
805
815
|
for (var d = e.length - 1; d >= 0; d--)
|
|
806
816
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
807
817
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
808
|
-
},
|
|
818
|
+
}, N = function(e, t) {
|
|
809
819
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
810
820
|
return Reflect.metadata(e, t);
|
|
811
821
|
};
|
|
812
|
-
const
|
|
822
|
+
const ne = class {
|
|
813
823
|
constructor(e) {
|
|
814
824
|
var t, n;
|
|
815
|
-
|
|
825
|
+
p(this, e), this.valueChanged = u(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.cancellationPolicy = void 0, this.name = "cancelation-policy", this.message = this.cancellationPolicy || ((n = (t = this.selectedConfiguration) == null ? void 0 : t.scheduler) == null ? void 0 : n.cancellation_policy) || "";
|
|
816
826
|
}
|
|
817
827
|
elementNameChangedHandler(e) {
|
|
818
828
|
r("nylas-cancellation-policy", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -834,17 +844,17 @@ const Ne = class {
|
|
|
834
844
|
r("nylas-cancellation-policy", "disconnectedCallback");
|
|
835
845
|
}
|
|
836
846
|
handleChange(e) {
|
|
837
|
-
const t =
|
|
847
|
+
const t = H(e.target.value);
|
|
838
848
|
this.message = t, this.internals.setFormValue(t, this.name), this.valueChanged.emit({ value: t, name: this.name });
|
|
839
849
|
}
|
|
840
850
|
render() {
|
|
841
|
-
return a(
|
|
851
|
+
return a(y, { key: "9ad194925cfb18c323d3f75aec51c4ac5ad67230" }, a("div", { key: "a4ae061a504a0cd6a91dd6dd23adcf7c3b8f43d5", class: "nylas-cancellation-policy", part: "ncpolicy" }, a("label", { key: "ea742ee8fba2e50a5694c210172e8783fa3d5e7b", htmlFor: this.name }, "Cancellation policy message", a("span", { key: "5c7143f8da100b650aa386c9fb895c3fd9ed2e04", class: "label-icon" }, a("tooltip-component", { key: "f46c7b94a1a58bd7162e5cfffc14a88b04a18a4c" }, a("info-icon", { key: "9d85ce578da1db7b080f3152b8fdb43834968829", slot: "tooltip-icon" }), a("span", { key: "0e4d0c4f98d1529179622c22fa6bf9d56d085ffb", slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), a("textarea", { key: "570404ef8450c4ef2bb28fad4d1c6359b735abae", id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: (e) => this.handleChange(e) })));
|
|
842
852
|
}
|
|
843
853
|
static get formAssociated() {
|
|
844
854
|
return !0;
|
|
845
855
|
}
|
|
846
856
|
get host() {
|
|
847
|
-
return
|
|
857
|
+
return h(this);
|
|
848
858
|
}
|
|
849
859
|
static get watchers() {
|
|
850
860
|
return {
|
|
@@ -853,20 +863,20 @@ const Ne = class {
|
|
|
853
863
|
};
|
|
854
864
|
}
|
|
855
865
|
};
|
|
856
|
-
|
|
857
|
-
|
|
866
|
+
nt([
|
|
867
|
+
m({
|
|
858
868
|
name: "nylas-cancellation-policy",
|
|
859
869
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
860
870
|
eventToProps: {},
|
|
861
871
|
fireRegisterEvent: !0
|
|
862
872
|
}),
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
],
|
|
867
|
-
|
|
868
|
-
const
|
|
869
|
-
var
|
|
873
|
+
N("design:type", Function),
|
|
874
|
+
N("design:paramtypes", []),
|
|
875
|
+
N("design:returntype", void 0)
|
|
876
|
+
], ne.prototype, "render", null);
|
|
877
|
+
ne.style = tt;
|
|
878
|
+
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;width:inherit}.nylas-customize-booking-settings{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-customize-booking-settings .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-customize-booking-settings .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-customize-booking-settings .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-customize-booking-settings .nylas-customize-booking-settings__settings{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;margin:1rem 0}.nylas-customize-booking-settings .nylas-customize-booking-settings__settings .nylas-customize-booking-settings__settings-div{display:flex;align-items:center;gap:4px}.label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}.label .label-contents{margin:0;display:inline-block}@media screen and (max-width: 768px){.label .label-contents{display:block}}.label tooltip-component{display:inline-block}@media screen and (max-width: 768px){tooltip-component#guests::part(tc__content){left:58px}}tooltip-component#reschedule::part(tc__content){left:58px}@media screen and (max-width: 768px){tooltip-component#reschedule::part(tc__content){left:58px}}tooltip-component#cancel::part(tc__content){left:-58px}@media screen and (max-width: 768px){tooltip-component#cancel::part(tc__content){left:58px}}', it = at;
|
|
879
|
+
var st = function(e, t, n, i) {
|
|
870
880
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
871
881
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
872
882
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -874,14 +884,14 @@ var Zt = function(e, t, n, i) {
|
|
|
874
884
|
for (var d = e.length - 1; d >= 0; d--)
|
|
875
885
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
876
886
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
877
|
-
},
|
|
887
|
+
}, P = function(e, t) {
|
|
878
888
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
879
889
|
return Reflect.metadata(e, t);
|
|
880
890
|
};
|
|
881
|
-
const
|
|
891
|
+
const ae = class {
|
|
882
892
|
constructor(e) {
|
|
883
893
|
var t, n, i, l, s, o;
|
|
884
|
-
|
|
894
|
+
p(this, e), this.valueChanged = u(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.defaultAdditionalGuestsHidden = ((n = (t = this.selectedConfiguration) == null ? void 0 : t.scheduler) == null ? void 0 : n.hide_additional_guests) ?? !1, this.defaultHideCancellationOptions = ((l = (i = this.selectedConfiguration) == null ? void 0 : i.scheduler) == null ? void 0 : l.hide_cancellation_options) ?? !1, this.defaultHideReschedulingOptions = ((o = (s = this.selectedConfiguration) == null ? void 0 : s.scheduler) == null ? void 0 : o.hide_rescheduling_options) ?? !1, this.name = "customize-booking-settings", this.allowGuestsToInvite = this.defaultAdditionalGuestsHidden, this.hideCancellationOptions = this.defaultHideCancellationOptions, this.hideReschedulingOptions = this.defaultHideReschedulingOptions;
|
|
885
895
|
}
|
|
886
896
|
elementNameChangedHandler(e) {
|
|
887
897
|
r("nylas-customize-booking-settings", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -941,13 +951,13 @@ const Fe = class {
|
|
|
941
951
|
}), this.name);
|
|
942
952
|
}
|
|
943
953
|
render() {
|
|
944
|
-
return a(
|
|
954
|
+
return a(y, { key: "98e7ab408f5d7dff71321819cbc2a5e336ca52de" }, a("div", { key: "ea73803234b4843cf7e58dc2570171e0237ea7d1", class: "nylas-customize-booking-settings", part: "ncbs" }, a("div", { key: "9b081de7e2d2152b874a5a4713a5313c6e021409", class: "header", part: "ncbs__header" }, a("h3", { key: "976be7412b4f8d70269c3b429652fa1091da1457" }, "Additional settings"), a("p", { key: "f580ed5fd9c29773715bf26f5dc0c466c56ba43f" }, "Booking settings for the event.")), a("div", { key: "9e694bcf133167fa12efbd46bee02158b56e9777", class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, a("div", { key: "39d4154e12c7f5cf96f04ca3fc3e0f17d0e8b2ec", class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, a("checkbox-component", { key: "61f11b632388d036622078f76f2d90370458b152", name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, a("span", { key: "14573cca344d64ddfddebe6f402321a52fcce6ee", slot: "label", class: "label" }, a("p", { key: "64790dee39a090a778479a7eb3b1efcd14054bb9", class: "label-contents" }, "Allow guests to invite additional guests to the booking."), a("tooltip-component", { key: "564c56d4f159e11bf82b02eaab43b36ef9dd7117", id: "guests" }, a("info-icon", { key: "a442aac8c9d930dc6be00a07fb6cd32b39cbd24b", slot: "tooltip-icon" }), a("span", { key: "6a9eff50392213a42be00c99f0f78d5e2d8eb0f4", slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), a("div", { key: "e7d58c8c04cd715bd02fd4dcc14073ce1f6aaf08", class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, a("checkbox-component", { key: "3f5c22d363bb11012b8514f5a33871a3f054fc80", name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, a("span", { key: "2ed45b907aa847c41da5a0e394b0b5ddb91a3e26", slot: "label", class: "label" }, a("p", { key: "a1fc109c7211d387426d66ac9129fad25032565b", class: "label-contents" }, "Hide the ", a("strong", { key: "ac79eec03a85d1963ac4e75b0fbf678f4a063776" }, "Reschedule"), " button on the Scheduling Page and in the email notifications."), a("tooltip-component", { key: "d8f41e37b915c0be9154a475da07d5ed343d96b4", id: "reschedule" }, a("info-icon", { key: "fbb3f300f4276bd249f9cf12d11c4b6467c82247", slot: "tooltip-icon" }), a("span", { key: "689b3c36070c26e6d6bac530a56008404354e43b", slot: "tooltip-content" }, "Hide the 'Reschedule' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to reschedule the booking."))))), a("div", { key: "f21aeca85fbb63da4d844d37cf87ff1e8d48f001", class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, a("checkbox-component", { key: "be80ca87a198de83451085fceca77b4d2455357d", name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, a("span", { key: "80e718e75b94562d3b8c4a3d9f170ee2de0c2c1b", slot: "label", class: "label" }, a("p", { key: "d46dfe25aa86b112f5c57abe3337de6d88a79c90", class: "label-contents" }, "Hide the ", a("strong", { key: "ac243fbb7a3c85c8ab3af28b61ae2724c428ac3e" }, "Cancel"), " button on the Scheduling Page and in the email notifications."), a("tooltip-component", { key: "b720fc3becba6ca2cc71d01bb77c19ec154b1aa1", id: "cancel" }, a("info-icon", { key: "5ab491a0734fe525ad2be3e2ad067cb292cce182", slot: "tooltip-icon" }), a("span", { key: "4621e731c10b515294641be4f9ee60142b46f9c6", slot: "tooltip-content" }, "Hide the 'Cancel' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to cancel the booking."))))))));
|
|
945
955
|
}
|
|
946
956
|
static get formAssociated() {
|
|
947
957
|
return !0;
|
|
948
958
|
}
|
|
949
959
|
get host() {
|
|
950
|
-
return
|
|
960
|
+
return h(this);
|
|
951
961
|
}
|
|
952
962
|
static get watchers() {
|
|
953
963
|
return {
|
|
@@ -956,19 +966,19 @@ const Fe = class {
|
|
|
956
966
|
};
|
|
957
967
|
}
|
|
958
968
|
};
|
|
959
|
-
|
|
960
|
-
|
|
969
|
+
st([
|
|
970
|
+
m({
|
|
961
971
|
name: "nylas-customize-booking-settings",
|
|
962
972
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
963
973
|
fireRegisterEvent: !0
|
|
964
974
|
}),
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
],
|
|
969
|
-
|
|
970
|
-
const
|
|
971
|
-
var
|
|
975
|
+
P("design:type", Function),
|
|
976
|
+
P("design:paramtypes", []),
|
|
977
|
+
P("design:returntype", void 0)
|
|
978
|
+
], ae.prototype, "render", null);
|
|
979
|
+
ae.style = it;
|
|
980
|
+
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}', ot = lt;
|
|
981
|
+
var rt = function(e, t, n, i) {
|
|
972
982
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
973
983
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
974
984
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -976,14 +986,14 @@ var Gt = function(e, t, n, i) {
|
|
|
976
986
|
for (var d = e.length - 1; d >= 0; d--)
|
|
977
987
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
978
988
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
979
|
-
},
|
|
989
|
+
}, F = function(e, t) {
|
|
980
990
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
981
991
|
return Reflect.metadata(e, t);
|
|
982
992
|
};
|
|
983
|
-
const
|
|
993
|
+
const ie = class {
|
|
984
994
|
constructor(e) {
|
|
985
995
|
var t, n;
|
|
986
|
-
|
|
996
|
+
p(this, e), this.valueChanged = u(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) || "";
|
|
987
997
|
}
|
|
988
998
|
elementNameChangedHandler(e) {
|
|
989
999
|
r("nylas-event-description", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -1005,17 +1015,17 @@ const ze = class {
|
|
|
1005
1015
|
r("nylas-event-description", "disconnectedCallback");
|
|
1006
1016
|
}
|
|
1007
1017
|
handleChange(e) {
|
|
1008
|
-
const t =
|
|
1018
|
+
const t = H(e.target.value);
|
|
1009
1019
|
this.description = t, this.internals.setFormValue(t, "description"), this.valueChanged.emit({ value: t, name: this.name });
|
|
1010
1020
|
}
|
|
1011
1021
|
render() {
|
|
1012
|
-
return a(
|
|
1022
|
+
return a(y, { key: "ba8fe981702f13ac0b8132bc13fc6fea56500a62" }, a("div", { key: "41ab7f418a4878f7e9322564f77fe1008f048090", class: "nylas-event-description", part: "nedesc" }, a("label", { key: "8dd6e3fc10d8a360606b53eef4b7c596df082167", htmlFor: "description" }, "Event description", a("span", { key: "1533f26a880a136a76ad6bacb33b9cbf3895b35e", class: "label-icon" }, a("tooltip-component", { key: "f378fa630e3a8c80a5423c5086ff8ed3d0baa50b" }, a("info-icon", { key: "e343fc186b270f6c7eb9c38bf1ea04dbb7de7d6e", slot: "tooltip-icon" }), a("span", { key: "fb397590af111cac95805c50b96e22ebf3a3836e", slot: "tooltip-content" }, "Provide any additional details for your event.")))), a("textarea", { key: "650ab0c3162ad8fda2d3b0dfa9870bdc1aa700e6", id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: (e) => this.handleChange(e) })));
|
|
1013
1023
|
}
|
|
1014
1024
|
static get formAssociated() {
|
|
1015
1025
|
return !0;
|
|
1016
1026
|
}
|
|
1017
1027
|
get host() {
|
|
1018
|
-
return
|
|
1028
|
+
return h(this);
|
|
1019
1029
|
}
|
|
1020
1030
|
static get watchers() {
|
|
1021
1031
|
return {
|
|
@@ -1024,20 +1034,20 @@ const ze = class {
|
|
|
1024
1034
|
};
|
|
1025
1035
|
}
|
|
1026
1036
|
};
|
|
1027
|
-
|
|
1028
|
-
|
|
1037
|
+
rt([
|
|
1038
|
+
m({
|
|
1029
1039
|
name: "nylas-event-description",
|
|
1030
1040
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1031
1041
|
eventToProps: {},
|
|
1032
1042
|
fireRegisterEvent: !0
|
|
1033
1043
|
}),
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
],
|
|
1038
|
-
|
|
1039
|
-
const
|
|
1040
|
-
var
|
|
1044
|
+
F("design:type", Function),
|
|
1045
|
+
F("design:paramtypes", []),
|
|
1046
|
+
F("design:returntype", void 0)
|
|
1047
|
+
], ie.prototype, "render", null);
|
|
1048
|
+
ie.style = ot;
|
|
1049
|
+
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}.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:14px 16px;width:50px}.nylas-event-duration__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:200px}.nylas-event-duration__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-event-duration__wrapper select-dropdown{width:100%}}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}', ct = dt;
|
|
1050
|
+
var pt = function(e, t, n, i) {
|
|
1041
1051
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1042
1052
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1043
1053
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -1045,13 +1055,13 @@ var Jt = function(e, t, n, i) {
|
|
|
1045
1055
|
for (var d = e.length - 1; d >= 0; d--)
|
|
1046
1056
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1047
1057
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1048
|
-
},
|
|
1058
|
+
}, A = function(e, t) {
|
|
1049
1059
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1050
1060
|
return Reflect.metadata(e, t);
|
|
1051
1061
|
};
|
|
1052
|
-
const
|
|
1062
|
+
const se = class {
|
|
1053
1063
|
constructor(e) {
|
|
1054
|
-
|
|
1064
|
+
p(this, e), this.valueChanged = u(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 : 30, this.durationMinutes = this.eventDurationMinutes ?? 30, this.durationIncrement = this.eventDurationMinutes && this.eventDurationMinutes >= 60 ? 60 : 1, this.durationMinutesOptions = [
|
|
1055
1065
|
{ value: 15, label: "15" },
|
|
1056
1066
|
{ value: 30, label: "30" },
|
|
1057
1067
|
{ value: 45, label: "45" },
|
|
@@ -1107,13 +1117,13 @@ const Pe = class {
|
|
|
1107
1117
|
{ value: 1, label: "minute" },
|
|
1108
1118
|
{ value: 60, label: "hour" }
|
|
1109
1119
|
];
|
|
1110
|
-
return a(
|
|
1120
|
+
return a(y, { key: "69f81ffd2ca891c9c4681ac03e28091c52db815d" }, a("div", { key: "0f2f55279a060023ee3d0996e255075821c0eaf8", class: "nylas-event-duration", part: "ned" }, a("label", { key: "034772be3a25547f190ea70575e07f356aec1268", htmlFor: "duration" }, "Event duration", a("span", { key: "b3bbb769c229d9de4da23b330c6801093ec70ffe", class: "required" }, "*"), a("span", { key: "f62a2f5e762073f5dea8be87948fc75cc398c2cf", class: "label-icon" }, a("tooltip-component", { key: "73fa017a9c54ee8b38c5d9ebecffeb247bb94e1a" }, a("info-icon", { key: "662f790d63babba084ffb7b3d2c1d6ad57872444", slot: "tooltip-icon" }), a("span", { key: "71e2c2816bde5eef547f8004858c10809a3d9fc8", slot: "tooltip-content" }, "Set the duration of your event.")))), a("div", { key: "491c79e0a0ff84aa3421c084bbe0370fe3fae874", class: "nylas-event-duration__wrapper" }, a("input-dropdown", { key: "de21d1aa7aa5dffd80c73bd27860b4a8949e54d6", 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] }), a("select-dropdown", { key: "8ecfa42bb8d7065750b80a523e051aede990237e", 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 }))));
|
|
1111
1121
|
}
|
|
1112
1122
|
static get formAssociated() {
|
|
1113
1123
|
return !0;
|
|
1114
1124
|
}
|
|
1115
1125
|
get host() {
|
|
1116
|
-
return
|
|
1126
|
+
return h(this);
|
|
1117
1127
|
}
|
|
1118
1128
|
static get watchers() {
|
|
1119
1129
|
return {
|
|
@@ -1123,20 +1133,20 @@ const Pe = class {
|
|
|
1123
1133
|
};
|
|
1124
1134
|
}
|
|
1125
1135
|
};
|
|
1126
|
-
|
|
1127
|
-
|
|
1136
|
+
pt([
|
|
1137
|
+
m({
|
|
1128
1138
|
name: "nylas-event-duration",
|
|
1129
1139
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1130
1140
|
eventToProps: {},
|
|
1131
1141
|
fireRegisterEvent: !0
|
|
1132
1142
|
}),
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
],
|
|
1137
|
-
|
|
1138
|
-
const
|
|
1139
|
-
var
|
|
1143
|
+
A("design:type", Function),
|
|
1144
|
+
A("design:paramtypes", []),
|
|
1145
|
+
A("design:returntype", void 0)
|
|
1146
|
+
], se.prototype, "render", null);
|
|
1147
|
+
se.style = ct;
|
|
1148
|
+
const ft = ':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}', bt = ft;
|
|
1149
|
+
var ut = function(e, t, n, i) {
|
|
1140
1150
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1141
1151
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1142
1152
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -1144,13 +1154,13 @@ var Xt = function(e, t, n, i) {
|
|
|
1144
1154
|
for (var d = e.length - 1; d >= 0; d--)
|
|
1145
1155
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1146
1156
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1147
|
-
},
|
|
1157
|
+
}, R = function(e, t) {
|
|
1148
1158
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1149
1159
|
return Reflect.metadata(e, t);
|
|
1150
1160
|
};
|
|
1151
|
-
const
|
|
1161
|
+
const le = class {
|
|
1152
1162
|
constructor(e) {
|
|
1153
|
-
|
|
1163
|
+
p(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
|
|
1154
1164
|
}
|
|
1155
1165
|
connectedCallback() {
|
|
1156
1166
|
r("nylas-event-info", "connectedCallback");
|
|
@@ -1159,34 +1169,34 @@ const Re = class {
|
|
|
1159
1169
|
r("nylas-event-info", "componentWillLoad");
|
|
1160
1170
|
}
|
|
1161
1171
|
componentDidLoad() {
|
|
1162
|
-
r("nylas-event-info", "componentDidLoad"),
|
|
1172
|
+
r("nylas-event-info", "componentDidLoad"), q(["inputs"], this.el);
|
|
1163
1173
|
}
|
|
1164
1174
|
disconnectedCallback() {
|
|
1165
1175
|
r("nylas-event-info", "disconnectedCallback");
|
|
1166
1176
|
}
|
|
1167
1177
|
render() {
|
|
1168
|
-
return a(
|
|
1178
|
+
return a(y, { key: "311ce4cda7377b94f12a98ff6a3318697762f6f0" }, a("nylas-form-card", { key: "99e5490667e83818242ae24863e5cdd94b39b0fa" }, a("h1", { key: "f8c0f0cc5c330fac2b2f17e46be32ea4f3cc0b4b", slot: "header-title", class: "nylas-event-info__title" }, "Event information"), a("h3", { key: "637d443ca5851d7038acf20425c7fc969543951d", slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), a("div", { key: "aa0c51b31eeda0ba4b2c0090ed8367d139ea447b", slot: "content", class: "nylas-event-info__content" }, a("slot", { key: "95cf051184160aa802d89fc395bf914df09412e9", name: "inputs" }))));
|
|
1169
1179
|
}
|
|
1170
1180
|
static get formAssociated() {
|
|
1171
1181
|
return !0;
|
|
1172
1182
|
}
|
|
1173
1183
|
get el() {
|
|
1174
|
-
return
|
|
1184
|
+
return h(this);
|
|
1175
1185
|
}
|
|
1176
1186
|
};
|
|
1177
|
-
|
|
1178
|
-
|
|
1187
|
+
ut([
|
|
1188
|
+
m({
|
|
1179
1189
|
name: "nylas-event-info",
|
|
1180
1190
|
eventToProps: {},
|
|
1181
1191
|
fireRegisterEvent: !0
|
|
1182
1192
|
}),
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
],
|
|
1187
|
-
|
|
1188
|
-
const
|
|
1189
|
-
var
|
|
1193
|
+
R("design:type", Function),
|
|
1194
|
+
R("design:paramtypes", []),
|
|
1195
|
+
R("design:returntype", void 0)
|
|
1196
|
+
], le.prototype, "render", null);
|
|
1197
|
+
le.style = bt;
|
|
1198
|
+
const yt = ':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}', ht = yt;
|
|
1199
|
+
var mt = function(e, t, n, i) {
|
|
1190
1200
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1191
1201
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1192
1202
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -1194,13 +1204,13 @@ var nn = function(e, t, n, i) {
|
|
|
1194
1204
|
for (var d = e.length - 1; d >= 0; d--)
|
|
1195
1205
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1196
1206
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1197
|
-
},
|
|
1207
|
+
}, M = function(e, t) {
|
|
1198
1208
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1199
1209
|
return Reflect.metadata(e, t);
|
|
1200
1210
|
};
|
|
1201
|
-
const
|
|
1211
|
+
const oe = class {
|
|
1202
1212
|
constructor(e) {
|
|
1203
|
-
|
|
1213
|
+
p(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
|
|
1204
1214
|
}
|
|
1205
1215
|
connectedCallback() {
|
|
1206
1216
|
r("nylas-event-limits", "connectedCallback");
|
|
@@ -1209,34 +1219,34 @@ const je = class {
|
|
|
1209
1219
|
r("nylas-event-limits", "componentWillLoad");
|
|
1210
1220
|
}
|
|
1211
1221
|
componentDidLoad() {
|
|
1212
|
-
r("nylas-event-limits", "componentDidLoad"),
|
|
1222
|
+
r("nylas-event-limits", "componentDidLoad"), q(["inputs"], this.el);
|
|
1213
1223
|
}
|
|
1214
1224
|
disconnectedCallback() {
|
|
1215
1225
|
r("nylas-event-limits", "disconnectedCallback");
|
|
1216
1226
|
}
|
|
1217
1227
|
render() {
|
|
1218
|
-
return a(
|
|
1228
|
+
return a(y, { key: "6bfa0e29afa1529eb445b68339a658e4d7c8a6be" }, a("nylas-form-card", { key: "eda419f6f0f7bb8dfd2ebdb0a13c0a8c650190eb" }, a("h1", { key: "ea2c9af0d66665f25dcbb9c4c152bf159ceb4169", slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), a("h3", { key: "b600fd0b690bab256fde199b373913d9009be9bf", slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), a("div", { key: "72b24085107528833d406802b206eed3719bb358", slot: "content", class: "nylas-event-limits__content" }, a("slot", { key: "74a09fd8044065a2f52ef5abaeef0ba80f38f17b", name: "inputs" }))));
|
|
1219
1229
|
}
|
|
1220
1230
|
static get formAssociated() {
|
|
1221
1231
|
return !0;
|
|
1222
1232
|
}
|
|
1223
1233
|
get el() {
|
|
1224
|
-
return
|
|
1234
|
+
return h(this);
|
|
1225
1235
|
}
|
|
1226
1236
|
};
|
|
1227
|
-
|
|
1228
|
-
|
|
1237
|
+
mt([
|
|
1238
|
+
m({
|
|
1229
1239
|
name: "nylas-event-limits",
|
|
1230
1240
|
eventToProps: {},
|
|
1231
1241
|
fireRegisterEvent: !0
|
|
1232
1242
|
}),
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
],
|
|
1237
|
-
|
|
1238
|
-
const
|
|
1239
|
-
var
|
|
1243
|
+
M("design:type", Function),
|
|
1244
|
+
M("design:paramtypes", []),
|
|
1245
|
+
M("design:returntype", void 0)
|
|
1246
|
+
], oe.prototype, "render", null);
|
|
1247
|
+
oe.style = ht;
|
|
1248
|
+
const gt = ':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}', vt = gt;
|
|
1249
|
+
var _t = function(e, t, n, i) {
|
|
1240
1250
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1241
1251
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1242
1252
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -1244,13 +1254,13 @@ var ln = function(e, t, n, i) {
|
|
|
1244
1254
|
for (var d = e.length - 1; d >= 0; d--)
|
|
1245
1255
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1246
1256
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1247
|
-
},
|
|
1257
|
+
}, z = function(e, t) {
|
|
1248
1258
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1249
1259
|
return Reflect.metadata(e, t);
|
|
1250
1260
|
};
|
|
1251
|
-
const
|
|
1261
|
+
const re = class {
|
|
1252
1262
|
constructor(e) {
|
|
1253
|
-
|
|
1263
|
+
p(this, e), this.valueChanged = u(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";
|
|
1254
1264
|
}
|
|
1255
1265
|
elementNameChangedHandler(e) {
|
|
1256
1266
|
r("nylas-event-location", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -1283,7 +1293,7 @@ const We = class {
|
|
|
1283
1293
|
typeof this.internals.setFormValue == "function" && this.internals.setFormValue(e, t);
|
|
1284
1294
|
}
|
|
1285
1295
|
handleChange(e) {
|
|
1286
|
-
const t =
|
|
1296
|
+
const t = H(e.target.value);
|
|
1287
1297
|
this.location = t, this.setFormValue(t, "location"), this.valueChanged.emit({ value: t, name: this.name });
|
|
1288
1298
|
}
|
|
1289
1299
|
render() {
|
|
@@ -1291,16 +1301,16 @@ const We = class {
|
|
|
1291
1301
|
{ value: "none", label: "None" },
|
|
1292
1302
|
{ value: "custom", label: "Custom location" }
|
|
1293
1303
|
], t = {
|
|
1294
|
-
none: a("location-off-icon", { key: "
|
|
1295
|
-
custom: a("location-icon", { key: "
|
|
1304
|
+
none: a("location-off-icon", { key: "f9a254f862acd3c1b8a24b7efe0069f232bd9f51" }),
|
|
1305
|
+
custom: a("location-icon", { key: "641cfced66068f659d7d6db3b88a11314d9cacf6" })
|
|
1296
1306
|
};
|
|
1297
|
-
return a(
|
|
1307
|
+
return a(y, { key: "9e86c85ff957ac4d8192350e61bc66dfb7d8f764" }, a("div", { key: "a51752993c346200236187f906caa0629be50e88", class: "nylas-event-location", part: "nel" }, a("label", { key: "53cb18b0acd1a46b4be9a49f88a2786e7832d761", htmlFor: "location" }, "Location type", a("span", { key: "2b2debd710387758562de5833b5160f1d3a18481", class: "label-icon" }, a("tooltip-component", { key: "237da0e3bbfae495fd865d99e8f1e1ef68ae027e" }, a("info-icon", { key: "5f23b94c2bbe0f3ddd3870aeb69cee2f75b0bd28", slot: "tooltip-icon" }), a("span", { key: "b1ed166875a24ce4bcfbc808c26d0042b74f73f3", 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.")))), a("div", { key: "316411158feced50b61ce97014ffa0ba7c4400e8", class: "location-input" }, a("select-dropdown", { key: "cc6bdbca81e738f43dfb37b7dc66f06ac338dc40", 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" }, a("span", { key: "faacafdffda95071ee9304ac0e4c0125dc31c123", slot: "select-icon" }, t[this.selectedLocationOption])), this.selectedLocationOption === "custom" && a("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: (n) => this.handleChange(n) }))));
|
|
1298
1308
|
}
|
|
1299
1309
|
static get formAssociated() {
|
|
1300
1310
|
return !0;
|
|
1301
1311
|
}
|
|
1302
1312
|
get host() {
|
|
1303
|
-
return
|
|
1313
|
+
return h(this);
|
|
1304
1314
|
}
|
|
1305
1315
|
static get watchers() {
|
|
1306
1316
|
return {
|
|
@@ -1310,20 +1320,20 @@ const We = class {
|
|
|
1310
1320
|
};
|
|
1311
1321
|
}
|
|
1312
1322
|
};
|
|
1313
|
-
|
|
1314
|
-
|
|
1323
|
+
_t([
|
|
1324
|
+
m({
|
|
1315
1325
|
name: "nylas-event-location",
|
|
1316
1326
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1317
1327
|
eventToProps: {},
|
|
1318
1328
|
fireRegisterEvent: !0
|
|
1319
1329
|
}),
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
],
|
|
1324
|
-
|
|
1325
|
-
const
|
|
1326
|
-
var
|
|
1330
|
+
z("design:type", Function),
|
|
1331
|
+
z("design:paramtypes", []),
|
|
1332
|
+
z("design:returntype", void 0)
|
|
1333
|
+
], re.prototype, "render", null);
|
|
1334
|
+
re.style = vt;
|
|
1335
|
+
const kt = ':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)}', xt = kt;
|
|
1336
|
+
var Ct = function(e, t, n, i) {
|
|
1327
1337
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1328
1338
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1329
1339
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -1331,14 +1341,14 @@ var dn = function(e, t, n, i) {
|
|
|
1331
1341
|
for (var d = e.length - 1; d >= 0; d--)
|
|
1332
1342
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1333
1343
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1334
|
-
},
|
|
1344
|
+
}, j = function(e, t) {
|
|
1335
1345
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1336
1346
|
return Reflect.metadata(e, t);
|
|
1337
1347
|
};
|
|
1338
|
-
const
|
|
1348
|
+
const de = class {
|
|
1339
1349
|
constructor(e) {
|
|
1340
1350
|
var t, n;
|
|
1341
|
-
|
|
1351
|
+
p(this, e), this.valueChanged = u(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 = K.map((i) => ({
|
|
1342
1352
|
label: i.token,
|
|
1343
1353
|
value: i.value,
|
|
1344
1354
|
labelHTML: i
|
|
@@ -1384,44 +1394,44 @@ const Be = class {
|
|
|
1384
1394
|
}
|
|
1385
1395
|
highlightTokens(e) {
|
|
1386
1396
|
let t = e;
|
|
1387
|
-
return
|
|
1397
|
+
return K.forEach((n) => {
|
|
1388
1398
|
const i = n.value, l = new RegExp(`(\\${i})(?!\\w)`, "g");
|
|
1389
1399
|
t = t.replace(l, '<span class="highlighted-tag">$1</span>');
|
|
1390
1400
|
}), t;
|
|
1391
1401
|
}
|
|
1392
1402
|
getCurrentSelectionForBrowser() {
|
|
1393
1403
|
var i, l, s;
|
|
1394
|
-
const e = (o, d,
|
|
1395
|
-
const
|
|
1404
|
+
const e = (o, d, b, f) => {
|
|
1405
|
+
const c = o.replace(/[\u200B-\u200D\uFEFF]/g, ""), _ = c.lastIndexOf("$"), g = c.substring(_).split(" ")[0];
|
|
1396
1406
|
return {
|
|
1397
1407
|
focusOffset: d,
|
|
1398
|
-
dollarIndex:
|
|
1399
|
-
lastWord:
|
|
1400
|
-
currentText:
|
|
1401
|
-
node:
|
|
1402
|
-
allSelected:
|
|
1408
|
+
dollarIndex: _,
|
|
1409
|
+
lastWord: g,
|
|
1410
|
+
currentText: c,
|
|
1411
|
+
node: b,
|
|
1412
|
+
allSelected: f
|
|
1403
1413
|
};
|
|
1404
1414
|
}, t = (o) => {
|
|
1405
|
-
var d,
|
|
1406
|
-
return o.anchorOffset === 0 && o.focusOffset === ((
|
|
1415
|
+
var d, b;
|
|
1416
|
+
return o.anchorOffset === 0 && o.focusOffset === ((b = (d = o.focusNode) == null ? void 0 : d.nodeValue) == null ? void 0 : b.length);
|
|
1407
1417
|
};
|
|
1408
|
-
switch (
|
|
1418
|
+
switch (me()) {
|
|
1409
1419
|
case "Chrome":
|
|
1410
|
-
const o = (i = this.host.shadowRoot) == null ? void 0 : i.getSelection(), d = o == null ? void 0 : o.focusNode,
|
|
1411
|
-
return e(
|
|
1420
|
+
const o = (i = this.host.shadowRoot) == null ? void 0 : i.getSelection(), d = o == null ? void 0 : o.focusNode, b = (d == null ? void 0 : d.nodeValue) || "", f = o && t(o);
|
|
1421
|
+
return e(b, (o == null ? void 0 : o.focusOffset) || -1, d, f);
|
|
1412
1422
|
case "Firefox":
|
|
1413
|
-
const
|
|
1414
|
-
return e(
|
|
1423
|
+
const c = document.getSelection(), _ = ((l = c == null ? void 0 : c.anchorNode) == null ? void 0 : l.nodeValue) || "", g = c && t(c);
|
|
1424
|
+
return e(_, (c == null ? void 0 : c.focusOffset) || -1, c == null ? void 0 : c.anchorNode, g);
|
|
1415
1425
|
case "Safari":
|
|
1416
|
-
const
|
|
1417
|
-
return e(
|
|
1426
|
+
const k = window.getSelection(), v = k == null ? void 0 : k.getComposedRanges(this.host.shadowRoot)[0], I = ((s = v == null ? void 0 : v.startContainer) == null ? void 0 : s.nodeValue) || "", C = k && t(k);
|
|
1427
|
+
return e(I, (v == null ? void 0 : v.endOffset) || -1, v == null ? void 0 : v.startContainer, C);
|
|
1418
1428
|
default:
|
|
1419
1429
|
return console.warn("Browser not supported"), null;
|
|
1420
1430
|
}
|
|
1421
1431
|
}
|
|
1422
1432
|
handleChange(e) {
|
|
1423
1433
|
let t = e.target.textContent || "";
|
|
1424
|
-
t =
|
|
1434
|
+
t = H(t);
|
|
1425
1435
|
const n = this.getCurrentSelectionForBrowser();
|
|
1426
1436
|
if (!n) {
|
|
1427
1437
|
this.updateEventTitle(t), this.resetDropdown();
|
|
@@ -1442,7 +1452,7 @@ const Be = class {
|
|
|
1442
1452
|
handleInputKeyDown(e) {
|
|
1443
1453
|
var n, i, l, s;
|
|
1444
1454
|
const t = this.getCurrentSelectionForBrowser();
|
|
1445
|
-
if (t != null && t.allSelected && !
|
|
1455
|
+
if (t != null && t.allSelected && !he(e) && (this.titleRef.innerHTML = ""), e.key === "Enter") {
|
|
1446
1456
|
e.preventDefault();
|
|
1447
1457
|
const o = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(this.ariaActivedescendant);
|
|
1448
1458
|
o && (o.click(), this.ariaActivedescendant = "");
|
|
@@ -1466,14 +1476,14 @@ const Be = class {
|
|
|
1466
1476
|
e.key === "Escape" ? (e.preventDefault(), this.resetDropdown()) : (e.key === "Backspace" || e.key === "Delete") && (t != null && t.currentText.startsWith("${") && (s = t == null ? void 0 : t.node) != null && s.parentNode && t.node.parentNode.removeChild(t.node), (this.titleRef.textContent === "" || (t == null ? void 0 : t.currentText) === "" || t != null && t.allSelected) && (this.titleRef.innerHTML = ""));
|
|
1467
1477
|
}
|
|
1468
1478
|
selectOption(e, t) {
|
|
1469
|
-
var
|
|
1479
|
+
var I;
|
|
1470
1480
|
e.preventDefault();
|
|
1471
1481
|
const n = this.currentWord.fullText, i = this.currentWord.$value;
|
|
1472
1482
|
let l = this.titleRef.firstChild, s = null;
|
|
1473
1483
|
for (; l; ) {
|
|
1474
1484
|
if (l.nodeType === 3) {
|
|
1475
|
-
const
|
|
1476
|
-
if (
|
|
1485
|
+
const C = ((I = l.textContent) == null ? void 0 : I.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", ye = n.replace(/[\u200B-\u200D\uFEFF]/g, "");
|
|
1486
|
+
if (C.includes(ye)) {
|
|
1477
1487
|
s = l;
|
|
1478
1488
|
break;
|
|
1479
1489
|
}
|
|
@@ -1482,18 +1492,18 @@ const Be = class {
|
|
|
1482
1492
|
}
|
|
1483
1493
|
if (!s)
|
|
1484
1494
|
return;
|
|
1485
|
-
const o = s.textContent || "", d = o.indexOf(i),
|
|
1486
|
-
|
|
1487
|
-
const
|
|
1488
|
-
if (
|
|
1489
|
-
s.replaceWith(
|
|
1495
|
+
const o = s.textContent || "", d = o.indexOf(i), b = o.substring(0, d), f = o.substring(d + i.length), c = document.createTextNode(b), _ = document.createRange(), g = document.createElement("span");
|
|
1496
|
+
g.classList.add("highlighted-tag"), g.textContent = `${t.value}`;
|
|
1497
|
+
const k = document.createTextNode(f);
|
|
1498
|
+
if (f !== "")
|
|
1499
|
+
s.replaceWith(c, g, k), _.setStart(k, 1);
|
|
1490
1500
|
else {
|
|
1491
|
-
const
|
|
1492
|
-
s.replaceWith(
|
|
1501
|
+
const C = document.createTextNode("");
|
|
1502
|
+
s.replaceWith(c, g, C), _.setStart(C, 1);
|
|
1493
1503
|
}
|
|
1494
1504
|
this.resetDropdown(), this.titleRef.focus();
|
|
1495
|
-
const
|
|
1496
|
-
|
|
1505
|
+
const v = window.getSelection();
|
|
1506
|
+
_.collapse(!0), v == null || v.removeAllRanges(), v == null || v.addRange(_), this.updateEventTitle(this.titleRef.textContent || "");
|
|
1497
1507
|
}
|
|
1498
1508
|
populateSuggestionsDropdown(e = "") {
|
|
1499
1509
|
this.filteredTokens = this.availableTokens.filter((t) => t.label.startsWith(e.toString()) || t.value.startsWith(e.toString())), this.filteredTokens.length > 0 && (this.ariaActivedescendant = this.filteredTokens[0].label);
|
|
@@ -1511,7 +1521,7 @@ const Be = class {
|
|
|
1511
1521
|
}
|
|
1512
1522
|
render() {
|
|
1513
1523
|
var e;
|
|
1514
|
-
return a(
|
|
1524
|
+
return a(y, { key: "8e8de66d58ca4428f35effa133fc8c0b3e3c804f" }, a("div", { key: "411cf6eb2553063facf74bc0fcf46cbced1b2eb8", class: "nylas-event-title", part: "net" }, a("label", { key: "47c8a32d54022a41182ba71aa665f05275e0926b", htmlFor: "title" }, "Event title", a("span", { key: "664268aa456eeae43411ef0c59c3391dfebac185", class: "required" }, "*"), a("span", { key: "c4db00b1f2f428c30344dbe098fabba19e15cf76", class: "label-icon" }, a("tooltip-component", { key: "9884d36d7237310d454cb2cce36ea7a7391a58e5" }, a("info-icon", { key: "6a2c57dc06b77fb2c8faaa21af08558f7cfcf98c", slot: "tooltip-icon" }), a("span", { key: "185fee4da67795d4cbad48ce905c573e42749b95", slot: "tooltip-content" }, "Enter a title for your event.")))), a("div", { key: "80db52b66751ec73660465a2185d2e5c1304903d", class: {
|
|
1515
1525
|
title: !0,
|
|
1516
1526
|
error: this.validationError !== ""
|
|
1517
1527
|
}, 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 && a("div", { class: "token-options", part: "net__dropdown-content" }, a("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => a("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))))), a("span", { key: "35d1099854f33517e668691f98a3bf296a8280d4", class: "help-text" }, "Create a dynamic templated event title by typing $. Learn more"), this.validationError != "" && a("span", { class: "error-message" }, this.validationError)));
|
|
@@ -1520,7 +1530,7 @@ const Be = class {
|
|
|
1520
1530
|
return !0;
|
|
1521
1531
|
}
|
|
1522
1532
|
get host() {
|
|
1523
|
-
return
|
|
1533
|
+
return h(this);
|
|
1524
1534
|
}
|
|
1525
1535
|
static get watchers() {
|
|
1526
1536
|
return {
|
|
@@ -1530,20 +1540,20 @@ const Be = class {
|
|
|
1530
1540
|
};
|
|
1531
1541
|
}
|
|
1532
1542
|
};
|
|
1533
|
-
|
|
1534
|
-
|
|
1543
|
+
Ct([
|
|
1544
|
+
m({
|
|
1535
1545
|
name: "nylas-event-title",
|
|
1536
1546
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1537
1547
|
eventToProps: {},
|
|
1538
1548
|
fireRegisterEvent: !0
|
|
1539
1549
|
}),
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
],
|
|
1544
|
-
|
|
1545
|
-
const
|
|
1546
|
-
var
|
|
1550
|
+
j("design:type", Function),
|
|
1551
|
+
j("design:paramtypes", []),
|
|
1552
|
+
j("design:returntype", void 0)
|
|
1553
|
+
], de.prototype, "render", null);
|
|
1554
|
+
de.style = xt;
|
|
1555
|
+
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-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}select-dropdown::part(sd_dropdown-button){border:none}', Ot = wt;
|
|
1556
|
+
var It = function(e, t, n, i) {
|
|
1547
1557
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1548
1558
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1549
1559
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -1551,13 +1561,13 @@ var fn = function(e, t, n, i) {
|
|
|
1551
1561
|
for (var d = e.length - 1; d >= 0; d--)
|
|
1552
1562
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1553
1563
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1554
|
-
},
|
|
1564
|
+
}, W = function(e, t) {
|
|
1555
1565
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1556
1566
|
return Reflect.metadata(e, t);
|
|
1557
1567
|
};
|
|
1558
|
-
const
|
|
1568
|
+
const ce = class {
|
|
1559
1569
|
constructor(e) {
|
|
1560
|
-
|
|
1570
|
+
p(this, e), this.valueChanged = u(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";
|
|
1561
1571
|
}
|
|
1562
1572
|
elementNameChangedHandler(e) {
|
|
1563
1573
|
r("nylas-limit-future-bookings", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -1593,13 +1603,13 @@ const Ze = class {
|
|
|
1593
1603
|
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;
|
|
1594
1604
|
}
|
|
1595
1605
|
render() {
|
|
1596
|
-
return a(
|
|
1606
|
+
return a(y, { key: "e1e24151575c5c687d51fdf177840aa7c05424d9" }, a("div", { key: "ceb19c13b5ad7e132260de266b1883b3f8d53f3d", class: "nylas-limit-future-bookings", part: "nlfb" }, a("label", { key: "44c296c74b9a9cd7152d2c704d4dc6ef82cc39c7" }, "Limit future bookings", a("span", { key: "11e7622613f38d12ef4f1c564b0ca311ab679cb3", class: "label-icon" }, a("tooltip-component", { key: "d9ab1be2efb6616a937d112017be0e2c8e965ab3" }, a("info-icon", { key: "9f207ec82aa2a122ebfd0ba047f650751c49e470", slot: "tooltip-icon" }), a("span", { key: "1d91cfa505846f5f9da0457b785d8c645044be55", slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), a("time-period-selector", { key: "cc11ea1514b99b8b4ef1721a15d56fbda1c1693b", id: "limit-future-bookings", timePeriods: ["day", "week", "month"], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
|
|
1597
1607
|
}
|
|
1598
1608
|
static get formAssociated() {
|
|
1599
1609
|
return !0;
|
|
1600
1610
|
}
|
|
1601
1611
|
get host() {
|
|
1602
|
-
return
|
|
1612
|
+
return h(this);
|
|
1603
1613
|
}
|
|
1604
1614
|
static get watchers() {
|
|
1605
1615
|
return {
|
|
@@ -1609,20 +1619,20 @@ const Ze = class {
|
|
|
1609
1619
|
};
|
|
1610
1620
|
}
|
|
1611
1621
|
};
|
|
1612
|
-
|
|
1613
|
-
|
|
1622
|
+
It([
|
|
1623
|
+
m({
|
|
1614
1624
|
name: "nylas-limit-future-bookings",
|
|
1615
1625
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1616
1626
|
eventToProps: {},
|
|
1617
1627
|
fireRegisterEvent: !0
|
|
1618
1628
|
}),
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
],
|
|
1623
|
-
|
|
1624
|
-
const
|
|
1625
|
-
var
|
|
1629
|
+
W("design:type", Function),
|
|
1630
|
+
W("design:paramtypes", []),
|
|
1631
|
+
W("design:returntype", void 0)
|
|
1632
|
+
], ce.prototype, "render", null);
|
|
1633
|
+
ce.style = Ot;
|
|
1634
|
+
const Tt = ':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-booking-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-booking-notice{flex-direction:column;gap:0.5rem}}.nylas-min-booking-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-booking-notice label span.label-icon{margin-left:4px}.nylas-min-booking-notice label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}', Ht = Tt;
|
|
1635
|
+
var $t = function(e, t, n, i) {
|
|
1626
1636
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1627
1637
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1628
1638
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -1630,13 +1640,13 @@ var bn = function(e, t, n, i) {
|
|
|
1630
1640
|
for (var d = e.length - 1; d >= 0; d--)
|
|
1631
1641
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1632
1642
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1633
|
-
},
|
|
1643
|
+
}, B = function(e, t) {
|
|
1634
1644
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1635
1645
|
return Reflect.metadata(e, t);
|
|
1636
1646
|
};
|
|
1637
|
-
const
|
|
1647
|
+
const pe = class {
|
|
1638
1648
|
constructor(e) {
|
|
1639
|
-
|
|
1649
|
+
p(this, e), this.valueChanged = u(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.minBookingNotice = void 0, this.name = "min-booking-notice", this.selectedNumber = 1, this.selectedPeriod = "hour";
|
|
1640
1650
|
}
|
|
1641
1651
|
elementNameChangedHandler(e) {
|
|
1642
1652
|
r("nylas-min-booking-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -1673,13 +1683,13 @@ const Ue = class {
|
|
|
1673
1683
|
e >= 43200 ? (s = Math.floor(e / 43200), o = "month") : e >= 10080 ? (s = Math.floor(e / 10080), o = "week") : e >= 1440 ? (s = Math.floor(e / 1440), o = "day") : e >= 60 ? (s = Math.floor(e / 60), o = "hour") : (s = e, o = "minute"), this.selectedNumber = s, this.selectedPeriod = o;
|
|
1674
1684
|
}
|
|
1675
1685
|
render() {
|
|
1676
|
-
return a(
|
|
1686
|
+
return a(y, { key: "75bc177620fae5662328ba8f53f9f4a4e84733e5" }, a("div", { key: "a76b27e58174ca827e389b361ce4837e6ae11ced", class: "nylas-min-booking-notice", part: "nmbn" }, a("label", { key: "1db3f2c7c54b05744b64ad40c951595122d317c5" }, "Minimum booking notice", a("span", { key: "a4c7db6f534b570cbbf5af4c3d60d97843599a4b", class: "label-icon" }, a("tooltip-component", { key: "f7d6ba6b294f85c9d573933b6916cd50ad830d2a" }, a("info-icon", { key: "16b11bfaa5affbe15748f6ae6129c1e5a6fcfe32", slot: "tooltip-icon" }), a("span", { key: "1fe829a53fa3dcef0a6d5954717889d9e92d0c68", slot: "tooltip-content" }, "The minimum amount of time in the future for planning the event.")))), a("time-period-selector", { key: "e4a545fc471e67447cab675ccd11fa786337fc23", id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
|
|
1677
1687
|
}
|
|
1678
1688
|
static get formAssociated() {
|
|
1679
1689
|
return !0;
|
|
1680
1690
|
}
|
|
1681
1691
|
get host() {
|
|
1682
|
-
return
|
|
1692
|
+
return h(this);
|
|
1683
1693
|
}
|
|
1684
1694
|
static get watchers() {
|
|
1685
1695
|
return {
|
|
@@ -1689,20 +1699,20 @@ const Ue = class {
|
|
|
1689
1699
|
};
|
|
1690
1700
|
}
|
|
1691
1701
|
};
|
|
1692
|
-
|
|
1693
|
-
|
|
1702
|
+
$t([
|
|
1703
|
+
m({
|
|
1694
1704
|
name: "nylas-min-booking-notice",
|
|
1695
1705
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1696
1706
|
eventToProps: {},
|
|
1697
1707
|
fireRegisterEvent: !0
|
|
1698
1708
|
}),
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
],
|
|
1703
|
-
|
|
1704
|
-
const
|
|
1705
|
-
var
|
|
1709
|
+
B("design:type", Function),
|
|
1710
|
+
B("design:paramtypes", []),
|
|
1711
|
+
B("design:returntype", void 0)
|
|
1712
|
+
], pe.prototype, "render", null);
|
|
1713
|
+
pe.style = Ht;
|
|
1714
|
+
const Dt = ':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}select-dropdown::part(sd_dropdown-button){border:none}', St = Dt;
|
|
1715
|
+
var Et = function(e, t, n, i) {
|
|
1706
1716
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1707
1717
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1708
1718
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -1710,13 +1720,13 @@ var gn = function(e, t, n, i) {
|
|
|
1710
1720
|
for (var d = e.length - 1; d >= 0; d--)
|
|
1711
1721
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1712
1722
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1713
|
-
},
|
|
1723
|
+
}, Z = function(e, t) {
|
|
1714
1724
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1715
1725
|
return Reflect.metadata(e, t);
|
|
1716
1726
|
};
|
|
1717
|
-
const
|
|
1727
|
+
const fe = class {
|
|
1718
1728
|
constructor(e) {
|
|
1719
|
-
|
|
1729
|
+
p(this, e), this.valueChanged = u(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";
|
|
1720
1730
|
}
|
|
1721
1731
|
elementNameChangedHandler(e) {
|
|
1722
1732
|
r("nylas-min-cancellation-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -1753,13 +1763,13 @@ const Ye = class {
|
|
|
1753
1763
|
e >= 43200 ? (s = Math.floor(e / 43200), o = "month") : e >= 10080 ? (s = Math.floor(e / 10080), o = "week") : e >= 1440 ? (s = Math.floor(e / 1440), o = "day") : e >= 60 ? (s = Math.floor(e / 60), o = "hour") : (s = e, o = "minute"), this.selectedNumber = s, this.selectedPeriod = o;
|
|
1754
1764
|
}
|
|
1755
1765
|
render() {
|
|
1756
|
-
return a(
|
|
1766
|
+
return a(y, { key: "8cccdce4a9960ecf6b860b638da26c50a68104c4" }, a("div", { key: "82854ad81861233231fe4a1e8006196155328141", class: "nylas-min-cancellation-notice", part: "nmcn" }, a("label", { key: "db3eddec3a8fb28c0b035d4d4cd61986832dff0b" }, "Minimum cancellation notice", a("span", { key: "137472a58beef549599289b04be8fde01e7d81da", class: "label-icon" }, a("tooltip-component", { key: "2cfcceb4c7144553ac85d32da46fbd894955a9ee" }, a("info-icon", { key: "9e13ddb61e10e10a5fa426fb6a2b56159597ea88", slot: "tooltip-icon" }), a("span", { key: "9670035ec49fe0db37564d2d44d30f2197a7ec85", slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), a("time-period-selector", { key: "0e7b9f7b99d7e10c2c39c5affdfc014a403146ad", id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
|
|
1757
1767
|
}
|
|
1758
1768
|
static get formAssociated() {
|
|
1759
1769
|
return !0;
|
|
1760
1770
|
}
|
|
1761
1771
|
get host() {
|
|
1762
|
-
return
|
|
1772
|
+
return h(this);
|
|
1763
1773
|
}
|
|
1764
1774
|
static get watchers() {
|
|
1765
1775
|
return {
|
|
@@ -1769,330 +1779,126 @@ const Ye = class {
|
|
|
1769
1779
|
};
|
|
1770
1780
|
}
|
|
1771
1781
|
};
|
|
1772
|
-
|
|
1773
|
-
|
|
1782
|
+
Et([
|
|
1783
|
+
m({
|
|
1774
1784
|
name: "nylas-min-cancellation-notice",
|
|
1775
1785
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1776
1786
|
eventToProps: {},
|
|
1777
1787
|
fireRegisterEvent: !0
|
|
1778
1788
|
}),
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1782
|
-
],
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
(
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
return 0;
|
|
1799
|
-
var m = f.match(/([+-]|\d\d)/g), y = 60 * m[1] + (+m[2] || 0);
|
|
1800
|
-
return y === 0 ? 0 : m[0] === "+" ? -y : y;
|
|
1801
|
-
}(c);
|
|
1802
|
-
}], g = function(c) {
|
|
1803
|
-
var f = d[c];
|
|
1804
|
-
return f && (f.indexOf ? f : f.s.concat(f.f));
|
|
1805
|
-
}, v = function(c, f) {
|
|
1806
|
-
var m, y = d.meridiem;
|
|
1807
|
-
if (y) {
|
|
1808
|
-
for (var S = 1; S <= 24; S += 1)
|
|
1809
|
-
if (c.indexOf(y(S, 0, f)) > -1) {
|
|
1810
|
-
m = S > 12;
|
|
1811
|
-
break;
|
|
1812
|
-
}
|
|
1813
|
-
} else
|
|
1814
|
-
m = c === (f ? "pm" : "PM");
|
|
1815
|
-
return m;
|
|
1816
|
-
}, O = { A: [o, function(c) {
|
|
1817
|
-
this.afternoon = v(c, !1);
|
|
1818
|
-
}], a: [o, function(c) {
|
|
1819
|
-
this.afternoon = v(c, !0);
|
|
1820
|
-
}], S: [/\d/, function(c) {
|
|
1821
|
-
this.milliseconds = 100 * +c;
|
|
1822
|
-
}], SS: [l, function(c) {
|
|
1823
|
-
this.milliseconds = 10 * +c;
|
|
1824
|
-
}], SSS: [/\d{3}/, function(c) {
|
|
1825
|
-
this.milliseconds = +c;
|
|
1826
|
-
}], 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: [l, p("day")], Do: [o, function(c) {
|
|
1827
|
-
var f = d.ordinal, m = c.match(/\d+/);
|
|
1828
|
-
if (this.day = m[0], f)
|
|
1829
|
-
for (var y = 1; y <= 31; y += 1)
|
|
1830
|
-
f(y).replace(/\[|\]/g, "") === c && (this.day = y);
|
|
1831
|
-
}], M: [s, p("month")], MM: [l, p("month")], MMM: [o, function(c) {
|
|
1832
|
-
var f = g("months"), m = (g("monthsShort") || f.map(function(y) {
|
|
1833
|
-
return y.slice(0, 3);
|
|
1834
|
-
})).indexOf(c) + 1;
|
|
1835
|
-
if (m < 1)
|
|
1836
|
-
throw new Error();
|
|
1837
|
-
this.month = m % 12 || m;
|
|
1838
|
-
}], MMMM: [o, function(c) {
|
|
1839
|
-
var f = g("months").indexOf(c) + 1;
|
|
1840
|
-
if (f < 1)
|
|
1841
|
-
throw new Error();
|
|
1842
|
-
this.month = f % 12 || f;
|
|
1843
|
-
}], Y: [/[+-]?\d+/, p("year")], YY: [l, function(c) {
|
|
1844
|
-
this.year = h(c);
|
|
1845
|
-
}], YYYY: [/\d{4}/, p("year")], Z: u, ZZ: u };
|
|
1846
|
-
function w(c) {
|
|
1847
|
-
var f, m;
|
|
1848
|
-
f = c, m = d && d.formats;
|
|
1849
|
-
for (var y = (c = f.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(z, L, D) {
|
|
1850
|
-
var T = D && D.toUpperCase();
|
|
1851
|
-
return L || m[D] || n[D] || m[T].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(M, A, P) {
|
|
1852
|
-
return A || P.slice(1);
|
|
1853
|
-
});
|
|
1854
|
-
})).match(i), S = y.length, $ = 0; $ < S; $ += 1) {
|
|
1855
|
-
var Y = y[$], F = O[Y], E = F && F[0], H = F && F[1];
|
|
1856
|
-
y[$] = H ? { regex: E, parser: H } : Y.replace(/^\[|\]$/g, "");
|
|
1857
|
-
}
|
|
1858
|
-
return function(z) {
|
|
1859
|
-
for (var L = {}, D = 0, T = 0; D < S; D += 1) {
|
|
1860
|
-
var M = y[D];
|
|
1861
|
-
if (typeof M == "string")
|
|
1862
|
-
T += M.length;
|
|
1863
|
-
else {
|
|
1864
|
-
var A = M.regex, P = M.parser, G = z.slice(T), j = A.exec(G)[0];
|
|
1865
|
-
P.call(L, j), z = z.replace(j, "");
|
|
1866
|
-
}
|
|
1867
|
-
}
|
|
1868
|
-
return function(R) {
|
|
1869
|
-
var I = R.afternoon;
|
|
1870
|
-
if (I !== void 0) {
|
|
1871
|
-
var W = R.hours;
|
|
1872
|
-
I ? W < 12 && (R.hours += 12) : W === 12 && (R.hours = 0), delete R.afternoon;
|
|
1873
|
-
}
|
|
1874
|
-
}(L), L;
|
|
1875
|
-
};
|
|
1876
|
-
}
|
|
1877
|
-
return function(c, f, m) {
|
|
1878
|
-
m.p.customParseFormat = !0, c && c.parseTwoDigitYear && (h = c.parseTwoDigitYear);
|
|
1879
|
-
var y = f.prototype, S = y.parse;
|
|
1880
|
-
y.parse = function($) {
|
|
1881
|
-
var Y = $.date, F = $.utc, E = $.args;
|
|
1882
|
-
this.$u = F;
|
|
1883
|
-
var H = E[1];
|
|
1884
|
-
if (typeof H == "string") {
|
|
1885
|
-
var z = E[2] === !0, L = E[3] === !0, D = z || L, T = E[2];
|
|
1886
|
-
L && (T = E[2]), d = this.$locale(), !z && T && (d = m.Ls[T]), this.$d = function(G, j, R) {
|
|
1887
|
-
try {
|
|
1888
|
-
if (["x", "X"].indexOf(j) > -1)
|
|
1889
|
-
return new Date((j === "X" ? 1e3 : 1) * G);
|
|
1890
|
-
var I = w(j)(G), W = I.year, K = I.month, Ve = I.day, Je = I.hours, qe = I.minutes, Qe = I.seconds, Xe = I.milliseconds, Ce = I.zone, Q = /* @__PURE__ */ new Date(), X = Ve || (W || K ? 1 : Q.getDate()), ee = W || Q.getFullYear(), V = 0;
|
|
1891
|
-
W && !K || (V = K > 0 ? K - 1 : Q.getMonth());
|
|
1892
|
-
var te = Je || 0, ne = qe || 0, ae = Qe || 0, ie = Xe || 0;
|
|
1893
|
-
return Ce ? new Date(Date.UTC(ee, V, X, te, ne, ae, ie + 60 * Ce.offset * 1e3)) : R ? new Date(Date.UTC(ee, V, X, te, ne, ae, ie)) : new Date(ee, V, X, te, ne, ae, ie);
|
|
1894
|
-
} catch {
|
|
1895
|
-
return /* @__PURE__ */ new Date("");
|
|
1896
|
-
}
|
|
1897
|
-
}(Y, H, F), this.init(), T && T !== !0 && (this.$L = this.locale(T).$L), D && Y != this.format(H) && (this.$d = /* @__PURE__ */ new Date("")), d = {};
|
|
1898
|
-
} else if (H instanceof Array)
|
|
1899
|
-
for (var M = H.length, A = 1; A <= M; A += 1) {
|
|
1900
|
-
E[1] = H[A - 1];
|
|
1901
|
-
var P = m.apply(this, E);
|
|
1902
|
-
if (P.isValid()) {
|
|
1903
|
-
this.$d = P.$d, this.$L = P.$L, this.init();
|
|
1904
|
-
break;
|
|
1905
|
-
}
|
|
1906
|
-
A === M && (this.$d = /* @__PURE__ */ new Date(""));
|
|
1907
|
-
}
|
|
1908
|
-
else
|
|
1909
|
-
S.call(this, $);
|
|
1910
|
-
};
|
|
1911
|
-
};
|
|
1912
|
-
});
|
|
1913
|
-
})(Ge);
|
|
1914
|
-
const vn = Ge.exports, kn = ':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}', _n = kn;
|
|
1915
|
-
U.extend(vn);
|
|
1916
|
-
const xn = class {
|
|
1789
|
+
Z("design:type", Function),
|
|
1790
|
+
Z("design:paramtypes", []),
|
|
1791
|
+
Z("design:returntype", void 0)
|
|
1792
|
+
], fe.prototype, "render", null);
|
|
1793
|
+
fe.style = St;
|
|
1794
|
+
const Lt = ':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-participants-custom-availability{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-participants-custom-availability .header{padding:1rem}.nylas-participants-custom-availability .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-participants-custom-availability .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-participants-custom-availability .content .participant-container{padding-top:8px;border-top:1px solid var(--nylas-base-200)}.nylas-participants-custom-availability .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 12px}.nylas-participants-custom-availability .content .participant-container .participant-title p{margin:0}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-participants-custom-availability .content .participant-container nylas-availability-picker::part(nap){margin:0;border:none}', Nt = Lt;
|
|
1795
|
+
var Pt = function(e, t, n, i) {
|
|
1796
|
+
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1797
|
+
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1798
|
+
s = Reflect.decorate(e, t, n, i);
|
|
1799
|
+
else
|
|
1800
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
1801
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1802
|
+
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1803
|
+
}, U = function(e, t) {
|
|
1804
|
+
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1805
|
+
return Reflect.metadata(e, t);
|
|
1806
|
+
};
|
|
1807
|
+
const be = class {
|
|
1917
1808
|
constructor(e) {
|
|
1918
|
-
|
|
1809
|
+
p(this, e), this.valueChanged = u(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 = "participant-custom-availability", this.participants = void 0, this.selectedParticipants = this.setParticipants(this.participants);
|
|
1919
1810
|
}
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
}
|
|
1923
|
-
minimumStartTimeChangedHandler() {
|
|
1924
|
-
if (this.minimumStartTime) {
|
|
1925
|
-
let e = U().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4, -2)));
|
|
1926
|
-
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();
|
|
1927
|
-
const t = U(this.times[0].value, "hh:mma");
|
|
1928
|
-
U(this.time, "hh:mma").isBefore(t) && (this.err = "Invalid", this.formError.emit({
|
|
1929
|
-
key: this.el.id,
|
|
1930
|
-
message: "Invalid"
|
|
1931
|
-
}));
|
|
1932
|
-
}
|
|
1933
|
-
}
|
|
1934
|
-
componentDidRender() {
|
|
1935
|
-
if (this.showTimes && this.shouldAutoScroll) {
|
|
1936
|
-
const e = se(this.time), t = this.times.findIndex((n) => n.value === e);
|
|
1937
|
-
t > -1 && (this.shouldAutoScroll = !1, this.scrollToViewWithinParent(t));
|
|
1938
|
-
return;
|
|
1939
|
-
}
|
|
1940
|
-
}
|
|
1941
|
-
handleTimeChange(e, t) {
|
|
1942
|
-
const n = t.split(":");
|
|
1943
|
-
n[0] === "00" && n[1].slice(-2) == "pm" && (this.err = "Invalid", this.formError.emit({
|
|
1944
|
-
key: this.el.id,
|
|
1945
|
-
message: "Invalid"
|
|
1946
|
-
})), le(t) ? (this.err = "", this.formError.emit({
|
|
1947
|
-
key: this.el.id,
|
|
1948
|
-
message: ""
|
|
1949
|
-
})) : (this.err = "Invalid", this.formError.emit({
|
|
1950
|
-
key: this.el.id,
|
|
1951
|
-
message: "Invalid"
|
|
1952
|
-
})), this.timeChange.emit({
|
|
1953
|
-
key: this.el.id,
|
|
1954
|
-
value: t
|
|
1955
|
-
});
|
|
1811
|
+
elementNameChangedHandler(e) {
|
|
1812
|
+
r("nylas-participants-custom-availability", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
1956
1813
|
}
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
const t = (n = e.target) == null ? void 0 : n.value;
|
|
1960
|
-
if (!le(t)) {
|
|
1961
|
-
this.err = "Invalid", this.formError.emit({
|
|
1962
|
-
key: this.el.id,
|
|
1963
|
-
message: "Invalid"
|
|
1964
|
-
});
|
|
1965
|
-
return;
|
|
1966
|
-
}
|
|
1967
|
-
if (t === "") {
|
|
1968
|
-
const i = Ie().format("hh:mma");
|
|
1969
|
-
this.timeChange.emit({
|
|
1970
|
-
key: this.el.id,
|
|
1971
|
-
value: i
|
|
1972
|
-
});
|
|
1973
|
-
return;
|
|
1974
|
-
}
|
|
1975
|
-
if (!Oe(t)) {
|
|
1976
|
-
const i = se(t);
|
|
1977
|
-
this.timeChange.emit({
|
|
1978
|
-
key: this.el.id,
|
|
1979
|
-
value: i
|
|
1980
|
-
});
|
|
1981
|
-
return;
|
|
1982
|
-
}
|
|
1983
|
-
this.timeChange.emit({
|
|
1984
|
-
key: this.el.id,
|
|
1985
|
-
value: t
|
|
1986
|
-
});
|
|
1814
|
+
participantsChangedHandler(e) {
|
|
1815
|
+
r("nylas-participants-custom-availability", "participantsChangedHandler", e), this.selectedParticipants = this.setParticipants(e);
|
|
1987
1816
|
}
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
const t = (n = e.target) == null ? void 0 : n.value;
|
|
1991
|
-
if (le(t)) {
|
|
1992
|
-
if (t === "") {
|
|
1993
|
-
const i = Ie().format("hh:mma"), l = this.times.findIndex((s) => s.value === i);
|
|
1994
|
-
l > -1 && this.scrollToViewWithinParent(l);
|
|
1995
|
-
return;
|
|
1996
|
-
}
|
|
1997
|
-
if (!Oe(t)) {
|
|
1998
|
-
const i = se(t), l = this.times.findIndex((s) => s.value === i);
|
|
1999
|
-
l > -1 && this.scrollToViewWithinParent(l);
|
|
2000
|
-
return;
|
|
2001
|
-
}
|
|
2002
|
-
}
|
|
1817
|
+
connectedCallback() {
|
|
1818
|
+
r("nylas-participants-custom-availability", "connectedCallback");
|
|
2003
1819
|
}
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
let t = U().set("hour", 0).set("minute", 0).set("second", 0);
|
|
2007
|
-
this.minimumStartTime && (t = U(this.minimumStartTime, "hh:mma"));
|
|
2008
|
-
const n = t.endOf("day").diff(t, "minutes"), i = Math.round(n / 15);
|
|
2009
|
-
for (let l = 0; l < i + 1; l++) {
|
|
2010
|
-
const s = t.add(l * 15, "minute");
|
|
2011
|
-
if (l == i && s.format("hh:mma").includes("am"))
|
|
2012
|
-
break;
|
|
2013
|
-
e.push({ id: l, value: s.format("hh:mma") });
|
|
2014
|
-
}
|
|
2015
|
-
return e;
|
|
1820
|
+
disconnectedCallback() {
|
|
1821
|
+
r("nylas-participants-custom-availability", "disconnectedCallback");
|
|
2016
1822
|
}
|
|
2017
|
-
|
|
2018
|
-
|
|
2019
|
-
if (e.preventDefault(), !this.showTimes) {
|
|
2020
|
-
this.showTimes = !0, this.shouldAutoScroll = !0;
|
|
2021
|
-
return;
|
|
2022
|
-
}
|
|
2023
|
-
if (this.ariaActivedescendant === "")
|
|
2024
|
-
this.ariaActivedescendant = this.times[0].id.toString(), this.focusOption(0);
|
|
2025
|
-
else {
|
|
2026
|
-
const t = this.times.findIndex((i) => i.id.toString() === this.ariaActivedescendant), n = t + 1 < this.times.length ? t + 1 : 0;
|
|
2027
|
-
this.ariaActivedescendant = this.times[n].id.toString(), this.focusOption(n);
|
|
2028
|
-
}
|
|
2029
|
-
} else if (e.key === "ArrowUp")
|
|
2030
|
-
if (e.preventDefault(), this.ariaActivedescendant === "")
|
|
2031
|
-
this.ariaActivedescendant = this.times[this.times.length - 1].id.toString(), this.focusOption(this.times.length - 1);
|
|
2032
|
-
else {
|
|
2033
|
-
const t = this.times.findIndex((i) => i.id.toString() === this.ariaActivedescendant), n = t - 1 >= 0 ? t - 1 : this.times.length - 1;
|
|
2034
|
-
this.ariaActivedescendant = this.times[n].id.toString(), this.focusOption(n);
|
|
2035
|
-
}
|
|
2036
|
-
else
|
|
2037
|
-
e.key === "Escape" && (this.showTimes = !1, this.timeInput.focus());
|
|
1823
|
+
componentWillLoad() {
|
|
1824
|
+
r("nylas-participants-custom-availability", "componentWillLoad");
|
|
2038
1825
|
}
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
|
|
2042
|
-
e.preventDefault();
|
|
2043
|
-
const i = n + 1 < t.length ? n + 1 : 0;
|
|
2044
|
-
this.ariaActivedescendant = t[i].id.toString(), this.focusOption(i);
|
|
2045
|
-
} else if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
|
|
2046
|
-
e.preventDefault();
|
|
2047
|
-
const i = n - 1 >= 0 ? n - 1 : t.length - 1;
|
|
2048
|
-
this.ariaActivedescendant = t[i].id.toString(), this.focusOption(i);
|
|
2049
|
-
} else if (e.key === "Enter") {
|
|
2050
|
-
if (e.preventDefault(), this.ariaActivedescendant) {
|
|
2051
|
-
const i = t[n];
|
|
2052
|
-
this.handleTimeChange(e, i.value), this.showTimes = !1, this.ariaActivedescendant = "", this.timeInput.focus();
|
|
2053
|
-
}
|
|
2054
|
-
} else
|
|
2055
|
-
e.key === "Escape" && (this.showTimes = !1, this.timeInput.focus());
|
|
1826
|
+
componentDidLoad() {
|
|
1827
|
+
r("nylas-participants-custom-availability", "componentDidLoad");
|
|
2056
1828
|
}
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
const t = this.times[e], n = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(t.id.toString()), i = this.timeMenu;
|
|
2060
|
-
this.ariaActivedescendant = t.id.toString();
|
|
2061
|
-
const l = n.getBoundingClientRect(), s = i.getBoundingClientRect();
|
|
2062
|
-
l.top < s.top ? i.scrollTop -= s.top - l.top : l.bottom > s.bottom && (i.scrollTop += l.bottom - s.bottom), l.left < s.left ? i.scrollLeft -= s.left - l.left : l.right > s.right && (i.scrollLeft += l.right - s.right);
|
|
1829
|
+
nylasFormSwitchToggledHandler(e) {
|
|
1830
|
+
r("nylas-participants-custom-availability", "nylasFormSwitchToggledHandler", e.detail), this.selectedParticipants[e.detail.name].isOpen = e.detail.checked, this.selectedParticipants[e.detail.name].setCustom = e.detail.checked, this.selectedParticipants = { ...this.selectedParticipants };
|
|
2063
1831
|
}
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
const t =
|
|
2067
|
-
if (!t)
|
|
1832
|
+
handleValueChanged(e) {
|
|
1833
|
+
r("[nylas-editor-tabs]", "handleValueChanged", e);
|
|
1834
|
+
const { name: t, value: n } = e.detail;
|
|
1835
|
+
if (!t.startsWith("participant-"))
|
|
2068
1836
|
return;
|
|
2069
|
-
|
|
2070
|
-
|
|
1837
|
+
if (this.participantFormRef.checkValidity())
|
|
1838
|
+
this.internals.setValidity({});
|
|
1839
|
+
else {
|
|
1840
|
+
this.internals.setValidity({ customError: !0 }, "Please fix the overlapping time ranges.");
|
|
1841
|
+
return;
|
|
1842
|
+
}
|
|
1843
|
+
const i = JSON.parse(n), l = t.split("-")[2];
|
|
1844
|
+
if (!this.selectedParticipants[l])
|
|
1845
|
+
return;
|
|
1846
|
+
this.selectedParticipants[l].openHours = i.openHours, this.selectedParticipants = { ...this.selectedParticipants };
|
|
1847
|
+
const s = {};
|
|
1848
|
+
this.participants.forEach((o) => {
|
|
1849
|
+
s[o.email] = this.selectedParticipants[o.email].openHours;
|
|
1850
|
+
}), this.internals.setFormValue(JSON.stringify(s), this.name), this.valueChanged.emit({ value: JSON.stringify(s), name: this.name });
|
|
1851
|
+
}
|
|
1852
|
+
setParticipants(e) {
|
|
1853
|
+
const t = {};
|
|
1854
|
+
return e.forEach((n) => {
|
|
1855
|
+
var l, s;
|
|
1856
|
+
const i = !!n.is_organizer;
|
|
1857
|
+
t[n.email] = {
|
|
1858
|
+
isOpen: i,
|
|
1859
|
+
setCustom: !!((l = n.availability) != null && l.open_hours),
|
|
1860
|
+
openHours: ((s = n.availability) == null ? void 0 : s.open_hours) || [],
|
|
1861
|
+
name: n.name || n.email,
|
|
1862
|
+
availability: n.availability
|
|
1863
|
+
};
|
|
1864
|
+
}), t;
|
|
2071
1865
|
}
|
|
2072
1866
|
render() {
|
|
2073
|
-
return a(
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
}
|
|
2081
|
-
this.handleTimeChange(t, e.value), this.showTimes = !1, this.timeInput.focus();
|
|
2082
|
-
}, role: "option" }, `${e.value}`)))), !this.showTimes && this.err && a("p", { class: "error", id: "email-error" }, this.err)));
|
|
1867
|
+
return a(y, { key: "5590f983de527efa3e79d854e9cb2b49e433d64b" }, a("div", { key: "7a016a7a277b077a4edd63d433a185a7d2f7aaab", class: "nylas-participants-custom-availability", part: "npca" }, a("div", { key: "7fb61474d9b80c59844dd2ca67cd00e95ee2a2be", class: "header", part: "npca__header" }, a("h3", { key: "dc66f0262309a5c08c887bbbf5c408233ebd1c00" }, "Set Custom Availability for Participants"), a("p", { key: "60686b9f1c4aab680caf07de6c22561c5ec1a9e5" }, "Set custom availability for scheduling meetings, or default to general availability.")), a("div", { key: "8782a3b4e48ce7eb74eb6e41e239b16d9840fb80", class: "content", part: "npca__content" }, a("form", { key: "c2f23d7eebc4a113fbfa2cbcd7623c99b5a87f89", ref: (e) => this.participantFormRef = e }, Object.keys(this.selectedParticipants).map((e, t) => {
|
|
1868
|
+
var i, l;
|
|
1869
|
+
const n = this.selectedParticipants[e];
|
|
1870
|
+
if (!(!n || !n.name || !n.availability))
|
|
1871
|
+
return a("div", { class: "participant-container", part: "npca__participant-container", key: `participant-conatiner-${t}` }, a("div", { class: "participant-title", part: "npca__participant-title" }, a("p", null, "Set ", n.name, "'s custom availability"), a("div", { class: "participant-toggle", part: "npca__participant-toggle--container" }, a("toggle-switch", { exportparts: "ts_label: npca__toggle-label, ts_input: npca_toggle-input, ts_slider: npca_toggle-slider", name: e, checked: !!n.openHours && n.openHours.length > 0 }), a("span", { class: `chevron ${n.isOpen ? "open" : "closed"} ${n.setCustom ? "" : "disabled"}`, onClick: () => {
|
|
1872
|
+
n.setCustom && (this.selectedParticipants[e].isOpen = !n.isOpen, this.selectedParticipants = { ...this.selectedParticipants });
|
|
1873
|
+
} }, a("chevron-icon", { width: "24", height: "24" })))), n.isOpen && a("nylas-availability-picker", { key: t, name: `participant-${t}-${e}`, openHours: n.openHours, defaultTimezone: (l = (i = n.openHours) == null ? void 0 : i[0]) == null ? void 0 : l.timezone, hideHeader: !0 }));
|
|
1874
|
+
})))));
|
|
2083
1875
|
}
|
|
2084
|
-
get
|
|
2085
|
-
return
|
|
1876
|
+
static get formAssociated() {
|
|
1877
|
+
return !0;
|
|
1878
|
+
}
|
|
1879
|
+
get host() {
|
|
1880
|
+
return h(this);
|
|
2086
1881
|
}
|
|
2087
1882
|
static get watchers() {
|
|
2088
1883
|
return {
|
|
2089
|
-
|
|
1884
|
+
name: ["elementNameChangedHandler"],
|
|
1885
|
+
participants: ["participantsChangedHandler"]
|
|
2090
1886
|
};
|
|
2091
1887
|
}
|
|
2092
1888
|
};
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
|
|
1889
|
+
Pt([
|
|
1890
|
+
m({
|
|
1891
|
+
name: "nylas-participants-custom-availability",
|
|
1892
|
+
eventToProps: {},
|
|
1893
|
+
fireRegisterEvent: !0
|
|
1894
|
+
}),
|
|
1895
|
+
U("design:type", Function),
|
|
1896
|
+
U("design:paramtypes", []),
|
|
1897
|
+
U("design:returntype", void 0)
|
|
1898
|
+
], be.prototype, "render", null);
|
|
1899
|
+
be.style = Nt;
|
|
1900
|
+
const Ft = ':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-timeslot-interval{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-timeslot-interval .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-timeslot-interval .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-timeslot-interval .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-timeslot-interval .nylas-timeslot-interval__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown span.label tooltip-component{display:flex}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown{margin-bottom:1.5rem}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-timeslot-interval .nylas-timeslot-interval__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-timeslot-interval .nylas-timeslot-interval__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}', At = Ft;
|
|
1901
|
+
var Rt = function(e, t, n, i) {
|
|
2096
1902
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
2097
1903
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
2098
1904
|
s = Reflect.decorate(e, t, n, i);
|
|
@@ -2100,14 +1906,14 @@ var Tn = function(e, t, n, i) {
|
|
|
2100
1906
|
for (var d = e.length - 1; d >= 0; d--)
|
|
2101
1907
|
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
2102
1908
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
2103
|
-
},
|
|
1909
|
+
}, G = function(e, t) {
|
|
2104
1910
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
2105
1911
|
return Reflect.metadata(e, t);
|
|
2106
1912
|
};
|
|
2107
|
-
const
|
|
1913
|
+
const T = 15, ue = class {
|
|
2108
1914
|
constructor(e) {
|
|
2109
1915
|
var t, n, i, l, s, o;
|
|
2110
|
-
|
|
1916
|
+
p(this, e), this.valueChanged = u(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 = "timeslot-picker", this.eventDurationMinutes = ((n = (t = this.selectedConfiguration) == null ? void 0 : t.availability) == null ? void 0 : n.duration_minutes) ?? 5, this.defaultIntervalMinutes = ((l = (i = this.selectedConfiguration) == null ? void 0 : i.availability) == null ? void 0 : l.interval_minutes) ?? this.eventDurationMinutes, this.defaultRoundTo = ((o = (s = this.selectedConfiguration) == null ? void 0 : s.availability) == null ? void 0 : o.round_to) ?? void 0, this.selectedInterval = this.defaultIntervalMinutes, this.selectedRoundTo = !!(this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes);
|
|
2111
1917
|
}
|
|
2112
1918
|
elementNameChangedHandler(e) {
|
|
2113
1919
|
r("nylas-timeslot-interval", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -2144,19 +1950,19 @@ const J = 15, Ke = class {
|
|
|
2144
1950
|
r("nylas-timeslot-interval", "nylasFormDropdownChangedHandler", e.detail), e.detail.value === "duration" ? this.selectedInterval = this.eventDurationMinutes : this.selectedInterval = parseInt(e.detail.value), console.log("nylasFormDropdownChanged selectedRoundTo", this.selectedRoundTo), this.valueChanged.emit({
|
|
2145
1951
|
value: JSON.stringify({
|
|
2146
1952
|
interval: this.selectedInterval,
|
|
2147
|
-
roundTo: this.selectedRoundTo ? this.selectedInterval :
|
|
1953
|
+
roundTo: this.selectedRoundTo ? this.selectedInterval : T
|
|
2148
1954
|
}),
|
|
2149
1955
|
name: this.name
|
|
2150
|
-
}), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({ interval: this.selectedInterval, roundTo: this.selectedRoundTo ? this.selectedInterval :
|
|
1956
|
+
}), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({ interval: this.selectedInterval, roundTo: this.selectedRoundTo ? this.selectedInterval : T }), this.name);
|
|
2151
1957
|
}
|
|
2152
1958
|
radioSelectionChangedHandler(e) {
|
|
2153
1959
|
r("nylas-timeslot-interval", "radioSelectionChangedHandler", e.detail), e.detail.value === "no-rounding" ? this.selectedRoundTo = !1 : this.selectedRoundTo = !0, console.log("selectedRoundTo", this.selectedRoundTo), this.valueChanged.emit({
|
|
2154
1960
|
value: JSON.stringify({
|
|
2155
1961
|
interval: this.selectedInterval,
|
|
2156
|
-
roundTo: this.selectedRoundTo ? this.selectedInterval :
|
|
1962
|
+
roundTo: this.selectedRoundTo ? this.selectedInterval : T
|
|
2157
1963
|
}),
|
|
2158
1964
|
name: this.name
|
|
2159
|
-
}), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({ interval: this.selectedInterval, roundTo: this.selectedRoundTo ? this.selectedInterval :
|
|
1965
|
+
}), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({ interval: this.selectedInterval, roundTo: this.selectedRoundTo ? this.selectedInterval : T }), this.name);
|
|
2160
1966
|
}
|
|
2161
1967
|
render() {
|
|
2162
1968
|
const e = [
|
|
@@ -2169,7 +1975,7 @@ const J = 15, Ke = class {
|
|
|
2169
1975
|
{ value: "45", label: "45 mins" },
|
|
2170
1976
|
{ value: "60", label: "60 mins" }
|
|
2171
1977
|
];
|
|
2172
|
-
return a(
|
|
1978
|
+
return a(y, { key: "792ad5a36b3d3908e134f926e2a5596db28fadbf" }, a("div", { key: "95b99dbf25b3e472aaea700639b3c056ccfcb3ca", class: "nylas-timeslot-interval", part: "nti" }, a("div", { key: "4c19be343c3e0d9f38fa8160800bdf85548588b3", class: "header", part: "nti__header" }, a("h3", { key: "9dd8785f3f995add953de09fe9b42324df9f2357" }, "Time-slot interval preferences"), a("p", { key: "9611b580a85c17d1c4afc60e2210fe4756d91b77" }, "Choose your interval preference for time-slots.")), a("div", { key: "01d71df37fa1724f2284dbc8d0e84700693cb2ef", class: "nylas-timeslot-interval__dropdown" }, a("span", { key: "53d613b58c05e00b8a8c9c7de5043ba2a5e4e2de", class: "label", part: "nti__input-label" }, "Select interval preference", a("tooltip-component", { key: "c171e87a108631c04d8956d1015dfd273c42f46e" }, a("info-icon", { key: "ebb77a5d85abce76b2e52c30491aa5bf5c23cf98", slot: "tooltip-icon" }), a("span", { key: "e01edbb2f124619b8d47640193e76fcad06fc568", slot: "tooltip-content" }, "Set the interval preference for the time-slots."))), a("select-dropdown", { key: "1b5714aa414c08687457793921815eb0f4403b83", name: "booking-calendar", options: e, withSearch: !1, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: this.defaultIntervalMinutes == this.eventDurationMinutes ? e[0] : e.find((t) => t.value == this.defaultIntervalMinutes.toString()) ?? e[0] }), a("span", { key: "feb0e75bae639119f00ed98e17c7df1ed842530a", class: "label", part: "nti__input-label" }, "Select the type of time-slot rounding", a("tooltip-component", { key: "7513c90d894fbdbb5cbc1a283650cfefca16481e" }, a("info-icon", { key: "16713630e2403a1e61c5eb49bfeeaac17b45ca62", slot: "tooltip-icon" }), a("span", { key: "ca1bc61ac175c7b12648d8b2017e661bd78296dd", slot: "tooltip-content" }, "Select if you want to round the time slots to the nearest interval."))), a("radio-button-group", { key: "f0413408b347a98ce855eaf439253192f1071973", name: "interval-preference", defaultSelectedValue: this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes ? "rounding" : "no-rounding", options: [
|
|
2173
1979
|
{ value: "no-rounding", label: "Default", description: "Time-slots will be rounded to the nearest quarter-hour." },
|
|
2174
1980
|
{
|
|
2175
1981
|
value: "rounding",
|
|
@@ -2182,7 +1988,7 @@ const J = 15, Ke = class {
|
|
|
2182
1988
|
return !0;
|
|
2183
1989
|
}
|
|
2184
1990
|
get host() {
|
|
2185
|
-
return
|
|
1991
|
+
return h(this);
|
|
2186
1992
|
}
|
|
2187
1993
|
static get watchers() {
|
|
2188
1994
|
return {
|
|
@@ -2191,29 +1997,29 @@ const J = 15, Ke = class {
|
|
|
2191
1997
|
};
|
|
2192
1998
|
}
|
|
2193
1999
|
};
|
|
2194
|
-
|
|
2195
|
-
|
|
2000
|
+
Rt([
|
|
2001
|
+
m({
|
|
2196
2002
|
name: "nylas-timeslot-interval",
|
|
2197
2003
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
2198
2004
|
fireRegisterEvent: !0
|
|
2199
2005
|
}),
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
],
|
|
2204
|
-
|
|
2205
|
-
const
|
|
2006
|
+
G("design:type", Function),
|
|
2007
|
+
G("design:paramtypes", []),
|
|
2008
|
+
G("design:returntype", void 0)
|
|
2009
|
+
], ue.prototype, "render", null);
|
|
2010
|
+
ue.style = At;
|
|
2011
|
+
const Mt = ".sc-people-icon-h{display:flex}", zt = Mt, jt = class {
|
|
2206
2012
|
constructor(e) {
|
|
2207
|
-
|
|
2013
|
+
p(this, e), this.width = "20", this.height = "20";
|
|
2208
2014
|
}
|
|
2209
2015
|
render() {
|
|
2210
|
-
return a("svg", { key: "
|
|
2016
|
+
return a("svg", { key: "66534381bbb0bc14b93a49ed0afdc81a917958d4", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, a("path", { key: "2c7959434ba7dcf303b3c87d99b04b2818875c68", fill: "currentColor", d: "M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" }));
|
|
2211
2017
|
}
|
|
2212
2018
|
};
|
|
2213
|
-
|
|
2214
|
-
const
|
|
2019
|
+
jt.style = zt;
|
|
2020
|
+
const Wt = ".radio-group{display:flex;flex-direction:column}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary);margin-top:16px}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}", Bt = Wt, Zt = class {
|
|
2215
2021
|
constructor(e) {
|
|
2216
|
-
|
|
2022
|
+
p(this, e), this.radioSelectionChanged = u(this, "radioSelectionChanged", 7), this.name = "radio-group", this.options = [], this.defaultSelectedValue = "", this.selectedValue = this.defaultSelectedValue;
|
|
2217
2023
|
}
|
|
2218
2024
|
handleChange(e) {
|
|
2219
2025
|
this.selectedValue = e, this.radioSelectionChanged.emit({
|
|
@@ -2222,36 +2028,56 @@ const Sn = ".radio-group{display:flex;flex-direction:column}.radio-group label{d
|
|
|
2222
2028
|
});
|
|
2223
2029
|
}
|
|
2224
2030
|
render() {
|
|
2225
|
-
return a("div", { key: "
|
|
2031
|
+
return a("div", { key: "985ed3b83d804748d61641feae65322fd08c1649", class: "radio-group" }, this.options.map((e) => a("label", null, a("div", { class: "radio-option" }, a("input", { type: "radio", name: this.name, value: e.value, checked: this.selectedValue === e.value, onChange: () => this.handleChange(e.value) }), a("p", null, a("span", { class: "title" }, e.label), a("span", { class: "description" }, e.description))))));
|
|
2032
|
+
}
|
|
2033
|
+
};
|
|
2034
|
+
Zt.style = Bt;
|
|
2035
|
+
const Ut = '.switch{--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;display:inline-block;height:34px;position:relative;width:60px}.switch input{display:none}.slider{background-color:var(--nylas-base-400);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{background-color:var(--nylas-base-0);bottom:4px;content:"";height:32px;left:4px;position:absolute;transition:0.4s;width:32px}input:checked+.slider{background-color:var(--nylas-success)}input:checked+.slider:before{transform:translateX(32px)}.slider.round{border-radius:35px;width:72px;height:40px}.slider.round:before{border-radius:50%}', Gt = Ut, Vt = class {
|
|
2036
|
+
constructor(e) {
|
|
2037
|
+
p(this, e), this.nylasFormSwitchToggled = u(this, "nylasFormSwitchToggled", 7), this.name = "toggle-switch", this.checked = !1, this.label = "", this.isChecked = this.checked;
|
|
2038
|
+
}
|
|
2039
|
+
componentWillLoad() {
|
|
2040
|
+
this.isChecked = this.checked;
|
|
2041
|
+
}
|
|
2042
|
+
toggleCheck() {
|
|
2043
|
+
this.isChecked = !this.isChecked, this.nylasFormSwitchToggled.emit({
|
|
2044
|
+
checked: this.isChecked,
|
|
2045
|
+
name: this.name,
|
|
2046
|
+
label: this.label
|
|
2047
|
+
});
|
|
2048
|
+
}
|
|
2049
|
+
render() {
|
|
2050
|
+
return a("label", { key: "d91b5d5853ab8a256953c4fde8a79b1ef739433d", class: "switch", part: "ts_label" }, a("input", { key: "6f694e5a07cefacc05e155a0319fe99ec1714354", type: "checkbox", part: "ts_input", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), a("div", { key: "e2db848dbad679562201ba8151a523fa1b9dc2b9", class: "slider round", part: "ts_slider" }));
|
|
2226
2051
|
}
|
|
2227
2052
|
};
|
|
2228
|
-
|
|
2053
|
+
Vt.style = Gt;
|
|
2229
2054
|
export {
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2055
|
+
_e as calendar_info_icon,
|
|
2056
|
+
Ce as calendar_patterns_icon,
|
|
2057
|
+
Ie as checkbox_component,
|
|
2058
|
+
$e as flow_icon,
|
|
2059
|
+
Ee as location_icon,
|
|
2060
|
+
Pe as location_off_icon,
|
|
2061
|
+
Re as multi_select_dropdown,
|
|
2062
|
+
Y as nylas_additional_participants,
|
|
2063
|
+
Q as nylas_availability_picker,
|
|
2064
|
+
X as nylas_booking_calendar_picker,
|
|
2065
|
+
ee as nylas_buffer_time,
|
|
2066
|
+
te as nylas_calendar_picker,
|
|
2067
|
+
ne as nylas_cancellation_policy,
|
|
2068
|
+
ae as nylas_customize_booking_settings,
|
|
2069
|
+
ie as nylas_event_description,
|
|
2070
|
+
se as nylas_event_duration,
|
|
2071
|
+
le as nylas_event_info,
|
|
2072
|
+
oe as nylas_event_limits,
|
|
2073
|
+
re as nylas_event_location,
|
|
2074
|
+
de as nylas_event_title,
|
|
2075
|
+
ce as nylas_limit_future_bookings,
|
|
2076
|
+
pe as nylas_min_booking_notice,
|
|
2077
|
+
fe as nylas_min_cancellation_notice,
|
|
2078
|
+
be as nylas_participants_custom_availability,
|
|
2079
|
+
ue as nylas_timeslot_interval,
|
|
2080
|
+
jt as people_icon,
|
|
2081
|
+
Zt as radio_button_group,
|
|
2082
|
+
Vt as toggle_switch
|
|
2257
2083
|
};
|