@nylas/web-elements 0.0.0-canary-20251023164535 → 0.0.0-canary-20251029185136

package/dist/cjs/calendar-agenda-fill-icon_38.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var index$1 = require('./index-9TuL48qE.js');
-var registerComponent = require('./register-component-CZKreEUk.js');
-var utils = require('./utils-VYrzhIuQ.js');
+var registerComponent = require('./register-component-BYFF0_7-.js');
+var utils = require('./utils-DMP9yXCk.js');
 var constants = require('./constants-AbUWnRXW.js');
 
 const iconCss$9 = ".sc-calendar-agenda-fill-icon-h{display:flex}";
@@ -7902,7 +7902,7 @@ __decorate$2([
 ], NylasSchedulingMethod.prototype, "render", null);
 NylasSchedulingMethod.style = nylasSchedulingMethodCss;
 
-const nylasSpecificTimeAvailabilityPickerCss = ":host{display:block;width:100%}.nylas-specific-time-availability-picker{display:flex;margin:1rem;flex-direction:column;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-specific-time-availability-picker .content{padding:1.5rem;border-radius:var(--nylas-border-radius-2x);color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family);background:var(--nylas-base-25);display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.nylas-specific-time-availability-picker .content{padding:1rem;gap:1.25rem}}.nylas-specific-time-availability-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-specific-time-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-specific-time-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-specific-time-availability-picker .timezone-selector{display:flex;flex-direction:column;gap:0.75rem;padding:1.25rem;background:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius)}@media (max-width: 768px){.nylas-specific-time-availability-picker .timezone-selector{padding:1rem}}.nylas-specific-time-availability-picker .timezone-selector .sub-header{margin:0;font-size:0.9375rem;font-weight:600;line-height:1.5;color:var(--nylas-base-900)}.nylas-specific-time-availability-picker .timezone-selector .timezone-description{margin:0;font-size:0.8125rem;line-height:1.5;color:var(--nylas-base-600)}.nylas-specific-time-availability-picker .timezone-selector select-dropdown{margin-top:0.25rem}.nylas-specific-time-availability-picker .timezone-selector .timezone-error{margin-top:0.5rem}.nylas-specific-time-availability-picker .specific-times-section{display:flex;flex-direction:column;gap:1rem}.nylas-specific-time-availability-picker .specific-times-section .section-header{margin:0 0 0.5rem 0;font-size:0.9375rem;font-weight:600;line-height:1.5;color:var(--nylas-base-900)}.nylas-specific-time-availability-picker .specific-times-section .section-description{margin:0 0 1rem 0;font-size:0.8125rem;line-height:1.5;color:var(--nylas-base-600)}.nylas-specific-time-availability-picker .specific-times{display:flex;flex-direction:column;gap:0.75rem}.nylas-specific-time-availability-picker .empty-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;text-align:center}.nylas-specific-time-availability-picker .empty-state .empty-icon{margin-bottom:1.5rem;opacity:0.4;color:var(--nylas-base-400)}.nylas-specific-time-availability-picker .empty-state .empty-title{margin:0 0 0.5rem 0;font-size:1.125rem;font-weight:600;color:var(--nylas-base-700);line-height:1.5}.nylas-specific-time-availability-picker .empty-state .empty-subtitle{margin:0;font-size:0.875rem;color:var(--nylas-base-500);line-height:1.5;max-width:300px}.nylas-specific-time-availability-picker .specific-time-entry{display:flex;flex-direction:column;gap:0;padding:1rem;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);background:var(--nylas-base-0);transition:border-color 0.2s ease, box-shadow 0.2s ease}.nylas-specific-time-availability-picker .specific-time-entry:hover{border-color:var(--nylas-base-300)}.nylas-specific-time-availability-picker .specific-time-entry:focus-within{border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.nylas-specific-time-availability-picker .specific-time-entry .entry-content{display:grid;grid-template-columns:180px 1fr 48px 48px;gap:0.75rem;align-items:center}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .entry-content{grid-template-areas:\"date date actions actions\" \"time_or_unavailable time_or_unavailable time_or_unavailable time_or_unavailable\";grid-template-columns:1fr auto auto;gap:0.75rem}}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container{flex:0 0 auto}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .date-input-container{grid-area:date}}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container .date-input{width:100%}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container nylas-date-component::part(ic__date){border:1px solid var(--nylas-base-200);height:48px;display:flex;align-items:center;border-radius:var(--nylas-border-radius);transition:border-color 0.2s ease, box-shadow 0.2s ease}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container nylas-date-component::part(ic__date):focus-within{border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.nylas-specific-time-availability-picker .specific-time-entry .time-pickers{display:flex;align-items:center;gap:0.75rem;flex:1;min-width:0}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .time-pickers{grid-area:time_or_unavailable}}.nylas-specific-time-availability-picker .specific-time-entry .time-pickers nylas-time-window-picker{flex:1;min-width:0}.nylas-specific-time-availability-picker .specific-time-entry .time-pickers .time-separator{font-size:0.875rem;color:var(--nylas-base-600);font-weight:500;flex-shrink:0;line-height:1;user-select:none}.nylas-specific-time-availability-picker .specific-time-entry .unavailable-text{flex:1;display:flex;align-items:center;padding:0 1rem;border-radius:var(--nylas-border-radius);background:var(--nylas-base-50);border:1px solid var(--nylas-base-200);min-height:48px}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .unavailable-text{grid-area:time_or_unavailable}}.nylas-specific-time-availability-picker .specific-time-entry .unavailable-text .unavailable-label{font-size:0.875rem;color:var(--nylas-base-600);font-weight:500}.nylas-specific-time-availability-picker .specific-time-entry .action-buttons{display:flex;gap:0.5rem;align-items:center}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .action-buttons{grid-area:actions;justify-self:end}}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);background:var(--nylas-base-0);color:var(--nylas-base-500);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button:hover{background:var(--nylas-base-50);border-color:var(--nylas-primary);color:var(--nylas-primary)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button:focus{outline:none;border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button:active{background:var(--nylas-base-100)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button.unavailable{background:var(--nylas-error-50);border-color:var(--nylas-error-200);color:var(--nylas-error)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button.unavailable:hover{background:var(--nylas-error-100);border-color:var(--nylas-error)}.nylas-specific-time-availability-picker .specific-time-entry .remove-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);background:var(--nylas-base-0);color:var(--nylas-base-400);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.nylas-specific-time-availability-picker .specific-time-entry .remove-button:hover{background:var(--nylas-error-50);border-color:var(--nylas-error-200);color:var(--nylas-error)}.nylas-specific-time-availability-picker .specific-time-entry .remove-button:focus{outline:none;border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.nylas-specific-time-availability-picker .specific-time-entry .remove-button:active{background:var(--nylas-error-100)}.nylas-specific-time-availability-picker .specific-time-entry .error-message{width:100%;padding:0.5rem 0.75rem;background:var(--nylas-error-50);color:var(--nylas-error);font-size:0.8125rem;line-height:1.5;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-error-200);margin-top:0.5rem;display:flex;align-items:center;gap:0.5rem}.nylas-specific-time-availability-picker .add-button-container{display:flex;justify-content:flex-start;margin-top:0.5rem}.nylas-specific-time-availability-picker .add-button-container button-component{width:100%}@media (max-width: 768px){.nylas-specific-time-availability-picker .add-button-container button-component{font-size:0.875rem}}::part(nstap__add-button){border:1px dashed var(--nylas-base-200);background:var(--nylas-base-0);color:var(--nylas-base-700)}::part(nstap__add-button):hover{border-color:var(--nylas-primary);background:var(--nylas-base-50);color:var(--nylas-primary)}::part(nstap__time-picker-container){flex:1;min-width:0}::part(nstap__time-picker-input){width:100%;font-size:0.875rem;min-height:48px;display:flex;align-items:center;border-radius:var(--nylas-border-radius)}::part(nstap__date-input){width:100%}::part(nstap__date-field){width:100%;font-size:0.875rem;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:0.5rem 0.75rem}::part(nstap__date-field):focus{border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}::part(nstap__date-wrapper){margin:0}::part(nstap__date-label){margin:0;padding:0}::part(nstap__date-label) p{display:none}";
+const nylasSpecificTimeAvailabilityPickerCss = ":host{display:block;width:100%}.nylas-specific-time-availability-picker{display:flex;margin:1rem;flex-direction:column;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-specific-time-availability-picker .content{padding:1.5rem;border-radius:var(--nylas-border-radius-2x);color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family);background:var(--nylas-base-25);display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.nylas-specific-time-availability-picker .content{padding:1rem;gap:1.25rem}}.nylas-specific-time-availability-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-specific-time-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-specific-time-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-specific-time-availability-picker .timezone-selector{display:flex;flex-direction:column;gap:0.75rem;padding:1.25rem;background:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius)}@media (max-width: 768px){.nylas-specific-time-availability-picker .timezone-selector{padding:1rem}}.nylas-specific-time-availability-picker .timezone-selector .sub-header{margin:0;font-size:0.9375rem;font-weight:600;line-height:1.5;color:var(--nylas-base-900)}.nylas-specific-time-availability-picker .timezone-selector .timezone-description{margin:0;font-size:0.8125rem;line-height:1.5;color:var(--nylas-base-600)}.nylas-specific-time-availability-picker .timezone-selector select-dropdown{margin-top:0.25rem}.nylas-specific-time-availability-picker .timezone-selector .timezone-error{margin-top:0.5rem}.nylas-specific-time-availability-picker .specific-times-section{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius)}.nylas-specific-time-availability-picker .specific-times-section .section-header{margin:0 0 0.5rem 0;font-size:0.9375rem;font-weight:600;line-height:1.5;color:var(--nylas-base-900)}.nylas-specific-time-availability-picker .specific-times-section .section-description{margin:0 0 1rem 0;font-size:0.8125rem;line-height:1.5;color:var(--nylas-base-600)}.nylas-specific-time-availability-picker .specific-times{display:flex;flex-direction:column;gap:0.75rem}.nylas-specific-time-availability-picker .empty-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;text-align:center}.nylas-specific-time-availability-picker .empty-state .empty-icon{margin-bottom:1.5rem;opacity:0.4;color:var(--nylas-base-400)}.nylas-specific-time-availability-picker .empty-state .empty-title{margin:0 0 0.5rem 0;font-size:1.125rem;font-weight:600;color:var(--nylas-base-700);line-height:1.5}.nylas-specific-time-availability-picker .empty-state .empty-subtitle{margin:0;font-size:0.875rem;color:var(--nylas-base-500);line-height:1.5;max-width:300px}.nylas-specific-time-availability-picker .specific-time-entry{display:flex;flex-direction:column;gap:0;padding:1rem;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);background:var(--nylas-base-0);transition:border-color 0.2s ease, box-shadow 0.2s ease}.nylas-specific-time-availability-picker .specific-time-entry:hover{border-color:var(--nylas-base-300)}.nylas-specific-time-availability-picker .specific-time-entry:focus-within{border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.nylas-specific-time-availability-picker .specific-time-entry .entry-content{display:grid;grid-template:1fr auto/auto 1fr;gap:0.75rem;align-items:center}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .entry-content{grid-template:unset;grid-template-areas:\"date\" \"time_or_unavailable\" \"actions\";grid-template-columns:1fr auto auto;gap:0.75rem}}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container{flex:0 0 auto}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .date-input-container{grid-area:date}}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container .date-input{width:100%}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container nylas-date-component::part(ic__date){border:1px solid var(--nylas-base-200);height:48px;display:flex;align-items:center;border-radius:var(--nylas-border-radius);transition:border-color 0.2s ease, box-shadow 0.2s ease}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container nylas-date-component::part(ic__date):focus-within{border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.nylas-specific-time-availability-picker .specific-time-entry .time-pickers{display:flex;align-items:center;gap:0.75rem;flex:1;min-width:0}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .time-pickers{grid-area:time_or_unavailable}}.nylas-specific-time-availability-picker .specific-time-entry .time-pickers nylas-time-window-picker{flex:1;min-width:0}.nylas-specific-time-availability-picker .specific-time-entry .time-pickers .time-separator{font-size:0.875rem;color:var(--nylas-base-600);font-weight:500;flex-shrink:0;line-height:1;user-select:none}.nylas-specific-time-availability-picker .specific-time-entry .unavailable-text{flex:1;display:flex;align-items:center;padding:0 1rem;border-radius:var(--nylas-border-radius);background:var(--nylas-base-50);border:1px solid var(--nylas-base-200);min-height:48px}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .unavailable-text{grid-area:time_or_unavailable}}.nylas-specific-time-availability-picker .specific-time-entry .unavailable-text .unavailable-label{font-size:0.875rem;color:var(--nylas-base-600);font-weight:500}.nylas-specific-time-availability-picker .specific-time-entry .action-buttons{display:flex;gap:0.5rem;align-items:center;grid-column:2;justify-content:end}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .action-buttons{grid-area:actions;justify-self:end}}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);background:var(--nylas-base-0);color:var(--nylas-base-500);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button:hover{background:var(--nylas-base-50);border-color:var(--nylas-primary);color:var(--nylas-primary)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button:focus{outline:none;border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button:active{background:var(--nylas-base-100)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button.unavailable{background:var(--nylas-error-50);border-color:var(--nylas-error-200);color:var(--nylas-error)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button.unavailable:hover{background:var(--nylas-error-100);border-color:var(--nylas-error)}.nylas-specific-time-availability-picker .specific-time-entry .remove-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);background:var(--nylas-base-0);color:var(--nylas-base-400);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.nylas-specific-time-availability-picker .specific-time-entry .remove-button:hover{background:var(--nylas-error-50);border-color:var(--nylas-error-200);color:var(--nylas-error)}.nylas-specific-time-availability-picker .specific-time-entry .remove-button:focus{outline:none;border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.nylas-specific-time-availability-picker .specific-time-entry .remove-button:active{background:var(--nylas-error-100)}.nylas-specific-time-availability-picker .specific-time-entry .error-message{width:100%;padding:0.5rem 0.75rem;background:var(--nylas-error-50);color:var(--nylas-error);font-size:0.8125rem;line-height:1.5;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-error-200);margin-top:0.5rem;display:flex;align-items:center;gap:0.5rem}.nylas-specific-time-availability-picker .add-button-container{display:flex;justify-content:flex-start;margin-top:0.5rem}.nylas-specific-time-availability-picker .add-button-container button-component{width:100%}@media (max-width: 768px){.nylas-specific-time-availability-picker .add-button-container button-component{font-size:0.875rem}}::part(nstap__add-button){border:1px dashed var(--nylas-base-200);background:var(--nylas-base-0);color:var(--nylas-base-700)}::part(nstap__add-button):hover{border-color:var(--nylas-primary);background:var(--nylas-base-50);color:var(--nylas-primary)}::part(nstap__time-picker-container){flex:1;min-width:0}::part(nstap__time-picker-input){width:100%;font-size:0.875rem;min-height:48px;display:flex;align-items:center;border-radius:var(--nylas-border-radius)}::part(nstap__date-input){width:100%}::part(nstap__date-field){width:100%;font-size:0.875rem;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:0.5rem 0.75rem}::part(nstap__date-field):focus{border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}::part(nstap__date-wrapper){margin:0}::part(nstap__date-label){margin:0;padding:0}::part(nstap__date-label) p{display:none}";
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -7955,9 +7955,6 @@ const NylasSpecificTimeAvailabilityPicker = class {
         else {
             this.timezone = this.defaultTimezone;
             if (this.specificTimesAvailability && this.specificTimesAvailability.length > 0) {
-                if (this.specificTimesAvailability[0].timezone) {
-                    this.timezone = this.specificTimesAvailability[0].timezone;
-                }
                 this.loadSpecificTimeAvailability();
             }
         }
@@ -7972,7 +7969,6 @@ const NylasSpecificTimeAvailabilityPicker = class {
     }
     configChangedHandler(newConfig) {
         utils.debug('nylas-specific-time-availability-picker', 'configChangedHandler', newConfig);
-        this.timezone = newConfig?.event_booking?.timezone || this.defaultTimezone;
         this.loadSpecificTimeAvailability();
     }
     selectedLanguageChangedHandler(newVal, oldVal) {
@@ -7996,6 +7992,9 @@ const NylasSpecificTimeAvailabilityPicker = class {
         if (!this.specificTimesAvailability || this.specificTimesAvailability.length === 0) {
             return;
         }
+        if (this.specificTimesAvailability[0].timezone) {
+            this.timezone = this.specificTimesAvailability[0].timezone;
+        }
         const entries = this.specificTimesAvailability.map((item, index) => {
             const isUnavailable = item.start === '00:00' && item.end === '00:00';
             return {
@@ -8020,6 +8019,7 @@ const NylasSpecificTimeAvailabilityPicker = class {
             startTime: '09:00am',
             endTime: '05:00pm',
             isUnavailable: false,
+            timezone: this.timezone,
         };
         this.specificDateEntries = [...this.specificDateEntries, newEntry];
         if (this.isInternalsAvailable) {
@@ -8208,11 +8208,11 @@ const NylasSpecificTimeAvailabilityPicker = class {
             value: key,
         }));
         const selectedTimezoneOption = timezoneOptions.find(i => i.value === this.timezone);
-        return (index$1.h(index$1.Host, { key: '4b6a324185cbf6839d393acc19b11f64361acbb8' }, index$1.h("div", { key: 'a417900b040b3b217d0f40decda22aed4bc8821f', class: "nylas-specific-time-availability-picker", part: "nstap" }, !this.hideHeader && (index$1.h("div", { key: 'da38e1f4b9eeb38783788c0fa7717bfa588a3096', class: "header", part: "nstap__header" }, index$1.h("h3", { key: '76cbb4fa11106f9bafb8bd4a47eb14df1bb6b56f' }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.headerTitle')), index$1.h("p", { key: 'ae00a798a55d7a5af37d7629b7ac4a7d2a03e70a' }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.headerDescription'), index$1.h("tooltip-component", { key: '380992a0e303b7ebe069103ff7e459e33bc90483' }, index$1.h("info-icon", { key: 'af9d0e0bed40218e18e1e4aef8dcf56c2468fa1b', slot: "tooltip-icon" }), index$1.h("span", { key: '2c0466d07309720d0b4b508d9a1fe6dec7fe9663', slot: "tooltip-content" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.tooltip.desc')))))), index$1.h("div", { key: '27586f770bf5089061d1b7f8ff3f728db7d88492', class: "content", part: "nstap__content" }, index$1.h("section", { key: '57ac07b7dc143675af32558d380592afdf33fe87', class: "timezone-selector", part: "nstap__timezone-selector", "aria-labelledby": "timezone-header" }, index$1.h("h4", { key: 'b83eac967dc606a1409ed2704c7943ac6763ec3e', id: "timezone-header", class: "sub-header" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.selectTimezone')), index$1.h("p", { key: 'a44a5a7c999b020ab5499a0213db18631a15e515', class: "timezone-description" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.timezoneDescription')), selectedTimezoneOption?.label && (index$1.h("select-dropdown", { key: '32439d35b8b4772b60eb81020f9ac548244eaf1b', name: "specific-time-timezone", searchPlaceholder: utils.instance.t('search'), exportparts: "sd_dropdown: nstap__timezone-container, sd_dropdown-button: nstap__timezone-button, sd_dropdown-content: nstap__timezone-dropdown-content", options: timezoneOptions, defaultSelectedOption: selectedTimezoneOption, themeConfig: this.themeConfig, "aria-label": utils.instance.t('nylasSpecificTimeAvailabilityPicker.selectTimezone') }, index$1.h("span", { key: 'c68c968c1315dfc96decd3a5b4655f40c9b318e7', slot: "select-icon", "aria-hidden": "true" }, index$1.h("globe-icon", { key: '65e524e2b14878743b3cabf72246586294d4be5e', width: "20", height: "20" })))), this.validationErrors['timezone'] && (index$1.h("div", { key: 'deac27a9ba3b057fbd85b753adae692575bdb2fd', class: "error-message timezone-error", part: "nstap__error-message", role: "alert", "aria-live": "polite" }, this.validationErrors['timezone']))), index$1.h("section", { key: '14a3e3ff86b661f76ecb846fd778a1909dd1a5c6', class: "specific-times-section", part: "nstap__specific-times-section", "aria-labelledby": "specific-times-header" }, index$1.h("h4", { key: '52b54e451de09c008e4edc0de39ace9e2ede45db', id: "specific-times-header", class: "section-header" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.specificTimesHeader')), index$1.h("p", { key: '71b6d02e29a32a4712c8108d5278540614292e4f', class: "section-description" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.specificTimesDescription')), index$1.h("div", { key: 'c99b1a4671655b161b887bc1bf5ac4d22107f345', class: "specific-times", part: "nstap__specific-times", role: "list" }, this.specificDateEntries.length === 0 ? (index$1.h("div", { class: "empty-state", part: "nstap__empty-state" }, index$1.h("div", { class: "empty-icon", part: "nstap__empty-icon" }, index$1.h("calendar-icon", { width: "32", height: "32" })), index$1.h("h3", { class: "empty-title", part: "nstap__empty-title" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.emptyState.title')), index$1.h("p", { class: "empty-subtitle", part: "nstap__empty-subtitle" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.emptyState.subtitle')))) : (this.specificDateEntries.map((entry, index) => (index$1.h("article", { class: "specific-time-entry", part: "nstap__specific-time-entry", key: entry.id, "data-entry-id": entry.id, role: "listitem", "aria-label": `Specific time availability entry ${index + 1}` }, index$1.h("div", { class: "entry-content", part: "nstap__entry-content" }, index$1.h("div", { class: "date-input-container", part: "nstap__date-input-container" }, index$1.h("nylas-date-component", { name: `date-${entry.id}`, defaultValue: entry.date, placeholder: "yyyy-mm-dd", part: "nstap__date-input", class: "date-input", themeConfig: this.themeConfig, exportparts: "ic__date: nstap__date-field, ic__input_wrapper: nstap__date-wrapper, ic__label: nstap__date-label", "aria-label": `Date for entry ${index + 1}` })), entry.isUnavailable ? (index$1.h("div", { class: "unavailable-text", part: "nstap__unavailable-text", role: "status" }, index$1.h("span", { class: "unavailable-label" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.entireDayUnavailable')))) : (index$1.h("div", { class: "time-pickers", part: "nstap__time-pickers", role: "group", "aria-label": "Time range" }, index$1.h("nylas-time-window-picker", { id: `${entry.id}_start`, time: entry.startTime, name: `${entry.id}_start`, key: `${entry.id}_start`, language: this.selectedLanguage, hasError: !!this.validationErrors[entry.id], themeConfig: this.themeConfig, exportparts: "time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times", "aria-label": `Start time for entry ${index + 1}` }), index$1.h("span", { class: "time-separator", "aria-hidden": "true" }, "-"), index$1.h("nylas-time-window-picker", { id: `${entry.id}_end`, time: entry.endTime, name: `${entry.id}_end`, key: `${entry.id}_end`, minimumStartTime: entry.startTime, language: this.selectedLanguage, hasError: !!this.validationErrors[entry.id], themeConfig: this.themeConfig, exportparts: "time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times", "aria-label": `End time for entry ${index + 1}` }))), index$1.h("div", { class: "action-buttons", part: "nstap__action-buttons" }, index$1.h("button", { type: "button", class: { 'toggle-button': true, 'unavailable': entry.isUnavailable }, part: "nstap__toggle-button", onClick: () => this.toggleAvailability(entry.id), "aria-label": entry.isUnavailable
+        return (index$1.h(index$1.Host, { key: 'b56cf3671b9ef2477f805bb01f2e944a08bf2ff0' }, index$1.h("div", { key: '8d424bbb73e97025f70af823dec9173776a77de8', class: "nylas-specific-time-availability-picker", part: "nstap" }, !this.hideHeader && (index$1.h("div", { key: '976f0dca6b414a5b39b94d52f0e137466cc006f1', class: "header", part: "nstap__header" }, index$1.h("h3", { key: '927dc716d64f2dbb0f8e90ea84238dfa56c61111' }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.headerTitle')), index$1.h("p", { key: '0de35c5ffcc313006eebb0a725522b33d1be3391' }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.headerDescription'), index$1.h("tooltip-component", { key: '0607c65fc0862707c285d03270d351f4906d7596' }, index$1.h("info-icon", { key: '34dfe76c1674fbcbbf4ca27fc7eac2a0094a2aec', slot: "tooltip-icon" }), index$1.h("span", { key: 'f79ef4f5a1a1acab6b03a548a55759e0860f7e9d', slot: "tooltip-content" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.tooltip.desc')))))), index$1.h("div", { key: 'f304921adad62e29ed90fdb918864ec480ac6b57', class: "content", part: "nstap__content" }, index$1.h("section", { key: 'a770d923bfee31267666e1b9e7d51123f22ab781', class: "timezone-selector", part: "nstap__timezone-selector", "aria-labelledby": "timezone-header" }, index$1.h("h4", { key: '7968b6ebcbf2e0c19aab1232dd514335f40fbecf', id: "timezone-header", class: "sub-header" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.selectTimezone')), index$1.h("p", { key: 'a5a891bb9685ac00feb62d499615f8c40e18819f', class: "timezone-description" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.timezoneDescription')), selectedTimezoneOption?.label && (index$1.h("select-dropdown", { key: 'bdaa571da2e4d18cc8bcfbedb57605bd0589517f', name: "specific-time-timezone", searchPlaceholder: utils.instance.t('search'), exportparts: "sd_dropdown: nstap__timezone-container, sd_dropdown-button: nstap__timezone-button, sd_dropdown-content: nstap__timezone-dropdown-content", options: timezoneOptions, defaultSelectedOption: selectedTimezoneOption, themeConfig: this.themeConfig, "aria-label": utils.instance.t('nylasSpecificTimeAvailabilityPicker.selectTimezone') }, index$1.h("span", { key: '33bb2df3bf655e9b833ad0d8a669a7bd5a45dad1', slot: "select-icon", "aria-hidden": "true" }, index$1.h("globe-icon", { key: '589beedc4d5dc5f1bf163b1d7c63dd0373a06c1f', width: "20", height: "20" })))), this.validationErrors['timezone'] && (index$1.h("div", { key: 'f434eab051b5350c8176c63359c4c718b8a3fc1c', class: "error-message timezone-error", part: "nstap__error-message", role: "alert", "aria-live": "polite" }, this.validationErrors['timezone']))), index$1.h("section", { key: '3faa00e31c27e23461ede7b0e0e49f22cf2e32a2', class: "specific-times-section", part: "nstap__specific-times-section", "aria-labelledby": "specific-times-header" }, index$1.h("h4", { key: '145b8dfeeaf35e9cb7149a461b956e1648a6c401', id: "specific-times-header", class: "section-header" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.specificTimesHeader')), index$1.h("p", { key: '5cd0509861f4b5bcb323fc70fac98fc4f5ee736f', class: "section-description" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.specificTimesDescription')), index$1.h("div", { key: '72126f5b9ed3c5fc75b8bec3a72aa1d188cc1761', class: "specific-times", part: "nstap__specific-times", role: "list" }, this.specificDateEntries.length === 0 ? (index$1.h("div", { class: "empty-state", part: "nstap__empty-state" }, index$1.h("div", { class: "empty-icon", part: "nstap__empty-icon" }, index$1.h("calendar-icon", { width: "32", height: "32" })), index$1.h("h3", { class: "empty-title", part: "nstap__empty-title" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.emptyState.title')), index$1.h("p", { class: "empty-subtitle", part: "nstap__empty-subtitle" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.emptyState.subtitle')))) : (this.specificDateEntries.map((entry, index) => (index$1.h("article", { class: "specific-time-entry", part: "nstap__specific-time-entry", key: entry.id, "data-entry-id": entry.id, role: "listitem", "aria-label": `Specific time availability entry ${index + 1}` }, index$1.h("div", { class: "entry-content", part: "nstap__entry-content" }, index$1.h("div", { class: "date-input-container", part: "nstap__date-input-container" }, index$1.h("nylas-date-component", { name: `date-${entry.id}`, defaultValue: entry.date, placeholder: "yyyy-mm-dd", part: "nstap__date-input", class: "date-input", themeConfig: this.themeConfig, exportparts: "ic__date: nstap__date-field, ic__input_wrapper: nstap__date-wrapper, ic__label: nstap__date-label", "aria-label": `Date for entry ${index + 1}` })), entry.isUnavailable ? (index$1.h("div", { class: "unavailable-text", part: "nstap__unavailable-text", role: "status" }, index$1.h("span", { class: "unavailable-label" }, utils.instance.t('nylasSpecificTimeAvailabilityPicker.entireDayUnavailable')))) : (index$1.h("div", { class: "time-pickers", part: "nstap__time-pickers", role: "group", "aria-label": "Time range" }, index$1.h("nylas-time-window-picker", { id: `${entry.id}_start`, time: entry.startTime, name: `${entry.id}_start`, key: `${entry.id}_start`, language: this.selectedLanguage, hasError: !!this.validationErrors[entry.id], themeConfig: this.themeConfig, exportparts: "time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times", "aria-label": `Start time for entry ${index + 1}` }), index$1.h("span", { class: "time-separator", "aria-hidden": "true" }, "-"), index$1.h("nylas-time-window-picker", { id: `${entry.id}_end`, time: entry.endTime, name: `${entry.id}_end`, key: `${entry.id}_end`, minimumStartTime: entry.startTime, language: this.selectedLanguage, hasError: !!this.validationErrors[entry.id], themeConfig: this.themeConfig, exportparts: "time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times", "aria-label": `End time for entry ${index + 1}` }))), index$1.h("div", { class: "action-buttons", part: "nstap__action-buttons" }, index$1.h("button", { type: "button", class: { 'toggle-button': true, 'unavailable': entry.isUnavailable }, part: "nstap__toggle-button", onClick: () => this.toggleAvailability(entry.id), "aria-label": entry.isUnavailable
                 ? utils.instance.t('nylasSpecificTimeAvailabilityPicker.markAsAvailable')
                 : utils.instance.t('nylasSpecificTimeAvailabilityPicker.markAsUnavailable'), title: entry.isUnavailable
                 ? utils.instance.t('nylasSpecificTimeAvailabilityPicker.markAsAvailable')
-                : utils.instance.t('nylasSpecificTimeAvailabilityPicker.markAsUnavailable') }, index$1.h("calendar-icon", { width: "20", height: "20", "aria-hidden": "true" })), index$1.h("button", { type: "button", class: "remove-button", part: "nstap__remove-button", onClick: () => this.removeSpecificTimeAvailability(entry.id), "aria-label": `Remove specific time entry ${index + 1}`, title: "Remove" }, index$1.h("close-icon", { width: "16", height: "16", "aria-hidden": "true" })))), this.validationErrors[entry.id] && (index$1.h("div", { class: "error-message", part: "nstap__error-message", role: "alert", "aria-live": "polite" }, this.validationErrors[entry.id]))))))), index$1.h("div", { key: 'c3a8bebaba7b7baff51d35ad343a4741dfbba7b2', class: "add-button-container", part: "nstap__add-button-container" }, index$1.h("button-component", { key: 'c8657e7baaee185be6094278c2ebc3448b6b5813', id: "add-specific-time-open-hour", onClick: () => this.addSpecificTimeAvailability(), part: "nstap__add-button", variant: "basic", "aria-label": utils.instance.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability') }, index$1.h("add-circle-icon", { key: 'd7c886d5eef26c42036741afbb47b6d688f25ab9', width: "24", height: "24", "aria-hidden": "true" }), utils.instance.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability'))))))));
+                : utils.instance.t('nylasSpecificTimeAvailabilityPicker.markAsUnavailable') }, index$1.h("calendar-icon", { width: "20", height: "20", "aria-hidden": "true" })), index$1.h("button", { type: "button", class: "remove-button", part: "nstap__remove-button", onClick: () => this.removeSpecificTimeAvailability(entry.id), "aria-label": `Remove specific time entry ${index + 1}`, title: "Remove" }, index$1.h("close-icon", { width: "16", height: "16", "aria-hidden": "true" })))), this.validationErrors[entry.id] && (index$1.h("div", { class: "error-message", part: "nstap__error-message", role: "alert", "aria-live": "polite" }, this.validationErrors[entry.id]))))))), index$1.h("div", { key: '278a369986549c3ab2aa58ec78102e01d38481af', class: "add-button-container", part: "nstap__add-button-container" }, index$1.h("button-component", { key: '347c13d656b732ca52035e47b78438ba3a977396', id: "add-specific-time-open-hour", onClick: () => this.addSpecificTimeAvailability(), part: "nstap__add-button", variant: "basic", "aria-label": utils.instance.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability') }, index$1.h("add-circle-icon", { key: '9dd3f2707d6420c2019cea00d47f1c8a679745d6', width: "24", height: "24", "aria-hidden": "true" }), utils.instance.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability'))))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }