@nylas/web-elements 0.0.0-canary-20241008193213 → 0.0.0-canary-20241015194719

package/dist/cdn/nylas-date-picker/nylas-date-picker.es.js

@@ -9134,7 +9134,7 @@ const W2 = ".sc-chevron-icon-h{display:flex}", G2 = W2, K2 = er(class extends rr
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return Y("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, Y("path", { key: "f03cbd70f5a3b0304c2fd55960ccf20576619908", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
+    return Y("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, Y("path", { key: "df8820887c1787356ad0727baf34fe0c5b76bbd4", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
   }
   static get style() {
     return G2;
@@ -9159,7 +9159,7 @@ const J2 = ".sc-clock-icon-h{display:flex}", Z2 = J2, Q2 = er(class extends rr {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return Y("svg", { key: "b333677464fef61be9d0813857b38e973a7c9dd0", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, Y("path", { key: "d4dd428b261b7b744dfe0c64fd42b8b1e017cf2d", d: "M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z", fill: "currentColor" }));
+    return Y("svg", { key: "a43286079781f2fb317a0a7b9d651f3fe7012800", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, Y("path", { key: "434cb947dc4f5a3802cede1bc4bc9ea420faa7a8", d: "M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z", fill: "currentColor" }));
   }
   static get style() {
     return Z2;
@@ -9184,7 +9184,7 @@ const e3 = ".sc-person-icon-h{display:flex}", t3 = e3, r3 = er(class extends rr
     super(), this.__registerHost(), this.width = "14", this.height = "16";
   }
   render() {
-    return Y("svg", { key: "ce837bb2bd6980c62d563f8bc4d5b1618cc717b5", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, Y("path", { key: "fa24a15fa2e88fb2ca17700b998f71a10a9017de", d: "M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z", fill: "currentColor" }));
+    return Y("svg", { key: "bf77344f510a860cf3b05daea1254dbe06465bcf", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, Y("path", { key: "6704d143c071b2de1ce05a823bb98ba59fbffba7", d: "M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z", fill: "currentColor" }));
   }
   static get style() {
     return t3;
@@ -9248,7 +9248,7 @@ hr((r) => {
 }, (r, e) => {
   r.setUTCDate(r.getUTCDate() + e);
 }, (r, e) => (e - r) / Xt, (r) => Math.floor(r / Xt));
-const o3 = ':host{display:block;min-height:444px}@media screen and (max-width: 768px){:host{min-height:auto}}.nylas-date-picker{display:flex;gap:1rem;flex-direction:column}.header{margin:0 0.5rem;height:48px}.header h2{font-size:1.3125rem;font-weight:400;line-height:1rem;color:var(--nylas-base-800)}.header h2 strong{font-weight:600}.title{margin:0 -1.25rem;display:flex;flex-direction:column;padding:0 1.5rem;gap:0.5rem;border-bottom:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family)}.title h1{margin-bottom:0;font-size:18px;line-height:20px;font-weight:600;display:flex;gap:0.5rem;align-items:center}.title p{margin-top:0;font-size:16px;display:flex;gap:0.5rem;align-items:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.dates{display:grid;justify-items:center;grid-template-columns:repeat(7, 1fr);gap:0.5rem;margin-bottom:24px}.dates .date{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;height:48px;width:48px;min-width:2rem;min-height:2rem;cursor:pointer;border-radius:var(--nylas-border-radius-2x);font-size:16px;font-weight:600;font-family:inherit;color:var(--nylas-base-text);background-color:var(--nylas-base-100);cursor:pointer;border:none}@media screen and (max-width: 412px){.dates .date{width:38px;height:38px;min-width:none}}.dates .date:hover:not(:disabled){box-shadow:0 0 0 2px var(--nylas-base-500) inset}.dates .date.date.current-month{color:var(--nylas-base-800)}.dates .date.date.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0);font-weight:700}.dates .date.date.day-skeleton{color:var(--nylas-base-300)}.dates .date:disabled{color:var(--nylas-base-300);background-color:transparent;font-weight:400;cursor:not-allowed}.dates .day{font-size:12px;color:var(--nylas-base-800);font-weight:600;letter-spacing:0.5px;height:32px;display:flex;align-items:center}@media screen and (max-width: 768px){.dates .day{font-size:14px}}.dates .date.day-skeleton{height:48px;width:48px;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out;background-color:var(--nylas-base-50)}@media screen and (max-width: 412px){.dates .date.day-skeleton{width:38px;height:38px;min-width:none}}.dates .date.current-day::after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--nylas-base-500)}.dates .date.current-day.selected::after{background-color:var(--nylas-base-100)}.pagination{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:92px}.pagination .chevron-right{transform:rotate(180deg)}.pagination .button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);background-color:transparent;color:var(--nylas-base-800);cursor:pointer;border:none}.pagination .button:hover{background-color:var(--nylas-base-50)}.pagination .button:active{background-color:var(--nylas-base-100)}.pagination .button:disabled{background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--nylas-base-500)}', s3 = o3;
+const o3 = ':host{display:block;min-height:444px;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}@media screen and (max-width: 768px){:host{min-height:auto}}.nylas-date-picker{display:flex;gap:1rem;flex-direction:column}.header{margin:0 0.5rem;height:48px}.header h2{font-size:1.3125rem;font-weight:400;line-height:1rem;color:var(--nylas-base-800)}.header h2 strong{font-weight:600}.title{margin:0 -1.25rem;display:flex;flex-direction:column;padding:0 1.5rem;gap:0.5rem;border-bottom:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family)}.title h1{margin-bottom:0;font-size:18px;line-height:20px;font-weight:600;display:flex;gap:0.5rem;align-items:center}.title p{margin-top:0;font-size:16px;display:flex;gap:0.5rem;align-items:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.dates{display:grid;justify-items:center;grid-template-columns:repeat(7, 1fr);gap:0.5rem;margin-bottom:24px}.dates .date{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;height:48px;width:48px;min-width:2rem;min-height:2rem;cursor:pointer;border-radius:var(--nylas-border-radius-2x);font-size:16px;font-weight:600;font-family:inherit;color:var(--nylas-base-text);background-color:var(--nylas-base-100);cursor:pointer;border:none}@media screen and (max-width: 412px){.dates .date{width:38px;height:38px;min-width:none}}.dates .date:hover:not(:disabled){box-shadow:0 0 0 2px var(--nylas-base-500) inset}.dates .date.date.current-month{color:var(--nylas-base-800)}.dates .date.date.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0);font-weight:700}.dates .date.date.day-skeleton{color:var(--nylas-base-300)}.dates .date:disabled{color:var(--nylas-base-300);background-color:transparent;font-weight:400;cursor:not-allowed}.dates .day{font-size:12px;color:var(--nylas-base-800);font-weight:600;letter-spacing:0.5px;height:32px;display:flex;align-items:center}@media screen and (max-width: 768px){.dates .day{font-size:14px}}.dates .date.day-skeleton{height:48px;width:48px;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out;background-color:var(--nylas-base-50)}@media screen and (max-width: 412px){.dates .date.day-skeleton{width:38px;height:38px;min-width:none}}.dates .date.current-day::after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--nylas-base-500)}.dates .date.current-day.selected::after{background-color:var(--nylas-base-100)}.pagination{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:92px}.pagination .chevron-right{transform:rotate(180deg)}.pagination .button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);background-color:transparent;color:var(--nylas-base-800);cursor:pointer;border:none}.pagination .button:hover{background-color:var(--nylas-base-50)}.pagination .button:active{background-color:var(--nylas-base-100)}.pagination .button:disabled{background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--nylas-base-500)}', s3 = o3;
 var a3 = function(r, e, t, n) {
   var u = arguments.length, i = u < 3 ? e : n === null ? n = Object.getOwnPropertyDescriptor(e, t) : n, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -9263,7 +9263,7 @@ var a3 = function(r, e, t, n) {
 };
 const $n = er(class extends rr {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.dateSelected = Mn(this, "dateSelected", 7), this.monthChanged = Mn(this, "monthChanged", 7), this.selectableDates = void 0, this.selectedDate = void 0, this.configSettings = void 0, this.selectedLanguage = void 0, this.isLoading = void 0, this.eventDuration = void 0, this.month = this.selectedDate || /* @__PURE__ */ new Date(), this.dates = this.getDates(), this.disableNextMonthButton = !1;
+    super(), this.__registerHost(), this.__attachShadow(), this.dateSelected = Mn(this, "dateSelected", 7), this.monthChanged = Mn(this, "monthChanged", 7), this.selectableDates = void 0, this.configSettings = void 0, this.selectedDate = void 0, this.selectedLanguage = void 0, this.isLoading = void 0, this.eventDuration = void 0, this.month = this.selectedDate || /* @__PURE__ */ new Date(), this.dates = this.getDates(), this.disableNextMonthButton = !1;
   }
   configSettingsChanged(e) {
     var i;
@@ -9302,7 +9302,7 @@ const $n = er(class extends rr {
   }
   render() {
     var e, t, n, u, i, o, a;
-    return Y(_u, { key: "3e6dd28572687991de4841d639c5bdbd5d2d6e0b", part: "ndp" }, Y("div", { key: "b8a31231d9e04035c468f9c025bbd3adb4f0dbb2", class: "nylas-date-picker" }, Y("div", { key: "c25024241ce71fb94bcc485cc32614c820a69fee", class: "title", part: "ndp__title" }, (e = this.configSettings) != null && e.name ? Y("h1", null, (t = this.configSettings) == null ? void 0 : t.name) : ((u = (n = this.configSettings) == null ? void 0 : n.organizer) == null ? void 0 : u.name) && Y("h1", null, Y("person-icon", null), ((o = (i = this.configSettings) == null ? void 0 : i.organizer) == null ? void 0 : o.name) || "Organizer"), Y("p", { key: "f51da2bb7f8b5d6b84ea5a9ea66aef03b9e10e12" }, Y("clock-icon", { key: "42a947b00a14afe7c57c716e37ef4d418e55e337" }), this.eventDuration ? j2(this.eventDuration) : `- ${le.t("time.minutes")}`)), Y("div", { key: "bb264f745cbe51ece10238e3a2f3fae55d2f1bdb", class: "header flex-row" }, Y("h2", { key: "16ecbac96e4ede32b8b524a645f96e30d16e2814", part: "ndp__month-header" }, Y("strong", { key: "aaf8064ac4ebd41680fb4c147b5a23fc7e5554f2" }, Y2(this.month.toLocaleDateString(void 0, { month: "long" }).toLocaleLowerCase())), " ", this.month.toLocaleDateString(void 0, { year: "numeric" })), Y("div", { key: "8d5fdca1f4de5d8b75c89ebf6bc6d964b39b8351", class: "pagination" }, Y("button", { key: "f70a9c3d9a8bbcf75ce3f702f82d161a59e7c7c8", title: "Previous month", onClick: () => this.changeMonth(-1), class: { "chevron-left": !0, button: !0 }, disabled: !((a = this.selectableDates) != null && a.length) || this.month <= /* @__PURE__ */ new Date(), part: "ndp__month-button" }, Y("chevron-icon", { key: "8069fa1e5bfc7ef18f2f67f2ddb2fcfcb026ced3" })), Y("button", { key: "6fde72c0e1bc2554ef284517637f35de19fcdd38", title: "Next month", onClick: () => this.changeMonth(1), class: { "chevron-right": !0, button: !0 }, disabled: this.disableNextMonthButton, part: "ndp__month-button" }, Y("chevron-icon", { key: "79ec52b0c06fa56a763a9cb604ab54c746c63468" })))), Y("div", { key: "f099f477ac31c9e686f24b721d3032455653cdea", class: "dates" }, [
+    return Y(_u, { key: "06638094c3e21b094641e5adbf08762b346fc10e", part: "ndp" }, Y("div", { key: "370143e471513ab59c49dc369208365e5dcd1865", class: "nylas-date-picker" }, Y("div", { key: "9b84a00eada140f2f142dec17a8418854160be87", class: "title", part: "ndp__title" }, (e = this.configSettings) != null && e.name ? Y("h1", null, (t = this.configSettings) == null ? void 0 : t.name) : ((u = (n = this.configSettings) == null ? void 0 : n.organizer) == null ? void 0 : u.name) && Y("h1", null, Y("person-icon", null), ((o = (i = this.configSettings) == null ? void 0 : i.organizer) == null ? void 0 : o.name) || "Organizer"), Y("p", { key: "a64fee4f4c6886b31620cdc62de0769e3908b634" }, Y("clock-icon", { key: "e6c4d1cf6fd0b45e9824f26cb4f1a9fd828347d3" }), this.eventDuration ? j2(this.eventDuration) : `- ${le.t("time.minutes")}`)), Y("div", { key: "7568638d6af0fa03f84cf4b32b418c6b4f4df0de", class: "header flex-row" }, Y("h2", { key: "7b656957b240be95038151d5ca2089967b3704cd", part: "ndp__month-header" }, Y("strong", { key: "cea1b1a9fc986885cb1425075364bb6b97b0d0e2" }, Y2(this.month.toLocaleDateString(void 0, { month: "long" }).toLocaleLowerCase())), " ", this.month.toLocaleDateString(void 0, { year: "numeric" })), Y("div", { key: "daf2f52ae4ca9e381fefadf53b9bf9f7a2c47987", class: "pagination" }, Y("button", { key: "e182f6af777a122aaaa323fbada73258fd8bcf90", title: "Previous month", onClick: () => this.changeMonth(-1), class: { "chevron-left": !0, button: !0 }, disabled: !((a = this.selectableDates) != null && a.length) || this.month <= /* @__PURE__ */ new Date(), part: "ndp__month-button" }, Y("chevron-icon", { key: "a9703cc9a0cbfc72e800f72a56233467bff2e5f9" })), Y("button", { key: "bcafc749f794352746d64974e8e564a5db1125a4", title: "Next month", onClick: () => this.changeMonth(1), class: { "chevron-right": !0, button: !0 }, disabled: this.disableNextMonthButton, part: "ndp__month-button" }, Y("chevron-icon", { key: "5fc036471ed8f1caabe79e8489321070d9b6eae3" })))), Y("div", { key: "701d99cc45475a8b9217893bfa56c0fa80f61520", class: "dates" }, [
       le.t("days.sunday"),
       le.t("days.monday"),
       le.t("days.tuesday"),
@@ -9335,8 +9335,8 @@ const $n = er(class extends rr {
   }
 }, [1, "nylas-date-picker", {
   selectableDates: [16],
-  selectedDate: [16],
   configSettings: [16],
+  selectedDate: [16],
   selectedLanguage: [1, "selected-language"],
   isLoading: [4, "is-loading"],
   eventDuration: [2, "event-duration"],