@nylas/react 1.1.0-canary.15 → 1.1.0-canary.16
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-035ffd48.cjs +1 -0
- package/dist/add-circle-icon_2.entry-5cadaf97.js +25 -0
- package/dist/{archive-icon_7.entry-25d8b2f0.cjs → archive-icon_7.entry-073d9915.cjs} +1 -1
- package/dist/{archive-icon_7.entry-ca8262ff.js → archive-icon_7.entry-54dc5cc2.js} +1 -1
- package/dist/{arrow-icon.entry-991ba7cd.js → arrow-icon.entry-869a1db9.js} +1 -1
- package/dist/{arrow-icon.entry-01192ecf.cjs → arrow-icon.entry-bada78b8.cjs} +1 -1
- package/dist/{bold-icon_3.entry-81a3ff1e.js → bold-icon_3.entry-5695177e.js} +1 -1
- package/dist/{bold-icon_3.entry-e94dcf5b.cjs → bold-icon_3.entry-cc6150c9.cjs} +1 -1
- package/dist/button-component.entry-3703ecff.cjs +1 -0
- package/dist/{add-circle-icon_2.entry-3f834b47.js → button-component.entry-a0533c8b.js} +4 -14
- package/dist/{calendar-cancel-icon.entry-9088fa8b.cjs → calendar-cancel-icon.entry-0f1d98b3.cjs} +1 -1
- package/dist/{calendar-cancel-icon.entry-f646c147.js → calendar-cancel-icon.entry-a9ab0b09.js} +1 -1
- package/dist/{calendar-check-icon_2.entry-4dc1391a.cjs → calendar-check-icon_2.entry-6b83717e.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-a7e4d0e6.js → calendar-check-icon_2.entry-a62b5d2c.js} +1 -1
- package/dist/{calendar-icon.entry-1e2acd5c.cjs → calendar-icon.entry-08f83da9.cjs} +1 -1
- package/dist/{calendar-icon.entry-1658930c.js → calendar-icon.entry-ddc22561.js} +1 -1
- package/dist/calendar-info-icon_27.entry-a8390790.cjs +1 -0
- package/dist/{calendar-info-icon_25.entry-493c5547.js → calendar-info-icon_27.entry-f02f44b7.js} +622 -522
- package/dist/{chevron-icon_3.entry-52b97043.cjs → chevron-icon_3.entry-978b52d5.cjs} +1 -1
- package/dist/{chevron-icon_3.entry-b3c7eb44.js → chevron-icon_3.entry-f27202a2.js} +1 -1
- package/dist/{clock-icon_2.entry-58f07042.js → clock-icon_2.entry-2277fd45.js} +1 -1
- package/dist/{clock-icon_2.entry-882249ee.cjs → clock-icon_2.entry-b7b8ef46.cjs} +1 -1
- package/dist/{constants-f34b9c6e-628beaa8.js → constants-f34b9c6e-bbca6b6e.js} +1 -1
- package/dist/{constants-f34b9c6e-1da5094b.cjs → constants-f34b9c6e-ccdbc4ac.cjs} +1 -1
- package/dist/{document-refresh-icon.entry-4f581bf4.cjs → document-refresh-icon.entry-5795e2a9.cjs} +1 -1
- package/dist/{document-refresh-icon.entry-b53316b4.js → document-refresh-icon.entry-656a5e02.js} +1 -1
- package/dist/{elements-dc5b338e-7abe37c6.js → elements-dc5b338e-c4a07acc.js} +1 -1
- package/dist/{elements-dc5b338e-3284591d.cjs → elements-dc5b338e-d48368b1.cjs} +1 -1
- package/dist/{focus-visible-e8093c16-d6612604.js → focus-visible-e8093c16-10c0fa06.js} +1 -1
- package/dist/{focus-visible-e8093c16-cb6c97b1.cjs → focus-visible-e8093c16-c86f3687.cjs} +1 -1
- package/dist/{forward-icon_6.entry-e402ad1e.cjs → forward-icon_6.entry-07cd4b52.cjs} +1 -1
- package/dist/{forward-icon_6.entry-d54244f7.js → forward-icon_6.entry-39d788af.js} +2 -2
- package/dist/{globe-icon.entry-e83c79c2.js → globe-icon.entry-60a53e89.js} +1 -1
- package/dist/{globe-icon.entry-db7377d9.cjs → globe-icon.entry-76c90d97.cjs} +1 -1
- package/dist/google-logo-icon_4.entry-5402eae2.cjs +1 -0
- package/dist/{google-logo-icon_4.entry-8818686b.js → google-logo-icon_4.entry-d327d68f.js} +45 -36
- package/dist/index-53420959-791b4e73.js +5 -0
- package/dist/index-53420959-9f979766.cjs +1 -0
- package/dist/{index-6d9eeb53-91d36348.js → index-6d9eeb53-38c9f47c.js} +2 -2
- package/dist/{index-6d9eeb53-f478270c.cjs → index-6d9eeb53-66c114b2.cjs} +1 -1
- package/dist/{index-2d032bec.js → index-f383e3c4.js} +161 -171
- package/dist/{index-9c04361d.cjs → index-f435e814.cjs} +2 -2
- package/dist/{index.es-9cc0eb3c-2242baf6.cjs → index.es-9cc0eb3c-09dc620b.cjs} +1 -1
- package/dist/{index.es-9cc0eb3c-ee2ebbe1.js → index.es-9cc0eb3c-510db795.js} +1 -1
- package/dist/{info-icon_2.entry-4b257e73.cjs → info-icon_2.entry-7fe8bcd9.cjs} +1 -1
- package/dist/{info-icon_2.entry-74eb7415.js → info-icon_2.entry-a61859ac.js} +1 -1
- package/dist/{input-component.entry-3ef7ce2c.cjs → input-component.entry-04dcc655.cjs} +1 -1
- package/dist/{input-component.entry-6bb4a5e8.js → input-component.entry-12f60175.js} +3 -3
- package/dist/{input-dropdown_2.entry-f71e4c01.js → input-dropdown_2.entry-0e5925a7.js} +18 -14
- package/dist/input-dropdown_2.entry-d9bff099.cjs +1 -0
- package/dist/{loading-icon.entry-30724cb0.js → loading-icon.entry-51ddd748.js} +1 -1
- package/dist/{loading-icon.entry-bb250f1c.cjs → loading-icon.entry-f82786b4.cjs} +1 -1
- package/dist/{mailbox-store-64b4ef7c-202f1afd.js → mailbox-store-64b4ef7c-017196a6.js} +2 -2
- package/dist/{mailbox-store-64b4ef7c-74f959be.cjs → mailbox-store-64b4ef7c-1e6c96cc.cjs} +1 -1
- package/dist/{nylas-booked-event-card_10.entry-ddfcff5e.js → nylas-booked-event-card_10.entry-2dff7f16.js} +7 -7
- package/dist/nylas-booked-event-card_10.entry-5a9a4cc6.cjs +1 -0
- package/dist/{nylas-custom-booking-flow.entry-63ed387e.cjs → nylas-custom-booking-flow.entry-36f7a943.cjs} +1 -1
- package/dist/{nylas-custom-booking-flow.entry-a1f66d05.js → nylas-custom-booking-flow.entry-feed589b.js} +7 -7
- package/dist/{nylas-form-card.entry-ea1153b9.js → nylas-form-card.entry-49f519dd.js} +8 -8
- package/dist/{nylas-form-card.entry-6fece0ff.cjs → nylas-form-card.entry-e9f09602.cjs} +1 -1
- package/dist/{nylas-if-state.entry-05f8f66f.js → nylas-if-state.entry-127694a9.js} +2 -2
- package/dist/{nylas-if-state.entry-b75320f0.cjs → nylas-if-state.entry-81916723.cjs} +1 -1
- package/dist/{nylas-list-folders.entry-bd5a1b1d.js → nylas-list-folders.entry-e3e9ec1f.js} +2 -2
- package/dist/{nylas-list-folders.entry-edc61b97.cjs → nylas-list-folders.entry-f4c68fb9.cjs} +1 -1
- package/dist/{nylas-list-threads.entry-79ad0944.cjs → nylas-list-threads.entry-f0a1b9d1.cjs} +1 -1
- package/dist/{nylas-list-threads.entry-f3cd80de.js → nylas-list-threads.entry-fa4b5318.js} +2 -2
- package/dist/{nylas-login.entry-b3207e82.js → nylas-login.entry-6d17e994.js} +2 -2
- package/dist/{nylas-login.entry-68873357.cjs → nylas-login.entry-aeac716e.cjs} +1 -1
- package/dist/{nylas-mailbox-pagination.entry-2ef5b88a.cjs → nylas-mailbox-pagination.entry-50fba238.cjs} +1 -1
- package/dist/{nylas-mailbox-pagination.entry-22c5b9ca.js → nylas-mailbox-pagination.entry-c440f56a.js} +2 -2
- package/dist/{nylas-mailbox-toolbar-button.entry-95bb58b5.js → nylas-mailbox-toolbar-button.entry-14e30d36.js} +2 -2
- package/dist/{nylas-mailbox-toolbar-button.entry-f2fa3a8e.cjs → nylas-mailbox-toolbar-button.entry-d3d0c870.cjs} +1 -1
- package/dist/{nylas-mailbox.entry-4b1d320f.cjs → nylas-mailbox.entry-2fdb3d4c.cjs} +1 -1
- package/dist/{nylas-mailbox.entry-4ef7d18d.js → nylas-mailbox.entry-a59159c7.js} +3 -3
- package/dist/{nylas-provider.entry-7f7e098a.js → nylas-provider.entry-d7dbb5fc.js} +5 -5
- package/dist/{nylas-provider.entry-b629340a.cjs → nylas-provider.entry-dfa8c7c1.cjs} +1 -1
- package/dist/{nylas-scheduler-editor.entry-2d19593f.js → nylas-scheduler-editor.entry-3b44b807.js} +8 -7
- package/dist/{nylas-scheduler-editor.entry-19a29c4c.cjs → nylas-scheduler-editor.entry-67e71234.cjs} +2 -2
- package/dist/nylas-scheduling.entry-0ce0dab9.cjs +1 -0
- package/dist/{nylas-scheduling.entry-753cb746.js → nylas-scheduling.entry-68f72bf7.js} +9 -9
- package/dist/{nylas-threads-refresh.entry-5a774ad7.js → nylas-threads-refresh.entry-23a83bd4.js} +2 -2
- package/dist/{nylas-threads-refresh.entry-0a832631.cjs → nylas-threads-refresh.entry-955e92c7.cjs} +1 -1
- package/dist/{nylas-threads-search.entry-5b57688b.cjs → nylas-threads-search.entry-2fb6db63.cjs} +1 -1
- package/dist/{nylas-threads-search.entry-451c6d5c.js → nylas-threads-search.entry-8f01ee4a.js} +2 -2
- package/dist/{nylas-view-thread.entry-7b273955.cjs → nylas-view-thread.entry-3cf0c1ac.cjs} +1 -1
- package/dist/{nylas-view-thread.entry-e0af8998.js → nylas-view-thread.entry-b957f88b.js} +2 -2
- package/dist/{play-icon_2.entry-5b22a7ca.cjs → play-icon_2.entry-c92d5237.cjs} +1 -1
- package/dist/{play-icon_2.entry-58592b64.js → play-icon_2.entry-ecdf8ea4.js} +1 -1
- package/dist/react.cjs +1 -1
- package/dist/react.js +1 -1
- package/dist/{refresh-icon.entry-90756bc6.js → refresh-icon.entry-480d28aa.js} +1 -1
- package/dist/{refresh-icon.entry-876b8aea.cjs → refresh-icon.entry-76e58ccb.cjs} +1 -1
- package/dist/{register-component-a5a9ca5d-8bede801.js → register-component-a5a9ca5d-438c8a96.js} +1 -1
- package/dist/{register-component-a5a9ca5d-1fbb27d2.cjs → register-component-a5a9ca5d-ebf633cf.cjs} +1 -1
- package/dist/scheduler-config-store-4a50a03d-d5a5899e.cjs +1 -0
- package/dist/{scheduler-config-store-ec3b6190-cbc40d60.js → scheduler-config-store-4a50a03d-defa6368.js} +4 -3
- package/dist/{scheduler-store-f02ce045-712c600c.cjs → scheduler-store-f02ce045-00faab09.cjs} +1 -1
- package/dist/{scheduler-store-f02ce045-1d93c571.js → scheduler-store-f02ce045-de4cb1f5.js} +1 -1
- package/dist/{textarea-component.entry-3ea161d6.js → textarea-component.entry-1c8d11af.js} +3 -3
- package/dist/{textarea-component.entry-9d6b5cdc.cjs → textarea-component.entry-5ff249a8.cjs} +1 -1
- package/dist/{toggle-switch.entry-10aa0c1a.cjs → toggle-switch.entry-26d3d1c9.cjs} +1 -1
- package/dist/{toggle-switch.entry-a08c1027.js → toggle-switch.entry-339ab48b.js} +1 -1
- package/dist/{translate-icon.entry-be9c3401.js → translate-icon.entry-3741cac0.js} +1 -1
- package/dist/{translate-icon.entry-04dde6b1.cjs → translate-icon.entry-a55c013b.cjs} +1 -1
- package/dist/{warning-icon.entry-84121a43.cjs → warning-icon.entry-1a104c52.cjs} +1 -1
- package/dist/{warning-icon.entry-347d77af.js → warning-icon.entry-445352b5.js} +1 -1
- package/package.json +3 -3
- package/dist/add-circle-icon_2.entry-00dc2c13.cjs +0 -1
- package/dist/calendar-info-icon_25.entry-7513d798.cjs +0 -1
- package/dist/close-icon.entry-4a39816a.js +0 -15
- package/dist/close-icon.entry-f1166251.cjs +0 -1
- package/dist/google-logo-icon_4.entry-fa65ae29.cjs +0 -1
- package/dist/index-53420959-41ed02ae.js +0 -5
- package/dist/index-53420959-a76f0327.cjs +0 -1
- package/dist/input-dropdown_2.entry-a87714fc.cjs +0 -1
- package/dist/nylas-additional-participants.entry-567c7c2a.cjs +0 -1
- package/dist/nylas-additional-participants.entry-7961be04.js +0 -81
- package/dist/nylas-booked-event-card_10.entry-c2f889ba.cjs +0 -1
- package/dist/nylas-scheduling.entry-70454242.cjs +0 -1
- package/dist/people-icon.entry-c7fb7f6c.cjs +0 -1
- package/dist/people-icon.entry-de3fada0.js +0 -15
- package/dist/scheduler-config-store-ec3b6190-104df545.cjs +0 -1
package/dist/{calendar-info-icon_25.entry-493c5547.js → calendar-info-icon_27.entry-f02f44b7.js}
RENAMED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { r as b, h as a, c as k, d, H as _, g as
|
|
2
|
-
import { R as C } from "./register-component-a5a9ca5d-
|
|
3
|
-
import { T as De, E as Se } from "./constants-f34b9c6e-
|
|
4
|
-
import { s as
|
|
5
|
-
import "./index-53420959-
|
|
1
|
+
import { r as b, h as a, c as k, d as r, H as _, g as x, G as B, I as N, J as Te, K as $e, L as et, i as tt, M as U, O as se, P as le, Q as Ie, R as Oe, S as Z, T as nt } from "./index-f383e3c4.js";
|
|
2
|
+
import { R as C } from "./register-component-a5a9ca5d-438c8a96.js";
|
|
3
|
+
import { T as De, E as Se } from "./constants-f34b9c6e-bbca6b6e.js";
|
|
4
|
+
import { s as q } from "./index-6d9eeb53-38c9f47c.js";
|
|
5
|
+
import "./index-53420959-791b4e73.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import "react-dom";
|
|
8
|
-
const
|
|
8
|
+
const at = ".sc-calendar-info-icon-h{display:flex}", it = at, st = class {
|
|
9
9
|
constructor(e) {
|
|
10
10
|
b(this, e), this.width = "20", this.height = "20";
|
|
11
11
|
}
|
|
@@ -13,8 +13,8 @@ const tt = ".sc-calendar-info-icon-h{display:flex}", nt = tt, at = class {
|
|
|
13
13
|
return a("svg", { key: "4627a1bd7409bf86d6e987334411a7791cced94d", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "0ac301e5d6ecc7f616f2e4efe4bc58a492b5d6c2", 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
|
+
st.style = it;
|
|
17
|
+
const lt = ".sc-calendar-patterns-icon-h{display:flex}", ot = lt, rt = class {
|
|
18
18
|
constructor(e) {
|
|
19
19
|
b(this, e), this.width = "20", this.height = "20";
|
|
20
20
|
}
|
|
@@ -22,8 +22,8 @@ const it = ".sc-calendar-patterns-icon-h{display:flex}", st = it, lt = class {
|
|
|
22
22
|
return a("svg", { key: "51194c3d75fbd584a92f542e1577cd42d02220ea", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "4c59913ad1970a360ae9cd8e69551131e66fc00e", 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
|
+
rt.style = ot;
|
|
26
|
+
const dt = '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}', ct = dt, pt = class {
|
|
27
27
|
constructor(e) {
|
|
28
28
|
b(this, e), this.nylasFormCheckboxToggled = k(this, "nylasFormCheckboxToggled", 7), this.name = "checkbox", this.checked = !1, this.label = "", this.isChecked = this.checked;
|
|
29
29
|
}
|
|
@@ -41,8 +41,8 @@ const ot = 'label{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pr
|
|
|
41
41
|
return a("label", { key: "38e5db24a5990c9b892fc824508148c28d918097" }, a("input", { key: "98d0bcc2e427035e7cc6fe216a1db105b65fc848", type: "checkbox", checked: this.isChecked, onChange: () => this.toggleCheck() }), a("span", { key: "9d475bd9e76606d62791e3aad90acd3286daae4b", class: "checkmark" }), a("slot", { key: "901fc53b3031d828a9e83f074b4223ef40ed0566", name: "label" }, a("span", { key: "fa95b9232724d82e023214e666948f5dd9d11a4f", class: "label" }, this.label)));
|
|
42
42
|
}
|
|
43
43
|
};
|
|
44
|
-
|
|
45
|
-
const
|
|
44
|
+
pt.style = ct;
|
|
45
|
+
const ft = ".sc-flow-icon-h{display:flex}", ut = ft, ht = class {
|
|
46
46
|
constructor(e) {
|
|
47
47
|
b(this, e), this.width = "16", this.height = "12";
|
|
48
48
|
}
|
|
@@ -50,8 +50,8 @@ const ct = ".sc-flow-icon-h{display:flex}", ft = ct, pt = class {
|
|
|
50
50
|
return a("svg", { key: "3cc6938f442a5a5929c7b649b2b1e63dc4ce9d9b", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "2fd666481696e0717a006c6cc35d14bfe076e778", 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
|
+
ht.style = ut;
|
|
54
|
+
const bt = ".sc-location-icon-h{display:flex}", mt = bt, yt = class {
|
|
55
55
|
constructor(e) {
|
|
56
56
|
b(this, e), this.width = "16", this.height = "18";
|
|
57
57
|
}
|
|
@@ -59,8 +59,8 @@ const ut = ".sc-location-icon-h{display:flex}", ht = ut, bt = class {
|
|
|
59
59
|
return a("svg", { key: "ac7261b5c4435c0ce081169de0cc9f9153a4c0fc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "72f2ad6299564760a1586d975d15cbfb776b171f", 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
|
+
yt.style = mt;
|
|
63
|
+
const gt = ".sc-location-off-icon-h{display:flex}", vt = gt, kt = class {
|
|
64
64
|
constructor(e) {
|
|
65
65
|
b(this, e), this.width = "16", this.height = "18";
|
|
66
66
|
}
|
|
@@ -68,13 +68,13 @@ const mt = ".sc-location-off-icon-h{display:flex}", yt = mt, gt = class {
|
|
|
68
68
|
return a("svg", { key: "71b77626fd36927b30dd10b92175179cde4de388", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "a37496113d32883d1dde6a7821b7a34dbbe2e705", 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
|
+
kt.style = vt;
|
|
72
|
+
const _t = ':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)}', xt = _t, wt = class {
|
|
73
73
|
constructor(e) {
|
|
74
74
|
b(this, e), this.selectedOptionsChanged = k(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);
|
|
78
78
|
}
|
|
79
79
|
handleOutsideClick(e) {
|
|
80
80
|
!e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
|
|
@@ -150,24 +150,113 @@ const vt = ':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-er
|
|
|
150
150
|
return a(_, { key: "89819bc74cdae708fbdd60dc3f4160c0047d1414" }, a("div", { key: "2c3568247699101568790460b5d9ef6780cef096", class: "dropdown", part: "msd_dropdown" }, a("label", { key: "d524fd75f9a8fcde85727904b6e2b21e5f6cbe0e", class: "dropdown-label" }, this.label, a("slot", { key: "e4442acbc279840d6c3d815907fa79f6fd7a11d5", name: "label-icon", "aria-hidden": "true" })), a("button", { key: "8b66520137e83747c4e74237c74598fa2081275f", 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: "e6ba4fd51fb6cf3dde63757f9eef8d1538a9a91d", name: "select-icon", "aria-hidden": "true" }), a("span", { key: "bfc7c1bdc8046bb3a27f11a587619ecfe6d62d32", 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: "f93e18714865b54dee754d2764b0b3bec3a4dead", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, a("chevron-icon", { key: "d91d60366c8503e84cb6e41e43ac77f911f9517c", 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 x(this);
|
|
154
154
|
}
|
|
155
155
|
};
|
|
156
|
-
|
|
157
|
-
const
|
|
158
|
-
var
|
|
156
|
+
wt.style = xt;
|
|
157
|
+
const Ct = ':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)}', Tt = Ct;
|
|
158
|
+
var It = 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);
|
|
162
162
|
else
|
|
163
|
-
for (var
|
|
164
|
-
(o = e[
|
|
163
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
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
|
}, oe = function(e, t) {
|
|
167
167
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
168
168
|
return Reflect.metadata(e, t);
|
|
169
169
|
};
|
|
170
170
|
const Ee = class {
|
|
171
|
+
constructor(e) {
|
|
172
|
+
b(this, e), 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
|
+
}
|
|
174
|
+
elementNameChangedHandler(e) {
|
|
175
|
+
r("nylas-additional-participants", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
176
|
+
}
|
|
177
|
+
connectedCallback() {
|
|
178
|
+
r("nylas-additional-participants", "connectedCallback");
|
|
179
|
+
}
|
|
180
|
+
componentWillLoad() {
|
|
181
|
+
r("nylas-additional-participants", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
182
|
+
}
|
|
183
|
+
componentDidLoad() {
|
|
184
|
+
r("nylas-additional-participants", "componentDidLoad"), this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), "participants");
|
|
185
|
+
}
|
|
186
|
+
disconnectedCallback() {
|
|
187
|
+
r("nylas-additional-participants", "disconnectedCallback");
|
|
188
|
+
}
|
|
189
|
+
onInputOptionChanged(e) {
|
|
190
|
+
var i;
|
|
191
|
+
r("nylas-additional-participants", "onInputOptionChanged");
|
|
192
|
+
const t = e.detail.name;
|
|
193
|
+
this.participants[t].email = e.detail.value;
|
|
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.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), "participants");
|
|
196
|
+
}
|
|
197
|
+
onParticipantChange(e, t) {
|
|
198
|
+
r("nylas-additional-participants", "onParticipantChange"), this.participants[t].email = e.target.value, this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), "participants");
|
|
199
|
+
}
|
|
200
|
+
addParticipant() {
|
|
201
|
+
r("nylas-additional-participants", "addParticipant"), this.participants = [...this.participants, { name: "", email: "", is_organizer: !1, availability: { calendar_ids: ["primary"] } }], this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), "participants");
|
|
202
|
+
}
|
|
203
|
+
removeParticipant(e) {
|
|
204
|
+
r("nylas-additional-participants", "removeParticipant"), this.participants = this.participants.filter((t, n) => n !== e), this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), "participants");
|
|
205
|
+
}
|
|
206
|
+
validate(e, t) {
|
|
207
|
+
r("nylas-additional-participants", "validate");
|
|
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.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), "participants");
|
|
210
|
+
}
|
|
211
|
+
participantsWithouOrganizer() {
|
|
212
|
+
return this.participants.filter((e) => !e.is_organizer);
|
|
213
|
+
}
|
|
214
|
+
getArrayDifference(e, t) {
|
|
215
|
+
return e.filter((i) => !t.some((l) => i.email === l.email)).map((i) => ({ value: i.email, label: i.email }));
|
|
216
|
+
}
|
|
217
|
+
render() {
|
|
218
|
+
return a(_, { key: "5f2ab58dd16c4052b17111fa260d676c908bcf58" }, a("nylas-form-card", { key: "a636c3ef694cc333b15830c35eb13fb51ff69ca0" }, a("h3", { key: "13425f0338b7b88746844c79104f008323bdcbf1", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Additional participants"), a("p", { key: "7ebe90bb5ef933b7632c8b30aa9b1ccf8f08c6a6", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add anyone else who would be joining for this event."), a("div", { key: "3662713253e568cbf70b4d73e4eb883bb6c329a2", slot: "content", class: "nylas-additional-participants__content" }, a("div", { key: "577176dfd841875992a420e243be2905968452d5" }, 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
|
+
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: "74f99ea0eb6a5a5873a7b5dbed5caa4bf557fa4e", class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, a("add-circle-icon", { key: "9d139a5ba18bdec17acaa1dc9d9d773d0a7b1a5d" }), " ", a("span", { key: "89778f530c53d8ffa55c7e3bb67bdd5b19c4f881" }, "Add ", this.participants.length > 1 ? "another" : "a", " participant")))));
|
|
221
|
+
}
|
|
222
|
+
static get formAssociated() {
|
|
223
|
+
return !0;
|
|
224
|
+
}
|
|
225
|
+
get host() {
|
|
226
|
+
return x(this);
|
|
227
|
+
}
|
|
228
|
+
static get watchers() {
|
|
229
|
+
return {
|
|
230
|
+
name: ["elementNameChangedHandler"]
|
|
231
|
+
};
|
|
232
|
+
}
|
|
233
|
+
};
|
|
234
|
+
It([
|
|
235
|
+
C({
|
|
236
|
+
name: "nylas-additional-participants",
|
|
237
|
+
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.additionalParticipants", "participantOptions"]]),
|
|
238
|
+
eventToProps: {},
|
|
239
|
+
fireRegisterEvent: !0
|
|
240
|
+
}),
|
|
241
|
+
oe("design:type", Function),
|
|
242
|
+
oe("design:paramtypes", []),
|
|
243
|
+
oe("design:returntype", void 0)
|
|
244
|
+
], Ee.prototype, "render", null);
|
|
245
|
+
Ee.style = Tt;
|
|
246
|
+
const Ot = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-availability-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-availability-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-availability-picker .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family)}@media screen and (max-width: 504px){.nylas-availability-picker .content{font-size:15px}}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem;gap:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:16px;font-weight:500;line-height:20px}@media screen and (max-width: 504px){.nylas-availability-picker .content .select-timezone h4{font-size:15px}}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability{gap:0.5rem;padding:0}}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:78px 1fr auto}}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day{display:inline-grid;gap:8px;grid-template-columns:60px 1fr auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .day{gap:0.25rem}}.nylas-availability-picker .content .availability .availability-day .day input[type=checkbox]{transform:scale(1.3)}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center;justify-content:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{justify-content:unset;gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges p.error{color:var(--nylas-error)}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){justify-content:initial}', Dt = Ot;
|
|
247
|
+
var St = function(e, t, n, i) {
|
|
248
|
+
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
249
|
+
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
250
|
+
s = Reflect.decorate(e, t, n, i);
|
|
251
|
+
else
|
|
252
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
253
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
254
|
+
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
255
|
+
}, re = function(e, t) {
|
|
256
|
+
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
257
|
+
return Reflect.metadata(e, t);
|
|
258
|
+
};
|
|
259
|
+
const He = class {
|
|
171
260
|
constructor(e) {
|
|
172
261
|
b(this, e), this.valueChanged = k(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.openHours = void 0, this.name = "availability", this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.schedule = {
|
|
173
262
|
SUN: [],
|
|
@@ -180,7 +269,7 @@ const Ee = class {
|
|
|
180
269
|
}, this.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.overlapDays = {};
|
|
181
270
|
}
|
|
182
271
|
elementNameChangedHandler(e) {
|
|
183
|
-
|
|
272
|
+
r("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
184
273
|
}
|
|
185
274
|
configChangedHandler(e) {
|
|
186
275
|
var n, i, l;
|
|
@@ -208,7 +297,7 @@ const Ee = class {
|
|
|
208
297
|
return;
|
|
209
298
|
if (Object.keys(i).length > 0) {
|
|
210
299
|
const l = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(Object.keys(i)[0]);
|
|
211
|
-
l && (
|
|
300
|
+
l && (r("nylas-availability-picker", "The time ranges are overlapping. Overlap: ", i), this.internals.setValidity({ customError: !0 }, "Overlapping time ranges found", l));
|
|
212
301
|
} else
|
|
213
302
|
this.internals.setValidity({ customError: !1 }), this.internals.setFormValue(JSON.stringify({
|
|
214
303
|
openHours: this.scheduleToOpenHours(this.schedule),
|
|
@@ -228,24 +317,24 @@ const Ee = class {
|
|
|
228
317
|
}
|
|
229
318
|
}
|
|
230
319
|
connectedCallback() {
|
|
231
|
-
|
|
320
|
+
r("nylas-availability-picker", "connectedCallback");
|
|
232
321
|
}
|
|
233
322
|
disconnectedCallback() {
|
|
234
|
-
|
|
323
|
+
r("nylas-availability-picker", "disconnectedCallback");
|
|
235
324
|
}
|
|
236
325
|
componentWillLoad() {
|
|
237
|
-
|
|
326
|
+
r("nylas-availability-picker", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
238
327
|
}
|
|
239
328
|
componentDidLoad() {
|
|
240
|
-
|
|
329
|
+
r("nylas-availability-picker", "componentDidLoad"), this.openHours && this.openHours.length > 0 && this.openHoursToSchedule(this.openHours), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({
|
|
241
330
|
openHours: this.scheduleToOpenHours(this.schedule),
|
|
242
331
|
timezone: this.timezone
|
|
243
332
|
}));
|
|
244
333
|
}
|
|
245
334
|
getOverlaps(e) {
|
|
246
335
|
let t = e.map((i, l) => ({
|
|
247
|
-
start:
|
|
248
|
-
end:
|
|
336
|
+
start: B(i.start),
|
|
337
|
+
end: B(i.end),
|
|
249
338
|
originalIndex: l
|
|
250
339
|
}));
|
|
251
340
|
t.sort((i, l) => i.start - l.start);
|
|
@@ -260,33 +349,33 @@ const Ee = class {
|
|
|
260
349
|
this.schedule[e] = [{ start: "09:00am", end: "05:00pm" }];
|
|
261
350
|
else {
|
|
262
351
|
const l = t.map((o) => ({
|
|
263
|
-
start:
|
|
264
|
-
end:
|
|
265
|
-
})).sort((o,
|
|
352
|
+
start: B(o.start),
|
|
353
|
+
end: B(o.end)
|
|
354
|
+
})).sort((o, d) => o.start - d.start), s = l[l.length - 1].end;
|
|
266
355
|
if (s + 60 <= i)
|
|
267
356
|
this.schedule[e].push({
|
|
268
|
-
start: N(
|
|
269
|
-
end: N(
|
|
357
|
+
start: N(Z(s)),
|
|
358
|
+
end: N(Z(s + 60))
|
|
270
359
|
});
|
|
271
360
|
else {
|
|
272
361
|
let o = !1;
|
|
273
362
|
if (l[0].start > n + 60 && (this.schedule[e].push({
|
|
274
|
-
start: N(
|
|
275
|
-
end: N(
|
|
363
|
+
start: N(Z(n)),
|
|
364
|
+
end: N(Z(n + 60))
|
|
276
365
|
}), o = !0), !o)
|
|
277
|
-
for (let
|
|
278
|
-
const h = l[
|
|
279
|
-
if (l[
|
|
366
|
+
for (let d = 0; d < l.length - 1; d++) {
|
|
367
|
+
const h = l[d].end;
|
|
368
|
+
if (l[d + 1].start - h >= 60) {
|
|
280
369
|
this.schedule[e].push({
|
|
281
|
-
start: N(
|
|
282
|
-
end: N(
|
|
370
|
+
start: N(Z(h)),
|
|
371
|
+
end: N(Z(h + 60))
|
|
283
372
|
});
|
|
284
373
|
break;
|
|
285
374
|
}
|
|
286
375
|
}
|
|
287
376
|
}
|
|
288
377
|
}
|
|
289
|
-
this.schedule[e].sort((l, s) =>
|
|
378
|
+
this.schedule[e].sort((l, s) => B(l.start) - B(s.start)), this.schedule = { ...this.schedule };
|
|
290
379
|
}
|
|
291
380
|
removeTimeRange(e, t) {
|
|
292
381
|
this.schedule[e].splice(t, 1), this.schedule = { ...this.schedule };
|
|
@@ -312,9 +401,9 @@ const Ee = class {
|
|
|
312
401
|
};
|
|
313
402
|
e.forEach((n) => {
|
|
314
403
|
n.days.forEach((i) => {
|
|
315
|
-
const l = this.getDayKey(i), s = N(n.start), o = N(n.end),
|
|
404
|
+
const l = this.getDayKey(i), s = N(n.start), o = N(n.end), d = { start: s, end: o };
|
|
316
405
|
let h = !1;
|
|
317
|
-
t[l] && (h = t[l].some((
|
|
406
|
+
t[l] && (h = t[l].some((p) => p.start === d.start && p.end === d.end)), h || (t[l] ? t[l].push(d) : t[l] = [d]);
|
|
318
407
|
});
|
|
319
408
|
}), this.timezone = this.defaultTimezone, this.schedule = t;
|
|
320
409
|
}
|
|
@@ -326,12 +415,12 @@ const Ee = class {
|
|
|
326
415
|
let n = /* @__PURE__ */ new Map();
|
|
327
416
|
t.forEach((l, s) => {
|
|
328
417
|
e[l] && e[l].forEach((o) => {
|
|
329
|
-
const
|
|
330
|
-
if (!n.has(
|
|
331
|
-
n.set(
|
|
418
|
+
const d = Te(o.start), h = Te(o.end), p = `${d}-${h}`;
|
|
419
|
+
if (!n.has(p))
|
|
420
|
+
n.set(p, { days: [s], start: d, end: h });
|
|
332
421
|
else {
|
|
333
|
-
let u = n.get(
|
|
334
|
-
u && (u.days.push(s), n.set(
|
|
422
|
+
let u = n.get(p);
|
|
423
|
+
u && (u.days.push(s), n.set(p, u));
|
|
335
424
|
}
|
|
336
425
|
});
|
|
337
426
|
});
|
|
@@ -355,9 +444,9 @@ const Ee = class {
|
|
|
355
444
|
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: () => {
|
|
356
445
|
i.length > 0 ? this.schedule[n] = [] : this.schedule[n] = [{ start: "09:00am", end: "05:00pm" }], this.schedule = { ...this.schedule };
|
|
357
446
|
} }), 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) => {
|
|
358
|
-
var h,
|
|
359
|
-
const o = `${t}:${s}_start`,
|
|
360
|
-
return a("div", { class: "time-range", part: "nap__time-range" }, a("div", { class: "pickers" }, a("nylas-time-window-picker", { id: o, hasError: (h = this.overlapDays[n]) == null ? void 0 : h.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:
|
|
447
|
+
var h, p;
|
|
448
|
+
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: (h = this.overlapDays[n]) == null ? void 0 : h.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: (p = this.overlapDays[n]) == null ? void 0 : p.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)));
|
|
361
450
|
}), 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));
|
|
362
451
|
})))));
|
|
363
452
|
}
|
|
@@ -365,7 +454,7 @@ const Ee = class {
|
|
|
365
454
|
return !0;
|
|
366
455
|
}
|
|
367
456
|
get host() {
|
|
368
|
-
return
|
|
457
|
+
return x(this);
|
|
369
458
|
}
|
|
370
459
|
static get watchers() {
|
|
371
460
|
return {
|
|
@@ -375,64 +464,64 @@ const Ee = class {
|
|
|
375
464
|
};
|
|
376
465
|
}
|
|
377
466
|
};
|
|
378
|
-
|
|
467
|
+
St([
|
|
379
468
|
C({
|
|
380
469
|
name: "nylas-availability-picker",
|
|
381
470
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
382
471
|
fireRegisterEvent: !0
|
|
383
472
|
}),
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
],
|
|
388
|
-
|
|
389
|
-
const
|
|
390
|
-
var
|
|
473
|
+
re("design:type", Function),
|
|
474
|
+
re("design:paramtypes", []),
|
|
475
|
+
re("design:returntype", void 0)
|
|
476
|
+
], He.prototype, "render", null);
|
|
477
|
+
He.style = Dt;
|
|
478
|
+
const $t = ':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}', Et = $t;
|
|
479
|
+
var Ht = function(e, t, n, i) {
|
|
391
480
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
392
481
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
393
482
|
s = Reflect.decorate(e, t, n, i);
|
|
394
483
|
else
|
|
395
|
-
for (var
|
|
396
|
-
(o = e[
|
|
484
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
485
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
397
486
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
398
|
-
},
|
|
487
|
+
}, de = function(e, t) {
|
|
399
488
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
400
489
|
return Reflect.metadata(e, t);
|
|
401
490
|
};
|
|
402
|
-
const
|
|
491
|
+
const Le = class {
|
|
403
492
|
constructor(e) {
|
|
404
493
|
b(this, e), this.valueChanged = k(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 = "";
|
|
405
494
|
}
|
|
406
495
|
connectedCallback() {
|
|
407
|
-
|
|
496
|
+
r("nylas-booking-calendar-picker", "connectedCallback");
|
|
408
497
|
}
|
|
409
498
|
disconnectedCallback() {
|
|
410
|
-
|
|
499
|
+
r("nylas-booking-calendar-picker", "disconnectedCallback");
|
|
411
500
|
}
|
|
412
501
|
componentWillLoad() {
|
|
413
|
-
|
|
502
|
+
r("nylas-booking-calendar-picker", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
414
503
|
}
|
|
415
504
|
componentDidLoad() {
|
|
416
505
|
var e, t;
|
|
417
|
-
|
|
506
|
+
r("nylas-booking-calendar-picker", "componentDidLoad"), this.defaultBookingCalendar = this.defaultBookingCalendar || ((e = this.currentUser) == null ? void 0 : e.email) || "", typeof this.internals.setFormValue == "function" && this.internals.setFormValue(this.defaultBookingCalendar.toString(), "booking-calendar"), this.selectedCalendar = this.defaultBookingCalendar || ((t = this.currentUser) == null ? void 0 : t.email) || "";
|
|
418
507
|
}
|
|
419
508
|
componentWillUpdate() {
|
|
420
|
-
|
|
509
|
+
r("nylas-booking-calendar-picker", "componentWillUpdate");
|
|
421
510
|
}
|
|
422
511
|
componentDidUpdate() {
|
|
423
|
-
|
|
512
|
+
r("nylas-booking-calendar-picker", "componentDidUpdate");
|
|
424
513
|
}
|
|
425
514
|
componentWillRender() {
|
|
426
|
-
|
|
515
|
+
r("nylas-booking-calendar-picker", "componentWillRender");
|
|
427
516
|
}
|
|
428
517
|
componentDidRender() {
|
|
429
|
-
|
|
518
|
+
r("nylas-booking-calendar-picker", "componentDidRender");
|
|
430
519
|
}
|
|
431
520
|
elementNameChangedHandler(e) {
|
|
432
|
-
|
|
521
|
+
r("nylas-booking-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
433
522
|
}
|
|
434
523
|
nylasFormDropdownChangedHandler(e) {
|
|
435
|
-
|
|
524
|
+
r("nylas-booking-calendar-picker", "nylasFormDropdownChangedHandler", e.detail);
|
|
436
525
|
const t = (n) => {
|
|
437
526
|
const { value: i } = n.detail;
|
|
438
527
|
this.selectedCalendar = i, this.internals.setFormValue(i.toString(), this.name);
|
|
@@ -451,7 +540,7 @@ const $e = class {
|
|
|
451
540
|
return !0;
|
|
452
541
|
}
|
|
453
542
|
get host() {
|
|
454
|
-
return
|
|
543
|
+
return x(this);
|
|
455
544
|
}
|
|
456
545
|
static get watchers() {
|
|
457
546
|
return {
|
|
@@ -459,7 +548,7 @@ const $e = class {
|
|
|
459
548
|
};
|
|
460
549
|
}
|
|
461
550
|
};
|
|
462
|
-
|
|
551
|
+
Ht([
|
|
463
552
|
C({
|
|
464
553
|
name: "nylas-booking-calendar-picker",
|
|
465
554
|
stateToProps: /* @__PURE__ */ new Map([
|
|
@@ -474,39 +563,39 @@ Dt([
|
|
|
474
563
|
},
|
|
475
564
|
fireRegisterEvent: !0
|
|
476
565
|
}),
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
],
|
|
481
|
-
|
|
482
|
-
const
|
|
483
|
-
var
|
|
566
|
+
de("design:type", Function),
|
|
567
|
+
de("design:paramtypes", []),
|
|
568
|
+
de("design:returntype", void 0)
|
|
569
|
+
], Le.prototype, "render", null);
|
|
570
|
+
Le.style = Et;
|
|
571
|
+
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-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}', Mt = Lt;
|
|
572
|
+
var At = function(e, t, n, i) {
|
|
484
573
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
485
574
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
486
575
|
s = Reflect.decorate(e, t, n, i);
|
|
487
576
|
else
|
|
488
|
-
for (var
|
|
489
|
-
(o = e[
|
|
577
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
578
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
490
579
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
491
|
-
},
|
|
580
|
+
}, ce = function(e, t) {
|
|
492
581
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
493
582
|
return Reflect.metadata(e, t);
|
|
494
583
|
};
|
|
495
|
-
const
|
|
584
|
+
const Me = class {
|
|
496
585
|
constructor(e) {
|
|
497
586
|
b(this, e), this.valueChanged = k(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;
|
|
498
587
|
}
|
|
499
588
|
connectedCallback() {
|
|
500
|
-
|
|
589
|
+
r("nylas-buffer-time", "connectedCallback");
|
|
501
590
|
}
|
|
502
591
|
disconnectedCallback() {
|
|
503
|
-
|
|
592
|
+
r("nylas-buffer-time", "disconnectedCallback");
|
|
504
593
|
}
|
|
505
594
|
componentWillLoad() {
|
|
506
|
-
|
|
595
|
+
r("nylas-buffer-time", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
507
596
|
}
|
|
508
597
|
componentDidLoad() {
|
|
509
|
-
if (
|
|
598
|
+
if (r("nylas-buffer-time", "componentDidLoad"), typeof this.internals.setFormValue == "function") {
|
|
510
599
|
const e = {
|
|
511
600
|
before: this.selectedBeforeBufferTime,
|
|
512
601
|
after: this.selectedAfterBufferTime
|
|
@@ -516,22 +605,22 @@ const He = class {
|
|
|
516
605
|
this.selectedAfterBufferTime = this.buffer.after, this.selectedBeforeBufferTime = this.buffer.before;
|
|
517
606
|
}
|
|
518
607
|
componentWillUpdate() {
|
|
519
|
-
|
|
608
|
+
r("nylas-buffer-time", "componentWillUpdate");
|
|
520
609
|
}
|
|
521
610
|
componentDidUpdate() {
|
|
522
|
-
|
|
611
|
+
r("nylas-buffer-time", "componentDidUpdate");
|
|
523
612
|
}
|
|
524
613
|
componentWillRender() {
|
|
525
|
-
|
|
614
|
+
r("nylas-buffer-time", "componentWillRender");
|
|
526
615
|
}
|
|
527
616
|
componentDidRender() {
|
|
528
|
-
|
|
617
|
+
r("nylas-buffer-time", "componentDidRender");
|
|
529
618
|
}
|
|
530
619
|
elementNameChangedHandler(e) {
|
|
531
|
-
|
|
620
|
+
r("nylas-buffer-time", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
532
621
|
}
|
|
533
622
|
nylasFormDropdownChangedHandler(e) {
|
|
534
|
-
|
|
623
|
+
r("nylas-buffer-time", "nylasFormDropdownChangedHandler", e.detail);
|
|
535
624
|
const t = (n) => {
|
|
536
625
|
const { value: i, name: l } = n.detail;
|
|
537
626
|
l === "before-buffer-time" ? this.selectedBeforeBufferTime = parseInt(i) : l === "after-buffer-time" && (this.selectedAfterBufferTime = parseInt(i));
|
|
@@ -545,27 +634,27 @@ const He = class {
|
|
|
545
634
|
}
|
|
546
635
|
renderPreview() {
|
|
547
636
|
const i = (o) => {
|
|
548
|
-
const
|
|
637
|
+
const d = Math.floor(o / 30), h = o % 30 / 30 * 10;
|
|
549
638
|
return {
|
|
550
|
-
fullSlots:
|
|
639
|
+
fullSlots: d,
|
|
551
640
|
partialFillHeight: h
|
|
552
641
|
};
|
|
553
642
|
}, l = () => {
|
|
554
|
-
const { fullSlots: o, partialFillHeight:
|
|
555
|
-
return Array.from({ length: 4 }, (h,
|
|
556
|
-
const u = this.selectedBeforeBufferTime > 0 &&
|
|
643
|
+
const { fullSlots: o, partialFillHeight: d } = i(this.selectedBeforeBufferTime);
|
|
644
|
+
return Array.from({ length: 4 }, (h, p) => {
|
|
645
|
+
const u = this.selectedBeforeBufferTime > 0 && p > 4 - o - 1, g = this.selectedBeforeBufferTime > 0 && p === 4 - o - 1 && d > 0;
|
|
557
646
|
let v = {};
|
|
558
|
-
return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to top, var(--nylas-base-100) ${
|
|
647
|
+
return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to top, var(--nylas-base-100) ${d}px, transparent 0)`), a("div", { key: p, class: `slot ${u ? "active" : ""}`, style: {
|
|
559
648
|
height: "10px",
|
|
560
649
|
...v
|
|
561
650
|
} });
|
|
562
651
|
});
|
|
563
652
|
}, s = () => {
|
|
564
|
-
const { fullSlots: o, partialFillHeight:
|
|
565
|
-
return Array.from({ length: 4 }, (h,
|
|
566
|
-
const u = this.selectedAfterBufferTime > 0 &&
|
|
653
|
+
const { fullSlots: o, partialFillHeight: d } = i(this.selectedAfterBufferTime);
|
|
654
|
+
return Array.from({ length: 4 }, (h, p) => {
|
|
655
|
+
const u = this.selectedAfterBufferTime > 0 && p < o, g = p === o && d > 0;
|
|
567
656
|
let v = {};
|
|
568
|
-
return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to bottom, var(--nylas-base-100) ${
|
|
657
|
+
return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to bottom, var(--nylas-base-100) ${d}px, transparent 0)`), a("div", { key: p, class: `slot ${u ? "active" : ""}`, style: {
|
|
569
658
|
height: "10px",
|
|
570
659
|
...v
|
|
571
660
|
} });
|
|
@@ -587,7 +676,7 @@ const He = class {
|
|
|
587
676
|
return !0;
|
|
588
677
|
}
|
|
589
678
|
get host() {
|
|
590
|
-
return
|
|
679
|
+
return x(this);
|
|
591
680
|
}
|
|
592
681
|
static get watchers() {
|
|
593
682
|
return {
|
|
@@ -595,7 +684,7 @@ const He = class {
|
|
|
595
684
|
};
|
|
596
685
|
}
|
|
597
686
|
};
|
|
598
|
-
|
|
687
|
+
At([
|
|
599
688
|
C({
|
|
600
689
|
name: "nylas-buffer-time",
|
|
601
690
|
eventToProps: {
|
|
@@ -606,57 +695,57 @@ Et([
|
|
|
606
695
|
},
|
|
607
696
|
fireRegisterEvent: !0
|
|
608
697
|
}),
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
],
|
|
613
|
-
|
|
614
|
-
const
|
|
615
|
-
var
|
|
698
|
+
ce("design:type", Function),
|
|
699
|
+
ce("design:paramtypes", []),
|
|
700
|
+
ce("design:returntype", void 0)
|
|
701
|
+
], Me.prototype, "render", null);
|
|
702
|
+
Me.style = Mt;
|
|
703
|
+
const Nt = ':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}', Ft = Nt;
|
|
704
|
+
var zt = function(e, t, n, i) {
|
|
616
705
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
617
706
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
618
707
|
s = Reflect.decorate(e, t, n, i);
|
|
619
708
|
else
|
|
620
|
-
for (var
|
|
621
|
-
(o = e[
|
|
709
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
710
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
622
711
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
623
|
-
},
|
|
712
|
+
}, pe = function(e, t) {
|
|
624
713
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
625
714
|
return Reflect.metadata(e, t);
|
|
626
715
|
};
|
|
627
|
-
const
|
|
716
|
+
const Ae = class {
|
|
628
717
|
constructor(e) {
|
|
629
718
|
b(this, e), this.valueChanged = k(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 = [];
|
|
630
719
|
}
|
|
631
720
|
elementNameChangedHandler(e) {
|
|
632
|
-
|
|
721
|
+
r("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
633
722
|
}
|
|
634
723
|
connectedCallback() {
|
|
635
|
-
|
|
724
|
+
r("nylas-calendar-picker", "connectedCallback");
|
|
636
725
|
}
|
|
637
726
|
disconnectedCallback() {
|
|
638
|
-
|
|
727
|
+
r("nylas-calendar-picker", "disconnectedCallback");
|
|
639
728
|
}
|
|
640
729
|
componentWillLoad() {
|
|
641
|
-
|
|
730
|
+
r("nylas-calendar-picker", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
642
731
|
}
|
|
643
732
|
componentDidLoad() {
|
|
644
|
-
|
|
733
|
+
r("nylas-calendar-picker", "componentDidLoad"), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(this.defaultSelectedCalendars.toString(), "calendar");
|
|
645
734
|
}
|
|
646
735
|
componentWillUpdate() {
|
|
647
|
-
|
|
736
|
+
r("nylas-calendar-picker", "componentWillUpdate");
|
|
648
737
|
}
|
|
649
738
|
componentDidUpdate() {
|
|
650
|
-
|
|
739
|
+
r("nylas-calendar-picker", "componentDidUpdate");
|
|
651
740
|
}
|
|
652
741
|
componentWillRender() {
|
|
653
|
-
|
|
742
|
+
r("nylas-calendar-picker", "componentWillRender");
|
|
654
743
|
}
|
|
655
744
|
componentDidRender() {
|
|
656
|
-
|
|
745
|
+
r("nylas-calendar-picker", "componentDidRender");
|
|
657
746
|
}
|
|
658
747
|
selectedOptionsChangedHandler(e) {
|
|
659
|
-
|
|
748
|
+
r("nylas-calendar-picker", "nylasFormDropdownChangedHandler", e.detail);
|
|
660
749
|
const t = (n) => {
|
|
661
750
|
const { value: i } = n.detail;
|
|
662
751
|
this.selectedCalendars = [...i], this.internals.setFormValue(i.toString(), "calendar");
|
|
@@ -679,7 +768,7 @@ const Le = class {
|
|
|
679
768
|
return !0;
|
|
680
769
|
}
|
|
681
770
|
get host() {
|
|
682
|
-
return
|
|
771
|
+
return x(this);
|
|
683
772
|
}
|
|
684
773
|
static get watchers() {
|
|
685
774
|
return {
|
|
@@ -687,7 +776,7 @@ const Le = class {
|
|
|
687
776
|
};
|
|
688
777
|
}
|
|
689
778
|
};
|
|
690
|
-
|
|
779
|
+
zt([
|
|
691
780
|
C({
|
|
692
781
|
name: "nylas-calendar-picker",
|
|
693
782
|
stateToProps: /* @__PURE__ */ new Map([
|
|
@@ -702,60 +791,60 @@ Lt([
|
|
|
702
791
|
},
|
|
703
792
|
fireRegisterEvent: !0
|
|
704
793
|
}),
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
],
|
|
709
|
-
|
|
710
|
-
const
|
|
711
|
-
var
|
|
794
|
+
pe("design:type", Function),
|
|
795
|
+
pe("design:paramtypes", []),
|
|
796
|
+
pe("design:returntype", void 0)
|
|
797
|
+
], Ae.prototype, "render", null);
|
|
798
|
+
Ae.style = Ft;
|
|
799
|
+
const Pt = ':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}', Rt = Pt;
|
|
800
|
+
var jt = function(e, t, n, i) {
|
|
712
801
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
713
802
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
714
803
|
s = Reflect.decorate(e, t, n, i);
|
|
715
804
|
else
|
|
716
|
-
for (var
|
|
717
|
-
(o = e[
|
|
805
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
806
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
718
807
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
719
808
|
}, fe = function(e, t) {
|
|
720
809
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
721
810
|
return Reflect.metadata(e, t);
|
|
722
811
|
};
|
|
723
|
-
const
|
|
812
|
+
const Ne = class {
|
|
724
813
|
constructor(e) {
|
|
725
814
|
var t, n;
|
|
726
815
|
b(this, e), this.valueChanged = k(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) || "";
|
|
727
816
|
}
|
|
728
817
|
elementNameChangedHandler(e) {
|
|
729
|
-
|
|
818
|
+
r("nylas-cancellation-policy", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
730
819
|
}
|
|
731
820
|
selectedConfigurationChangedHandler(e, t) {
|
|
732
821
|
var n, i;
|
|
733
|
-
|
|
822
|
+
r("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t), (n = e == null ? void 0 : e.scheduler) != null && n.cancellation_policy && (this.message = (i = e == null ? void 0 : e.scheduler) == null ? void 0 : i.cancellation_policy);
|
|
734
823
|
}
|
|
735
824
|
connectedCallback() {
|
|
736
|
-
|
|
825
|
+
r("nylas-cancellation-policy", "connectedCallback");
|
|
737
826
|
}
|
|
738
827
|
componentWillLoad() {
|
|
739
|
-
|
|
828
|
+
r("nylas-cancellation-policy", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
740
829
|
}
|
|
741
830
|
componentDidLoad() {
|
|
742
|
-
|
|
831
|
+
r("nylas-cancellation-policy", "componentDidLoad");
|
|
743
832
|
}
|
|
744
833
|
disconnectedCallback() {
|
|
745
|
-
|
|
834
|
+
r("nylas-cancellation-policy", "disconnectedCallback");
|
|
746
835
|
}
|
|
747
836
|
handleChange(e) {
|
|
748
|
-
const t =
|
|
837
|
+
const t = q(e.target.value);
|
|
749
838
|
this.message = t, this.internals.setFormValue(t, this.name), this.valueChanged.emit({ value: t, name: this.name });
|
|
750
839
|
}
|
|
751
840
|
render() {
|
|
752
|
-
return a(_, { key: "
|
|
841
|
+
return a(_, { key: "34cd25b32015d276305a1655cec0e7d943189a4d" }, a("div", { key: "811fd581db9ce4c0aa80dceca9e66d00d1cafb7d", class: "nylas-cancellation-policy", part: "ncpolicy" }, a("label", { key: "c6693d8f18794177754e708ef725c237f92455d7", htmlFor: this.name }, "Cancellation policy message", a("span", { key: "5c0d9238690e368b63c099625277b85734be5b5c", class: "label-icon" }, a("tooltip-component", { key: "031d9a347cdd9a349747e87ffe68ea0ba611f96f" }, a("info-icon", { key: "f4e086eb34bfb3eb4fb1997b1047ba22e865f1bc", slot: "tooltip-icon" }), a("span", { key: "b8dfa32c6c5505561049b0ad2b177c0a912142bf", slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), a("textarea", { key: "2d92b92f7a30f58d0307915293000e4de337808d", id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: (e) => this.handleChange(e) })));
|
|
753
842
|
}
|
|
754
843
|
static get formAssociated() {
|
|
755
844
|
return !0;
|
|
756
845
|
}
|
|
757
846
|
get host() {
|
|
758
|
-
return
|
|
847
|
+
return x(this);
|
|
759
848
|
}
|
|
760
849
|
static get watchers() {
|
|
761
850
|
return {
|
|
@@ -764,7 +853,7 @@ const Me = class {
|
|
|
764
853
|
};
|
|
765
854
|
}
|
|
766
855
|
};
|
|
767
|
-
|
|
856
|
+
jt([
|
|
768
857
|
C({
|
|
769
858
|
name: "nylas-cancellation-policy",
|
|
770
859
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
@@ -774,61 +863,61 @@ Nt([
|
|
|
774
863
|
fe("design:type", Function),
|
|
775
864
|
fe("design:paramtypes", []),
|
|
776
865
|
fe("design:returntype", void 0)
|
|
777
|
-
],
|
|
778
|
-
|
|
779
|
-
const
|
|
780
|
-
var
|
|
866
|
+
], Ne.prototype, "render", null);
|
|
867
|
+
Ne.style = Rt;
|
|
868
|
+
const Wt = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-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}}', Bt = Wt;
|
|
869
|
+
var Zt = function(e, t, n, i) {
|
|
781
870
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
782
871
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
783
872
|
s = Reflect.decorate(e, t, n, i);
|
|
784
873
|
else
|
|
785
|
-
for (var
|
|
786
|
-
(o = e[
|
|
874
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
875
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
787
876
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
788
|
-
},
|
|
877
|
+
}, ue = function(e, t) {
|
|
789
878
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
790
879
|
return Reflect.metadata(e, t);
|
|
791
880
|
};
|
|
792
|
-
const
|
|
881
|
+
const Fe = class {
|
|
793
882
|
constructor(e) {
|
|
794
883
|
var t, n, i, l, s, o;
|
|
795
|
-
b(this, e), this.valueChanged = k(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.
|
|
884
|
+
b(this, e), this.valueChanged = k(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;
|
|
796
885
|
}
|
|
797
886
|
elementNameChangedHandler(e) {
|
|
798
|
-
|
|
887
|
+
r("nylas-customize-booking-settings", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
799
888
|
}
|
|
800
889
|
selectedConfigurationChangedHandler(e) {
|
|
801
890
|
var t, n, i;
|
|
802
|
-
|
|
891
|
+
r("nylas-customize-booking-settings", "selectedConfigurationChangedHandler", e), this.allowGuestsToInvite = !((t = e == null ? void 0 : e.scheduler) != null && t.hide_additional_guests), this.hideCancellationOptions = ((n = e == null ? void 0 : e.scheduler) == null ? void 0 : n.hide_cancellation_options) ?? !1, this.hideReschedulingOptions = ((i = e == null ? void 0 : e.scheduler) == null ? void 0 : i.hide_rescheduling_options) ?? !1;
|
|
803
892
|
}
|
|
804
893
|
connectedCallback() {
|
|
805
|
-
|
|
894
|
+
r("nylas-customize-booking-settings", "connectedCallback");
|
|
806
895
|
}
|
|
807
896
|
disconnectedCallback() {
|
|
808
|
-
|
|
897
|
+
r("nylas-customize-booking-settings", "disconnectedCallback");
|
|
809
898
|
}
|
|
810
899
|
componentWillLoad() {
|
|
811
|
-
|
|
900
|
+
r("nylas-customize-booking-settings", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
812
901
|
}
|
|
813
902
|
componentDidLoad() {
|
|
814
|
-
|
|
903
|
+
r("nylas-customize-booking-settings", "componentDidLoad");
|
|
815
904
|
}
|
|
816
905
|
componentWillUpdate() {
|
|
817
|
-
|
|
906
|
+
r("nylas-customize-booking-settings", "componentWillUpdate");
|
|
818
907
|
}
|
|
819
908
|
componentDidUpdate() {
|
|
820
|
-
|
|
909
|
+
r("nylas-customize-booking-settings", "componentDidUpdate");
|
|
821
910
|
}
|
|
822
911
|
componentWillRender() {
|
|
823
|
-
|
|
912
|
+
r("nylas-customize-booking-settings", "componentWillRender");
|
|
824
913
|
}
|
|
825
914
|
componentDidRender() {
|
|
826
|
-
|
|
915
|
+
r("nylas-customize-booking-settings", "componentDidRender");
|
|
827
916
|
}
|
|
828
917
|
checkboxToggledHandler(e) {
|
|
829
918
|
const { name: t, checked: n } = e.detail;
|
|
830
919
|
switch (t) {
|
|
831
|
-
case "
|
|
920
|
+
case "hide_additional_guests":
|
|
832
921
|
this.allowGuestsToInvite = n;
|
|
833
922
|
break;
|
|
834
923
|
case "hide_cancellation_options":
|
|
@@ -852,13 +941,13 @@ const Ae = class {
|
|
|
852
941
|
}), this.name);
|
|
853
942
|
}
|
|
854
943
|
render() {
|
|
855
|
-
return a(_, { key: "
|
|
944
|
+
return a(_, { key: "289e0e8ff03e0f033bdedc44a66002d971a01a4a" }, a("div", { key: "198e4e31a02a362c393b0b9395c7ab884dd04928", class: "nylas-customize-booking-settings", part: "ncbs" }, a("div", { key: "4ac0939989b64eec0f4cbe6eebe4132be85112d0", class: "header", part: "ncbs__header" }, a("h3", { key: "a64955a52821d22f1afab025bf18b0505d0aebcd" }, "Additional settings"), a("p", { key: "413d26d3102c624acd77f1b2d6aaa01e9abf8240" }, "Booking settings for the event.")), a("div", { key: "e6ddf5653c6188773f59dbd6ca683cf2e5bd2c1d", class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, a("div", { key: "47ec40306877e710bc53494e0cb23bd17ec1c803", class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, a("checkbox-component", { key: "9e5a9452ff0ffe8b590702b91d8dba82512db6cf", name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, a("span", { key: "f32cc44ad67e2f135a7581fc72772c156a4f2df6", slot: "label", class: "label" }, a("p", { key: "314d47c72d9a76cca9e94e11bf785b61c6786a48", class: "label-contents" }, "Allow guests to invite additional guests to the booking."), a("tooltip-component", { key: "d286d724e35b7a8c82c65f42923646c09462fadf", id: "guests" }, a("info-icon", { key: "1feafcf384686c0613c0fe764c09db5b7c1ddae8", slot: "tooltip-icon" }), a("span", { key: "0f17b5425ed3663184150933a86e406a197b18fa", slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), a("div", { key: "340b0fcd9d6f263550c347f2a87229a86c674cae", class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, a("checkbox-component", { key: "2453ac1996fd178d363a712b4d378591be3ee32a", name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, a("span", { key: "2420f028dc654f9a8ce01ec9a924f7e0694da05b", slot: "label", class: "label" }, a("p", { key: "31bdc2ff59f7cef6ebd1c21329e34e001bfb6235", class: "label-contents" }, "Hide the ", a("strong", { key: "76ecdab15e2fdb90dd1c34f826f0392b145291dc" }, "Reschedule"), " button on the Scheduling Page and in the email notifications."), a("tooltip-component", { key: "489a219e2854cd6aae0df6ec8064d262e74a4dfd", id: "reschedule" }, a("info-icon", { key: "6e727527c025b00ae8907a9381fa45f2b30c325b", slot: "tooltip-icon" }), a("span", { key: "732c2be03c7a37d1ba80d99315c462ec65f24406", slot: "tooltip-content" }, "Hide the 'Reschedule' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to reschedule the booking."))))), a("div", { key: "4b92782d796cd57802c333e72cce4cb56c2424b5", class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, a("checkbox-component", { key: "c27bb8a583f782659c7a8c3fb6320f9bc653f005", name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, a("span", { key: "9feb0f1f1c9cfc9438317ac1e860265b0365d73c", slot: "label", class: "label" }, a("p", { key: "e5a072e8381efdd81d96cda680bce8408699988e", class: "label-contents" }, "Hide the ", a("strong", { key: "7451a2ffc3815301afe3c8c6ae80ecaf7f16075f" }, "Cancel"), " button on the Scheduling Page and in the email notifications."), a("tooltip-component", { key: "12ba9c92d34cb63dc3ce23b2ab9b00c54e83afd4", id: "cancel" }, a("info-icon", { key: "159518806d8f14c1b9a6b4b36877d3174883bd7d", slot: "tooltip-icon" }), a("span", { key: "075096f27117b4318f883efe2b523c394394e230", slot: "tooltip-content" }, "Hide the 'Cancel' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to cancel the booking."))))))));
|
|
856
945
|
}
|
|
857
946
|
static get formAssociated() {
|
|
858
947
|
return !0;
|
|
859
948
|
}
|
|
860
949
|
get host() {
|
|
861
|
-
return
|
|
950
|
+
return x(this);
|
|
862
951
|
}
|
|
863
952
|
static get watchers() {
|
|
864
953
|
return {
|
|
@@ -867,56 +956,56 @@ const Ae = class {
|
|
|
867
956
|
};
|
|
868
957
|
}
|
|
869
958
|
};
|
|
870
|
-
|
|
959
|
+
Zt([
|
|
871
960
|
C({
|
|
872
961
|
name: "nylas-customize-booking-settings",
|
|
873
962
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
874
963
|
fireRegisterEvent: !0
|
|
875
964
|
}),
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
],
|
|
880
|
-
|
|
881
|
-
const
|
|
882
|
-
var
|
|
965
|
+
ue("design:type", Function),
|
|
966
|
+
ue("design:paramtypes", []),
|
|
967
|
+
ue("design:returntype", void 0)
|
|
968
|
+
], Fe.prototype, "render", null);
|
|
969
|
+
Fe.style = Bt;
|
|
970
|
+
const Ut = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-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}', Yt = Ut;
|
|
971
|
+
var Gt = function(e, t, n, i) {
|
|
883
972
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
884
973
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
885
974
|
s = Reflect.decorate(e, t, n, i);
|
|
886
975
|
else
|
|
887
|
-
for (var
|
|
888
|
-
(o = e[
|
|
976
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
977
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
889
978
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
890
|
-
},
|
|
979
|
+
}, he = function(e, t) {
|
|
891
980
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
892
981
|
return Reflect.metadata(e, t);
|
|
893
982
|
};
|
|
894
|
-
const
|
|
983
|
+
const ze = class {
|
|
895
984
|
constructor(e) {
|
|
896
985
|
var t, n;
|
|
897
986
|
b(this, e), this.valueChanged = k(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) || "";
|
|
898
987
|
}
|
|
899
988
|
elementNameChangedHandler(e) {
|
|
900
|
-
|
|
989
|
+
r("nylas-event-description", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
901
990
|
}
|
|
902
991
|
selectedConfigurationChangedHandler(e, t) {
|
|
903
992
|
var n, i;
|
|
904
|
-
|
|
993
|
+
r("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t), (n = e == null ? void 0 : e.event_booking) != null && n.description && (this.description = (i = e == null ? void 0 : e.event_booking) == null ? void 0 : i.description);
|
|
905
994
|
}
|
|
906
995
|
connectedCallback() {
|
|
907
|
-
|
|
996
|
+
r("nylas-event-description", "connectedCallback");
|
|
908
997
|
}
|
|
909
998
|
componentWillLoad() {
|
|
910
|
-
|
|
999
|
+
r("nylas-event-description", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
911
1000
|
}
|
|
912
1001
|
componentDidLoad() {
|
|
913
|
-
|
|
1002
|
+
r("nylas-event-description", "componentDidLoad");
|
|
914
1003
|
}
|
|
915
1004
|
disconnectedCallback() {
|
|
916
|
-
|
|
1005
|
+
r("nylas-event-description", "disconnectedCallback");
|
|
917
1006
|
}
|
|
918
1007
|
handleChange(e) {
|
|
919
|
-
const t =
|
|
1008
|
+
const t = q(e.target.value);
|
|
920
1009
|
this.description = t, this.internals.setFormValue(t, "description"), this.valueChanged.emit({ value: t, name: this.name });
|
|
921
1010
|
}
|
|
922
1011
|
render() {
|
|
@@ -926,7 +1015,7 @@ const Ne = class {
|
|
|
926
1015
|
return !0;
|
|
927
1016
|
}
|
|
928
1017
|
get host() {
|
|
929
|
-
return
|
|
1018
|
+
return x(this);
|
|
930
1019
|
}
|
|
931
1020
|
static get watchers() {
|
|
932
1021
|
return {
|
|
@@ -935,32 +1024,32 @@ const Ne = class {
|
|
|
935
1024
|
};
|
|
936
1025
|
}
|
|
937
1026
|
};
|
|
938
|
-
|
|
1027
|
+
Gt([
|
|
939
1028
|
C({
|
|
940
1029
|
name: "nylas-event-description",
|
|
941
1030
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
942
1031
|
eventToProps: {},
|
|
943
1032
|
fireRegisterEvent: !0
|
|
944
1033
|
}),
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
],
|
|
949
|
-
|
|
950
|
-
const
|
|
951
|
-
var
|
|
1034
|
+
he("design:type", Function),
|
|
1035
|
+
he("design:paramtypes", []),
|
|
1036
|
+
he("design:returntype", void 0)
|
|
1037
|
+
], ze.prototype, "render", null);
|
|
1038
|
+
ze.style = Yt;
|
|
1039
|
+
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-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)}', Vt = Kt;
|
|
1040
|
+
var Jt = function(e, t, n, i) {
|
|
952
1041
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
953
1042
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
954
1043
|
s = Reflect.decorate(e, t, n, i);
|
|
955
1044
|
else
|
|
956
|
-
for (var
|
|
957
|
-
(o = e[
|
|
1045
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
1046
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
958
1047
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
959
|
-
},
|
|
1048
|
+
}, be = function(e, t) {
|
|
960
1049
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
961
1050
|
return Reflect.metadata(e, t);
|
|
962
1051
|
};
|
|
963
|
-
const
|
|
1052
|
+
const Pe = class {
|
|
964
1053
|
constructor(e) {
|
|
965
1054
|
b(this, e), this.valueChanged = k(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 = [
|
|
966
1055
|
{ value: 15, label: "15" },
|
|
@@ -970,7 +1059,7 @@ const Fe = class {
|
|
|
970
1059
|
];
|
|
971
1060
|
}
|
|
972
1061
|
elementNameChangedHandler(e) {
|
|
973
|
-
|
|
1062
|
+
r("nylas-event-duration", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
974
1063
|
}
|
|
975
1064
|
selectedConfigurationChangedHandler(e) {
|
|
976
1065
|
var n;
|
|
@@ -978,19 +1067,19 @@ const Fe = class {
|
|
|
978
1067
|
t && (this.duration = t >= 60 ? t / 60 : t, this.durationMinutes = t ?? 30, this.durationIncrement = t >= 60 ? 60 : 1);
|
|
979
1068
|
}
|
|
980
1069
|
durationMinutesChangedHandler(e, t) {
|
|
981
|
-
|
|
1070
|
+
r("nylas-event-duration", "durationMinutesChangedHandler", e), e !== t && this.valueChanged.emit({ value: e.toString(), name: this.name });
|
|
982
1071
|
}
|
|
983
1072
|
connectedCallback() {
|
|
984
|
-
|
|
1073
|
+
r("nylas-event-duration", "connectedCallback");
|
|
985
1074
|
}
|
|
986
1075
|
componentWillLoad() {
|
|
987
|
-
|
|
1076
|
+
r("nylas-event-duration", "componentWillLoad"), this.host.setAttribute("name", this.name), this.setDurationMintueOptions();
|
|
988
1077
|
}
|
|
989
1078
|
componentDidLoad() {
|
|
990
|
-
|
|
1079
|
+
r("nylas-event-duration", "componentDidLoad"), this.internals.setFormValue(this.durationMinutes.toString(), "duration");
|
|
991
1080
|
}
|
|
992
1081
|
disconnectedCallback() {
|
|
993
|
-
|
|
1082
|
+
r("nylas-event-duration", "disconnectedCallback");
|
|
994
1083
|
}
|
|
995
1084
|
setDurationMintueOptions() {
|
|
996
1085
|
return this.durationIncrement === 1 ? this.durationMinutesOptions = [
|
|
@@ -1004,12 +1093,12 @@ const Fe = class {
|
|
|
1004
1093
|
this.duration = e.target.value, this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), this.name);
|
|
1005
1094
|
}
|
|
1006
1095
|
nylasFormDropdownChangedHandler(e) {
|
|
1007
|
-
|
|
1096
|
+
r("nylas-calendar-picker", "nylasFormDropdownChangedHandler", e.detail);
|
|
1008
1097
|
const { value: t } = e.detail;
|
|
1009
1098
|
this.durationIncrement = parseInt(t), this.durationIncrement === 1 ? this.duration = 60 : this.duration = 1, this.setDurationMintueOptions(), this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), "duration");
|
|
1010
1099
|
}
|
|
1011
1100
|
inputOptionChangedHandler(e) {
|
|
1012
|
-
|
|
1101
|
+
r("nylas-calendar-picker", "inputOptionChangedHandler", e.detail);
|
|
1013
1102
|
const { value: t } = e.detail;
|
|
1014
1103
|
this.duration = t, this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), this.name);
|
|
1015
1104
|
}
|
|
@@ -1024,7 +1113,7 @@ const Fe = class {
|
|
|
1024
1113
|
return !0;
|
|
1025
1114
|
}
|
|
1026
1115
|
get host() {
|
|
1027
|
-
return
|
|
1116
|
+
return x(this);
|
|
1028
1117
|
}
|
|
1029
1118
|
static get watchers() {
|
|
1030
1119
|
return {
|
|
@@ -1034,28 +1123,28 @@ const Fe = class {
|
|
|
1034
1123
|
};
|
|
1035
1124
|
}
|
|
1036
1125
|
};
|
|
1037
|
-
|
|
1126
|
+
Jt([
|
|
1038
1127
|
C({
|
|
1039
1128
|
name: "nylas-event-duration",
|
|
1040
1129
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1041
1130
|
eventToProps: {},
|
|
1042
1131
|
fireRegisterEvent: !0
|
|
1043
1132
|
}),
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
],
|
|
1048
|
-
|
|
1049
|
-
const
|
|
1050
|
-
var
|
|
1133
|
+
be("design:type", Function),
|
|
1134
|
+
be("design:paramtypes", []),
|
|
1135
|
+
be("design:returntype", void 0)
|
|
1136
|
+
], Pe.prototype, "render", null);
|
|
1137
|
+
Pe.style = Vt;
|
|
1138
|
+
const qt = ':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}', Qt = qt;
|
|
1139
|
+
var Xt = function(e, t, n, i) {
|
|
1051
1140
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1052
1141
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1053
1142
|
s = Reflect.decorate(e, t, n, i);
|
|
1054
1143
|
else
|
|
1055
|
-
for (var
|
|
1056
|
-
(o = e[
|
|
1144
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
1145
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1057
1146
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1058
|
-
},
|
|
1147
|
+
}, me = function(e, t) {
|
|
1059
1148
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1060
1149
|
return Reflect.metadata(e, t);
|
|
1061
1150
|
};
|
|
@@ -1064,128 +1153,128 @@ const Re = class {
|
|
|
1064
1153
|
b(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
|
|
1065
1154
|
}
|
|
1066
1155
|
connectedCallback() {
|
|
1067
|
-
|
|
1156
|
+
r("nylas-event-info", "connectedCallback");
|
|
1068
1157
|
}
|
|
1069
1158
|
componentWillLoad() {
|
|
1070
|
-
|
|
1159
|
+
r("nylas-event-info", "componentWillLoad");
|
|
1071
1160
|
}
|
|
1072
1161
|
componentDidLoad() {
|
|
1073
|
-
|
|
1162
|
+
r("nylas-event-info", "componentDidLoad"), $e(["inputs"], this.el);
|
|
1074
1163
|
}
|
|
1075
1164
|
disconnectedCallback() {
|
|
1076
|
-
|
|
1165
|
+
r("nylas-event-info", "disconnectedCallback");
|
|
1077
1166
|
}
|
|
1078
1167
|
render() {
|
|
1079
|
-
return a(_, { key: "
|
|
1168
|
+
return a(_, { key: "8d738b19e05b2b5621b228a7ddeec85db4ab8ee2" }, a("nylas-form-card", { key: "f8c8431712b9471d4a019722ff7f1a395cb0785a" }, a("h1", { key: "e1ee67f24a74ce77916150b8d1b4a2a554dc1e66", slot: "header-title", class: "nylas-event-info__title" }, "Event information"), a("h3", { key: "22e2adc4233412849f1899ae57a0f62d2a2f3843", slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), a("div", { key: "b6bbad7b9337e89fff5be329e90aba3234b5f18d", slot: "content", class: "nylas-event-info__content" }, a("slot", { key: "ccc2d0238bdfaef93a22e8d4efacf50dd463bb23", name: "inputs" }))));
|
|
1080
1169
|
}
|
|
1081
1170
|
static get formAssociated() {
|
|
1082
1171
|
return !0;
|
|
1083
1172
|
}
|
|
1084
1173
|
get el() {
|
|
1085
|
-
return
|
|
1174
|
+
return x(this);
|
|
1086
1175
|
}
|
|
1087
1176
|
};
|
|
1088
|
-
|
|
1177
|
+
Xt([
|
|
1089
1178
|
C({
|
|
1090
1179
|
name: "nylas-event-info",
|
|
1091
1180
|
eventToProps: {},
|
|
1092
1181
|
fireRegisterEvent: !0
|
|
1093
1182
|
}),
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1183
|
+
me("design:type", Function),
|
|
1184
|
+
me("design:paramtypes", []),
|
|
1185
|
+
me("design:returntype", void 0)
|
|
1097
1186
|
], Re.prototype, "render", null);
|
|
1098
|
-
Re.style =
|
|
1099
|
-
const
|
|
1100
|
-
var
|
|
1187
|
+
Re.style = Qt;
|
|
1188
|
+
const en = ':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}', tn = en;
|
|
1189
|
+
var nn = function(e, t, n, i) {
|
|
1101
1190
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1102
1191
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1103
1192
|
s = Reflect.decorate(e, t, n, i);
|
|
1104
1193
|
else
|
|
1105
|
-
for (var
|
|
1106
|
-
(o = e[
|
|
1194
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
1195
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1107
1196
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1108
|
-
},
|
|
1197
|
+
}, ye = function(e, t) {
|
|
1109
1198
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1110
1199
|
return Reflect.metadata(e, t);
|
|
1111
1200
|
};
|
|
1112
|
-
const
|
|
1201
|
+
const je = class {
|
|
1113
1202
|
constructor(e) {
|
|
1114
1203
|
b(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
|
|
1115
1204
|
}
|
|
1116
1205
|
connectedCallback() {
|
|
1117
|
-
|
|
1206
|
+
r("nylas-event-limits", "connectedCallback");
|
|
1118
1207
|
}
|
|
1119
1208
|
componentWillLoad() {
|
|
1120
|
-
|
|
1209
|
+
r("nylas-event-limits", "componentWillLoad");
|
|
1121
1210
|
}
|
|
1122
1211
|
componentDidLoad() {
|
|
1123
|
-
|
|
1212
|
+
r("nylas-event-limits", "componentDidLoad"), $e(["inputs"], this.el);
|
|
1124
1213
|
}
|
|
1125
1214
|
disconnectedCallback() {
|
|
1126
|
-
|
|
1215
|
+
r("nylas-event-limits", "disconnectedCallback");
|
|
1127
1216
|
}
|
|
1128
1217
|
render() {
|
|
1129
|
-
return a(_, { key: "
|
|
1218
|
+
return a(_, { key: "4bd98acab9e8c89aa5870ccf5855f0a3fc15e6e6" }, a("nylas-form-card", { key: "612bb167b2eb99034f981202544838f058fe7e66" }, a("h1", { key: "a0b798be4246b0d091cd41042042d67d9be74654", slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), a("h3", { key: "e96a8b15d61f1113f0b247266de80177204a9594", slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), a("div", { key: "e0b352b1aaeeeae9701452004c8d53272c02c8e9", slot: "content", class: "nylas-event-limits__content" }, a("slot", { key: "8ce14c800d4f8dd7301213705a019bc1004d93d4", name: "inputs" }))));
|
|
1130
1219
|
}
|
|
1131
1220
|
static get formAssociated() {
|
|
1132
1221
|
return !0;
|
|
1133
1222
|
}
|
|
1134
1223
|
get el() {
|
|
1135
|
-
return
|
|
1224
|
+
return x(this);
|
|
1136
1225
|
}
|
|
1137
1226
|
};
|
|
1138
|
-
|
|
1227
|
+
nn([
|
|
1139
1228
|
C({
|
|
1140
1229
|
name: "nylas-event-limits",
|
|
1141
1230
|
eventToProps: {},
|
|
1142
1231
|
fireRegisterEvent: !0
|
|
1143
1232
|
}),
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
],
|
|
1148
|
-
|
|
1149
|
-
const
|
|
1150
|
-
var
|
|
1233
|
+
ye("design:type", Function),
|
|
1234
|
+
ye("design:paramtypes", []),
|
|
1235
|
+
ye("design:returntype", void 0)
|
|
1236
|
+
], je.prototype, "render", null);
|
|
1237
|
+
je.style = tn;
|
|
1238
|
+
const an = ':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}', sn = an;
|
|
1239
|
+
var ln = function(e, t, n, i) {
|
|
1151
1240
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1152
1241
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1153
1242
|
s = Reflect.decorate(e, t, n, i);
|
|
1154
1243
|
else
|
|
1155
|
-
for (var
|
|
1156
|
-
(o = e[
|
|
1244
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
1245
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1157
1246
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1158
|
-
},
|
|
1247
|
+
}, ge = function(e, t) {
|
|
1159
1248
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1160
1249
|
return Reflect.metadata(e, t);
|
|
1161
1250
|
};
|
|
1162
|
-
const
|
|
1251
|
+
const We = class {
|
|
1163
1252
|
constructor(e) {
|
|
1164
1253
|
b(this, e), this.valueChanged = k(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";
|
|
1165
1254
|
}
|
|
1166
1255
|
elementNameChangedHandler(e) {
|
|
1167
|
-
|
|
1256
|
+
r("nylas-event-location", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
1168
1257
|
}
|
|
1169
1258
|
selectedConfigurationChangedHandler(e, t) {
|
|
1170
1259
|
var i;
|
|
1171
|
-
|
|
1260
|
+
r("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t);
|
|
1172
1261
|
const n = (i = e == null ? void 0 : e.event_booking) == null ? void 0 : i.location;
|
|
1173
1262
|
n && (this.selectedLocationOption = n ? "custom" : "none", this.location = n);
|
|
1174
1263
|
}
|
|
1175
1264
|
eventLocationChangedHandler(e, t) {
|
|
1176
|
-
|
|
1265
|
+
r("nylas-event-location", "eventLocationChangedHandler", e), e !== t && (this.selectedLocationOption = e ? "custom" : "none");
|
|
1177
1266
|
}
|
|
1178
1267
|
connectedCallback() {
|
|
1179
|
-
|
|
1268
|
+
r("nylas-event-location", "connectedCallback");
|
|
1180
1269
|
}
|
|
1181
1270
|
componentWillLoad() {
|
|
1182
|
-
|
|
1271
|
+
r("nylas-event-location", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
1183
1272
|
}
|
|
1184
1273
|
componentDidLoad() {
|
|
1185
|
-
|
|
1274
|
+
r("nylas-event-location", "componentDidLoad");
|
|
1186
1275
|
}
|
|
1187
1276
|
disconnectedCallback() {
|
|
1188
|
-
|
|
1277
|
+
r("nylas-event-location", "disconnectedCallback");
|
|
1189
1278
|
}
|
|
1190
1279
|
nylasFormDropdownChangedHandler(e) {
|
|
1191
1280
|
this.selectedLocationOption = e.detail.value, this.selectedLocationOption === "none" && (this.location = "", this.setFormValue("", "location"), this.valueChanged.emit({ value: "", name: this.name }));
|
|
@@ -1194,7 +1283,7 @@ const ze = class {
|
|
|
1194
1283
|
typeof this.internals.setFormValue == "function" && this.internals.setFormValue(e, t);
|
|
1195
1284
|
}
|
|
1196
1285
|
handleChange(e) {
|
|
1197
|
-
const t =
|
|
1286
|
+
const t = q(e.target.value);
|
|
1198
1287
|
this.location = t, this.setFormValue(t, "location"), this.valueChanged.emit({ value: t, name: this.name });
|
|
1199
1288
|
}
|
|
1200
1289
|
render() {
|
|
@@ -1202,16 +1291,16 @@ const ze = class {
|
|
|
1202
1291
|
{ value: "none", label: "None" },
|
|
1203
1292
|
{ value: "custom", label: "Custom location" }
|
|
1204
1293
|
], t = {
|
|
1205
|
-
none: a("location-off-icon", { key: "
|
|
1206
|
-
custom: a("location-icon", { key: "
|
|
1294
|
+
none: a("location-off-icon", { key: "e39a3de4016f364d16d16489e23c5929f1912aa2" }),
|
|
1295
|
+
custom: a("location-icon", { key: "ff871a8ca7974401f2801c45b3096882d6ab159b" })
|
|
1207
1296
|
};
|
|
1208
|
-
return a(_, { key: "
|
|
1297
|
+
return a(_, { key: "cb8d5db9330e0bc55a260e812200e8f5338f54b6" }, a("div", { key: "522d05fbf3800885e70f2f427abefb3f9e580fe6", class: "nylas-event-location", part: "nel" }, a("label", { key: "7ab6905de1a4df4453c783a4e3c155681695fc7b", htmlFor: "location" }, "Location type", a("span", { key: "4d581262624b17301c1cce6104bf3d73101f4a43", class: "label-icon" }, a("tooltip-component", { key: "5ff2dbd32e34de47a8727fd8e60442a12943f08c" }, a("info-icon", { key: "39dce89e093228b1a96e74ffb62dd22981a6bdcd", slot: "tooltip-icon" }), a("span", { key: "69d64a3f59a6c6ba655a1816398dfdb052b90da4", 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: "f4baf4b56c8ed64527d281b9b4c5f4878773c549", class: "location-input" }, a("select-dropdown", { key: "ee38d116156616c711b1d43f6ec835d513ea9bbd", 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: "edaaf4764f2b15d18014537512db2492198723ac", 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) }))));
|
|
1209
1298
|
}
|
|
1210
1299
|
static get formAssociated() {
|
|
1211
1300
|
return !0;
|
|
1212
1301
|
}
|
|
1213
1302
|
get host() {
|
|
1214
|
-
return
|
|
1303
|
+
return x(this);
|
|
1215
1304
|
}
|
|
1216
1305
|
static get watchers() {
|
|
1217
1306
|
return {
|
|
@@ -1221,32 +1310,32 @@ const ze = class {
|
|
|
1221
1310
|
};
|
|
1222
1311
|
}
|
|
1223
1312
|
};
|
|
1224
|
-
|
|
1313
|
+
ln([
|
|
1225
1314
|
C({
|
|
1226
1315
|
name: "nylas-event-location",
|
|
1227
1316
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1228
1317
|
eventToProps: {},
|
|
1229
1318
|
fireRegisterEvent: !0
|
|
1230
1319
|
}),
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
],
|
|
1235
|
-
|
|
1236
|
-
const
|
|
1237
|
-
var
|
|
1320
|
+
ge("design:type", Function),
|
|
1321
|
+
ge("design:paramtypes", []),
|
|
1322
|
+
ge("design:returntype", void 0)
|
|
1323
|
+
], We.prototype, "render", null);
|
|
1324
|
+
We.style = sn;
|
|
1325
|
+
const on = ':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)}', rn = on;
|
|
1326
|
+
var dn = function(e, t, n, i) {
|
|
1238
1327
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1239
1328
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1240
1329
|
s = Reflect.decorate(e, t, n, i);
|
|
1241
1330
|
else
|
|
1242
|
-
for (var
|
|
1243
|
-
(o = e[
|
|
1331
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
1332
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1244
1333
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1245
|
-
},
|
|
1334
|
+
}, ve = function(e, t) {
|
|
1246
1335
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1247
1336
|
return Reflect.metadata(e, t);
|
|
1248
1337
|
};
|
|
1249
|
-
const
|
|
1338
|
+
const Be = class {
|
|
1250
1339
|
constructor(e) {
|
|
1251
1340
|
var t, n;
|
|
1252
1341
|
b(this, e), this.valueChanged = k(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 = Se.map((i) => ({
|
|
@@ -1256,11 +1345,11 @@ const je = class {
|
|
|
1256
1345
|
})), this.filteredTokens = this.availableTokens, this.ariaActivedescendant = "", this.currentWord = { $value: "", fullText: "", index: -1, focusOffset: -1 }, this.validationError = "";
|
|
1257
1346
|
}
|
|
1258
1347
|
elementNameChangedHandler(e) {
|
|
1259
|
-
|
|
1348
|
+
r("nylas-event-title", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
1260
1349
|
}
|
|
1261
1350
|
ariaActivedescendantChangedHandler(e) {
|
|
1262
1351
|
var t, n;
|
|
1263
|
-
if (
|
|
1352
|
+
if (r("nylas-event-title", "ariaActivedescendantChangedHandler", e), e !== "") {
|
|
1264
1353
|
const i = (t = this.host.shadowRoot) == null ? void 0 : t.getElementById(e);
|
|
1265
1354
|
i == null || i.classList.add("active");
|
|
1266
1355
|
} else {
|
|
@@ -1274,24 +1363,24 @@ const je = class {
|
|
|
1274
1363
|
t && this.updateEventTitleFromProp(t);
|
|
1275
1364
|
}
|
|
1276
1365
|
connectedCallback() {
|
|
1277
|
-
|
|
1366
|
+
r("nylas-event-title", "connectedCallback");
|
|
1278
1367
|
}
|
|
1279
1368
|
componentWillLoad() {
|
|
1280
|
-
|
|
1369
|
+
r("nylas-event-title", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
1281
1370
|
}
|
|
1282
1371
|
componentDidLoad() {
|
|
1283
|
-
|
|
1372
|
+
r("nylas-event-title", "componentDidLoad"), this.updateEventTitleFromProp(this.eventTitle || "");
|
|
1284
1373
|
}
|
|
1285
1374
|
disconnectedCallback() {
|
|
1286
|
-
|
|
1375
|
+
r("nylas-event-title", "disconnectedCallback");
|
|
1287
1376
|
}
|
|
1288
1377
|
formSubmittedHandler(e) {
|
|
1289
1378
|
var t, n;
|
|
1290
|
-
|
|
1379
|
+
r("nylas-event-title", "formSubmittedHandler", e), (n = (t = this.internals) == null ? void 0 : t.validity) != null && n.valid ? this.validationError = "" : this.validationError = "Event title is required";
|
|
1291
1380
|
}
|
|
1292
1381
|
updateEventTitleFromProp(e) {
|
|
1293
1382
|
var t, n;
|
|
1294
|
-
|
|
1383
|
+
r("nylas-event-title", "eventTitleChangedHandler", e), this.titleRef && (this.titleRef.innerHTML = this.highlightTokens(e), this.titleRef.focus(), typeof this.internals.setValidity == "function" && (e === "" ? (t = this.internals) == null || t.setValidity({ customError: !0 }, "Event title is required", this.titleRef) : (n = this.internals) == null || n.setValidity({ customError: !1 })));
|
|
1295
1384
|
}
|
|
1296
1385
|
highlightTokens(e) {
|
|
1297
1386
|
let t = e;
|
|
@@ -1302,37 +1391,37 @@ const je = class {
|
|
|
1302
1391
|
}
|
|
1303
1392
|
getCurrentSelectionForBrowser() {
|
|
1304
1393
|
var i, l, s;
|
|
1305
|
-
const e = (o,
|
|
1394
|
+
const e = (o, d, h, p) => {
|
|
1306
1395
|
const u = o.replace(/[\u200B-\u200D\uFEFF]/g, ""), g = u.lastIndexOf("$"), v = u.substring(g).split(" ")[0];
|
|
1307
1396
|
return {
|
|
1308
|
-
focusOffset:
|
|
1397
|
+
focusOffset: d,
|
|
1309
1398
|
dollarIndex: g,
|
|
1310
1399
|
lastWord: v,
|
|
1311
1400
|
currentText: u,
|
|
1312
1401
|
node: h,
|
|
1313
|
-
allSelected:
|
|
1402
|
+
allSelected: p
|
|
1314
1403
|
};
|
|
1315
1404
|
}, t = (o) => {
|
|
1316
|
-
var
|
|
1317
|
-
return o.anchorOffset === 0 && o.focusOffset === ((h = (
|
|
1405
|
+
var d, h;
|
|
1406
|
+
return o.anchorOffset === 0 && o.focusOffset === ((h = (d = o.focusNode) == null ? void 0 : d.nodeValue) == null ? void 0 : h.length);
|
|
1318
1407
|
};
|
|
1319
|
-
switch (
|
|
1408
|
+
switch (nt()) {
|
|
1320
1409
|
case "Chrome":
|
|
1321
|
-
const o = (i = this.host.shadowRoot) == null ? void 0 : i.getSelection(),
|
|
1322
|
-
return e(h, (o == null ? void 0 : o.focusOffset) || -1,
|
|
1410
|
+
const o = (i = this.host.shadowRoot) == null ? void 0 : i.getSelection(), d = o == null ? void 0 : o.focusNode, h = (d == null ? void 0 : d.nodeValue) || "", p = o && t(o);
|
|
1411
|
+
return e(h, (o == null ? void 0 : o.focusOffset) || -1, d, p);
|
|
1323
1412
|
case "Firefox":
|
|
1324
1413
|
const u = document.getSelection(), g = ((l = u == null ? void 0 : u.anchorNode) == null ? void 0 : l.nodeValue) || "", v = u && t(u);
|
|
1325
1414
|
return e(g, (u == null ? void 0 : u.focusOffset) || -1, u == null ? void 0 : u.anchorNode, v);
|
|
1326
1415
|
case "Safari":
|
|
1327
|
-
const
|
|
1328
|
-
return e(c, (
|
|
1416
|
+
const O = window.getSelection(), w = O == null ? void 0 : O.getComposedRanges(this.host.shadowRoot)[0], c = ((s = w == null ? void 0 : w.startContainer) == null ? void 0 : s.nodeValue) || "", f = O && t(O);
|
|
1417
|
+
return e(c, (w == null ? void 0 : w.endOffset) || -1, w == null ? void 0 : w.startContainer, f);
|
|
1329
1418
|
default:
|
|
1330
1419
|
return console.warn("Browser not supported"), null;
|
|
1331
1420
|
}
|
|
1332
1421
|
}
|
|
1333
1422
|
handleChange(e) {
|
|
1334
1423
|
let t = e.target.textContent || "";
|
|
1335
|
-
t =
|
|
1424
|
+
t = q(t);
|
|
1336
1425
|
const n = this.getCurrentSelectionForBrowser();
|
|
1337
1426
|
if (!n) {
|
|
1338
1427
|
this.updateEventTitle(t), this.resetDropdown();
|
|
@@ -1353,7 +1442,7 @@ const je = class {
|
|
|
1353
1442
|
handleInputKeyDown(e) {
|
|
1354
1443
|
var n, i, l, s;
|
|
1355
1444
|
const t = this.getCurrentSelectionForBrowser();
|
|
1356
|
-
if (t != null && t.allSelected && !
|
|
1445
|
+
if (t != null && t.allSelected && !et(e) && (this.titleRef.innerHTML = ""), e.key === "Enter") {
|
|
1357
1446
|
e.preventDefault();
|
|
1358
1447
|
const o = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(this.ariaActivedescendant);
|
|
1359
1448
|
o && (o.click(), this.ariaActivedescendant = "");
|
|
@@ -1361,16 +1450,16 @@ const je = class {
|
|
|
1361
1450
|
e.preventDefault();
|
|
1362
1451
|
const o = (i = this.host.shadowRoot) == null ? void 0 : i.getElementById(this.ariaActivedescendant);
|
|
1363
1452
|
if (o) {
|
|
1364
|
-
const
|
|
1365
|
-
|
|
1453
|
+
const d = o.nextElementSibling;
|
|
1454
|
+
d ? this.ariaActivedescendant = d.id : this.ariaActivedescendant = this.filteredTokens[0].label;
|
|
1366
1455
|
} else
|
|
1367
1456
|
this.ariaActivedescendant = this.filteredTokens[0].label;
|
|
1368
1457
|
} else if (e.key === "ArrowUp") {
|
|
1369
1458
|
e.preventDefault();
|
|
1370
1459
|
const o = (l = this.host.shadowRoot) == null ? void 0 : l.getElementById(this.ariaActivedescendant);
|
|
1371
1460
|
if (o) {
|
|
1372
|
-
const
|
|
1373
|
-
|
|
1461
|
+
const d = o.previousElementSibling;
|
|
1462
|
+
d ? this.ariaActivedescendant = d.id : this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
|
|
1374
1463
|
} else
|
|
1375
1464
|
this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
|
|
1376
1465
|
} else
|
|
@@ -1383,8 +1472,8 @@ const je = class {
|
|
|
1383
1472
|
let l = this.titleRef.firstChild, s = null;
|
|
1384
1473
|
for (; l; ) {
|
|
1385
1474
|
if (l.nodeType === 3) {
|
|
1386
|
-
const
|
|
1387
|
-
if (
|
|
1475
|
+
const f = ((c = l.textContent) == null ? void 0 : c.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", m = n.replace(/[\u200B-\u200D\uFEFF]/g, "");
|
|
1476
|
+
if (f.includes(m)) {
|
|
1388
1477
|
s = l;
|
|
1389
1478
|
break;
|
|
1390
1479
|
}
|
|
@@ -1393,18 +1482,18 @@ const je = class {
|
|
|
1393
1482
|
}
|
|
1394
1483
|
if (!s)
|
|
1395
1484
|
return;
|
|
1396
|
-
const o = s.textContent || "",
|
|
1485
|
+
const o = s.textContent || "", d = o.indexOf(i), h = o.substring(0, d), p = o.substring(d + i.length), u = document.createTextNode(h), g = document.createRange(), v = document.createElement("span");
|
|
1397
1486
|
v.classList.add("highlighted-tag"), v.textContent = `${t.value}`;
|
|
1398
|
-
const
|
|
1399
|
-
if (
|
|
1400
|
-
s.replaceWith(u, v,
|
|
1487
|
+
const O = document.createTextNode(p);
|
|
1488
|
+
if (p !== "")
|
|
1489
|
+
s.replaceWith(u, v, O), g.setStart(O, 1);
|
|
1401
1490
|
else {
|
|
1402
|
-
const
|
|
1403
|
-
s.replaceWith(u, v,
|
|
1491
|
+
const f = document.createTextNode("");
|
|
1492
|
+
s.replaceWith(u, v, f), g.setStart(f, 1);
|
|
1404
1493
|
}
|
|
1405
1494
|
this.resetDropdown(), this.titleRef.focus();
|
|
1406
|
-
const
|
|
1407
|
-
g.collapse(!0),
|
|
1495
|
+
const w = window.getSelection();
|
|
1496
|
+
g.collapse(!0), w == null || w.removeAllRanges(), w == null || w.addRange(g), this.updateEventTitle(this.titleRef.textContent || "");
|
|
1408
1497
|
}
|
|
1409
1498
|
populateSuggestionsDropdown(e = "") {
|
|
1410
1499
|
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);
|
|
@@ -1431,7 +1520,7 @@ const je = class {
|
|
|
1431
1520
|
return !0;
|
|
1432
1521
|
}
|
|
1433
1522
|
get host() {
|
|
1434
|
-
return
|
|
1523
|
+
return x(this);
|
|
1435
1524
|
}
|
|
1436
1525
|
static get watchers() {
|
|
1437
1526
|
return {
|
|
@@ -1441,37 +1530,37 @@ const je = class {
|
|
|
1441
1530
|
};
|
|
1442
1531
|
}
|
|
1443
1532
|
};
|
|
1444
|
-
|
|
1533
|
+
dn([
|
|
1445
1534
|
C({
|
|
1446
1535
|
name: "nylas-event-title",
|
|
1447
1536
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1448
1537
|
eventToProps: {},
|
|
1449
1538
|
fireRegisterEvent: !0
|
|
1450
1539
|
}),
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
],
|
|
1455
|
-
|
|
1456
|
-
const
|
|
1457
|
-
var
|
|
1540
|
+
ve("design:type", Function),
|
|
1541
|
+
ve("design:paramtypes", []),
|
|
1542
|
+
ve("design:returntype", void 0)
|
|
1543
|
+
], Be.prototype, "render", null);
|
|
1544
|
+
Be.style = rn;
|
|
1545
|
+
const cn = ':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}', pn = cn;
|
|
1546
|
+
var fn = function(e, t, n, i) {
|
|
1458
1547
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1459
1548
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1460
1549
|
s = Reflect.decorate(e, t, n, i);
|
|
1461
1550
|
else
|
|
1462
|
-
for (var
|
|
1463
|
-
(o = e[
|
|
1551
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
1552
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1464
1553
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1465
|
-
},
|
|
1554
|
+
}, ke = function(e, t) {
|
|
1466
1555
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1467
1556
|
return Reflect.metadata(e, t);
|
|
1468
1557
|
};
|
|
1469
|
-
const
|
|
1558
|
+
const Ze = class {
|
|
1470
1559
|
constructor(e) {
|
|
1471
1560
|
b(this, e), this.valueChanged = k(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";
|
|
1472
1561
|
}
|
|
1473
1562
|
elementNameChangedHandler(e) {
|
|
1474
|
-
|
|
1563
|
+
r("nylas-limit-future-bookings", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
1475
1564
|
}
|
|
1476
1565
|
selectedConfigurationChangedHandler(e) {
|
|
1477
1566
|
var n;
|
|
@@ -1482,17 +1571,17 @@ const Be = class {
|
|
|
1482
1571
|
this.updateNumberAndPeriodFromDays(e);
|
|
1483
1572
|
}
|
|
1484
1573
|
connectedCallback() {
|
|
1485
|
-
|
|
1574
|
+
r("nylas-limit-future-bookings", "connectedCallback");
|
|
1486
1575
|
}
|
|
1487
1576
|
componentWillLoad() {
|
|
1488
|
-
|
|
1577
|
+
r("nylas-limit-future-bookings", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
1489
1578
|
}
|
|
1490
1579
|
componentDidLoad() {
|
|
1491
1580
|
var e;
|
|
1492
|
-
|
|
1581
|
+
r("nylas-limit-future-bookings", "componentDidLoad"), this.availableDaysInFutureChanged(this.availableDaysInFuture ?? 1), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(((e = this.availableDaysInFuture) == null ? void 0 : e.toString()) ?? "1", this.name);
|
|
1493
1582
|
}
|
|
1494
1583
|
disconnectedCallback() {
|
|
1495
|
-
|
|
1584
|
+
r("nylas-limit-future-bookings", "disconnectedCallback");
|
|
1496
1585
|
}
|
|
1497
1586
|
timePeriodChangedHandler(e) {
|
|
1498
1587
|
const { number: t, period: n } = e.detail;
|
|
@@ -1504,13 +1593,13 @@ const Be = class {
|
|
|
1504
1593
|
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;
|
|
1505
1594
|
}
|
|
1506
1595
|
render() {
|
|
1507
|
-
return a(_, { key: "
|
|
1596
|
+
return a(_, { key: "2c6b73be6a96ed0d4bdce35995608ba6edb0c699" }, a("div", { key: "0408bfa175effeba479a4653be178a4169557ad1", class: "nylas-limit-future-bookings", part: "nlfb" }, a("label", { key: "a7fef8092b1c05b3ca9db8164ed9d2517f589f65" }, "Limit future bookings", a("span", { key: "328b8e96e4020622b346f273c2dea1b3ad91261b", class: "label-icon" }, a("tooltip-component", { key: "a9446903691a6caf6416fa7b02ccf7ade89baeb0" }, a("info-icon", { key: "1fda9c577f7298f195de760892381a7d64e3b72c", slot: "tooltip-icon" }), a("span", { key: "d6efca56eaeaf190d4d09a904a8e1f835dcec659", slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), a("time-period-selector", { key: "7348ab27b2aa85e3b41740e517b9b5b17e06f03c", id: "limit-future-bookings", timePeriods: ["day", "week", "month"], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
|
|
1508
1597
|
}
|
|
1509
1598
|
static get formAssociated() {
|
|
1510
1599
|
return !0;
|
|
1511
1600
|
}
|
|
1512
1601
|
get host() {
|
|
1513
|
-
return
|
|
1602
|
+
return x(this);
|
|
1514
1603
|
}
|
|
1515
1604
|
static get watchers() {
|
|
1516
1605
|
return {
|
|
@@ -1520,37 +1609,37 @@ const Be = class {
|
|
|
1520
1609
|
};
|
|
1521
1610
|
}
|
|
1522
1611
|
};
|
|
1523
|
-
|
|
1612
|
+
fn([
|
|
1524
1613
|
C({
|
|
1525
1614
|
name: "nylas-limit-future-bookings",
|
|
1526
1615
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1527
1616
|
eventToProps: {},
|
|
1528
1617
|
fireRegisterEvent: !0
|
|
1529
1618
|
}),
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
],
|
|
1534
|
-
|
|
1535
|
-
const
|
|
1536
|
-
var
|
|
1619
|
+
ke("design:type", Function),
|
|
1620
|
+
ke("design:paramtypes", []),
|
|
1621
|
+
ke("design:returntype", void 0)
|
|
1622
|
+
], Ze.prototype, "render", null);
|
|
1623
|
+
Ze.style = pn;
|
|
1624
|
+
const un = ':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}', hn = un;
|
|
1625
|
+
var bn = function(e, t, n, i) {
|
|
1537
1626
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1538
1627
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1539
1628
|
s = Reflect.decorate(e, t, n, i);
|
|
1540
1629
|
else
|
|
1541
|
-
for (var
|
|
1542
|
-
(o = e[
|
|
1630
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
1631
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1543
1632
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1544
|
-
},
|
|
1633
|
+
}, _e = function(e, t) {
|
|
1545
1634
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1546
1635
|
return Reflect.metadata(e, t);
|
|
1547
1636
|
};
|
|
1548
|
-
const
|
|
1637
|
+
const Ue = class {
|
|
1549
1638
|
constructor(e) {
|
|
1550
1639
|
b(this, e), this.valueChanged = k(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";
|
|
1551
1640
|
}
|
|
1552
1641
|
elementNameChangedHandler(e) {
|
|
1553
|
-
|
|
1642
|
+
r("nylas-min-booking-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
1554
1643
|
}
|
|
1555
1644
|
selectedConfigurationChangedHandler(e) {
|
|
1556
1645
|
var n;
|
|
@@ -1561,36 +1650,36 @@ const We = class {
|
|
|
1561
1650
|
this.updateNumberAndPeriodFromMinutes(e);
|
|
1562
1651
|
}
|
|
1563
1652
|
connectedCallback() {
|
|
1564
|
-
|
|
1653
|
+
r("nylas-min-booking-notice", "connectedCallback");
|
|
1565
1654
|
}
|
|
1566
1655
|
componentWillLoad() {
|
|
1567
|
-
|
|
1656
|
+
r("nylas-min-booking-notice", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
1568
1657
|
}
|
|
1569
1658
|
componentDidLoad() {
|
|
1570
1659
|
var e;
|
|
1571
|
-
|
|
1660
|
+
r("nylas-min-booking-notice", "componentDidLoad"), this.availableDaysInFutureChanged(this.minBookingNotice ?? 1), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(((e = this.minBookingNotice) == null ? void 0 : e.toString()) ?? "1", this.name);
|
|
1572
1661
|
}
|
|
1573
1662
|
disconnectedCallback() {
|
|
1574
|
-
|
|
1663
|
+
r("nylas-min-booking-notice", "disconnectedCallback");
|
|
1575
1664
|
}
|
|
1576
1665
|
timePeriodChangedHandler(e) {
|
|
1577
1666
|
const { number: t, period: n } = e.detail;
|
|
1578
1667
|
let i;
|
|
1579
|
-
const l = 60, s = l * 24, o = s * 7,
|
|
1580
|
-
n === "minute" ? i = t : n === "hour" ? i = t * l : n === "day" ? i = t * s : n === "week" ? i = t * o : n === "month" ? i = t *
|
|
1668
|
+
const l = 60, s = l * 24, o = s * 7, d = s * 30;
|
|
1669
|
+
n === "minute" ? i = t : n === "hour" ? i = t * l : n === "day" ? i = t * s : n === "week" ? i = t * o : n === "month" ? i = t * d : i = 0, this.valueChanged.emit({ value: i, name: "minBookingNotice" }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(i.toString(), this.name);
|
|
1581
1670
|
}
|
|
1582
1671
|
updateNumberAndPeriodFromMinutes(e) {
|
|
1583
1672
|
let s, o;
|
|
1584
1673
|
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;
|
|
1585
1674
|
}
|
|
1586
1675
|
render() {
|
|
1587
|
-
return a(_, { key: "
|
|
1676
|
+
return a(_, { key: "aabf96ed8c0a4f124ab36c48788650cd58c287cb" }, a("div", { key: "d5b39e2a0a0837997e8eed19708d24bc213c03a8", class: "nylas-min-booking-notice", part: "nmbn" }, a("label", { key: "326d8374eea2f2bcd8beb22be8bb0f74ed7b63ab" }, "Minimum booking notice", a("span", { key: "6722f861efdee44774331f62eca0260fb8e3e241", class: "label-icon" }, a("tooltip-component", { key: "54f26a271650e81c9e91c9b7fcef707bb7dea27e" }, a("info-icon", { key: "7f941710f9d8442c69cfa0b893fd73a3ba92acfd", slot: "tooltip-icon" }), a("span", { key: "fbe57ec513dae8f7db343960e58a8f74328f39c2", slot: "tooltip-content" }, "The minimum amount of time in the future for planning the event.")))), a("time-period-selector", { key: "353894c36a20314eb6d75a93ae5b15b616317b98", id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
|
|
1588
1677
|
}
|
|
1589
1678
|
static get formAssociated() {
|
|
1590
1679
|
return !0;
|
|
1591
1680
|
}
|
|
1592
1681
|
get host() {
|
|
1593
|
-
return
|
|
1682
|
+
return x(this);
|
|
1594
1683
|
}
|
|
1595
1684
|
static get watchers() {
|
|
1596
1685
|
return {
|
|
@@ -1600,37 +1689,37 @@ const We = class {
|
|
|
1600
1689
|
};
|
|
1601
1690
|
}
|
|
1602
1691
|
};
|
|
1603
|
-
|
|
1692
|
+
bn([
|
|
1604
1693
|
C({
|
|
1605
1694
|
name: "nylas-min-booking-notice",
|
|
1606
1695
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
1607
1696
|
eventToProps: {},
|
|
1608
1697
|
fireRegisterEvent: !0
|
|
1609
1698
|
}),
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
],
|
|
1614
|
-
|
|
1615
|
-
const
|
|
1616
|
-
var
|
|
1699
|
+
_e("design:type", Function),
|
|
1700
|
+
_e("design:paramtypes", []),
|
|
1701
|
+
_e("design:returntype", void 0)
|
|
1702
|
+
], Ue.prototype, "render", null);
|
|
1703
|
+
Ue.style = hn;
|
|
1704
|
+
const mn = ':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}', yn = mn;
|
|
1705
|
+
var gn = function(e, t, n, i) {
|
|
1617
1706
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
1618
1707
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
1619
1708
|
s = Reflect.decorate(e, t, n, i);
|
|
1620
1709
|
else
|
|
1621
|
-
for (var
|
|
1622
|
-
(o = e[
|
|
1710
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
1711
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
1623
1712
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
1624
1713
|
}, xe = function(e, t) {
|
|
1625
1714
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
1626
1715
|
return Reflect.metadata(e, t);
|
|
1627
1716
|
};
|
|
1628
|
-
const
|
|
1717
|
+
const Ye = class {
|
|
1629
1718
|
constructor(e) {
|
|
1630
1719
|
b(this, e), this.valueChanged = k(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";
|
|
1631
1720
|
}
|
|
1632
1721
|
elementNameChangedHandler(e) {
|
|
1633
|
-
|
|
1722
|
+
r("nylas-min-cancellation-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
1634
1723
|
}
|
|
1635
1724
|
selectedConfigurationChangedHandler(e) {
|
|
1636
1725
|
var n;
|
|
@@ -1641,36 +1730,36 @@ const Ue = class {
|
|
|
1641
1730
|
this.updateNumberAndPeriodFromMinutes(e);
|
|
1642
1731
|
}
|
|
1643
1732
|
connectedCallback() {
|
|
1644
|
-
|
|
1733
|
+
r("nylas-min-cancellation-notice", "connectedCallback");
|
|
1645
1734
|
}
|
|
1646
1735
|
componentWillLoad() {
|
|
1647
|
-
|
|
1736
|
+
r("nylas-min-cancellation-notice", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
1648
1737
|
}
|
|
1649
1738
|
componentDidLoad() {
|
|
1650
1739
|
var e;
|
|
1651
|
-
|
|
1740
|
+
r("nylas-min-cancellation-notice", "componentDidLoad"), this.availableDaysInFutureChanged(this.minCancellationNotice ?? 1), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(((e = this.minCancellationNotice) == null ? void 0 : e.toString()) ?? "1", this.name);
|
|
1652
1741
|
}
|
|
1653
1742
|
disconnectedCallback() {
|
|
1654
|
-
|
|
1743
|
+
r("nylas-min-cancellation-notice", "disconnectedCallback");
|
|
1655
1744
|
}
|
|
1656
1745
|
timePeriodChangedHandler(e) {
|
|
1657
1746
|
const { number: t, period: n } = e.detail;
|
|
1658
1747
|
let i;
|
|
1659
|
-
const l = 60, s = l * 24, o = s * 7,
|
|
1660
|
-
n === "minute" ? i = t : n === "hour" ? i = t * l : n === "day" ? i = t * s : n === "week" ? i = t * o : n === "month" ? i = t *
|
|
1748
|
+
const l = 60, s = l * 24, o = s * 7, d = s * 30;
|
|
1749
|
+
n === "minute" ? i = t : n === "hour" ? i = t * l : n === "day" ? i = t * s : n === "week" ? i = t * o : n === "month" ? i = t * d : i = 0, this.valueChanged.emit({ value: i, name: "minCancellationNotice" }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(i.toString(), this.name);
|
|
1661
1750
|
}
|
|
1662
1751
|
updateNumberAndPeriodFromMinutes(e) {
|
|
1663
1752
|
let s, o;
|
|
1664
1753
|
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;
|
|
1665
1754
|
}
|
|
1666
1755
|
render() {
|
|
1667
|
-
return a(_, { key: "
|
|
1756
|
+
return a(_, { key: "3ee0dbd86e7d53dcc7f95807eed480663673acee" }, a("div", { key: "83d71bcb1fe714766ab49f13643f2c4571e130da", class: "nylas-min-cancellation-notice", part: "nmcn" }, a("label", { key: "643a6e3a8be08f647cc3074c0e1473686f7f0ad5" }, "Minimum cancellation notice", a("span", { key: "f66c36b03e7d51bf2f5dcf5cc5c22143290768e1", class: "label-icon" }, a("tooltip-component", { key: "96ec38cd3e126c16cc51b9831ac205645cbe841d" }, a("info-icon", { key: "a44ddbb0876bbc99129b0ba2c3622789613cb724", slot: "tooltip-icon" }), a("span", { key: "b982780e6797311f12343fa63c376f16e925347d", slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), a("time-period-selector", { key: "fec77a977146df83263a257c1f09dd868782125b", id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
|
|
1668
1757
|
}
|
|
1669
1758
|
static get formAssociated() {
|
|
1670
1759
|
return !0;
|
|
1671
1760
|
}
|
|
1672
1761
|
get host() {
|
|
1673
|
-
return
|
|
1762
|
+
return x(this);
|
|
1674
1763
|
}
|
|
1675
1764
|
static get watchers() {
|
|
1676
1765
|
return {
|
|
@@ -1680,7 +1769,7 @@ const Ue = class {
|
|
|
1680
1769
|
};
|
|
1681
1770
|
}
|
|
1682
1771
|
};
|
|
1683
|
-
|
|
1772
|
+
gn([
|
|
1684
1773
|
C({
|
|
1685
1774
|
name: "nylas-min-cancellation-notice",
|
|
1686
1775
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
@@ -1690,41 +1779,41 @@ un([
|
|
|
1690
1779
|
xe("design:type", Function),
|
|
1691
1780
|
xe("design:paramtypes", []),
|
|
1692
1781
|
xe("design:returntype", void 0)
|
|
1693
|
-
],
|
|
1694
|
-
|
|
1695
|
-
var
|
|
1782
|
+
], Ye.prototype, "render", null);
|
|
1783
|
+
Ye.style = yn;
|
|
1784
|
+
var Ge = { exports: {} };
|
|
1696
1785
|
(function(e, t) {
|
|
1697
1786
|
(function(n, i) {
|
|
1698
1787
|
e.exports = i();
|
|
1699
|
-
})(
|
|
1700
|
-
var n = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, i = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, l = /\d\d/, s = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/,
|
|
1788
|
+
})(tt, function() {
|
|
1789
|
+
var n = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, i = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, l = /\d\d/, s = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/, d = {}, h = function(c) {
|
|
1701
1790
|
return (c = +c) + (c > 68 ? 1900 : 2e3);
|
|
1702
|
-
},
|
|
1703
|
-
return function(
|
|
1704
|
-
this[c] = +
|
|
1791
|
+
}, p = function(c) {
|
|
1792
|
+
return function(f) {
|
|
1793
|
+
this[c] = +f;
|
|
1705
1794
|
};
|
|
1706
1795
|
}, u = [/[+-]\d\d:?(\d\d)?|Z/, function(c) {
|
|
1707
|
-
(this.zone || (this.zone = {})).offset = function(
|
|
1708
|
-
if (!
|
|
1796
|
+
(this.zone || (this.zone = {})).offset = function(f) {
|
|
1797
|
+
if (!f || f === "Z")
|
|
1709
1798
|
return 0;
|
|
1710
|
-
var m =
|
|
1799
|
+
var m = f.match(/([+-]|\d\d)/g), y = 60 * m[1] + (+m[2] || 0);
|
|
1711
1800
|
return y === 0 ? 0 : m[0] === "+" ? -y : y;
|
|
1712
1801
|
}(c);
|
|
1713
1802
|
}], g = function(c) {
|
|
1714
|
-
var
|
|
1715
|
-
return
|
|
1716
|
-
}, v = function(c,
|
|
1717
|
-
var m, y =
|
|
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;
|
|
1718
1807
|
if (y) {
|
|
1719
|
-
for (var
|
|
1720
|
-
if (c.indexOf(y(
|
|
1721
|
-
m =
|
|
1808
|
+
for (var S = 1; S <= 24; S += 1)
|
|
1809
|
+
if (c.indexOf(y(S, 0, f)) > -1) {
|
|
1810
|
+
m = S > 12;
|
|
1722
1811
|
break;
|
|
1723
1812
|
}
|
|
1724
1813
|
} else
|
|
1725
|
-
m = c === (
|
|
1814
|
+
m = c === (f ? "pm" : "PM");
|
|
1726
1815
|
return m;
|
|
1727
|
-
},
|
|
1816
|
+
}, O = { A: [o, function(c) {
|
|
1728
1817
|
this.afternoon = v(c, !1);
|
|
1729
1818
|
}], a: [o, function(c) {
|
|
1730
1819
|
this.afternoon = v(c, !0);
|
|
@@ -1734,82 +1823,82 @@ var Ze = { exports: {} };
|
|
|
1734
1823
|
this.milliseconds = 10 * +c;
|
|
1735
1824
|
}], SSS: [/\d{3}/, function(c) {
|
|
1736
1825
|
this.milliseconds = +c;
|
|
1737
|
-
}], s: [s,
|
|
1738
|
-
var
|
|
1739
|
-
if (this.day = m[0],
|
|
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)
|
|
1740
1829
|
for (var y = 1; y <= 31; y += 1)
|
|
1741
|
-
|
|
1742
|
-
}], M: [s,
|
|
1743
|
-
var
|
|
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) {
|
|
1744
1833
|
return y.slice(0, 3);
|
|
1745
1834
|
})).indexOf(c) + 1;
|
|
1746
1835
|
if (m < 1)
|
|
1747
1836
|
throw new Error();
|
|
1748
1837
|
this.month = m % 12 || m;
|
|
1749
1838
|
}], MMMM: [o, function(c) {
|
|
1750
|
-
var
|
|
1751
|
-
if (
|
|
1839
|
+
var f = g("months").indexOf(c) + 1;
|
|
1840
|
+
if (f < 1)
|
|
1752
1841
|
throw new Error();
|
|
1753
|
-
this.month =
|
|
1754
|
-
}], Y: [/[+-]?\d+/,
|
|
1842
|
+
this.month = f % 12 || f;
|
|
1843
|
+
}], Y: [/[+-]?\d+/, p("year")], YY: [l, function(c) {
|
|
1755
1844
|
this.year = h(c);
|
|
1756
|
-
}], YYYY: [/\d{4}/,
|
|
1757
|
-
function
|
|
1758
|
-
var
|
|
1759
|
-
|
|
1760
|
-
for (var y = (c =
|
|
1761
|
-
var T =
|
|
1762
|
-
return L || m[
|
|
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) {
|
|
1763
1852
|
return A || P.slice(1);
|
|
1764
1853
|
});
|
|
1765
|
-
})).match(i),
|
|
1766
|
-
var Y = y[
|
|
1767
|
-
y[
|
|
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, "");
|
|
1768
1857
|
}
|
|
1769
|
-
return function(
|
|
1770
|
-
for (var L = {},
|
|
1771
|
-
var M = y[
|
|
1858
|
+
return function(z) {
|
|
1859
|
+
for (var L = {}, D = 0, T = 0; D < S; D += 1) {
|
|
1860
|
+
var M = y[D];
|
|
1772
1861
|
if (typeof M == "string")
|
|
1773
1862
|
T += M.length;
|
|
1774
1863
|
else {
|
|
1775
|
-
var A = M.regex, P = M.parser, G =
|
|
1776
|
-
P.call(L, j),
|
|
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, "");
|
|
1777
1866
|
}
|
|
1778
1867
|
}
|
|
1779
|
-
return function(
|
|
1780
|
-
var I =
|
|
1868
|
+
return function(R) {
|
|
1869
|
+
var I = R.afternoon;
|
|
1781
1870
|
if (I !== void 0) {
|
|
1782
|
-
var
|
|
1783
|
-
I ?
|
|
1871
|
+
var W = R.hours;
|
|
1872
|
+
I ? W < 12 && (R.hours += 12) : W === 12 && (R.hours = 0), delete R.afternoon;
|
|
1784
1873
|
}
|
|
1785
1874
|
}(L), L;
|
|
1786
1875
|
};
|
|
1787
1876
|
}
|
|
1788
|
-
return function(c,
|
|
1877
|
+
return function(c, f, m) {
|
|
1789
1878
|
m.p.customParseFormat = !0, c && c.parseTwoDigitYear && (h = c.parseTwoDigitYear);
|
|
1790
|
-
var y =
|
|
1791
|
-
y.parse = function(
|
|
1792
|
-
var Y =
|
|
1879
|
+
var y = f.prototype, S = y.parse;
|
|
1880
|
+
y.parse = function($) {
|
|
1881
|
+
var Y = $.date, F = $.utc, E = $.args;
|
|
1793
1882
|
this.$u = F;
|
|
1794
|
-
var H =
|
|
1883
|
+
var H = E[1];
|
|
1795
1884
|
if (typeof H == "string") {
|
|
1796
|
-
var
|
|
1797
|
-
L && (T =
|
|
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) {
|
|
1798
1887
|
try {
|
|
1799
1888
|
if (["x", "X"].indexOf(j) > -1)
|
|
1800
1889
|
return new Date((j === "X" ? 1e3 : 1) * G);
|
|
1801
|
-
var I =
|
|
1802
|
-
|
|
1803
|
-
var te =
|
|
1804
|
-
return
|
|
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);
|
|
1805
1894
|
} catch {
|
|
1806
1895
|
return /* @__PURE__ */ new Date("");
|
|
1807
1896
|
}
|
|
1808
|
-
}(Y, H, F), this.init(), T && T !== !0 && (this.$L = this.locale(T).$L),
|
|
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 = {};
|
|
1809
1898
|
} else if (H instanceof Array)
|
|
1810
1899
|
for (var M = H.length, A = 1; A <= M; A += 1) {
|
|
1811
|
-
|
|
1812
|
-
var P = m.apply(this,
|
|
1900
|
+
E[1] = H[A - 1];
|
|
1901
|
+
var P = m.apply(this, E);
|
|
1813
1902
|
if (P.isValid()) {
|
|
1814
1903
|
this.$d = P.$d, this.$L = P.$L, this.init();
|
|
1815
1904
|
break;
|
|
@@ -1817,14 +1906,14 @@ var Ze = { exports: {} };
|
|
|
1817
1906
|
A === M && (this.$d = /* @__PURE__ */ new Date(""));
|
|
1818
1907
|
}
|
|
1819
1908
|
else
|
|
1820
|
-
|
|
1909
|
+
S.call(this, $);
|
|
1821
1910
|
};
|
|
1822
1911
|
};
|
|
1823
1912
|
});
|
|
1824
|
-
})(
|
|
1825
|
-
const
|
|
1826
|
-
|
|
1827
|
-
const
|
|
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 {
|
|
1828
1917
|
constructor(e) {
|
|
1829
1918
|
b(this, e), this.timeChange = k(this, "timeChange", 7), this.formError = k(this, "formError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
|
|
1830
1919
|
}
|
|
@@ -1833,10 +1922,10 @@ const yn = class {
|
|
|
1833
1922
|
}
|
|
1834
1923
|
minimumStartTimeChangedHandler() {
|
|
1835
1924
|
if (this.minimumStartTime) {
|
|
1836
|
-
let e =
|
|
1925
|
+
let e = U().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4, -2)));
|
|
1837
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();
|
|
1838
|
-
const t =
|
|
1839
|
-
|
|
1927
|
+
const t = U(this.times[0].value, "hh:mma");
|
|
1928
|
+
U(this.time, "hh:mma").isBefore(t) && (this.err = "Invalid", this.formError.emit({
|
|
1840
1929
|
key: this.el.id,
|
|
1841
1930
|
message: "Invalid"
|
|
1842
1931
|
}));
|
|
@@ -1876,14 +1965,14 @@ const yn = class {
|
|
|
1876
1965
|
return;
|
|
1877
1966
|
}
|
|
1878
1967
|
if (t === "") {
|
|
1879
|
-
const i =
|
|
1968
|
+
const i = Ie().format("hh:mma");
|
|
1880
1969
|
this.timeChange.emit({
|
|
1881
1970
|
key: this.el.id,
|
|
1882
1971
|
value: i
|
|
1883
1972
|
});
|
|
1884
1973
|
return;
|
|
1885
1974
|
}
|
|
1886
|
-
if (!
|
|
1975
|
+
if (!Oe(t)) {
|
|
1887
1976
|
const i = se(t);
|
|
1888
1977
|
this.timeChange.emit({
|
|
1889
1978
|
key: this.el.id,
|
|
@@ -1901,11 +1990,11 @@ const yn = class {
|
|
|
1901
1990
|
const t = (n = e.target) == null ? void 0 : n.value;
|
|
1902
1991
|
if (le(t)) {
|
|
1903
1992
|
if (t === "") {
|
|
1904
|
-
const i =
|
|
1993
|
+
const i = Ie().format("hh:mma"), l = this.times.findIndex((s) => s.value === i);
|
|
1905
1994
|
l > -1 && this.scrollToViewWithinParent(l);
|
|
1906
1995
|
return;
|
|
1907
1996
|
}
|
|
1908
|
-
if (!
|
|
1997
|
+
if (!Oe(t)) {
|
|
1909
1998
|
const i = se(t), l = this.times.findIndex((s) => s.value === i);
|
|
1910
1999
|
l > -1 && this.scrollToViewWithinParent(l);
|
|
1911
2000
|
return;
|
|
@@ -1914,8 +2003,8 @@ const yn = class {
|
|
|
1914
2003
|
}
|
|
1915
2004
|
generateTimes() {
|
|
1916
2005
|
const e = [];
|
|
1917
|
-
let t =
|
|
1918
|
-
this.minimumStartTime && (t =
|
|
2006
|
+
let t = U().set("hour", 0).set("minute", 0).set("second", 0);
|
|
2007
|
+
this.minimumStartTime && (t = U(this.minimumStartTime, "hh:mma"));
|
|
1919
2008
|
const n = t.endOf("day").diff(t, "minutes"), i = Math.round(n / 15);
|
|
1920
2009
|
for (let l = 0; l < i + 1; l++) {
|
|
1921
2010
|
const s = t.add(l * 15, "minute");
|
|
@@ -1981,7 +2070,7 @@ const yn = class {
|
|
|
1981
2070
|
i && (i.focus(), i.scrollIntoView({ behavior: "smooth", block: "nearest" }));
|
|
1982
2071
|
}
|
|
1983
2072
|
render() {
|
|
1984
|
-
return a(_, { key: "
|
|
2073
|
+
return a(_, { key: "3dcb132dc120ec0a5d6a87f7570ab80cb2e7ea4d" }, a("div", { key: "2c7cedc0ada83478cfbf494aec47a7ea74ef75a2", class: "time-picker", part: "time-picker" }, a("input", { key: "2aa4c3f63baf9a757bbc4bc328a4533f072371e8", type: "text", name: this.name, id: this.name, part: "time-input", class: {
|
|
1985
2074
|
"time-input": !0,
|
|
1986
2075
|
error: !!this.err || this.hasError
|
|
1987
2076
|
}, ref: (e) => this.timeInput = e, value: this.time, onClick: () => {
|
|
@@ -1993,7 +2082,7 @@ const yn = class {
|
|
|
1993
2082
|
}, role: "option" }, `${e.value}`)))), !this.showTimes && this.err && a("p", { class: "error", id: "email-error" }, this.err)));
|
|
1994
2083
|
}
|
|
1995
2084
|
get el() {
|
|
1996
|
-
return
|
|
2085
|
+
return x(this);
|
|
1997
2086
|
}
|
|
1998
2087
|
static get watchers() {
|
|
1999
2088
|
return {
|
|
@@ -2001,73 +2090,73 @@ const yn = class {
|
|
|
2001
2090
|
};
|
|
2002
2091
|
}
|
|
2003
2092
|
};
|
|
2004
|
-
|
|
2005
|
-
const
|
|
2006
|
-
var
|
|
2093
|
+
xn.style = _n;
|
|
2094
|
+
const wn = ':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}', Cn = wn;
|
|
2095
|
+
var Tn = function(e, t, n, i) {
|
|
2007
2096
|
var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
|
|
2008
2097
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
2009
2098
|
s = Reflect.decorate(e, t, n, i);
|
|
2010
2099
|
else
|
|
2011
|
-
for (var
|
|
2012
|
-
(o = e[
|
|
2100
|
+
for (var d = e.length - 1; d >= 0; d--)
|
|
2101
|
+
(o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
|
|
2013
2102
|
return l > 3 && s && Object.defineProperty(t, n, s), s;
|
|
2014
|
-
},
|
|
2103
|
+
}, we = function(e, t) {
|
|
2015
2104
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
|
|
2016
2105
|
return Reflect.metadata(e, t);
|
|
2017
2106
|
};
|
|
2018
|
-
const
|
|
2107
|
+
const J = 15, Ke = class {
|
|
2019
2108
|
constructor(e) {
|
|
2020
2109
|
var t, n, i, l, s, o;
|
|
2021
2110
|
b(this, e), this.valueChanged = k(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);
|
|
2022
2111
|
}
|
|
2023
2112
|
elementNameChangedHandler(e) {
|
|
2024
|
-
|
|
2113
|
+
r("nylas-timeslot-interval", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
2025
2114
|
}
|
|
2026
2115
|
selectedConfigurationChangedHandler(e) {
|
|
2027
2116
|
var t, n;
|
|
2028
|
-
|
|
2117
|
+
r("nylas-timeslot-interval", "selectedConfigurationChangedHandler", e), this.defaultIntervalMinutes = ((t = e.availability) == null ? void 0 : t.interval_minutes) ?? this.eventDurationMinutes, this.defaultRoundTo = ((n = e.availability) == null ? void 0 : n.round_to) ?? void 0, this.selectedInterval = this.defaultIntervalMinutes, this.selectedRoundTo = !!(this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes);
|
|
2029
2118
|
}
|
|
2030
2119
|
connectedCallback() {
|
|
2031
|
-
|
|
2120
|
+
r("nylas-timeslot-interval", "connectedCallback");
|
|
2032
2121
|
}
|
|
2033
2122
|
disconnectedCallback() {
|
|
2034
|
-
|
|
2123
|
+
r("nylas-timeslot-interval", "disconnectedCallback");
|
|
2035
2124
|
}
|
|
2036
2125
|
componentWillLoad() {
|
|
2037
|
-
|
|
2126
|
+
r("nylas-timeslot-interval", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
2038
2127
|
}
|
|
2039
2128
|
componentDidLoad() {
|
|
2040
|
-
|
|
2129
|
+
r("nylas-timeslot-interval", "componentDidLoad");
|
|
2041
2130
|
}
|
|
2042
2131
|
componentWillUpdate() {
|
|
2043
|
-
|
|
2132
|
+
r("nylas-timeslot-interval", "componentWillUpdate");
|
|
2044
2133
|
}
|
|
2045
2134
|
componentDidUpdate() {
|
|
2046
|
-
|
|
2135
|
+
r("nylas-timeslot-interval", "componentDidUpdate");
|
|
2047
2136
|
}
|
|
2048
2137
|
componentWillRender() {
|
|
2049
|
-
|
|
2138
|
+
r("nylas-timeslot-interval", "componentWillRender");
|
|
2050
2139
|
}
|
|
2051
2140
|
componentDidRender() {
|
|
2052
|
-
|
|
2141
|
+
r("nylas-timeslot-interval", "componentDidRender");
|
|
2053
2142
|
}
|
|
2054
2143
|
nylasFormDropdownChangedHandler(e) {
|
|
2055
|
-
|
|
2144
|
+
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({
|
|
2056
2145
|
value: JSON.stringify({
|
|
2057
2146
|
interval: this.selectedInterval,
|
|
2058
|
-
roundTo: this.selectedRoundTo ? this.selectedInterval :
|
|
2147
|
+
roundTo: this.selectedRoundTo ? this.selectedInterval : J
|
|
2059
2148
|
}),
|
|
2060
2149
|
name: this.name
|
|
2061
|
-
}), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({ interval: this.selectedInterval, roundTo: this.selectedRoundTo ? this.selectedInterval :
|
|
2150
|
+
}), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({ interval: this.selectedInterval, roundTo: this.selectedRoundTo ? this.selectedInterval : J }), this.name);
|
|
2062
2151
|
}
|
|
2063
2152
|
radioSelectionChangedHandler(e) {
|
|
2064
|
-
|
|
2153
|
+
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({
|
|
2065
2154
|
value: JSON.stringify({
|
|
2066
2155
|
interval: this.selectedInterval,
|
|
2067
|
-
roundTo: this.selectedRoundTo ? this.selectedInterval :
|
|
2156
|
+
roundTo: this.selectedRoundTo ? this.selectedInterval : J
|
|
2068
2157
|
}),
|
|
2069
2158
|
name: this.name
|
|
2070
|
-
}), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({ interval: this.selectedInterval, roundTo: this.selectedRoundTo ? this.selectedInterval :
|
|
2159
|
+
}), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({ interval: this.selectedInterval, roundTo: this.selectedRoundTo ? this.selectedInterval : J }), this.name);
|
|
2071
2160
|
}
|
|
2072
2161
|
render() {
|
|
2073
2162
|
const e = [
|
|
@@ -2080,7 +2169,7 @@ const q = 15, Ye = class {
|
|
|
2080
2169
|
{ value: "45", label: "45 mins" },
|
|
2081
2170
|
{ value: "60", label: "60 mins" }
|
|
2082
2171
|
];
|
|
2083
|
-
return a(_, { key: "
|
|
2172
|
+
return a(_, { key: "9c18133d3cbd15e000d01a96e263a6733dcc8e99" }, a("div", { key: "7bd06065aafe18728f36459b77d7fc4806822f10", class: "nylas-timeslot-interval", part: "nti" }, a("div", { key: "15746bf796ff8c9e4fd53ddd90f63916050ee04b", class: "header", part: "nti__header" }, a("h3", { key: "aa810ca197364fd7733cbf130b873c3d818faeb1" }, "Time-slot interval preferences"), a("p", { key: "82bc4717c917713f17e6bee8623a949e2bfef8e0" }, "Choose your interval preference for time-slots.")), a("div", { key: "ee4fa651eda5c579122dde7ee2982a4d72463d57", class: "nylas-timeslot-interval__dropdown" }, a("span", { key: "81ebbbb0387a3bce67475cc8f4dc87ccca6c0bde", class: "label", part: "nti__input-label" }, "Select interval preference", a("tooltip-component", { key: "461710561b0433a0b11cfe94ee3992caf5e3219d" }, a("info-icon", { key: "76afb5257805385077723d9023f10186dbb7beff", slot: "tooltip-icon" }), a("span", { key: "e1b549b0b9da7c25a98bb65f5f190ad0c491efa5", slot: "tooltip-content" }, "Set the interval preference for the time-slots."))), a("select-dropdown", { key: "9aca7454f181f124346314b775c21e1cb9d73268", 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: "c035b67e0d48587909166fc254263e0c3132a802", class: "label", part: "nti__input-label" }, "Select the type of time-slot rounding", a("tooltip-component", { key: "7319296977085837167db8032c6e64da5c7a2de2" }, a("info-icon", { key: "f5a4f712492db6dc31dbc951b1dc510db18b3de8", slot: "tooltip-icon" }), a("span", { key: "1e2ea5c7453132f26dec5b179bf91d2908b64060", slot: "tooltip-content" }, "Select if you want to round the time slots to the nearest interval."))), a("radio-button-group", { key: "871c8f566df35a7bc1db98eda4610d2f4b76ad85", name: "interval-preference", defaultSelectedValue: this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes ? "rounding" : "no-rounding", options: [
|
|
2084
2173
|
{ value: "no-rounding", label: "Default", description: "Time-slots will be rounded to the nearest quarter-hour." },
|
|
2085
2174
|
{
|
|
2086
2175
|
value: "rounding",
|
|
@@ -2093,7 +2182,7 @@ const q = 15, Ye = class {
|
|
|
2093
2182
|
return !0;
|
|
2094
2183
|
}
|
|
2095
2184
|
get host() {
|
|
2096
|
-
return
|
|
2185
|
+
return x(this);
|
|
2097
2186
|
}
|
|
2098
2187
|
static get watchers() {
|
|
2099
2188
|
return {
|
|
@@ -2102,18 +2191,27 @@ const q = 15, Ye = class {
|
|
|
2102
2191
|
};
|
|
2103
2192
|
}
|
|
2104
2193
|
};
|
|
2105
|
-
|
|
2194
|
+
Tn([
|
|
2106
2195
|
C({
|
|
2107
2196
|
name: "nylas-timeslot-interval",
|
|
2108
2197
|
stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
|
|
2109
2198
|
fireRegisterEvent: !0
|
|
2110
2199
|
}),
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
],
|
|
2115
|
-
|
|
2116
|
-
const
|
|
2200
|
+
we("design:type", Function),
|
|
2201
|
+
we("design:paramtypes", []),
|
|
2202
|
+
we("design:returntype", void 0)
|
|
2203
|
+
], Ke.prototype, "render", null);
|
|
2204
|
+
Ke.style = Cn;
|
|
2205
|
+
const In = ".sc-people-icon-h{display:flex}", On = In, Dn = class {
|
|
2206
|
+
constructor(e) {
|
|
2207
|
+
b(this, e), this.width = "20", this.height = "20";
|
|
2208
|
+
}
|
|
2209
|
+
render() {
|
|
2210
|
+
return a("svg", { key: "a1cc22b094657e53faf4eb18f785fe4d45284f03", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, a("path", { key: "ddb1774dd69ccaa5888c94b4325d9879abe9c73b", fill: "currentColor", d: "M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" }));
|
|
2211
|
+
}
|
|
2212
|
+
};
|
|
2213
|
+
Dn.style = On;
|
|
2214
|
+
const Sn = ".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)}", $n = Sn, En = class {
|
|
2117
2215
|
constructor(e) {
|
|
2118
2216
|
b(this, e), this.radioSelectionChanged = k(this, "radioSelectionChanged", 7), this.name = "radio-group", this.options = [], this.defaultSelectedValue = "", this.selectedValue = this.defaultSelectedValue;
|
|
2119
2217
|
}
|
|
@@ -2127,31 +2225,33 @@ const xn = ".radio-group{display:flex;flex-direction:column}.radio-group label{d
|
|
|
2127
2225
|
return a("div", { key: "d407d08b8179a3370934e580c0971c00f323879a", 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))))));
|
|
2128
2226
|
}
|
|
2129
2227
|
};
|
|
2130
|
-
|
|
2228
|
+
En.style = $n;
|
|
2131
2229
|
export {
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2138
|
-
|
|
2139
|
-
Ee as
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
|
|
2230
|
+
st as calendar_info_icon,
|
|
2231
|
+
rt as calendar_patterns_icon,
|
|
2232
|
+
pt as checkbox_component,
|
|
2233
|
+
ht as flow_icon,
|
|
2234
|
+
yt as location_icon,
|
|
2235
|
+
kt as location_off_icon,
|
|
2236
|
+
wt as multi_select_dropdown,
|
|
2237
|
+
Ee as nylas_additional_participants,
|
|
2238
|
+
He as nylas_availability_picker,
|
|
2239
|
+
Le as nylas_booking_calendar_picker,
|
|
2240
|
+
Me as nylas_buffer_time,
|
|
2241
|
+
Ae as nylas_calendar_picker,
|
|
2242
|
+
Ne as nylas_cancellation_policy,
|
|
2243
|
+
Fe as nylas_customize_booking_settings,
|
|
2244
|
+
ze as nylas_event_description,
|
|
2245
|
+
Pe as nylas_event_duration,
|
|
2147
2246
|
Re as nylas_event_info,
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2247
|
+
je as nylas_event_limits,
|
|
2248
|
+
We as nylas_event_location,
|
|
2249
|
+
Be as nylas_event_title,
|
|
2250
|
+
Ze as nylas_limit_future_bookings,
|
|
2251
|
+
Ue as nylas_min_booking_notice,
|
|
2252
|
+
Ye as nylas_min_cancellation_notice,
|
|
2253
|
+
xn as nylas_time_window_picker,
|
|
2254
|
+
Ke as nylas_timeslot_interval,
|
|
2255
|
+
Dn as people_icon,
|
|
2256
|
+
En as radio_button_group
|
|
2157
2257
|
};
|