@redvars/peacock 3.5.1 → 3.6.1

package/dist/calendar.js

@@ -0,0 +1,339 @@
+import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, b, A } from './IndividualComponent-DUINtMGK.js';
+import { n } from './property-1psGvXOq.js';
+import { r } from './state-DwbEjqVk.js';
+import { a as addDays, b as addMonths, f as formatDate, C as CalendarEvent } from './calendar-event-BrQ_SEKD.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+:host {
+  display: block;
+  height: 100%;
+  min-height: 20em;
+  --calendar-border-color: var(--color-outline-variant);
+  --calendar-scale-color: var(--color-outline-variant);
+  --calendar-event-bg-color: var(--color-primary-container);
+  --calendar-event-bg-color--hover: var(--color-inverse-primary);
+  --calendar-event-border-color: var(--color-primary);
+  --calendar-event-text-color: var(--color-on-primary-container);
+  --calendar-event-text-color--hover: var(--color-on-primary);
+  --calendar-surface: var(--color-surface);
+  --calendar-surface-variant: var(--color-surface-variant);
+  --calendar-on-surface: var(--color-on-surface);
+  --calendar-on-surface-variant: var(--color-on-surface-variant);
+}
+
+.calendar {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: var(--calendar-surface);
+  border-radius: var(--shape-corner-large);
+  overflow: hidden;
+}
+
+.calendar-header .calendar-header-classic {
+  display: flex;
+  align-items: center;
+  padding: 0.75rem 1rem;
+  gap: 0.5rem;
+}
+.calendar-header .calendar-header-classic .header-left {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+  flex: 1;
+}
+.calendar-header .calendar-header-classic .header-left .title {
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+  font-size: 1rem;
+  color: var(--calendar-on-surface);
+  padding-inline-start: 0.5rem;
+}
+.calendar-header .calendar-header-classic .header-right {
+  display: flex;
+  align-items: center;
+}
+
+.calendar-body {
+  flex: 1;
+  overflow: auto;
+}
+.calendar-body .view-container {
+  height: 100%;
+}`;
+
+/**
+ * @label Calendar
+ * @tag wc-calendar
+ * @rawTag calendar
+ * @summary A Material 3 inspired full calendar component for displaying events in day, week, or month views.
+ *
+ * @cssprop --calendar-border-color - Border color used throughout the calendar grid.
+ * @cssprop --calendar-event-bg-color - Background color for calendar events.
+ * @cssprop --calendar-event-border-color - Left border color for calendar events.
+ *
+ * @fires {CustomEvent} event-click - Dispatched when a calendar event is clicked. Detail contains `{ event }`.
+ * @fires {CustomEvent} view-change - Dispatched when the calendar view changes. Detail contains `{ view }`.
+ * @fires {CustomEvent} date-change - Dispatched when the context date changes. Detail contains `{ date }`.
+ *
+ * @example
+ * ```html
+ * <wc-calendar view="week" style="height: 600px"></wc-calendar>
+ * ```
+ */
+let Calendar = class Calendar extends i$1 {
+    constructor() {
+        super(...arguments);
+        /**
+         * Calendar events array.
+         */
+        this.events = [];
+        /**
+         * Available views configuration.
+         */
+        this.availableViews = [
+            { label: 'Day', value: 'day', type: 'column', days: 1 },
+            { label: 'Week', value: 'week', type: 'column', days: 7 },
+            { label: 'Month', value: 'month', type: 'month' },
+        ];
+        /**
+         * Current calendar view.
+         */
+        this.view = 'week';
+        /**
+         * Whether events are clickable.
+         */
+        this.eventClickable = true;
+        /**
+         * Show loading state.
+         */
+        this.showLoader = false;
+        /**
+         * Timezone string (e.g. 'America/New_York').
+         */
+        this.timezone = '';
+        /**
+         * The context date for the calendar view.
+         */
+        this.contextDate = null;
+        this._currentTime = new Date();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.timezone) {
+            this._currentTime = new Date(new Date().toLocaleString('en', { timeZone: this.timezone }));
+        }
+        else {
+            this._currentTime = new Date();
+        }
+        if (!this.contextDate) {
+            this.contextDate = this._currentTime;
+        }
+    }
+    willUpdate(changedProperties) {
+        if (changedProperties.has('view') || changedProperties.has('availableViews')) {
+            this._currentView = this.availableViews.find(v => v.value === this.view);
+        }
+    }
+    _onColumnViewDateClick(evt) {
+        evt.stopPropagation();
+        this.view = 'day';
+        this.contextDate = evt.detail.date;
+        this.dispatchEvent(new CustomEvent('view-change', {
+            detail: { view: this.view },
+            bubbles: true,
+            composed: true,
+        }));
+        this.dispatchEvent(new CustomEvent('date-change', {
+            detail: { date: this.contextDate },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _onEventClick(evt) {
+        evt.stopPropagation();
+        this.dispatchEvent(new CustomEvent('event-click', {
+            detail: { event: evt.detail.event },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    previous() {
+        if (!this._currentView)
+            return;
+        if (this._currentView.days) {
+            this.contextDate = addDays(this.contextDate, -1 * this._currentView.days);
+        }
+        else if (this._currentView.type === 'month') {
+            this.contextDate = addMonths(this.contextDate, -1);
+        }
+        this.dispatchEvent(new CustomEvent('date-change', {
+            detail: { date: this.contextDate },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    next() {
+        if (!this._currentView)
+            return;
+        if (this._currentView.days) {
+            this.contextDate = addDays(this.contextDate, this._currentView.days);
+        }
+        else if (this._currentView.type === 'month') {
+            this.contextDate = addMonths(this.contextDate, 1);
+        }
+        this.dispatchEvent(new CustomEvent('date-change', {
+            detail: { date: this.contextDate },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _goToToday() {
+        this.contextDate = this._currentTime;
+        this.dispatchEvent(new CustomEvent('date-change', {
+            detail: { date: this.contextDate },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _onViewSegmentChange(evt) {
+        if (!evt.detail.value)
+            return;
+        this.view = evt.detail.value;
+        this.dispatchEvent(new CustomEvent('view-change', {
+            detail: { view: this.view },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _renderHeader() {
+        return b `
+      <div class="calendar-header-classic">
+        <div class="header-left">
+          <wc-button
+            variant="outlined"
+            size="sm"
+            class="color-secondary"
+            @click=${() => this._goToToday()}
+          >
+            Today
+          </wc-button>
+          <wc-icon-button
+            variant="text"
+            size="sm"
+            class="color-secondary"
+            @click=${() => this.previous()}
+          >
+            <wc-icon name="chevron_left"></wc-icon>
+          </wc-icon-button>
+          <wc-icon-button
+            variant="text"
+            size="sm"
+            class="color-secondary"
+            @click=${() => this.next()}
+          >
+            <wc-icon name="chevron_right"></wc-icon>
+          </wc-icon-button>
+          <div class="title">
+            ${this.contextDate
+            ? formatDate(this.contextDate, 'MMMM d, yyyy')
+            : ''}
+          </div>
+        </div>
+        <div class="header-right">
+          <wc-segmented-button-group @change=${this._onViewSegmentChange}>
+            ${this.availableViews.map(v => b `<wc-segmented-button
+                  .value=${v.value}
+                  ?selected=${this.view === v.value}
+                >
+                  ${v.label}
+                </wc-segmented-button>`)}
+          </wc-segmented-button-group>
+        </div>
+      </div>
+    `;
+    }
+    _renderCalendarView() {
+        if (!this._currentView)
+            return b `<div>Invalid view</div>`;
+        const calEvents = this.events.map(event => new CalendarEvent(event.start, event.end, event.title, event.color, event));
+        if (this._currentView.type === 'column') {
+            return b `
+        <wc-calendar-column-view
+          .events=${calEvents}
+          .view=${this._currentView.value}
+          .days=${this._currentView.days || 7}
+          .currentTime=${this._currentTime}
+          .contextDate=${this.contextDate}
+          ?event-clickable=${this.eventClickable}
+          @column-view-date-click=${this._onColumnViewDateClick}
+          @column-view-event-click=${this._onEventClick}
+        ></wc-calendar-column-view>
+      `;
+        }
+        else if (this._currentView.type === 'month') {
+            return b `
+        <wc-calendar-month-view
+          .events=${calEvents}
+          .currentTime=${this._currentTime}
+          .contextDate=${this.contextDate}
+          ?event-clickable=${this.eventClickable}
+          @month-view-event-click=${this._onEventClick}
+        ></wc-calendar-month-view>
+      `;
+        }
+        return A;
+    }
+    render() {
+        return b `
+      <div class="calendar">
+        <div class="calendar-header">${this._renderHeader()}</div>
+        <div class="calendar-body">
+          <div class="view-container">${this._renderCalendarView()}</div>
+        </div>
+      </div>
+    `;
+    }
+};
+Calendar.styles = [css_248z];
+__decorate([
+    n({ type: Array })
+], Calendar.prototype, "events", void 0);
+__decorate([
+    n({ type: Array, attribute: 'available-views' })
+], Calendar.prototype, "availableViews", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], Calendar.prototype, "view", void 0);
+__decorate([
+    n({ type: Boolean, attribute: 'event-clickable' })
+], Calendar.prototype, "eventClickable", void 0);
+__decorate([
+    n({ type: Boolean, attribute: 'show-loader' })
+], Calendar.prototype, "showLoader", void 0);
+__decorate([
+    n({ type: String })
+], Calendar.prototype, "timezone", void 0);
+__decorate([
+    n({ type: Object, attribute: false })
+], Calendar.prototype, "contextDate", void 0);
+__decorate([
+    r()
+], Calendar.prototype, "_currentTime", void 0);
+__decorate([
+    r()
+], Calendar.prototype, "_currentView", void 0);
+Calendar = __decorate([
+    IndividualComponent
+], Calendar);
+
+export { Calendar };
+//# sourceMappingURL=calendar.js.map

package/dist/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../src/calendar/calendar.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { addDays, addMonths, formatDate } from './utils.js';\nimport { CalendarEvent } from './calendar-event.js';\nimport type { CalendarViewType, EventType } from './types.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './calendar.scss';\n\n/**\n * @label Calendar\n * @tag wc-calendar\n * @rawTag calendar\n * @summary A Material 3 inspired full calendar component for displaying events in day, week, or month views.\n *\n * @cssprop --calendar-border-color - Border color used throughout the calendar grid.\n * @cssprop --calendar-event-bg-color - Background color for calendar events.\n * @cssprop --calendar-event-border-color - Left border color for calendar events.\n *\n * @fires {CustomEvent} event-click - Dispatched when a calendar event is clicked. Detail contains `{ event }`.\n * @fires {CustomEvent} view-change - Dispatched when the calendar view changes. Detail contains `{ view }`.\n * @fires {CustomEvent} date-change - Dispatched when the context date changes. Detail contains `{ date }`.\n *\n * @example\n * ```html\n * <wc-calendar view=\"week\" style=\"height: 600px\"></wc-calendar>\n * ```\n */\n@IndividualComponent\nexport class Calendar extends LitElement {\n  static styles = [styles];\n\n  /**\n   * Calendar events array.\n   */\n  @property({ type: Array })\n  events: EventType[] = [];\n\n  /**\n   * Available views configuration.\n   */\n  @property({ type: Array, attribute: 'available-views' })\n  availableViews: CalendarViewType[] = [\n    { label: 'Day', value: 'day', type: 'column', days: 1 },\n    { label: 'Week', value: 'week', type: 'column', days: 7 },\n    { label: 'Month', value: 'month', type: 'month' },\n  ];\n\n  /**\n   * Current calendar view.\n   */\n  @property({ type: String, reflect: true })\n  view: string = 'week';\n\n  /**\n   * Whether events are clickable.\n   */\n  @property({ type: Boolean, attribute: 'event-clickable' })\n  eventClickable: boolean = true;\n\n  /**\n   * Show loading state.\n   */\n  @property({ type: Boolean, attribute: 'show-loader' })\n  showLoader: boolean = false;\n\n  /**\n   * Timezone string (e.g. 'America/New_York').\n   */\n  @property({ type: String })\n  timezone: string = '';\n\n  /**\n   * The context date for the calendar view.\n   */\n  @property({ type: Object, attribute: false })\n  contextDate: Date | null = null;\n\n  @state()\n  private _currentTime: Date = new Date();\n\n  @state()\n  private _currentView: CalendarViewType | undefined;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (this.timezone) {\n      this._currentTime = new Date(\n        new Date().toLocaleString('en', { timeZone: this.timezone }),\n      );\n    } else {\n      this._currentTime = new Date();\n    }\n    if (!this.contextDate) {\n      this.contextDate = this._currentTime;\n    }\n  }\n\n  override willUpdate(changedProperties: Map<string, unknown>) {\n    if (changedProperties.has('view') || changedProperties.has('availableViews')) {\n      this._currentView = this.availableViews.find(v => v.value === this.view);\n    }\n  }\n\n  private _onColumnViewDateClick(evt: CustomEvent) {\n    evt.stopPropagation();\n    this.view = 'day';\n    this.contextDate = evt.detail.date;\n    this.dispatchEvent(\n      new CustomEvent('view-change', {\n        detail: { view: this.view },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n    this.dispatchEvent(\n      new CustomEvent('date-change', {\n        detail: { date: this.contextDate },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private _onEventClick(evt: CustomEvent) {\n    evt.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('event-click', {\n        detail: { event: evt.detail.event },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  previous() {\n    if (!this._currentView) return;\n    if (this._currentView.days) {\n      this.contextDate = addDays(\n        this.contextDate!,\n        -1 * this._currentView.days,\n      );\n    } else if (this._currentView.type === 'month') {\n      this.contextDate = addMonths(this.contextDate!, -1);\n    }\n    this.dispatchEvent(\n      new CustomEvent('date-change', {\n        detail: { date: this.contextDate },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  next() {\n    if (!this._currentView) return;\n    if (this._currentView.days) {\n      this.contextDate = addDays(\n        this.contextDate!,\n        this._currentView.days,\n      );\n    } else if (this._currentView.type === 'month') {\n      this.contextDate = addMonths(this.contextDate!, 1);\n    }\n    this.dispatchEvent(\n      new CustomEvent('date-change', {\n        detail: { date: this.contextDate },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private _goToToday() {\n    this.contextDate = this._currentTime;\n    this.dispatchEvent(\n      new CustomEvent('date-change', {\n        detail: { date: this.contextDate },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private _onViewSegmentChange(evt: CustomEvent<{ value: string | null }>) {\n    if (!evt.detail.value) return;\n    this.view = evt.detail.value;\n    this.dispatchEvent(\n      new CustomEvent('view-change', {\n        detail: { view: this.view },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private _renderHeader() {\n    return html`\n      <div class=\"calendar-header-classic\">\n        <div class=\"header-left\">\n          <wc-button\n            variant=\"outlined\"\n            size=\"sm\"\n            class=\"color-secondary\"\n            @click=${() => this._goToToday()}\n          >\n            Today\n          </wc-button>\n          <wc-icon-button\n            variant=\"text\"\n            size=\"sm\"\n            class=\"color-secondary\"\n            @click=${() => this.previous()}\n          >\n            <wc-icon name=\"chevron_left\"></wc-icon>\n          </wc-icon-button>\n          <wc-icon-button\n            variant=\"text\"\n            size=\"sm\"\n            class=\"color-secondary\"\n            @click=${() => this.next()}\n          >\n            <wc-icon name=\"chevron_right\"></wc-icon>\n          </wc-icon-button>\n          <div class=\"title\">\n            ${this.contextDate\n              ? formatDate(this.contextDate, 'MMMM d, yyyy')\n              : ''}\n          </div>\n        </div>\n        <div class=\"header-right\">\n          <wc-segmented-button-group @change=${this._onViewSegmentChange}>\n            ${this.availableViews.map(\n              v =>\n                html`<wc-segmented-button\n                  .value=${v.value}\n                  ?selected=${this.view === v.value}\n                >\n                  ${v.label}\n                </wc-segmented-button>`,\n            )}\n          </wc-segmented-button-group>\n        </div>\n      </div>\n    `;\n  }\n\n  private _renderCalendarView() {\n    if (!this._currentView) return html`<div>Invalid view</div>`;\n\n    const calEvents = this.events.map(\n      event =>\n        new CalendarEvent(\n          event.start,\n          event.end,\n          event.title,\n          event.color,\n          event,\n        ),\n    );\n\n    if (this._currentView.type === 'column') {\n      return html`\n        <wc-calendar-column-view\n          .events=${calEvents}\n          .view=${this._currentView.value}\n          .days=${this._currentView.days || 7}\n          .currentTime=${this._currentTime}\n          .contextDate=${this.contextDate}\n          ?event-clickable=${this.eventClickable}\n          @column-view-date-click=${this._onColumnViewDateClick}\n          @column-view-event-click=${this._onEventClick}\n        ></wc-calendar-column-view>\n      `;\n    } else if (this._currentView.type === 'month') {\n      return html`\n        <wc-calendar-month-view\n          .events=${calEvents}\n          .currentTime=${this._currentTime}\n          .contextDate=${this.contextDate}\n          ?event-clickable=${this.eventClickable}\n          @month-view-event-click=${this._onEventClick}\n        ></wc-calendar-month-view>\n      `;\n    }\n    return nothing;\n  }\n\n  render() {\n    return html`\n      <div class=\"calendar\">\n        <div class=\"calendar-header\">${this._renderHeader()}</div>\n        <div class=\"calendar-body\">\n          <div class=\"view-container\">${this._renderCalendarView()}</div>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","nothing","styles","property","state"],"mappings":"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"}