feat: Reinitialize frontend with SvelteKit and TypeScript

- Delete old Vite+Svelte frontend
- Initialize new SvelteKit project with TypeScript
- Configure Tailwind CSS v4 + DaisyUI
- Implement JWT authentication with auto-refresh
- Create login page with form validation (Zod)
- Add protected route guards
- Update Docker configuration for single-stage build
- Add E2E tests with Playwright (6/11 passing)
- Fix Svelte 5 reactivity with $state() runes

Known issues:
- 5 E2E tests failing (timing/async issues)
- Token refresh implementation needs debugging
- Validation error display timing
This commit is contained in:
2026-02-17 16:19:59 -05:00
parent 54df6018f5
commit de2d83092e
28274 changed files with 3816354 additions and 90 deletions

View File

@@ -0,0 +1,35 @@
import MediaStreamTrack from '../html-media-element/MediaStreamTrack.js';
import HTMLCanvasElement from './HTMLCanvasElement.js';
import * as PropertySymbol from '../../PropertySymbol.js';
/**
* Canvas Capture Media Stream Track.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasCaptureMediaStreamTrack
*/
export default class CanvasCaptureMediaStreamTrack extends MediaStreamTrack {
[PropertySymbol.canvas]: HTMLCanvasElement;
/**
* Constructor.
*
* @param illegalConstructorSymbol Illegal constructor symbol.
* @param canvas Canvas.
*/
constructor(illegalConstructorSymbol: symbol, canvas: HTMLCanvasElement);
/**
* Returns the canvas.
*
* @returns Canvas.
*/
get canvas(): HTMLCanvasElement;
/**
* Requests a frame.
*/
requestFrame(): void;
/**
* Clones the track.
*
* @returns Clone.
*/
clone(): CanvasCaptureMediaStreamTrack;
}
//# sourceMappingURL=CanvasCaptureMediaStreamTrack.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"CanvasCaptureMediaStreamTrack.d.ts","sourceRoot":"","sources":["../../../src/nodes/html-canvas-element/CanvasCaptureMediaStreamTrack.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,2CAA2C,CAAC;AACzE,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAE1D;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,gBAAgB;IACnE,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAElD;;;;;OAKG;gBACS,wBAAwB,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB;IAMvE;;;;OAIG;IACH,IAAW,MAAM,IAAI,iBAAiB,CAErC;IAED;;OAEG;IACI,YAAY,IAAI,IAAI;IAI3B;;;;OAIG;IACI,KAAK,IAAI,6BAA6B;CAK7C"}

View File

@@ -0,0 +1,45 @@
import MediaStreamTrack from '../html-media-element/MediaStreamTrack.js';
import * as PropertySymbol from '../../PropertySymbol.js';
/**
* Canvas Capture Media Stream Track.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasCaptureMediaStreamTrack
*/
export default class CanvasCaptureMediaStreamTrack extends MediaStreamTrack {
[PropertySymbol.canvas];
/**
* Constructor.
*
* @param illegalConstructorSymbol Illegal constructor symbol.
* @param canvas Canvas.
*/
constructor(illegalConstructorSymbol, canvas) {
super(illegalConstructorSymbol);
this[PropertySymbol.canvas] = canvas;
}
/**
* Returns the canvas.
*
* @returns Canvas.
*/
get canvas() {
return this[PropertySymbol.canvas];
}
/**
* Requests a frame.
*/
requestFrame() {
// Do nothing
}
/**
* Clones the track.
*
* @returns Clone.
*/
clone() {
const clone = super.clone();
clone[PropertySymbol.canvas] = this.canvas;
return clone;
}
}
//# sourceMappingURL=CanvasCaptureMediaStreamTrack.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"CanvasCaptureMediaStreamTrack.js","sourceRoot":"","sources":["../../../src/nodes/html-canvas-element/CanvasCaptureMediaStreamTrack.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,2CAA2C,CAAC;AAEzE,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAE1D;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,gBAAgB;IACnE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAoB;IAElD;;;;;OAKG;IACH,YAAY,wBAAgC,EAAE,MAAyB;QACtE,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAEhC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,IAAW,MAAM;QAChB,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAED;;OAEG;IACI,YAAY;QAClB,aAAa;IACd,CAAC;IAED;;;;OAIG;IACI,KAAK;QACX,MAAM,KAAK,GAAkC,KAAK,CAAC,KAAK,EAAE,CAAC;QAC3D,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3C,OAAO,KAAK,CAAC;IACd,CAAC;CACD"}

View File

@@ -0,0 +1,86 @@
import HTMLElement from '../html-element/HTMLElement.js';
import Blob from '../../file/Blob.js';
import OffscreenCanvas from './OffscreenCanvas.js';
import Event from '../../event/Event.js';
import MediaStream from '../html-media-element/MediaStream.js';
/**
* HTMLCanvasElement
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement
*/
export default class HTMLCanvasElement extends HTMLElement {
get oncontextlost(): ((event: Event) => void) | null;
set oncontextlost(value: ((event: Event) => void) | null);
get oncontextrestored(): ((event: Event) => void) | null;
set oncontextrestored(value: ((event: Event) => void) | null);
get onwebglcontextcreationerror(): ((event: Event) => void) | null;
set onwebglcontextcreationerror(value: ((event: Event) => void) | null);
get onwebglcontextlost(): ((event: Event) => void) | null;
set onwebglcontextlost(value: ((event: Event) => void) | null);
get onwebglcontextrestored(): ((event: Event) => void) | null;
set onwebglcontextrestored(value: ((event: Event) => void) | null);
/**
* Returns width.
*
* @returns Width.
*/
get width(): number;
/**
* Sets width.
*
* @param width Width.
*/
set width(width: number);
/**
* Returns height.
*
* @returns Height.
*/
get height(): number;
/**
* Sets height.
*
* @param height Height.
*/
set height(height: number);
/**
* Returns capture stream.
*
* @param [frameRate] Frame rate.
* @returns Capture stream.
*/
captureStream(frameRate?: number): MediaStream;
/**
* Returns context.
*
* @param _contextType Context type.
* @param [_contextAttributes] Context attributes.
* @returns Context.
*/
getContext(_contextType: '2d' | 'webgl' | 'webgl2' | 'webgpu' | 'bitmaprenderer', _contextAttributes?: {
[key: string]: any;
}): null;
/**
* Returns to data URL.
*
* @param [_type] Type.
* @param [_encoderOptions] Quality.
* @returns Data URL.
*/
toDataURL(_type?: string, _encoderOptions?: any): string;
/**
* Returns to blob.
*
* @param callback Callback.
* @param [_type] Type.
* @param [_quality] Quality.
*/
toBlob(callback: (blob: Blob) => void, _type?: string, _quality?: any): void;
/**
* Transfers control to offscreen.
*
* @returns Offscreen canvas.
*/
transferControlToOffscreen(): OffscreenCanvas;
}
//# sourceMappingURL=HTMLCanvasElement.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"HTMLCanvasElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/html-canvas-element/HTMLCanvasElement.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gCAAgC,CAAC;AAEzD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,WAAW,MAAM,sCAAsC,CAAC;AAK/D;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,WAAW;IAKzD,IAAW,aAAa,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,CAE1D;IAED,IAAW,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,EAE9D;IAED,IAAW,iBAAiB,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,CAE9D;IAED,IAAW,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,EAElE;IAED,IAAW,2BAA2B,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,CAExE;IAED,IAAW,2BAA2B,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,EAE5E;IAED,IAAW,kBAAkB,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,CAE/D;IAED,IAAW,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,EAEnE;IAED,IAAW,sBAAsB,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,CAEnE;IAED,IAAW,sBAAsB,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,EAEvE;IAID;;;;OAIG;IACH,IAAW,KAAK,IAAI,MAAM,CAGzB;IAED;;;;OAIG;IACH,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAE7B;IAED;;;;OAIG;IACH,IAAW,MAAM,IAAI,MAAM,CAG1B;IAED;;;;OAIG;IACH,IAAW,MAAM,CAAC,MAAM,EAAE,MAAM,EAE/B;IAED;;;;;OAKG;IACI,aAAa,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW;IAwBrD;;;;;;OAMG;IACI,UAAU,CAChB,YAAY,EAAE,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,EACrE,kBAAkB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,GACzC,IAAI;IAIP;;;;;;OAMG;IACI,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,GAAG,GAAG,MAAM;IAI/D;;;;;;OAMG;IACI,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAG,GAAG,IAAI;IAInF;;;;OAIG;IACI,0BAA0B,IAAI,eAAe;CAGpD"}

View File

@@ -0,0 +1,141 @@
import HTMLElement from '../html-element/HTMLElement.js';
import * as PropertySymbol from '../../PropertySymbol.js';
import Blob from '../../file/Blob.js';
import OffscreenCanvas from './OffscreenCanvas.js';
import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
const DEVICE_ID = 'S3F/aBCdEfGHIjKlMnOpQRStUvWxYz1234567890+1AbC2DEf2GHi3jK34le+ab12C3+1aBCdEf==';
/**
* HTMLCanvasElement
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement
*/
export default class HTMLCanvasElement extends HTMLElement {
// Events
/* eslint-disable jsdoc/require-jsdoc */
get oncontextlost() {
return ElementEventAttributeUtility.getEventListener(this, 'oncontextlost');
}
set oncontextlost(value) {
this[PropertySymbol.propertyEventListeners].set('oncontextlost', value);
}
get oncontextrestored() {
return ElementEventAttributeUtility.getEventListener(this, 'oncontextrestored');
}
set oncontextrestored(value) {
this[PropertySymbol.propertyEventListeners].set('oncontextrestored', value);
}
get onwebglcontextcreationerror() {
return ElementEventAttributeUtility.getEventListener(this, 'onwebglcontextcreationerror');
}
set onwebglcontextcreationerror(value) {
this[PropertySymbol.propertyEventListeners].set('onwebglcontextcreationerror', value);
}
get onwebglcontextlost() {
return ElementEventAttributeUtility.getEventListener(this, 'onwebglcontextlost');
}
set onwebglcontextlost(value) {
this[PropertySymbol.propertyEventListeners].set('onwebglcontextlost', value);
}
get onwebglcontextrestored() {
return ElementEventAttributeUtility.getEventListener(this, 'onwebglcontextrestored');
}
set onwebglcontextrestored(value) {
this[PropertySymbol.propertyEventListeners].set('onwebglcontextrestored', value);
}
/* eslint-enable jsdoc/require-jsdoc */
/**
* Returns width.
*
* @returns Width.
*/
get width() {
const width = this.getAttribute('width');
return width !== null ? Number(width) : 300;
}
/**
* Sets width.
*
* @param width Width.
*/
set width(width) {
this.setAttribute('width', String(width));
}
/**
* Returns height.
*
* @returns Height.
*/
get height() {
const height = this.getAttribute('height');
return height !== null ? Number(height) : 150;
}
/**
* Sets height.
*
* @param height Height.
*/
set height(height) {
this.setAttribute('height', String(height));
}
/**
* Returns capture stream.
*
* @param [frameRate] Frame rate.
* @returns Capture stream.
*/
captureStream(frameRate) {
const stream = new this[PropertySymbol.window].MediaStream();
const track = new this[PropertySymbol.window].CanvasCaptureMediaStreamTrack(PropertySymbol.illegalConstructor, this);
track[PropertySymbol.kind] = 'video';
track[PropertySymbol.capabilities].deviceId = DEVICE_ID;
track[PropertySymbol.capabilities].aspectRatio.max = this.width;
track[PropertySymbol.capabilities].height.max = this.height;
track[PropertySymbol.capabilities].width.max = this.width;
track[PropertySymbol.settings].deviceId = DEVICE_ID;
if (frameRate !== undefined) {
track[PropertySymbol.capabilities].frameRate.max = frameRate;
track[PropertySymbol.settings].frameRate = frameRate;
}
stream.addTrack(track);
return stream;
}
/**
* Returns context.
*
* @param _contextType Context type.
* @param [_contextAttributes] Context attributes.
* @returns Context.
*/
getContext(_contextType, _contextAttributes) {
return null;
}
/**
* Returns to data URL.
*
* @param [_type] Type.
* @param [_encoderOptions] Quality.
* @returns Data URL.
*/
toDataURL(_type, _encoderOptions) {
return '';
}
/**
* Returns to blob.
*
* @param callback Callback.
* @param [_type] Type.
* @param [_quality] Quality.
*/
toBlob(callback, _type, _quality) {
callback(new Blob([]));
}
/**
* Transfers control to offscreen.
*
* @returns Offscreen canvas.
*/
transferControlToOffscreen() {
return new OffscreenCanvas(this.width, this.height);
}
}
//# sourceMappingURL=HTMLCanvasElement.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"HTMLCanvasElement.js","sourceRoot":"","sources":["../../../src/nodes/html-canvas-element/HTMLCanvasElement.ts"],"names":[],"mappings":"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"}

View File

@@ -0,0 +1,21 @@
/**
* Image Bitmap.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap
*/
export default class ImageBitmap {
height: number;
width: number;
/**
* Constructor.
*
* @param width Width.
* @param height Height.
*/
constructor(width: number, height: number);
/**
* Disposes of all graphical resources associated with an ImageBitmap.
*/
close(): void;
}
//# sourceMappingURL=ImageBitmap.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"ImageBitmap.d.ts","sourceRoot":"","sources":["../../../src/nodes/html-canvas-element/ImageBitmap.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,WAAW;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;gBACS,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAKzC;;OAEG;IACI,KAAK,IAAI,IAAI;CAGpB"}

View File

@@ -0,0 +1,26 @@
/**
* Image Bitmap.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap
*/
export default class ImageBitmap {
height;
width;
/**
* Constructor.
*
* @param width Width.
* @param height Height.
*/
constructor(width, height) {
this.width = width;
this.height = height;
}
/**
* Disposes of all graphical resources associated with an ImageBitmap.
*/
close() {
// TODO: Not implemented.
}
}
//# sourceMappingURL=ImageBitmap.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"ImageBitmap.js","sourceRoot":"","sources":["../../../src/nodes/html-canvas-element/ImageBitmap.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,WAAW;IACxB,MAAM,CAAS;IACf,KAAK,CAAS;IAErB;;;;;OAKG;IACH,YAAY,KAAa,EAAE,MAAc;QACxC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACtB,CAAC;IAED;;OAEG;IACI,KAAK;QACX,yBAAyB;IAC1B,CAAC;CACD"}

View File

@@ -0,0 +1,47 @@
import Blob from '../../file/Blob.js';
import ImageBitmap from './ImageBitmap.js';
/**
* OffscreenCanvas.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas/OffscreenCanvas
*/
export default class OffscreenCanvas {
readonly width: number;
readonly height: number;
/**
* Constructor.
*
* @param width Width.
* @param height Height.
*/
constructor(width: number, height: number);
/**
* Returns context.
*
* @param _contextType Context type.
* @param [_contextAttributes] Context attributes.
* @returns Context.
*/
getContext(_contextType: '2d' | 'webgl' | 'webgl2' | 'webgpu' | 'bitmaprenderer', _contextAttributes?: {
[key: string]: any;
}): null;
/**
* Converts the canvas to a Blob.
*
* @param [_options] Options.
* @param [_options.type] Type.
* @param [_options.quality] Quality.
* @returns Blob.
*/
convertToBlob(_options?: {
type?: string;
quality?: any;
}): Promise<Blob>;
/**
* Creates an ImageBitmap object from the most recently rendered image of the OffscreenCanvas.
*
* @returns ImageBitmap.
*/
transferToImageBitmap(): ImageBitmap;
}
//# sourceMappingURL=OffscreenCanvas.d.ts.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"OffscreenCanvas.d.ts","sourceRoot":"","sources":["../../../src/nodes/html-canvas-element/OffscreenCanvas.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAE3C;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,eAAe;IACnC,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,MAAM,EAAE,MAAM,CAAC;IAE/B;;;;;OAKG;gBACS,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAKzC;;;;;;OAMG;IACI,UAAU,CAChB,YAAY,EAAE,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,EACrE,kBAAkB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,GACzC,IAAI;IAIP;;;;;;;OAOG;IACU,aAAa,CAAC,QAAQ,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,GAAG,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAItF;;;;OAIG;IACI,qBAAqB,IAAI,WAAW;CAG3C"}

View File

@@ -0,0 +1,51 @@
import Blob from '../../file/Blob.js';
import ImageBitmap from './ImageBitmap.js';
/**
* OffscreenCanvas.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas/OffscreenCanvas
*/
export default class OffscreenCanvas {
width;
height;
/**
* Constructor.
*
* @param width Width.
* @param height Height.
*/
constructor(width, height) {
this.width = width;
this.height = height;
}
/**
* Returns context.
*
* @param _contextType Context type.
* @param [_contextAttributes] Context attributes.
* @returns Context.
*/
getContext(_contextType, _contextAttributes) {
return null;
}
/**
* Converts the canvas to a Blob.
*
* @param [_options] Options.
* @param [_options.type] Type.
* @param [_options.quality] Quality.
* @returns Blob.
*/
async convertToBlob(_options) {
return new Blob([]);
}
/**
* Creates an ImageBitmap object from the most recently rendered image of the OffscreenCanvas.
*
* @returns ImageBitmap.
*/
transferToImageBitmap() {
return new ImageBitmap(this.width, this.height);
}
}
//# sourceMappingURL=OffscreenCanvas.js.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"OffscreenCanvas.js","sourceRoot":"","sources":["../../../src/nodes/html-canvas-element/OffscreenCanvas.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAE3C;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,eAAe;IACnB,KAAK,CAAS;IACd,MAAM,CAAS;IAE/B;;;;;OAKG;IACH,YAAY,KAAa,EAAE,MAAc;QACxC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACtB,CAAC;IAED;;;;;;OAMG;IACI,UAAU,CAChB,YAAqE,EACrE,kBAA2C;QAE3C,OAAO,IAAI,CAAC;IACb,CAAC;IAED;;;;;;;OAOG;IACI,KAAK,CAAC,aAAa,CAAC,QAA2C;QACrE,OAAO,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC;IAED;;;;OAIG;IACI,qBAAqB;QAC3B,OAAO,IAAI,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC;CACD"}