@acorex/components 19.13.4 → 19.13.5

package/fesm2022/acorex-components-file-explorer.mjs

@@ -63,10 +63,10 @@ class AXFileExplorerInternalService {
             return copy;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerInternalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerInternalService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerInternalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerInternalService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerInternalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerInternalService, decorators: [{
             type: Injectable
         }] });
 
@@ -100,18 +100,18 @@ class AXFileExplorerService {
     async sortItemHandler(sort) {
         await this.internalService.dataCallBack()(this.internalService.activeFolderId(), sort);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerService, decorators: [{
             type: Injectable
         }] });
 
 class AXFileExplorerContainerComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: AXFileExplorerContainerComponent, isStandalone: true, selector: "ax-file-explorer-container", providers: [AXFileExplorerService, AXFileExplorerInternalService], ngImport: i0, template: "<ng-content select=\"ax-file-explorer-tree\"></ng-content>\n<ng-content select=\"ax-file-explorer-view\"></ng-content>\n", styles: ["ax-file-explorer-container{display:flex;min-width:30vw;max-height:40vh;overflow:hidden;border:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-radius:var(--ax-sys-border-radius)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXFileExplorerContainerComponent, isStandalone: true, selector: "ax-file-explorer-container", providers: [AXFileExplorerService, AXFileExplorerInternalService], ngImport: i0, template: "<ng-content select=\"ax-file-explorer-tree\"></ng-content>\n<ng-content select=\"ax-file-explorer-view\"></ng-content>\n", styles: ["ax-file-explorer-container{display:flex;min-width:30vw;max-height:40vh;overflow:hidden;border:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-radius:var(--ax-sys-border-radius)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-file-explorer-container', encapsulation: ViewEncapsulation.None, providers: [AXFileExplorerService, AXFileExplorerInternalService], template: "<ng-content select=\"ax-file-explorer-tree\"></ng-content>\n<ng-content select=\"ax-file-explorer-view\"></ng-content>\n", styles: ["ax-file-explorer-container{display:flex;min-width:30vw;max-height:40vh;overflow:hidden;border:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-radius:var(--ax-sys-border-radius)}\n"] }]
         }] });
@@ -121,10 +121,10 @@ class AXFileExplorerHeaderComponent {
         this.service = inject(AXFileExplorerService);
         this.internalService = inject(AXFileExplorerInternalService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: AXFileExplorerHeaderComponent, isStandalone: true, selector: "ax-file-explorer-header", ngImport: i0, template: "<ax-toolbar>\n  <ax-prefix>\n    <ax-button (onClick)=\"service.menuToggleHandler()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-menu\"></ax-icon>\n    </ax-button>\n\n    <ax-divider></ax-divider>\n\n    <ax-button (onClick)=\"service.backButtonHandler()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-up-folder\"></ax-icon>\n    </ax-button>\n\n    <ax-divider></ax-divider>\n\n    <ax-breadcrumbs>\n      <ng-template *ngIf=\"false\" #divider> '|' </ng-template>\n      @for (item of internalService.breadcrumbsData(); track item; let idx = $last) {\n        <ax-breadcrumbs-item [active]=\"idx\">\n          <ax-text>{{ item }}</ax-text>\n        </ax-breadcrumbs-item>\n      }\n    </ax-breadcrumbs>\n  </ax-prefix>\n\n  <ax-suffix>\n    <ax-menu openOn=\"click\" [hasArrow]=\"false\">\n      <ax-menu-item>\n        <ax-text>View</ax-text>\n\n        <ax-menu-item (onClick)=\"service.changeViewHandler('ax-large-icon')\">\n          <ax-text>Large</ax-text>\n        </ax-menu-item>\n\n        <ax-menu-item (onClick)=\"service.changeViewHandler('ax-small-icon')\">\n          <ax-text>Small</ax-text>\n        </ax-menu-item>\n\n        <ax-menu-item (onClick)=\"service.changeViewHandler('ax-list-icon')\">\n          <ax-text>List</ax-text>\n        </ax-menu-item>\n      </ax-menu-item>\n    </ax-menu>\n\n    <ax-divider></ax-divider>\n\n    <ax-menu openOn=\"click\" [hasArrow]=\"false\">\n      <ax-menu-item>\n        <ax-prefix>\n          <ax-icon class=\"ax-icon ax-icon-sort\"></ax-icon>\n        </ax-prefix>\n        <ax-menu-item (onClick)=\"service.sortItemHandler('name')\"> <ax-text>Name</ax-text> </ax-menu-item>\n        <ax-menu-item (onClick)=\"service.sortItemHandler('date')\"> <ax-text>Date</ax-text> </ax-menu-item>\n        <ax-menu-item (onClick)=\"service.sortItemHandler('type')\"> <ax-text>Type</ax-text> </ax-menu-item>\n      </ax-menu-item>\n    </ax-menu>\n  </ax-suffix>\n</ax-toolbar>\n", styles: ["ax-file-explorer-header ax-toolbar{border-bottom:1px solid rgb(var(--ax-sys-color-border-lightest-surface));width:100%;justify-content:space-between}ax-file-explorer-header ax-toolbar ax-menu.ax-action-list-horizontal{min-width:fit-content}ax-file-explorer-header ax-toolbar ax-prefix{flex-wrap:nowrap}ax-file-explorer-header ax-toolbar .ax-start-toolbar-divider{display:none}\n"], dependencies: [{ kind: "component", type: AXToolBarComponent, selector: "ax-toolbar" }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "component", type: AXMenuComponent, selector: "ax-menu", inputs: ["orientation", "openOn", "closeOn", "items", "hasArrow"], outputs: ["onItemClick"] }, { kind: "component", type: AXMenuItemComponent, selector: "ax-menu-item", inputs: ["name", "data", "disabled", "color"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXFileExplorerHeaderComponent, isStandalone: true, selector: "ax-file-explorer-header", ngImport: i0, template: "<ax-toolbar>\n  <ax-prefix>\n    <ax-button (onClick)=\"service.menuToggleHandler()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-menu\"></ax-icon>\n    </ax-button>\n\n    <ax-divider></ax-divider>\n\n    <ax-button (onClick)=\"service.backButtonHandler()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-up-folder\"></ax-icon>\n    </ax-button>\n\n    <ax-divider></ax-divider>\n\n    <ax-breadcrumbs>\n      <ng-template *ngIf=\"false\" #divider> '|' </ng-template>\n      @for (item of internalService.breadcrumbsData(); track item; let idx = $last) {\n        <ax-breadcrumbs-item [active]=\"idx\">\n          <ax-text>{{ item }}</ax-text>\n        </ax-breadcrumbs-item>\n      }\n    </ax-breadcrumbs>\n  </ax-prefix>\n\n  <ax-suffix>\n    <ax-menu openOn=\"click\" [hasArrow]=\"false\">\n      <ax-menu-item>\n        <ax-text>View</ax-text>\n\n        <ax-menu-item (onClick)=\"service.changeViewHandler('ax-large-icon')\">\n          <ax-text>Large</ax-text>\n        </ax-menu-item>\n\n        <ax-menu-item (onClick)=\"service.changeViewHandler('ax-small-icon')\">\n          <ax-text>Small</ax-text>\n        </ax-menu-item>\n\n        <ax-menu-item (onClick)=\"service.changeViewHandler('ax-list-icon')\">\n          <ax-text>List</ax-text>\n        </ax-menu-item>\n      </ax-menu-item>\n    </ax-menu>\n\n    <ax-divider></ax-divider>\n\n    <ax-menu openOn=\"click\" [hasArrow]=\"false\">\n      <ax-menu-item>\n        <ax-prefix>\n          <ax-icon class=\"ax-icon ax-icon-sort\"></ax-icon>\n        </ax-prefix>\n        <ax-menu-item (onClick)=\"service.sortItemHandler('name')\"> <ax-text>Name</ax-text> </ax-menu-item>\n        <ax-menu-item (onClick)=\"service.sortItemHandler('date')\"> <ax-text>Date</ax-text> </ax-menu-item>\n        <ax-menu-item (onClick)=\"service.sortItemHandler('type')\"> <ax-text>Type</ax-text> </ax-menu-item>\n      </ax-menu-item>\n    </ax-menu>\n  </ax-suffix>\n</ax-toolbar>\n", styles: ["ax-file-explorer-header ax-toolbar{border-bottom:1px solid rgb(var(--ax-sys-color-border-lightest-surface));width:100%;justify-content:space-between}ax-file-explorer-header ax-toolbar ax-menu.ax-action-list-horizontal{min-width:fit-content}ax-file-explorer-header ax-toolbar ax-prefix{flex-wrap:nowrap}ax-file-explorer-header ax-toolbar .ax-start-toolbar-divider{display:none}\n"], dependencies: [{ kind: "component", type: AXToolBarComponent, selector: "ax-toolbar" }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "component", type: AXMenuComponent, selector: "ax-menu", inputs: ["orientation", "openOn", "closeOn", "items", "hasArrow"], outputs: ["onItemClick"] }, { kind: "component", type: AXMenuItemComponent, selector: "ax-menu-item", inputs: ["name", "data", "disabled", "color"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-file-explorer-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         AXToolBarComponent,
@@ -149,10 +149,10 @@ class AXFileExplorerItemComponent extends MXBaseComponent {
     dbClickHandler() {
         this.dbClick.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: AXFileExplorerItemComponent, isStandalone: true, selector: "ax-file-explorer-item", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dbClick: "dbClick" }, usesInheritance: true, ngImport: i0, template: "@if (viewMode() === 'ax-list-icon') {\n  <div class=\"ax-list-icon\" (dblclick)=\"dbClickHandler()\">\n    <div class=\"ax-thumb-file\">\n      <ax-icon [icon]=\"data().icon\"></ax-icon>\n      <ax-text>{{ data().text }}</ax-text>\n    </div>\n\n    @if (data().extension) {\n      <ax-text>\n        {{ data().size }}\n      </ax-text>\n    }\n\n    <ax-text>\n      {{ data().description }}\n    </ax-text>\n\n    <ax-text>\n      {{ data().lastModify }}\n    </ax-text>\n  </div>\n} @else {\n  <div [ngClass]=\"viewMode()\" (dblclick)=\"dbClickHandler()\">\n    <ax-icon [icon]=\"data().icon\"></ax-icon>\n    <ax-text>{{ data().text }}</ax-text>\n  </div>\n}\n", styles: ["ax-file-explorer-item{-webkit-user-select:none;user-select:none;cursor:pointer}ax-file-explorer-item .ax-large-icon,ax-file-explorer-item .ax-small-icon{display:flex;flex-direction:column;justify-content:center;align-items:center}ax-file-explorer-item .ax-small-icon ax-icon{font-size:.9rem}ax-file-explorer-item .ax-small-icon ax-text{font-size:.7rem}ax-file-explorer-item .ax-large-icon ax-icon{font-size:3rem}ax-file-explorer-item .ax-large-icon ax-text{font-size:.8rem}ax-file-explorer-item .ax-list-icon{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.1rem;align-items:center;padding:.3rem;border-bottom:1px solid rgb(var(--ax-color-input-border));margin-bottom:.5rem}ax-file-explorer-item .ax-list-icon ax-icon{font-size:1.2rem;margin-inline-end:.5rem}ax-file-explorer-item .ax-list-icon ax-text{font-size:.8rem}ax-file-explorer-item .ax-list-icon .ax-thumb-file{display:flex}ax-file-explorer-item .ax-list-icon .ax-thumb-file ax-text{max-width:5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-file-explorer-item .ax-list-icon>ax-text{color:rgb(var(--ax-color-neutral-500));max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXFileExplorerItemComponent, isStandalone: true, selector: "ax-file-explorer-item", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dbClick: "dbClick" }, usesInheritance: true, ngImport: i0, template: "@if (viewMode() === 'ax-list-icon') {\n  <div class=\"ax-list-icon\" (dblclick)=\"dbClickHandler()\">\n    <div class=\"ax-thumb-file\">\n      <ax-icon [icon]=\"data().icon\"></ax-icon>\n      <ax-text>{{ data().text }}</ax-text>\n    </div>\n\n    @if (data().extension) {\n      <ax-text>\n        {{ data().size }}\n      </ax-text>\n    }\n\n    <ax-text>\n      {{ data().description }}\n    </ax-text>\n\n    <ax-text>\n      {{ data().lastModify }}\n    </ax-text>\n  </div>\n} @else {\n  <div [ngClass]=\"viewMode()\" (dblclick)=\"dbClickHandler()\">\n    <ax-icon [icon]=\"data().icon\"></ax-icon>\n    <ax-text>{{ data().text }}</ax-text>\n  </div>\n}\n", styles: ["ax-file-explorer-item{-webkit-user-select:none;user-select:none;cursor:pointer}ax-file-explorer-item .ax-large-icon,ax-file-explorer-item .ax-small-icon{display:flex;flex-direction:column;justify-content:center;align-items:center}ax-file-explorer-item .ax-small-icon ax-icon{font-size:.9rem}ax-file-explorer-item .ax-small-icon ax-text{font-size:.7rem}ax-file-explorer-item .ax-large-icon ax-icon{font-size:3rem}ax-file-explorer-item .ax-large-icon ax-text{font-size:.8rem}ax-file-explorer-item .ax-list-icon{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.1rem;align-items:center;padding:.3rem;border-bottom:1px solid rgb(var(--ax-color-input-border));margin-bottom:.5rem}ax-file-explorer-item .ax-list-icon ax-icon{font-size:1.2rem;margin-inline-end:.5rem}ax-file-explorer-item .ax-list-icon ax-text{font-size:.8rem}ax-file-explorer-item .ax-list-icon .ax-thumb-file{display:flex}ax-file-explorer-item .ax-list-icon .ax-thumb-file ax-text{max-width:5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-file-explorer-item .ax-list-icon>ax-text{color:rgb(var(--ax-color-neutral-500));max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-file-explorer-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXDecoratorIconComponent, AXDecoratorGenericComponent, NgClass], template: "@if (viewMode() === 'ax-list-icon') {\n  <div class=\"ax-list-icon\" (dblclick)=\"dbClickHandler()\">\n    <div class=\"ax-thumb-file\">\n      <ax-icon [icon]=\"data().icon\"></ax-icon>\n      <ax-text>{{ data().text }}</ax-text>\n    </div>\n\n    @if (data().extension) {\n      <ax-text>\n        {{ data().size }}\n      </ax-text>\n    }\n\n    <ax-text>\n      {{ data().description }}\n    </ax-text>\n\n    <ax-text>\n      {{ data().lastModify }}\n    </ax-text>\n  </div>\n} @else {\n  <div [ngClass]=\"viewMode()\" (dblclick)=\"dbClickHandler()\">\n    <ax-icon [icon]=\"data().icon\"></ax-icon>\n    <ax-text>{{ data().text }}</ax-text>\n  </div>\n}\n", styles: ["ax-file-explorer-item{-webkit-user-select:none;user-select:none;cursor:pointer}ax-file-explorer-item .ax-large-icon,ax-file-explorer-item .ax-small-icon{display:flex;flex-direction:column;justify-content:center;align-items:center}ax-file-explorer-item .ax-small-icon ax-icon{font-size:.9rem}ax-file-explorer-item .ax-small-icon ax-text{font-size:.7rem}ax-file-explorer-item .ax-large-icon ax-icon{font-size:3rem}ax-file-explorer-item .ax-large-icon ax-text{font-size:.8rem}ax-file-explorer-item .ax-list-icon{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.1rem;align-items:center;padding:.3rem;border-bottom:1px solid rgb(var(--ax-color-input-border));margin-bottom:.5rem}ax-file-explorer-item .ax-list-icon ax-icon{font-size:1.2rem;margin-inline-end:.5rem}ax-file-explorer-item .ax-list-icon ax-text{font-size:.8rem}ax-file-explorer-item .ax-list-icon .ax-thumb-file{display:flex}ax-file-explorer-item .ax-list-icon .ax-thumb-file ax-text{max-width:5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-file-explorer-item .ax-list-icon>ax-text{color:rgb(var(--ax-color-neutral-500));max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:center}\n"] }]
         }] });
@@ -179,10 +179,10 @@ class AXFileExplorerTreeComponent {
     openFolderOnViewHandler(e) {
         this.internalService.dbClickHandler(e.data, false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.9", type: AXFileExplorerTreeComponent, isStandalone: true, selector: "ax-file-explorer-tree", viewQueries: [{ propertyName: "drawer", first: true, predicate: AXDrawerComponent, descendants: true, isSignal: true }, { propertyName: "treeView", first: true, predicate: AXTreeViewComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-drawer-container\n  [ngClass]=\"this.internalService.treeViewState() && 'ax-file-explore-drawer-border'\"\n  [ngStyle]=\"this.internalService.treeViewState() ? { width: 'fit-content' } : { width: 0 }\"\n>\n  <ax-drawer location=\"start\" mode=\"push\">\n    <ax-content>\n      <ax-tree-view\n        (onCollapsedChanged)=\"openFolderOnViewHandler($event)\"\n        [showCheckbox]=\"false\"\n        hasChildField=\"hasChild\"\n        [items]=\"internalService.dataCallBack()\"\n      ></ax-tree-view>\n    </ax-content>\n  </ax-drawer>\n</ax-drawer-container>\n", styles: ["ax-file-explorer-tree .ax-file-explore-drawer-border{border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-file-explorer-tree ax-drawer-container{height:auto}ax-file-explorer-tree ax-drawer-container ax-drawer ax-content{padding:.5rem;overflow-x:hidden}ax-file-explorer-tree ax-drawer-container ax-drawer ax-text{white-space:nowrap;padding-inline-end:1rem}\n"], dependencies: [{ kind: "component", type: AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "closeOthers", "collapsed"], outputs: ["locationChange", "modeChange", "collapsedChange"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: ["items", "showCheckbox", "selectionMode", "selectionBehavior", "focusNodeEnabled", "valueField", "textField", "visibleField", "disableField", "hasChildField", "selectedField", "expandedField", "tooltipField", "childrenField", "activeField", "indeterminateField", "parentField", "iconField", "toggleIcons", "look", "itemTemplate", "emptyTemplate", "expandOn"], outputs: ["onSelectionChanged", "onNodeClick", "onCollapsedChanged", "onNodedbClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.10", type: AXFileExplorerTreeComponent, isStandalone: true, selector: "ax-file-explorer-tree", viewQueries: [{ propertyName: "drawer", first: true, predicate: AXDrawerComponent, descendants: true, isSignal: true }, { propertyName: "treeView", first: true, predicate: AXTreeViewComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-drawer-container\n  [ngClass]=\"this.internalService.treeViewState() && 'ax-file-explore-drawer-border'\"\n  [ngStyle]=\"this.internalService.treeViewState() ? { width: 'fit-content' } : { width: 0 }\"\n>\n  <ax-drawer location=\"start\" mode=\"push\">\n    <ax-content>\n      <ax-tree-view\n        (onCollapsedChanged)=\"openFolderOnViewHandler($event)\"\n        [showCheckbox]=\"false\"\n        hasChildField=\"hasChild\"\n        [items]=\"internalService.dataCallBack()\"\n      ></ax-tree-view>\n    </ax-content>\n  </ax-drawer>\n</ax-drawer-container>\n", styles: ["ax-file-explorer-tree .ax-file-explore-drawer-border{border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-file-explorer-tree ax-drawer-container{height:auto}ax-file-explorer-tree ax-drawer-container ax-drawer ax-content{padding:.5rem;overflow-x:hidden}ax-file-explorer-tree ax-drawer-container ax-drawer ax-text{white-space:nowrap;padding-inline-end:1rem}\n"], dependencies: [{ kind: "component", type: AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "closeOthers", "collapsed"], outputs: ["locationChange", "modeChange", "collapsedChange"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: ["items", "showCheckbox", "selectionMode", "selectionBehavior", "focusNodeEnabled", "valueField", "textField", "visibleField", "disableField", "hasChildField", "selectedField", "expandedField", "tooltipField", "childrenField", "activeField", "indeterminateField", "parentField", "iconField", "toggleIcons", "look", "itemTemplate", "emptyTemplate", "expandOn"], outputs: ["onSelectionChanged", "onNodeClick", "onCollapsedChanged", "onNodedbClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-file-explorer-tree', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXDrawerContainerComponent, NgClass, NgStyle, AXDrawerComponent, AXDecoratorGenericComponent, AXTreeViewComponent], template: "<ax-drawer-container\n  [ngClass]=\"this.internalService.treeViewState() && 'ax-file-explore-drawer-border'\"\n  [ngStyle]=\"this.internalService.treeViewState() ? { width: 'fit-content' } : { width: 0 }\"\n>\n  <ax-drawer location=\"start\" mode=\"push\">\n    <ax-content>\n      <ax-tree-view\n        (onCollapsedChanged)=\"openFolderOnViewHandler($event)\"\n        [showCheckbox]=\"false\"\n        hasChildField=\"hasChild\"\n        [items]=\"internalService.dataCallBack()\"\n      ></ax-tree-view>\n    </ax-content>\n  </ax-drawer>\n</ax-drawer-container>\n", styles: ["ax-file-explorer-tree .ax-file-explore-drawer-border{border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-file-explorer-tree ax-drawer-container{height:auto}ax-file-explorer-tree ax-drawer-container ax-drawer ax-content{padding:.5rem;overflow-x:hidden}ax-file-explorer-tree ax-drawer-container ax-drawer ax-text{white-space:nowrap;padding-inline-end:1rem}\n"] }]
         }] });
@@ -228,10 +228,10 @@ class AXFileExplorerViewComponent {
     handleContextMenuItemClick(e) {
         this.internalService.dbClickHandler(e.item.data.data());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: AXFileExplorerViewComponent, isStandalone: true, selector: "ax-file-explorer-view", inputs: { dataCallBack: { classPropertyName: "dataCallBack", publicName: "dataCallBack", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: AXContextMenuComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"ax-file-explorer-header\"></ng-content>\n\n<div [ngClass]=\"internalService.viewMode()\" class=\"ax-file-container\">\n  @for (item of internalService.showData(); track item.id) {\n    <ax-file-explorer-item\n      id=\"ax-file-explore-item-ref\"\n      (dbClick)=\"internalService.dbClickHandler(item)\"\n      [data]=\"item\"\n      [viewMode]=\"internalService.viewMode()\"\n    ></ax-file-explorer-item>\n  }\n</div>\n<ax-context-menu\n  target=\"#ax-file-explore-item-ref\"\n  orientation=\"vertical\"\n  (onOpening)=\"handleContextMenuOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\n", styles: ["ax-file-explorer-view{flex-grow:1;overflow:hidden}ax-file-explorer-view .ax-file-container.ax-large-icon,ax-file-explorer-view .ax-file-container.ax-small-icon{display:flex;flex-wrap:wrap;padding:.5rem;overflow:auto;gap:.6rem}ax-file-explorer-view .ax-file-container.ax-list-icon{overflow:auto;height:100%;padding:.5rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AXFileExplorerItemComponent, selector: "ax-file-explorer-item", inputs: ["data", "viewMode"], outputs: ["dbClick"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXFileExplorerViewComponent, isStandalone: true, selector: "ax-file-explorer-view", inputs: { dataCallBack: { classPropertyName: "dataCallBack", publicName: "dataCallBack", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: AXContextMenuComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"ax-file-explorer-header\"></ng-content>\n\n<div [ngClass]=\"internalService.viewMode()\" class=\"ax-file-container\">\n  @for (item of internalService.showData(); track item.id) {\n    <ax-file-explorer-item\n      id=\"ax-file-explore-item-ref\"\n      (dbClick)=\"internalService.dbClickHandler(item)\"\n      [data]=\"item\"\n      [viewMode]=\"internalService.viewMode()\"\n    ></ax-file-explorer-item>\n  }\n</div>\n<ax-context-menu\n  target=\"#ax-file-explore-item-ref\"\n  orientation=\"vertical\"\n  (onOpening)=\"handleContextMenuOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\n", styles: ["ax-file-explorer-view{flex-grow:1;overflow:hidden}ax-file-explorer-view .ax-file-container.ax-large-icon,ax-file-explorer-view .ax-file-container.ax-small-icon{display:flex;flex-wrap:wrap;padding:.5rem;overflow:auto;gap:.6rem}ax-file-explorer-view .ax-file-container.ax-list-icon{overflow:auto;height:100%;padding:.5rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AXFileExplorerItemComponent, selector: "ax-file-explorer-item", inputs: ["data", "viewMode"], outputs: ["dbClick"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-file-explorer-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, AXFileExplorerItemComponent, AXContextMenuComponent], template: "<ng-content select=\"ax-file-explorer-header\"></ng-content>\n\n<div [ngClass]=\"internalService.viewMode()\" class=\"ax-file-container\">\n  @for (item of internalService.showData(); track item.id) {\n    <ax-file-explorer-item\n      id=\"ax-file-explore-item-ref\"\n      (dbClick)=\"internalService.dbClickHandler(item)\"\n      [data]=\"item\"\n      [viewMode]=\"internalService.viewMode()\"\n    ></ax-file-explorer-item>\n  }\n</div>\n<ax-context-menu\n  target=\"#ax-file-explore-item-ref\"\n  orientation=\"vertical\"\n  (onOpening)=\"handleContextMenuOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\n", styles: ["ax-file-explorer-view{flex-grow:1;overflow:hidden}ax-file-explorer-view .ax-file-container.ax-large-icon,ax-file-explorer-view .ax-file-container.ax-small-icon{display:flex;flex-wrap:wrap;padding:.5rem;overflow:auto;gap:.6rem}ax-file-explorer-view .ax-file-container.ax-list-icon{overflow:auto;height:100%;padding:.5rem}\n"] }]
         }] });
@@ -245,8 +245,8 @@ const COMPONENT = [
 ];
 const MODULES = [AXDecoratorModule, AXButtonModule, AXBreadcrumbsModule, CommonModule, AXToolBarModule, AXMenuModule, AXDrawerModule, AXTreeViewModule];
 class AXFileExplorerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerModule, imports: [AXDecoratorModule, AXButtonModule, AXBreadcrumbsModule, CommonModule, AXToolBarModule, AXMenuModule, AXDrawerModule, AXTreeViewModule, AXFileExplorerContainerComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerModule, imports: [AXDecoratorModule, AXButtonModule, AXBreadcrumbsModule, CommonModule, AXToolBarModule, AXMenuModule, AXDrawerModule, AXTreeViewModule, AXFileExplorerContainerComponent,
             AXFileExplorerViewComponent,
             AXFileExplorerItemComponent,
             AXFileExplorerHeaderComponent,
@@ -255,12 +255,12 @@ class AXFileExplorerModule {
             AXFileExplorerItemComponent,
             AXFileExplorerHeaderComponent,
             AXFileExplorerTreeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerModule, imports: [MODULES, AXFileExplorerViewComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerModule, imports: [MODULES, AXFileExplorerViewComponent,
             AXFileExplorerItemComponent,
             AXFileExplorerHeaderComponent,
             AXFileExplorerTreeComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFileExplorerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFileExplorerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

package/fesm2022/acorex-components-file-explorer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-file-explorer.mjs","sources":["../../../../libs/components/file-explorer/src/lib/file-explorer-internal.service.ts","../../../../libs/components/file-explorer/src/lib/file-explorer.service.ts","../../../../libs/components/file-explorer/src/lib/file-explorer-container/file-explorer-container.component.ts","../../../../libs/components/file-explorer/src/lib/file-explorer-container/file-explorer-container.component.html","../../../../libs/components/file-explorer/src/lib/file-explorer-header/file-explorer-header.component.ts","../../../../libs/components/file-explorer/src/lib/file-explorer-header/file-explorer-header.component.html","../../../../libs/components/file-explorer/src/lib/file-explorer-item/file-explorer-item.component.ts","../../../../libs/components/file-explorer/src/lib/file-explorer-item/file-explorer-item.component.html","../../../../libs/components/file-explorer/src/lib/file-explorer-tree/file-explorer-tree.component.ts","../../../../libs/components/file-explorer/src/lib/file-explorer-tree/file-explorer-tree.component.html","../../../../libs/components/file-explorer/src/lib/file-explorer-view/file-explorer-view.component.ts","../../../../libs/components/file-explorer/src/lib/file-explorer-view/file-explorer-view.component.html","../../../../libs/components/file-explorer/src/lib/file-explorer.module.ts","../../../../libs/components/file-explorer/src/acorex-components-file-explorer.ts"],"sourcesContent":["import { AXTreeViewComponent } from '@acorex/components/tree-view';\nimport { Injectable, signal } from '@angular/core';\nimport { AXFileExplorerSchema, ViewModeType } from './file-explorer-types';\n\n@Injectable()\nexport class AXFileExplorerInternalService {\n  viewMode = signal<ViewModeType>('ax-large-icon');\n  treeViewState = signal(false);\n  allData = signal<AXFileExplorerSchema[]>([]);\n  showData = signal<AXFileExplorerSchema[]>([]);\n  breadcrumbsData = signal(['root']);\n  activeFolderId = signal<string | number>(null);\n  dataCallBack = signal<(selectedItemId?: string | number, sortBy?: 'name' | 'date' | 'type') => any>(null);\n  treeViewInstant = signal<AXTreeViewComponent>(null);\n  clickedItems = new Set();\n\n  findItemInNestedArray(array: any[], predicate: (item: any) => boolean) {\n    for (const item of array) {\n      if (predicate(item)) {\n        return item;\n      }\n      if (item.children) {\n        const found = this.findItemInNestedArray(item.children, predicate);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n\n  async dbClickHandler(item?: AXFileExplorerSchema, isTreeViewClicked = true) {\n    if (item.extension) return;\n    if (!item?.id) return;\n\n    if (isTreeViewClicked) {\n      this.treeViewInstant().executeOnTreeNode(item, 'active', true);\n      this.treeViewInstant().executeOnTreeNode(item, 'expand', true);\n    }\n\n    this.activeFolderId.set(item.id);\n    const clickedItem = this.findItemInNestedArray(this.allData(), (e) => e.id === item.id);\n    this.breadcrumbsData.update((prev) => [...prev, clickedItem.text]);\n    let canPass = true;\n    this.clickedItems.forEach((e) => {\n      if (e === item.id) canPass = false;\n    });\n    this.clickedItems.add(item.id);\n    if (!canPass) return;\n    const newChild = await this.dataCallBack()(item.id);\n    this.allData.update((prev) => {\n      const copy = [...prev];\n      const find = this.findItemInNestedArray(copy, (e) => e.id === item.id);\n      find.children = newChild;\n      return copy;\n    });\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { AXFileExplorerInternalService } from './file-explorer-internal.service';\nimport { ViewModeType } from './file-explorer-types';\n\n@Injectable()\nexport class AXFileExplorerService {\n  private internalService = inject(AXFileExplorerInternalService);\n\n  backButtonHandler() {\n    this.internalService.breadcrumbsData.update((prev) => {\n      const copy = [...prev];\n      if (copy.length !== 1) copy.pop();\n      return copy;\n    });\n\n    const parentId = this.internalService.showData()[0].parentId;\n    const parent = this.internalService.findItemInNestedArray(this.internalService.allData(), (item) => item.id === parentId);\n    if (parent?.parentId) {\n      this.internalService.activeFolderId.set(parent.parentId);\n    } else {\n      this.internalService.activeFolderId.set(null);\n    }\n\n    this.internalService.treeViewInstant().executeOnTreeNode(parent, 'active', false);\n  }\n\n  menuToggleHandler() {\n    this.internalService.treeViewState.update((prev) => !prev);\n  }\n\n  changeViewHandler(v: ViewModeType) {\n    this.internalService.viewMode.set(v);\n  }\n\n  async sortItemHandler(sort: 'name' | 'date' | 'type') {\n    await this.internalService.dataCallBack()(this.internalService.activeFolderId(), sort);\n  }\n}\n","import { Component, ViewEncapsulation } from '@angular/core';\nimport { AXFileExplorerInternalService } from '../file-explorer-internal.service';\nimport { AXFileExplorerService } from '../file-explorer.service';\n\n@Component({\n  selector: 'ax-file-explorer-container',\n  templateUrl: './file-explorer-container.component.html',\n  styleUrls: ['./file-explorer-container.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [AXFileExplorerService, AXFileExplorerInternalService],\n})\nexport class AXFileExplorerContainerComponent {}\n","<ng-content select=\"ax-file-explorer-tree\"></ng-content>\n<ng-content select=\"ax-file-explorer-view\"></ng-content>\n","import { AXBreadCrumbsComponent, AXBreadCrumbsItemComponent } from '@acorex/components/breadcrumbs';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { AXMenuComponent, AXMenuItemComponent } from '@acorex/components/menu';\nimport { AXToolBarComponent } from '@acorex/components/toolbar';\nimport { NgIf } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { AXFileExplorerInternalService } from '../file-explorer-internal.service';\nimport { AXFileExplorerService } from '../file-explorer.service';\n\n@Component({\n  selector: 'ax-file-explorer-header',\n  templateUrl: './file-explorer-header.component.html',\n  styleUrls: ['./file-explorer-header.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    AXToolBarComponent,\n    AXDecoratorGenericComponent,\n    AXButtonComponent,\n    AXDecoratorIconComponent,\n    AXBreadCrumbsComponent,\n    NgIf,\n    AXBreadCrumbsItemComponent,\n    AXMenuComponent,\n    AXMenuItemComponent,\n  ],\n})\nexport class AXFileExplorerHeaderComponent {\n  protected service = inject(AXFileExplorerService);\n  protected internalService = inject(AXFileExplorerInternalService);\n}\n","<ax-toolbar>\n  <ax-prefix>\n    <ax-button (onClick)=\"service.menuToggleHandler()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-menu\"></ax-icon>\n    </ax-button>\n\n    <ax-divider></ax-divider>\n\n    <ax-button (onClick)=\"service.backButtonHandler()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-up-folder\"></ax-icon>\n    </ax-button>\n\n    <ax-divider></ax-divider>\n\n    <ax-breadcrumbs>\n      <ng-template *ngIf=\"false\" #divider> '|' </ng-template>\n      @for (item of internalService.breadcrumbsData(); track item; let idx = $last) {\n        <ax-breadcrumbs-item [active]=\"idx\">\n          <ax-text>{{ item }}</ax-text>\n        </ax-breadcrumbs-item>\n      }\n    </ax-breadcrumbs>\n  </ax-prefix>\n\n  <ax-suffix>\n    <ax-menu openOn=\"click\" [hasArrow]=\"false\">\n      <ax-menu-item>\n        <ax-text>View</ax-text>\n\n        <ax-menu-item (onClick)=\"service.changeViewHandler('ax-large-icon')\">\n          <ax-text>Large</ax-text>\n        </ax-menu-item>\n\n        <ax-menu-item (onClick)=\"service.changeViewHandler('ax-small-icon')\">\n          <ax-text>Small</ax-text>\n        </ax-menu-item>\n\n        <ax-menu-item (onClick)=\"service.changeViewHandler('ax-list-icon')\">\n          <ax-text>List</ax-text>\n        </ax-menu-item>\n      </ax-menu-item>\n    </ax-menu>\n\n    <ax-divider></ax-divider>\n\n    <ax-menu openOn=\"click\" [hasArrow]=\"false\">\n      <ax-menu-item>\n        <ax-prefix>\n          <ax-icon class=\"ax-icon ax-icon-sort\"></ax-icon>\n        </ax-prefix>\n        <ax-menu-item (onClick)=\"service.sortItemHandler('name')\"> <ax-text>Name</ax-text> </ax-menu-item>\n        <ax-menu-item (onClick)=\"service.sortItemHandler('date')\"> <ax-text>Date</ax-text> </ax-menu-item>\n        <ax-menu-item (onClick)=\"service.sortItemHandler('type')\"> <ax-text>Type</ax-text> </ax-menu-item>\n      </ax-menu-item>\n    </ax-menu>\n  </ax-suffix>\n</ax-toolbar>\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { AXFileExplorerSchema, ViewModeType } from '../file-explorer-types';\n\n@Component({\n  selector: 'ax-file-explorer-item',\n  templateUrl: './file-explorer-item.component.html',\n  styleUrls: ['./file-explorer-item.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXDecoratorIconComponent, AXDecoratorGenericComponent, NgClass],\n})\nexport class AXFileExplorerItemComponent extends MXBaseComponent {\n  data = input<AXFileExplorerSchema>();\n  dbClick = output();\n  viewMode = input<ViewModeType>();\n\n  protected dbClickHandler() {\n    this.dbClick.emit();\n  }\n\n  // protected fileExtensionPreviewHandler(extension: string) {\n  //   switch (extension) {\n  //     case '':\n  //       return this.sanitizer\n  //         .bypassSecurityTrustHtml(`<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  //          <path  fill=\"none\" d=\"M18 10L13 10\" stroke-linecap=\"round\"/>\n  //          <path  fill=\"none\" d=\"M10 3H16.5C16.9644 3 17.1966 3 17.3916 3.02567C18.7378 3.2029 19.7971 4.26222 19.9743 5.60842C20 5.80337 20 6.03558 20 6.5\"  />\n  //          <path  fill=\"none\" d=\"M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z\"  />\n  //          </svg>`);\n  //       break;\n  //     case 'jpg':\n  //     case 'png':\n  //     case 'jpeg':\n  //       return this.sanitizer\n  //         .bypassSecurityTrustHtml(`<svg viewBox=\"-0.5 0 25 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  //           <path\n  //             d=\"M21 22H3C2.72 22 2.5 21.6517 2.5 21.2083V3.79167C2.5 3.34833 2.72 3 3 3H21C21.28 3 21.5 3.34833 21.5 3.79167V21.2083C21.5 21.6517 21.28 22 21 22Z\"\n  //             stroke-miterlimit=\"10\"\n  //             stroke-linecap=\"round\"\n  //             stroke-linejoin=\"round\"\n  //           />\n  //           <path\n  //             d=\"M4.5 19.1875L9.66 12.6875C9.86 12.4375 10.24 12.4375 10.44 12.6875L15.6 19.1875\"\n  //             stroke-miterlimit=\"10\"\n  //             stroke-linecap=\"round\"\n  //             stroke-linejoin=\"round\"\n  //           />\n  //           <path\n  //             d=\"M16.2 16.6975L16.4599 16.3275C16.6599 16.0775 17.0399 16.0775 17.2399 16.3275L19.4999 19.1875\"\n  //             stroke-miterlimit=\"10\"\n  //             stroke-linecap=\"round\"\n  //             stroke-linejoin=\"round\"\n  //           />\n  //           <path\n  //             d=\"M17.2046 9.54315C17.2046 10.4294 16.4862 11.1478 15.6 11.1478C14.7138 11.1478 13.9954 10.4294 13.9954 9.54315C13.9954 8.65695 14.7138 7.93854 15.6 7.93854C16.4862 7.93854 17.2046 8.65695 17.2046 9.54315Z\"\n  //           />\n  //         </svg>`);\n  //       break;\n  //     case 'mp3':\n  //     case 'wav':\n  //       return this.sanitizer\n  //         .bypassSecurityTrustHtml(`<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  //        <path\n  //          fill-rule=\"evenodd\"\n  //          clip-rule=\"evenodd\"\n  //          d=\"M10 1C9.73478 1 9.48043 1.10536 9.29289 1.29289L3.29289 7.29289C3.10536 7.48043 3 7.73478 3 8V20C3 21.6569 4.34315 23 6 23H7C7.55228 23 8 22.5523 8 22C8 21.4477 7.55228 21 7 21H6C5.44772 21 5 20.5523 5 20V9H10C10.5523 9 11 8.55228 11 8V3H18C18.5523 3 19 3.44772 19 4V7C19 7.55228 19.4477 8 20 8C20.5523 8 21 7.55228 21 7V4C21 2.34315 19.6569 1 18 1H10ZM9 7H6.41421L9 4.41421V7ZM12.5 24C13.8807 24 15 22.8807 15 21.5V12.8673L20 12.153V18.05C19.8384 18.0172 19.6712 18 19.5 18C18.1193 18 17 19.1193 17 20.5C17 21.8807 18.1193 23 19.5 23C20.8807 23 22 21.8807 22 20.5V11C22 10.7101 21.8742 10.4345 21.6552 10.2445C21.4362 10.0546 21.1456 9.96905 20.8586 10.0101L13.8586 11.0101C13.3659 11.0804 13 11.5023 13 12V19.05C12.8384 19.0172 12.6712 19 12.5 19C11.1193 19 10 20.1193 10 21.5C10 22.8807 11.1193 24 12.5 24Z\"\n  //        />\n  //      </svg>`);\n  //     default:\n  //       return this.sanitizer\n  //         .bypassSecurityTrustHtml(`<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n  //           <path\n  //             d=\"M26.731 9.902c-0.005-0.035-0.011-0.066-0.019-0.095l0.001 0.005c-0.031-0.134-0.094-0.249-0.182-0.342l0 0-8-8c-0.092-0.087-0.207-0.15-0.335-0.181l-0.005-0.001c-0.027-0.008-0.059-0.014-0.092-0.019l-0.003-0c-0.026-0.007-0.059-0.014-0.092-0.019l-0.004-0h-12c-0.414 0-0.75 0.336-0.75 0.75v0 28c0 0.414 0.336 0.75 0.75 0.75h20c0.414-0 0.75-0.336 0.75-0.75v0-20c-0.005-0.038-0.012-0.071-0.020-0.103l0.001 0.005zM24.189 9.25h-5.439v-5.439zM6.75 29.25v-26.5h10.5v7.25c0 0.414 0.336 0.75 0.75 0.75h7.25v18.5z\"\n  //           ></path>\n  //         </svg>`);\n  //   }\n  // }\n}\n","@if (viewMode() === 'ax-list-icon') {\n  <div class=\"ax-list-icon\" (dblclick)=\"dbClickHandler()\">\n    <div class=\"ax-thumb-file\">\n      <ax-icon [icon]=\"data().icon\"></ax-icon>\n      <ax-text>{{ data().text }}</ax-text>\n    </div>\n\n    @if (data().extension) {\n      <ax-text>\n        {{ data().size }}\n      </ax-text>\n    }\n\n    <ax-text>\n      {{ data().description }}\n    </ax-text>\n\n    <ax-text>\n      {{ data().lastModify }}\n    </ax-text>\n  </div>\n} @else {\n  <div [ngClass]=\"viewMode()\" (dblclick)=\"dbClickHandler()\">\n    <ax-icon [icon]=\"data().icon\"></ax-icon>\n    <ax-text>{{ data().text }}</ax-text>\n  </div>\n}\n","import { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { AXDrawerComponent, AXDrawerContainerComponent } from '@acorex/components/drawer';\nimport { AXTreeItemClickBaseEvent, AXTreeViewComponent } from '@acorex/components/tree-view';\nimport { NgClass, NgStyle } from '@angular/common';\nimport { afterNextRender, ChangeDetectionStrategy, Component, effect, inject, viewChild, ViewEncapsulation } from '@angular/core';\nimport { AXFileExplorerInternalService } from '../file-explorer-internal.service';\n\n@Component({\n  selector: 'ax-file-explorer-tree',\n  templateUrl: './file-explorer-tree.component.html',\n  styleUrls: ['./file-explorer-tree.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXDrawerContainerComponent, NgClass, NgStyle, AXDrawerComponent, AXDecoratorGenericComponent, AXTreeViewComponent],\n})\nexport class AXFileExplorerTreeComponent {\n  protected internalService = inject(AXFileExplorerInternalService);\n  protected drawer = viewChild(AXDrawerComponent);\n  protected treeView = viewChild(AXTreeViewComponent);\n\n  #effect = effect(() => {\n    if (this.internalService.treeViewState()) {\n      this.drawer().open();\n    } else {\n      this.drawer().close();\n    }\n  });\n\n  #init = afterNextRender(() => {\n    this.internalService.treeViewInstant.set(this.treeView());\n  });\n\n  protected openFolderOnViewHandler(e: AXTreeItemClickBaseEvent) {\n    this.internalService.dbClickHandler(e.data, false);\n  }\n}\n","<ax-drawer-container\n  [ngClass]=\"this.internalService.treeViewState() && 'ax-file-explore-drawer-border'\"\n  [ngStyle]=\"this.internalService.treeViewState() ? { width: 'fit-content' } : { width: 0 }\"\n>\n  <ax-drawer location=\"start\" mode=\"push\">\n    <ax-content>\n      <ax-tree-view\n        (onCollapsedChanged)=\"openFolderOnViewHandler($event)\"\n        [showCheckbox]=\"false\"\n        hasChildField=\"hasChild\"\n        [items]=\"internalService.dataCallBack()\"\n      ></ax-tree-view>\n    </ax-content>\n  </ax-drawer>\n</ax-drawer-container>\n","import { AXContextMenuComponent, AXContextMenuItemsClickEvent, AXContextMenuOpeningEvent, AXMenuItem } from '@acorex/components/menu';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, inject, input, viewChild, ViewEncapsulation } from '@angular/core';\nimport { AXFileExplorerInternalService } from '../file-explorer-internal.service';\nimport { AXFileExplorerItemComponent } from '../file-explorer-item/file-explorer-item.component';\n\n@Component({\n  selector: 'ax-file-explorer-view',\n  templateUrl: './file-explorer-view.component.html',\n  styleUrls: ['./file-explorer-view.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgClass, AXFileExplorerItemComponent, AXContextMenuComponent],\n})\nexport class AXFileExplorerViewComponent {\n  dataCallBack = input.required<(selectedItemId?: string | number, sortBy?: 'name' | 'date' | 'type') => any>();\n\n  protected contextMenu = viewChild(AXContextMenuComponent);\n  protected internalService = inject(AXFileExplorerInternalService);\n\n  #init = effect(() => {\n    this.setInitialAllData();\n    this.internalService.dataCallBack.set(this.dataCallBack());\n  });\n\n  #effect2 = effect(() => {\n    if (this.internalService.activeFolderId()) {\n      const result = this.internalService.findItemInNestedArray(this.internalService.allData(), (item) => item.id === this.internalService.activeFolderId());\n      this.internalService.showData.set(result.children);\n    } else {\n      this.internalService.showData.set(this.internalService.allData());\n    }\n    setTimeout(() => {\n      this.contextMenu().refresh();\n    });\n  });\n\n  protected async setInitialAllData() {\n    const rootData = await this.dataCallBack()();\n    this.internalService.allData.set(rootData);\n  }\n\n  protected handleContextMenuOpening(e: AXContextMenuOpeningEvent) {\n    const target = e.targetElement['__axContext__'] as AXFileExplorerItemComponent;\n\n    const items: AXMenuItem[] = [{ text: 'open', data: target }, { text: 'delete', data: target } as AXMenuItem];\n    e.items.push(...items);\n\n    // if (items.length) {\n    //   e.items.push(...items);\n    // } else {\n    //   e.canceled = true;\n    // }\n  }\n\n  protected handleContextMenuItemClick(e: AXContextMenuItemsClickEvent) {\n    this.internalService.dbClickHandler(e.item.data.data());\n  }\n}\n","<ng-content select=\"ax-file-explorer-header\"></ng-content>\n\n<div [ngClass]=\"internalService.viewMode()\" class=\"ax-file-container\">\n  @for (item of internalService.showData(); track item.id) {\n    <ax-file-explorer-item\n      id=\"ax-file-explore-item-ref\"\n      (dbClick)=\"internalService.dbClickHandler(item)\"\n      [data]=\"item\"\n      [viewMode]=\"internalService.viewMode()\"\n    ></ax-file-explorer-item>\n  }\n</div>\n<ax-context-menu\n  target=\"#ax-file-explore-item-ref\"\n  orientation=\"vertical\"\n  (onOpening)=\"handleContextMenuOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\n","import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDrawerModule } from '@acorex/components/drawer';\nimport { AXMenuModule } from '@acorex/components/menu';\nimport { AXToolBarModule } from '@acorex/components/toolbar';\nimport { AXTreeViewModule } from '@acorex/components/tree-view';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXFileExplorerContainerComponent } from './file-explorer-container/file-explorer-container.component';\nimport { AXFileExplorerHeaderComponent } from './file-explorer-header/file-explorer-header.component';\nimport { AXFileExplorerItemComponent } from './file-explorer-item/file-explorer-item.component';\nimport { AXFileExplorerTreeComponent } from './file-explorer-tree/file-explorer-tree.component';\nimport { AXFileExplorerViewComponent } from './file-explorer-view/file-explorer-view.component';\n\nconst COMPONENT = [\n  AXFileExplorerContainerComponent,\n  AXFileExplorerViewComponent,\n  AXFileExplorerItemComponent,\n  AXFileExplorerHeaderComponent,\n  AXFileExplorerTreeComponent,\n];\n\nconst MODULES = [AXDecoratorModule, AXButtonModule, AXBreadcrumbsModule, CommonModule, AXToolBarModule, AXMenuModule, AXDrawerModule, AXTreeViewModule];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXFileExplorerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-file-explorer.mjs","sources":["../../../../libs/components/file-explorer/src/lib/file-explorer-internal.service.ts","../../../../libs/components/file-explorer/src/lib/file-explorer.service.ts","../../../../libs/components/file-explorer/src/lib/file-explorer-container/file-explorer-container.component.ts","../../../../libs/components/file-explorer/src/lib/file-explorer-container/file-explorer-container.component.html","../../../../libs/components/file-explorer/src/lib/file-explorer-header/file-explorer-header.component.ts","../../../../libs/components/file-explorer/src/lib/file-explorer-header/file-explorer-header.component.html","../../../../libs/components/file-explorer/src/lib/file-explorer-item/file-explorer-item.component.ts","../../../../libs/components/file-explorer/src/lib/file-explorer-item/file-explorer-item.component.html","../../../../libs/components/file-explorer/src/lib/file-explorer-tree/file-explorer-tree.component.ts","../../../../libs/components/file-explorer/src/lib/file-explorer-tree/file-explorer-tree.component.html","../../../../libs/components/file-explorer/src/lib/file-explorer-view/file-explorer-view.component.ts","../../../../libs/components/file-explorer/src/lib/file-explorer-view/file-explorer-view.component.html","../../../../libs/components/file-explorer/src/lib/file-explorer.module.ts","../../../../libs/components/file-explorer/src/acorex-components-file-explorer.ts"],"sourcesContent":["import { AXTreeViewComponent } from '@acorex/components/tree-view';\nimport { Injectable, signal } from '@angular/core';\nimport { AXFileExplorerSchema, ViewModeType } from './file-explorer-types';\n\n@Injectable()\nexport class AXFileExplorerInternalService {\n  viewMode = signal<ViewModeType>('ax-large-icon');\n  treeViewState = signal(false);\n  allData = signal<AXFileExplorerSchema[]>([]);\n  showData = signal<AXFileExplorerSchema[]>([]);\n  breadcrumbsData = signal(['root']);\n  activeFolderId = signal<string | number>(null);\n  dataCallBack = signal<(selectedItemId?: string | number, sortBy?: 'name' | 'date' | 'type') => any>(null);\n  treeViewInstant = signal<AXTreeViewComponent>(null);\n  clickedItems = new Set();\n\n  findItemInNestedArray(array: any[], predicate: (item: any) => boolean) {\n    for (const item of array) {\n      if (predicate(item)) {\n        return item;\n      }\n      if (item.children) {\n        const found = this.findItemInNestedArray(item.children, predicate);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n\n  async dbClickHandler(item?: AXFileExplorerSchema, isTreeViewClicked = true) {\n    if (item.extension) return;\n    if (!item?.id) return;\n\n    if (isTreeViewClicked) {\n      this.treeViewInstant().executeOnTreeNode(item, 'active', true);\n      this.treeViewInstant().executeOnTreeNode(item, 'expand', true);\n    }\n\n    this.activeFolderId.set(item.id);\n    const clickedItem = this.findItemInNestedArray(this.allData(), (e) => e.id === item.id);\n    this.breadcrumbsData.update((prev) => [...prev, clickedItem.text]);\n    let canPass = true;\n    this.clickedItems.forEach((e) => {\n      if (e === item.id) canPass = false;\n    });\n    this.clickedItems.add(item.id);\n    if (!canPass) return;\n    const newChild = await this.dataCallBack()(item.id);\n    this.allData.update((prev) => {\n      const copy = [...prev];\n      const find = this.findItemInNestedArray(copy, (e) => e.id === item.id);\n      find.children = newChild;\n      return copy;\n    });\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { AXFileExplorerInternalService } from './file-explorer-internal.service';\nimport { ViewModeType } from './file-explorer-types';\n\n@Injectable()\nexport class AXFileExplorerService {\n  private internalService = inject(AXFileExplorerInternalService);\n\n  backButtonHandler() {\n    this.internalService.breadcrumbsData.update((prev) => {\n      const copy = [...prev];\n      if (copy.length !== 1) copy.pop();\n      return copy;\n    });\n\n    const parentId = this.internalService.showData()[0].parentId;\n    const parent = this.internalService.findItemInNestedArray(this.internalService.allData(), (item) => item.id === parentId);\n    if (parent?.parentId) {\n      this.internalService.activeFolderId.set(parent.parentId);\n    } else {\n      this.internalService.activeFolderId.set(null);\n    }\n\n    this.internalService.treeViewInstant().executeOnTreeNode(parent, 'active', false);\n  }\n\n  menuToggleHandler() {\n    this.internalService.treeViewState.update((prev) => !prev);\n  }\n\n  changeViewHandler(v: ViewModeType) {\n    this.internalService.viewMode.set(v);\n  }\n\n  async sortItemHandler(sort: 'name' | 'date' | 'type') {\n    await this.internalService.dataCallBack()(this.internalService.activeFolderId(), sort);\n  }\n}\n","import { Component, ViewEncapsulation } from '@angular/core';\nimport { AXFileExplorerInternalService } from '../file-explorer-internal.service';\nimport { AXFileExplorerService } from '../file-explorer.service';\n\n@Component({\n  selector: 'ax-file-explorer-container',\n  templateUrl: './file-explorer-container.component.html',\n  styleUrls: ['./file-explorer-container.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [AXFileExplorerService, AXFileExplorerInternalService],\n})\nexport class AXFileExplorerContainerComponent {}\n","<ng-content select=\"ax-file-explorer-tree\"></ng-content>\n<ng-content select=\"ax-file-explorer-view\"></ng-content>\n","import { AXBreadCrumbsComponent, AXBreadCrumbsItemComponent } from '@acorex/components/breadcrumbs';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { AXMenuComponent, AXMenuItemComponent } from '@acorex/components/menu';\nimport { AXToolBarComponent } from '@acorex/components/toolbar';\nimport { NgIf } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { AXFileExplorerInternalService } from '../file-explorer-internal.service';\nimport { AXFileExplorerService } from '../file-explorer.service';\n\n@Component({\n  selector: 'ax-file-explorer-header',\n  templateUrl: './file-explorer-header.component.html',\n  styleUrls: ['./file-explorer-header.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    AXToolBarComponent,\n    AXDecoratorGenericComponent,\n    AXButtonComponent,\n    AXDecoratorIconComponent,\n    AXBreadCrumbsComponent,\n    NgIf,\n    AXBreadCrumbsItemComponent,\n    AXMenuComponent,\n    AXMenuItemComponent,\n  ],\n})\nexport class AXFileExplorerHeaderComponent {\n  protected service = inject(AXFileExplorerService);\n  protected internalService = inject(AXFileExplorerInternalService);\n}\n","<ax-toolbar>\n  <ax-prefix>\n    <ax-button (onClick)=\"service.menuToggleHandler()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-menu\"></ax-icon>\n    </ax-button>\n\n    <ax-divider></ax-divider>\n\n    <ax-button (onClick)=\"service.backButtonHandler()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-up-folder\"></ax-icon>\n    </ax-button>\n\n    <ax-divider></ax-divider>\n\n    <ax-breadcrumbs>\n      <ng-template *ngIf=\"false\" #divider> '|' </ng-template>\n      @for (item of internalService.breadcrumbsData(); track item; let idx = $last) {\n        <ax-breadcrumbs-item [active]=\"idx\">\n          <ax-text>{{ item }}</ax-text>\n        </ax-breadcrumbs-item>\n      }\n    </ax-breadcrumbs>\n  </ax-prefix>\n\n  <ax-suffix>\n    <ax-menu openOn=\"click\" [hasArrow]=\"false\">\n      <ax-menu-item>\n        <ax-text>View</ax-text>\n\n        <ax-menu-item (onClick)=\"service.changeViewHandler('ax-large-icon')\">\n          <ax-text>Large</ax-text>\n        </ax-menu-item>\n\n        <ax-menu-item (onClick)=\"service.changeViewHandler('ax-small-icon')\">\n          <ax-text>Small</ax-text>\n        </ax-menu-item>\n\n        <ax-menu-item (onClick)=\"service.changeViewHandler('ax-list-icon')\">\n          <ax-text>List</ax-text>\n        </ax-menu-item>\n      </ax-menu-item>\n    </ax-menu>\n\n    <ax-divider></ax-divider>\n\n    <ax-menu openOn=\"click\" [hasArrow]=\"false\">\n      <ax-menu-item>\n        <ax-prefix>\n          <ax-icon class=\"ax-icon ax-icon-sort\"></ax-icon>\n        </ax-prefix>\n        <ax-menu-item (onClick)=\"service.sortItemHandler('name')\"> <ax-text>Name</ax-text> </ax-menu-item>\n        <ax-menu-item (onClick)=\"service.sortItemHandler('date')\"> <ax-text>Date</ax-text> </ax-menu-item>\n        <ax-menu-item (onClick)=\"service.sortItemHandler('type')\"> <ax-text>Type</ax-text> </ax-menu-item>\n      </ax-menu-item>\n    </ax-menu>\n  </ax-suffix>\n</ax-toolbar>\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { AXFileExplorerSchema, ViewModeType } from '../file-explorer-types';\n\n@Component({\n  selector: 'ax-file-explorer-item',\n  templateUrl: './file-explorer-item.component.html',\n  styleUrls: ['./file-explorer-item.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXDecoratorIconComponent, AXDecoratorGenericComponent, NgClass],\n})\nexport class AXFileExplorerItemComponent extends MXBaseComponent {\n  data = input<AXFileExplorerSchema>();\n  dbClick = output();\n  viewMode = input<ViewModeType>();\n\n  protected dbClickHandler() {\n    this.dbClick.emit();\n  }\n\n  // protected fileExtensionPreviewHandler(extension: string) {\n  //   switch (extension) {\n  //     case '':\n  //       return this.sanitizer\n  //         .bypassSecurityTrustHtml(`<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  //          <path  fill=\"none\" d=\"M18 10L13 10\" stroke-linecap=\"round\"/>\n  //          <path  fill=\"none\" d=\"M10 3H16.5C16.9644 3 17.1966 3 17.3916 3.02567C18.7378 3.2029 19.7971 4.26222 19.9743 5.60842C20 5.80337 20 6.03558 20 6.5\"  />\n  //          <path  fill=\"none\" d=\"M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z\"  />\n  //          </svg>`);\n  //       break;\n  //     case 'jpg':\n  //     case 'png':\n  //     case 'jpeg':\n  //       return this.sanitizer\n  //         .bypassSecurityTrustHtml(`<svg viewBox=\"-0.5 0 25 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  //           <path\n  //             d=\"M21 22H3C2.72 22 2.5 21.6517 2.5 21.2083V3.79167C2.5 3.34833 2.72 3 3 3H21C21.28 3 21.5 3.34833 21.5 3.79167V21.2083C21.5 21.6517 21.28 22 21 22Z\"\n  //             stroke-miterlimit=\"10\"\n  //             stroke-linecap=\"round\"\n  //             stroke-linejoin=\"round\"\n  //           />\n  //           <path\n  //             d=\"M4.5 19.1875L9.66 12.6875C9.86 12.4375 10.24 12.4375 10.44 12.6875L15.6 19.1875\"\n  //             stroke-miterlimit=\"10\"\n  //             stroke-linecap=\"round\"\n  //             stroke-linejoin=\"round\"\n  //           />\n  //           <path\n  //             d=\"M16.2 16.6975L16.4599 16.3275C16.6599 16.0775 17.0399 16.0775 17.2399 16.3275L19.4999 19.1875\"\n  //             stroke-miterlimit=\"10\"\n  //             stroke-linecap=\"round\"\n  //             stroke-linejoin=\"round\"\n  //           />\n  //           <path\n  //             d=\"M17.2046 9.54315C17.2046 10.4294 16.4862 11.1478 15.6 11.1478C14.7138 11.1478 13.9954 10.4294 13.9954 9.54315C13.9954 8.65695 14.7138 7.93854 15.6 7.93854C16.4862 7.93854 17.2046 8.65695 17.2046 9.54315Z\"\n  //           />\n  //         </svg>`);\n  //       break;\n  //     case 'mp3':\n  //     case 'wav':\n  //       return this.sanitizer\n  //         .bypassSecurityTrustHtml(`<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  //        <path\n  //          fill-rule=\"evenodd\"\n  //          clip-rule=\"evenodd\"\n  //          d=\"M10 1C9.73478 1 9.48043 1.10536 9.29289 1.29289L3.29289 7.29289C3.10536 7.48043 3 7.73478 3 8V20C3 21.6569 4.34315 23 6 23H7C7.55228 23 8 22.5523 8 22C8 21.4477 7.55228 21 7 21H6C5.44772 21 5 20.5523 5 20V9H10C10.5523 9 11 8.55228 11 8V3H18C18.5523 3 19 3.44772 19 4V7C19 7.55228 19.4477 8 20 8C20.5523 8 21 7.55228 21 7V4C21 2.34315 19.6569 1 18 1H10ZM9 7H6.41421L9 4.41421V7ZM12.5 24C13.8807 24 15 22.8807 15 21.5V12.8673L20 12.153V18.05C19.8384 18.0172 19.6712 18 19.5 18C18.1193 18 17 19.1193 17 20.5C17 21.8807 18.1193 23 19.5 23C20.8807 23 22 21.8807 22 20.5V11C22 10.7101 21.8742 10.4345 21.6552 10.2445C21.4362 10.0546 21.1456 9.96905 20.8586 10.0101L13.8586 11.0101C13.3659 11.0804 13 11.5023 13 12V19.05C12.8384 19.0172 12.6712 19 12.5 19C11.1193 19 10 20.1193 10 21.5C10 22.8807 11.1193 24 12.5 24Z\"\n  //        />\n  //      </svg>`);\n  //     default:\n  //       return this.sanitizer\n  //         .bypassSecurityTrustHtml(`<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n  //           <path\n  //             d=\"M26.731 9.902c-0.005-0.035-0.011-0.066-0.019-0.095l0.001 0.005c-0.031-0.134-0.094-0.249-0.182-0.342l0 0-8-8c-0.092-0.087-0.207-0.15-0.335-0.181l-0.005-0.001c-0.027-0.008-0.059-0.014-0.092-0.019l-0.003-0c-0.026-0.007-0.059-0.014-0.092-0.019l-0.004-0h-12c-0.414 0-0.75 0.336-0.75 0.75v0 28c0 0.414 0.336 0.75 0.75 0.75h20c0.414-0 0.75-0.336 0.75-0.75v0-20c-0.005-0.038-0.012-0.071-0.020-0.103l0.001 0.005zM24.189 9.25h-5.439v-5.439zM6.75 29.25v-26.5h10.5v7.25c0 0.414 0.336 0.75 0.75 0.75h7.25v18.5z\"\n  //           ></path>\n  //         </svg>`);\n  //   }\n  // }\n}\n","@if (viewMode() === 'ax-list-icon') {\n  <div class=\"ax-list-icon\" (dblclick)=\"dbClickHandler()\">\n    <div class=\"ax-thumb-file\">\n      <ax-icon [icon]=\"data().icon\"></ax-icon>\n      <ax-text>{{ data().text }}</ax-text>\n    </div>\n\n    @if (data().extension) {\n      <ax-text>\n        {{ data().size }}\n      </ax-text>\n    }\n\n    <ax-text>\n      {{ data().description }}\n    </ax-text>\n\n    <ax-text>\n      {{ data().lastModify }}\n    </ax-text>\n  </div>\n} @else {\n  <div [ngClass]=\"viewMode()\" (dblclick)=\"dbClickHandler()\">\n    <ax-icon [icon]=\"data().icon\"></ax-icon>\n    <ax-text>{{ data().text }}</ax-text>\n  </div>\n}\n","import { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { AXDrawerComponent, AXDrawerContainerComponent } from '@acorex/components/drawer';\nimport { AXTreeItemClickBaseEvent, AXTreeViewComponent } from '@acorex/components/tree-view';\nimport { NgClass, NgStyle } from '@angular/common';\nimport { afterNextRender, ChangeDetectionStrategy, Component, effect, inject, viewChild, ViewEncapsulation } from '@angular/core';\nimport { AXFileExplorerInternalService } from '../file-explorer-internal.service';\n\n@Component({\n  selector: 'ax-file-explorer-tree',\n  templateUrl: './file-explorer-tree.component.html',\n  styleUrls: ['./file-explorer-tree.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXDrawerContainerComponent, NgClass, NgStyle, AXDrawerComponent, AXDecoratorGenericComponent, AXTreeViewComponent],\n})\nexport class AXFileExplorerTreeComponent {\n  protected internalService = inject(AXFileExplorerInternalService);\n  protected drawer = viewChild(AXDrawerComponent);\n  protected treeView = viewChild(AXTreeViewComponent);\n\n  #effect = effect(() => {\n    if (this.internalService.treeViewState()) {\n      this.drawer().open();\n    } else {\n      this.drawer().close();\n    }\n  });\n\n  #init = afterNextRender(() => {\n    this.internalService.treeViewInstant.set(this.treeView());\n  });\n\n  protected openFolderOnViewHandler(e: AXTreeItemClickBaseEvent) {\n    this.internalService.dbClickHandler(e.data, false);\n  }\n}\n","<ax-drawer-container\n  [ngClass]=\"this.internalService.treeViewState() && 'ax-file-explore-drawer-border'\"\n  [ngStyle]=\"this.internalService.treeViewState() ? { width: 'fit-content' } : { width: 0 }\"\n>\n  <ax-drawer location=\"start\" mode=\"push\">\n    <ax-content>\n      <ax-tree-view\n        (onCollapsedChanged)=\"openFolderOnViewHandler($event)\"\n        [showCheckbox]=\"false\"\n        hasChildField=\"hasChild\"\n        [items]=\"internalService.dataCallBack()\"\n      ></ax-tree-view>\n    </ax-content>\n  </ax-drawer>\n</ax-drawer-container>\n","import { AXContextMenuComponent, AXContextMenuItemsClickEvent, AXContextMenuOpeningEvent, AXMenuItem } from '@acorex/components/menu';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, inject, input, viewChild, ViewEncapsulation } from '@angular/core';\nimport { AXFileExplorerInternalService } from '../file-explorer-internal.service';\nimport { AXFileExplorerItemComponent } from '../file-explorer-item/file-explorer-item.component';\n\n@Component({\n  selector: 'ax-file-explorer-view',\n  templateUrl: './file-explorer-view.component.html',\n  styleUrls: ['./file-explorer-view.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgClass, AXFileExplorerItemComponent, AXContextMenuComponent],\n})\nexport class AXFileExplorerViewComponent {\n  dataCallBack = input.required<(selectedItemId?: string | number, sortBy?: 'name' | 'date' | 'type') => any>();\n\n  protected contextMenu = viewChild(AXContextMenuComponent);\n  protected internalService = inject(AXFileExplorerInternalService);\n\n  #init = effect(() => {\n    this.setInitialAllData();\n    this.internalService.dataCallBack.set(this.dataCallBack());\n  });\n\n  #effect2 = effect(() => {\n    if (this.internalService.activeFolderId()) {\n      const result = this.internalService.findItemInNestedArray(this.internalService.allData(), (item) => item.id === this.internalService.activeFolderId());\n      this.internalService.showData.set(result.children);\n    } else {\n      this.internalService.showData.set(this.internalService.allData());\n    }\n    setTimeout(() => {\n      this.contextMenu().refresh();\n    });\n  });\n\n  protected async setInitialAllData() {\n    const rootData = await this.dataCallBack()();\n    this.internalService.allData.set(rootData);\n  }\n\n  protected handleContextMenuOpening(e: AXContextMenuOpeningEvent) {\n    const target = e.targetElement['__axContext__'] as AXFileExplorerItemComponent;\n\n    const items: AXMenuItem[] = [{ text: 'open', data: target }, { text: 'delete', data: target } as AXMenuItem];\n    e.items.push(...items);\n\n    // if (items.length) {\n    //   e.items.push(...items);\n    // } else {\n    //   e.canceled = true;\n    // }\n  }\n\n  protected handleContextMenuItemClick(e: AXContextMenuItemsClickEvent) {\n    this.internalService.dbClickHandler(e.item.data.data());\n  }\n}\n","<ng-content select=\"ax-file-explorer-header\"></ng-content>\n\n<div [ngClass]=\"internalService.viewMode()\" class=\"ax-file-container\">\n  @for (item of internalService.showData(); track item.id) {\n    <ax-file-explorer-item\n      id=\"ax-file-explore-item-ref\"\n      (dbClick)=\"internalService.dbClickHandler(item)\"\n      [data]=\"item\"\n      [viewMode]=\"internalService.viewMode()\"\n    ></ax-file-explorer-item>\n  }\n</div>\n<ax-context-menu\n  target=\"#ax-file-explore-item-ref\"\n  orientation=\"vertical\"\n  (onOpening)=\"handleContextMenuOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\n","import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDrawerModule } from '@acorex/components/drawer';\nimport { AXMenuModule } from '@acorex/components/menu';\nimport { AXToolBarModule } from '@acorex/components/toolbar';\nimport { AXTreeViewModule } from '@acorex/components/tree-view';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXFileExplorerContainerComponent } from './file-explorer-container/file-explorer-container.component';\nimport { AXFileExplorerHeaderComponent } from './file-explorer-header/file-explorer-header.component';\nimport { AXFileExplorerItemComponent } from './file-explorer-item/file-explorer-item.component';\nimport { AXFileExplorerTreeComponent } from './file-explorer-tree/file-explorer-tree.component';\nimport { AXFileExplorerViewComponent } from './file-explorer-view/file-explorer-view.component';\n\nconst COMPONENT = [\n  AXFileExplorerContainerComponent,\n  AXFileExplorerViewComponent,\n  AXFileExplorerItemComponent,\n  AXFileExplorerHeaderComponent,\n  AXFileExplorerTreeComponent,\n];\n\nconst MODULES = [AXDecoratorModule, AXButtonModule, AXBreadcrumbsModule, CommonModule, AXToolBarModule, AXMenuModule, AXDrawerModule, AXTreeViewModule];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXFileExplorerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-flow-chart.mjs

@@ -424,10 +424,10 @@ class AXFlowChartService {
         this.nodesMap.clear();
         this.eventListeners.clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartService, decorators: [{
             type: Injectable
         }] });
 
@@ -499,10 +499,10 @@ class AXFlowChartCreatorComponent extends NXComponent {
         printWindow.document.write(printContent);
         printWindow.document.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartCreatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: AXFlowChartCreatorComponent, isStandalone: true, selector: "ax-flow-chart-creator", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-shape-container\">\n  <div\n    [ngClass]=\"{ 'ax-shape-selected': selectedShape() === 'rectangle' }\"\n    (click)=\"selectShapeHandler('rectangle')\"\n    class=\"ax-rectangle\"\n  ></div>\n  <div\n    [ngClass]=\"{ 'ax-shape-selected': selectedShape() === 'circle' }\"\n    (click)=\"selectShapeHandler('circle')\"\n    class=\"ax-circle\"\n  ></div>\n  <div\n    [ngClass]=\"{ 'ax-shape-selected': selectedShape() === 'diamond' }\"\n    (click)=\"selectShapeHandler('diamond')\"\n    class=\"ax-diamond\"\n  ></div>\n</div>\n<ax-text-box class=\"ax-sm\" [(ngModel)]=\"label\" placeholder=\"Label\"> </ax-text-box>\n\n<ax-button class=\"ax-sm\" (onClick)=\"createShapeHandler()\" color=\"primary\" text=\"Create\"></ax-button>\n<ax-button color=\"primary\" text=\"Print\" class=\"ax-sm\" (click)=\"printChart()\"></ax-button>\n", styles: ["ax-flow-chart-creator{display:flex;gap:1rem;align-items:center;padding:1rem}ax-flow-chart-creator .ax-shape-container{display:flex;gap:1rem}ax-flow-chart-creator .ax-shape-container .ax-shape-selected{border:2px solid rgba(var(--ax-sys-color-danger-darker-surface))!important}ax-flow-chart-creator .ax-shape-container .ax-rectangle,ax-flow-chart-creator .ax-shape-container .ax-circle,ax-flow-chart-creator .ax-shape-container .ax-diamond{border:2px solid rgba(var(--ax-sys-color-border-surface));display:flex;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer}ax-flow-chart-creator .ax-shape-container .ax-circle{border-radius:1000vmax;aspect-ratio:1}ax-flow-chart-creator .ax-shape-container .ax-diamond{transform:rotate(45deg) scale(.75);aspect-ratio:1}\n"], dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartCreatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXFlowChartCreatorComponent, isStandalone: true, selector: "ax-flow-chart-creator", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-shape-container\">\n  <div\n    [ngClass]=\"{ 'ax-shape-selected': selectedShape() === 'rectangle' }\"\n    (click)=\"selectShapeHandler('rectangle')\"\n    class=\"ax-rectangle\"\n  ></div>\n  <div\n    [ngClass]=\"{ 'ax-shape-selected': selectedShape() === 'circle' }\"\n    (click)=\"selectShapeHandler('circle')\"\n    class=\"ax-circle\"\n  ></div>\n  <div\n    [ngClass]=\"{ 'ax-shape-selected': selectedShape() === 'diamond' }\"\n    (click)=\"selectShapeHandler('diamond')\"\n    class=\"ax-diamond\"\n  ></div>\n</div>\n<ax-text-box class=\"ax-sm\" [(ngModel)]=\"label\" placeholder=\"Label\"> </ax-text-box>\n\n<ax-button class=\"ax-sm\" (onClick)=\"createShapeHandler()\" color=\"primary\" text=\"Create\"></ax-button>\n<ax-button color=\"primary\" text=\"Print\" class=\"ax-sm\" (click)=\"printChart()\"></ax-button>\n", styles: ["ax-flow-chart-creator{display:flex;gap:1rem;align-items:center;padding:1rem}ax-flow-chart-creator .ax-shape-container{display:flex;gap:1rem}ax-flow-chart-creator .ax-shape-container .ax-shape-selected{border:2px solid rgba(var(--ax-sys-color-danger-darker-surface))!important}ax-flow-chart-creator .ax-shape-container .ax-rectangle,ax-flow-chart-creator .ax-shape-container .ax-circle,ax-flow-chart-creator .ax-shape-container .ax-diamond{border:2px solid rgba(var(--ax-sys-color-border-surface));display:flex;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer}ax-flow-chart-creator .ax-shape-container .ax-circle{border-radius:1000vmax;aspect-ratio:1}ax-flow-chart-creator .ax-shape-container .ax-diamond{transform:rotate(45deg) scale(.75);aspect-ratio:1}\n"], dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartCreatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartCreatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-flow-chart-creator', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXTextBoxModule, AXButtonModule, CommonModule, FormsModule], template: "<div class=\"ax-shape-container\">\n  <div\n    [ngClass]=\"{ 'ax-shape-selected': selectedShape() === 'rectangle' }\"\n    (click)=\"selectShapeHandler('rectangle')\"\n    class=\"ax-rectangle\"\n  ></div>\n  <div\n    [ngClass]=\"{ 'ax-shape-selected': selectedShape() === 'circle' }\"\n    (click)=\"selectShapeHandler('circle')\"\n    class=\"ax-circle\"\n  ></div>\n  <div\n    [ngClass]=\"{ 'ax-shape-selected': selectedShape() === 'diamond' }\"\n    (click)=\"selectShapeHandler('diamond')\"\n    class=\"ax-diamond\"\n  ></div>\n</div>\n<ax-text-box class=\"ax-sm\" [(ngModel)]=\"label\" placeholder=\"Label\"> </ax-text-box>\n\n<ax-button class=\"ax-sm\" (onClick)=\"createShapeHandler()\" color=\"primary\" text=\"Create\"></ax-button>\n<ax-button color=\"primary\" text=\"Print\" class=\"ax-sm\" (click)=\"printChart()\"></ax-button>\n", styles: ["ax-flow-chart-creator{display:flex;gap:1rem;align-items:center;padding:1rem}ax-flow-chart-creator .ax-shape-container{display:flex;gap:1rem}ax-flow-chart-creator .ax-shape-container .ax-shape-selected{border:2px solid rgba(var(--ax-sys-color-danger-darker-surface))!important}ax-flow-chart-creator .ax-shape-container .ax-rectangle,ax-flow-chart-creator .ax-shape-container .ax-circle,ax-flow-chart-creator .ax-shape-container .ax-diamond{border:2px solid rgba(var(--ax-sys-color-border-surface));display:flex;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer}ax-flow-chart-creator .ax-shape-container .ax-circle{border-radius:1000vmax;aspect-ratio:1}ax-flow-chart-creator .ax-shape-container .ax-diamond{transform:rotate(45deg) scale(.75);aspect-ratio:1}\n"] }]
         }] });
@@ -588,10 +588,10 @@ class AXFlowChartRendererComponent extends NXComponent {
         this.service.nodeDbClick.unsubscribe();
         this.service.onEdgeUpdate.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.9", type: AXFlowChartRendererComponent, isStandalone: true, selector: "ax-flow-chart-renderer", outputs: { onLineClick: "onLineClick", onLineDbClick: "onLineDbClick", onNodeClick: "onNodeClick", onNodeDbClick: "onNodeDbClick", onEdgeUpdate: "onEdgeUpdate", onNodeUpdate: "onNodeUpdate" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, isSignal: true }, { propertyName: "svg", first: true, predicate: ["connections"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"ax-flow-chart-renderer-canvas\" #canvas>\n  <svg class=\"ax-flow-chart-renderer-svg\" id=\"ax-flow-chart-renderer-connections\" #connections></svg>\n</div>\n", styles: ["ax-flow-chart-renderer{overflow:hidden;width:var(--ax-comp-flow-chart-width, 100%);height:var(--ax-comp-flow-chart-height, 30rem);-webkit-print-color-adjust:exact;print-color-adjust:exact}ax-flow-chart-renderer #ax-flow-chart-renderer-canvas{position:relative;width:100%;height:100%}ax-flow-chart-renderer .ax-flow-chart-node{position:absolute;padding:1rem;background-color:rgba(var(--ax-sys-color-surface));color:rgba(var(--ax-sys-color-on-surface));border:2px solid rgba(var(--ax-sys-color-border-surface));cursor:move;-webkit-user-select:none;user-select:none}ax-flow-chart-renderer .ax-flow-chart-node.selected{border:2px solid rgba(var(--ax-sys-color-danger-darker-surface))}ax-flow-chart-renderer .ax-flow-chart-node .ax-flow-chart-anchor{opacity:0;transition:opacity .5s ease}ax-flow-chart-renderer .ax-flow-chart-node:hover .ax-flow-chart-anchor,ax-flow-chart-renderer .ax-flow-chart-node.selected .ax-flow-chart-anchor{opacity:1}ax-flow-chart-renderer .ax-flow-chart-anchor{position:absolute;width:10px;height:10px;background-color:rgba(var(--ax-sys-color-on-lightest-surface));border-radius:50%;cursor:crosshair;transform:translate(-50%,-50%)}ax-flow-chart-renderer .ax-flow-chart-anchor.selected{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-flow-chart-renderer .ax-flow-chart-anchor.hover{transition:.3s all ease;scale:1.3;background-color:rgba(var(--ax-sys-color-danger-darkest-surface))}ax-flow-chart-renderer .ax-flow-chart-anchor:before{content:\"\";position:absolute;top:-7px;left:-7px;right:-7px;bottom:-7px}ax-flow-chart-renderer .ax-flow-chart-renderer-svg{position:absolute;top:0;left:0;overflow:visible}ax-flow-chart-renderer .ax-flow-chart-line:hover{transition:.3s all ease;stroke:rgba(var(--ax-sys-color-danger-darker-surface));cursor:pointer}ax-flow-chart-renderer .ax-flow-chart-line.selected{stroke:rgba(var(--ax-sys-color-primary-surface))}ax-flow-chart-renderer .ax-rectangle,ax-flow-chart-renderer .ax-circle,ax-flow-chart-renderer .ax-diamond{border:2px solid rgba(var(--ax-sys-color-border-surface));display:flex;justify-content:center;align-items:center;width:auto;height:auto}ax-flow-chart-renderer .ax-circle{border-radius:1000vmax;aspect-ratio:1}ax-flow-chart-renderer .ax-diamond{transform:rotate(45deg) scale(.75);aspect-ratio:1}ax-flow-chart-renderer .ax-diamond p{transform:rotate(-45deg) scale(1.25)}ax-flow-chart-renderer .ax-diamond .ax-flow-chart-anchor{width:14px;height:14px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.10", type: AXFlowChartRendererComponent, isStandalone: true, selector: "ax-flow-chart-renderer", outputs: { onLineClick: "onLineClick", onLineDbClick: "onLineDbClick", onNodeClick: "onNodeClick", onNodeDbClick: "onNodeDbClick", onEdgeUpdate: "onEdgeUpdate", onNodeUpdate: "onNodeUpdate" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, isSignal: true }, { propertyName: "svg", first: true, predicate: ["connections"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"ax-flow-chart-renderer-canvas\" #canvas>\n  <svg class=\"ax-flow-chart-renderer-svg\" id=\"ax-flow-chart-renderer-connections\" #connections></svg>\n</div>\n", styles: ["ax-flow-chart-renderer{overflow:hidden;width:var(--ax-comp-flow-chart-width, 100%);height:var(--ax-comp-flow-chart-height, 30rem);-webkit-print-color-adjust:exact;print-color-adjust:exact}ax-flow-chart-renderer #ax-flow-chart-renderer-canvas{position:relative;width:100%;height:100%}ax-flow-chart-renderer .ax-flow-chart-node{position:absolute;padding:1rem;background-color:rgba(var(--ax-sys-color-surface));color:rgba(var(--ax-sys-color-on-surface));border:2px solid rgba(var(--ax-sys-color-border-surface));cursor:move;-webkit-user-select:none;user-select:none}ax-flow-chart-renderer .ax-flow-chart-node.selected{border:2px solid rgba(var(--ax-sys-color-danger-darker-surface))}ax-flow-chart-renderer .ax-flow-chart-node .ax-flow-chart-anchor{opacity:0;transition:opacity .5s ease}ax-flow-chart-renderer .ax-flow-chart-node:hover .ax-flow-chart-anchor,ax-flow-chart-renderer .ax-flow-chart-node.selected .ax-flow-chart-anchor{opacity:1}ax-flow-chart-renderer .ax-flow-chart-anchor{position:absolute;width:10px;height:10px;background-color:rgba(var(--ax-sys-color-on-lightest-surface));border-radius:50%;cursor:crosshair;transform:translate(-50%,-50%)}ax-flow-chart-renderer .ax-flow-chart-anchor.selected{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-flow-chart-renderer .ax-flow-chart-anchor.hover{transition:.3s all ease;scale:1.3;background-color:rgba(var(--ax-sys-color-danger-darkest-surface))}ax-flow-chart-renderer .ax-flow-chart-anchor:before{content:\"\";position:absolute;top:-7px;left:-7px;right:-7px;bottom:-7px}ax-flow-chart-renderer .ax-flow-chart-renderer-svg{position:absolute;top:0;left:0;overflow:visible}ax-flow-chart-renderer .ax-flow-chart-line:hover{transition:.3s all ease;stroke:rgba(var(--ax-sys-color-danger-darker-surface));cursor:pointer}ax-flow-chart-renderer .ax-flow-chart-line.selected{stroke:rgba(var(--ax-sys-color-primary-surface))}ax-flow-chart-renderer .ax-rectangle,ax-flow-chart-renderer .ax-circle,ax-flow-chart-renderer .ax-diamond{border:2px solid rgba(var(--ax-sys-color-border-surface));display:flex;justify-content:center;align-items:center;width:auto;height:auto}ax-flow-chart-renderer .ax-circle{border-radius:1000vmax;aspect-ratio:1}ax-flow-chart-renderer .ax-diamond{transform:rotate(45deg) scale(.75);aspect-ratio:1}ax-flow-chart-renderer .ax-diamond p{transform:rotate(-45deg) scale(1.25)}ax-flow-chart-renderer .ax-diamond .ax-flow-chart-anchor{width:14px;height:14px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartRendererComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-flow-chart-renderer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div id=\"ax-flow-chart-renderer-canvas\" #canvas>\n  <svg class=\"ax-flow-chart-renderer-svg\" id=\"ax-flow-chart-renderer-connections\" #connections></svg>\n</div>\n", styles: ["ax-flow-chart-renderer{overflow:hidden;width:var(--ax-comp-flow-chart-width, 100%);height:var(--ax-comp-flow-chart-height, 30rem);-webkit-print-color-adjust:exact;print-color-adjust:exact}ax-flow-chart-renderer #ax-flow-chart-renderer-canvas{position:relative;width:100%;height:100%}ax-flow-chart-renderer .ax-flow-chart-node{position:absolute;padding:1rem;background-color:rgba(var(--ax-sys-color-surface));color:rgba(var(--ax-sys-color-on-surface));border:2px solid rgba(var(--ax-sys-color-border-surface));cursor:move;-webkit-user-select:none;user-select:none}ax-flow-chart-renderer .ax-flow-chart-node.selected{border:2px solid rgba(var(--ax-sys-color-danger-darker-surface))}ax-flow-chart-renderer .ax-flow-chart-node .ax-flow-chart-anchor{opacity:0;transition:opacity .5s ease}ax-flow-chart-renderer .ax-flow-chart-node:hover .ax-flow-chart-anchor,ax-flow-chart-renderer .ax-flow-chart-node.selected .ax-flow-chart-anchor{opacity:1}ax-flow-chart-renderer .ax-flow-chart-anchor{position:absolute;width:10px;height:10px;background-color:rgba(var(--ax-sys-color-on-lightest-surface));border-radius:50%;cursor:crosshair;transform:translate(-50%,-50%)}ax-flow-chart-renderer .ax-flow-chart-anchor.selected{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-flow-chart-renderer .ax-flow-chart-anchor.hover{transition:.3s all ease;scale:1.3;background-color:rgba(var(--ax-sys-color-danger-darkest-surface))}ax-flow-chart-renderer .ax-flow-chart-anchor:before{content:\"\";position:absolute;top:-7px;left:-7px;right:-7px;bottom:-7px}ax-flow-chart-renderer .ax-flow-chart-renderer-svg{position:absolute;top:0;left:0;overflow:visible}ax-flow-chart-renderer .ax-flow-chart-line:hover{transition:.3s all ease;stroke:rgba(var(--ax-sys-color-danger-darker-surface));cursor:pointer}ax-flow-chart-renderer .ax-flow-chart-line.selected{stroke:rgba(var(--ax-sys-color-primary-surface))}ax-flow-chart-renderer .ax-rectangle,ax-flow-chart-renderer .ax-circle,ax-flow-chart-renderer .ax-diamond{border:2px solid rgba(var(--ax-sys-color-border-surface));display:flex;justify-content:center;align-items:center;width:auto;height:auto}ax-flow-chart-renderer .ax-circle{border-radius:1000vmax;aspect-ratio:1}ax-flow-chart-renderer .ax-diamond{transform:rotate(45deg) scale(.75);aspect-ratio:1}ax-flow-chart-renderer .ax-diamond p{transform:rotate(-45deg) scale(1.25)}ax-flow-chart-renderer .ax-diamond .ax-flow-chart-anchor{width:14px;height:14px}\n"] }]
         }] });
@@ -634,10 +634,10 @@ class AXFlowChartComponent extends NXComponent {
     removeNode(nodeId) {
         this.flowChartService.removeNode(nodeId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.9", type: AXFlowChartComponent, isStandalone: true, selector: "ax-flow-chart", inputs: { initialFlowChartNode: { classPropertyName: "initialFlowChartNode", publicName: "initialFlowChartNode", isSignal: true, isRequired: true, transformFunction: null }, initialFlowChartEdge: { classPropertyName: "initialFlowChartEdge", publicName: "initialFlowChartEdge", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, providers: [AXFlowChartService], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\"></ng-content>\n<ng-content select=\"ax-flow-chart-renderer\"></ng-content>\n<ng-content select=\"ax-footer\"></ng-content>\n", styles: ["ax-flow-chart{display:flex;flex-direction:column;width:100%;height:100%;border:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-radius:var(--ax-sys-border-radius)}ax-flow-chart ax-header{border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-flow-chart ax-footer{border-top:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.10", type: AXFlowChartComponent, isStandalone: true, selector: "ax-flow-chart", inputs: { initialFlowChartNode: { classPropertyName: "initialFlowChartNode", publicName: "initialFlowChartNode", isSignal: true, isRequired: true, transformFunction: null }, initialFlowChartEdge: { classPropertyName: "initialFlowChartEdge", publicName: "initialFlowChartEdge", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, providers: [AXFlowChartService], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\"></ng-content>\n<ng-content select=\"ax-flow-chart-renderer\"></ng-content>\n<ng-content select=\"ax-footer\"></ng-content>\n", styles: ["ax-flow-chart{display:flex;flex-direction:column;width:100%;height:100%;border:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-radius:var(--ax-sys-border-radius)}ax-flow-chart ax-header{border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-flow-chart ax-footer{border-top:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-flow-chart', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [AXFlowChartService], template: "<ng-content select=\"ax-header\"></ng-content>\n<ng-content select=\"ax-flow-chart-renderer\"></ng-content>\n<ng-content select=\"ax-footer\"></ng-content>\n", styles: ["ax-flow-chart{display:flex;flex-direction:column;width:100%;height:100%;border:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-radius:var(--ax-sys-border-radius)}ax-flow-chart ax-header{border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-flow-chart ax-footer{border-top:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}\n"] }]
         }], propDecorators: { handleKeyboardEvent: [{
@@ -648,11 +648,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
 const COMPONENT = [AXFlowChartRendererComponent, AXFlowChartCreatorComponent, AXFlowChartComponent];
 const MODULES = [CommonModule];
 class AXFlowChartModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartModule, imports: [CommonModule, AXFlowChartRendererComponent, AXFlowChartCreatorComponent, AXFlowChartComponent], exports: [AXFlowChartRendererComponent, AXFlowChartCreatorComponent, AXFlowChartComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartModule, imports: [MODULES, AXFlowChartCreatorComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartModule, imports: [CommonModule, AXFlowChartRendererComponent, AXFlowChartCreatorComponent, AXFlowChartComponent], exports: [AXFlowChartRendererComponent, AXFlowChartCreatorComponent, AXFlowChartComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartModule, imports: [MODULES, AXFlowChartCreatorComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AXFlowChartModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXFlowChartModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],