dragble-angular-editor 1.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Dragble
+
+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/README.md

@@ -0,0 +1,302 @@
+<p align="center">
+  <a href="https://dragble.com">
+    <img src="logo.png" alt="Dragble Email Editor - Angular Email Template Builder" width="300" />
+  </a>
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/dragble-angular-editor"><img src="https://img.shields.io/npm/v/dragble-angular-editor.svg" alt="npm version" /></a>
+  <a href="https://github.com/Dragble/dragble-angular-editor/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="license" /></a>
+</p>
+
+# dragble-angular-editor
+
+Angular component for building **email templates** with drag-and-drop. Embed a full-featured **email editor** into your Angular app — create responsive HTML emails, newsletters, transactional email templates, and email marketing campaigns visually without writing code.
+
+[Dragble](https://dragble.com) is a modern **email builder** and **email template editor** that lets your users design professional emails with a visual drag-and-drop interface.
+
+[Website](https://dragble.com) | [Documentation](https://docs.dragble.com) | [Dashboard](https://developers.dragble.com)
+
+<p align="center">
+  <img src="editor_image.png" alt="Dragble Angular Email Editor - Drag and Drop Email Template Builder" width="700" />
+</p>
+
+## Features
+
+- Drag-and-drop **email template builder** with 20+ content blocks
+- Responsive **HTML email** output compatible with all major email clients
+- **Newsletter editor** with merge tags, dynamic content, and display conditions
+- Visual **email designer** — no HTML/CSS knowledge required for end users
+- Export to HTML, JSON, image, PDF, or ZIP
+- Built-in image editor, AI content generation, and collaboration tools
+- Full TypeScript support
+- Works with NgModule and standalone components (Angular 14+)
+
+## Installation
+
+The SDK is loaded from CDN automatically — you only need to install the Angular package.
+
+```bash
+npm install dragble-angular-editor
+```
+
+```bash
+yarn add dragble-angular-editor
+```
+
+```bash
+pnpm add dragble-angular-editor
+```
+
+## Editor Key
+
+An `editorKey` is required to use the editor. You can get one by creating a project on the [Dragble Developer Dashboard](https://developers.dragble.com).
+
+## Usage
+
+### NgModule
+
+```typescript
+import { NgModule } from "@angular/core";
+import { BrowserModule } from "@angular/platform-browser";
+import { DragbleEditorModule } from "dragble-angular-editor";
+import { AppComponent } from "./app.component";
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [BrowserModule, DragbleEditorModule],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}
+```
+
+```typescript
+import { Component, ViewChild } from "@angular/core";
+import {
+  DragbleEditorComponent,
+  DesignJson,
+  DragbleSDK,
+} from "dragble-angular-editor";
+
+@Component({
+  selector: "app-email-editor",
+  template: `
+    <div class="toolbar">
+      <button (click)="handleSave()">Save</button>
+      <button (click)="handleExport()">Export HTML</button>
+    </div>
+    <dragble-editor
+      #editor
+      [editorKey]="'YOUR_EDITOR_KEY'"
+      [editorMode]="'email'"
+      [height]="800"
+      (ready)="onReady($event)"
+      (change)="onChange($event)"
+    ></dragble-editor>
+  `,
+})
+export class EmailEditorComponent {
+  @ViewChild("editor") editor!: DragbleEditorComponent;
+
+  onReady(sdk: DragbleSDK): void {
+    console.log("Editor ready!", sdk);
+  }
+
+  async onChange(data: { design: DesignJson; type: string }): Promise<void> {
+    // Design JSON is available directly from the callback
+    console.log("Design JSON:", data.design);
+
+    // To get HTML, call exportHtml on the editor
+    const html = await this.editor.exportHtml();
+    console.log("HTML:", html);
+  }
+
+  async handleSave(): Promise<void> {
+    const design = await this.editor.getDesign();
+    console.log("Design:", design);
+  }
+
+  async handleExport(): Promise<void> {
+    const html = await this.editor.exportHtml();
+    console.log("HTML:", html);
+  }
+}
+```
+
+### Standalone Component (Angular 15+)
+
+```typescript
+import { Component, ViewChild } from "@angular/core";
+import { DragbleEditorComponent } from "dragble-angular-editor";
+
+@Component({
+  selector: "app-editor",
+  standalone: true,
+  imports: [DragbleEditorComponent],
+  template: `
+    <dragble-editor
+      #editor
+      [editorKey]="'YOUR_EDITOR_KEY'"
+      [editorMode]="'email'"
+      (ready)="onReady($event)"
+    ></dragble-editor>
+  `,
+})
+export class EditorComponent {
+  @ViewChild("editor") editor!: DragbleEditorComponent;
+
+  onReady(): void {
+    console.log("Editor ready!");
+  }
+}
+```
+
+## Inputs
+
+| Input               | Type                                     | Default      | Description                           |
+| ------------------- | ---------------------------------------- | ------------ | ------------------------------------- |
+| `editorKey`         | `string`                                 | **required** | Editor key for authentication         |
+| `design`            | `DesignJson \| ModuleData \| null`       | `undefined`  | Initial design to load                |
+| `editorMode`        | `EditorMode`                             | `"email"`    | `"email"`, `"web"`, or `"popup"`      |
+| `popup`             | `PopupConfig`                            | `undefined`  | Popup configuration                   |
+| `contentType`       | `EditorContentTypeValue`                 | `undefined`  | Set to `"module"` for single-row mode |
+| `ai`                | `AIConfig`                               | `undefined`  | AI features configuration             |
+| `locale`            | `string`                                 | `undefined`  | UI locale                             |
+| `translations`      | `Record<string, Record<string, string>>` | `undefined`  | Translation overrides                 |
+| `textDirection`     | `TextDirection`                          | `undefined`  | `"ltr"` or `"rtl"`                    |
+| `language`          | `Language`                               | `undefined`  | Template language                     |
+| `appearance`        | `AppearanceConfig`                       | `undefined`  | Visual customization                  |
+| `tools`             | `ToolsConfig`                            | `undefined`  | Tool enable/disable                   |
+| `customTools`       | `DragbleToolConfig[]`                   | `undefined`  | Custom tool definitions               |
+| `features`          | `FeaturesConfig`                         | `undefined`  | Feature toggles                       |
+| `fonts`             | `FontsConfig`                            | `undefined`  | Fonts configuration                   |
+| `bodyValues`        | `Record<string, unknown>`                | `undefined`  | Body-level values                     |
+| `header`            | `unknown`                                | `undefined`  | Locked header row                     |
+| `footer`            | `unknown`                                | `undefined`  | Locked footer row                     |
+| `mergeTags`         | `MergeTagsConfig`                        | `undefined`  | Merge tags configuration              |
+| `specialLinks`      | `SpecialLinksConfig`                     | `undefined`  | Special links configuration           |
+| `modules`           | `Module[]`                               | `undefined`  | Custom modules                        |
+| `displayConditions` | `DisplayConditionsConfig`                | `undefined`  | Display conditions                    |
+| `editor`            | `EditorBehaviorConfig`                   | `undefined`  | Editor behavior settings              |
+| `customCSS`         | `string[]`                               | `undefined`  | Custom CSS URLs                       |
+| `customJS`          | `string[]`                               | `undefined`  | Custom JS URLs                        |
+| `height`            | `string \| number`                       | `"600px"`    | Editor height                         |
+| `minHeight`         | `string \| number`                       | `"600px"`    | Minimum height                        |
+| `options`           | `Partial<EditorOptions>`                 | `undefined`  | Additional editor options             |
+| `callbacks`         | `Omit<DragbleCallbacks, ...>`           | `undefined`  | SDK callbacks                         |
+
+| `collaboration`     | `boolean \| CollaborationFeaturesConfig` | `undefined`  | Collaboration settings                |
+| `user`              | `UserInfo`                               | `undefined`  | Current user info                     |
+| `designMode`        | `"edit" \| "live"`                       | `undefined`  | Template permissions mode             |
+
+## Outputs
+
+| Output          | Payload Type                           | Description                      |
+| --------------- | -------------------------------------- | -------------------------------- |
+| `ready`         | `DragbleSDK`                          | Emitted when the editor is ready |
+| `load`          | `unknown`                              | Emitted when a design is loaded  |
+| `change`        | `{ design: DesignJson; type: string }` | Emitted on every design change   |
+| `error`         | `Error`                                | Emitted when an error occurs     |
+| `commentAction` | `CommentAction`                        | Emitted on comment events        |
+
+## Methods
+
+Access methods via `@ViewChild`:
+
+```typescript
+@ViewChild('editor') editor!: DragbleEditorComponent;
+```
+
+### Design
+
+| Method                         | Returns   | Description            |
+| ------------------------------ | --------- | ---------------------- |
+| `loadDesign(design, options?)` | `void`    | Load a design          |
+| `loadBlank(options?)`          | `void`    | Load a blank design    |
+| `getDesign()`                  | `Promise` | Get the current design |
+
+### Export
+
+| Method                  | Returns                    | Description          |
+| ----------------------- | -------------------------- | -------------------- |
+| `exportHtml(options?)`  | `Promise<string>`          | Export as HTML       |
+| `exportJson()`          | `Promise<DesignJson>`      | Export as JSON       |
+| `exportPlainText()`     | `Promise<string>`          | Export as plain text |
+| `exportImage(options?)` | `Promise<ExportImageData>` | Export as image      |
+| `exportPdf(options?)`   | `Promise<ExportPdfData>`   | Export as PDF        |
+| `exportZip(options?)`   | `Promise<ExportZipData>`   | Export as ZIP        |
+
+### Configuration
+
+| Method                             | Returns | Description               |
+| ---------------------------------- | ------- | ------------------------- |
+| `setMergeTags(config)`             | `void`  | Update merge tags         |
+| `setSpecialLinks(config)`          | `void`  | Update special links      |
+| `setModules(modules)`              | `void`  | Update custom modules     |
+| `setFonts(config)`                 | `void`  | Update fonts              |
+| `setBodyValues(values)`            | `void`  | Update body values        |
+| `setToolsConfig(config)`           | `void`  | Update tools config       |
+| `setAppearance(config)`            | `void`  | Update appearance         |
+| `setEditorMode(mode)`              | `void`  | Change editor mode        |
+| `setEditorConfig(config)`          | `void`  | Update editor config      |
+| `setLocale(locale, translations?)` | `void`  | Change locale             |
+| `setTextDirection(direction)`      | `void`  | Set text direction        |
+| `setLanguage(language)`            | `void`  | Set template language     |
+| `setDisplayConditions(config)`     | `void`  | Update display conditions |
+| `setOptions(options)`              | `void`  | Update editor options     |
+| `setBrandingColors(config)`        | `void`  | Update branding colors    |
+
+### Editor Actions
+
+| Method                 | Returns                | Description                |
+| ---------------------- | ---------------------- | -------------------------- |
+| `save()`               | `void`                 | Trigger a save event       |
+| `undo()`               | `void`                 | Undo last action           |
+| `redo()`               | `void`                 | Redo last action           |
+| `canUndo()`            | `Promise<boolean>`     | Check if undo is available |
+| `canRedo()`            | `Promise<boolean>`     | Check if redo is available |
+| `showPreview(device?)` | `void`                 | Show design preview        |
+| `hidePreview()`        | `void`                 | Hide preview               |
+| `audit(options?)`      | `Promise<AuditResult>` | Run design audit           |
+
+### Tools & Widgets
+
+| Method                 | Returns   | Description            |
+| ---------------------- | --------- | ---------------------- |
+| `registerTool(config)` | `Promise` | Register a custom tool |
+| `unregisterTool(id)`   | `Promise` | Unregister a tool      |
+| `getTools()`           | `Promise` | Get registered tools   |
+| `createWidget(config)` | `Promise` | Create a widget        |
+| `removeWidget(name)`   | `Promise` | Remove a widget        |
+
+### Events
+
+| Method                                 | Returns      | Description                                         |
+| -------------------------------------- | ------------ | --------------------------------------------------- |
+| `addEventListener(event, callback)`    | `() => void` | Subscribe to an event; returns unsubscribe function |
+| `removeEventListener(event, callback)` | `void`       | Remove an event listener                            |
+
+## TypeScript
+
+All types are exported from `dragble-angular-editor`:
+
+```typescript
+import type {
+  DesignJson,
+  EditorMode,
+  DragbleSDK,
+  MergeTagsConfig,
+  AppearanceConfig,
+  FeaturesConfig,
+  ToolsConfig,
+  FontsConfig,
+} from "dragble-angular-editor";
+```
+
+## Contributing
+
+See [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines on how to contribute to this project.
+
+## License
+
+[MIT](./LICENSE)

package/dist/dragble-editor.component.d.ts

@@ -0,0 +1,312 @@
+/**
+ * Dragble Editor Angular Component
+ *
+ * An Angular wrapper for the Dragble Editor SDK.
+ */
+import { EventEmitter, OnInit, OnDestroy, OnChanges, SimpleChanges, AfterViewInit } from "@angular/core";
+import * as i0 from "@angular/core";
+type DragbleSDK = any;
+type EditorOptions = any;
+type DragbleCallbacks = any;
+type DesignJson = any;
+type ModuleData = any;
+type Module = any;
+type ExportHtmlOptions = any;
+type ExportImageOptions = any;
+type ExportImageData = any;
+type ExportPdfOptions = any;
+type ExportPdfData = any;
+type ExportZipOptions = any;
+type ExportZipData = any;
+type PopupConfig = any;
+type PopupValues = any;
+type MergeTag = any;
+type MergeTagGroup = any;
+type MergeTagsConfig = any;
+type SpecialLink = any;
+type SpecialLinkGroup = any;
+type SpecialLinksConfig = any;
+type FontsConfig = any;
+type Language = any;
+type AppearanceConfig = any;
+type ToolsConfig = any;
+type FeaturesConfig = any;
+type AIConfig = any;
+type EditorBehaviorConfig = any;
+type DisplayConditionsConfig = any;
+type EditorMode = any;
+type EditorEventName = any;
+type ViewMode = any;
+type TextDirection = any;
+type DragbleToolConfig = any;
+type DragbleWidgetConfig = any;
+type AuditResult = any;
+type AuditOptions = any;
+type AuditCallback = any;
+type CollaborationFeaturesConfig = any;
+type UserInfo = any;
+declare global {
+    interface Window {
+        dragble?: DragbleSDK;
+        createEditor?: () => DragbleSDK;
+    }
+}
+export type EditorContentTypeValue = "module";
+/**
+ * DragbleEditorComponent
+ *
+ * @example
+ * ```html
+ * <dragble-editor
+ *   editorKey="your-editor-key"
+ *   editorMode="email"
+ *   (ready)="onReady($event)"
+ *   (change)="onChange($event)"
+ * ></dragble-editor>
+ * ```
+ *
+ * @example
+ * ```typescript
+ * import { Component, ViewChild } from '@angular/core';
+ * import { DragbleEditorComponent } from '@dragble/angular-editor';
+ *
+ * @Component({
+ *   selector: 'app-editor',
+ *   template: `
+ *     <dragble-editor
+ *       #editor
+ *       editorKey="your-editor-key"
+ *       (ready)="onReady($event)"
+ *     ></dragble-editor>
+ *     <button (click)="handleSave()">Save</button>
+ *   `
+ * })
+ * export class EditorComponent {
+ *   @ViewChild('editor') editor!: DragbleEditorComponent;
+ *
+ *   onReady(sdk: DragbleSDK) {
+ *     console.log('Editor ready!', sdk);
+ *   }
+ *
+ *   handleSave() {
+ *     this.editor.saveDesign((design) => {
+ *       console.log('Design:', design);
+ *     });
+ *   }
+ * }
+ * ```
+ */
+export declare class DragbleEditorComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit {
+    /** Editor key for authentication (required) */
+    editorKey: string;
+    /** Initial design to load */
+    design?: DesignJson | ModuleData | null;
+    /** Editor mode (email, web, popup) */
+    editorMode: EditorMode;
+    /** Popup builder configuration (only used when editorMode is 'popup') */
+    popup?: PopupConfig;
+    /** Content type: 'module' for single-row mode */
+    contentType?: EditorContentTypeValue;
+    /** AI features configuration */
+    ai?: AIConfig;
+    /** UI language/locale */
+    locale?: string;
+    /**
+     * Custom translation overrides keyed by locale code.
+     * Each locale maps translation keys to translated strings,
+     * allowing partial or full override of the editor's built-in UI strings.
+     *
+     * @example
+     * ```ts
+     * translations: {
+     *   'en-US': { 'toolbar.save': 'Save Draft' },
+     *   'fr-FR': { 'toolbar.save': 'Enregistrer le brouillon' },
+     * }
+     * ```
+     */
+    translations?: Record<string, Record<string, string>>;
+    /** Text direction (ltr, rtl) */
+    textDirection?: TextDirection;
+    /** Template language for multi-language support */
+    language?: Language;
+    /** Visual customization */
+    appearance?: AppearanceConfig;
+    /** Enable/disable tools */
+    tools?: ToolsConfig;
+    /** Custom tools to register (Dragble-style) */
+    customTools?: DragbleToolConfig[];
+    /** Feature toggles */
+    features?: FeaturesConfig;
+    /** Merge tags configuration */
+    mergeTags?: MergeTagsConfig;
+    /** Special links configuration */
+    specialLinks?: SpecialLinksConfig;
+    /** Custom modules */
+    modules?: Module[];
+    /** Display conditions configuration */
+    displayConditions?: DisplayConditionsConfig;
+    /** Editor behavior configuration */
+    editor?: EditorBehaviorConfig;
+    /** Fonts configuration */
+    fonts?: FontsConfig;
+    /** Default body/canvas values applied on init */
+    bodyValues?: Record<string, unknown>;
+    /** Header row JSON to inject as a locked, non-editable row at the top */
+    header?: unknown;
+    /** Footer row JSON to inject as a locked, non-editable row at the bottom */
+    footer?: unknown;
+    /** Custom CSS URLs or inline styles */
+    customCSS?: string[];
+    /** Custom JS URLs or inline scripts */
+    customJS?: string[];
+    /** Height of the editor */
+    height: string | number;
+    /** Minimum height for the editor */
+    minHeight: string | number;
+    /** Additional editor options (merged into options) */
+    options?: Partial<EditorOptions>;
+    /**
+     * Callbacks for editor events (minus onReady/onLoad/onChange/onError which use Angular outputs).
+     * Includes: linkClick, onModuleSave, onPreview, onHeaderRowClick, onFooterRowClick,
+     * onLockedRowClick, onContentDialog.
+     */
+    callbacks?: Omit<DragbleCallbacks, "onReady" | "onLoad" | "onChange" | "onError">;
+    /**
+     * Custom SDK URL for loading the Dragble SDK script.
+     * Use this for enterprise self-hosted SDK or specific versions.
+     * @default "https://sdk.dragble.com/latest/dragble-sdk.min.js"
+     */
+    sdkUrl?: string;
+    /**
+     * SDK version to load from the Dragble CDN.
+     * @default "latest"
+     */
+    sdkVersion?: string;
+    /** Editor version forwarded to the SDK init config. */
+    editorVersion?: string;
+    /** Editor URL forwarded to the SDK init config. */
+    editorUrl?: string;
+    /**
+     * Team collaboration features (commenting, reviewer role, etc.)
+     * Can be a simple boolean or detailed configuration object.
+     * Only works with editorMode 'email' or 'web'.
+     * @default false
+     */
+    collaboration?: boolean | CollaborationFeaturesConfig;
+    /** User information for session identity and collaboration */
+    user?: UserInfo;
+    /**
+     * Design mode for template permissions.
+     * - 'edit': Admin mode - shows "Row Actions" for setting row permissions
+     * - 'live': End-user mode - enforces row permissions
+     * @default 'live'
+     */
+    designMode?: "edit" | "live";
+    /** Emitted when the editor is ready */
+    ready: EventEmitter<any>;
+    /** Emitted when a design is loaded */
+    load: EventEmitter<unknown>;
+    /** Emitted when the design changes */
+    change: EventEmitter<{
+        design: DesignJson;
+        type: string;
+    }>;
+    /** Emitted when an error occurs */
+    error: EventEmitter<Error>;
+    /** Emitted when a comment event occurs (create, edit, delete, resolve, reopen) */
+    commentAction: EventEmitter<any>;
+    containerId: string;
+    private sdk;
+    private _isReady;
+    get isReady(): boolean;
+    get computedHeight(): string;
+    get computedMinHeight(): string;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private initializeEditor;
+    private buildConfig;
+    /** Get the underlying SDK instance */
+    getEditor(): DragbleSDK | null;
+    loadDesign(design: DesignJson, options?: {
+        preserveHistory?: boolean;
+    }): void;
+    loadBlank(): void;
+    saveDesign(callback: (design: DesignJson) => void): void;
+    getDesign(): Promise<{
+        html: string;
+        json: DesignJson;
+    }> | undefined;
+    exportHtml(options?: ExportHtmlOptions): Promise<string> | undefined;
+    exportPlainText(): Promise<string> | undefined;
+    exportJson(): Promise<DesignJson> | undefined;
+    exportImage(options?: ExportImageOptions): Promise<ExportImageData> | undefined;
+    exportPdf(options?: ExportPdfOptions): Promise<ExportPdfData> | undefined;
+    exportZip(options?: ExportZipOptions): Promise<ExportZipData> | undefined;
+    getPopupValues(): Promise<PopupValues | null> | undefined;
+    setMergeTags(config: MergeTagsConfig): void;
+    getMergeTags(): Promise<(MergeTag | MergeTagGroup)[]> | undefined;
+    setSpecialLinks(config: SpecialLinksConfig): void;
+    getSpecialLinks(): Promise<(SpecialLink | SpecialLinkGroup)[]> | undefined;
+    setModulesLoading(loading: boolean): void;
+    setModules(modules: Module[]): void;
+    getModules(): Promise<Module[]> | undefined;
+    setFonts(config: FontsConfig): void;
+    getFonts(): Promise<FontsConfig> | undefined;
+    setBodyValues(values: Record<string, unknown>): void;
+    getBodyValues(): Promise<Record<string, unknown>> | undefined;
+    setOptions(options: Partial<EditorOptions>): void;
+    setToolsConfig(config: ToolsConfig): void;
+    setEditorMode(mode: EditorMode): void;
+    setEditorConfig(config: EditorBehaviorConfig): void;
+    getEditorConfig(): Promise<EditorBehaviorConfig> | undefined;
+    setLocale(locale: string): void;
+    setTextDirection(direction: TextDirection): void;
+    setAppearance(config: AppearanceConfig): void;
+    setCustomCSS(css: string[]): void;
+    setCustomJS(js: string[]): void;
+    setLanguage(language: Language): void;
+    getLanguage(): Promise<Language | null> | undefined;
+    undo(): void;
+    redo(): void;
+    save(): void;
+    showPreview(device?: ViewMode): void;
+    hidePreview(): void;
+    registerTool(config: unknown): Promise<void> | undefined;
+    unregisterTool(toolId: string): Promise<void> | undefined;
+    getTools(): Promise<Array<{
+        id: string;
+        label: string;
+        baseToolType: string;
+    }>> | undefined;
+    setDisplayConditions(config: DisplayConditionsConfig): void;
+    audit(callback: AuditCallback): void;
+    audit(options: AuditOptions, callback: AuditCallback): void;
+    audit(options?: AuditOptions): Promise<AuditResult> | undefined;
+    showComment(commentId: string): void;
+    openCommentPanel(rowId: string): void;
+    addEventListener<T = unknown>(event: EditorEventName, callback: (data: T) => void): (() => void) | undefined;
+    removeEventListener<T = unknown>(event: EditorEventName, callback: (data: T) => void): void;
+    registerColumns(cells: number[]): void;
+    setBrandingColors(config: {
+        colors?: string[] | Array<{
+            id: string;
+            label?: string;
+            colors: string[];
+            default?: boolean;
+        }>;
+        recentColors?: boolean;
+    }): void;
+    createWidget(config: DragbleWidgetConfig | unknown): Promise<void> | undefined;
+    removeWidget(widgetName: string): Promise<void> | undefined;
+    canUndo(): Promise<boolean> | undefined;
+    canRedo(): Promise<boolean> | undefined;
+    updateTabs(tabs: Record<string, {
+        visible?: boolean;
+    }>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragbleEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DragbleEditorComponent, "dragble-editor", never, { "editorKey": { "alias": "editorKey"; "required": false; }; "design": { "alias": "design"; "required": false; }; "editorMode": { "alias": "editorMode"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "contentType": { "alias": "contentType"; "required": false; }; "ai": { "alias": "ai"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "translations": { "alias": "translations"; "required": false; }; "textDirection": { "alias": "textDirection"; "required": false; }; "language": { "alias": "language"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "tools": { "alias": "tools"; "required": false; }; "customTools": { "alias": "customTools"; "required": false; }; "features": { "alias": "features"; "required": false; }; "mergeTags": { "alias": "mergeTags"; "required": false; }; "specialLinks": { "alias": "specialLinks"; "required": false; }; "modules": { "alias": "modules"; "required": false; }; "displayConditions": { "alias": "displayConditions"; "required": false; }; "editor": { "alias": "editor"; "required": false; }; "fonts": { "alias": "fonts"; "required": false; }; "bodyValues": { "alias": "bodyValues"; "required": false; }; "header": { "alias": "header"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "customCSS": { "alias": "customCSS"; "required": false; }; "customJS": { "alias": "customJS"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "options": { "alias": "options"; "required": false; }; "callbacks": { "alias": "callbacks"; "required": false; }; "sdkUrl": { "alias": "sdkUrl"; "required": false; }; "sdkVersion": { "alias": "sdkVersion"; "required": false; }; "editorVersion": { "alias": "editorVersion"; "required": false; }; "editorUrl": { "alias": "editorUrl"; "required": false; }; "collaboration": { "alias": "collaboration"; "required": false; }; "user": { "alias": "user"; "required": false; }; "designMode": { "alias": "designMode"; "required": false; }; }, { "ready": "ready"; "load": "load"; "change": "change"; "error": "error"; "commentAction": "commentAction"; }, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=dragble-editor.component.d.ts.map

package/dist/dragble-editor.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dragble-editor.component";
+export declare class DragbleEditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragbleEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DragbleEditorModule, never, [typeof i1.DragbleEditorComponent], [typeof i1.DragbleEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DragbleEditorModule>;
+}
+//# sourceMappingURL=dragble-editor.module.d.ts.map

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Dragble Angular Editor
+ *
+ * Angular wrapper for the Dragble Editor SDK.
+ *
+ * @packageDocumentation
+ */
+export { DragbleEditorComponent } from "./dragble-editor.component";
+export type { EditorContentTypeValue } from "./dragble-editor.component";
+export { DragbleEditorModule } from "./dragble-editor.module";
+export * from "dragble-types";
+//# sourceMappingURL=index.d.ts.map