@progressive-development/pd-calendar 0.9.2 → 1.0.1

package/dist/pd-calendar/pd-calendar-time-grid-view/PdCalendarTimeGridView.js

@@ -0,0 +1,468 @@
+import { css, nothing, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { localized } from '@lit/localize';
+import { format } from 'fecha';
+import { PdBaseView } from '../../shared/PdBaseView.js';
+import { LOCALES } from '../../shared/calendar-locales.js';
+import { isToday, layoutOverlappingEvents } from '../../shared/calendar-utils.js';
+import '../pd-calendar-week-cell/pd-calendar-week-cell.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let PdCalendarTimeGridView = class extends PdBaseView {
+  constructor() {
+    super(...arguments);
+    this.hideWeekend = false;
+  }
+  render() {
+    if (!this.currentWeekStart) return nothing;
+    const visibleDays = this._getVisibleDays();
+    const { startHour, endHour } = this._getTimeWindow();
+    const totalHours = endHour - startHour;
+    const hourHeight = 60;
+    const dayColumns = visibleDays.map((dayIdx) => {
+      const date = this._getDateForDayIndex(dayIdx);
+      const key = format(date, "YYYY-MM-DD");
+      const cellDataArray = this.data?.[key] ?? [];
+      const weekdayName = LOCALES.weekdaysShort[dayIdx];
+      const dayNumber = date.getDate();
+      const today = isToday(date);
+      const fullDayEvents = [];
+      const timedEvents = [];
+      cellDataArray.forEach((info, eventIndex) => {
+        if (info.fullDay) {
+          fullDayEvents.push({ info, eventIndex });
+        } else if (info.startTime) {
+          const start = this._parseTimeToDecimal(info.startTime);
+          const end = info.endTime ? this._parseTimeToDecimal(info.endTime) : Math.min(start + 1, 24);
+          if (end > startHour && start < endHour) {
+            timedEvents.push({
+              info,
+              eventIndex,
+              startDecimal: start,
+              endDecimal: end
+            });
+          }
+        }
+      });
+      return {
+        dayIdx,
+        date,
+        key,
+        weekdayName,
+        dayNumber,
+        today,
+        fullDayEvents,
+        timedEvents
+      };
+    });
+    const hasFullDayEvents = dayColumns.some((d) => d.fullDayEvents.length > 0);
+    const columnsStyle = `--_week-columns: ${visibleDays.length}`;
+    return html`
+      <div class="week-view" style="${columnsStyle}">
+        <!-- Header row with day names and numbers -->
+        <div class="week-header-row">
+          <div class="week-header-gutter"></div>
+          ${dayColumns.map(
+      (d) => html`
+              <div class="week-header-day ${d.today ? "is-today" : ""}">
+                <span class="week-header-day-name">${d.weekdayName}</span>
+                <span class="week-header-day-number">${d.dayNumber}</span>
+              </div>
+            `
+    )}
+        </div>
+
+        <!-- All-day strip (only if there are fullDay events) -->
+        ${hasFullDayEvents ? html`
+              <div class="week-allday-strip">
+                <div class="week-allday-gutter"></div>
+                ${dayColumns.map(
+      (d) => html`
+                    <div class="week-allday-day">
+                      ${d.fullDayEvents.map((ev) => {
+        const category = ev.info.category || "";
+        const categoryConfig = this._resolveCategoryConfig(category);
+        return html`
+                          <pd-calendar-week-cell
+                            fullDay
+                            key="${d.key}"
+                            .title="${ev.info.info || ""}"
+                            .desc="${ev.info.desc || ""}"
+                            .category="${category}"
+                            .categoryColor="${categoryConfig?.color || ""}"
+                            .categoryTextColor="${categoryConfig?.textColor || ""}"
+                            ?disabled="${ev.info.disabled ?? false}"
+                            .startTime="${ev.info.startTime || ""}"
+                            .endTime="${ev.info.endTime || ""}"
+                            .entry="${ev.info}"
+                            .entryIndex="${ev.eventIndex}"
+                          ></pd-calendar-week-cell>
+                        `;
+      })}
+                    </div>
+                  `
+    )}
+              </div>
+            ` : nothing}
+
+        <!-- Scrollable time grid -->
+        <div class="week-scroll-container">
+          <div
+            class="week-time-grid"
+            style="height: ${totalHours * hourHeight}px"
+          >
+            <!-- Gutter with hour labels -->
+            <div class="week-gutter">
+              ${this._renderHourLabels(startHour, endHour, hourHeight)}
+            </div>
+
+            <!-- Day columns with events -->
+            ${dayColumns.map((d) => {
+      const layoutInput = d.timedEvents.map((ev, i) => ({
+        startDecimal: ev.startDecimal,
+        endDecimal: ev.endDecimal,
+        index: i
+      }));
+      const layoutResult = layoutOverlappingEvents(layoutInput);
+      return html`
+                <div class="week-day-column ${d.today ? "is-today" : ""}">
+                  ${this._renderHourLines(startHour, endHour, hourHeight)}
+                  ${layoutResult.map((layout) => {
+        const ev = d.timedEvents[layout.index];
+        const clampedStart = Math.max(ev.startDecimal, startHour);
+        const clampedEnd = Math.min(ev.endDecimal, endHour);
+        const topPercent = (clampedStart - startHour) / totalHours * 100;
+        const heightPercent = (clampedEnd - clampedStart) / totalHours * 100;
+        const leftPercent = layout.column / layout.totalColumns * 100;
+        const widthPercent = 100 / layout.totalColumns;
+        const category = ev.info.category || "";
+        const categoryConfig = this._resolveCategoryConfig(category);
+        return html`
+                      <pd-calendar-week-cell
+                        style="top: ${topPercent}%; height: ${heightPercent}%; left: ${leftPercent}%; width: ${widthPercent}%;"
+                        key="${d.key}"
+                        .title="${ev.info.info || ""}"
+                        .desc="${ev.info.desc || ""}"
+                        .category="${category}"
+                        .categoryColor="${categoryConfig?.color || ""}"
+                        .categoryTextColor="${categoryConfig?.textColor || ""}"
+                        ?disabled="${ev.info.disabled ?? false}"
+                        .startTime="${ev.info.startTime || ""}"
+                        .endTime="${ev.info.endTime || ""}"
+                        .entry="${ev.info}"
+                        .entryIndex="${ev.eventIndex}"
+                      ></pd-calendar-week-cell>
+                    `;
+      })}
+                </div>
+              `;
+    })}
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  // ===========================================================================
+  // Helpers
+  // ===========================================================================
+  /** Returns effective visible day indices from config, hideWeekend flag, or all 7 days. */
+  _getVisibleDays() {
+    if (this.weekViewConfig?.visibleDays) {
+      return this.weekViewConfig.visibleDays;
+    }
+    if (this.hideWeekend) {
+      return [0, 1, 2, 3, 4];
+    }
+    return [0, 1, 2, 3, 4, 5, 6];
+  }
+  /** Returns { startHour, endHour } from config or defaults. */
+  _getTimeWindow() {
+    return {
+      startHour: this.weekViewConfig?.startHour ?? 0,
+      endHour: this.weekViewConfig?.endHour ?? 24
+    };
+  }
+  /** Parses "HH:mm" -> decimal hours (e.g. "09:30" -> 9.5). */
+  _parseTimeToDecimal(time) {
+    const [h, m] = time.split(":").map(Number);
+    return h + (m || 0) / 60;
+  }
+  /** Calculates the actual Date for a given monday-based day index. */
+  _getDateForDayIndex(dayIndex) {
+    if (!this.currentWeekStart) return void 0;
+    const d = new Date(this.currentWeekStart);
+    d.setDate(d.getDate() + dayIndex);
+    return d;
+  }
+  // ===========================================================================
+  // Render Helpers
+  // ===========================================================================
+  /** Renders hour labels in the gutter. */
+  _renderHourLabels(startHour, endHour, hourHeight) {
+    const labels = [];
+    for (let h = startHour; h <= endHour; h++) {
+      const top = (h - startHour) * hourHeight;
+      if (h > startHour && h < endHour) {
+        labels.push(html`
+          <span class="week-hour-label" style="top: ${top}px"
+            >${h.toString().padStart(2, "0")}:00</span
+          >
+        `);
+      } else if (h === endHour && h < 24) {
+        labels.push(html`
+          <span class="week-hour-label" style="top: ${top}px"
+            >${h.toString().padStart(2, "0")}:00</span
+          >
+        `);
+      }
+    }
+    return labels;
+  }
+  /** Renders horizontal hour lines within a day column. */
+  _renderHourLines(startHour, endHour, hourHeight) {
+    const lines = [];
+    for (let h = startHour; h <= endHour; h++) {
+      const top = (h - startHour) * hourHeight;
+      if (h > startHour) {
+        lines.push(
+          html`<div class="week-hour-line" style="top: ${top}px"></div>`
+        );
+      }
+      if (h < endHour) {
+        const halfTop = top + hourHeight / 2;
+        lines.push(
+          html`<div
+            class="week-hour-line half-hour"
+            style="top: ${halfTop}px"
+          ></div>`
+        );
+      }
+    }
+    return lines;
+  }
+};
+PdCalendarTimeGridView.styles = [
+  PdBaseView.baseStyles,
+  css`
+      .week-view {
+        display: flex;
+        flex-direction: column;
+        border-radius: var(--pd-radius-md);
+        overflow: hidden;
+      }
+
+      .week-header-row {
+        display: grid;
+        grid-template-columns:
+          var(--pd-calendar-week-gutter-width, 50px)
+          repeat(var(--_week-columns, 5), 1fr);
+        background-color: var(
+          --pd-calendar-week-title-bg-col,
+          var(--pd-default-dark-col)
+        );
+      }
+
+      .week-header-gutter {
+        /* empty top-left corner */
+      }
+
+      .week-header-day {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: var(--pd-spacing-xs, 0.25rem) 0;
+        color: var(--pd-calendar-week-title-font-col, var(--pd-on-primary-col));
+        font-family: var(--pd-default-font-title-family);
+        font-size: 0.8em;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+      }
+
+      .week-header-day.is-today {
+        color: var(--pd-default-info-light-col, #93c5fd);
+      }
+
+      .week-header-day-number {
+        font-size: 1.3em;
+        line-height: 1;
+      }
+
+      .week-header-day-name {
+        font-size: 0.75em;
+        opacity: 0.85;
+      }
+
+      /* All-day strip */
+      .week-allday-strip {
+        display: grid;
+        grid-template-columns:
+          var(--pd-calendar-week-gutter-width, 50px)
+          repeat(var(--_week-columns, 5), 1fr);
+        background-color: var(
+          --pd-calendar-week-allday-bg-col,
+          var(--pd-default-lightest-col, #f8fafc)
+        );
+        border-bottom: 1px solid
+          var(
+            --pd-calendar-week-grid-line-col,
+            var(--pd-default-disabled-light-col, #e2e8f0)
+          );
+        min-height: 28px;
+      }
+
+      .week-allday-gutter {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 0.65em;
+        color: var(--pd-default-font-light-col, #6b7280);
+      }
+
+      .week-allday-day {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+        padding: 2px;
+        border-left: 1px solid
+          var(
+            --pd-calendar-week-grid-line-col,
+            var(--pd-default-disabled-light-col, #e2e8f0)
+          );
+        min-width: 0;
+      }
+
+      /* Scrollable time grid area */
+      .week-scroll-container {
+        max-height: var(--pd-calendar-week-max-height, 600px);
+        overflow-y: var(--pd-calendar-week-overflow-y, auto);
+        position: relative;
+      }
+
+      .week-time-grid {
+        display: grid;
+        grid-template-columns:
+          var(--pd-calendar-week-gutter-width, 50px)
+          repeat(var(--_week-columns, 5), 1fr);
+        position: relative;
+      }
+
+      .week-gutter {
+        position: relative;
+      }
+
+      .week-hour-label {
+        position: absolute;
+        right: 6px;
+        font-size: 0.7em;
+        color: var(--pd-default-font-light-col, #6b7280);
+        font-family: var(--pd-default-font-content-family);
+        transform: translateY(-50%);
+        line-height: 1;
+      }
+
+      .week-day-column {
+        position: relative;
+        border-left: 1px solid
+          var(
+            --pd-calendar-week-grid-line-col,
+            var(--pd-default-disabled-light-col, #e2e8f0)
+          );
+      }
+
+      .week-day-column.is-today {
+        background-color: var(
+          --pd-calendar-week-today-bg-col,
+          rgba(59, 130, 246, 0.04)
+        );
+      }
+
+      .week-hour-line {
+        position: absolute;
+        left: 0;
+        right: 0;
+        height: 1px;
+        background-color: var(
+          --pd-calendar-week-grid-line-col,
+          var(--pd-default-disabled-light-col, #e2e8f0)
+        );
+        pointer-events: none;
+        z-index: 0;
+      }
+
+      .week-hour-line.half-hour {
+        background-color: var(
+          --pd-calendar-week-grid-line-col,
+          var(--pd-default-disabled-lightest-col, #f1f5f9)
+        );
+      }
+
+      /* Container Queries for week view */
+      @container (max-width: 500px) {
+        .week-header-row,
+        .week-allday-strip,
+        .week-time-grid {
+          grid-template-columns: 35px repeat(var(--_week-columns, 5), 1fr);
+        }
+
+        .week-header-day {
+          font-size: 0.7em;
+        }
+
+        .week-header-day-number {
+          font-size: 1.1em;
+        }
+
+        .week-hour-label {
+          font-size: 0.6em;
+          right: 2px;
+        }
+      }
+
+      @container (max-width: 300px) {
+        .week-header-row,
+        .week-allday-strip,
+        .week-time-grid {
+          grid-template-columns: 28px repeat(var(--_week-columns, 5), 1fr);
+        }
+
+        .week-header-day {
+          font-size: 0.6em;
+        }
+
+        .week-header-day-number {
+          font-size: 1em;
+        }
+
+        .week-hour-label {
+          font-size: 0.55em;
+          right: 1px;
+        }
+      }
+    `
+];
+__decorateClass([
+  property({ type: Object })
+], PdCalendarTimeGridView.prototype, "currentWeekStart", 2);
+__decorateClass([
+  property({ type: Object })
+], PdCalendarTimeGridView.prototype, "weekViewConfig", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], PdCalendarTimeGridView.prototype, "hideWeekend", 2);
+PdCalendarTimeGridView = __decorateClass([
+  localized()
+], PdCalendarTimeGridView);
+
+export { PdCalendarTimeGridView };

package/dist/pd-calendar/pd-calendar-time-grid-view/pd-calendar-time-grid-view.d.ts

@@ -0,0 +1,3 @@
+import { PdCalendarTimeGridView } from './PdCalendarTimeGridView.js';
+export { PdCalendarTimeGridView };
+//# sourceMappingURL=pd-calendar-time-grid-view.d.ts.map

package/dist/pd-calendar/pd-calendar-time-grid-view/pd-calendar-time-grid-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-calendar-time-grid-view.d.ts","sourceRoot":"","sources":["../../../src/pd-calendar/pd-calendar-time-grid-view/pd-calendar-time-grid-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAOrE,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/pd-calendar/pd-calendar-time-grid-view/pd-calendar-time-grid-view.js

@@ -0,0 +1,8 @@
+import { PdCalendarTimeGridView } from './PdCalendarTimeGridView.js';
+
+const tag = "pd-calendar-time-grid-view";
+if (!customElements.get(tag)) {
+  customElements.define(tag, PdCalendarTimeGridView);
+}
+
+export { PdCalendarTimeGridView };

package/dist/pd-calendar/pd-calendar-week-cell/PdCalendarWeekCell.d.ts

@@ -0,0 +1,31 @@
+import { CSSResultGroup } from 'lit';
+import { PdBaseCell } from '../../shared/PdBaseCell.js';
+import { CalendarCellInfo } from '../../types.js';
+/**
+ * A calendar event block for the week (timeGrid) view.
+ *
+ * Positioned absolutely within its day column by the parent (top/height/left/width via inline style).
+ * For full-day events, `:host([fullDay])` switches to relative positioning.
+ *
+ * @tagname pd-calendar-week-cell
+ * @summary Single event block in the week view with title, time, description, and category accent.
+ *
+ * @event select-event - Fired when the event block is clicked. Detail: `{ dateKey: string, entry: CalendarCellInfo, index: number, anchorRect: DOMRect }`.
+ *
+ * @cssprop --pd-week-cell-bg-col - Background color. Default: `var(--pd-default-lightest-col, #e0f2fe)`.
+ * @cssprop --pd-week-cell-text-col - Text color. Default: `var(--pd-default-font-col, #1e293b)`.
+ * @cssprop --pd-week-cell-border-left-col - Left border accent color. Default: `var(--pd-default-info-col, #3b82f6)`.
+ * @cssprop --pd-week-cell-category-bg-col - Category background color (set via inline style).
+ * @cssprop --pd-week-cell-category-text-col - Category text color (set via inline style).
+ */
+export declare class PdCalendarWeekCell extends PdBaseCell {
+    /** The full entry object for this cell. */
+    entry?: CalendarCellInfo;
+    /** Index of this entry within the day's entries array. */
+    entryIndex: number;
+    static styles: CSSResultGroup;
+    render(): import('lit').TemplateResult<1>;
+    protected _handleSelect(): void;
+    private _handleClick;
+}
+//# sourceMappingURL=PdCalendarWeekCell.d.ts.map

package/dist/pd-calendar/pd-calendar-week-cell/PdCalendarWeekCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdCalendarWeekCell.d.ts","sourceRoot":"","sources":["../../../src/pd-calendar/pd-calendar-week-cell/PdCalendarWeekCell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAW,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,kBAAmB,SAAQ,UAAU;IAChD,2CAA2C;IAE3C,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB,0DAA0D;IAE1D,UAAU,SAAK;IAEf,OAAgB,MAAM,EAAE,cAAc,CAwEpC;IAEO,MAAM;cAsBI,aAAa,IAAI,IAAI;IAgBxC,OAAO,CAAC,YAAY;CAGrB"}

package/dist/pd-calendar/pd-calendar-week-cell/PdCalendarWeekCell.js

@@ -0,0 +1,134 @@
+import { css, nothing, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { PdBaseCell } from '../../shared/PdBaseCell.js';
+
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+class PdCalendarWeekCell extends PdBaseCell {
+  constructor() {
+    super(...arguments);
+    this.entryIndex = 0;
+  }
+  static {
+    this.styles = [
+      css`
+      :host {
+        display: block;
+        position: absolute;
+        box-sizing: border-box;
+        overflow: hidden;
+        border-radius: var(--pd-radius-sm, 4px);
+        border-left: 3px solid
+          var(
+            --pd-week-cell-border-left-col,
+            var(
+              --pd-week-cell-category-bg-col,
+              var(--pd-default-info-col, #3b82f6)
+            )
+          );
+        background-color: var(
+          --pd-week-cell-category-bg-col,
+          var(--pd-week-cell-bg-col, var(--pd-default-lightest-col, #e0f2fe))
+        );
+        color: var(
+          --pd-week-cell-category-text-col,
+          var(--pd-week-cell-text-col, var(--pd-default-font-col, #1e293b))
+        );
+        cursor: pointer;
+        font-family: var(--pd-default-font-content-family);
+        z-index: 1;
+        transition: box-shadow 0.15s ease;
+      }
+
+      :host(:hover) {
+        box-shadow: var(--pd-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
+        z-index: 2;
+      }
+
+      :host([fullDay]) {
+        position: relative;
+        border-left-width: 3px;
+        min-width: 0;
+      }
+
+      .week-cell {
+        padding: 2px 4px;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        gap: 1px;
+        line-height: 1.2;
+      }
+
+      .week-cell-title {
+        font-size: 0.75rem;
+        font-weight: 600;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .week-cell-time {
+        font-size: 0.65rem;
+        opacity: 0.8;
+        white-space: nowrap;
+      }
+
+      .week-cell-desc {
+        font-size: 0.65rem;
+        opacity: 0.7;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    `
+    ];
+  }
+  render() {
+    const timeInfo = this._formatTime(" - ");
+    const style = this._getCategoryStyle(
+      "--pd-week-cell-category-bg-col",
+      "--pd-week-cell-category-text-col"
+    );
+    return html`
+      <div class="week-cell" style="${style}" @click="${this._handleClick}">
+        ${this.title ? html`<span class="week-cell-title">${this.title}</span>` : nothing}
+        ${timeInfo ? html`<span class="week-cell-time">${timeInfo}</span>` : nothing}
+        ${this.desc ? html`<span class="week-cell-desc">${this.desc}</span>` : nothing}
+      </div>
+    `;
+  }
+  _handleSelect() {
+    if (this.disabled || !this.entry) return;
+    this.dispatchEvent(
+      new CustomEvent("select-event", {
+        detail: {
+          dateKey: this.key,
+          entry: this.entry,
+          index: this.entryIndex,
+          anchorRect: this.getBoundingClientRect()
+        },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  _handleClick() {
+    this._handleSelect();
+  }
+}
+__decorateClass([
+  property({ type: Object })
+], PdCalendarWeekCell.prototype, "entry");
+__decorateClass([
+  property({ type: Number })
+], PdCalendarWeekCell.prototype, "entryIndex");
+
+export { PdCalendarWeekCell };

package/dist/pd-calendar/pd-calendar-week-cell/pd-calendar-week-cell.d.ts

@@ -0,0 +1,3 @@
+import { PdCalendarWeekCell } from './PdCalendarWeekCell.js';
+export { PdCalendarWeekCell };
+//# sourceMappingURL=pd-calendar-week-cell.d.ts.map

package/dist/pd-calendar/pd-calendar-week-cell/pd-calendar-week-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-calendar-week-cell.d.ts","sourceRoot":"","sources":["../../../src/pd-calendar/pd-calendar-week-cell/pd-calendar-week-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAO7D,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/pd-calendar/pd-calendar-week-cell/pd-calendar-week-cell.js

@@ -0,0 +1,8 @@
+import { PdCalendarWeekCell } from './PdCalendarWeekCell.js';
+
+const tag = "pd-calendar-week-cell";
+if (!customElements.get(tag)) {
+  customElements.define(tag, PdCalendarWeekCell);
+}
+
+export { PdCalendarWeekCell };