@nylas/react 1.1.0-canary.14 → 1.1.0-canary.15

package/dist/scheduler-store-04e15f8a-69eb8d7a.js

@@ -1,376 +0,0 @@
-import { d as v, e as L } from "./index-d61429c6.js";
-var y;
-(function(o) {
-  o.Component = "component", o.Api = "api", o.Auth = "auth";
-})(y || (y = {}));
-var P;
-(function(o) {
-  o.endtime_not_in_future = "endtime_not_in_future", o.no_booking_info = "no_booking_info", o.no_timeslot_selected = "no_timeslot_selected", o.no_timezone_selected = "no_timezone_selected", o.no_booking_id = "no_booking_id", o.invalid_start_time = "invalid_start_time", o.invalid_end_time = "invalid_end_time", o.invalid_timezone = "invalid_timezone";
-})(P || (P = {}));
-var T;
-(function(o) {
-  o.invalid_session = "invalid_session", o.general_error = "general_error", o.internal_error = "internal_error", o.invalid_request_error = "invalid_request_error", o.timeslot_not_available = "timeslot_not_available", o.provider_error = "provider_error", o.not_found_error = "not_found_error";
-})(T || (T = {}));
-class R {
-  constructor() {
-    this.component = (e) => {
-      const i = y.Component, s = `${e} Error`;
-      return {
-        endtime_not_in_future: (t = '"endtime" can not be in the future') => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        no_booking_info: (t = "No booking info provided") => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        no_timeslot_selected: (t = "No timeslot selected") => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        no_timezone_selected: (t = "No timezone selected") => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        no_booking_id: (t = "No booking id provided") => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        invalid_start_time: (t = "Invalid start time") => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        invalid_end_time: (t = "Invalid end time") => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        invalid_timezone: (t = "Invalid timezone") => ({
-          title: s,
-          message: t,
-          category: i
-        })
-      };
-    }, this.api = (e) => {
-      const i = y.Api, s = `${e} Error`;
-      return {
-        invalid_session: (t) => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        general_error: (t) => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        internal_error: (t) => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        invalid_request_error: (t) => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        timeslot_not_available: (t) => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        provider_error: (t) => ({
-          title: s,
-          message: t,
-          category: i
-        }),
-        not_found_error: (t) => ({
-          title: s,
-          message: t,
-          category: i
-        })
-      };
-    };
-  }
-}
-class M {
-  constructor({ schedulerAPIURL: e, schedulerStore: i, sessionId: s, configId: t }) {
-    this.errors = new R(), this.schedulerStore = i, this.schedulerAPIURL = e, this.sessionId = s, this.configId = t;
-  }
-  getHeaders() {
-    return this.configId ? {} : {
-      Authorization: `Bearer ${this.sessionId}`
-    };
-  }
-  async makeAPIRequest(e, i, s, t = {}) {
-    try {
-      const r = new URL(this.schedulerAPIURL);
-      return r.pathname = e, await (await fetch(decodeURIComponent(r.toString()), {
-        method: i,
-        headers: {
-          "Content-Type": "application/json",
-          Origin: window.location.origin,
-          ...t
-        },
-        body: s
-      })).json();
-    } catch (r) {
-      return {
-        error: {
-          message: r.message,
-          title: "API request failed",
-          type: "api"
-        }
-      };
-    }
-  }
-  getErrorMessage(e) {
-    var s, t, r, n;
-    let i = (e == null ? void 0 : e.message) || (e == null ? void 0 : e.title) || "Something went wrong";
-    return (e == null ? void 0 : e.type) === "provider_error" && (i = ((t = (s = e == null ? void 0 : e.provider_error) == null ? void 0 : s.error) == null ? void 0 : t.message) || ((n = (r = e == null ? void 0 : e.provider_error) == null ? void 0 : r.error) == null ? void 0 : n.title) || "Something went wrong"), i;
-  }
-  setConfigId(e) {
-    this.configId = e;
-  }
-  selectDate(e) {
-    this.schedulerStore.set("selectedDate", e), this.schedulerStore.set("selectedTimeslot", null);
-  }
-  selectTime(e) {
-    this.schedulerStore.set("selectedTimeslot", e);
-  }
-  selectTimezone(e) {
-    this.schedulerStore.set("selectedTimezone", e);
-  }
-  async toggleAdditionalData(e) {
-    e || await this.refetchAvailability(), this.schedulerStore.set("showBookingForm", e);
-  }
-  setParticipantName(e) {
-    const { bookingInfo: i } = this.schedulerStore.state;
-    this.schedulerStore.set("bookingInfo", {
-      ...i,
-      primaryParticipant: {
-        ...i == null ? void 0 : i.primaryParticipant,
-        name: e
-      }
-    });
-  }
-  setParticipantEmail(e) {
-    const { bookingInfo: i } = this.schedulerStore.state;
-    this.schedulerStore.set("bookingInfo", {
-      ...i,
-      primaryParticipant: {
-        ...i == null ? void 0 : i.primaryParticipant,
-        email: e
-      }
-    });
-  }
-  async refetchAvailability() {
-    const e = /* @__PURE__ */ new Date(), i = new Date(e.getFullYear(), e.getMonth(), 1).getTime() / 1e3, s = new Date(e.getFullYear(), e.getMonth() + 1, 1).getTime() / 1e3;
-    return await this.getAvailability(i, s);
-  }
-  async resetStoreStateAndFetchAvailability() {
-    const e = /* @__PURE__ */ new Date(), i = await this.refetchAvailability(), s = this.schedulerStore.get("availability").find((r) => new Date(r.start_time) > /* @__PURE__ */ new Date());
-    let t = e;
-    return s && (t = s.start_time), this.schedulerStore.set("selectedDate", t), this.schedulerStore.set("eventInfo", null), this.schedulerStore.set("showBookingForm", !1), this.schedulerStore.set("selectedTimeslot", null), i;
-  }
-  async setReschedule(e) {
-    const i = this.schedulerStore.state.eventInfo;
-    i && this.schedulerStore.set("reschedulingEventInfo", i);
-    const s = await this.resetStoreStateAndFetchAvailability();
-    return this.schedulerStore.set("rescheduleBookingId", e), s;
-  }
-  async setCancel(e) {
-    this.schedulerStore.set("cancelBookingId", e);
-  }
-  async resetCancel() {
-    const e = await this.resetStoreStateAndFetchAvailability();
-    return this.schedulerStore.set("cancelBookingId", ""), this.schedulerStore.set("cancelledEventInfo", null), e;
-  }
-  async bookTimeslot(e) {
-    var u;
-    this.schedulerStore.set("isLoading", !0);
-    const { selectedTimeslot: i, selectedTimezone: s, bookingInfo: t } = this.schedulerStore.state;
-    if (!e && !t)
-      return { error: this.errors.component("Booking").no_booking_info() };
-    const r = (e == null ? void 0 : e.timeslot) || i;
-    if (!r)
-      return { error: this.errors.component("Create Booking").no_timeslot_selected() };
-    const n = e && (e != null && e.timezone) ? e == null ? void 0 : e.timezone : s;
-    if (!n)
-      return { error: this.errors.component("Create Booking").no_timezone_selected() };
-    const l = e ? e == null ? void 0 : e.primaryParticipant : t == null ? void 0 : t.primaryParticipant, h = e ? (e == null ? void 0 : e.guests) || [] : (t == null ? void 0 : t.guests) || [], c = e ? { ...e == null ? void 0 : e.additionalFields, guests: h } : { ...t == null ? void 0 : t.additionalFields, guests: h }, g = this.getHeaders(), _ = `/v3/scheduling/bookings${this.configId ? `?configuration_id=${this.configId}` : ""}`, a = await this.makeAPIRequest(decodeURIComponent(_), "POST", JSON.stringify({
-      additional_fields: c,
-      guest: { ...l },
-      start_time: r.start_time.getTime() / 1e3,
-      end_time: r.end_time.getTime() / 1e3,
-      timezone: n
-    }), g);
-    if ("error" in a) {
-      this.schedulerStore.set("isLoading", !1);
-      const d = (u = a.error) == null ? void 0 : u.type;
-      let S = a.error;
-      if (d && d in this.errors.api("Create Booking")) {
-        const I = this.getErrorMessage(S);
-        S = this.errors.api("Create Booking")[d](I);
-      }
-      return { error: S };
-    }
-    return "data" in a && this.schedulerStore.set("eventInfo", a == null ? void 0 : a.data), this.schedulerStore.set("isLoading", !1), a;
-  }
-  async getUISettings() {
-    var r;
-    this.schedulerStore.set("isLoading", !0);
-    const e = this.getHeaders(), s = `/v3/scheduling/ui-settings${this.configId ? `?configuration_id=${this.configId}` : ""}`, t = await this.makeAPIRequest(s, "GET", void 0, e);
-    if ("error" in t) {
-      this.schedulerStore.set("isLoading", !1);
-      const n = (r = t.error) == null ? void 0 : r.type;
-      let l = t.error;
-      return n && n in this.errors.api("Get UI Settings") && (l = this.errors.api("Get UI Settings")[n]((l == null ? void 0 : l.message) || (l == null ? void 0 : l.title) || "Something went wrong")), { error: l };
-    }
-    return "data" in t && this.schedulerStore.set("configSettings", t.data), this.schedulerStore.set("isLoading", !1), t;
-  }
-  async getAvailability(e = 0, i = 0) {
-    var g, f, _;
-    this.schedulerStore.set("isLoading", !0);
-    const s = new URLSearchParams(), t = /* @__PURE__ */ new Date(), r = t.getTime();
-    if (i && i < r / 1e3)
-      return this.schedulerStore.set("isLoading", !1), { error: this.errors.component("Get Availability").endtime_not_in_future() };
-    if (!e) {
-      const a = new Date(t.getFullYear(), t.getMonth(), 1);
-      e = Math.floor(a.getTime() / 1e3);
-    }
-    if (!i) {
-      const a = new Date(t.getFullYear(), t.getMonth() + 1, 0);
-      i = Math.floor(a.getTime() / 1e3);
-    }
-    s.append("start_time", encodeURIComponent(e.toString())), s.append("end_time", encodeURIComponent(i.toString())), this.configId && s.append("configuration_id", encodeURIComponent(this.configId));
-    const n = s.toString(), l = `/v3/scheduling/availability${n ? `?${n}` : ""}`, h = this.getHeaders(), c = await this.makeAPIRequest(decodeURIComponent(l), "GET", void 0, h);
-    if ("error" in c) {
-      this.schedulerStore.set("availability", []), this.schedulerStore.set("isLoading", !1);
-      const a = (g = c.error) == null ? void 0 : g.type;
-      let u = c.error;
-      if (a && a in this.errors.api("Get Availability")) {
-        const d = this.getErrorMessage(u);
-        u = this.errors.api("Get Availability")[a](d);
-      }
-      return { error: u };
-    }
-    if ("data" in c) {
-      const u = (((_ = (f = c.data) == null ? void 0 : f.time_slots) == null ? void 0 : _.map((d) => ({
-        ...d,
-        start_time: new Date(d.start_time * 1e3),
-        end_time: new Date(d.end_time * 1e3)
-      }))) || []).filter((d) => d.start_time.getTime() > r);
-      this.schedulerStore.set("availability", u);
-    }
-    return this.schedulerStore.set("isLoading", !1), c;
-  }
-  async cancelBooking(e, i) {
-    var l;
-    if (this.schedulerStore.set("isLoading", !0), !e)
-      return { error: this.errors.component("Cancel Booking").no_booking_id() };
-    const s = this.configId ? `?configuration_id=${this.configId}` : "", t = `/v3/scheduling/bookings/${e}${s}`, r = this.getHeaders(), n = await this.makeAPIRequest(decodeURIComponent(t), "DELETE", JSON.stringify({
-      action: "cancel",
-      cancellation_reason: i
-    }), r);
-    if ("error" in n) {
-      this.schedulerStore.set("isLoading", !1);
-      const h = (l = n.error) == null ? void 0 : l.type;
-      let c = n.error;
-      if (h && h in this.errors.api("Cancel Booking")) {
-        const g = this.getErrorMessage(c);
-        c = this.errors.api("Cancel Booking")[h](g);
-      }
-      return { error: c };
-    }
-    return this.schedulerStore.set("cancelledEventInfo", {
-      booking_id: e
-    }), this.schedulerStore.set("isLoading", !1), n;
-  }
-  async rescheduleBooking(e, i) {
-    var k;
-    if (this.schedulerStore.set("isLoading", !0), !e)
-      return { error: this.errors.component("Reschedule Booking").no_booking_id() };
-    const s = this.errors.api("Reschedule Booking"), t = this.errors.component("Reschedule Booking"), { bookingInfo: r, selectedTimeslot: n, selectedTimezone: l } = this.schedulerStore.state, { startTime: h, endTime: c, timezone: g } = i, f = h || (n == null ? void 0 : n.start_time);
-    if (!f)
-      return { error: t.invalid_start_time('Please pass "startTime" in data or set "selectedTimeslot" in the defaultSchedulerState.') };
-    const _ = c || (n == null ? void 0 : n.end_time);
-    if (!_)
-      return { error: t.invalid_end_time('Please pass "endTime" in data or set "selectedTimeslot" in the defaultSchedulerState.') };
-    const a = g || l;
-    if (!a)
-      return { error: t.invalid_timezone('Please pass "timezone" in data or set "selectedTimezone" in the defaultSchedulerState.') };
-    const u = i ? i == null ? void 0 : i.primaryParticipant : r == null ? void 0 : r.primaryParticipant, d = i ? (i == null ? void 0 : i.guests) || [] : (r == null ? void 0 : r.guests) || [], S = i ? { ...i == null ? void 0 : i.additionalFields, guests: d } : { ...r == null ? void 0 : r.additionalFields, guests: d }, I = this.configId ? `?configuration_id=${this.configId}` : "", A = `/v3/scheduling/bookings/${e}${I}`, D = this.getHeaders(), m = await this.makeAPIRequest(decodeURIComponent(A), "PATCH", JSON.stringify({
-      start_time: f.getTime() / 1e3,
-      end_time: _.getTime() / 1e3,
-      time_zone: a,
-      additional_fields: S,
-      guest: { ...u }
-    }), D);
-    if ("error" in m) {
-      this.schedulerStore.set("isLoading", !1);
-      const p = (k = m.error) == null ? void 0 : k.type;
-      let w = m.error;
-      if (p && p in s) {
-        const z = this.getErrorMessage(w);
-        w = s[p](z);
-      }
-      return { error: w };
-    }
-    const b = this.schedulerStore.get("reschedulingEventInfo");
-    if ("data" in m)
-      this.schedulerStore.set("eventInfo", m == null ? void 0 : m.data);
-    else if (b)
-      this.schedulerStore.set("eventInfo", b);
-    else {
-      const p = {
-        booking_id: e
-      };
-      this.schedulerStore.set("eventInfo", p);
-    }
-    return this.schedulerStore.set("isLoading", !1), m;
-  }
-}
-function C(o = {}) {
-  const e = {
-    selectedDate: null,
-    selectedLanguage: navigator.language,
-    selectedTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-    selectedTimeslot: null,
-    showBookingForm: !1,
-    selectableDates: null,
-    availability: [],
-    eventDuration: 0,
-    state: "ready",
-    eventInfo: null,
-    cancelledEventInfo: null,
-    isLoading: !1,
-    nylasBranding: !0,
-    ...o
-  };
-  v("[defaultNylasStoreState]: ", e);
-  const i = L(e);
-  return i.onChange("availability", (s) => {
-    v("[availability]: ", s);
-    const t = s[0], r = Math.floor((t.end_time.getTime() - t.start_time.getTime()) / 6e4);
-    v("[durationMinutes]: ", r), i.set("eventDuration", r);
-    const n = s.map((l) => l.start_time);
-    v("[selectableDates]: ", n), i.set("selectableDates", n);
-  }), i.reset = () => {
-    for (const s in e) {
-      const t = e[s];
-      i.set(s, t);
-    }
-  }, i;
-}
-export {
-  C,
-  y as E,
-  M as N
-};

package/dist/time-period-selector.entry-77a6debf.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-6a4ee4f8.cjs");require("react");require("react-dom");const s=".time-period-selector.sc-time-period-selector{display:flex;gap:0.5rem}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector select-dropdown#time-period.sc-time-period-selector::part(sd_dropdown-button){min-width:108px}.time-period-selector.sc-time-period-selector select-dropdown#time-number.sc-time-period-selector::part(sd_dropdown-button){min-width:84px}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-button){padding:1rem;gap:1rem}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-content){width:100%;max-height:200px}",n=s,i=class{constructor(e){d.registerInstance(this,e),this.timePeriodChanged=d.createEvent(this,"timePeriodChanged",7),this.timePeriods=["hour","day","week","month"],this.defaultSelectedPeriod="hour",this.defaultSelectedNumber=1,this.selectedPeriod=this.defaultSelectedPeriod,this.selectedNumber=this.defaultSelectedNumber,this.numberOptions=this.calculateOptions("hour").map(t=>({label:t.toString(),value:t.toString()})),this.timePeriodOptions=this.timePeriods.map(t=>({label:t,value:t}))}defaultSelectedPeriodChangedHandler(e){this.selectedPeriod=e,this.updateNumberOptionsAndSelectedNumber(e)}defaultSelectedNumberChangedHandler(e){this.selectedNumber=e}timePeriodsChangedHandler(e){this.timePeriodOptions=e.map(t=>({label:t,value:t}))}calculateOptions(e){switch(e){case"hour":return Array.from({length:23},(t,r)=>r+1);case"minute":return Array.from({length:13},(t,r)=>r*5);case"day":return Array.from({length:30},(t,r)=>r+1);case"week":return Array.from({length:4},(t,r)=>r+1);case"month":return Array.from({length:12},(t,r)=>r+1);default:return[]}}selectedOptionChangedHandler(e){d.debug("time-period-selector","selectedOptionChangedHandler",e.detail);const{value:t,name:r}=e.detail;r==="time-period"?(this.selectedPeriod=t,this.updateNumberOptionsAndSelectedNumber(t)):r==="time-number"&&(this.selectedNumber=parseInt(t));const o={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(o)}updateNumberOptionsAndSelectedNumber(e){const t=this.calculateOptions(e);this.numberOptions=t.map(r=>({label:r.toString(),value:r.toString()})),this.selectedNumber=parseInt(this.numberOptions[0].value)}render(){return d.h("div",{key:"7edc10024c638d484dd2645c1afeff0bbe6c0762",class:"time-period-selector"},d.h("select-dropdown",{key:"de189ba330463c98b0a1b6131ef3607ce35f4680",id:"time-number",name:"time-number",exportparts:"sd__dropdown: tps__number-dropdown, sd__dropdown-button: tps__number-dropdown-button, sd__dropdown-content: tps__number-dropdown-content",options:this.numberOptions,defaultSelectedOption:this.numberOptions.find(e=>e.value==this.selectedNumber.toString())??this.numberOptions[0],withSearch:!1}),d.h("select-dropdown",{key:"707a1ab8d07469c3f38af8c8b9b129be7af833fc",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?"s":"",defaultSelectedOption:this.timePeriodOptions.find(e=>e.value==this.selectedPeriod)??this.timePeriodOptions[0],withSearch:!1}))}get host(){return d.getElement(this)}static get watchers(){return{defaultSelectedPeriod:["defaultSelectedPeriodChangedHandler"],defaultSelectedNumber:["defaultSelectedNumberChangedHandler"],timePeriods:["timePeriodsChangedHandler"]}}};i.style=n;exports.time_period_selector=i;

package/dist/time-period-selector.entry-a29c8ffa.js

@@ -1,76 +0,0 @@
-import { r as i, c as s, d as n, h as d, g as l } from "./index-d61429c6.js";
-import "react";
-import "react-dom";
-const a = ".time-period-selector.sc-time-period-selector{display:flex;gap:0.5rem}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector select-dropdown#time-period.sc-time-period-selector::part(sd_dropdown-button){min-width:108px}.time-period-selector.sc-time-period-selector select-dropdown#time-number.sc-time-period-selector::part(sd_dropdown-button){min-width:84px}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-button){padding:1rem;gap:1rem}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-content){width:100%;max-height:200px}", c = a, p = class {
-  constructor(e) {
-    i(this, e), this.timePeriodChanged = s(this, "timePeriodChanged", 7), this.timePeriods = ["hour", "day", "week", "month"], this.defaultSelectedPeriod = "hour", this.defaultSelectedNumber = 1, this.selectedPeriod = this.defaultSelectedPeriod, this.selectedNumber = this.defaultSelectedNumber, this.numberOptions = this.calculateOptions("hour").map((t) => ({
-      label: t.toString(),
-      value: t.toString()
-    })), this.timePeriodOptions = this.timePeriods.map((t) => ({
-      label: t,
-      value: t
-    }));
-  }
-  defaultSelectedPeriodChangedHandler(e) {
-    this.selectedPeriod = e, this.updateNumberOptionsAndSelectedNumber(e);
-  }
-  defaultSelectedNumberChangedHandler(e) {
-    this.selectedNumber = e;
-  }
-  timePeriodsChangedHandler(e) {
-    this.timePeriodOptions = e.map((t) => ({
-      label: t,
-      value: t
-    }));
-  }
-  calculateOptions(e) {
-    switch (e) {
-      case "hour":
-        return Array.from({ length: 23 }, (t, r) => r + 1);
-      case "minute":
-        return Array.from({ length: 13 }, (t, r) => r * 5);
-      case "day":
-        return Array.from({ length: 30 }, (t, r) => r + 1);
-      case "week":
-        return Array.from({ length: 4 }, (t, r) => r + 1);
-      case "month":
-        return Array.from({ length: 12 }, (t, r) => r + 1);
-      default:
-        return [];
-    }
-  }
-  selectedOptionChangedHandler(e) {
-    n("time-period-selector", "selectedOptionChangedHandler", e.detail);
-    const { value: t, name: r } = e.detail;
-    r === "time-period" ? (this.selectedPeriod = t, this.updateNumberOptionsAndSelectedNumber(t)) : r === "time-number" && (this.selectedNumber = parseInt(t));
-    const o = {
-      number: this.selectedNumber,
-      period: this.selectedPeriod
-    };
-    this.timePeriodChanged.emit(o);
-  }
-  updateNumberOptionsAndSelectedNumber(e) {
-    const t = this.calculateOptions(e);
-    this.numberOptions = t.map((r) => ({
-      label: r.toString(),
-      value: r.toString()
-    })), this.selectedNumber = parseInt(this.numberOptions[0].value);
-  }
-  render() {
-    return d("div", { key: "7edc10024c638d484dd2645c1afeff0bbe6c0762", class: "time-period-selector" }, d("select-dropdown", { key: "de189ba330463c98b0a1b6131ef3607ce35f4680", id: "time-number", name: "time-number", exportparts: "sd__dropdown: tps__number-dropdown, sd__dropdown-button: tps__number-dropdown-button, sd__dropdown-content: tps__number-dropdown-content", options: this.numberOptions, defaultSelectedOption: this.numberOptions.find((e) => e.value == this.selectedNumber.toString()) ?? this.numberOptions[0], withSearch: !1 }), d("select-dropdown", { key: "707a1ab8d07469c3f38af8c8b9b129be7af833fc", 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 ? "s" : "", defaultSelectedOption: this.timePeriodOptions.find((e) => e.value == this.selectedPeriod) ?? this.timePeriodOptions[0], withSearch: !1 }));
-  }
-  get host() {
-    return l(this);
-  }
-  static get watchers() {
-    return {
-      defaultSelectedPeriod: ["defaultSelectedPeriodChangedHandler"],
-      defaultSelectedNumber: ["defaultSelectedNumberChangedHandler"],
-      timePeriods: ["timePeriodsChangedHandler"]
-    };
-  }
-};
-p.style = c;
-export {
-  p as time_period_selector
-};