@myop/angular 0.0.32 → 0.0.34

package/README.md

@@ -2,12 +2,13 @@
 
 Official Angular bindings for embedding [Myop](https://myop.dev) components in your Angular applications.
 
-Myop components are framework-agnostic UI components that can be updated in real-time without redeploying your application. Build once, embed anywhere, and iterate instantly.
+Myop components are framework-agnostic UI components that can be updated in real-time without redeploying your application. Build once, embed anywhere, and iterate instantly. Perfect for teams that need to ship UI changes fast, A/B test components, or empower non-developers to customize the interface. Myop is also the safest way to adopt AI-generated components in your application—whether created by developers or non-developers—with built-in sandboxing and controlled integration.
 
 [![npm version](https://img.shields.io/npm/v/@myop/angular.svg)](https://www.npmjs.com/package/@myop/angular)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+[![Discord](https://img.shields.io/badge/Discord-Join%20us-5865F2?logo=discord&logoColor=white)](https://myop.dev/discord)
 
-[Website](https://www.myop.dev/) | [Documentation](https://docs.myop.dev/) | [Dashboard](https://dashboard.myop.dev/)
+[Website](https://www.myop.dev/) | [Documentation](https://docs.myop.dev/) | [Dashboard](https://dashboard.myop.dev/) | [Discord](https://myop.dev/discord)
 
 ## Installation
 
@@ -15,8 +16,240 @@ Myop components are framework-agnostic UI components that can be updated in real
 npm install @myop/angular
 ```
 
+```bash
+yarn add @myop/angular
+```
+
+```bash
+pnpm add @myop/angular
+```
+
+## Auto-Generated Angular Components
+
+Myop automatically generates a typed Angular component package for every component you create in the [dashboard](https://dashboard.myop.dev/). Install it directly via npm:
+
+```bash
+npm install https://cloud.myop.dev/npm/{component-id}/angular
+```
+
+### Setup (One-Time Configuration)
+
+Add `node_modules/@myop` to your TypeScript compilation in `tsconfig.app.json`:
+
+```json
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app"
+  },
+  "include": [
+    "src/**/*.d.ts",
+    "src/**/*.ts",
+    "node_modules/@myop/**/*.ts"
+  ]
+}
+```
+
+This allows Angular to compile the auto-generated component packages alongside your application code.
+
+### Usage
+
+Import and use the generated component directly. For example, if you created a table component called "users-table" in the dashboard:
+
+```typescript
+import { Component } from "@angular/core";
+import { UsersTableComponent, UsersTableCtaPayloads, CtaEvent } from "@myop/users-table";
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  imports: [UsersTableComponent],
+  template: `
+    <users-table
+      [data]="{ rows: users }"
+      (cta)="onCta($event)"
+    />
+  `,
+})
+export class AppComponent {
+  users = [
+    { id: 1, name: "Alice", email: "alice@example.com", role: "Admin" },
+    { id: 2, name: "Bob", email: "bob@example.com", role: "User" },
+    { id: 3, name: "Charlie", email: "charlie@example.com", role: "User" },
+  ];
+
+  onCta(event: CtaEvent<UsersTableCtaPayloads>) {
+    switch (event.action) {
+      case "rowClicked":
+        console.log("Selected user:", event.payload.rowData);
+        break;
+      case "deleteClicked":
+        this.deleteUser(event.payload.userId);
+        break;
+      case "exportRequested":
+        this.exportToFormat(event.payload.format);
+        break;
+    }
+  }
+}
+```
+
+**Why this is powerful:**
+
+- **Fully typed** — The generated package includes complete TypeScript types for your component's data interface and all CTA event payloads
+- **Auto loaded** — Components are fetched and rendered automatically, no manual setup required
+- **Not in your code** — The actual component implementation lives on Myop and is loaded at runtime. Update your component in the dashboard and it's instantly live—no rebuild, no redeploy
+- **Zero bundle impact** — The entire `@myop/angular` package costs only ~6KB gzipped—and that's the total cost whether you use 1, 2, or 1,000 components. Auto-generated component packages are just thin typed wrappers. The actual component implementations are loaded at runtime, meaning your Myop components can be as complex, feature-rich, and heavy as you need without adding a single byte to your application bundle. Consider typical bundle costs: a chart library (~60KB), a map component (~200KB), a data grid (~150KB), a rich text editor (~100KB), or a chat widget with emoji picker (~80KB). With Myop, all of these cost ~0KB to your bundle—they load on-demand when needed
+
+**Environment options:**
+
+Set the default environment for all components using `setEnvironment`:
+
+```typescript
+import { setEnvironment } from "@myop/angular";
+
+// Set default environment for all component loads
+setEnvironment("staging");
+```
+
+You can also override the environment directly on a specific component:
+
+```html
+<myop-users-table
+  [data]="{ rows: users }"
+  [preview]="true"
+  environment="staging"
+/>
+```
+
+Environments are fully configurable in the [dashboard](https://dashboard.myop.dev/), allowing you to test changes in staging before publishing to production.
+
+For more details on auto-generated packages, see the [Auto-Generated Packages documentation](https://docs.myop.dev/docs/learnMyop/AutoGeneratedPackages).
+
+## Requirements
+
+- Angular 17.0+
+
 ## Quick Start
 
+```typescript
+import { Component } from "@angular/core";
+import { MyopComponent } from "@myop/angular";
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  imports: [MyopComponent],
+  template: `
+    <myop-component
+      [componentId]="'your-component-id'"
+      [style]="{ width: '600px', height: '400px' }"
+      (action)="onAction($event)"
+    />
+  `,
+})
+export class AppComponent {
+  onAction(event: { action: string; payload: any }) {
+    console.log("Action:", event.action, "Payload:", event.payload);
+  }
+}
+```
+
+## Components
+
+### `myop-component`
+
+The main component for embedding Myop components.
+
+```typescript
+import { Component } from "@angular/core";
+import { MyopComponent } from "@myop/angular";
+
+@Component({
+  selector: "app-dashboard",
+  standalone: true,
+  imports: [MyopComponent],
+  template: `
+    <myop-component
+      [componentId]="'abc123'"
+      [data]="{ items: items }"
+      (rowClicked)="onRowClicked($event)"
+      (load)="onLoad($event)"
+      (error)="onError($event)"
+    />
+  `,
+})
+export class DashboardComponent {
+  items = [
+    { id: 1, name: "Item 1" },
+    { id: 2, name: "Item 2" },
+  ];
+
+  onRowClicked(payload: any) {
+    console.log("Row clicked:", payload);
+  }
+
+  onLoad(component: any) {
+    console.log("Loaded!", component);
+  }
+
+  onError(error: string) {
+    console.error("Error:", error);
+  }
+}
+```
+
+#### Inputs
+
+| Input | Type | Description |
+|-------|------|-------------|
+| `componentId` | `string` | The ID of the Myop component to load |
+| `data` | `object` | Data to pass to the component via `myop_init_interface` |
+| `style` | `object` | CSS styles for the container |
+| `fadeDuration` | `number` | Loader fade-out duration in ms (default: `200`) |
+| `environment` | `string` | Load from a specific environment (e.g., `"staging"`, `"prod"`) |
+| `preview` | `boolean` | Load the unpublished preview version of the component |
+
+#### Outputs
+
+| Output | Type | Description |
+|--------|------|-------------|
+| `(action)` | `EventEmitter<{action, payload}>` | Generic handler for all CTA events |
+| `([actionName])` | `EventEmitter<payload>` | Handler for specific actions (e.g., `(rowClicked)`) |
+| `(load)` | `EventEmitter<component>` | Called when the component finishes loading |
+| `(error)` | `EventEmitter<string>` | Called when loading fails |
+
+#### Inputs for Loading/Fallback
+
+| Input | Type | Description |
+|-------|------|-------------|
+| `loader` | `TemplateRef` | Loading indicator template (default: `null` - no loader). Use `MyopLoader` for default Myop loader |
+| `fallback` | `TemplateRef` | Error fallback template (default: built-in `MyopFallback`). Override with custom template |
+
+#### Environments & Preview
+
+Myop supports multiple environments, allowing you to test changes before going live:
+
+```html
+<!-- Production (default) -->
+<myop-component [componentId]="'abc123'" />
+
+<!-- Load from staging environment -->
+<myop-component [componentId]="'abc123'" environment="staging" />
+
+<!-- Load unpublished preview version (for testing before publishing) -->
+<myop-component [componentId]="'abc123'" [preview]="true" />
+
+<!-- Combine both: preview version in staging -->
+<myop-component [componentId]="'abc123'" environment="staging" [preview]="true" />
+```
+
+Environments are configured in the [dashboard](https://dashboard.myop.dev/). Use `[preview]="true"` to test unpublished changes before making them live.
+
+### `myop-container` (Legacy)
+
+The legacy container component. Use `myop-component` for new projects.
+
 ```typescript
 import { Component } from "@angular/core";
 import { MyopContainerComponent } from "@myop/angular";
@@ -27,24 +260,256 @@ import { MyopContainerComponent } from "@myop/angular";
   imports: [MyopContainerComponent],
   template: `
     <myop-container
-      [componentId]="'your-component-id'"
-      [inputs]="{ data: myData }"
+      [componentId]="'abc123'"
       (componentReady)="onReady($event)"
     />
   `,
 })
 export class AppComponent {
-  myData = { items: [] };
-
   onReady(component: any) {
-    console.log("Component loaded!", component);
+    console.log("Ready!", component);
   }
 }
 ```
 
-## Requirements
+## Type-Safe Event Handlers
 
-- Angular 17.0+
+Define your CTA payloads for fully typed event handlers:
+
+```typescript
+import { Component } from "@angular/core";
+import { MyopComponent } from "@myop/angular";
+
+// Define your component's data and CTA payload types
+interface MyData {
+  items: { id: string; name: string }[];
+}
+
+interface RowClickedPayload {
+  rowIndex: number;
+  rowData: any;
+}
+
+interface ItemSelectedPayload {
+  itemId: string;
+}
+
+interface ExportRequestedPayload {
+  format: "csv" | "json";
+}
+
+@Component({
+  selector: "app-dashboard",
+  standalone: true,
+  imports: [MyopComponent],
+  template: `
+    <myop-component
+      [componentId]="'dashboard-component'"
+      [data]="data"
+      (rowClicked)="onRowClicked($event)"
+      (itemSelected)="onItemSelected($event)"
+      (action)="onAction($event)"
+    />
+  `,
+})
+export class DashboardComponent {
+  data: MyData = {
+    items: [
+      { id: "1", name: "Item 1" },
+      { id: "2", name: "Item 2" },
+    ],
+  };
+
+  onRowClicked(payload: RowClickedPayload) {
+    console.log("Row clicked:", payload.rowIndex);
+  }
+
+  onItemSelected(payload: ItemSelectedPayload) {
+    console.log("Item selected:", payload.itemId);
+  }
+
+  onAction(event: { action: string; payload: any }) {
+    console.log(event.action, event.payload);
+  }
+}
+```
+
+## Configuration
+
+### Preloading Components
+
+Preload components for faster rendering:
+
+```typescript
+import { preloadComponents, isPreloaded } from "@myop/angular";
+
+// Preload multiple components
+await preloadComponents(["component-1", "component-2"]);
+
+// Check if a component is preloaded
+if (isPreloaded("component-1")) {
+  console.log("Component is cached and ready");
+}
+```
+
+### Custom Repository URL
+
+```typescript
+import { setCloudRepositoryUrl } from "@myop/angular";
+
+// Point to a custom Myop server
+setCloudRepositoryUrl("https://your-custom-server.com");
+```
+
+### Environment Configuration
+
+```typescript
+import { setEnvironment } from "@myop/angular";
+
+// Set default environment for all component loads
+setEnvironment("staging");
+```
+
+### Local Development
+
+```typescript
+import { enableLocalDev } from "@myop/angular";
+
+// Connect to local Myop development server (localhost:9292)
+enableLocalDev();
+```
+
+### Advanced: Custom Repository
+
+```typescript
+import { setCloudRepository, getCloudRepository } from "@myop/angular";
+import { CloudRepository } from "@myop/sdk/helpers";
+
+// Set a custom CloudRepository instance
+const customRepo = new CloudRepository("https://custom-url.com");
+setCloudRepository(customRepo);
+
+// Get the current repository
+const repo = getCloudRepository();
+```
+
+## Loading & Error States
+
+By default, no loader is shown while the component loads. The Myop-branded fallback is displayed automatically on error.
+
+### Using the Default Myop Loader
+
+```typescript
+import { Component } from "@angular/core";
+import { MyopComponent, MyopLoader } from "@myop/angular";
+
+@Component({
+  selector: "app-example",
+  standalone: true,
+  imports: [MyopComponent, MyopLoader],
+  template: `
+    <myop-component [componentId]="'my-component'" [loader]="loaderTpl" [fadeDuration]="300">
+    </myop-component>
+
+    <ng-template #loaderTpl>
+      <myop-loader></myop-loader>
+    </ng-template>
+  `,
+})
+export class ExampleComponent {}
+```
+
+### Custom Loading State
+
+```typescript
+@Component({
+  selector: "app-example",
+  standalone: true,
+  imports: [MyopComponent],
+  template: `
+    <myop-component [componentId]="'my-component'" [loader]="loaderTpl" [fadeDuration]="300">
+    </myop-component>
+
+    <ng-template #loaderTpl>
+      <div class="custom-loader">
+        <app-spinner />
+        <p>Loading component...</p>
+      </div>
+    </ng-template>
+  `,
+})
+export class ExampleComponent {}
+```
+
+### Custom Error Fallback
+
+```typescript
+import { Component } from "@angular/core";
+import { MyopComponent, MyopFallback } from "@myop/angular";
+
+@Component({
+  selector: "app-example",
+  standalone: true,
+  imports: [MyopComponent, MyopFallback],
+  template: `
+    <myop-component [componentId]="'my-component'" [fallback]="fallbackTpl">
+    </myop-component>
+
+    <!-- Custom fallback -->
+    <ng-template #fallbackTpl>
+      <div class="error-state">
+        <p>Failed to load component</p>
+        <button (click)="retry()">Retry</button>
+      </div>
+    </ng-template>
+
+    <!-- Or use default Myop fallback explicitly -->
+    <ng-template #myopFallbackTpl>
+      <myop-fallback></myop-fallback>
+    </ng-template>
+  `,
+})
+export class ExampleComponent {
+  retry() {
+    window.location.reload();
+  }
+}
+```
+
+## Using in NgModules
+
+If you're not using standalone components, import in your module:
+
+```typescript
+import { NgModule } from "@angular/core";
+import { BrowserModule } from "@angular/platform-browser";
+import { MyopComponent } from "@myop/angular";
+import { AppComponent } from "./app.component";
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [BrowserModule, MyopComponent],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}
+```
+
+## API Reference
+
+### Exports
+
+| Export | Description |
+|--------|-------------|
+| `MyopComponent` | Main component for embedding Myop components |
+| `MyopLoader` / `MyopLoaderComponent` | Default Myop-branded loading indicator (opt-in) |
+| `MyopFallback` / `MyopFallbackComponent` | Default Myop-branded error fallback |
+| `preloadComponents` | Preload components for faster rendering |
+| `isPreloaded` | Check if a component is cached |
+| `enableLocalDev` | Enable local development mode |
+| `setCloudRepositoryUrl` | Set custom server URL |
+| `setCloudRepository` | Set custom CloudRepository instance |
+| `getCloudRepository` | Get current CloudRepository instance |
+| `setEnvironment` | Set default environment |
 
 ## License
 

package/fesm2022/myop-angular.mjs

@@ -65,7 +65,7 @@ class MyopComponentV2 {
     componentConfig;
     data;
     fadeDuration = 200;
-    autoSize = false;
+    autoSize = true;
     environment;
     preview;
     on;
@@ -88,6 +88,7 @@ class MyopComponentV2 {
     showFallback = false;
     isComponentLoaded = false;
     autoSizeResult;
+    sizeMode = { fillWidth: false, fillHeight: false };
     // Logo path for template
     logoPath = MYOP_LOGO_PATH$2;
     // Private state
@@ -202,13 +203,21 @@ class MyopComponentV2 {
                 return;
             }
             this.isComponentLoaded = true;
-            // For non-autoSize mode, hide loader immediately
-            if (!this.autoSize) {
+            // Read sizeMeta (parsed from <meta name="myop:size"> before iframe creation)
+            const sm = this.myopComponent?.sizeMeta;
+            const isFillWidth = sm?.width === "100%";
+            const isFillHeight = sm?.height === "100%";
+            this.sizeMode = { fillWidth: isFillWidth, fillHeight: isFillHeight };
+            // hideLoader strategy:
+            // - autoSize=false → hide immediately (fill-parent mode, no auto-sizing)
+            // - fill mode (both dims explicit via sizeMeta) → hide immediately
+            // - content mode → hideLoader is called after first auto-size measurement
+            const bothDimsExplicit = isFillWidth && isFillHeight;
+            if (!this.autoSize || bothDimsExplicit) {
                 this.hideLoader();
             }
-            else {
-                this.setupAutoSize();
-            }
+            // Always setup auto-size (SDK handles fill vs content mode)
+            this.setupAutoSize();
             // Setup CTA handler
             if (this.myopComponent?.props) {
                 this.myopComponent.props.myop_cta_handler = (action, payload) => {
@@ -257,6 +266,7 @@ class MyopComponentV2 {
         }
         let isFirstMeasurement = true;
         this.autoSizeCleanup = this.myopComponent.observeAutoSize({
+            // SDK resolves: host props → sizeMeta → defaults (width: "100%", height: auto-size)
             explicitWidth: undefined,
             explicitHeight: undefined,
             forceAutoSize: this.autoSize,
@@ -291,31 +301,48 @@ class MyopComponentV2 {
         this.cdr.markForCheck();
     }
     // Computed styles
-    get shouldAutoSize() {
-        return !!(this.autoSizeResult?.autoSizingWidth ||
-            this.autoSizeResult?.autoSizingHeight);
-    }
     get loaderMinHeight() {
         return this.showLoader ? "50px" : undefined;
     }
+    get isFillMode() {
+        return !this.autoSize || !this.isComponentLoaded || this.sizeMode.fillHeight;
+    }
     get outerStyle() {
+        if (this.isFillMode) {
+            // Fill mode: component fills parent container
+            return {
+                position: "relative",
+                width: "100%",
+                height: "100%",
+                minHeight: this.loaderMinHeight || "",
+            };
+        }
+        // Content mode (default): component grows with content
         return {
             position: "relative",
             width: this.autoSizeResult?.autoSizingWidth
                 ? `${this.autoSizeResult.width}px`
                 : "100%",
-            height: this.autoSizeResult?.autoSizingHeight
+            height: this.autoSizeResult?.height
                 ? `${this.autoSizeResult.height}px`
-                : "100%",
+                : "",
             minHeight: this.loaderMinHeight || "",
-            overflow: this.shouldAutoSize ? "hidden" : "inherit",
         };
     }
     get innerStyle() {
+        if (this.isFillMode) {
+            // Fill mode: absolute positioning to fill parent
+            return {
+                position: "absolute",
+                inset: "0",
+            };
+        }
+        // Content mode: flow layout, height from auto-size
         return {
-            position: "absolute",
-            inset: "0",
-            overflow: this.shouldAutoSize ? "hidden" : "",
+            width: "100%",
+            height: this.autoSizeResult?.height
+                ? `${this.autoSizeResult.height}px`
+                : "",
         };
     }
     // Loader styles using SDK gradient

package/fesm2022/myop-angular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"myop-angular.mjs","sources":["../../../projects/components/src/config.ts","../../../projects/components/src/lib/myop.component.ts","../../../projects/components/src/lib/myop-loader.component.ts","../../../projects/components/src/lib/myop-fallback.component.ts","../../../projects/components/src/public-api.ts","../../../projects/components/src/myop-angular.ts"],"sourcesContent":["import { CloudRepository } from \"@myop/sdk/helpers\";\n\nlet _cloudRepository = CloudRepository.Main;\n\n/**\n * Get the current CloudRepository instance\n */\nexport const getCloudRepository = () => _cloudRepository;\n\n/**\n * Check if a component is already preloaded/cached\n * If env/preview not provided, checks if ANY version is preloaded\n */\nexport const isPreloaded = (\n  componentId: string,\n  env?: string,\n  preview?: boolean\n): boolean => {\n  return _cloudRepository.isPreloaded(componentId, env, preview);\n};\n\n/**\n * Get the preloaded params for a component\n */\nexport const getPreloadedParams = (componentId: string) => {\n  return _cloudRepository.getPreloadedParams(componentId);\n};\n\n/**\n * Enable local development mode\n */\nexport const enableLocalDev = () => {\n  _cloudRepository = new CloudRepository(\"http://localhost:9292\");\n};\n\n/**\n * Set a custom CloudRepository URL\n */\nexport const setCloudRepositoryUrl = (url: string) => {\n  _cloudRepository = new CloudRepository(url);\n};\n\n/**\n * Set a custom CloudRepository instance\n */\nexport const setCloudRepository = (repository: CloudRepository) => {\n  _cloudRepository = repository;\n};\n\n/**\n * Set the default environment for component loading\n */\nexport const setEnvironment = (env: string) => {\n  _cloudRepository.setEnvironment(env);\n};\n\n/**\n * Preload components for faster rendering.\n * Continues even if some components fail to load.\n */\nexport const preloadComponents = async (\n  ids: string[],\n  env?: string,\n  preview?: boolean\n) => {\n  return Promise.allSettled(\n    ids.map((id) => _cloudRepository.fetchComponentV2(id, env, preview))\n  );\n};\n","import {\n  Component,\n  ElementRef,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit,\n  OnChanges,\n  OnDestroy,\n  SimpleChanges,\n  ViewChild,\n  TemplateRef,\n  ContentChild,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  NgZone,\n} from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport {\n  hostSDK,\n  type IMyopComponent,\n  LOADER_GRADIENT,\n  FALLBACK_GRADIENT,\n} from \"@myop/sdk/host\";\nimport { getCloudRepository, isPreloaded } from \"../config\";\n\n// Myop Logo SVG path (shared with SDK)\nconst MYOP_LOGO_PATH =\n  \"M151.438 2.7168C177.625 2.76042 248.179 4.2832 300.4 56.7441C350.671 107.245 364.44 114.452 389.967 119.211C392.576 119.436 397.472 119.394 400.802 116.521C403.011 114.614 403.921 109.518 404.265 104.627V5.95996C404.265 4.85556 405.16 3.96023 406.265 3.95996H522.711C523.815 3.95996 524.711 4.85539 524.711 5.95996V122.405C524.711 123.51 523.815 124.405 522.711 124.405H421.998C418.579 124.728 413.852 125.627 410.974 128.095C407.879 130.748 407.042 137.805 406.845 142.661V240.414C406.845 241.436 406.111 242.292 405.093 242.38C366.548 245.717 277.079 228.462 235.837 173.668C202.909 129.919 173.882 122.474 151.458 122.077C150.354 122.058 149.459 121.164 149.459 120.06V4.71582C149.459 3.6114 150.334 2.71519 151.438 2.7168ZM62.2031 0C96.5566 0.000213148 124.405 27.8496 124.405 62.2031C124.405 96.5564 96.5564 124.405 62.2031 124.405C27.8496 124.405 0.000213175 96.5566 0 62.2031C0 27.8495 27.8495 0 62.2031 0Z\";\n\nexport interface IComponentInstanceConfig {\n  id: string;\n  componentId: string;\n  componentName: string;\n  skinSelector: { [key: string]: any };\n  nestedComponents?: IComponentInstanceConfig[];\n  resolvedExperiences?: { [key: string]: any }[];\n  resolvedNestedComponents?: { [key: string]: any }[];\n  [key: string]: any;\n}\n\nexport interface SizeInfo {\n  width: number;\n  height: number;\n  autoSizingWidth: boolean;\n  autoSizingHeight: boolean;\n}\n\nexport interface CtaEvent<TCtaPayloads extends Record<string, any> = Record<string, any>> {\n  action: keyof TCtaPayloads | string;\n  payload: TCtaPayloads[keyof TCtaPayloads] | any;\n}\n\n/**\n * Converts kebab-case string to PascalCase\n * e.g., 'column-reordered' -> 'ColumnReordered'\n */\nexport type KebabToPascal<S extends string> =\n  S extends `${infer First}-${infer Rest}`\n    ? `${Capitalize<First>}${KebabToPascal<Rest>}`\n    : Capitalize<S>;\n\n/**\n * Generates typed event handler props from CTA payloads.\n * e.g., `{ 'row-clicked': { rowIndex: number } }` -> `{ onRowClicked?: (payload: { rowIndex: number }) => void }`\n */\nexport type EventHandlerProps<TPayloads extends Record<string, any>> =\n  string extends keyof TPayloads\n    ? {}\n    : {\n        [K in keyof TPayloads as `on${KebabToPascal<K & string>}`]?: (\n          payload: TPayloads[K]\n        ) => void;\n      };\n\n/**\n * Type for the `on` callback prop.\n */\ntype OnCallback<TPayloads extends Record<string, any>> =\n  string extends keyof TPayloads\n    ? (action: string, payload: any) => void\n    : <K extends keyof TPayloads>(action: K, payload: TPayloads[K]) => void;\n\n/**\n * Typed props interface for accessing component.props with autocomplete.\n * Contains myop_init_interface and myop_cta_handler with proper types.\n */\nexport interface IMyopComponentProps<\n  TData = any,\n  TCtaPayloads extends Record<string, any> = Record<string, any>\n> {\n  /** Initialize the component with data */\n  myop_init_interface?: (data: TData) => void;\n  /** Handle CTA events from the component */\n  myop_cta_handler?: <K extends keyof TCtaPayloads>(action: K, payload: TCtaPayloads[K]) => void;\n}\n\n/**\n * Typed Myop component interface with typed props.\n * Use this type for the component returned in load event.\n */\nexport type ITypedMyopComponent<\n  TData = any,\n  TCtaPayloads extends Record<string, any> = Record<string, any>\n> = Omit<IMyopComponent, 'props'> & {\n  /** Typed props for the component */\n  props: IMyopComponentProps<TData, TCtaPayloads> | null;\n};\n\n/**\n * Base props interface for MyopComponent\n */\ninterface IBaseProps<\n  TData = any,\n  TCtaPayloads extends Record<string, any> = Record<string, any>\n> {\n  componentId?: string;\n  componentConfig?: IComponentInstanceConfig;\n  data?: TData;\n  fadeDuration?: number;\n  autoSize?: boolean;\n  environment?: string;\n  preview?: boolean;\n  on?: OnCallback<TCtaPayloads>;\n}\n\n/**\n * Full props type including generated event handlers.\n * Supports both generic `on` callback and individual typed handlers like `onRowClicked`.\n */\nexport type IPropTypes<\n  TData = any,\n  TCtaPayloads extends Record<string, any> = Record<string, any>\n> = IBaseProps<TData, TCtaPayloads> & EventHandlerProps<TCtaPayloads>;\n\n@Component({\n  selector: \"myop-component\",\n  standalone: true,\n  imports: [CommonModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div [ngStyle]=\"outerStyle\">\n      <div #myopContainer [ngStyle]=\"innerStyle\"></div>\n      @if (showLoader && resolvedLoader) {\n        <div [ngStyle]=\"loaderContainerStyle\">\n          <ng-container *ngTemplateOutlet=\"resolvedLoader\"></ng-container>\n        </div>\n      }\n      @if (showFallback) {\n        @if (resolvedFallback) {\n          <div [ngStyle]=\"fallbackContainerStyle\">\n            <ng-container *ngTemplateOutlet=\"resolvedFallback\"></ng-container>\n          </div>\n        } @else {\n          <div [ngStyle]=\"fallbackStyle\">\n            <svg\n              width=\"80\"\n              viewBox=\"0 0 525 243\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path [attr.d]=\"logoPath\" fill=\"white\" />\n            </svg>\n          </div>\n        }\n      }\n    </div>\n  `,\n})\nexport class MyopComponentV2<TData = any, TCtaPayloads extends Record<string, any> = Record<string, any>>\n  implements OnInit, OnChanges, OnDestroy\n{\n  // Inputs\n  @Input() componentId?: string;\n  @Input() componentConfig?: IComponentInstanceConfig;\n  @Input() data?: TData;\n  @Input() fadeDuration: number = 200;\n  @Input() autoSize: boolean = false;\n  @Input() environment?: string;\n  @Input() preview?: boolean;\n  @Input() on?: (action: string, payload: any) => void;\n\n  // Outputs\n  @Output() load = new EventEmitter<ITypedMyopComponent<TData, TCtaPayloads>>();\n  @Output() error = new EventEmitter<string>();\n  @Output() sizeChange = new EventEmitter<SizeInfo>();\n  @Output() cta = new EventEmitter<CtaEvent<TCtaPayloads>>();\n\n  // View refs\n  @ViewChild(\"myopContainer\", { static: true })\n  myopContainer!: ElementRef<HTMLDivElement>;\n\n  // Content projection refs (for ng-template approach)\n  @ContentChild(\"loader\") customLoader?: TemplateRef<any>;\n  @ContentChild(\"fallback\") customFallback?: TemplateRef<any>;\n\n  // Input refs (for component approach - e.g., [loader]=\"loaderTemplate\")\n  @Input() loader?: TemplateRef<any>;\n  @Input() fallback?: TemplateRef<any>;\n\n  // Internal state\n  showLoader: boolean = true;\n  loaderOpacity: number = 1;\n  showFallback: boolean = false;\n  isComponentLoaded: boolean = false;\n  autoSizeResult?: SizeInfo;\n\n  // Logo path for template\n  readonly logoPath = MYOP_LOGO_PATH;\n\n  // Private state\n  private myopComponent: IMyopComponent | null = null;\n  private isLoading: boolean = false;\n  private pendingLoad: boolean = false;\n  private autoSizeCleanup: (() => void) | null = null;\n  private isCancelled: boolean = false;\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    private ngZone: NgZone\n  ) {}\n\n  ngOnInit(): void {\n    // Check if preloaded to skip loader\n    if (this.componentId && isPreloaded(this.componentId)) {\n      this.showLoader = false;\n    }\n\n    if (this.componentId || this.componentConfig) {\n      this.renderComponent();\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    // Handle componentId change - reload component\n    if (changes[\"componentId\"] && !changes[\"componentId\"].firstChange) {\n      this.reloadComponent();\n    }\n\n    // Handle data change - call myop_init_interface\n    if (changes[\"data\"] && !changes[\"data\"].firstChange) {\n      this.updateData(changes[\"data\"].currentValue);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.isCancelled = true;\n    this.cleanup();\n  }\n\n  private cleanup(): void {\n    if (this.autoSizeCleanup) {\n      this.autoSizeCleanup();\n      this.autoSizeCleanup = null;\n    }\n    if (this.myopComponent) {\n      this.myopComponent.dispose();\n      this.myopComponent = null;\n    }\n  }\n\n  private async reloadComponent(): Promise<void> {\n    // Reset state\n    this.isComponentLoaded = false;\n    this.showFallback = false;\n    this.showLoader = true;\n    this.loaderOpacity = 1;\n\n    // Cleanup old component\n    this.cleanup();\n\n    if (this.isLoading) {\n      this.pendingLoad = true;\n    } else {\n      await this.renderComponent();\n    }\n\n    this.cdr.markForCheck();\n  }\n\n  private async renderComponent(): Promise<void> {\n    this.isLoading = true;\n    this.isCancelled = false;\n\n    try {\n      if (!this.componentId && !this.componentConfig) {\n        this.handleError(\"No component configuration provided\");\n        return;\n      }\n\n      // Only pass preview if explicitly true (Angular may default undefined to falsy)\n      const previewParam = this.preview === true ? true : undefined;\n\n      const componentConfig = (this.componentConfig\n        ? this.componentConfig\n        : await getCloudRepository().fetchComponentV2(\n            this.componentId!,\n            this.environment,\n            previewParam\n          )) as any;\n\n      if (this.isCancelled) return;\n\n      if (!this.myopContainer?.nativeElement) {\n        this.handleError(\"Container element not found\");\n        return;\n      }\n\n      const loadedComponent = await hostSDK.loadComponent(\n        componentConfig,\n        this.myopContainer.nativeElement,\n        {\n          data: this.data,\n          _environment: {\n            props: {\n              componentId: this.componentId,\n              data: this.data,\n              environment: this.environment,\n              preview: this.preview,\n              autoSize: this.autoSize,\n            },\n          },\n        }\n      );\n\n      if (this.isCancelled) {\n        loadedComponent.dispose();\n        return;\n      }\n\n      this.myopComponent = loadedComponent;\n\n      // Wait for component to be fully initiated\n      await this.myopComponent.initiated();\n\n      if (this.isCancelled) {\n        this.myopComponent?.dispose();\n        return;\n      }\n\n      // Wait for browser paint\n      await new Promise((resolve) => requestAnimationFrame(resolve));\n\n      if (\n        this.isCancelled ||\n        !this.myopComponent ||\n        this.myopComponent.markedForDisposed\n      ) {\n        if (this.myopComponent && !this.myopComponent.markedForDisposed) {\n          this.myopComponent.dispose();\n        }\n        return;\n      }\n\n      this.isComponentLoaded = true;\n\n      // For non-autoSize mode, hide loader immediately\n      if (!this.autoSize) {\n        this.hideLoader();\n      } else {\n        this.setupAutoSize();\n      }\n\n      // Setup CTA handler\n      if (this.myopComponent?.props) {\n        this.myopComponent.props.myop_cta_handler = (\n          action: string,\n          payload?: any\n        ) => {\n          // Run in Angular zone to trigger change detection\n          this.ngZone.run(() => {\n            // Call generic `on` handler if provided\n            if (this.on) {\n              this.on(action, payload);\n            }\n\n            this.cta.emit({ action, payload });\n          });\n        };\n      }\n\n      this.ngZone.run(() => {\n        this.load.emit(this.myopComponent!);\n        this.cdr.markForCheck();\n      });\n    } catch (err: any) {\n      if (!this.isCancelled) {\n        this.handleError(err?.message || \"Unknown error\");\n      }\n    } finally {\n      this.isLoading = false;\n\n      // Handle pending load\n      if (this.pendingLoad && !this.isCancelled) {\n        this.pendingLoad = false;\n        await this.renderComponent();\n      }\n    }\n  }\n\n  private updateData(newData: TData): void {\n    if (!this.isComponentLoaded || !this.myopComponent) {\n      return;\n    }\n\n    // Call myop_init_interface to update the component with new data\n    const initInterface = this.myopComponent.props?.myop_init_interface;\n    if (initInterface) {\n      initInterface(newData);\n    }\n  }\n\n  private setupAutoSize(): void {\n    if (!this.isComponentLoaded || !this.myopComponent?.observeAutoSize) {\n      return;\n    }\n\n    let isFirstMeasurement = true;\n\n    this.autoSizeCleanup = this.myopComponent.observeAutoSize({\n      explicitWidth: undefined,\n      explicitHeight: undefined,\n      forceAutoSize: this.autoSize,\n      loaderMinHeight: 50,\n      onSizeChange: (result: SizeInfo) => {\n        this.ngZone.run(() => {\n          this.sizeChange.emit(result);\n          this.autoSizeResult = result;\n\n          // Hide loader after first measurement\n          if (isFirstMeasurement) {\n            isFirstMeasurement = false;\n            this.hideLoader();\n          }\n\n          this.cdr.markForCheck();\n        });\n      },\n    });\n  }\n\n  private hideLoader(): void {\n    this.loaderOpacity = 0;\n    this.cdr.markForCheck();\n\n    setTimeout(() => {\n      this.showLoader = false;\n      this.cdr.markForCheck();\n    }, this.fadeDuration);\n  }\n\n  private handleError(errorMsg: string): void {\n    console.error(\"[MyopComponent] Error:\", errorMsg);\n    this.hideLoader();\n    this.showFallback = true;\n    this.error.emit(errorMsg);\n    this.cdr.markForCheck();\n  }\n\n  // Computed styles\n  get shouldAutoSize(): boolean {\n    return !!(\n      this.autoSizeResult?.autoSizingWidth ||\n      this.autoSizeResult?.autoSizingHeight\n    );\n  }\n\n  get loaderMinHeight(): string | undefined {\n    return this.showLoader ? \"50px\" : undefined;\n  }\n\n  get outerStyle(): { [key: string]: string } {\n    return {\n      position: \"relative\",\n      width: this.autoSizeResult?.autoSizingWidth\n        ? `${this.autoSizeResult.width}px`\n        : \"100%\",\n      height: this.autoSizeResult?.autoSizingHeight\n        ? `${this.autoSizeResult.height}px`\n        : \"100%\",\n      minHeight: this.loaderMinHeight || \"\",\n      overflow: this.shouldAutoSize ? \"hidden\" : \"inherit\",\n    };\n  }\n\n  get innerStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      inset: \"0\",\n      overflow: this.shouldAutoSize ? \"hidden\" : \"\",\n    };\n  }\n\n  // Loader styles using SDK gradient\n  get loaderStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      top: \"0\",\n      left: \"0\",\n      right: \"0\",\n      bottom: \"0\",\n      zIndex: \"1\",\n      background: LOADER_GRADIENT,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      opacity: String(this.loaderOpacity),\n      transition: `opacity ${this.fadeDuration}ms ease-out`,\n    };\n  }\n\n  // Fallback styles using SDK gradient (kept for backwards compatibility)\n  get fallbackStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      top: \"0\",\n      left: \"0\",\n      right: \"0\",\n      bottom: \"0\",\n      background: FALLBACK_GRADIENT,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    };\n  }\n\n  // Resolved loader template (input takes precedence over content projection)\n  get resolvedLoader(): TemplateRef<any> | undefined {\n    return this.loader || this.customLoader;\n  }\n\n  // Resolved fallback template (input takes precedence over content projection)\n  get resolvedFallback(): TemplateRef<any> | undefined {\n    return this.fallback || this.customFallback;\n  }\n\n  // Container style for loader (no background - let the template handle styling)\n  get loaderContainerStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      top: \"0\",\n      left: \"0\",\n      right: \"0\",\n      bottom: \"0\",\n      zIndex: \"1\",\n      opacity: String(this.loaderOpacity),\n      transition: `opacity ${this.fadeDuration}ms ease-out`,\n    };\n  }\n\n  // Container style for fallback (no background - let the template handle styling)\n  get fallbackContainerStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      top: \"0\",\n      left: \"0\",\n      right: \"0\",\n      bottom: \"0\",\n    };\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n} from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { LOADER_GRADIENT } from \"@myop/sdk/host\";\n\n// Myop Logo SVG path\nconst MYOP_LOGO_PATH =\n  \"M151.438 2.7168C177.625 2.76042 248.179 4.2832 300.4 56.7441C350.671 107.245 364.44 114.452 389.967 119.211C392.576 119.436 397.472 119.394 400.802 116.521C403.011 114.614 403.921 109.518 404.265 104.627V5.95996C404.265 4.85556 405.16 3.96023 406.265 3.95996H522.711C523.815 3.95996 524.711 4.85539 524.711 5.95996V122.405C524.711 123.51 523.815 124.405 522.711 124.405H421.998C418.579 124.728 413.852 125.627 410.974 128.095C407.879 130.748 407.042 137.805 406.845 142.661V240.414C406.845 241.436 406.111 242.292 405.093 242.38C366.548 245.717 277.079 228.462 235.837 173.668C202.909 129.919 173.882 122.474 151.458 122.077C150.354 122.058 149.459 121.164 149.459 120.06V4.71582C149.459 3.6114 150.334 2.71519 151.438 2.7168ZM62.2031 0C96.5566 0.000213148 124.405 27.8496 124.405 62.2031C124.405 96.5564 96.5564 124.405 62.2031 124.405C27.8496 124.405 0.000213175 96.5566 0 62.2031C0 27.8495 27.8495 0 62.2031 0Z\";\n\n@Component({\n  selector: \"myop-loader\",\n  standalone: true,\n  imports: [CommonModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div [ngStyle]=\"loaderStyle\">\n      <svg\n        width=\"80\"\n        viewBox=\"0 0 525 243\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path [attr.d]=\"logoPath\" fill=\"white\" />\n      </svg>\n    </div>\n  `,\n})\nexport class MyopLoaderComponent {\n  readonly logoPath = MYOP_LOGO_PATH;\n\n  get loaderStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      top: \"0\",\n      left: \"0\",\n      right: \"0\",\n      bottom: \"0\",\n      background: LOADER_GRADIENT,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    };\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n} from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { FALLBACK_GRADIENT } from \"@myop/sdk/host\";\n\n// Myop Logo SVG path\nconst MYOP_LOGO_PATH =\n  \"M151.438 2.7168C177.625 2.76042 248.179 4.2832 300.4 56.7441C350.671 107.245 364.44 114.452 389.967 119.211C392.576 119.436 397.472 119.394 400.802 116.521C403.011 114.614 403.921 109.518 404.265 104.627V5.95996C404.265 4.85556 405.16 3.96023 406.265 3.95996H522.711C523.815 3.95996 524.711 4.85539 524.711 5.95996V122.405C524.711 123.51 523.815 124.405 522.711 124.405H421.998C418.579 124.728 413.852 125.627 410.974 128.095C407.879 130.748 407.042 137.805 406.845 142.661V240.414C406.845 241.436 406.111 242.292 405.093 242.38C366.548 245.717 277.079 228.462 235.837 173.668C202.909 129.919 173.882 122.474 151.458 122.077C150.354 122.058 149.459 121.164 149.459 120.06V4.71582C149.459 3.6114 150.334 2.71519 151.438 2.7168ZM62.2031 0C96.5566 0.000213148 124.405 27.8496 124.405 62.2031C124.405 96.5564 96.5564 124.405 62.2031 124.405C27.8496 124.405 0.000213175 96.5566 0 62.2031C0 27.8495 27.8495 0 62.2031 0Z\";\n\n@Component({\n  selector: \"myop-fallback\",\n  standalone: true,\n  imports: [CommonModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div [ngStyle]=\"fallbackStyle\">\n      <svg\n        width=\"80\"\n        viewBox=\"0 0 525 243\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path [attr.d]=\"logoPath\" fill=\"white\" />\n      </svg>\n    </div>\n  `,\n})\nexport class MyopFallbackComponent {\n  readonly logoPath = MYOP_LOGO_PATH;\n\n  get fallbackStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      top: \"0\",\n      left: \"0\",\n      right: \"0\",\n      bottom: \"0\",\n      background: FALLBACK_GRADIENT,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    };\n  }\n}\n","/*\n * Public API Surface of @myop/angular\n */\n\n// Main component\nexport { MyopComponentV2 as MyopComponent } from \"./lib/myop.component\";\nexport type {\n  IComponentInstanceConfig,\n  SizeInfo,\n  CtaEvent,\n  IPropTypes,\n  KebabToPascal,\n  EventHandlerProps,\n  IMyopComponentProps,\n  ITypedMyopComponent,\n} from \"./lib/myop.component\";\n\n// Loader and Fallback components (for opt-in usage)\nexport { MyopLoaderComponent, MyopLoaderComponent as MyopLoader } from \"./lib/myop-loader.component\";\nexport { MyopFallbackComponent, MyopFallbackComponent as MyopFallback } from \"./lib/myop-fallback.component\";\n\n// Configuration utilities\nexport {\n  getCloudRepository,\n  isPreloaded,\n  getPreloadedParams,\n  enableLocalDev,\n  setCloudRepositoryUrl,\n  setCloudRepository,\n  setEnvironment,\n  preloadComponents,\n} from \"./config\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["MYOP_LOGO_PATH"],"mappings":";;;;;;;AAEA,IAAI,gBAAgB,GAAG,eAAe,CAAC,IAAI;AAE3C;;AAEG;MACU,kBAAkB,GAAG,MAAM;AAExC;;;AAGG;AACU,MAAA,WAAW,GAAG,CACzB,WAAmB,EACnB,GAAY,EACZ,OAAiB,KACN;IACX,OAAO,gBAAgB,CAAC,WAAW,CAAC,WAAW,EAAE,GAAG,EAAE,OAAO,CAAC;AAChE;AAEA;;AAEG;AACU,MAAA,kBAAkB,GAAG,CAAC,WAAmB,KAAI;AACxD,IAAA,OAAO,gBAAgB,CAAC,kBAAkB,CAAC,WAAW,CAAC;AACzD;AAEA;;AAEG;AACI,MAAM,cAAc,GAAG,MAAK;AACjC,IAAA,gBAAgB,GAAG,IAAI,eAAe,CAAC,uBAAuB,CAAC;AACjE;AAEA;;AAEG;AACU,MAAA,qBAAqB,GAAG,CAAC,GAAW,KAAI;AACnD,IAAA,gBAAgB,GAAG,IAAI,eAAe,CAAC,GAAG,CAAC;AAC7C;AAEA;;AAEG;AACU,MAAA,kBAAkB,GAAG,CAAC,UAA2B,KAAI;IAChE,gBAAgB,GAAG,UAAU;AAC/B;AAEA;;AAEG;AACU,MAAA,cAAc,GAAG,CAAC,GAAW,KAAI;AAC5C,IAAA,gBAAgB,CAAC,cAAc,CAAC,GAAG,CAAC;AACtC;AAEA;;;AAGG;AACI,MAAM,iBAAiB,GAAG,OAC/B,GAAa,EACb,GAAY,EACZ,OAAiB,KACf;IACF,OAAO,OAAO,CAAC,UAAU,CACvB,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CACrE;AACH;;AC1CA;AACA,MAAMA,gBAAc,GAClB,m5BAAm5B;MA6Ix4B,eAAe,CAAA;AAiDhB,IAAA,GAAA;AACA,IAAA,MAAA;;AA9CD,IAAA,WAAW;AACX,IAAA,eAAe;AACf,IAAA,IAAI;IACJ,YAAY,GAAW,GAAG;IAC1B,QAAQ,GAAY,KAAK;AACzB,IAAA,WAAW;AACX,IAAA,OAAO;AACP,IAAA,EAAE;;AAGD,IAAA,IAAI,GAAG,IAAI,YAAY,EAA4C;AACnE,IAAA,KAAK,GAAG,IAAI,YAAY,EAAU;AAClC,IAAA,UAAU,GAAG,IAAI,YAAY,EAAY;AACzC,IAAA,GAAG,GAAG,IAAI,YAAY,EAA0B;;AAI1D,IAAA,aAAa;;AAGW,IAAA,YAAY;AACV,IAAA,cAAc;;AAG/B,IAAA,MAAM;AACN,IAAA,QAAQ;;IAGjB,UAAU,GAAY,IAAI;IAC1B,aAAa,GAAW,CAAC;IACzB,YAAY,GAAY,KAAK;IAC7B,iBAAiB,GAAY,KAAK;AAClC,IAAA,cAAc;;IAGL,QAAQ,GAAGA,gBAAc;;IAG1B,aAAa,GAA0B,IAAI;IAC3C,SAAS,GAAY,KAAK;IAC1B,WAAW,GAAY,KAAK;IAC5B,eAAe,GAAwB,IAAI;IAC3C,WAAW,GAAY,KAAK;IAEpC,WACU,CAAA,GAAsB,EACtB,MAAc,EAAA;QADd,IAAG,CAAA,GAAA,GAAH,GAAG;QACH,IAAM,CAAA,MAAA,GAAN,MAAM;;IAGhB,QAAQ,GAAA;;QAEN,IAAI,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;AACrD,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK;;QAGzB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,eAAe,EAAE;YAC5C,IAAI,CAAC,eAAe,EAAE;;;AAI1B,IAAA,WAAW,CAAC,OAAsB,EAAA;;AAEhC,QAAA,IAAI,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,WAAW,EAAE;YACjE,IAAI,CAAC,eAAe,EAAE;;;AAIxB,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE;YACnD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC;;;IAIjD,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,IAAI,CAAC,OAAO,EAAE;;IAGR,OAAO,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,IAAI,CAAC,eAAe,EAAE;AACtB,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI;;AAE7B,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;AAC5B,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;;;AAIrB,IAAA,MAAM,eAAe,GAAA;;AAE3B,QAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK;AAC9B,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AACzB,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC;;QAGtB,IAAI,CAAC,OAAO,EAAE;AAEd,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;aAClB;AACL,YAAA,MAAM,IAAI,CAAC,eAAe,EAAE;;AAG9B,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;;AAGjB,IAAA,MAAM,eAAe,GAAA;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AAExB,QAAA,IAAI;YACF,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;AAC9C,gBAAA,IAAI,CAAC,WAAW,CAAC,qCAAqC,CAAC;gBACvD;;;AAIF,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,KAAK,IAAI,GAAG,IAAI,GAAG,SAAS;AAE7D,YAAA,MAAM,eAAe,IAAI,IAAI,CAAC;kBAC1B,IAAI,CAAC;AACP,kBAAE,MAAM,kBAAkB,EAAE,CAAC,gBAAgB,CACzC,IAAI,CAAC,WAAY,EACjB,IAAI,CAAC,WAAW,EAChB,YAAY,CACb,CAAQ;YAEb,IAAI,IAAI,CAAC,WAAW;gBAAE;AAEtB,YAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,EAAE;AACtC,gBAAA,IAAI,CAAC,WAAW,CAAC,6BAA6B,CAAC;gBAC/C;;AAGF,YAAA,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC,aAAa,CACjD,eAAe,EACf,IAAI,CAAC,aAAa,CAAC,aAAa,EAChC;gBACE,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,gBAAA,YAAY,EAAE;AACZ,oBAAA,KAAK,EAAE;wBACL,WAAW,EAAE,IAAI,CAAC,WAAW;wBAC7B,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,WAAW,EAAE,IAAI,CAAC,WAAW;wBAC7B,OAAO,EAAE,IAAI,CAAC,OAAO;wBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,qBAAA;AACF,iBAAA;AACF,aAAA,CACF;AAED,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,eAAe,CAAC,OAAO,EAAE;gBACzB;;AAGF,YAAA,IAAI,CAAC,aAAa,GAAG,eAAe;;AAGpC,YAAA,MAAM,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE;AAEpC,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,gBAAA,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE;gBAC7B;;;AAIF,YAAA,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,qBAAqB,CAAC,OAAO,CAAC,CAAC;YAE9D,IACE,IAAI,CAAC,WAAW;gBAChB,CAAC,IAAI,CAAC,aAAa;AACnB,gBAAA,IAAI,CAAC,aAAa,CAAC,iBAAiB,EACpC;gBACA,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,EAAE;AAC/D,oBAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;;gBAE9B;;AAGF,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;;AAG7B,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,UAAU,EAAE;;iBACZ;gBACL,IAAI,CAAC,aAAa,EAAE;;;AAItB,YAAA,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE;AAC7B,gBAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,gBAAgB,GAAG,CAC1C,MAAc,EACd,OAAa,KACX;;AAEF,oBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;;AAEnB,wBAAA,IAAI,IAAI,CAAC,EAAE,EAAE;AACX,4BAAA,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;;wBAG1B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AACpC,qBAAC,CAAC;AACJ,iBAAC;;AAGH,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;gBACnB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAc,CAAC;AACnC,gBAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AACzB,aAAC,CAAC;;QACF,OAAO,GAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACrB,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,OAAO,IAAI,eAAe,CAAC;;;gBAE3C;AACR,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;YAGtB,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACzC,gBAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACxB,gBAAA,MAAM,IAAI,CAAC,eAAe,EAAE;;;;AAK1B,IAAA,UAAU,CAAC,OAAc,EAAA;QAC/B,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAClD;;;QAIF,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,mBAAmB;QACnE,IAAI,aAAa,EAAE;YACjB,aAAa,CAAC,OAAO,CAAC;;;IAIlB,aAAa,GAAA;AACnB,QAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,eAAe,EAAE;YACnE;;QAGF,IAAI,kBAAkB,GAAG,IAAI;QAE7B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC;AACxD,YAAA,aAAa,EAAE,SAAS;AACxB,YAAA,cAAc,EAAE,SAAS;YACzB,aAAa,EAAE,IAAI,CAAC,QAAQ;AAC5B,YAAA,eAAe,EAAE,EAAE;AACnB,YAAA,YAAY,EAAE,CAAC,MAAgB,KAAI;AACjC,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,oBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC;AAC5B,oBAAA,IAAI,CAAC,cAAc,GAAG,MAAM;;oBAG5B,IAAI,kBAAkB,EAAE;wBACtB,kBAAkB,GAAG,KAAK;wBAC1B,IAAI,CAAC,UAAU,EAAE;;AAGnB,oBAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AACzB,iBAAC,CAAC;aACH;AACF,SAAA,CAAC;;IAGI,UAAU,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC;AACtB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;QAEvB,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AACzB,SAAC,EAAE,IAAI,CAAC,YAAY,CAAC;;AAGf,IAAA,WAAW,CAAC,QAAgB,EAAA;AAClC,QAAA,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,QAAQ,CAAC;QACjD,IAAI,CAAC,UAAU,EAAE;AACjB,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI;AACxB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;AACzB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;;;AAIzB,IAAA,IAAI,cAAc,GAAA;AAChB,QAAA,OAAO,CAAC,EACN,IAAI,CAAC,cAAc,EAAE,eAAe;AACpC,YAAA,IAAI,CAAC,cAAc,EAAE,gBAAgB,CACtC;;AAGH,IAAA,IAAI,eAAe,GAAA;QACjB,OAAO,IAAI,CAAC,UAAU,GAAG,MAAM,GAAG,SAAS;;AAG7C,IAAA,IAAI,UAAU,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;AAC1B,kBAAE,CAAG,EAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAI,EAAA;AAClC,kBAAE,MAAM;AACV,YAAA,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE;AAC3B,kBAAE,CAAG,EAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAI,EAAA;AACnC,kBAAE,MAAM;AACV,YAAA,SAAS,EAAE,IAAI,CAAC,eAAe,IAAI,EAAE;YACrC,QAAQ,EAAE,IAAI,CAAC,cAAc,GAAG,QAAQ,GAAG,SAAS;SACrD;;AAGH,IAAA,IAAI,UAAU,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,KAAK,EAAE,GAAG;YACV,QAAQ,EAAE,IAAI,CAAC,cAAc,GAAG,QAAQ,GAAG,EAAE;SAC9C;;;AAIH,IAAA,IAAI,WAAW,GAAA;QACb,OAAO;AACL,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC;AACnC,YAAA,UAAU,EAAE,CAAA,QAAA,EAAW,IAAI,CAAC,YAAY,CAAa,WAAA,CAAA;SACtD;;;AAIH,IAAA,IAAI,aAAa,GAAA;QACf,OAAO;AACL,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,UAAU,EAAE,iBAAiB;AAC7B,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,QAAQ;SACrB;;;AAIH,IAAA,IAAI,cAAc,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY;;;AAIzC,IAAA,IAAI,gBAAgB,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc;;;AAI7C,IAAA,IAAI,oBAAoB,GAAA;QACtB,OAAO;AACL,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC;AACnC,YAAA,UAAU,EAAE,CAAA,QAAA,EAAW,IAAI,CAAC,YAAY,CAAa,WAAA,CAAA;SACtD;;;AAIH,IAAA,IAAI,sBAAsB,GAAA;QACxB,OAAO;AACL,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,MAAM,EAAE,GAAG;SACZ;;wGArYQ,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,EA7BhB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,GAAA,EAAA,KAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,eAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA7BS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FA+BX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAlC3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BT,EAAA,CAAA;AACF,iBAAA;2GAKU,WAAW,EAAA,CAAA;sBAAnB;gBACQ,eAAe,EAAA,CAAA;sBAAvB;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,EAAE,EAAA,CAAA;sBAAV;gBAGS,IAAI,EAAA,CAAA;sBAAb;gBACS,KAAK,EAAA,CAAA;sBAAd;gBACS,UAAU,EAAA,CAAA;sBAAnB;gBACS,GAAG,EAAA,CAAA;sBAAZ;gBAID,aAAa,EAAA,CAAA;sBADZ,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;gBAIpB,YAAY,EAAA,CAAA;sBAAnC,YAAY;uBAAC,QAAQ;gBACI,cAAc,EAAA,CAAA;sBAAvC,YAAY;uBAAC,UAAU;gBAGf,MAAM,EAAA,CAAA;sBAAd;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;;;AC/LH;AACA,MAAMA,gBAAc,GAClB,m5BAAm5B;MAoBx4B,mBAAmB,CAAA;IACrB,QAAQ,GAAGA,gBAAc;AAElC,IAAA,IAAI,WAAW,GAAA;QACb,OAAO;AACL,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,QAAQ;SACrB;;wGAdQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EAbpB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;;;AAWT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAbS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAeX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAlB/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE;;;;;;;;;;;AAWT,EAAA,CAAA;AACF,iBAAA;;;ACrBD;AACA,MAAM,cAAc,GAClB,m5BAAm5B;MAoBx4B,qBAAqB,CAAA;IACvB,QAAQ,GAAG,cAAc;AAElC,IAAA,IAAI,aAAa,GAAA;QACf,OAAO;AACL,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,UAAU,EAAE,iBAAiB;AAC7B,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,QAAQ;SACrB;;wGAdQ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAbtB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;;;AAWT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAbS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAeX,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAlBjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE;;;;;;;;;;;AAWT,EAAA,CAAA;AACF,iBAAA;;;AC5BD;;AAEG;AAEH;;ACJA;;AAEG;;;;"}
+{"version":3,"file":"myop-angular.mjs","sources":["../../../projects/components/src/config.ts","../../../projects/components/src/lib/myop.component.ts","../../../projects/components/src/lib/myop-loader.component.ts","../../../projects/components/src/lib/myop-fallback.component.ts","../../../projects/components/src/public-api.ts","../../../projects/components/src/myop-angular.ts"],"sourcesContent":["import { CloudRepository } from \"@myop/sdk/helpers\";\n\nlet _cloudRepository = CloudRepository.Main;\n\n/**\n * Get the current CloudRepository instance\n */\nexport const getCloudRepository = () => _cloudRepository;\n\n/**\n * Check if a component is already preloaded/cached\n * If env/preview not provided, checks if ANY version is preloaded\n */\nexport const isPreloaded = (\n  componentId: string,\n  env?: string,\n  preview?: boolean\n): boolean => {\n  return _cloudRepository.isPreloaded(componentId, env, preview);\n};\n\n/**\n * Get the preloaded params for a component\n */\nexport const getPreloadedParams = (componentId: string) => {\n  return _cloudRepository.getPreloadedParams(componentId);\n};\n\n/**\n * Enable local development mode\n */\nexport const enableLocalDev = () => {\n  _cloudRepository = new CloudRepository(\"http://localhost:9292\");\n};\n\n/**\n * Set a custom CloudRepository URL\n */\nexport const setCloudRepositoryUrl = (url: string) => {\n  _cloudRepository = new CloudRepository(url);\n};\n\n/**\n * Set a custom CloudRepository instance\n */\nexport const setCloudRepository = (repository: CloudRepository) => {\n  _cloudRepository = repository;\n};\n\n/**\n * Set the default environment for component loading\n */\nexport const setEnvironment = (env: string) => {\n  _cloudRepository.setEnvironment(env);\n};\n\n/**\n * Preload components for faster rendering.\n * Continues even if some components fail to load.\n */\nexport const preloadComponents = async (\n  ids: string[],\n  env?: string,\n  preview?: boolean\n) => {\n  return Promise.allSettled(\n    ids.map((id) => _cloudRepository.fetchComponentV2(id, env, preview))\n  );\n};\n","import {\n  Component,\n  ElementRef,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit,\n  OnChanges,\n  OnDestroy,\n  SimpleChanges,\n  ViewChild,\n  TemplateRef,\n  ContentChild,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  NgZone,\n} from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport {\n  hostSDK,\n  type IMyopComponent,\n  LOADER_GRADIENT,\n  FALLBACK_GRADIENT,\n} from \"@myop/sdk/host\";\nimport { getCloudRepository, isPreloaded } from \"../config\";\n\n// Myop Logo SVG path (shared with SDK)\nconst MYOP_LOGO_PATH =\n  \"M151.438 2.7168C177.625 2.76042 248.179 4.2832 300.4 56.7441C350.671 107.245 364.44 114.452 389.967 119.211C392.576 119.436 397.472 119.394 400.802 116.521C403.011 114.614 403.921 109.518 404.265 104.627V5.95996C404.265 4.85556 405.16 3.96023 406.265 3.95996H522.711C523.815 3.95996 524.711 4.85539 524.711 5.95996V122.405C524.711 123.51 523.815 124.405 522.711 124.405H421.998C418.579 124.728 413.852 125.627 410.974 128.095C407.879 130.748 407.042 137.805 406.845 142.661V240.414C406.845 241.436 406.111 242.292 405.093 242.38C366.548 245.717 277.079 228.462 235.837 173.668C202.909 129.919 173.882 122.474 151.458 122.077C150.354 122.058 149.459 121.164 149.459 120.06V4.71582C149.459 3.6114 150.334 2.71519 151.438 2.7168ZM62.2031 0C96.5566 0.000213148 124.405 27.8496 124.405 62.2031C124.405 96.5564 96.5564 124.405 62.2031 124.405C27.8496 124.405 0.000213175 96.5566 0 62.2031C0 27.8495 27.8495 0 62.2031 0Z\";\n\nexport interface IComponentInstanceConfig {\n  id: string;\n  componentId: string;\n  componentName: string;\n  skinSelector: { [key: string]: any };\n  nestedComponents?: IComponentInstanceConfig[];\n  resolvedExperiences?: { [key: string]: any }[];\n  resolvedNestedComponents?: { [key: string]: any }[];\n  [key: string]: any;\n}\n\nexport interface SizeInfo {\n  width: number;\n  height: number;\n  autoSizingWidth: boolean;\n  autoSizingHeight: boolean;\n}\n\nexport interface CtaEvent<TCtaPayloads extends Record<string, any> = Record<string, any>> {\n  action: keyof TCtaPayloads | string;\n  payload: TCtaPayloads[keyof TCtaPayloads] | any;\n}\n\n/**\n * Converts kebab-case string to PascalCase\n * e.g., 'column-reordered' -> 'ColumnReordered'\n */\nexport type KebabToPascal<S extends string> =\n  S extends `${infer First}-${infer Rest}`\n    ? `${Capitalize<First>}${KebabToPascal<Rest>}`\n    : Capitalize<S>;\n\n/**\n * Generates typed event handler props from CTA payloads.\n * e.g., `{ 'row-clicked': { rowIndex: number } }` -> `{ onRowClicked?: (payload: { rowIndex: number }) => void }`\n */\nexport type EventHandlerProps<TPayloads extends Record<string, any>> =\n  string extends keyof TPayloads\n    ? {}\n    : {\n        [K in keyof TPayloads as `on${KebabToPascal<K & string>}`]?: (\n          payload: TPayloads[K]\n        ) => void;\n      };\n\n/**\n * Type for the `on` callback prop.\n */\ntype OnCallback<TPayloads extends Record<string, any>> =\n  string extends keyof TPayloads\n    ? (action: string, payload: any) => void\n    : <K extends keyof TPayloads>(action: K, payload: TPayloads[K]) => void;\n\n/**\n * Typed props interface for accessing component.props with autocomplete.\n * Contains myop_init_interface and myop_cta_handler with proper types.\n */\nexport interface IMyopComponentProps<\n  TData = any,\n  TCtaPayloads extends Record<string, any> = Record<string, any>\n> {\n  /** Initialize the component with data */\n  myop_init_interface?: (data: TData) => void;\n  /** Handle CTA events from the component */\n  myop_cta_handler?: <K extends keyof TCtaPayloads>(action: K, payload: TCtaPayloads[K]) => void;\n}\n\n/**\n * Typed Myop component interface with typed props.\n * Use this type for the component returned in load event.\n */\nexport type ITypedMyopComponent<\n  TData = any,\n  TCtaPayloads extends Record<string, any> = Record<string, any>\n> = Omit<IMyopComponent, 'props'> & {\n  /** Typed props for the component */\n  props: IMyopComponentProps<TData, TCtaPayloads> | null;\n};\n\n/**\n * Base props interface for MyopComponent\n */\ninterface IBaseProps<\n  TData = any,\n  TCtaPayloads extends Record<string, any> = Record<string, any>\n> {\n  componentId?: string;\n  componentConfig?: IComponentInstanceConfig;\n  data?: TData;\n  fadeDuration?: number;\n  autoSize?: boolean;\n  environment?: string;\n  preview?: boolean;\n  on?: OnCallback<TCtaPayloads>;\n}\n\n/**\n * Full props type including generated event handlers.\n * Supports both generic `on` callback and individual typed handlers like `onRowClicked`.\n */\nexport type IPropTypes<\n  TData = any,\n  TCtaPayloads extends Record<string, any> = Record<string, any>\n> = IBaseProps<TData, TCtaPayloads> & EventHandlerProps<TCtaPayloads>;\n\n@Component({\n  selector: \"myop-component\",\n  standalone: true,\n  imports: [CommonModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div [ngStyle]=\"outerStyle\">\n      <div #myopContainer [ngStyle]=\"innerStyle\"></div>\n      @if (showLoader && resolvedLoader) {\n        <div [ngStyle]=\"loaderContainerStyle\">\n          <ng-container *ngTemplateOutlet=\"resolvedLoader\"></ng-container>\n        </div>\n      }\n      @if (showFallback) {\n        @if (resolvedFallback) {\n          <div [ngStyle]=\"fallbackContainerStyle\">\n            <ng-container *ngTemplateOutlet=\"resolvedFallback\"></ng-container>\n          </div>\n        } @else {\n          <div [ngStyle]=\"fallbackStyle\">\n            <svg\n              width=\"80\"\n              viewBox=\"0 0 525 243\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path [attr.d]=\"logoPath\" fill=\"white\" />\n            </svg>\n          </div>\n        }\n      }\n    </div>\n  `,\n})\nexport class MyopComponentV2<TData = any, TCtaPayloads extends Record<string, any> = Record<string, any>>\n  implements OnInit, OnChanges, OnDestroy\n{\n  // Inputs\n  @Input() componentId?: string;\n  @Input() componentConfig?: IComponentInstanceConfig;\n  @Input() data?: TData;\n  @Input() fadeDuration: number = 200;\n  @Input() autoSize: boolean = true;\n  @Input() environment?: string;\n  @Input() preview?: boolean;\n  @Input() on?: (action: string, payload: any) => void;\n\n  // Outputs\n  @Output() load = new EventEmitter<ITypedMyopComponent<TData, TCtaPayloads>>();\n  @Output() error = new EventEmitter<string>();\n  @Output() sizeChange = new EventEmitter<SizeInfo>();\n  @Output() cta = new EventEmitter<CtaEvent<TCtaPayloads>>();\n\n  // View refs\n  @ViewChild(\"myopContainer\", { static: true })\n  myopContainer!: ElementRef<HTMLDivElement>;\n\n  // Content projection refs (for ng-template approach)\n  @ContentChild(\"loader\") customLoader?: TemplateRef<any>;\n  @ContentChild(\"fallback\") customFallback?: TemplateRef<any>;\n\n  // Input refs (for component approach - e.g., [loader]=\"loaderTemplate\")\n  @Input() loader?: TemplateRef<any>;\n  @Input() fallback?: TemplateRef<any>;\n\n  // Internal state\n  showLoader: boolean = true;\n  loaderOpacity: number = 1;\n  showFallback: boolean = false;\n  isComponentLoaded: boolean = false;\n  autoSizeResult?: SizeInfo;\n  private sizeMode: { fillWidth: boolean; fillHeight: boolean } = { fillWidth: false, fillHeight: false };\n\n  // Logo path for template\n  readonly logoPath = MYOP_LOGO_PATH;\n\n  // Private state\n  private myopComponent: IMyopComponent | null = null;\n  private isLoading: boolean = false;\n  private pendingLoad: boolean = false;\n  private autoSizeCleanup: (() => void) | null = null;\n  private isCancelled: boolean = false;\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    private ngZone: NgZone\n  ) {}\n\n  ngOnInit(): void {\n    // Check if preloaded to skip loader\n    if (this.componentId && isPreloaded(this.componentId)) {\n      this.showLoader = false;\n    }\n\n    if (this.componentId || this.componentConfig) {\n      this.renderComponent();\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    // Handle componentId change - reload component\n    if (changes[\"componentId\"] && !changes[\"componentId\"].firstChange) {\n      this.reloadComponent();\n    }\n\n    // Handle data change - call myop_init_interface\n    if (changes[\"data\"] && !changes[\"data\"].firstChange) {\n      this.updateData(changes[\"data\"].currentValue);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.isCancelled = true;\n    this.cleanup();\n  }\n\n  private cleanup(): void {\n    if (this.autoSizeCleanup) {\n      this.autoSizeCleanup();\n      this.autoSizeCleanup = null;\n    }\n    if (this.myopComponent) {\n      this.myopComponent.dispose();\n      this.myopComponent = null;\n    }\n  }\n\n  private async reloadComponent(): Promise<void> {\n    // Reset state\n    this.isComponentLoaded = false;\n    this.showFallback = false;\n    this.showLoader = true;\n    this.loaderOpacity = 1;\n\n    // Cleanup old component\n    this.cleanup();\n\n    if (this.isLoading) {\n      this.pendingLoad = true;\n    } else {\n      await this.renderComponent();\n    }\n\n    this.cdr.markForCheck();\n  }\n\n  private async renderComponent(): Promise<void> {\n    this.isLoading = true;\n    this.isCancelled = false;\n\n    try {\n      if (!this.componentId && !this.componentConfig) {\n        this.handleError(\"No component configuration provided\");\n        return;\n      }\n\n      // Only pass preview if explicitly true (Angular may default undefined to falsy)\n      const previewParam = this.preview === true ? true : undefined;\n\n      const componentConfig = (this.componentConfig\n        ? this.componentConfig\n        : await getCloudRepository().fetchComponentV2(\n            this.componentId!,\n            this.environment,\n            previewParam\n          )) as any;\n\n      if (this.isCancelled) return;\n\n      if (!this.myopContainer?.nativeElement) {\n        this.handleError(\"Container element not found\");\n        return;\n      }\n\n      const loadedComponent = await hostSDK.loadComponent(\n        componentConfig,\n        this.myopContainer.nativeElement,\n        {\n          data: this.data,\n          _environment: {\n            props: {\n              componentId: this.componentId,\n              data: this.data,\n              environment: this.environment,\n              preview: this.preview,\n              autoSize: this.autoSize,\n            },\n          },\n        }\n      );\n\n      if (this.isCancelled) {\n        loadedComponent.dispose();\n        return;\n      }\n\n      this.myopComponent = loadedComponent;\n\n      // Wait for component to be fully initiated\n      await this.myopComponent.initiated();\n\n      if (this.isCancelled) {\n        this.myopComponent?.dispose();\n        return;\n      }\n\n      // Wait for browser paint\n      await new Promise((resolve) => requestAnimationFrame(resolve));\n\n      if (\n        this.isCancelled ||\n        !this.myopComponent ||\n        this.myopComponent.markedForDisposed\n      ) {\n        if (this.myopComponent && !this.myopComponent.markedForDisposed) {\n          this.myopComponent.dispose();\n        }\n        return;\n      }\n\n      this.isComponentLoaded = true;\n\n      // Read sizeMeta (parsed from <meta name=\"myop:size\"> before iframe creation)\n      const sm = this.myopComponent?.sizeMeta;\n      const isFillWidth = sm?.width === \"100%\";\n      const isFillHeight = sm?.height === \"100%\";\n      this.sizeMode = { fillWidth: isFillWidth, fillHeight: isFillHeight };\n\n      // hideLoader strategy:\n      // - autoSize=false → hide immediately (fill-parent mode, no auto-sizing)\n      // - fill mode (both dims explicit via sizeMeta) → hide immediately\n      // - content mode → hideLoader is called after first auto-size measurement\n      const bothDimsExplicit = isFillWidth && isFillHeight;\n      if (!this.autoSize || bothDimsExplicit) {\n        this.hideLoader();\n      }\n\n      // Always setup auto-size (SDK handles fill vs content mode)\n      this.setupAutoSize();\n\n      // Setup CTA handler\n      if (this.myopComponent?.props) {\n        this.myopComponent.props.myop_cta_handler = (\n          action: string,\n          payload?: any\n        ) => {\n          // Run in Angular zone to trigger change detection\n          this.ngZone.run(() => {\n            // Call generic `on` handler if provided\n            if (this.on) {\n              this.on(action, payload);\n            }\n\n            this.cta.emit({ action, payload });\n          });\n        };\n      }\n\n      this.ngZone.run(() => {\n        this.load.emit(this.myopComponent!);\n        this.cdr.markForCheck();\n      });\n    } catch (err: any) {\n      if (!this.isCancelled) {\n        this.handleError(err?.message || \"Unknown error\");\n      }\n    } finally {\n      this.isLoading = false;\n\n      // Handle pending load\n      if (this.pendingLoad && !this.isCancelled) {\n        this.pendingLoad = false;\n        await this.renderComponent();\n      }\n    }\n  }\n\n  private updateData(newData: TData): void {\n    if (!this.isComponentLoaded || !this.myopComponent) {\n      return;\n    }\n\n    // Call myop_init_interface to update the component with new data\n    const initInterface = this.myopComponent.props?.myop_init_interface;\n    if (initInterface) {\n      initInterface(newData);\n    }\n  }\n\n  private setupAutoSize(): void {\n    if (!this.isComponentLoaded || !this.myopComponent?.observeAutoSize) {\n      return;\n    }\n\n    let isFirstMeasurement = true;\n\n    this.autoSizeCleanup = this.myopComponent.observeAutoSize({\n      // SDK resolves: host props → sizeMeta → defaults (width: \"100%\", height: auto-size)\n      explicitWidth: undefined,\n      explicitHeight: undefined,\n      forceAutoSize: this.autoSize,\n      loaderMinHeight: 50,\n      onSizeChange: (result: SizeInfo) => {\n        this.ngZone.run(() => {\n          this.sizeChange.emit(result);\n          this.autoSizeResult = result;\n\n          // Hide loader after first measurement\n          if (isFirstMeasurement) {\n            isFirstMeasurement = false;\n            this.hideLoader();\n          }\n\n          this.cdr.markForCheck();\n        });\n      },\n    });\n  }\n\n  private hideLoader(): void {\n    this.loaderOpacity = 0;\n    this.cdr.markForCheck();\n\n    setTimeout(() => {\n      this.showLoader = false;\n      this.cdr.markForCheck();\n    }, this.fadeDuration);\n  }\n\n  private handleError(errorMsg: string): void {\n    console.error(\"[MyopComponent] Error:\", errorMsg);\n    this.hideLoader();\n    this.showFallback = true;\n    this.error.emit(errorMsg);\n    this.cdr.markForCheck();\n  }\n\n  // Computed styles\n  get loaderMinHeight(): string | undefined {\n    return this.showLoader ? \"50px\" : undefined;\n  }\n\n  get isFillMode(): boolean {\n    return !this.autoSize || !this.isComponentLoaded || this.sizeMode.fillHeight;\n  }\n\n  get outerStyle(): { [key: string]: string } {\n    if (this.isFillMode) {\n      // Fill mode: component fills parent container\n      return {\n        position: \"relative\",\n        width: \"100%\",\n        height: \"100%\",\n        minHeight: this.loaderMinHeight || \"\",\n      };\n    }\n    // Content mode (default): component grows with content\n    return {\n      position: \"relative\",\n      width: this.autoSizeResult?.autoSizingWidth\n        ? `${this.autoSizeResult.width}px`\n        : \"100%\",\n      height: this.autoSizeResult?.height\n        ? `${this.autoSizeResult.height}px`\n        : \"\",\n      minHeight: this.loaderMinHeight || \"\",\n    };\n  }\n\n  get innerStyle(): { [key: string]: string } {\n    if (this.isFillMode) {\n      // Fill mode: absolute positioning to fill parent\n      return {\n        position: \"absolute\",\n        inset: \"0\",\n      };\n    }\n    // Content mode: flow layout, height from auto-size\n    return {\n      width: \"100%\",\n      height: this.autoSizeResult?.height\n        ? `${this.autoSizeResult.height}px`\n        : \"\",\n    };\n  }\n\n  // Loader styles using SDK gradient\n  get loaderStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      top: \"0\",\n      left: \"0\",\n      right: \"0\",\n      bottom: \"0\",\n      zIndex: \"1\",\n      background: LOADER_GRADIENT,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      opacity: String(this.loaderOpacity),\n      transition: `opacity ${this.fadeDuration}ms ease-out`,\n    };\n  }\n\n  // Fallback styles using SDK gradient (kept for backwards compatibility)\n  get fallbackStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      top: \"0\",\n      left: \"0\",\n      right: \"0\",\n      bottom: \"0\",\n      background: FALLBACK_GRADIENT,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    };\n  }\n\n  // Resolved loader template (input takes precedence over content projection)\n  get resolvedLoader(): TemplateRef<any> | undefined {\n    return this.loader || this.customLoader;\n  }\n\n  // Resolved fallback template (input takes precedence over content projection)\n  get resolvedFallback(): TemplateRef<any> | undefined {\n    return this.fallback || this.customFallback;\n  }\n\n  // Container style for loader (no background - let the template handle styling)\n  get loaderContainerStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      top: \"0\",\n      left: \"0\",\n      right: \"0\",\n      bottom: \"0\",\n      zIndex: \"1\",\n      opacity: String(this.loaderOpacity),\n      transition: `opacity ${this.fadeDuration}ms ease-out`,\n    };\n  }\n\n  // Container style for fallback (no background - let the template handle styling)\n  get fallbackContainerStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      top: \"0\",\n      left: \"0\",\n      right: \"0\",\n      bottom: \"0\",\n    };\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n} from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { LOADER_GRADIENT } from \"@myop/sdk/host\";\n\n// Myop Logo SVG path\nconst MYOP_LOGO_PATH =\n  \"M151.438 2.7168C177.625 2.76042 248.179 4.2832 300.4 56.7441C350.671 107.245 364.44 114.452 389.967 119.211C392.576 119.436 397.472 119.394 400.802 116.521C403.011 114.614 403.921 109.518 404.265 104.627V5.95996C404.265 4.85556 405.16 3.96023 406.265 3.95996H522.711C523.815 3.95996 524.711 4.85539 524.711 5.95996V122.405C524.711 123.51 523.815 124.405 522.711 124.405H421.998C418.579 124.728 413.852 125.627 410.974 128.095C407.879 130.748 407.042 137.805 406.845 142.661V240.414C406.845 241.436 406.111 242.292 405.093 242.38C366.548 245.717 277.079 228.462 235.837 173.668C202.909 129.919 173.882 122.474 151.458 122.077C150.354 122.058 149.459 121.164 149.459 120.06V4.71582C149.459 3.6114 150.334 2.71519 151.438 2.7168ZM62.2031 0C96.5566 0.000213148 124.405 27.8496 124.405 62.2031C124.405 96.5564 96.5564 124.405 62.2031 124.405C27.8496 124.405 0.000213175 96.5566 0 62.2031C0 27.8495 27.8495 0 62.2031 0Z\";\n\n@Component({\n  selector: \"myop-loader\",\n  standalone: true,\n  imports: [CommonModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div [ngStyle]=\"loaderStyle\">\n      <svg\n        width=\"80\"\n        viewBox=\"0 0 525 243\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path [attr.d]=\"logoPath\" fill=\"white\" />\n      </svg>\n    </div>\n  `,\n})\nexport class MyopLoaderComponent {\n  readonly logoPath = MYOP_LOGO_PATH;\n\n  get loaderStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      top: \"0\",\n      left: \"0\",\n      right: \"0\",\n      bottom: \"0\",\n      background: LOADER_GRADIENT,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    };\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n} from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { FALLBACK_GRADIENT } from \"@myop/sdk/host\";\n\n// Myop Logo SVG path\nconst MYOP_LOGO_PATH =\n  \"M151.438 2.7168C177.625 2.76042 248.179 4.2832 300.4 56.7441C350.671 107.245 364.44 114.452 389.967 119.211C392.576 119.436 397.472 119.394 400.802 116.521C403.011 114.614 403.921 109.518 404.265 104.627V5.95996C404.265 4.85556 405.16 3.96023 406.265 3.95996H522.711C523.815 3.95996 524.711 4.85539 524.711 5.95996V122.405C524.711 123.51 523.815 124.405 522.711 124.405H421.998C418.579 124.728 413.852 125.627 410.974 128.095C407.879 130.748 407.042 137.805 406.845 142.661V240.414C406.845 241.436 406.111 242.292 405.093 242.38C366.548 245.717 277.079 228.462 235.837 173.668C202.909 129.919 173.882 122.474 151.458 122.077C150.354 122.058 149.459 121.164 149.459 120.06V4.71582C149.459 3.6114 150.334 2.71519 151.438 2.7168ZM62.2031 0C96.5566 0.000213148 124.405 27.8496 124.405 62.2031C124.405 96.5564 96.5564 124.405 62.2031 124.405C27.8496 124.405 0.000213175 96.5566 0 62.2031C0 27.8495 27.8495 0 62.2031 0Z\";\n\n@Component({\n  selector: \"myop-fallback\",\n  standalone: true,\n  imports: [CommonModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div [ngStyle]=\"fallbackStyle\">\n      <svg\n        width=\"80\"\n        viewBox=\"0 0 525 243\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path [attr.d]=\"logoPath\" fill=\"white\" />\n      </svg>\n    </div>\n  `,\n})\nexport class MyopFallbackComponent {\n  readonly logoPath = MYOP_LOGO_PATH;\n\n  get fallbackStyle(): { [key: string]: string } {\n    return {\n      position: \"absolute\",\n      top: \"0\",\n      left: \"0\",\n      right: \"0\",\n      bottom: \"0\",\n      background: FALLBACK_GRADIENT,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    };\n  }\n}\n","/*\n * Public API Surface of @myop/angular\n */\n\n// Main component\nexport { MyopComponentV2 as MyopComponent } from \"./lib/myop.component\";\nexport type {\n  IComponentInstanceConfig,\n  SizeInfo,\n  CtaEvent,\n  IPropTypes,\n  KebabToPascal,\n  EventHandlerProps,\n  IMyopComponentProps,\n  ITypedMyopComponent,\n} from \"./lib/myop.component\";\n\n// Loader and Fallback components (for opt-in usage)\nexport { MyopLoaderComponent, MyopLoaderComponent as MyopLoader } from \"./lib/myop-loader.component\";\nexport { MyopFallbackComponent, MyopFallbackComponent as MyopFallback } from \"./lib/myop-fallback.component\";\n\n// Configuration utilities\nexport {\n  getCloudRepository,\n  isPreloaded,\n  getPreloadedParams,\n  enableLocalDev,\n  setCloudRepositoryUrl,\n  setCloudRepository,\n  setEnvironment,\n  preloadComponents,\n} from \"./config\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["MYOP_LOGO_PATH"],"mappings":"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"}

package/lib/myop.component.d.ts

@@ -104,6 +104,7 @@ export declare class MyopComponentV2<TData = any, TCtaPayloads extends Record<st
     showFallback: boolean;
     isComponentLoaded: boolean;
     autoSizeResult?: SizeInfo;
+    private sizeMode;
     readonly logoPath = "M151.438 2.7168C177.625 2.76042 248.179 4.2832 300.4 56.7441C350.671 107.245 364.44 114.452 389.967 119.211C392.576 119.436 397.472 119.394 400.802 116.521C403.011 114.614 403.921 109.518 404.265 104.627V5.95996C404.265 4.85556 405.16 3.96023 406.265 3.95996H522.711C523.815 3.95996 524.711 4.85539 524.711 5.95996V122.405C524.711 123.51 523.815 124.405 522.711 124.405H421.998C418.579 124.728 413.852 125.627 410.974 128.095C407.879 130.748 407.042 137.805 406.845 142.661V240.414C406.845 241.436 406.111 242.292 405.093 242.38C366.548 245.717 277.079 228.462 235.837 173.668C202.909 129.919 173.882 122.474 151.458 122.077C150.354 122.058 149.459 121.164 149.459 120.06V4.71582C149.459 3.6114 150.334 2.71519 151.438 2.7168ZM62.2031 0C96.5566 0.000213148 124.405 27.8496 124.405 62.2031C124.405 96.5564 96.5564 124.405 62.2031 124.405C27.8496 124.405 0.000213175 96.5566 0 62.2031C0 27.8495 27.8495 0 62.2031 0Z";
     private myopComponent;
     private isLoading;
@@ -121,8 +122,8 @@ export declare class MyopComponentV2<TData = any, TCtaPayloads extends Record<st
     private setupAutoSize;
     private hideLoader;
     private handleError;
-    get shouldAutoSize(): boolean;
     get loaderMinHeight(): string | undefined;
+    get isFillMode(): boolean;
     get outerStyle(): {
         [key: string]: string;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myop/angular",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "keywords": [
     "myop",
     "angular",