@oicl/openbridge-webcomponents 0.0.20260410061657 → 0.0.20260410085854

package/dist/components/calendar/calendar-utils.d.ts

@@ -0,0 +1,26 @@
+import { DateItemEvent, EventItemType } from '../event-item/event-item.js';
+export type { DateItemEvent };
+export { EventItemType };
+export declare enum CalendarType {
+    Small = "small",
+    Regular = "regular",
+    Large = "large",
+    XLarge = "xlarge"
+}
+export interface CalendarEvent extends DateItemEvent {
+    date: Date;
+}
+export interface DateCellInfo {
+    date: Date;
+    dayNumber: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    events: DateItemEvent[];
+}
+export declare function isSameDay(a: Date, b: Date): boolean;
+export declare function toDateKey(date: Date): string;
+export declare function groupEventsByDate(events: CalendarEvent[]): Map<string, CalendarEvent[]>;
+export declare function getMonthYearLabel(date: Date, locale?: string): string;
+export declare function getWeekdayNames(locale?: string, firstDayOfWeek?: number): string[];
+export declare function getMonthGrid(year: number, month: number, firstDayOfWeek?: number, events?: CalendarEvent[], today?: Date): DateCellInfo[][];
+//# sourceMappingURL=calendar-utils.d.ts.map

package/dist/components/calendar/calendar-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-utils.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAEzE,YAAY,EAAC,aAAa,EAAC,CAAC;AAC5B,OAAO,EAAC,aAAa,EAAC,CAAC;AAEvB,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,aAAa,EAAE,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAMnD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAK5C;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,aAAa,EAAE,GACtB,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,CAe9B;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAKrE;AAED,wBAAgB,eAAe,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,cAAc,SAAI,GAAG,MAAM,EAAE,CAe7E;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,cAAc,SAAI,EAClB,MAAM,CAAC,EAAE,aAAa,EAAE,EACxB,KAAK,CAAC,EAAE,IAAI,GACX,YAAY,EAAE,EAAE,CAoClB"}

package/dist/components/calendar/calendar-utils.js

@@ -0,0 +1,96 @@
+import { EventItemType } from "../event-item/event-item.js";
+var CalendarType = /* @__PURE__ */ ((CalendarType2) => {
+  CalendarType2["Small"] = "small";
+  CalendarType2["Regular"] = "regular";
+  CalendarType2["Large"] = "large";
+  CalendarType2["XLarge"] = "xlarge";
+  return CalendarType2;
+})(CalendarType || {});
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function toDateKey(date) {
+  const y = date.getFullYear();
+  const m = String(date.getMonth() + 1).padStart(2, "0");
+  const d = String(date.getDate()).padStart(2, "0");
+  return `${y}-${m}-${d}`;
+}
+function groupEventsByDate(events) {
+  const map = /* @__PURE__ */ new Map();
+  for (const event of events) {
+    const key = toDateKey(event.date);
+    let group = map.get(key);
+    if (!group) {
+      group = [];
+      map.set(key, group);
+    }
+    group.push(event);
+  }
+  map.forEach((group) => {
+    group.sort((a, b) => a.startTime.localeCompare(b.startTime));
+  });
+  return map;
+}
+function getMonthYearLabel(date, locale) {
+  return new Intl.DateTimeFormat(locale, {
+    month: "long",
+    year: "numeric"
+  }).format(date);
+}
+function getWeekdayNames(locale, firstDayOfWeek = 1) {
+  const baseDate = new Date(2024, 0, 7);
+  const formatter = new Intl.DateTimeFormat(locale, { weekday: "short" });
+  const names = [];
+  for (let i = 0; i < 7; i++) {
+    const d = new Date(baseDate);
+    d.setDate(baseDate.getDate() + i);
+    const formatted = formatter.format(d);
+    names.push(formatted.slice(0, 2));
+  }
+  const rotated = [
+    ...names.slice(firstDayOfWeek),
+    ...names.slice(0, firstDayOfWeek)
+  ];
+  return rotated;
+}
+function getMonthGrid(year, month, firstDayOfWeek = 1, events, today) {
+  const actualToday = today ?? /* @__PURE__ */ new Date();
+  const eventMap = events ? groupEventsByDate(events) : /* @__PURE__ */ new Map();
+  const firstOfMonth = new Date(year, month, 1);
+  const rawDay = firstOfMonth.getDay();
+  const offset = (rawDay - firstDayOfWeek + 7) % 7;
+  const startDate = new Date(year, month, 1 - offset);
+  const grid = [];
+  for (let row = 0; row < 6; row++) {
+    const week = [];
+    for (let col = 0; col < 7; col++) {
+      const cellDate = new Date(
+        startDate.getFullYear(),
+        startDate.getMonth(),
+        startDate.getDate() + row * 7 + col
+      );
+      const key = toDateKey(cellDate);
+      const matchedEvents = eventMap.get(key) ?? [];
+      week.push({
+        date: cellDate,
+        dayNumber: cellDate.getDate(),
+        isCurrentMonth: cellDate.getMonth() === month && cellDate.getFullYear() === year,
+        isToday: isSameDay(cellDate, actualToday),
+        events: matchedEvents
+      });
+    }
+    grid.push(week);
+  }
+  return grid;
+}
+export {
+  CalendarType,
+  EventItemType,
+  getMonthGrid,
+  getMonthYearLabel,
+  getWeekdayNames,
+  groupEventsByDate,
+  isSameDay,
+  toDateKey
+};
+//# sourceMappingURL=calendar-utils.js.map

package/dist/components/calendar/calendar-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-utils.js","sources":["../../../src/components/calendar/calendar-utils.ts"],"sourcesContent":["import {DateItemEvent, EventItemType} from '../event-item/event-item.js';\n\nexport type {DateItemEvent};\nexport {EventItemType};\n\nexport enum CalendarType {\n  Small = 'small',\n  Regular = 'regular',\n  Large = 'large',\n  XLarge = 'xlarge',\n}\n\nexport interface CalendarEvent extends DateItemEvent {\n  date: Date;\n}\n\nexport interface DateCellInfo {\n  date: Date;\n  dayNumber: number;\n  isCurrentMonth: boolean;\n  isToday: boolean;\n  events: DateItemEvent[];\n}\n\nexport function isSameDay(a: Date, b: Date): boolean {\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\nexport function toDateKey(date: Date): string {\n  const y = date.getFullYear();\n  const m = String(date.getMonth() + 1).padStart(2, '0');\n  const d = String(date.getDate()).padStart(2, '0');\n  return `${y}-${m}-${d}`;\n}\n\nexport function groupEventsByDate(\n  events: CalendarEvent[]\n): Map<string, CalendarEvent[]> {\n  const map = new Map<string, CalendarEvent[]>();\n  for (const event of events) {\n    const key = toDateKey(event.date);\n    let group = map.get(key);\n    if (!group) {\n      group = [];\n      map.set(key, group);\n    }\n    group.push(event);\n  }\n  map.forEach((group) => {\n    group.sort((a, b) => a.startTime.localeCompare(b.startTime));\n  });\n  return map;\n}\n\nexport function getMonthYearLabel(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    month: 'long',\n    year: 'numeric',\n  }).format(date);\n}\n\nexport function getWeekdayNames(locale?: string, firstDayOfWeek = 1): string[] {\n  const baseDate = new Date(2024, 0, 7); // Sunday 2024-01-07\n  const formatter = new Intl.DateTimeFormat(locale, {weekday: 'short'});\n  const names: string[] = [];\n  for (let i = 0; i < 7; i++) {\n    const d = new Date(baseDate);\n    d.setDate(baseDate.getDate() + i);\n    const formatted = formatter.format(d);\n    names.push(formatted.slice(0, 2));\n  }\n  const rotated = [\n    ...names.slice(firstDayOfWeek),\n    ...names.slice(0, firstDayOfWeek),\n  ];\n  return rotated;\n}\n\nexport function getMonthGrid(\n  year: number,\n  month: number,\n  firstDayOfWeek = 1,\n  events?: CalendarEvent[],\n  today?: Date\n): DateCellInfo[][] {\n  const actualToday = today ?? new Date();\n  const eventMap = events\n    ? groupEventsByDate(events)\n    : new Map<string, CalendarEvent[]>();\n\n  const firstOfMonth = new Date(year, month, 1);\n  const rawDay = firstOfMonth.getDay();\n  const offset = (rawDay - firstDayOfWeek + 7) % 7;\n\n  const startDate = new Date(year, month, 1 - offset);\n\n  const grid: DateCellInfo[][] = [];\n  for (let row = 0; row < 6; row++) {\n    const week: DateCellInfo[] = [];\n    for (let col = 0; col < 7; col++) {\n      const cellDate = new Date(\n        startDate.getFullYear(),\n        startDate.getMonth(),\n        startDate.getDate() + row * 7 + col\n      );\n      const key = toDateKey(cellDate);\n      const matchedEvents = eventMap.get(key) ?? [];\n      week.push({\n        date: cellDate,\n        dayNumber: cellDate.getDate(),\n        isCurrentMonth:\n          cellDate.getMonth() === month && cellDate.getFullYear() === year,\n        isToday: isSameDay(cellDate, actualToday),\n        events: matchedEvents,\n      });\n    }\n    grid.push(week);\n  }\n\n  return grid;\n}\n"],"names":["CalendarType"],"mappings":"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"}

package/dist/components/calendar/calendar.css.js

@@ -0,0 +1,228 @@
+import { css } from "lit";
+const componentStyle = css`
+          * {
+            -webkit-tap-highlight-color: transparent;
+          }
+
+:host {
+  display: block;
+  height: 100%;
+}
+
+.wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: var(--container-global-color);
+  overflow: clip;
+}
+
+.wrapper.type-small,.wrapper.type-regular,.wrapper.type-large {
+    border-radius: var(
+      --menu-navigation-components-calendar-border-radius,
+      12px
+    );
+    box-shadow: var(--shadow-floating);
+  }
+
+.title-container {
+  display: flex;
+  align-items: center;
+  padding-left: 8px;
+  flex-shrink: 0;
+}
+
+.type-xlarge .title-container {
+    padding-left: var(--app-components-system-menu-margin-horizontal, 16px);
+  }
+
+.navigation-container {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.xlarge-label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1 1 0;
+  min-width: 0;
+  font-family: var(--font-family-main);
+  font-weight: var(--global-typography-ui-body-font-weight);
+  font-size: var(--global-typography-ui-body-font-size);
+  line-height: var(--global-typography-ui-body-line-height);
+  font-feature-settings:
+    "liga" off,
+    "clig" off,
+    "ss04" on;
+  color: var(--on-container-active-color);
+}
+
+.month-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.content-container {
+  display: flex;
+  border-top: 1px solid var(--border-divider-color);
+  flex: 1 1 0;
+  min-height: 0;
+  overflow: clip;
+}
+
+.type-small .content-container,.type-regular .content-container {
+    flex-direction: column;
+  }
+
+.type-large .content-container,.type-xlarge .content-container {
+    flex-direction: row;
+  }
+
+.calendar-container {
+  background: var(--container-background-color);
+  padding: var(--menu-navigation-components-calendar-margin-vertical, 16px)
+    var(--menu-navigation-components-calendar-margin-horizontal, 16px);
+}
+
+.type-small .calendar-container,.type-regular .calendar-container,.type-large .calendar-container {
+    flex-shrink: 0;
+    display: grid;
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+.type-xlarge .calendar-container {
+    flex: 1 1 0;
+    min-width: 0;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    overflow: hidden;
+    padding-left: var(--app-components-system-menu-margin-horizontal, 16px);
+    padding-right: var(--app-components-system-menu-margin-horizontal, 16px);
+  }
+
+.days-container {
+  font-family: var(--font-family-main);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--global-typography-ui-overline-font-size);
+  line-height: var(--global-typography-ui-overline-line-height);
+  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
+  font-feature-settings:
+    "liga" off,
+    "clig" off,
+    "ss04" on;
+  color: var(--element-inactive-color);
+  text-align: center;
+}
+
+.type-small .days-container,.type-regular .days-container,.type-large .days-container {
+    display: contents;
+  }
+
+.type-xlarge .days-container {
+    display: flex;
+  }
+
+.day-label {
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.type-xlarge .day-label {
+    flex: 1 0 0;
+    min-width: 0;
+  }
+
+.type-small .grid-container,.type-regular .grid-container,.type-large .grid-container {
+    display: contents;
+  }
+
+.type-xlarge .grid-container {
+    flex: 1 1 0;
+    min-height: 0;
+    display: grid;
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+    gap: 1px;
+    background-color: var(--border-outline-color);
+    border: 1px solid var(--border-outline-color);
+    border-radius: 6px;
+    overflow: clip;
+  }
+
+.type-small .grid-row,.type-regular .grid-row,.type-large .grid-row {
+    display: contents;
+  }
+
+.type-xlarge .grid-row {
+    display: contents;
+  }
+
+.type-xlarge .grid-container obc-date-item {
+  --normal-enabled-border-color: transparent;
+  --normal-disabled-border-color: transparent;
+  --normal-hover-border-color: transparent;
+  --normal-pressed-border-color: transparent;
+  --normal-disabled-background-color: var(--container-background-color);
+  height: 100%;
+  width: 100%;
+  overflow: clip;
+}
+
+.type-xlarge .grid-container .grid-row:first-child obc-date-item:first-child {
+  --_obc-date-item-border-top-left-radius: 5px;
+}
+
+.type-xlarge .grid-container .grid-row:first-child obc-date-item:last-child {
+  --_obc-date-item-border-top-right-radius: 5px;
+}
+
+.type-xlarge .grid-container .grid-row:last-child obc-date-item:first-child {
+  --_obc-date-item-border-bottom-left-radius: 5px;
+}
+
+.type-xlarge .grid-container .grid-row:last-child obc-date-item:last-child {
+  --_obc-date-item-border-bottom-right-radius: 5px;
+}
+
+.event-panel {
+  flex: 1 1 0;
+  min-height: 0;
+  min-width: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.type-small .event-panel,.type-regular .event-panel {
+    border-top: 1px solid var(--border-divider-color);
+  }
+
+.type-large .event-panel,.type-xlarge .event-panel {
+    border-left: 1px solid var(--border-divider-color);
+    width: var(--menu-navigation-components-calendar-event-width, 420px);
+    flex: none;
+  }
+
+.event-panel obc-scrollbar {
+  flex: 1 1 0;
+  min-height: 0;
+  width: 100%;
+}
+
+.footer-container {
+  border-top: 1px solid var(--border-divider-color);
+  padding: var(--menu-navigation-components-calendar-padding-horizontal, 4px);
+  flex-shrink: 0;
+}
+`;
+export {
+  componentStyle as default
+};
+//# sourceMappingURL=calendar.css.js.map

package/dist/components/calendar/calendar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/calendar/calendar.d.ts

@@ -0,0 +1,107 @@
+import { LitElement, PropertyValues } from 'lit';
+import { CalendarType, CalendarEvent } from './calendar-utils.js';
+import '../date-item/date-item.js';
+import '../event-list/event-list.js';
+import '../button/button.js';
+import '../icon-button/icon-button.js';
+import '../dropdown-button/dropdown-button.js';
+import '../divider/divider.js';
+import '../scrollbar/scrollbar.js';
+import '../navigation-item/navigation-item.js';
+import '../../icons/icon-calendar-google.js';
+import '../../icons/icon-chevron-left-google.js';
+import '../../icons/icon-chevron-right-google.js';
+import '../../icons/icon-up-iec.js';
+import '../../icons/icon-calendar-date-google.js';
+import '../../icons/icon-application-open-google.js';
+export { CalendarType, type CalendarEvent, type DateCellInfo, } from './calendar-utils.js';
+/**
+ * `<obc-calendar>` – A composite calendar component for date selection and event browsing.
+ *
+ * **Synonyms:** calendar widget, date picker, schedule view, planner, agenda calendar
+ *
+ * Displays a month-view date grid with selectable dates, event indicators, and an optional
+ * scrollable event panel. Supports four size variants that adapt header layout, grid density,
+ * and event panel placement to fit different viewport sizes and use cases.
+ *
+ * ## Features / Variants
+ *
+ * - **Small:** Single-week strip with compact cells. Ideal for inline or dropdown use.
+ * - **Regular:** Full month grid stacked above the event list. The standard calendar layout.
+ * - **Large:** Side-by-side month grid (left) and event panel (right). Adds a "New event" button.
+ * - **XLarge:** Full-page layout with `large` date cells showing inline events. No floating chrome
+ *   or footer. Raised "New event" button and a static month/year label replace the dropdown.
+ * - **Month navigation:** Previous/next chevron buttons and a "Today" shortcut.
+ * - **Date selection:** Clicking a date highlights it, auto-navigates if out-of-month, and
+ *   dispatches `date-select`.
+ * - **Event panel:** Chronologically sorted event lists starting from the selected date, rendered
+ *   inside a scrollable area. Controlled via `hasEventList`.
+ * - **Footer:** Optional navigation link row, always hidden in `xlarge` or via `hasFooter = false`.
+ * - **Locale-aware:** Weekday labels, month names, and formatting respect the `locale` property.
+ * - **Configurable week start:** `firstDayOfWeek` (0 = Sunday, 1 = Monday default).
+ *
+ * ## Usage Guidelines
+ *
+ * Use `regular` for dropdown/popover calendars, `small` for inline date strips, `large` for
+ * side panels with room for events, and `xlarge` for dedicated full-page calendar views. Provide
+ * events as a flat `CalendarEvent[]` array; the component groups and distributes them into the
+ * grid and event panel automatically.
+ *
+ * ## Example
+ *
+ * ```html
+ * <obc-calendar
+ *   type="large"
+ *   .date=${new Date(2026, 0, 15)}
+ *   .selectedDate=${new Date(2026, 0, 15)}
+ *   .events=${myEvents}
+ *   hasEventList
+ *   @date-select=${(e) => console.log('Selected:', e.detail.date)}
+ * ></obc-calendar>
+ * ```
+ *
+ * @fires {CustomEvent<{date: Date}>} month-change - Fired when the displayed month changes via navigation.
+ * @fires {CustomEvent<{date: Date, events: CalendarEvent[]}>} date-select - Fired when a date cell is clicked.
+ * @fires {CustomEvent<void>} today-click - Fired when the "Today" button is clicked.
+ * @fires {CustomEvent<void>} new-event-click - Fired when the "+ New event" button is clicked (Large/XLarge only).
+ * @fires {CustomEvent<void>} calendar-click - Fired when the footer "Calendar" navigation link is clicked.
+ */
+export declare class ObcCalendar extends LitElement {
+    type: CalendarType;
+    date: Date;
+    selectedDate: Date | null;
+    events: CalendarEvent[];
+    hasEventList: boolean;
+    hasFooter: boolean;
+    locale?: string;
+    firstDayOfWeek: number;
+    footerLabel: string;
+    footerHref?: string;
+    private _displayMonth;
+    willUpdate(changed: PropertyValues): void;
+    private _getEventsForDate;
+    private get _monthOptions();
+    private get _monthValue();
+    private _navigateDay;
+    private _handlePrevDay;
+    private _handleNextDay;
+    private _handleTodayClick;
+    private _handleNewEventClick;
+    private _handleDateClick;
+    private _handleMonthDropdownChange;
+    private _handleCalendarClick;
+    render(): import('lit-html').TemplateResult<1>;
+    private _renderHeader;
+    private _renderNavigation;
+    private _renderContent;
+    private _renderCalendarGrid;
+    private _renderEventPanel;
+    private _renderFooter;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-calendar': ObcCalendar;
+    }
+}
+//# sourceMappingURL=calendar.d.ts.map

package/dist/components/calendar/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA4B,KAAK,cAAc,EAAC,MAAM,KAAK,CAAC;AAM9E,OAAO,EACL,YAAY,EACZ,KAAK,aAAa,EAQnB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AACrC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,+BAA+B,CAAC;AACvC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uBAAuB,CAAC;AAC/B,OAAO,2BAA2B,CAAC;AACnC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,yCAAyC,CAAC;AACjD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AACpC,OAAO,0CAA0C,CAAC;AAClD,OAAO,6CAA6C,CAAC;AAErD,OAAO,EACL,YAAY,EACZ,KAAK,aAAa,EAClB,KAAK,YAAY,GAClB,MAAM,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,qBACa,WAAY,SAAQ,UAAU;IACf,IAAI,eAAwB;IACxB,IAAI,EAAE,IAAI,CAAc;IACxB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAQ;IACjC,MAAM,EAAE,aAAa,EAAE,CAAM;IACd,YAAY,UAAQ;IACpB,SAAS,UAAQ;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,SAAK;IACnB,WAAW,SAAc;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAErC,OAAO,CAAC,aAAa,CAAoB;IAEzC,UAAU,CAAC,OAAO,EAAE,cAAc;IAoB3C,OAAO,CAAC,iBAAiB;IAIzB,OAAO,KAAK,aAAa,GAcxB;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,YAAY;IA8BpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,0BAA0B;IAalC,OAAO,CAAC,oBAAoB;IAMnB,MAAM;IAqBf,OAAO,CAAC,aAAa;IAqDrB,OAAO,CAAC,iBAAiB;IA0BzB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,mBAAmB;IAqD3B,OAAO,CAAC,iBAAiB;IAoCzB,OAAO,CAAC,aAAa;IAmBrB,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}