@nylas/react 1.1.0-canary.10 → 1.1.0-canary.11
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_21.entry-125b87a0.js → add-circle-icon_21.entry-71e60262.js} +177 -141
- package/dist/add-circle-icon_21.entry-95dda099.cjs +1 -0
- package/dist/{archive-icon_7.entry-a69d3d98.cjs → archive-icon_7.entry-24f31e46.cjs} +1 -1
- package/dist/{archive-icon_7.entry-70efea56.js → archive-icon_7.entry-3c5e3ccf.js} +1 -1
- package/dist/{arrow-icon.entry-0a07d7cc.cjs → arrow-icon.entry-562eb541.cjs} +1 -1
- package/dist/{arrow-icon.entry-c9230436.js → arrow-icon.entry-813bffe9.js} +1 -1
- package/dist/{bold-icon_3.entry-54ff7799.js → bold-icon_3.entry-c0e7d524.js} +1 -1
- package/dist/{bold-icon_3.entry-f7df4331.cjs → bold-icon_3.entry-e8b034fe.cjs} +1 -1
- package/dist/{calendar-cancel-icon.entry-e5157332.js → calendar-cancel-icon.entry-0b0219cb.js} +1 -1
- package/dist/{calendar-cancel-icon.entry-71cc68e2.cjs → calendar-cancel-icon.entry-7d4fdb1b.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-f75ef95e.js → calendar-check-icon_2.entry-6ecd2faa.js} +1 -1
- package/dist/{calendar-check-icon_2.entry-f02bf0fe.cjs → calendar-check-icon_2.entry-88025f63.cjs} +1 -1
- package/dist/{calendar-icon.entry-67aa69f5.js → calendar-icon.entry-34d8ef69.js} +1 -1
- package/dist/{calendar-icon.entry-a164e957.cjs → calendar-icon.entry-b753520f.cjs} +1 -1
- package/dist/{chevron-icon_3.entry-7687ca7a.cjs → chevron-icon_3.entry-0aeb4cfa.cjs} +1 -1
- package/dist/{chevron-icon_3.entry-81c68946.js → chevron-icon_3.entry-ae55fd65.js} +1 -1
- package/dist/{close-icon.entry-3325a08e.js → close-icon.entry-ae66c827.js} +1 -1
- package/dist/{close-icon.entry-147b4d47.cjs → close-icon.entry-c80da833.cjs} +1 -1
- package/dist/{constants-f34b9c6e-99030371.cjs → constants-f34b9c6e-b9f975af.cjs} +1 -1
- package/dist/{constants-f34b9c6e-21ac1910.js → constants-f34b9c6e-d0f5cd19.js} +1 -1
- package/dist/{document-refresh-icon.entry-dea23e07.cjs → document-refresh-icon.entry-36405467.cjs} +1 -1
- package/dist/{document-refresh-icon.entry-1b076630.js → document-refresh-icon.entry-7d370f85.js} +1 -1
- package/dist/{elements-dc5b338e-83c23e9b.cjs → elements-dc5b338e-0dbb4f67.cjs} +1 -1
- package/dist/{elements-dc5b338e-c69d1f8a.js → elements-dc5b338e-524cb111.js} +1 -1
- package/dist/{focus-visible-e8093c16-a6aff071.js → focus-visible-e8093c16-17ab1557.js} +1 -1
- package/dist/{focus-visible-e8093c16-3082af2c.cjs → focus-visible-e8093c16-7e94a4f3.cjs} +1 -1
- package/dist/{forward-icon_6.entry-55fce1ca.js → forward-icon_6.entry-384cc3c5.js} +2 -2
- package/dist/{forward-icon_6.entry-59c7a975.cjs → forward-icon_6.entry-a479b39e.cjs} +1 -1
- package/dist/{globe-icon.entry-904f180f.cjs → globe-icon.entry-0c848856.cjs} +1 -1
- package/dist/{globe-icon.entry-25145785.js → globe-icon.entry-58b9f3fc.js} +1 -1
- package/dist/{google-logo-icon_4.entry-1f7b9522.js → google-logo-icon_4.entry-3dce1b83.js} +23 -22
- package/dist/google-logo-icon_4.entry-e1e63fd0.cjs +1 -0
- package/dist/{index-fd39ea9d.js → index-20ea5b0c.js} +40 -40
- package/dist/{index-5f0940e0.cjs → index-33f74306.cjs} +10 -10
- package/dist/{index.es-be19d2df-ff4f0a10.js → index.es-be19d2df-c2fdca63.js} +1 -1
- package/dist/{index.es-be19d2df-9ba9a7a6.cjs → index.es-be19d2df-f732308a.cjs} +1 -1
- package/dist/{info-icon_2.entry-0e2105da.js → info-icon_2.entry-98965833.js} +1 -1
- package/dist/{info-icon_2.entry-808e6516.cjs → info-icon_2.entry-dd0a0633.cjs} +1 -1
- package/dist/{loading-icon.entry-17efa7ca.cjs → loading-icon.entry-46821f18.cjs} +1 -1
- package/dist/{loading-icon.entry-a3b845bf.js → loading-icon.entry-abd81cea.js} +1 -1
- package/dist/{mailbox-store-76540d24-ad0e366a.cjs → mailbox-store-76540d24-7bf14e45.cjs} +1 -1
- package/dist/{mailbox-store-76540d24-5f0d1dff.js → mailbox-store-76540d24-dfb53045.js} +2 -2
- package/dist/{nylas-additional-participants.entry-7e2446cb.cjs → nylas-additional-participants.entry-d35d7af5.cjs} +1 -1
- package/dist/{nylas-additional-participants.entry-4120ea2e.js → nylas-additional-participants.entry-f6ed34d6.js} +2 -2
- package/dist/{nylas-booked-event-card_10.entry-44812e35.cjs → nylas-booked-event-card_10.entry-534e587c.cjs} +1 -1
- package/dist/{nylas-booked-event-card_10.entry-5e87b199.js → nylas-booked-event-card_10.entry-8efe8335.js} +12 -12
- package/dist/{nylas-custom-booking-flow.entry-cbff44c8.js → nylas-custom-booking-flow.entry-0e7b605d.js} +2 -2
- package/dist/{nylas-custom-booking-flow.entry-da5e66bb.cjs → nylas-custom-booking-flow.entry-12d09496.cjs} +1 -1
- package/dist/{nylas-form-card.entry-1c608edd.js → nylas-form-card.entry-7dd86dde.js} +2 -2
- package/dist/{nylas-form-card.entry-2e629e36.cjs → nylas-form-card.entry-94579d1d.cjs} +1 -1
- package/dist/{nylas-if-state.entry-61771f3d.cjs → nylas-if-state.entry-32ea90ea.cjs} +1 -1
- package/dist/{nylas-if-state.entry-2c0d8724.js → nylas-if-state.entry-92cbc0b9.js} +3 -3
- package/dist/{nylas-list-folders.entry-fa8e8ce9.cjs → nylas-list-folders.entry-8595a9b7.cjs} +1 -1
- package/dist/{nylas-list-folders.entry-d6e085b0.js → nylas-list-folders.entry-cab222c9.js} +2 -2
- package/dist/{nylas-list-threads.entry-99fc0baa.cjs → nylas-list-threads.entry-3fef6316.cjs} +1 -1
- package/dist/{nylas-list-threads.entry-4dd2de0a.js → nylas-list-threads.entry-8e9294a3.js} +2 -2
- package/dist/{nylas-login.entry-0ec0813c.cjs → nylas-login.entry-bc885e04.cjs} +1 -1
- package/dist/{nylas-login.entry-6730e226.js → nylas-login.entry-bd1d5b6f.js} +2 -2
- package/dist/{nylas-mailbox-pagination.entry-5310880c.js → nylas-mailbox-pagination.entry-58657a09.js} +2 -2
- package/dist/{nylas-mailbox-pagination.entry-e3e52f42.cjs → nylas-mailbox-pagination.entry-74d3b376.cjs} +1 -1
- package/dist/{nylas-mailbox-toolbar-button.entry-4c377337.cjs → nylas-mailbox-toolbar-button.entry-8b73b9f4.cjs} +1 -1
- package/dist/{nylas-mailbox-toolbar-button.entry-028075db.js → nylas-mailbox-toolbar-button.entry-d7817b46.js} +2 -2
- package/dist/{nylas-mailbox.entry-ab92780c.js → nylas-mailbox.entry-0bddc2fd.js} +3 -3
- package/dist/{nylas-mailbox.entry-87304850.cjs → nylas-mailbox.entry-762f5062.cjs} +1 -1
- package/dist/{nylas-provider.entry-678a9fe7.js → nylas-provider.entry-2e24192d.js} +5 -5
- package/dist/{nylas-provider.entry-3fb60fe4.cjs → nylas-provider.entry-f8ba7a6e.cjs} +1 -1
- package/dist/{nylas-scheduler-editor.entry-a0de0ae6.js → nylas-scheduler-editor.entry-8189b099.js} +19 -19
- package/dist/{nylas-scheduler-editor.entry-cf19391e.cjs → nylas-scheduler-editor.entry-a642f833.cjs} +3 -3
- package/dist/{nylas-scheduling.entry-d8bb2648.cjs → nylas-scheduling.entry-13087b5f.cjs} +1 -1
- package/dist/{nylas-scheduling.entry-e38c3870.js → nylas-scheduling.entry-3f170361.js} +3 -3
- package/dist/{nylas-threads-refresh.entry-79c8a061.cjs → nylas-threads-refresh.entry-3b9f57c3.cjs} +1 -1
- package/dist/{nylas-threads-refresh.entry-fcb2175f.js → nylas-threads-refresh.entry-f2967405.js} +2 -2
- package/dist/{nylas-threads-search.entry-f2d5d0fb.cjs → nylas-threads-search.entry-3e0b4fdc.cjs} +1 -1
- package/dist/{nylas-threads-search.entry-7565bdf8.js → nylas-threads-search.entry-e70bbf70.js} +2 -2
- package/dist/{nylas-view-thread.entry-1772e0c4.js → nylas-view-thread.entry-4f39f045.js} +2 -2
- package/dist/{nylas-view-thread.entry-6a2ccece.cjs → nylas-view-thread.entry-b23080b7.cjs} +1 -1
- package/dist/{people-icon.entry-3218a267.cjs → people-icon.entry-15cd7d77.cjs} +1 -1
- package/dist/{people-icon.entry-bc2c70cf.js → people-icon.entry-7f3b95e9.js} +1 -1
- package/dist/{play-icon_2.entry-b4dc4e6d.js → play-icon_2.entry-13065065.js} +1 -1
- package/dist/{play-icon_2.entry-450a7fa6.cjs → play-icon_2.entry-2172886a.cjs} +1 -1
- package/dist/react.cjs +1 -1
- package/dist/react.js +1 -1
- package/dist/{refresh-icon.entry-030dda82.cjs → refresh-icon.entry-61067a7f.cjs} +1 -1
- package/dist/{refresh-icon.entry-d30c7264.js → refresh-icon.entry-fbfa185e.js} +1 -1
- package/dist/{register-component-83e24412-0b25de7f.cjs → register-component-83e24412-445c6ad9.cjs} +1 -1
- package/dist/{register-component-83e24412-35c484c4.js → register-component-83e24412-b666e56b.js} +1 -1
- package/dist/{scheduler-config-store-ec3b6190-6d8cef0f.cjs → scheduler-config-store-ec3b6190-8bde49c6.cjs} +1 -1
- package/dist/{scheduler-config-store-ec3b6190-d5edbae5.js → scheduler-config-store-ec3b6190-fa81c492.js} +1 -1
- package/dist/{scheduler-store-8ca9003d-c2aa3522.cjs → scheduler-store-8ca9003d-57b3f7a7.cjs} +1 -1
- package/dist/{scheduler-store-8ca9003d-38cca5ba.js → scheduler-store-8ca9003d-8da2c12d.js} +1 -1
- package/dist/{time-period-selector.entry-b366ba86.js → time-period-selector.entry-5e083fd3.js} +1 -1
- package/dist/{time-period-selector.entry-b3d04e93.cjs → time-period-selector.entry-febf55eb.cjs} +1 -1
- package/dist/{translate-icon.entry-b3c21ae9.js → translate-icon.entry-10db7d36.js} +1 -1
- package/dist/{translate-icon.entry-03ab2513.cjs → translate-icon.entry-8ce0a713.cjs} +1 -1
- package/dist/{warning-icon.entry-602d459b.js → warning-icon.entry-470e449d.js} +1 -1
- package/dist/{warning-icon.entry-65ecfdf0.cjs → warning-icon.entry-b8217553.cjs} +1 -1
- package/package.json +2 -2
- package/dist/add-circle-icon_21.entry-1a699a29.cjs +0 -1
- package/dist/google-logo-icon_4.entry-feb7a561.cjs +0 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { R as C } from "./register-component-83e24412-
|
|
3
|
-
import { T as ke, E as we } from "./constants-f34b9c6e-
|
|
1
|
+
import { r as y, h as i, c as w, d, H as k, g as _, C as W, D as F, E as ge, G as Be, i as je, I as Z, J as ae, K as ie, L as ve, M as xe, O as U, P as We } from "./index-20ea5b0c.js";
|
|
2
|
+
import { R as C } from "./register-component-83e24412-b666e56b.js";
|
|
3
|
+
import { T as ke, E as we } from "./constants-f34b9c6e-d0f5cd19.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
const Ue = ".sc-add-circle-icon-h{display:flex}", Ze = Ue, Ye = class {
|
|
7
7
|
constructor(e) {
|
|
8
|
-
|
|
8
|
+
y(this, e), this.width = "24", this.height = "25";
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
return i("svg", { key: "58ce81214aeed7ddc1ce5f76d674aba576422d48", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "2a47ed74601a5370f0300da06295a2b5969d7e5f", d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" }));
|
|
@@ -14,7 +14,7 @@ const Ue = ".sc-add-circle-icon-h{display:flex}", Ze = Ue, Ye = class {
|
|
|
14
14
|
Ye.style = Ze;
|
|
15
15
|
const Ke = "button.sc-button-component{height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}", Ve = Ke, qe = class {
|
|
16
16
|
constructor(e) {
|
|
17
|
-
|
|
17
|
+
y(this, e), this.variant = "primary", this.disabled = !1, this.type = "button", this.clickHandler = void 0, this.mouseOverHandler = void 0, this.mouseOutHandler = void 0, this.focusHandler = void 0, this.blurHandler = void 0;
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
20
|
const e = `button-${this.variant}` + (this.disabled ? " disabled" : "");
|
|
@@ -24,7 +24,7 @@ const Ke = "button.sc-button-component{height:48px;border:none;border-radius:var
|
|
|
24
24
|
qe.style = Ve;
|
|
25
25
|
const Je = ".sc-calendar-info-icon-h{display:flex}", Ge = Je, Xe = class {
|
|
26
26
|
constructor(e) {
|
|
27
|
-
|
|
27
|
+
y(this, e), this.width = "20", this.height = "20";
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
30
|
return i("svg", { key: "4c290eae1d55ec9df96cbe6d9ba85d5d8b7ee102", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "a2a76a5d0183952d59f1d2f448dc7c460694e410", 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" }));
|
|
@@ -33,7 +33,7 @@ const Je = ".sc-calendar-info-icon-h{display:flex}", Ge = Je, Xe = class {
|
|
|
33
33
|
Xe.style = Ge;
|
|
34
34
|
const Qe = ".sc-calendar-patterns-icon-h{display:flex}", et = Qe, tt = class {
|
|
35
35
|
constructor(e) {
|
|
36
|
-
|
|
36
|
+
y(this, e), this.width = "20", this.height = "20";
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
39
|
return i("svg", { key: "cf8071f578ad04793f5bd5b446dccaa1f6d4c1a3", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "8e8a3c7d87bc41c6d6973a34863d05d996155c1d", 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" }));
|
|
@@ -42,7 +42,7 @@ const Qe = ".sc-calendar-patterns-icon-h{display:flex}", et = Qe, tt = class {
|
|
|
42
42
|
tt.style = et;
|
|
43
43
|
const nt = ".sc-flow-icon-h{display:flex}", at = nt, it = class {
|
|
44
44
|
constructor(e) {
|
|
45
|
-
|
|
45
|
+
y(this, e), this.width = "16", this.height = "12";
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
48
|
return i("svg", { key: "e0f4da46b751754406e8b0551890a1bffb1100e4", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "21997cb261d91c8589c3e87a01036dc8f91a8d9b", 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,7 +51,7 @@ const nt = ".sc-flow-icon-h{display:flex}", at = nt, it = class {
|
|
|
51
51
|
it.style = at;
|
|
52
52
|
const st = ".sc-location-icon-h{display:flex}", ot = st, lt = class {
|
|
53
53
|
constructor(e) {
|
|
54
|
-
|
|
54
|
+
y(this, e), this.width = "16", this.height = "18";
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
57
57
|
return i("svg", { key: "4888ed340800392ac9bb38eb4b868fca595db537", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "20cfaacf5cb828569e0b4ec6d2e83fe3b5264b32", 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,7 +60,7 @@ const st = ".sc-location-icon-h{display:flex}", ot = st, lt = class {
|
|
|
60
60
|
lt.style = ot;
|
|
61
61
|
const rt = ".sc-location-off-icon-h{display:flex}", dt = rt, ct = class {
|
|
62
62
|
constructor(e) {
|
|
63
|
-
|
|
63
|
+
y(this, e), this.width = "16", this.height = "18";
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
66
|
return i("svg", { key: "b61c56b0a012359592a4c2575f130ece6fd412c6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "6be791c9a59fa3634f65881dfbca7adc5e3355d3", 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,7 +69,7 @@ const rt = ".sc-location-off-icon-h{display:flex}", dt = rt, ct = class {
|
|
|
69
69
|
ct.style = dt;
|
|
70
70
|
const ft = ':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)}', pt = ft, ut = class {
|
|
71
71
|
constructor(e) {
|
|
72
|
-
|
|
72
|
+
y(this, e), this.selectedOptionsChanged = w(this, "selectedOptionsChanged", 7), this.name = void 0, this.label = void 0, this.options = [], this.availableOptions = this.options, this.isOpen = !1, this.ariaActivedescendant = "", this.shouldFocusFirstOption = !1;
|
|
73
73
|
}
|
|
74
74
|
componentDidRender() {
|
|
75
75
|
d("multi-select-dropdown", "componentDidRender"), this.isOpen && this.shouldFocusFirstOption && (this.ariaActivedescendant = this.availableOptions[0].value, this.focusOption(0), this.shouldFocusFirstOption = !1);
|
|
@@ -167,7 +167,7 @@ var mt = function(e, t, n, a) {
|
|
|
167
167
|
};
|
|
168
168
|
const _e = class {
|
|
169
169
|
constructor(e) {
|
|
170
|
-
|
|
170
|
+
y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.openHours = void 0, this.name = "availability", this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.schedule = {
|
|
171
171
|
SUN: [],
|
|
172
172
|
MON: [{ start: "09:00am", end: "05:00pm" }],
|
|
173
173
|
TUE: [{ start: "09:00am", end: "05:00pm" }],
|
|
@@ -263,21 +263,21 @@ const _e = class {
|
|
|
263
263
|
})).sort((l, r) => l.start - r.start), s = o[o.length - 1].end;
|
|
264
264
|
if (s + 60 <= a)
|
|
265
265
|
this.schedule[e].push({
|
|
266
|
-
start:
|
|
267
|
-
end:
|
|
266
|
+
start: F(U(s)),
|
|
267
|
+
end: F(U(s + 60))
|
|
268
268
|
});
|
|
269
269
|
else {
|
|
270
270
|
let l = !1;
|
|
271
271
|
if (o[0].start > n + 60 && (this.schedule[e].push({
|
|
272
|
-
start:
|
|
273
|
-
end:
|
|
272
|
+
start: F(U(n)),
|
|
273
|
+
end: F(U(n + 60))
|
|
274
274
|
}), l = !0), !l)
|
|
275
275
|
for (let r = 0; r < o.length - 1; r++) {
|
|
276
276
|
const h = o[r].end;
|
|
277
277
|
if (o[r + 1].start - h >= 60) {
|
|
278
278
|
this.schedule[e].push({
|
|
279
|
-
start:
|
|
280
|
-
end:
|
|
279
|
+
start: F(U(h)),
|
|
280
|
+
end: F(U(h + 60))
|
|
281
281
|
});
|
|
282
282
|
break;
|
|
283
283
|
}
|
|
@@ -289,14 +289,20 @@ const _e = class {
|
|
|
289
289
|
removeTimeRange(e, t) {
|
|
290
290
|
this.schedule[e].splice(t, 1), this.schedule = { ...this.schedule };
|
|
291
291
|
}
|
|
292
|
-
setTime(e
|
|
293
|
-
|
|
292
|
+
setTime(e) {
|
|
293
|
+
console.log("timeChanged", e);
|
|
294
|
+
const { key: t, value: n } = e.detail;
|
|
295
|
+
console.log({
|
|
296
|
+
key: t,
|
|
297
|
+
value: n
|
|
298
|
+
});
|
|
299
|
+
const [a, o] = t.split("_"), [s, l] = a.split(":");
|
|
294
300
|
o === "start" ? this.schedule[s][l].start = n : o === "end" && (this.schedule[s][l].end = n), this.internals.setValidity({ customError: !1 }), this.schedule = { ...this.schedule };
|
|
295
301
|
}
|
|
296
|
-
setFormError(e
|
|
297
|
-
var
|
|
298
|
-
const [
|
|
299
|
-
|
|
302
|
+
setFormError(e) {
|
|
303
|
+
var s;
|
|
304
|
+
const { key: t } = e.detail, [n, a] = t.split("_"), o = (s = this.host.shadowRoot) == null ? void 0 : s.getElementById(t);
|
|
305
|
+
o && this.internals.setValidity({ customError: !0 }, `Invalid ${a} time`, o);
|
|
300
306
|
}
|
|
301
307
|
openHoursToSchedule(e) {
|
|
302
308
|
const t = {
|
|
@@ -310,7 +316,7 @@ const _e = class {
|
|
|
310
316
|
};
|
|
311
317
|
e.forEach((n) => {
|
|
312
318
|
n.days.forEach((a) => {
|
|
313
|
-
const o = this.getDayKey(a), s =
|
|
319
|
+
const o = this.getDayKey(a), s = F(n.start), l = F(n.end), r = { start: s, end: l };
|
|
314
320
|
let h = !1;
|
|
315
321
|
t[o] && (h = t[o].some((f) => f.start === r.start && f.end === r.end)), h || (t[o] ? t[o].push(r) : t[o] = [r]);
|
|
316
322
|
});
|
|
@@ -328,8 +334,8 @@ const _e = class {
|
|
|
328
334
|
if (!n.has(f))
|
|
329
335
|
n.set(f, { days: [s], start: r, end: h });
|
|
330
336
|
else {
|
|
331
|
-
let
|
|
332
|
-
|
|
337
|
+
let u = n.get(f);
|
|
338
|
+
u && (u.days.push(s), n.set(f, u));
|
|
333
339
|
}
|
|
334
340
|
});
|
|
335
341
|
});
|
|
@@ -348,14 +354,14 @@ const _e = class {
|
|
|
348
354
|
label: ke[t],
|
|
349
355
|
value: t
|
|
350
356
|
}));
|
|
351
|
-
return i(k, { key: "
|
|
357
|
+
return i(k, { key: "ebdf308b5d2e38cbbe9c01915a8704cdc137b56f" }, i("div", { key: "81557accec232465b3e86d5d0bdc1ae25aa8d6de", class: "nylas-availability-picker" }, i("div", { key: "f5c2a5ef92fc59568672b536a9e604547561b8d6", class: "header", part: "nap__header" }, i("h3", { key: "cbccae32847e68a5fe47f9f1f901e55546621c36" }, "General availability"), i("p", { key: "34600ddd459b5d681574458f4f4acdb5ed26f7ac" }, "Set your availability for scheduling meetings.")), i("div", { key: "65785316b94376cf4d79de9c875e39060226ca31", class: "content" }, i("div", { key: "5c30c0bd916460f668dc3f881b4b01a1792e59b0", class: "select-timezone", part: "nap__select-timezone" }, i("h4", { key: "0638898cae070a5d9eae8cd1dca83e39e5bb735f", class: "sub-header" }, "Select timezone", i("span", { key: "d6746b3329ba92bf5c759895444d08924ba7769c", class: "icon" }, i("tooltip-component", { key: "76dbc460bd91fa0f33a65c65ce092ad966ce6535" }, i("info-icon", { key: "5778fb41c006172a125a4430186ad85d4cdbaf3c", slot: "tooltip-icon" }), i("span", { key: "76132f33db5dce9d7d7e5e111065ad9d1ec64d3f", slot: "tooltip-content" }, "Select your timezone for displaying availability.")))), i("select-dropdown", { key: "9a0a3702b4868109ccc8f77e1143727de1e3f1fa", name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: e, defaultSelectedOption: e.find((t) => t.value === this.defaultTimezone) }, i("span", { key: "ed0756090602c8a52ffdae493f09cfa7d61dd1e9", slot: "select-icon" }, i("globe-icon", { key: "6e5e5234210ba8cc50ef57338a2f4e926521cb70", width: "20", height: "20" })))), i("div", { key: "eac4322bf2aa8f5ea84e4d7ccee293803c70b2ac", class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map((t) => {
|
|
352
358
|
const n = t, a = this.schedule[t];
|
|
353
359
|
return i("div", { class: "availability-day" }, i("div", { class: "day", part: "nap__day" }, i("input", { type: "checkbox", name: n, id: n, checked: a.length > 0, onClick: () => {
|
|
354
360
|
a.length > 0 ? this.schedule[n] = [] : this.schedule[n] = [{ start: "09:00am", end: "05:00pm" }], this.schedule = { ...this.schedule };
|
|
355
361
|
} }), i("label", { htmlFor: n, "aria-label": "Select day" }, n)), i("div", { class: "time-ranges", part: "nap__time-ranges" }, a.length ? null : i("span", { class: "unavailable" }, "Unavailable"), a.length > 0 && a.map((o, s) => {
|
|
356
362
|
var h, f;
|
|
357
363
|
const l = `${t}:${s}_start`, r = `${t}:${s}_end`;
|
|
358
|
-
return i("div", { class: "time-range", part: "nap__time-range" }, i("div", { class: "pickers" }, i("nylas-time-window-picker", { id: l, hasError: (h = this.overlapDays[n]) == null ? void 0 : h.includes(s), time: o.start, name: l, key: l, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times"
|
|
364
|
+
return i("div", { class: "time-range", part: "nap__time-range" }, i("div", { class: "pickers" }, i("nylas-time-window-picker", { id: l, hasError: (h = this.overlapDays[n]) == null ? void 0 : h.includes(s), time: o.start, name: l, key: l, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), i("span", null, " - "), i("nylas-time-window-picker", { id: r, hasError: (f = this.overlapDays[n]) == null ? void 0 : f.includes(s), time: o.end, name: r, key: r, minimumStartTime: o.start, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), i("button", { onClick: () => this.removeTimeRange(n, s) }, i("close-icon", null)));
|
|
359
365
|
}), i("p", { class: "error" }, this.overlapDays[n] ? "Overlapping time ranges" : "")), i("div", null, a.length > 0 ? i("button", { onClick: () => this.addTimeRange(n), part: "nap__add-time-range" }, i("add-circle-icon", null)) : null));
|
|
360
366
|
})))));
|
|
361
367
|
}
|
|
@@ -399,7 +405,7 @@ var vt = function(e, t, n, a) {
|
|
|
399
405
|
};
|
|
400
406
|
const Ce = class {
|
|
401
407
|
constructor(e) {
|
|
402
|
-
|
|
408
|
+
y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.calendars = void 0, this.currentUser = void 0, this.name = "booking-calendar", this.defaultBookingCalendar = "", this.selectedCalendar = "";
|
|
403
409
|
}
|
|
404
410
|
connectedCallback() {
|
|
405
411
|
d("nylas-booking-calendar-picker", "connectedCallback");
|
|
@@ -477,7 +483,7 @@ vt([
|
|
|
477
483
|
oe("design:returntype", void 0)
|
|
478
484
|
], Ce.prototype, "render", null);
|
|
479
485
|
Ce.style = gt;
|
|
480
|
-
const xt = ':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}.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)
|
|
486
|
+
const xt = ':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}', kt = xt;
|
|
481
487
|
var wt = function(e, t, n, a) {
|
|
482
488
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
483
489
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
@@ -492,7 +498,7 @@ var wt = function(e, t, n, a) {
|
|
|
492
498
|
};
|
|
493
499
|
const Te = class {
|
|
494
500
|
constructor(e) {
|
|
495
|
-
|
|
501
|
+
y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "buffer-time", this.buffer = { before: 0, after: 0 }, this.selectedBeforeBufferTime = this.buffer.before, this.selectedAfterBufferTime = this.buffer.after;
|
|
496
502
|
}
|
|
497
503
|
connectedCallback() {
|
|
498
504
|
d("nylas-buffer-time", "connectedCallback");
|
|
@@ -543,7 +549,7 @@ const Te = class {
|
|
|
543
549
|
}
|
|
544
550
|
renderPreview() {
|
|
545
551
|
const a = (l) => {
|
|
546
|
-
const r = Math.floor(l / 30), h = l % 30 / 30 *
|
|
552
|
+
const r = Math.floor(l / 30), h = l % 30 / 30 * 10;
|
|
547
553
|
return {
|
|
548
554
|
fullSlots: r,
|
|
549
555
|
partialFillHeight: h
|
|
@@ -551,32 +557,35 @@ const Te = class {
|
|
|
551
557
|
}, o = () => {
|
|
552
558
|
const { fullSlots: l, partialFillHeight: r } = a(this.selectedBeforeBufferTime);
|
|
553
559
|
return Array.from({ length: 4 }, (h, f) => {
|
|
554
|
-
const
|
|
560
|
+
const u = this.selectedBeforeBufferTime > 0 && f > 4 - l - 1, g = this.selectedBeforeBufferTime > 0 && f === 4 - l - 1 && r > 0;
|
|
555
561
|
let v = {};
|
|
556
|
-
return
|
|
557
|
-
height: "
|
|
562
|
+
return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to top, var(--nylas-base-100) ${r}px, transparent 0)`), i("div", { key: f, class: `slot ${u ? "active" : ""}`, style: {
|
|
563
|
+
height: "10px",
|
|
558
564
|
...v
|
|
559
565
|
} });
|
|
560
566
|
});
|
|
561
567
|
}, s = () => {
|
|
562
568
|
const { fullSlots: l, partialFillHeight: r } = a(this.selectedAfterBufferTime);
|
|
563
569
|
return Array.from({ length: 4 }, (h, f) => {
|
|
564
|
-
const
|
|
570
|
+
const u = this.selectedAfterBufferTime > 0 && f < l, g = f === l && r > 0;
|
|
565
571
|
let v = {};
|
|
566
|
-
return
|
|
567
|
-
height: "
|
|
572
|
+
return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to bottom, var(--nylas-base-100) ${r}px, transparent 0)`), i("div", { key: f, class: `slot ${u ? "active" : ""}`, style: {
|
|
573
|
+
height: "10px",
|
|
568
574
|
...v
|
|
569
575
|
} });
|
|
570
576
|
});
|
|
571
577
|
};
|
|
572
|
-
return i("div", { class: "preview-container" }, o(), i("div", { class: "event-slot", style: { height: "
|
|
578
|
+
return i("div", { class: "preview-container" }, o(), i("div", { class: "event-slot", style: { height: "20px" } }), s());
|
|
573
579
|
}
|
|
574
580
|
render() {
|
|
575
|
-
const e = Array.from({ length:
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
581
|
+
const e = Array.from({ length: 24 }, (t, n) => {
|
|
582
|
+
const a = (n + 1) * 5;
|
|
583
|
+
return {
|
|
584
|
+
label: a.toString(),
|
|
585
|
+
value: a
|
|
586
|
+
};
|
|
587
|
+
});
|
|
588
|
+
return i(k, null, i("div", { class: "nylas-buffer-time", part: "nbt" }, i("div", { class: "header", part: "nbt__header" }, i("h3", null, "Buffer time"), i("p", null, "Add buffer time before and after the event.")), i("div", { class: "nylas-buffer-time__body", part: "nbt__body" }, i("div", { class: "nylas-buffer-time__dropdown" }, i("div", { class: "nylas-buffer-time__row" }, i("label", null, "Before the event"), i("div", { class: "dropdown-container" }, i("select-dropdown", { id: "before-buffer-time", withSearch: !1, name: "before-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-before, sd_dropdown-button: nbt__dropdown-button-before, sd_dropdown-content: nbt__dropdown-content-before", options: e, defaultSelectedOption: e.find((t) => t.value == this.selectedBeforeBufferTime) ?? e[0] }), i("span", null, "mins"))), i("div", { class: "nylas-buffer-time__row" }, i("label", null, "After the event"), i("div", { class: "dropdown-container" }, i("select-dropdown", { id: "after-buffer-time", withSearch: !1, name: "after-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-after, sd_dropdown-button: nbt__dropdown-button-after, sd_dropdown-content: nbt__dropdown-content-after", options: e, defaultSelectedOption: e.find((t) => t.value == this.selectedAfterBufferTime) ?? e[0] }), i("span", null, "mins")))), i("div", { class: "nylas-buffer-time__preview", part: "nbt__preview" }, i("h4", null, "PREVIEW"), this.renderPreview()))));
|
|
580
589
|
}
|
|
581
590
|
static get formAssociated() {
|
|
582
591
|
return !0;
|
|
@@ -621,7 +630,7 @@ var Tt = function(e, t, n, a) {
|
|
|
621
630
|
};
|
|
622
631
|
const Ee = class {
|
|
623
632
|
constructor(e) {
|
|
624
|
-
|
|
633
|
+
y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.calendars = void 0, this.currentUser = void 0, this.name = "calendar", this.defaultSelectedCalendars = [], this.selectedCalendars = [];
|
|
625
634
|
}
|
|
626
635
|
elementNameChangedHandler(e) {
|
|
627
636
|
d("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -718,7 +727,7 @@ var St = function(e, t, n, a) {
|
|
|
718
727
|
const Oe = class {
|
|
719
728
|
constructor(e) {
|
|
720
729
|
var t, n;
|
|
721
|
-
|
|
730
|
+
y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.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) || "";
|
|
722
731
|
}
|
|
723
732
|
elementNameChangedHandler(e) {
|
|
724
733
|
d("nylas-event-description", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -743,7 +752,7 @@ const Oe = class {
|
|
|
743
752
|
this.description = e.target.value, this.internals.setFormValue(e.target.value, "description"), this.valueChanged.emit({ value: e.target.value, name: this.name });
|
|
744
753
|
}
|
|
745
754
|
render() {
|
|
746
|
-
return i(k, { key: "
|
|
755
|
+
return i(k, { key: "0a1db83797453d80a3fe368c46c7c0419751ae96" }, i("div", { key: "cb041dfd5f60a1d6969f9dd3b66bf07a30ead95d", class: "nylas-event-description", part: "nedesc" }, i("label", { key: "f038f2c325d054408d1c4ba2ec046d811abc1b28", htmlFor: "description" }, "Event description", i("span", { key: "b458c9fc9a283455065612b23888cf4257f7d163", class: "label-icon" }, i("tooltip-component", { key: "556fe837419cb336758136e93b91485a7900ed43" }, i("info-icon", { key: "ac64baf6ce1f98d924a30f5fda5457f2553201a6", slot: "tooltip-icon" }), i("span", { key: "f7c463ba89a295e3791d1c7eadc0050b925eeeb4", slot: "tooltip-content" }, "Provide any additional details for your event.")))), i("textarea", { key: "254cca296ff7e4b92626348945834a97d0d593fd", id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: (e) => this.handleChange(e) })));
|
|
747
756
|
}
|
|
748
757
|
static get formAssociated() {
|
|
749
758
|
return !0;
|
|
@@ -785,7 +794,7 @@ var Lt = function(e, t, n, a) {
|
|
|
785
794
|
};
|
|
786
795
|
const Se = class {
|
|
787
796
|
constructor(e) {
|
|
788
|
-
|
|
797
|
+
y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.name = "duration", this.eventDurationMinutes = void 0, this.duration = this.eventDurationMinutes ? this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes : 5, this.durationMinutes = this.eventDurationMinutes ?? 5, this.durationIncrement = this.eventDurationMinutes && this.eventDurationMinutes >= 60 ? 60 : 1;
|
|
789
798
|
}
|
|
790
799
|
elementNameChangedHandler(e) {
|
|
791
800
|
d("nylas-event-duration", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -826,7 +835,7 @@ const Se = class {
|
|
|
826
835
|
{ value: 1, label: "minutes" },
|
|
827
836
|
{ value: 60, label: "hours" }
|
|
828
837
|
];
|
|
829
|
-
return i(k, { key: "
|
|
838
|
+
return i(k, { key: "222965e76af408c0b06183e8e888b73578adb158" }, i("div", { key: "decd15dbfd386cebc4efc880a0a8fb7fc8fc4a1a", class: "nylas-event-duration", part: "ned" }, i("label", { key: "655d4bd8aad28138573516d1a409ff4ad7f90527", htmlFor: "duration" }, "Event duration", i("span", { key: "f53fc2692fa1b4d3265e946ddf313a8e432897d8", class: "required" }, "*"), i("span", { key: "04f0110989f72e20a836ec8552801b87fc8cc6f8", class: "label-icon" }, i("tooltip-component", { key: "cead8ac1aa4ca82db690a38306a8987e3b5759e0" }, i("info-icon", { key: "0105ced6a6b7227b7ac39f68869e6f9fed5fc386", slot: "tooltip-icon" }), i("span", { key: "3a1a73f76723e6f0ba4b4c45a08a839f26b8c25d", slot: "tooltip-content" }, "Set the duration of your event.")))), i("div", { key: "7c85aebc13daa31d440d6b7ec4f2104f64ac4407", class: "nylas-event-duration__wrapper" }, i("input", { key: "255e4574db650850cf3396509be0dfdac65175bb", type: "number", part: "ned_input", id: "duration", name: "duration", value: this.duration, onBlur: () => this.handleBlur(), onInput: (t) => this.handleChange(t), min: 5 }), i("select-dropdown", { key: "a19d552e5e537d9ebeffa1890f2ccafa61a1f761", name: "event-duration", options: e, exportparts: "sd__dropdown: ned__dropdown, sd__dropdown-button: ned__dropdown-button, sd__dropdown-content: ned__dropdown-content", defaultSelectedOption: e.find((t) => t.value == this.durationIncrement) ?? e[0], withSearch: !1 }))));
|
|
830
839
|
}
|
|
831
840
|
static get formAssociated() {
|
|
832
841
|
return !0;
|
|
@@ -869,7 +878,7 @@ var At = function(e, t, n, a) {
|
|
|
869
878
|
};
|
|
870
879
|
const De = class {
|
|
871
880
|
constructor(e) {
|
|
872
|
-
|
|
881
|
+
y(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
|
|
873
882
|
}
|
|
874
883
|
connectedCallback() {
|
|
875
884
|
d("nylas-event-info", "connectedCallback");
|
|
@@ -884,7 +893,7 @@ const De = class {
|
|
|
884
893
|
d("nylas-event-info", "disconnectedCallback");
|
|
885
894
|
}
|
|
886
895
|
render() {
|
|
887
|
-
return i(k, { key: "
|
|
896
|
+
return i(k, { key: "e606a689e2b20dcddcbdbf42c44933953cb0c9c7" }, i("nylas-form-card", { key: "f3827f8c8756d131ea0eeca39d8dcae783b58629" }, i("h1", { key: "6deb1da623b3c6ede66653201476647d30b8f7e5", slot: "header-title", class: "nylas-event-info__title" }, "Event information"), i("h3", { key: "f027a8e56e59fba0e8ec3e4bfcbfda6419c5a6dc", slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), i("div", { key: "0124599b210dc4e9395cdc75dd964132e98736b9", slot: "content", class: "nylas-event-info__content" }, i("slot", { key: "a227128a7e6f7f8b8c52bd0bd24ce672979fef30", name: "inputs" }))));
|
|
888
897
|
}
|
|
889
898
|
static get formAssociated() {
|
|
890
899
|
return !0;
|
|
@@ -901,7 +910,7 @@ At([
|
|
|
901
910
|
fe("design:returntype", void 0)
|
|
902
911
|
], De.prototype, "render", null);
|
|
903
912
|
De.style = Ht;
|
|
904
|
-
const
|
|
913
|
+
const Mt = ':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}', Ft = Mt;
|
|
905
914
|
var Nt = function(e, t, n, a) {
|
|
906
915
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
907
916
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
@@ -916,7 +925,7 @@ var Nt = function(e, t, n, a) {
|
|
|
916
925
|
};
|
|
917
926
|
const Ie = class {
|
|
918
927
|
constructor(e) {
|
|
919
|
-
|
|
928
|
+
y(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
|
|
920
929
|
}
|
|
921
930
|
connectedCallback() {
|
|
922
931
|
d("nylas-event-limits", "connectedCallback");
|
|
@@ -931,7 +940,7 @@ const Ie = class {
|
|
|
931
940
|
d("nylas-event-limits", "disconnectedCallback");
|
|
932
941
|
}
|
|
933
942
|
render() {
|
|
934
|
-
return i(k, { key: "
|
|
943
|
+
return i(k, { key: "56a1396f87f4d81f1a3912ec810e23a9dbed965b" }, i("nylas-form-card", { key: "2007e2fe058e39bb8c276d2995b4b8075d9ed82f" }, i("h1", { key: "e57bc40b4b369d64cdb2b6c97009dea3f141716f", slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), i("h3", { key: "beb61ca97cfd3dca960e78e5f64abca4ace7777b", slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), i("div", { key: "3912501d3e927fcbc6e8663f9149c66ce54fbd0e", slot: "content", class: "nylas-event-limits__content" }, i("slot", { key: "a0902c2edc5ef540547452d5f1448ba26547af17", name: "inputs" }))));
|
|
935
944
|
}
|
|
936
945
|
static get formAssociated() {
|
|
937
946
|
return !0;
|
|
@@ -947,7 +956,7 @@ Nt([
|
|
|
947
956
|
pe("design:paramtypes", []),
|
|
948
957
|
pe("design:returntype", void 0)
|
|
949
958
|
], Ie.prototype, "render", null);
|
|
950
|
-
Ie.style =
|
|
959
|
+
Ie.style = Ft;
|
|
951
960
|
const Pt = ':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)}', Rt = Pt;
|
|
952
961
|
var zt = function(e, t, n, a) {
|
|
953
962
|
var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
|
|
@@ -964,7 +973,7 @@ var zt = function(e, t, n, a) {
|
|
|
964
973
|
const Le = class {
|
|
965
974
|
constructor(e) {
|
|
966
975
|
var t, n;
|
|
967
|
-
|
|
976
|
+
y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.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 = we.map((a) => ({
|
|
968
977
|
label: a.token,
|
|
969
978
|
value: a.value,
|
|
970
979
|
labelHTML: a
|
|
@@ -1018,12 +1027,12 @@ const Le = class {
|
|
|
1018
1027
|
getCurrentSelectionForBrowser() {
|
|
1019
1028
|
var a, o, s;
|
|
1020
1029
|
const e = (l, r, h, f) => {
|
|
1021
|
-
const
|
|
1030
|
+
const u = l.replace(/[\u200B-\u200D\uFEFF]/g, ""), g = u.lastIndexOf("$"), v = u.substring(g).split(" ")[0];
|
|
1022
1031
|
return {
|
|
1023
1032
|
focusOffset: r,
|
|
1024
|
-
dollarIndex:
|
|
1033
|
+
dollarIndex: g,
|
|
1025
1034
|
lastWord: v,
|
|
1026
|
-
currentText:
|
|
1035
|
+
currentText: u,
|
|
1027
1036
|
node: h,
|
|
1028
1037
|
allSelected: f
|
|
1029
1038
|
};
|
|
@@ -1036,11 +1045,11 @@ const Le = class {
|
|
|
1036
1045
|
const l = (a = this.host.shadowRoot) == null ? void 0 : a.getSelection(), r = l == null ? void 0 : l.focusNode, h = (r == null ? void 0 : r.nodeValue) || "", f = l && t(l);
|
|
1037
1046
|
return e(h, (l == null ? void 0 : l.focusOffset) || -1, r, f);
|
|
1038
1047
|
case "Firefox":
|
|
1039
|
-
const
|
|
1040
|
-
return e(
|
|
1048
|
+
const u = document.getSelection(), g = ((o = u == null ? void 0 : u.anchorNode) == null ? void 0 : o.nodeValue) || "", v = u && t(u);
|
|
1049
|
+
return e(g, (u == null ? void 0 : u.focusOffset) || -1, u == null ? void 0 : u.anchorNode, v);
|
|
1041
1050
|
case "Safari":
|
|
1042
|
-
const O = window.getSelection(), x = O == null ? void 0 : O.getComposedRanges(this.host.shadowRoot)[0], c = ((s = x == null ? void 0 : x.startContainer) == null ? void 0 : s.nodeValue) || "",
|
|
1043
|
-
return e(c, (x == null ? void 0 : x.endOffset) || -1, x == null ? void 0 : x.startContainer,
|
|
1051
|
+
const O = window.getSelection(), x = O == null ? void 0 : O.getComposedRanges(this.host.shadowRoot)[0], c = ((s = x == null ? void 0 : x.startContainer) == null ? void 0 : s.nodeValue) || "", p = O && t(O);
|
|
1052
|
+
return e(c, (x == null ? void 0 : x.endOffset) || -1, x == null ? void 0 : x.startContainer, p);
|
|
1044
1053
|
default:
|
|
1045
1054
|
return console.warn("Browser not supported"), null;
|
|
1046
1055
|
}
|
|
@@ -1096,8 +1105,8 @@ const Le = class {
|
|
|
1096
1105
|
let o = this.titleRef.firstChild, s = null;
|
|
1097
1106
|
for (; o; ) {
|
|
1098
1107
|
if (o.nodeType === 3) {
|
|
1099
|
-
const
|
|
1100
|
-
if (
|
|
1108
|
+
const p = ((c = o.textContent) == null ? void 0 : c.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", b = n.replace(/[\u200B-\u200D\uFEFF]/g, "");
|
|
1109
|
+
if (p.includes(b)) {
|
|
1101
1110
|
s = o;
|
|
1102
1111
|
break;
|
|
1103
1112
|
}
|
|
@@ -1106,18 +1115,18 @@ const Le = class {
|
|
|
1106
1115
|
}
|
|
1107
1116
|
if (!s)
|
|
1108
1117
|
return;
|
|
1109
|
-
const l = s.textContent || "", r = l.indexOf(a), h = l.substring(0, r), f = l.substring(r + a.length),
|
|
1118
|
+
const l = s.textContent || "", r = l.indexOf(a), h = l.substring(0, r), f = l.substring(r + a.length), u = document.createTextNode(h), g = document.createRange(), v = document.createElement("span");
|
|
1110
1119
|
v.classList.add("highlighted-tag"), v.textContent = `${t.value}`;
|
|
1111
1120
|
const O = document.createTextNode(f);
|
|
1112
1121
|
if (f !== "")
|
|
1113
|
-
s.replaceWith(
|
|
1122
|
+
s.replaceWith(u, v, O), g.setStart(O, 1);
|
|
1114
1123
|
else {
|
|
1115
|
-
const
|
|
1116
|
-
s.replaceWith(
|
|
1124
|
+
const p = document.createTextNode("");
|
|
1125
|
+
s.replaceWith(u, v, p), g.setStart(p, 1);
|
|
1117
1126
|
}
|
|
1118
1127
|
this.resetDropdown(), this.titleRef.focus();
|
|
1119
1128
|
const x = window.getSelection();
|
|
1120
|
-
|
|
1129
|
+
g.collapse(!0), x == null || x.removeAllRanges(), x == null || x.addRange(g), this.updateEventTitle(this.titleRef.textContent || "");
|
|
1121
1130
|
}
|
|
1122
1131
|
populateSuggestionsDropdown(e = "") {
|
|
1123
1132
|
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);
|
|
@@ -1135,10 +1144,10 @@ const Le = class {
|
|
|
1135
1144
|
}
|
|
1136
1145
|
render() {
|
|
1137
1146
|
var e;
|
|
1138
|
-
return i(k, { key: "
|
|
1147
|
+
return i(k, { key: "28ef0be3f64aafdaabb6bed562f5c89b92f2510e" }, i("div", { key: "42cc820bd4ca2343ebe09108a7ce5fca37c02165", class: "nylas-event-title", part: "net" }, i("label", { key: "748c85b9ef6a656b43137864c49282abfa0b78b9", htmlFor: "title" }, "Event title", i("span", { key: "29e8a26acfc6795ee511457c1f052bcc831757c3", class: "required" }, "*"), i("span", { key: "a555e59986cb55543c108d82c9e7120e8f78cd2a", class: "label-icon" }, i("tooltip-component", { key: "29e6f432f02f6cb10bee3a3c61374688a23c9a9a" }, i("info-icon", { key: "af9821938dc7f3175d8fdfb3426631111242483b", slot: "tooltip-icon" }), i("span", { key: "b1027c6b32fab643f94c4233f3c60e1462f69945", slot: "tooltip-content" }, "Enter a title for your event.")))), i("div", { key: "387e621aa40cef2857b00eae8da13be376296178", class: {
|
|
1139
1148
|
title: !0,
|
|
1140
1149
|
error: this.validationError !== ""
|
|
1141
|
-
}, part: "net__title", ref: (t) => this.titleRef = t, contentEditable: "true", onInput: (t) => this.handleChange(t), onKeyDown: (t) => this.handleInputKeyDown(t) }), this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && i("div", { class: "token-options", part: "net__dropdown-content" }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => i("li", { tabindex: "0", key: t.label, id: t.label, class: { active: this.ariaActivedescendant === t.label }, onClick: (n) => this.selectOption(n, t), role: "option" }, this.getLabelHTML(t.labelHTML))))), i("span", { key: "
|
|
1150
|
+
}, part: "net__title", ref: (t) => this.titleRef = t, contentEditable: "true", onInput: (t) => this.handleChange(t), onKeyDown: (t) => this.handleInputKeyDown(t) }), this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && i("div", { class: "token-options", part: "net__dropdown-content" }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => i("li", { tabindex: "0", key: t.label, id: t.label, class: { active: this.ariaActivedescendant === t.label }, onClick: (n) => this.selectOption(n, t), role: "option" }, this.getLabelHTML(t.labelHTML))))), i("span", { key: "c1a3f0602920e0799322aef007e738ec3fd2c478", class: "help-text" }, "Create a dynamic templated event title by typing $. Learn more"), this.validationError != "" && i("span", { class: "error-message" }, this.validationError)));
|
|
1142
1151
|
}
|
|
1143
1152
|
static get formAssociated() {
|
|
1144
1153
|
return !0;
|
|
@@ -1181,7 +1190,7 @@ var Wt = function(e, t, n, a) {
|
|
|
1181
1190
|
};
|
|
1182
1191
|
const $e = class {
|
|
1183
1192
|
constructor(e) {
|
|
1184
|
-
|
|
1193
|
+
y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.availableDaysInFuture = void 0, this.name = "limit-future-bookings", this.selectedNumber = 1, this.selectedPeriod = "day";
|
|
1185
1194
|
}
|
|
1186
1195
|
elementNameChangedHandler(e) {
|
|
1187
1196
|
d("nylas-limit-future-bookings", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -1217,7 +1226,7 @@ const $e = class {
|
|
|
1217
1226
|
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;
|
|
1218
1227
|
}
|
|
1219
1228
|
render() {
|
|
1220
|
-
return i(k, { key: "
|
|
1229
|
+
return i(k, { key: "633f17f3c8a36aaf1b48653a471fce7a67c2e6bc" }, i("div", { key: "5685213b7d7d44a54cecda52d553fc49f0b45cf6", class: "nylas-limit-future-bookings", part: "nlfb" }, i("label", { key: "9c3f51639f92585b04cb6c358783ddb240fcd217" }, "Limit future bookings", i("span", { key: "f234e3ff93652121e54d1aa77cbd77c2e93252c5", class: "label-icon" }, i("tooltip-component", { key: "4a1a059e553f52b856b220c37a9721ed8d890171" }, i("info-icon", { key: "f6daa7aae8aefe95871744a22d71a1bb743a797c", slot: "tooltip-icon" }), i("span", { key: "ef99e06e91e3f76e640d8209d0f9ad1831c9fdeb", slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), i("time-period-selector", { key: "02215f1ea27a251917bf8ad3cb10f9d36bd870ba", 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 })));
|
|
1221
1230
|
}
|
|
1222
1231
|
static get formAssociated() {
|
|
1223
1232
|
return !0;
|
|
@@ -1260,7 +1269,7 @@ var Yt = function(e, t, n, a) {
|
|
|
1260
1269
|
};
|
|
1261
1270
|
const He = class {
|
|
1262
1271
|
constructor(e) {
|
|
1263
|
-
|
|
1272
|
+
y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "location", this.selectedConfiguration = void 0, this.eventLocation = void 0, this.location = this.eventLocation ?? "", this.selectedLocationOption = this.eventLocation ? "custom" : "none";
|
|
1264
1273
|
}
|
|
1265
1274
|
elementNameChangedHandler(e) {
|
|
1266
1275
|
d("nylas-location-component", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -1300,10 +1309,10 @@ const He = class {
|
|
|
1300
1309
|
{ value: "none", label: "None" },
|
|
1301
1310
|
{ value: "custom", label: "Custom location" }
|
|
1302
1311
|
], t = {
|
|
1303
|
-
none: i("location-off-icon", { key: "
|
|
1304
|
-
custom: i("location-icon", { key: "
|
|
1312
|
+
none: i("location-off-icon", { key: "575c799ee8e373f1fa305166312f3192cbb1195e" }),
|
|
1313
|
+
custom: i("location-icon", { key: "3e9a108a256313289846487fdb5a2c8f93bf06ea" })
|
|
1305
1314
|
};
|
|
1306
|
-
return i(k, { key: "
|
|
1315
|
+
return i(k, { key: "8038cd624df0d63608bb23d0b52ee73d62939ba6" }, i("div", { key: "3047dfeacda102f18f0413213a86676eb1c5f901", class: "nylas-event-location", part: "nel" }, i("label", { key: "8cbf08ad544cc6dbfa21f8eca510fe7700756cbb", htmlFor: "location" }, "Location type", i("span", { key: "b806d2ab1087c5d82674d2ba1f697ab650dfff64", class: "label-icon" }, i("tooltip-component", { key: "3a67a7eb1eed2315d46d6e81fe62314bf92226d7" }, i("info-icon", { key: "4e787698acb0d0d272c13a226747c1252741cbe9", slot: "tooltip-icon" }), i("span", { key: "85eb8db37cef3482e59124b21c968dfe4ea38fec", slot: "tooltip-content" }, "Choose how you’ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), i("div", { key: "5970b85d96f9430504846d7ff66a259b639a17d7", class: "location-input" }, i("select-dropdown", { key: "b848b8a01563c1640a0552c385ed268e15431453", withSearch: !1, name: "location", options: e, defaultSelectedOption: e.find((n) => n.value == this.selectedLocationOption), exportparts: "sd__dropdown: nel__dropdown, sd__dropdown-button: nel__dropdown-button, sd__dropdown-content: nel__dropdown-content" }, i("span", { key: "c3bf4e65c37357b12892f333a3a2a22803400e46", slot: "select-icon" }, t[this.selectedLocationOption])), this.selectedLocationOption === "custom" && i("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: (n) => this.handleChange(n) }))));
|
|
1307
1316
|
}
|
|
1308
1317
|
static get formAssociated() {
|
|
1309
1318
|
return !0;
|
|
@@ -1346,7 +1355,7 @@ var qt = function(e, t, n, a) {
|
|
|
1346
1355
|
};
|
|
1347
1356
|
const Ae = class {
|
|
1348
1357
|
constructor(e) {
|
|
1349
|
-
|
|
1358
|
+
y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.minCancellationNotice = void 0, this.name = "min-cancellation-notice", this.selectedNumber = 1, this.selectedPeriod = "day";
|
|
1350
1359
|
}
|
|
1351
1360
|
elementNameChangedHandler(e) {
|
|
1352
1361
|
d("nylas-min-cancellation-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
@@ -1383,7 +1392,7 @@ const Ae = class {
|
|
|
1383
1392
|
e >= 43200 ? (s = Math.floor(e / 43200), l = "month") : e >= 10080 ? (s = Math.floor(e / 10080), l = "week") : e >= 1440 ? (s = Math.floor(e / 1440), l = "day") : e >= 60 ? (s = Math.floor(e / 60), l = "hour") : (s = e, l = "minute"), this.selectedNumber = s, this.selectedPeriod = l;
|
|
1384
1393
|
}
|
|
1385
1394
|
render() {
|
|
1386
|
-
return i(k, { key: "
|
|
1395
|
+
return i(k, { key: "473f79ba357832c63d5af02f6123d5d8a4bbee61" }, i("div", { key: "657c38462f01c79f7e830e7758859398e776ccdb", class: "nylas-min-cancellation-notice", part: "nmcn" }, i("label", { key: "9a29a3b348cf93c9de3b7f28d05c319d64ed37c6" }, "Minimum cancellation notice", i("span", { key: "a618468ede4da9c28ec941ab4b76551cff980d8a", class: "label-icon" }, i("tooltip-component", { key: "a44b3a7327721e17884840a9124f7c27249f050c" }, i("info-icon", { key: "177c2db8b4f868e23f5e59a08a335a1bbf4e5316", slot: "tooltip-icon" }), i("span", { key: "843ca3f89854fb398717e8fab9c54b124ef93a46", slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), i("time-period-selector", { key: "74b22ae97313a1a096d1c5ef6c791507e98da099", 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 })));
|
|
1387
1396
|
}
|
|
1388
1397
|
static get formAssociated() {
|
|
1389
1398
|
return !0;
|
|
@@ -1411,7 +1420,7 @@ qt([
|
|
|
1411
1420
|
me("design:returntype", void 0)
|
|
1412
1421
|
], Ae.prototype, "render", null);
|
|
1413
1422
|
Ae.style = Vt;
|
|
1414
|
-
var
|
|
1423
|
+
var Me = { exports: {} };
|
|
1415
1424
|
(function(e, t) {
|
|
1416
1425
|
(function(n, a) {
|
|
1417
1426
|
e.exports = a();
|
|
@@ -1419,30 +1428,30 @@ var Fe = { exports: {} };
|
|
|
1419
1428
|
var n = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, a = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, o = /\d\d/, s = /\d\d?/, l = /\d*[^-_:/,()\s\d]+/, r = {}, h = function(c) {
|
|
1420
1429
|
return (c = +c) + (c > 68 ? 1900 : 2e3);
|
|
1421
1430
|
}, f = function(c) {
|
|
1422
|
-
return function(
|
|
1423
|
-
this[c] = +
|
|
1431
|
+
return function(p) {
|
|
1432
|
+
this[c] = +p;
|
|
1424
1433
|
};
|
|
1425
|
-
},
|
|
1426
|
-
(this.zone || (this.zone = {})).offset = function(
|
|
1427
|
-
if (!
|
|
1434
|
+
}, u = [/[+-]\d\d:?(\d\d)?|Z/, function(c) {
|
|
1435
|
+
(this.zone || (this.zone = {})).offset = function(p) {
|
|
1436
|
+
if (!p || p === "Z")
|
|
1428
1437
|
return 0;
|
|
1429
|
-
var
|
|
1430
|
-
return
|
|
1438
|
+
var b = p.match(/([+-]|\d\d)/g), m = 60 * b[1] + (+b[2] || 0);
|
|
1439
|
+
return m === 0 ? 0 : b[0] === "+" ? -m : m;
|
|
1431
1440
|
}(c);
|
|
1432
|
-
}],
|
|
1433
|
-
var
|
|
1434
|
-
return
|
|
1435
|
-
}, v = function(c,
|
|
1436
|
-
var
|
|
1437
|
-
if (
|
|
1441
|
+
}], g = function(c) {
|
|
1442
|
+
var p = r[c];
|
|
1443
|
+
return p && (p.indexOf ? p : p.s.concat(p.f));
|
|
1444
|
+
}, v = function(c, p) {
|
|
1445
|
+
var b, m = r.meridiem;
|
|
1446
|
+
if (m) {
|
|
1438
1447
|
for (var D = 1; D <= 24; D += 1)
|
|
1439
|
-
if (c.indexOf(
|
|
1440
|
-
|
|
1448
|
+
if (c.indexOf(m(D, 0, p)) > -1) {
|
|
1449
|
+
b = D > 12;
|
|
1441
1450
|
break;
|
|
1442
1451
|
}
|
|
1443
1452
|
} else
|
|
1444
|
-
|
|
1445
|
-
return
|
|
1453
|
+
b = c === (p ? "pm" : "PM");
|
|
1454
|
+
return b;
|
|
1446
1455
|
}, O = { A: [l, function(c) {
|
|
1447
1456
|
this.afternoon = v(c, !1);
|
|
1448
1457
|
}], a: [l, function(c) {
|
|
@@ -1454,44 +1463,44 @@ var Fe = { exports: {} };
|
|
|
1454
1463
|
}], SSS: [/\d{3}/, function(c) {
|
|
1455
1464
|
this.milliseconds = +c;
|
|
1456
1465
|
}], s: [s, f("seconds")], ss: [s, f("seconds")], m: [s, f("minutes")], mm: [s, f("minutes")], H: [s, f("hours")], h: [s, f("hours")], HH: [s, f("hours")], hh: [s, f("hours")], D: [s, f("day")], DD: [o, f("day")], Do: [l, function(c) {
|
|
1457
|
-
var
|
|
1458
|
-
if (this.day =
|
|
1459
|
-
for (var
|
|
1460
|
-
|
|
1466
|
+
var p = r.ordinal, b = c.match(/\d+/);
|
|
1467
|
+
if (this.day = b[0], p)
|
|
1468
|
+
for (var m = 1; m <= 31; m += 1)
|
|
1469
|
+
p(m).replace(/\[|\]/g, "") === c && (this.day = m);
|
|
1461
1470
|
}], M: [s, f("month")], MM: [o, f("month")], MMM: [l, function(c) {
|
|
1462
|
-
var
|
|
1463
|
-
return
|
|
1471
|
+
var p = g("months"), b = (g("monthsShort") || p.map(function(m) {
|
|
1472
|
+
return m.slice(0, 3);
|
|
1464
1473
|
})).indexOf(c) + 1;
|
|
1465
|
-
if (
|
|
1474
|
+
if (b < 1)
|
|
1466
1475
|
throw new Error();
|
|
1467
|
-
this.month =
|
|
1476
|
+
this.month = b % 12 || b;
|
|
1468
1477
|
}], MMMM: [l, function(c) {
|
|
1469
|
-
var
|
|
1470
|
-
if (
|
|
1478
|
+
var p = g("months").indexOf(c) + 1;
|
|
1479
|
+
if (p < 1)
|
|
1471
1480
|
throw new Error();
|
|
1472
|
-
this.month =
|
|
1481
|
+
this.month = p % 12 || p;
|
|
1473
1482
|
}], Y: [/[+-]?\d+/, f("year")], YY: [o, function(c) {
|
|
1474
1483
|
this.year = h(c);
|
|
1475
|
-
}], YYYY: [/\d{4}/, f("year")], Z:
|
|
1484
|
+
}], YYYY: [/\d{4}/, f("year")], Z: u, ZZ: u };
|
|
1476
1485
|
function x(c) {
|
|
1477
|
-
var
|
|
1478
|
-
|
|
1479
|
-
for (var
|
|
1486
|
+
var p, b;
|
|
1487
|
+
p = c, b = r && r.formats;
|
|
1488
|
+
for (var m = (c = p.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(P, H, S) {
|
|
1480
1489
|
var T = S && S.toUpperCase();
|
|
1481
|
-
return H ||
|
|
1482
|
-
return
|
|
1490
|
+
return H || b[S] || n[S] || b[T].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(A, M, R) {
|
|
1491
|
+
return M || R.slice(1);
|
|
1483
1492
|
});
|
|
1484
|
-
})).match(a), D =
|
|
1485
|
-
var Y =
|
|
1486
|
-
|
|
1493
|
+
})).match(a), D = m.length, I = 0; I < D; I += 1) {
|
|
1494
|
+
var Y = m[I], N = O[Y], L = N && N[0], $ = N && N[1];
|
|
1495
|
+
m[I] = $ ? { regex: L, parser: $ } : Y.replace(/^\[|\]$/g, "");
|
|
1487
1496
|
}
|
|
1488
1497
|
return function(P) {
|
|
1489
1498
|
for (var H = {}, S = 0, T = 0; S < D; S += 1) {
|
|
1490
|
-
var A =
|
|
1499
|
+
var A = m[S];
|
|
1491
1500
|
if (typeof A == "string")
|
|
1492
1501
|
T += A.length;
|
|
1493
1502
|
else {
|
|
1494
|
-
var
|
|
1503
|
+
var M = A.regex, R = A.parser, K = P.slice(T), B = M.exec(K)[0];
|
|
1495
1504
|
R.call(H, B), P = P.replace(B, "");
|
|
1496
1505
|
}
|
|
1497
1506
|
}
|
|
@@ -1504,20 +1513,20 @@ var Fe = { exports: {} };
|
|
|
1504
1513
|
}(H), H;
|
|
1505
1514
|
};
|
|
1506
1515
|
}
|
|
1507
|
-
return function(c,
|
|
1508
|
-
|
|
1509
|
-
var
|
|
1510
|
-
|
|
1516
|
+
return function(c, p, b) {
|
|
1517
|
+
b.p.customParseFormat = !0, c && c.parseTwoDigitYear && (h = c.parseTwoDigitYear);
|
|
1518
|
+
var m = p.prototype, D = m.parse;
|
|
1519
|
+
m.parse = function(I) {
|
|
1511
1520
|
var Y = I.date, N = I.utc, L = I.args;
|
|
1512
1521
|
this.$u = N;
|
|
1513
1522
|
var $ = L[1];
|
|
1514
1523
|
if (typeof $ == "string") {
|
|
1515
1524
|
var P = L[2] === !0, H = L[3] === !0, S = P || H, T = L[2];
|
|
1516
|
-
H && (T = L[2]), r = this.$locale(), !P && T && (r =
|
|
1525
|
+
H && (T = L[2]), r = this.$locale(), !P && T && (r = b.Ls[T]), this.$d = function(K, B, z) {
|
|
1517
1526
|
try {
|
|
1518
1527
|
if (["x", "X"].indexOf(B) > -1)
|
|
1519
1528
|
return new Date((B === "X" ? 1e3 : 1) * K);
|
|
1520
|
-
var E = x(B)(K), j = E.year, V = E.month,
|
|
1529
|
+
var E = x(B)(K), j = E.year, V = E.month, Fe = E.day, Ne = E.hours, Pe = E.minutes, Re = E.seconds, ze = E.milliseconds, ye = E.zone, J = /* @__PURE__ */ new Date(), G = Fe || (j || V ? 1 : J.getDate()), X = j || J.getFullYear(), q = 0;
|
|
1521
1530
|
j && !V || (q = V > 0 ? V - 1 : J.getMonth());
|
|
1522
1531
|
var Q = Ne || 0, ee = Pe || 0, te = Re || 0, ne = ze || 0;
|
|
1523
1532
|
return ye ? new Date(Date.UTC(X, q, G, Q, ee, te, ne + 60 * ye.offset * 1e3)) : z ? new Date(Date.UTC(X, q, G, Q, ee, te, ne)) : new Date(X, q, G, Q, ee, te, ne);
|
|
@@ -1526,26 +1535,26 @@ var Fe = { exports: {} };
|
|
|
1526
1535
|
}
|
|
1527
1536
|
}(Y, $, N), this.init(), T && T !== !0 && (this.$L = this.locale(T).$L), S && Y != this.format($) && (this.$d = /* @__PURE__ */ new Date("")), r = {};
|
|
1528
1537
|
} else if ($ instanceof Array)
|
|
1529
|
-
for (var A = $.length,
|
|
1530
|
-
L[1] = $[
|
|
1531
|
-
var R =
|
|
1538
|
+
for (var A = $.length, M = 1; M <= A; M += 1) {
|
|
1539
|
+
L[1] = $[M - 1];
|
|
1540
|
+
var R = b.apply(this, L);
|
|
1532
1541
|
if (R.isValid()) {
|
|
1533
1542
|
this.$d = R.$d, this.$L = R.$L, this.init();
|
|
1534
1543
|
break;
|
|
1535
1544
|
}
|
|
1536
|
-
|
|
1545
|
+
M === A && (this.$d = /* @__PURE__ */ new Date(""));
|
|
1537
1546
|
}
|
|
1538
1547
|
else
|
|
1539
1548
|
D.call(this, I);
|
|
1540
1549
|
};
|
|
1541
1550
|
};
|
|
1542
1551
|
});
|
|
1543
|
-
})(
|
|
1544
|
-
const Jt =
|
|
1552
|
+
})(Me);
|
|
1553
|
+
const Jt = Me.exports, Gt = ':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}', Xt = Gt;
|
|
1545
1554
|
Z.extend(Jt);
|
|
1546
1555
|
const Qt = class {
|
|
1547
1556
|
constructor(e) {
|
|
1548
|
-
|
|
1557
|
+
y(this, e), this.timeChange = w(this, "timeChange", 7), this.formError = w(this, "formError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
|
|
1549
1558
|
}
|
|
1550
1559
|
handleOutsideClick(e) {
|
|
1551
1560
|
!e.composedPath().includes(this.el) && this.showTimes && (this.showTimes = !1);
|
|
@@ -1555,7 +1564,10 @@ const Qt = class {
|
|
|
1555
1564
|
let e = Z().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4, -2)));
|
|
1556
1565
|
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();
|
|
1557
1566
|
const t = Z(this.times[0].value, "hh:mma");
|
|
1558
|
-
Z(this.time, "hh:mma").isBefore(t) && (this.err = "Invalid", this.
|
|
1567
|
+
Z(this.time, "hh:mma").isBefore(t) && (this.err = "Invalid", this.formError.emit({
|
|
1568
|
+
key: this.el.id,
|
|
1569
|
+
message: "Invalid"
|
|
1570
|
+
}));
|
|
1559
1571
|
}
|
|
1560
1572
|
}
|
|
1561
1573
|
componentDidRender() {
|
|
@@ -1567,26 +1579,50 @@ const Qt = class {
|
|
|
1567
1579
|
}
|
|
1568
1580
|
handleTimeChange(e, t) {
|
|
1569
1581
|
const n = t.split(":");
|
|
1570
|
-
n[0] === "00" && n[1].slice(-2) == "pm" && (this.err = "Invalid", this.
|
|
1582
|
+
n[0] === "00" && n[1].slice(-2) == "pm" && (this.err = "Invalid", this.formError.emit({
|
|
1583
|
+
key: this.el.id,
|
|
1584
|
+
message: "Invalid"
|
|
1585
|
+
})), ie(t) ? (this.err = "", this.formError.emit({
|
|
1586
|
+
key: this.el.id,
|
|
1587
|
+
message: ""
|
|
1588
|
+
})) : (this.err = "Invalid", this.formError.emit({
|
|
1589
|
+
key: this.el.id,
|
|
1590
|
+
message: "Invalid"
|
|
1591
|
+
})), this.timeChange.emit({
|
|
1592
|
+
key: this.el.id,
|
|
1593
|
+
value: t
|
|
1594
|
+
});
|
|
1571
1595
|
}
|
|
1572
1596
|
handleTimeAutocomplete(e) {
|
|
1573
1597
|
var n;
|
|
1574
1598
|
const t = (n = e.target) == null ? void 0 : n.value;
|
|
1575
1599
|
if (!ie(t)) {
|
|
1576
|
-
this.err = "Invalid", this.
|
|
1600
|
+
this.err = "Invalid", this.formError.emit({
|
|
1601
|
+
key: this.el.id,
|
|
1602
|
+
message: "Invalid"
|
|
1603
|
+
});
|
|
1577
1604
|
return;
|
|
1578
1605
|
}
|
|
1579
1606
|
if (t === "") {
|
|
1580
1607
|
const a = ve().format("hh:mma");
|
|
1581
|
-
this.
|
|
1608
|
+
this.timeChange.emit({
|
|
1609
|
+
key: this.el.id,
|
|
1610
|
+
value: a
|
|
1611
|
+
});
|
|
1582
1612
|
return;
|
|
1583
1613
|
}
|
|
1584
1614
|
if (!xe(t)) {
|
|
1585
1615
|
const a = ae(t);
|
|
1586
|
-
this.
|
|
1616
|
+
this.timeChange.emit({
|
|
1617
|
+
key: this.el.id,
|
|
1618
|
+
value: a
|
|
1619
|
+
});
|
|
1587
1620
|
return;
|
|
1588
1621
|
}
|
|
1589
|
-
this.
|
|
1622
|
+
this.timeChange.emit({
|
|
1623
|
+
key: this.el.id,
|
|
1624
|
+
value: t
|
|
1625
|
+
});
|
|
1590
1626
|
}
|
|
1591
1627
|
handleOnInput(e) {
|
|
1592
1628
|
var n;
|
|
@@ -1673,7 +1709,7 @@ const Qt = class {
|
|
|
1673
1709
|
a && (a.focus(), a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
|
|
1674
1710
|
}
|
|
1675
1711
|
render() {
|
|
1676
|
-
return i(k, { key: "
|
|
1712
|
+
return i(k, { key: "4a03bc9829bace5ed02129d99e12b6042f49386c" }, i("div", { key: "ccc660e6cd8727226b7418ee20fe700812f7c70b", class: "time-picker", part: "time-picker" }, i("input", { key: "24be2b42322194545575045f5624ac78bf8c643e", type: "text", name: this.name, id: this.name, part: "time-input", class: {
|
|
1677
1713
|
"time-input": !0,
|
|
1678
1714
|
error: !!this.err || this.hasError
|
|
1679
1715
|
}, ref: (e) => this.timeInput = e, value: this.time, onClick: () => {
|