@ai-table/grid 0.0.11 → 0.0.13

package/esm2022/renderer/components/heads.component.mjs

@@ -0,0 +1,38 @@
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { createColumnHeads } from '../creations/create-heads';
+import { AITableFieldHead } from './field-head.component';
+import * as i0 from "@angular/core";
+export class AITableColumnHeads {
+    constructor() {
+        this.config = input.required();
+        this.headConfigs = computed(() => {
+            const { coordinate, columnStartIndex } = this.config();
+            const { frozenColumnCount } = coordinate;
+            return createColumnHeads({
+                ...this.config(),
+                columnStartIndex: Math.max(columnStartIndex, frozenColumnCount)
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AITableColumnHeads, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AITableColumnHeads, isStandalone: true, selector: "ai-table-column-heads", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+        @for (config of headConfigs(); track $index) {
+            <ai-table-field-head [config]="config"></ai-table-field-head>
+        }
+    `, isInline: true, dependencies: [{ kind: "component", type: AITableFieldHead, selector: "ai-table-field-head", inputs: ["config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AITableColumnHeads, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ai-table-column-heads',
+                    template: `
+        @for (config of headConfigs(); track $index) {
+            <ai-table-field-head [config]="config"></ai-table-field-head>
+        }
+    `,
+                    standalone: true,
+                    imports: [AITableFieldHead],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZ3JpZC9zcmMvcmVuZGVyZXIvY29tcG9uZW50cy9oZWFkcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXBGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQWExRCxNQUFNLE9BQU8sa0JBQWtCO0lBWC9CO1FBWUksV0FBTSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQTRCLENBQUM7UUFFcEQsZ0JBQVcsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3hCLE1BQU0sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDdkQsTUFBTSxFQUFFLGlCQUFpQixFQUFFLEdBQUcsVUFBVSxDQUFDO1lBQ3pDLE9BQU8saUJBQWlCLENBQUM7Z0JBQ3JCLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRTtnQkFDaEIsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsRUFBRSxpQkFBaUIsQ0FBQzthQUNsRSxDQUFDLENBQUM7UUFDUCxDQUFDLENBQUMsQ0FBQztLQUNOOzhHQVhZLGtCQUFrQjtrR0FBbEIsa0JBQWtCLHVOQVRqQjs7OztLQUlULDREQUVTLGdCQUFnQjs7MkZBR2pCLGtCQUFrQjtrQkFYOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7S0FJVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQzNCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNsRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQUlUYWJsZUNyZWF0ZUhlYWRzQ29uZmlnIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3JlYXRlQ29sdW1uSGVhZHMgfSBmcm9tICcuLi9jcmVhdGlvbnMvY3JlYXRlLWhlYWRzJztcbmltcG9ydCB7IEFJVGFibGVGaWVsZEhlYWQgfSBmcm9tICcuL2ZpZWxkLWhlYWQuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhaS10YWJsZS1jb2x1bW4taGVhZHMnLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIEBmb3IgKGNvbmZpZyBvZiBoZWFkQ29uZmlncygpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgIDxhaS10YWJsZS1maWVsZC1oZWFkIFtjb25maWddPVwiY29uZmlnXCI+PC9haS10YWJsZS1maWVsZC1oZWFkPlxuICAgICAgICB9XG4gICAgYCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtBSVRhYmxlRmllbGRIZWFkXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBBSVRhYmxlQ29sdW1uSGVhZHMge1xuICAgIGNvbmZpZyA9IGlucHV0LnJlcXVpcmVkPEFJVGFibGVDcmVhdGVIZWFkc0NvbmZpZz4oKTtcblxuICAgIGhlYWRDb25maWdzID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgICAgICBjb25zdCB7IGNvb3JkaW5hdGUsIGNvbHVtblN0YXJ0SW5kZXggfSA9IHRoaXMuY29uZmlnKCk7XG4gICAgICAgIGNvbnN0IHsgZnJvemVuQ29sdW1uQ291bnQgfSA9IGNvb3JkaW5hdGU7XG4gICAgICAgIHJldHVybiBjcmVhdGVDb2x1bW5IZWFkcyh7XG4gICAgICAgICAgICAuLi50aGlzLmNvbmZpZygpLFxuICAgICAgICAgICAgY29sdW1uU3RhcnRJbmRleDogTWF0aC5tYXgoY29sdW1uU3RhcnRJbmRleCwgZnJvemVuQ29sdW1uQ291bnQpXG4gICAgICAgIH0pO1xuICAgIH0pO1xufVxuIl19

package/esm2022/renderer/components/hover-row-heads.component.mjs

@@ -0,0 +1,107 @@
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { KoContainer, KoShape } from '../../angular-konva';
+import { AI_TABLE_CELL_PADDING, AI_TABLE_FIELD_HEAD, AI_TABLE_FIELD_HEAD_HEIGHT, AI_TABLE_ROW_HEAD, AI_TABLE_ROW_HEAD_WIDTH, AI_TABLE_ROW_SELECT_CHECKBOX, Colors } from '../../constants';
+import { AITableAreaType, AITableCheckType, AITableRowType } from '../../types';
+import { generateTargetName } from '../../utils';
+import { AITableIcon } from './icon.component';
+import * as i0 from "@angular/core";
+export class AITableHoverRowHeads {
+    constructor() {
+        this.config = input.required();
+        this.pointPosition = computed(() => {
+            return this.config().aiTable.context.pointPosition();
+        });
+        this.headConfigs = computed(() => {
+            return this.createHoverRowHeads(this.pointPosition());
+        });
+        this.createHoverRowHeads = (pointPosition) => {
+            const { coordinate, rowStartIndex, rowStopIndex, aiTable } = this.config();
+            const context = aiTable.context;
+            const headConfigs = [];
+            for (let rowIndex = rowStartIndex; rowIndex <= rowStopIndex; rowIndex++) {
+                if (rowIndex > coordinate.rowCount - 1) {
+                    break;
+                }
+                const row = context.linearRows()[rowIndex];
+                if (row == null) {
+                    continue;
+                }
+                const { type, _id: recordId } = row;
+                if (type !== AITableRowType.record || recordId == null) {
+                    continue;
+                }
+                const isCheckedRow = aiTable.selection().selectedRecords.has(recordId);
+                const { areaType, rowIndex: pointRowIndex, targetName } = pointPosition;
+                if (!isCheckedRow && areaType === AITableAreaType.none) {
+                    continue;
+                }
+                let isHoverRow;
+                if (pointRowIndex > -1) {
+                    const { type: pointRowType, _id: pointRecordId } = context.linearRows()[pointRowIndex];
+                    isHoverRow = recordId === pointRecordId && pointRowType === AITableRowType.record && targetName !== AI_TABLE_FIELD_HEAD;
+                }
+                let operationGroup;
+                operationGroup = {
+                    recordId,
+                    y: coordinate.getRowOffset(rowIndex),
+                    bgConfig: {
+                        name: generateTargetName({ targetName: AI_TABLE_ROW_HEAD, recordId }),
+                        width: AI_TABLE_ROW_HEAD_WIDTH + 1,
+                        height: coordinate.rowHeight,
+                        fill: Colors.transparent
+                    }
+                };
+                if (isCheckedRow || isHoverRow) {
+                    const iconOffsetY = (AI_TABLE_FIELD_HEAD_HEIGHT - 16) / 2;
+                    operationGroup.iconConfig = {
+                        name: generateTargetName({
+                            targetName: AI_TABLE_ROW_SELECT_CHECKBOX,
+                            recordId
+                        }),
+                        x: AI_TABLE_CELL_PADDING,
+                        y: iconOffsetY,
+                        type: isCheckedRow ? AITableCheckType.checked : AITableCheckType.unchecked,
+                        fill: isCheckedRow || (targetName === AI_TABLE_ROW_SELECT_CHECKBOX && !isCheckedRow) ? Colors.primary : Colors.gray300
+                    };
+                    headConfigs.push(operationGroup);
+                }
+            }
+            return headConfigs;
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AITableHoverRowHeads, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AITableHoverRowHeads, isStandalone: true, selector: "ai-table-hover-row-heads", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+        @for (config of headConfigs(); track config.recordId) {
+            <ko-group [config]="{ x: 0, y: config.y, name: 'hover-heads' }">
+                @if (config.bgConfig) {
+                    <ko-rect [config]="config.bgConfig"></ko-rect>
+                }
+                @if (config.iconConfig) {
+                    <ai-table-icon [config]="config.iconConfig"></ai-table-icon>
+                }
+            </ko-group>
+        }
+    `, isInline: true, dependencies: [{ kind: "component", type: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }, { kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }, { kind: "component", type: AITableIcon, selector: "ai-table-icon", inputs: ["config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AITableHoverRowHeads, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ai-table-hover-row-heads',
+                    template: `
+        @for (config of headConfigs(); track config.recordId) {
+            <ko-group [config]="{ x: 0, y: config.y, name: 'hover-heads' }">
+                @if (config.bgConfig) {
+                    <ko-rect [config]="config.bgConfig"></ko-rect>
+                }
+                @if (config.iconConfig) {
+                    <ai-table-icon [config]="config.iconConfig"></ai-table-icon>
+                }
+            </ko-group>
+        }
+    `,
+                    standalone: true,
+                    imports: [KoContainer, KoShape, AITableIcon],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG92ZXItcm93LWhlYWRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2dyaWQvc3JjL3JlbmRlcmVyL2NvbXBvbmVudHMvaG92ZXItcm93LWhlYWRzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMzRCxPQUFPLEVBQ0gscUJBQXFCLEVBQ3JCLG1CQUFtQixFQUNuQiwwQkFBMEIsRUFDMUIsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2Qiw0QkFBNEIsRUFDNUIsTUFBTSxFQUNULE1BQU0saUJBQWlCLENBQUM7QUFFekIsT0FBTyxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsRUFBK0MsY0FBYyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzdILE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUNqRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBb0IvQyxNQUFNLE9BQU8sb0JBQW9CO0lBbEJqQztRQW1CSSxXQUFNLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBeUIsQ0FBQztRQUVqRCxrQkFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDMUIsT0FBTyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsT0FBTyxDQUFDLE9BQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMxRCxDQUFDLENBQUMsQ0FBQztRQUVILGdCQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUN4QixPQUFPLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQztRQUMxRCxDQUFDLENBQUMsQ0FBQztRQUVILHdCQUFtQixHQUFHLENBQUMsYUFBbUMsRUFBRSxFQUFFO1lBQzFELE1BQU0sRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDM0UsTUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDLE9BQTBCLENBQUM7WUFDbkQsTUFBTSxXQUFXLEdBQVUsRUFBRSxDQUFDO1lBRTlCLEtBQUssSUFBSSxRQUFRLEdBQUcsYUFBYSxFQUFFLFFBQVEsSUFBSSxZQUFZLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQztnQkFDdEUsSUFBSSxRQUFRLEdBQUcsVUFBVSxDQUFDLFFBQVEsR0FBRyxDQUFDLEVBQUUsQ0FBQztvQkFDckMsTUFBTTtnQkFDVixDQUFDO2dCQUVELE1BQU0sR0FBRyxHQUFHLE9BQU8sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDM0MsSUFBSSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7b0JBQ2QsU0FBUztnQkFDYixDQUFDO2dCQUVELE1BQU0sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxHQUFHLEdBQUcsQ0FBQztnQkFDcEMsSUFBSSxJQUFJLEtBQUssY0FBYyxDQUFDLE1BQU0sSUFBSSxRQUFRLElBQUksSUFBSSxFQUFFLENBQUM7b0JBQ3JELFNBQVM7Z0JBQ2IsQ0FBQztnQkFFRCxNQUFNLFlBQVksR0FBRyxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDdkUsTUFBTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxHQUFHLGFBQWEsQ0FBQztnQkFFeEUsSUFBSSxDQUFDLFlBQVksSUFBSSxRQUFRLEtBQUssZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO29CQUNyRCxTQUFTO2dCQUNiLENBQUM7Z0JBRUQsSUFBSSxVQUFVLENBQUM7Z0JBQ2YsSUFBSSxhQUFhLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztvQkFDckIsTUFBTSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRSxHQUFHLE9BQU8sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxhQUFhLENBQUMsQ0FBQztvQkFDdkYsVUFBVSxHQUFHLFFBQVEsS0FBSyxhQUFhLElBQUksWUFBWSxLQUFLLGNBQWMsQ0FBQyxNQUFNLElBQUksVUFBVSxLQUFLLG1CQUFtQixDQUFDO2dCQUM1SCxDQUFDO2dCQUVELElBQUksY0FBZ0YsQ0FBQztnQkFFckYsY0FBYyxHQUFHO29CQUNiLFFBQVE7b0JBQ1IsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDO29CQUNwQyxRQUFRLEVBQUU7d0JBQ04sSUFBSSxFQUFFLGtCQUFrQixDQUFDLEVBQUUsVUFBVSxFQUFFLGlCQUFpQixFQUFFLFFBQVEsRUFBRSxDQUFDO3dCQUNyRSxLQUFLLEVBQUUsdUJBQXVCLEdBQUcsQ0FBQzt3QkFDbEMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxTQUFTO3dCQUM1QixJQUFJLEVBQUUsTUFBTSxDQUFDLFdBQVc7cUJBQzNCO2lCQUNKLENBQUM7Z0JBRUYsSUFBSSxZQUFZLElBQUksVUFBVSxFQUFFLENBQUM7b0JBQzdCLE1BQU0sV0FBVyxHQUFHLENBQUMsMEJBQTBCLEdBQUcsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDO29CQUMxRCxjQUFjLENBQUMsVUFBVSxHQUFHO3dCQUN4QixJQUFJLEVBQUUsa0JBQWtCLENBQUM7NEJBQ3JCLFVBQVUsRUFBRSw0QkFBNEI7NEJBQ3hDLFFBQVE7eUJBQ1gsQ0FBQzt3QkFDRixDQUFDLEVBQUUscUJBQXFCO3dCQUN4QixDQUFDLEVBQUUsV0FBVzt3QkFDZCxJQUFJLEVBQUUsWUFBWSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLFNBQVM7d0JBQzFFLElBQUksRUFBRSxZQUFZLElBQUksQ0FBQyxVQUFVLEtBQUssNEJBQTRCLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87cUJBQ3pILENBQUM7b0JBQ0YsV0FBVyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztnQkFDckMsQ0FBQztZQUNMLENBQUM7WUFFRCxPQUFPLFdBQVcsQ0FBQztRQUN2QixDQUFDLENBQUM7S0FDTDs4R0EzRVksb0JBQW9CO2tHQUFwQixvQkFBb0IsME5BaEJuQjs7Ozs7Ozs7Ozs7S0FXVCw0REFFUyxXQUFXLDZFQUFFLE9BQU8sK2hCQUFFLFdBQVc7OzJGQUdsQyxvQkFBb0I7a0JBbEJoQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7S0FXVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsV0FBVyxFQUFFLE9BQU8sRUFBRSxXQUFXLENBQUM7b0JBQzVDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNsRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS29Db250YWluZXIsIEtvU2hhcGUgfSBmcm9tICcuLi8uLi9hbmd1bGFyLWtvbnZhJztcbmltcG9ydCB7XG4gICAgQUlfVEFCTEVfQ0VMTF9QQURESU5HLFxuICAgIEFJX1RBQkxFX0ZJRUxEX0hFQUQsXG4gICAgQUlfVEFCTEVfRklFTERfSEVBRF9IRUlHSFQsXG4gICAgQUlfVEFCTEVfUk9XX0hFQUQsXG4gICAgQUlfVEFCTEVfUk9XX0hFQURfV0lEVEgsXG4gICAgQUlfVEFCTEVfUk9XX1NFTEVDVF9DSEVDS0JPWCxcbiAgICBDb2xvcnNcbn0gZnJvbSAnLi4vLi4vY29uc3RhbnRzJztcbmltcG9ydCB7IFJlbmRlcmVyQ29udGV4dCB9IGZyb20gJy4uLy4uL2NvcmUnO1xuaW1wb3J0IHsgQUlUYWJsZUFyZWFUeXBlLCBBSVRhYmxlQ2hlY2tUeXBlLCBBSVRhYmxlUG9pbnRQb3NpdGlvbiwgQUlUYWJsZVJvd0hlYWRzQ29uZmlnLCBBSVRhYmxlUm93VHlwZSB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IGdlbmVyYXRlVGFyZ2V0TmFtZSB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IEFJVGFibGVJY29uIH0gZnJvbSAnLi9pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYWktdGFibGUtaG92ZXItcm93LWhlYWRzJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICBAZm9yIChjb25maWcgb2YgaGVhZENvbmZpZ3MoKTsgdHJhY2sgY29uZmlnLnJlY29yZElkKSB7XG4gICAgICAgICAgICA8a28tZ3JvdXAgW2NvbmZpZ109XCJ7IHg6IDAsIHk6IGNvbmZpZy55LCBuYW1lOiAnaG92ZXItaGVhZHMnIH1cIj5cbiAgICAgICAgICAgICAgICBAaWYgKGNvbmZpZy5iZ0NvbmZpZykge1xuICAgICAgICAgICAgICAgICAgICA8a28tcmVjdCBbY29uZmlnXT1cImNvbmZpZy5iZ0NvbmZpZ1wiPjwva28tcmVjdD5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgQGlmIChjb25maWcuaWNvbkNvbmZpZykge1xuICAgICAgICAgICAgICAgICAgICA8YWktdGFibGUtaWNvbiBbY29uZmlnXT1cImNvbmZpZy5pY29uQ29uZmlnXCI+PC9haS10YWJsZS1pY29uPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwva28tZ3JvdXA+XG4gICAgICAgIH1cbiAgICBgLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0tvQ29udGFpbmVyLCBLb1NoYXBlLCBBSVRhYmxlSWNvbl0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQUlUYWJsZUhvdmVyUm93SGVhZHMge1xuICAgIGNvbmZpZyA9IGlucHV0LnJlcXVpcmVkPEFJVGFibGVSb3dIZWFkc0NvbmZpZz4oKTtcblxuICAgIHBvaW50UG9zaXRpb24gPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgICAgIHJldHVybiB0aGlzLmNvbmZpZygpLmFpVGFibGUuY29udGV4dCEucG9pbnRQb3NpdGlvbigpO1xuICAgIH0pO1xuXG4gICAgaGVhZENvbmZpZ3MgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgICAgIHJldHVybiB0aGlzLmNyZWF0ZUhvdmVyUm93SGVhZHModGhpcy5wb2ludFBvc2l0aW9uKCkpO1xuICAgIH0pO1xuXG4gICAgY3JlYXRlSG92ZXJSb3dIZWFkcyA9IChwb2ludFBvc2l0aW9uOiBBSVRhYmxlUG9pbnRQb3NpdGlvbikgPT4ge1xuICAgICAgICBjb25zdCB7IGNvb3JkaW5hdGUsIHJvd1N0YXJ0SW5kZXgsIHJvd1N0b3BJbmRleCwgYWlUYWJsZSB9ID0gdGhpcy5jb25maWcoKTtcbiAgICAgICAgY29uc3QgY29udGV4dCA9IGFpVGFibGUuY29udGV4dCBhcyBSZW5kZXJlckNvbnRleHQ7XG4gICAgICAgIGNvbnN0IGhlYWRDb25maWdzOiBhbnlbXSA9IFtdO1xuXG4gICAgICAgIGZvciAobGV0IHJvd0luZGV4ID0gcm93U3RhcnRJbmRleDsgcm93SW5kZXggPD0gcm93U3RvcEluZGV4OyByb3dJbmRleCsrKSB7XG4gICAgICAgICAgICBpZiAocm93SW5kZXggPiBjb29yZGluYXRlLnJvd0NvdW50IC0gMSkge1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCByb3cgPSBjb250ZXh0LmxpbmVhclJvd3MoKVtyb3dJbmRleF07XG4gICAgICAgICAgICBpZiAocm93ID09IG51bGwpIHtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgY29uc3QgeyB0eXBlLCBfaWQ6IHJlY29yZElkIH0gPSByb3c7XG4gICAgICAgICAgICBpZiAodHlwZSAhPT0gQUlUYWJsZVJvd1R5cGUucmVjb3JkIHx8IHJlY29yZElkID09IG51bGwpIHtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgY29uc3QgaXNDaGVja2VkUm93ID0gYWlUYWJsZS5zZWxlY3Rpb24oKS5zZWxlY3RlZFJlY29yZHMuaGFzKHJlY29yZElkKTtcbiAgICAgICAgICAgIGNvbnN0IHsgYXJlYVR5cGUsIHJvd0luZGV4OiBwb2ludFJvd0luZGV4LCB0YXJnZXROYW1lIH0gPSBwb2ludFBvc2l0aW9uO1xuXG4gICAgICAgICAgICBpZiAoIWlzQ2hlY2tlZFJvdyAmJiBhcmVhVHlwZSA9PT0gQUlUYWJsZUFyZWFUeXBlLm5vbmUpIHtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgbGV0IGlzSG92ZXJSb3c7XG4gICAgICAgICAgICBpZiAocG9pbnRSb3dJbmRleCA+IC0xKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyB0eXBlOiBwb2ludFJvd1R5cGUsIF9pZDogcG9pbnRSZWNvcmRJZCB9ID0gY29udGV4dC5saW5lYXJSb3dzKClbcG9pbnRSb3dJbmRleF07XG4gICAgICAgICAgICAgICAgaXNIb3ZlclJvdyA9IHJlY29yZElkID09PSBwb2ludFJlY29yZElkICYmIHBvaW50Um93VHlwZSA9PT0gQUlUYWJsZVJvd1R5cGUucmVjb3JkICYmIHRhcmdldE5hbWUgIT09IEFJX1RBQkxFX0ZJRUxEX0hFQUQ7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGxldCBvcGVyYXRpb25Hcm91cDogeyByZWNvcmRJZDogc3RyaW5nOyB5OiBudW1iZXI7IGJnQ29uZmlnOiBhbnk7IGljb25Db25maWc/OiBhbnkgfTtcblxuICAgICAgICAgICAgb3BlcmF0aW9uR3JvdXAgPSB7XG4gICAgICAgICAgICAgICAgcmVjb3JkSWQsXG4gICAgICAgICAgICAgICAgeTogY29vcmRpbmF0ZS5nZXRSb3dPZmZzZXQocm93SW5kZXgpLFxuICAgICAgICAgICAgICAgIGJnQ29uZmlnOiB7XG4gICAgICAgICAgICAgICAgICAgIG5hbWU6IGdlbmVyYXRlVGFyZ2V0TmFtZSh7IHRhcmdldE5hbWU6IEFJX1RBQkxFX1JPV19IRUFELCByZWNvcmRJZCB9KSxcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IEFJX1RBQkxFX1JPV19IRUFEX1dJRFRIICsgMSxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBjb29yZGluYXRlLnJvd0hlaWdodCxcbiAgICAgICAgICAgICAgICAgICAgZmlsbDogQ29sb3JzLnRyYW5zcGFyZW50XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfTtcblxuICAgICAgICAgICAgaWYgKGlzQ2hlY2tlZFJvdyB8fCBpc0hvdmVyUm93KSB7XG4gICAgICAgICAgICAgICAgY29uc3QgaWNvbk9mZnNldFkgPSAoQUlfVEFCTEVfRklFTERfSEVBRF9IRUlHSFQgLSAxNikgLyAyO1xuICAgICAgICAgICAgICAgIG9wZXJhdGlvbkdyb3VwLmljb25Db25maWcgPSB7XG4gICAgICAgICAgICAgICAgICAgIG5hbWU6IGdlbmVyYXRlVGFyZ2V0TmFtZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICB0YXJnZXROYW1lOiBBSV9UQUJMRV9ST1dfU0VMRUNUX0NIRUNLQk9YLFxuICAgICAgICAgICAgICAgICAgICAgICAgcmVjb3JkSWRcbiAgICAgICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgICAgIHg6IEFJX1RBQkxFX0NFTExfUEFERElORyxcbiAgICAgICAgICAgICAgICAgICAgeTogaWNvbk9mZnNldFksXG4gICAgICAgICAgICAgICAgICAgIHR5cGU6IGlzQ2hlY2tlZFJvdyA/IEFJVGFibGVDaGVja1R5cGUuY2hlY2tlZCA6IEFJVGFibGVDaGVja1R5cGUudW5jaGVja2VkLFxuICAgICAgICAgICAgICAgICAgICBmaWxsOiBpc0NoZWNrZWRSb3cgfHwgKHRhcmdldE5hbWUgPT09IEFJX1RBQkxFX1JPV19TRUxFQ1RfQ0hFQ0tCT1ggJiYgIWlzQ2hlY2tlZFJvdykgPyBDb2xvcnMucHJpbWFyeSA6IENvbG9ycy5ncmF5MzAwXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgICAgICBoZWFkQ29uZmlncy5wdXNoKG9wZXJhdGlvbkdyb3VwKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBoZWFkQ29uZmlncztcbiAgICB9O1xufVxuIl19

package/esm2022/renderer/components/icon.component.mjs

@@ -0,0 +1,80 @@
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { KoContainer } from '../../angular-konva';
+import { KoShape } from '../../angular-konva/components/shape.component';
+import { Check, Colors, DEFAULT_ICON_SIZE, Unchecked } from '../../constants';
+import { AITableCheckType } from '../../types';
+import * as i0 from "@angular/core";
+export class AITableIcon {
+    constructor() {
+        this.config = input.required();
+        this.groupConfig = computed(() => {
+            const { x, y, listening } = this.config();
+            return { x, y, listening };
+        });
+        this.squareShapeConfig = computed(() => {
+            const { name, backgroundWidth, backgroundHeight, size = DEFAULT_ICON_SIZE, strokeWidth = 1, background, cornerRadius, opacity } = this.config();
+            return {
+                name,
+                width: backgroundWidth || size,
+                height: backgroundHeight || size,
+                strokeWidth: strokeWidth,
+                fill: background || Colors.transparent,
+                cornerRadius,
+                opacity
+            };
+        });
+        this.iconConfig = computed(() => {
+            const { type, data, backgroundWidth, backgroundHeight, size = DEFAULT_ICON_SIZE, stroke, strokeWidth = 1, scaleX, scaleY, offsetX, offsetY, rotation, fill = Colors.gray600, transformsEnabled = 'position' } = this.config();
+            let pathData = data;
+            switch (type) {
+                case AITableCheckType.checked:
+                    pathData = Check;
+                    break;
+                case AITableCheckType.unchecked:
+                    pathData = Unchecked;
+                    break;
+            }
+            return {
+                x: backgroundWidth && (backgroundWidth - size * (scaleX || 1)) / 2,
+                y: backgroundHeight && (backgroundHeight - size * (scaleY || 1)) / 2,
+                data: pathData,
+                width: size,
+                height: size,
+                fill,
+                offsetX,
+                offsetY,
+                scaleX,
+                scaleY,
+                rotation,
+                stroke,
+                strokeWidth,
+                transformsEnabled,
+                perfectDrawEnabled: false,
+                listening: false
+            };
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AITableIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: AITableIcon, isStandalone: true, selector: "ai-table-icon", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+        <ko-group [config]="groupConfig()">
+            <ko-rect [config]="squareShapeConfig()"></ko-rect>
+            <ko-path [config]="iconConfig()"></ko-path>
+        </ko-group>
+    `, isInline: true, dependencies: [{ kind: "component", type: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }, { kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AITableIcon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ai-table-icon',
+                    template: `
+        <ko-group [config]="groupConfig()">
+            <ko-rect [config]="squareShapeConfig()"></ko-rect>
+            <ko-path [config]="iconConfig()"></ko-path>
+        </ko-group>
+    `,
+                    standalone: true,
+                    imports: [KoContainer, KoShape],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9ncmlkL3NyYy9yZW5kZXJlci9jb21wb25lbnRzL2ljb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBcUIsTUFBTSxhQUFhLENBQUM7O0FBY2xFLE1BQU0sT0FBTyxXQUFXO0lBWnhCO1FBYUksV0FBTSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQXFCLENBQUM7UUFFN0MsZ0JBQVcsR0FBRyxRQUFRLENBQXVCLEdBQUcsRUFBRTtZQUM5QyxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDMUMsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLENBQUM7UUFDL0IsQ0FBQyxDQUFDLENBQUM7UUFFSCxzQkFBaUIsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQzlCLE1BQU0sRUFDRixJQUFJLEVBQ0osZUFBZSxFQUNmLGdCQUFnQixFQUNoQixJQUFJLEdBQUcsaUJBQWlCLEVBQ3hCLFdBQVcsR0FBRyxDQUFDLEVBQ2YsVUFBVSxFQUNWLFlBQVksRUFDWixPQUFPLEVBQ1YsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDbEIsT0FBTztnQkFDSCxJQUFJO2dCQUNKLEtBQUssRUFBRSxlQUFlLElBQUksSUFBSTtnQkFDOUIsTUFBTSxFQUFFLGdCQUFnQixJQUFJLElBQUk7Z0JBQ2hDLFdBQVcsRUFBRSxXQUFXO2dCQUN4QixJQUFJLEVBQUUsVUFBVSxJQUFJLE1BQU0sQ0FBQyxXQUFXO2dCQUN0QyxZQUFZO2dCQUNaLE9BQU87YUFDVixDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQUM7UUFFSCxlQUFVLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUN2QixNQUFNLEVBQ0YsSUFBSSxFQUNKLElBQUksRUFDSixlQUFlLEVBQ2YsZ0JBQWdCLEVBQ2hCLElBQUksR0FBRyxpQkFBaUIsRUFDeEIsTUFBTSxFQUNOLFdBQVcsR0FBRyxDQUFDLEVBQ2YsTUFBTSxFQUNOLE1BQU0sRUFDTixPQUFPLEVBQ1AsT0FBTyxFQUNQLFFBQVEsRUFDUixJQUFJLEdBQUcsTUFBTSxDQUFDLE9BQU8sRUFDckIsaUJBQWlCLEdBQUcsVUFBVSxFQUNqQyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUVsQixJQUFJLFFBQVEsR0FBRyxJQUFJLENBQUM7WUFFcEIsUUFBUSxJQUFJLEVBQUUsQ0FBQztnQkFDWCxLQUFLLGdCQUFnQixDQUFDLE9BQU87b0JBQ3pCLFFBQVEsR0FBRyxLQUFLLENBQUM7b0JBQ2pCLE1BQU07Z0JBQ1YsS0FBSyxnQkFBZ0IsQ0FBQyxTQUFTO29CQUMzQixRQUFRLEdBQUcsU0FBUyxDQUFDO29CQUNyQixNQUFNO1lBQ2QsQ0FBQztZQUVELE9BQU87Z0JBQ0gsQ0FBQyxFQUFFLGVBQWUsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLEdBQUcsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO2dCQUNsRSxDQUFDLEVBQUUsZ0JBQWdCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLEdBQUcsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO2dCQUNwRSxJQUFJLEVBQUUsUUFBUTtnQkFDZCxLQUFLLEVBQUUsSUFBSTtnQkFDWCxNQUFNLEVBQUUsSUFBSTtnQkFDWixJQUFJO2dCQUNKLE9BQU87Z0JBQ1AsT0FBTztnQkFDUCxNQUFNO2dCQUNOLE1BQU07Z0JBQ04sUUFBUTtnQkFDUixNQUFNO2dCQUNOLFdBQVc7Z0JBQ1gsaUJBQWlCO2dCQUNqQixrQkFBa0IsRUFBRSxLQUFLO2dCQUN6QixTQUFTLEVBQUUsS0FBSzthQUNuQixDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQUM7S0FDTjs4R0E5RVksV0FBVztrR0FBWCxXQUFXLCtNQVZWOzs7OztLQUtULDREQUVTLFdBQVcsNkVBQUUsT0FBTzs7MkZBR3JCLFdBQVc7a0JBWnZCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFFBQVEsRUFBRTs7Ozs7S0FLVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQztvQkFDL0IsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2xEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdGFnZUNvbmZpZyB9IGZyb20gJ2tvbnZhL2xpYi9TdGFnZSc7XG5pbXBvcnQgeyBLb0NvbnRhaW5lciB9IGZyb20gJy4uLy4uL2FuZ3VsYXIta29udmEnO1xuaW1wb3J0IHsgS29TaGFwZSB9IGZyb20gJy4uLy4uL2FuZ3VsYXIta29udmEvY29tcG9uZW50cy9zaGFwZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2hlY2ssIENvbG9ycywgREVGQVVMVF9JQ09OX1NJWkUsIFVuY2hlY2tlZCB9IGZyb20gJy4uLy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBBSVRhYmxlQ2hlY2tUeXBlLCBBSVRhYmxlSWNvbkNvbmZpZyB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhaS10YWJsZS1pY29uJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8a28tZ3JvdXAgW2NvbmZpZ109XCJncm91cENvbmZpZygpXCI+XG4gICAgICAgICAgICA8a28tcmVjdCBbY29uZmlnXT1cInNxdWFyZVNoYXBlQ29uZmlnKClcIj48L2tvLXJlY3Q+XG4gICAgICAgICAgICA8a28tcGF0aCBbY29uZmlnXT1cImljb25Db25maWcoKVwiPjwva28tcGF0aD5cbiAgICAgICAgPC9rby1ncm91cD5cbiAgICBgLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0tvQ29udGFpbmVyLCBLb1NoYXBlXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBBSVRhYmxlSWNvbiB7XG4gICAgY29uZmlnID0gaW5wdXQucmVxdWlyZWQ8QUlUYWJsZUljb25Db25maWc+KCk7XG5cbiAgICBncm91cENvbmZpZyA9IGNvbXB1dGVkPFBhcnRpYWw8U3RhZ2VDb25maWc+PigoKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgeCwgeSwgbGlzdGVuaW5nIH0gPSB0aGlzLmNvbmZpZygpO1xuICAgICAgICByZXR1cm4geyB4LCB5LCBsaXN0ZW5pbmcgfTtcbiAgICB9KTtcblxuICAgIHNxdWFyZVNoYXBlQ29uZmlnID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICBuYW1lLFxuICAgICAgICAgICAgYmFja2dyb3VuZFdpZHRoLFxuICAgICAgICAgICAgYmFja2dyb3VuZEhlaWdodCxcbiAgICAgICAgICAgIHNpemUgPSBERUZBVUxUX0lDT05fU0laRSxcbiAgICAgICAgICAgIHN0cm9rZVdpZHRoID0gMSxcbiAgICAgICAgICAgIGJhY2tncm91bmQsXG4gICAgICAgICAgICBjb3JuZXJSYWRpdXMsXG4gICAgICAgICAgICBvcGFjaXR5XG4gICAgICAgIH0gPSB0aGlzLmNvbmZpZygpO1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgbmFtZSxcbiAgICAgICAgICAgIHdpZHRoOiBiYWNrZ3JvdW5kV2lkdGggfHwgc2l6ZSxcbiAgICAgICAgICAgIGhlaWdodDogYmFja2dyb3VuZEhlaWdodCB8fCBzaXplLFxuICAgICAgICAgICAgc3Ryb2tlV2lkdGg6IHN0cm9rZVdpZHRoLFxuICAgICAgICAgICAgZmlsbDogYmFja2dyb3VuZCB8fCBDb2xvcnMudHJhbnNwYXJlbnQsXG4gICAgICAgICAgICBjb3JuZXJSYWRpdXMsXG4gICAgICAgICAgICBvcGFjaXR5XG4gICAgICAgIH07XG4gICAgfSk7XG5cbiAgICBpY29uQ29uZmlnID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICB0eXBlLFxuICAgICAgICAgICAgZGF0YSxcbiAgICAgICAgICAgIGJhY2tncm91bmRXaWR0aCxcbiAgICAgICAgICAgIGJhY2tncm91bmRIZWlnaHQsXG4gICAgICAgICAgICBzaXplID0gREVGQVVMVF9JQ09OX1NJWkUsXG4gICAgICAgICAgICBzdHJva2UsXG4gICAgICAgICAgICBzdHJva2VXaWR0aCA9IDEsXG4gICAgICAgICAgICBzY2FsZVgsXG4gICAgICAgICAgICBzY2FsZVksXG4gICAgICAgICAgICBvZmZzZXRYLFxuICAgICAgICAgICAgb2Zmc2V0WSxcbiAgICAgICAgICAgIHJvdGF0aW9uLFxuICAgICAgICAgICAgZmlsbCA9IENvbG9ycy5ncmF5NjAwLFxuICAgICAgICAgICAgdHJhbnNmb3Jtc0VuYWJsZWQgPSAncG9zaXRpb24nXG4gICAgICAgIH0gPSB0aGlzLmNvbmZpZygpO1xuXG4gICAgICAgIGxldCBwYXRoRGF0YSA9IGRhdGE7XG5cbiAgICAgICAgc3dpdGNoICh0eXBlKSB7XG4gICAgICAgICAgICBjYXNlIEFJVGFibGVDaGVja1R5cGUuY2hlY2tlZDpcbiAgICAgICAgICAgICAgICBwYXRoRGF0YSA9IENoZWNrO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSBBSVRhYmxlQ2hlY2tUeXBlLnVuY2hlY2tlZDpcbiAgICAgICAgICAgICAgICBwYXRoRGF0YSA9IFVuY2hlY2tlZDtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICB4OiBiYWNrZ3JvdW5kV2lkdGggJiYgKGJhY2tncm91bmRXaWR0aCAtIHNpemUgKiAoc2NhbGVYIHx8IDEpKSAvIDIsXG4gICAgICAgICAgICB5OiBiYWNrZ3JvdW5kSGVpZ2h0ICYmIChiYWNrZ3JvdW5kSGVpZ2h0IC0gc2l6ZSAqIChzY2FsZVkgfHwgMSkpIC8gMixcbiAgICAgICAgICAgIGRhdGE6IHBhdGhEYXRhLFxuICAgICAgICAgICAgd2lkdGg6IHNpemUsXG4gICAgICAgICAgICBoZWlnaHQ6IHNpemUsXG4gICAgICAgICAgICBmaWxsLFxuICAgICAgICAgICAgb2Zmc2V0WCxcbiAgICAgICAgICAgIG9mZnNldFksXG4gICAgICAgICAgICBzY2FsZVgsXG4gICAgICAgICAgICBzY2FsZVksXG4gICAgICAgICAgICByb3RhdGlvbixcbiAgICAgICAgICAgIHN0cm9rZSxcbiAgICAgICAgICAgIHN0cm9rZVdpZHRoLFxuICAgICAgICAgICAgdHJhbnNmb3Jtc0VuYWJsZWQsXG4gICAgICAgICAgICBwZXJmZWN0RHJhd0VuYWJsZWQ6IGZhbHNlLFxuICAgICAgICAgICAgbGlzdGVuaW5nOiBmYWxzZVxuICAgICAgICB9O1xuICAgIH0pO1xufVxuIl19

package/esm2022/renderer/components/index.mjs

@@ -0,0 +1,14 @@
+export * from './add-field-column.component';
+export * from './cells.component';
+export * from './field-head.component';
+export * from './field-icon.component';
+export * from './frozen-cells.component';
+export * from './frozen-heads.component';
+export * from './frozen-placeholder-cells.component';
+export * from './heads.component';
+export * from './hover-row-heads.component';
+export * from './icon.component';
+export * from './other-rows.component';
+export * from './placeholder-cells.component';
+export * from './text.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9ncmlkL3NyYy9yZW5kZXJlci9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FkZC1maWVsZC1jb2x1bW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY2VsbHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmllbGQtaGVhZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9maWVsZC1pY29uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2Zyb3plbi1jZWxscy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mcm96ZW4taGVhZHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZnJvemVuLXBsYWNlaG9sZGVyLWNlbGxzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2hlYWRzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2hvdmVyLXJvdy1oZWFkcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9pY29uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL290aGVyLXJvd3MuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcGxhY2Vob2xkZXItY2VsbHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGV4dC5jb21wb25lbnQnO1xuIl19

package/esm2022/renderer/components/other-rows.component.mjs

@@ -0,0 +1,68 @@
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { KoShape } from '../../angular-konva';
+import { AI_TABLE_ROW_ADD_BUTTON } from '../../constants';
+import { AITableRowType } from '../../types';
+import * as i0 from "@angular/core";
+export class AITableOtherRows {
+    constructor() {
+        this.config = input.required();
+        this.AITableRowType = AITableRowType;
+        this.otherConfigs = computed(() => {
+            return this.createOtherRows(this.config());
+        });
+        this.createOtherRows = (config) => {
+            const { coordinate, rowStartIndex, rowStopIndex, aiTable } = config;
+            const otherRowConfigs = [];
+            for (let rowIndex = rowStartIndex; rowIndex <= rowStopIndex; rowIndex++) {
+                if (rowIndex > coordinate.rowCount - 1)
+                    break;
+                const { _id, type } = aiTable.context.linearRows()[rowIndex];
+                if (type === AITableRowType.record)
+                    continue;
+                const y = coordinate.getRowOffset(rowIndex);
+                const curHeight = coordinate.getRowHeight(rowIndex);
+                otherRowConfigs.push({
+                    type,
+                    addBtnConfig: {
+                        key: `row-add-${_id}`,
+                        y: y + 1,
+                        name: AI_TABLE_ROW_ADD_BUTTON,
+                        width: coordinate.containerWidth,
+                        height: curHeight - 1,
+                        fill: 'transparent'
+                    }
+                });
+            }
+            return otherRowConfigs;
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AITableOtherRows, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AITableOtherRows, isStandalone: true, selector: "ai-table-other-rows", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+        @for (config of otherConfigs(); track $index) {
+            @switch (config.type) {
+                @case (AITableRowType.add) {
+                    <ko-rect [config]="config.addBtnConfig"></ko-rect>
+                }
+            }
+        }
+    `, isInline: true, dependencies: [{ kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AITableOtherRows, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ai-table-other-rows',
+                    template: `
+        @for (config of otherConfigs(); track $index) {
+            @switch (config.type) {
+                @case (AITableRowType.add) {
+                    <ko-rect [config]="config.addBtnConfig"></ko-rect>
+                }
+            }
+        }
+    `,
+                    standalone: true,
+                    imports: [KoShape],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3RoZXItcm93cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9ncmlkL3NyYy9yZW5kZXJlci9jb21wb25lbnRzL290aGVyLXJvd3MuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDOUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFMUQsT0FBTyxFQUF5QixjQUFjLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBaUJwRSxNQUFNLE9BQU8sZ0JBQWdCO0lBZjdCO1FBZ0JJLFdBQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUF5QixDQUFDO1FBRWpELG1CQUFjLEdBQUcsY0FBYyxDQUFDO1FBRWhDLGlCQUFZLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUN6QixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUM7UUFDL0MsQ0FBQyxDQUFDLENBQUM7UUFFSCxvQkFBZSxHQUFHLENBQUMsTUFBNkIsRUFBRSxFQUFFO1lBQ2hELE1BQU0sRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsR0FBRyxNQUFNLENBQUM7WUFDcEUsTUFBTSxlQUFlLEdBQUcsRUFBRSxDQUFDO1lBQzNCLEtBQUssSUFBSSxRQUFRLEdBQUcsYUFBYSxFQUFFLFFBQVEsSUFBSSxZQUFZLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQztnQkFDdEUsSUFBSSxRQUFRLEdBQUcsVUFBVSxDQUFDLFFBQVEsR0FBRyxDQUFDO29CQUFFLE1BQU07Z0JBQzlDLE1BQU0sRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEdBQUksT0FBTyxDQUFDLE9BQTJCLENBQUMsVUFBVSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ2xGLElBQUksSUFBSSxLQUFLLGNBQWMsQ0FBQyxNQUFNO29CQUFFLFNBQVM7Z0JBQzdDLE1BQU0sQ0FBQyxHQUFHLFVBQVUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQzVDLE1BQU0sU0FBUyxHQUFHLFVBQVUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBRXBELGVBQWUsQ0FBQyxJQUFJLENBQUM7b0JBQ2pCLElBQUk7b0JBQ0osWUFBWSxFQUFFO3dCQUNWLEdBQUcsRUFBRSxXQUFXLEdBQUcsRUFBRTt3QkFDckIsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDO3dCQUNSLElBQUksRUFBRSx1QkFBdUI7d0JBQzdCLEtBQUssRUFBRSxVQUFVLENBQUMsY0FBYzt3QkFDaEMsTUFBTSxFQUFFLFNBQVMsR0FBRyxDQUFDO3dCQUNyQixJQUFJLEVBQUUsYUFBYTtxQkFDdEI7aUJBQ0osQ0FBQyxDQUFDO1lBQ1AsQ0FBQztZQUNELE9BQU8sZUFBZSxDQUFDO1FBQzNCLENBQUMsQ0FBQztLQUNMOzhHQWpDWSxnQkFBZ0I7a0dBQWhCLGdCQUFnQixxTkFiZjs7Ozs7Ozs7S0FRVCw0REFFUyxPQUFPOzsyRkFHUixnQkFBZ0I7a0JBZjVCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsUUFBUSxFQUFFOzs7Ozs7OztLQVFUO29CQUNELFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUM7b0JBQ2xCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNsRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS29TaGFwZSB9IGZyb20gJy4uLy4uL2FuZ3VsYXIta29udmEnO1xuaW1wb3J0IHsgQUlfVEFCTEVfUk9XX0FERF9CVVRUT04gfSBmcm9tICcuLi8uLi9jb25zdGFudHMnO1xuaW1wb3J0IHsgUmVuZGVyZXJDb250ZXh0IH0gZnJvbSAnLi4vLi4vY29yZSc7XG5pbXBvcnQgeyBBSVRhYmxlUm93SGVhZHNDb25maWcsIEFJVGFibGVSb3dUeXBlIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FpLXRhYmxlLW90aGVyLXJvd3MnLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIEBmb3IgKGNvbmZpZyBvZiBvdGhlckNvbmZpZ3MoKTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICBAc3dpdGNoIChjb25maWcudHlwZSkge1xuICAgICAgICAgICAgICAgIEBjYXNlIChBSVRhYmxlUm93VHlwZS5hZGQpIHtcbiAgICAgICAgICAgICAgICAgICAgPGtvLXJlY3QgW2NvbmZpZ109XCJjb25maWcuYWRkQnRuQ29uZmlnXCI+PC9rby1yZWN0PlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIGAsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbS29TaGFwZV0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQUlUYWJsZU90aGVyUm93cyB7XG4gICAgY29uZmlnID0gaW5wdXQucmVxdWlyZWQ8QUlUYWJsZVJvd0hlYWRzQ29uZmlnPigpO1xuXG4gICAgQUlUYWJsZVJvd1R5cGUgPSBBSVRhYmxlUm93VHlwZTtcblxuICAgIG90aGVyQ29uZmlncyA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY3JlYXRlT3RoZXJSb3dzKHRoaXMuY29uZmlnKCkpO1xuICAgIH0pO1xuXG4gICAgY3JlYXRlT3RoZXJSb3dzID0gKGNvbmZpZzogQUlUYWJsZVJvd0hlYWRzQ29uZmlnKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgY29vcmRpbmF0ZSwgcm93U3RhcnRJbmRleCwgcm93U3RvcEluZGV4LCBhaVRhYmxlIH0gPSBjb25maWc7XG4gICAgICAgIGNvbnN0IG90aGVyUm93Q29uZmlncyA9IFtdO1xuICAgICAgICBmb3IgKGxldCByb3dJbmRleCA9IHJvd1N0YXJ0SW5kZXg7IHJvd0luZGV4IDw9IHJvd1N0b3BJbmRleDsgcm93SW5kZXgrKykge1xuICAgICAgICAgICAgaWYgKHJvd0luZGV4ID4gY29vcmRpbmF0ZS5yb3dDb3VudCAtIDEpIGJyZWFrO1xuICAgICAgICAgICAgY29uc3QgeyBfaWQsIHR5cGUgfSA9IChhaVRhYmxlLmNvbnRleHQgYXMgUmVuZGVyZXJDb250ZXh0KS5saW5lYXJSb3dzKClbcm93SW5kZXhdO1xuICAgICAgICAgICAgaWYgKHR5cGUgPT09IEFJVGFibGVSb3dUeXBlLnJlY29yZCkgY29udGludWU7XG4gICAgICAgICAgICBjb25zdCB5ID0gY29vcmRpbmF0ZS5nZXRSb3dPZmZzZXQocm93SW5kZXgpO1xuICAgICAgICAgICAgY29uc3QgY3VySGVpZ2h0ID0gY29vcmRpbmF0ZS5nZXRSb3dIZWlnaHQocm93SW5kZXgpO1xuXG4gICAgICAgICAgICBvdGhlclJvd0NvbmZpZ3MucHVzaCh7XG4gICAgICAgICAgICAgICAgdHlwZSxcbiAgICAgICAgICAgICAgICBhZGRCdG5Db25maWc6IHtcbiAgICAgICAgICAgICAgICAgICAga2V5OiBgcm93LWFkZC0ke19pZH1gLFxuICAgICAgICAgICAgICAgICAgICB5OiB5ICsgMSxcbiAgICAgICAgICAgICAgICAgICAgbmFtZTogQUlfVEFCTEVfUk9XX0FERF9CVVRUT04sXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiBjb29yZGluYXRlLmNvbnRhaW5lcldpZHRoLFxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IGN1ckhlaWdodCAtIDEsXG4gICAgICAgICAgICAgICAgICAgIGZpbGw6ICd0cmFuc3BhcmVudCdcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gb3RoZXJSb3dDb25maWdzO1xuICAgIH07XG59XG4iXX0=

package/esm2022/renderer/components/placeholder-cells.component.mjs

@@ -0,0 +1,33 @@
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { KoShape } from '../../angular-konva';
+import { getPlaceHolderCellsConfigs } from '../../utils';
+import * as i0 from "@angular/core";
+export class AITablePlaceholderCells {
+    constructor() {
+        this.config = input.required();
+        this.frozenPlaceHolderCellsConfig = computed(() => {
+            return getPlaceHolderCellsConfigs(this.config());
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AITablePlaceholderCells, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AITablePlaceholderCells, isStandalone: true, selector: "ai-table-placeholder-cells", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+        @for (item of frozenPlaceHolderCellsConfig(); track $index) {
+            <ko-rect [config]="item"></ko-rect>
+        }
+    `, isInline: true, dependencies: [{ kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AITablePlaceholderCells, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ai-table-placeholder-cells',
+                    template: `
+        @for (item of frozenPlaceHolderCellsConfig(); track $index) {
+            <ko-rect [config]="item"></ko-rect>
+        }
+    `,
+                    standalone: true,
+                    imports: [KoShape],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhY2Vob2xkZXItY2VsbHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZ3JpZC9zcmMvcmVuZGVyZXIvY29tcG9uZW50cy9wbGFjZWhvbGRlci1jZWxscy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUU5QyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBYXpELE1BQU0sT0FBTyx1QkFBdUI7SUFYcEM7UUFZSSxXQUFNLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBc0IsQ0FBQztRQUU5QyxpQ0FBNEIsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3pDLE9BQU8sMEJBQTBCLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUM7UUFDckQsQ0FBQyxDQUFDLENBQUM7S0FDTjs4R0FOWSx1QkFBdUI7a0dBQXZCLHVCQUF1Qiw0TkFUdEI7Ozs7S0FJVCw0REFFUyxPQUFPOzsyRkFHUix1QkFBdUI7a0JBWG5DLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDRCQUE0QjtvQkFDdEMsUUFBUSxFQUFFOzs7O0tBSVQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLE9BQU8sQ0FBQztvQkFDbEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2xEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLb1NoYXBlIH0gZnJvbSAnLi4vLi4vYW5ndWxhci1rb252YSc7XG5pbXBvcnQgeyBBSVRhYmxlQ2VsbHNDb25maWcgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRQbGFjZUhvbGRlckNlbGxzQ29uZmlncyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhaS10YWJsZS1wbGFjZWhvbGRlci1jZWxscycsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgQGZvciAoaXRlbSBvZiBmcm96ZW5QbGFjZUhvbGRlckNlbGxzQ29uZmlnKCk7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgPGtvLXJlY3QgW2NvbmZpZ109XCJpdGVtXCI+PC9rby1yZWN0PlxuICAgICAgICB9XG4gICAgYCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtLb1NoYXBlXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBBSVRhYmxlUGxhY2Vob2xkZXJDZWxscyB7XG4gICAgY29uZmlnID0gaW5wdXQucmVxdWlyZWQ8QUlUYWJsZUNlbGxzQ29uZmlnPigpO1xuXG4gICAgZnJvemVuUGxhY2VIb2xkZXJDZWxsc0NvbmZpZyA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIGdldFBsYWNlSG9sZGVyQ2VsbHNDb25maWdzKHRoaXMuY29uZmlnKCkpO1xuICAgIH0pO1xufVxuIl19

package/esm2022/renderer/components/text.component.mjs

@@ -0,0 +1,45 @@
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { KoShape } from '../../angular-konva/components/shape.component';
+import { DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_FONT_STYLE, DEFAULT_TEXT_ALIGN_LEFT, DEFAULT_TEXT_ELLIPSIS, DEFAULT_TEXT_FILL, DEFAULT_TEXT_LISTENING, DEFAULT_TEXT_TRANSFORMS_ENABLED, DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE, DEFAULT_TEXT_WRAP } from '../../constants';
+import * as i0 from "@angular/core";
+export class AITableText {
+    constructor() {
+        this.config = input.required();
+        this.textConfig = computed(() => {
+            const { x, y, width, height, text, padding, align = DEFAULT_TEXT_ALIGN_LEFT, verticalAlign = DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE, fill = DEFAULT_TEXT_FILL, textDecoration, fontSize = DEFAULT_FONT_SIZE, fontStyle = DEFAULT_FONT_STYLE, ellipsis = DEFAULT_TEXT_ELLIPSIS, wrap = DEFAULT_TEXT_WRAP, transformsEnabled = DEFAULT_TEXT_TRANSFORMS_ENABLED, listening = DEFAULT_TEXT_LISTENING, fontFamily = DEFAULT_FONT_FAMILY, ...rest } = this.config();
+            return {
+                x,
+                y,
+                width,
+                height,
+                text,
+                padding,
+                align,
+                verticalAlign,
+                fill,
+                textDecoration,
+                fontSize,
+                fontStyle,
+                ellipsis,
+                wrap,
+                transformsEnabled,
+                listening,
+                fontFamily,
+                ...rest
+            };
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AITableText, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: AITableText, isStandalone: true, selector: "ai-table-text", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: ` <ko-text [config]="textConfig()"></ko-text> `, isInline: true, dependencies: [{ kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AITableText, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ai-table-text',
+                    template: ` <ko-text [config]="textConfig()"></ko-text> `,
+                    standalone: true,
+                    imports: [KoShape],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9ncmlkL3NyYy9yZW5kZXJlci9jb21wb25lbnRzL3RleHQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekUsT0FBTyxFQUNILG1CQUFtQixFQUNuQixpQkFBaUIsRUFDakIsa0JBQWtCLEVBQ2xCLHVCQUF1QixFQUN2QixxQkFBcUIsRUFDckIsaUJBQWlCLEVBQ2pCLHNCQUFzQixFQUN0QiwrQkFBK0IsRUFDL0Isa0NBQWtDLEVBQ2xDLGlCQUFpQixFQUNwQixNQUFNLGlCQUFpQixDQUFDOztBQVN6QixNQUFNLE9BQU8sV0FBVztJQVB4QjtRQVFJLFdBQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFxQixDQUFDO1FBRTdDLGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3ZCLE1BQU0sRUFDRixDQUFDLEVBQ0QsQ0FBQyxFQUNELEtBQUssRUFDTCxNQUFNLEVBQ04sSUFBSSxFQUNKLE9BQU8sRUFDUCxLQUFLLEdBQUcsdUJBQXVCLEVBQy9CLGFBQWEsR0FBRyxrQ0FBa0MsRUFDbEQsSUFBSSxHQUFHLGlCQUFpQixFQUN4QixjQUFjLEVBQ2QsUUFBUSxHQUFHLGlCQUFpQixFQUM1QixTQUFTLEdBQUcsa0JBQWtCLEVBQzlCLFFBQVEsR0FBRyxxQkFBcUIsRUFDaEMsSUFBSSxHQUFHLGlCQUFpQixFQUN4QixpQkFBaUIsR0FBRywrQkFBK0IsRUFDbkQsU0FBUyxHQUFHLHNCQUFzQixFQUNsQyxVQUFVLEdBQUcsbUJBQW1CLEVBQ2hDLEdBQUcsSUFBSSxFQUNWLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2xCLE9BQU87Z0JBQ0gsQ0FBQztnQkFDRCxDQUFDO2dCQUNELEtBQUs7Z0JBQ0wsTUFBTTtnQkFDTixJQUFJO2dCQUNKLE9BQU87Z0JBQ1AsS0FBSztnQkFDTCxhQUFhO2dCQUNiLElBQUk7Z0JBQ0osY0FBYztnQkFDZCxRQUFRO2dCQUNSLFNBQVM7Z0JBQ1QsUUFBUTtnQkFDUixJQUFJO2dCQUNKLGlCQUFpQjtnQkFDakIsU0FBUztnQkFDVCxVQUFVO2dCQUNWLEdBQUcsSUFBSTthQUNWLENBQUM7UUFDTixDQUFDLENBQUMsQ0FBQztLQUNOOzhHQTdDWSxXQUFXO2tHQUFYLFdBQVcsK01BTFYsK0NBQStDLDREQUUvQyxPQUFPOzsyRkFHUixXQUFXO2tCQVB2QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxlQUFlO29CQUN6QixRQUFRLEVBQUUsK0NBQStDO29CQUN6RCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDO29CQUNsQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDbEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCBLb252YSBmcm9tICdrb252YSc7XG5pbXBvcnQgeyBLb1NoYXBlIH0gZnJvbSAnLi4vLi4vYW5ndWxhci1rb252YS9jb21wb25lbnRzL3NoYXBlLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICAgIERFRkFVTFRfRk9OVF9GQU1JTFksXG4gICAgREVGQVVMVF9GT05UX1NJWkUsXG4gICAgREVGQVVMVF9GT05UX1NUWUxFLFxuICAgIERFRkFVTFRfVEVYVF9BTElHTl9MRUZULFxuICAgIERFRkFVTFRfVEVYVF9FTExJUFNJUyxcbiAgICBERUZBVUxUX1RFWFRfRklMTCxcbiAgICBERUZBVUxUX1RFWFRfTElTVEVOSU5HLFxuICAgIERFRkFVTFRfVEVYVF9UUkFOU0ZPUk1TX0VOQUJMRUQsXG4gICAgREVGQVVMVF9URVhUX1ZFUlRJQ0FMX0FMSUdOX01JRERMRSxcbiAgICBERUZBVUxUX1RFWFRfV1JBUFxufSBmcm9tICcuLi8uLi9jb25zdGFudHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FpLXRhYmxlLXRleHQnLFxuICAgIHRlbXBsYXRlOiBgIDxrby10ZXh0IFtjb25maWddPVwidGV4dENvbmZpZygpXCI+PC9rby10ZXh0PiBgLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0tvU2hhcGVdLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEFJVGFibGVUZXh0IHtcbiAgICBjb25maWcgPSBpbnB1dC5yZXF1aXJlZDxLb252YS5TaGFwZUNvbmZpZz4oKTtcblxuICAgIHRleHRDb25maWcgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHgsXG4gICAgICAgICAgICB5LFxuICAgICAgICAgICAgd2lkdGgsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICB0ZXh0LFxuICAgICAgICAgICAgcGFkZGluZyxcbiAgICAgICAgICAgIGFsaWduID0gREVGQVVMVF9URVhUX0FMSUdOX0xFRlQsXG4gICAgICAgICAgICB2ZXJ0aWNhbEFsaWduID0gREVGQVVMVF9URVhUX1ZFUlRJQ0FMX0FMSUdOX01JRERMRSxcbiAgICAgICAgICAgIGZpbGwgPSBERUZBVUxUX1RFWFRfRklMTCxcbiAgICAgICAgICAgIHRleHREZWNvcmF0aW9uLFxuICAgICAgICAgICAgZm9udFNpemUgPSBERUZBVUxUX0ZPTlRfU0laRSxcbiAgICAgICAgICAgIGZvbnRTdHlsZSA9IERFRkFVTFRfRk9OVF9TVFlMRSxcbiAgICAgICAgICAgIGVsbGlwc2lzID0gREVGQVVMVF9URVhUX0VMTElQU0lTLFxuICAgICAgICAgICAgd3JhcCA9IERFRkFVTFRfVEVYVF9XUkFQLFxuICAgICAgICAgICAgdHJhbnNmb3Jtc0VuYWJsZWQgPSBERUZBVUxUX1RFWFRfVFJBTlNGT1JNU19FTkFCTEVELFxuICAgICAgICAgICAgbGlzdGVuaW5nID0gREVGQVVMVF9URVhUX0xJU1RFTklORyxcbiAgICAgICAgICAgIGZvbnRGYW1pbHkgPSBERUZBVUxUX0ZPTlRfRkFNSUxZLFxuICAgICAgICAgICAgLi4ucmVzdFxuICAgICAgICB9ID0gdGhpcy5jb25maWcoKTtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIHgsXG4gICAgICAgICAgICB5LFxuICAgICAgICAgICAgd2lkdGgsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICB0ZXh0LFxuICAgICAgICAgICAgcGFkZGluZyxcbiAgICAgICAgICAgIGFsaWduLFxuICAgICAgICAgICAgdmVydGljYWxBbGlnbixcbiAgICAgICAgICAgIGZpbGwsXG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbixcbiAgICAgICAgICAgIGZvbnRTaXplLFxuICAgICAgICAgICAgZm9udFN0eWxlLFxuICAgICAgICAgICAgZWxsaXBzaXMsXG4gICAgICAgICAgICB3cmFwLFxuICAgICAgICAgICAgdHJhbnNmb3Jtc0VuYWJsZWQsXG4gICAgICAgICAgICBsaXN0ZW5pbmcsXG4gICAgICAgICAgICBmb250RmFtaWx5LFxuICAgICAgICAgICAgLi4ucmVzdFxuICAgICAgICB9O1xuICAgIH0pO1xufVxuIl19

package/esm2022/renderer/creations/create-active-cell-border.mjs

@@ -0,0 +1,68 @@
+import { AI_TABLE_CELL_BORDER, AI_TABLE_OFFSET } from '../../constants';
+import { AITable } from '../../core';
+import { AITableRowType } from '../../types';
+import { getCellHorizontalPosition } from '../../utils';
+export const createActiveCellBorder = (config) => {
+    const { aiTable, coordinate, columnStartIndex, columnStopIndex, rowStartIndex, rowStopIndex } = config;
+    const { linearRows } = aiTable.context;
+    const { rowHeight, frozenColumnCount } = coordinate;
+    const colors = AITable.getColors();
+    const visibleColumns = AITable.getVisibleFields(aiTable);
+    const activeCell = AITable.getActiveCell(aiTable);
+    const totalColumnCount = visibleColumns.length;
+    let activeCellBorder = null;
+    let frozenActiveCellBorder = null;
+    if (activeCell != null) {
+        const { fieldId } = activeCell;
+        const { rowIndex, columnIndex } = AITable.getCellIndex(aiTable, activeCell);
+        const checkIsVisible = (rowIndex, columnIndex) => {
+            if (columnIndex < frozenColumnCount) {
+                return true;
+            }
+            return (rowIndex >= rowStartIndex && rowIndex <= rowStopIndex && columnIndex >= columnStartIndex && columnIndex <= columnStopIndex);
+        };
+        if (rowIndex != null && columnIndex != null && checkIsVisible(rowIndex, columnIndex)) {
+            const { type } = linearRows()[rowIndex];
+            if (type === AITableRowType.record) {
+                const activeField = visibleColumns.find((field) => field._id === fieldId);
+                if (activeField == null) {
+                    return {
+                        activeCellBorder,
+                        frozenActiveCellBorder
+                    };
+                }
+                const x = coordinate.getColumnOffset(columnIndex);
+                const y = coordinate.getRowOffset(rowIndex);
+                const columnWidth = coordinate.getColumnWidth(columnIndex);
+                const isFrozenColumn = columnIndex < frozenColumnCount;
+                const { offset, width } = getCellHorizontalPosition({
+                    columnWidth,
+                    columnIndex,
+                    columnCount: totalColumnCount
+                });
+                // active 外边界和非 active 外边界 box 大小保持一致
+                const currentConfig = {
+                    x: x + offset + AI_TABLE_OFFSET,
+                    y: y + AI_TABLE_OFFSET,
+                    width: width - AI_TABLE_CELL_BORDER / 2,
+                    height: rowHeight - AI_TABLE_CELL_BORDER / 2,
+                    strokeWidth: AI_TABLE_CELL_BORDER,
+                    stroke: colors.primary,
+                    fillEnabled: false,
+                    listening: false
+                };
+                if (isFrozenColumn) {
+                    frozenActiveCellBorder = currentConfig;
+                }
+                else {
+                    activeCellBorder = currentConfig;
+                }
+            }
+        }
+    }
+    return {
+        activeCellBorder,
+        frozenActiveCellBorder
+    };
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWFjdGl2ZS1jZWxsLWJvcmRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2dyaWQvc3JjL3JlbmRlcmVyL2NyZWF0aW9ucy9jcmVhdGUtYWN0aXZlLWNlbGwtYm9yZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxlQUFlLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3JDLE9BQU8sRUFBc0IsY0FBYyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUV4RCxNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRyxDQUFDLE1BQTBCLEVBQUUsRUFBRTtJQUNqRSxNQUFNLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxHQUFHLE1BQU0sQ0FBQztJQUN2RyxNQUFNLEVBQUUsVUFBVSxFQUFFLEdBQUcsT0FBTyxDQUFDLE9BQVEsQ0FBQztJQUN4QyxNQUFNLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLEdBQUcsVUFBVSxDQUFDO0lBQ3BELE1BQU0sTUFBTSxHQUFHLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQyxNQUFNLGNBQWMsR0FBRyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDekQsTUFBTSxVQUFVLEdBQUcsT0FBTyxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNsRCxNQUFNLGdCQUFnQixHQUFHLGNBQWMsQ0FBQyxNQUFNLENBQUM7SUFFL0MsSUFBSSxnQkFBZ0IsR0FBc0IsSUFBSSxDQUFDO0lBQy9DLElBQUksc0JBQXNCLEdBQXNCLElBQUksQ0FBQztJQUVyRCxJQUFJLFVBQVUsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUNyQixNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsVUFBVSxDQUFDO1FBQy9CLE1BQU0sRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLEdBQUcsT0FBTyxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFFLENBQUM7UUFFN0UsTUFBTSxjQUFjLEdBQUcsQ0FBQyxRQUFnQixFQUFFLFdBQW1CLEVBQUUsRUFBRTtZQUM3RCxJQUFJLFdBQVcsR0FBRyxpQkFBaUIsRUFBRSxDQUFDO2dCQUNsQyxPQUFPLElBQUksQ0FBQztZQUNoQixDQUFDO1lBQ0QsT0FBTyxDQUNILFFBQVEsSUFBSSxhQUFhLElBQUksUUFBUSxJQUFJLFlBQVksSUFBSSxXQUFXLElBQUksZ0JBQWdCLElBQUksV0FBVyxJQUFJLGVBQWUsQ0FDN0gsQ0FBQztRQUNOLENBQUMsQ0FBQztRQUVGLElBQUksUUFBUSxJQUFJLElBQUksSUFBSSxXQUFXLElBQUksSUFBSSxJQUFJLGNBQWMsQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUNuRixNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsVUFBVSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7WUFFeEMsSUFBSSxJQUFJLEtBQUssY0FBYyxDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUNqQyxNQUFNLFdBQVcsR0FBRyxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLE9BQU8sQ0FBQyxDQUFDO2dCQUMxRSxJQUFJLFdBQVcsSUFBSSxJQUFJLEVBQUUsQ0FBQztvQkFDdEIsT0FBTzt3QkFDSCxnQkFBZ0I7d0JBQ2hCLHNCQUFzQjtxQkFDekIsQ0FBQztnQkFDTixDQUFDO2dCQUVELE1BQU0sQ0FBQyxHQUFHLFVBQVUsQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQ2xELE1BQU0sQ0FBQyxHQUFHLFVBQVUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQzVDLE1BQU0sV0FBVyxHQUFHLFVBQVUsQ0FBQyxjQUFjLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQzNELE1BQU0sY0FBYyxHQUFHLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQztnQkFDdkQsTUFBTSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyx5QkFBeUIsQ0FBQztvQkFDaEQsV0FBVztvQkFDWCxXQUFXO29CQUNYLFdBQVcsRUFBRSxnQkFBZ0I7aUJBQ2hDLENBQUMsQ0FBQztnQkFDSCxxQ0FBcUM7Z0JBQ3JDLE1BQU0sYUFBYSxHQUFHO29CQUNsQixDQUFDLEVBQUUsQ0FBQyxHQUFHLE1BQU0sR0FBRyxlQUFlO29CQUMvQixDQUFDLEVBQUUsQ0FBQyxHQUFHLGVBQWU7b0JBQ3RCLEtBQUssRUFBRSxLQUFLLEdBQUcsb0JBQW9CLEdBQUcsQ0FBQztvQkFDdkMsTUFBTSxFQUFFLFNBQVMsR0FBRyxvQkFBb0IsR0FBRyxDQUFDO29CQUM1QyxXQUFXLEVBQUUsb0JBQW9CO29CQUNqQyxNQUFNLEVBQUUsTUFBTSxDQUFDLE9BQU87b0JBQ3RCLFdBQVcsRUFBRSxLQUFLO29CQUNsQixTQUFTLEVBQUUsS0FBSztpQkFDbkIsQ0FBQztnQkFFRixJQUFJLGNBQWMsRUFBRSxDQUFDO29CQUNqQixzQkFBc0IsR0FBRyxhQUFhLENBQUM7Z0JBQzNDLENBQUM7cUJBQU0sQ0FBQztvQkFDSixnQkFBZ0IsR0FBRyxhQUFhLENBQUM7Z0JBQ3JDLENBQUM7WUFDTCxDQUFDO1FBQ0wsQ0FBQztJQUNMLENBQUM7SUFFRCxPQUFPO1FBQ0gsZ0JBQWdCO1FBQ2hCLHNCQUFzQjtLQUN6QixDQUFDO0FBQ04sQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVjdENvbmZpZyB9IGZyb20gJ2tvbnZhL2xpYi9zaGFwZXMvUmVjdCc7XG5pbXBvcnQgeyBBSV9UQUJMRV9DRUxMX0JPUkRFUiwgQUlfVEFCTEVfT0ZGU0VUIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzJztcbmltcG9ydCB7IEFJVGFibGUgfSBmcm9tICcuLi8uLi9jb3JlJztcbmltcG9ydCB7IEFJVGFibGVDZWxsc0NvbmZpZywgQUlUYWJsZVJvd1R5cGUgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDZWxsSG9yaXpvbnRhbFBvc2l0aW9uIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgY3JlYXRlQWN0aXZlQ2VsbEJvcmRlciA9IChjb25maWc6IEFJVGFibGVDZWxsc0NvbmZpZykgPT4ge1xuICAgIGNvbnN0IHsgYWlUYWJsZSwgY29vcmRpbmF0ZSwgY29sdW1uU3RhcnRJbmRleCwgY29sdW1uU3RvcEluZGV4LCByb3dTdGFydEluZGV4LCByb3dTdG9wSW5kZXggfSA9IGNvbmZpZztcbiAgICBjb25zdCB7IGxpbmVhclJvd3MgfSA9IGFpVGFibGUuY29udGV4dCE7XG4gICAgY29uc3QgeyByb3dIZWlnaHQsIGZyb3plbkNvbHVtbkNvdW50IH0gPSBjb29yZGluYXRlO1xuICAgIGNvbnN0IGNvbG9ycyA9IEFJVGFibGUuZ2V0Q29sb3JzKCk7XG4gICAgY29uc3QgdmlzaWJsZUNvbHVtbnMgPSBBSVRhYmxlLmdldFZpc2libGVGaWVsZHMoYWlUYWJsZSk7XG4gICAgY29uc3QgYWN0aXZlQ2VsbCA9IEFJVGFibGUuZ2V0QWN0aXZlQ2VsbChhaVRhYmxlKTtcbiAgICBjb25zdCB0b3RhbENvbHVtbkNvdW50ID0gdmlzaWJsZUNvbHVtbnMubGVuZ3RoO1xuXG4gICAgbGV0IGFjdGl2ZUNlbGxCb3JkZXI6IFJlY3RDb25maWcgfCBudWxsID0gbnVsbDtcbiAgICBsZXQgZnJvemVuQWN0aXZlQ2VsbEJvcmRlcjogUmVjdENvbmZpZyB8IG51bGwgPSBudWxsO1xuXG4gICAgaWYgKGFjdGl2ZUNlbGwgIT0gbnVsbCkge1xuICAgICAgICBjb25zdCB7IGZpZWxkSWQgfSA9IGFjdGl2ZUNlbGw7XG4gICAgICAgIGNvbnN0IHsgcm93SW5kZXgsIGNvbHVtbkluZGV4IH0gPSBBSVRhYmxlLmdldENlbGxJbmRleChhaVRhYmxlLCBhY3RpdmVDZWxsKSE7XG5cbiAgICAgICAgY29uc3QgY2hlY2tJc1Zpc2libGUgPSAocm93SW5kZXg6IG51bWJlciwgY29sdW1uSW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgICAgICAgaWYgKGNvbHVtbkluZGV4IDwgZnJvemVuQ29sdW1uQ291bnQpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgcm93SW5kZXggPj0gcm93U3RhcnRJbmRleCAmJiByb3dJbmRleCA8PSByb3dTdG9wSW5kZXggJiYgY29sdW1uSW5kZXggPj0gY29sdW1uU3RhcnRJbmRleCAmJiBjb2x1bW5JbmRleCA8PSBjb2x1bW5TdG9wSW5kZXhcbiAgICAgICAgICAgICk7XG4gICAgICAgIH07XG5cbiAgICAgICAgaWYgKHJvd0luZGV4ICE9IG51bGwgJiYgY29sdW1uSW5kZXggIT0gbnVsbCAmJiBjaGVja0lzVmlzaWJsZShyb3dJbmRleCwgY29sdW1uSW5kZXgpKSB7XG4gICAgICAgICAgICBjb25zdCB7IHR5cGUgfSA9IGxpbmVhclJvd3MoKVtyb3dJbmRleF07XG5cbiAgICAgICAgICAgIGlmICh0eXBlID09PSBBSVRhYmxlUm93VHlwZS5yZWNvcmQpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBhY3RpdmVGaWVsZCA9IHZpc2libGVDb2x1bW5zLmZpbmQoKGZpZWxkKSA9PiBmaWVsZC5faWQgPT09IGZpZWxkSWQpO1xuICAgICAgICAgICAgICAgIGlmIChhY3RpdmVGaWVsZCA9PSBudWxsKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBhY3RpdmVDZWxsQm9yZGVyLFxuICAgICAgICAgICAgICAgICAgICAgICAgZnJvemVuQWN0aXZlQ2VsbEJvcmRlclxuICAgICAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIGNvbnN0IHggPSBjb29yZGluYXRlLmdldENvbHVtbk9mZnNldChjb2x1bW5JbmRleCk7XG4gICAgICAgICAgICAgICAgY29uc3QgeSA9IGNvb3JkaW5hdGUuZ2V0Um93T2Zmc2V0KHJvd0luZGV4KTtcbiAgICAgICAgICAgICAgICBjb25zdCBjb2x1bW5XaWR0aCA9IGNvb3JkaW5hdGUuZ2V0Q29sdW1uV2lkdGgoY29sdW1uSW5kZXgpO1xuICAgICAgICAgICAgICAgIGNvbnN0IGlzRnJvemVuQ29sdW1uID0gY29sdW1uSW5kZXggPCBmcm96ZW5Db2x1bW5Db3VudDtcbiAgICAgICAgICAgICAgICBjb25zdCB7IG9mZnNldCwgd2lkdGggfSA9IGdldENlbGxIb3Jpem9udGFsUG9zaXRpb24oe1xuICAgICAgICAgICAgICAgICAgICBjb2x1bW5XaWR0aCxcbiAgICAgICAgICAgICAgICAgICAgY29sdW1uSW5kZXgsXG4gICAgICAgICAgICAgICAgICAgIGNvbHVtbkNvdW50OiB0b3RhbENvbHVtbkNvdW50XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgLy8gYWN0aXZlIOWklui+ueeVjOWSjOmdniBhY3RpdmUg5aSW6L6555WMIGJveCDlpKflsI/kv53mjIHkuIDoh7RcbiAgICAgICAgICAgICAgICBjb25zdCBjdXJyZW50Q29uZmlnID0ge1xuICAgICAgICAgICAgICAgICAgICB4OiB4ICsgb2Zmc2V0ICsgQUlfVEFCTEVfT0ZGU0VULFxuICAgICAgICAgICAgICAgICAgICB5OiB5ICsgQUlfVEFCTEVfT0ZGU0VULFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogd2lkdGggLSBBSV9UQUJMRV9DRUxMX0JPUkRFUiAvIDIsXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogcm93SGVpZ2h0IC0gQUlfVEFCTEVfQ0VMTF9CT1JERVIgLyAyLFxuICAgICAgICAgICAgICAgICAgICBzdHJva2VXaWR0aDogQUlfVEFCTEVfQ0VMTF9CT1JERVIsXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZTogY29sb3JzLnByaW1hcnksXG4gICAgICAgICAgICAgICAgICAgIGZpbGxFbmFibGVkOiBmYWxzZSxcbiAgICAgICAgICAgICAgICAgICAgbGlzdGVuaW5nOiBmYWxzZVxuICAgICAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgICAgICBpZiAoaXNGcm96ZW5Db2x1bW4pIHtcbiAgICAgICAgICAgICAgICAgICAgZnJvemVuQWN0aXZlQ2VsbEJvcmRlciA9IGN1cnJlbnRDb25maWc7XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgYWN0aXZlQ2VsbEJvcmRlciA9IGN1cnJlbnRDb25maWc7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgICAgYWN0aXZlQ2VsbEJvcmRlcixcbiAgICAgICAgZnJvemVuQWN0aXZlQ2VsbEJvcmRlclxuICAgIH07XG59O1xuIl19