@planeasyinc/le-angular 0.0.23 → 0.0.25

package/dist/fesm2022/planeasyinc-le-angular.mjs

@@ -23,7 +23,7 @@ import { FeFieldHost } from '@planeasyinc/fe-angular';
 import * as i1 from '@angular/forms';
 import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 
-const IS_LIBRARY_REQUEST = new HttpContextToken(() => false);
+const LE_REQUEST_CONTEXT_TOKEN = new HttpContextToken(() => false);
 
 const defaultConfig = {
     apiUrl: '',
@@ -87,7 +87,7 @@ class LEApiService {
         const url = new UrlFragmentBuilder(this.apiUrl())
             .setFragment('api/contrib/frontend-config/dashboard/config')
             .build();
-        return this.http.get(url, { context: new HttpContext().set(IS_LIBRARY_REQUEST, true) });
+        return this.http.get(url, { context: new HttpContext().set(LE_REQUEST_CONTEXT_TOKEN, true) });
     }
     getObject(className, query = '') {
         const url = new UrlFragmentBuilder(this.apiUrl())
@@ -97,7 +97,7 @@ class LEApiService {
             .setQuery(query)
             .build();
         return this.http.get(url, {
-            context: new HttpContext().set(IS_LIBRARY_REQUEST, true),
+            context: new HttpContext().set(LE_REQUEST_CONTEXT_TOKEN, true),
         });
     }
     getObjectByAddress(address, params) {
@@ -106,7 +106,7 @@ class LEApiService {
             .setQuery(`all_versions=${params.includeVersions ?? false}&include_metadata=${params.includeMeta ?? false}&load_references=${params.loadReferences ?? false}&file_optimized=${params.fileOptimized ?? true}`)
             .build();
         return this.http.get(url, {
-            context: new HttpContext().set(IS_LIBRARY_REQUEST, true),
+            context: new HttpContext().set(LE_REQUEST_CONTEXT_TOKEN, true),
         });
     }
     executeTransaction(name, body, query = '') {
@@ -115,20 +115,20 @@ class LEApiService {
             .setQuery(query)
             .build();
         return this.http.post(url, body ?? {}, {
-            context: new HttpContext().set(IS_LIBRARY_REQUEST, true),
+            context: new HttpContext().set(LE_REQUEST_CONTEXT_TOKEN, true),
         });
     }
     request(method, path, body) {
         const url = new UrlFragmentBuilder(this.apiUrl()).setFragment(path).build();
         const request = new HttpRequest(method, url, body, {
             responseType: 'json',
-            context: new HttpContext().set(IS_LIBRARY_REQUEST, true),
+            context: new HttpContext().set(LE_REQUEST_CONTEXT_TOKEN, true),
         });
         return this.http.request(request);
     }
     getBlob(path) {
         return this.http
-            .get(path, { responseType: 'blob', context: new HttpContext().set(IS_LIBRARY_REQUEST, true) })
+            .get(path, { responseType: 'blob', context: new HttpContext().set(LE_REQUEST_CONTEXT_TOKEN, true) })
             .pipe(map((blob) => URL.createObjectURL(blob)));
     }
     normalizeApiUrl(url) {
@@ -257,7 +257,7 @@ class LEDataService {
     navigateByNodeId(id) {
         const node = this.getNodeById(id);
         if (node) {
-            this._view.set(node);
+            this.setView(node);
         }
     }
     getNodeById(id, node = this._config()) {
@@ -447,12 +447,22 @@ const info = {
     ],
 };
 
+const download$1 = {
+    name: 'download',
+    viewBox: '0 -960 960 960',
+    content: [
+        'M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z',
+    ],
+};
+// <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z"/></svg>
+
 const ICONS_MAP = {
     chevron: chevron,
     'arrow-down': arrowDown,
     sort: sort,
     close: close,
-    info: info
+    info: info,
+    download: download$1,
 };
 
 class LeIconComponent {
@@ -653,10 +663,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<cdk-tree [dataSource]=\"source()\" [treeControl]=\"treeControl\">\n  <!-- Tree node template for leaf nodes -->\n  <cdk-nested-tree-node *cdkTreeNodeDef=\"let node\" class=\"le-tree-node\">\n    <div class=\"le-tree-row\">\n      <b>{{node.label | uppercase}}</b>: &nbsp;&nbsp;&nbsp; {{node.value}}\n    </div>\n  </cdk-nested-tree-node>\n\n  <!-- Tree node template for expandable nodes -->\n  <cdk-nested-tree-node *cdkTreeNodeDef=\"let node; when: hasChild\" class=\"le-tree-node\">\n\n    <a class=\"le-tree-row\" [class.le-tree-row--expanded]=\"treeControl.isExpanded(node)\" [attr.aria-label]=\"'Toggle ' + node.label\" cdkTreeNodeToggle>\n      <b>{{node.label | uppercase}}</b>:\n\n      <le-icon class=\"le-tree-chevron\" name=\"chevron\"></le-icon>\n    </a>\n\n    <div [class.le-tree-invisible]=\"!treeControl.isExpanded(node)\">\n      <ng-container cdkTreeNodeOutlet></ng-container>\n    </div>\n  </cdk-nested-tree-node>\n</cdk-tree>\n" }]
         }] });
 
-class StringTemplate {
+class BaseTemplate {
     data = input.required();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: StringTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.21", type: StringTemplate, isStandalone: true, selector: "ng-component", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<span class="le-table-template le-template-string">{{ data() ?? '–' }}</span>`, isInline: true });
+    attribute = input.required();
+    metadata = input.required();
+    clicked = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BaseTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", type: BaseTemplate, isStandalone: true, inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: true, transformFunction: null }, metadata: { classPropertyName: "metadata", publicName: "metadata", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BaseTemplate, decorators: [{
+            type: Directive
+        }] });
+
+class StringTemplate extends BaseTemplate {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: StringTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: StringTemplate, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<span class="le-table-template le-template-string">{{ data() ?? '–' }}</span>`, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: StringTemplate, decorators: [{
             type: Component,
@@ -665,11 +686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                 }]
         }] });
 
-class ReferenceTemplate {
-    data = input.required();
-    attribute = input.required();
-    metadata = input.required();
-    clicked = output();
+class ReferenceTemplate extends BaseTemplate {
     reference = computed(() => {
         const ref = this.data()?.ref;
         return {
@@ -680,7 +697,10 @@ class ReferenceTemplate {
     onClick(event) {
         event.preventDefault();
         event.stopImmediatePropagation();
-        this.clicked.emit(this.data());
+        this.clicked.emit({
+            type: 'reference',
+            data: this.data(),
+        });
     }
     generateText(ref) {
         if (ref) {
@@ -695,8 +715,8 @@ class ReferenceTemplate {
             return ref?.address ? `${href}?address=${ref.address}` : href;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ReferenceTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: ReferenceTemplate, isStandalone: true, selector: "ng-component", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: true, transformFunction: null }, metadata: { classPropertyName: "metadata", publicName: "metadata", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ReferenceTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: ReferenceTemplate, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <span class="le-table-template le-template-reference">
       @if (reference(); as reference) {
         @if (reference.href) {
@@ -737,10 +757,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                 }]
         }] });
 
-class JSONTemplate {
-    data = input.required();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: JSONTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.21", type: JSONTemplate, isStandalone: true, selector: "ng-component", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<pre class="le-table-template le-template-json">{{
+class JSONTemplate extends BaseTemplate {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: JSONTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: JSONTemplate, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<pre class="le-table-template le-template-json">{{
     data() ? (data() | json) : '–'
   }}</pre>`, isInline: true, dependencies: [{ kind: "pipe", type: JsonPipe, name: "json" }] });
 }
@@ -754,15 +773,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                 }]
         }] });
 
+class FileTemplate extends BaseTemplate {
+    onClick(event) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        this.clicked.emit({
+            type: 'file',
+            data: this.data(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: FileTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: FileTemplate, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <span class="le-table-template le-template-file">
+      @if (data()) {
+        <a [attr.aria-label]="'Download'" (click)="onClick($event)">
+          <le-icon size="16" class="le-icon-download" name="download"></le-icon>
+          Download
+        </a>
+      } @else {
+        No file attached
+      }
+    </span>
+  `, isInline: true, dependencies: [{ kind: "component", type: LeIconComponent, selector: "le-icon", inputs: ["name", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: FileTemplate, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [LeIconComponent],
+                    template: `
+    <span class="le-table-template le-template-file">
+      @if (data()) {
+        <a [attr.aria-label]="'Download'" (click)="onClick($event)">
+          <le-icon size="16" class="le-icon-download" name="download"></le-icon>
+          Download
+        </a>
+      } @else {
+        No file attached
+      }
+    </span>
+  `,
+                }]
+        }] });
+
 const TABLE_SELL_TEMPLATE_NAMES = {
     StringTemplate: 'StringTemplate',
     ReferenceTemplate: 'ReferenceTemplate',
     JsonTemplate: 'JsonTemplate',
+    FileTemplate: 'FileTemplate',
 };
 const TABLE_CELL_TEMPLATES = {
     StringTemplate: StringTemplate,
     ReferenceTemplate: ReferenceTemplate,
     JsonTemplate: JSONTemplate,
+    FileTemplate: FileTemplate,
 };
 
 class TableViewCellDirective {
@@ -789,18 +853,16 @@ class TableViewCellDirective {
                 }
                 this.componentRef = this.vcr.createComponent(component);
                 this.componentRef?.setInput('data', data);
-                if (type === 'ReferenceTemplate') {
-                    if (column) {
-                        this.componentRef?.setInput('attribute', column);
-                    }
-                    if (metadata) {
-                        this.componentRef?.setInput('metadata', metadata);
-                    }
-                    const sub = (this.componentRef?.instance).clicked.subscribe(data => {
-                        this.clicked.emit(data);
-                    });
-                    this.componentRef?.onDestroy(() => sub.unsubscribe());
+                if (column) {
+                    this.componentRef?.setInput('attribute', column);
+                }
+                if (metadata) {
+                    this.componentRef?.setInput('metadata', metadata);
                 }
+                const sub = (this.componentRef?.instance).clicked.subscribe(data => {
+                    this.clicked.emit(data);
+                });
+                this.componentRef?.onDestroy(() => sub.unsubscribe());
             });
         });
     }
@@ -1224,6 +1286,15 @@ const buildQueryString = (params) => {
     return query.filter((item) => !!item).join('&');
 };
 
+const download = (url) => {
+    const a = document.createElement('a');
+    a.style.display = 'none';
+    a.href = url;
+    document.body.appendChild(a);
+    a.click();
+    window.URL.revokeObjectURL(url);
+};
+
 class TableViewComponent {
     apiService = inject(LEApiService);
     dataService = inject(LEDataService);
@@ -1359,16 +1430,42 @@ class TableViewComponent {
         });
     }
     onCellClicked(data) {
-        const path = `${data.ref.resource}%23${data.ref.class_name}%3A${data.ref.class_version}%3A${data.ref.object_id}%3A${data.ref.object_version}`;
+        if (data.type === 'reference') {
+            this.processReferenceClick(data.data);
+        }
+        else if (data.type === 'file') {
+            this.processFileClick(data.data);
+        }
+    }
+    processReferenceClick(data) {
+        const address = this.getAddressFromRef(data.ref);
         this.setView({
-            id: path,
+            id: address,
             type: 'form',
             controlSource: {
                 kind: 'object',
-                entity: path,
+                entity: address,
             },
         });
     }
+    processFileClick(data) {
+        console.log('processFileClick', data);
+        const ref = data.ref || data;
+        if (ref && 'resource' in ref) {
+            const address = this.getAddressFromRef(ref);
+            this.apiService.getObjectByAddress(address, {}).subscribe({
+                next: (res) => {
+                    download(res.rows[0].data);
+                },
+            });
+        }
+        else if (typeof ref === 'string') {
+            download(ref);
+        }
+    }
+    getAddressFromRef(ref) {
+        return `${ref.resource}%23${ref.class_name}%3A${ref.class_version}%3A${ref.object_id}%3A${ref.object_version}`;
+    }
     processRowClickAction(action, row) {
         const { type, node } = action;
         const clone = JSON.parse(JSON.stringify(node));
@@ -2774,7 +2871,7 @@ const LEAuthInterceptor = (req, next) => {
     if (authService.isGuest()) {
         return next(req);
     }
-    if (req.context.get(IS_LIBRARY_REQUEST)) {
+    if (req.context.get(LE_REQUEST_CONTEXT_TOKEN)) {
         try {
             authService.validateToken();
             return next(req.clone({ setHeaders: { Authorization: authService.token() } }));
@@ -2791,5 +2888,5 @@ const LEAuthInterceptor = (req, next) => {
  * Generated bundle index. Do not edit.
  */
 
-export { CONFIG_TOKEN, LEAuthInterceptor, LEAuthService, LeContainerComponent, LeToastService, provideConfig };
+export { CONFIG_TOKEN, LEAuthInterceptor, LEAuthService, CONFIG_TOKEN as LE_CONFIG_TOKEN, LE_REQUEST_CONTEXT_TOKEN, LeContainerComponent, LeToastService, provideConfig };
 //# sourceMappingURL=planeasyinc-le-angular.mjs.map