@bbq-chat/widgets-angular 1.0.0 → 1.0.1

package/src/public_api.ts

@@ -0,0 +1,75 @@
+/**
+ * @bbq-chat/widgets-angular
+ * 
+ * Angular components and services for BbQ ChatWidgets
+ * 
+ * This package provides Angular-native components and services that wrap
+ * the core @bbq-chat/widgets library, making it easy to integrate chat
+ * widgets into Angular applications.
+ * 
+ * @packageDocumentation
+ */
+
+// Export components
+export { WidgetRendererComponent } from './widget-renderer.component';
+
+// Export services
+export { WidgetRegistryService } from './widget-registry.service';
+
+// Export DI tokens and factories
+export {
+  WIDGET_EVENT_MANAGER_FACTORY,
+  SSR_WIDGET_RENDERER,
+  widgetEventManagerFactoryProvider,
+  ssrWidgetRendererFactory,
+} from './widget-di.tokens';
+
+export type { WidgetEventManagerFactory } from './widget-di.tokens';
+
+// Export custom widget renderer types
+export type {
+  CustomWidgetComponent,
+  CustomWidgetRenderer,
+  CustomWidgetHtmlRenderer,
+  CustomWidgetRendererConfig,
+  WidgetTemplateContext,
+} from './custom-widget-renderer.types';
+
+export {
+  isHtmlRenderer,
+  isComponentRenderer,
+  isTemplateRenderer,
+} from './custom-widget-renderer.types';
+
+// Re-export commonly used types and classes from core package
+export {
+  ChatWidget,
+} from '@bbq-chat/widgets';
+
+export type {
+  ButtonWidget,
+  CardWidget,
+  FormWidget,
+  InputWidget,
+  TextAreaWidget,
+  DropdownWidget,
+  SliderWidget,
+  ToggleWidget,
+  FileUploadWidget,
+  DatePickerWidget,
+  MultiSelectWidget,
+  ProgressBarWidget,
+  ThemeSwitcherWidget,
+  ImageWidget,
+  ImageCollectionWidget,
+} from '@bbq-chat/widgets';
+
+// Re-export utilities
+export {
+  SsrWidgetRenderer,
+  WidgetEventManager,
+  customWidgetRegistry,
+} from '@bbq-chat/widgets';
+
+// Version
+export const VERSION = '1.0.1';

package/src/widget-di.tokens.ts

@@ -0,0 +1,63 @@
+import { InjectionToken } from '@angular/core';
+import { SsrWidgetRenderer, WidgetEventManager, IWidgetActionHandler } from '@bbq-chat/widgets';
+
+/**
+ * Injection token for WidgetEventManager factory
+ * 
+ * Use this token to inject a factory function that creates WidgetEventManager instances.
+ * The factory accepts an optional action handler to configure the manager.
+ * 
+ * @example
+ * ```typescript
+ * constructor(@Inject(WIDGET_EVENT_MANAGER_FACTORY) private eventManagerFactory: WidgetEventManagerFactory) {
+ *   const actionHandler = { handle: async (action, payload) => { ... } };
+ *   this.eventManager = this.eventManagerFactory(actionHandler);
+ * }
+ * ```
+ */
+export type WidgetEventManagerFactory = (actionHandler?: IWidgetActionHandler) => WidgetEventManager;
+
+export const WIDGET_EVENT_MANAGER_FACTORY = new InjectionToken<WidgetEventManagerFactory>(
+  'WIDGET_EVENT_MANAGER_FACTORY'
+);
+
+/**
+ * Injection token for SsrWidgetRenderer
+ * 
+ * Use this token to inject a SsrWidgetRenderer instance in your components.
+ * By default, WidgetRendererComponent provides this token with a factory that creates
+ * a new instance for each component.
+ * 
+ * @example
+ * ```typescript
+ * constructor(@Inject(SSR_WIDGET_RENDERER) private renderer: SsrWidgetRenderer) {}
+ * ```
+ */
+export const SSR_WIDGET_RENDERER = new InjectionToken<SsrWidgetRenderer>(
+  'SSR_WIDGET_RENDERER'
+);
+
+/**
+ * Factory function for creating WidgetEventManager instances
+ * 
+ * This factory is used by default in WidgetRendererComponent's providers array.
+ * You can override this in your own providers if you need custom initialization.
+ * 
+ * @returns A factory function that creates WidgetEventManager instances
+ */
+export function widgetEventManagerFactoryProvider(): WidgetEventManagerFactory {
+  return (actionHandler?: IWidgetActionHandler) => new WidgetEventManager(actionHandler);
+}
+
+/**
+ * Factory function for creating SsrWidgetRenderer instances
+ * 
+ * This factory is used by default in WidgetRendererComponent's providers array.
+ * You can override this in your own providers if you need custom initialization
+ * or custom rendering options.
+ * 
+ * @returns A new SsrWidgetRenderer instance
+ */
+export function ssrWidgetRendererFactory(): SsrWidgetRenderer {
+  return new SsrWidgetRenderer();
+}

package/src/widget-renderer.component.ts

@@ -13,10 +13,10 @@ import {
   ComponentRef,
   EmbeddedViewRef,
   TemplateRef,
-  inject,
   Injector,
   createComponent,
   EnvironmentInjector,
+  Inject,
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import {
@@ -31,6 +31,13 @@ import {
   isComponentRenderer,
   isTemplateRenderer,
 } from './custom-widget-renderer.types';
+import {
+  WIDGET_EVENT_MANAGER_FACTORY,
+  SSR_WIDGET_RENDERER,
+  widgetEventManagerFactoryProvider,
+  ssrWidgetRendererFactory,
+  WidgetEventManagerFactory,
+} from './widget-di.tokens';
 
 /**
  * Angular component for rendering chat widgets
@@ -55,6 +62,10 @@ import {
   selector: 'bbq-widget-renderer',
   standalone: true,
   imports: [CommonModule],
+  providers: [
+    { provide: WIDGET_EVENT_MANAGER_FACTORY, useFactory: widgetEventManagerFactoryProvider },
+    { provide: SSR_WIDGET_RENDERER, useFactory: ssrWidgetRendererFactory },
+  ],
   template: `
     <div #widgetContainer class="bbq-widgets-container" (click)="handleClick($event)">
       @for (item of widgetItems; track item.index) {
@@ -104,17 +115,21 @@ export class WidgetRendererComponent
     html?: string;
   }> = [];
   
-  protected renderer = new SsrWidgetRenderer();
   protected eventManager?: WidgetEventManager;
   protected isViewInitialized = false;
-  protected widgetRegistry = inject(WidgetRegistryService);
-  protected injector = inject(Injector);
-  protected environmentInjector = inject(EnvironmentInjector);
   protected dynamicComponents: Array<ComponentRef<any>> = [];
   protected dynamicViews: Array<EmbeddedViewRef<WidgetTemplateContext>> = [];
 
+  constructor(
+    @Inject(SSR_WIDGET_RENDERER) protected renderer: SsrWidgetRenderer,
+    @Inject(WIDGET_EVENT_MANAGER_FACTORY) protected eventManagerFactory: WidgetEventManagerFactory,
+    protected widgetRegistry: WidgetRegistryService,
+    protected injector: Injector,
+    protected environmentInjector: EnvironmentInjector
+  ) {}
+
   ngOnInit() {
-    this.updateWidgetHtml();
+    // this.updateWidgetHtml();
   }
 
   ngOnChanges(changes: SimpleChanges) {
@@ -124,6 +139,7 @@ export class WidgetRendererComponent
   }
 
   ngAfterViewInit() {
+    this.updateWidgetHtml();
     this.isViewInitialized = true;
     this.setupEventHandlers();
     // Render dynamic components/templates after view init
@@ -347,8 +363,8 @@ export class WidgetRendererComponent
       },
     };
 
-    // Attach event handlers using WidgetEventManager
-    this.eventManager = new WidgetEventManager(actionHandler);
+    // Use the injected factory to create an event manager with the component-specific action handler
+    this.eventManager = this.eventManagerFactory(actionHandler);
     this.eventManager.attachHandlers(container);
   }
 

package/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "sourceMap": true,
+    "declaration": true,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "ES2022",
+    "lib": [
+      "ES2022",
+      "dom"
+    ],
+    "skipLibCheck": true,
+    "skipDefaultLibCheck": true,
+    "paths": {
+      "@bbq-chat/widgets": ["../js/dist"]
+    }
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

package/dist/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 BbQ ChatWidgets Contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/README.md

@@ -1,252 +0,0 @@
-# @bbq-chat/widgets-angular
-
-Angular components and services for BbQ ChatWidgets. This package provides Angular-native wrappers for the core [@bbq-chat/widgets](https://www.npmjs.com/package/@bbq-chat/widgets) library.
-
-## Installation
-
-```bash
-npm install @bbq-chat/widgets-angular @bbq-chat/widgets
-```
-
-## Peer Dependencies
-
-This package requires:
-- `@angular/common` >= 17.0.0
-- `@angular/core` >= 17.0.0
-- `@bbq-chat/widgets` ^1.0.0
-
-## Quick Start
-
-### 1. Import the component
-
-```typescript
-import { Component } from '@angular/core';
-import { WidgetRendererComponent } from '@bbq-chat/widgets-angular';
-import type { ChatWidget } from '@bbq-chat/widgets-angular';
-
-@Component({
-  selector: 'app-chat',
-  standalone: true,
-  imports: [WidgetRendererComponent],
-  template: `
-    <bbq-widget-renderer 
-      [widgets]="widgets" 
-      (widgetAction)="handleWidgetAction($event)">
-    </bbq-widget-renderer>
-  `
-})
-export class ChatComponent {
-  widgets: ChatWidget[] = [];
-
-  handleWidgetAction(event: { actionName: string; payload: any }) {
-    console.log('Widget action:', event.actionName, event.payload);
-    // Handle the action (e.g., send to backend)
-  }
-}
-```
-
-### 2. Import styles
-
-In your `styles.css` or `styles.scss`:
-
-```css
-@import '@bbq-chat/widgets/styles';
-```
-
-Or import a specific theme:
-
-```css
-@import '@bbq-chat/widgets/styles/light';
-@import '@bbq-chat/widgets/styles/dark';
-@import '@bbq-chat/widgets/styles/corporate';
-```
-
-## Components
-
-### WidgetRendererComponent
-
-The main component for rendering chat widgets.
-
-**Inputs:**
-- `widgets: ChatWidget[] | null | undefined` - Array of widgets to render
-
-**Outputs:**
-- `widgetAction: EventEmitter<{ actionName: string; payload: any }>` - Emits when a widget action is triggered
-
-**Example:**
-
-```typescript
-<bbq-widget-renderer 
-  [widgets]="messageWidgets" 
-  (widgetAction)="onWidgetAction($event)">
-</bbq-widget-renderer>
-```
-
-## Services
-
-### WidgetRegistryService
-
-Service for registering custom widget types.
-
-**Example:**
-
-```typescript
-import { Component, OnInit } from '@angular/core';
-import { WidgetRegistryService } from '@bbq-chat/widgets-angular';
-
-export class MyCustomWidget {
-  type = 'myCustomWidget';
-  constructor(public label: string, public action: string) {}
-}
-
-@Component({
-  selector: 'app-root',
-  template: '...'
-})
-export class AppComponent implements OnInit {
-  constructor(private widgetRegistry: WidgetRegistryService) {}
-
-  ngOnInit() {
-    // Register custom widget factory
-    this.widgetRegistry.registerFactory('myCustomWidget', (obj) => {
-      if (obj.type === 'myCustomWidget') {
-        return new MyCustomWidget(obj.label, obj.action);
-      }
-      return null;
-    });
-  }
-}
-```
-
-## Widget Types
-
-All standard widget types from `@bbq-chat/widgets` are supported:
-
-- `ButtonWidget` - Clickable buttons
-- `CardWidget` - Information cards
-- `FormWidget` - Form containers
-- `InputWidget` - Text input fields
-- `TextAreaWidget` - Multi-line text input
-- `DropdownWidget` - Dropdown selects
-- `SliderWidget` - Range sliders
-- `ToggleWidget` - Toggle switches
-- `FileUploadWidget` - File upload controls
-- `DatePickerWidget` - Date pickers
-- `MultiSelectWidget` - Multi-select dropdowns
-- `ThemeSwitcherWidget` - Theme switcher controls
-- `ProgressBarWidget` - Progress indicators
-- `ImageWidget` - Image displays
-- `ImageCollectionWidget` - Image galleries
-
-## Advanced Usage
-
-### Handling Widget Actions
-
-Widget actions are emitted when users interact with widgets. Handle these actions in your component:
-
-```typescript
-async handleWidgetAction(event: { actionName: string; payload: any }) {
-  const { actionName, payload } = event;
-
-  try {
-    const response = await fetch('/api/chat/action', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ action: actionName, payload })
-    });
-
-    const data = await response.json();
-    // Update widgets with response
-    this.widgets = data.widgets;
-  } catch (error) {
-    console.error('Failed to handle widget action:', error);
-  }
-}
-```
-
-### Custom Widget Renderers
-
-The library now supports three types of custom widget renderers for enhanced flexibility:
-
-#### 1. HTML Function Renderer
-
-Simple function that returns HTML strings:
-
-```typescript
-this.widgetRegistry.registerRenderer('myWidget', (widget) => {
-  return `<div class="my-widget">${widget.label}</div>`;
-});
-```
-
-#### 2. Angular Component Renderer (Recommended)
-
-Use Angular components for full framework features including data binding, change detection, and dependency injection:
-
-```typescript
-import { Component, Input } from '@angular/core';
-import { CustomWidgetComponent } from '@bbq-chat/widgets-angular';
-
-@Component({
-  selector: 'app-my-widget',
-  standalone: true,
-  template: `
-    <div class="my-widget">
-      <h3>{{ myWidget.title }}</h3>
-      <button (click)="onClick()">Action</button>
-    </div>
-  `
-})
-export class MyWidgetComponent implements CustomWidgetComponent {
-  @Input() widget!: ChatWidget;
-  widgetAction?: (actionName: string, payload: unknown) => void;
-
-  get myWidget(): MyCustomWidget {
-    return this.widget as MyCustomWidget;
-  }
-
-  onClick() {
-    this.widgetAction?.('my_action', { data: 'example' });
-  }
-}
-
-// Register the component
-this.widgetRegistry.registerRenderer('myWidget', MyWidgetComponent);
-```
-
-#### 3. Angular Template Renderer
-
-Use inline templates with full Angular template syntax:
-
-```typescript
-import { WidgetTemplateContext } from '@bbq-chat/widgets-angular';
-
-@Component({
-  template: `
-    <ng-template #myTemplate let-widget let-emitAction="emitAction">
-      <div class="my-widget">
-        <h3>{{ widget.title }}</h3>
-        <button (click)="emitAction('my_action', { data: 'example' })">
-          Action
-        </button>
-      </div>
-    </ng-template>
-  `
-})
-export class AppComponent implements OnInit {
-  @ViewChild('myTemplate', { static: true }) myTemplate!: TemplateRef<WidgetTemplateContext>;
-
-  ngOnInit() {
-    this.widgetRegistry.registerRenderer('myWidget', this.myTemplate);
-  }
-}
-```
-
-See [EXAMPLES.md](./EXAMPLES.md) for detailed examples and best practices.
-
-## License
-
-MIT
-
-## Repository
-
-https://github.com/JeanMarcMbouma/BbQ.ChatWidgets

package/dist/custom-widget-renderer.types.d.ts

@@ -1,79 +0,0 @@
-import { Type, TemplateRef } from '@angular/core';
-import { ChatWidget } from '@bbq-chat/widgets';
-/**
- * Context provided to template-based custom widget renderers
- */
-export interface WidgetTemplateContext {
-    /**
-     * The widget instance being rendered
-     */
-    $implicit: ChatWidget;
-    /**
-     * The widget instance (alternative access)
-     */
-    widget: ChatWidget;
-    /**
-     * Emit a widget action
-     */
-    emitAction: (actionName: string, payload: unknown) => void;
-}
-/**
- * Interface for component-based custom widget renderers
- */
-export interface CustomWidgetComponent {
-    /**
-     * The widget instance to render
-     */
-    widget: ChatWidget;
-    /**
-     * Event emitter for widget actions (optional, will be set by the renderer)
-     */
-    widgetAction?: (actionName: string, payload: unknown) => void;
-}
-/**
- * Type for custom widget renderer functions that return HTML strings
- */
-export type CustomWidgetHtmlRenderer = (widget: ChatWidget) => string;
-/**
- * Type for custom widget renderer configurations
- */
-export type CustomWidgetRenderer = CustomWidgetHtmlRenderer | Type<CustomWidgetComponent> | TemplateRef<WidgetTemplateContext>;
-/**
- * Configuration for registering a custom widget renderer
- */
-export interface CustomWidgetRendererConfig {
-    /**
-     * The widget type identifier
-     */
-    type: string;
-    /**
-     * The renderer: can be a function returning HTML, an Angular Component class, or a TemplateRef
-     */
-    renderer: CustomWidgetRenderer;
-}
-/**
- * Type guard to check if a renderer is a TemplateRef
- */
-export declare function isTemplateRenderer(renderer: CustomWidgetRenderer): renderer is TemplateRef<WidgetTemplateContext>;
-/**
- * Type guard to check if a renderer is an Angular Component
- *
- * Note: This uses a heuristic check based on the following assumptions:
- * 1. Components are constructor functions
- * 2. Components have a prototype with a constructor property
- * 3. Components typically use dependency injection (no required constructor params)
- *
- * Limitation: This may not detect components with required constructor parameters.
- * For edge cases, explicitly check your component's constructor signature.
- *
- * Alternative: You can always register a wrapper component that has no required params.
- */
-export declare function isComponentRenderer(renderer: CustomWidgetRenderer): renderer is Type<CustomWidgetComponent>;
-/**
- * Type guard to check if a renderer is an HTML function
- *
- * Note: This should be checked AFTER checking for component and template renderers
- * since components are also functions but with additional properties.
- */
-export declare function isHtmlRenderer(renderer: CustomWidgetRenderer): renderer is CustomWidgetHtmlRenderer;
-//# sourceMappingURL=custom-widget-renderer.types.d.ts.map

package/dist/custom-widget-renderer.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-widget-renderer.types.d.ts","sourceRoot":"","sources":["../src/custom-widget-renderer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,EAAE,UAAU,CAAC;IAEtB;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/D;AAED;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAC5B,wBAAwB,GACxB,IAAI,CAAC,qBAAqB,CAAC,GAC3B,WAAW,CAAC,qBAAqB,CAAC,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,EAAE,oBAAoB,CAAC;CAChC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,oBAAoB,GAC7B,QAAQ,IAAI,WAAW,CAAC,qBAAqB,CAAC,CAMhD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,oBAAoB,GAC7B,QAAQ,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAazC;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,oBAAoB,GAC7B,QAAQ,IAAI,wBAAwB,CAEtC"}

package/dist/custom-widget-renderer.types.js

@@ -1,43 +0,0 @@
-/**
- * Type guard to check if a renderer is a TemplateRef
- */
-export function isTemplateRenderer(renderer) {
-    return (renderer !== null &&
-        typeof renderer === 'object' &&
-        'createEmbeddedView' in renderer);
-}
-/**
- * Type guard to check if a renderer is an Angular Component
- *
- * Note: This uses a heuristic check based on the following assumptions:
- * 1. Components are constructor functions
- * 2. Components have a prototype with a constructor property
- * 3. Components typically use dependency injection (no required constructor params)
- *
- * Limitation: This may not detect components with required constructor parameters.
- * For edge cases, explicitly check your component's constructor signature.
- *
- * Alternative: You can always register a wrapper component that has no required params.
- */
-export function isComponentRenderer(renderer) {
-    // Check if it's a function (constructor) but not a regular function renderer
-    if (typeof renderer !== 'function') {
-        return false;
-    }
-    // Check for Angular component characteristics
-    // Components typically have prototype with constructor property
-    return (renderer.prototype !== undefined &&
-        renderer.prototype.constructor === renderer &&
-        renderer.length === 0 // Constructor with no required params (Angular DI)
-    );
-}
-/**
- * Type guard to check if a renderer is an HTML function
- *
- * Note: This should be checked AFTER checking for component and template renderers
- * since components are also functions but with additional properties.
- */
-export function isHtmlRenderer(renderer) {
-    return typeof renderer === 'function';
-}
-//# sourceMappingURL=custom-widget-renderer.types.js.map

package/dist/custom-widget-renderer.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-widget-renderer.types.js","sourceRoot":"","sources":["../src/custom-widget-renderer.types.ts"],"names":[],"mappings":"AAkEA;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAChC,QAA8B;IAE9B,OAAO,CACL,QAAQ,KAAK,IAAI;QACjB,OAAO,QAAQ,KAAK,QAAQ;QAC5B,oBAAoB,IAAI,QAAQ,CACjC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,mBAAmB,CACjC,QAA8B;IAE9B,6EAA6E;IAC7E,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACnC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,8CAA8C;IAC9C,gEAAgE;IAChE,OAAO,CACL,QAAQ,CAAC,SAAS,KAAK,SAAS;QAChC,QAAQ,CAAC,SAAS,CAAC,WAAW,KAAK,QAAQ;QAC3C,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,mDAAmD;KAC1E,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAC5B,QAA8B;IAE9B,OAAO,OAAO,QAAQ,KAAK,UAAU,CAAC;AACxC,CAAC"}