@progressive-development/pd-calendar 0.6.7 → 0.9.2

package/dist/{pd-calendar-cell.js → pd-calendar/pd-calendar-cell/PdCalendarCell.js}

@@ -1,18 +1,17 @@
-import { css, LitElement, html } from "lit";
-import { property, customElement } from "lit/decorators.js";
-import { parse } from "fecha";
-import { PdColorStyles, PdFontStyles } from "@progressive-development/pd-shared-styles";
+import { LitElement, css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { parse } from 'fecha';
+
 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;
+  var result = void 0 ;
   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);
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
   return result;
 };
-let PdCalendarCell = class extends LitElement {
+class PdCalendarCell extends LitElement {
   constructor() {
     super(...arguments);
     this.selectEnabled = false;
@@ -25,83 +24,9 @@ let PdCalendarCell = class extends LitElement {
     this.weekDayNumber = -1;
     this.dayNumber = -1;
   }
-  render() {
-    return this.selectEnabled ? this._renderSelectableCell() : this._renderEmptyCell();
-  }
-  _renderSelectableCell() {
-    const baseClasses = [
-      "cell",
-      "cell-day",
-      this.numberClass,
-      this.special ? "special" : "free",
-      (this.weekDayNumber === 6 || this.weekDayNumber === 0) && !this.special ? "we" : ""
-    ].join(" ");
-    return html`
-      <div
-        @click=${this._selectableCellClicked}
-        @mouseenter=${this._mouseEnter}
-        @mouseleave=${this._mouseLeave}
-        class="${baseClasses}"
-        data-date=${this.key}
-      >
-        ${this.infoTxt ? html`<div class="cell-info">${this.infoTxt}</div>` : ""}
-        ${this.today ? html`<div class="number-ring today"></div>` : ""}
-        ${this.selected ? html`<div class="number-ring selected"></div>` : ""}
-        <div class="cell-number ${this.numberClass}">${this.dayNumber}</div>
-      </div>
-    `;
-  }
-  _renderEmptyCell() {
-    const baseClasses = [
-      "cell",
-      "cell-day",
-      this.numberClass,
-      (this.weekDayNumber === 6 || this.weekDayNumber === 0) && !this.special ? "we" : ""
-    ].join(" ");
-    return html`
-      <div class="${baseClasses}">
-        ${this.infoTxt ? html`<div class="cell-info">${this.infoTxt}</div>` : ""}
-        <div class="cell-number ${this.numberClass}">${this.dayNumber}</div>
-      </div>
-    `;
-  }
-  _selectableCellClicked(e) {
-    const target = e.currentTarget;
-    const dateKey = target.dataset.date;
-    if (dateKey) {
-      const userSelectedDate = parse(dateKey, "YYYY-MM-DD");
-      this.dispatchEvent(
-        new CustomEvent("select-date", {
-          detail: { dateKey, date: userSelectedDate },
-          bubbles: true,
-          composed: true
-        })
-      );
-    }
-  }
-  _mouseEnter() {
-    const userSelectedDate = parse(this.key, "YYYY-MM-DD");
-    this.dispatchEvent(
-      new CustomEvent("mouse-enter-date", {
-        detail: { dateKey: this.key, date: userSelectedDate },
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-  _mouseLeave() {
-    this.dispatchEvent(
-      new CustomEvent("mouse-leave-date", {
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-};
-PdCalendarCell.styles = [
-  PdColorStyles,
-  PdFontStyles,
-  css`
+  static {
+    this.styles = [
+      css`
       :host {
         display: block;
       }
@@ -246,37 +171,107 @@ PdCalendarCell.styles = [
         }
       }
     `
-];
+    ];
+  }
+  render() {
+    return this.selectEnabled ? this._renderSelectableCell() : this._renderEmptyCell();
+  }
+  _renderSelectableCell() {
+    const baseClasses = [
+      "cell",
+      "cell-day",
+      this.numberClass,
+      this.special ? "special" : "free",
+      (this.weekDayNumber === 6 || this.weekDayNumber === 0) && !this.special ? "we" : ""
+    ].join(" ");
+    return html`
+      <div
+        @click=${this._selectableCellClicked}
+        @mouseenter=${this._mouseEnter}
+        @mouseleave=${this._mouseLeave}
+        class="${baseClasses}"
+        data-date=${this.key}
+      >
+        ${this.infoTxt ? html`<div class="cell-info">${this.infoTxt}</div>` : ""}
+        ${this.today ? html`<div class="number-ring today"></div>` : ""}
+        ${this.selected ? html`<div class="number-ring selected"></div>` : ""}
+        <div class="cell-number ${this.numberClass}">${this.dayNumber}</div>
+      </div>
+    `;
+  }
+  _renderEmptyCell() {
+    const baseClasses = [
+      "cell",
+      "cell-day",
+      this.numberClass,
+      (this.weekDayNumber === 6 || this.weekDayNumber === 0) && !this.special ? "we" : ""
+    ].join(" ");
+    return html`
+      <div class="${baseClasses}">
+        ${this.infoTxt ? html`<div class="cell-info">${this.infoTxt}</div>` : ""}
+        <div class="cell-number ${this.numberClass}">${this.dayNumber}</div>
+      </div>
+    `;
+  }
+  _selectableCellClicked(e) {
+    const target = e.currentTarget;
+    const dateKey = target.dataset.date;
+    if (dateKey) {
+      const userSelectedDate = parse(dateKey, "YYYY-MM-DD");
+      this.dispatchEvent(
+        new CustomEvent("select-date", {
+          detail: { dateKey, date: userSelectedDate },
+          bubbles: true,
+          composed: true
+        })
+      );
+    }
+  }
+  _mouseEnter() {
+    const userSelectedDate = parse(this.key, "YYYY-MM-DD");
+    this.dispatchEvent(
+      new CustomEvent("mouse-enter-date", {
+        detail: { dateKey: this.key, date: userSelectedDate },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  _mouseLeave() {
+    this.dispatchEvent(
+      new CustomEvent("mouse-leave-date", {
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+}
 __decorateClass([
   property({ type: Boolean })
-], PdCalendarCell.prototype, "selectEnabled", 2);
+], PdCalendarCell.prototype, "selectEnabled");
 __decorateClass([
   property({ type: Boolean })
-], PdCalendarCell.prototype, "today", 2);
+], PdCalendarCell.prototype, "today");
 __decorateClass([
   property({ type: Boolean })
-], PdCalendarCell.prototype, "selected", 2);
+], PdCalendarCell.prototype, "selected");
 __decorateClass([
   property({ type: Boolean })
-], PdCalendarCell.prototype, "special", 2);
+], PdCalendarCell.prototype, "special");
 __decorateClass([
   property({ type: String })
-], PdCalendarCell.prototype, "infoTxt", 2);
+], PdCalendarCell.prototype, "infoTxt");
 __decorateClass([
   property({ type: String })
-], PdCalendarCell.prototype, "numberClass", 2);
+], PdCalendarCell.prototype, "numberClass");
 __decorateClass([
   property({ type: String })
-], PdCalendarCell.prototype, "key", 2);
+], PdCalendarCell.prototype, "key");
 __decorateClass([
   property({ type: Number })
-], PdCalendarCell.prototype, "weekDayNumber", 2);
+], PdCalendarCell.prototype, "weekDayNumber");
 __decorateClass([
   property({ type: Number })
-], PdCalendarCell.prototype, "dayNumber", 2);
-PdCalendarCell = __decorateClass([
-  customElement("pd-calendar-cell")
-], PdCalendarCell);
-export {
-  PdCalendarCell
-};
+], PdCalendarCell.prototype, "dayNumber");
+
+export { PdCalendarCell };

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

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

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

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

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

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

package/dist/{stories/cell.stories.d.ts → pd-calendar/pd-calendar-cell/pd-calendar-cell.stories.d.ts}

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
-    render: ({ infoTxt }: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
+    render: ({ infoTxt }: import('@storybook/web-components').Args) => import('lit').TemplateResult<1>;
     argTypes: {};
     parameters: {
         actions: {
@@ -12,4 +12,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj;
 export declare const BasicCell: Story;
-//# sourceMappingURL=cell.stories.d.ts.map
+//# sourceMappingURL=pd-calendar-cell.stories.d.ts.map

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

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

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

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

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

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

package/dist/{stories/index.stories.d.ts → pd-calendar/pd-calendar.stories.d.ts}

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
-    render: ({ hideWeekend, refDate, data, prevMonthConstraint, nextMonthConstraint, addSlot, }: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
+    render: ({ hideWeekend, refDate, data, prevMonthConstraint, nextMonthConstraint, addSlot, }: import('@storybook/web-components').Args) => import('lit').TemplateResult<1>;
     argTypes: {};
     parameters: {
         actions: {
@@ -20,4 +20,4 @@ export declare const BasicSmall: Story;
 export declare const BasicSmallHugeYearSelection: Story;
 export declare const BasicSmallWithRefDate: Story;
 export declare const BasicSmallWithoutWeekend: Story;
-//# sourceMappingURL=index.stories.d.ts.map
+//# sourceMappingURL=pd-calendar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-calendar.stories.d.ts","sourceRoot":"","sources":["../../src/pd-calendar/pd-calendar.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,OAAO,kBAAkB,CAAC;AAG1B,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"}

package/dist/{pd-year-popup.d.ts → pd-calendar/pd-year-popup/PdYearPopup.d.ts}

@@ -7,6 +7,8 @@ import { LitElement, CSSResultGroup } from 'lit';
  *
  * @fires change-year-selection – wenn ein Jahr ausgewählt wurde
  * @fires abort-year-selection – wenn außerhalb geklickt wird / keine Auswahl
+ *
+ * @tagname pd-year-popup
  */
 export declare class PdYearPopup extends LitElement {
     /**
@@ -18,8 +20,8 @@ export declare class PdYearPopup extends LitElement {
      */
     currentYear: string;
     static styles: CSSResultGroup;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     private _yearSelection;
     private _closeSelection;
 }
-//# sourceMappingURL=pd-year-popup.d.ts.map
+//# sourceMappingURL=PdYearPopup.d.ts.map

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

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

package/dist/{pd-year-popup.js → pd-calendar/pd-year-popup/PdYearPopup.js}

@@ -1,67 +1,24 @@
-import { css, LitElement, html } from "lit";
-import { property, customElement } from "lit/decorators.js";
-import { PdColorStyles, PdFontStyles } from "@progressive-development/pd-shared-styles";
+import { LitElement, css, html } from 'lit';
+import { property } from 'lit/decorators.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;
+  var result = void 0 ;
   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);
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
   return result;
 };
-let PdYearPopup = class extends LitElement {
+class PdYearPopup extends LitElement {
   constructor() {
     super(...arguments);
     this.yearSelection = [];
     this.currentYear = "";
   }
-  render() {
-    return html`
-      <ul>
-        ${this.yearSelection.map(
-      (year) => html`
-            <li
-              class="${this.currentYear === year ? "current" : "selectable"}"
-              data-year="${year}"
-              @click=${this._yearSelection}
-            >
-              ${year}
-            </li>
-          `
-    )}
-      </ul>
-    `;
-  }
-  _yearSelection(event) {
-    const target = event.currentTarget;
-    const year = target.dataset.year;
-    if (year) {
-      this.dispatchEvent(
-        new CustomEvent("change-year-selection", {
-          detail: { year },
-          bubbles: true,
-          composed: true
-        })
-      );
-    } else {
-      this._closeSelection();
-    }
-  }
-  _closeSelection() {
-    this.dispatchEvent(
-      new CustomEvent("abort-year-selection", {
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-};
-PdYearPopup.styles = [
-  PdColorStyles,
-  PdFontStyles,
-  css`
+  static {
+    this.styles = [
+      css`
       :host {
         position: absolute;
         z-index: 10;
@@ -121,16 +78,54 @@ PdYearPopup.styles = [
         font-weight: bold;
       }
     `
-];
+    ];
+  }
+  render() {
+    return html`
+      <ul>
+        ${this.yearSelection.map(
+      (year) => html`
+            <li
+              class="${this.currentYear === year ? "current" : "selectable"}"
+              data-year="${year}"
+              @click=${this._yearSelection}
+            >
+              ${year}
+            </li>
+          `
+    )}
+      </ul>
+    `;
+  }
+  _yearSelection(event) {
+    const target = event.currentTarget;
+    const year = target.dataset.year;
+    if (year) {
+      this.dispatchEvent(
+        new CustomEvent("change-year-selection", {
+          detail: { year },
+          bubbles: true,
+          composed: true
+        })
+      );
+    } else {
+      this._closeSelection();
+    }
+  }
+  _closeSelection() {
+    this.dispatchEvent(
+      new CustomEvent("abort-year-selection", {
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+}
 __decorateClass([
   property({ type: Array })
-], PdYearPopup.prototype, "yearSelection", 2);
+], PdYearPopup.prototype, "yearSelection");
 __decorateClass([
   property({ type: String })
-], PdYearPopup.prototype, "currentYear", 2);
-PdYearPopup = __decorateClass([
-  customElement("pd-year-popup")
-], PdYearPopup);
-export {
-  PdYearPopup
-};
+], PdYearPopup.prototype, "currentYear");
+
+export { PdYearPopup };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-year-popup.d.ts","sourceRoot":"","sources":["../../../src/pd-calendar/pd-year-popup/pd-year-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO/C,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/pd-calendar/pd-year-popup/pd-year-popup.js

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

package/dist/pd-calendar.d.ts

@@ -1,48 +1,2 @@
-import { LitElement, PropertyValues, CSSResultGroup } from 'lit';
-import { CalendarData } from './types.js';
-/**
- * PdCalendar displays monthly view with information (selectable day cell).
- *
- * @fires change-month
- * @fires select-date
- * @fires mouse-enter-date
- * @fires mouse-leave-date
- */
-export declare class PdCalendar extends LitElement {
-    refDate?: Date;
-    selectableDates: boolean;
-    withYearPopup: string[];
-    withWheelNavigation: boolean;
-    withTouchNavigation: boolean;
-    showSelection: boolean;
-    hideWeekend: boolean;
-    prevMonthConstraint: number;
-    nextMonthConstraint: number;
-    data: CalendarData;
-    numberClass: string;
-    private _viewType;
-    private _currentDate;
-    private _wheelDelta;
-    private _monthName;
-    private _year;
-    private _numberOfDays;
-    private _daysFromPreviousMonth;
-    private _currentMonthNavNr;
-    static styles: CSSResultGroup;
-    connectedCallback(): void;
-    update(changedProperties: PropertyValues<this>): void;
-    render(): import('lit-html').TemplateResult<1>;
-    private renderMonthCalendar;
-    private _openYearPopup;
-    private _getWeekDays;
-    private _nextMonth;
-    private _previousMonth;
-    private _wheelEvent;
-    private _touchStartEvent;
-    private _touchEndEvent;
-    private _initFromDate;
-    private static _getPreviousMonthDays;
-    private _checkNextMonthConstraint;
-    private _checkPrevMonthConstraint;
-}
-//# sourceMappingURL=pd-calendar.d.ts.map
+export * from './pd-calendar/pd-calendar'
+export {}