@nylas/web-elements 2.5.17 → 2.6.0

package/dist/cjs/google-logo-icon_6.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-9TuL48qE.js');
 var registerComponent = require('./register-component-DjG8kzjz.js');
 var utils = require('./utils-BDriE9YY.js');
-var version = require('./version-Dvnf44vW.js');
+var version = require('./version-CHszslqN.js');
 var feedbackSync = require('./feedbackSync-Bcx7mZ9-.js');
 
 const iconCss$1 = ".sc-google-logo-icon-h{display:flex}";
@@ -15,7 +15,7 @@ const GoogleLogoIcon = class {
         this.height = '24';
     }
     render() {
-        return (index.h("svg", { key: '33a9865778f760760ebf770633523215edf516c3', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '7f9bd4b06f1b97de60c01c37c5c509e776b8d6e1', "clip-path": "url(#clip0_959_12452)" }, index.h("path", { key: 'dbc7d5ff82edffd7b35da27fefe16ae304f42130', d: "M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z", fill: "#4285F4" }), index.h("path", { key: 'd1bf2e40b91f0fb9e0f3deb52fe0d33bc595ccd1', d: "M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z", fill: "#34A853" }), index.h("path", { key: 'd87d93140cf0e41444fb1a7d84b6e47fc861765e', d: "M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z", fill: "#FBBC05" }), index.h("path", { key: '6eb01c2c48e94e3c817afc121931de67bde47f90', d: "M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z", fill: "#EA4335" })), index.h("defs", { key: 'd8e80696c6090b414e6a5c42c31f3ec620bd65e0' }, index.h("clipPath", { key: 'deb809cb1b5ceda12780385926828c0c60cbe4db', id: "clip0_959_12452" }, index.h("rect", { key: 'ad65b33032861fcadb6ae9bd90938647cbc0e3b7', width: 24, height: 24, fill: "white" })))));
+        return (index.h("svg", { key: '654ff766b72790c38399a85d40a3796a9d1b93ae', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'e615013b10029420f5303b55399cbf8ecd058023', "clip-path": "url(#clip0_959_12452)" }, index.h("path", { key: 'eeb15d36332c76b9bd5417ed8a642335775059e1', d: "M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z", fill: "#4285F4" }), index.h("path", { key: 'd3514eb881d0ec7b9e3ebce43575aa90ba22985c', d: "M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z", fill: "#34A853" }), index.h("path", { key: '4f862f43129f524dff3a32738ebf913125b616a8', d: "M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z", fill: "#FBBC05" }), index.h("path", { key: '235aae1f7a55e94211b10d9bb25b767b662d2ccc', d: "M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z", fill: "#EA4335" })), index.h("defs", { key: 'd2c57d06deb78ee19a7f87a0969d5a120144aa8a' }, index.h("clipPath", { key: '4c1ebbcfcfffd8194e94a93c0c663f31cbdc9c9b', id: "clip0_959_12452" }, index.h("rect", { key: '5df048f1c4be0f0cc2dea9bf6cd6dcbc124c8578', width: 24, height: 24, fill: "white" })))));
     }
 };
 GoogleLogoIcon.style = iconCss$1;
@@ -29,7 +29,7 @@ const MicrosoftLogoIcon = class {
         this.height = '22';
     }
     render() {
-        return (index.h("svg", { key: '0452012e39d88b7e92b3607ea38d303844addb7b', width: this.width, height: this.height, viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '2de410b921afe31ade8481f5b9c0379b3d7192e2', d: "M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z", fill: "#F35325" }), index.h("path", { key: '9075a7a167fc9ab45e8430ccf7abcc90ea4f5130', d: "M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z", fill: "#81BC06" }), index.h("path", { key: '20a99dda14586e9dccf6992c67ed5f6dd467099b', d: "M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z", fill: "#05A6F0" }), index.h("path", { key: '0a9b9823f799591953e2cd972341b6bfe0a88eea', d: "M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z", fill: "#FFBA08" })));
+        return (index.h("svg", { key: 'e40150b38c71f99370ed72360a23a8b9cb64e80d', width: this.width, height: this.height, viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'f37a105ef6f52689b892f6a4c0fb57046b1edaba', d: "M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z", fill: "#F35325" }), index.h("path", { key: '718dae2e1c70aab004dea9a844ee7db7a3ae7a01', d: "M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z", fill: "#81BC06" }), index.h("path", { key: '04208072a471f752d7707ff745d377f339cfb2a4', d: "M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z", fill: "#05A6F0" }), index.h("path", { key: '79555ca4feee357a313aadff76e6bf876a0a1ee7', d: "M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z", fill: "#FFBA08" })));
     }
 };
 MicrosoftLogoIcon.style = iconCss;
@@ -788,10 +788,10 @@ const NylasEditorTabs = class {
     }
     render() {
         utils.debug('[nylas-editor-tabs]', 'render', this.formState);
-        return (index.h(index.Host, { key: '641ed8ccdf06d4bc1fbfb7e8431ebabff7eab0ef' }, index.h("nylas-notification", { key: '7f54445278641b6a5afec0a290d7baa6d23a411d' }), index.h("form", { key: '4aafb7e4edc582dc5b1e5504d01d7387ee025023', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (index.h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, index.h("div", { class: "tabs", part: "editor__tabs net__tabs" }, index.h("button", { name: Tab.EventInfo, class: { tab: true, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }, part: "editortab__event-info net__tab-event-info", onClick: e => this.setActiveTab(e, Tab.EventInfo) }, index.h("calendar-info-icon", { width: "16", height: "16" }), utils.instance.t('eventInfoTab')), index.h("button", { name: Tab.Availability, class: { tab: true, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }, part: "editortab__availability net__tab-availability", onClick: e => this.setActiveTab(e, Tab.Availability) }, index.h("calendar-patterns-icon", { width: "16", height: "16" }), utils.instance.t('availabilityTab')), index.h("button", { name: Tab.Participants, class: { tab: true, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }, part: "editortab__participants net__tab-participants", onClick: e => this.setActiveTab(e, Tab.Participants) }, index.h("people-icon", { width: "16", height: "16" }), utils.instance.t('participantsTab')), index.h("button", { name: Tab.BookingOptions, class: { tab: true, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, Tab.BookingOptions) }, index.h("flow-icon", { width: "16", height: "16" }), utils.instance.t('bookingOptionsTab')), index.h("button", { name: Tab.BookingForm, class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab(Tab.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, Tab.BookingForm) }, this.activeTab == Tab.BookingForm ? index.h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : index.h("calendar-agenda-icon", { width: "16", height: "16" }), utils.instance.t('bookingFormTab')), index.h("button", { name: Tab.Communications, class: { tab: true, active: this.activeTab == 'communications', hide: this.hideTab(Tab.Communications) }, onClick: e => this.setActiveTab(e, Tab.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == Tab.Communications ? index.h("envelope-fill-icon", { width: "16", height: "16" }) : index.h("envelope-icon", { width: "16", height: "16" }), utils.instance.t('communicationsTab')), index.h("button", { name: Tab.PageStyles, class: { tab: true, active: this.activeTab == 'pageStyles', hide: this.hideTab(Tab.PageStyles) }, onClick: e => this.setActiveTab(e, Tab.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == Tab.PageStyles ? index.h("paintbrush-fill-icon", { width: "16", height: "16" }) : index.h("paintbrush-icon", { width: "16", height: "16" }), utils.instance.t('pageStylesTab'))), index.h("div", { class: {
+        return (index.h(index.Host, { key: 'd29cf03c370be09163a9626b207983c0ef6b7b98' }, index.h("nylas-notification", { key: '0658169e7a145a7bc420e6a1890b30d214158c89' }), index.h("form", { key: '648cc1df5ebcec45ef5b45f0b3ff65cd9168ede3', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (index.h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, index.h("div", { class: "tabs", part: "editor__tabs net__tabs" }, index.h("button", { name: Tab.EventInfo, class: { tab: true, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }, part: "editortab__event-info net__tab-event-info", onClick: e => this.setActiveTab(e, Tab.EventInfo) }, index.h("calendar-info-icon", { width: "16", height: "16" }), utils.instance.t('eventInfoTab')), index.h("button", { name: Tab.Availability, class: { tab: true, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }, part: "editortab__availability net__tab-availability", onClick: e => this.setActiveTab(e, Tab.Availability) }, index.h("calendar-patterns-icon", { width: "16", height: "16" }), utils.instance.t('availabilityTab')), index.h("button", { name: Tab.Participants, class: { tab: true, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }, part: "editortab__participants net__tab-participants", onClick: e => this.setActiveTab(e, Tab.Participants) }, index.h("people-icon", { width: "16", height: "16" }), utils.instance.t('participantsTab')), index.h("button", { name: Tab.BookingOptions, class: { tab: true, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, Tab.BookingOptions) }, index.h("flow-icon", { width: "16", height: "16" }), utils.instance.t('bookingOptionsTab')), index.h("button", { name: Tab.BookingForm, class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab(Tab.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, Tab.BookingForm) }, this.activeTab == Tab.BookingForm ? index.h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : index.h("calendar-agenda-icon", { width: "16", height: "16" }), utils.instance.t('bookingFormTab')), index.h("button", { name: Tab.Communications, class: { tab: true, active: this.activeTab == 'communications', hide: this.hideTab(Tab.Communications) }, onClick: e => this.setActiveTab(e, Tab.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == Tab.Communications ? index.h("envelope-fill-icon", { width: "16", height: "16" }) : index.h("envelope-icon", { width: "16", height: "16" }), utils.instance.t('communicationsTab')), index.h("button", { name: Tab.PageStyles, class: { tab: true, active: this.activeTab == 'pageStyles', hide: this.hideTab(Tab.PageStyles) }, onClick: e => this.setActiveTab(e, Tab.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == Tab.PageStyles ? index.h("paintbrush-fill-icon", { width: "16", height: "16" }) : index.h("paintbrush-icon", { width: "16", height: "16" }), utils.instance.t('pageStylesTab'))), index.h("div", { class: {
                 'tab-content': true,
                 'fadeIn': this.loaded,
-            }, part: "editor__tab-content net__tab-content" }, index.h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: utils.instance, enableNotetaker: this.enableNotetaker, themeConfig: this.themeConfig })))) : (index.h("div", { class: "composable", key: this.selectedConfiguration?.id }, index.h("slot", null))), index.h("div", { key: '2ca529c16438ae6f540d9f9d2cf9f176b9f8953c', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: '7a9c3a5625f22441e1e5c1ff7c9bf4b83609f6d9', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { key: '180fef7df92ddc66dbe0ddcae9b667c95a4975b7', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", { key: '645d1490d921250158592abaa25fea439a0484d6' })))), index.h("div", { key: 'd1ee52a3df5a6517661bc9abaef8b0d810a626cf', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: '3621ce228c7b8f5059269f4259d0ae0559c73c17', class: {
+            }, part: "editor__tab-content net__tab-content" }, index.h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: utils.instance, enableNotetaker: this.enableNotetaker, themeConfig: this.themeConfig })))) : (index.h("div", { class: "composable", key: this.selectedConfiguration?.id }, index.h("slot", null))), index.h("div", { key: 'af5ade2dbf7c7a4ecfb2a4c793da8a20dffaf50d', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: '6af5bbc348ccbeaae5c954dc23a4f23ddcabfcad', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { key: '9b931f53e0203bce240343b3484019455a6fa688', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", { key: 'abc5279a11ebb66f7462ea5d440698faf6475c51' })))), index.h("div", { key: '77e7c95244cefed7570f17997d788e850f7452a8', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: 'c76b8cab273ef6eb158764ff216ccce20ade888f', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error?.message !== '',
@@ -800,17 +800,17 @@ const NylasEditorTabs = class {
             ? utils.instance.t('unsavedChangesLabel')
             : this.error?.message == '' && this.changesSaved
                 ? `${utils.instance.t('changesSavedLabel')}!`
-                : ''), this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { key: '197011c0377ca5ebe8df986f2646fc84668e4645', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
+                : ''), this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { key: 'b3f8d54bddee844ef65190f3a2957b4f41db36b5', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 const previewEvent = this.previewButtonClicked.emit(this.host);
                 if (!previewEvent.defaultPrevented) {
                     window.open(utils.parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, index.h("eye-icon", { key: 'b2015768be9e7babed22669234eefbe1a458d2dc' }))), index.h("button-component", { key: 'ab2c1f081c15b9cde3efd42e5167dfaacc697874', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, index.h("eye-icon", { key: '4b35594d0ca5f3beae05426487a5a388b7f7f7fe' }))), index.h("button-component", { key: '14d80af3625109b98625690bc907295e44d93aac', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.host.resetError();
-            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('cancelButton')), index.h("button-component", { key: 'c83433adee419e28c091b54c6ff6df8c452e17fb', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, this.isLoading ? (index.h("span", null, utils.instance.t('savingButtonText'), index.h("loading-icon", null), ' ')) : this.action === 'create' ? (`${utils.instance.t('createButtonText')}`) : (`${utils.instance.t('saveChangesButtonText')}`))))), this.showFeedbackModal && index.h("nylas-feedback-form", { key: '2e06e943f9383454109ab9dfd0cb2567c65994e4' })));
+            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('cancelButton')), index.h("button-component", { key: 'f1a70d4dbffdd45524027d2165a979dbf380188b', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, this.isLoading ? (index.h("span", null, utils.instance.t('savingButtonText'), index.h("loading-icon", null), ' ')) : this.action === 'create' ? (`${utils.instance.t('createButtonText')}`) : (`${utils.instance.t('saveChangesButtonText')}`))))), this.showFeedbackModal && index.h("nylas-feedback-form", { key: '5359cdd0171603a40b05fb96619d639998ce02f5' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -1547,9 +1547,9 @@ const NylasEditorTabsGroup = class {
     }
     render() {
         utils.debug('[nylas-editor-tabs-group]', 'render', this.formState);
-        return (index.h(index.Host, { key: '06a56774813f3253201c74362b22f6190d3d9b18' }, index.h("nylas-notification", { key: '312a7375ccb06441edd84eeeb97676d3e965d034' }), index.h("form", { key: 'f99f3dbf643542e1cdf5fc04f0b49e77f0cec577', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (index.h("div", { class: "return-to-calendar-view", part: "editor__return-to-calendar-view net__return-to-calendar-view" }, index.h("button-component", { id: "return-to-calendar-view-button", variant: "invisible", part: "nset__header__back-button", type: "button", onClick: e => {
+        return (index.h(index.Host, { key: '869e92e2e872d529e939ee02ab29b0f217dd5411' }, index.h("nylas-notification", { key: 'ef3ce9b6f973d2d8f43a47f97501aef8fa6df1a1' }), index.h("form", { key: 'c3c73ec6ccad275aa28a2febffb36f3ae8d07da1', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (index.h("div", { class: "return-to-calendar-view", part: "editor__return-to-calendar-view net__return-to-calendar-view" }, index.h("button-component", { id: "return-to-calendar-view-button", variant: "invisible", part: "nset__header__back-button", type: "button", onClick: e => {
                 this.setActiveTab(e, TabGroup.CalendarView);
-            } }, index.h("chevron-icon", { width: "16", height: "16" }), index.h("span", null, utils.instance.t('returnToCalendarView'))))) : null, this.mode === 'app' ? (index.h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, index.h("div", { class: "tabs", part: "editor__tabs net__tabs" }, index.h("button", { name: TabGroup.BookingOptions, class: { tab: true, active: this.activeTab == TabGroup.BookingOptions, hide: this.hideTab(TabGroup.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, index.h("flow-icon", { width: "16", height: "16" }), utils.instance.t('bookingOptionsTab')), index.h("button", { name: TabGroup.BookingForm, class: { tab: true, active: this.activeTab == TabGroup.BookingForm, hide: this.hideTab(TabGroup.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, TabGroup.BookingForm) }, this.activeTab == TabGroup.BookingForm ? index.h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : index.h("calendar-agenda-icon", { width: "16", height: "16" }), utils.instance.t('bookingFormTab')), index.h("button", { name: TabGroup.Communications, class: { tab: true, active: this.activeTab == TabGroup.Communications, hide: this.hideTab(TabGroup.Communications) }, onClick: e => this.setActiveTab(e, TabGroup.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == TabGroup.Communications ? index.h("envelope-fill-icon", { width: "16", height: "16" }) : index.h("envelope-icon", { width: "16", height: "16" }), utils.instance.t('communicationsTab')), index.h("button", { name: TabGroup.PageStyles, class: { tab: true, active: this.activeTab == TabGroup.PageStyles, hide: this.hideTab(TabGroup.PageStyles) }, onClick: e => this.setActiveTab(e, TabGroup.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == TabGroup.PageStyles ? index.h("paintbrush-fill-icon", { width: "16", height: "16" }) : index.h("paintbrush-icon", { width: "16", height: "16" }), utils.instance.t('pageStylesTab'))), index.h("div", { class: "tab-content", part: "editor__tab-content net__tab-content" }, index.h(TabContentsGroup, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: utils.instance })))) : (index.h("div", { class: "composable", key: this.selectedConfiguration?.id }, index.h("slot", null))), index.h("div", { key: '7a0c434d290fcf47d4bb8d653cdb6bae7a1fda13', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: 'c0ec1cd3a1ad5e0f08eac1994abbef4e54175bab', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { key: 'ac96b6bee8d986417355134bae7c700328eb4a59', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", { key: '2f8dc179c85aba046041ba5e0b1147913e6d9364' }))), this.activeTab === TabGroup.CalendarView && (index.h("button-component", { key: '9eef85c170173e5781c71d247712a7d0836649a0', class: "page-settings-button", title: "Go to page settings", id: "page-settings", variant: 'basic', onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, utils.instance.t('pageSettingsButton')))), index.h("div", { key: '8b0782e6e5c6245b180f37b8e636f9fd57d3bcc3', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: 'f150c59905b9eca9d4dfbe1aa278c7b70eb883c6', class: {
+            } }, index.h("chevron-icon", { width: "16", height: "16" }), index.h("span", null, utils.instance.t('returnToCalendarView'))))) : null, this.mode === 'app' ? (index.h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, index.h("div", { class: "tabs", part: "editor__tabs net__tabs" }, index.h("button", { name: TabGroup.BookingOptions, class: { tab: true, active: this.activeTab == TabGroup.BookingOptions, hide: this.hideTab(TabGroup.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, index.h("flow-icon", { width: "16", height: "16" }), utils.instance.t('bookingOptionsTab')), index.h("button", { name: TabGroup.BookingForm, class: { tab: true, active: this.activeTab == TabGroup.BookingForm, hide: this.hideTab(TabGroup.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, TabGroup.BookingForm) }, this.activeTab == TabGroup.BookingForm ? index.h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : index.h("calendar-agenda-icon", { width: "16", height: "16" }), utils.instance.t('bookingFormTab')), index.h("button", { name: TabGroup.Communications, class: { tab: true, active: this.activeTab == TabGroup.Communications, hide: this.hideTab(TabGroup.Communications) }, onClick: e => this.setActiveTab(e, TabGroup.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == TabGroup.Communications ? index.h("envelope-fill-icon", { width: "16", height: "16" }) : index.h("envelope-icon", { width: "16", height: "16" }), utils.instance.t('communicationsTab')), index.h("button", { name: TabGroup.PageStyles, class: { tab: true, active: this.activeTab == TabGroup.PageStyles, hide: this.hideTab(TabGroup.PageStyles) }, onClick: e => this.setActiveTab(e, TabGroup.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == TabGroup.PageStyles ? index.h("paintbrush-fill-icon", { width: "16", height: "16" }) : index.h("paintbrush-icon", { width: "16", height: "16" }), utils.instance.t('pageStylesTab'))), index.h("div", { class: "tab-content", part: "editor__tab-content net__tab-content" }, index.h(TabContentsGroup, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: utils.instance })))) : (index.h("div", { class: "composable", key: this.selectedConfiguration?.id }, index.h("slot", null))), index.h("div", { key: 'cb2a83d7dd8772baa6120fb70495cbe14b5e878d', class: "footer", part: "editor__footer net__footer" }, index.h("div", { key: '073938c889c7ab4e0737171f6b3926ddc7b3e309', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (index.h("button-component", { key: '5d0d3460afb2d2500218328015bfa26be1c6501e', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index.h("feedback-icon", { key: '5de4e56012036525ea4b1ddf674d04fb5d657339' }))), this.activeTab === TabGroup.CalendarView && (index.h("button-component", { key: '1b645c72d8bf6e6a804f82de4a6f8c079b532199', class: "page-settings-button", title: "Go to page settings", id: "page-settings", variant: 'basic', onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, utils.instance.t('pageSettingsButton')))), index.h("div", { key: 'e6a8c454f9ddd05b574c28a5c6801d2e4dc7d314', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, index.h("p", { key: '2ad5f399b1b7b4c985d827842fdb577d5e79e713', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error?.message !== '',
@@ -1558,17 +1558,17 @@ const NylasEditorTabsGroup = class {
             ? utils.instance.t('unsavedChangesLabel')
             : this.error?.message == '' && this.changesSaved
                 ? `${utils.instance.t('changesSavedLabel')}!`
-                : ''), index.h("div", { key: '3482be3bf0aa1f2033892f0ea9fb46ef3d024933', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { key: '292e5e8e26dde950427ea5b9a89102fd787e3396', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
+                : ''), index.h("div", { key: '2b1a00bfcc1d82907531ca4f01c10f6fa0753af0', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (index.h("button-component", { key: 'd81f286280016c4a8ffc69837deafcfd62207ae1', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 const previewEvent = this.previewButtonClicked.emit(this.host);
                 if (!previewEvent.defaultPrevented) {
                     window.open(utils.parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, index.h("eye-icon", { key: '752b75283ffc0d3001bdfa675e0d0aefd8e35ffe' }))), index.h("button-component", { key: '359fcd9add568c76d2781dcb445a61318f4d65cf', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, index.h("eye-icon", { key: 'cf209b590796ef5d6443fd737ebdb44a34497f23' }))), index.h("button-component", { key: 'bf52189b404bb4fe178ae92d17960da288b01478', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.host.resetError();
-            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('cancelButton')), index.h("button-component", { key: '30c9dd42997d4e5d678677f127ed499302ccae36', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, !this.componentLoaded ? (index.h("span", null, index.h("loading-icon", null), ' ')) : this.isLoading ? (index.h("span", null, utils.instance.t('savingButtonText'), index.h("loading-icon", null), ' ')) : this.action === 'create' ? (`${utils.instance.t('createButtonText')}`) : (`${utils.instance.t('saveChangesButtonText')}`)))))), this.showFeedbackModal && index.h("nylas-feedback-form", { key: '0168f924071cf6c43699c26b43e74ee76a696a27' })));
+            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, utils.instance.t('cancelButton')), index.h("button-component", { key: '773685323c7b8c7c6472b7bdabada38699366f56', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, !this.componentLoaded ? (index.h("span", null, index.h("loading-icon", null), ' ')) : this.isLoading ? (index.h("span", null, utils.instance.t('savingButtonText'), index.h("loading-icon", null), ' ')) : this.action === 'create' ? (`${utils.instance.t('createButtonText')}`) : (`${utils.instance.t('saveChangesButtonText')}`)))))), this.showFeedbackModal && index.h("nylas-feedback-form", { key: '2cb934ae8a1d7483fec46d82ea5fa7d5050de4c0' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/google-meet-icon_5.cjs.entry.js

@@ -11,7 +11,7 @@ const GoogleMeetIcon$1 = class GoogleMeetIcon {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: '6cadb7a200808b08d358e4a9fcd167fe3b05df1c', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '0dec4d52e686f61a9d43d3dcb80f81bd065e5155', "clip-path": "url(#clip0_22_6251)" }, index.h("path", { key: '397ba80f4ec668640ce9d35a0959d971634b31bb', d: "M11.3145 10.1036L13.2642 12.3321L15.8859 14.0076L16.343 10.1173L15.8859 6.31384L13.2139 7.78584L11.3145 10.1036Z", fill: "#00832D" }), index.h("path", { key: '8771c87e1fd13757b2b7b4075e22dec31db029a7', d: "M0 13.6464V16.9607C0 17.7184 0.613714 18.3321 1.37143 18.3321H4.68571L5.37143 15.827L4.68571 13.6464L2.41143 12.9607L0 13.6464Z", fill: "#0066DA" }), index.h("path", { key: 'c2b11b5bcc5f7ee7b9e03f590ad5cdf93212eff3', d: "M4.68571 1.875L0 6.56071L2.41143 7.24643L4.68571 6.56071L5.36 4.40986L4.68571 1.875Z", fill: "#E94235" }), index.h("path", { key: 'e56f539f289a9a9b61d316b85bd161d1c17a66e5', d: "M4.68571 6.56067H0V13.6464H4.68571V6.56067Z", fill: "#2684FC" }), index.h("path", { key: '0adc96d2228c96a37952fa5b7206d2e892fe041b', d: "M18.8798 3.85895L15.8855 6.31381V14.0075L18.8935 16.4738C19.3438 16.8258 20.0021 16.5047 20.0021 15.9321V4.38923C20.0021 3.80981 19.329 3.49209 18.8798 3.85895ZM11.3141 10.1035V13.6464H4.68555V18.3321H14.5141C15.2718 18.3321 15.8855 17.7184 15.8855 16.9607V14.0075L11.3141 10.1035Z", fill: "#00AC47" }), index.h("path", { key: '4912507dcce67ce43907bafeb81ade0fe8baefa7', d: "M14.5141 1.875H4.68555V6.56071H11.3141V10.1036L15.8855 6.31614V3.24643C15.8855 2.48871 15.2718 1.875 14.5141 1.875Z", fill: "#FFBA00" })), index.h("defs", { key: '0340dd44c975fca507ef1e94967ee2e1a96b80f0' }, index.h("clipPath", { key: 'a8245ba29093be76a0cef1e852277ba69dc57923', id: "clip0_22_6251" }, index.h("rect", { key: 'a35be13127ad094357fd393c291bfe95d18cd143', width: "20", height: "20", fill: "white" })))));
+        return (index.h("svg", { key: '77df22462cd4bb7464900d67d7003dcf60972d77', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'bbfd486b82f76663d9b7b9320f8b9ddc20d77245', "clip-path": "url(#clip0_22_6251)" }, index.h("path", { key: '36574d90cbe70c08b72477f6b1bf76b68c0e490e', d: "M11.3145 10.1036L13.2642 12.3321L15.8859 14.0076L16.343 10.1173L15.8859 6.31384L13.2139 7.78584L11.3145 10.1036Z", fill: "#00832D" }), index.h("path", { key: 'e8ef3546863a5afac09ba5559007912c22c098a9', d: "M0 13.6464V16.9607C0 17.7184 0.613714 18.3321 1.37143 18.3321H4.68571L5.37143 15.827L4.68571 13.6464L2.41143 12.9607L0 13.6464Z", fill: "#0066DA" }), index.h("path", { key: '72393f7c9b80d60a82065c2397242404cab7bc30', d: "M4.68571 1.875L0 6.56071L2.41143 7.24643L4.68571 6.56071L5.36 4.40986L4.68571 1.875Z", fill: "#E94235" }), index.h("path", { key: 'c9edabd40b18b93412a537ae5809c3193392e540', d: "M4.68571 6.56067H0V13.6464H4.68571V6.56067Z", fill: "#2684FC" }), index.h("path", { key: '87d4661ba2ec913f3ebbd4e42e58957b21203550', d: "M18.8798 3.85895L15.8855 6.31381V14.0075L18.8935 16.4738C19.3438 16.8258 20.0021 16.5047 20.0021 15.9321V4.38923C20.0021 3.80981 19.329 3.49209 18.8798 3.85895ZM11.3141 10.1035V13.6464H4.68555V18.3321H14.5141C15.2718 18.3321 15.8855 17.7184 15.8855 16.9607V14.0075L11.3141 10.1035Z", fill: "#00AC47" }), index.h("path", { key: '039bad43988c66fb1b333f4c4623aa5234fee0a2', d: "M14.5141 1.875H4.68555V6.56071H11.3141V10.1036L15.8855 6.31614V3.24643C15.8855 2.48871 15.2718 1.875 14.5141 1.875Z", fill: "#FFBA00" })), index.h("defs", { key: '1a1e10b98a4112302e52175ce629e16ad07d03be' }, index.h("clipPath", { key: '2e74603837228a8ff83d55ff4e4529dc6e94bfb3', id: "clip0_22_6251" }, index.h("rect", { key: '5530d2ab7aadbd1bf74e1cd477d152f45358648d', width: "20", height: "20", fill: "white" })))));
     }
 };
 GoogleMeetIcon$1.style = iconCss$4;
@@ -25,7 +25,7 @@ const LocationIcon = class {
         this.height = '18';
     }
     render() {
-        return (index.h("svg", { key: 'fea3391fc338771802d8a4124d5b84c1c15a3de8', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '917bd14200ed65b47ebe473537a935619349a4de', d: "M10 7.66211C10 9.31896 8.65685 10.6621 7 10.6621C5.34315 10.6621 4 9.31896 4 7.66211C4 6.00526 5.34315 4.66211 7 4.66211C8.65685 4.66211 10 6.00526 10 7.66211ZM9 7.66211C9 6.55754 8.10457 5.66211 7 5.66211C5.89543 5.66211 5 6.55754 5 7.66211C5 8.76668 5.89543 9.66211 7 9.66211C8.10457 9.66211 9 8.76668 9 7.66211ZM11.9497 12.6171C14.6834 9.88221 14.6834 5.44812 11.9497 2.71326C9.21608 -0.0216067 4.78392 -0.0216067 2.05025 2.71326C-0.683418 5.44812 -0.683418 9.88221 2.05025 12.6171L3.57128 14.1159L5.61408 16.101L5.74691 16.2188C6.52168 16.8468 7.65623 16.8076 8.38611 16.1012L10.8223 13.7312L11.9497 12.6171ZM2.75499 3.4183C5.09944 1.07282 8.90055 1.07282 11.245 3.4183C13.5294 5.70364 13.5879 9.3725 11.4207 11.7288L11.245 11.912L9.92371 13.216L7.69315 15.3846L7.60016 15.4642C7.24594 15.732 6.7543 15.732 6.40012 15.4642L6.30713 15.3845L3.3263 12.4791L2.75499 11.912L2.57927 11.7288C0.412077 9.3725 0.47065 5.70364 2.75499 3.4183Z", fill: "currentColor" })));
+        return (index.h("svg", { key: 'ed6f9bb1f17cd8c3db1edf9f9d15ef999879d7a6', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '2aa2058fa81b4b402b4b5284898cdea0efe64e30', d: "M10 7.66211C10 9.31896 8.65685 10.6621 7 10.6621C5.34315 10.6621 4 9.31896 4 7.66211C4 6.00526 5.34315 4.66211 7 4.66211C8.65685 4.66211 10 6.00526 10 7.66211ZM9 7.66211C9 6.55754 8.10457 5.66211 7 5.66211C5.89543 5.66211 5 6.55754 5 7.66211C5 8.76668 5.89543 9.66211 7 9.66211C8.10457 9.66211 9 8.76668 9 7.66211ZM11.9497 12.6171C14.6834 9.88221 14.6834 5.44812 11.9497 2.71326C9.21608 -0.0216067 4.78392 -0.0216067 2.05025 2.71326C-0.683418 5.44812 -0.683418 9.88221 2.05025 12.6171L3.57128 14.1159L5.61408 16.101L5.74691 16.2188C6.52168 16.8468 7.65623 16.8076 8.38611 16.1012L10.8223 13.7312L11.9497 12.6171ZM2.75499 3.4183C5.09944 1.07282 8.90055 1.07282 11.245 3.4183C13.5294 5.70364 13.5879 9.3725 11.4207 11.7288L11.245 11.912L9.92371 13.216L7.69315 15.3846L7.60016 15.4642C7.24594 15.732 6.7543 15.732 6.40012 15.4642L6.30713 15.3845L3.3263 12.4791L2.75499 11.912L2.57927 11.7288C0.412077 9.3725 0.47065 5.70364 2.75499 3.4183Z", fill: "currentColor" })));
     }
 };
 LocationIcon.style = iconCss$3;
@@ -39,7 +39,7 @@ const LocationOffIcon = class {
         this.height = '18';
     }
     render() {
-        return (index.h("svg", { key: '433e9de6b7d4cbf61ea99a0e97e6d80f0eff19c5', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '231f046dd746eb33ba6018448444e184c449b82b', d: "M0.146447 0.808556C0.341709 0.613294 0.658291 0.613294 0.853553 0.808556L15.8536 15.8086C16.0488 16.0038 16.0488 16.3204 15.8536 16.5157C15.6583 16.7109 15.3417 16.7109 15.1464 16.5157L12.0938 13.463L11.8223 13.7312L9.38611 16.1012C8.65623 16.8076 7.52168 16.8468 6.74691 16.2188L6.61408 16.101L4.57128 14.1159L3.05025 12.6171C0.607421 10.1732 0.347525 6.37239 2.27056 3.63976L0.146447 1.51566C-0.0488155 1.3204 -0.0488155 1.00382 0.146447 0.808556ZM9.07768 10.4469C8.74346 10.576 8.38024 10.6468 8.0005 10.6468C6.34839 10.6468 5.00909 9.30689 5.00909 7.65406C5.00909 7.27461 5.07967 6.91166 5.20843 6.57763L2.98793 4.35713C1.49206 6.62038 1.68917 9.67377 3.57927 11.7288L3.75499 11.912L4.3263 12.4791L7.30713 15.3845L7.40012 15.4642C7.7543 15.732 8.24594 15.732 8.60016 15.4642L8.69315 15.3846L10.9237 13.216L11.3883 12.7575L9.07768 10.4469ZM9.85409 8.39486L10.5983 9.13904C10.8487 8.70143 10.9919 8.19447 10.9919 7.65406C10.9919 6.00122 9.65261 4.66134 8.0005 4.66134C7.45986 4.66134 6.95271 4.80482 6.51504 5.05581L7.25921 5.79998C7.48839 5.70819 7.73855 5.6577 8.0005 5.6577C9.10258 5.6577 9.99599 6.5515 9.99599 7.65406C9.99599 7.91581 9.94564 8.16581 9.85409 8.39486ZM4.35291 2.89368C6.70671 1.08827 10.0908 1.26314 12.245 3.4183C14.3986 5.57283 14.5739 8.95702 12.771 11.3118L13.4812 12.022C15.6702 9.27273 15.493 5.25762 12.9497 2.71326C10.4058 0.168159 6.39081 -0.00843871 3.64269 2.18347L4.35291 2.89368Z", fill: "currentColor" })));
+        return (index.h("svg", { key: '57bd2730db8845f84f228dfc3e1855e8d206dce8', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'e45398c16b0c966a39abfde20d2d71ff2a70b35b', d: "M0.146447 0.808556C0.341709 0.613294 0.658291 0.613294 0.853553 0.808556L15.8536 15.8086C16.0488 16.0038 16.0488 16.3204 15.8536 16.5157C15.6583 16.7109 15.3417 16.7109 15.1464 16.5157L12.0938 13.463L11.8223 13.7312L9.38611 16.1012C8.65623 16.8076 7.52168 16.8468 6.74691 16.2188L6.61408 16.101L4.57128 14.1159L3.05025 12.6171C0.607421 10.1732 0.347525 6.37239 2.27056 3.63976L0.146447 1.51566C-0.0488155 1.3204 -0.0488155 1.00382 0.146447 0.808556ZM9.07768 10.4469C8.74346 10.576 8.38024 10.6468 8.0005 10.6468C6.34839 10.6468 5.00909 9.30689 5.00909 7.65406C5.00909 7.27461 5.07967 6.91166 5.20843 6.57763L2.98793 4.35713C1.49206 6.62038 1.68917 9.67377 3.57927 11.7288L3.75499 11.912L4.3263 12.4791L7.30713 15.3845L7.40012 15.4642C7.7543 15.732 8.24594 15.732 8.60016 15.4642L8.69315 15.3846L10.9237 13.216L11.3883 12.7575L9.07768 10.4469ZM9.85409 8.39486L10.5983 9.13904C10.8487 8.70143 10.9919 8.19447 10.9919 7.65406C10.9919 6.00122 9.65261 4.66134 8.0005 4.66134C7.45986 4.66134 6.95271 4.80482 6.51504 5.05581L7.25921 5.79998C7.48839 5.70819 7.73855 5.6577 8.0005 5.6577C9.10258 5.6577 9.99599 6.5515 9.99599 7.65406C9.99599 7.91581 9.94564 8.16581 9.85409 8.39486ZM4.35291 2.89368C6.70671 1.08827 10.0908 1.26314 12.245 3.4183C14.3986 5.57283 14.5739 8.95702 12.771 11.3118L13.4812 12.022C15.6702 9.27273 15.493 5.25762 12.9497 2.71326C10.4058 0.168159 6.39081 -0.00843871 3.64269 2.18347L4.35291 2.89368Z", fill: "currentColor" })));
     }
 };
 LocationOffIcon.style = iconCss$2;
@@ -53,7 +53,7 @@ const GoogleMeetIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: '5339fdd39e7ea20edfaf0ac6e914d61a476257a6', width: this.width, height: this.height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '32c49a65811bfe1255b726cd4d9d02f7692181b9', "clip-path": "url(#clip0_22_6280)" }, index.h("path", { key: 'aa2e8cabf239ddd965cf10f7970e77211fb1f2cf', d: "M13.7109 7.60168H18.8769C19.365 7.60168 19.7607 7.99734 19.7607 8.4854V13.191C19.7607 14.9848 18.3065 16.4389 16.5127 16.4389H16.4974C14.7036 16.4391 13.2493 14.9852 13.249 13.1914C13.249 13.1913 13.249 13.1911 13.249 13.191V8.06355C13.249 7.80847 13.4558 7.60168 13.7109 7.60168Z", fill: "#5059C9" }), index.h("path", { key: '199ec9b36381eb1a72ce485fdfeff0d96ab9de6c', d: "M17.2024 6.67152C18.3583 6.67152 19.2954 5.73444 19.2954 4.5785C19.2954 3.42255 18.3583 2.48547 17.2024 2.48547C16.0465 2.48547 15.1094 3.42255 15.1094 4.5785C15.1094 5.73444 16.0465 6.67152 17.2024 6.67152Z", fill: "#5059C9" }), index.h("path", { key: 'bae00ef02d881a88621efd66299c96999c50f5a8', d: "M10.6912 6.67152C12.3609 6.67152 13.7145 5.31796 13.7145 3.64826C13.7145 1.97856 12.3609 0.625 10.6912 0.625C9.02153 0.625 7.66797 1.97856 7.66797 3.64826C7.66797 5.31796 9.02153 6.67152 10.6912 6.67152Z", fill: "#7B83EB" }), index.h("path", { key: '8fe2080906157ae33ede96fa387682889c17bfab', d: "M14.7223 7.60168H6.19482C5.71257 7.61362 5.33108 8.01384 5.34227 8.49611V13.8631C5.27492 16.7571 7.56457 19.1588 10.4586 19.2296C13.3525 19.1588 15.6422 16.7571 15.5748 13.8631V8.49611C15.586 8.01384 15.2045 7.61362 14.7223 7.60168Z", fill: "#7B83EB" }), index.h("path", { key: '7f1a469011cae41d586c2daefcae7682756f8090', opacity: "0.1", d: "M10.9234 7.60168V15.1226C10.9211 15.4675 10.7121 15.7773 10.3932 15.9087C10.2917 15.9516 10.1825 15.9738 10.0723 15.9738H5.75134C5.69088 15.8203 5.63507 15.6668 5.58855 15.5087C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H10.9234Z", fill: "black" }), index.h("path", { key: '03a9773ffc07e198f6c45d65dde3a037d5684f59', opacity: "0.2", d: "M10.4583 7.60168V15.5877C10.4583 15.698 10.4362 15.8071 10.3932 15.9087C10.2619 16.2276 9.95205 16.4366 9.60717 16.4389H5.96995C5.89088 16.2854 5.81646 16.1319 5.75134 15.9738C5.68623 15.8156 5.63507 15.6668 5.58855 15.5087C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H10.4583Z", fill: "black" }), index.h("path", { key: '5d8fa2ef9a98532cdff1e34aff2b9d9b2384fdfd', opacity: "0.2", d: "M10.4583 7.60168V14.6575C10.4548 15.1261 10.0758 15.5051 9.60716 15.5087H5.58855C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H10.4583Z", fill: "black" }), index.h("path", { key: '7c888a05ad1897917ae6ee0f046ef722fcd968d3', opacity: "0.2", d: "M9.9932 7.60168V14.6575C9.98965 15.1261 9.61065 15.5051 9.14203 15.5087H5.58855C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H9.9932Z", fill: "black" }), index.h("path", { key: 'a2d19640e702da4d1ffea365454d3c8f4df18751', opacity: "0.1", d: "M10.9241 5.1971V6.66222C10.845 6.66687 10.7706 6.67152 10.6915 6.67152C10.6124 6.67152 10.538 6.66687 10.4589 6.66222C10.3019 6.6518 10.1462 6.62689 9.99382 6.5878C9.05195 6.36475 8.27382 5.70421 7.90079 4.81106C7.83661 4.66107 7.78678 4.50533 7.75195 4.34595H10.0729C10.5422 4.34772 10.9223 4.72775 10.9241 5.1971Z", fill: "black" }), index.h("path", { key: '3cb1847fb75f433ddbdb9eb81d382cb2f354e621', opacity: "0.2", d: "M10.4585 5.66219V6.66219C10.3015 6.65177 10.1458 6.62686 9.99341 6.58778C9.05155 6.36473 8.27342 5.70418 7.90039 4.81104H9.60736C10.0767 4.81281 10.4567 5.19285 10.4585 5.66219Z", fill: "black" }), index.h("path", { key: '783335e2c1153c4252b79b435f3d02a99b307cb0', opacity: "0.2", d: "M10.4585 5.66219V6.66219C10.3015 6.65177 10.1458 6.62686 9.99341 6.58778C9.05155 6.36473 8.27342 5.70418 7.90039 4.81104H9.60736C10.0767 4.81281 10.4567 5.19285 10.4585 5.66219Z", fill: "black" }), index.h("path", { key: '3fc1e6898bc85a6f8ff9a5b156544d2eb1aac26b', opacity: "0.2", d: "M9.99341 5.6622V6.58778C9.05155 6.36473 8.27342 5.70418 7.90039 4.81104H9.14225C9.6116 4.81282 9.99163 5.19286 9.99341 5.6622Z", fill: "black" }), index.h("path", { key: 'bf1c26b312c253bc9916dbbeab446602c5aac168', d: "M0.613296 4.81104H9.14074C9.61159 4.81104 9.99329 5.19274 9.99329 5.66359V14.191C9.99329 14.6619 9.61158 15.0436 9.14074 15.0436H0.613296C0.14244 15.0436 -0.239258 14.6619 -0.239258 14.191V5.66359C-0.239258 5.19274 0.142449 4.81104 0.613296 4.81104Z", fill: "url(#paint0_linear_22_6280)" }), index.h("path", { key: '0f8de3456599773e88f7ca4de24bdb8b9a083996', d: "M7.12025 8.05659H5.4156V12.6985H4.32956V8.05659H2.63281V7.15613H7.12025V8.05659Z", fill: "white" })), index.h("defs", { key: 'fc897cb2c8ec65784fe9b9b534b430397d2ea34b' }, index.h("linearGradient", { key: 'faf30f8f44020bfac4f050884c8843572898f220', id: "paint0_linear_22_6280", x1: "1.53835", y1: "4.14486", x2: "8.2157", y2: "15.7098", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '2a6c11edccc95a90e9adb14b021bc9bbee606f3a', "stop-color": "#5A62C3" }), index.h("stop", { key: '8df38cc43483ebefb85496b4d7602faf539c6a03', offset: "0.5", "stop-color": "#4D55BD" }), index.h("stop", { key: '6a3d6777a838c14e160678fbd88236fdb7a2f048', offset: "1", "stop-color": "#3940AB" })), index.h("clipPath", { key: 'b13ec0e1255d15f848df6c7a1bbc0742aeef5ab4', id: "clip0_22_6280" }, index.h("rect", { key: '0af24f4018ac74690f3da22487d8e6046b40e95d', width: "20", height: "20", fill: "white" })))));
+        return (index.h("svg", { key: '836bc4275573a0eac2508ba18103f4e2890ea87c', width: this.width, height: this.height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'bf6146c9490197590bdf53d28ecae6ed1ef9dadf', "clip-path": "url(#clip0_22_6280)" }, index.h("path", { key: 'ae8a279e6a4e368afe98201429417a7a49ca7679', d: "M13.7109 7.60168H18.8769C19.365 7.60168 19.7607 7.99734 19.7607 8.4854V13.191C19.7607 14.9848 18.3065 16.4389 16.5127 16.4389H16.4974C14.7036 16.4391 13.2493 14.9852 13.249 13.1914C13.249 13.1913 13.249 13.1911 13.249 13.191V8.06355C13.249 7.80847 13.4558 7.60168 13.7109 7.60168Z", fill: "#5059C9" }), index.h("path", { key: 'ee6a82e5d80986beccda8029a672be8e334781cb', d: "M17.2024 6.67152C18.3583 6.67152 19.2954 5.73444 19.2954 4.5785C19.2954 3.42255 18.3583 2.48547 17.2024 2.48547C16.0465 2.48547 15.1094 3.42255 15.1094 4.5785C15.1094 5.73444 16.0465 6.67152 17.2024 6.67152Z", fill: "#5059C9" }), index.h("path", { key: '478d333ac85068b5dd76cac914f2954981a32c23', d: "M10.6912 6.67152C12.3609 6.67152 13.7145 5.31796 13.7145 3.64826C13.7145 1.97856 12.3609 0.625 10.6912 0.625C9.02153 0.625 7.66797 1.97856 7.66797 3.64826C7.66797 5.31796 9.02153 6.67152 10.6912 6.67152Z", fill: "#7B83EB" }), index.h("path", { key: '68b30367b64f4c8777f27d5451994dbbe58bcd33', d: "M14.7223 7.60168H6.19482C5.71257 7.61362 5.33108 8.01384 5.34227 8.49611V13.8631C5.27492 16.7571 7.56457 19.1588 10.4586 19.2296C13.3525 19.1588 15.6422 16.7571 15.5748 13.8631V8.49611C15.586 8.01384 15.2045 7.61362 14.7223 7.60168Z", fill: "#7B83EB" }), index.h("path", { key: '9f46b42790447183dcd68b8625be45b27637b4fc', opacity: "0.1", d: "M10.9234 7.60168V15.1226C10.9211 15.4675 10.7121 15.7773 10.3932 15.9087C10.2917 15.9516 10.1825 15.9738 10.0723 15.9738H5.75134C5.69088 15.8203 5.63507 15.6668 5.58855 15.5087C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H10.9234Z", fill: "black" }), index.h("path", { key: '9bcfb2cab9d59ab61ca387fc171313a489ba96b7', opacity: "0.2", d: "M10.4583 7.60168V15.5877C10.4583 15.698 10.4362 15.8071 10.3932 15.9087C10.2619 16.2276 9.95205 16.4366 9.60717 16.4389H5.96995C5.89088 16.2854 5.81646 16.1319 5.75134 15.9738C5.68623 15.8156 5.63507 15.6668 5.58855 15.5087C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H10.4583Z", fill: "black" }), index.h("path", { key: 'f1c40724c9e8f02dd1019ca831c8490c62c2c7e7', opacity: "0.2", d: "M10.4583 7.60168V14.6575C10.4548 15.1261 10.0758 15.5051 9.60716 15.5087H5.58855C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H10.4583Z", fill: "black" }), index.h("path", { key: '2f56e3f803865b73ef95f581c24ddf19254a216d', opacity: "0.2", d: "M9.9932 7.60168V14.6575C9.98965 15.1261 9.61065 15.5051 9.14203 15.5087H5.58855C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H9.9932Z", fill: "black" }), index.h("path", { key: '94f9dcce905aebc029f0627c28bd4cd4998d6b84', opacity: "0.1", d: "M10.9241 5.1971V6.66222C10.845 6.66687 10.7706 6.67152 10.6915 6.67152C10.6124 6.67152 10.538 6.66687 10.4589 6.66222C10.3019 6.6518 10.1462 6.62689 9.99382 6.5878C9.05195 6.36475 8.27382 5.70421 7.90079 4.81106C7.83661 4.66107 7.78678 4.50533 7.75195 4.34595H10.0729C10.5422 4.34772 10.9223 4.72775 10.9241 5.1971Z", fill: "black" }), index.h("path", { key: '8e7f9b9fd27dcaf3bdae097acf2673ec96ccde61', opacity: "0.2", d: "M10.4585 5.66219V6.66219C10.3015 6.65177 10.1458 6.62686 9.99341 6.58778C9.05155 6.36473 8.27342 5.70418 7.90039 4.81104H9.60736C10.0767 4.81281 10.4567 5.19285 10.4585 5.66219Z", fill: "black" }), index.h("path", { key: 'fc74a810553ee43c1b21b619b3fed882ece321e7', opacity: "0.2", d: "M10.4585 5.66219V6.66219C10.3015 6.65177 10.1458 6.62686 9.99341 6.58778C9.05155 6.36473 8.27342 5.70418 7.90039 4.81104H9.60736C10.0767 4.81281 10.4567 5.19285 10.4585 5.66219Z", fill: "black" }), index.h("path", { key: '678b0c72f06493f33f2520e6bba81d8b3f79c6d5', opacity: "0.2", d: "M9.99341 5.6622V6.58778C9.05155 6.36473 8.27342 5.70418 7.90039 4.81104H9.14225C9.6116 4.81282 9.99163 5.19286 9.99341 5.6622Z", fill: "black" }), index.h("path", { key: 'e9ec890c48d537fd8ed65732bf5defdd9c28254a', d: "M0.613296 4.81104H9.14074C9.61159 4.81104 9.99329 5.19274 9.99329 5.66359V14.191C9.99329 14.6619 9.61158 15.0436 9.14074 15.0436H0.613296C0.14244 15.0436 -0.239258 14.6619 -0.239258 14.191V5.66359C-0.239258 5.19274 0.142449 4.81104 0.613296 4.81104Z", fill: "url(#paint0_linear_22_6280)" }), index.h("path", { key: 'fe686bd6b2b4cce0c5f82be67e0ee556c7956a27', d: "M7.12025 8.05659H5.4156V12.6985H4.32956V8.05659H2.63281V7.15613H7.12025V8.05659Z", fill: "white" })), index.h("defs", { key: 'f2d453abb62559810c6e006d124ab12a3966a85a' }, index.h("linearGradient", { key: '8a44a739ed20ceca377a4dff18df2dbec16f7d58', id: "paint0_linear_22_6280", x1: "1.53835", y1: "4.14486", x2: "8.2157", y2: "15.7098", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '8bd4e0b9821e33781b725d31a4071d6979a0c2ea', "stop-color": "#5A62C3" }), index.h("stop", { key: '0309e56e8e36a8bd16bf98d582a25cb1612dc33c', offset: "0.5", "stop-color": "#4D55BD" }), index.h("stop", { key: '72893937ea256cf357a6f02198f6573c47930ed5', offset: "1", "stop-color": "#3940AB" })), index.h("clipPath", { key: '2a6925dab7651839262604565e14a8f09a0ab4a3', id: "clip0_22_6280" }, index.h("rect", { key: '3d52f571415bab5866c5a84c91f6d2708a4bea8a', width: "20", height: "20", fill: "white" })))));
     }
 };
 GoogleMeetIcon.style = iconCss$1;
@@ -67,7 +67,7 @@ const ZoomIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: '34e0494ed17046b24244a6c6c34eeed046b2051e', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '73d4f1b2fed3e361a27aa8b2f5f00c6b50fa9a16', d: "M19.7495 6.85792C19.2077 3.4745 16.5255 0.792345 13.1421 0.250451C12.1175 0.0865155 11.0702 0 10 0C8.92992 0 7.88256 0.0865155 6.85797 0.250451C3.47453 0.792345 0.792373 3.4745 0.250478 6.85792C0.0865433 7.87796 0 8.92987 0 10C0 11.0701 0.0865433 12.1175 0.250478 13.1421C0.792373 16.5255 3.47453 19.2077 6.85797 19.7495C7.88256 19.9135 8.92992 20 10 20C11.0702 20 12.1175 19.9135 13.1421 19.7495C16.5255 19.2077 19.2077 16.5255 19.7495 13.1421C19.9135 12.122 20 11.0701 20 10C20 8.92987 19.9135 7.88251 19.7495 6.85792Z", fill: "url(#paint0_linear_22_6272)" }), index.h("path", { key: '73df91b845912d3c4ebd8098c9fda7f87814b32a', d: "M12.154 12.1676C12.154 12.7596 11.6759 13.2377 11.0839 13.2377H6.42995C5.24598 13.2377 4.28516 12.2769 4.28516 11.0929V7.87794C4.28516 7.28596 4.76328 6.80786 5.35527 6.80786H10.0092C11.1932 6.80786 12.154 7.7687 12.154 8.95267V12.1676ZM14.8589 7.09475L13.2879 8.27412C13.0193 8.47448 12.8598 8.79324 12.8598 9.13022V10.9153C12.8598 11.2523 13.0193 11.5711 13.2879 11.7714L14.8589 12.9508C15.2141 13.2149 15.715 12.9645 15.715 12.5228V7.5228C15.715 7.08109 15.2096 6.83063 14.8589 7.09475Z", fill: "white" }), index.h("defs", { key: '8de70ed9809c800b81e4ab03aaff572d21a03dfb' }, index.h("linearGradient", { key: '847ea24c4de0e2bb92dff337dc13ca0f97135631', id: "paint0_linear_22_6272", x1: "10", y1: "19.9954", x2: "10", y2: "-0.00455379", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '50650c90a77aa5eed24b2c066eff996fb6488eb8', "stop-color": "#003FAE" }), index.h("stop", { key: 'c80e78d99bae59bfc5d01d4116b3984287f737ff', offset: "0.02", "stop-color": "#0142B7" }), index.h("stop", { key: '39d8702a07f8b36b78b528b5e461814c47cc5de2', offset: "0.09", "stop-color": "#044BD1" }), index.h("stop", { key: '654dda002e3263c2622c2395d828a9e10b1ac039', offset: "0.16", "stop-color": "#0752E5" }), index.h("stop", { key: '76adf371316258276e15e557a58dda478ed42cc0', offset: "0.24", "stop-color": "#0958F4" }), index.h("stop", { key: '5a7983298abc667ec44cedf171afdfa17d695013', offset: "0.34", "stop-color": "#0A5BFC" }), index.h("stop", { key: '2284c878ae3e5827eed48c36a86eb666d255a0fe', offset: "0.5", "stop-color": "#0B5CFF" })))));
+        return (index.h("svg", { key: '039f41db8dfce325a6391bd39f60acdb8e1394f6', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'b22d71be969d53d705dd97e00d4a0eb88beb74f3', d: "M19.7495 6.85792C19.2077 3.4745 16.5255 0.792345 13.1421 0.250451C12.1175 0.0865155 11.0702 0 10 0C8.92992 0 7.88256 0.0865155 6.85797 0.250451C3.47453 0.792345 0.792373 3.4745 0.250478 6.85792C0.0865433 7.87796 0 8.92987 0 10C0 11.0701 0.0865433 12.1175 0.250478 13.1421C0.792373 16.5255 3.47453 19.2077 6.85797 19.7495C7.88256 19.9135 8.92992 20 10 20C11.0702 20 12.1175 19.9135 13.1421 19.7495C16.5255 19.2077 19.2077 16.5255 19.7495 13.1421C19.9135 12.122 20 11.0701 20 10C20 8.92987 19.9135 7.88251 19.7495 6.85792Z", fill: "url(#paint0_linear_22_6272)" }), index.h("path", { key: 'c8bcccee7f22cb66bc6954dcc05a97a275bf5aac', d: "M12.154 12.1676C12.154 12.7596 11.6759 13.2377 11.0839 13.2377H6.42995C5.24598 13.2377 4.28516 12.2769 4.28516 11.0929V7.87794C4.28516 7.28596 4.76328 6.80786 5.35527 6.80786H10.0092C11.1932 6.80786 12.154 7.7687 12.154 8.95267V12.1676ZM14.8589 7.09475L13.2879 8.27412C13.0193 8.47448 12.8598 8.79324 12.8598 9.13022V10.9153C12.8598 11.2523 13.0193 11.5711 13.2879 11.7714L14.8589 12.9508C15.2141 13.2149 15.715 12.9645 15.715 12.5228V7.5228C15.715 7.08109 15.2096 6.83063 14.8589 7.09475Z", fill: "white" }), index.h("defs", { key: 'd863c1f899a8662e881cfa3125223a9dfc05beb6' }, index.h("linearGradient", { key: '1570271aff4effb864fad7b81b7b8fbffe6f77db', id: "paint0_linear_22_6272", x1: "10", y1: "19.9954", x2: "10", y2: "-0.00455379", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '6ed338727a1ca8fc66f350ab0769471ea7ded6fd', "stop-color": "#003FAE" }), index.h("stop", { key: '2c543297c2c81af4b35433718c7de783a49049f0', offset: "0.02", "stop-color": "#0142B7" }), index.h("stop", { key: 'e269c0c268fbce8473aac272e7c0a85e7b72349a', offset: "0.09", "stop-color": "#044BD1" }), index.h("stop", { key: '677952826bd72fefb01ff3737d0d6dbdf860cdcb', offset: "0.16", "stop-color": "#0752E5" }), index.h("stop", { key: '2e2ddd25d898c7ec92c33524411fc1a18fd72515', offset: "0.24", "stop-color": "#0958F4" }), index.h("stop", { key: '6a0052ebead7bb4a2b36021740228e55bc5435fb', offset: "0.34", "stop-color": "#0A5BFC" }), index.h("stop", { key: '4486e0d5d3a9533e0ad1455011d081e0a704002d', offset: "0.5", "stop-color": "#0B5CFF" })))));
     }
 };
 ZoomIcon.style = iconCss;

package/dist/cjs/inbox-icon.cjs.entry.js

@@ -11,7 +11,7 @@ const InboxIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: '74f1d328913b1c681f9e99d27192edcbc50ef1c3', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'df217d0dabb64159654f42ef4416a31d642ce476', d: "M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: '2aeed2591c1b82db298100d8c6a7aa3aac9a1782', d: "M2 5L12 12.5L22 5", stroke: "auto", "stroke-width": "1.5" })));
+        return (index.h("svg", { key: '5393550d8b26adb75560e9574dc1e8a20d283a92', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'b524c435acc0ac0b65ac56d674289c1575426fc1', d: "M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z", stroke: "auto", "stroke-width": "1.5" }), index.h("path", { key: '6ad2d6cc6f0b2bc1952983b99585c897e87b0672', d: "M2 5L12 12.5L22 5", stroke: "auto", "stroke-width": "1.5" })));
     }
 };
 InboxIcon.style = iconCss;

package/dist/cjs/info-icon_2.cjs.entry.js

@@ -11,7 +11,7 @@ const InfoIcon = class {
         this.height = '14';
     }
     render() {
-        return (index.h("svg", { key: 'd03d1caab2cf7c29a77ba664725e38ee514244cd', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'c09108543be7354f804caad9c6ee1fca8148223f', fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" })));
+        return (index.h("svg", { key: '1d7a1c03b8f062ca824b5bdda038227c71e93401', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'c7fad4d12903dfe684061d7db6292db41eab58e2', fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" })));
     }
 };
 InfoIcon.style = iconCss;
@@ -477,11 +477,11 @@ const TooltipComponent = class {
         }
     }
     render() {
-        return (index.h("div", { key: '831542fee7806f76c29abe2a805ae05cec9ed015', class: "tooltip-container", part: "tc__container" }, index.h("span", { key: 'bf8e1ac93e4a90076499dd1aa11c3199154725e2', class: "info-icon", tabindex: "0", role: "button", "aria-describedby": this.tooltipId, "aria-expanded": this.isVisible ? 'true' : 'false', "aria-pressed": this.isPinned ? 'true' : 'false', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur }, index.h("slot", { key: '5a53111657bf09fd20dcd3721f1aa3a0ef84da74', name: "tooltip-icon" }, "i")), index.h("div", { key: 'aba60735c83cfb558a5a5122a74c793288da415c', style: { display: 'none' } }, index.h("slot", { key: 'd9cf660c79e623247bea55a07eb121f5c000ddb2', name: "tooltip-content" }, "This is a help text.")), index.h("span", { key: '63c3fd381a97908fe75b1c879947ef05a25ef836', id: this.tooltipId, role: "tooltip", "aria-hidden": !this.isVisible ? 'true' : 'false', class: {
+        return (index.h("div", { key: '2e68ab64c126d2c1e153b9254a48081dbc0fbecb', class: "tooltip-container", part: "tc__container" }, index.h("span", { key: '0228fe439c4244f274eb23ac95cdb45f032742d8', class: "info-icon", tabindex: "0", role: "button", "aria-describedby": this.tooltipId, "aria-expanded": this.isVisible ? 'true' : 'false', "aria-pressed": this.isPinned ? 'true' : 'false', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur }, index.h("slot", { key: '1cae03ea14b8ade385ba7f54d2a6363d906e3477', name: "tooltip-icon" }, "i")), index.h("div", { key: 'a09a9bb712409f98313f87f86b299fcd845a3cb5', style: { display: 'none' } }, index.h("slot", { key: '19123cf1b7298754f2b8f2ad09fb9317c762b522', name: "tooltip-content" }, "This is a help text.")), index.h("span", { key: '0549f27887e68b763bc3bc83b4a39aec7a07ca52', id: this.tooltipId, role: "tooltip", "aria-hidden": !this.isVisible ? 'true' : 'false', class: {
                 'tooltip-content': true,
                 'tooltip-visible': this.isVisible,
                 [this.actualPosition]: true,
-            }, part: "tc__content", style: { display: 'none' } }, index.h("slot", { key: 'a53d31c0c15d767939f82305bd572e2b554d68dc', name: "tooltip-content-aria" }, index.h("slot", { key: '181d71d4958b22977370a4e734fbd84eaf8249a2', name: "tooltip-content" }, "This is a help text.")))));
+            }, part: "tc__content", style: { display: 'none' } }, index.h("slot", { key: 'a46a202575dba624455ba5b10928ad7e3cbed5fa', name: "tooltip-content-aria" }, index.h("slot", { key: 'e8d7a6775603b415e938112cf33689ae21071291', name: "tooltip-content" }, "This is a help text.")))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/input-component.cjs.entry.js

@@ -141,7 +141,7 @@ const InputComponent = class {
         }
     }
     render() {
-        return (index.h("label", { key: 'c6206c7365c42dc60b3deb055cee48eede6a677f', part: this.error ? 'ic__label ic__label--error' : 'ic__label', class: { error: !!this.error } }, this.label && (index.h("p", { key: '205f0b659bc9aa025f6d4fe482ee6ef701d7dc7e' }, index.h("span", { key: 'f227b5f6e331d273e4cd45121ea8b9e3b70938cf', class: "label" }, this.label), this.required && index.h("span", { key: '6909ea1480b25cce55402b565d018335e35ae3ed', class: "required" }, "*"))), index.h("div", { key: '0d0934358c0d3f50c202c0bc29ce1c1a6ebdbd57', part: "ic__input_wrapper", class: "input_wrapper" }, index.h("input", { key: '5bf3ef3639f44cf3ef42e827f528bd28ea31b499', type: this.type, name: this.name, part: this.error ? 'ic__input ic__input--error' : 'ic__input', title: this.readOnly ? 'read-only field' : undefined, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, max: this.type === 'number' ? this.maxValue : undefined, min: this.type === 'number' ? this.minValue : undefined, placeholder: this.placeholder, class: { error: !!this.error }, onInput: e => this.handleInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), index.h("slot", { key: '669eb0595d3423db56087f7160c529a59ff6e81e', name: "additional-input" })), this.error && (index.h("span", { key: '16cd11aa774b3248dcb2b3279abe713ce6625ddd', class: "error help-text", part: "ic__error_message" }, this.error))));
+        return (index.h("label", { key: 'cc04f166a27d6211f29f265a1f62076be7b869aa', part: this.error ? 'ic__label ic__label--error' : 'ic__label', class: { error: !!this.error } }, this.label && (index.h("p", { key: '42a568c705d9bf8f12641006007a0717fbcd059a' }, index.h("span", { key: '61d65f6830ae7a17eb4fe3a950ddea19280818ac', class: "label" }, this.label), this.required && index.h("span", { key: '597d87b82703ffd9b31ebb7b42d871712265ed05', class: "required" }, "*"))), index.h("div", { key: '7bf70f095e7f21289d1600567e41a27c3749b635', part: "ic__input_wrapper", class: "input_wrapper" }, index.h("input", { key: '5b8e64723cac474f9cc3db57e4b74534ca2bcb3d', type: this.type, name: this.name, part: this.error ? 'ic__input ic__input--error' : 'ic__input', title: this.readOnly ? 'read-only field' : undefined, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, max: this.type === 'number' ? this.maxValue : undefined, min: this.type === 'number' ? this.minValue : undefined, placeholder: this.placeholder, class: { error: !!this.error }, onInput: e => this.handleInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), index.h("slot", { key: '87bbc34c49a1a9a6a456b1bb9475181a319c5a50', name: "additional-input" })), this.error && (index.h("span", { key: '526ff2c41b85e378b578170c0f26518cfb72e3b5', class: "error help-text", part: "ic__error_message" }, this.error))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/input-dropdown_2.cjs.entry.js

@@ -221,7 +221,7 @@ const InputDropdown = class {
         }
     }
     render() {
-        return (index.h("div", { key: '1a897f13c3ad56fadbde3c3954b2d9b5f34b1c59', class: "dropdown", part: "id_dropdown" }, index.h("input", { key: '79d6323d90e60ab7c1815161072f4d1cb196d871', type: "text", name: this.name, id: this.name, part: "id_dropdown-input", class: { dropbtn: true, open: this.isOpen }, value: this.inputValue, onClick: (e) => {
+        return (index.h("div", { key: 'ccfb6ebafcb7ffe8fbe09a7915c6271c1da89d90', class: "dropdown", part: "id_dropdown" }, index.h("input", { key: '3740e437fa3e4265ce99e520f975819e1db4508f', type: "text", name: this.name, id: this.name, part: "id_dropdown-input", class: { dropbtn: true, open: this.isOpen }, value: this.inputValue, onClick: (e) => {
                 this.toggleDropdown();
                 this.shouldAutoScroll = true;
                 this.handleClick(e);
@@ -367,7 +367,7 @@ const TimePeriodSelector = class {
         });
     }
     render() {
-        return (index.h("div", { key: '15150a2c5d56e0723dbb183c009ee62848e675a9', class: "time-period-selector" }, typeof this.selectedNumber == 'number' && (index.h("input-dropdown", { key: '8a741263b0430aaed540ad151dbbab5df425b947', id: "time-number", name: 'time-number', class: { error: this.hasError }, inputValue: this.selectedNumber.toString(), exportparts: "id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content", options: this.numberOptions, defaultInputOption: this.numberOptions.find(i => i.value == this.selectedNumber.toString()), themeConfig: this.themeConfig })), typeof this.selectedPeriod == 'string' && (index.h("select-dropdown", { key: 'a24d2cb2d4027aaf06eb479c849c9b1e3d9b76f0', id: "time-period", name: 'time-period', options: this.timePeriodOptions, exportparts: "sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content", pluralizedLabel: this.selectedNumber > 1 ? utils.instance.t(`time.${this.selectedPeriod}s`) : utils.instance.t(`time.${this.selectedPeriod}`), defaultSelectedOption: this.timePeriodOptions?.find(i => i.value == this.selectedPeriod), withSearch: false, themeConfig: this.themeConfig }))));
+        return (index.h("div", { key: '30e5ebc54d287a3ed4229c902a6770d5a2756dca', class: "time-period-selector" }, typeof this.selectedNumber == 'number' && (index.h("input-dropdown", { key: 'c3873f24f49da47c23058f4bb714676c71ab240b', id: "time-number", name: 'time-number', class: { error: this.hasError }, inputValue: this.selectedNumber.toString(), exportparts: "id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content", options: this.numberOptions, defaultInputOption: this.numberOptions.find(i => i.value == this.selectedNumber.toString()), themeConfig: this.themeConfig })), typeof this.selectedPeriod == 'string' && (index.h("select-dropdown", { key: '0f33cf4372c915f0164769fa21b1563cc95f031c', id: "time-period", name: 'time-period', options: this.timePeriodOptions, exportparts: "sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content", pluralizedLabel: this.selectedNumber > 1 ? utils.instance.t(`time.${this.selectedPeriod}s`) : utils.instance.t(`time.${this.selectedPeriod}`), defaultSelectedOption: this.timePeriodOptions?.find(i => i.value == this.selectedPeriod), withSearch: false, themeConfig: this.themeConfig }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/input-image-url_2.cjs.entry.js

@@ -127,7 +127,7 @@ const InputImageUrl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '46d580188755e02146220a428aeba0955c0bde5b' }, index.h("div", { key: '1809ef8f7a0a6e036aba5691c72671743e7ea7f2', class: "logo-container" }, index.h("div", { key: '825f3aee26e50ee01064920efc998885e11b894b', class: "input-container" }, index.h("input-component", { key: '6d66bdee726c4fb86f0f4e3995fad6ab2513ec84', name: this.name, id: this.name, type: "text", required: false, themeConfig: this.themeConfig, exportparts: "ic_input: iiu__logo-input-textfield", defaultValue: this.imageUrl ?? '' }), this.error && index.h("span", { key: '0999ac25d529d7d0c8725ed9fb2332725a61a49a', class: "error-message" }, this.error)), this.currentImageUrl && !this.error && (index.h("div", { key: '9ac1226670cccb7063984b8bd80218036ab65acc', class: "logo" }, index.h("img", { key: '16aa6c832ccccff8c94fa1e6bbb9efc1e400900b', src: this.currentImageUrl, alt: "Logo" }))))));
+        return (index.h(index.Host, { key: '717df974ef78925720b2e16e6f45ccad7d091e93' }, index.h("div", { key: '7edd5256a3f44411dee2b709eb69fb098c9f5fde', class: "logo-container" }, index.h("div", { key: '3efcd46f09572706c8d792bf8753651a1a03d0f5', class: "input-container" }, index.h("input-component", { key: '4470d2652194d9ae4b55643cf843c0be32fc954d', name: this.name, id: this.name, type: "text", required: false, themeConfig: this.themeConfig, exportparts: "ic_input: iiu__logo-input-textfield", defaultValue: this.imageUrl ?? '' }), this.error && index.h("span", { key: 'd4f2997f5a424d736b01ada0aba57a6f5aca3b90', class: "error-message" }, this.error)), this.currentImageUrl && !this.error && (index.h("div", { key: '940e8e651b2d92642b1668588beca420471534fa', class: "logo" }, index.h("img", { key: '2f24eccdcda75b3115e7821c8b6c30025e9a8b0a', src: this.currentImageUrl, alt: "Logo" }))))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -164,7 +164,7 @@ const PersonClipboardIcon = class {
         this.height = '17';
     }
     render() {
-        return (index.h("svg", { key: '20f8927de94b6ccbeb50056d86c1dec4c7e10a2d', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '68d531d65b6cbca4cd5a318cc9ca364089610fa6', 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" })));
+        return (index.h("svg", { key: '4d80c5e9628fbae8d10abaafb674105492a43413', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'b3f142959ecef1cc77815a98f8b18d2df03028fd', 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" })));
     }
 };
 PersonClipboardIcon.style = iconCss;

package/dist/cjs/italic-icon.cjs.entry.js

@@ -11,7 +11,7 @@ const ItalicIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: 'a3bc6d8e299c837e43818b6782af0c4aa873af4a', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'fcba1f57c5545946bb19b358bda8e91c1226d120', stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "m10 20 4-16m2 0h-4m0 16H8" })));
+        return (index.h("svg", { key: 'c0fda79572b74accd38468ad18bb7f8d80f90cb9', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '860b17d68fc29594622e416c78f5b1ddaa32718a', stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "m10 20 4-16m2 0h-4m0 16H8" })));
     }
 };
 ItalicIcon.style = iconCss;

package/dist/cjs/multi-select-dropdown.cjs.entry.js

@@ -197,9 +197,9 @@ const MultiSelectDropdown = class {
             }, class: { selected: !!option.selected, disabled: !!option.disabled } }, index.h("label", { htmlFor: option.value }, index.h("input", { "aria-hidden": "true", id: option.value, type: "checkbox", checked: option.selected, disabled: !!option?.disabled }), index.h("span", null, option.label))));
     }
     render() {
-        return (index.h(index.Host, { key: '377989dab511f67cd9d0ebc7d5a18767fe33371d' }, index.h("div", { key: 'b48b1bac54a6db475c56bb7dd82f4f7e32eae083', class: "dropdown", part: "msd_dropdown" }, index.h("label", { key: 'e41d7acfda9c43c46c318051c9c8f758fccfb697', class: "dropdown-label", part: "msd_dropdown-label" }, index.h("p", { key: '2114c39648780206139c0981ef1f4fd3b32d1ef9' }, index.h("span", { key: 'ab8f7928a7ff5218c2cf080d1dcf901ac3140f77', class: "label" }, this.label), this.required && index.h("span", { key: '4e9e47ef9a8d27e7d8f94747abf9287bbeb14e04', class: "required" }, "*")), index.h("slot", { key: 'b9a5a0615e984b815aef31d3bc9d35e1424328aa', name: "label-icon", "aria-hidden": "true" })), index.h("button", { key: '06c9e68cad859f3c355982c5f52ddd35bf25fd40', name: this.name, part: `msd_dropdown-button ${this.error ? 'msd_dropdown-button--error' : ''}`, class: { dropbtn: true, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), disabled: this.readOnly, title: this.readOnly ? 'read-only field' : undefined, "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, index.h("slot", { key: 'a72aecf06d86fd375e25300c1649113e3a09234a', name: "select-icon", "aria-hidden": "true" }), index.h("span", { key: '247ae4b99460f6bba4481a27f35b4a161d65586b', class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1
+        return (index.h(index.Host, { key: '35f09313a3598bd10d804706e0eb5b82098148f8' }, index.h("div", { key: '1c79aaa9eae8ec374ddac5f315e4010602e303df', class: "dropdown", part: "msd_dropdown" }, index.h("label", { key: 'e86b85637b7d4ec2dfc97023c3a41833ed596a0b', class: "dropdown-label", part: "msd_dropdown-label" }, index.h("p", { key: 'b85bcca319cbebdaf83a05c14b22a458b7a5d14d' }, index.h("span", { key: '0f63480e50968c83879248c90e01e1b473933cab', class: "label" }, this.label), this.required && index.h("span", { key: '906682ef058ef382ce706f38710a060928596bd3', class: "required" }, "*")), index.h("slot", { key: '70dd7a8df870e1ae83b8ab24f61f893b5810276f', name: "label-icon", "aria-hidden": "true" })), index.h("button", { key: '20f2bb9a627fcdc0bccf30a0c7b0d1ab91090f0c', name: this.name, part: `msd_dropdown-button ${this.error ? 'msd_dropdown-button--error' : ''}`, class: { dropbtn: true, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), disabled: this.readOnly, title: this.readOnly ? 'read-only field' : undefined, "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, index.h("slot", { key: '5673a70b5990f8976da42e3de72d215a65061257', name: "select-icon", "aria-hidden": "true" }), index.h("span", { key: '1926567c8e06f40473d2a33cd7c70539f1ffe603', class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1
             ? this.multipleOptionsSelectedLabel
-            : this.availableOptions.filter(o => o.selected)[0]?.label ?? this.selectAtLeastOneOptionLabel ?? this.availableOptions[0]?.label), index.h("span", { key: 'ebcc202059542c797f12a64912b98b51bba55578', class: this.isOpen ? 'open' : 'closed', "aria-hidden": "true" }, index.h("chevron-icon", { key: 'c9315cd2929d1ce08f7417f2c5a814f980758d8f', width: "16", height: "16" }))), this.error ? (index.h("span", { class: "error", part: "msd_dropdown_error" }, this.error)) : null, index.h("div", { key: '346e0ef8a75edb234287dc81737c216c8f12058d', class: 'selected-options' }, this.getSelectedOptions().map(option => (index.h("span", { class: "selected-option" }, option.label, index.h("button", { disabled: this.readOnly || !!option?.disabled, key: option.label, onClick: () => this.selectOption(option) }, index.h("close-icon", null)))))), this.isOpen ? (index.h("div", { class: "dropdown-content", part: "msd_dropdown-content" }, index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": true, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.availableOptions.map(option => this.renderOption(option))))) : null)));
+            : this.availableOptions.filter(o => o.selected)[0]?.label ?? this.selectAtLeastOneOptionLabel ?? this.availableOptions[0]?.label), index.h("span", { key: '8b601c54b862b11bc6bca601085c63ad6697b5eb', class: this.isOpen ? 'open' : 'closed', "aria-hidden": "true" }, index.h("chevron-icon", { key: '94ed8ff3e6392c439203626a67b6587f13decbbe', width: "16", height: "16" }))), this.error ? (index.h("span", { class: "error", part: "msd_dropdown_error" }, this.error)) : null, index.h("div", { key: 'b089a43fc655ea15b46c769f22e60cd7c679f6b7', class: 'selected-options' }, this.getSelectedOptions().map(option => (index.h("span", { class: "selected-option" }, option.label, index.h("button", { disabled: this.readOnly || !!option?.disabled, key: option.label, onClick: () => this.selectOption(option) }, index.h("close-icon", null)))))), this.isOpen ? (index.h("div", { class: "dropdown-content", part: "msd_dropdown-content" }, index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": true, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.availableOptions.map(option => this.renderOption(option))))) : null)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {