@planeasyinc/le-angular 0.0.24 → 0.0.25

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

@@ -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));