@progressive-development/pd-calendar 0.5.4 → 0.6.1

package/dist/generated/locale-codes.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The locale code that templates in this source code are written in.
+ */
+export declare const sourceLocale = "dev";
+/**
+ * The other locale codes that this application is localized into. Sorted
+ * lexicographically.
+ */
+export declare const targetLocales: readonly ["be", "de", "en"];
+/**
+ * All valid project locale codes. Sorted lexicographically.
+ */
+export declare const allLocales: readonly ["be", "de", "dev", "en"];
+//# sourceMappingURL=locale-codes.d.ts.map

package/dist/generated/locale-codes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-codes.d.ts","sourceRoot":"","sources":["../../src/generated/locale-codes.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,YAAY,QAAQ,CAAC;AAElC;;;GAGG;AACH,eAAO,MAAM,aAAa,6BAA8B,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,UAAU,oCAAqC,CAAC"}

package/dist/generated/locales/be.d.ts

@@ -0,0 +1,22 @@
+export declare const templates: {
+    "pd.datepicker.month.apr": string;
+    "pd.datepicker.month.aug": string;
+    "pd.datepicker.month.dec": string;
+    "pd.datepicker.month.feb": string;
+    "pd.datepicker.month.jan": string;
+    "pd.datepicker.month.jul": string;
+    "pd.datepicker.month.jun": string;
+    "pd.datepicker.month.mar": string;
+    "pd.datepicker.month.may": string;
+    "pd.datepicker.month.nov": string;
+    "pd.datepicker.month.oct": string;
+    "pd.datepicker.month.sep": string;
+    "pd.datepicker.shortday.fri": string;
+    "pd.datepicker.shortday.mon": string;
+    "pd.datepicker.shortday.sat": string;
+    "pd.datepicker.shortday.sun": string;
+    "pd.datepicker.shortday.thi": string;
+    "pd.datepicker.shortday.tue": string;
+    "pd.datepicker.shortday.wed": string;
+};
+//# sourceMappingURL=be.d.ts.map

package/dist/generated/locales/be.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"be.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/be.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC"}

package/dist/generated/locales/de.d.ts

@@ -0,0 +1,22 @@
+export declare const templates: {
+    "pd.datepicker.month.jan": string;
+    "pd.datepicker.month.feb": string;
+    "pd.datepicker.month.mar": string;
+    "pd.datepicker.month.apr": string;
+    "pd.datepicker.month.may": string;
+    "pd.datepicker.month.jun": string;
+    "pd.datepicker.month.jul": string;
+    "pd.datepicker.month.aug": string;
+    "pd.datepicker.month.sep": string;
+    "pd.datepicker.month.oct": string;
+    "pd.datepicker.month.nov": string;
+    "pd.datepicker.month.dec": string;
+    "pd.datepicker.shortday.mon": string;
+    "pd.datepicker.shortday.tue": string;
+    "pd.datepicker.shortday.wed": string;
+    "pd.datepicker.shortday.thi": string;
+    "pd.datepicker.shortday.fri": string;
+    "pd.datepicker.shortday.sat": string;
+    "pd.datepicker.shortday.sun": string;
+};
+//# sourceMappingURL=de.d.ts.map

package/dist/generated/locales/de.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/de.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC"}

package/dist/generated/locales/en.d.ts

@@ -0,0 +1,22 @@
+export declare const templates: {
+    "pd.datepicker.month.apr": string;
+    "pd.datepicker.month.aug": string;
+    "pd.datepicker.month.dec": string;
+    "pd.datepicker.month.feb": string;
+    "pd.datepicker.month.jan": string;
+    "pd.datepicker.month.jul": string;
+    "pd.datepicker.month.jun": string;
+    "pd.datepicker.month.mar": string;
+    "pd.datepicker.month.may": string;
+    "pd.datepicker.month.nov": string;
+    "pd.datepicker.month.oct": string;
+    "pd.datepicker.month.sep": string;
+    "pd.datepicker.shortday.fri": string;
+    "pd.datepicker.shortday.mon": string;
+    "pd.datepicker.shortday.sat": string;
+    "pd.datepicker.shortday.sun": string;
+    "pd.datepicker.shortday.thi": string;
+    "pd.datepicker.shortday.tue": string;
+    "pd.datepicker.shortday.wed": string;
+};
+//# sourceMappingURL=en.d.ts.map

package/dist/generated/locales/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/en.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { PdCalendar } from './pd-calendar.js';
+export type { CalendarCellInfo, CalendarData } from './types.ts';
+export { templates as beTemplates } from './generated/locales/be.js';
+export { templates as deTemplates } from './generated/locales/de.js';
+export { templates as enTemplates } from './generated/locales/en.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEjE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { PdCalendar } from "./src/PdCalendar.js";
+import { PdCalendar } from "./pd-calendar.js";
 import { templates } from "./locales/be.js";
 import { templates as templates2 } from "./locales/de.js";
 import { templates as templates3 } from "./locales/en.js";

package/dist/locales/be.d.ts

@@ -0,0 +1,2 @@
+export * from '../generated/locales/be'
+export {}

package/dist/locales/be.js

@@ -1,11 +1,4 @@
 const templates = {
-  "pd.datepicker.day.fri": `Vrijdag`,
-  "pd.datepicker.day.mon": `Maandag`,
-  "pd.datepicker.day.sat": `Zaterdag`,
-  "pd.datepicker.day.sun": `Zondag`,
-  "pd.datepicker.day.thi": `Donderdag`,
-  "pd.datepicker.day.tue": `Dinsdag`,
-  "pd.datepicker.day.wed": `Woensdag`,
   "pd.datepicker.month.apr": `April`,
   "pd.datepicker.month.aug": `Augustus`,
   "pd.datepicker.month.dec": `December`,

package/dist/locales/de.d.ts

@@ -0,0 +1,2 @@
+export * from '../generated/locales/de'
+export {}

package/dist/locales/de.js

@@ -11,13 +11,6 @@ const templates = {
   "pd.datepicker.month.oct": `Oktober`,
   "pd.datepicker.month.nov": `November`,
   "pd.datepicker.month.dec": `Dezember`,
-  "pd.datepicker.day.sun": `Sonntag`,
-  "pd.datepicker.day.mon": `Montag`,
-  "pd.datepicker.day.tue": `Dienstag`,
-  "pd.datepicker.day.wed": `Mittwoch`,
-  "pd.datepicker.day.thi": `Donnerstag`,
-  "pd.datepicker.day.fri": `Freitag`,
-  "pd.datepicker.day.sat": `Samstag`,
   "pd.datepicker.shortday.mon": `Mo`,
   "pd.datepicker.shortday.tue": `Di`,
   "pd.datepicker.shortday.wed": `Mi`,

package/dist/locales/en.d.ts

@@ -0,0 +1,2 @@
+export * from '../generated/locales/en'
+export {}

package/dist/locales/en.js

@@ -1,11 +1,4 @@
 const templates = {
-  "pd.datepicker.day.fri": `Friday`,
-  "pd.datepicker.day.mon": `Monday`,
-  "pd.datepicker.day.sat": `Saturday`,
-  "pd.datepicker.day.sun": `Sunday`,
-  "pd.datepicker.day.thi": `Thursday`,
-  "pd.datepicker.day.tue": `Tuesday`,
-  "pd.datepicker.day.wed": `Wednesday`,
   "pd.datepicker.month.apr": `April`,
   "pd.datepicker.month.aug": `August`,
   "pd.datepicker.month.dec": `December`,

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

@@ -0,0 +1,47 @@
+import { LitElement, CSSResultGroup } from 'lit';
+/**
+ * Ein einzelnes Kalendertag-Element zur Anzeige in Monatsübersichten.
+ *
+ * Events:
+ * - `select-date`: Wird bei Klick auf ein auswählbares Feld ausgelöst
+ * - `mouse-enter-date`: Wird beim Hover über ein auswählbares Feld ausgelöst
+ * - `mouse-leave-date`: Wird beim Verlassen des Feldes ausgelöst
+ */
+export declare class PdCalendarCell extends LitElement {
+    /**
+     * If enabled, cell could be selected (with visible hover element and pointer)
+     * vy the user => results in fire cell-selected.
+     */
+    selectEnabled: boolean;
+    /**
+     * If enabled, highlight the current day
+     */
+    today: boolean;
+    /**
+     * If enabled, highlight the selected day
+     */
+    selected: boolean;
+    /**
+     * If enabled the cell gets an special class (e.g. green day).
+     */
+    special: boolean;
+    /**
+     * If set shows info text in the middle (hack) of the cell (e.g. price info).
+     */
+    infoTxt: string;
+    /**
+     * CSS class for day number inside the cell, top-left and center available
+     */
+    numberClass: string;
+    key: string;
+    weekDayNumber: number;
+    dayNumber: number;
+    static styles: CSSResultGroup;
+    render(): import('lit-html').TemplateResult<1>;
+    private _renderSelectableCell;
+    private _renderEmptyCell;
+    private _selectableCellClicked;
+    private _mouseEnter;
+    private _mouseLeave;
+}
+//# sourceMappingURL=pd-calendar-cell.d.ts.map

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

@@ -0,0 +1 @@
+{"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-cell.js

@@ -0,0 +1,282 @@
+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";
+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 PdCalendarCell = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.selectEnabled = false;
+    this.today = false;
+    this.selected = false;
+    this.special = false;
+    this.infoTxt = "";
+    this.numberClass = "top-left";
+    this.key = "";
+    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`
+      :host {
+        display: block;
+      }
+
+      .cell {
+        width: 100%;
+        height: 100%;
+        min-height: 30px;
+      }
+
+      .cell-empty {
+        background-color: var(
+          --pd-calendar-cell-empty-bg-col,
+          var(--pd-default-bg)
+        );
+      }
+
+      .cell-day {
+        position: relative;
+        /*background-image: linear-gradient(to right, rgb(51, 101, 138) , rgb(38, 76, 104));      */
+        /*box-shadow: 2px 2px 3px;*/
+        background-color: var(
+          --pd-calendar-cell-day-bg-col,
+          var(--pd-default-light-col)
+        );
+        /*border-radius: 2px 2px 2px 2px;*/
+      }
+
+      .cell-day.we {
+        background-color: var(
+          --pd-calendar-cell-day-we-bg-col,
+          var(--pd-default-disabled-light-col)
+        );
+      }
+
+      .free {
+        /*background-image: linear-gradient(to right, green, darkgreen);      
+               background-color: var(--my-info-cell-bg1-color);*/
+        background-color: var(
+          --pd-calendar-cell-day-free-bg-col,
+          var(--pd-default-col)
+        );
+        /*background-image: linear-gradient(to right, var(--my-info-cell-bg1-color), var(--my-info-cell-bg2-color));*/
+        box-shadow: var(--pd-calendar-cell-selectable-shadow, 1px 2px 2px);
+      }
+
+      .special {
+        /*background-image: linear-gradient(to right, green, darkgreen);      
+               background-color: var(--my-info-cell-bg1-color);*/
+        background-color: var(
+          --pd-calendar-cell-day-special-bg-col,
+          var(--pd-default-success-col)
+        );
+        /*background-image: linear-gradient(to right, var(--my-info-cell-bg1-color), var(--my-info-cell-bg2-color));*/
+        box-shadow: var(--pd-calendar-cell-selectable-shadow, 1px 2px 2px);
+      }
+
+      .special:hover,
+      .free:hover {
+        background-color: var(
+          --pd-calendar-cell-day-bg-col-hover,
+          var(--pd-default-hover-col)
+        );
+        /*background-image: linear-gradient(to right, var(--my-info-cell-bg1-hover), var(--my-info-cell-bg2-hover));*/
+        cursor: pointer;
+      }
+
+      .cell-info {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        color: var(--pd-calendar-cell-day-info-col, var(--pd-default-bg-col));
+        font-family: var(--pd-default-font-title-family);
+        font-weight: bold;
+        font-size: var(--pd-calendar-info-font-size, 1.5em);
+        text-shadow: 1px 1px var(--pd-default-dark-col);
+        pointer-events: none;
+      }
+
+      .cell-number {
+        pointer-events: none;
+        font-size: var(--pd-calendar-number-font-size, 1em);
+        font-weight: bold;
+        color: var(--pd-calendar-cell-day-info-col, var(--pd-default-bg-col));
+        font-family: var(--pd-default-font-content-family);
+      }
+
+      .cell-number.top-left {
+        position: absolute;
+        left: 3px;
+        top: 2px;
+      }
+
+      /* Noch umstellen, passt nicht für alle größen (die anderen auf flex/center umgestellt) */
+      .center {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .free .cell-number,
+      .special .cell-number {
+        color: var(
+          --pd-calendar-cell-day-info-free-col,
+          var(--pd-default-bg-col)
+        );
+      }
+
+      .number-ring {
+        position: absolute;
+        height: 28px;
+        width: 28px;
+        border-radius: 50%;
+        display: inline-block;
+      }
+
+      .today {
+        border: 2px solid blue;
+        pointer-events: none;
+      }
+
+      .selected {
+        border: 2px solid red;
+      }
+
+      /* ToDo: Dont work for calendars sized by custom properties. Needed to calculate from calendar size
+        not from window size, this is a topic for container queries, which are not available right now... */
+      @media (max-width: 800px) {
+        .cell-info {
+          font-size: 1.3em;
+        }
+        .cell-number {
+          font-size: 0.8em;
+        }
+      }
+
+      @media (max-width: 500px) {
+        .cell-info {
+          font-weight: normal;
+          font-size: 1em;
+        }
+      }
+    `
+];
+__decorateClass([
+  property({ type: Boolean })
+], PdCalendarCell.prototype, "selectEnabled", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdCalendarCell.prototype, "today", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdCalendarCell.prototype, "selected", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdCalendarCell.prototype, "special", 2);
+__decorateClass([
+  property({ type: String })
+], PdCalendarCell.prototype, "infoTxt", 2);
+__decorateClass([
+  property({ type: String })
+], PdCalendarCell.prototype, "numberClass", 2);
+__decorateClass([
+  property({ type: String })
+], PdCalendarCell.prototype, "key", 2);
+__decorateClass([
+  property({ type: Number })
+], PdCalendarCell.prototype, "weekDayNumber", 2);
+__decorateClass([
+  property({ type: Number })
+], PdCalendarCell.prototype, "dayNumber", 2);
+PdCalendarCell = __decorateClass([
+  customElement("pd-calendar-cell")
+], PdCalendarCell);
+export {
+  PdCalendarCell
+};

package/dist/pd-calendar.d.ts

@@ -0,0 +1,51 @@
+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;
+    private _forwardEvent;
+    private _forwardEnterEvent;
+    private _forwardLeaveEvent;
+}
+//# sourceMappingURL=pd-calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"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;IAgF3B,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;IAQjC,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,kBAAkB;CAG3B"}