@bimetal/calendar-angular-components 0.29.0

package/dist/views/week/TimeEvent.js

@@ -0,0 +1,279 @@
+import { Component, Input, Output, EventEmitter, Optional } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { isSameDay, getRecurrenceInstanceMetadata } from '@bimetal/calendar-core';
+import { buildDragInfo, createClickIntent, writeCalendarDragData, installTransparentDragImage } from '@bimetal/calendar-headless';
+import { toTimeStr, EventRenderService } from '../../binding/index.js';
+import * as i0 from "@angular/core";
+import * as i1 from "../../binding/index.js";
+import * as i2 from "@angular/common";
+function TimeEventComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵlistener("dragstart", function TimeEventComponent_div_1_Template_div_dragstart_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleResizeDragStart($event, "start")); })("dragend", function TimeEventComponent_div_1_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.dragEnd.emit()); })("mousedown", function TimeEventComponent_div_1_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementEnd();
+} }
+function TimeEventComponent_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function TimeEventComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, TimeEventComponent_ng_container_2_ng_container_1_Template, 1, 0, "ng-container", 7);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.contentTpl)("ngTemplateOutletContext", ctx_r2.tplCtx);
+} }
+function TimeEventComponent_ng_template_3_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.timeLabel);
+} }
+function TimeEventComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(2, TimeEventComponent_ng_template_3_div_2_Template, 2, 1, "div", 9);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.renderedTitle);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.duration >= 0.75 && ctx_r2.timeLabel);
+} }
+function TimeEventComponent_ng_container_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function TimeEventComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, TimeEventComponent_ng_container_5_ng_container_1_Template, 1, 0, "ng-container", 7);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.badgesTpl)("ngTemplateOutletContext", ctx_r2.tplCtx);
+} }
+function TimeEventComponent_div_6_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵlistener("dragstart", function TimeEventComponent_div_6_Template_div_dragstart_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleResizeDragStart($event, "end")); })("dragend", function TimeEventComponent_div_6_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.dragEnd.emit()); })("mousedown", function TimeEventComponent_div_6_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r4); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementEnd();
+} }
+export class TimeEventComponent {
+    renderService;
+    event;
+    layout;
+    dayDate;
+    hourHeight = 60;
+    timeLabelWidth = 50;
+    ghost = false;
+    clickThresholdMs = 300;
+    snapMinutes = 15;
+    locale;
+    selectedEventId = null;
+    selectedInstanceDate = undefined;
+    eventClick = new EventEmitter();
+    selectEvent = new EventEmitter();
+    dragStart = new EventEmitter();
+    /** Native `dragend` der Source — bubbelt aus Body und Resize-Handles. */
+    dragEnd = new EventEmitter();
+    click = createClickIntent();
+    constructor(renderService) {
+        this.renderService = renderService;
+    }
+    get badgesTpl() { return this.renderService?.eventBadgesTpl; }
+    get contentTpl() { return this.renderService?.eventContentTpl; }
+    get tplCtx() { return this.renderService?.buildTemplateContext(this.event); }
+    get renderedTitle() { return this.renderService?.resolveTitle(this.event) ?? this.event.title; }
+    get slotsClassName() {
+        const cls = this.renderService?.resolveClassName(this.event) ?? '';
+        return cls ? ' ' + cls : '';
+    }
+    get slotsStyle() { return this.renderService?.resolveStyle(this.event); }
+    // Zeit-Geometrie aus layoutTimed-Item (startOffset/endOffset sind
+    // Bruchteile 0..1 des Tages). Vorgerechnete leftFraction/widthFraction —
+    // siehe React-Variante für die calc-Vereinfachung.
+    get dayHeight() { return 24 * this.hourHeight; }
+    get top() { return this.layout.startOffset * this.dayHeight; }
+    get height() {
+        const raw = (this.layout.endOffset - this.layout.startOffset) * this.dayHeight;
+        return Math.max(raw, 0.25 * this.hourHeight);
+    }
+    get duration() {
+        return Math.max((this.layout.endOffset - this.layout.startOffset) * 24, 0.25);
+    }
+    get isFirstDay() { return isSameDay(this.event.timeRange.start, this.dayDate); }
+    get isLastDay() { return isSameDay(this.event.timeRange.end, this.dayDate); }
+    get color() { return this.event.metadata.color ?? '#007AFF'; }
+    get leftFraction() {
+        return this.layout.dayCol / this.layout.dayCount
+            + this.layout.lane / (this.layout.dayCount * this.layout.laneCount);
+    }
+    get widthFraction() {
+        return 1 / (this.layout.dayCount * this.layout.laneCount);
+    }
+    get left() { return `calc(${this.timeLabelWidth}px + (100% - ${this.timeLabelWidth}px) * ${this.leftFraction} + 2px)`; }
+    get width() { return `calc((100% - ${this.timeLabelWidth}px) * ${this.widthFraction} - 4px)`; }
+    get borderRadius() {
+        const f = this.isFirstDay ? 4 : 0;
+        const l = this.isLastDay ? 4 : 0;
+        return `${f}px ${f}px ${l}px ${l}px`;
+    }
+    get instanceDate() { return getRecurrenceInstanceMetadata(this.event)?.instanceDate; }
+    get isSelected() {
+        return this.selectedEventId === this.event.id && this.selectedInstanceDate === this.instanceDate;
+    }
+    get selectedClass() { return this.isSelected ? ' time-event--selected' : ''; }
+    get timeLabel() {
+        const st = toTimeStr(this.event.timeRange.start);
+        const et = toTimeStr(this.event.timeRange.end);
+        if (this.isFirstDay && this.isLastDay)
+            return `${st} – ${et}`;
+        if (this.isFirstDay)
+            return `${this.locale?.timeFrom ?? 'from'} ${st}`;
+        if (this.isLastDay)
+            return `${this.locale?.timeUntil ?? 'until'} ${et}`;
+        return '';
+    }
+    handleMouseDown() { this.click.markMouseDown(); }
+    handleDragStart(e) {
+        this.click.markDragged();
+        const rect = e.currentTarget.getBoundingClientRect();
+        const raw = ((e.clientY - rect.top) / this.hourHeight) * 60;
+        const minuteOffset = Math.round(raw / this.snapMinutes) * this.snapMinutes;
+        const info = buildDragInfo(this.event, 'move-timed', { minuteOffset });
+        writeCalendarDragData(e.dataTransfer, info);
+        this.dragStart.emit(info);
+    }
+    handleResizeDragStart(e, edge) {
+        e.stopPropagation();
+        this.click.markDragged();
+        installTransparentDragImage(e.dataTransfer);
+        const info = buildDragInfo(this.event, 'resize-timed', { edge });
+        writeCalendarDragData(e.dataTransfer, info);
+        this.dragStart.emit(info);
+    }
+    handleClick(e) {
+        e.stopPropagation();
+        if (!this.click.accept(this.clickThresholdMs))
+            return;
+        this.selectEvent.emit({ eventId: this.event.id, instanceDate: this.instanceDate });
+    }
+    handleDoubleClick(e) {
+        e.stopPropagation();
+        if (!this.click.accept(this.clickThresholdMs))
+            return;
+        const rect = e.currentTarget.getBoundingClientRect();
+        this.eventClick.emit({ eventId: this.event.id, rect, instanceDate: this.instanceDate });
+    }
+    static ɵfac = function TimeEventComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TimeEventComponent)(i0.ɵɵdirectiveInject(i1.EventRenderService, 8)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimeEventComponent, selectors: [["cal-time-event"]], hostAttrs: [2, "display", "contents"], inputs: { event: "event", layout: "layout", dayDate: "dayDate", hourHeight: "hourHeight", timeLabelWidth: "timeLabelWidth", ghost: "ghost", clickThresholdMs: "clickThresholdMs", snapMinutes: "snapMinutes", locale: "locale", selectedEventId: "selectedEventId", selectedInstanceDate: "selectedInstanceDate" }, outputs: { eventClick: "eventClick", selectEvent: "selectEvent", dragStart: "dragStart", dragEnd: "dragEnd" }, decls: 7, vars: 26, consts: [["defaultContent", ""], [3, "mousedown", "dragstart", "dragend", "click", "dblclick", "ngStyle", "title"], ["class", "time-event__resize time-event__resize--top", "draggable", "true", 3, "dragstart", "dragend", "mousedown", 4, "ngIf"], [4, "ngIf", "ngIfElse"], [4, "ngIf"], ["class", "time-event__resize time-event__resize--bottom", "draggable", "true", 3, "dragstart", "dragend", "mousedown", 4, "ngIf"], ["draggable", "true", 1, "time-event__resize", "time-event__resize--top", 3, "dragstart", "dragend", "mousedown"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "time-event__title"], ["class", "time-event__time", 4, "ngIf"], [1, "time-event__time"], ["draggable", "true", 1, "time-event__resize", "time-event__resize--bottom", 3, "dragstart", "dragend", "mousedown"]], template: function TimeEventComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵlistener("mousedown", function TimeEventComponent_Template_div_mousedown_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMouseDown()); })("dragstart", function TimeEventComponent_Template_div_dragstart_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleDragStart($event)); })("dragend", function TimeEventComponent_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.dragEnd.emit()); })("click", function TimeEventComponent_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleClick($event)); })("dblclick", function TimeEventComponent_Template_div_dblclick_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleDoubleClick($event)); });
+            i0.ɵɵtemplate(1, TimeEventComponent_div_1_Template, 1, 0, "div", 2)(2, TimeEventComponent_ng_container_2_Template, 2, 2, "ng-container", 3)(3, TimeEventComponent_ng_template_3_Template, 3, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(5, TimeEventComponent_ng_container_5_Template, 2, 2, "ng-container", 4)(6, TimeEventComponent_div_6_Template, 1, 0, "div", 5);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            const defaultContent_r5 = i0.ɵɵreference(4);
+            i0.ɵɵclassMap("time-event" + (ctx.ghost ? " time-event--ghost" : "") + ctx.selectedClass + ctx.slotsClassName);
+            i0.ɵɵstyleProp("top", ctx.top, "px")("height", ctx.height, "px")("left", ctx.left)("width", ctx.width)("background-color", ctx.color)("border-radius", ctx.borderRadius);
+            i0.ɵɵproperty("ngStyle", ctx.slotsStyle)("title", ctx.renderedTitle);
+            i0.ɵɵattribute("draggable", !ctx.ghost)("data-day-col", ctx.layout.dayCol)("data-day-count", ctx.layout.dayCount)("data-lane", ctx.layout.lane)("data-lane-count", ctx.layout.laneCount);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.isFirstDay && !ctx.ghost);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.contentTpl)("ngIfElse", defaultContent_r5);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx.badgesTpl);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.isLastDay && !ctx.ghost);
+        } }, dependencies: [CommonModule, i2.NgIf, i2.NgTemplateOutlet, i2.NgStyle], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimeEventComponent, [{
+        type: Component,
+        args: [{
+                selector: 'cal-time-event',
+                standalone: true,
+                host: { style: 'display: contents' },
+                imports: [CommonModule],
+                template: `
+    <div [class]="'time-event' + (ghost ? ' time-event--ghost' : '') + selectedClass + slotsClassName"
+      [style.top.px]="top" [style.height.px]="height"
+      [style.left]="left" [style.width]="width"
+      [style.background-color]="color" [style.border-radius]="borderRadius"
+      [ngStyle]="slotsStyle"
+      [attr.draggable]="!ghost"
+      [attr.data-day-col]="layout.dayCol"
+      [attr.data-day-count]="layout.dayCount"
+      [attr.data-lane]="layout.lane"
+      [attr.data-lane-count]="layout.laneCount"
+      (mousedown)="handleMouseDown()" (dragstart)="handleDragStart($event)"
+      (dragend)="dragEnd.emit()"
+      (click)="handleClick($event)" (dblclick)="handleDoubleClick($event)" [title]="renderedTitle">
+
+      <div *ngIf="isFirstDay && !ghost"
+        class="time-event__resize time-event__resize--top"
+        draggable="true"
+        (dragstart)="handleResizeDragStart($event, 'start')"
+        (dragend)="dragEnd.emit()"
+        (mousedown)="$event.stopPropagation()"></div>
+
+      <ng-container *ngIf="contentTpl; else defaultContent">
+        <ng-container *ngTemplateOutlet="contentTpl; context: tplCtx"></ng-container>
+      </ng-container>
+      <ng-template #defaultContent>
+        <div class="time-event__title">{{ renderedTitle }}</div>
+        <div *ngIf="duration >= 0.75 && timeLabel" class="time-event__time">{{ timeLabel }}</div>
+      </ng-template>
+      <ng-container *ngIf="badgesTpl">
+        <ng-container *ngTemplateOutlet="badgesTpl; context: tplCtx"></ng-container>
+      </ng-container>
+
+      <div *ngIf="isLastDay && !ghost"
+        class="time-event__resize time-event__resize--bottom"
+        draggable="true"
+        (dragstart)="handleResizeDragStart($event, 'end')"
+        (dragend)="dragEnd.emit()"
+        (mousedown)="$event.stopPropagation()"></div>
+    </div>
+  `,
+            }]
+    }], () => [{ type: i1.EventRenderService, decorators: [{
+                type: Optional
+            }] }], { event: [{
+            type: Input
+        }], layout: [{
+            type: Input
+        }], dayDate: [{
+            type: Input
+        }], hourHeight: [{
+            type: Input
+        }], timeLabelWidth: [{
+            type: Input
+        }], ghost: [{
+            type: Input
+        }], clickThresholdMs: [{
+            type: Input
+        }], snapMinutes: [{
+            type: Input
+        }], locale: [{
+            type: Input
+        }], selectedEventId: [{
+            type: Input
+        }], selectedInstanceDate: [{
+            type: Input
+        }], eventClick: [{
+            type: Output
+        }], selectEvent: [{
+            type: Output
+        }], dragStart: [{
+            type: Output
+        }], dragEnd: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TimeEventComponent, { className: "TimeEventComponent", filePath: "views/week/timeevent.ts", lineNumber: 70 }); })();
+//# sourceMappingURL=TimeEvent.js.map

package/dist/views/week/TimeEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeEvent.js","sourceRoot":"","sources":["../../../src/views/week/TimeEvent.ts"],"names":[],"mappings":"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"}

package/dist/views/week/WeekView.d.ts

@@ -0,0 +1,79 @@
+import { EventEmitter, OnChanges, AfterViewInit, ElementRef } from '@angular/core';
+import type { CalendarEvent, CalendarDateTime, LayoutItem } from '@bimetal/calendar-core';
+import { getDayOfMonth } from '@bimetal/calendar-core';
+import type { CalendarConfig } from '../../binding/index.js';
+import { type TimeEventLayout } from './TimeEvent.js';
+import * as i0 from "@angular/core";
+export declare class WeekViewComponent implements OnChanges, AfterViewInit {
+    currentDate: CalendarDateTime;
+    events: CalendarEvent[];
+    config: CalendarConfig;
+    previewEvent: CalendarEvent | null;
+    selectedEventId: string | null;
+    selectedInstanceDate: number | undefined;
+    eventClick: EventEmitter<{
+        eventId: string;
+        rect: DOMRect;
+        instanceDate?: number;
+    }>;
+    selectEvent: EventEmitter<{
+        eventId: string;
+        instanceDate?: number;
+    }>;
+    clearSelection: EventEmitter<void>;
+    dayCellClick: EventEmitter<{
+        date: CalendarDateTime;
+        rect: DOMRect;
+    }>;
+    dropEvent: EventEmitter<{
+        event: DragEvent;
+        date: CalendarDateTime;
+    }>;
+    dropTimedEvent: EventEmitter<{
+        event: DragEvent;
+        date: CalendarDateTime;
+        time: string;
+    }>;
+    dragOverDate: EventEmitter<CalendarDateTime>;
+    dragOverDateTime: EventEmitter<{
+        date: CalendarDateTime;
+        time: string;
+    }>;
+    /** Drop-Zone wurde verlassen (dragleave) — Preview visuell ausräumen. */
+    hidePreviewEv: EventEmitter<void>;
+    /** Native `dragend` der Source — Drag-Session vollständig beendet. */
+    dragEnd: EventEmitter<void>;
+    dragStartEv: EventEmitter<any>;
+    timeGridEl?: ElementRef<HTMLDivElement>;
+    gridInnerEl?: ElementRef<HTMLDivElement>;
+    weekDates: CalendarDateTime[];
+    weekNumber: number;
+    allDayItems: LayoutItem[];
+    timedEntries: {
+        event: CalendarEvent;
+        layout: TimeEventLayout;
+    }[];
+    hours: number[];
+    hourHeight: number;
+    timeLabelWidth: number;
+    nowCol: number;
+    nowHours: number;
+    click: import("@bimetal/calendar-headless").ClickIntent;
+    getDayOfMonth: typeof getDayOfMonth;
+    private currentNow;
+    private timeSnapMinutes;
+    get dayColWidth(): string;
+    dayColLeft(col: number): string;
+    isTodayAt(i: number): boolean;
+    isOffHour(h: number): boolean;
+    ngOnChanges(): void;
+    ngAfterViewInit(): void;
+    handleGridDragOver(e: DragEvent): void;
+    handleGridDrop(e: DragEvent): void;
+    handleGridDragLeave(e: DragEvent): void;
+    handleGridClick(e: MouseEvent): void;
+    handleGridDoubleClick(e: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WeekViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WeekViewComponent, "cal-week-view", never, { "currentDate": { "alias": "currentDate"; "required": false; }; "events": { "alias": "events"; "required": false; }; "config": { "alias": "config"; "required": false; }; "previewEvent": { "alias": "previewEvent"; "required": false; }; "selectedEventId": { "alias": "selectedEventId"; "required": false; }; "selectedInstanceDate": { "alias": "selectedInstanceDate"; "required": false; }; }, { "eventClick": "eventClick"; "selectEvent": "selectEvent"; "clearSelection": "clearSelection"; "dayCellClick": "dayCellClick"; "dropEvent": "dropEvent"; "dropTimedEvent": "dropTimedEvent"; "dragOverDate": "dragOverDate"; "dragOverDateTime": "dragOverDateTime"; "hidePreviewEv": "hidePreviewEv"; "dragEnd": "dragEnd"; "dragStartEv": "dragStartEv"; }, never, never, true, never>;
+}
+//# sourceMappingURL=WeekView.d.ts.map

package/dist/views/week/WeekView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekView.d.ts","sourceRoot":"","sources":["../../../src/views/week/WeekView.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,SAAS,EAAE,aAAa,EAAa,UAAU,EAAE,MAAM,eAAe,CAAC;AAExH,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,EAGiB,aAAa,EACpC,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAI7D,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;;AAI1E,qBA6Ea,iBAAkB,YAAW,SAAS,EAAE,aAAa;IACvD,WAAW,EAAG,gBAAgB,CAAC;IAC/B,MAAM,EAAE,aAAa,EAAE,CAAM;IAC7B,MAAM,EAAG,cAAc,CAAC;IAExB,YAAY,EAAE,aAAa,GAAG,IAAI,CAAQ;IAC1C,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAa;IACpD,UAAU;iBAA+B,MAAM;cAAQ,OAAO;uBAAiB,MAAM;OAAM;IAC3F,WAAW;iBAA+B,MAAM;uBAAiB,MAAM;OAAM;IAC7E,cAAc,qBAA4B;IAC1C,YAAY;cAA4B,gBAAgB;cAAQ,OAAO;OAAM;IAC7E,SAAS;eAA6B,SAAS;cAAQ,gBAAgB;OAAM;IAC7E,cAAc;eAA6B,SAAS;cAAQ,gBAAgB;cAAQ,MAAM;OAAM;IAChG,YAAY,iCAAwC;IACpD,gBAAgB;cAA4B,gBAAgB;cAAQ,MAAM;OAAM;IAC1F,yEAAyE;IAC/D,aAAa,qBAA4B;IACnD,sEAAsE;IAC5D,OAAO,qBAA4B;IACnC,WAAW,oBAA2B;IAEvB,UAAU,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAEnE,SAAS,EAAE,gBAAgB,EAAE,CAAM;IACnC,UAAU,SAAK;IACf,WAAW,EAAE,UAAU,EAAE,CAAM;IAC/B,YAAY,EAAE;QAAE,KAAK,EAAE,aAAa,CAAC;QAAC,MAAM,EAAE,eAAe,CAAA;KAAE,EAAE,CAAM;IACvE,KAAK,WAAS;IACd,UAAU,SAAuB;IACjC,cAAc,SAAiC;IAC/C,MAAM,SAAM;IACZ,QAAQ,SAAK;IACb,KAAK,mDAAuB;IAC5B,aAAa,uBAAiB;IAE9B,OAAO,CAAC,UAAU,CAAoB;IACtC,OAAO,CAAC,eAAe,CAAM;IAE7B,IAAI,WAAW,WAAsE;IACrF,UAAU,CAAC,GAAG,EAAE,MAAM;IAEtB,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO;IAC7B,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO;IAK7B,WAAW;IA4CX,eAAe;IAMf,kBAAkB,CAAC,CAAC,EAAE,SAAS;IAS/B,cAAc,CAAC,CAAC,EAAE,SAAS;IAQ3B,mBAAmB,CAAC,CAAC,EAAE,SAAS;IAQhC,eAAe,CAAC,CAAC,EAAE,UAAU;IAO7B,qBAAqB,CAAC,CAAC,EAAE,UAAU;yCAnIxB,iBAAiB;2CAAjB,iBAAiB;CA+I7B"}