@jinmutech/ng-zorro-form-design 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 JinmuTech
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,140 @@
+# JmFormDesign
+
+面向 **Angular 17 + ng-zorro-antd** 的可视化表单设计器：拖拽搭建、JSON 导入导出、代码生成、嵌入模式。
+
+> **npm 包名：** `@jinmutech/ng-zorro-form-design`（与 `@jinmutech/ngx-monaco-editor` 同属 JinmuTech scope）。  
+> 本项目为基于 ng-zorro-antd 的表单设计器，**非** ng-zorro 官方包。
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
+[![Angular](https://img.shields.io/badge/Angular-17-red.svg)](https://angular.io/)
+[![ng-zorro](https://img.shields.io/badge/ng--zorro-17-blue.svg)](https://ng.ant.design/)
+
+> **English:** A drag-and-drop form designer for Angular 17 and ng-zorro-antd with JSON/code export and embed mode.
+
+## 特性
+
+- 拖拽设计表单（栅格、表格、标签页、卡片等布局）
+- JSON 导入 / 导出 / 在线编辑（Monaco）
+- 生成 HTML / TypeScript / CSS 代码
+- 嵌入模式（`embedded`）与保存事件
+- 中英文 i18n
+- 164 单元测试
+
+## 在线体验
+
+克隆仓库后本地运行 Demo（见下方「快速开始」）。  
+部署静态 Demo：`npm run build:demo`，将 `dist/jm-form-design` 发布到 Gitee Pages / GitHub Pages。
+
+## 版本与兼容
+
+| 项 | 版本 |
+|----|------|
+| Angular | **17.x**（`peerDependencies`） |
+| ng-zorro-antd | **17.x** |
+| TypeScript | **~5.4.x**（Angular 17.3 要求 `<5.5`） |
+| Node | **18+** 或 **20 LTS**（推荐，见 `.nvmrc`） |
+| RxJS | 7.8+ |
+
+历史版本：Angular 14 快照 tag [`v0.0.142-ng14`](https://gitee.com/jzwsoft/jm-form-design/releases/tag/v0.0.142-ng14)（不再维护）。
+
+## 快速开始（Demo）
+
+```bash
+git clone https://gitee.com/jzwsoft/jm-form-design.git
+cd jm-form-design
+npm install
+npm start
+```
+
+浏览器打开 http://localhost:4200/designer
+
+## 作为库安装
+
+```bash
+npm install @jinmutech/ng-zorro-form-design ng-zorro-antd ngx-monaco-editor-v2 monaco-editor @ngx-translate/core @ngx-translate/http-loader
+```
+
+### 1. 引入模块
+
+```typescript
+import { DesignerModule } from '@jinmutech/ng-zorro-form-design';
+
+@NgModule({
+  imports: [
+    DesignerModule,
+    // 宿主应用需已配置 BrowserAnimationsModule、HttpClientModule、ng-zorro、TranslateModule
+  ]
+})
+export class AppModule {}
+```
+
+### 2. 模板使用
+
+**独立设计器页面：**
+
+```html
+<app-designer></app-designer>
+```
+
+**嵌入模式（隐藏顶栏 Logo，导入 JSON 走 Modal，显示保存按钮）：**
+
+```html
+<app-designer
+  [embedded]="true"
+  [initialFormModel]="formJson"
+  (formSave)="onSave($event)"
+  (formChange)="onChange($event)">
+</app-designer>
+```
+
+### 3. Monaco 静态资源
+
+在宿主 `angular.json` 的 `assets` 中加入：
+
+```json
+{
+  "glob": "**/*",
+  "input": "node_modules/monaco-editor",
+  "output": "assets/monaco"
+}
+```
+
+库内 Monaco 懒加载模块默认 `baseUrl: './assets'`，宿主需将 `monaco-editor` 复制到 `assets/monaco/`（见上方 `angular.json` 示例）。
+
+### 4. i18n 资源
+
+将库内 `assets/i18n/` 合并到宿主，或配置 `TranslateHttpLoader` 指向相同路径。
+
+## 构建与测试
+
+```bash
+npm run build          # Demo 应用
+npm run test:ci        # 单元测试（Headless Chrome）
+npm run packagr        # 库产物 → dist/
+```
+
+## 导出 API
+
+```typescript
+import {
+  DesignerModule,
+  DesignerComponent,
+  PlayModule,
+  PlayComponent,
+  FormModel
+} from '@jinmutech/ng-zorro-form-design';
+```
+
+## 企业支持
+
+- 官网：[jinmutech.cn](https://www.jinmutech.cn)
+- 定制实施、私有化部署、行业模板与后端表单引擎集成
+- Issue：[Gitee Issues](https://gitee.com/jzwsoft/jm-form-design/issues)
+
+## 参与贡献
+
+见 [CONTRIBUTING.md](CONTRIBUTING.md)。升级记录见 [docs/upgrade-angular-17.md](docs/upgrade-angular-17.md)。
+
+## License
+
+[MIT](LICENSE) © JinmuTech

package/esm2022/jinmutech-ng-zorro-form-design.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiamlubXV0ZWNoLW5nLXpvcnJvLWZvcm0tZGVzaWduLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vamlubXV0ZWNoLW5nLXpvcnJvLWZvcm0tZGVzaWduLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=

package/esm2022/public_api.mjs

@@ -0,0 +1,8 @@
+export * from './src/app/pages/designer/designer.module';
+export * from './src/app/pages/designer/designer.component';
+export * from './src/app/pages/designer/play/play.module';
+export * from './src/app/pages/designer/play/play.component';
+export * from './src/app/pages/designer/play/play-zorro/play-zorro.component';
+export * from './src/app/shared/utils/form-values.util';
+export * from './src/app/shared/models/form.model';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxvQ0FBb0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3JjL2FwcC9wYWdlcy9kZXNpZ25lci9kZXNpZ25lci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvYXBwL3BhZ2VzL2Rlc2lnbmVyL2Rlc2lnbmVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9hcHAvcGFnZXMvZGVzaWduZXIvcGxheS9wbGF5Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9hcHAvcGFnZXMvZGVzaWduZXIvcGxheS9wbGF5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9hcHAvcGFnZXMvZGVzaWduZXIvcGxheS9wbGF5LXpvcnJvL3BsYXktem9ycm8uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2FwcC9zaGFyZWQvdXRpbHMvZm9ybS12YWx1ZXMudXRpbCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9hcHAvc2hhcmVkL21vZGVscy9mb3JtLm1vZGVsJzsiXX0=

package/esm2022/src/app/directive/directive.module.mjs

@@ -0,0 +1,82 @@
+import { NgModule } from '@angular/core';
+import { DragDropService } from './drag-drop.service';
+import { DragDirective } from './drag-drop/drag.directive';
+import { DropDirective } from './drag-drop/drop.directive';
+import { BgColorDirective } from './table/bgcolor.directive';
+import { BorderColorDirective } from './table/borderColor.directive';
+import { BorderWidthDirective } from './table/borderWidth.directive';
+import { CellpaddingDirective } from './table/cellpadding.directive';
+import { CellspacingDirective } from './table/cellspacing.directive';
+import { AlignDirective } from './table/td/align.directive';
+import { ColspanDirective } from './table/td/colspan.directive';
+import { HeightDirective } from './table/td/height.directive';
+import { RowspanDirective } from './table/td/rowspan.directive';
+import { VAlignDirective } from './table/td/valign.directive';
+import { WidthDirective } from './table/td/width.directive';
+import * as i0 from "@angular/core";
+export class DirectiveModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DirectiveModule, declarations: [DragDirective,
+            DropDirective,
+            ColspanDirective,
+            RowspanDirective,
+            BgColorDirective,
+            BorderWidthDirective,
+            BorderColorDirective,
+            CellpaddingDirective,
+            CellspacingDirective,
+            AlignDirective,
+            VAlignDirective,
+            HeightDirective,
+            WidthDirective], exports: [DragDirective,
+            DropDirective,
+            ColspanDirective,
+            RowspanDirective,
+            BgColorDirective,
+            BorderWidthDirective,
+            BorderColorDirective,
+            CellpaddingDirective,
+            CellspacingDirective,
+            AlignDirective,
+            VAlignDirective,
+            HeightDirective,
+            WidthDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DirectiveModule, providers: [DragDropService] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DragDirective,
+                        DropDirective,
+                        ColspanDirective,
+                        RowspanDirective,
+                        BgColorDirective,
+                        BorderWidthDirective,
+                        BorderColorDirective,
+                        CellpaddingDirective,
+                        CellspacingDirective,
+                        AlignDirective,
+                        VAlignDirective,
+                        HeightDirective,
+                        WidthDirective
+                    ],
+                    exports: [
+                        DragDirective,
+                        DropDirective,
+                        ColspanDirective,
+                        RowspanDirective,
+                        BgColorDirective,
+                        BorderWidthDirective,
+                        BorderColorDirective,
+                        CellpaddingDirective,
+                        CellspacingDirective,
+                        AlignDirective,
+                        VAlignDirective,
+                        HeightDirective,
+                        WidthDirective
+                    ],
+                    providers: [DragDropService]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlyZWN0aXZlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvZGlyZWN0aXZlL2RpcmVjdGl2ZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNyRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNyRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNyRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNyRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBbUM1RCxNQUFNLE9BQU8sZUFBZTsrR0FBZixlQUFlO2dIQUFmLGVBQWUsaUJBL0J4QixhQUFhO1lBQ2IsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBQ2hCLG9CQUFvQjtZQUNwQixvQkFBb0I7WUFDcEIsb0JBQW9CO1lBQ3BCLG9CQUFvQjtZQUNwQixjQUFjO1lBQ2QsZUFBZTtZQUNmLGVBQWU7WUFDZixjQUFjLGFBR2QsYUFBYTtZQUNiLGFBQWE7WUFDYixnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBQ2hCLGdCQUFnQjtZQUNoQixvQkFBb0I7WUFDcEIsb0JBQW9CO1lBQ3BCLG9CQUFvQjtZQUNwQixvQkFBb0I7WUFDcEIsY0FBYztZQUNkLGVBQWU7WUFDZixlQUFlO1lBQ2YsY0FBYztnSEFJTCxlQUFlLGFBRmhCLENBQUMsZUFBZSxDQUFDOzs0RkFFaEIsZUFBZTtrQkFqQzNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixvQkFBb0I7d0JBQ3BCLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGNBQWM7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixvQkFBb0I7d0JBQ3BCLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGNBQWM7cUJBQ2Y7b0JBQ0QsU0FBUyxFQUFDLENBQUMsZUFBZSxDQUFDO2lCQUM1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEcmFnRHJvcFNlcnZpY2UgfSBmcm9tICcuL2RyYWctZHJvcC5zZXJ2aWNlJztcbmltcG9ydCB7IERyYWdEaXJlY3RpdmUgfSBmcm9tICcuL2RyYWctZHJvcC9kcmFnLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEcm9wRGlyZWN0aXZlIH0gZnJvbSAnLi9kcmFnLWRyb3AvZHJvcC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQmdDb2xvckRpcmVjdGl2ZSB9IGZyb20gJy4vdGFibGUvYmdjb2xvci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQm9yZGVyQ29sb3JEaXJlY3RpdmUgfSBmcm9tICcuL3RhYmxlL2JvcmRlckNvbG9yLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBCb3JkZXJXaWR0aERpcmVjdGl2ZSB9IGZyb20gJy4vdGFibGUvYm9yZGVyV2lkdGguZGlyZWN0aXZlJztcbmltcG9ydCB7IENlbGxwYWRkaW5nRGlyZWN0aXZlIH0gZnJvbSAnLi90YWJsZS9jZWxscGFkZGluZy5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ2VsbHNwYWNpbmdEaXJlY3RpdmUgfSBmcm9tICcuL3RhYmxlL2NlbGxzcGFjaW5nLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBBbGlnbkRpcmVjdGl2ZSB9IGZyb20gJy4vdGFibGUvdGQvYWxpZ24uZGlyZWN0aXZlJztcbmltcG9ydCB7IENvbHNwYW5EaXJlY3RpdmUgfSBmcm9tICcuL3RhYmxlL3RkL2NvbHNwYW4uZGlyZWN0aXZlJztcbmltcG9ydCB7IEhlaWdodERpcmVjdGl2ZSB9IGZyb20gJy4vdGFibGUvdGQvaGVpZ2h0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBSb3dzcGFuRGlyZWN0aXZlIH0gZnJvbSAnLi90YWJsZS90ZC9yb3dzcGFuLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBWQWxpZ25EaXJlY3RpdmUgfSBmcm9tICcuL3RhYmxlL3RkL3ZhbGlnbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgV2lkdGhEaXJlY3RpdmUgfSBmcm9tICcuL3RhYmxlL3RkL3dpZHRoLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERyYWdEaXJlY3RpdmUsXG4gICAgRHJvcERpcmVjdGl2ZSxcbiAgICBDb2xzcGFuRGlyZWN0aXZlLFxuICAgIFJvd3NwYW5EaXJlY3RpdmUsXG4gICAgQmdDb2xvckRpcmVjdGl2ZSxcbiAgICBCb3JkZXJXaWR0aERpcmVjdGl2ZSxcbiAgICBCb3JkZXJDb2xvckRpcmVjdGl2ZSxcbiAgICBDZWxscGFkZGluZ0RpcmVjdGl2ZSxcbiAgICBDZWxsc3BhY2luZ0RpcmVjdGl2ZSxcbiAgICBBbGlnbkRpcmVjdGl2ZSxcbiAgICBWQWxpZ25EaXJlY3RpdmUsXG4gICAgSGVpZ2h0RGlyZWN0aXZlLFxuICAgIFdpZHRoRGlyZWN0aXZlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEcmFnRGlyZWN0aXZlLFxuICAgIERyb3BEaXJlY3RpdmUsXG4gICAgQ29sc3BhbkRpcmVjdGl2ZSxcbiAgICBSb3dzcGFuRGlyZWN0aXZlLFxuICAgIEJnQ29sb3JEaXJlY3RpdmUsXG4gICAgQm9yZGVyV2lkdGhEaXJlY3RpdmUsXG4gICAgQm9yZGVyQ29sb3JEaXJlY3RpdmUsXG4gICAgQ2VsbHBhZGRpbmdEaXJlY3RpdmUsXG4gICAgQ2VsbHNwYWNpbmdEaXJlY3RpdmUsXG4gICAgQWxpZ25EaXJlY3RpdmUsXG4gICAgVkFsaWduRGlyZWN0aXZlLFxuICAgIEhlaWdodERpcmVjdGl2ZSxcbiAgICBXaWR0aERpcmVjdGl2ZVxuICBdLFxuICBwcm92aWRlcnM6W0RyYWdEcm9wU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgRGlyZWN0aXZlTW9kdWxlIHsgfVxuIl19

package/esm2022/src/app/directive/drag-drop/drag.directive.mjs

@@ -0,0 +1,71 @@
+import { Directive, HostListener, Input, Output, EventEmitter } from '@angular/core';
+import { AbstractFactory } from '../../shared/factories/items-factory';
+import * as i0 from "@angular/core";
+import * as i1 from "../drag-drop.service";
+export class DragDirective {
+    set isDraggable(value) {
+        this.isDraggble = value;
+        this.rd.setAttribute(this.el.nativeElement, 'draggable', `${value}`);
+    }
+    get isDraggable() {
+        return this.isDraggble;
+    }
+    constructor(el, rd, dragDropService) {
+        this.el = el;
+        this.rd = rd;
+        this.dragDropService = dragDropService;
+        this.isDraggble = false;
+        this.onDragEndEvent = new EventEmitter();
+        this.onDragStartEvent = new EventEmitter();
+    }
+    onDragStart(ev) {
+        const itemModel = AbstractFactory.instance.getItem(this.dragControlName).makeItem();
+        if (this.isCreate) {
+            this.dragDropService.setDragData(itemModel);
+            this.onDragStartEvent.emit(itemModel);
+        }
+        else {
+            itemModel.id = this.dragObjectId;
+            itemModel.isCreate = this.isCreate;
+            this.dragDropService.setDragData(itemModel);
+            this.onDragStartEvent.emit(itemModel);
+        }
+        ev.stopPropagation();
+    }
+    onDragEnd(ev) {
+        ev.preventDefault();
+        ev.stopPropagation();
+        this.onDragEndEvent.emit(ev);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DragDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DragDropService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: DragDirective, selector: "[isDraggable]", inputs: { isDraggable: "isDraggable", dragControlName: "dragControlName", isCreate: "isCreate", dragObjectId: "dragObjectId" }, outputs: { onDragEndEvent: "onDragEndEvent", onDragStartEvent: "onDragStartEvent" }, host: { listeners: { "dragstart": "onDragStart($event)", "dragend": "onDragEnd($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DragDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[isDraggable]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.DragDropService }], propDecorators: { isDraggable: [{
+                type: Input,
+                args: ['isDraggable']
+            }], dragControlName: [{
+                type: Input,
+                args: ['dragControlName']
+            }], isCreate: [{
+                type: Input,
+                args: ['isCreate']
+            }], dragObjectId: [{
+                type: Input,
+                args: ['dragObjectId']
+            }], onDragEndEvent: [{
+                type: Output
+            }], onDragStartEvent: [{
+                type: Output
+            }], onDragStart: [{
+                type: HostListener,
+                args: ['dragstart', ['$event']]
+            }], onDragEnd: [{
+                type: HostListener,
+                args: ['dragend', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2RpcmVjdGl2ZS9kcmFnLWRyb3AvZHJhZy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQXlCLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBUXZFLE1BQU0sT0FBTyxhQUFhO0lBR3hCLElBQ0ksV0FBVyxDQUFDLEtBQWM7UUFDNUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsV0FBVyxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFjRCxZQUNVLEVBQWMsRUFDZCxFQUFhLEVBQ2IsZUFBZ0M7UUFGaEMsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUNkLE9BQUUsR0FBRixFQUFFLENBQVc7UUFDYixvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUEzQmxDLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFvQjNCLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztRQUUvQyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO0lBTS9DLENBQUM7SUFHSixXQUFXLENBQUMsRUFBYTtRQUN2QixNQUFNLFNBQVMsR0FBRyxlQUFlLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFcEYsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDNUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN4QyxDQUFDO2FBQU0sQ0FBQztZQUNOLFNBQVMsQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztZQUNqQyxTQUFTLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDbkMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDNUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN4QyxDQUFDO1FBRUQsRUFBRSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFHRCxTQUFTLENBQUMsRUFBYTtRQUNyQixFQUFFLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDcEIsRUFBRSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQy9CLENBQUM7K0dBckRVLGFBQWE7bUdBQWIsYUFBYTs7NEZBQWIsYUFBYTtrQkFIekIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtpQkFDMUI7cUlBS0ssV0FBVztzQkFEZCxLQUFLO3VCQUFDLGFBQWE7Z0JBV3BCLGVBQWU7c0JBRGQsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBR3hCLFFBQVE7c0JBRFAsS0FBSzt1QkFBQyxVQUFVO2dCQUdqQixZQUFZO3NCQURYLEtBQUs7dUJBQUMsY0FBYztnQkFJckIsY0FBYztzQkFEYixNQUFNO2dCQUdQLGdCQUFnQjtzQkFEZixNQUFNO2dCQVVQLFdBQVc7c0JBRFYsWUFBWTt1QkFBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBa0JyQyxTQUFTO3NCQURSLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIsIEVsZW1lbnRSZWYsIFJlbmRlcmVyMiwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdEZhY3RvcnkgfSBmcm9tICcuLi8uLi9zaGFyZWQvZmFjdG9yaWVzL2l0ZW1zLWZhY3RvcnknO1xuaW1wb3J0IEl0ZW1UeXBlRW51bSBmcm9tICcuLi8uLi9zaGFyZWQvZGljdGlvbmFyaWVzL2l0ZW0tdHlwZXMtZW51bSc7XG5pbXBvcnQgeyBJSXRlbU1vZGVsIH0gZnJvbSAnLi4vLi4vc2hhcmVkL21vZGVscy9pLWl0ZW1zLm1vZGVsJztcbmltcG9ydCB7IERyYWdEcm9wU2VydmljZSB9IGZyb20gJy4uL2RyYWctZHJvcC5zZXJ2aWNlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2lzRHJhZ2dhYmxlXSdcbn0pXG5leHBvcnQgY2xhc3MgRHJhZ0RpcmVjdGl2ZSB7XG4gIHByaXZhdGUgaXNEcmFnZ2JsZSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgnaXNEcmFnZ2FibGUnKVxuICBzZXQgaXNEcmFnZ2FibGUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmlzRHJhZ2dibGUgPSB2YWx1ZTtcbiAgICB0aGlzLnJkLnNldEF0dHJpYnV0ZSh0aGlzLmVsLm5hdGl2ZUVsZW1lbnQsICdkcmFnZ2FibGUnLCBgJHt2YWx1ZX1gKTtcbiAgfVxuXG4gIGdldCBpc0RyYWdnYWJsZSgpIHtcbiAgICByZXR1cm4gdGhpcy5pc0RyYWdnYmxlO1xuICB9XG5cbiAgQElucHV0KCdkcmFnQ29udHJvbE5hbWUnKVxuICBkcmFnQ29udHJvbE5hbWUhOiBJdGVtVHlwZUVudW07XG4gIEBJbnB1dCgnaXNDcmVhdGUnKVxuICBpc0NyZWF0ZSE6IGJvb2xlYW47XG4gIEBJbnB1dCgnZHJhZ09iamVjdElkJylcbiAgZHJhZ09iamVjdElkITogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKVxuICBvbkRyYWdFbmRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8RHJhZ0V2ZW50PigpO1xuICBAT3V0cHV0KClcbiAgb25EcmFnU3RhcnRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8SUl0ZW1Nb2RlbD4oKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsOiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgcmQ6IFJlbmRlcmVyMixcbiAgICBwcml2YXRlIGRyYWdEcm9wU2VydmljZTogRHJhZ0Ryb3BTZXJ2aWNlXG4gICkge31cblxuICBASG9zdExpc3RlbmVyKCdkcmFnc3RhcnQnLCBbJyRldmVudCddKVxuICBvbkRyYWdTdGFydChldjogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgaXRlbU1vZGVsID0gQWJzdHJhY3RGYWN0b3J5Lmluc3RhbmNlLmdldEl0ZW0odGhpcy5kcmFnQ29udHJvbE5hbWUpLm1ha2VJdGVtKCk7XG5cbiAgICBpZiAodGhpcy5pc0NyZWF0ZSkge1xuICAgICAgdGhpcy5kcmFnRHJvcFNlcnZpY2Uuc2V0RHJhZ0RhdGEoaXRlbU1vZGVsKTtcbiAgICAgIHRoaXMub25EcmFnU3RhcnRFdmVudC5lbWl0KGl0ZW1Nb2RlbCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGl0ZW1Nb2RlbC5pZCA9IHRoaXMuZHJhZ09iamVjdElkO1xuICAgICAgaXRlbU1vZGVsLmlzQ3JlYXRlID0gdGhpcy5pc0NyZWF0ZTtcbiAgICAgIHRoaXMuZHJhZ0Ryb3BTZXJ2aWNlLnNldERyYWdEYXRhKGl0ZW1Nb2RlbCk7XG4gICAgICB0aGlzLm9uRHJhZ1N0YXJ0RXZlbnQuZW1pdChpdGVtTW9kZWwpO1xuICAgIH1cblxuICAgIGV2LnN0b3BQcm9wYWdhdGlvbigpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJhZ2VuZCcsIFsnJGV2ZW50J10pXG4gIG9uRHJhZ0VuZChldjogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgZXYucHJldmVudERlZmF1bHQoKTtcbiAgICBldi5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLm9uRHJhZ0VuZEV2ZW50LmVtaXQoZXYpO1xuICB9XG59XG4iXX0=

package/esm2022/src/app/directive/drag-drop/drop.directive.mjs

@@ -0,0 +1,118 @@
+import { Directive, HostListener, Input, Output, EventEmitter } from '@angular/core';
+import { DragObjectModel } from '../../shared/models/drag-object.model';
+import { GlobalConstant } from '../../shared/global-const';
+import { ComponentOperation } from '../../shared/utils/component.operation';
+import { queryElementByItemId } from '../../shared/utils/dom-query.util';
+import { isInteractiveClickTarget } from '../../shared/utils/interactive-target.util';
+import * as i0 from "@angular/core";
+import * as i1 from "../drag-drop.service";
+export class DropDirective {
+    set isDroppable(value) {
+        this._isDroppable = value;
+        this.rd.setAttribute(this.el.nativeElement, 'droppable', `${value}`);
+    }
+    get isDroppable() {
+        return this._isDroppable;
+    }
+    constructor(el, rd, dragDropService) {
+        this.el = el;
+        this.rd = rd;
+        this.dragDropService = dragDropService;
+        this._isDroppable = false;
+        this.onDragEnterEvent = new EventEmitter();
+        this.onDragOverEvent = new EventEmitter();
+        this.onDragLeaveEvent = new EventEmitter();
+        this.onDropEvent = new EventEmitter();
+        this.onClickEvent = new EventEmitter();
+    }
+    buildDragObject(element, clientX, clientY, dragData) {
+        const offset = ComponentOperation.fetchFullOffsetXY(element);
+        const dragObject = new DragObjectModel();
+        dragObject.id = element.id;
+        dragObject.offsetTop = offset.offsetTop;
+        dragObject.offsetLeft = offset.offsetLeft;
+        dragObject.offsetWidth = element.offsetWidth;
+        dragObject.offsetHeight = element.offsetHeight;
+        dragObject.x = clientX;
+        dragObject.y = clientY;
+        dragObject.data = dragData;
+        return dragObject;
+    }
+    onDragOver(ev) {
+        const element = this.el.nativeElement;
+        ev.preventDefault();
+        ev.stopPropagation();
+        const dragData = this.dragDropService.getCurrentDragData();
+        if (!dragData) {
+            return;
+        }
+        this.onDragOverEvent.emit(this.buildDragObject(element, ev.clientX, ev.clientY, dragData));
+    }
+    onDragLeave(ev) {
+        ev.preventDefault();
+        ev.stopPropagation();
+        this.onDragLeaveEvent.emit(ev);
+    }
+    onDrop(ev) {
+        ev.preventDefault();
+        ev.stopPropagation();
+        const dragData = this.dragDropService.getCurrentDragData();
+        if (!dragData) {
+            return;
+        }
+        let element;
+        if (this.el.nativeElement.id === GlobalConstant.designContentPanel) {
+            element = queryElementByItemId(this.el.nativeElement, dragData.id);
+        }
+        else {
+            element = this.el.nativeElement;
+        }
+        if (element) {
+            this.onDropEvent.emit(this.buildDragObject(element, ev.clientX, ev.clientY, dragData));
+        }
+    }
+    onClick(ev) {
+        if (isInteractiveClickTarget(ev.target)) {
+            return;
+        }
+        const element = this.el.nativeElement;
+        const dragData = this.dragDropService.getCurrentDragData();
+        ev.preventDefault();
+        ev.stopPropagation();
+        this.onClickEvent.emit(this.buildDragObject(element, ev.clientX, ev.clientY, dragData));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DragDropService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: DropDirective, selector: "[isDroppable]", inputs: { isDroppable: "isDroppable" }, outputs: { onDragEnterEvent: "onDragEnterEvent", onDragOverEvent: "onDragOverEvent", onDragLeaveEvent: "onDragLeaveEvent", onDropEvent: "onDropEvent", onClickEvent: "onClickEvent" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)", "click": "onClick($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[isDroppable]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.DragDropService }], propDecorators: { isDroppable: [{
+                type: Input,
+                args: ['isDroppable']
+            }], onDragEnterEvent: [{
+                type: Output
+            }], onDragOverEvent: [{
+                type: Output
+            }], onDragLeaveEvent: [{
+                type: Output
+            }], onDropEvent: [{
+                type: Output
+            }], onClickEvent: [{
+                type: Output
+            }], onDragOver: [{
+                type: HostListener,
+                args: ['dragover', ['$event']]
+            }], onDragLeave: [{
+                type: HostListener,
+                args: ['dragleave', ['$event']]
+            }], onDrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2RpcmVjdGl2ZS9kcmFnLWRyb3AvZHJvcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQXlCLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzVHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDNUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDekUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNENBQTRDLENBQUM7OztBQUt0RixNQUFNLE9BQU8sYUFBYTtJQUd4QixJQUNJLFdBQVcsQ0FBQyxLQUFjO1FBQzVCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLFdBQVcsRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDdkUsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBYUQsWUFDVSxFQUFjLEVBQ2QsRUFBYSxFQUNiLGVBQWdDO1FBRmhDLE9BQUUsR0FBRixFQUFFLENBQVk7UUFDZCxPQUFFLEdBQUYsRUFBRSxDQUFXO1FBQ2Isb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBMUJsQyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQWE3QixxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBYSxDQUFDO1FBRWpELG9C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IERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBFbGVtZW50UmVmLCBSZW5kZXJlcjIsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRHJhZ0Ryb3BTZXJ2aWNlIH0gZnJvbSAnLi4vZHJhZy1kcm9wLnNlcnZpY2UnO1xuaW1wb3J0IHsgRHJhZ1BheWxvYWQgfSBmcm9tICcuLi9kcmFnLWRyb3AudHlwZXMnO1xuaW1wb3J0IHsgRHJhZ09iamVjdE1vZGVsIH0gZnJvbSAnLi4vLi4vc2hhcmVkL21vZGVscy9kcmFnLW9iamVjdC5tb2RlbCc7XG5pbXBvcnQgeyBHbG9iYWxDb25zdGFudCB9IGZyb20gJy4uLy4uL3NoYXJlZC9nbG9iYWwtY29uc3QnO1xuaW1wb3J0IHsgQ29tcG9uZW50T3BlcmF0aW9uIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3V0aWxzL2NvbXBvbmVudC5vcGVyYXRpb24nO1xuaW1wb3J0IHsgcXVlcnlFbGVtZW50QnlJdGVtSWQgfSBmcm9tICcuLi8uLi9zaGFyZWQvdXRpbHMvZG9tLXF1ZXJ5LnV0aWwnO1xuaW1wb3J0IHsgaXNJbnRlcmFjdGl2ZUNsaWNrVGFyZ2V0IH0gZnJvbSAnLi4vLi4vc2hhcmVkL3V0aWxzL2ludGVyYWN0aXZlLXRhcmdldC51dGlsJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2lzRHJvcHBhYmxlXSdcbn0pXG5leHBvcnQgY2xhc3MgRHJvcERpcmVjdGl2ZSB7XG4gIHByaXZhdGUgX2lzRHJvcHBhYmxlID0gZmFsc2U7XG5cbiAgQElucHV0KCdpc0Ryb3BwYWJsZScpXG4gIHNldCBpc0Ryb3BwYWJsZSh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX2lzRHJvcHBhYmxlID0gdmFsdWU7XG4gICAgdGhpcy5yZC5zZXRBdHRyaWJ1dGUodGhpcy5lbC5uYXRpdmVFbGVtZW50LCAnZHJvcHBhYmxlJywgYCR7dmFsdWV9YCk7XG4gIH1cblxuICBnZXQgaXNEcm9wcGFibGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2lzRHJvcHBhYmxlO1xuICB9XG5cbiAgQE91dHB1dCgpXG4gIG9uRHJhZ0VudGVyRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPERyYWdFdmVudD4oKTtcbiAgQE91dHB1dCgpXG4gIG9uRHJhZ092ZXJFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8RHJhZ09iamVjdE1vZGVsPigpO1xuICBAT3V0cHV0KClcbiAgb25EcmFnTGVhdmVFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8RHJhZ0V2ZW50PigpO1xuICBAT3V0cHV0KClcbiAgb25Ecm9wRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPERyYWdPYmplY3RNb2RlbD4oKTtcbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2tFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8RHJhZ09iamVjdE1vZGVsPigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWw6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSByZDogUmVuZGVyZXIyLFxuICAgIHByaXZhdGUgZHJhZ0Ryb3BTZXJ2aWNlOiBEcmFnRHJvcFNlcnZpY2VcbiAgKSB7fVxuXG4gIHByaXZhdGUgYnVpbGREcmFnT2JqZWN0KFxuICAgIGVsZW1lbnQ6IEhUTUxFbGVtZW50LFxuICAgIGNsaWVudFg6IG51bWJlcixcbiAgICBjbGllbnRZOiBudW1iZXIsXG4gICAgZHJhZ0RhdGE6IERyYWdQYXlsb2FkXG4gICk6IERyYWdPYmplY3RNb2RlbCB7XG4gICAgY29uc3Qgb2Zmc2V0ID0gQ29tcG9uZW50T3BlcmF0aW9uLmZldGNoRnVsbE9mZnNldFhZKGVsZW1lbnQpO1xuICAgIGNvbnN0IGRyYWdPYmplY3QgPSBuZXcgRHJhZ09iamVjdE1vZGVsKCk7XG4gICAgZHJhZ09iamVjdC5pZCA9IGVsZW1lbnQuaWQ7XG4gICAgZHJhZ09iamVjdC5vZmZzZXRUb3AgPSBvZmZzZXQub2Zmc2V0VG9wO1xuICAgIGRyYWdPYmplY3Qub2Zmc2V0TGVmdCA9IG9mZnNldC5vZmZzZXRMZWZ0O1xuICAgIGRyYWdPYmplY3Qub2Zmc2V0V2lkdGggPSBlbGVtZW50Lm9mZnNldFdpZHRoO1xuICAgIGRyYWdPYmplY3Qub2Zmc2V0SGVpZ2h0ID0gZWxlbWVudC5vZmZzZXRIZWlnaHQ7XG4gICAgZHJhZ09iamVjdC54ID0gY2xpZW50WDtcbiAgICBkcmFnT2JqZWN0LnkgPSBjbGllbnRZO1xuICAgIGRyYWdPYmplY3QuZGF0YSA9IGRyYWdEYXRhO1xuICAgIHJldHVybiBkcmFnT2JqZWN0O1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJhZ292ZXInLCBbJyRldmVudCddKVxuICBvbkRyYWdPdmVyKGV2OiBEcmFnRXZlbnQpIHtcbiAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xuICAgIGV2LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZXYuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBjb25zdCBkcmFnRGF0YSA9IHRoaXMuZHJhZ0Ryb3BTZXJ2aWNlLmdldEN1cnJlbnREcmFnRGF0YSgpO1xuICAgIGlmICghZHJhZ0RhdGEpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5vbkRyYWdPdmVyRXZlbnQuZW1pdCh0aGlzLmJ1aWxkRHJhZ09iamVjdChlbGVtZW50LCBldi5jbGllbnRYLCBldi5jbGllbnRZLCBkcmFnRGF0YSkpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJhZ2xlYXZlJywgWyckZXZlbnQnXSlcbiAgb25EcmFnTGVhdmUoZXY6IERyYWdFdmVudCkge1xuICAgIGV2LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZXYuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5vbkRyYWdMZWF2ZUV2ZW50LmVtaXQoZXYpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJvcCcsIFsnJGV2ZW50J10pXG4gIG9uRHJvcChldjogRHJhZ0V2ZW50KSB7XG4gICAgZXYucHJldmVudERlZmF1bHQoKTtcbiAgICBldi5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgIGNvbnN0IGRyYWdEYXRhID0gdGhpcy5kcmFnRHJvcFNlcnZpY2UuZ2V0Q3VycmVudERyYWdEYXRhKCk7XG4gICAgaWYgKCFkcmFnRGF0YSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGxldCBlbGVtZW50OiBIVE1MRWxlbWVudCB8IG51bGw7XG4gICAgaWYgKHRoaXMuZWwubmF0aXZlRWxlbWVudC5pZCA9PT0gR2xvYmFsQ29uc3RhbnQuZGVzaWduQ29udGVudFBhbmVsKSB7XG4gICAgICBlbGVtZW50ID0gcXVlcnlFbGVtZW50QnlJdGVtSWQodGhpcy5lbC5uYXRpdmVFbGVtZW50LCBkcmFnRGF0YS5pZCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGVsZW1lbnQgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQ7XG4gICAgfVxuICAgIGlmIChlbGVtZW50KSB7XG4gICAgICB0aGlzLm9uRHJvcEV2ZW50LmVtaXQodGhpcy5idWlsZERyYWdPYmplY3QoZWxlbWVudCwgZXYuY2xpZW50WCwgZXYuY2xpZW50WSwgZHJhZ0RhdGEpKTtcbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIG9uQ2xpY2soZXY6IE1vdXNlRXZlbnQpIHtcbiAgICBpZiAoaXNJbnRlcmFjdGl2ZUNsaWNrVGFyZ2V0KGV2LnRhcmdldCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IGRyYWdEYXRhID0gdGhpcy5kcmFnRHJvcFNlcnZpY2UuZ2V0Q3VycmVudERyYWdEYXRhKCk7XG5cbiAgICBldi5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgdGhpcy5vbkNsaWNrRXZlbnQuZW1pdCh0aGlzLmJ1aWxkRHJhZ09iamVjdChlbGVtZW50LCBldi5jbGllbnRYLCBldi5jbGllbnRZLCBkcmFnRGF0YSkpO1xuICB9XG59XG4iXX0=

package/esm2022/src/app/directive/drag-drop.service.mjs

@@ -0,0 +1,30 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class DragDropService {
+    constructor() {
+        this._dragData = new BehaviorSubject(null);
+    }
+    setDragData(data) {
+        this._dragData.next(data);
+    }
+    getDragData() {
+        return this._dragData.asObservable();
+    }
+    /** 同步读取当前拖拽数据，避免在 dragover 等高频事件中重复 subscribe */
+    getCurrentDragData() {
+        return this._dragData.getValue();
+    }
+    clearDragData() {
+        this._dragData.next(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DragDropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DragDropService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DragDropService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1kcm9wLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2RpcmVjdGl2ZS9kcmFnLWRyb3Auc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxNQUFNLENBQUM7O0FBT25ELE1BQU0sT0FBTyxlQUFlO0lBSDVCO1FBSVUsY0FBUyxHQUFHLElBQUksZUFBZSxDQUFjLElBQUksQ0FBQyxDQUFDO0tBa0I1RDtJQWhCQyxXQUFXLENBQUMsSUFBZ0I7UUFDMUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELFdBQVc7UUFDVCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdkMsQ0FBQztJQUVELGlEQUFpRDtJQUNqRCxrQkFBa0I7UUFDaEIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQzsrR0FsQlUsZUFBZTttSEFBZixlQUFlLGNBRmQsTUFBTTs7NEZBRVAsZUFBZTtrQkFIM0IsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElJdGVtTW9kZWwgfSBmcm9tICcuLi9zaGFyZWQvbW9kZWxzL2ktaXRlbXMubW9kZWwnO1xuaW1wb3J0IHsgRHJhZ1BheWxvYWQgfSBmcm9tICcuL2RyYWctZHJvcC50eXBlcyc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIERyYWdEcm9wU2VydmljZSB7XG4gIHByaXZhdGUgX2RyYWdEYXRhID0gbmV3IEJlaGF2aW9yU3ViamVjdDxEcmFnUGF5bG9hZD4obnVsbCk7XG5cbiAgc2V0RHJhZ0RhdGEoZGF0YTogSUl0ZW1Nb2RlbCk6IHZvaWQge1xuICAgIHRoaXMuX2RyYWdEYXRhLm5leHQoZGF0YSk7XG4gIH1cblxuICBnZXREcmFnRGF0YSgpOiBPYnNlcnZhYmxlPERyYWdQYXlsb2FkPiB7XG4gICAgcmV0dXJuIHRoaXMuX2RyYWdEYXRhLmFzT2JzZXJ2YWJsZSgpO1xuICB9XG5cbiAgLyoqIOWQjOatpeivu+WPluW9k+WJjeaLluaLveaVsOaNru+8jOmBv+WFjeWcqCBkcmFnb3ZlciDnrYnpq5jpopHkuovku7bkuK3ph43lpI0gc3Vic2NyaWJlICovXG4gIGdldEN1cnJlbnREcmFnRGF0YSgpOiBEcmFnUGF5bG9hZCB7XG4gICAgcmV0dXJuIHRoaXMuX2RyYWdEYXRhLmdldFZhbHVlKCk7XG4gIH1cblxuICBjbGVhckRyYWdEYXRhKCk6IHZvaWQge1xuICAgIHRoaXMuX2RyYWdEYXRhLm5leHQobnVsbCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/src/app/directive/drag-drop.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1kcm9wLnR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9kaXJlY3RpdmUvZHJhZy1kcm9wLnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJSXRlbU1vZGVsIH0gZnJvbSAnLi4vc2hhcmVkL21vZGVscy9pLWl0ZW1zLm1vZGVsJztcblxuLyoqIOaLluaLveacjeWKoeS4reaaguWtmOeahOihqOWNlemhueW/q+eFpyAqL1xuZXhwb3J0IHR5cGUgRHJhZ1BheWxvYWQgPSBJSXRlbU1vZGVsIHwgbnVsbDtcbiJdfQ==

package/esm2022/src/app/directive/table/bgcolor.directive.mjs

@@ -0,0 +1,30 @@
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BgColorDirective {
+    set bgcolor(value) {
+        if (!!value) {
+            this._bgcolor = value;
+            this.rd.setStyle(this.el.nativeElement, 'background-color', `${value}`);
+        }
+    }
+    get bgcolor() {
+        return this._bgcolor;
+    }
+    constructor(el, rd) {
+        this.el = el;
+        this.rd = rd;
+        this._bgcolor = '#fff';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BgColorDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BgColorDirective, selector: "[bgcolor]", inputs: { bgcolor: "bgcolor" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BgColorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bgcolor]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { bgcolor: [{
+                type: Input,
+                args: ['bgcolor']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmdjb2xvci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2RpcmVjdGl2ZS90YWJsZS9iZ2NvbG9yLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUF5QixLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBS3hFLE1BQU0sT0FBTyxnQkFBZ0I7SUFHM0IsSUFDSSxPQUFPLENBQUMsS0FBWTtRQUN0QixJQUFJLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNaLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFDLGtCQUFrQixFQUFDLEdBQUcsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUN4RSxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBRUQsWUFDVSxFQUFhLEVBQ2IsRUFBWTtRQURaLE9BQUUsR0FBRixFQUFFLENBQVc7UUFDYixPQUFFLEdBQUYsRUFBRSxDQUFVO1FBaEJkLGFBQVEsR0FBRyxNQUFNLENBQUM7SUFpQnRCLENBQUM7K0dBbEJNLGdCQUFnQjttR0FBaEIsZ0JBQWdCOzs0RkFBaEIsZ0JBQWdCO2tCQUg1QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxXQUFXO2lCQUN0Qjt1R0FLSyxPQUFPO3NCQURWLEtBQUs7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgUmVuZGVyZXIyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYmdjb2xvcl0nXG59KVxuZXhwb3J0IGNsYXNzIEJnQ29sb3JEaXJlY3RpdmUge1xuICBwcml2YXRlIF9iZ2NvbG9yID0gJyNmZmYnO1xuXG4gIEBJbnB1dCgnYmdjb2xvcicpXG4gIHNldCBiZ2NvbG9yKHZhbHVlOnN0cmluZyl7XG4gICAgaWYgKCEhdmFsdWUpIHtcbiAgICAgIHRoaXMuX2JnY29sb3IgPSB2YWx1ZTtcbiAgICAgIHRoaXMucmQuc2V0U3R5bGUodGhpcy5lbC5uYXRpdmVFbGVtZW50LCdiYWNrZ3JvdW5kLWNvbG9yJyxgJHt2YWx1ZX1gKTtcbiAgICB9XG4gIH1cbiAgXG4gIGdldCBiZ2NvbG9yKCl7XG4gICAgcmV0dXJuIHRoaXMuX2JnY29sb3I7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsOkVsZW1lbnRSZWYsIFxuICAgIHByaXZhdGUgcmQ6UmVuZGVyZXIyXG4gICkgeyB9XG5cbn1cbiJdfQ==

package/esm2022/src/app/directive/table/borderColor.directive.mjs

@@ -0,0 +1,28 @@
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BorderColorDirective {
+    set borderColor(value) {
+        this._borderColor = value;
+        this.rd.setStyle(this.el.nativeElement, 'border-color', `${value}`);
+    }
+    get borderColor() {
+        return this._borderColor;
+    }
+    constructor(el, rd) {
+        this.el = el;
+        this.rd = rd;
+        this._borderColor = '1';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BorderColorDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BorderColorDirective, selector: "[borderColor]", inputs: { borderColor: "borderColor" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BorderColorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[borderColor]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { borderColor: [{
+                type: Input,
+                args: ['borderColor']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9yZGVyQ29sb3IuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9kaXJlY3RpdmUvdGFibGUvYm9yZGVyQ29sb3IuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXlCLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLeEUsTUFBTSxPQUFPLG9CQUFvQjtJQUcvQixJQUNJLFdBQVcsQ0FBQyxLQUFZO1FBQzFCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFDLGNBQWMsRUFBQyxHQUFHLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBRUQsWUFDVSxFQUFhLEVBQ2IsRUFBWTtRQURaLE9BQUUsR0FBRixFQUFFLENBQVc7UUFDYixPQUFFLEdBQUYsRUFBRSxDQUFVO1FBZGQsaUJBQVksR0FBRyxHQUFHLENBQUM7SUFldkIsQ0FBQzsrR0FoQk0sb0JBQW9CO21HQUFwQixvQkFBb0I7OzRGQUFwQixvQkFBb0I7a0JBSGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7aUJBQzFCO3VHQUtLLFdBQVc7c0JBRGQsS0FBSzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBSZW5kZXJlcjIsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tib3JkZXJDb2xvcl0nXG59KVxuZXhwb3J0IGNsYXNzIEJvcmRlckNvbG9yRGlyZWN0aXZlIHtcbiAgcHJpdmF0ZSBfYm9yZGVyQ29sb3IgPSAnMSc7XG5cbiAgQElucHV0KCdib3JkZXJDb2xvcicpXG4gIHNldCBib3JkZXJDb2xvcih2YWx1ZTpzdHJpbmcpe1xuICAgIHRoaXMuX2JvcmRlckNvbG9yID0gdmFsdWU7XG4gICAgdGhpcy5yZC5zZXRTdHlsZSh0aGlzLmVsLm5hdGl2ZUVsZW1lbnQsJ2JvcmRlci1jb2xvcicsYCR7dmFsdWV9YCk7XG4gIH1cbiAgXG4gIGdldCBib3JkZXJDb2xvcigpe1xuICAgIHJldHVybiB0aGlzLl9ib3JkZXJDb2xvcjtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWw6RWxlbWVudFJlZiwgXG4gICAgcHJpdmF0ZSByZDpSZW5kZXJlcjJcbiAgKSB7IH1cblxufVxuIl19

package/esm2022/src/app/directive/table/borderWidth.directive.mjs

@@ -0,0 +1,28 @@
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BorderWidthDirective {
+    set border(value) {
+        this._borderWidth = value;
+        this.rd.setStyle(this.el.nativeElement, 'border-width', `${value}px`);
+    }
+    get border() {
+        return this._borderWidth;
+    }
+    constructor(el, rd) {
+        this.el = el;
+        this.rd = rd;
+        this._borderWidth = '1';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BorderWidthDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BorderWidthDirective, selector: "[borderWidth]", inputs: { border: ["borderWidth", "border"] }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BorderWidthDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[borderWidth]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { border: [{
+                type: Input,
+                args: ['borderWidth']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9yZGVyV2lkdGguZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9kaXJlY3RpdmUvdGFibGUvYm9yZGVyV2lkdGguZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXlCLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLeEUsTUFBTSxPQUFPLG9CQUFvQjtJQUcvQixJQUNJLE1BQU0sQ0FBQyxLQUFhO1FBQ3RCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFDLGNBQWMsRUFBQyxHQUFHLEtBQUssSUFBSSxDQUFDLENBQUM7SUFFdEUsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBRUQsWUFDVSxFQUFhLEVBQ2IsRUFBWTtRQURaLE9BQUUsR0FBRixFQUFFLENBQVc7UUFDYixPQUFFLEdBQUYsRUFBRSxDQUFVO1FBZmQsaUJBQVksR0FBRyxHQUFHLENBQUM7SUFnQnZCLENBQUM7K0dBakJNLG9CQUFvQjttR0FBcEIsb0JBQW9COzs0RkFBcEIsb0JBQW9CO2tCQUhoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO2lCQUMxQjt1R0FLSyxNQUFNO3NCQURULEtBQUs7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgUmVuZGVyZXIyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYm9yZGVyV2lkdGhdJ1xufSlcbmV4cG9ydCBjbGFzcyBCb3JkZXJXaWR0aERpcmVjdGl2ZSB7XG4gIHByaXZhdGUgX2JvcmRlcldpZHRoID0gJzEnO1xuXG4gIEBJbnB1dCgnYm9yZGVyV2lkdGgnKVxuICBzZXQgYm9yZGVyKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9ib3JkZXJXaWR0aCA9IHZhbHVlO1xuICAgIHRoaXMucmQuc2V0U3R5bGUodGhpcy5lbC5uYXRpdmVFbGVtZW50LCdib3JkZXItd2lkdGgnLGAke3ZhbHVlfXB4YCk7XG4gICAgXG4gIH1cbiAgXG4gIGdldCBib3JkZXIoKXtcbiAgICByZXR1cm4gdGhpcy5fYm9yZGVyV2lkdGg7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsOkVsZW1lbnRSZWYsIFxuICAgIHByaXZhdGUgcmQ6UmVuZGVyZXIyXG4gICkgeyB9XG5cbn1cbiJdfQ==