@progressive-development/pd-calendar 0.6.8 → 1.0.0

package/dist/shared/PdCalendarPanelBase.js

@@ -0,0 +1,169 @@
+import { LitElement, css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { calculateFloatingPosition } from '@progressive-development/pd-utils';
+import { pdIcons } from '@progressive-development/pd-icon';
+import '@progressive-development/pd-icon/pd-icon';
+
+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 PdCalendarPanelBase extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._boundClickOutside = this._handleClickOutside.bind(this);
+    this._boundKeyDown = this._handleKeyDown.bind(this);
+    this._boundScroll = this._handleScroll.bind(this);
+  }
+  static {
+    this.panelBaseStyles = css`
+    :host {
+      display: block;
+      position: fixed;
+      z-index: 9999;
+    }
+
+    .panel {
+      width: var(--pd-calendar-panel-width, 280px);
+      max-height: var(--pd-calendar-panel-max-height, 70vh);
+      background: var(--pd-calendar-panel-bg, var(--pd-default-bg-col, #fff));
+      border-radius: var(--pd-radius-md, 8px);
+      box-shadow: var(
+        --pd-calendar-panel-shadow,
+        0 4px 12px rgba(0, 0, 0, 0.15)
+      );
+      font-family: var(--pd-default-font-content-family);
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+
+    .panel-header {
+      display: flex;
+      align-items: center;
+      gap: var(--pd-spacing-xs, 0.25rem);
+      padding: var(--pd-spacing-sm, 0.5rem);
+      min-height: 32px;
+      flex-shrink: 0;
+    }
+
+    .panel-header-content {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      align-items: center;
+      gap: var(--pd-spacing-xs, 0.25rem);
+    }
+
+    .panel-close {
+      cursor: pointer;
+      opacity: 0.5;
+      transition: opacity 0.15s ease;
+      flex-shrink: 0;
+      --pd-icon-size: 16px;
+    }
+
+    .panel-close:hover {
+      opacity: 1;
+    }
+
+    .panel-body {
+      padding: 0 var(--pd-spacing-sm, 0.5rem) var(--pd-spacing-sm, 0.5rem);
+      display: flex;
+      flex-direction: column;
+      gap: var(--pd-spacing-xs, 0.25rem);
+      overflow-y: auto;
+      min-height: 0;
+    }
+  `;
+  }
+  // ===========================================================================
+  // Lifecycle
+  // ===========================================================================
+  connectedCallback() {
+    super.connectedCallback();
+    requestAnimationFrame(() => {
+      document.addEventListener("click", this._boundClickOutside);
+      document.addEventListener("keydown", this._boundKeyDown);
+      window.addEventListener("scroll", this._boundScroll, true);
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    document.removeEventListener("click", this._boundClickOutside);
+    document.removeEventListener("keydown", this._boundKeyDown);
+    window.removeEventListener("scroll", this._boundScroll, true);
+  }
+  updated(changed) {
+    if (changed.has("anchorRect") && this.anchorRect) {
+      this._updatePosition();
+    }
+  }
+  // ===========================================================================
+  // Render
+  // ===========================================================================
+  render() {
+    return html`
+      <div class="panel">
+        <div class="panel-header">
+          <div class="panel-header-content">${this.renderHeaderContent()}</div>
+          <pd-icon
+            class="panel-close"
+            icon="${pdIcons.ICON_CLOSE}"
+            @click="${this._onClose}"
+          ></pd-icon>
+        </div>
+        <div class="panel-body">${this.renderBody()}</div>
+      </div>
+    `;
+  }
+  // ===========================================================================
+  // Positioning
+  // ===========================================================================
+  _updatePosition() {
+    if (!this.anchorRect) return;
+    const panelEl = this.shadowRoot?.querySelector(
+      ".panel"
+    );
+    const width = panelEl?.offsetWidth || 280;
+    const height = panelEl?.offsetHeight || 200;
+    const pos = calculateFloatingPosition({
+      anchor: this.anchorRect,
+      floating: { width, height },
+      preferY: "below"
+    });
+    this.style.top = `${pos.top}px`;
+    this.style.left = `${pos.left}px`;
+  }
+  // ===========================================================================
+  // Close
+  // ===========================================================================
+  _onClose() {
+    this.dispatchEvent(
+      new CustomEvent("close-panel", { bubbles: true, composed: true })
+    );
+  }
+  _handleClickOutside(e) {
+    if (!e.composedPath().includes(this)) {
+      this._onClose();
+    }
+  }
+  _handleKeyDown(e) {
+    if (e.key === "Escape") {
+      this._onClose();
+    }
+  }
+  _handleScroll() {
+    this._onClose();
+  }
+}
+__decorateClass([
+  property({ type: Object })
+], PdCalendarPanelBase.prototype, "anchorRect");
+
+export { PdCalendarPanelBase };

package/dist/shared/calendar-button-bar/calendar-button-bar.d.ts

@@ -0,0 +1,41 @@
+import { CSSResultGroup, LitElement, PropertyValues } from 'lit';
+import { ButtonData } from '@progressive-development/pd-forms';
+import { AvailableCalendarPeriods, AvailableCalendarViewTypes } from '../../types';
+export declare class CalendarButtonBar extends LitElement {
+    availableViewTypes: AvailableCalendarViewTypes;
+    availablePeriods: AvailableCalendarPeriods;
+    withYearPopup: string[];
+    currentTitle?: string;
+    currentDate?: Date;
+    year: number;
+    withSettings?: boolean;
+    hideNext?: boolean;
+    hidePrev?: boolean;
+    /** When true, navigation buttons are not rendered at all (as opposed to disabled). */
+    hideNavigation: boolean;
+    isCompact?: boolean;
+    _currentViewOptions: ButtonData[];
+    _currentPeriodOptions: ButtonData[];
+    /** Currently selected view type index for the button group. */
+    private _currentViewTypeIndex;
+    /** Currently selected period index for the button select group. */
+    private _currentPeriodIndex;
+    private _viewTypeSelectionEl;
+    private _periodSelectionEl;
+    private _openYearPopupState;
+    static styles: CSSResultGroup;
+    willUpdate(changedProps: PropertyValues<this>): void;
+    render(): import('lit').TemplateResult<1>;
+    private _navigationEvent;
+    private _changeViewEvent;
+    private _changePeriodEvent;
+    /**
+     * Opens the year selection popup with keyboard support.
+     */
+    private _onTriggerKeyDown;
+    /**
+     * Opens the year popup and manages focus.
+     */
+    private _openYearPopup;
+}
+//# sourceMappingURL=calendar-button-bar.d.ts.map

package/dist/shared/calendar-button-bar/calendar-button-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-button-bar.d.ts","sourceRoot":"","sources":["../../../src/shared/calendar-button-bar/calendar-button-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5E,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,OAAO,6CAA6C,CAAC;AACrD,OAAO,mDAAmD,CAAC;AAC3D,OAAO,0DAA0D,CAAC;AAElE,OAAO,EACL,wBAAwB,EACxB,0BAA0B,EAG3B,MAAM,aAAa,CAAC;AAgBrB,qBAEa,iBAAkB,SAAQ,UAAU;IAE/C,kBAAkB,EAAG,0BAA0B,CAAC;IAGhD,gBAAgB,EAAG,wBAAwB,CAAC;IAG5C,aAAa,EAAE,MAAM,EAAE,CAAM;IAG7B,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,WAAW,CAAC,EAAE,IAAI,CAAC;IAGnB,IAAI,EAAE,MAAM,CAAK;IAGjB,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sFAAsF;IAEtF,cAAc,UAAS;IAGvB,SAAS,CAAC,EAAE,OAAO,CAAC;IAIpB,mBAAmB,EAAE,UAAU,EAAE,CAI/B;IAGF,qBAAqB,EAAE,UAAU,EAAE,CAKjC;IAEF,+DAA+D;IAE/D,OAAO,CAAC,qBAAqB,CAAc;IAE3C,mEAAmE;IAEnE,OAAO,CAAC,mBAAmB,CAAc;IAGzC,OAAO,CAAC,oBAAoB,CAAM;IAGlC,OAAO,CAAC,kBAAkB,CAAM;IAEhC,OAAO,CAAC,mBAAmB,CAAkB;IAE7C,OAAgB,MAAM,EAAE,cAAc,CAyIpC;IAEO,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAgCpD,MAAM;IAsFf,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,gBAAgB;IAwBxB,OAAO,CAAC,kBAAkB;IA2B1B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,OAAO,CAAC,cAAc;CA8CvB"}

package/dist/shared/calendar-button-bar/calendar-button-bar.js

@@ -0,0 +1,435 @@
+import { css, LitElement, html } from 'lit';
+import { property, state, query, customElement } from 'lit/decorators.js';
+import { localized } from '@lit/localize';
+import { pdIcons } from '@progressive-development/pd-icon';
+import '@progressive-development/pd-forms/pd-button';
+import '@progressive-development/pd-forms/pd-button-group';
+import '@progressive-development/pd-forms/pd-button-select-group';
+import '../../pd-calendar/pd-year-popup/pd-year-popup.js';
+import { PdYearPopup } from '../../pd-calendar/pd-year-popup/PdYearPopup.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;
+};
+const iconMap = {
+  list: { pdIcon: pdIcons.ICON_RULES },
+  dayGrid: { pdIcon: pdIcons.ICON_DATE },
+  timeGrid: { pdIcon: pdIcons.ICON_DATE_TIME }
+};
+const periodMap = {
+  Day: { text: "Tag" },
+  Week: { text: "Woche" },
+  Month: { text: "Monat" },
+  Year: { text: "Jahr" }
+};
+let CalendarButtonBar = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.withYearPopup = [];
+    this.year = 0;
+    this.hideNavigation = false;
+    this._currentViewOptions = [
+      { pdIcon: pdIcons.ICON_DATE },
+      { pdIcon: pdIcons.ICON_DATE_TIME },
+      { pdIcon: pdIcons.ICON_RULES }
+    ];
+    this._currentPeriodOptions = [
+      { text: "Tag" },
+      { text: "Woche" },
+      { text: "Monat" },
+      { text: "Jahr" }
+    ];
+    this._currentViewTypeIndex = -1;
+    this._currentPeriodIndex = -1;
+    this._openYearPopupState = false;
+  }
+  willUpdate(changedProps) {
+    if (changedProps.has("availableViewTypes") && this.availableViewTypes.viewTypes?.length > 0) {
+      this._currentViewOptions = this.availableViewTypes.viewTypes.map((t) => {
+        const icon = iconMap[t];
+        if (!icon) throw new Error(`Unknown view type: ${t}`);
+        return icon;
+      });
+      if (this._currentViewTypeIndex === -1) {
+        this._currentViewTypeIndex = this.availableViewTypes.default ?? 0;
+      }
+    }
+    if (changedProps.has("availablePeriods") && this.availablePeriods.periods.length > 0) {
+      this._currentPeriodOptions = this.availablePeriods.periods.map((t) => {
+        const period = periodMap[t];
+        if (!period) throw new Error(`Unknown period type: ${t}`);
+        return period;
+      });
+      if (this._currentPeriodIndex === -1) {
+        this._currentPeriodIndex = this.availablePeriods.default ?? 0;
+      }
+    }
+  }
+  render() {
+    return html`
+      <div class="custom-toolbar">
+        <div class="header-bar">
+          ${!this.hideNavigation ? html`
+                <div
+                  class="view-controls"
+                  @button-clicked="${this._navigationEvent}"
+                >
+                  <pd-button
+                    icon="${pdIcons.ICON_PREVIOUS}"
+                    text=""
+                    value="previous"
+                    ?disabled="${this.hidePrev}"
+                  ></pd-button>
+                  <pd-button
+                    icon="${pdIcons.ICON_NEXT}"
+                    text=""
+                    value="next"
+                    ?disabled="${this.hideNext}"
+                  ></pd-button>
+                </div>
+              ` : ""}
+
+          <div id="titleContentId" class="view-title">
+            <div>
+              ${this.currentTitle}
+              ${this.withYearPopup.length > 0 ? html` <button
+                    id="yearPopupTrigger"
+                    class="year-popup-trigger"
+                    type="button"
+                    aria-haspopup="listbox"
+                    aria-expanded="${this._openYearPopupState}"
+                    @click=${this._openYearPopup}
+                    @keydown=${this._onTriggerKeyDown}
+                  >
+                    ${this.year}
+                  </button>` : this.year === 0 ? "" : this.year}
+            </div>
+          </div>
+        </div>
+
+        <div class="top-buttons">
+          <div class="view-range">
+            ${this._currentViewOptions.length !== 1 ? html`
+                  <pd-button-group
+                    id="viewTypeSelectionId"
+                    class="view-range-type-group"
+                    .buttonList="${this._currentViewOptions}"
+                    .initValue="${[this._currentViewTypeIndex]}"
+                    @pd-button-group-change=${this._changeViewEvent}
+                  ></pd-button-group>
+                ` : ""}
+            ${this._currentPeriodOptions.length !== 1 ? html`
+                  <pd-button-select-group
+                    id="periodSelectionId"
+                    class="view-period-range-select"
+                    .options="${this._currentPeriodOptions}"
+                    .initValue="${this._currentPeriodIndex}"
+                    @pd-button-selection-changed=${this._changePeriodEvent}
+                  ></pd-button-select-group>
+                ` : ""}
+          </div>
+
+          ${this.withSettings ? html`
+                <div class="view-settings">
+                  <pd-icon icon="${pdIcons.ICON_SETTINGS}" activeIcon></pd-icon>
+                </div>
+              ` : ""}
+        </div>
+      </div>
+    `;
+  }
+  _navigationEvent(e) {
+    this.dispatchEvent(
+      new CustomEvent("pd-calendar-navigation", {
+        detail: {
+          previous: e.detail === "previous",
+          next: e.detail === "next"
+        }
+      })
+    );
+    e.stopPropagation();
+  }
+  _changeViewEvent(e) {
+    const selection = e.detail.selected;
+    const viewType = this.availableViewTypes?.viewTypes ? this.availableViewTypes.viewTypes[selection] : "list";
+    console.log("Selection: ", selection, viewType);
+    const detail = {
+      viewType,
+      updatePeriod: void 0
+    };
+    this.dispatchEvent(new CustomEvent("pd-calendar-change-view", { detail }));
+    if (detail.updatePeriod) {
+      console.log("Hier handeln: ", detail.updatePeriod);
+      this._periodSelectionEl.reset(1);
+    }
+    e.stopPropagation();
+  }
+  _changePeriodEvent(e) {
+    const selection = e.detail.selected;
+    const periodType = this.availablePeriods?.periods ? this.availablePeriods.periods[selection] : "Month";
+    console.log("Selection: ", selection, periodType);
+    const detail = {
+      periodType,
+      updateViewType: void 0
+    };
+    this.dispatchEvent(
+      new CustomEvent("pd-calendar-change-period", { detail })
+    );
+    if (detail.updateViewType) {
+      console.log("Hier handeln: ", detail.updateViewType);
+      this._viewTypeSelectionEl.reset(0);
+    }
+    e.stopPropagation();
+  }
+  /**
+   * Opens the year selection popup with keyboard support.
+   */
+  _onTriggerKeyDown(e) {
+    if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+      e.preventDefault();
+      this._openYearPopup();
+    }
+  }
+  /**
+   * Opens the year popup and manages focus.
+   */
+  _openYearPopup() {
+    if (this._openYearPopupState) {
+      return;
+    }
+    this._openYearPopupState = true;
+    this.requestUpdate();
+    const popup = new PdYearPopup();
+    popup.yearSelection = this.withYearPopup;
+    popup.currentYear = this.year.toString();
+    this.shadowRoot?.getElementById("titleContentId")?.appendChild(popup);
+    const returnFocusToTrigger = () => {
+      this._openYearPopupState = false;
+      this.requestUpdate();
+      this.shadowRoot?.getElementById("titleContentId")?.removeChild(popup);
+      const trigger = this.shadowRoot?.getElementById(
+        "yearPopupTrigger"
+      );
+      trigger?.focus();
+    };
+    popup.addEventListener("abort-year-selection", () => {
+      returnFocusToTrigger();
+    });
+    popup.addEventListener("change-year-selection", (e) => {
+      const year = e.detail.year;
+      const newDate = new Date(this.currentDate || /* @__PURE__ */ new Date());
+      newDate.setFullYear(year);
+      this.dispatchEvent(
+        new CustomEvent("change-month", { detail: { newDate } })
+      );
+      this.dispatchEvent(
+        new CustomEvent("pd-calendar-navigation", {
+          detail: { newDate }
+        })
+      );
+      returnFocusToTrigger();
+    });
+  }
+};
+CalendarButtonBar.styles = [
+  css`
+      :host {
+        display: block;
+        --my-button-size: var(--pd-cbar-title-button-size, 40px);
+      }
+
+      .custom-toolbar {
+        position: relative;
+        display: flex;
+        flex-wrap: wrap-reverse;
+        justify-content: space-between;
+        margin: 0.4rem 0 0.3rem 0;
+        gap: 0.5rem;
+      }
+
+      .header-bar {
+        align-self: center;
+        flex: 1;
+        display: flex;
+        gap: 5px;
+      }
+
+      .view-controls {
+        display: flex;
+        gap: 5px;
+        --pd-button-width: var(--my-button-size);
+        --pd-button-min-height: var(--my-button-size);
+        --pd-button-height: var(--my-button-size);
+        /* Check later --pd-button-border-radius: 10px; */
+      }
+
+      .view-title {
+        flex: 1;
+        align-self: center;
+        text-align: var(--pd-cbar-title-align);
+        font-size: var(--pd-cbar-title-size, 1.4em);
+        color: var(--pd-cbar-title-col, var(--pd-default-font-title-col));
+        font-family: var(--pd-default-font-title-family);
+        font-weight: bold;
+        white-space: nowrap;
+      }
+
+      .top-buttons {
+        display: flex;
+        gap: 1em;
+        --pd-button-font-size: 85%;
+        justify-content: flex-end;
+
+        flex: 1;
+      }
+
+      :host([hideButtonBar]) .top-buttons {
+        display: none;
+        flex: 0;
+      }
+
+      .view-range {
+        display: flex;
+        gap: 0.8rem;
+
+        --pd-button-border-col: var(--pd-default-light-col);
+        --pd-button-bg-col: var(--pd-default-lightest-col);
+        --pd-button-font-col: var(--pd-default-dark-col);
+        --pd-button-height: 2.2em;
+        --pd-button-selected-bg-col: var(--pd-secondary-light-col);
+        --pd-button-selected-shadow: none;
+      }
+
+      .view-range-type-group {
+        --pd-button-padding: 0;
+        --pd-button-width: 2.2em;
+      }
+
+      .view-range-type-select {
+        --pd-button-padding: 0;
+        --pd-button-width: 3.5em;
+        --pd-button-group-width: 3.5em;
+      }
+
+      .view-period-range-select {
+        --pd-button-padding: 0px 6px;
+        --pd-button-width: 5em;
+        --pd-button-group-width: 5em;
+      }
+
+      :host([isCompact]) .view-controls {
+        gap: 5px;
+        --my-button-size: calc(var(--pd-cbar-title-button-size, 40px) - 5px);
+      }
+
+      :host([isCompact]) .view-title {
+        flex: 1;
+        align-self: flex-end;
+        text-align: center;
+        font-size: calc(var(--pd-cbar-title-size, 1.4em) - 3px);
+        font-weight: normal;
+      }
+
+      :host([isCompact][hideButtonBar]) .view-title {
+        text-align: right;
+        align-self: center;
+      }
+
+      .view-settings {
+        display: flex;
+      }
+
+      .year-popup-trigger {
+        /* Reset button styles */
+        background: none;
+        border: none;
+        padding: 0;
+        margin: 0;
+        font: inherit;
+
+        /* Link-like appearance */
+        color: var(--pd-default-font-link-col);
+        text-decoration: underline;
+        cursor: pointer;
+        transition: color 0.15s ease;
+      }
+
+      .year-popup-trigger:hover {
+        color: var(--pd-default-hover-col);
+      }
+
+      .year-popup-trigger:focus {
+        outline: none;
+      }
+
+      .year-popup-trigger:focus-visible {
+        outline: 2px solid var(--pd-focus-ring-col);
+        outline-offset: 2px;
+        border-radius: 2px;
+      }
+    `
+];
+__decorateClass([
+  property({ type: Object })
+], CalendarButtonBar.prototype, "availableViewTypes", 2);
+__decorateClass([
+  property({ type: Object })
+], CalendarButtonBar.prototype, "availablePeriods", 2);
+__decorateClass([
+  property({ type: Array })
+], CalendarButtonBar.prototype, "withYearPopup", 2);
+__decorateClass([
+  property({ type: String })
+], CalendarButtonBar.prototype, "currentTitle", 2);
+__decorateClass([
+  property({ type: Object })
+], CalendarButtonBar.prototype, "currentDate", 2);
+__decorateClass([
+  property({ type: Number })
+], CalendarButtonBar.prototype, "year", 2);
+__decorateClass([
+  property({ type: Boolean })
+], CalendarButtonBar.prototype, "withSettings", 2);
+__decorateClass([
+  property({ type: Boolean })
+], CalendarButtonBar.prototype, "hideNext", 2);
+__decorateClass([
+  property({ type: Boolean })
+], CalendarButtonBar.prototype, "hidePrev", 2);
+__decorateClass([
+  property({ type: Boolean })
+], CalendarButtonBar.prototype, "hideNavigation", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], CalendarButtonBar.prototype, "isCompact", 2);
+__decorateClass([
+  state()
+], CalendarButtonBar.prototype, "_currentViewOptions", 2);
+__decorateClass([
+  state()
+], CalendarButtonBar.prototype, "_currentPeriodOptions", 2);
+__decorateClass([
+  state()
+], CalendarButtonBar.prototype, "_currentViewTypeIndex", 2);
+__decorateClass([
+  state()
+], CalendarButtonBar.prototype, "_currentPeriodIndex", 2);
+__decorateClass([
+  query("#viewTypeSelectionId")
+], CalendarButtonBar.prototype, "_viewTypeSelectionEl", 2);
+__decorateClass([
+  query("#periodSelectionId")
+], CalendarButtonBar.prototype, "_periodSelectionEl", 2);
+CalendarButtonBar = __decorateClass([
+  customElement("calendar-button-bar"),
+  localized()
+], CalendarButtonBar);
+
+export { CalendarButtonBar };

package/dist/shared/calendar-locales.d.ts

@@ -0,0 +1,9 @@
+export declare const loadLocales: () => {
+    monthNames: string[];
+    weekdaysShort: string[];
+};
+export declare const LOCALES: {
+    monthNames: string[];
+    weekdaysShort: string[];
+};
+//# sourceMappingURL=calendar-locales.d.ts.map

package/dist/shared/calendar-locales.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-locales.d.ts","sourceRoot":"","sources":["../../src/shared/calendar-locales.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;CAwBtB,CAAC;AAEH,eAAO,MAAM,OAAO;;;CAAgB,CAAC"}

package/dist/shared/calendar-locales.js

@@ -0,0 +1,30 @@
+import { msg } from '@lit/localize';
+
+const loadLocales = () => ({
+  monthNames: [
+    msg("Januar", { id: "pd.datepicker.month.jan" }),
+    msg("Februar", { id: "pd.datepicker.month.feb" }),
+    msg("März", { id: "pd.datepicker.month.mar" }),
+    msg("April", { id: "pd.datepicker.month.apr" }),
+    msg("Mai", { id: "pd.datepicker.month.may" }),
+    msg("Juni", { id: "pd.datepicker.month.jun" }),
+    msg("Juli", { id: "pd.datepicker.month.jul" }),
+    msg("August", { id: "pd.datepicker.month.aug" }),
+    msg("September", { id: "pd.datepicker.month.sep" }),
+    msg("Oktober", { id: "pd.datepicker.month.oct" }),
+    msg("November", { id: "pd.datepicker.month.nov" }),
+    msg("Dezember", { id: "pd.datepicker.month.dec" })
+  ],
+  weekdaysShort: [
+    msg("Mo", { id: "pd.datepicker.shortday.mon" }),
+    msg("Di", { id: "pd.datepicker.shortday.tue" }),
+    msg("Mi", { id: "pd.datepicker.shortday.wed" }),
+    msg("Do", { id: "pd.datepicker.shortday.thi" }),
+    msg("Fr", { id: "pd.datepicker.shortday.fri" }),
+    msg("Sa", { id: "pd.datepicker.shortday.sat" }),
+    msg("So", { id: "pd.datepicker.shortday.sun" })
+  ]
+});
+const LOCALES = loadLocales();
+
+export { LOCALES, loadLocales };