@nylas/react 2.1.0 → 2.2.1
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/cjs/connect.js +1 -0
- package/dist/cjs/elements.js +1 -0
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/notetaker.js +62 -0
- package/dist/cjs/utils.js +11 -0
- package/dist/connect.d.ts +1 -0
- package/dist/elements.d.ts +1 -0
- package/dist/es/connect.js +279 -0
- package/dist/es/elements.js +1319 -0
- package/dist/es/index.js +281 -0
- package/dist/es/notetaker.js +5784 -0
- package/dist/es/utils.js +12396 -0
- package/dist/lib/connect/types.d.ts +1 -1
- package/dist/lib/connect/useNylasConnect.d.ts +2 -2
- package/dist/lib/connect.d.ts +1 -0
- package/dist/lib/elements/components.d.ts +975 -0
- package/dist/lib/elements.d.ts +1 -0
- package/dist/lib/index.d.ts +3 -6
- package/dist/lib/notetaker.d.ts +1 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/notetaker.d.ts +1 -0
- package/dist/utils.d.ts +1 -0
- package/package.json +36 -16
- package/dist/add-circle-icon_2.entry-8c3bb0bb.cjs +0 -1
- package/dist/add-circle-icon_2.entry-a3daf6c4.js +0 -28
- package/dist/archive-icon.entry-46ad0ff3.cjs +0 -1
- package/dist/archive-icon.entry-d5141486.js +0 -18
- package/dist/arrow-icon.entry-1b89ce78.js +0 -18
- package/dist/arrow-icon.entry-f696de4f.cjs +0 -1
- package/dist/bold-icon.entry-7827cd4e.cjs +0 -1
- package/dist/bold-icon.entry-c117b4cf.js +0 -18
- package/dist/button-component_2.entry-8cd4c5f3.cjs +0 -1
- package/dist/button-component_2.entry-e68caa9b.js +0 -29
- package/dist/calendar-agenda-fill-icon_37.entry-52bdc8b3.js +0 -5234
- package/dist/calendar-agenda-fill-icon_37.entry-8c592cfa.cjs +0 -6
- package/dist/calendar-cancel-icon.entry-7facfa05.cjs +0 -1
- package/dist/calendar-cancel-icon.entry-f5f1d499.js +0 -18
- package/dist/calendar-check-icon.entry-55320137.js +0 -18
- package/dist/calendar-check-icon.entry-72108702.cjs +0 -1
- package/dist/calendar-icon.entry-afea361e.js +0 -18
- package/dist/calendar-icon.entry-f5c6730f.cjs +0 -1
- package/dist/checkbox-component.entry-5722d263.cjs +0 -1
- package/dist/checkbox-component.entry-89fa6edd.js +0 -54
- package/dist/checkbox-group_4.entry-30e8af17.cjs +0 -28
- package/dist/checkbox-group_4.entry-51f03009.js +0 -10014
- package/dist/checkmark-circle-icon.entry-ae11049d.cjs +0 -1
- package/dist/checkmark-circle-icon.entry-dfe67e22.js +0 -18
- package/dist/checkmark-icon_15.entry-4c3979db.js +0 -1415
- package/dist/checkmark-icon_15.entry-e59c0f53.cjs +0 -5
- package/dist/chevron-icon_3.entry-1f3c3ca6.js +0 -159
- package/dist/chevron-icon_3.entry-ea791750.cjs +0 -1
- package/dist/clock-icon_4.entry-172fed74.cjs +0 -1
- package/dist/clock-icon_4.entry-78878cb8.js +0 -48
- package/dist/constants-f51538ef-cd2a67c4.cjs +0 -1
- package/dist/constants-f51538ef-e0a5f026.js +0 -876
- package/dist/customParseFormat-b5d95b34-a6b6fcba.cjs +0 -1
- package/dist/customParseFormat-b5d95b34-ce80820c.js +0 -135
- package/dist/delete-icon.entry-a8c0bf03.cjs +0 -1
- package/dist/delete-icon.entry-cebdc90f.js +0 -18
- package/dist/document-refresh-icon.entry-2d9a529d.cjs +0 -1
- package/dist/document-refresh-icon.entry-8780a2b8.js +0 -18
- package/dist/feedbackSync-92220b42-fbebe1f9.cjs +0 -448
- package/dist/feedbackSync-92220b42-fd5f5610.js +0 -6048
- package/dist/folder-icon.entry-3e61ccca.cjs +0 -1
- package/dist/folder-icon.entry-6ffd5191.js +0 -18
- package/dist/forward-icon.entry-c7d88db8.cjs +0 -1
- package/dist/forward-icon.entry-c9c4bf5b.js +0 -18
- package/dist/globe-icon.entry-0b93cab8.cjs +0 -1
- package/dist/globe-icon.entry-7c0dca7b.js +0 -18
- package/dist/google-logo-icon_6.entry-deef91ee.js +0 -1765
- package/dist/google-logo-icon_6.entry-e25ce3e7.cjs +0 -2
- package/dist/google-meet-icon_5.entry-214347f0.cjs +0 -1
- package/dist/google-meet-icon_5.entry-f8b5a92a.js +0 -58
- package/dist/inbox-icon.entry-873062c3.js +0 -18
- package/dist/inbox-icon.entry-f08f2fd5.cjs +0 -1
- package/dist/index-025be398.js +0 -7187
- package/dist/index-c510313d-1318f67a.js +0 -289
- package/dist/index-c510313d-b0508eee.cjs +0 -1
- package/dist/index-f42fe591.cjs +0 -65
- package/dist/index.es-488bc919-d02dd50a.cjs +0 -7
- package/dist/index.es-488bc919-ea63a7e9.js +0 -2724
- package/dist/info-icon_2.entry-442b9097.cjs +0 -1
- package/dist/info-icon_2.entry-60fb8648.js +0 -37
- package/dist/input-component.entry-5898a52e.js +0 -96
- package/dist/input-component.entry-7274fd28.cjs +0 -1
- package/dist/input-dropdown_2.entry-4534436c.js +0 -255
- package/dist/input-dropdown_2.entry-9b72f637.cjs +0 -1
- package/dist/italic-icon.entry-62052cd8.js +0 -18
- package/dist/italic-icon.entry-9bdbbd37.cjs +0 -1
- package/dist/lib/elements/index.d.ts +0 -133
- package/dist/lib/elements/react-component-lib/createComponent.d.ts +0 -10
- package/dist/lib/elements/react-component-lib/createOverlayComponent.d.ts +0 -21
- package/dist/lib/elements/react-component-lib/index.d.ts +0 -2
- package/dist/lib/elements/react-component-lib/interfaces.d.ts +0 -29
- package/dist/lib/elements/react-component-lib/utils/attachProps.d.ts +0 -9
- package/dist/lib/elements/react-component-lib/utils/case.d.ts +0 -2
- package/dist/lib/elements/react-component-lib/utils/dev.d.ts +0 -2
- package/dist/lib/elements/react-component-lib/utils/index.d.ts +0 -10
- package/dist/multi-select-dropdown.entry-77752d46.cjs +0 -1
- package/dist/multi-select-dropdown.entry-9c9d05c1.js +0 -133
- package/dist/nylas-booked-event-card_11.entry-32b2e9f1.js +0 -1410
- package/dist/nylas-booked-event-card_11.entry-4aba5146.cjs +0 -1
- package/dist/nylas-date-component_2.entry-6b058796.cjs +0 -1
- package/dist/nylas-date-component_2.entry-a869519f.js +0 -310
- package/dist/nylas-form-card.entry-5390459f.js +0 -75
- package/dist/nylas-form-card.entry-c2f34d73.cjs +0 -1
- package/dist/nylas-notification_2.entry-054392cf.cjs +0 -1
- package/dist/nylas-notification_2.entry-f46e88e5.js +0 -88
- package/dist/nylas-scheduler-editor.entry-40a48f47.js +0 -1854
- package/dist/nylas-scheduler-editor.entry-e29fdf07.cjs +0 -2
- package/dist/nylas-scheduling.entry-115b1752.js +0 -1002
- package/dist/nylas-scheduling.entry-79cb1d9c.cjs +0 -1
- package/dist/person-icon.entry-2cae306c.cjs +0 -1
- package/dist/person-icon.entry-fd668b89.js +0 -18
- package/dist/play-icon.entry-7fc3c0fd.js +0 -18
- package/dist/play-icon.entry-9989a520.cjs +0 -1
- package/dist/radio-button-group.entry-03385b5f.cjs +0 -1
- package/dist/radio-button-group.entry-9df82cd0.js +0 -58
- package/dist/react.cjs +0 -1
- package/dist/react.js +0 -164
- package/dist/refresh-icon.entry-310954ba.cjs +0 -1
- package/dist/refresh-icon.entry-c56e5623.js +0 -18
- package/dist/register-component-3acd57e7-5a79a90a.cjs +0 -1
- package/dist/register-component-3acd57e7-cb09c05e.js +0 -110
- package/dist/reply-all-icon.entry-32e0e000.js +0 -18
- package/dist/reply-all-icon.entry-68388f97.cjs +0 -1
- package/dist/reply-icon.entry-3ac2e736.js +0 -18
- package/dist/reply-icon.entry-e616a9a4.cjs +0 -1
- package/dist/sent-icon.entry-0622ed04.js +0 -18
- package/dist/sent-icon.entry-543eb3c4.cjs +0 -1
- package/dist/spam-icon.entry-74bcfd4f.js +0 -18
- package/dist/spam-icon.entry-e341ee3e.cjs +0 -1
- package/dist/star-icon.entry-864d2bf9.js +0 -18
- package/dist/star-icon.entry-c90d40f6.cjs +0 -1
- package/dist/stop-icon.entry-835908c5.js +0 -18
- package/dist/stop-icon.entry-ffc46b42.cjs +0 -1
- package/dist/textarea-component.entry-6adcf6a6.js +0 -58
- package/dist/textarea-component.entry-dae8eb5c.cjs +0 -1
- package/dist/toggle-switch.entry-5ee29867.cjs +0 -1
- package/dist/toggle-switch.entry-ff2ccb75.js +0 -51
- package/dist/translate-icon.entry-372dd808.js +0 -18
- package/dist/translate-icon.entry-5606067d.cjs +0 -1
- package/dist/trash-fill-icon.entry-01b4379e.js +0 -18
- package/dist/trash-fill-icon.entry-daed6c0a.cjs +0 -1
- package/dist/underline-icon.entry-2020ee64.cjs +0 -1
- package/dist/underline-icon.entry-464b900d.js +0 -18
- package/dist/utils-31933f5d-15041585.js +0 -17878
- package/dist/utils-31933f5d-1d4c81ab.cjs +0 -54
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-f42fe591.cjs"),m=require("./register-component-3acd57e7-5a79a90a.cjs"),c=require("./utils-31933f5d-1d4c81ab.cjs"),b=require("./constants-f51538ef-cd2a67c4.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");require("react/jsx-runtime");require("react-dom");const K=".sc-checkmark-icon-h{display:flex}",q=K,M=class{constructor(e){a.registerInstance(this,e),this.width="18",this.height="14"}render(){return a.h("svg",{key:"a739b30f83d6510e6644045ba736860eb524c838",width:this.width,height:this.height,viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.h("path",{key:"9621004de9b8789eab6f4d0616ae0ff25124fd44",d:"M1.53033 7.46967C1.23744 7.17678 0.762563 7.17678 0.46967 7.46967C0.176777 7.76256 0.176777 8.23744 0.46967 8.53033L4.96967 13.0303C5.26256 13.3232 5.73744 13.3232 6.03033 13.0303L17.0303 2.03033C17.3232 1.73744 17.3232 1.26256 17.0303 0.96967C16.7374 0.676777 16.2626 0.676777 15.9697 0.96967L5.5 11.4393L1.53033 7.46967Z",fill:"#293056"}))}};M.style=q;const V=".sc-copy-icon-h{display:flex}",Z=V,N=class{constructor(e){a.registerInstance(this,e),this.width="16",this.height="16"}render(){return a.h("svg",{key:"af5249494e43163c59f43f0e21ff4a9063566023",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.h("path",{key:"d1b78a39d0dd7ce2a3823d54e2e0dbd5f260c188",d:"M4 0.75C2.89543 0.75 2 1.64543 2 2.75V12.75C2 13.8546 2.89543 14.75 4 14.75H10C11.1046 14.75 12 13.8546 12 12.75V2.75C12 1.64543 11.1046 0.75 10 0.75H4ZM3 2.75C3 2.19772 3.44772 1.75 4 1.75H10C10.5523 1.75 11 2.19772 11 2.75V12.75C11 13.3023 10.5523 13.75 10 13.75H4C3.44772 13.75 3 13.3023 3 12.75V2.75ZM0 4.75001C0 4.00973 0.402199 3.36339 1 3.01758V13.25C1 14.6307 2.11929 15.75 3.5 15.75H9.73244C9.38663 16.3478 8.74028 16.75 8 16.75H3.5C1.567 16.75 0 15.183 0 13.25V4.75001Z",fill:"currentColor"}))}};N.style=Z;const J=".sc-dragable-icon-h{display:flex}",G=J,z=class{constructor(e){a.registerInstance(this,e),this.width="20",this.height="20"}render(){return a.h("svg",{key:"e4d3ba685832139b22eb5b024479e22f2ddfc811",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.h("path",{key:"68f15598ca1251c3926a3b88adb0947f1a5b6b4a",d:"M15.5 18C16.3284 18 17 18.6716 17 19.5C17 20.3284 16.3284 21 15.5 21C14.6716 21 14 20.3284 14 19.5C14 18.6716 14.6716 18 15.5 18ZM8.5 18C9.32843 18 10 18.6716 10 19.5C10 20.3284 9.32843 21 8.5 21C7.67157 21 7 20.3284 7 19.5C7 18.6716 7.67157 18 8.5 18ZM15.5 11C16.3284 11 17 11.6716 17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11ZM8.5 11C9.32843 11 10 11.6716 10 12.5C10 13.3284 9.32843 14 8.5 14C7.67157 14 7 13.3284 7 12.5C7 11.6716 7.67157 11 8.5 11ZM15.5 4C16.3284 4 17 4.67157 17 5.5C17 6.32843 16.3284 7 15.5 7C14.6716 7 14 6.32843 14 5.5C14 4.67157 14.6716 4 15.5 4ZM8.5 4C9.32843 4 10 4.67157 10 5.5C10 6.32843 9.32843 7 8.5 7C7.67157 7 7 6.32843 7 5.5C7 4.67157 7.67157 4 8.5 4Z",fill:"currentColor"}))}};z.style=G;const X=".sc-eye-icon-h{display:flex}",Q=X,B=class{constructor(e){a.registerInstance(this,e),this.width="17",this.height="10"}render(){return a.h("svg",{key:"2b2a63f9602d85c9661986eb2dd8e220a02e5570",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.h("path",{key:"8609bab91f97b282d80282736ce38f895e7b6fc1",d:"M1.75909 6.60214C2.44254 3.32689 5.29437 1 8.50002 1C11.7057 1 14.5574 3.32688 15.2409 6.60215C15.2974 6.87246 15.5622 7.04587 15.8325 6.98946C16.1029 6.93304 16.2763 6.66817 16.2199 6.39785C15.4425 2.67312 12.1934 0 8.50002 0C4.8066 0 1.55742 2.67311 0.780175 6.39786C0.723767 6.66818 0.897177 6.93305 1.1675 6.98946C1.43782 7.04587 1.70268 6.87246 1.75909 6.60214ZM8.5 3C6.567 3 5 4.567 5 6.5C5 8.433 6.567 10 8.5 10C10.433 10 12 8.433 12 6.5C12 4.567 10.433 3 8.5 3ZM6 6.5C6 5.11929 7.11929 4 8.5 4C9.88071 4 11 5.11929 11 6.5C11 7.88071 9.88071 9 8.5 9C7.11929 9 6 7.88071 6 6.5Z",fill:"currentColor"}))}};B.style=Q;const Y=".sc-feedback-icon-h{display:flex}",ee=Y,j=class{constructor(e){a.registerInstance(this,e),this.width="11",this.height="14"}render(){return a.h("svg",{key:"0cef0443a3b22ffa2bd9be587f55175bef8557cf",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.h("path",{key:"20631452d3f3bc031b79d3337eda08143db490e4",d:"M0.5 8.875C0.5 8.875 1.125 8.25 3 8.25C4.875 8.25 6.125 9.5 8 9.5C9.875 9.5 10.5 8.875 10.5 8.875V1.375C10.5 1.375 9.875 2 8 2C6.125 2 4.875 0.75 3 0.75C1.125 0.75 0.5 1.375 0.5 1.375V8.875ZM0.5 8.875V13.25",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round"}))}};j.style=ee;const te=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.color-picker-container{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:-moz-available;width:-webkit-fill-available;padding-left:0;gap:0;overflow:hidden}.color-picker-container:focus{outline-color:var(--nylas-primary)}.color-picker-container.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}.color-picker-container.error::placeholder{font-weight:400}.color-picker-container::placeholder{color:var(--nylas-base-300)}.color-picker-container input{display:flex;align-items:center;height:100%;appearance:none;border:none;border-right:1px solid var(--nylas-base-200);background:transparent}.color-picker-container input::-webkit-color-swatch{min-width:30px;border-radius:0.25rem;border:1px solid var(--nylas-base-200);margin:0.25rem}.color-picker-container input::-moz-color-swatch{min-width:30px;border-radius:0.25rem;border:1px solid var(--nylas-base-200);margin:0.25rem}.color-picker-container.error{border:1px solid var(--nylas-error)}.color-picker-container:hover,.color-picker-container:active{outline:1px solid var(--nylas-primary)}.color-picker-container:active{outline:2px solid var(--nylas-primary)}.color-picker-container label{width:100%}.labelBtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:0.5rem;background:transparent;border:none}.labelBtn.error{border:1px solid var(--nylas-error)}.labelBtn.focus{background:transparent}.labelBtn:hover,.labelBtn:active{outline:1px solid var(--nylas-primary)}.labelBtn span.chevron{display:flex;align-self:center}.labelBtn span.open{transform:rotate(90deg)}.labelBtn span.closed{transform:rotate(270deg)}.labelBtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.labelBtn span.selected-option{max-width:124px;font-size:16px}}',ne=te,W=class{constructor(e){a.registerInstance(this,e),this.nylasFormDropdownChanged=a.createEvent(this,"nylasFormDropdownChanged",7),this.componentType="color-picker",this.name=void 0,this.defaultSelectedColor=void 0,this.selectedColor=this.defaultSelectedColor,this.isOpen=!1,this.ariaActivedescendant="",this.errorMessage=""}componentWillLoad(){this.selectedColor=this.defaultSelectedColor,this.el.setAttribute("component-type",this.componentType)}handleFocus(){this.isOpen=!0}handleBlur(){this.isOpen=!1}handleInput(e){this.selectedColor=e.target.value}handleChange(e){this.selectedColor=e.target.value,this.nylasFormDropdownChanged.emit({value:this.selectedColor,name:this.name,error:this.errorMessage})}handleKeyDown(e){var t;(e.code==="Enter"||e.code==="Space")&&(e.preventDefault(),(t=this.inputRef)==null||t.click())}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}render(){return a.h("div",{key:"354f7c502fadd2c6a30619365b9939523d9cd770",class:"color-picker-container",part:"icp_color-picker",tabindex:"0",onKeyDown:e=>this.handleKeyDown(e)},a.h("input",{key:"cc5803d2e90064b15137717043581f24cf80fda3",type:"color",ref:e=>this.inputRef=e,id:this.name,name:this.name,value:this.selectedColor,tabindex:"-1",onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur(),onInput:e=>this.handleInput(e),onChange:e=>this.handleChange(e),onKeyDown:e=>this.handleKeyDown(e)}),a.h("label",{key:"75e26e605a36d5a3505f41dbdad576484b14ac43",part:"icp_color-picker-button",htmlFor:this.name,class:{labelBtn:!0,open:this.isOpen,error:!!this.errorMessage},"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name},a.h("span",{key:"9a321653073ef9aa8a9372e291bd04244b6dfe46",class:"selected-option",part:"icp_color-picker-button-selected-label"},this.selectedColor||"Select a color"),a.h("span",{key:"62ed4fb1337b47735c823b8e164bb8bb57325ffd",class:{open:this.isOpen,closed:!this.isOpen,chevron:!0},"aria-hidden":"true"},a.h("chevron-icon",{key:"5c304ff53cfc6d3632f4fbbd8415c318301b4e38",width:"16",height:"16"})),this.errorMessage&&a.h("span",{class:"error help-text"},this.errorMessage)))}get el(){return a.getElement(this)}};W.style=ne;const ae=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.logo-container{display:flex;flex-direction:row;gap:2rem}.logo-container .input-container{flex:1}.logo-container .input-container span.error-message{color:var(--nylas-error)}.logo-container .logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.logo-container .logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}',oe=ae;var se=function(e,t,n,s){var r=arguments.length,i=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,n,s);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(r<3?o(i):r>3?o(t,n,i):o(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},k=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const P=class{constructor(e){a.registerInstance(this,e),this.nylasFormInputImageUrlInvalid=a.createEvent(this,"nylasFormInputImageUrlInvalid",7),this.valueChanged=a.createEvent(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.componentType="image-url",this.imageUrl="",this.themeConfig=void 0,this.errorMessage="",this.name="input-image-url",this.currentImageUrl=this.imageUrl,this.error=""}connectedCallback(){c.debug("nylas-image-input","connectedCallback")}disconnectedCallback(){c.debug("nylas-image-input","disconnectedCallback")}componentWillLoad(){c.debug("nylas-image-input","componentWillLoad"),this.host.setAttribute("name",this.name),this.host.setAttribute("component-type",this.componentType)}componentDidLoad(){c.debug("nylas-image-input","componentDidLoad"),this.currentImageUrl=this.imageUrl,this.setImage(this.imageUrl,!1),this.applyThemeConfig(this.themeConfig)}componentWillUpdate(){c.debug("nylas-image-input","componentWillUpdate")}componentDidUpdate(){c.debug("nylas-image-input","componentDidUpdate")}componentWillRender(){c.debug("nylas-image-input","componentWillRender")}componentDidRender(){c.debug("nylas-image-input","componentDidRender")}elementNameChangedHandler(e){c.debug("nylas-image-input","elementNameChangedHandler",e),this.host.setAttribute("name",e)}errorMessageChangedHandler(e){c.debug("nylas-image-input","errorMessageChangedHandler",e),this.error&&(this.error=e)}themeConfigChangedHandler(e,t){e!==t&&this.applyThemeConfig(e)}applyThemeConfig(e){if(e)for(const[t,n]of Object.entries(e))this.host.style.setProperty(`${t}`,n)}async nylasFormInputChangedHandler(e){const{name:t,value:n}=e.detail;t===this.name&&this.setImage(n)}async nylasFormInputBlurHandler(e){const{name:t,value:n}=e.detail;t===this.name&&this.setImage(n)}setImage(e,t=!0){this.error="",c.isValidImage(e).then(()=>{this.currentImageUrl=e,this.internals.setValidity({}),this.internals.setFormValue(this.currentImageUrl,this.name),t&&this.valueChanged.emit({value:this.currentImageUrl,name:this.name})}).catch(()=>{this.error=this.errorMessage||"Invalid image URL.",this.nylasFormInputImageUrlInvalid.emit({value:this.error,name:this.name}),typeof this.internals.setValidity=="function"&&this.internals.setValidity({customError:!0},this.error)})}render(){return a.h(a.Host,{key:"3ba309394a934b49e5fe958b2b35689db17ed25a"},a.h("div",{key:"35364f7a937b885e295814931619162caf41b849",class:"logo-container"},a.h("div",{key:"7b4714a223160fb8700f9ea240c96a86370360dd",class:"input-container"},a.h("input-component",{key:"443b31dfa78de24cf3720bc985a0d8a723ea0f85",name:this.name,id:this.name,type:"text",required:!1,themeConfig:this.themeConfig,exportparts:"ic_input: iiu__logo-input-textfield",defaultValue:this.imageUrl??""}),this.error&&a.h("span",{class:"error-message"},this.error)),this.currentImageUrl&&!this.error&&a.h("div",{class:"logo"},a.h("img",{src:this.currentImageUrl,alt:"Logo"}))))}static get formAssociated(){return!0}get host(){return a.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"],errorMessage:["errorMessageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};se([m.RegisterComponent({name:"nylas-image-input",eventToProps:{valueChanged:async(e,t)=>{const{valueChanged:n}=e.detail;n&&n(e)}}}),k("design:type",Function),k("design:paramtypes",[]),k("design:returntype",void 0)],P.prototype,"render",null);P.style=oe;const ie=':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-additional-participants__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--nylas-base-25)}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_group label span.org-as-participant{width:max-content}.nylas-additional-participants__error{color:var(--nylas-error);font-size:14px;font-family:var(--nylas-font-family);font-weight:400;line-height:16px;margin:0;text-align:left}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper.error{border-color:var(--nylas-error)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;border-left:1px solid var(--nylas-base-300);background:none;cursor:pointer;color:var(--nylas-base-800)}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{border:none}.nylas-additional-participants__input{flex:1;display:flex;justify-content:space-between}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input input-dropdown{width:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown){width:100%;height:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown-input){height:100%;border-radius:var(--nylas-border-radius-2x);border:none;border-top-right-radius:initial;border-bottom-right-radius:initial;padding-left:16px}.nylas-additional-participants__input input-component::part(ic__input){background:var(--nylas-base-50)}.nylas-additional-participants__input input-component::part(ic__label){font-size:14px}.nylas-additional-participants__input input-component div.required-input{display:flex;gap:4px}.nylas-additional-participants__input input-component div.required-input label{display:flex;gap:4px;align-items:center}.nylas-additional-participants__input input-component div.required-input label tooltip-component#organizer_participant_tooltip::part(tc__content){left:-84px}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer;color:var(--nylas-base-800)}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}',le=ie;var re=function(e,t,n,s){var r=arguments.length,i=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,n,s);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(r<3?o(i):r>3?o(t,n,i):o(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},_=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const A=class{constructor(e){a.registerInstance(this,e),this.valueChanged=a.createEvent(this,"valueChanged",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.name="participants",this.selectedConfiguration=void 0,this.currentUser=void 0,this.currentUserCalendars=void 0,this.participantOptions=void 0,this.eventParticipants=void 0,this.roundRobinConfig=void 0,this.selectedLanguage=void 0,this.themeConfig=void 0,this.participants=this.eventParticipants??[],this.participantErrors={},this.includeOrganizerAsParticipant=!0,this.isRoundRobinConfig=!1,this.error="",this.requiredError="",this.patternError=""}elementNameChangedHandler(e){c.debug("nylas-additional-participants","elementNameChangedHandler",e),this.host.setAttribute("name",e)}selectedConfigurationAndCurrentUserChangedHandler(e,t,n){c.debug("nylas-additional-participants","selectedConfigurationAndCurrentUserChangedHandler",e,this.currentUser),n==="selectedConfiguration"?this.updateState(e,this.currentUser,!1):n==="currentUser"&&this.updateState(this.selectedConfiguration,e,!1)}selectedLanguageChangedHandler(e,t){e!==t&&(c.instance.changeLanguage(e),this.requiredError=c.instance.t("fieldRequired",{field:c.instance.t("email")}),this.patternError=c.instance.t("invalidInputFormat",{field:c.instance.t("email")}),this.error&&(this.error=c.instance.t("nylasAdditionalParticipants.error")))}themeConfigChangedHandler(e,t){e!==t&&this.applyThemeConfig(e)}connectedCallback(){c.debug("nylas-additional-participants","connectedCallback")}componentWillLoad(){c.debug("nylas-additional-participants","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){c.debug("nylas-additional-participants","componentDidLoad"),this.selectedConfiguration?this.updateState(this.selectedConfiguration,this.currentUser,!1):this.eventParticipants&&(this.participants=this.eventParticipants||[],this.isRoundRobinConfig=this.roundRobinConfig||!1,this.updateFormValue(!0))}disconnectedCallback(){c.debug("nylas-additional-participants","disconnectedCallback")}updateState(e,t,n=!0){var s,r,i,o;this.isRoundRobinConfig=(r=(s=e==null?void 0:e.availability)==null?void 0:s.availability_rules)!=null&&r.availability_method?((o=(i=e==null?void 0:e.availability)==null?void 0:i.availability_rules)==null?void 0:o.availability_method)!=="collective":!1,this.participants=(e==null?void 0:e.participants)||this.eventParticipants||[],this.includeOrganizerAsParticipant=!!(this.isRoundRobinConfig&&this.participants.find(l=>l.email===(t==null?void 0:t.email))),this.updateOrganizerAsParticipant(n)}get isInternalsAvailable(){return this.internals!==void 0&&typeof this.internals.setFormValue=="function"&&typeof this.internals.setValidity=="function"}onInputOptionChanged(e){var i,o,l,d;c.debug("nylas-additional-participants","onInputOptionChanged");const t=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,n=e.detail.name,s=(i=this.participantOptions)==null?void 0:i.find(f=>f.email===e.detail.value);if(!s&&this.isRoundRobinConfig){this.isInternalsAvailable&&this.internals.setValidity({customError:!0},"For round robin configuration, participant should be selected from the dropdown."),this.participantErrors[n]="For round robin page, participant should be selected from the dropdown.",this.participants[n].is_valid=!1,this.participants=[...this.participants];return}else if(!s&&!t.test(e.detail.value)){this.isInternalsAvailable&&this.internals.setValidity({customError:!0},c.instance.t("nylasAdditionalParticipants.error_email")),this.participantErrors[n]=c.instance.t("nylasAdditionalParticipants.error_email"),this.participants[n].is_valid=!1,this.participants=[...this.participants];return}else this.participantErrors[n]="",this.participants[n].is_valid=!0,this.isInternalsAvailable&&this.internals.setValidity({});this.participants[n].email=e.detail.value;const r=(o=s==null?void 0:s.calendars)==null?void 0:o.find(f=>f.is_primary);this.participants[n].availability=s&&(r!=null&&r.id)?{calendar_ids:[r.id]}:(l=s==null?void 0:s.calendars[0])!=null&&l.id?{calendar_ids:[s.calendars[0].id]}:void 0,this.participants[n].booking=s&&this.isRoundRobinConfig&&(r!=null&&r.id)?{calendar_id:r.id}:this.isRoundRobinConfig&&((d=s==null?void 0:s.calendars[0])!=null&&d.id)?{calendar_id:s.calendars[0].id}:void 0,this.participants[n].name=(s==null?void 0:s.name)||e.detail.value,this.participants=[...this.participants],this.updateFormValue()}updateOrganizerAsParticipant(e=!0){var n,s,r,i,o,l,d;const t=this.participants.find(f=>{var h;return f.email===((h=this.currentUser)==null?void 0:h.email)});if(this.isRoundRobinConfig&&!t&&((n=this.currentUser)!=null&&n.email)){const f=((r=(s=this.currentUserCalendars)==null?void 0:s.find(h=>h.is_primary))==null?void 0:r.id)||((o=(i=this.currentUserCalendars)==null?void 0:i[0])==null?void 0:o.id)||"primary";this.participants=[{name:(l=this.currentUser)==null?void 0:l.name,email:(d=this.currentUser)==null?void 0:d.email,is_organizer:!0,availability:{calendar_ids:[f]},booking:{calendar_id:f}},...this.participants]}this.updateFormValue(e)}addParticipant(){c.debug("nylas-additional-participants","addParticipant"),this.participants=[...this.participants,{name:"",email:"",is_organizer:!1}],this.updateFormValue()}removeParticipant(e){c.debug("nylas-additional-participants","removeParticipant"),this.participants=this.participants.filter((t,n)=>n!==e),this.updateFormValue()}updateFormValue(e=!0){c.debug("nylas-additional-participants","updateFormValue");const t=this.isRoundRobinConfig?this.includeOrganizerAsParticipant?this.participants:this.participants.filter(n=>!n.is_organizer):this.participants;t.length===0?(this.error=c.instance.t("nylasAdditionalParticipants.error"),this.isInternalsAvailable&&this.internals.setValidity({customError:!0},this.error)):(this.isInternalsAvailable&&this.internals.setValidity({}),this.error="",this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(t),this.name),e&&this.valueChanged.emit({value:JSON.stringify(t),name:this.name}))}getArrayDifference(e,t){return e.filter(s=>!t.some(r=>s.email===r.email)).map(s=>({value:s.email,label:s.email}))}applyThemeConfig(e){if(e)for(const[t,n]of Object.entries(e))this.host.style.setProperty(`${t}`,n)}render(){return a.h(a.Host,{key:"8f567ae6775e709c0d2046cb0e072039e6aa22f6",part:"nadtnlpart"},a.h("nylas-form-card",{key:"9797400fad8fc093f6a909270ddfa7baf192ac8d",exportparts:"nfc, nfc__header",themeConfig:this.themeConfig},a.h("h3",{key:"e4a4a618db2fb686a0f307727eafb15fc67e464f",slot:"header-title",class:"nylas-additional-participants__title",part:"nadtnlpart__title"},c.instance.t("nylasAdditionalParticipants.headerTitle")),a.h("p",{key:"30fe99e55ec458a1772492d39652072b4df893c6",slot:"header-subtitle",class:"nylas-additional-participants__subtitle",part:"nadtnlpart__subtitle"},c.instance.t("nylasAdditionalParticipants.headerSubTitle")),a.h("div",{key:"f5fcde3ccb7493850b02ef17cbfc73e54560c045",slot:"content",class:"nylas-additional-participants__content",part:"nadtnlpart__content"},a.h("div",{key:"25f5adaf1b9e1f4c2d4cc3a98e4becba334a34b0"},this.participants.map((e,t)=>a.h("div",{class:"nylas-additional-participants__input_group",part:"nadtnlpart__input_group"},!e.is_organizer&&a.h("label",null,`${c.instance.t("nylasAdditionalParticipants.participant")} ${t}`),a.h("div",{part:"nadtnlpart__input_wrapper",class:{"nylas-additional-participants__input_wrapper":!0,"nylas-additional-participants__input_wrapper_organizer":(e==null?void 0:e.is_organizer)===!0,"nylas-additional-participants__input_wrapper_invalid":e.is_valid===!1,error:e.is_valid===!1}},a.h("div",{class:{"nylas-additional-participants__input":!0,organizer:(e==null?void 0:e.is_organizer)===!0},part:"nadtnlpart__input"},e.is_organizer?a.h("input-component",{class:"label-input",name:`${t}`,key:t,label:c.instance.t("nylasAdditionalParticipants.organizer"),required:!1,requiredError:this.requiredError,patternError:this.patternError,readOnly:e.is_organizer,defaultValue:e.email,themeConfig:this.themeConfig},this.isRoundRobinConfig&&a.h("div",{class:"required-input",slot:"additional-input"},a.h("input",{type:"checkbox",name:"organizer_participant",id:"organizer_participant",onClick:()=>{this.includeOrganizerAsParticipant=!this.includeOrganizerAsParticipant,this.updateFormValue()},checked:this.includeOrganizerAsParticipant}),a.h("label",{htmlFor:"organizer_participant","aria-label":"Include as participant"},a.h("span",{class:"org-as-participant",part:"nadtnlpart__org-as-participant"},c.instance.t("nylasAdditionalParticipants.organizerAsParticipant")),a.h("tooltip-component",{id:"organizer_participant_tooltip"},a.h("info-icon",{slot:"tooltip-icon"}),a.h("span",{slot:"tooltip-content"},a.h("strong",null,c.instance.t("nylasAdditionalParticipants.tooltip.includeOrganizer"),":")," ",c.instance.t("nylasAdditionalParticipants.tooltip.includeOrganizerDesc")," ",a.h("br",null),a.h("strong",null,c.instance.t("nylasAdditionalParticipants.tooltip.excludeOrganizer"),":")," ",c.instance.t("nylasAdditionalParticipants.tooltip.excludeOrganizerDesc")))))):a.h("input-dropdown",{id:`${t}`,name:`${t}`,filterable:!0,inputValue:e.email,options:this.getArrayDifference(this.participantOptions||[],this.participants),themeConfig:this.themeConfig}),!e.is_organizer&&a.h("button",{onClick:()=>this.removeParticipant(t),part:"nadtnlpart__remove-participant"},a.h("close-icon",null)))),!e.is_valid&&a.h("p",{class:"nylas-additional-participants__error",part:"nadtnlpart__error"},this.participantErrors[t]))),a.h("p",{key:"8878a1424302cbf36cf0a3a3a945c9a2ab63f1cd",class:"nylas-additional-participants__error",part:"nadtnlpart__error"},this.error)),a.h("button",{key:"ffc743095240b2b14cedab52178fcec10a5f9d40",class:"nylas-additional-participants__add",part:"nadtnlpart__add-participant",onClick:()=>this.addParticipant()},a.h("add-circle-icon",{key:"b7c9581fd3aa18b846ae908ca49bbfaebf3f86e0"})," ",a.h("span",{key:"9ae4f72925cd53c2fef4600dd6ec806ff513e211"},this.participants.length>1?c.instance.t("nylasAdditionalParticipants.addParticipant",{context:"next"}):c.instance.t("nylasAdditionalParticipants.addParticipant",{context:"first"}))))))}static get formAssociated(){return!0}get host(){return a.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"],currentUser:["selectedConfigurationAndCurrentUserChangedHandler"],selectedConfiguration:["selectedConfigurationAndCurrentUserChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};re([m.RegisterComponent({name:"nylas-additional-participants",stateToProps:new Map([["schedulerConfig.additionalParticipants","participantOptions"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.calendars","currentUserCalendars"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:!0}),_("design:type",Function),_("design:paramtypes",[]),_("design:returntype",void 0)],A.prototype,"render",null);A.style=le;const ce=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-description{display:flex;flex-direction:column;gap:4px;position:relative}.nylas-event-description label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-description label span.label-icon{margin-left:4px}.nylas-event-description label span.label-icon tooltip-component{display:flex}.nylas-event-description textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-event-description textarea::-webkit-resizer{display:none}.nylas-event-description div.event-description{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);white-space:nowrap;scrollbar-width:thin;min-height:50px;overflow-y:auto;white-space:pre-wrap;line-height:1.5;background-color:var(--nylas-base-0);}.nylas-event-description div.event-description::-webkit-scrollbar{width:6px;height:6px}.nylas-event-description div.event-description.error{border-color:var(--nylas-error);border-width:2px;outline:none}.nylas-event-description span.add-additional-fields{display:flex;align-items:center;gap:8px}.nylas-event-description span.add-additional-fields button-component button{height:35px;background-color:var(--nylas-base-0)}.nylas-event-description span.help-text{display:inline-block;gap:4px;align-items:center;color:var(--nylas-base-500);font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative}.nylas-event-description span.help-text span.label-icon{display:inline-block}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__container){position:unset}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__content){position:absolute;top:4px;left:50%;transform:translateX(-50%)}.nylas-event-description .highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:2px 5px;margin-left:4px;margin-bottom:4px;display:inline-block;vertical-align:baseline}.nylas-event-description .token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;margin-top:28px;overflow:auto;z-index:1;border-radius:4px;position:absolute;bottom:108px;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){.nylas-event-description .token-options{right:0;width:325px;max-width:unset}}.nylas-event-description .token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.nylas-event-description .token-options ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);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}.nylas-event-description .token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.nylas-event-description .token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.nylas-event-description .token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.nylas-event-description .token-options ul li:hover,.nylas-event-description .token-options ul li:focus,.nylas-event-description .token-options ul li:active,.nylas-event-description .token-options ul li.active{background-color:var(--nylas-base-100)}.nylas-event-description .token-options ul li:hover .token-label .token,.nylas-event-description .token-options ul li:focus .token-label .token,.nylas-event-description .token-options ul li:active .token-label .token,.nylas-event-description .token-options ul li.active .token-label .token{color:var(--nylas-primary)}.nylas-event-description .token-options .selected{background-color:var(--nylas-base-100)}',de=ce;var fe=function(e,t,n,s){var r=arguments.length,i=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,n,s);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(r<3?o(i):r>3?o(t,n,i):o(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},w=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const D=class{constructor(e){var t,n,s,r;a.registerInstance(this,e),this.valueChanged=a.createEvent(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=(n=(t=this.selectedConfiguration)==null?void 0:t.event_booking)==null?void 0:n.description,this.name="description",this.selectedLanguage=void 0,this.hideAutoPopulateButton=!1,this.noTemplates=!1,this.themeConfig=void 0,this.description=this.eventDescription||((r=(s=this.selectedConfiguration)==null?void 0:s.event_booking)==null?void 0:r.description)||"",this.showTokens=!1,this.availableTokens=b.EVENT_TITLE_TOKENS.map(i=>({label:i.token,value:i.value,labelHTML:i})),this.filteredTokens=this.availableTokens,this.ariaActivedescendant="",this.currentWord={$value:"",fullText:"",index:-1,focusOffset:-1},this.validationError="",this.additionalFieldTokens=[]}elementNameChangedHandler(e){c.debug("nylas-event-description","elementNameChangedHandler",e),this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){var i,o;c.debug("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);const t=((i=e==null?void 0:e.event_booking)==null?void 0:i.description)||this.eventDescription||"",n=((o=e==null?void 0:e.scheduler)==null?void 0:o.additional_fields)||{},r=(Object.keys(n)||[]).map(l=>({token:`$${l}`,value:`\${${l}}`,description:n[l].label||""}));this.additionalFieldTokens=[...r],this.availableTokens=[...b.EVENT_TITLE_TOKENS,...r].map(l=>({label:l.token,value:l.value,labelHTML:l})),this.filteredTokens=[...this.availableTokens],this.description=t,t&&this.updateEventDescriptionFromProp(t)}selectedLanguageChangedHandler(e,t){if(e===t)return;c.instance.changeLanguage(e);const n={$invitee:"invitee",$invitee_email:"inviteeEmail",$duration:"duration"};this.availableTokens=this.availableTokens.map(s=>(n[s.label]&&(s.labelHTML.description=c.instance.t(`nylasEventTitle.eventTitleTokenDescription.${n[s.label]}`)),s)),this.filteredTokens=[...this.availableTokens]}themeConfigChangedHandler(e,t){e!==t&&this.applyThemeConfig(e)}applyThemeConfig(e){if(e)for(const[t,n]of Object.entries(e))this.host.style.setProperty(`${t}`,n)}connectedCallback(){c.debug("nylas-event-description","connectedCallback")}componentWillLoad(){c.debug("nylas-event-description","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){c.debug("nylas-event-description","componentDidLoad"),this.selectedConfiguration?this.selectedConfigurationChangedHandler(this.selectedConfiguration):(this.description=this.eventDescription||"",this.updateEventDescriptionFromProp(this.description))}disconnectedCallback(){c.debug("nylas-event-description","disconnectedCallback")}valueChangedHandler(e){const{name:t,value:n}=e.detail;if(t==="additional-fields"){const s=JSON.parse(n.toString()),i=(Object.keys(s)||[]).map(o=>({token:`$${o}`,value:`\${${o}}`,description:s[o].label||""}));this.additionalFieldTokens=[...i],this.availableTokens=[...b.EVENT_TITLE_TOKENS,...i].map(o=>({label:o.token,value:o.value,labelHTML:o})),this.filteredTokens=[...this.availableTokens]}}updateEventDescriptionFromProp(e){c.debug("nylas-event-description","updateEventDescriptionFromProp",e);const t=e||this.description;this.descriptionRef&&(this.descriptionRef.innerHTML=this.highlightTokens(t))}highlightTokens(e){let t=e;return[...b.EVENT_TITLE_TOKENS,...this.additionalFieldTokens].forEach(n=>{const s=n.value,r=new RegExp(`(\\${s})(?!\\w)`,"g");t=(t==null?void 0:t.replace(r,'<span class="highlighted-tag">$1</span>'))||""}),t}getCurrentSelectionForBrowser(){var s,r,i;const e=(o,l,d,f)=>{const h=o.replace(/[\u200B-\u200D\uFEFF]/g,""),p=h.lastIndexOf("$"),y=h.substring(p).split(" ")[0];return{focusOffset:l,dollarIndex:p,lastWord:y,currentText:h,node:d,allSelected:f}},t=o=>{var l,d;return o.anchorOffset===0&&o.focusOffset===((d=(l=o.focusNode)==null?void 0:l.nodeValue)==null?void 0:d.length)};switch(c.getBrowser()){case"Chrome":{const o=(s=this.host.shadowRoot)==null?void 0:s.getSelection(),l=o==null?void 0:o.focusNode,d=(l==null?void 0:l.nodeValue)||"",f=o&&t(o);return e(d,(o==null?void 0:o.focusOffset)||-1,l,f)}case"Firefox":{const o=document.getSelection(),l=((r=o==null?void 0:o.anchorNode)==null?void 0:r.nodeValue)||"",d=o&&t(o);return e(l,(o==null?void 0:o.focusOffset)||-1,o==null?void 0:o.anchorNode,d)}case"Safari":{const o=window.getSelection(),l=o==null?void 0:o.getComposedRanges(this.host.shadowRoot)[0],d=((i=l==null?void 0:l.startContainer)==null?void 0:i.nodeValue)||"",f=o&&t(o);return e(d,(l==null?void 0:l.endOffset)||-1,l==null?void 0:l.startContainer,f)}default:return console.warn("Browser not supported"),null}}handleChange(e){let t=e.target.textContent||"";t=c.sanitize(t);const n=this.getCurrentSelectionForBrowser();if(!n){this.updateEventDescription(t),this.resetDropdown();return}const{focusOffset:s,dollarIndex:r,lastWord:i,currentText:o}=n;if(r===-1||s<r){this.updateEventDescription(t),this.resetDropdown();return}i.startsWith("$")?(this.showTokens=!0,this.currentWord={$value:i,fullText:o,index:r,focusOffset:s},this.populateSuggestionsDropdown(i)):this.resetDropdown(),this.updateEventDescription(t)}handleInputKeyDown(e){var n,s,r,i;const t=this.getCurrentSelectionForBrowser();if(t!=null&&t.allSelected&&!c.isNonPrintableKey(e)&&(this.descriptionRef.innerHTML=""),e.key==="Enter"){e.preventDefault();const o=(n=this.host.shadowRoot)==null?void 0:n.getElementById(this.ariaActivedescendant);if(o)o.click(),this.ariaActivedescendant="";else{const l=t==null?void 0:t.node,d=(t==null?void 0:t.focusOffset)||0;if(!l||d===-1||this.descriptionRef.childNodes.length===0){const f=document.createTextNode(`
|
|
2
|
-
`);this.descriptionRef.insertBefore(f,this.descriptionRef.firstChild);const h=document.createRange();h.setStart(f,1),h.collapse(!0);const p=window.getSelection();p==null||p.removeAllRanges(),p==null||p.addRange(h)}else if(l.nodeType===Node.TEXT_NODE){const f=l.nodeValue||"",h=f.slice(0,d)+`
|
|
3
|
-
`+f.slice(d);l.nodeValue=h;const p=document.createRange();p.setStart(l,d+1),p.collapse(!0);const y=window.getSelection();y==null||y.removeAllRanges(),y==null||y.addRange(p)}this.descriptionRef.focus()}}else if(e.key==="ArrowDown"){this.showTokens&&e.preventDefault();const o=(s=this.host.shadowRoot)==null?void 0:s.getElementById(this.ariaActivedescendant);if(o){const l=o.nextElementSibling;l?this.ariaActivedescendant=l.id:this.ariaActivedescendant=this.filteredTokens[0].label}else this.ariaActivedescendant=this.filteredTokens[0].label}else if(e.key==="ArrowUp"){this.showTokens&&e.preventDefault();const o=(r=this.host.shadowRoot)==null?void 0:r.getElementById(this.ariaActivedescendant);if(o){const l=o.previousElementSibling;l?this.ariaActivedescendant=l.id:this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}else this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}else if(e.key==="Escape")e.preventDefault(),this.resetDropdown();else if(e.key==="Backspace"||e.key==="Delete"){const o=(i=t==null?void 0:t.node)==null?void 0:i.parentNode;t!=null&&t.currentText.startsWith("${")&&o&&o.nodeName==="SPAN"&&(e.preventDefault(),o.removeChild(t.node),o.remove(),this.resetDropdown()),(this.descriptionRef.textContent===""||t!=null&&t.allSelected)&&(this.descriptionRef.innerHTML="",this.updateEventDescription(""))}}selectOption(e,t){var x;e.preventDefault();const n=this.currentWord.fullText,s=this.currentWord.$value;let r=this.descriptionRef.firstChild,i=null;for(;r;){if(r.nodeType===3){const g=((x=r.textContent)==null?void 0:x.replace(/[\u200B-\u200D\uFEFF]/g,""))||"",C=n.replace(/[\u200B-\u200D\uFEFF]/g,"");if(g.includes(C)){i=r;break}}r=r.nextSibling}if(!i)return;const o=i.textContent||"",l=o.indexOf(s),d=o.substring(0,l),f=o.substring(l+s.length),h=document.createTextNode(d),p=document.createRange(),y=document.createElement("span");y.classList.add("highlighted-tag"),y.textContent=`${t.value}`;const v=document.createTextNode(f);if(f!=="")i.replaceWith(h,y,v),p.setStart(v,1);else{const g=document.createTextNode("");i.replaceWith(h,y,g),p.setStart(g,1)}this.resetDropdown(),this.descriptionRef.focus();const u=window.getSelection();p.collapse(!0),u==null||u.removeAllRanges(),u==null||u.addRange(p),this.updateEventDescription(this.descriptionRef.textContent||"")}populateSuggestionsDropdown(e=""){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)}get isInternalsAvailable(){return typeof this.internals<"u"&&typeof this.internals.setValidity=="function"&&typeof this.internals.setFormValue=="function"}updateEventDescription(e){var n;const t=e.replace(/ +/g," ");this.isInternalsAvailable&&((n=this.internals)==null||n.setFormValue(t,this.name)),this.valueChanged.emit({value:t,name:this.name})}resetDropdown(){this.showTokens=!1,this.ariaActivedescendant=""}getLabelHTML(e){return a.h("div",{class:"token-label"},a.h("span",{class:"token"},e.token),a.h("span",{class:"description"},e.description))}handleAddAdditionalFields(){if(this.additionalFieldTokens.length===0)return;const e=this.descriptionRef.innerHTML,t="--- Additional Fields ---",n="--- End Additional Fields ---",s=e.indexOf(t),r=e.indexOf(n);let i=t+`
|
|
4
|
-
`;this.additionalFieldTokens.forEach(l=>{i+=`${l.description}: ${l.value}
|
|
5
|
-
`}),i+=n;let o;s!==-1&&r!==-1?o=e.substring(0,s)+i+e.substring(r+n.length):o=e+i,this.updateEventDescriptionFromProp(o),this.updateEventDescription(o)}render(){var e;return a.h(a.Host,{key:"9ccddd8582abc61f2dddd757a4c0b421ca75718b"},a.h("div",{key:"06234e9529c43410161c40ac752fa6f0413daa6b",class:"nylas-event-description",part:"nedesc"},a.h("label",{key:"c908c2dbd967208f92e72fab292b32527d645d0f",htmlFor:"description"},c.instance.t("nylasEventDescription.headerTitle"),a.h("span",{key:"90f417361636dc3d35d36be47e96b9cb2075294c",class:"label-icon"},a.h("tooltip-component",{key:"d1bd3235457855d341c07be94a1d865995b21dac"},a.h("info-icon",{key:"0ddd3a4af6dad47dec07fb5d6e490de8b174c4c3",slot:"tooltip-icon"}),a.h("span",{key:"b80a0cf4324dd728e32afc689327b5fb29a59fe8",slot:"tooltip-content"},c.instance.t("nylasEventDescription.tooltip.desc"))))),a.h("div",{key:"cf413dda764a5c41faafb1d95aecd1725e40eea3",id:"event-description",class:{"event-description":!0},part:"nedesc__textarea",contentEditable:"true",onInput:t=>this.handleChange(t),onKeyDown:t=>this.handleInputKeyDown(t),ref:t=>this.descriptionRef=t}),!this.noTemplates&&this.showTokens&&((e=this.filteredTokens)==null?void 0:e.length)>0&&a.h("div",{class:"token-options",part:"nedesc__dropdown-content"},a.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant},this.filteredTokens.map(t=>a.h("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))))),!this.noTemplates&&a.h("span",{class:"help-text"},c.instance.t("nylasEventTitle.helpText",{context:"start",field:c.instance.t("nylasEventTitle.description")})," ",a.h("code",null,"$")," ",c.instance.t("nylasEventTitle.helpText",{context:"end"}),a.h("span",{class:"label-icon"},a.h("tooltip-component",null,a.h("info-icon",{slot:"tooltip-icon",width:"13",height:"13"}),a.h("span",{slot:"tooltip-content"},c.instance.t("nylasEventTitle.tooltip.desc")," ",a.h("code",null,"${invitee}"))))),!this.noTemplates&&!this.hideAutoPopulateButton&&a.h("span",{class:"add-additional-fields"},a.h("button-component",{variant:"basic",onClick:()=>this.handleAddAdditionalFields()},c.instance.t("nylasEventDescription.addAdditionalFields.buttonText")),a.h("span",{class:"label-icon"},a.h("tooltip-component",null,a.h("info-icon",{slot:"tooltip-icon"}),a.h("span",{slot:"tooltip-content"},c.instance.t("nylasEventDescription.addAdditionalFields.tooltip.desc")," ",a.h("code",null,"${invitee}")))))))}static get formAssociated(){return!0}get host(){return a.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};fe([m.RegisterComponent({name:"nylas-event-description",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:!0}),w("design:type",Function),w("design:paramtypes",[]),w("design:returntype",void 0)],D.prototype,"render",null);D.style=de;const pe=':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-info__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-info__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-info__content{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--nylas-base-25)}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}',he=pe;var ye=function(e,t,n,s){var r=arguments.length,i=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,n,s);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(r<3?o(i):r>3?o(t,n,i):o(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},T=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const R=class{constructor(e){a.registerInstance(this,e),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.selectedLanguage=void 0,this.themeConfig=void 0}selectedLanguageChangedHandler(e,t){e!==t&&c.instance.changeLanguage(e)}themeConfigChangedHandler(e,t){e!==t&&this.applyThemeConfig(e)}applyThemeConfig(e){if(e)for(const[t,n]of Object.entries(e))this.el.style.setProperty(`${t}`,n)}connectedCallback(){c.debug("nylas-event-info","connectedCallback")}componentWillLoad(){c.debug("nylas-event-info","componentWillLoad")}componentDidLoad(){c.debug("nylas-event-info","componentDidLoad"),c.checkForMissingSlots(["inputs"],this.el)}disconnectedCallback(){c.debug("nylas-event-info","disconnectedCallback")}render(){return a.h(a.Host,{key:"a62edaabd2210706d4ef9f671973a40fcbcb8d52"},a.h("nylas-form-card",{key:"6bfbb55c126393559f7f00587fd7b009c0c42422",exportparts:"nfc__header: nei__header"},a.h("h1",{key:"b05d0fa0528248fee82584e1ac594c68d17b1b8f",slot:"header-title",class:"nylas-event-info__title",part:"nei__title"},c.instance.t("nylasEventInfo.headerTitle")),a.h("div",{key:"5a589ed5c86d6fb4327110618af4fe320840a062",slot:"content",class:"nylas-event-info__content"},a.h("slot",{key:"74c8f5de152d7efce914f8968342b84b3b4d5d35",name:"inputs"}))))}static get formAssociated(){return!0}get el(){return a.getElement(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};ye([m.RegisterComponent({name:"nylas-event-info",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:!0}),T("design:type",Function),T("design:paramtypes",[]),T("design:returntype",void 0)],R.prototype,"render",null);R.style=he;const ue=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-location{display:flex;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-location label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-location label span.label-icon{margin-left:4px}.nylas-event-location label span.label-icon tooltip-component{display:flex}.nylas-event-location span[slot=select-icon]{border-right:1px solid var(--nylas-base-200);padding:16px 0.75rem 16px 0.5rem;border-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:0;border-top-right-radius:0;height:20px}.nylas-event-location div.location-input{display:grid;grid-template-columns:auto 1fr;width:100%;gap:0.5rem}@media screen and (max-width: 768px){.nylas-event-location div.location-input{grid-template-columns:1fr}}.nylas-event-location div.location-input input{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;background-color:var(--nylas-base-0);color:var(--nylas-base-900)}.nylas-event-location select-dropdown{width:208px}@media screen and (max-width: 768px){.nylas-event-location select-dropdown{width:100%}}.nylas-event-location select-dropdown::part(sd_dropdown){width:100%}.nylas-event-location select-dropdown::part(sd_dropdown-content){left:calc(35px + 0.5rem)}.nylas-event-location select-dropdown::part(sd_dropdown-button){display:flex;justify-content:space-between;width:100%;border:1px solid var(--nylas-base-200);padding:0 0.5rem}.nylas-event-location select-dropdown::part(sd_dropdown-button-selected-label){display:inline-flex;align-self:center;padding:14px 0;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}',be=ue;var ge=function(e,t,n,s){var r=arguments.length,i=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,n,s);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(r<3?o(i):r>3?o(t,n,i):o(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},E=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const H=class{constructor(e){var t;a.registerInstance(this,e),this.valueChanged=a.createEvent(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.currentUser=void 0,this.userProvider=void 0,this.eventConferencing=void 0,this.conferenceProviders=void 0,this.selectedConfiguration=void 0,this.eventLocation=void 0,this.selectedLanguage=void 0,this.themeConfig=void 0,this.location=this.eventLocation??"",this.grantId=this.eventConferencing?this.setDefaultGrantID(this.eventConferencing):"",this.selectedLocationOption=void 0,this.userProviderState=this.userProvider??((t=this.currentUser)==null?void 0:t.provider)??"",this.locationOptions=[{value:"none",label:c.instance.t("nylasEventLocation.conferenceOptions.none"),labelHTML:this.getLabelHTML("none")},{value:"custom",label:c.instance.t("nylasEventLocation.conferenceOptions.custom"),labelHTML:this.getLabelHTML("custom")}]}elementNameChangedHandler(e){c.debug("nylas-event-location","elementNameChangedHandler",e),this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){var s,r;c.debug("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);const t=((s=e==null?void 0:e.event_booking)==null?void 0:s.location)||this.eventLocation,n=((r=e==null?void 0:e.event_booking)==null?void 0:r.conferencing)||this.eventConferencing;n!=null&&n.provider?(this.selectedLocationOption=this.setDefaultLocationOption(n,t??""),this.grantId=this.setDefaultGrantID(n),this.location=t||""):t?(this.selectedLocationOption=t?"custom":"none",this.location=t):(this.selectedLocationOption="none",this.location="")}currentUserChangedHandler(e){c.debug("nylas-custom-booking-flow","currentUserChangedHandler",e),e!=null&&e.provider&&(this.userProviderState=e==null?void 0:e.provider,this.setLocationOptionsForProvider(this.userProviderState))}conferenceProvidersChanged(e){e!=null&&e.zoom&&!this.locationOptions.some(t=>t.value==="zoom")&&this.locationOptions.push({value:"zoom",label:c.instance.t("nylasEventLocation.conferenceOptions.zoom"),labelHTML:this.getLabelHTML("zoom")})}selectedLanguageChangedHandler(e,t){if(e===t)return;c.instance.changeLanguage(e),this.locationOptions.map(s=>s.value).forEach(s=>{const r=this.locationOptions.findIndex(i=>i.value===s);this.locationOptions[r].label=c.instance.t(`nylasEventLocation.conferenceOptions.${s}`),this.locationOptions[r].labelHTML=this.getLabelHTML(s)}),this.locationOptions=[...this.locationOptions]}themeConfigChangedHandler(e,t){e!==t&&this.applyThemeConfig(e)}applyThemeConfig(e){if(e)for(const[t,n]of Object.entries(e))this.host.style.setProperty(`${t}`,n)}connectedCallback(){c.debug("nylas-event-location","connectedCallback")}componentWillLoad(){c.debug("nylas-event-location","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){var t,n,s,r;c.debug("nylas-event-location","componentDidLoad"),(t=this.selectedConfiguration)!=null&&t.event_booking?this.selectedConfigurationChangedHandler(this.selectedConfiguration):(this.selectedLocationOption=this.setDefaultLocationOption(this.eventConferencing||null,this.eventLocation??""),this.location=this.eventLocation??""),this.userProviderState=this.userProvider??((n=this.currentUser)==null?void 0:n.provider)??"",this.setLocationOptionsForProvider(this.userProviderState);const e=(s=this.internals)==null?void 0:s.form;if(e){const i=new FormData(e);i.set("conference",this.getConferencePayload()),i.set(this.name,this.location)}(r=this.conferenceProviders)!=null&&r.zoom&&!this.locationOptions.some(i=>i.value==="zoom")&&this.locationOptions.push({value:"zoom",label:c.instance.t("nylasEventLocation.conferenceOptions.zoom"),labelHTML:this.getLabelHTML("zoom")})}disconnectedCallback(){c.debug("nylas-event-location","disconnectedCallback")}getConferencePayload(){var n;if(this.selectedLocationOption==="custom"||this.selectedLocationOption==="none")return JSON.stringify(null);const e=(n=this.conferenceProviders)==null?void 0:n[this.selectedLocationOption],t={provider:b.PROVIDER_CONFERENCE_MAP[this.selectedLocationOption],autocreate:e?{conf_grant_id:e}:{}};return JSON.stringify(t)}nylasFormDropdownChangedHandler(e){var n,s,r;this.selectedLocationOption=e.detail.value;let t;switch(this.selectedLocationOption){case"none":{this.location="",this.setFormValue("",this.name),this.valueChanged.emit({value:"",name:this.name}),this.valueChanged.emit({value:JSON.stringify(null),name:"conference"});break}case"custom":{this.valueChanged.emit({value:JSON.stringify(null),name:"conference"});break}case"google":{this.location="",this.setFormValue("",this.name);const i=(n=this.conferenceProviders)==null?void 0:n.google;t={provider:b.PROVIDER_CONFERENCE_MAP.google,autocreate:i?{conf_grant_id:i}:{}},this.valueChanged.emit({value:JSON.stringify(t),name:"conference"}),this.valueChanged.emit({value:"",name:this.name});break}case"microsoft":{this.location="",this.setFormValue("",this.name);const i=(s=this.conferenceProviders)==null?void 0:s.microsoft;t={provider:b.PROVIDER_CONFERENCE_MAP.microsoft,autocreate:i?{conf_grant_id:i}:{}},this.valueChanged.emit({value:JSON.stringify(t),name:"conference"}),this.valueChanged.emit({value:"",name:this.name});break}case"zoom":{this.location="",this.setFormValue("",this.name);const i=(r=this.conferenceProviders)==null?void 0:r.zoom;t={provider:b.PROVIDER_CONFERENCE_MAP.zoom,autocreate:i?{conf_grant_id:i}:{}},this.valueChanged.emit({value:JSON.stringify(t),name:"conference"}),this.valueChanged.emit({value:"",name:this.name});break}}}setLocationOptionsForProvider(e){switch(e){case"google":this.locationOptions.some(t=>t.value==="google")||this.locationOptions.push({value:"google",label:c.instance.t("nylasEventLocation.conferenceOptions.google"),labelHTML:this.getLabelHTML("google")});break;case"microsoft":this.locationOptions.some(t=>t.value==="microsoft")||this.locationOptions.push({value:"microsoft",label:c.instance.t("nylasEventLocation.conferenceOptions.google"),labelHTML:this.getLabelHTML("microsoft")});break}}setDefaultLocationOption(e,t){return e!=null&&(e==null?void 0:e.provider)!=null?b.CONFERENCE_PROVIDER_MAP[e==null?void 0:e.provider]:t?"custom":"none"}setDefaultGrantID(e){var t;return e!=null&&(e==null?void 0:e.autocreate)!=null?(t=e==null?void 0:e.autocreate)==null?void 0:t.conf_grant_id:""}setFormValue(e,t){typeof this.internals.setFormValue=="function"&&this.internals.setFormValue(e,t)}handleChange(e){const t=c.sanitize(e.target.value);this.location=t,this.setFormValue(t,this.name),this.valueChanged.emit({value:t,name:this.name})}getIcon(e){switch(e){case"none":return a.h("location-off-icon",null);case"custom":return a.h("location-icon",null);case"google":return a.h("google-meet-icon",null);case"microsoft":return a.h("microsoft-teams-icon",null);case"zoom":return a.h("zoom-icon",null)}}getLabelHTML(e){return a.h("span",{class:"location-label",style:{display:"flex",alignItems:"center",gap:"16px",width:"-webkit-fill-available"}},this.getIcon(e),a.h("span",{class:"location-text",style:{fontSize:"14px",fontWeight:"400"}},c.instance.t(`nylasEventLocation.conferenceOptions.${e}`)))}render(){const e=typeof this.selectedLocationOption<"u"?this.locationOptions.find(t=>t.value==this.selectedLocationOption):null;return a.h(a.Host,{key:"40dea8ec89029dc596695a8725987a8630087938"},a.h("div",{key:"dad47c8d7121d1944db1b4aaecfc3f49acb8b55d",class:"nylas-event-location",part:"nel"},a.h("label",{key:"ccae6484ae7b506fab9f302463a10a3bfc85b28b",htmlFor:"location"},c.instance.t("nylasEventLocation.headerTitle"),a.h("span",{key:"15e158e30f2d7e4734b651ebc1a0499447c3cc5e",class:"label-icon"},a.h("tooltip-component",{key:"2a27de9e4ce28a3de891cfa83b3fd41e3d7aa604"},a.h("info-icon",{key:"9c6b96cb3923a779453e9f272221b8bed6d2a29e",slot:"tooltip-icon"}),a.h("span",{key:"a5447aca3cc65264f59601d6617d45ceb57aebb1",slot:"tooltip-content"},c.instance.t("nylasEventLocation.tooltip.desc"))))),a.h("div",{key:"b35c29edd2bdf321c01ffb9c34216d2200ab3b13",class:"location-input"},a.h("select-dropdown",{key:"0c303b54cf2ff2f3df72b540a640fcaa5cf33784",withSearch:!1,name:"location",options:this.locationOptions,defaultSelectedOption:e,themeConfig:this.themeConfig,exportparts:"sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content"},a.h("span",{key:"1174247972b83c97d09a6c9621bd049294a0aaaf",slot:"select-icon"},this.getIcon(this.selectedLocationOption))),this.selectedLocationOption==="custom"&&a.h("input",{type:"text",part:"nel__location",id:"location",name:"location",maxlength:"1024",value:this.location,onInput:t=>this.handleChange(t)}))))}static get formAssociated(){return!0}get host(){return a.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],currentUser:["currentUserChangedHandler"],conferenceProviders:["conferenceProvidersChanged"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};ge([m.RegisterComponent({name:"nylas-event-location",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.conferenceProviders","conferenceProviders"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:!0}),E("design:type",Function),E("design:paramtypes",[]),E("design:returntype",void 0)],H.prototype,"render",null);H.style=be;const me=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-title{display:flex;flex-direction:column;gap:4px;position:relative;text-align:left;color:var(--nylas-base-900)}.nylas-event-title div.title{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);overflow:auto;white-space:nowrap;scrollbar-width:thin;background-color:var(--nylas-base-0)}.nylas-event-title div.title::-webkit-scrollbar{width:6px;height:6px}.nylas-event-title div.title.error{border-color:var(--nylas-error);border-width:2px;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{display:inline-block;gap:4px;align-items:center;color:var(--nylas-base-500);font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative}.nylas-event-title span.help-text span.label-icon{display:inline-block}.nylas-event-title span.help-text span.label-icon tooltip-component::part(tc__container){position:unset}.nylas-event-title span.help-text span.label-icon tooltip-component::part(tc__content){position:absolute;top:4px;left:50%;transform:translateX(-50%)}.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:var(--nylas-base-900);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)}',ve=me;var xe=function(e,t,n,s){var r=arguments.length,i=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,n,s);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(r<3?o(i):r>3?o(t,n,i):o(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},L=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const F=class{constructor(e){var t,n;a.registerInstance(this,e),this.valueChanged=a.createEvent(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.selectedLanguage=void 0,this.noTemplates=!1,this.themeConfig=void 0,this.showTokens=!1,this.availableTokens=b.EVENT_TITLE_TOKENS.map(s=>({label:s.token,value:s.value,labelHTML:s})),this.filteredTokens=this.availableTokens,this.ariaActivedescendant="",this.currentWord={$value:"",fullText:"",index:-1,focusOffset:-1},this.validationError="",this.configEventTitle="",this.additionalFieldTokens=[]}elementNameChangedHandler(e){c.debug("[nylas-event-title]","elementNameChangedHandler",e),this.host.setAttribute("name",e)}ariaActivedescendantChangedHandler(e){var t,n;if(c.debug("[nylas-event-title]","ariaActivedescendantChangedHandler",e),e!==""){const s=(t=this.host.shadowRoot)==null?void 0:t.getElementById(e);s==null||s.classList.add("active")}else{const s=(n=this.host.shadowRoot)==null?void 0:n.querySelectorAll(".token-options li.active");s==null||s.forEach(r=>r.classList.remove("active"))}}configChangedHandler(e){var i,o;const t=(i=e==null?void 0:e.event_booking)==null?void 0:i.title,n=((o=e==null?void 0:e.scheduler)==null?void 0:o.additional_fields)||{},r=(Object.keys(n)||[]).map(l=>({token:`$${l}`,value:`\${${l}}`,description:n[l].label||""}));this.additionalFieldTokens=[...r],this.availableTokens=[...b.EVENT_TITLE_TOKENS,...r].map(l=>({label:l.token,value:l.value,labelHTML:l})),this.filteredTokens=[...this.availableTokens],t&&(this.configEventTitle=t,this.updateEventTitleFromProp(t))}selectedLanguageChangedHandler(e,t){if(e===t)return;c.instance.changeLanguage(e);const n={$invitee:"invitee",$invitee_email:"inviteeEmail",$duration:"duration"};this.availableTokens=this.availableTokens.map(s=>(n[s.label]&&(s.labelHTML.description=c.instance.t(`nylasEventTitle.eventTitleTokenDescription.${n[s.label]}`)),s)),this.filteredTokens=[...this.availableTokens]}themeConfigChangedHandler(e,t){e!==t&&this.applyThemeConfig(e)}applyThemeConfig(e){if(e)for(const[t,n]of Object.entries(e))this.host.style.setProperty(`${t}`,n)}connectedCallback(){c.debug("[nylas-event-title]","connectedCallback")}componentWillLoad(){c.debug("[nylas-event-title]","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){var t,n,s,r;c.debug("[nylas-event-title]","componentDidLoad");let e=this.eventTitle||this.configEventTitle;(n=(t=this.selectedConfiguration)==null?void 0:t.event_booking)!=null&&n.title&&(e=(r=(s=this.selectedConfiguration)==null?void 0:s.event_booking)==null?void 0:r.title),e&&(this.updateEventTitleFromProp(e),this.updateEventTitle(e,!0))}disconnectedCallback(){c.debug("[nylas-event-title]","disconnectedCallback")}formSubmittedHandler(e){var t,n;c.debug("[nylas-event-title]","formSubmittedHandler",e),(n=(t=this.internals)==null?void 0:t.validity)!=null&&n.valid?this.validationError="":this.validationError="eventTitleRequired"}valueChangedHandler(e){const{name:t,value:n}=e.detail;if(t==="additional-fields"){const s=JSON.parse(n.toString()),i=(Object.keys(s)||[]).map(o=>({token:`$${o}`,value:`\${${o}}`,description:s[o].label||""}));this.additionalFieldTokens=[...i],this.availableTokens=[...b.EVENT_TITLE_TOKENS,...i].map(o=>({label:o.token,value:o.value,labelHTML:o})),this.filteredTokens=[...this.availableTokens]}}updateEventTitleFromProp(e){var n,s,r;c.debug("[nylas-event-title]","eventTitleChangedHandler",e);const t=e||this.configEventTitle;this.titleRef&&(this.titleRef.innerHTML=this.highlightTokens(t),typeof this.internals.setValidity=="function"&&(!t||t===""?(this.titleRef.focus(),(n=this.internals)==null||n.setValidity({customError:!0},"Event title is required",this.titleRef)):((s=this.internals)==null||s.setValidity({customError:!1}),this.isInternalsAvailable&&((r=this.internals)==null||r.setFormValue(t,this.name)))))}highlightTokens(e){let t=e;return[...b.EVENT_TITLE_TOKENS,...this.additionalFieldTokens].forEach(n=>{const s=n.value,r=new RegExp(`(\\${s})(?!\\w)`,"g");t=(t==null?void 0:t.replace(r,'<span class="highlighted-tag">$1</span>'))||""}),t}getCurrentSelectionForBrowser(){var s,r,i;const e=(o,l,d,f)=>{const h=o.replace(/[\u200B-\u200D\uFEFF]/g,""),p=h.lastIndexOf("$"),y=h.substring(p).split(" ")[0];return{focusOffset:l,dollarIndex:p,lastWord:y,currentText:h,node:d,allSelected:f}},t=o=>{var l,d;return o.anchorOffset===0&&o.focusOffset===((d=(l=o.focusNode)==null?void 0:l.nodeValue)==null?void 0:d.length)};switch(c.getBrowser()){case"Chrome":{const o=(s=this.host.shadowRoot)==null?void 0:s.getSelection(),l=o==null?void 0:o.focusNode,d=(l==null?void 0:l.nodeValue)||"",f=o&&t(o);return e(d,(o==null?void 0:o.focusOffset)||-1,l,f)}case"Firefox":{const o=document.getSelection(),l=((r=o==null?void 0:o.anchorNode)==null?void 0:r.nodeValue)||"",d=o&&t(o);return e(l,(o==null?void 0:o.focusOffset)||-1,o==null?void 0:o.anchorNode,d)}case"Safari":{const o=window.getSelection(),l=o==null?void 0:o.getComposedRanges(this.host.shadowRoot)[0],d=((i=l==null?void 0:l.startContainer)==null?void 0:i.nodeValue)||"",f=o&&t(o);return e(d,(l==null?void 0:l.endOffset)||-1,l==null?void 0:l.startContainer,f)}default:return console.warn("Browser not supported"),null}}handleChange(e){let t=e.target.textContent||"";t=c.sanitize(t);const n=this.getCurrentSelectionForBrowser();if(!n){this.updateEventTitle(t),this.resetDropdown();return}const{focusOffset:s,dollarIndex:r,lastWord:i,currentText:o}=n;if(r===-1||s<r){this.updateEventTitle(t),this.resetDropdown();return}i.startsWith("$")?(this.showTokens=!0,this.currentWord={$value:i,fullText:o,index:r,focusOffset:s},this.populateSuggestionsDropdown(i)):this.resetDropdown(),this.updateEventTitle(t)}handleInputKeyDown(e){var n,s,r,i,o;const t=this.getCurrentSelectionForBrowser();if(t!=null&&t.allSelected&&!c.isNonPrintableKey(e)&&(this.titleRef.innerHTML=""),e.key==="Enter"){e.preventDefault();const l=(n=this.host.shadowRoot)==null?void 0:n.getElementById(this.ariaActivedescendant);l&&(l.click(),this.ariaActivedescendant="")}else if(e.key==="ArrowDown"){e.preventDefault();const l=(s=this.host.shadowRoot)==null?void 0:s.getElementById(this.ariaActivedescendant);if(l){const d=l.nextElementSibling;d?this.ariaActivedescendant=d.id:this.ariaActivedescendant=this.filteredTokens[0].label}else this.ariaActivedescendant=this.filteredTokens[0].label}else if(e.key==="ArrowUp"){e.preventDefault();const l=(r=this.host.shadowRoot)==null?void 0:r.getElementById(this.ariaActivedescendant);if(l){const d=l.previousElementSibling;d?this.ariaActivedescendant=d.id:this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}else this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}else if(e.key==="Escape")e.preventDefault(),this.resetDropdown();else if(e.key==="Backspace"||e.key==="Delete"){const l=(i=t==null?void 0:t.node)==null?void 0:i.parentNode;t!=null&&t.currentText.startsWith("${")&&l&&l.nodeName==="SPAN"&&(e.preventDefault(),l.removeChild(t.node),l.remove(),this.resetDropdown(),this.updateEventTitle(((o=this.titleRef)==null?void 0:o.textContent)||"")),(this.titleRef.textContent===""||t!=null&&t.allSelected)&&(this.titleRef.innerHTML="",this.updateEventTitle(""))}}selectOption(e,t){var x;e.preventDefault();const n=this.currentWord.fullText,s=this.currentWord.$value;let r=this.titleRef.firstChild,i=null;for(;r;){if(r.nodeType===3){const g=((x=r.textContent)==null?void 0:x.replace(/[\u200B-\u200D\uFEFF]/g,""))||"",C=n.replace(/[\u200B-\u200D\uFEFF]/g,"");if(g.includes(C)){i=r;break}}r=r.nextSibling}if(!i)return;const o=i.textContent||"",l=o.indexOf(s),d=o.substring(0,l),f=o.substring(l+s.length),h=document.createTextNode(d),p=document.createRange(),y=document.createElement("span");y.classList.add("highlighted-tag"),y.textContent=`${t.value}`;const v=document.createTextNode(f);if(f!=="")i.replaceWith(h,y,v),p.setStart(v,1);else{const g=document.createTextNode("");i.replaceWith(h,y,g),p.setStart(g,1)}this.resetDropdown(),this.titleRef.focus();const u=window.getSelection();p.collapse(!0),u==null||u.removeAllRanges(),u==null||u.addRange(p),this.updateEventTitle(this.titleRef.textContent||"")}populateSuggestionsDropdown(e=""){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)}get isInternalsAvailable(){return typeof this.internals<"u"&&typeof this.internals.setValidity=="function"&&typeof this.internals.setFormValue=="function"}updateEventTitle(e,t=!1){var s,r,i;const n=e.replace(/ +/g," ");n===""||/^[\s]*$/.test(n)?(this.validationError="eventTitleRequired",this.isInternalsAvailable&&((s=this.internals)==null||s.setValidity({customError:!0},"Event title is required",this.titleRef))):(this.validationError="",this.isInternalsAvailable&&((r=this.internals)==null||r.setValidity({customError:!1}))),this.isInternalsAvailable&&((i=this.internals)==null||i.setFormValue(n,this.name)),t||this.valueChanged.emit({value:n,name:this.name})}resetDropdown(){this.showTokens=!1,this.ariaActivedescendant=""}getLabelHTML(e){return a.h("div",{class:"token-label"},a.h("span",{class:"token"},e.token),a.h("span",{class:"description"},e.description))}render(){var e;return a.h(a.Host,{key:"c6da12f405f1743fad3fcdebc253943e82849e1a"},a.h("div",{key:"d66fa4c93ba12409991bc981ec6e7171113872f4",class:"nylas-event-title",part:"net"},a.h("label",{key:"3c77424914867eaae8e71e5d3c13f459074b8256",htmlFor:"title"},c.instance.t("nylasEventTitle.headerTitle"),a.h("span",{key:"09f56d087b243ee8832331d9bc3c83073e1d9adb",class:"required"},"*")),a.h("div",{key:"ec015f8e45422cb8f6593d7bab2db7e34caf69da",class:{title:!0,error:this.validationError!==""},part:"net__title",ref:t=>this.titleRef=t,contentEditable:"true",onInput:t=>this.handleChange(t),onKeyDown:t=>this.handleInputKeyDown(t)}),!this.noTemplates&&this.showTokens&&((e=this.filteredTokens)==null?void 0:e.length)>0&&a.h("div",{class:"token-options",part:"net__dropdown-content"},a.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant},this.filteredTokens.map(t=>a.h("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))))),!this.noTemplates&&a.h("span",{class:"help-text"},c.instance.t("nylasEventTitle.helpText",{context:"start",field:c.instance.t("nylasEventTitle.title")})," ",a.h("code",null,"$")," ",c.instance.t("nylasEventTitle.helpText",{context:"end"}),a.h("span",{class:"label-icon"},a.h("tooltip-component",null,a.h("info-icon",{slot:"tooltip-icon"}),a.h("span",{slot:"tooltip-content"},c.instance.t("nylasEventTitle.tooltip.desc")," ",a.h("code",null,"${invitee}"))))),this.validationError!=""&&a.h("span",{class:"error-message"},c.instance.t(`nylasEventTitle.${this.validationError}`))))}static get formAssociated(){return!0}get host(){return a.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"],ariaActivedescendant:["ariaActivedescendantChangedHandler"],selectedConfiguration:["configChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};xe([m.RegisterComponent({name:"nylas-event-title",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:!0}),L("design:type",Function),L("design:paramtypes",[]),L("design:returntype",void 0)],F.prototype,"render",null);F.style=ve;const Ce=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.card-wrapper{background:var(--nylas-base-0);display:flex;flex-direction:column;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;padding:32px;width:562px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.card-wrapper{width:100%;border-radius:0px}}.header{overflow-wrap:anywhere;display:flex;flex-direction:column;font-size:16px;font-weight:400}.header h2{color:var(--nylas-base-900);font-size:24px;font-weight:600;text-align:left;margin:0}.description.title-desc{margin-bottom:2rem}.description.footer-desc{margin-top:2rem}.description.footer-desc a{color:var(--nylas-primary);text-decoration:none}.description p{margin:0;font-size:18px;color:var(--nylas-base-600)}.footer{margin-top:1rem;padding-top:1rem;display:flex;justify-content:flex-end;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.close-button{width:100%;display:flex;justify-content:flex-end}.close-button button-component button{padding:0;height:auto}.close-button button-component button:hover{background-color:transparent !important}button-component{--dot-color:var(--nylas-base-700)}',ke=Ce;var _e=function(e,t,n,s){var r=arguments.length,i=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,n,s);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(r<3?o(i):r>3?o(t,n,i):o(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},O=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const $=class{constructor(e){a.registerInstance(this,e),this.feedbackModalClosed=a.createEvent(this,"feedbackModalClosed",7),this.feedbackSubmitted=a.createEvent(this,"feedbackSubmitted",7),this.triggerValidation=a.createEvent(this,"triggerValidation",7),this.handleConfirmBookingButtonClicked=()=>{this.triggerValidation.emit().defaultPrevented||this.feedbackSubmitted.emit({feedback:this.feedbackMessage})},this.themeConfig=void 0,this.feedbackMessage=""}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){c.debug("[nylas-feedback-form] Component will load")}async componentDidLoad(){c.debug("[nylas-feedback-form] Component did load"),this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e)for(const[t,n]of Object.entries(e))this.host.style.setProperty(`${t}`,n)}handleFormInputChanged(e){c.debug("[nylas-feedback-form] Form input changed"),e.detail.value&&(this.triggerValidation.emit(),e.detail.name==="feedback"&&(this.feedbackMessage=e.detail.value))}closeModal(e){e.preventDefault(),e.stopImmediatePropagation(),this.feedbackModalClosed.emit()}render(){return a.h(a.Host,{key:"3dfba1b006f09a9ac9ccdd03a659784b86df25d4",part:"nfbf"},a.h("div",{key:"f548f82b9689115b254815c0a6b940d1450ada04",class:"card-wrapper",part:"nfbfc__card"},a.h("div",{key:"3e1be6b2ff7d6818b677f09772cde78edb4c7ef1",class:"close-button"},a.h("button-component",{key:"dd98523ad84cc745f24daa400bb41753d103c3c6",tooltip:"Close",id:"close",variant:"invisible",onClick:e=>this.closeModal(e),part:"nfbf__close-button"},a.h("close-icon",{key:"0b919c2be114e231ff8eb7121536b6c24dfb7158"}))),a.h("div",{key:"2c62e429a6871d1dc6a34df4fc37440e61e9e041",class:"header"},a.h("h2",{key:"8c1009dc5a853bb0cbc21b64958353c95a0ca140",slot:"card-title",part:"nfbf__title"},c.instance.t("feedbackFormTitle"))),a.h("div",{key:"b16e5a7c0e3b299d6ee9a74d154aa3628e9d4d25",class:"description title-desc"},a.h("p",{key:"00675ebd52e88ed101df5710b3bded1f6424c274"},c.instance.t("feedbackFormDescription"))),a.h("textarea-component",{key:"7b021701b44eb5b3ba02ee3191d3866489f4ec8a",label:c.instance.t("feedbackMessageLabel"),required:!0,maxLength:500,part:"nfbf__description",name:"feedback",placeholder:c.instance.t("feedbackMessagePlaceholder")}),a.h("div",{key:"def91af529f167b1fac0cc078f79cec67b961a1a",class:"description footer-desc"},a.h("p",{key:"ad346ef93ae4a25fd5478284ff5415eb62b54f26"},"By sending this report, you agree to Nylas’ access to the data necessary to respond to this issue, subject to Nylas’"," ",a.h("a",{key:"cd6a79cf548346d92d04264c4ff7244a032c3977",href:"https://www.nylas.com/privacy-policy/",target:"_blank",rel:"nofollow noreferrer noopener"},"Privacy Policy"),".")),a.h("div",{key:"5dfee1045b6711f5cf7d15009c86c0fd9b76b137",class:{footer:!0}},a.h("button-component",{key:"45894bd04b89365c83d7e2a07e8a62ee7c94b6c0",variant:"invisible",onClick:e=>this.closeModal(e),part:"nfbf__button-outline nfbf__cancel-cta"},`${c.instance.t("feedbackModalCloseButton")}`),a.h("button-component",{key:"ac586974014c3e3b6b454a8b830585b76bc1f290",variant:"primary",onClick:this.handleConfirmBookingButtonClicked,part:"nfbf__button-outline nfbf__reschedule-cta"},`${c.instance.t("feedbackModalSubmitButton")}`))))}get host(){return a.getElement(this)}};_e([m.RegisterComponent({name:"nylas-feedback-form",stateToProps:new Map([]),eventToProps:{feedbackSubmitted:async(e,t)=>{}},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:!0}),O("design:type",Function),O("design:paramtypes",[]),O("design:returntype",void 0)],$.prototype,"render",null);$.style=ke;const we=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;justify-content:flex-end;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-reminder-time__wrapper input-dropdown{width:80px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}',Te=we;var Ee=function(e,t,n,s){var r=arguments.length,i=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,n,s);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(r<3?o(i):r>3?o(t,n,i):o(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},I=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const S=class{constructor(e){a.registerInstance(this,e),this.valueChanged=a.createEvent(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="reminder-time",this.eventReminderTimeMinutes=void 0,this.selectedLanguage=void 0,this.themeConfig=void 0,this.selectedNumber=void 0,this.selectedPeriod=void 0,this.errorState=!1}elementNameChangedHandler(e){c.debug("nylas-reminder-time","elementNameChangedHandler",e),this.host.setAttribute("name",e)}eventReminderTimeMinutesChangedHandler(e,t){c.debug("nylas-reminder-time","eventReminderTimeMinutesChangedHandler",e),this.updateNumberAndPeriodFromMinutes(e),this.isInternalsAvailable&&this.internals.setFormValue(e==null?void 0:e.toString(),this.name)}selectedLanguageChangedHandler(e,t){e!==t&&c.instance.changeLanguage(e)}themeConfigChangedHandler(e,t){e!==t&&this.applyThemeConfig(e)}connectedCallback(){c.debug("nylas-reminder-time","connectedCallback")}componentWillLoad(){c.debug("nylas-reminder-time","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){c.debug("nylas-reminder-time","componentDidLoad"),this.updateNumberAndPeriodFromMinutes(this.eventReminderTimeMinutes||30)}disconnectedCallback(){c.debug("nylas-reminder-time","disconnectedCallback")}applyThemeConfig(e){if(e)for(const[t,n]of Object.entries(e))this.host.style.setProperty(`${t}`,n)}nylasSuggestReminderMinutesHandler(e){const{minutes:t}=e.detail;this.errorState=!1,this.valueChanged.emit({value:t.toString(),name:this.name}),this.isInternalsAvailable&&this.internals.setFormValue(t.toString(),this.name),this.updateNumberAndPeriodFromMinutes(t+7),setTimeout(()=>{this.updateNumberAndPeriodFromMinutes(t)},10)}timePeriodChangedHandler(e){const{number:t,period:n}=e.detail;let s;const r=60,i=r*24,o=i*7,l=i*30;n==="minute"?s=t:n==="hour"?s=t*r:n==="day"?s=t*i:n==="week"?s=t*o:n==="month"?s=t*l:s=0,this.errorState=s%5!==0,this.valueChanged.emit({value:s,name:this.name}),this.isInternalsAvailable&&this.internals.setFormValue(s.toString(),this.name)}updateNumberAndPeriodFromMinutes(e){let i,o;e===0?(i=0,o="minute"):e>=43200&&e%43200===0?(i=Math.floor(e/43200),o="month"):e>=10080&&e%10080===0?(i=Math.floor(e/10080),o="week"):e>=1440&&e%1440===0?(i=Math.floor(e/1440),o="day"):e>=60&&e%60===0?(i=Math.floor(e/60),o="hour"):(i=e,o="minute"),this.selectedNumber=i,this.selectedPeriod=o}get isInternalsAvailable(){return this.internals!==void 0&&typeof this.internals.setFormValue=="function"&&typeof this.internals.setValidity=="function"}render(){const e=typeof this.selectedNumber=="number"&&typeof this.selectedPeriod=="string";return a.h(a.Host,{key:"8496d67f55d981e506f577ad20197af8438bd408"},a.h("div",{key:"d92c02476f1db6fe56d3045884dd381ed899af8c",class:"nylas-reminder-time",part:"nrt"},a.h("div",{key:"79b615876498bcf00f51eaf22779fb54b4c398dc",class:"nylas-reminder-time__wrapper"},e&&a.h("time-period-selector",{id:"limit-future-bookings",part:"nrt__time-period-selector",hasError:this.errorState,timePeriods:[{value:"minute",label:c.instance.t("timeDuration",{context:"minute"})},{value:"hour",label:c.instance.t("timeDuration",{context:"hour"})},{value:"day",label:c.instance.t("timePeriod",{context:"day"})}],exportparts:"tps__number-dropdown: nrt__number-dropdown, tps__number-dropdown-button: nrt__number-dropdown-button, tps__number-dropdown-content: nrt__number-dropdown-content, tps__period-dropdown: nrt__period-dropdown, tps__period-dropdown-button: nrt__period-dropdown-button, tps__period-dropdown-content: nrt__period-dropdown-content",defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod,themeConfig:this.themeConfig}))))}static get formAssociated(){return!0}get host(){return a.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"],eventReminderTimeMinutes:["eventReminderTimeMinutesChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};Ee([m.RegisterComponent({name:"nylas-reminder-time",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:!0}),I("design:type",Function),I("design:paramtypes",[]),I("design:returntype",void 0)],S.prototype,"render",null);S.style=Te;const Le=".sc-trash-icon-h{display:flex}",Oe=Le,U=class{constructor(e){a.registerInstance(this,e),this.width="20",this.height="21"}render(){return a.h("svg",{key:"cd43bcf8a91abf12501571439a02652afeff0b0f",width:this.width,height:this.height,viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.h("path",{key:"2870e48a14d2a84175298a75d47e3224a10385a4",d:"M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z",fill:"currentColor"}))}};U.style=Oe;exports.checkmark_icon=M;exports.copy_icon=N;exports.dragable_icon=z;exports.eye_icon=B;exports.feedback_icon=j;exports.input_color_picker=W;exports.input_image_url=P;exports.nylas_additional_participants=A;exports.nylas_event_description=D;exports.nylas_event_info=R;exports.nylas_event_location=H;exports.nylas_event_title=F;exports.nylas_feedback_form=$;exports.nylas_reminder_time=S;exports.trash_icon=U;
|
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
import { r as l, h as s, c as i, g as d } from "./index-025be398.js";
|
|
2
|
-
import "@nylas/web-elements";
|
|
3
|
-
import "react";
|
|
4
|
-
import "@nylas/connect";
|
|
5
|
-
import "react/jsx-runtime";
|
|
6
|
-
import "react-dom";
|
|
7
|
-
const c = ".sc-chevron-icon-h{display:flex}", h = c, p = class {
|
|
8
|
-
constructor(e) {
|
|
9
|
-
l(this, e), this.width = "24", this.height = "24";
|
|
10
|
-
}
|
|
11
|
-
render() {
|
|
12
|
-
return s("svg", { key: "a616a1831c338230ef83909865b628dd2b8e4317", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, s("path", { key: "c2abe3769a15572d0b2a9b865bbdbf7394562572", 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" }));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
p.style = h;
|
|
16
|
-
const b = ".sc-search-icon-h{display:flex}", f = b, y = class {
|
|
17
|
-
constructor(e) {
|
|
18
|
-
l(this, e), this.width = "15", this.height = "15";
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
return s("svg", { key: "9db075e484742d36218193c8a44c9506f0a1421d", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "b4d4fd65bbdd3be3bdbded8403ef1bcd946d8e11", fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" }));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
y.style = f;
|
|
25
|
-
const u = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;justify-content:space-between;gap:0.5rem;background:var(--nylas-base-0);border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x)}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px;color:inherit}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1);scrollbar-width:thin;scrollbar-color:var(--nylas-base-300) var(--nylas-base-50)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.dropdown-content::-webkit-scrollbar{width:8px}.dropdown-content::-webkit-scrollbar-track{background:var(--nylas-base-50);border-radius:4px}.dropdown-content::-webkit-scrollbar-thumb{background:var(--nylas-base-300);border-radius:4px;transition:background-color 0.2s ease}.dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--nylas-base-400)}.dropdown-content::-webkit-scrollbar-thumb:active{background:var(--nylas-base-500)}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid var(--nylas-base-200);border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px;color:var(--nylas-base-800)}', g = u, w = class {
|
|
26
|
-
constructor(e) {
|
|
27
|
-
l(this, e), this.nylasFormDropdownChanged = i(this, "nylasFormDropdownChanged", 7), this.nylasFormDropdownDefaultSelected = i(this, "nylasFormDropdownDefaultSelected", 7), this.componentType = "select-dropdown", this.name = void 0, this.options = [], this.defaultSelectedOption = null, this.withSearch = !0, this.searchPlaceholder = "Search", this.label = void 0, this.required = !1, this.readOnly = !1, this.pluralizedLabel = "", this.dropdownButtonText = void 0, this.withChevron = !0, this.emptyValue = "Select an option", this.errorMessage = "", this.themeConfig = void 0, this.selectedOption = void 0, this.isOpen = !1, this.searchValue = "", this.filteredOptions = [...this.options], this.ariaActivedescendant = "", this.error = "";
|
|
28
|
-
}
|
|
29
|
-
optionsChangedHandler(e, t) {
|
|
30
|
-
e !== t && (this.filteredOptions = e);
|
|
31
|
-
}
|
|
32
|
-
defaultSelectedOptionChangedHandler(e, t) {
|
|
33
|
-
typeof e > "u" || (e == null ? void 0 : e.label) === (t == null ? void 0 : t.label) || (this.selectedOption = e, this.nylasFormDropdownDefaultSelected.emit({
|
|
34
|
-
value: (e == null ? void 0 : e.value) || "",
|
|
35
|
-
name: this.name,
|
|
36
|
-
error: this.error,
|
|
37
|
-
label: this.label
|
|
38
|
-
}));
|
|
39
|
-
}
|
|
40
|
-
themeConfigChangedHandler(e, t) {
|
|
41
|
-
e !== t && this.applyThemeConfig(e);
|
|
42
|
-
}
|
|
43
|
-
applyThemeConfig(e) {
|
|
44
|
-
if (e)
|
|
45
|
-
for (const [t, o] of Object.entries(e))
|
|
46
|
-
this.el.style.setProperty(`${t}`, o);
|
|
47
|
-
}
|
|
48
|
-
componentWillLoad() {
|
|
49
|
-
this.el.setAttribute("component-type", this.componentType);
|
|
50
|
-
}
|
|
51
|
-
componentDidLoad() {
|
|
52
|
-
var e;
|
|
53
|
-
this.filteredOptions = this.options, this.selectedOption = this.defaultSelectedOption, !this.selectedOption && this.options.length > 0 && (this.selectedOption = this.options[0]), this.nylasFormDropdownDefaultSelected.emit({
|
|
54
|
-
value: ((e = this.selectedOption) == null ? void 0 : e.value) || "",
|
|
55
|
-
name: this.name,
|
|
56
|
-
error: this.error,
|
|
57
|
-
label: this.label
|
|
58
|
-
}), this.applyThemeConfig(this.themeConfig);
|
|
59
|
-
}
|
|
60
|
-
handleBookingFormSubmitted(e) {
|
|
61
|
-
var t;
|
|
62
|
-
this.validate(((t = this.selectedOption) == null ? void 0 : t.value) || ""), this.error && e.preventDefault();
|
|
63
|
-
}
|
|
64
|
-
handleFormSubmitted(e) {
|
|
65
|
-
var t;
|
|
66
|
-
this.validate(((t = this.selectedOption) == null ? void 0 : t.value) || ""), this.error && e.preventDefault();
|
|
67
|
-
}
|
|
68
|
-
validate(e) {
|
|
69
|
-
this.required && !e ? this.error = this.errorMessage || `${this.label} is required.` : this.error = "";
|
|
70
|
-
}
|
|
71
|
-
toggleDropdown() {
|
|
72
|
-
this.isOpen = !this.isOpen;
|
|
73
|
-
}
|
|
74
|
-
filterOptions(e) {
|
|
75
|
-
const t = e.target.value;
|
|
76
|
-
this.searchValue = t, this.filteredOptions = this.options.filter((o) => o.label.toLowerCase().includes(t.toLowerCase()));
|
|
77
|
-
}
|
|
78
|
-
selectOption(e) {
|
|
79
|
-
this.error = "", this.selectedOption = e, this.toggleDropdown(), e.value !== this.emptyValue && this.nylasFormDropdownChanged.emit({
|
|
80
|
-
value: e.value,
|
|
81
|
-
name: this.name,
|
|
82
|
-
error: this.error,
|
|
83
|
-
label: this.label
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
handleSelectButtonKeyDown(e) {
|
|
87
|
-
var t;
|
|
88
|
-
switch (e.key) {
|
|
89
|
-
case "ArrowDown":
|
|
90
|
-
case "Enter":
|
|
91
|
-
e.preventDefault(), this.isOpen || this.toggleDropdown(), (t = this.inputRef) == null || t.focus();
|
|
92
|
-
break;
|
|
93
|
-
case "Escape":
|
|
94
|
-
this.isOpen = !1;
|
|
95
|
-
break;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
handleListboxKeydown(e) {
|
|
99
|
-
var a, n;
|
|
100
|
-
const t = this.filteredOptions, o = t.findIndex((r) => r.value === this.ariaActivedescendant);
|
|
101
|
-
if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
|
|
102
|
-
if (e.preventDefault(), o === t.length - 1) {
|
|
103
|
-
this.ariaActivedescendant = "", (a = this.inputRef) == null || a.focus();
|
|
104
|
-
return;
|
|
105
|
-
}
|
|
106
|
-
const r = o + 1 < t.length ? o + 1 : 0;
|
|
107
|
-
this.ariaActivedescendant = t[r].value, this.focusOption(r);
|
|
108
|
-
} else if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
|
|
109
|
-
if (e.preventDefault(), o === 0) {
|
|
110
|
-
this.ariaActivedescendant = "", (n = this.inputRef) == null || n.focus();
|
|
111
|
-
return;
|
|
112
|
-
}
|
|
113
|
-
const r = o - 1 >= 0 ? o - 1 : t.length - 1;
|
|
114
|
-
this.ariaActivedescendant = t[r].value, this.focusOption(r);
|
|
115
|
-
} else
|
|
116
|
-
e.key === "Enter" ? (e.preventDefault(), this.ariaActivedescendant && this.selectOption(t[o])) : e.key === "Escape" && (this.isOpen = !1);
|
|
117
|
-
}
|
|
118
|
-
focusOption(e) {
|
|
119
|
-
var n;
|
|
120
|
-
const t = this.filteredOptions[e];
|
|
121
|
-
if (!t)
|
|
122
|
-
return;
|
|
123
|
-
const o = t.value, a = (n = this.el.shadowRoot) == null ? void 0 : n.getElementById(o);
|
|
124
|
-
a && (a.focus(), a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
|
|
125
|
-
}
|
|
126
|
-
handleComboboxKeyDown(e) {
|
|
127
|
-
e.key === "ArrowDown" || e.key == "Tab" && !e.shiftKey ? (e.preventDefault(), this.ariaActivedescendant = this.filteredOptions[0].value, this.focusOption(0)) : e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey ? (e.preventDefault(), this.ariaActivedescendant = this.filteredOptions[this.filteredOptions.length - 1].value, this.focusOption(this.filteredOptions.length - 1)) : e.key === "Escape" && (this.isOpen = !1);
|
|
128
|
-
}
|
|
129
|
-
generateButtonText(e, t) {
|
|
130
|
-
return t || (e != null && e.label ? `${this.pluralizedLabel ? this.pluralizedLabel : e == null ? void 0 : e.label}` : this.emptyValue);
|
|
131
|
-
}
|
|
132
|
-
handleOutsideClick(e) {
|
|
133
|
-
!e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
|
|
134
|
-
}
|
|
135
|
-
render() {
|
|
136
|
-
const e = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
|
|
137
|
-
return s("div", { key: "2b761092fca989925e39258b1567b5c54c92b8d2", class: "dropdown", part: "sd_dropdown" }, s("label", { key: "8df0ae809d21c72f0038f64158fa5ad44a4b75c8", part: "sd_dropdown_label", class: { error: !!this.error } }, this.label && s("p", null, s("span", { class: "label" }, this.label), this.required && s("span", { class: "required" }, "*")), s("button", { key: "60640b88b877e5c9116851c040e83c9ebcbc66cf", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), disabled: this.readOnly, "aria-haspopup": "listbox", title: this.readOnly ? "read-only field" : e, "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (t) => this.handleSelectButtonKeyDown(t) }, s("slot", { key: "1e57872d03649a4e10e5107f790112fda5205baf", name: "select-icon", "aria-hidden": "true" }), s("span", { key: "baf855b00aac9834a2e218fccebc9a1a0763cb5c", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && s("span", { class: {
|
|
138
|
-
open: this.isOpen,
|
|
139
|
-
closed: !this.isOpen,
|
|
140
|
-
chevron: !0
|
|
141
|
-
}, "aria-hidden": "true" }, s("chevron-icon", { width: "16", height: "16" }))), this.error && s("span", { class: "error help-text" }, this.error)), this.isOpen ? s("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && s("div", { class: { "search-box": !0, open: this.isOpen } }, s("search-icon", { width: "15", height: "15", class: "icon" }), s("input", { type: "text", role: "combobox", placeholder: this.searchPlaceholder, value: this.searchValue, ref: (t) => this.inputRef = t, onInput: (t) => this.filterOptions(t), onKeyDown: (t) => this.handleComboboxKeyDown(t) })), s("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (t) => this.handleListboxKeydown(t) }, this.filteredOptions.map((t) => t.value.toString() ? s("li", { tabindex: "0", key: t.value, id: t.value, part: `${this.name}-${t.label}`, onClick: () => this.selectOption(t), role: "option" }, t.labelHTML ? s("div", { part: "sd_dropdown-labelhtml" }, t.labelHTML) : t.label) : null))) : null);
|
|
142
|
-
}
|
|
143
|
-
get el() {
|
|
144
|
-
return d(this);
|
|
145
|
-
}
|
|
146
|
-
static get watchers() {
|
|
147
|
-
return {
|
|
148
|
-
options: ["optionsChangedHandler"],
|
|
149
|
-
defaultSelectedOption: ["defaultSelectedOptionChangedHandler"],
|
|
150
|
-
themeConfig: ["themeConfigChangedHandler"]
|
|
151
|
-
};
|
|
152
|
-
}
|
|
153
|
-
};
|
|
154
|
-
w.style = g;
|
|
155
|
-
export {
|
|
156
|
-
p as chevron_icon,
|
|
157
|
-
y as search_icon,
|
|
158
|
-
w as select_dropdown
|
|
159
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-f42fe591.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");require("react/jsx-runtime");require("react-dom");const c=".sc-chevron-icon-h{display:flex}",h=c,l=class{constructor(e){s.registerInstance(this,e),this.width="24",this.height="24"}render(){return s.h("svg",{key:"a616a1831c338230ef83909865b628dd2b8e4317",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none"},s.h("path",{key:"c2abe3769a15572d0b2a9b865bbdbf7394562572",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"}))}};l.style=h;const p=".sc-search-icon-h{display:flex}",b=p,i=class{constructor(e){s.registerInstance(this,e),this.width="15",this.height="15"}render(){return s.h("svg",{key:"9db075e484742d36218193c8a44c9506f0a1421d",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.h("path",{key:"b4d4fd65bbdd3be3bdbded8403ef1bcd946d8e11",fill:"currentColor",d:"M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z"}))}};i.style=b;const f=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;justify-content:space-between;gap:0.5rem;background:var(--nylas-base-0);border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x)}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px;color:inherit}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1);scrollbar-width:thin;scrollbar-color:var(--nylas-base-300) var(--nylas-base-50)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.dropdown-content::-webkit-scrollbar{width:8px}.dropdown-content::-webkit-scrollbar-track{background:var(--nylas-base-50);border-radius:4px}.dropdown-content::-webkit-scrollbar-thumb{background:var(--nylas-base-300);border-radius:4px;transition:background-color 0.2s ease}.dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--nylas-base-400)}.dropdown-content::-webkit-scrollbar-thumb:active{background:var(--nylas-base-500)}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid var(--nylas-base-200);border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px;color:var(--nylas-base-800)}',y=f,d=class{constructor(e){s.registerInstance(this,e),this.nylasFormDropdownChanged=s.createEvent(this,"nylasFormDropdownChanged",7),this.nylasFormDropdownDefaultSelected=s.createEvent(this,"nylasFormDropdownDefaultSelected",7),this.componentType="select-dropdown",this.name=void 0,this.options=[],this.defaultSelectedOption=null,this.withSearch=!0,this.searchPlaceholder="Search",this.label=void 0,this.required=!1,this.readOnly=!1,this.pluralizedLabel="",this.dropdownButtonText=void 0,this.withChevron=!0,this.emptyValue="Select an option",this.errorMessage="",this.themeConfig=void 0,this.selectedOption=void 0,this.isOpen=!1,this.searchValue="",this.filteredOptions=[...this.options],this.ariaActivedescendant="",this.error=""}optionsChangedHandler(e,t){e!==t&&(this.filteredOptions=e)}defaultSelectedOptionChangedHandler(e,t){typeof e>"u"||(e==null?void 0:e.label)===(t==null?void 0:t.label)||(this.selectedOption=e,this.nylasFormDropdownDefaultSelected.emit({value:(e==null?void 0:e.value)||"",name:this.name,error:this.error,label:this.label}))}themeConfigChangedHandler(e,t){e!==t&&this.applyThemeConfig(e)}applyThemeConfig(e){if(e)for(const[t,r]of Object.entries(e))this.el.style.setProperty(`${t}`,r)}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}componentDidLoad(){var e;this.filteredOptions=this.options,this.selectedOption=this.defaultSelectedOption,!this.selectedOption&&this.options.length>0&&(this.selectedOption=this.options[0]),this.nylasFormDropdownDefaultSelected.emit({value:((e=this.selectedOption)==null?void 0:e.value)||"",name:this.name,error:this.error,label:this.label}),this.applyThemeConfig(this.themeConfig)}handleBookingFormSubmitted(e){var t;this.validate(((t=this.selectedOption)==null?void 0:t.value)||""),this.error&&e.preventDefault()}handleFormSubmitted(e){var t;this.validate(((t=this.selectedOption)==null?void 0:t.value)||""),this.error&&e.preventDefault()}validate(e){this.required&&!e?this.error=this.errorMessage||`${this.label} is required.`:this.error=""}toggleDropdown(){this.isOpen=!this.isOpen}filterOptions(e){const t=e.target.value;this.searchValue=t,this.filteredOptions=this.options.filter(r=>r.label.toLowerCase().includes(t.toLowerCase()))}selectOption(e){this.error="",this.selectedOption=e,this.toggleDropdown(),e.value!==this.emptyValue&&this.nylasFormDropdownChanged.emit({value:e.value,name:this.name,error:this.error,label:this.label})}handleSelectButtonKeyDown(e){var t;switch(e.key){case"ArrowDown":case"Enter":e.preventDefault(),this.isOpen||this.toggleDropdown(),(t=this.inputRef)==null||t.focus();break;case"Escape":this.isOpen=!1;break}}handleListboxKeydown(e){var a,n;const t=this.filteredOptions,r=t.findIndex(o=>o.value===this.ariaActivedescendant);if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){if(e.preventDefault(),r===t.length-1){this.ariaActivedescendant="",(a=this.inputRef)==null||a.focus();return}const o=r+1<t.length?r+1:0;this.ariaActivedescendant=t[o].value,this.focusOption(o)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){if(e.preventDefault(),r===0){this.ariaActivedescendant="",(n=this.inputRef)==null||n.focus();return}const o=r-1>=0?r-1:t.length-1;this.ariaActivedescendant=t[o].value,this.focusOption(o)}else e.key==="Enter"?(e.preventDefault(),this.ariaActivedescendant&&this.selectOption(t[r])):e.key==="Escape"&&(this.isOpen=!1)}focusOption(e){var n;const t=this.filteredOptions[e];if(!t)return;const r=t.value,a=(n=this.el.shadowRoot)==null?void 0:n.getElementById(r);a&&(a.focus(),a.scrollIntoView({behavior:"smooth",block:"nearest"}))}handleComboboxKeyDown(e){e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[0].value,this.focusOption(0)):e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value,this.focusOption(this.filteredOptions.length-1)):e.key==="Escape"&&(this.isOpen=!1)}generateButtonText(e,t){return t||(e!=null&&e.label?`${this.pluralizedLabel?this.pluralizedLabel:e==null?void 0:e.label}`:this.emptyValue)}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}render(){const e=this.generateButtonText(this.selectedOption,this.dropdownButtonText);return s.h("div",{key:"2b761092fca989925e39258b1567b5c54c92b8d2",class:"dropdown",part:"sd_dropdown"},s.h("label",{key:"8df0ae809d21c72f0038f64158fa5ad44a4b75c8",part:"sd_dropdown_label",class:{error:!!this.error}},this.label&&s.h("p",null,s.h("span",{class:"label"},this.label),this.required&&s.h("span",{class:"required"},"*")),s.h("button",{key:"60640b88b877e5c9116851c040e83c9ebcbc66cf",part:"sd_dropdown-button",class:{dropbtn:!0,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),disabled:this.readOnly,"aria-haspopup":"listbox",title:this.readOnly?"read-only field":e,"aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:t=>this.handleSelectButtonKeyDown(t)},s.h("slot",{key:"1e57872d03649a4e10e5107f790112fda5205baf",name:"select-icon","aria-hidden":"true"}),s.h("span",{key:"baf855b00aac9834a2e218fccebc9a1a0763cb5c",class:"selected-option",part:"sd_dropdown-button-selected-label"},e),this.withChevron&&s.h("span",{class:{open:this.isOpen,closed:!this.isOpen,chevron:!0},"aria-hidden":"true"},s.h("chevron-icon",{width:"16",height:"16"}))),this.error&&s.h("span",{class:"error help-text"},this.error)),this.isOpen?s.h("div",{class:"dropdown-content",part:"sd_dropdown-content"},this.withSearch&&s.h("div",{class:{"search-box":!0,open:this.isOpen}},s.h("search-icon",{width:"15",height:"15",class:"icon"}),s.h("input",{type:"text",role:"combobox",placeholder:this.searchPlaceholder,value:this.searchValue,ref:t=>this.inputRef=t,onInput:t=>this.filterOptions(t),onKeyDown:t=>this.handleComboboxKeyDown(t)})),s.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:t=>this.handleListboxKeydown(t)},this.filteredOptions.map(t=>t.value.toString()?s.h("li",{tabindex:"0",key:t.value,id:t.value,part:`${this.name}-${t.label}`,onClick:()=>this.selectOption(t),role:"option"},t.labelHTML?s.h("div",{part:"sd_dropdown-labelhtml"},t.labelHTML):t.label):null))):null)}get el(){return s.getElement(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultSelectedOption:["defaultSelectedOptionChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};d.style=y;exports.chevron_icon=l;exports.search_icon=i;exports.select_dropdown=d;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-f42fe591.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");require("react/jsx-runtime");require("react-dom");const h=".sc-clock-icon-h{display:flex}",n=h,s=class{constructor(t){e.registerInstance(this,t),this.width="16",this.height="16"}render(){return e.h("svg",{key:"20822d8d0c6a827e0374f5bef7fe9197a5c0e166",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"358b476d5e812ff396c0232deb2237851e7ce8f6",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"}))}};s.style=n;const o=".sc-edit-icon-h{display:flex}",r=o,i=class{constructor(t){e.registerInstance(this,t),this.width="16",this.height="16"}render(){return e.h("svg",{key:"e4c8135a89c89383b7c19c92d732ffc74afd105e",width:this.width,height:this.height,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"aaaf61fd413b7eac5ebd08fffd29636cb50ef04a",d:"M11.245 0.817394C12.3318 -0.269413 14.0938 -0.269413 15.1806 0.817394C16.2222 1.85892 16.2656 3.5206 15.3108 4.6138L15.1806 4.75307L5.57482 14.3589C5.36973 14.564 5.12299 14.7215 4.85212 14.8213L4.68684 14.8742L0.631867 15.9801C0.285278 16.0746 -0.0347856 15.7861 0.00276241 15.4455L0.0179263 15.3662L1.12383 11.3112C1.20014 11.0314 1.33621 10.7722 1.52188 10.5511L1.63914 10.4232L11.245 0.817394ZM10.3848 3.09229L2.34625 11.1303C2.25396 11.2226 2.18093 11.3318 2.13086 11.4514L2.08859 11.5743L1.21196 14.785L4.42372 13.9094C4.50767 13.8865 4.5879 13.8529 4.66253 13.8096L4.77003 13.7375L4.86771 13.6518L12.9058 5.61329L10.3848 3.09229ZM14.4735 1.5245C13.8159 0.8669 12.7725 0.830367 12.072 1.4149L11.9521 1.5245L11.0918 2.38529L13.6128 4.90629L14.4735 4.04596C15.1311 3.38836 15.1677 2.34488 14.5831 1.64441L14.4735 1.5245Z",fill:"currentColor"}))}};i.style=r;const l=".sc-person-clipboard-icon-h{display:flex}",d=l,c=class{constructor(t){e.registerInstance(this,t),this.width="12",this.height="17"}render(){return e.h("svg",{key:"92674d57c5fb3de8e9f0dfce597a89478ec95151",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"49242ed73c6b7d9a593317ec6f8f09419c2e9469",d:"M4 7.5C4 6.39543 4.89543 5.5 6 5.5C7.10457 5.5 8 6.39543 8 7.5C8 8.60457 7.10457 9.5 6 9.5C4.89543 9.5 4 8.60457 4 7.5ZM6 6.5C5.44772 6.5 5 6.94772 5 7.5C5 8.05228 5.44772 8.5 6 8.5C6.55228 8.5 7 8.05228 7 7.5C7 6.94772 6.55228 6.5 6 6.5ZM3.72077 10.5C3.10838 10.5 2.40961 10.9146 2.38992 11.6973C2.37693 12.2135 2.48426 12.9381 3.04816 13.5319C3.61451 14.1283 4.55301 14.5 6.00001 14.5C7.44702 14.5 8.38552 14.1283 8.95187 13.5319C9.51577 12.9381 9.6231 12.2135 9.61011 11.6973C9.59042 10.9146 8.89165 10.5 8.27925 10.5H3.72077ZM3.3896 11.7225C3.39099 11.6675 3.41262 11.6226 3.46275 11.582C3.51876 11.5366 3.6101 11.5 3.72077 11.5H8.27925C8.38993 11.5 8.48127 11.5366 8.53728 11.582C8.58741 11.6226 8.60904 11.6675 8.61042 11.7225C8.61975 12.0933 8.53969 12.5138 8.22676 12.8433C7.91628 13.1702 7.28849 13.5 6.00001 13.5C4.71154 13.5 4.08375 13.1702 3.77327 12.8433C3.46033 12.5138 3.38027 12.0933 3.3896 11.7225ZM5 0.5C3.89543 0.5 3 1.39543 3 2.5H1.5C0.671573 2.5 0 3.17157 0 4V15C0 15.8284 0.671572 16.5 1.5 16.5H10.5C11.3284 16.5 12 15.8284 12 15V4C12 3.17157 11.3284 2.5 10.5 2.5H9C9 1.39543 8.10457 0.5 7 0.5H5ZM8.73244 3.5H10.5C10.7761 3.5 11 3.72386 11 4V15C11 15.2761 10.7761 15.5 10.5 15.5H1.5C1.22386 15.5 1 15.2761 1 15V4C1 3.72386 1.22386 3.5 1.5 3.5H3.26756C3.61337 4.0978 4.25972 4.5 5 4.5H7C7.74028 4.5 8.38663 4.0978 8.73244 3.5ZM4 2.5C4 1.94772 4.44772 1.5 5 1.5H7C7.55228 1.5 8 1.94772 8 2.5C8 3.05228 7.55228 3.5 7 3.5H5C4.44772 3.5 4 3.05228 4 2.5Z",fill:"currentColor"}))}};c.style=d;const a=".sc-plus-icon-h{display:flex}",f=a,C=class{constructor(t){e.registerInstance(this,t),this.width="20",this.height="20"}render(){return e.h("svg",{key:"138b4d5fb131c388a790f44694c3a715b959b9c6",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"8a898a5cd2c1dc146dde5764890eb77b4a0ee9fe",d:"M8.5 1C8.5 0.723858 8.27614 0.5 8 0.5C7.72386 0.5 7.5 0.723858 7.5 1V7.5H1C0.723858 7.5 0.5 7.72386 0.5 8C0.5 8.27614 0.723858 8.5 1 8.5H7.5V15C7.5 15.2761 7.72386 15.5 8 15.5C8.27614 15.5 8.5 15.2761 8.5 15V8.5H15C15.2761 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.2761 7.5 15 7.5H8.5V1Z",fill:"currentColor"}))}};C.style=f;exports.clock_icon=s;exports.edit_icon=i;exports.person_clipboard_icon=c;exports.plus_icon=C;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { r as e, h as t } from "./index-025be398.js";
|
|
2
|
-
import "@nylas/web-elements";
|
|
3
|
-
import "react";
|
|
4
|
-
import "@nylas/connect";
|
|
5
|
-
import "react/jsx-runtime";
|
|
6
|
-
import "react-dom";
|
|
7
|
-
const c = ".sc-clock-icon-h{display:flex}", i = c, C = class {
|
|
8
|
-
constructor(s) {
|
|
9
|
-
e(this, s), this.width = "16", this.height = "16";
|
|
10
|
-
}
|
|
11
|
-
render() {
|
|
12
|
-
return t("svg", { key: "20822d8d0c6a827e0374f5bef7fe9197a5c0e166", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "358b476d5e812ff396c0232deb2237851e7ce8f6", 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" }));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
C.style = i;
|
|
16
|
-
const o = ".sc-edit-icon-h{display:flex}", h = o, n = class {
|
|
17
|
-
constructor(s) {
|
|
18
|
-
e(this, s), this.width = "16", this.height = "16";
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
return t("svg", { key: "e4c8135a89c89383b7c19c92d732ffc74afd105e", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "aaaf61fd413b7eac5ebd08fffd29636cb50ef04a", d: "M11.245 0.817394C12.3318 -0.269413 14.0938 -0.269413 15.1806 0.817394C16.2222 1.85892 16.2656 3.5206 15.3108 4.6138L15.1806 4.75307L5.57482 14.3589C5.36973 14.564 5.12299 14.7215 4.85212 14.8213L4.68684 14.8742L0.631867 15.9801C0.285278 16.0746 -0.0347856 15.7861 0.00276241 15.4455L0.0179263 15.3662L1.12383 11.3112C1.20014 11.0314 1.33621 10.7722 1.52188 10.5511L1.63914 10.4232L11.245 0.817394ZM10.3848 3.09229L2.34625 11.1303C2.25396 11.2226 2.18093 11.3318 2.13086 11.4514L2.08859 11.5743L1.21196 14.785L4.42372 13.9094C4.50767 13.8865 4.5879 13.8529 4.66253 13.8096L4.77003 13.7375L4.86771 13.6518L12.9058 5.61329L10.3848 3.09229ZM14.4735 1.5245C13.8159 0.8669 12.7725 0.830367 12.072 1.4149L11.9521 1.5245L11.0918 2.38529L13.6128 4.90629L14.4735 4.04596C15.1311 3.38836 15.1677 2.34488 14.5831 1.64441L14.4735 1.5245Z", fill: "currentColor" }));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
n.style = h;
|
|
25
|
-
const r = ".sc-person-clipboard-icon-h{display:flex}", l = r, d = class {
|
|
26
|
-
constructor(s) {
|
|
27
|
-
e(this, s), this.width = "12", this.height = "17";
|
|
28
|
-
}
|
|
29
|
-
render() {
|
|
30
|
-
return t("svg", { key: "92674d57c5fb3de8e9f0dfce597a89478ec95151", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "49242ed73c6b7d9a593317ec6f8f09419c2e9469", d: "M4 7.5C4 6.39543 4.89543 5.5 6 5.5C7.10457 5.5 8 6.39543 8 7.5C8 8.60457 7.10457 9.5 6 9.5C4.89543 9.5 4 8.60457 4 7.5ZM6 6.5C5.44772 6.5 5 6.94772 5 7.5C5 8.05228 5.44772 8.5 6 8.5C6.55228 8.5 7 8.05228 7 7.5C7 6.94772 6.55228 6.5 6 6.5ZM3.72077 10.5C3.10838 10.5 2.40961 10.9146 2.38992 11.6973C2.37693 12.2135 2.48426 12.9381 3.04816 13.5319C3.61451 14.1283 4.55301 14.5 6.00001 14.5C7.44702 14.5 8.38552 14.1283 8.95187 13.5319C9.51577 12.9381 9.6231 12.2135 9.61011 11.6973C9.59042 10.9146 8.89165 10.5 8.27925 10.5H3.72077ZM3.3896 11.7225C3.39099 11.6675 3.41262 11.6226 3.46275 11.582C3.51876 11.5366 3.6101 11.5 3.72077 11.5H8.27925C8.38993 11.5 8.48127 11.5366 8.53728 11.582C8.58741 11.6226 8.60904 11.6675 8.61042 11.7225C8.61975 12.0933 8.53969 12.5138 8.22676 12.8433C7.91628 13.1702 7.28849 13.5 6.00001 13.5C4.71154 13.5 4.08375 13.1702 3.77327 12.8433C3.46033 12.5138 3.38027 12.0933 3.3896 11.7225ZM5 0.5C3.89543 0.5 3 1.39543 3 2.5H1.5C0.671573 2.5 0 3.17157 0 4V15C0 15.8284 0.671572 16.5 1.5 16.5H10.5C11.3284 16.5 12 15.8284 12 15V4C12 3.17157 11.3284 2.5 10.5 2.5H9C9 1.39543 8.10457 0.5 7 0.5H5ZM8.73244 3.5H10.5C10.7761 3.5 11 3.72386 11 4V15C11 15.2761 10.7761 15.5 10.5 15.5H1.5C1.22386 15.5 1 15.2761 1 15V4C1 3.72386 1.22386 3.5 1.5 3.5H3.26756C3.61337 4.0978 4.25972 4.5 5 4.5H7C7.74028 4.5 8.38663 4.0978 8.73244 3.5ZM4 2.5C4 1.94772 4.44772 1.5 5 1.5H7C7.55228 1.5 8 1.94772 8 2.5C8 3.05228 7.55228 3.5 7 3.5H5C4.44772 3.5 4 3.05228 4 2.5Z", fill: "currentColor" }));
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
d.style = l;
|
|
34
|
-
const a = ".sc-plus-icon-h{display:flex}", f = a, w = class {
|
|
35
|
-
constructor(s) {
|
|
36
|
-
e(this, s), this.width = "20", this.height = "20";
|
|
37
|
-
}
|
|
38
|
-
render() {
|
|
39
|
-
return t("svg", { key: "138b4d5fb131c388a790f44694c3a715b959b9c6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "8a898a5cd2c1dc146dde5764890eb77b4a0ee9fe", d: "M8.5 1C8.5 0.723858 8.27614 0.5 8 0.5C7.72386 0.5 7.5 0.723858 7.5 1V7.5H1C0.723858 7.5 0.5 7.72386 0.5 8C0.5 8.27614 0.723858 8.5 1 8.5H7.5V15C7.5 15.2761 7.72386 15.5 8 15.5C8.27614 15.5 8.5 15.2761 8.5 15V8.5H15C15.2761 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.2761 7.5 15 7.5H8.5V1Z", fill: "currentColor" }));
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
w.style = f;
|
|
43
|
-
export {
|
|
44
|
-
C as clock_icon,
|
|
45
|
-
n as edit_icon,
|
|
46
|
-
d as person_clipboard_icon,
|
|
47
|
-
w as plus_icon
|
|
48
|
-
};
|