kritzel-angular 0.1.7 → 0.1.8

package/fesm2022/kritzel-angular.mjs

@@ -2,10 +2,17 @@ import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, ChangeDetectionStrategy, Component, makeEnvironmentProviders, provideAppInitializer } from '@angular/core';
 import { fromEvent } from 'rxjs';
-import { defineCustomElement as defineCustomElement$1 } from 'kritzel-stencil/dist/components/kritzel-editor.js';
-import { defineCustomElement as defineCustomElement$2 } from 'kritzel-stencil/dist/components/kritzel-line-endings.js';
-import { defineCustomElement as defineCustomElement$3 } from 'kritzel-stencil/dist/components/kritzel-opacity-slider.js';
-import { defineCustomElement as defineCustomElement$4 } from 'kritzel-stencil/dist/components/kritzel-shape-fill.js';
+import { defineCustomElement as defineCustomElement$1 } from 'kritzel-stencil/dist/components/kritzel-back-to-content.js';
+import { defineCustomElement as defineCustomElement$2 } from 'kritzel-stencil/dist/components/kritzel-dialog.js';
+import { defineCustomElement as defineCustomElement$3 } from 'kritzel-stencil/dist/components/kritzel-editor.js';
+import { defineCustomElement as defineCustomElement$4 } from 'kritzel-stencil/dist/components/kritzel-line-endings.js';
+import { defineCustomElement as defineCustomElement$5 } from 'kritzel-stencil/dist/components/kritzel-master-detail.js';
+import { defineCustomElement as defineCustomElement$6 } from 'kritzel-stencil/dist/components/kritzel-more-menu.js';
+import { defineCustomElement as defineCustomElement$7 } from 'kritzel-stencil/dist/components/kritzel-numeric-input.js';
+import { defineCustomElement as defineCustomElement$8 } from 'kritzel-stencil/dist/components/kritzel-opacity-slider.js';
+import { defineCustomElement as defineCustomElement$9 } from 'kritzel-stencil/dist/components/kritzel-settings.js';
+import { defineCustomElement as defineCustomElement$a } from 'kritzel-stencil/dist/components/kritzel-shape-fill.js';
+import { defineCustomElement as defineCustomElement$b } from 'kritzel-stencil/dist/components/kritzel-slide-toggle.js';
 import { defineCustomElements } from 'kritzel-stencil/loader';
 export { DEFAULT_BRUSH_CONFIG, DEFAULT_TEXT_CONFIG, KritzelBrushTool, KritzelEraserTool, KritzelImage, KritzelImageTool, KritzelPath, KritzelSelectionTool, KritzelText, KritzelTextTool } from 'kritzel-stencil';
 
@@ -67,6 +74,68 @@ function ProxyCmp(opts) {
     return decorator;
 }
 
+let KritzelBackToContent = class KritzelBackToContent {
+    constructor(c, r, z) {
+        this.z = z;
+        this.backToContent = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelBackToContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: KritzelBackToContent, isStandalone: true, selector: "kritzel-back-to-content", inputs: { text: "text", visible: "visible" }, outputs: { backToContent: "backToContent" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+KritzelBackToContent = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1,
+        inputs: ['text', 'visible']
+    })
+], KritzelBackToContent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelBackToContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kritzel-back-to-content',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['text', 'visible'],
+                    outputs: ['backToContent'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { backToContent: [{
+                type: Output
+            }] } });
+let KritzelDialog = class KritzelDialog {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dialogOpen = new EventEmitter();
+        this.dialogClose = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelDialog, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: KritzelDialog, isStandalone: true, selector: "kritzel-dialog", inputs: { autoFocus: "autoFocus", closable: "closable", closeOnBackdrop: "closeOnBackdrop", closeOnEscape: "closeOnEscape", dialogTitle: "dialogTitle", fullscreenOnMobile: "fullscreenOnMobile", isOpen: "isOpen", size: "size", trapFocus: "trapFocus" }, outputs: { dialogOpen: "dialogOpen", dialogClose: "dialogClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+KritzelDialog = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$2,
+        inputs: ['autoFocus', 'closable', 'closeOnBackdrop', 'closeOnEscape', 'dialogTitle', 'fullscreenOnMobile', 'isOpen', 'size', 'trapFocus'],
+        methods: ['open', 'close', 'focusFirstElement']
+    })
+], KritzelDialog);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelDialog, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kritzel-dialog',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoFocus', 'closable', 'closeOnBackdrop', 'closeOnEscape', 'dialogTitle', 'fullscreenOnMobile', 'isOpen', 'size', 'trapFocus'],
+                    outputs: ['dialogOpen', 'dialogClose'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dialogOpen: [{
+                type: Output
+            }], dialogClose: [{
+                type: Output
+            }] } });
 let KritzelEditor = class KritzelEditor {
     constructor(c, r, z) {
         this.z = z;
@@ -76,24 +145,24 @@ let KritzelEditor = class KritzelEditor {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KritzelEditor, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: KritzelEditor, isStandalone: true, selector: "kritzel-editor", inputs: { controls: "controls", customSvgIcons: "customSvgIcons", globalContextMenuItems: "globalContextMenuItems", isControlsVisible: "isControlsVisible", isUtilityPanelVisible: "isUtilityPanelVisible", objectContextMenuItems: "objectContextMenuItems", scaleMax: "scaleMax", scaleMin: "scaleMin", syncConfig: "syncConfig" }, outputs: { isReady: "isReady", objectsChange: "objectsChange", undoStateChange: "undoStateChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelEditor, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: KritzelEditor, isStandalone: true, selector: "kritzel-editor", inputs: { controls: "controls", customSvgIcons: "customSvgIcons", globalContextMenuItems: "globalContextMenuItems", isControlsVisible: "isControlsVisible", isUtilityPanelVisible: "isUtilityPanelVisible", lockDrawingScale: "lockDrawingScale", objectContextMenuItems: "objectContextMenuItems", scaleMax: "scaleMax", scaleMin: "scaleMin", syncConfig: "syncConfig" }, outputs: { isReady: "isReady", objectsChange: "objectsChange", undoStateChange: "undoStateChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 KritzelEditor = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1,
-        inputs: ['controls', 'customSvgIcons', 'globalContextMenuItems', 'isControlsVisible', 'isUtilityPanelVisible', 'objectContextMenuItems', 'scaleMax', 'scaleMin', 'syncConfig'],
-        methods: ['getObjectById', 'addObject', 'updateObject', 'removeObject', 'getSelectedObjects', 'selectObjects', 'selectAllObjectsInViewport', 'clearSelection', 'centerObjectInViewport', 'createWorkspace', 'updateWorkspace', 'deleteWorkspace', 'getWorkspaces', 'getActiveWorkspace']
+        defineCustomElementFn: defineCustomElement$3,
+        inputs: ['controls', 'customSvgIcons', 'globalContextMenuItems', 'isControlsVisible', 'isUtilityPanelVisible', 'lockDrawingScale', 'objectContextMenuItems', 'scaleMax', 'scaleMin', 'syncConfig'],
+        methods: ['getObjectById', 'addObject', 'updateObject', 'removeObject', 'getSelectedObjects', 'selectObjects', 'selectAllObjectsInViewport', 'clearSelection', 'centerObjectInViewport', 'backToContent', 'createWorkspace', 'updateWorkspace', 'deleteWorkspace', 'getWorkspaces', 'getActiveWorkspace']
     })
 ], KritzelEditor);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KritzelEditor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelEditor, decorators: [{
             type: Component,
             args: [{
                     selector: 'kritzel-editor',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['controls', 'customSvgIcons', 'globalContextMenuItems', 'isControlsVisible', 'isUtilityPanelVisible', 'objectContextMenuItems', 'scaleMax', 'scaleMin', 'syncConfig'],
+                    inputs: ['controls', 'customSvgIcons', 'globalContextMenuItems', 'isControlsVisible', 'isUtilityPanelVisible', 'lockDrawingScale', 'objectContextMenuItems', 'scaleMax', 'scaleMin', 'syncConfig'],
                     outputs: ['isReady', 'objectsChange', 'undoStateChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { isReady: [{
@@ -110,16 +179,16 @@ let KritzelLineEndings = class KritzelLineEndings {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KritzelLineEndings, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: KritzelLineEndings, isStandalone: true, selector: "kritzel-line-endings", inputs: { strokeColor: "strokeColor", styles: "styles", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelLineEndings, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: KritzelLineEndings, isStandalone: true, selector: "kritzel-line-endings", inputs: { strokeColor: "strokeColor", styles: "styles", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 KritzelLineEndings = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$2,
+        defineCustomElementFn: defineCustomElement$4,
         inputs: ['strokeColor', 'styles', 'value']
     })
 ], KritzelLineEndings);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KritzelLineEndings, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelLineEndings, decorators: [{
             type: Component,
             args: [{
                     selector: 'kritzel-line-endings',
@@ -132,6 +201,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
                 type: Output
             }] } });
+let KritzelMasterDetail = class KritzelMasterDetail {
+    constructor(c, r, z) {
+        this.z = z;
+        this.itemSelect = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelMasterDetail, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: KritzelMasterDetail, isStandalone: true, selector: "kritzel-master-detail", inputs: { items: "items", selectedItemId: "selectedItemId" }, outputs: { itemSelect: "itemSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+KritzelMasterDetail = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$5,
+        inputs: ['items', 'selectedItemId']
+    })
+], KritzelMasterDetail);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelMasterDetail, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kritzel-master-detail',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['items', 'selectedItemId'],
+                    outputs: ['itemSelect'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { itemSelect: [{
+                type: Output
+            }] } });
+let KritzelMoreMenu = class KritzelMoreMenu {
+    constructor(c, r, z) {
+        this.z = z;
+        this.itemSelect = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelMoreMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: KritzelMoreMenu, isStandalone: true, selector: "kritzel-more-menu", inputs: { icon: "icon", iconSize: "iconSize", items: "items", offsetY: "offsetY" }, outputs: { itemSelect: "itemSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+KritzelMoreMenu = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$6,
+        inputs: ['icon', 'iconSize', 'items', 'offsetY']
+    })
+], KritzelMoreMenu);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelMoreMenu, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kritzel-more-menu',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['icon', 'iconSize', 'items', 'offsetY'],
+                    outputs: ['itemSelect'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { itemSelect: [{
+                type: Output
+            }] } });
+let KritzelNumericInput = class KritzelNumericInput {
+    constructor(c, r, z) {
+        this.z = z;
+        this.valueChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelNumericInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: KritzelNumericInput, isStandalone: true, selector: "kritzel-numeric-input", inputs: { label: "label", max: "max", min: "min", step: "step", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+KritzelNumericInput = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$7,
+        inputs: ['label', 'max', 'min', 'step', 'value']
+    })
+], KritzelNumericInput);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelNumericInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kritzel-numeric-input',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['label', 'max', 'min', 'step', 'value'],
+                    outputs: ['valueChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
+                type: Output
+            }] } });
 let KritzelOpacitySlider = class KritzelOpacitySlider {
     constructor(c, r, z) {
         this.z = z;
@@ -139,16 +295,16 @@ let KritzelOpacitySlider = class KritzelOpacitySlider {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KritzelOpacitySlider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: KritzelOpacitySlider, isStandalone: true, selector: "kritzel-opacity-slider", inputs: { max: "max", min: "min", previewColor: "previewColor", step: "step", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelOpacitySlider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: KritzelOpacitySlider, isStandalone: true, selector: "kritzel-opacity-slider", inputs: { max: "max", min: "min", previewColor: "previewColor", step: "step", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 KritzelOpacitySlider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$3,
+        defineCustomElementFn: defineCustomElement$8,
         inputs: ['max', 'min', 'previewColor', 'step', 'value']
     })
 ], KritzelOpacitySlider);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KritzelOpacitySlider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelOpacitySlider, decorators: [{
             type: Component,
             args: [{
                     selector: 'kritzel-opacity-slider',
@@ -161,6 +317,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
                 type: Output
             }] } });
+let KritzelSettings = class KritzelSettings {
+    constructor(c, r, z) {
+        this.z = z;
+        this.settingsChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelSettings, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: KritzelSettings, isStandalone: true, selector: "kritzel-settings", outputs: { settingsChange: "settingsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+KritzelSettings = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$9
+    })
+], KritzelSettings);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelSettings, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kritzel-settings',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                    outputs: ['settingsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { settingsChange: [{
+                type: Output
+            }] } });
 let KritzelShapeFill = class KritzelShapeFill {
     constructor(c, r, z) {
         this.z = z;
@@ -168,16 +352,16 @@ let KritzelShapeFill = class KritzelShapeFill {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KritzelShapeFill, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: KritzelShapeFill, isStandalone: true, selector: "kritzel-shape-fill", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelShapeFill, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: KritzelShapeFill, isStandalone: true, selector: "kritzel-shape-fill", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 KritzelShapeFill = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$4,
+        defineCustomElementFn: defineCustomElement$a,
         inputs: ['value']
     })
 ], KritzelShapeFill);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KritzelShapeFill, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelShapeFill, decorators: [{
             type: Component,
             args: [{
                     selector: 'kritzel-shape-fill',
@@ -190,12 +374,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
                 type: Output
             }] } });
+let KritzelSlideToggle = class KritzelSlideToggle {
+    constructor(c, r, z) {
+        this.z = z;
+        this.checkedChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelSlideToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: KritzelSlideToggle, isStandalone: true, selector: "kritzel-slide-toggle", inputs: { checked: "checked", disabled: "disabled", label: "label" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+KritzelSlideToggle = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$b,
+        inputs: ['checked', 'disabled', 'label']
+    })
+], KritzelSlideToggle);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: KritzelSlideToggle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kritzel-slide-toggle',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['checked', 'disabled', 'label'],
+                    outputs: ['checkedChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { checkedChange: [{
+                type: Output
+            }] } });
 
 const DIRECTIVES = [
+    KritzelBackToContent,
+    KritzelDialog,
     KritzelEditor,
     KritzelLineEndings,
+    KritzelMasterDetail,
+    KritzelMoreMenu,
+    KritzelNumericInput,
     KritzelOpacitySlider,
-    KritzelShapeFill
+    KritzelSettings,
+    KritzelShapeFill,
+    KritzelSlideToggle
 ];
 
 function provideKritzel() {
@@ -211,5 +431,5 @@ function provideKritzel() {
  * Generated bundle index. Do not edit.
  */
 
-export { DIRECTIVES, KritzelEditor, KritzelLineEndings, KritzelOpacitySlider, KritzelShapeFill, provideKritzel };
+export { DIRECTIVES, KritzelBackToContent, KritzelDialog, KritzelEditor, KritzelLineEndings, KritzelMasterDetail, KritzelMoreMenu, KritzelNumericInput, KritzelOpacitySlider, KritzelSettings, KritzelShapeFill, KritzelSlideToggle, provideKritzel };
 //# sourceMappingURL=kritzel-angular.mjs.map

package/fesm2022/kritzel-angular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kritzel-angular.mjs","sources":["../../../projects/lib/src/lib/angular-component-lib/utils.ts","../../../projects/lib/src/lib/proxy.ts","../../../projects/lib/src/lib/index.ts","../../../projects/lib/src/lib/provide.function.ts","../../../projects/lib/src/kritzel-angular.ts"],"sourcesContent":["/* eslint-disable */\n/* tslint:disable */\nimport { fromEvent } from 'rxjs';\n\nexport const proxyInputs = (Cmp: any, inputs: string[]) => {\n  const Prototype = Cmp.prototype;\n  inputs.forEach((item) => {\n    Object.defineProperty(Prototype, item, {\n      get() {\n        return this.el[item];\n      },\n      set(val: any) {\n        this.z.runOutsideAngular(() => (this.el[item] = val));\n      },\n      /**\n       * In the event that proxyInputs is called\n       * multiple times re-defining these inputs\n       * will cause an error to be thrown. As a result\n       * we set configurable: true to indicate these\n       * properties can be changed.\n       */\n      configurable: true,\n    });\n  });\n};\n\nexport const proxyMethods = (Cmp: any, methods: string[]) => {\n  const Prototype = Cmp.prototype;\n  methods.forEach((methodName) => {\n    Prototype[methodName] = function () {\n      const args = arguments;\n      return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));\n    };\n  });\n};\n\nexport const proxyOutputs = (instance: any, el: any, events: string[]) => {\n  events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\n// tslint:disable-next-line: only-arrow-functions\nexport function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {\n  const decorator = function (cls: any) {\n    const { defineCustomElementFn, inputs, methods } = opts;\n\n    if (defineCustomElementFn !== undefined) {\n      defineCustomElementFn();\n    }\n\n    if (inputs) {\n      proxyInputs(cls, inputs);\n    }\n    if (methods) {\n      proxyMethods(cls, methods);\n    }\n    return cls;\n  };\n  return decorator;\n}\n","/* tslint:disable */\n/* auto-generated angular directive proxies */\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Output, NgZone } from '@angular/core';\n\nimport { ProxyCmp } from './angular-component-lib/utils';\n\nimport type { Components } from 'kritzel-stencil/dist/components';\n\nimport { defineCustomElement as defineKritzelEditor } from 'kritzel-stencil/dist/components/kritzel-editor.js';\nimport { defineCustomElement as defineKritzelLineEndings } from 'kritzel-stencil/dist/components/kritzel-line-endings.js';\nimport { defineCustomElement as defineKritzelOpacitySlider } from 'kritzel-stencil/dist/components/kritzel-opacity-slider.js';\nimport { defineCustomElement as defineKritzelShapeFill } from 'kritzel-stencil/dist/components/kritzel-shape-fill.js';\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelEditor,\n  inputs: ['controls', 'customSvgIcons', 'globalContextMenuItems', 'isControlsVisible', 'isUtilityPanelVisible', 'objectContextMenuItems', 'scaleMax', 'scaleMin', 'syncConfig'],\n  methods: ['getObjectById', 'addObject', 'updateObject', 'removeObject', 'getSelectedObjects', 'selectObjects', 'selectAllObjectsInViewport', 'clearSelection', 'centerObjectInViewport', 'createWorkspace', 'updateWorkspace', 'deleteWorkspace', 'getWorkspaces', 'getActiveWorkspace']\n})\n@Component({\n  selector: 'kritzel-editor',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['controls', 'customSvgIcons', 'globalContextMenuItems', 'isControlsVisible', 'isUtilityPanelVisible', 'objectContextMenuItems', 'scaleMax', 'scaleMin', 'syncConfig'],\n  outputs: ['isReady', 'objectsChange', 'undoStateChange'],\n})\nexport class KritzelEditor {\n  protected el: HTMLKritzelEditorElement;\n  @Output() isReady = new EventEmitter<CustomEvent<HTMLElement>>();\n  @Output() objectsChange = new EventEmitter<CustomEvent<IKritzelEditorKritzelBaseObject[]>>();\n  @Output() undoStateChange = new EventEmitter<CustomEvent<IKritzelEditorKritzelUndoState>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nimport type { KritzelBaseObject as IKritzelEditorKritzelBaseObject } from 'kritzel-stencil/dist/components';\nimport type { KritzelUndoState as IKritzelEditorKritzelUndoState } from 'kritzel-stencil/dist/components';\n\nexport declare interface KritzelEditor extends Components.KritzelEditor {\n\n  isReady: EventEmitter<CustomEvent<HTMLElement>>;\n\n  objectsChange: EventEmitter<CustomEvent<IKritzelEditorKritzelBaseObject[]>>;\n\n  undoStateChange: EventEmitter<CustomEvent<IKritzelEditorKritzelUndoState>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelLineEndings,\n  inputs: ['strokeColor', 'styles', 'value']\n})\n@Component({\n  selector: 'kritzel-line-endings',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['strokeColor', 'styles', 'value'],\n  outputs: ['valueChange'],\n})\nexport class KritzelLineEndings {\n  protected el: HTMLKritzelLineEndingsElement;\n  @Output() valueChange = new EventEmitter<CustomEvent<IKritzelLineEndingsLineArrowConfig>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nimport type { LineArrowConfig as IKritzelLineEndingsLineArrowConfig } from 'kritzel-stencil/dist/components';\n\nexport declare interface KritzelLineEndings extends Components.KritzelLineEndings {\n\n  valueChange: EventEmitter<CustomEvent<IKritzelLineEndingsLineArrowConfig>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelOpacitySlider,\n  inputs: ['max', 'min', 'previewColor', 'step', 'value']\n})\n@Component({\n  selector: 'kritzel-opacity-slider',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['max', 'min', 'previewColor', 'step', 'value'],\n  outputs: ['valueChange'],\n})\nexport class KritzelOpacitySlider {\n  protected el: HTMLKritzelOpacitySliderElement;\n  @Output() valueChange = new EventEmitter<CustomEvent<number>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nexport declare interface KritzelOpacitySlider extends Components.KritzelOpacitySlider {\n\n  valueChange: EventEmitter<CustomEvent<number>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelShapeFill,\n  inputs: ['value']\n})\n@Component({\n  selector: 'kritzel-shape-fill',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['value'],\n  outputs: ['valueChange'],\n})\nexport class KritzelShapeFill {\n  protected el: HTMLKritzelShapeFillElement;\n  @Output() valueChange = new EventEmitter<CustomEvent<IKritzelShapeFillShapeFillType>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nimport type { ShapeFillType as IKritzelShapeFillShapeFillType } from 'kritzel-stencil/dist/components';\n\nexport declare interface KritzelShapeFill extends Components.KritzelShapeFill {\n\n  valueChange: EventEmitter<CustomEvent<IKritzelShapeFillShapeFillType>>;\n}\n\n\n","\nimport * as d from './proxy';\n\nexport const DIRECTIVES = [\n  d.KritzelEditor,\n  d.KritzelLineEndings,\n  d.KritzelOpacitySlider,\n  d.KritzelShapeFill\n];\n","import {\r\n  provideAppInitializer,\r\n  EnvironmentProviders,\r\n  makeEnvironmentProviders,\r\n} from '@angular/core';\r\nimport { defineCustomElements } from 'kritzel-stencil/loader';\r\n\r\nexport function provideKritzel(): EnvironmentProviders {\r\n  return makeEnvironmentProviders([\r\n    provideAppInitializer(() => {\r\n      console.info('Initializing Kritzel custom elements');\r\n      return defineCustomElements(window);\r\n    }),\r\n  ]);\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["defineKritzelEditor","defineKritzelLineEndings","defineKritzelOpacitySlider","defineKritzelShapeFill","d.KritzelEditor","d.KritzelLineEndings","d.KritzelOpacitySlider","d.KritzelShapeFill"],"mappings":";;;;;;;;;;;AAAA;AACA;AAGO,MAAM,WAAW,GAAG,CAAC,GAAQ,EAAE,MAAgB,KAAI;AACxD,IAAA,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS;AAC/B,IAAA,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACtB,QAAA,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,IAAI,EAAE;YACrC,GAAG,GAAA;AACD,gBAAA,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC;YACtB,CAAC;AACD,YAAA,GAAG,CAAC,GAAQ,EAAA;AACV,gBAAA,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;YACvD,CAAC;AACD;;;;;;AAMG;AACH,YAAA,YAAY,EAAE,IAAI;AACnB,SAAA,CAAC;AACJ,IAAA,CAAC,CAAC;AACJ,CAAC;AAEM,MAAM,YAAY,GAAG,CAAC,GAAQ,EAAE,OAAiB,KAAI;AAC1D,IAAA,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS;AAC/B,IAAA,OAAO,CAAC,OAAO,CAAC,CAAC,UAAU,KAAI;QAC7B,SAAS,CAAC,UAAU,CAAC,GAAG,YAAA;YACtB,MAAM,IAAI,GAAG,SAAS;YACtB,OAAO,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;AACjF,QAAA,CAAC;AACH,IAAA,CAAC,CAAC;AACJ,CAAC;AAEM,MAAM,YAAY,GAAG,CAAC,QAAa,EAAE,EAAO,EAAE,MAAgB,KAAI;IACvE,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,MAAM,QAAQ,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC;AACjF,CAAC;AAEM,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,KAAI;AACzE,IAAA,IAAI,aAAa,KAAK,SAAS,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AACxG,QAAA,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC;IAC/C;AACF,CAAC;AAED;AACM,SAAU,QAAQ,CAAC,IAAyE,EAAA;IAChG,MAAM,SAAS,GAAG,UAAU,GAAQ,EAAA;QAClC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI;AAEvD,QAAA,IAAI,qBAAqB,KAAK,SAAS,EAAE;AACvC,YAAA,qBAAqB,EAAE;QACzB;QAEA,IAAI,MAAM,EAAE;AACV,YAAA,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC;QAC1B;QACA,IAAI,OAAO,EAAE;AACX,YAAA,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC;QAC5B;AACA,QAAA,OAAO,GAAG;AACZ,IAAA,CAAC;AACD,IAAA,OAAO,SAAS;AAClB;;ACvCO,IAAM,aAAa,GAAnB,MAAM,aAAa,CAAA;AAKxB,IAAA,WAAA,CAAY,CAAoB,EAAE,CAAa,EAAY,CAAS,EAAA;QAAT,IAAA,CAAA,CAAC,GAAD,CAAC;AAHlD,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,YAAY,EAA4B;AACtD,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAkD;AAClF,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAA+C;QAEzF,CAAC,CAAC,MAAM,EAAE;AACV,QAAA,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,aAAa;IAC3B;8GARW,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,qfALd,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;AAK1B,aAAa,GAAA,UAAA,CAAA;AAbzB,IAAA,QAAQ,CAAC;AACR,QAAA,qBAAqB,EAAEA,qBAAmB;AAC1C,QAAA,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,CAAC;AAC9K,QAAA,OAAO,EAAE,CAAC,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,oBAAoB,EAAE,eAAe,EAAE,4BAA4B,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,eAAe,EAAE,oBAAoB;KACxR;AASY,CAAA,EAAA,aAAa,CASzB;2FATY,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,2BAA2B;;AAErC,oBAAA,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,CAAC;AAC9K,oBAAA,OAAO,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,iBAAiB,CAAC;AACzD,iBAAA;;sBAGE;;sBACA;;sBACA;;AAiCI,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB,CAAA;AAG7B,IAAA,WAAA,CAAY,CAAoB,EAAE,CAAa,EAAY,CAAS,EAAA;QAAT,IAAA,CAAA,CAAC,GAAD,CAAC;AADlD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAmD;QAEzF,CAAC,CAAC,MAAM,EAAE;AACV,QAAA,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,aAAa;IAC3B;8GANW,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,mMALnB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;AAK1B,kBAAkB,GAAA,UAAA,CAAA;AAZ9B,IAAA,QAAQ,CAAC;AACR,QAAA,qBAAqB,EAAEC,qBAAwB;AAC/C,QAAA,MAAM,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO;KAC1C;AASY,CAAA,EAAA,kBAAkB,CAO9B;2FAPY,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;oBAChC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,2BAA2B;;AAErC,oBAAA,MAAM,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,CAAC;oBAC1C,OAAO,EAAE,CAAC,aAAa,CAAC;AACzB,iBAAA;;sBAGE;;AA4BI,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAG/B,IAAA,WAAA,CAAY,CAAoB,EAAE,CAAa,EAAY,CAAS,EAAA;QAAT,IAAA,CAAA,CAAC,GAAD,CAAC;AADlD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAuB;QAE7D,CAAC,CAAC,MAAM,EAAE;AACV,QAAA,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,aAAa;IAC3B;8GANW,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,2NALrB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;AAK1B,oBAAoB,GAAA,UAAA,CAAA;AAZhC,IAAA,QAAQ,CAAC;AACR,QAAA,qBAAqB,EAAEC,qBAA0B;QACjD,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO;KACvD;AASY,CAAA,EAAA,oBAAoB,CAOhC;2FAPY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;oBAClC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,2BAA2B;;oBAErC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,CAAC;oBACvD,OAAO,EAAE,CAAC,aAAa,CAAC;AACzB,iBAAA;;sBAGE;;AA0BI,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB,CAAA;AAG3B,IAAA,WAAA,CAAY,CAAoB,EAAE,CAAa,EAAY,CAAS,EAAA;QAAT,IAAA,CAAA,CAAC,GAAD,CAAC;AADlD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAA+C;QAErF,CAAC,CAAC,MAAM,EAAE;AACV,QAAA,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,aAAa;IAC3B;8GANW,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,mJALjB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;AAK1B,gBAAgB,GAAA,UAAA,CAAA;AAZ5B,IAAA,QAAQ,CAAC;AACR,QAAA,qBAAqB,EAAEC,qBAAsB;QAC7C,MAAM,EAAE,CAAC,OAAO;KACjB;AASY,CAAA,EAAA,gBAAgB,CAO5B;2FAPY,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;oBAC9B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,2BAA2B;;oBAErC,MAAM,EAAE,CAAC,OAAO,CAAC;oBACjB,OAAO,EAAE,CAAC,aAAa,CAAC;AACzB,iBAAA;;sBAGE;;;ACvHI,MAAM,UAAU,GAAG;AACxB,IAAAC,aAAe;AACf,IAAAC,kBAAoB;AACpB,IAAAC,oBAAsB;AACtB,IAAAC;;;SCAc,cAAc,GAAA;AAC5B,IAAA,OAAO,wBAAwB,CAAC;QAC9B,qBAAqB,CAAC,MAAK;AACzB,YAAA,OAAO,CAAC,IAAI,CAAC,sCAAsC,CAAC;AACpD,YAAA,OAAO,oBAAoB,CAAC,MAAM,CAAC;AACrC,QAAA,CAAC,CAAC;AACH,KAAA,CAAC;AACJ;;ACdA;;AAEG;;;;"}
+{"version":3,"file":"kritzel-angular.mjs","sources":["../../../projects/lib/src/lib/angular-component-lib/utils.ts","../../../projects/lib/src/lib/proxy.ts","../../../projects/lib/src/lib/index.ts","../../../projects/lib/src/lib/provide.function.ts","../../../projects/lib/src/kritzel-angular.ts"],"sourcesContent":["/* eslint-disable */\n/* tslint:disable */\nimport { fromEvent } from 'rxjs';\n\nexport const proxyInputs = (Cmp: any, inputs: string[]) => {\n  const Prototype = Cmp.prototype;\n  inputs.forEach((item) => {\n    Object.defineProperty(Prototype, item, {\n      get() {\n        return this.el[item];\n      },\n      set(val: any) {\n        this.z.runOutsideAngular(() => (this.el[item] = val));\n      },\n      /**\n       * In the event that proxyInputs is called\n       * multiple times re-defining these inputs\n       * will cause an error to be thrown. As a result\n       * we set configurable: true to indicate these\n       * properties can be changed.\n       */\n      configurable: true,\n    });\n  });\n};\n\nexport const proxyMethods = (Cmp: any, methods: string[]) => {\n  const Prototype = Cmp.prototype;\n  methods.forEach((methodName) => {\n    Prototype[methodName] = function () {\n      const args = arguments;\n      return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));\n    };\n  });\n};\n\nexport const proxyOutputs = (instance: any, el: any, events: string[]) => {\n  events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\n// tslint:disable-next-line: only-arrow-functions\nexport function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {\n  const decorator = function (cls: any) {\n    const { defineCustomElementFn, inputs, methods } = opts;\n\n    if (defineCustomElementFn !== undefined) {\n      defineCustomElementFn();\n    }\n\n    if (inputs) {\n      proxyInputs(cls, inputs);\n    }\n    if (methods) {\n      proxyMethods(cls, methods);\n    }\n    return cls;\n  };\n  return decorator;\n}\n","/* tslint:disable */\n/* auto-generated angular directive proxies */\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Output, NgZone } from '@angular/core';\n\nimport { ProxyCmp } from './angular-component-lib/utils';\n\nimport type { Components } from 'kritzel-stencil/dist/components';\n\nimport { defineCustomElement as defineKritzelBackToContent } from 'kritzel-stencil/dist/components/kritzel-back-to-content.js';\nimport { defineCustomElement as defineKritzelDialog } from 'kritzel-stencil/dist/components/kritzel-dialog.js';\nimport { defineCustomElement as defineKritzelEditor } from 'kritzel-stencil/dist/components/kritzel-editor.js';\nimport { defineCustomElement as defineKritzelLineEndings } from 'kritzel-stencil/dist/components/kritzel-line-endings.js';\nimport { defineCustomElement as defineKritzelMasterDetail } from 'kritzel-stencil/dist/components/kritzel-master-detail.js';\nimport { defineCustomElement as defineKritzelMoreMenu } from 'kritzel-stencil/dist/components/kritzel-more-menu.js';\nimport { defineCustomElement as defineKritzelNumericInput } from 'kritzel-stencil/dist/components/kritzel-numeric-input.js';\nimport { defineCustomElement as defineKritzelOpacitySlider } from 'kritzel-stencil/dist/components/kritzel-opacity-slider.js';\nimport { defineCustomElement as defineKritzelSettings } from 'kritzel-stencil/dist/components/kritzel-settings.js';\nimport { defineCustomElement as defineKritzelShapeFill } from 'kritzel-stencil/dist/components/kritzel-shape-fill.js';\nimport { defineCustomElement as defineKritzelSlideToggle } from 'kritzel-stencil/dist/components/kritzel-slide-toggle.js';\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelBackToContent,\n  inputs: ['text', 'visible']\n})\n@Component({\n  selector: 'kritzel-back-to-content',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['text', 'visible'],\n  outputs: ['backToContent'],\n})\nexport class KritzelBackToContent {\n  protected el: HTMLKritzelBackToContentElement;\n  @Output() backToContent = new EventEmitter<CustomEvent<void>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nexport declare interface KritzelBackToContent extends Components.KritzelBackToContent {\n  /**\n   * Emitted when the button is clicked\n   */\n  backToContent: EventEmitter<CustomEvent<void>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelDialog,\n  inputs: ['autoFocus', 'closable', 'closeOnBackdrop', 'closeOnEscape', 'dialogTitle', 'fullscreenOnMobile', 'isOpen', 'size', 'trapFocus'],\n  methods: ['open', 'close', 'focusFirstElement']\n})\n@Component({\n  selector: 'kritzel-dialog',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['autoFocus', 'closable', 'closeOnBackdrop', 'closeOnEscape', 'dialogTitle', 'fullscreenOnMobile', 'isOpen', 'size', 'trapFocus'],\n  outputs: ['dialogOpen', 'dialogClose'],\n})\nexport class KritzelDialog {\n  protected el: HTMLKritzelDialogElement;\n  @Output() dialogOpen = new EventEmitter<CustomEvent<void>>();\n  @Output() dialogClose = new EventEmitter<CustomEvent<IKritzelDialogIKritzelDialogCloseEvent>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nimport type { IKritzelDialogCloseEvent as IKritzelDialogIKritzelDialogCloseEvent } from 'kritzel-stencil/dist/components';\n\nexport declare interface KritzelDialog extends Components.KritzelDialog {\n  /**\n   * Emitted when the dialog opens\n   */\n  dialogOpen: EventEmitter<CustomEvent<void>>;\n  /**\n   * Emitted when the dialog closes\n   */\n  dialogClose: EventEmitter<CustomEvent<IKritzelDialogIKritzelDialogCloseEvent>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelEditor,\n  inputs: ['controls', 'customSvgIcons', 'globalContextMenuItems', 'isControlsVisible', 'isUtilityPanelVisible', 'lockDrawingScale', 'objectContextMenuItems', 'scaleMax', 'scaleMin', 'syncConfig'],\n  methods: ['getObjectById', 'addObject', 'updateObject', 'removeObject', 'getSelectedObjects', 'selectObjects', 'selectAllObjectsInViewport', 'clearSelection', 'centerObjectInViewport', 'backToContent', 'createWorkspace', 'updateWorkspace', 'deleteWorkspace', 'getWorkspaces', 'getActiveWorkspace']\n})\n@Component({\n  selector: 'kritzel-editor',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['controls', 'customSvgIcons', 'globalContextMenuItems', 'isControlsVisible', 'isUtilityPanelVisible', 'lockDrawingScale', 'objectContextMenuItems', 'scaleMax', 'scaleMin', 'syncConfig'],\n  outputs: ['isReady', 'objectsChange', 'undoStateChange'],\n})\nexport class KritzelEditor {\n  protected el: HTMLKritzelEditorElement;\n  @Output() isReady = new EventEmitter<CustomEvent<HTMLElement>>();\n  @Output() objectsChange = new EventEmitter<CustomEvent<IKritzelEditorKritzelBaseObject[]>>();\n  @Output() undoStateChange = new EventEmitter<CustomEvent<IKritzelEditorKritzelUndoState>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nimport type { KritzelBaseObject as IKritzelEditorKritzelBaseObject } from 'kritzel-stencil/dist/components';\nimport type { KritzelUndoState as IKritzelEditorKritzelUndoState } from 'kritzel-stencil/dist/components';\n\nexport declare interface KritzelEditor extends Components.KritzelEditor {\n\n  isReady: EventEmitter<CustomEvent<HTMLElement>>;\n\n  objectsChange: EventEmitter<CustomEvent<IKritzelEditorKritzelBaseObject[]>>;\n\n  undoStateChange: EventEmitter<CustomEvent<IKritzelEditorKritzelUndoState>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelLineEndings,\n  inputs: ['strokeColor', 'styles', 'value']\n})\n@Component({\n  selector: 'kritzel-line-endings',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['strokeColor', 'styles', 'value'],\n  outputs: ['valueChange'],\n})\nexport class KritzelLineEndings {\n  protected el: HTMLKritzelLineEndingsElement;\n  @Output() valueChange = new EventEmitter<CustomEvent<IKritzelLineEndingsLineArrowConfig>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nimport type { LineArrowConfig as IKritzelLineEndingsLineArrowConfig } from 'kritzel-stencil/dist/components';\n\nexport declare interface KritzelLineEndings extends Components.KritzelLineEndings {\n\n  valueChange: EventEmitter<CustomEvent<IKritzelLineEndingsLineArrowConfig>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelMasterDetail,\n  inputs: ['items', 'selectedItemId']\n})\n@Component({\n  selector: 'kritzel-master-detail',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['items', 'selectedItemId'],\n  outputs: ['itemSelect'],\n})\nexport class KritzelMasterDetail {\n  protected el: HTMLKritzelMasterDetailElement;\n  @Output() itemSelect = new EventEmitter<CustomEvent<IKritzelMasterDetailIKritzelMasterDetailSelectEvent>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nimport type { IKritzelMasterDetailSelectEvent as IKritzelMasterDetailIKritzelMasterDetailSelectEvent } from 'kritzel-stencil/dist/components';\n\nexport declare interface KritzelMasterDetail extends Components.KritzelMasterDetail {\n  /**\n   * Emitted when an item is selected\n   */\n  itemSelect: EventEmitter<CustomEvent<IKritzelMasterDetailIKritzelMasterDetailSelectEvent>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelMoreMenu,\n  inputs: ['icon', 'iconSize', 'items', 'offsetY']\n})\n@Component({\n  selector: 'kritzel-more-menu',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['icon', 'iconSize', 'items', 'offsetY'],\n  outputs: ['itemSelect'],\n})\nexport class KritzelMoreMenu {\n  protected el: HTMLKritzelMoreMenuElement;\n  @Output() itemSelect = new EventEmitter<CustomEvent<{ item: IKritzelMoreMenuIKritzelMenuItem; parent: IKritzelMoreMenuIKritzelMenuItem }>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nimport type { IKritzelMenuItem as IKritzelMoreMenuIKritzelMenuItem } from 'kritzel-stencil/dist/components';\n\nexport declare interface KritzelMoreMenu extends Components.KritzelMoreMenu {\n  /**\n   * Emitted when a menu item is selected\n   */\n  itemSelect: EventEmitter<CustomEvent<{ item: IKritzelMoreMenuIKritzelMenuItem; parent: IKritzelMoreMenuIKritzelMenuItem }>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelNumericInput,\n  inputs: ['label', 'max', 'min', 'step', 'value']\n})\n@Component({\n  selector: 'kritzel-numeric-input',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['label', 'max', 'min', 'step', 'value'],\n  outputs: ['valueChange'],\n})\nexport class KritzelNumericInput {\n  protected el: HTMLKritzelNumericInputElement;\n  @Output() valueChange = new EventEmitter<CustomEvent<number>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nexport declare interface KritzelNumericInput extends Components.KritzelNumericInput {\n  /**\n   * Emitted when the value changes (after normalization)\n   */\n  valueChange: EventEmitter<CustomEvent<number>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelOpacitySlider,\n  inputs: ['max', 'min', 'previewColor', 'step', 'value']\n})\n@Component({\n  selector: 'kritzel-opacity-slider',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['max', 'min', 'previewColor', 'step', 'value'],\n  outputs: ['valueChange'],\n})\nexport class KritzelOpacitySlider {\n  protected el: HTMLKritzelOpacitySliderElement;\n  @Output() valueChange = new EventEmitter<CustomEvent<number>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nexport declare interface KritzelOpacitySlider extends Components.KritzelOpacitySlider {\n\n  valueChange: EventEmitter<CustomEvent<number>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelSettings\n})\n@Component({\n  selector: 'kritzel-settings',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: [],\n  outputs: ['settingsChange'],\n})\nexport class KritzelSettings {\n  protected el: HTMLKritzelSettingsElement;\n  @Output() settingsChange = new EventEmitter<CustomEvent<IKritzelSettingsKritzelSettingsConfig>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nimport type { KritzelSettingsConfig as IKritzelSettingsKritzelSettingsConfig } from 'kritzel-stencil/dist/components';\n\nexport declare interface KritzelSettings extends Components.KritzelSettings {\n  /**\n   * Emitted when settings change\n   */\n  settingsChange: EventEmitter<CustomEvent<IKritzelSettingsKritzelSettingsConfig>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelShapeFill,\n  inputs: ['value']\n})\n@Component({\n  selector: 'kritzel-shape-fill',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['value'],\n  outputs: ['valueChange'],\n})\nexport class KritzelShapeFill {\n  protected el: HTMLKritzelShapeFillElement;\n  @Output() valueChange = new EventEmitter<CustomEvent<IKritzelShapeFillShapeFillType>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nimport type { ShapeFillType as IKritzelShapeFillShapeFillType } from 'kritzel-stencil/dist/components';\n\nexport declare interface KritzelShapeFill extends Components.KritzelShapeFill {\n\n  valueChange: EventEmitter<CustomEvent<IKritzelShapeFillShapeFillType>>;\n}\n\n\n@ProxyCmp({\n  defineCustomElementFn: defineKritzelSlideToggle,\n  inputs: ['checked', 'disabled', 'label']\n})\n@Component({\n  selector: 'kritzel-slide-toggle',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['checked', 'disabled', 'label'],\n  outputs: ['checkedChange'],\n})\nexport class KritzelSlideToggle {\n  protected el: HTMLKritzelSlideToggleElement;\n  @Output() checkedChange = new EventEmitter<CustomEvent<boolean>>();\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n\n\nexport declare interface KritzelSlideToggle extends Components.KritzelSlideToggle {\n  /**\n   * Emitted when the toggle state changes\n   */\n  checkedChange: EventEmitter<CustomEvent<boolean>>;\n}\n\n\n","\nimport * as d from './proxy';\n\nexport const DIRECTIVES = [\n  d.KritzelBackToContent,\n  d.KritzelDialog,\n  d.KritzelEditor,\n  d.KritzelLineEndings,\n  d.KritzelMasterDetail,\n  d.KritzelMoreMenu,\n  d.KritzelNumericInput,\n  d.KritzelOpacitySlider,\n  d.KritzelSettings,\n  d.KritzelShapeFill,\n  d.KritzelSlideToggle\n];\n","import {\r\n  provideAppInitializer,\r\n  EnvironmentProviders,\r\n  makeEnvironmentProviders,\r\n} from '@angular/core';\r\nimport { defineCustomElements } from 'kritzel-stencil/loader';\r\n\r\nexport function provideKritzel(): EnvironmentProviders {\r\n  return makeEnvironmentProviders([\r\n    provideAppInitializer(() => {\r\n      console.info('Initializing Kritzel custom elements');\r\n      return defineCustomElements(window);\r\n    }),\r\n  ]);\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["defineKritzelBackToContent","defineKritzelDialog","defineKritzelEditor","defineKritzelLineEndings","defineKritzelMasterDetail","defineKritzelMoreMenu","defineKritzelNumericInput","defineKritzelOpacitySlider","defineKritzelSettings","defineKritzelShapeFill","defineKritzelSlideToggle","d.KritzelBackToContent","d.KritzelDialog","d.KritzelEditor","d.KritzelLineEndings","d.KritzelMasterDetail","d.KritzelMoreMenu","d.KritzelNumericInput","d.KritzelOpacitySlider","d.KritzelSettings","d.KritzelShapeFill","d.KritzelSlideToggle"],"mappings":"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"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "kritzel-angular",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "peerDependencies": {
     "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",
     "@angular/core": "^19.0.0 || ^20.0.0 || ^21.0.0",
-    "kritzel-stencil": "^0.1.7"
+    "kritzel-stencil": "^0.1.8"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/types/kritzel-angular.d.ts

@@ -1,8 +1,41 @@
 import * as i0 from '@angular/core';
 import { NgZone, EventEmitter, ChangeDetectorRef, ElementRef, EnvironmentProviders } from '@angular/core';
-import { KritzelBaseObject, KritzelUndoState, Components, LineArrowConfig, ShapeFillType } from 'kritzel-stencil/dist/components';
+import { Components, IKritzelDialogCloseEvent, KritzelBaseObject, KritzelUndoState, LineArrowConfig, IKritzelMasterDetailSelectEvent, IKritzelMenuItem, KritzelSettingsConfig, ShapeFillType } from 'kritzel-stencil/dist/components';
 export { DEFAULT_BRUSH_CONFIG, DEFAULT_TEXT_CONFIG, KritzelBrushTool, KritzelEraserTool, KritzelImage, KritzelImageTool, KritzelPath, KritzelSelectionTool, KritzelText, KritzelTextTool, KritzelToolbarControl } from 'kritzel-stencil';
 
+declare class KritzelBackToContent {
+    protected z: NgZone;
+    protected el: HTMLKritzelBackToContentElement;
+    backToContent: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KritzelBackToContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KritzelBackToContent, "kritzel-back-to-content", never, { "text": { "alias": "text"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "backToContent": "backToContent"; }, never, ["*"], true, never>;
+}
+declare interface KritzelBackToContent extends Components.KritzelBackToContent {
+    /**
+     * Emitted when the button is clicked
+     */
+    backToContent: EventEmitter<CustomEvent<void>>;
+}
+declare class KritzelDialog {
+    protected z: NgZone;
+    protected el: HTMLKritzelDialogElement;
+    dialogOpen: EventEmitter<CustomEvent<void>>;
+    dialogClose: EventEmitter<CustomEvent<IKritzelDialogCloseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KritzelDialog, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KritzelDialog, "kritzel-dialog", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; }; "fullscreenOnMobile": { "alias": "fullscreenOnMobile"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "size": { "alias": "size"; "required": false; }; "trapFocus": { "alias": "trapFocus"; "required": false; }; }, { "dialogOpen": "dialogOpen"; "dialogClose": "dialogClose"; }, never, ["*"], true, never>;
+}
+declare interface KritzelDialog extends Components.KritzelDialog {
+    /**
+     * Emitted when the dialog opens
+     */
+    dialogOpen: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the dialog closes
+     */
+    dialogClose: EventEmitter<CustomEvent<IKritzelDialogCloseEvent>>;
+}
 declare class KritzelEditor {
     protected z: NgZone;
     protected el: HTMLKritzelEditorElement;
@@ -11,7 +44,7 @@ declare class KritzelEditor {
     undoStateChange: EventEmitter<CustomEvent<KritzelUndoState>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<KritzelEditor, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KritzelEditor, "kritzel-editor", never, { "controls": { "alias": "controls"; "required": false; }; "customSvgIcons": { "alias": "customSvgIcons"; "required": false; }; "globalContextMenuItems": { "alias": "globalContextMenuItems"; "required": false; }; "isControlsVisible": { "alias": "isControlsVisible"; "required": false; }; "isUtilityPanelVisible": { "alias": "isUtilityPanelVisible"; "required": false; }; "objectContextMenuItems": { "alias": "objectContextMenuItems"; "required": false; }; "scaleMax": { "alias": "scaleMax"; "required": false; }; "scaleMin": { "alias": "scaleMin"; "required": false; }; "syncConfig": { "alias": "syncConfig"; "required": false; }; }, { "isReady": "isReady"; "objectsChange": "objectsChange"; "undoStateChange": "undoStateChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KritzelEditor, "kritzel-editor", never, { "controls": { "alias": "controls"; "required": false; }; "customSvgIcons": { "alias": "customSvgIcons"; "required": false; }; "globalContextMenuItems": { "alias": "globalContextMenuItems"; "required": false; }; "isControlsVisible": { "alias": "isControlsVisible"; "required": false; }; "isUtilityPanelVisible": { "alias": "isUtilityPanelVisible"; "required": false; }; "lockDrawingScale": { "alias": "lockDrawingScale"; "required": false; }; "objectContextMenuItems": { "alias": "objectContextMenuItems"; "required": false; }; "scaleMax": { "alias": "scaleMax"; "required": false; }; "scaleMin": { "alias": "scaleMin"; "required": false; }; "syncConfig": { "alias": "syncConfig"; "required": false; }; }, { "isReady": "isReady"; "objectsChange": "objectsChange"; "undoStateChange": "undoStateChange"; }, never, ["*"], true, never>;
 }
 declare interface KritzelEditor extends Components.KritzelEditor {
     isReady: EventEmitter<CustomEvent<HTMLElement>>;
@@ -29,6 +62,54 @@ declare class KritzelLineEndings {
 declare interface KritzelLineEndings extends Components.KritzelLineEndings {
     valueChange: EventEmitter<CustomEvent<LineArrowConfig>>;
 }
+declare class KritzelMasterDetail {
+    protected z: NgZone;
+    protected el: HTMLKritzelMasterDetailElement;
+    itemSelect: EventEmitter<CustomEvent<IKritzelMasterDetailSelectEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KritzelMasterDetail, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KritzelMasterDetail, "kritzel-master-detail", never, { "items": { "alias": "items"; "required": false; }; "selectedItemId": { "alias": "selectedItemId"; "required": false; }; }, { "itemSelect": "itemSelect"; }, never, ["*"], true, never>;
+}
+declare interface KritzelMasterDetail extends Components.KritzelMasterDetail {
+    /**
+     * Emitted when an item is selected
+     */
+    itemSelect: EventEmitter<CustomEvent<IKritzelMasterDetailSelectEvent>>;
+}
+declare class KritzelMoreMenu {
+    protected z: NgZone;
+    protected el: HTMLKritzelMoreMenuElement;
+    itemSelect: EventEmitter<CustomEvent<{
+        item: IKritzelMenuItem;
+        parent: IKritzelMenuItem;
+    }>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KritzelMoreMenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KritzelMoreMenu, "kritzel-more-menu", never, { "icon": { "alias": "icon"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "items": { "alias": "items"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; }, { "itemSelect": "itemSelect"; }, never, ["*"], true, never>;
+}
+declare interface KritzelMoreMenu extends Components.KritzelMoreMenu {
+    /**
+     * Emitted when a menu item is selected
+     */
+    itemSelect: EventEmitter<CustomEvent<{
+        item: IKritzelMenuItem;
+        parent: IKritzelMenuItem;
+    }>>;
+}
+declare class KritzelNumericInput {
+    protected z: NgZone;
+    protected el: HTMLKritzelNumericInputElement;
+    valueChange: EventEmitter<CustomEvent<number>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KritzelNumericInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KritzelNumericInput, "kritzel-numeric-input", never, { "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, never>;
+}
+declare interface KritzelNumericInput extends Components.KritzelNumericInput {
+    /**
+     * Emitted when the value changes (after normalization)
+     */
+    valueChange: EventEmitter<CustomEvent<number>>;
+}
 declare class KritzelOpacitySlider {
     protected z: NgZone;
     protected el: HTMLKritzelOpacitySliderElement;
@@ -40,6 +121,20 @@ declare class KritzelOpacitySlider {
 declare interface KritzelOpacitySlider extends Components.KritzelOpacitySlider {
     valueChange: EventEmitter<CustomEvent<number>>;
 }
+declare class KritzelSettings {
+    protected z: NgZone;
+    protected el: HTMLKritzelSettingsElement;
+    settingsChange: EventEmitter<CustomEvent<KritzelSettingsConfig>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KritzelSettings, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KritzelSettings, "kritzel-settings", never, {}, { "settingsChange": "settingsChange"; }, never, ["*"], true, never>;
+}
+declare interface KritzelSettings extends Components.KritzelSettings {
+    /**
+     * Emitted when settings change
+     */
+    settingsChange: EventEmitter<CustomEvent<KritzelSettingsConfig>>;
+}
 declare class KritzelShapeFill {
     protected z: NgZone;
     protected el: HTMLKritzelShapeFillElement;
@@ -51,9 +146,23 @@ declare class KritzelShapeFill {
 declare interface KritzelShapeFill extends Components.KritzelShapeFill {
     valueChange: EventEmitter<CustomEvent<ShapeFillType>>;
 }
+declare class KritzelSlideToggle {
+    protected z: NgZone;
+    protected el: HTMLKritzelSlideToggleElement;
+    checkedChange: EventEmitter<CustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KritzelSlideToggle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KritzelSlideToggle, "kritzel-slide-toggle", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
+}
+declare interface KritzelSlideToggle extends Components.KritzelSlideToggle {
+    /**
+     * Emitted when the toggle state changes
+     */
+    checkedChange: EventEmitter<CustomEvent<boolean>>;
+}
 
-declare const DIRECTIVES: (typeof KritzelEditor | typeof KritzelLineEndings | typeof KritzelOpacitySlider | typeof KritzelShapeFill)[];
+declare const DIRECTIVES: (typeof KritzelBackToContent | typeof KritzelDialog | typeof KritzelEditor | typeof KritzelLineEndings | typeof KritzelMasterDetail | typeof KritzelMoreMenu | typeof KritzelNumericInput | typeof KritzelOpacitySlider | typeof KritzelSettings | typeof KritzelShapeFill | typeof KritzelSlideToggle)[];
 
 declare function provideKritzel(): EnvironmentProviders;
 
-export { DIRECTIVES, KritzelEditor, KritzelLineEndings, KritzelOpacitySlider, KritzelShapeFill, provideKritzel };
+export { DIRECTIVES, KritzelBackToContent, KritzelDialog, KritzelEditor, KritzelLineEndings, KritzelMasterDetail, KritzelMoreMenu, KritzelNumericInput, KritzelOpacitySlider, KritzelSettings, KritzelShapeFill, KritzelSlideToggle, provideKritzel };