@triptease/tt-date-range-picker 6.2.5 → 6.3.1

package/dist/esm/test/date-range-picker.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.test.js","sourceRoot":"","sources":["../../../test/date-range-picker.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { elementUpdated, expect, fixture, oneDefaultPreventedEvent, oneEvent } from '@open-wc/testing';\nimport { html } from 'lit';\nimport { DateTime, Settings } from 'luxon';\nimport { Calendar } from '@triptease/tt-calendar';\nimport { TtDateRangePicker } from '../src/tt-date-range-picker.js';\nimport '../src/tt-date-range-picker.js'; // This handles the registration\n\nconst getCalendarButton = (calendar: Calendar, date: string): HTMLLIElement => {\n  const label = DateTime.fromISO(date).toLocaleString({ dateStyle: 'long' });\n  return calendar.shadowRoot!.querySelector(`[role=\"gridcell\"][aria-label=\"${label}\"]`) as HTMLLIElement;\n};\n\ndescribe('TtDateRangePicker', () => {\n  afterEach(() => {\n    Settings.defaultZone = 'system';\n  });\n\n  ['Australia/Brisbane', 'America/New_York', 'Europe/London', 'Asia/Tokyo', 'Etc/UTC'].forEach((timezone) => {\n    it(`should include date range values in form submission data for ${timezone} timezone`, async () => {\n      Settings.defaultZone = timezone;\n      const form = await fixture<HTMLFormElement>(html`\n        <form method=\"post\" action=\"#\">\n          <input type=\"text\" name=\"other_field\" value=\"test_value\" />\n          <tt-date-range-picker name=\"booking_dates\" start=\"2025-04-15\" end=\"2025-04-20\"></tt-date-range-picker>\n          <button type=\"submit\">Submit</button>\n        </form>\n      `);\n\n      const dateRangePicker = form.querySelector('tt-date-range-picker') as TtDateRangePicker;\n      expect(dateRangePicker).to.exist;\n\n      await elementUpdated(dateRangePicker);\n\n      setTimeout(() => form.querySelector('button')!.click());\n      await oneDefaultPreventedEvent(form, 'submit');\n\n      const formData = new FormData(form);\n      const dateRangeValue = formData.get('booking_dates');\n      const parsedValue = JSON.parse(dateRangeValue as string);\n\n      const expectedStartDate = `2025-04-15`;\n      const expectedEndDate = `2025-04-20`;\n\n      expect(parsedValue.startDate).equals(expectedStartDate);\n      expect(parsedValue.endDate).equals(expectedEndDate);\n    });\n\n    it(`should emit change event on date selection for ${timezone}`, async () => {\n      Settings.defaultZone = timezone;\n      const dateRangePicker = await fixture<TtDateRangePicker>(html`\n        <tt-date-range-picker start=\"2025-05-01\" end=\"2025-05-08\"></tt-date-range-picker>\n      `);\n\n      const showCalendarButton = dateRangePicker.shadowRoot!.querySelector(\n        '[name=\"show calendar\"]'\n      ) as HTMLButtonElement;\n      showCalendarButton.click();\n      await elementUpdated(dateRangePicker);\n\n      const calendar = dateRangePicker.shadowRoot!.querySelector('[part=\"calendar\"]') as Calendar;\n\n      const startDateButton = getCalendarButton(calendar, '2025-05-01');\n      const endDateButton = getCalendarButton(calendar, '2025-05-15');\n\n      // Set up a promise to listen for the change event\n      const changeEventPromise = oneEvent(dateRangePicker, 'change');\n\n      // Click the start date button\n      startDateButton.click();\n      await elementUpdated(dateRangePicker);\n\n      // Click the end date button\n      endDateButton.click();\n      await elementUpdated(dateRangePicker);\n\n      // Wait for the change event\n      const event = await changeEventPromise;\n\n      // Verify the event data\n      const eventValue = (event.target! as TtDateRangePicker).value;\n      const expectedStartDate = '2025-05-01';\n      expect(eventValue!.startDate).to.equal(expectedStartDate);\n\n      const expectedEndDate = '2025-05-15';\n      expect(eventValue!.endDate).to.equal(expectedEndDate);\n    });\n  });\n\n  it('should have aria-invalid when selected range is less than minDays', async () => {\n    const dateRangePicker = await fixture<TtDateRangePicker>(html`\n      <tt-date-range-picker start=\"2025-01-03\" end=\"2025-01-20\" minDays=\"6\"></tt-date-range-picker>\n    `);\n\n    const showCalendarButton = dateRangePicker.shadowRoot!.querySelector('[name=\"show calendar\"]') as HTMLButtonElement;\n    showCalendarButton.click();\n    await elementUpdated(dateRangePicker);\n\n    const calendar = dateRangePicker.shadowRoot!.querySelector('[part=\"calendar\"]') as Calendar;\n\n    const startDateButton = getCalendarButton(calendar, '2025-01-01');\n    const endDateButton = getCalendarButton(calendar, '2025-01-02');\n\n    startDateButton.click();\n    await elementUpdated(dateRangePicker);\n\n    endDateButton.click();\n    await elementUpdated(dateRangePicker);\n    const controls = dateRangePicker.shadowRoot!.querySelector('[part=\"controls\"]') as HTMLDivElement;\n\n    expect(controls.getAttribute('aria-invalid')).to.equal('true');\n  });\n\n  it('should not have aria-invalid when selected range is equal to minDays', async () => {\n    const dateRangePicker = await fixture<TtDateRangePicker>(html`\n      <tt-date-range-picker start=\"2025-01-03\" end=\"2025-01-20\" minDays=\"3\"></tt-date-range-picker>\n    `);\n\n    const showCalendarButton = dateRangePicker.shadowRoot!.querySelector('[name=\"show calendar\"]') as HTMLButtonElement;\n    showCalendarButton.click();\n    await elementUpdated(dateRangePicker);\n\n    const calendar = dateRangePicker.shadowRoot!.querySelector('[part=\"calendar\"]') as Calendar;\n\n    const startDateButton = getCalendarButton(calendar, '2025-01-01');\n    const endDateButton = getCalendarButton(calendar, '2025-01-04');\n\n    startDateButton.click();\n    await elementUpdated(dateRangePicker);\n\n    endDateButton.click();\n    await elementUpdated(dateRangePicker);\n    const controls = dateRangePicker.shadowRoot!.querySelector('[part=\"controls\"]') as HTMLDivElement;\n\n    expect(controls.getAttribute('aria-invalid')).to.equal('false');\n  });\n\n  it('it should have aria-invalid true when selected range is greater than maxDays', async () => {\n    const dateRangePicker = await fixture<TtDateRangePicker>(html`\n      <tt-date-range-picker start=\"2025-01-03\" end=\"2025-01-20\" maxDays=\"6\"></tt-date-range-picker>\n    `);\n\n    const showCalendarButton = dateRangePicker.shadowRoot!.querySelector('[name=\"show calendar\"]') as HTMLButtonElement;\n    showCalendarButton.click();\n    await elementUpdated(dateRangePicker);\n\n    const calendar = dateRangePicker.shadowRoot!.querySelector('[part=\"calendar\"]') as Calendar;\n\n    const startDateButton = getCalendarButton(calendar, '2025-01-01');\n    const endDateButton = getCalendarButton(calendar, '2025-01-12');\n\n    startDateButton.click();\n    await elementUpdated(dateRangePicker);\n\n    endDateButton.click();\n    await elementUpdated(dateRangePicker);\n    const controls = dateRangePicker.shadowRoot!.querySelector('[part=\"controls\"]') as HTMLDivElement;\n\n    expect(controls.getAttribute('aria-invalid')).to.equal('true');\n  });\n\n  it('should not have aria-invalid when selected range is less than maxDays', async () => {\n    const dateRangePicker = await fixture<TtDateRangePicker>(html`\n      <tt-date-range-picker start=\"2025-01-03\" end=\"2025-01-20\" maxDays=\"20\"></tt-date-range-picker>\n    `);\n\n    const showCalendarButton = dateRangePicker.shadowRoot!.querySelector('[name=\"show calendar\"]') as HTMLButtonElement;\n    showCalendarButton.click();\n    await elementUpdated(dateRangePicker);\n\n    const calendar = dateRangePicker.shadowRoot!.querySelector('[part=\"calendar\"]') as Calendar;\n\n    const startDateButton = getCalendarButton(calendar, '2025-01-01');\n    const endDateButton = getCalendarButton(calendar, '2025-01-10');\n\n    startDateButton.click();\n    await elementUpdated(dateRangePicker);\n\n    endDateButton.click();\n    await elementUpdated(dateRangePicker);\n    const controls = dateRangePicker.shadowRoot!.querySelector('[part=\"controls\"]') as HTMLDivElement;\n\n    expect(controls.getAttribute('aria-invalid')).to.equal('false');\n  });\n\n  it('should disable the date range picker when disabled attribute is set', async () => {\n    const dateRangePicker = await fixture<TtDateRangePicker>(html`\n      <tt-date-range-picker start=\"2025-05-01\" end=\"2025-05-08\" disabled></tt-date-range-picker>\n    `);\n\n    expect(dateRangePicker.disabled).to.be.true;\n    expect(dateRangePicker.inert).to.be.true;\n  });\n\n  it('it pass the max-date attribute to tt-calendar when max-date is passed', async () => {\n    const dateRangePicker = await fixture<TtDateRangePicker>(html`\n      <tt-date-range-picker mindate=\"2025-01-20\" maxdate=\"2025-01-21\"></tt-date-range-picker>\n    `);\n\n    const ttCalendar = dateRangePicker.shadowRoot!.querySelector('tt-calendar');\n\n    expect(ttCalendar?.getAttribute('max-date')).to.equal('2025-01-21');\n    expect(ttCalendar?.getAttribute('min-date')).to.equal('2025-01-20');\n  });\n});\n"]}

package/dist/esm/test/preset-button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-button.test.js","sourceRoot":"","sources":["../../../test/preset-button.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EAAE,MAAM,EAAgB,MAAM,iBAAiB,CAAC;AACvD,OAAO,mCAAmC,CAAC;AAE3C,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACnD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,MAAM,CAAC,GAAG,EAAE;QACV,QAAQ,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,GAAG,EAAE;QACT,QAAQ,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH;QACE,CAAC,MAAM,CAAC,QAAQ,EAAE,YAAY,EAAE,YAAY,CAAC;QAC7C,CAAC,MAAM,CAAC,SAAS,EAAE,YAAY,EAAE,YAAY,CAAC;QAC9C,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,EAAE,YAAY,CAAC;QAChD,CAAC,MAAM,CAAC,QAAQ,EAAE,YAAY,EAAE,YAAY,CAAC;QAC7C,CAAC,MAAM,CAAC,QAAQ,EAAE,YAAY,EAAE,YAAY,CAAC;QAC7C,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,EAAE,YAAY,CAAC;QAC/C,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,EAAE,YAAY,CAAC;QAChD,CAAC,MAAM,CAAC,SAAS,EAAE,YAAY,EAAE,YAAY,CAAC;QAC9C,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,EAAE,YAAY,CAAC;QAC/C,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,EAAE,YAAY,CAAC;QAChD,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,EAAE,YAAY,CAAC;QAChD,CAAC,MAAM,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC;QACjD,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;KACvC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,EAAE;QACzC,EAAE,CAAC,2EAA2E,MAAM,oBAAoB,EAAE,KAAK,IAAI,EAAE;YACnH,MAAM,MAAM,GAAG,MAAM,OAAO,CAAe,IAAI,CAAA,6BAA6B,MAAM,uBAAuB,CAAC,CAAC;YAE3G,MAAM,oBAAoB,GAAG,QAAQ,CAA0B,MAAM,EAAE,sBAAsB,CAAC,CAAC;YAC/F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;YACpD,MAAM,KAAK,GAAG,MAAM,oBAAoB,CAAC;YAEzC,MAAM,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACzD,MAAM,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { Settings } from 'luxon';\nimport { expect, fixture, html, oneEvent } from '@open-wc/testing';\nimport { DateRangeSelectionEvent } from '@triptease/tt-calendar/date-selection-context.js';\nimport { Preset, PresetButton } from '../src/index.js';\nimport '../src/SidePanel/tt-side-panel.js';\n\nconst firstJan2025 = Date.UTC(2025, 0, 1, 0, 0, 0);\ndescribe('PresetButton', () => {\n  before(() => {\n    Settings.now = () => firstJan2025;\n  });\n\n  after(() => {\n    Settings.now = () => Date.now();\n  });\n\n  [\n    [Preset.LastWeek, '2024-12-23', '2024-12-29'],\n    [Preset.LastMonth, '2024-12-01', '2024-12-31'],\n    [Preset.LastQuarter, '2024-10-01', '2024-12-31'],\n    [Preset.LastYear, '2024-01-01', '2024-12-31'],\n    [Preset.ThisWeek, '2024-12-30', '2025-01-05'],\n    [Preset.YearToDate, '2025-01-01', '2025-01-01'],\n    [Preset.ThisQuarter, '2025-01-01', '2025-03-31'],\n    [Preset.ThisMonth, '2025-01-01', '2025-01-31'],\n    [Preset.Next1Month, '2025-01-01', '2025-02-01'],\n    [Preset.Next3Months, '2025-01-01', '2025-04-01'],\n    [Preset.Next6Months, '2025-01-01', '2025-07-01'],\n    [Preset.Next12Months, '2025-01-01', '2026-01-01'],\n    [Preset.AllTime, undefined, undefined],\n  ].forEach(([preset, startDate, endDate]) => {\n    it(`should fire a date selection event with the correct date range when the ${preset} preset is clicked`, async () => {\n      const button = await fixture<PresetButton>(html` <tt-preset-button preset=${preset}></tt-preset-button> `);\n\n      const dateSelectionPromise = oneEvent<DateRangeSelectionEvent>(button, 'date-range-selection');\n      button.shadowRoot?.querySelector('button')?.click();\n      const event = await dateSelectionPromise;\n\n      await expect(event.detail.startDate).to.equal(startDate);\n      await expect(event.detail.endDate).to.equal(endDate);\n    });\n  });\n});\n"]}

package/dist/web/DateRangeInput/DateRangeInput.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/web/DateRangeInput/tt-date-range-input.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7132,7 +7132,7 @@ var i6 = e7(class extends i5 {
   }
 });
 
-// ../tt-date-input/dist/src/DateInput.js
+// ../tt-date-input/dist/esm/src/DateInput.js
 var __decorate = function(decorators, target, key, desc) {
   var c4 = arguments.length, r7 = c4 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
@@ -7500,7 +7500,7 @@ __decorate([
   r5()
 ], DateInput.prototype, "_dateFormat", void 0);
 
-// ../tt-date-input/dist/src/tt-date-input.js
+// ../tt-date-input/dist/esm/src/tt-date-input.js
 if (typeof window !== "undefined") {
   if (!window.customElements.get("tt-date-input")) {
     window.customElements.define("tt-date-input", DateInput);

package/dist/web/FocusEvent.d.js

@@ -1,4 +1,4 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 //# sourceMappingURL=FocusEvent.d.js.map

package/dist/web/SidePanel/PresetButton.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7058,7 +7058,7 @@ function n6(n7) {
   return n7;
 }
 
-// ../tt-calendar/dist/src/DateSelectionContext.js
+// ../tt-calendar/dist/esm/src/DateSelectionContext.js
 var DateRangeSelectionEvent = class extends CustomEvent {
   constructor(dateRangeSelection) {
     super("date-range-selection", {

package/dist/web/SidePanel/SidePanel.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/web/SidePanel/styles.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 
 // ../../node_modules/@lit/reactive-element/css-tag.js

package/dist/web/SidePanel/tt-side-panel.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7227,7 +7227,7 @@ function n6(n7) {
   return n7;
 }
 
-// ../tt-calendar/dist/src/DateSelectionContext.js
+// ../tt-calendar/dist/esm/src/DateSelectionContext.js
 var DateRangeSelectionEvent = class extends CustomEvent {
   constructor(dateRangeSelection) {
     super("date-range-selection", {

package/dist/web/TtDateRangePicker.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7134,7 +7134,7 @@ function n6(n7) {
   return n7;
 }
 
-// ../tt-calendar/dist/src/DateSelectionContext.js
+// ../tt-calendar/dist/esm/src/DateSelectionContext.js
 var DateRangeSelectionEvent = class extends CustomEvent {
   constructor(dateRangeSelection) {
     super("date-range-selection", {
@@ -7149,7 +7149,7 @@ var DateRangeSelectionEvent = class extends CustomEvent {
 };
 var DateSelectionContext = n6(/* @__PURE__ */ Symbol("date-selection-context"));
 
-// ../icons/dist/src/icons/calendar.js
+// ../icons/dist/esm/src/icons/calendar.js
 var calendarIcon = `<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.75 0.75C5.75 0.335786 5.41421 0 5 0C4.58579 0 4.25 0.335786 4.25 0.75V2H3C1.34315 2 0 3.34315 0 5V16C0 17.6569 1.34315 19 3 19H15C16.6569 19 18 17.6569 18 16V5C18 3.34315 16.6569 2 15 2H13.75V0.75C13.75 0.335786 13.4142 0 13 0C12.5858 0 12.25 0.335786 12.25 0.75V2H5.75V0.75ZM3 3.5H15C15.8284 3.5 16.5 4.17157 16.5 5V7.25H1.5V5C1.5 4.17157 2.17157 3.5 3 3.5ZM1.5 8.75V16C1.5 16.8284 2.17157 17.5 3 17.5H15C15.8284 17.5 16.5 16.8284 16.5 16V8.75H1.5Z" fill="currentColor"/>
 </svg>

package/dist/web/helpers.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 
 // ../../node_modules/luxon/src/errors.js

package/dist/web/index.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -648,7 +648,7 @@ function o6(o10) {
   };
 }
 
-// ../tt-dialog/dist/src/styles.js
+// ../tt-dialog/dist/esm/src/styles.js
 var styles = i`
   :host {
     display: block;
@@ -679,7 +679,7 @@ var styles = i`
   }
 `;
 
-// ../tt-dialog/dist/src/focus-trap.js
+// ../tt-dialog/dist/esm/src/focus-trap.js
 function isHidden($elem) {
   return $elem.hasAttribute("hidden") || $elem.hasAttribute("aria-hidden") && $elem.getAttribute("aria-hidden") !== "false" || // A quick and dirty way to check whether the element is hidden.
   // For a more fine-grained check we could use "window.getComputedStyle" but we don't because of bad performance.
@@ -736,7 +736,7 @@ function getFocusableElements(root) {
   return queryShadowRoot(root, isHidden, isFocusable);
 }
 
-// ../tt-dialog/dist/src/TtDialog.js
+// ../tt-dialog/dist/esm/src/TtDialog.js
 var __decorate = function(decorators, target2, key, desc) {
   var c5 = arguments.length, r7 = c5 < 3 ? target2 : desc === null ? desc = Object.getOwnPropertyDescriptor(target2, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target2, key, desc);
@@ -845,7 +845,7 @@ TtDialog = __decorate([
   t3("tt-dialog")
 ], TtDialog);
 
-// ../tt-dialog/dist/src/tt-dialog.js
+// ../tt-dialog/dist/esm/src/tt-dialog.js
 if (typeof window !== "undefined") {
   if (!window.customElements.get("tt-dialog")) {
     window.customElements.define("tt-dialog", TtDialog);
@@ -7388,7 +7388,7 @@ function n6(n7) {
   return n7;
 }
 
-// ../tt-calendar/dist/src/DateSelectionContext.js
+// ../tt-calendar/dist/esm/src/DateSelectionContext.js
 var DateSelectionEvent = class extends CustomEvent {
   constructor(dateSelection) {
     super("date-selection", {
@@ -7415,18 +7415,18 @@ var DateRangeSelectionEvent = class extends CustomEvent {
 };
 var DateSelectionContext = n6(/* @__PURE__ */ Symbol("date-selection-context"));
 
-// ../icons/dist/src/icons/calendar.js
+// ../icons/dist/esm/src/icons/calendar.js
 var calendarIcon = `<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.75 0.75C5.75 0.335786 5.41421 0 5 0C4.58579 0 4.25 0.335786 4.25 0.75V2H3C1.34315 2 0 3.34315 0 5V16C0 17.6569 1.34315 19 3 19H15C16.6569 19 18 17.6569 18 16V5C18 3.34315 16.6569 2 15 2H13.75V0.75C13.75 0.335786 13.4142 0 13 0C12.5858 0 12.25 0.335786 12.25 0.75V2H5.75V0.75ZM3 3.5H15C15.8284 3.5 16.5 4.17157 16.5 5V7.25H1.5V5C1.5 4.17157 2.17157 3.5 3 3.5ZM1.5 8.75V16C1.5 16.8284 2.17157 17.5 3 17.5H15C15.8284 17.5 16.5 16.8284 16.5 16V8.75H1.5Z" fill="currentColor"/>
 </svg>
 `;
 
-// ../icons/dist/src/icons/chevron.js
+// ../icons/dist/esm/src/icons/chevron.js
 var chevron = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="chevron">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.7073 6.29289C16.0978 6.68342 16.0978 7.31658 15.7073 7.70711L11.4144 12L15.7073 16.2929C16.0978 16.6834 16.0978 17.3166 15.7073 17.7071C15.3167 18.0976 14.6836 18.0976 14.293 17.7071L8.58594 12L14.293 6.29289C14.6836 5.90237 15.3167 5.90237 15.7073 6.29289Z" fill="currentColor"/>
 </svg>`;
 
-// ../icons/dist/src/icons/chevron-down.js
+// ../icons/dist/esm/src/icons/chevron-down.js
 var chevronDown = `
 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-down chevron-down"
        viewBox="0 0 16 16" role="presentation">
@@ -7435,13 +7435,13 @@ var chevronDown = `
           stroke="currentColor"/>
   </svg>`;
 
-// ../icons/dist/src/icons/double-chevron.js
+// ../icons/dist/esm/src/icons/double-chevron.js
 var doubleChevron = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 7L7 12L12 17" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
 <path d="M17.5 9.5L15 12L17.5 14.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
 </svg>`;
 
-// ../icons/dist/src/icons/keyboard.js
+// ../icons/dist/esm/src/icons/keyboard.js
 var keyboard = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="keyboard">
 <g clip-path="url(#clip0_286_15035)">
 <path d="M20 7V17H4V7H20ZM20 5H4C2.9 5 2.01 5.9 2.01 7L2 17C2 18.1 2.9 19 4 19H20C21.1 19 22 18.1 22 17V7C22 5.9 21.1 5 20 5ZM11 8H13V10H11V8ZM11 11H13V13H11V11ZM8 8H10V10H8V8ZM8 11H10V13H8V11ZM5 11H7V13H5V11ZM5 8H7V10H5V8ZM8 14H16V16H8V14ZM14 11H16V13H14V11ZM14 8H16V10H14V8ZM17 11H19V13H17V11ZM17 8H19V10H17V8Z" fill="currentColor"/>
@@ -7454,7 +7454,7 @@ var keyboard = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmln
 </svg>
 `;
 
-// ../tt-calendar/dist/src/Styles.js
+// ../tt-calendar/dist/esm/src/Styles.js
 var styles2 = i`
   :host {
     display: block;
@@ -7718,10 +7718,10 @@ var styles2 = i`
   }
 `;
 
-// ../tt-calendar/dist/src/helpers.js
+// ../tt-calendar/dist/esm/src/helpers.js
 var dateTimeConverter = (value) => value ? DateTime.fromISO(value) : void 0;
 
-// ../tt-calendar/dist/src/TtCalendar.js
+// ../tt-calendar/dist/esm/src/TtCalendar.js
 var __decorate2 = function(decorators, target2, key, desc) {
   var c5 = arguments.length, r7 = c5 < 3 ? target2 : desc === null ? desc = Object.getOwnPropertyDescriptor(target2, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target2, key, desc);
@@ -8124,7 +8124,7 @@ __decorate2([
   r5()
 ], Calendar.prototype, "visible", void 0);
 
-// ../tt-calendar/dist/src/tt-calendar.js
+// ../tt-calendar/dist/esm/src/tt-calendar.js
 if (typeof window !== "undefined") {
   if (!window.customElements.get("tt-calendar")) {
     window.customElements.define("tt-calendar", Calendar);
@@ -8447,7 +8447,7 @@ var i7 = e7(class extends i5 {
   }
 });
 
-// ../tt-date-input/dist/src/DateInput.js
+// ../tt-date-input/dist/esm/src/DateInput.js
 var __decorate3 = function(decorators, target2, key, desc) {
   var c5 = arguments.length, r7 = c5 < 3 ? target2 : desc === null ? desc = Object.getOwnPropertyDescriptor(target2, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target2, key, desc);
@@ -8815,7 +8815,7 @@ __decorate3([
   r5()
 ], DateInput.prototype, "_dateFormat", void 0);
 
-// ../tt-date-input/dist/src/tt-date-input.js
+// ../tt-date-input/dist/esm/src/tt-date-input.js
 if (typeof window !== "undefined") {
   if (!window.customElements.get("tt-date-input")) {
     window.customElements.define("tt-date-input", DateInput);

package/dist/web/styles.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 
 // ../../node_modules/@lit/reactive-element/css-tag.js

package/dist/web/tt-date-range-picker.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -648,7 +648,7 @@ function o6(o10) {
   };
 }
 
-// ../tt-dialog/dist/src/styles.js
+// ../tt-dialog/dist/esm/src/styles.js
 var styles = i`
   :host {
     display: block;
@@ -679,7 +679,7 @@ var styles = i`
   }
 `;
 
-// ../tt-dialog/dist/src/focus-trap.js
+// ../tt-dialog/dist/esm/src/focus-trap.js
 function isHidden($elem) {
   return $elem.hasAttribute("hidden") || $elem.hasAttribute("aria-hidden") && $elem.getAttribute("aria-hidden") !== "false" || // A quick and dirty way to check whether the element is hidden.
   // For a more fine-grained check we could use "window.getComputedStyle" but we don't because of bad performance.
@@ -736,7 +736,7 @@ function getFocusableElements(root) {
   return queryShadowRoot(root, isHidden, isFocusable);
 }
 
-// ../tt-dialog/dist/src/TtDialog.js
+// ../tt-dialog/dist/esm/src/TtDialog.js
 var __decorate = function(decorators, target2, key, desc) {
   var c5 = arguments.length, r7 = c5 < 3 ? target2 : desc === null ? desc = Object.getOwnPropertyDescriptor(target2, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target2, key, desc);
@@ -845,7 +845,7 @@ TtDialog = __decorate([
   t3("tt-dialog")
 ], TtDialog);
 
-// ../tt-dialog/dist/src/tt-dialog.js
+// ../tt-dialog/dist/esm/src/tt-dialog.js
 if (typeof window !== "undefined") {
   if (!window.customElements.get("tt-dialog")) {
     window.customElements.define("tt-dialog", TtDialog);
@@ -7388,7 +7388,7 @@ function n6(n7) {
   return n7;
 }
 
-// ../tt-calendar/dist/src/DateSelectionContext.js
+// ../tt-calendar/dist/esm/src/DateSelectionContext.js
 var DateSelectionEvent = class extends CustomEvent {
   constructor(dateSelection) {
     super("date-selection", {
@@ -7415,18 +7415,18 @@ var DateRangeSelectionEvent = class extends CustomEvent {
 };
 var DateSelectionContext = n6(/* @__PURE__ */ Symbol("date-selection-context"));
 
-// ../icons/dist/src/icons/calendar.js
+// ../icons/dist/esm/src/icons/calendar.js
 var calendarIcon = `<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.75 0.75C5.75 0.335786 5.41421 0 5 0C4.58579 0 4.25 0.335786 4.25 0.75V2H3C1.34315 2 0 3.34315 0 5V16C0 17.6569 1.34315 19 3 19H15C16.6569 19 18 17.6569 18 16V5C18 3.34315 16.6569 2 15 2H13.75V0.75C13.75 0.335786 13.4142 0 13 0C12.5858 0 12.25 0.335786 12.25 0.75V2H5.75V0.75ZM3 3.5H15C15.8284 3.5 16.5 4.17157 16.5 5V7.25H1.5V5C1.5 4.17157 2.17157 3.5 3 3.5ZM1.5 8.75V16C1.5 16.8284 2.17157 17.5 3 17.5H15C15.8284 17.5 16.5 16.8284 16.5 16V8.75H1.5Z" fill="currentColor"/>
 </svg>
 `;
 
-// ../icons/dist/src/icons/chevron.js
+// ../icons/dist/esm/src/icons/chevron.js
 var chevron = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="chevron">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.7073 6.29289C16.0978 6.68342 16.0978 7.31658 15.7073 7.70711L11.4144 12L15.7073 16.2929C16.0978 16.6834 16.0978 17.3166 15.7073 17.7071C15.3167 18.0976 14.6836 18.0976 14.293 17.7071L8.58594 12L14.293 6.29289C14.6836 5.90237 15.3167 5.90237 15.7073 6.29289Z" fill="currentColor"/>
 </svg>`;
 
-// ../icons/dist/src/icons/chevron-down.js
+// ../icons/dist/esm/src/icons/chevron-down.js
 var chevronDown = `
 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-down chevron-down"
        viewBox="0 0 16 16" role="presentation">
@@ -7435,13 +7435,13 @@ var chevronDown = `
           stroke="currentColor"/>
   </svg>`;
 
-// ../icons/dist/src/icons/double-chevron.js
+// ../icons/dist/esm/src/icons/double-chevron.js
 var doubleChevron = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 7L7 12L12 17" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
 <path d="M17.5 9.5L15 12L17.5 14.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
 </svg>`;
 
-// ../icons/dist/src/icons/keyboard.js
+// ../icons/dist/esm/src/icons/keyboard.js
 var keyboard = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="keyboard">
 <g clip-path="url(#clip0_286_15035)">
 <path d="M20 7V17H4V7H20ZM20 5H4C2.9 5 2.01 5.9 2.01 7L2 17C2 18.1 2.9 19 4 19H20C21.1 19 22 18.1 22 17V7C22 5.9 21.1 5 20 5ZM11 8H13V10H11V8ZM11 11H13V13H11V11ZM8 8H10V10H8V8ZM8 11H10V13H8V11ZM5 11H7V13H5V11ZM5 8H7V10H5V8ZM8 14H16V16H8V14ZM14 11H16V13H14V11ZM14 8H16V10H14V8ZM17 11H19V13H17V11ZM17 8H19V10H17V8Z" fill="currentColor"/>
@@ -7454,7 +7454,7 @@ var keyboard = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmln
 </svg>
 `;
 
-// ../tt-calendar/dist/src/Styles.js
+// ../tt-calendar/dist/esm/src/Styles.js
 var styles2 = i`
   :host {
     display: block;
@@ -7718,10 +7718,10 @@ var styles2 = i`
   }
 `;
 
-// ../tt-calendar/dist/src/helpers.js
+// ../tt-calendar/dist/esm/src/helpers.js
 var dateTimeConverter = (value) => value ? DateTime.fromISO(value) : void 0;
 
-// ../tt-calendar/dist/src/TtCalendar.js
+// ../tt-calendar/dist/esm/src/TtCalendar.js
 var __decorate2 = function(decorators, target2, key, desc) {
   var c5 = arguments.length, r7 = c5 < 3 ? target2 : desc === null ? desc = Object.getOwnPropertyDescriptor(target2, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target2, key, desc);
@@ -8124,7 +8124,7 @@ __decorate2([
   r5()
 ], Calendar.prototype, "visible", void 0);
 
-// ../tt-calendar/dist/src/tt-calendar.js
+// ../tt-calendar/dist/esm/src/tt-calendar.js
 if (typeof window !== "undefined") {
   if (!window.customElements.get("tt-calendar")) {
     window.customElements.define("tt-calendar", Calendar);
@@ -8447,7 +8447,7 @@ var i7 = e7(class extends i5 {
   }
 });
 
-// ../tt-date-input/dist/src/DateInput.js
+// ../tt-date-input/dist/esm/src/DateInput.js
 var __decorate3 = function(decorators, target2, key, desc) {
   var c5 = arguments.length, r7 = c5 < 3 ? target2 : desc === null ? desc = Object.getOwnPropertyDescriptor(target2, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target2, key, desc);
@@ -8815,7 +8815,7 @@ __decorate3([
   r5()
 ], DateInput.prototype, "_dateFormat", void 0);
 
-// ../tt-date-input/dist/src/tt-date-input.js
+// ../tt-date-input/dist/esm/src/tt-date-input.js
 if (typeof window !== "undefined") {
   if (!window.customElements.get("tt-date-input")) {
     window.customElements.define("tt-date-input", DateInput);

package/dist/web/types.js

@@ -1,4 +1,4 @@
 /**
-* @triptease/tt-date-range-picker v6.2.5
+* @triptease/tt-date-range-picker v6.3.1
 */
 //# sourceMappingURL=types.js.map

package/package.json

@@ -3,31 +3,45 @@
   "description": "Webcomponent tt-date-range-picker following open-wc recommendations",
   "license": "MIT",
   "author": "@triptease",
-  "version": "6.2.5",
+  "version": "6.3.1",
   "type": "module",
-  "main": "dist/src/index.js",
-  "module": "dist/src/index.js",
+  "main": "dist/esm/src/index.js",
+  "module": "dist/esm/src/index.js",
   "exports": {
-    ".": "./dist/src/index.js",
-    "./tt-date-range-picker.js": "./dist/src/tt-date-range-picker.js",
-    "./tt-side-panel.js": "./dist/src/SidePanel/tt-side-panel.js"
+    ".": {
+      "types": "./dist/esm/src/index.d.ts",
+      "import": "./dist/esm/src/index.js",
+      "require": "./dist/cjs/src/index.js"
+    },
+    "./tt-date-range-picker.js": {
+      "types": "./dist/esm/src/tt-date-range-picker.d.ts",
+      "import": "./dist/esm/src/tt-date-range-picker.js",
+      "require": "./dist/cjs/src/tt-date-range-picker.js"
+    },
+    "./tt-side-panel.js": {
+      "types": "./dist/esm/src/SidePanel/tt-side-panel.d.ts",
+      "import": "./dist/esm/src/SidePanel/tt-side-panel.js",
+      "require": "./dist/cjs/src/SidePanel/tt-side-panel.js"
+    }
   },
   "scripts": {
     "analyze": "cem analyze --litelement",
     "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"web-dev-server\"",
     "build": "yarn build:node && yarn build:web && npm run analyze -- --exclude dist",
-    "build:node": "tsc",
+    "build:esm": "tsc",
+    "build:cjs": "tsc -p tsconfig.cjs.json && node ../../scripts/create-cjs-package.mjs",
+    "build:node": "yarn build:esm && yarn build:cjs",
     "build:node:watch": "tsc --watch",
     "build:web": "node ../../scripts/esbuild.mjs",
-    "prepublish": "tsc && npm run analyze -- --exclude dist",
+    "prepublish": "yarn build:node && npm run analyze -- --exclude dist",
     "test": "tsc && wtr",
     "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
   },
   "dependencies": {
-    "@triptease/icons": "1.3.14",
-    "@triptease/tt-calendar": "6.0.17",
-    "@triptease/tt-date-input": "6.0.6",
-    "@triptease/tt-dialog": "5.1.1",
+    "@triptease/icons": "1.4.0",
+    "@triptease/tt-calendar": "6.1.1",
+    "@triptease/tt-date-input": "6.1.1",
+    "@triptease/tt-dialog": "5.2.1",
     "@types/luxon": "^3.6.2",
     "lit": "^3.1.4",
     "luxon": "^3.6.1"

package/tsconfig.cjs.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.packages.cjs.json",
+  "compilerOptions": {
+    "rootDir": "./",
+    "outDir": "dist/cjs"
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsconfig.json

@@ -1,9 +1,9 @@
 {
-  "extends": "../../tsconfig.packages.json",
+  "extends": "../../tsconfig.packages.esm.json",
   "compilerOptions": {
     "rootDir": "./",
-    "outDir": "dist"
+    "outDir": "dist/esm"
   },
-  "include": ["**/*.ts"],
+  "include": ["src/**/*.ts", "test/**/*.ts"],
   "exclude": ["node_modules", "dist"]
 }

package/web-test-runner.config.js

@@ -4,7 +4,7 @@ const filteredLogs = ['Running in dev mode', 'Lit is in dev mode'];
 
 export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
   /** Test files to run */
-  files: 'dist/test/**/*.test.js',
+  files: 'dist/esm/test/**/*.test.js',
 
   /** Resolve bare module imports */
   nodeResolve: {

package/dist/src/DateRangeInput/DateRangeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangeInput.js","sourceRoot":"","sources":["../../../src/DateRangeInput/DateRangeInput.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QA+CU,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAC7B,CAAC,CAAC;IASJ,CAAC;IAjCQ,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAEM,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;IAEO,QAAQ,CAAC,CAAa;QAC5B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAmB,CAAC;QACrC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,MAAM,KAAK,GAAG,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;QAC9D,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;QAC/C,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC7E,CAAC;IAMM,MAAM;QACX,OAAO,IAAI,CAAA;kDACmC,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,KAAK,EAAE,SAAS;;gDAEjD,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,KAAK,EAAE,OAAO;KACxF,CAAC;IACJ,CAAC;;AAxDM,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;GAWlB,AAXY,CAWX;AAQK,gCAAiB,GAAG;IACzB,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,AAHuB,CAGtB;AARK;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CACF;AAGzB;IADC,QAAQ,CAAC,eAAe,CAAC;kDACI","sourcesContent":["import { property, queryAll } from 'lit/decorators.js';\nimport { css, html, LitElement } from 'lit';\nimport { DateInput } from '@triptease/tt-date-input';\nimport { DateRange } from '@triptease/tt-calendar/date-selection-context.js';\n\nexport class DateRangeInput extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      align-items: center;\n      padding: var(--space-scale-1) var(--space-scale-1-5);\n      gap: var(--space-scale-1);\n    }\n\n    :user-invalid {\n      outline: 1px solid red;\n    }\n  `;\n\n  @property({ type: Object })\n  public value?: DateRange;\n\n  @queryAll('tt-date-input')\n  dateInputs!: Array<DateInput>;\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  public connectedCallback() {\n    super.connectedCallback();\n\n    this.addEventListener('focus', this._onFocus);\n  }\n\n  public disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.removeEventListener('focus', this._onFocus);\n  }\n\n  private _onInput(e: InputEvent) {\n    const target = e.target as DateInput;\n    const { value, name } = target;\n    if (!value) return;\n\n    const field = name === 'start-date' ? 'startDate' : 'endDate';\n    this.value = { ...this.value, [field]: value };\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n  }\n\n  private _onFocus = () => {\n    this.dateInputs[0].focus();\n  };\n\n  public render() {\n    return html`\n      <tt-date-input name=\"start-date\" @change=\"${this._onInput}\" .value=\"${this.value?.startDate}\"></tt-date-input>\n      <span>to</span>\n      <tt-date-input name=\"end-date\" @change=\"${this._onInput}\" .value=\"${this.value?.endDate}\"></tt-date-input>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'tt-date-range-input': DateRangeInput;\n  }\n}\n"]}

package/dist/src/DateRangeInput/tt-date-range-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tt-date-range-input.js","sourceRoot":"","sources":["../../../src/DateRangeInput/tt-date-range-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IAClC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC;QAChD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;IAC3D,CAAC;IACD,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,qBAAqB,CAAC,EAAE,CAAC;QACtD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,cAAc,CAAC,CAAC;IACtE,CAAC;AACH,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import { DateInput } from '@triptease/tt-date-input';\nimport { DateRangeInput } from './DateRangeInput.js';\n\nif (typeof window !== 'undefined') {\n  if (!window.customElements.get('tt-date-input')) {\n    window.customElements.define('tt-date-input', DateInput);\n  }\n  if (!window.customElements.get('tt-date-range-input')) {\n    window.customElements.define('tt-date-range-input', DateRangeInput);\n  }\n}\n\nexport { DateRangeInput };\n"]}

package/dist/src/SidePanel/PresetButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PresetButton.js","sourceRoot":"","sources":["../../../src/SidePanel/PresetButton.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { DateTime } from 'luxon';\nimport { DateRange, DateRangeSelectionEvent } from '@triptease/tt-calendar/date-selection-context.js';\nimport { button } from './styles.js';\n\nexport enum Preset {\n  ThisWeek = 'This week',\n  LastWeek = 'Last week',\n  ThisMonth = 'This month',\n  LastMonth = 'Last month',\n  ThisQuarter = 'This quarter',\n  LastQuarter = 'Last quarter',\n  YearToDate = 'Year to date',\n  LastYear = 'Last year',\n  Next1Month = 'Next 1 month',\n  Next3Months = 'Next 3 months',\n  Next6Months = 'Next 6 months',\n  Next12Months = 'Next 12 months',\n  AllTime = 'All time',\n}\n\nconst parsePreset = (value: string | null): Preset | undefined => {\n  if (!value) return undefined;\n  if (Object.values(Preset).includes(<Preset>value)) return <Preset>value;\n  return undefined;\n};\n\nexport class PresetButton extends LitElement {\n  static styles = button;\n\n  @property({ type: Preset, converter: parsePreset })\n  public preset?: Preset;\n\n  private _onClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    event.preventDefault();\n    this.dispatchEvent(new DateRangeSelectionEvent(this.range));\n  };\n\n  private get today(): DateTime {\n    return DateTime.local().startOf('day');\n  }\n\n  private get range(): DateRange {\n    switch (this.preset) {\n      case Preset.ThisWeek:\n        return { startDate: this.today.startOf('week').toISODate()!, endDate: this.today.endOf('week').toISODate()! };\n      case Preset.LastWeek:\n        return {\n          startDate: this.today.startOf('week').minus({ weeks: 1 }).toISODate()!,\n          endDate: this.today.endOf('week').minus({ weeks: 1 }).toISODate()!,\n        };\n      case Preset.ThisMonth:\n        return { startDate: this.today.startOf('month').toISODate()!, endDate: this.today.endOf('month').toISODate()! };\n      case Preset.LastMonth:\n        return {\n          startDate: this.today.minus({ months: 1 }).startOf('month').toISODate()!,\n          endDate: this.today.minus({ months: 1 }).endOf('month').toISODate()!,\n        };\n      case Preset.ThisQuarter:\n        return {\n          startDate: this.today.startOf('quarter').toISODate()!,\n          endDate: this.today.endOf('quarter').toISODate()!,\n        };\n      case Preset.YearToDate:\n        return { startDate: this.today.startOf('year').toISODate()!, endDate: this.today.toISODate()! };\n      case Preset.Next1Month:\n        return {\n          startDate: this.today.toISODate()!,\n          endDate: this.today.plus({ months: 1 }).toISODate()!,\n        };\n      case Preset.Next3Months:\n        return {\n          startDate: this.today.toISODate()!,\n          endDate: this.today.plus({ months: 3 }).toISODate()!,\n        };\n      case Preset.Next6Months:\n        return {\n          startDate: this.today.toISODate()!,\n          endDate: this.today.plus({ months: 6 }).toISODate()!,\n        };\n      case Preset.Next12Months:\n        return {\n          startDate: this.today.toISODate()!,\n          endDate: this.today.plus({ months: 12 }).toISODate()!,\n        };\n      case Preset.LastQuarter:\n        return {\n          startDate: this.today.minus({ quarters: 1 }).startOf('quarter').toISODate()!,\n          endDate: this.today.minus({ quarters: 1 }).endOf('quarter').toISODate()!,\n        };\n      case Preset.LastYear:\n        return {\n          startDate: this.today.minus({ years: 1 }).startOf('year').toISODate()!,\n          endDate: this.today.minus({ years: 1 }).endOf('year').toISODate()!,\n        };\n      case Preset.AllTime:\n        return { startDate: undefined, endDate: undefined };\n      default:\n        return { startDate: this.today.toISODate()!, endDate: this.today.plus({ days: 28 }).toISODate()! };\n    }\n  }\n\n  public render() {\n    return html` <button @click=\"${this._onClick}\">\n      <slot>${this.preset}</slot>\n    </button>`;\n  }\n}\n"]}

package/dist/src/SidePanel/SidePanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidePanel.js","sourceRoot":"","sources":["../../../src/SidePanel/SidePanel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,OAAO,SAAU,SAAQ,UAAU;IAWhC,QAAQ,CAAC,KAAkB;QAChC,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,OAAO,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAChH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;iBAEE,QAAQ,CAAC;YAChB,YAAY,EAAE,IAAI;YAClB,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC;SACzC,CAAC;;;gDAGsC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;KAErE,CAAC;IACJ,CAAC;;AA5BM,gBAAM,GAAG,MAAM,CAAC;AAKhB,2BAAiB,GAAG;IACzB,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,CAAC;AALM;IADP,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;kDACjB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './styles.js';\n\nexport class SidePanel extends LitElement {\n  static styles = styles;\n\n  @queryAssignedElements({ flatten: true, slot: 'side-preset' })\n  private slottedElements!: Array<HTMLElement>;\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  public contains(other: Node | null): boolean {\n    if (!other) return false;\n\n    return other === this || this.slottedElements.some((slotted) => slotted === other || slotted.contains(other));\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"${classMap({\n          'side-panel': true,\n          empty: this.slottedElements.length === 0,\n        })}\"\n        part=\"side-panel\"\n      >\n        <slot name=\"side-preset\" @slotchange=\"${() => this.requestUpdate()}\"></slot>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/src/SidePanel/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/SidePanel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CxB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  .side-panel {\n    padding: var(--space-scale-3);\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-scale-3);\n    height: 100%;\n    box-sizing: border-box;\n\n    /* Hide the panel when it is empty. Should use :has-slotted once support is widespread */\n\n    &.empty {\n      display: none;\n    }\n  }\n\n  button,\n  ::slotted(tt-preset-button) {\n    appearance: none;\n    padding: 0;\n    border-width: 0;\n    background-color: transparent;\n    border-radius: var(--space-scale-1);\n    padding-block: 0;\n    padding-inline: 0;\n    line-height: var(--space-scale-3);\n    font-size: var(--font-size-200);\n    text-wrap: nowrap;\n\n    &:hover {\n      box-shadow: none;\n      color: var(--color-primary-400);\n    }\n\n    &:focus {\n      outline: 1px solid var(--color-primary-400);\n    }\n\n    &[aria-selected='true'] {\n      color: var(--color-primary-400);\n    }\n\n    slot[name='presets']::slotted(*) {\n      display: none;\n    }\n  }\n`;\n\nexport const button = css`\n  button {\n    appearance: none;\n    padding: 0;\n    border-width: 0;\n    background-color: transparent;\n    border-radius: var(--space-scale-1);\n    padding-block: 0;\n    padding-inline: 0;\n    line-height: var(--space-scale-3);\n    font-size: var(--font-size-200);\n    text-wrap: nowrap;\n    outline-offset: var(--space-scale-0-5);\n\n    &:hover {\n      box-shadow: none;\n      color: var(--color-primary-400);\n    }\n\n    &:focus {\n      outline: 1px solid var(--color-primary-400);\n    }\n\n    &[aria-selected='true'] {\n      color: var(--color-primary-400);\n      font-weight: var(--font-weight-semibold);\n    }\n\n    slot[name='presets']::slotted(*) {\n      display: none;\n    }\n  }\n`;\n"]}

package/dist/src/SidePanel/tt-side-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tt-side-panel.js","sourceRoot":"","sources":["../../../src/SidePanel/tt-side-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEzD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IAClC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC;QAChD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC;IACjE,CAAC;AACH,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC","sourcesContent":["import { SidePanel } from './SidePanel.js';\nimport { Preset, PresetButton } from './PresetButton.js';\n\nif (typeof window !== 'undefined') {\n  if (!window.customElements.get('tt-side-panel')) {\n    window.customElements.define('tt-side-panel', SidePanel);\n  }\n\n  if (!window.customElements.get('tt-preset-button')) {\n    window.customElements.define('tt-preset-button', PresetButton);\n  }\n}\n\nexport { SidePanel, PresetButton, Preset };\n"]}