@acorex/platform 1.0.0

package/fesm2022/acorex-platform-layouts-entity-modify-view.component-VeTkP3-n.mjs

@@ -0,0 +1,89 @@
+import * as i4 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3$1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDialogModule } from '@acorex/components/dialog';
+import * as i14 from '@acorex/components/dropdown-button';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import * as i3 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i4$1 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXBasePageComponent } from '@acorex/components/page';
+import { AXTabsModule } from '@acorex/components/tabs';
+import { AXTooltipModule } from '@acorex/components/tooltip';
+import { AXValidationModule } from '@acorex/core/validation';
+import { AXPStickyDirective } from '@acorex/platform/common';
+import * as i1$1 from '@acorex/platform/schema';
+import { AXPSchemaModule } from '@acorex/platform/schema';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, Component, ChangeDetectionStrategy } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { cloneDeep } from 'lodash-es';
+
+class AXPEntityModifyViewComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.properties = [];
+        this.submitLoading = signal(false);
+        this.editForm = {};
+    }
+    handleCloseClick() {
+        this.close({ result: false });
+    }
+    ngOnInit() {
+        this.editForm.context = cloneDeep(this.context);
+        this.editForm.previousContext = cloneDeep(this.context);
+    }
+    async handleSectionDiscard(form) {
+        this.close({ result: false });
+    }
+    async handleSectionReset(form) {
+        this.editForm.context = cloneDeep(this.editForm.previousContext);
+    }
+    async handleSectionSubmit(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            if (this.entity.commands?.update) {
+                this.submitLoading.set(true);
+                await this.entity.commands.update(this.editForm.context.id, this.editForm.context);
+                this.submitLoading.set(false);
+                this.close({ result: true, context: this.editForm.context });
+            }
+        }
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.editForm.context = null;
+        this.editForm.previousContext = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPEntityModifyViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AXPEntityModifyViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-min-h-[25vh]\">\n  <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\n    <div class=\"ax-flex ax-flex-col ax-pb-4\">\n      <ax-form-field class=\"ax-grid ax-grid-cols-12 ax-gap-4 ax-py-2 first:ax-pt-0 last:ax-pb-0\">\n        <ng-container *ngFor=\"let name of properties\">\n          <ng-container *ngIf=\"loader.getProp(name) as prop\">\n            <!-- lg:ax-col-span-6 -->\n            <!-- lg:ax-col-start-1 -->\n            <div *ngIf=\"prop.canEdit\" class=\"ax-col-span-12 ax-col-start-1 lg:ax-col-span-{{\n                prop.layout?.positions?.default?.span || 12\n              }}  lg:ax-col-start-{{ prop.layout?.positions?.default?.start || 1 }} ax-flex ax-flex-col ax-gap-1\">\n              <span class=\"ax-font-semibold ax-text-sm\">{{ prop.title }}</span>\n              <axp-widget-renderer [schema]=\"prop.schema\" [prop]=\"prop\" [mode]=\"'edit'\"\n                [context]=\"editForm.context\"></axp-widget-renderer>\n            </div>\n          </ng-container>\n        </ng-container>\n      </ax-form-field>\n    </div>\n  </ax-form>\n  <ax-footer>\n    <ax-suffix>\n      <ax-dropdown-button text=\"Discard\" (onClick)=\"handleSectionDiscard(form)\">\n        <ax-button-item-list>\n          <ax-button-item text=\"Reset\" (onClick)=\"handleSectionReset(form)\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-solid fa-rotate-left fa-flip-horizontal\"></ax-icon>\n            </ax-prefix>\n          </ax-button-item>\n        </ax-button-item-list>\n      </ax-dropdown-button>\n      <ax-button [disabled]=\"submitLoading()\" color=\"primary\" text=\"Save Changes\" (onClick)=\"handleSectionSubmit(form)\">\n        <ax-loading *ngIf=\"submitLoading()\"></ax-loading>\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field" }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXPSchemaModule }, { kind: "component", type: i1$1.AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: ["context", "prop", "mode", "schema"] }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: i14.AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPEntityModifyViewComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXFormModule,
+                        AXDecoratorModule,
+                        CommonModule,
+                        AXButtonModule,
+                        AXDialogModule,
+                        AXLoadingModule,
+                        AXTabsModule,
+                        AXPSchemaModule,
+                        AXTooltipModule,
+                        AXValidationModule,
+                        AXLabelModule,
+                        AXDropdownButtonModule,
+                        //
+                        AXPStickyDirective,
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-min-h-[25vh]\">\n  <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\n    <div class=\"ax-flex ax-flex-col ax-pb-4\">\n      <ax-form-field class=\"ax-grid ax-grid-cols-12 ax-gap-4 ax-py-2 first:ax-pt-0 last:ax-pb-0\">\n        <ng-container *ngFor=\"let name of properties\">\n          <ng-container *ngIf=\"loader.getProp(name) as prop\">\n            <!-- lg:ax-col-span-6 -->\n            <!-- lg:ax-col-start-1 -->\n            <div *ngIf=\"prop.canEdit\" class=\"ax-col-span-12 ax-col-start-1 lg:ax-col-span-{{\n                prop.layout?.positions?.default?.span || 12\n              }}  lg:ax-col-start-{{ prop.layout?.positions?.default?.start || 1 }} ax-flex ax-flex-col ax-gap-1\">\n              <span class=\"ax-font-semibold ax-text-sm\">{{ prop.title }}</span>\n              <axp-widget-renderer [schema]=\"prop.schema\" [prop]=\"prop\" [mode]=\"'edit'\"\n                [context]=\"editForm.context\"></axp-widget-renderer>\n            </div>\n          </ng-container>\n        </ng-container>\n      </ax-form-field>\n    </div>\n  </ax-form>\n  <ax-footer>\n    <ax-suffix>\n      <ax-dropdown-button text=\"Discard\" (onClick)=\"handleSectionDiscard(form)\">\n        <ax-button-item-list>\n          <ax-button-item text=\"Reset\" (onClick)=\"handleSectionReset(form)\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-solid fa-rotate-left fa-flip-horizontal\"></ax-icon>\n            </ax-prefix>\n          </ax-button-item>\n        </ax-button-item-list>\n      </ax-dropdown-button>\n      <ax-button [disabled]=\"submitLoading()\" color=\"primary\" text=\"Save Changes\" (onClick)=\"handleSectionSubmit(form)\">\n        <ax-loading *ngIf=\"submitLoading()\"></ax-loading>\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>" }]
+        }] });
+
+export { AXPEntityModifyViewComponent };
+//# sourceMappingURL=acorex-platform-layouts-entity-modify-view.component-VeTkP3-n.mjs.map

package/fesm2022/acorex-platform-layouts-entity-modify-view.component-VeTkP3-n.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-entity-modify-view.component-VeTkP3-n.mjs","sources":["../../../../libs/platform/layouts/src/lib/admin/entity-layout/entity-modify-view/entity-modify-view.component.ts","../../../../libs/platform/layouts/src/lib/admin/entity-layout/entity-modify-view/entity-modify-view.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogModule } from '@acorex/components/dialog';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTabsModule } from '@acorex/components/tabs';\nimport { AXTooltipModule } from '@acorex/components/tooltip';\nimport { AXValidationModule } from '@acorex/core/validation';\nimport { AXPStickyDirective } from '@acorex/platform/common';\nimport { AXPSchemaModule } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, WritableSignal, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { cloneDeep } from 'lodash-es';\nimport { AXPEntityConfig } from '../../../shared';\nimport { AXPEntityModifyViewLoader } from './entity-modify-view.config';\n\n@Component({\n  templateUrl: './entity-modify-view.component.html',\n  imports: [\n    CommonModule,\n    FormsModule,\n    AXFormModule,\n    AXDecoratorModule,\n    CommonModule,\n    AXButtonModule,\n    AXDialogModule,\n    AXLoadingModule,\n    AXTabsModule,\n    AXPSchemaModule,\n    AXTooltipModule,\n    AXValidationModule,\n    AXLabelModule,\n    AXDropdownButtonModule,\n    //\n    AXPStickyDirective,\n  ],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPEntityModifyViewComponent extends AXBasePageComponent {\n  protected loader!: AXPEntityModifyViewLoader;\n  context: any;\n  entity!: AXPEntityConfig;\n  properties: string[] = [];\n  submitLoading: WritableSignal<boolean> = signal(false);\n\n  protected editForm: {\n    context?: any;\n    previousContext?: any;\n  } = {};\n\n  protected handleCloseClick() {\n    this.close({ result: false });\n  }\n\n  protected override ngOnInit(): void {\n    this.editForm.context = cloneDeep(this.context);\n    this.editForm.previousContext = cloneDeep(this.context);\n  }\n\n  protected async handleSectionDiscard(form: AXFormComponent) {\n    this.close({ result: false });\n  }\n\n  protected async handleSectionReset(form: AXFormComponent) {\n    this.editForm.context = cloneDeep(this.editForm.previousContext);\n  }\n\n  protected async handleSectionSubmit(form: AXFormComponent) {\n    const formResult = await form.validate();\n    if (formResult.result) {\n      if (this.entity.commands?.update) {\n        this.submitLoading.set(true);\n        await this.entity.commands.update(this.editForm.context.id, this.editForm.context);\n        this.submitLoading.set(false);\n        this.close({ result: true, context: this.editForm.context });\n      }\n    }\n  }\n\n  override ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.editForm.context = null;\n    this.editForm.previousContext = null;\n  }\n\n  // override onClosing(e: AXComponentClosing): void | Promise<void> {\n  //     if (e.data?.save || isEmpty(this.loader.data))\n  //         e.cancel = false;\n  //     else {\n  //         e.cancel = true;\n  //     }\n  // }\n}\n","<div class=\"ax-min-h-[25vh]\">\n  <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\n    <div class=\"ax-flex ax-flex-col ax-pb-4\">\n      <ax-form-field class=\"ax-grid ax-grid-cols-12 ax-gap-4 ax-py-2 first:ax-pt-0 last:ax-pb-0\">\n        <ng-container *ngFor=\"let name of properties\">\n          <ng-container *ngIf=\"loader.getProp(name) as prop\">\n            <!-- lg:ax-col-span-6 -->\n            <!-- lg:ax-col-start-1 -->\n            <div *ngIf=\"prop.canEdit\" class=\"ax-col-span-12 ax-col-start-1 lg:ax-col-span-{{\n                prop.layout?.positions?.default?.span || 12\n              }}  lg:ax-col-start-{{ prop.layout?.positions?.default?.start || 1 }} ax-flex ax-flex-col ax-gap-1\">\n              <span class=\"ax-font-semibold ax-text-sm\">{{ prop.title }}</span>\n              <axp-widget-renderer [schema]=\"prop.schema\" [prop]=\"prop\" [mode]=\"'edit'\"\n                [context]=\"editForm.context\"></axp-widget-renderer>\n            </div>\n          </ng-container>\n        </ng-container>\n      </ax-form-field>\n    </div>\n  </ax-form>\n  <ax-footer>\n    <ax-suffix>\n      <ax-dropdown-button text=\"Discard\" (onClick)=\"handleSectionDiscard(form)\">\n        <ax-button-item-list>\n          <ax-button-item text=\"Reset\" (onClick)=\"handleSectionReset(form)\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-solid fa-rotate-left fa-flip-horizontal\"></ax-icon>\n            </ax-prefix>\n          </ax-button-item>\n        </ax-button-item-list>\n      </ax-dropdown-button>\n      <ax-button [disabled]=\"submitLoading()\" color=\"primary\" text=\"Save Changes\" (onClick)=\"handleSectionSubmit(form)\">\n        <ax-loading *ngIf=\"submitLoading()\"></ax-loading>\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>"],"names":["i2","i3","i5","i6","i7"],"mappings":"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"}

package/fesm2022/acorex-platform-layouts-file-widget-column.component-v7kAdIQ9.mjs

@@ -0,0 +1,30 @@
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { isEmpty } from 'lodash-es';
+
+class AXPFileWidgetColumnComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.hasFile = false;
+    }
+    render() {
+        this.hasFile = !isEmpty(this.context[this.prop.name]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AXPFileWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", multiple: "multiple", width: "width" }, usesInheritance: true, ngImport: i0, template: ` <i class="fa-regular fa-paperclip-vertical fa-xl ax-cursor-pointer"></i> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <i class="fa-regular fa-paperclip-vertical fa-xl ax-cursor-pointer"></i> `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: ['context', 'multiple', 'width'],
+                }]
+        }] });
+
+export { AXPFileWidgetColumnComponent };
+//# sourceMappingURL=acorex-platform-layouts-file-widget-column.component-v7kAdIQ9.mjs.map

package/fesm2022/acorex-platform-layouts-file-widget-column.component-v7kAdIQ9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-file-widget-column.component-v7kAdIQ9.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/file/file-widget-column.component.ts"],"sourcesContent":["import { AXPWidgetBase } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { isEmpty } from 'lodash-es';\n\n@Component({\n  template: ` <i class=\"fa-regular fa-paperclip-vertical fa-xl ax-cursor-pointer\"></i> `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule],\n  inputs: ['context', 'multiple', 'width'],\n})\nexport class AXPFileWidgetColumnComponent extends AXPWidgetBase {\n  protected hasFile: boolean = false;\n\n  override render() {\n    this.hasFile = !isEmpty(this.context[this.prop.name]);\n  }\n}\n"],"names":[],"mappings":";;;;;;AAYM,MAAO,4BAA6B,SAAQ,aAAa,CAAA;AAP/D,IAAA,WAAA,GAAA;;QAQY,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;AAKpC,KAAA;IAHU,MAAM,GAAA;AACb,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;KACvD;8GALU,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAN7B,CAA4E,0EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAG5E,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGX,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAA4E,0EAAA,CAAA;AACtF,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;AACzC,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-layouts-file-widget-edit.component-Wrq7ZL9R.mjs

@@ -0,0 +1,203 @@
+import * as i4 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXPWidgetEditBase } from '@acorex/platform/schema';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+
+class AXPFileWidgetEditComponent extends AXPWidgetEditBase {
+    handleAddItem() { }
+    handleRemoveItem(item) {
+        this.value = this.value.filter((c) => c != item);
+    }
+    getFileInfo(fileName) {
+        const extension = fileName?.split('.')?.pop()?.toLowerCase();
+        switch (extension) {
+            case 'txt':
+                return { icon: 'fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };
+            case 'pdf':
+                return { icon: 'fa-file-pdf', color: 'ax-bg-red-100 ax-text-red-500' };
+            case 'doc':
+            case 'docx':
+                return { icon: 'fa-file-word', color: 'ax-bg-blue-200 ax-text-blue-600' };
+            case 'xls':
+            case 'xlsx':
+                return { icon: 'fa-file-excel', color: 'ax-bg-green-100 ax-text-green-500' };
+            case 'ppt':
+            case 'pptx':
+                return { icon: 'fa-file-powerpoint', color: 'ax-bg-orange-100 ax-text-orange-500' };
+            case 'jpg':
+            case 'jpeg':
+            case 'png':
+            case 'gif':
+            case 'bmp':
+                return { icon: 'fa-file-image', color: 'ax-bg-purple-100 ax-text-purple-500' };
+            case 'zip':
+            case 'rar':
+            case '7z':
+                return { icon: 'fa-file-archive', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
+            case 'mp3':
+            case 'wav':
+            case 'ogg':
+                return { icon: 'fa-file-audio', color: 'ax-bg-pink-100 ax-text-pink-500' };
+            case 'mp4':
+            case 'avi':
+            case 'mkv':
+            case 'mov':
+                return { icon: 'fa-file-video', color: 'ax-bg-blue-100 ax-text-blue-500' };
+            case 'js':
+            case 'jsx':
+            case 'ts':
+            case 'tsx':
+                return { icon: 'fa-file-code', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
+            // Add more cases as needed for other file types
+            default:
+                return { icon: 'fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };
+        }
+    }
+    ngOnInit() {
+        if (!this.value || this.value?.length == 0) {
+            this.value = [
+                {
+                    label: 'Mobile',
+                    value: '',
+                },
+            ];
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPFileWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of value;track item?.value) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: value[0] }" ]></ng-template>
+      </ng-container>
+      <ng-template #itemTemplate let-item="data">
+        <div
+          *ngIf="item"
+          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-11 lg:ax-col-end-12"
+        >
+          <div class="ax-flex ax-items-center ax-justify-between ax-gap-3">
+            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
+              <div
+                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
+                [ngClass]="[fileInfo.color]"
+              >
+                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
+              </div>
+            </ng-container>
+            <div>
+              <div class="ax-leading-6">{{ item.name }}</div>
+              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
+            </div>
+          </div>
+          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+            <ax-icon>
+              <i class="fa-solid fa-download"></i>
+            </ax-icon>
+          </ax-button>
+        </div>
+        <ax-button
+          *ngIf="multiple"
+          look="twotone"
+          color="danger"
+          (onClick)="handleRemoveItem(item)"
+          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 ax-justify-self-end ax-items ax-self-center"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+      </ng-template>
+      <ax-button
+        *ngIf="multiple"
+        [text]="value.length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="handleAddItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXSelectBoxModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of value;track item?.value) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: value[0] }" ]></ng-template>
+      </ng-container>
+      <ng-template #itemTemplate let-item="data">
+        <div
+          *ngIf="item"
+          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-11 lg:ax-col-end-12"
+        >
+          <div class="ax-flex ax-items-center ax-justify-between ax-gap-3">
+            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
+              <div
+                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
+                [ngClass]="[fileInfo.color]"
+              >
+                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
+              </div>
+            </ng-container>
+            <div>
+              <div class="ax-leading-6">{{ item.name }}</div>
+              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
+            </div>
+          </div>
+          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+            <ax-icon>
+              <i class="fa-solid fa-download"></i>
+            </ax-icon>
+          </ax-button>
+        </div>
+        <ax-button
+          *ngIf="multiple"
+          look="twotone"
+          color="danger"
+          (onClick)="handleRemoveItem(item)"
+          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 ax-justify-self-end ax-items ax-self-center"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+      </ng-template>
+      <ax-button
+        *ngIf="multiple"
+        [text]="value.length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="handleAddItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXButtonModule, FormsModule, AXTextBoxModule, AXDecoratorModule, AXSelectBoxModule],
+                    inputs: ['multiple'],
+                }]
+        }] });
+
+export { AXPFileWidgetEditComponent };
+//# sourceMappingURL=acorex-platform-layouts-file-widget-edit.component-Wrq7ZL9R.mjs.map

package/fesm2022/acorex-platform-layouts-file-widget-edit.component-Wrq7ZL9R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-file-widget-edit.component-Wrq7ZL9R.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/file/file-widget-edit.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXPWidgetEditBase } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n  template: `\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      <ng-container *ngIf=\"multiple\">\n        @for(item of value;track item?.value) {\n        <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ data: item }\" ]></ng-template>\n        }\n      </ng-container>\n      <ng-container *ngIf=\"!multiple\">\n        <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ data: value[0] }\" ]></ng-template>\n      </ng-container>\n      <ng-template #itemTemplate let-item=\"data\">\n        <div\n          *ngIf=\"item\"\n          class=\"ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-11 lg:ax-col-end-12\"\n        >\n          <div class=\"ax-flex ax-items-center ax-justify-between ax-gap-3\">\n            <ng-container *ngIf=\"getFileInfo(item.name) as fileInfo\">\n              <div\n                class=\"ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center\"\n                [ngClass]=\"[fileInfo.color]\"\n              >\n                <i [ngClass]=\"['fa-solid', 'ax-text-xl', fileInfo.icon]\"></i>\n              </div>\n            </ng-container>\n            <div>\n              <div class=\"ax-leading-6\">{{ item.name }}</div>\n              <p class=\"ax-text-sm ax-text-neutral-400\">250 KB</p>\n            </div>\n          </div>\n          <ax-button look=\"blank\" color=\"ghost\" class=\"!ax-text-neutral-400 hover:!ax-text-neutral-600\">\n            <ax-icon>\n              <i class=\"fa-solid fa-download\"></i>\n            </ax-icon>\n          </ax-button>\n        </div>\n        <ax-button\n          *ngIf=\"multiple\"\n          look=\"twotone\"\n          color=\"danger\"\n          (onClick)=\"handleRemoveItem(item)\"\n          class=\"ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 ax-justify-self-end ax-items ax-self-center\"\n        >\n          <ax-icon icon=\"fa-regular fa-xmark\"></ax-icon>\n        </ax-button>\n      </ng-template>\n      <ax-button\n        *ngIf=\"multiple\"\n        [text]=\"value.length == 0 ? 'Add New' : 'Add Another'\"\n        look=\"twotone\"\n        (onClick)=\"handleAddItem()\"\n        class=\"ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13\"\n      >\n        <ax-prefix>\n          <ax-icon class=\"fa-solid fa-add\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXButtonModule, FormsModule, AXTextBoxModule, AXDecoratorModule, AXSelectBoxModule],\n  inputs: ['multiple'],\n})\nexport class AXPFileWidgetEditComponent extends AXPWidgetEditBase<\n  { value?: string | null; label?: string | undefined }[]\n> {\n  protected multiple!: boolean;\n\n  protected handleAddItem() {}\n\n  protected handleRemoveItem(item: any) {\n    this.value = this.value.filter((c) => c != item);\n  }\n\n  protected getFileInfo(fileName: string): { icon: string; color: string } {\n    const extension = fileName?.split('.')?.pop()?.toLowerCase();\n\n    switch (extension) {\n      case 'txt':\n        return { icon: 'fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };\n\n      case 'pdf':\n        return { icon: 'fa-file-pdf', color: 'ax-bg-red-100 ax-text-red-500' };\n\n      case 'doc':\n      case 'docx':\n        return { icon: 'fa-file-word', color: 'ax-bg-blue-200 ax-text-blue-600' };\n\n      case 'xls':\n      case 'xlsx':\n        return { icon: 'fa-file-excel', color: 'ax-bg-green-100 ax-text-green-500' };\n\n      case 'ppt':\n      case 'pptx':\n        return { icon: 'fa-file-powerpoint', color: 'ax-bg-orange-100 ax-text-orange-500' };\n\n      case 'jpg':\n      case 'jpeg':\n      case 'png':\n      case 'gif':\n      case 'bmp':\n        return { icon: 'fa-file-image', color: 'ax-bg-purple-100 ax-text-purple-500' };\n\n      case 'zip':\n      case 'rar':\n      case '7z':\n        return { icon: 'fa-file-archive', color: 'ax-bg-yellow-100 ax-text-yellow-500' };\n\n      case 'mp3':\n      case 'wav':\n      case 'ogg':\n        return { icon: 'fa-file-audio', color: 'ax-bg-pink-100 ax-text-pink-500' };\n\n      case 'mp4':\n      case 'avi':\n      case 'mkv':\n      case 'mov':\n        return { icon: 'fa-file-video', color: 'ax-bg-blue-100 ax-text-blue-500' };\n\n      case 'js':\n      case 'jsx':\n      case 'ts':\n      case 'tsx':\n        return { icon: 'fa-file-code', color: 'ax-bg-yellow-100 ax-text-yellow-500' };\n\n      // Add more cases as needed for other file types\n\n      default:\n        return { icon: 'fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };\n    }\n  }\n\n  ngOnInit(): void {\n    if (!this.value || this.value?.length == 0) {\n      this.value = [\n        {\n          label: 'Mobile',\n          value: '',\n        },\n      ];\n    }\n  }\n}\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/acorex-platform-layouts-file-widget-filter.component-1-NJh38j.mjs

@@ -0,0 +1,30 @@
+import * as i6 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXPWidgetFilterBase } from '@acorex/platform/schema';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+class AXPFileWidgetFilterComponent extends AXPWidgetFilterBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AXPFileWidgetFilterComponent, isStandalone: true, selector: "ng-component", inputs: { value: "value", operator: "operator" }, outputs: { valueChange: "valueChange", operatorChange: "operatorChange" }, usesInheritance: true, ngImport: i0, template: `
+    <ax-select-box [(ngModel)]="value" [placeholder]="'Has file'" [dataSource]="['Yes', 'No']"></ax-select-box>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i6.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "dataSource", "itemTemplate", "emptyTemplate", "loadingTemplate"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <ax-select-box [(ngModel)]="value" [placeholder]="'Has file'" [dataSource]="['Yes', 'No']"></ax-select-box>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXSelectBoxModule, FormsModule],
+                    outputs: ['valueChange', 'operatorChange'],
+                    inputs: ['value', 'operator'],
+                }]
+        }] });
+
+export { AXPFileWidgetFilterComponent };
+//# sourceMappingURL=acorex-platform-layouts-file-widget-filter.component-1-NJh38j.mjs.map

package/fesm2022/acorex-platform-layouts-file-widget-filter.component-1-NJh38j.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-file-widget-filter.component-1-NJh38j.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/file/file-widget-filter.component.ts"],"sourcesContent":["import { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXPWidgetFilterBase } from '@acorex/platform/schema';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n@Component({\n  template: `\n    <ax-select-box [(ngModel)]=\"value\" [placeholder]=\"'Has file'\" [dataSource]=\"['Yes', 'No']\"></ax-select-box>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXSelectBoxModule, FormsModule],\n  outputs: ['valueChange', 'operatorChange'],\n  inputs: ['value', 'operator'],\n})\nexport class AXPFileWidgetFilterComponent extends AXPWidgetFilterBase { }\n"],"names":[],"mappings":";;;;;;;;AAcM,MAAO,4BAA6B,SAAQ,mBAAmB,CAAA;8GAAxD,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EAT7B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;GAET,EAGS,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,idAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAI7B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAVxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;AAET,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,iBAAiB,EAAE,WAAW,CAAC;AACzC,oBAAA,OAAO,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC;AAC1C,oBAAA,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;AAC9B,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-layouts-file-widget-view.component-mXBrKX0K.mjs

@@ -0,0 +1,156 @@
+import * as i4 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+class AXPFileWidgetViewComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.list = [];
+    }
+    render() {
+        const rawValue = this.context[this.prop.name];
+        this.list = Array.isArray(rawValue) ? rawValue.map((c) => this.extractItem(c)) : [this.extractItem(rawValue)];
+    }
+    getFileInfo(fileName) {
+        const extension = fileName.split('.').pop()?.toLowerCase();
+        switch (extension) {
+            case 'txt':
+                return { icon: 'fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };
+            case 'pdf':
+                return { icon: 'fa-file-pdf', color: 'ax-bg-red-100 ax-text-red-500' };
+            case 'doc':
+            case 'docx':
+                return { icon: 'fa-file-word', color: 'ax-bg-blue-200 ax-text-blue-600' };
+            case 'xls':
+            case 'xlsx':
+                return { icon: 'fa-file-excel', color: 'ax-bg-green-100 ax-text-green-500' };
+            case 'ppt':
+            case 'pptx':
+                return { icon: 'fa-file-powerpoint', color: 'ax-bg-orange-100 ax-text-orange-500' };
+            case 'jpg':
+            case 'jpeg':
+            case 'png':
+            case 'gif':
+            case 'bmp':
+                return { icon: 'fa-file-image', color: 'ax-bg-purple-100 ax-text-purple-500' };
+            case 'zip':
+            case 'rar':
+            case '7z':
+                return { icon: 'fa-file-archive', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
+            case 'mp3':
+            case 'wav':
+            case 'ogg':
+                return { icon: 'fa-file-audio', color: 'ax-bg-pink-100 ax-text-pink-500' };
+            case 'mp4':
+            case 'avi':
+            case 'mkv':
+            case 'mov':
+                return { icon: 'fa-file-video', color: 'ax-bg-blue-100 ax-text-blue-500' };
+            case 'js':
+            case 'jsx':
+            case 'ts':
+            case 'tsx':
+                return { icon: 'fa-file-code', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
+            // Add more cases as needed for other file types
+            default:
+                return { icon: 'fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };
+        }
+    }
+    extractItem(item) {
+        return typeof item == 'object'
+            ? {
+                name: item.name,
+                type: item.type ?? 'Unknown',
+            }
+            : null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPFileWidgetViewComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", value: "value", multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(multiple){ @for(item of list;let first=$first;track item.name) {
+      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+      } }@else {
+      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: list[0] }" ]></ng-template>
+      }
+      <ng-template #itemTemplate let-item="data">
+        <div
+          *ngIf="item"
+          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-13 lg:ax-col-end-7   2xl:ax-col-end-5"
+        >
+          <div class="ax-flex ax-items-center ax-gap-3">
+            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
+              <div
+                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
+                [ngClass]="[fileInfo.color]"
+              >
+                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
+              </div>
+            </ng-container>
+            <div>
+              <div class="ax-leading-6">{{ item.name }}</div>
+              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
+            </div>
+          </div>
+          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+            <ax-icon>
+              <i class="fa-solid fa-download"></i>
+            </ax-icon>
+          </ax-button>
+        </div>
+      </ng-template>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(multiple){ @for(item of list;let first=$first;track item.name) {
+      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+      } }@else {
+      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: list[0] }" ]></ng-template>
+      }
+      <ng-template #itemTemplate let-item="data">
+        <div
+          *ngIf="item"
+          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-13 lg:ax-col-end-7   2xl:ax-col-end-5"
+        >
+          <div class="ax-flex ax-items-center ax-gap-3">
+            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
+              <div
+                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
+                [ngClass]="[fileInfo.color]"
+              >
+                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
+              </div>
+            </ng-container>
+            <div>
+              <div class="ax-leading-6">{{ item.name }}</div>
+              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
+            </div>
+          </div>
+          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+            <ax-icon>
+              <i class="fa-solid fa-download"></i>
+            </ax-icon>
+          </ax-button>
+        </div>
+      </ng-template>
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXButtonModule, AXDecoratorModule],
+                    inputs: ['context', 'value', 'multiple'],
+                }]
+        }] });
+
+export { AXPFileWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-layouts-file-widget-view.component-mXBrKX0K.mjs.map

package/fesm2022/acorex-platform-layouts-file-widget-view.component-mXBrKX0K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-file-widget-view.component-mXBrKX0K.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/file/file-widget-view.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXPWidgetBase } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  template: `\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-2\">\n      @if(multiple){ @for(item of list;let first=$first;track item.name) {\n      <ng-template [ngTemplateOutlet]=\"itemTemplate\" ] [ngTemplateOutletContext]=\"{ data: item }\" ]></ng-template>\n      } }@else {\n      <ng-template [ngTemplateOutlet]=\"itemTemplate\" ] [ngTemplateOutletContext]=\"{ data: list[0] }\" ]></ng-template>\n      }\n      <ng-template #itemTemplate let-item=\"data\">\n        <div\n          *ngIf=\"item\"\n          class=\"ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-13 lg:ax-col-end-7   2xl:ax-col-end-5\"\n        >\n          <div class=\"ax-flex ax-items-center ax-gap-3\">\n            <ng-container *ngIf=\"getFileInfo(item.name) as fileInfo\">\n              <div\n                class=\"ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center\"\n                [ngClass]=\"[fileInfo.color]\"\n              >\n                <i [ngClass]=\"['fa-solid', 'ax-text-xl', fileInfo.icon]\"></i>\n              </div>\n            </ng-container>\n            <div>\n              <div class=\"ax-leading-6\">{{ item.name }}</div>\n              <p class=\"ax-text-sm ax-text-neutral-400\">250 KB</p>\n            </div>\n          </div>\n          <ax-button look=\"blank\" color=\"ghost\" class=\"!ax-text-neutral-400 hover:!ax-text-neutral-600\">\n            <ax-icon>\n              <i class=\"fa-solid fa-download\"></i>\n            </ax-icon>\n          </ax-button>\n        </div>\n      </ng-template>\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXButtonModule, AXDecoratorModule],\n  inputs: ['context', 'value', 'multiple'],\n})\nexport class AXPFileWidgetViewComponent extends AXPWidgetBase {\n  protected list: { name: string; type: string }[] = [];\n  protected multiple!: boolean;\n\n  override render() {\n    const rawValue = this.context[this.prop.name];\n    this.list = Array.isArray(rawValue) ? rawValue.map((c) => this.extractItem(c)) : [this.extractItem(rawValue)];\n  }\n\n  protected getFileInfo(fileName: string): { icon: string; color: string } {\n    const extension = fileName.split('.').pop()?.toLowerCase();\n\n    switch (extension) {\n      case 'txt':\n        return { icon: 'fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };\n\n      case 'pdf':\n        return { icon: 'fa-file-pdf', color: 'ax-bg-red-100 ax-text-red-500' };\n\n      case 'doc':\n      case 'docx':\n        return { icon: 'fa-file-word', color: 'ax-bg-blue-200 ax-text-blue-600' };\n\n      case 'xls':\n      case 'xlsx':\n        return { icon: 'fa-file-excel', color: 'ax-bg-green-100 ax-text-green-500' };\n\n      case 'ppt':\n      case 'pptx':\n        return { icon: 'fa-file-powerpoint', color: 'ax-bg-orange-100 ax-text-orange-500' };\n\n      case 'jpg':\n      case 'jpeg':\n      case 'png':\n      case 'gif':\n      case 'bmp':\n        return { icon: 'fa-file-image', color: 'ax-bg-purple-100 ax-text-purple-500' };\n\n      case 'zip':\n      case 'rar':\n      case '7z':\n        return { icon: 'fa-file-archive', color: 'ax-bg-yellow-100 ax-text-yellow-500' };\n\n      case 'mp3':\n      case 'wav':\n      case 'ogg':\n        return { icon: 'fa-file-audio', color: 'ax-bg-pink-100 ax-text-pink-500' };\n\n      case 'mp4':\n      case 'avi':\n      case 'mkv':\n      case 'mov':\n        return { icon: 'fa-file-video', color: 'ax-bg-blue-100 ax-text-blue-500' };\n\n      case 'js':\n      case 'jsx':\n      case 'ts':\n      case 'tsx':\n        return { icon: 'fa-file-code', color: 'ax-bg-yellow-100 ax-text-yellow-500' };\n\n      // Add more cases as needed for other file types\n\n      default:\n        return { icon: 'fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };\n    }\n  }\n\n  private extractItem(item: any): any {\n    return typeof item == 'object'\n      ? {\n          name: item.name,\n          type: item.type ?? 'Unknown',\n        }\n      : null;\n  }\n}\n"],"names":["i2"],"mappings":"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"}