@progressive-development/pd-calendar 0.6.7 → 0.9.2

package/dist/pd-datepicker/PdDatepicker.js

@@ -0,0 +1,494 @@
+import { css, html } from 'lit';
+import { localized, msg } from '@lit/localize';
+import { property, state } from 'lit/decorators.js';
+import { parse, format } from 'date-fns';
+import { PdBaseInputElement } from '@progressive-development/pd-forms';
+import { pdIcons } from '@progressive-development/pd-icon';
+import '@progressive-development/pd-forms/pd-input';
+import '@progressive-development/pd-forms/pd-button';
+import '@progressive-development/pd-forms/pd-select';
+import '../pd-calendar.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 UNDEF = "UNDEF";
+const INPUT_TYPE_DATE = 7;
+const DEFAULT_FORMAT = "yyyy-MM-dd";
+const DATE_TIMES = [
+  { name: "Uhrzeit auswählen", value: UNDEF },
+  { name: "07:00", value: "07:00" },
+  { name: "07:30", value: "07:30" },
+  { name: "08:00", value: "08:00" },
+  { name: "08:30", value: "08:30" },
+  { name: "09:00", value: "09:00" },
+  { name: "09:30", value: "09:30" },
+  { name: "10:00", value: "10:00" },
+  { name: "10:30", value: "10:30" },
+  { name: "11:00", value: "11:00" },
+  { name: "11:30", value: "11:30" },
+  { name: "12:00", value: "12:00" },
+  { name: "12:30", value: "12:30" },
+  { name: "13:00", value: "13:00" },
+  { name: "13:30", value: "13:30" },
+  { name: "14:00", value: "14:00" },
+  { name: "14:30", value: "14:30" },
+  { name: "15:00", value: "15:00" },
+  { name: "15:30", value: "15:30" },
+  { name: "16:00", value: "16:00" },
+  { name: "16:30", value: "16:30" },
+  { name: "17:00", value: "17:00" },
+  { name: "17:30", value: "17:30" },
+  { name: "18:00", value: "18:00" },
+  { name: "18:30", value: "18:30" },
+  { name: "19:00", value: "19:00" },
+  { name: "19:30", value: "19:30" }
+];
+function getDateRangeValue(start, end, formatStr = DEFAULT_FORMAT) {
+  return `${start ? format(start, formatStr) : "--"} - ${end ? format(end, formatStr) : "--"}`;
+}
+function getDateTimeValue(date, time, formatStr = DEFAULT_FORMAT) {
+  return `${date ? format(date, formatStr) : ""} ${time && time !== UNDEF ? time : ""}`;
+}
+function getDataForDaysBetween(start, end) {
+  const result = {};
+  let from = new Date(start);
+  let to = new Date(end);
+  if (from > to) [from, to] = [to, from];
+  while (from <= to) {
+    result[format(from, DEFAULT_FORMAT)] = [{ special: true }];
+    from.setDate(from.getDate() + 1);
+  }
+  return result;
+}
+let PdDatepicker = class extends PdBaseInputElement {
+  constructor() {
+    super();
+    this.dateRange = false;
+    this.hideToday = false;
+    this.withYearPopup = [];
+    this.withTime = false;
+    this._showCalendar = false;
+    this._timeSelection = UNDEF;
+    this._calendarPosition = "bottom";
+    this._inputType = INPUT_TYPE_DATE;
+    this._validators = [this._requiredDateTimeValidator.bind(this)];
+  }
+  _requiredDateTimeValidator() {
+    return this.required && !this._startDateValue || this.dateRange && this._startDateValue && !this._endDateValue || this.withTime && this._startDateValue && this._timeSelection === UNDEF ? msg("Eingabe unvollständig", {
+      id: "pd.form.field.selectDateTimeRequired"
+    }) : null;
+  }
+  update(changedProps) {
+    if (changedProps.has("initialDate") && this.initialDate) {
+      this._prepareFieldsFromInitDate();
+      this._updateInputField(false, void 0);
+    }
+    super.update(changedProps);
+  }
+  render() {
+    return html`
+      <pd-input
+        id="datePickerId"
+        .label="${this.label}"
+        .placeHolder="${this.placeHolder}"
+        .icon="${pdIcons.ICON_DATE}"
+        .initValue="${this._value}"
+        ?readonly=${true}
+        ?required="${this.required}"
+        ?disabled="${this.disabled}"
+        icon-right
+        @click="${this._inputClick}"
+        @pd-form-element-change="${this._innerFormChange}"
+        @pd-form-element-blur="${this._innerBlur}"
+        @pd-form-element-focus="${this._innerFocus}"
+        @pd-form-element-register="${this._innerRegister}"
+        @enter-pressed="${this._innerEnter}"
+      >
+        <div slot="icon-right">
+          <slot name="icon-right"></slot>
+        </div>
+        ></pd-input
+      >
+      ${this._renderErrorMsg()}
+      <div class="calendar-small ${this._calendarPosition}">
+        <pd-calendar
+          .withYearPopup="${this.withYearPopup}"
+          .refDate="${this._startDateValue}"
+          .data="${this._rangeSelection || {}}"
+          numberClass="center"
+          selectableDates
+          showSelection
+          prevMonthConstraint="-1"
+          nextMonthConstraint="-1"
+          @select-date="${this._triggerCalendarDateSelected}"
+          @mouse-enter-date="${this._triggerHoverCalculateRange}"
+        ></pd-calendar>
+
+        ${this.withTime ? html`
+              <pd-select
+                class="date-time-select"
+                id="dateTimeSelectId"
+                .values="${DATE_TIMES}"
+                label="${msg("Uhrzeit", { id: "pd.datepicker.time" })}"
+                initValue="${this._timeSelection}"
+                required
+                @pd-form-element-change="${(e) => {
+      this._timeSelection = e.detail.value;
+      e.stopPropagation();
+    }}"
+                @pd-form-element-blur="${this._innerBlur}"
+                @pd-form-element-focus="${this._innerFocus}"
+                @pd-form-element-register="${this._innerRegister}"
+                @enter-pressed="${this._innerEnter}"
+              ></pd-select>
+            ` : ""}
+
+        <div class="bottom-buttons">
+          ${!this.hideToday ? html`<pd-button
+                text="${msg("Heute", { id: "pd.datepicker.today" })}"
+                @button-clicked="${this._triggerSetTodayButton}"
+              ></pd-button>` : ""}
+          <pd-button
+            text="${msg("Reset", { id: "pd.datepicker.reset" })}"
+            @button-clicked="${this._triggerResetButton}"
+          ></pd-button>
+          ${this.withTime ? html`
+                <pd-button
+                  id="buttonSetValueId"
+                  text="Ok"
+                  ?disabled="${!this._startDateValue || this._timeSelection === UNDEF}"
+                  @button-clicked="${this._triggerSetValueButton}"
+                ></pd-button>
+              ` : ""}
+        </div>
+      </div>
+    `;
+  }
+  /**
+   * Getter for outside call.
+   *
+   * @returns obj: { start?: Date; end?: Date } - the prepared date values.
+   */
+  get dateValues() {
+    const start = this.withTime && this._startDateValue ? parse(
+      `${format(this._startDateValue, "yyyy-MM-dd")} ${this._timeSelection}`,
+      "yyyy-MM-dd HH:mm",
+      /* @__PURE__ */ new Date()
+    ) : this._startDateValue;
+    return { start, end: this._endDateValue };
+  }
+  reset() {
+    if (this.initialDate) {
+      this._prepareFieldsFromInitDate();
+    } else {
+      this._clearFields();
+    }
+    super.reset();
+  }
+  clear() {
+    this._clearFields();
+    this._updateInputField(true, void 0);
+  }
+  /**
+   * @returns formated value from current field selections.
+   */
+  _getInitialValue() {
+    return this._formatDateValue();
+  }
+  /**
+   * @returns parsed date
+   */
+  _getParsedValue() {
+    return this.dateValues;
+  }
+  /**
+   * Init _startDateValue and _timeSelection from initial date.
+   */
+  _prepareFieldsFromInitDate() {
+    if (this.initialDate) {
+      this._startDateValue = new Date(
+        this.initialDate.getFullYear(),
+        this.initialDate.getMonth(),
+        this.initialDate.getDate()
+      );
+      if (this.withTime) {
+        this._timeSelection = format(this.initialDate, "HH:mm");
+      }
+    }
+  }
+  /**
+   * Clear _startDateValue and _timeSelection.
+   */
+  _clearFields() {
+    this._startDateValue = void 0;
+    this._endDateValue = void 0;
+    this._rangeSelection = void 0;
+    this._timeSelection = UNDEF;
+  }
+  /**
+   * Update element value from input fields.
+   */
+  _updateInputField(dispatchEvent, e) {
+    this._handleChangedValue(
+      this._formatDateValue(),
+      e,
+      dispatchEvent,
+      false,
+      void 0
+    );
+  }
+  /**
+   * Toogle view calendar on click into pd-input field.
+   */
+  _inputClick() {
+    const input = this.shadowRoot?.getElementById("datePickerId");
+    if (input) {
+      const rect = input.getBoundingClientRect();
+      const spaceBelow = window.innerHeight - rect.bottom;
+      const spaceAbove = rect.top;
+      this._calendarPosition = spaceBelow < 300 && spaceAbove > spaceBelow ? "top" : "bottom";
+      this._showCalendar = !this._showCalendar;
+      setTimeout(() => {
+        this.shadowRoot?.querySelector(".calendar-small")?.scrollIntoView({ behavior: "smooth", block: "nearest" });
+      }, 0);
+    }
+  }
+  /**
+   * Triggered by date selection in small calendar.
+   * Set internal values depending on daterange configuration.
+   *
+   * @param e Event from small calendar.
+   */
+  _triggerCalendarDateSelected(e) {
+    const date = e.detail.date;
+    if (this.dateRange) {
+      if (!this._startDateValue) {
+        this._startDateValue = date;
+        this._endDateValue = void 0;
+      } else if (!this._endDateValue) {
+        if (date.getTime() < this._startDateValue.getTime()) {
+          this._endDateValue = this._startDateValue;
+          this._startDateValue = date;
+        } else {
+          this._endDateValue = date;
+        }
+        this._showCalendar = false;
+      } else {
+        this._startDateValue = date;
+        this._endDateValue = void 0;
+      }
+    } else {
+      this._startDateValue = date;
+      if (this.withTime) {
+        const el = this.shadowRoot?.getElementById(
+          this._timeSelection === UNDEF ? "dateTimeSelectId" : "buttonSetValueId"
+        );
+        el?.focus();
+      } else {
+        this._showCalendar = false;
+      }
+    }
+    if (!this._showCalendar) {
+      this._updateInputField(true, e);
+    }
+    e.stopPropagation();
+  }
+  /**
+   * Triggered by Today button in small calendar view.
+   * Set calendar date to today.
+   */
+  _triggerSetTodayButton(e) {
+    this._startDateValue = /* @__PURE__ */ new Date();
+    if (this.dateRange) {
+      this._endDateValue = void 0;
+      this._rangeSelection = void 0;
+    } else {
+      this._showCalendar = this.withTime;
+    }
+    this._updateInputField(!this._showCalendar, e);
+    e.stopPropagation();
+  }
+  /**
+   * Triggered by Reset button in small calendar view.
+   * Reset selected values to origin state (initaldate or empty).
+   */
+  _triggerResetButton(e) {
+    this.reset();
+    this._showCalendar = false;
+    this.shadowRoot?.getElementById("datePickerId")?.reset();
+    e.stopPropagation();
+  }
+  /**
+   * Triggered by ok button in small calendar view.
+   * Set selected value and close calendar.
+   */
+  _triggerSetValueButton(e) {
+    this._updateInputField(true, e);
+    this._showCalendar = false;
+    e.stopPropagation();
+  }
+  /**
+   * Calculate range of dates between two dates on mouse over.
+   * Only needed for date range visuell selection in small calendar.
+   *
+   * @param e
+   */
+  _triggerHoverCalculateRange(e) {
+    if (this._startDateValue && this.dateRange && e.detail.date && !this._endDateValue) {
+      this._rangeSelection = getDataForDaysBetween(
+        this._startDateValue,
+        e.detail.date
+      );
+    }
+  }
+  /**
+   * Format date value from _startDateValue and _startDateValue and _timeSelection.
+   * Depending on daterange and withtime configuration.
+   *
+   * @returns string with date value
+   */
+  _formatDateValue() {
+    if (!this._startDateValue && !this._endDateValue && this._timeSelection === UNDEF)
+      return "";
+    return this.dateRange ? getDateRangeValue(
+      this._startDateValue,
+      this._endDateValue,
+      this.dateFormat
+    ) : getDateTimeValue(
+      this._startDateValue,
+      this._timeSelection,
+      this.dateFormat
+    );
+  }
+  // ###### Start Inner Element Events
+  _innerEnter(e) {
+    e.stopPropagation();
+  }
+  _innerRegister(e) {
+    e.stopPropagation();
+  }
+  _innerUnRegister(e) {
+    e.stopPropagation();
+  }
+  _innerFocus(e) {
+    e.stopPropagation();
+  }
+  _innerBlur(e) {
+    e.stopPropagation();
+  }
+  _innerFormChange(e) {
+    e.stopPropagation();
+  }
+};
+PdDatepicker.styles = [
+  PdBaseInputElement.styles,
+  css`
+      :host {
+        position: relative;
+      }
+
+      :host([disabled]) {
+        pointer-events: none;
+      }
+
+      :host([_showCalendar]) .calendar-small {
+        visibility: visible;
+        opacity: 1;
+      }
+
+      .calendar-small {
+        position: absolute;
+        background-color: white;
+        visibility: hidden;
+        z-index: 1000;
+        box-shadow: var(--pd-menu-shadow, 3px 3px 5px grey);
+        transition: 0.5s ease-out;
+        transform: translateY(0);
+        opacity: 0;
+        padding: 0.5em 1em 0.5em 0.2em;
+
+        --pd-calendar-width: var(--pd-input-field-width, 250px);
+        --pd-calendar-cell-height: 30px;
+        --pd-calendar-week-title-bg-col: white;
+        --pd-calendar-week-title-font-col: #0a3a48;
+        --pd-calendar-cell-selectable-shadow: 0;
+        --pd-calendar-cell-day-free-bg-col: white;
+        --pd-calendar-cell-day-info-free-col: #0a3a48;
+        --pd-calendar-title-font-size: 20px;
+        --pd-calendar-title-icon-size: 20px;
+        --pd-calendar-weekday-title-font-size: 15px;
+        --pd-calendar-number-font-size: 15px;
+      }
+
+      .calendar-small.bottom {
+        top: 100%; /* Unter dem Input-Feld */
+      }
+
+      .calendar-small.top {
+        bottom: 100%; /* Über dem Input-Feld */
+      }
+
+      .bottom-buttons {
+        display: flex;
+        --pd-button-width: 78px;
+      }
+    `
+];
+__decorateClass([
+  property({ type: String })
+], PdDatepicker.prototype, "locale", 2);
+__decorateClass([
+  property({ type: Object })
+], PdDatepicker.prototype, "initialDate", 2);
+__decorateClass([
+  property({ type: String })
+], PdDatepicker.prototype, "dateFormat", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdDatepicker.prototype, "dateRange", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdDatepicker.prototype, "hideToday", 2);
+__decorateClass([
+  property({ type: Array })
+], PdDatepicker.prototype, "withYearPopup", 2);
+__decorateClass([
+  property({ type: String })
+], PdDatepicker.prototype, "placeHolderTime", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdDatepicker.prototype, "withTime", 2);
+__decorateClass([
+  property({ type: String })
+], PdDatepicker.prototype, "min", 2);
+__decorateClass([
+  property({ type: String })
+], PdDatepicker.prototype, "max", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], PdDatepicker.prototype, "_showCalendar", 2);
+__decorateClass([
+  state()
+], PdDatepicker.prototype, "_startDateValue", 2);
+__decorateClass([
+  state()
+], PdDatepicker.prototype, "_endDateValue", 2);
+__decorateClass([
+  state()
+], PdDatepicker.prototype, "_rangeSelection", 2);
+__decorateClass([
+  state()
+], PdDatepicker.prototype, "_timeSelection", 2);
+PdDatepicker = __decorateClass([
+  localized()
+], PdDatepicker);
+
+export { PdDatepicker };

package/dist/pd-datepicker/pd-date-picker.stories.d.ts

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    tags: string[];
+    render: (args: import('@storybook/web-components').Args) => import('lit').TemplateResult<1>;
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj;
+export declare const Standard: Story;
+export declare const PlaceholderLabel: Story;
+export declare const Locale: Story;
+export declare const Required: Story;
+export declare const YearSelection: Story;
+export declare const HugeYearSelection: Story;
+export declare const Disabled: Story;
+export declare const WithTime: Story;
+export declare const WithRange: Story;
+export declare const InitialValue: Story;
+export declare const MinMax: Story;
+export declare const DatepickerInForm: Story;
+export declare const DatepickerInFormWithInit: Story;
+//# sourceMappingURL=pd-date-picker.stories.d.ts.map

package/dist/pd-datepicker/pd-date-picker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-date-picker.stories.d.ts","sourceRoot":"","sources":["../../src/pd-datepicker/pd-date-picker.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAMhE,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,6CAA6C,CAAC;AAErD,OAAO,oBAAoB,CAAC;AAG5B,QAAA,MAAM,IAAI;;;;;CAkBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAiBpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAcpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA+F9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KA2ItC,CAAC"}

package/dist/pd-datepicker/pd-datepicker.d.ts

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

package/dist/pd-datepicker/pd-datepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-datepicker.d.ts","sourceRoot":"","sources":["../../src/pd-datepicker/pd-datepicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/pd-datepicker.d.ts

@@ -0,0 +1,2 @@
+export * from './pd-datepicker/pd-datepicker'
+export {}

package/dist/pd-datepicker.js

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

package/package.json

@@ -1,15 +1,17 @@
 {
   "name": "@progressive-development/pd-calendar",
-  "version": "0.6.7",
+  "version": "0.9.2",
   "description": "Webcomponent for calendar",
   "author": "PD Progressive Development",
   "license": "SEE LICENSE IN LICENSE",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
+  "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
     "./pd-calendar": "./dist/pd-calendar.js",
+    "./pd-datepicker": "./dist/pd-datepicker.js",
     "./locales/be": "./dist/locales/be.js",
     "./locales/de": "./dist/locales/de.js",
     "./locales/en": "./dist/locales/en.js"
@@ -20,52 +22,15 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "analyze": "cem analyze --litelement --exclude dist,demo",
-    "start": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "clean": "rm -rf dist",
-    "lint": "eslint --ext .ts,.html src --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "eslint --ext .ts,.html src --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
-    "test": "vitest run --coverage",
-    "test:watch": "vitest --watch",
-    "check": "npm run lint && npm run build",
-    "prepublishOnly": "npm run clean && npm run check",
-    "localizeExtract": "lit-localize extract",
-    "localizeBuild": "lit-localize build",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
   "dependencies": {
+    "lit": "^3.3.1",
     "@lit/localize": "^0.12.2",
-    "@progressive-development/pd-icon": "^0.7.4",
-    "@progressive-development/pd-shared-styles": "^0.2.5",
+    "date-fns": "^2.30.0",
     "fecha": "^4.2.3",
-    "lit": "^3.3.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@custom-elements-manifest/analyzer": "^0.4.17",
-    "@lit/localize-tools": "^0.6.10",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/blocks": "^8.0.10",
-    "@storybook/test": "^8.6.14",
-    "@storybook/web-components": "^8.0.10",
-    "@storybook/web-components-vite": "^8.6.14",
-    "@typescript-eslint/eslint-plugin": "^8.32.1",
-    "@typescript-eslint/parser": "^8.32.1",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-storybook": "^0.8.0",
-    "prettier": "^3.5.3",
-    "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^8.6.14",
-    "typescript": "^5.8.3",
-    "vite": "^5.4.19",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^2.1.9"
+    "tslib": "^2.8.1",
+    "@progressive-development/pd-shared-styles": "0.3.0",
+    "@progressive-development/pd-forms": "0.9.2",
+    "@progressive-development/pd-icon": "0.9.2"
   },
   "customElements": "custom-elements.json",
   "keywords": [
@@ -80,5 +45,23 @@
     "day",
     "month",
     "week"
-  ]
-}
+  ],
+  "scripts": {
+    "analyze": "cem analyze --litelement --exclude dist,demo",
+    "start": "vite",
+    "build": "pnpm run analyze && vite build",
+    "preview": "vite preview",
+    "clean": "rm -rf dist",
+    "clean:all": "rm -rf dist node_modules pnpm-lock.yaml",
+    "lint": "eslint --ext .ts,.html src --ignore-path ../../../.eslintignore && prettier \"**/*.ts\" --check --ignore-path ../../../.eslintignore",
+    "lint:lit": "lit-analyzer",
+    "format": "eslint --ext .ts,.html src --fix --ignore-path ../../../.eslintignore && prettier \"**/*.ts\" --write --ignore-path ../../../.eslintignore",
+    "test": "vitest run --coverage",
+    "test:watch": "vitest --watch",
+    "check": "pnpm run lint && pnpm run lint:lit && pnpm run build",
+    "localizeExtract": "lit-localize extract",
+    "localizeBuild": "lit-localize build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pd-calendar-cell.d.ts","sourceRoot":"","sources":["../src/pd-calendar-cell.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAS5D;;;;;;;GAOG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C;;;OAGG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,WAAW,SAAc;IAKzB,GAAG,SAAM;IAGT,aAAa,SAAM;IAGnB,SAAS,SAAM;IAEf,OAAgB,MAAM,EAAE,cAAc,CAoJpC;IAEO,MAAM;IAMf,OAAO,CAAC,qBAAqB;IA6B7B,OAAO,CAAC,gBAAgB;IAoBxB,OAAO,CAAC,sBAAsB;IAe9B,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,WAAW;CAQpB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pd-calendar.d.ts","sourceRoot":"","sources":["../src/pd-calendar.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5E,OAAO,0CAA0C,CAAC;AASlD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAqD1C;;;;;;;GAOG;AACH,qBAEa,UAAW,SAAQ,UAAU;IAExC,OAAO,CAAC,EAAE,IAAI,CAAC;IAGf,eAAe,UAAS;IAGxB,aAAa,EAAE,MAAM,EAAE,CAAM;IAG7B,mBAAmB,UAAS;IAG5B,mBAAmB,UAAS;IAG5B,aAAa,UAAS;IAGtB,WAAW,UAAS;IAGpB,mBAAmB,SAAM;IAGzB,mBAAmB,SAAM;IAGzB,IAAI,EAAE,YAAY,CAAM;IAGxB,WAAW,SAAc;IAGzB,OAAO,CAAC,SAAS,CAAc;IAG/B,OAAO,CAAC,YAAY,CAAc;IAGlC,OAAO,CAAC,WAAW,CAAK;IAExB,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,sBAAsB,CAAc;IAC5C,OAAO,CAAC,kBAAkB,CAAK;IAE/B,OAAgB,MAAM,EAAE,cAAc,CAsHpC;IAEO,iBAAiB,IAAI,IAAI;IAKzB,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAOrD,MAAM;IAOf,OAAO,CAAC,mBAAmB;IA6E3B,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,UAAU;IAiBlB,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAUpC,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,yBAAyB;CAOlC"}

package/dist/pd-year-popup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-year-popup.d.ts","sourceRoot":"","sources":["../src/pd-year-popup.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ5D;;;;;;;;GAQG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC;;OAEG;IAEH,aAAa,EAAE,MAAM,EAAE,CAAM;IAE7B;;OAEG;IAEH,WAAW,SAAM;IAEjB,OAAgB,MAAM,EAAE,cAAc,CA+DpC;IAEO,MAAM;IAkBf,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,eAAe;CAQxB"}

package/dist/stories/cell.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cell.stories.d.ts","sourceRoot":"","sources":["../../src/stories/cell.stories.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,wBAAwB,CAAC;AAGhC,QAAA,MAAM,IAAI;;;;;;;;;CAuCM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC"}

package/dist/stories/index.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../src/stories/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,OAAO,mBAAmB,CAAC;AAG3B,QAAA,MAAM,IAAI;;;;;;;;;CAwBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AActB,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAUF,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAC;AAiBF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAQxC,CAAC;AAIF,eAAO,MAAM,8BAA8B,EAAE,KAM5C,CAAC;AA2CF,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAOF,eAAO,MAAM,2BAA2B,EAAE,KA2BzC,CAAC;AAIF,eAAO,MAAM,qBAAqB,EAAE,KA+BnC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KA0BtC,CAAC"}