@ng-atomic/common 19.24.1 → 19.26.0

package/fesm2022/ng-atomic-common-services-spreadsheet.mjs

@@ -11,13 +11,13 @@ import { EditingStateManager } from '@ng-atomic/common/services/editing';
 
 class SpreadSheetDataService {
     constructor() {
-        this.displayedColumns = signal([]);
-        this.items = signal([]);
+        this.displayedColumns = signal([], ...(ngDevMode ? [{ debugName: "displayedColumns" }] : []));
+        this.items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SpreadSheetDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SpreadSheetDataService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SpreadSheetDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SpreadSheetDataService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SpreadSheetDataService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SpreadSheetDataService, decorators: [{
             type: Injectable
         }] });
 
@@ -25,8 +25,8 @@ class GridService {
     constructor() {
         this.contextMap = new Map();
         this.data = inject(SpreadSheetDataService);
-        this.maxCol = computed(() => this.data.displayedColumns().length - 1);
-        this.maxRow = computed(() => this.data.items().length);
+        this.maxCol = computed(() => this.data.displayedColumns().length - 1, ...(ngDevMode ? [{ debugName: "maxCol" }] : []));
+        this.maxRow = computed(() => this.data.items().length, ...(ngDevMode ? [{ debugName: "maxRow" }] : []));
     }
     setContext(context) {
         this.contextMap.set(this.buildKey(context.position), context);
@@ -37,10 +37,10 @@ class GridService {
     buildKey(position) {
         return `(${position.row}, ${position.col})`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: GridService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: GridService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: GridService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: GridService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: GridService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: GridService, decorators: [{
             type: Injectable
         }] });
 
@@ -103,19 +103,19 @@ class NavigationService {
         }
         return { row, col };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NavigationService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NavigationService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }] });
 
 class SelectionService {
     constructor() {
         this.data = inject(SpreadSheetDataService);
-        this.selection = signal({ start: { row: 1, col: 0 }, end: null });
-        this.selectionStart = computed(() => this.selection().start, { equal: isEqual });
-        this.isMouseDown = signal(false);
+        this.selection = signal({ start: { row: 1, col: 0 }, end: null }, ...(ngDevMode ? [{ debugName: "selection" }] : []));
+        this.selectionStart = computed(() => this.selection().start, { ...(ngDevMode ? { debugName: "selectionStart" } : {}), equal: isEqual });
+        this.isMouseDown = signal(false, ...(ngDevMode ? [{ debugName: "isMouseDown" }] : []));
         this.grid = inject(GridService);
         this.cellElMap = new Map();
         effect(() => {
@@ -206,10 +206,10 @@ class SelectionService {
     buildKey(position) {
         return `(${position.row}, ${position.col})`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SelectionService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SelectionService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SelectionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SelectionService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -260,10 +260,10 @@ class ClipboardService {
     }
     async paste(targetRow, targetCol) {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ClipboardService, deps: [{ token: SelectionService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ClipboardService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ClipboardService, deps: [{ token: SelectionService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ClipboardService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ClipboardService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ClipboardService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: SelectionService }] });
 
@@ -283,10 +283,10 @@ class ProtectionService {
             return true;
         return this.protectors.every((protector) => protector(value, context));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ProtectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ProtectionService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ProtectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ProtectionService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ProtectionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ProtectionService, decorators: [{
             type: Injectable
         }] });
 
@@ -297,7 +297,7 @@ class EditorService {
         this.selection = inject(SelectionService);
         this.protection = inject(ProtectionService);
         this.editingStateManager = inject(EditingStateManager);
-        this.editinngCell = signal(null);
+        this.editinngCell = signal(null, ...(ngDevMode ? [{ debugName: "editinngCell" }] : []));
         this.inputMap = new Map();
     }
     isEditing(position) {
@@ -353,18 +353,18 @@ class EditorService {
     buildKey(position) {
         return `(${position.row}, ${position.col})`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EditorService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EditorService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EditorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EditorService, decorators: [{
             type: Injectable
         }] });
 
 class AutoFillService {
     constructor() {
-        this.autofillMode = signal(false);
-        this.sourcePosition = signal(null);
-        this.targetRange = signal(null);
+        this.autofillMode = signal(false, ...(ngDevMode ? [{ debugName: "autofillMode" }] : []));
+        this.sourcePosition = signal(null, ...(ngDevMode ? [{ debugName: "sourcePosition" }] : []));
+        this.targetRange = signal(null, ...(ngDevMode ? [{ debugName: "targetRange" }] : []));
         this.previewElements = new Set();
         this.isAutofillMode = this.autofillMode.asReadonly();
         this.getSourcePosition = this.sourcePosition.asReadonly();
@@ -416,10 +416,10 @@ class AutoFillService {
         this.sourcePosition.set(null);
         this.targetRange.set(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AutoFillService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AutoFillService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AutoFillService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AutoFillService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AutoFillService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AutoFillService, decorators: [{
             type: Injectable
         }] });
 
@@ -584,10 +584,10 @@ class SpreadSheetService {
             this.editor.startEditing(position);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SpreadSheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SpreadSheetService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SpreadSheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SpreadSheetService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SpreadSheetService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SpreadSheetService, decorators: [{
             type: Injectable
         }] });
 function provideSpreadSheetService() {
@@ -608,12 +608,12 @@ class SpreadSheetCell {
     constructor() {
         this.ss = inject(SpreadSheetService);
         this.el = inject(ElementRef);
-        this.position = input({ row: 0, col: 0 }, { alias: 'ssCell' });
-        this.editable = input(false, { alias: 'ssCellEditable' });
-        this.context = input(null, { alias: 'ssCellContext' });
-        this.isSelected = computed(() => this.ss.selection.isSelected(this.position()));
-        this.isEditing = computed(() => this.ss.editor.isEditing(this.position()));
-        this.frameEl = signal(null);
+        this.position = input({ row: 0, col: 0 }, { ...(ngDevMode ? { debugName: "position" } : {}), alias: 'ssCell' });
+        this.editable = input(false, { ...(ngDevMode ? { debugName: "editable" } : {}), alias: 'ssCellEditable' });
+        this.context = input(null, { ...(ngDevMode ? { debugName: "context" } : {}), alias: 'ssCellContext' });
+        this.isSelected = computed(() => this.ss.selection.isSelected(this.position()), ...(ngDevMode ? [{ debugName: "isSelected" }] : []));
+        this.isEditing = computed(() => this.ss.editor.isEditing(this.position()), ...(ngDevMode ? [{ debugName: "isEditing" }] : []));
+        this.frameEl = signal(null, ...(ngDevMode ? [{ debugName: "frameEl" }] : []));
         effect(() => {
             if (!this.context())
                 return;
@@ -675,10 +675,10 @@ class SpreadSheetCell {
         el.style.whiteSpace = 'nowrap';
         this.el.nativeElement.appendChild(el);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SpreadSheetCell, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: SpreadSheetCell, isStandalone: true, selector: "[ssCell]", inputs: { position: { classPropertyName: "position", publicName: "ssCell", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "ssCellEditable", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "ssCellContext", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mousedown": "ss.selection.handleMouseDown(position(), $event)", "mouseup": "ss.selection.handleMouseUp()", "mouseenter": "ss.selection.handleMouseEnter(position())", "click": "ss.selection.handleClick(position(), $event)", "dblclick": "onDbClick()" }, properties: { "class.selected": "ss.selection.isSelected(position())", "class.editing": "ss.editor.isEditing(position())", "attr.data-row": "position().row", "attr.data-col": "position().col" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SpreadSheetCell, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: SpreadSheetCell, isStandalone: true, selector: "[ssCell]", inputs: { position: { classPropertyName: "position", publicName: "ssCell", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "ssCellEditable", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "ssCellContext", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mousedown": "ss.selection.handleMouseDown(position(), $event)", "mouseup": "ss.selection.handleMouseUp()", "mouseenter": "ss.selection.handleMouseEnter(position())", "click": "ss.selection.handleClick(position(), $event)", "dblclick": "onDbClick()" }, properties: { "class.selected": "ss.selection.isSelected(position())", "class.editing": "ss.editor.isEditing(position())", "attr.data-row": "position().row", "attr.data-col": "position().col" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SpreadSheetCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SpreadSheetCell, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -695,14 +695,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                         '[attr.data-col]': 'position().col',
                     }
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "ssCell", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "ssCellEditable", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "ssCellContext", required: false }] }] } });
 class SpreadSheetCellInput {
     constructor() {
         this.ss = inject(SpreadSheetService);
-        this.position = input({ row: 0, col: 0 }, { alias: 'ssCellInput' });
+        this.position = input({ row: 0, col: 0 }, { ...(ngDevMode ? { debugName: "position" } : {}), alias: 'ssCellInput' });
         this.el = inject(ElementRef);
-        this.isSelected = computed(() => this.ss.selection.isSelected(this.position()));
-        this.isEditing = computed(() => this.ss.editor.isEditing(this.position()));
+        this.isSelected = computed(() => this.ss.selection.isSelected(this.position()), ...(ngDevMode ? [{ debugName: "isSelected" }] : []));
+        this.isEditing = computed(() => this.ss.editor.isEditing(this.position()), ...(ngDevMode ? [{ debugName: "isEditing" }] : []));
     }
     ngAfterViewInit() {
         this.ss.editor.setInput(this.el.nativeElement, this.position());
@@ -713,10 +713,10 @@ class SpreadSheetCellInput {
     stopEditing() {
         this.ss.editor.stopEditing();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SpreadSheetCellInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: SpreadSheetCellInput, isStandalone: true, selector: "[ssCellInput]", inputs: { position: { classPropertyName: "position", publicName: "ssCellInput", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "stopEditing()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SpreadSheetCellInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: SpreadSheetCellInput, isStandalone: true, selector: "[ssCellInput]", inputs: { position: { classPropertyName: "position", publicName: "ssCellInput", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "stopEditing()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SpreadSheetCellInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SpreadSheetCellInput, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -725,7 +725,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                         '(blur)': 'stopEditing()',
                     }
                 }]
-        }] });
+        }], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "ssCellInput", required: false }] }] } });
 
 class AutofillHandleComponent {
     constructor() {
@@ -757,13 +757,13 @@ class AutofillHandleComponent {
     hide() {
         this.renderer.removeClass(this.elementRef.nativeElement, 'visible');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AutofillHandleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: AutofillHandleComponent, isStandalone: true, selector: "autofill-handle", outputs: { handleMouseDown: "handleMouseDown" }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, ngImport: i0, template: '', isInline: true, styles: [":host{position:absolute;width:8px;height:8px;background-color:#2196f3;border:2px solid #ffffff;border-radius:50%;cursor:crosshair;z-index:10000;box-shadow:0 1px 3px #0000004d;transition:background-color .2s,opacity .2s;opacity:0;pointer-events:none}:host:hover{background-color:#1976d2}:host.visible{opacity:1;pointer-events:auto}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AutofillHandleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: AutofillHandleComponent, isStandalone: true, selector: "autofill-handle", outputs: { handleMouseDown: "handleMouseDown" }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, ngImport: i0, template: '', isInline: true, styles: [":host{position:absolute;width:8px;height:8px;background-color:#2196f3;border:2px solid #ffffff;border-radius:50%;cursor:crosshair;z-index:10000;box-shadow:0 1px 3px #0000004d;transition:background-color .2s,opacity .2s;opacity:0;pointer-events:none}:host:hover{background-color:#1976d2}:host.visible{opacity:1;pointer-events:auto}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AutofillHandleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AutofillHandleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'autofill-handle', standalone: true, template: '', styles: [":host{position:absolute;width:8px;height:8px;background-color:#2196f3;border:2px solid #ffffff;border-radius:50%;cursor:crosshair;z-index:10000;box-shadow:0 1px 3px #0000004d;transition:background-color .2s,opacity .2s;opacity:0;pointer-events:none}:host:hover{background-color:#1976d2}:host.visible{opacity:1;pointer-events:auto}\n"] }]
-        }], propDecorators: { onMouseDown: [{
+        }], propDecorators: { handleMouseDown: [{ type: i0.Output, args: ["handleMouseDown"] }], onMouseDown: [{
                 type: HostListener,
                 args: ['mousedown', ['$event']]
             }] } });
@@ -941,28 +941,28 @@ class GridDataTableAutofill {
             this.handleComponent.destroy();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: GridDataTableAutofill, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: GridDataTableAutofill, isStandalone: true, selector: "[gridDataTableAutofill]", outputs: { autofillComplete: "autofillComplete" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: GridDataTableAutofill, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: GridDataTableAutofill, isStandalone: true, selector: "[gridDataTableAutofill]", outputs: { autofillComplete: "autofillComplete" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: GridDataTableAutofill, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: GridDataTableAutofill, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
                     selector: '[gridDataTableAutofill]'
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { autofillComplete: [{ type: i0.Output, args: ["autofillComplete"] }] } });
 
 class SpreadSheetCellAutofill {
     constructor() {
         this.ss = inject(SpreadSheetService);
         this.el = inject(ElementRef);
         this.table = inject(GridDataTableAutofill);
-        this.position = input({ row: 0, col: 0 }, { alias: 'gridDataCellAutofill' });
-        this.enabled = input(true, { alias: 'gridDataCellAutofillEnabled' });
+        this.position = input({ row: 0, col: 0 }, { ...(ngDevMode ? { debugName: "position" } : {}), alias: 'gridDataCellAutofill' });
+        this.enabled = input(true, { ...(ngDevMode ? { debugName: "enabled" } : {}), alias: 'gridDataCellAutofillEnabled' });
         this.shouldShow = computed(() => this.enabled() &&
             this.ss.selection.isCursorPosition(this.position()) &&
             !this.ss.editor.isEditing(this.position()) &&
-            !this.ss.autofill.isAutofillMode());
+            !this.ss.autofill.isAutofillMode(), ...(ngDevMode ? [{ debugName: "shouldShow" }] : []));
         // requestAnimationFrameを使用して、DOMの更新後に実行
         effect(() => {
             if (this.shouldShow()) {
@@ -976,13 +976,13 @@ class SpreadSheetCellAutofill {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SpreadSheetCellAutofill, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: SpreadSheetCellAutofill, isStandalone: true, selector: "[gridDataCellAutofill]", inputs: { position: { classPropertyName: "position", publicName: "gridDataCellAutofill", isSignal: true, isRequired: false, transformFunction: null }, enabled: { classPropertyName: "enabled", publicName: "gridDataCellAutofillEnabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SpreadSheetCellAutofill, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: SpreadSheetCellAutofill, isStandalone: true, selector: "[gridDataCellAutofill]", inputs: { position: { classPropertyName: "position", publicName: "gridDataCellAutofill", isSignal: true, isRequired: false, transformFunction: null }, enabled: { classPropertyName: "enabled", publicName: "gridDataCellAutofillEnabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SpreadSheetCellAutofill, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SpreadSheetCellAutofill, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: '[gridDataCellAutofill]' }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridDataCellAutofill", required: false }] }], enabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridDataCellAutofillEnabled", required: false }] }] } });
 
 // Components are imported directly by directives to avoid circular dependencies