npm - @dignite-ng/expand.file-explorer - Versions diffs - 3.0.0-rc.6 → 3.0.0-rc.7 - Mend

@dignite-ng/expand.file-explorer 3.0.0-rc.6 → 3.0.0-rc.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/esm2022/lib/components/dynamic-form/file-explorer/file-explorer-control.component.mjs CHANGED Viewed

@@ -105,4 +105,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1leHBsb3Jlci1jb250cm9sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZpbGUtZXhwbG9yZXIvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS9maWxlLWV4cGxvcmVyL2ZpbGUtZXhwbG9yZXItY29udHJvbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9maWxlLWV4cGxvcmVyL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLWZvcm0vZmlsZS1leHBsb3Jlci9maWxlLWV4cGxvcmVyLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQWMsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUEwQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBUXBFLE1BQU0sT0FBTyw0QkFBNEI7SUFDdkMsWUFBb0IsRUFBZTtRQUFmLE9BQUUsR0FBRixFQUFFLENBQWE7UUFVbkMsWUFBWTtRQUNaLFlBQU8sR0FBUSxFQUFFLENBQUM7UUE2QlYsUUFBRyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBVXhDLFVBQVU7UUFDVixzQkFBaUIsR0FBUSxFQUFFLENBQUM7UUFDNUIsWUFBWTtRQUNaLHNCQUFpQixHQUFRLEVBQUUsQ0FBQztRQXVCcEIsZ0JBQVcsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQTtRQUN4QyxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO1FBUWhELHFCQUFxQjtRQUNyQixzQkFBaUIsR0FBVSxFQUFFLENBQUM7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Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29uZmlnU3RhdGVTZXJ2aWNlLCBFbnZpcm9ubWVudFNlcnZpY2UgfSBmcm9tICdAYWJwL25nLmNvcmUnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgaW5qZWN0LCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdmZS1maWxlLWV4cGxvcmVyLWNvbnRyb2wnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsZS1leHBsb3Jlci1jb250cm9sLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsZS1leHBsb3Jlci1jb250cm9sLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVFeHBsb3JlckNvbnRyb2xDb21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZiOiBGb3JtQnVpbGRlcikge31cblxuICAvKirooajljZXlrp7kvZMgKi9cbiAgX2VudGl0eTogRm9ybUdyb3VwIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGVudGl0eSh2OiBhbnkpIHtcbiAgICB0aGlzLl9lbnRpdHkgPSB2O1xuICAgIGlmICh2KSB0aGlzLmRhdGFMb2FkZWQoKTtcbiAgfVxuXG4gIC8qKuWtl+autemFjee9ruWIl+ihqCAqL1xuICBfZmllbGRzOiBhbnkgPSAnJztcbiAgQElucHV0KClcbiAgcHVibGljIHNldCBmaWVsZHModjogYW55KSB7XG4gICAgdGhpcy5fZmllbGRzID0gdjtcbiAgICBpZiAodikgdGhpcy5kYXRhTG9hZGVkKCk7XG4gIH1cblxuICAvKirniLbnuqflrZfmrrXlkI3np7DvvIznlKjkuo7kuLrooajljZXorr7nva7mjqfku7botYvlgLwgKi9cbiAgX3BhcmVudEZpbGVkTmFtZTogYW55O1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHBhcmVudEZpbGVkTmFtZSh2OiBhbnkpIHtcbiAgICB0aGlzLl9wYXJlbnRGaWxlZE5hbWUgPSB2O1xuICAgIGlmICh2KSB0aGlzLmRhdGFMb2FkZWQoKTtcbiAgfVxuXG4gIC8qKueItue6p+Wtl+auteWQjeensO+8jOeUqOS6juS4uuihqOWNleiuvue9ruaOp+S7tui1i+WAvCAqL1xuICBfc2VsZWN0ZWQ6IGFueTtcbiAgQElucHV0KClcbiAgcHVibGljIHNldCBzZWxlY3RlZCh2OiBhbnkpIHtcbiAgICB0aGlzLl9zZWxlY3RlZCA9IHY7XG4gICAgXG4gICAgaWYgKHYgJiYgdi5sZW5ndGggPiAwKSB0aGlzLmRhdGFMb2FkZWQoKTtcbiAgfVxuXG4gIEBWaWV3Q2hpbGQoJ3N1Ym1pdGNsaWNrJywgeyBzdGF0aWM6IHRydWUgfSkgc3VibWl0Y2xpY2s6IEVsZW1lbnRSZWY7XG5cbiAgZ2V0IGV4dHJhUHJvcGVydGllcygpIHtcbiAgICByZXR1cm4gdGhpcy5fZW50aXR5LmdldCgnZXh0cmFQcm9wZXJ0aWVzJykgYXMgRm9ybUdyb3VwO1xuICB9XG4gIHByaXZhdGUgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcbiAgLyoq5pWw5o2u5Yqg6L295a6M5oiQICovXG4gIGFzeW5jIGRhdGFMb2FkZWQoKSB7XG4gICAgaWYgKHRoaXMuX2ZpZWxkcyAmJiB0aGlzLl9lbnRpdHkgJiYgdGhpcy5fcGFyZW50RmlsZWROYW1lKSB7XG4gICAgICBhd2FpdCB0aGlzLkFmdGVySW5pdCgpO1xuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpOyAvLyDmiYvliqjop6blj5Hlj5jmm7Tmo4DmtYtcbiAgICAgIHRoaXMuc3VibWl0Y2xpY2s/Lm5hdGl2ZUVsZW1lbnQ/LmNsaWNrKCk7XG4gICAgfVxuICB9XG5cbiAgLyoq5a2X5q616YWN572uICovXG4gIGZvcm1Db25maWd1cmF0aW9uOiBhbnkgPSAnJztcbiAgLyoq5paH5Lu25a655Zmo5ZCN56ewICovXG4gIEZpbGVDb250YWluZXJOYW1lOiBhbnkgPSAnJztcbiAgQWZ0ZXJJbml0KCkge1xuICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0cykgPT4ge1xuICAgICAgbGV0IFZhbGlkYXRvcnNBcnJheSA9IFtdO1xuICAgICAgaWYgKHRoaXMuX2ZpZWxkcy5yZXF1aXJlZCkge1xuICAgICAgICBWYWxpZGF0b3JzQXJyYXkucHVzaChWYWxpZGF0b3JzLnJlcXVpcmVkKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuZm9ybUNvbmZpZ3VyYXRpb24gPSB0aGlzLl9maWVsZHMuZmllbGQuZm9ybUNvbmZpZ3VyYXRpb247XG4gICAgICB0aGlzLkZpbGVDb250YWluZXJOYW1lID0gdGhpcy5mb3JtQ29uZmlndXJhdGlvblsnRmlsZUV4cGxvcmVyLkZpbGVDb250YWluZXJOYW1lJ107XG4gICAgICBpZiAodGhpcy5fc2VsZWN0ZWQgJiYgdGhpcy5fc2VsZWN0ZWQubGVuZ3RoID4gMCkge1xuICAgICAgICB0aGlzLl9zZWxlY3RlZC5tYXAoKGVsOmFueSk9PntcbiAgICAgICAgICBpZighZWxbJ3VybCddKXtcbiAgICAgICAgICAgIGVsWyd1cmwnXT10aGlzLkdldEltYWdlVXJsKGVsLmJsb2JOYW1lLGVsLmNvbnRhaW5lck5hbWUsZWwudGVuYW50SWQpXG4gICAgICAgICAgfVxuICAgICAgICB9KVxuICAgICAgICB0aGlzLnNlbGVjdGVkRmlsZUdyb3VwID0gdGhpcy5fc2VsZWN0ZWQ7XG4gICAgICB9XG4gICAgICBsZXQgbmV3Q29udHJvbCA9IHRoaXMuZmIuY29udHJvbCh0aGlzLl9zZWxlY3RlZCwgVmFsaWRhdG9yc0FycmF5KTtcbiAgICAgIHRoaXMuZXh0cmFQcm9wZXJ0aWVzLnNldENvbnRyb2wodGhpcy5fZmllbGRzLmZpZWxkLm5hbWUsIG5ld0NvbnRyb2wpO1xuICAgICAgcmVzb2x2ZSh0cnVlKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgY29uZmlnU3RhdGUgPSBpbmplY3QoQ29uZmlnU3RhdGVTZXJ2aWNlKVxuICBwcml2YXRlIGVudmlyb25tZW50ID0gaW5qZWN0KEVudmlyb25tZW50U2VydmljZSlcbiAgR2V0SW1hZ2VVcmwodmFsdWU6IHVua25vd24sIC4uLmFyZ3M6IHVua25vd25bXSk6IHVua25vd24ge1xuICAgIGxldCB0ZW5hbnRJZCA9IGFyZ3NbMV1cbiAgICBjb25zdCBlbnZpcm9ubWVudCA9IHRoaXMuZW52aXJvbm1lbnQuZ2V0RW52aXJvbm1lbnQoKTtcbiAgICBsZXQgaW1nVXJsID1gJHtlbnZpcm9ubWVudC5hcGlzLmRlZmF1bHQudXJsfS9hcGkvZmlsZS1leHBsb3Jlci9maWxlcy8ke2FyZ3NbMF19LyR7dmFsdWV9P19fdGVuYW50PSR7dGVuYW50SWR9JnRpbWVyPSR7bmV3IERhdGUoKS5nZXRUaW1lKCl9YFxuICAgIHJldHVybiB2YWx1ZT9pbWdVcmw6JydcbiAgfVxuXG4gIC8qKumAieaLqeaWh+S7ti3lvLnnqpfnmoQt5bey6YCJ5a6a55qE5paH5Lu2ICovXG4gIHNlbGVjdGVkRmlsZUdyb3VwOiBhbnlbXSA9IFtdO1xuXG4gIC8qKl9zZWxlY3RlZEZpbGXmlLnlj5jlm57osIMgKi9cbiAgX3NlbGVjdGVkRmlsZUNoYW5nZShldmVudCkge1xuICAgIHRoaXMuc2VsZWN0ZWRGaWxlR3JvdXAgPSBldmVudDtcbiAgICBsZXQgZmllbGROYW1lID0gdGhpcy5fZmllbGRzLmZpZWxkLm5hbWU7XG4gICAgbGV0IG9iaiA9IHt9O1xuICAgIG9ialtmaWVsZE5hbWVdID0gZXZlbnQ7XG4gICAgdGhpcy5leHRyYVByb3BlcnRpZXMucGF0Y2hWYWx1ZShvYmopO1xuICB9XG59XG4iLCI8Zm9ybSBbZm9ybUdyb3VwXT1cIl9lbnRpdHlcIj5cbiAgICA8ZGl2IGZvcm1Hcm91cE5hbWU9XCJleHRyYVByb3BlcnRpZXNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1iLTNcIj5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tbGFiZWxcIiAqbmdJZj1cIl9maWVsZHMuZGlzcGxheU5hbWVcIj57eyBfZmllbGRzLmRpc3BsYXlOYW1lIH19PC9sYWJlbD5cbiAgICAgICAgICAgIDxmZS1maWxlLXBpY2tlciBbc2VsZWN0Rm9ybUZpbGVdPVwic2VsZWN0ZWRGaWxlR3JvdXBcIiBbbXVsdGlwbGVdPVwiZm9ybUNvbmZpZ3VyYXRpb25bJ0ZpbGVFeHBsb3Jlci5VcGxvYWRGaWxlTXVsdGlwbGUnXVwiXG4gICAgICAgICAgICAgICAgKHNlbGVjdGVkRmlsZUNoYW5nZSk9XCJfc2VsZWN0ZWRGaWxlQ2hhbmdlKCRldmVudClcIiBbZmlsZUNvbnRhaW5lck5hbWVdPVwiRmlsZUNvbnRhaW5lck5hbWVcIj48L2ZlLWZpbGUtcGlja2VyPlxuICAgICAgICAgICAgPHNtYWxsIGNsYXNzPVwiZm9ybS10ZXh0IHRleHQtbXV0ZWQgZC1ibG9ja1wiICpuZ0lmPVwiX2ZpZWxkcy5maWVsZC5kZXNjcmlwdGlvblwiPnt7X2ZpZWxkcy5maWVsZC5kZXNjcmlwdGlvbn19PC9zbWFsbD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCIgc3R5bGU9XCJkaXNwbGF5OiBub25lO1wiICNzdWJtaXRjbGljaz48L2J1dHRvbj5cbjwvZm9ybT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1leHBsb3Jlci1jb250cm9sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZpbGUtZXhwbG9yZXIvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS9maWxlLWV4cGxvcmVyL2ZpbGUtZXhwbG9yZXItY29udHJvbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9maWxlLWV4cGxvcmVyL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLWZvcm0vZmlsZS1leHBsb3Jlci9maWxlLWV4cGxvcmVyLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQWMsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUEwQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBUXBFLE1BQU0sT0FBTyw0QkFBNEI7SUFDdkMsWUFBb0IsRUFBZTtRQUFmLE9BQUUsR0FBRixFQUFFLENBQWE7UUFVbkMsWUFBWTtRQUNaLFlBQU8sR0FBUSxFQUFFLENBQUM7UUE2QlYsUUFBRyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBVXhDLFVBQVU7UUFDVixzQkFBaUIsR0FBUSxFQUFFLENBQUM7UUFDNUIsWUFBWTtRQUNaLHNCQUFpQixHQUFRLEVBQUUsQ0FBQztRQXVCcEIsZ0JBQVcsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQTtRQUN4QyxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO1FBUWhELHFCQUFxQjtRQUNyQixzQkFBaUIsR0FBVSxFQUFFLENBQUM7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Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29uZmlnU3RhdGVTZXJ2aWNlLCBFbnZpcm9ubWVudFNlcnZpY2UgfSBmcm9tICdAYWJwL25nLmNvcmUnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgaW5qZWN0LCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdmZS1maWxlLWV4cGxvcmVyLWNvbnRyb2wnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsZS1leHBsb3Jlci1jb250cm9sLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsZS1leHBsb3Jlci1jb250cm9sLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVFeHBsb3JlckNvbnRyb2xDb21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZiOiBGb3JtQnVpbGRlcikge31cblxuICAvKirooajljZXlrp7kvZMgKi9cbiAgX2VudGl0eTogRm9ybUdyb3VwIHwgYW55O1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGVudGl0eSh2OiBhbnkpIHtcbiAgICB0aGlzLl9lbnRpdHkgPSB2O1xuICAgIGlmICh2KSB0aGlzLmRhdGFMb2FkZWQoKTtcbiAgfVxuXG4gIC8qKuWtl+autemFjee9ruWIl+ihqCAqL1xuICBfZmllbGRzOiBhbnkgPSAnJztcbiAgQElucHV0KClcbiAgcHVibGljIHNldCBmaWVsZHModjogYW55KSB7XG4gICAgdGhpcy5fZmllbGRzID0gdjtcbiAgICBpZiAodikgdGhpcy5kYXRhTG9hZGVkKCk7XG4gIH1cblxuICAvKirniLbnuqflrZfmrrXlkI3np7DvvIznlKjkuo7kuLrooajljZXorr7nva7mjqfku7botYvlgLwgKi9cbiAgX3BhcmVudEZpbGVkTmFtZTogYW55O1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHBhcmVudEZpbGVkTmFtZSh2OiBhbnkpIHtcbiAgICB0aGlzLl9wYXJlbnRGaWxlZE5hbWUgPSB2O1xuICAgIGlmICh2KSB0aGlzLmRhdGFMb2FkZWQoKTtcbiAgfVxuXG4gIC8qKueItue6p+Wtl+auteWQjeensO+8jOeUqOS6juS4uuihqOWNleiuvue9ruaOp+S7tui1i+WAvCAqL1xuICBfc2VsZWN0ZWQ6IGFueTtcbiAgQElucHV0KClcbiAgcHVibGljIHNldCBzZWxlY3RlZCh2OiBhbnkpIHtcbiAgICB0aGlzLl9zZWxlY3RlZCA9IHY7XG4gICAgXG4gICAgaWYgKHYgJiYgdi5sZW5ndGggPiAwKSB0aGlzLmRhdGFMb2FkZWQoKTtcbiAgfVxuXG4gIEBWaWV3Q2hpbGQoJ3N1Ym1pdGNsaWNrJywgeyBzdGF0aWM6IHRydWUgfSkgc3VibWl0Y2xpY2s6IEVsZW1lbnRSZWY7XG5cbiAgZ2V0IGV4dHJhUHJvcGVydGllcygpIHtcbiAgICByZXR1cm4gdGhpcy5fZW50aXR5LmdldCgnZXh0cmFQcm9wZXJ0aWVzJykgYXMgRm9ybUdyb3VwO1xuICB9XG4gIHByaXZhdGUgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcbiAgLyoq5pWw5o2u5Yqg6L295a6M5oiQICovXG4gIGFzeW5jIGRhdGFMb2FkZWQoKSB7XG4gICAgaWYgKHRoaXMuX2ZpZWxkcyAmJiB0aGlzLl9lbnRpdHkgJiYgdGhpcy5fcGFyZW50RmlsZWROYW1lKSB7XG4gICAgICBhd2FpdCB0aGlzLkFmdGVySW5pdCgpO1xuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpOyAvLyDmiYvliqjop6blj5Hlj5jmm7Tmo4DmtYtcbiAgICAgIHRoaXMuc3VibWl0Y2xpY2s/Lm5hdGl2ZUVsZW1lbnQ/LmNsaWNrKCk7XG4gICAgfVxuICB9XG5cbiAgLyoq5a2X5q616YWN572uICovXG4gIGZvcm1Db25maWd1cmF0aW9uOiBhbnkgPSAnJztcbiAgLyoq5paH5Lu25a655Zmo5ZCN56ewICovXG4gIEZpbGVDb250YWluZXJOYW1lOiBhbnkgPSAnJztcbiAgQWZ0ZXJJbml0KCkge1xuICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0cykgPT4ge1xuICAgICAgbGV0IFZhbGlkYXRvcnNBcnJheTphbnkgPSBbXTtcbiAgICAgIGlmICh0aGlzLl9maWVsZHMucmVxdWlyZWQpIHtcbiAgICAgICAgVmFsaWRhdG9yc0FycmF5LnB1c2goVmFsaWRhdG9ycy5yZXF1aXJlZCk7XG4gICAgICB9XG4gICAgICB0aGlzLmZvcm1Db25maWd1cmF0aW9uID0gdGhpcy5fZmllbGRzLmZpZWxkLmZvcm1Db25maWd1cmF0aW9uO1xuICAgICAgdGhpcy5GaWxlQ29udGFpbmVyTmFtZSA9IHRoaXMuZm9ybUNvbmZpZ3VyYXRpb25bJ0ZpbGVFeHBsb3Jlci5GaWxlQ29udGFpbmVyTmFtZSddO1xuICAgICAgaWYgKHRoaXMuX3NlbGVjdGVkICYmIHRoaXMuX3NlbGVjdGVkLmxlbmd0aCA+IDApIHtcbiAgICAgICAgdGhpcy5fc2VsZWN0ZWQubWFwKChlbDphbnkpPT57XG4gICAgICAgICAgaWYoIWVsWyd1cmwnXSl7XG4gICAgICAgICAgICBlbFsndXJsJ109dGhpcy5HZXRJbWFnZVVybChlbC5ibG9iTmFtZSxlbC5jb250YWluZXJOYW1lLGVsLnRlbmFudElkKVxuICAgICAgICAgIH1cbiAgICAgICAgfSlcbiAgICAgICAgdGhpcy5zZWxlY3RlZEZpbGVHcm91cCA9IHRoaXMuX3NlbGVjdGVkO1xuICAgICAgfVxuICAgICAgbGV0IG5ld0NvbnRyb2wgPSB0aGlzLmZiLmNvbnRyb2wodGhpcy5fc2VsZWN0ZWQsIFZhbGlkYXRvcnNBcnJheSk7XG4gICAgICB0aGlzLmV4dHJhUHJvcGVydGllcy5zZXRDb250cm9sKHRoaXMuX2ZpZWxkcy5maWVsZC5uYW1lLCBuZXdDb250cm9sKTtcbiAgICAgIHJlc29sdmUodHJ1ZSk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGNvbmZpZ1N0YXRlID0gaW5qZWN0KENvbmZpZ1N0YXRlU2VydmljZSlcbiAgcHJpdmF0ZSBlbnZpcm9ubWVudCA9IGluamVjdChFbnZpcm9ubWVudFNlcnZpY2UpXG4gIEdldEltYWdlVXJsKHZhbHVlOiB1bmtub3duLCAuLi5hcmdzOiB1bmtub3duW10pOiB1bmtub3duIHtcbiAgICBsZXQgdGVuYW50SWQgPSBhcmdzWzFdXG4gICAgY29uc3QgZW52aXJvbm1lbnQgPSB0aGlzLmVudmlyb25tZW50LmdldEVudmlyb25tZW50KCk7XG4gICAgbGV0IGltZ1VybCA9YCR7ZW52aXJvbm1lbnQuYXBpcy5kZWZhdWx0LnVybH0vYXBpL2ZpbGUtZXhwbG9yZXIvZmlsZXMvJHthcmdzWzBdfS8ke3ZhbHVlfT9fX3RlbmFudD0ke3RlbmFudElkfSZ0aW1lcj0ke25ldyBEYXRlKCkuZ2V0VGltZSgpfWBcbiAgICByZXR1cm4gdmFsdWU/aW1nVXJsOicnXG4gIH1cblxuICAvKirpgInmi6nmlofku7Yt5by556qX55qELeW3sumAieWumueahOaWh+S7tiAqL1xuICBzZWxlY3RlZEZpbGVHcm91cDogYW55W10gPSBbXTtcblxuICAvKipfc2VsZWN0ZWRGaWxl5pS55Y+Y5Zue6LCDICovXG4gIF9zZWxlY3RlZEZpbGVDaGFuZ2UoZXZlbnQpIHtcbiAgICB0aGlzLnNlbGVjdGVkRmlsZUdyb3VwID0gZXZlbnQ7XG4gICAgbGV0IGZpZWxkTmFtZSA9IHRoaXMuX2ZpZWxkcy5maWVsZC5uYW1lO1xuICAgIGxldCBvYmogPSB7fTtcbiAgICBvYmpbZmllbGROYW1lXSA9IGV2ZW50O1xuICAgIHRoaXMuZXh0cmFQcm9wZXJ0aWVzLnBhdGNoVmFsdWUob2JqKTtcbiAgfVxufVxuIiwiPGZvcm0gW2Zvcm1Hcm91cF09XCJfZW50aXR5XCI+XG4gICAgPGRpdiBmb3JtR3JvdXBOYW1lPVwiZXh0cmFQcm9wZXJ0aWVzXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYi0zXCI+XG4gICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWxhYmVsXCIgKm5nSWY9XCJfZmllbGRzLmRpc3BsYXlOYW1lXCI+e3sgX2ZpZWxkcy5kaXNwbGF5TmFtZSB9fTwvbGFiZWw+XG4gICAgICAgICAgICA8ZmUtZmlsZS1waWNrZXIgW3NlbGVjdEZvcm1GaWxlXT1cInNlbGVjdGVkRmlsZUdyb3VwXCIgW211bHRpcGxlXT1cImZvcm1Db25maWd1cmF0aW9uWydGaWxlRXhwbG9yZXIuVXBsb2FkRmlsZU11bHRpcGxlJ11cIlxuICAgICAgICAgICAgICAgIChzZWxlY3RlZEZpbGVDaGFuZ2UpPVwiX3NlbGVjdGVkRmlsZUNoYW5nZSgkZXZlbnQpXCIgW2ZpbGVDb250YWluZXJOYW1lXT1cIkZpbGVDb250YWluZXJOYW1lXCI+PC9mZS1maWxlLXBpY2tlcj5cbiAgICAgICAgICAgIDxzbWFsbCBjbGFzcz1cImZvcm0tdGV4dCB0ZXh0LW11dGVkIGQtYmxvY2tcIiAqbmdJZj1cIl9maWVsZHMuZmllbGQuZGVzY3JpcHRpb25cIj57e19maWVsZHMuZmllbGQuZGVzY3JpcHRpb259fTwvc21hbGw+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxidXR0b24gdHlwZT1cInN1Ym1pdFwiIHN0eWxlPVwiZGlzcGxheTogbm9uZTtcIiAjc3VibWl0Y2xpY2s+PC9idXR0b24+XG48L2Zvcm0+Il19

package/esm2022/lib/components/dynamic-form/file-explorer/file-explorer-view.component.mjs CHANGED Viewed

@@ -1,7 +1,8 @@
+/* eslint-disable @angular-eslint/component-selector */
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@abp/ng.core";
+import * as i2 from "../../../previews/file-preview.component";
 export class FileExplorerViewComponent {
     constructor() {
         /**展示则内容 */
@@ -18,16 +19,17 @@ export class FileExplorerViewComponent {
         //Called after ngOnInit when the component's or directive's content has been initialized.
         //Add 'implements AfterContentInit' to the class.
         let valueOptions = this._value;
+        console.log(this._value, 'this._value');
         if (this.type && valueOptions) {
             this.showValue = valueOptions;
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FileExplorerViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: FileExplorerViewComponent, selector: "fe-file-explorer-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n{{'Cms::NotShowInList'|abpLocalization}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: FileExplorerViewComponent, selector: "fe-file-explorer-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n@if(showValue.length>=1){\r\n<div class=\"d-flex align-items-center \">\r\n    <fe-file-preview [width]=\"'40px'\" [className]=\"'rounded-5 overflow-hidden me-1'\" [src]=\"showValue[0].url\"\r\n        [name]=\"showValue[0].name\" [type]=\"showValue[0].mimeType\" [preview]=\"true\"></fe-file-preview>\r\n    @if(showValue.length-1>0){\r\n    +{{showValue.length-1}}\r\n    }\r\n</div>\r\n}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name", "className"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FileExplorerViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fe-file-explorer-view', template: "@if(showInList){\r\n{{'Cms::NotShowInList'|abpLocalization}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n</div>\r\n}" }]
+            args: [{ selector: 'fe-file-explorer-view', template: "@if(showInList){\r\n@if(showValue.length>=1){\r\n<div class=\"d-flex align-items-center \">\r\n    <fe-file-preview [width]=\"'40px'\" [className]=\"'rounded-5 overflow-hidden me-1'\" [src]=\"showValue[0].url\"\r\n        [name]=\"showValue[0].name\" [type]=\"showValue[0].mimeType\" [preview]=\"true\"></fe-file-preview>\r\n    @if(showValue.length-1>0){\r\n    +{{showValue.length-1}}\r\n    }\r\n</div>\r\n}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n</div>\r\n}" }]
         }], propDecorators: { showInList: [{
                 type: Input
             }], fields: [{
@@ -37,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
             }], value: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1leHBsb3Jlci12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZpbGUtZXhwbG9yZXIvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS9maWxlLWV4cGxvcmVyL2ZpbGUtZXhwbG9yZXItdmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9maWxlLWV4cGxvcmVyL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLWZvcm0vZmlsZS1leHBsb3Jlci9maWxlLWV4cGxvcmVyLXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPakQsTUFBTSxPQUFPLHlCQUF5QjtJQUx0QztRQU1FLFdBQVc7UUFDWCxjQUFTLEdBQVEsRUFBRSxDQUFDO1FBRXBCLGFBQWE7UUFDSixlQUFVLEdBQVksS0FBSyxDQUFDO1FBT3JDLGVBQWU7UUFDZixXQUFNLEdBQVEsRUFBRSxDQUFDO0tBY2xCO0lBYkMsSUFDVyxLQUFLLENBQUMsQ0FBTTtRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUNsQixDQUFDO0lBRUQsS0FBSyxDQUFDLGtCQUFrQjtRQUN0Qix5RkFBeUY7UUFDekYsaURBQWlEO1FBQ2pELElBQUksWUFBWSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsWUFBWSxDQUFDO1FBQ2hDLENBQUM7SUFDSCxDQUFDOzhHQTFCVSx5QkFBeUI7a0dBQXpCLHlCQUF5QixtSkNQdEMsa05BTUM7OzJGRENZLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBU3hCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsTUFBTTtzQkFBZCxLQUFLO2dCQUdHLElBQUk7c0JBQVosS0FBSztnQkFLSyxLQUFLO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2ZlLWZpbGUtZXhwbG9yZXItdmlldycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtZXhwbG9yZXItdmlldy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2ZpbGUtZXhwbG9yZXItdmlldy5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGaWxlRXhwbG9yZXJWaWV3Q29tcG9uZW50IHtcclxuICAvKirlsZXnpLrliJnlhoXlrrkgKi9cclxuICBzaG93VmFsdWU6IGFueSA9ICcnO1xyXG5cclxuICAvKirmmK/lkKbmmL7npLrlho3liJfooaggKi9cclxuICBASW5wdXQoKSBzaG93SW5MaXN0OiBib29sZWFuID0gZmFsc2U7XHJcbiAgLyoq6KGo5Y2V5a2X5q615pWw5o2uICovXHJcbiAgQElucHV0KCkgZmllbGRzOiBhbnk7XHJcblxyXG4gIC8qKuihqOWNleaOp+S7tuexu+WeiyAqL1xyXG4gIEBJbnB1dCgpIHR5cGU6IGFueTtcclxuXHJcbiAgLyoq6KGo5Y2V5o6n5Lu2VmFsdWUgKi9cclxuICBfdmFsdWU6IGFueSA9ICcnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHNldCB2YWx1ZSh2OiBhbnkpIHtcclxuICAgIHRoaXMuX3ZhbHVlID0gdjtcclxuICB9XHJcblxyXG4gIGFzeW5jIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIC8vQ2FsbGVkIGFmdGVyIG5nT25Jbml0IHdoZW4gdGhlIGNvbXBvbmVudCdzIG9yIGRpcmVjdGl2ZSdzIGNvbnRlbnQgaGFzIGJlZW4gaW5pdGlhbGl6ZWQuXHJcbiAgICAvL0FkZCAnaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0JyB0byB0aGUgY2xhc3MuXHJcbiAgICBsZXQgdmFsdWVPcHRpb25zID0gdGhpcy5fdmFsdWU7XHJcbiAgICBpZiAodGhpcy50eXBlICYmIHZhbHVlT3B0aW9ucykge1xyXG4gICAgICB0aGlzLnNob3dWYWx1ZSA9IHZhbHVlT3B0aW9ucztcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiQGlmKHNob3dJbkxpc3Qpe1xyXG57eydDbXM6Ok5vdFNob3dJbkxpc3QnfGFicExvY2FsaXphdGlvbn19XHJcbn0gQGVsc2V7XHJcbjxkaXYgY2xhc3M9XCJtYi0zXCI+XHJcbiAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWxhYmVsXCIgKm5nSWY9XCJmaWVsZHMuZGlzcGxheU5hbWVcIj57eyBmaWVsZHMuZGlzcGxheU5hbWUgfX08L2xhYmVsPlxyXG48L2Rpdj5cclxufSJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1leHBsb3Jlci12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZpbGUtZXhwbG9yZXIvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS9maWxlLWV4cGxvcmVyL2ZpbGUtZXhwbG9yZXItdmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9maWxlLWV4cGxvcmVyL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljLWZvcm0vZmlsZS1leHBsb3Jlci9maWxlLWV4cGxvcmVyLXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdURBQXVEO0FBQ3ZELE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2pELE1BQU0sT0FBTyx5QkFBeUI7SUFMdEM7UUFNRSxXQUFXO1FBQ1gsY0FBUyxHQUFRLEVBQUUsQ0FBQztRQUVwQixhQUFhO1FBQ0osZUFBVSxHQUFZLEtBQUssQ0FBQztRQU9yQyxlQUFlO1FBQ2YsV0FBTSxHQUFRLEVBQUUsQ0FBQztLQWdCbEI7SUFmQyxJQUNXLEtBQUssQ0FBQyxDQUFNO1FBQ3JCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQ2xCLENBQUM7SUFFRCxLQUFLLENBQUMsa0JBQWtCO1FBQ3RCLHlGQUF5RjtRQUN6RixpREFBaUQ7UUFDakQsSUFBSSxZQUFZLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUMsYUFBYSxDQUFDLENBQUM7UUFFdkMsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsWUFBWSxDQUFDO1FBQ2hDLENBQUM7SUFDSCxDQUFDOzhHQTVCVSx5QkFBeUI7a0dBQXpCLHlCQUF5QixtSkNSdEMsZ2pCQWNDOzsyRkROWSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsdUJBQXVCOzhCQVN4QixVQUFVO3NCQUFsQixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFHRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0ssS0FBSztzQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvciAqL1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2ZlLWZpbGUtZXhwbG9yZXItdmlldycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtZXhwbG9yZXItdmlldy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2ZpbGUtZXhwbG9yZXItdmlldy5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGaWxlRXhwbG9yZXJWaWV3Q29tcG9uZW50IHtcclxuICAvKirlsZXnpLrliJnlhoXlrrkgKi9cclxuICBzaG93VmFsdWU6IGFueSA9ICcnO1xyXG5cclxuICAvKirmmK/lkKbmmL7npLrlho3liJfooaggKi9cclxuICBASW5wdXQoKSBzaG93SW5MaXN0OiBib29sZWFuID0gZmFsc2U7XHJcbiAgLyoq6KGo5Y2V5a2X5q615pWw5o2uICovXHJcbiAgQElucHV0KCkgZmllbGRzOiBhbnk7XHJcblxyXG4gIC8qKuihqOWNleaOp+S7tuexu+WeiyAqL1xyXG4gIEBJbnB1dCgpIHR5cGU6IGFueTtcclxuXHJcbiAgLyoq6KGo5Y2V5o6n5Lu2VmFsdWUgKi9cclxuICBfdmFsdWU6IGFueSA9ICcnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHNldCB2YWx1ZSh2OiBhbnkpIHtcclxuICAgIHRoaXMuX3ZhbHVlID0gdjtcclxuICB9XHJcblxyXG4gIGFzeW5jIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIC8vQ2FsbGVkIGFmdGVyIG5nT25Jbml0IHdoZW4gdGhlIGNvbXBvbmVudCdzIG9yIGRpcmVjdGl2ZSdzIGNvbnRlbnQgaGFzIGJlZW4gaW5pdGlhbGl6ZWQuXHJcbiAgICAvL0FkZCAnaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0JyB0byB0aGUgY2xhc3MuXHJcbiAgICBsZXQgdmFsdWVPcHRpb25zID0gdGhpcy5fdmFsdWU7XHJcbiAgICBjb25zb2xlLmxvZyh0aGlzLl92YWx1ZSwndGhpcy5fdmFsdWUnKTtcclxuICAgIFxyXG4gICAgaWYgKHRoaXMudHlwZSAmJiB2YWx1ZU9wdGlvbnMpIHtcclxuICAgICAgdGhpcy5zaG93VmFsdWUgPSB2YWx1ZU9wdGlvbnM7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIkBpZihzaG93SW5MaXN0KXtcclxuQGlmKHNob3dWYWx1ZS5sZW5ndGg+PTEpe1xyXG48ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBcIj5cclxuICAgIDxmZS1maWxlLXByZXZpZXcgW3dpZHRoXT1cIic0MHB4J1wiIFtjbGFzc05hbWVdPVwiJ3JvdW5kZWQtNSBvdmVyZmxvdy1oaWRkZW4gbWUtMSdcIiBbc3JjXT1cInNob3dWYWx1ZVswXS51cmxcIlxyXG4gICAgICAgIFtuYW1lXT1cInNob3dWYWx1ZVswXS5uYW1lXCIgW3R5cGVdPVwic2hvd1ZhbHVlWzBdLm1pbWVUeXBlXCIgW3ByZXZpZXddPVwidHJ1ZVwiPjwvZmUtZmlsZS1wcmV2aWV3PlxyXG4gICAgQGlmKHNob3dWYWx1ZS5sZW5ndGgtMT4wKXtcclxuICAgICt7e3Nob3dWYWx1ZS5sZW5ndGgtMX19XHJcbiAgICB9XHJcbjwvZGl2PlxyXG59XHJcbn0gQGVsc2V7XHJcbjxkaXYgY2xhc3M9XCJtYi0zXCI+XHJcbiAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWxhYmVsXCIgKm5nSWY9XCJmaWVsZHMuZGlzcGxheU5hbWVcIj57eyBmaWVsZHMuZGlzcGxheU5hbWUgfX08L2xhYmVsPlxyXG48L2Rpdj5cclxufSJdfQ==

package/esm2022/lib/components/file-edit/file-edit.component.mjs CHANGED Viewed

@@ -79,7 +79,7 @@ export class FileEditComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FileEditComponent, deps: [{ token: i1.FileApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FileEditComponent, selector: "fe-file-edit", inputs: { multiple: "multiple", fileData: "fileData", limit: "limit" }, outputs: { fileDataChange: "fileDataChange" }, viewQueries: [{ propertyName: "fileEdit", first: true, predicate: ["fileEdit"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"input-group mb-3\">\n    <input type=\"file\" class=\"form-control\" #fileEdit [multiple]=\"_multiple\" (change)=\"getFileChange($event)\">\n</div>\n\n<table class=\"table\" *ngIf=\"filesTableData.length>0\">\n    <thead>\n        <tr>\n            <th scope=\"col\"></th>\n            <th scope=\"col\">{{'FileExplorer::FileName' | abpLocalization}}</th>\n            <th scope=\"col\">{{'FileExplorer::FileSize' | abpLocalization}}</th>\n            <th scope=\"col\"></th>\n        </tr>\n    </thead>\n    <tbody>\n        <ng-container *ngFor=\"let item of filesTableData;let i =index\">\n            <tr>\n                <td>\n                    <fe-file-preview [width]=\"'80px'\" [src]=\"item.src\" [name]=\"item.name\" [type]=\"item.type\" [preview]=\"true\"></fe-file-preview>\n                </td>\n                <th scope=\"row\">\n                    <div>{{item.name}}</div>\n                    <div class=\"form-text text-danger\" *ngIf=\"item.size > sizeLimit\">\n                        {{'FileExplorer::ExceedsMaximumSize' |\n                        abpLocalization:_FileApiService.formatFileSize(sizeLimit)}}</div>\n                </th>\n                <td>{{item.fileSize}}</td>\n                <td>\n                    <button class=\"btn btn-sm p-0 btn-light \" (click.stop)=\"deleteFileTableItem(i,item)\">\n                        <i class=\"fas fa-trash p-2\"></i>\n                    </button>\n                </td>\n            </tr>\n        </ng-container>\n    </tbody>\n</table>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i4.FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name"] }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FileEditComponent, selector: "fe-file-edit", inputs: { multiple: "multiple", fileData: "fileData", limit: "limit" }, outputs: { fileDataChange: "fileDataChange" }, viewQueries: [{ propertyName: "fileEdit", first: true, predicate: ["fileEdit"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"input-group mb-3\">\n    <input type=\"file\" class=\"form-control\" #fileEdit [multiple]=\"_multiple\" (change)=\"getFileChange($event)\">\n</div>\n\n<table class=\"table\" *ngIf=\"filesTableData.length>0\">\n    <thead>\n        <tr>\n            <th scope=\"col\"></th>\n            <th scope=\"col\">{{'FileExplorer::FileName' | abpLocalization}}</th>\n            <th scope=\"col\">{{'FileExplorer::FileSize' | abpLocalization}}</th>\n            <th scope=\"col\"></th>\n        </tr>\n    </thead>\n    <tbody>\n        <ng-container *ngFor=\"let item of filesTableData;let i =index\">\n            <tr>\n                <td>\n                    <fe-file-preview [width]=\"'80px'\" [src]=\"item.src\" [name]=\"item.name\" [type]=\"item.type\" [preview]=\"true\"></fe-file-preview>\n                </td>\n                <th scope=\"row\">\n                    <div>{{item.name}}</div>\n                    <div class=\"form-text text-danger\" *ngIf=\"item.size > sizeLimit\">\n                        {{'FileExplorer::ExceedsMaximumSize' |\n                        abpLocalization:_FileApiService.formatFileSize(sizeLimit)}}</div>\n                </th>\n                <td>{{item.fileSize}}</td>\n                <td>\n                    <button class=\"btn btn-sm p-0 btn-light \" (click.stop)=\"deleteFileTableItem(i,item)\">\n                        <i class=\"fas fa-trash p-2\"></i>\n                    </button>\n                </td>\n            </tr>\n        </ng-container>\n    </tbody>\n</table>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i4.FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name", "className"] }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FileEditComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/file-modal/file-modal.component.mjs CHANGED Viewed

@@ -240,7 +240,7 @@ export class FileModalComponent {
             // Provide this token if you want a different debounce time.
             // Default is 300. Cannot be 0. Any value below 100 is not recommended.
             { provide: LIST_QUERY_DEBOUNCE_TIME, useValue: 500 },
-        ], usesOnChanges: true, ngImport: i0, template: "<abp-modal [(visible)]=\"ModalOpen\" (visibleChange)=\"ModalVisibleChange($event)\"\n  [options]=\"{ size: 'xl', scrollable: false }\">\n  <ng-template #abpHeader>\n    <h3>{{'FileExplorer::FileExplorer' | abpLocalization}}</h3>\n  </ng-template>\n  <ng-template #abpBody>\n    <div class=\"row file-explorer-modal-body file-modal\">\n      <div class=\"col-3\" *ngIf=\"createDirectoryPermissionName\"  style=\"overflow: auto; height: calc(100vh - 240px)\">\n        <fe-file-modal-tree [theSelectedTreeNode]=\"_theSelectedTreeNode\" (nodeClick)=\"_nodeClick($event)\"\n          [fileContainerName]=\"_fileContainerName\"></fe-file-modal-tree>\n      </div>\n      <div [class]=\"createDirectoryPermissionName?'col-9':'col-12'\" style=\"height: calc(100vh - 240px)\">\n        <div class=\"mb-3 d-flex justify-content-between align-items-center\">\n          <div class=\"btn-link\" role=button style=\"flex: 2\" (click)=\"lookAllFile()\">{{'FileExplorer::AllFiles' | abpLocalization}}</div>\n          <div class=\"input-group form-file\" style=\"flex: 2\">\n            <input type=\"file\" class=\"form-control\" #fileEdit [multiple]=\"_multiple\" \n              (change)=\"getFileChange($event)\" />\n          </div>\n        </div>\n        <div>\n          <ngx-datatable class=\"material container-height\" [rows]=\"data.items\" [list]=\"list\" columnMode=\"flex\"\n            [columns]=\"columns\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [scrollbarV]=\"true\"\n            [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [selected]=\"selectedTable\"\n            [selectCheck]=\"selectCheck\" [selectionType]=\"_multiple?SelectionType.multiClick:SelectionType.single\" (select)=\"onSelectTableItem($event)\">\n            <ngx-datatable-column [width]=\"50\" prop=\"id\" [sortable]=\"false\" [canAutoResize]=\"false\" [draggable]=\"false\"\n              [resizeable]=\"false\">\n              <ng-template ngx-datatable-header-template let-value=\"value\" let-allRowsSelected=\"allRowsSelected\"\n                let-selectFn=\"selectFn\">\n                <input type=\"checkbox\" class=\"form-check-input\" [checked]=\"allRowsSelected\"\n                  (change)=\"selectFn(!allRowsSelected)\" />\n              </ng-template>\n              <ng-template ngx-datatable-cell-template let-row=\"row\" let-value=\"value\" let-isSelected=\"isSelected\"\n                let-onCheckboxChangeFn=\"onCheckboxChangeFn\">\n                <input type=\"checkbox\" class=\"form-check-input\" [checked]=\"selectedcheckbox(value)\"\n                  (change)=\"onCheckboxChangeFn($event)\" />\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column   [flexGrow]=\"2\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                <fe-file-preview [width]=\"'80px'\" [src]=\"row.url\" [name]=\"row.name\" [type]=\"row.mimeType\" [preview]=\"true\"></fe-file-preview>\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column [name]=\"'FileExplorer::FileName' | abpLocalization\" prop=\"name\" [flexGrow]=\"4\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ value }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column  [name]=\"'FileExplorer::FileSize' | abpLocalization\" prop=\"size\" [flexGrow]=\"1.5\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ _FileApiService.formatFileSize(value) }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column  [name]=\"'FileExplorer::Directory' | abpLocalization\" prop=\"cellName\" [flexGrow]=\"1\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ value }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column [name]=\"'FileExplorer::CreationTime' | abpLocalization\" prop=\"creationTime\" [flexGrow]=\"2\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ value | date : 'YYYY/MM/dd HH:mm:s' }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column [flexGrow]=\"1\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteFile(row)\">\n                  <i class=\"fas fa-trash text-primary p-2\"></i>\n                </button>\n              </ng-template>\n            </ngx-datatable-column>\n          </ngx-datatable>\n        </div>\n        <div *ngIf=\"uploadPictureStatusList.length > 0\"\n          class=\"position-fixed bottom-0 end-0 shadow-lg file-status-modal   m-5\"\n          style=\"border-radius: 10px\">\n          <div class=\"card p-1\">\n            <div class=\"card-header d-flex align-items-center justify-content-between p-0 py-1 border-bottom\">\n              <div>{{'FileExplorer::UploadFiles' | abpLocalization}}</div>\n              <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click.stop)=\"closeFileStatusModal()\"></button>\n            </div>\n            <div class=\"card-body\">\n              <table class=\"table\">\n                <thead>\n                  <tr>\n                    <th scope=\"col\">{{'FileExplorer::FileName' | abpLocalization}}</th>\n                    <th scope=\"col\">{{'FileExplorer::FileSize' | abpLocalization}}</th>\n                    <th scope=\"col\"></th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <ng-container *ngFor=\"let item of uploadPictureStatusList; let i = index\">\n                    <tr>\n                      <th scope=\"row\">\n                        <div>{{ item.name }}</div>\n                        <div class=\"form-text text-danger\" *ngIf=\"item.size > sizeLimit\">\n                          {{'FileExplorer::ExceedsMaximumSize' | abpLocalization:_FileApiService.formatFileSize(sizeLimit)}}\n                        </div>\n                      </th>\n                      <td>{{ item.fileSize }}</td>\n                      <td>\n                        <i *ngIf=\"item.status === 1\" class=\"fas fa-check text-primary\"></i>\n                        <i *ngIf=\"item.status === 2\" class=\"fas fa-times-circle text-danger\"></i>\n                      </td>\n                    </tr>\n                  </ng-container>\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n    <abp-button iconClass=\"fa fa-check\" (click)=\"modalSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n  </ng-template>\n</abp-modal>", styles: ["::ng-deep .file-modal .container-height{height:calc(100vh - 284px)}::ng-deep .file-modal .file-status-modal{background:#fff}::ng-deep .file-modal .file-status-modal .card-body{max-height:300px;overflow-y:auto}::ng-deep .file-modal .ngx-datatable.material.single-selection .datatable-body-row.active,::ng-deep .file-modal .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group,::ng-deep .file-modal .ngx-datatable.material.multi-selection .datatable-body-row.active,::ng-deep .file-modal .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group,::ng-deep .file-modal .ngx-datatable.material.multi-click-selection .datatable-body-row.active,::ng-deep .file-modal .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group{background-color:transparent!important}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper{padding:0}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper .custom-node{width:100%}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper .selected{background-color:var(--lpx-brand)!important}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper .selected .btn{color:var(--lpx-navbar-color)}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:transparent}::ng-deep .file-modal .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell,::ng-deep .file-modal .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell{overflow:initial;line-break:anywhere}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i6.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i6.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i6.DataTableColumnHeaderDirective, selector: "[ngx-datatable-header-template]" }, { kind: "directive", type: i6.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i2.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "component", type: i2.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i2.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i2.ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: i7.FileModalTreeComponent, selector: "fe-file-modal-tree", inputs: ["theSelectedTreeNode", "fileContainerName"], outputs: ["nodeClick"] }, { kind: "component", type: i8.FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], usesOnChanges: true, ngImport: i0, template: "<abp-modal [(visible)]=\"ModalOpen\" (visibleChange)=\"ModalVisibleChange($event)\"\n  [options]=\"{ size: 'xl', scrollable: false }\">\n  <ng-template #abpHeader>\n    <h3>{{'FileExplorer::FileExplorer' | abpLocalization}}</h3>\n  </ng-template>\n  <ng-template #abpBody>\n    <div class=\"row file-explorer-modal-body file-modal\">\n      <div class=\"col-3\" *ngIf=\"createDirectoryPermissionName\"  style=\"overflow: auto; height: calc(100vh - 240px)\">\n        <fe-file-modal-tree [theSelectedTreeNode]=\"_theSelectedTreeNode\" (nodeClick)=\"_nodeClick($event)\"\n          [fileContainerName]=\"_fileContainerName\"></fe-file-modal-tree>\n      </div>\n      <div [class]=\"createDirectoryPermissionName?'col-9':'col-12'\" style=\"height: calc(100vh - 240px)\">\n        <div class=\"mb-3 d-flex justify-content-between align-items-center\">\n          <div class=\"btn-link\" role=button style=\"flex: 2\" (click)=\"lookAllFile()\">{{'FileExplorer::AllFiles' | abpLocalization}}</div>\n          <div class=\"input-group form-file\" style=\"flex: 2\">\n            <input type=\"file\" class=\"form-control\" #fileEdit [multiple]=\"_multiple\" \n              (change)=\"getFileChange($event)\" />\n          </div>\n        </div>\n        <div>\n          <ngx-datatable class=\"material container-height\" [rows]=\"data.items\" [list]=\"list\" columnMode=\"flex\"\n            [columns]=\"columns\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [scrollbarV]=\"true\"\n            [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [selected]=\"selectedTable\"\n            [selectCheck]=\"selectCheck\" [selectionType]=\"_multiple?SelectionType.multiClick:SelectionType.single\" (select)=\"onSelectTableItem($event)\">\n            <ngx-datatable-column [width]=\"50\" prop=\"id\" [sortable]=\"false\" [canAutoResize]=\"false\" [draggable]=\"false\"\n              [resizeable]=\"false\">\n              <ng-template ngx-datatable-header-template let-value=\"value\" let-allRowsSelected=\"allRowsSelected\"\n                let-selectFn=\"selectFn\">\n                <input type=\"checkbox\" class=\"form-check-input\" [checked]=\"allRowsSelected\"\n                  (change)=\"selectFn(!allRowsSelected)\" />\n              </ng-template>\n              <ng-template ngx-datatable-cell-template let-row=\"row\" let-value=\"value\" let-isSelected=\"isSelected\"\n                let-onCheckboxChangeFn=\"onCheckboxChangeFn\">\n                <input type=\"checkbox\" class=\"form-check-input\" [checked]=\"selectedcheckbox(value)\"\n                  (change)=\"onCheckboxChangeFn($event)\" />\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column   [flexGrow]=\"2\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                <fe-file-preview [width]=\"'80px'\" [src]=\"row.url\" [name]=\"row.name\" [type]=\"row.mimeType\" [preview]=\"true\"></fe-file-preview>\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column [name]=\"'FileExplorer::FileName' | abpLocalization\" prop=\"name\" [flexGrow]=\"4\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ value }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column  [name]=\"'FileExplorer::FileSize' | abpLocalization\" prop=\"size\" [flexGrow]=\"1.5\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ _FileApiService.formatFileSize(value) }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column  [name]=\"'FileExplorer::Directory' | abpLocalization\" prop=\"cellName\" [flexGrow]=\"1\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ value }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column [name]=\"'FileExplorer::CreationTime' | abpLocalization\" prop=\"creationTime\" [flexGrow]=\"2\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ value | date : 'YYYY/MM/dd HH:mm:s' }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column [flexGrow]=\"1\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteFile(row)\">\n                  <i class=\"fas fa-trash text-primary p-2\"></i>\n                </button>\n              </ng-template>\n            </ngx-datatable-column>\n          </ngx-datatable>\n        </div>\n        <div *ngIf=\"uploadPictureStatusList.length > 0\"\n          class=\"position-fixed bottom-0 end-0 shadow-lg file-status-modal   m-5\"\n          style=\"border-radius: 10px\">\n          <div class=\"card p-1\">\n            <div class=\"card-header d-flex align-items-center justify-content-between p-0 py-1 border-bottom\">\n              <div>{{'FileExplorer::UploadFiles' | abpLocalization}}</div>\n              <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click.stop)=\"closeFileStatusModal()\"></button>\n            </div>\n            <div class=\"card-body\">\n              <table class=\"table\">\n                <thead>\n                  <tr>\n                    <th scope=\"col\">{{'FileExplorer::FileName' | abpLocalization}}</th>\n                    <th scope=\"col\">{{'FileExplorer::FileSize' | abpLocalization}}</th>\n                    <th scope=\"col\"></th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <ng-container *ngFor=\"let item of uploadPictureStatusList; let i = index\">\n                    <tr>\n                      <th scope=\"row\">\n                        <div>{{ item.name }}</div>\n                        <div class=\"form-text text-danger\" *ngIf=\"item.size > sizeLimit\">\n                          {{'FileExplorer::ExceedsMaximumSize' | abpLocalization:_FileApiService.formatFileSize(sizeLimit)}}\n                        </div>\n                      </th>\n                      <td>{{ item.fileSize }}</td>\n                      <td>\n                        <i *ngIf=\"item.status === 1\" class=\"fas fa-check text-primary\"></i>\n                        <i *ngIf=\"item.status === 2\" class=\"fas fa-times-circle text-danger\"></i>\n                      </td>\n                    </tr>\n                  </ng-container>\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n    <abp-button iconClass=\"fa fa-check\" (click)=\"modalSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n  </ng-template>\n</abp-modal>", styles: ["::ng-deep .file-modal .container-height{height:calc(100vh - 284px)}::ng-deep .file-modal .file-status-modal{background:#fff}::ng-deep .file-modal .file-status-modal .card-body{max-height:300px;overflow-y:auto}::ng-deep .file-modal .ngx-datatable.material.single-selection .datatable-body-row.active,::ng-deep .file-modal .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group,::ng-deep .file-modal .ngx-datatable.material.multi-selection .datatable-body-row.active,::ng-deep .file-modal .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group,::ng-deep .file-modal .ngx-datatable.material.multi-click-selection .datatable-body-row.active,::ng-deep .file-modal .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group{background-color:transparent!important}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper{padding:0}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper .custom-node{width:100%}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper .selected{background-color:var(--lpx-brand)!important}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper .selected .btn{color:var(--lpx-navbar-color)}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:transparent}::ng-deep .file-modal .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell,::ng-deep .file-modal .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell{overflow:initial;line-break:anywhere}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i6.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i6.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i6.DataTableColumnHeaderDirective, selector: "[ngx-datatable-header-template]" }, { kind: "directive", type: i6.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i2.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "component", type: i2.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i2.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i2.ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: i7.FileModalTreeComponent, selector: "fe-file-modal-tree", inputs: ["theSelectedTreeNode", "fileContainerName"], outputs: ["nodeClick"] }, { kind: "component", type: i8.FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name", "className"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FileModalComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/file-picker/file-picker.component.mjs CHANGED Viewed

@@ -45,7 +45,7 @@ export class FilePickerComponent {
         this.selectedFileChange.emit(this.selectFormFile);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FilePickerComponent, deps: [{ token: i1.FileApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FilePickerComponent, selector: "fe-file-picker", inputs: { multiple: "multiple", fileContainerName: "fileContainerName", selectFormFile: "selectFormFile" }, outputs: { selectedFileChange: "selectedFileChange" }, usesOnChanges: true, ngImport: i0, template: "<button class=\"btn btn-sm btn-primary ms-2 float-end\" type=\"button\" (click.stop)=\"ModalOpen = true\">{{'FileExplorer::SelectFile' | abpLocalization}}</button>\n<fe-file-modal [(visible)]=\"ModalOpen\" [selectPickerFile]=\"selectFormFile\" [multiple]=\"_multiple\"  (selectFilefn)=\"_selectFilefn($event)\" [fileContainerName]=\"_fileContainerName\"></fe-file-modal>\n<table class=\"table\" *ngIf=\"_fileShowTable.length>0\">\n    <thead>\n        <tr>\n            <th scope=\"col\"></th>\n            <th scope=\"col\">{{'FileExplorer::FileName' | abpLocalization}}</th>\n            <th scope=\"col\">{{'FileExplorer::FileSize' | abpLocalization}}</th>\n            <th scope=\"col\"></th>\n        </tr>\n    </thead>\n    <tbody>\n        <ng-container *ngFor=\"let item of _fileShowTable;let i =index\">\n            <tr>\n                <td>\n                    <fe-file-preview [width]=\"'80px'\" [src]=\"item.url||item.Url\" [name]=\"item.name||item.Name\" [type]=\"item.mimeType||item.MimeType\" [preview]=\"true\"></fe-file-preview>\n                </td>\n                <th scope=\"row\">\n                    <div>{{item.name||item.Name}}</div>\n                </th>\n                <td >{{_FileApiService.formatFileSize(item.Size||item.size)}}</td>\n                <td>\n                    <button class=\"btn btn-sm p-0 btn-light \" (click.stop)=\"deleteFileTableItem(i,item)\">\n                        <i class=\"fas fa-trash p-2\"></i>\n                    </button>\n                </td>\n            </tr>\n        </ng-container>\n    </tbody>\n</table>\n\n\n", styles: [".table{border-collapse:collapse;table-layout:fixed}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i4.FileModalComponent, selector: "fe-file-modal", inputs: ["fileContainerName", "multiple", "limit", "visible", "selectPickerFile"], outputs: ["visibleChange", "selectFilefn"] }, { kind: "component", type: i5.FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name"] }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FilePickerComponent, selector: "fe-file-picker", inputs: { multiple: "multiple", fileContainerName: "fileContainerName", selectFormFile: "selectFormFile" }, outputs: { selectedFileChange: "selectedFileChange" }, usesOnChanges: true, ngImport: i0, template: "<button class=\"btn btn-sm btn-primary ms-2 float-end\" type=\"button\" (click.stop)=\"ModalOpen = true\">{{'FileExplorer::SelectFile' | abpLocalization}}</button>\n<fe-file-modal [(visible)]=\"ModalOpen\" [selectPickerFile]=\"selectFormFile\" [multiple]=\"_multiple\"  (selectFilefn)=\"_selectFilefn($event)\" [fileContainerName]=\"_fileContainerName\"></fe-file-modal>\n<table class=\"table\" *ngIf=\"_fileShowTable.length>0\">\n    <thead>\n        <tr>\n            <th scope=\"col\"></th>\n            <th scope=\"col\">{{'FileExplorer::FileName' | abpLocalization}}</th>\n            <th scope=\"col\">{{'FileExplorer::FileSize' | abpLocalization}}</th>\n            <th scope=\"col\"></th>\n        </tr>\n    </thead>\n    <tbody>\n        <ng-container *ngFor=\"let item of _fileShowTable;let i =index\">\n            <tr>\n                <td>\n                    <fe-file-preview [width]=\"'80px'\" [src]=\"item.url||item.Url\" [name]=\"item.name||item.Name\" [type]=\"item.mimeType||item.MimeType\" [preview]=\"true\"></fe-file-preview>\n                </td>\n                <th scope=\"row\">\n                    <div>{{item.name||item.Name}}</div>\n                </th>\n                <td >{{_FileApiService.formatFileSize(item.Size||item.size)}}</td>\n                <td>\n                    <button class=\"btn btn-sm p-0 btn-light \" (click.stop)=\"deleteFileTableItem(i,item)\">\n                        <i class=\"fas fa-trash p-2\"></i>\n                    </button>\n                </td>\n            </tr>\n        </ng-container>\n    </tbody>\n</table>\n\n\n", styles: [".table{border-collapse:collapse;table-layout:fixed}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i4.FileModalComponent, selector: "fe-file-modal", inputs: ["fileContainerName", "multiple", "limit", "visible", "selectPickerFile"], outputs: ["visibleChange", "selectFilefn"] }, { kind: "component", type: i5.FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name", "className"] }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FilePickerComponent, decorators: [{
             type: Component,

package/esm2022/lib/previews/file-preview.component.mjs CHANGED Viewed

@@ -17,6 +17,7 @@ export class FilePreviewComponent {
         this.type = '';
         /**文件名称 */
         this.name = '';
+        this.className = '';
         /**是否是文件 */
         this.isImage = true;
         /**是否是视频 */
@@ -77,11 +78,11 @@ export class FilePreviewComponent {
         this.rotate += 90;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FilePreviewComponent, deps: [{ token: i1.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FilePreviewComponent, selector: "fe-file-preview", inputs: { width: "width", src: "src", preview: "preview", type: "type", name: "name" }, ngImport: i0, template: "<div class=\"image_box\"  [style]=\"{width:width,maxWidth:'100%'}\">\n    <div class=\"img_box\" *ngIf=\"isImage\">\n        <img [src]=\"src\"  />\n        <div class=\"option_box\" *ngIf=\"preview\">\n            <i class=\"fa fa-eye \" (click.stop)=\"OpenPreviewImage(content)\"></i>\n        </div>\n    </div>\n    <a [href]=\"src\" [download]=\"name\" target>\n        <i class=\"fa fa-file-audio-o fs-1\" *ngIf=\"isAudio\"></i>\n        <i class=\"fa fa-file-video-o fs-1\" *ngIf=\"isVideo\"></i>\n        <ng-container *ngIf=\"!(isImage||isAudio||isVideo)\">\n            <ng-container *ngFor=\"let item of _ImageTypeOption; let i=index\">\n                <i class=\"fs-1\" [ngClass]=\"item.icon\" *ngIf=\"item.type===type\"></i>\n            </ng-container>\n        </ng-container>\n    </a>\n</div>\n\n<ng-template #content let-modal>\n    <div class=\"modal-header\">\n        <div class=\"d-flex justify-content-end w-100 fs-3\">\n            <i class=\"mx-2 fa  fa fa-repeat\" aria-hidden=\"true\" title=\"\u53F3\u65CB\u8F6C\" role=\"button\" (click)=\"RotateRight()\"></i>\n            <i class=\"mx-2 fa  fa-search-minus\" aria-hidden=\"true\" title=\"\u7F29\u5C0F\" role=\"button\" (click)=\"zoomOut()\"></i>\n            <i class=\"mx-2 fa  fa-search-plus\" aria-hidden=\"true\" title=\"\u653E\u5927\" role=\"button\" (click)=\"zoomIn()\"></i>\n            <i class=\"mx-2 fa  fa-times\" aria-hidden=\"true\" role=\"button\" (click)=\"modal.dismiss('Cross click')\"></i>\n        </div>\n    </div> \n    <div class=\"modal-body d-flex justify-content-center align-items-center \">\n        <img width=\"400\" class=\"modal-body-preview\"  [src]=\"src\" [style.transform]=\"'scale('+zoom/10+') rotate('+rotate+'deg)'\"   >\n    </div>\n</ng-template>", styles: [".image_box{text-align:center;position:relative}.image_box img{width:100%}.image_box .img_box:hover .option_box{display:flex}.image_box .option_box{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;align-items:center;justify-content:center;display:none;transition:all .2s linear}.image_box .option_box i{cursor:pointer;font-size:18px;color:#fff}.modal-body-preview{transition:all .2s}::ng-deep .dignite-preview .modal-content{background-color:transparent;color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FilePreviewComponent, selector: "fe-file-preview", inputs: { width: "width", src: "src", preview: "preview", type: "type", name: "name", className: "className" }, ngImport: i0, template: "<div class=\"image_box\"  [style]=\"{width:width,maxWidth:'100%'}\">\n    <div class=\"img_box\" [class]=\"className\" *ngIf=\"isImage\">\n        <img [src]=\"src\"  />\n        <div class=\"option_box\" *ngIf=\"preview\">\n            <i class=\"fa fa-eye \" (click.stop)=\"OpenPreviewImage(content)\"></i>\n        </div>\n    </div>\n    <a [href]=\"src\" [download]=\"name\" target>\n        <i class=\"fa fa-file-audio-o fs-1\" *ngIf=\"isAudio\"></i>\n        <i class=\"fa fa-file-video-o fs-1\" *ngIf=\"isVideo\"></i>\n        <ng-container *ngIf=\"!(isImage||isAudio||isVideo)\">\n            <ng-container *ngFor=\"let item of _ImageTypeOption; let i=index\">\n                <i class=\"fs-1\" [ngClass]=\"item.icon\" *ngIf=\"item.type===type\"></i>\n            </ng-container>\n        </ng-container>\n    </a>\n</div>\n\n<ng-template #content let-modal>\n    <div class=\"modal-header\">\n        <div class=\"d-flex justify-content-end w-100 fs-3\">\n            <i class=\"mx-2 fa  fa fa-repeat\" aria-hidden=\"true\" title=\"\u53F3\u65CB\u8F6C\" role=\"button\" (click)=\"RotateRight()\"></i>\n            <i class=\"mx-2 fa  fa-search-minus\" aria-hidden=\"true\" title=\"\u7F29\u5C0F\" role=\"button\" (click)=\"zoomOut()\"></i>\n            <i class=\"mx-2 fa  fa-search-plus\" aria-hidden=\"true\" title=\"\u653E\u5927\" role=\"button\" (click)=\"zoomIn()\"></i>\n            <i class=\"mx-2 fa  fa-times\" aria-hidden=\"true\" role=\"button\" (click)=\"modal.dismiss('Cross click')\"></i>\n        </div>\n    </div> \n    <div class=\"modal-body d-flex justify-content-center align-items-center \">\n        <img width=\"400\" class=\"modal-body-preview\"  [src]=\"src\" [style.transform]=\"'scale('+zoom/10+') rotate('+rotate+'deg)'\"   >\n    </div>\n</ng-template>", styles: [".image_box{text-align:center;position:relative}.image_box img{width:100%}.image_box .img_box:hover .option_box{display:flex}.image_box .option_box{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;align-items:center;justify-content:center;display:none;transition:all .2s linear}.image_box .option_box i{cursor:pointer;font-size:18px;color:#fff}.modal-body-preview{transition:all .2s}::ng-deep .dignite-preview .modal-content{background-color:transparent;color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FilePreviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fe-file-preview', template: "<div class=\"image_box\"  [style]=\"{width:width,maxWidth:'100%'}\">\n    <div class=\"img_box\" *ngIf=\"isImage\">\n        <img [src]=\"src\"  />\n        <div class=\"option_box\" *ngIf=\"preview\">\n            <i class=\"fa fa-eye \" (click.stop)=\"OpenPreviewImage(content)\"></i>\n        </div>\n    </div>\n    <a [href]=\"src\" [download]=\"name\" target>\n        <i class=\"fa fa-file-audio-o fs-1\" *ngIf=\"isAudio\"></i>\n        <i class=\"fa fa-file-video-o fs-1\" *ngIf=\"isVideo\"></i>\n        <ng-container *ngIf=\"!(isImage||isAudio||isVideo)\">\n            <ng-container *ngFor=\"let item of _ImageTypeOption; let i=index\">\n                <i class=\"fs-1\" [ngClass]=\"item.icon\" *ngIf=\"item.type===type\"></i>\n            </ng-container>\n        </ng-container>\n    </a>\n</div>\n\n<ng-template #content let-modal>\n    <div class=\"modal-header\">\n        <div class=\"d-flex justify-content-end w-100 fs-3\">\n            <i class=\"mx-2 fa  fa fa-repeat\" aria-hidden=\"true\" title=\"\u53F3\u65CB\u8F6C\" role=\"button\" (click)=\"RotateRight()\"></i>\n            <i class=\"mx-2 fa  fa-search-minus\" aria-hidden=\"true\" title=\"\u7F29\u5C0F\" role=\"button\" (click)=\"zoomOut()\"></i>\n            <i class=\"mx-2 fa  fa-search-plus\" aria-hidden=\"true\" title=\"\u653E\u5927\" role=\"button\" (click)=\"zoomIn()\"></i>\n            <i class=\"mx-2 fa  fa-times\" aria-hidden=\"true\" role=\"button\" (click)=\"modal.dismiss('Cross click')\"></i>\n        </div>\n    </div> \n    <div class=\"modal-body d-flex justify-content-center align-items-center \">\n        <img width=\"400\" class=\"modal-body-preview\"  [src]=\"src\" [style.transform]=\"'scale('+zoom/10+') rotate('+rotate+'deg)'\"   >\n    </div>\n</ng-template>", styles: [".image_box{text-align:center;position:relative}.image_box img{width:100%}.image_box .img_box:hover .option_box{display:flex}.image_box .option_box{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;align-items:center;justify-content:center;display:none;transition:all .2s linear}.image_box .option_box i{cursor:pointer;font-size:18px;color:#fff}.modal-body-preview{transition:all .2s}::ng-deep .dignite-preview .modal-content{background-color:transparent;color:#fff}\n"] }]
+            args: [{ selector: 'fe-file-preview', template: "<div class=\"image_box\"  [style]=\"{width:width,maxWidth:'100%'}\">\n    <div class=\"img_box\" [class]=\"className\" *ngIf=\"isImage\">\n        <img [src]=\"src\"  />\n        <div class=\"option_box\" *ngIf=\"preview\">\n            <i class=\"fa fa-eye \" (click.stop)=\"OpenPreviewImage(content)\"></i>\n        </div>\n    </div>\n    <a [href]=\"src\" [download]=\"name\" target>\n        <i class=\"fa fa-file-audio-o fs-1\" *ngIf=\"isAudio\"></i>\n        <i class=\"fa fa-file-video-o fs-1\" *ngIf=\"isVideo\"></i>\n        <ng-container *ngIf=\"!(isImage||isAudio||isVideo)\">\n            <ng-container *ngFor=\"let item of _ImageTypeOption; let i=index\">\n                <i class=\"fs-1\" [ngClass]=\"item.icon\" *ngIf=\"item.type===type\"></i>\n            </ng-container>\n        </ng-container>\n    </a>\n</div>\n\n<ng-template #content let-modal>\n    <div class=\"modal-header\">\n        <div class=\"d-flex justify-content-end w-100 fs-3\">\n            <i class=\"mx-2 fa  fa fa-repeat\" aria-hidden=\"true\" title=\"\u53F3\u65CB\u8F6C\" role=\"button\" (click)=\"RotateRight()\"></i>\n            <i class=\"mx-2 fa  fa-search-minus\" aria-hidden=\"true\" title=\"\u7F29\u5C0F\" role=\"button\" (click)=\"zoomOut()\"></i>\n            <i class=\"mx-2 fa  fa-search-plus\" aria-hidden=\"true\" title=\"\u653E\u5927\" role=\"button\" (click)=\"zoomIn()\"></i>\n            <i class=\"mx-2 fa  fa-times\" aria-hidden=\"true\" role=\"button\" (click)=\"modal.dismiss('Cross click')\"></i>\n        </div>\n    </div> \n    <div class=\"modal-body d-flex justify-content-center align-items-center \">\n        <img width=\"400\" class=\"modal-body-preview\"  [src]=\"src\" [style.transform]=\"'scale('+zoom/10+') rotate('+rotate+'deg)'\"   >\n    </div>\n</ng-template>", styles: [".image_box{text-align:center;position:relative}.image_box img{width:100%}.image_box .img_box:hover .option_box{display:flex}.image_box .option_box{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;align-items:center;justify-content:center;display:none;transition:all .2s linear}.image_box .option_box i{cursor:pointer;font-size:18px;color:#fff}.modal-body-preview{transition:all .2s}::ng-deep .dignite-preview .modal-content{background-color:transparent;color:#fff}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgbModal }], propDecorators: { width: [{
                 type: Input
             }], src: [{
@@ -92,5 +93,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 type: Input
             }], name: [{
                 type: Input
+            }], className: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1wcmV2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZpbGUtZXhwbG9yZXIvc3JjL2xpYi9wcmV2aWV3cy9maWxlLXByZXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmlsZS1leHBsb3Jlci9zcmMvbGliL3ByZXZpZXdzL2ZpbGUtcHJldmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDaEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7Ozs7QUFTM0MsTUFBTSxPQUFPLG9CQUFvQjtJQXVCL0IsWUFDVSxZQUFzQjtRQUF0QixpQkFBWSxHQUFaLFlBQVksQ0FBVTtRQXRCaEMsVUFBVTtRQUNELFVBQUssR0FBUSxPQUFPLENBQUE7UUFDN0IsU0FBUztRQUNBLFFBQUcsR0FBUSxFQUFFLENBQUE7UUFDdEIsY0FBYztRQUNMLFlBQU8sR0FBUSxJQUFJLENBQUM7UUFDN0IsVUFBVTtRQUNELFNBQUksR0FBUSxFQUFFLENBQUE7UUFDdkIsVUFBVTtRQUNELFNBQUksR0FBUSxFQUFFLENBQUE7UUFFdkIsV0FBVztRQUNYLFlBQU8sR0FBRyxJQUFJLENBQUE7UUFDZCxXQUFXO1FBQ1gsWUFBTyxHQUFHLEtBQUssQ0FBQTtRQUNmLFdBQVc7UUFDWCxZQUFPLEdBQUcsS0FBSyxDQUFBO1FBQ2YsYUFBYTtRQUNiLHFCQUFnQixHQUFHLGVBQWUsQ0FBQTtRQTBCbEMsVUFBVTtRQUNWLFNBQUksR0FBVyxFQUFFLENBQUE7UUFDakIsUUFBUTtRQUNSLFdBQU0sR0FBVyxDQUFDLENBQUE7SUF4QmQsQ0FBQztJQUVMLGtCQUFrQjtRQUNoQix5RkFBeUY7UUFDekYsaURBQWlEO1FBQ2pELElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDZixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQTtRQUNuRCxDQUFDO1FBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQTtRQUMzQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFBO1FBQzNDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDN0MsQ0FBQztJQUVELFVBQVU7SUFDVixZQUFZO0lBRVosQ0FBQztJQVdELFlBQVk7SUFDWixnQkFBZ0IsQ0FBQyxPQUF5QjtRQUV4QyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUM5QyxVQUFVLEVBQUUsSUFBSTtZQUNoQixnQkFBZ0IsRUFBRSxpQkFBaUI7U0FDcEMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUN2QixDQUFDLE1BQU0sRUFBRSxFQUFFO1FBQ1gsQ0FBQyxFQUNELENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDVCxJQUFJLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQTtRQUNoQixDQUFDLENBQ0YsQ0FBQztJQUNKLENBQUM7SUFDRCxVQUFVO0lBQ1YsTUFBTTtRQUNKLElBQUksSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUE7UUFDcEIsSUFBSSxJQUFJLElBQUksRUFBRTtZQUFFLE9BQU07UUFDdEIsSUFBSSxFQUFFLENBQUE7UUFDTixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQTtJQUNsQixDQUFDO0lBQ0QsVUFBVTtJQUNWLE9BQU87UUFDTCxJQUFJLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFBO1FBQ3BCLElBQUksSUFBSSxJQUFJLENBQUM7WUFBRSxPQUFNO1FBQ3JCLElBQUksRUFBRSxDQUFBO1FBQ04sSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUE7SUFDbEIsQ0FBQztJQUNELFNBQVM7SUFDVCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLEdBQUc7WUFBRSxPQUFPLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFBO1FBQzlDLElBQUksQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFBO0lBQ25CLENBQUM7OEdBckZVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLCtJQ1ZqQywydURBOEJjOzsyRkRwQkQsb0JBQW9CO2tCQU5oQyxTQUFTOytCQUVFLGlCQUFpQjs2RUFPbEIsS0FBSztzQkFBYixLQUFLO2dCQUVHLEdBQUc7c0JBQVgsS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbWFnZVR5cGVPcHRpb24gfSBmcm9tICcuL21vZGVscyc7XG5pbXBvcnQgeyBOZ2JNb2RhbCwgTmdiTW9kYWxSZWYgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2ZlLWZpbGUtcHJldmlldycsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLXByZXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9maWxlLXByZXZpZXcuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGaWxlUHJldmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXR7XG5cbiAgLyoq5paH5Lu25a695bqmICovXG4gIEBJbnB1dCgpIHdpZHRoOiBhbnkgPSAnMTAwcHgnXG4gIC8q5paH5Lu26ZO+5o6lICovXG4gIEBJbnB1dCgpIHNyYzogYW55ID0gJydcbiAgLyoq5piv5ZCm5pSv5oyB5aSn5Zu+6aKE6KeIICovXG4gIEBJbnB1dCgpIHByZXZpZXc6IGFueSA9IHRydWU7XG4gIC8qKuaWh+S7tuexu+WeiyAqL1xuICBASW5wdXQoKSB0eXBlOiBhbnkgPSAnJ1xuICAvKirmlofku7blkI3np7AgKi9cbiAgQElucHV0KCkgbmFtZTogYW55ID0gJydcblxuICAvKirmmK/lkKbmmK/mlofku7YgKi9cbiAgaXNJbWFnZSA9IHRydWVcbiAgLyoq5piv5ZCm5piv6KeG6aKRICovXG4gIGlzQXVkaW8gPSBmYWxzZVxuICAvKirmmK/lkKbmmK/pn7PpopEgKi9cbiAgaXNWaWRlbyA9IGZhbHNlXG4gIC8qKuaWh+S7tuexu+Wei+WPiuWbvuaghyAqL1xuICBfSW1hZ2VUeXBlT3B0aW9uID0gSW1hZ2VUeXBlT3B0aW9uXG5cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIG1vZGFsU2VydmljZTogTmdiTW9kYWxcbiAgKSB7IH1cbiAgXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICAvL0NhbGxlZCBhZnRlciBuZ09uSW5pdCB3aGVuIHRoZSBjb21wb25lbnQncyBvciBkaXJlY3RpdmUncyBjb250ZW50IGhhcyBiZWVuIGluaXRpYWxpemVkLlxuICAgIC8vQWRkICdpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQnIHRvIHRoZSBjbGFzcy5cbiAgICBpZiAoIXRoaXMudHlwZSkge1xuICAgICAgdGhpcy50eXBlID0gdGhpcy5uYW1lLmluY2x1ZGVzKCcuN3onKSA/ICc3eicgOiAnJ1xuICAgIH1cbiAgICB0aGlzLmlzSW1hZ2UgPSB0aGlzLnR5cGUuaW5jbHVkZXMoJ2ltYWdlLycpXG4gICAgdGhpcy5pc0F1ZGlvID0gdGhpcy50eXBlLmluY2x1ZGVzKCdhdWRpby8nKVxuICAgIHRoaXMuaXNWaWRlbyA9IHRoaXMudHlwZS5pbmNsdWRlcygndmlkZW8vJylcbiAgfVxuXG4gIC8qKumihOiniOWbvueJhyAqL1xuICBwcmV2aWV3SW1hZ2UoKSB7XG5cbiAgfVxuXG4gIC8qKuaooeaAgeahhuWunuS+iyAqL1xuICBtb2RhbFJlZiE6IE5nYk1vZGFsUmVmO1xuXG4gIC8qKuaUvuWkp+WAjeaVsCAqL1xuICB6b29tOiBudW1iZXIgPSAxMFxuICAvKirml4vovawgKi9cbiAgcm90YXRlOiBudW1iZXIgPSAwXG5cblxuICAvKirmiZPlvIDpooTop4jlvLnnqpcgKi9cbiAgT3BlblByZXZpZXdJbWFnZShjb250ZW50OiBUZW1wbGF0ZVJlZjxhbnk+KSB7XG5cbiAgICB0aGlzLm1vZGFsUmVmID0gdGhpcy5tb2RhbFNlcnZpY2Uub3Blbihjb250ZW50LCB7XG4gICAgICBmdWxsc2NyZWVuOiB0cnVlLFxuICAgICAgbW9kYWxEaWFsb2dDbGFzczogJ2RpZ25pdGUtcHJldmlldycsXG4gICAgfSk7XG4gICAgdGhpcy5tb2RhbFJlZi5yZXN1bHQudGhlbihcbiAgICAgIChyZXN1bHQpID0+IHtcbiAgICAgIH0sXG4gICAgICAocmVhc29uKSA9PiB7XG4gICAgICAgIHRoaXMuem9vbSA9IDEwXG4gICAgICB9LFxuICAgICk7XG4gIH1cbiAgLyoq5pS+5aSn5Zu+5YOPICovXG4gIHpvb21JbigpIHtcbiAgICBsZXQgem9vbSA9IHRoaXMuem9vbVxuICAgIGlmICh6b29tID09IDIwKSByZXR1cm5cbiAgICB6b29tKytcbiAgICB0aGlzLnpvb20gPSB6b29tXG4gIH1cbiAgLyoq57yp5bCP5Zu+5YOPICovXG4gIHpvb21PdXQoKSB7XG4gICAgbGV0IHpvb20gPSB0aGlzLnpvb21cbiAgICBpZiAoem9vbSA9PSAzKSByZXR1cm5cbiAgICB6b29tLS1cbiAgICB0aGlzLnpvb20gPSB6b29tXG4gIH1cbiAgLyoq5Y+z5peL6L2sICovXG4gIFJvdGF0ZVJpZ2h0KCkge1xuICAgIGlmICh0aGlzLnJvdGF0ZSA9PSAzNjApIHJldHVybiB0aGlzLnJvdGF0ZSA9IDBcbiAgICB0aGlzLnJvdGF0ZSArPSA5MFxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaW1hZ2VfYm94XCIgIFtzdHlsZV09XCJ7d2lkdGg6d2lkdGgsbWF4V2lkdGg6JzEwMCUnfVwiPlxuICAgIDxkaXYgY2xhc3M9XCJpbWdfYm94XCIgKm5nSWY9XCJpc0ltYWdlXCI+XG4gICAgICAgIDxpbWcgW3NyY109XCJzcmNcIiAgLz5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm9wdGlvbl9ib3hcIiAqbmdJZj1cInByZXZpZXdcIj5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtZXllIFwiIChjbGljay5zdG9wKT1cIk9wZW5QcmV2aWV3SW1hZ2UoY29udGVudClcIj48L2k+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxhIFtocmVmXT1cInNyY1wiIFtkb3dubG9hZF09XCJuYW1lXCIgdGFyZ2V0PlxuICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWZpbGUtYXVkaW8tbyBmcy0xXCIgKm5nSWY9XCJpc0F1ZGlvXCI+PC9pPlxuICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWZpbGUtdmlkZW8tbyBmcy0xXCIgKm5nSWY9XCJpc1ZpZGVvXCI+PC9pPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIShpc0ltYWdlfHxpc0F1ZGlvfHxpc1ZpZGVvKVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBfSW1hZ2VUeXBlT3B0aW9uOyBsZXQgaT1pbmRleFwiPlxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiZnMtMVwiIFtuZ0NsYXNzXT1cIml0ZW0uaWNvblwiICpuZ0lmPVwiaXRlbS50eXBlPT09dHlwZVwiPjwvaT5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2E+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNjb250ZW50IGxldC1tb2RhbD5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWVuZCB3LTEwMCBmcy0zXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cIm14LTIgZmEgIGZhIGZhLXJlcGVhdFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIHRpdGxlPVwi5Y+z5peL6L2sXCIgcm9sZT1cImJ1dHRvblwiIChjbGljayk9XCJSb3RhdGVSaWdodCgpXCI+PC9pPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJteC0yIGZhICBmYS1zZWFyY2gtbWludXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIiB0aXRsZT1cIue8qeWwj1wiIHJvbGU9XCJidXR0b25cIiAoY2xpY2spPVwiem9vbU91dCgpXCI+PC9pPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJteC0yIGZhICBmYS1zZWFyY2gtcGx1c1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIHRpdGxlPVwi5pS+5aSnXCIgcm9sZT1cImJ1dHRvblwiIChjbGljayk9XCJ6b29tSW4oKVwiPjwvaT5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwibXgtMiBmYSAgZmEtdGltZXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIiByb2xlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm1vZGFsLmRpc21pc3MoJ0Nyb3NzIGNsaWNrJylcIj48L2k+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PiBcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keSBkLWZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlciBhbGlnbi1pdGVtcy1jZW50ZXIgXCI+XG4gICAgICAgIDxpbWcgd2lkdGg9XCI0MDBcIiBjbGFzcz1cIm1vZGFsLWJvZHktcHJldmlld1wiICBbc3JjXT1cInNyY1wiIFtzdHlsZS50cmFuc2Zvcm1dPVwiJ3NjYWxlKCcrem9vbS8xMCsnKSByb3RhdGUoJytyb3RhdGUrJ2RlZyknXCIgICA+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1wcmV2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZpbGUtZXhwbG9yZXIvc3JjL2xpYi9wcmV2aWV3cy9maWxlLXByZXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmlsZS1leHBsb3Jlci9zcmMvbGliL3ByZXZpZXdzL2ZpbGUtcHJldmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDaEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7Ozs7QUFTM0MsTUFBTSxPQUFPLG9CQUFvQjtJQXdCL0IsWUFDVSxZQUFzQjtRQUF0QixpQkFBWSxHQUFaLFlBQVksQ0FBVTtRQXZCaEMsVUFBVTtRQUNELFVBQUssR0FBUSxPQUFPLENBQUE7UUFDN0IsU0FBUztRQUNBLFFBQUcsR0FBUSxFQUFFLENBQUE7UUFDdEIsY0FBYztRQUNMLFlBQU8sR0FBUSxJQUFJLENBQUM7UUFDN0IsVUFBVTtRQUNELFNBQUksR0FBUSxFQUFFLENBQUE7UUFDdkIsVUFBVTtRQUNELFNBQUksR0FBUSxFQUFFLENBQUE7UUFDZCxjQUFTLEdBQVEsRUFBRSxDQUFBO1FBRTVCLFdBQVc7UUFDWCxZQUFPLEdBQUcsSUFBSSxDQUFBO1FBQ2QsV0FBVztRQUNYLFlBQU8sR0FBRyxLQUFLLENBQUE7UUFDZixXQUFXO1FBQ1gsWUFBTyxHQUFHLEtBQUssQ0FBQTtRQUNmLGFBQWE7UUFDYixxQkFBZ0IsR0FBRyxlQUFlLENBQUE7UUEwQmxDLFVBQVU7UUFDVixTQUFJLEdBQVcsRUFBRSxDQUFBO1FBQ2pCLFFBQVE7UUFDUixXQUFNLEdBQVcsQ0FBQyxDQUFBO0lBeEJkLENBQUM7SUFFTCxrQkFBa0I7UUFDaEIseUZBQXlGO1FBQ3pGLGlEQUFpRDtRQUNqRCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2YsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUE7UUFDbkQsQ0FBQztRQUNELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUE7UUFDM0MsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQTtRQUMzQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFBO0lBQzdDLENBQUM7SUFFRCxVQUFVO0lBQ1YsWUFBWTtJQUVaLENBQUM7SUFXRCxZQUFZO0lBQ1osZ0JBQWdCLENBQUMsT0FBeUI7UUFFeEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDOUMsVUFBVSxFQUFFLElBQUk7WUFDaEIsZ0JBQWdCLEVBQUUsaUJBQWlCO1NBQ3BDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDdkIsQ0FBQyxNQUFNLEVBQUUsRUFBRTtRQUNYLENBQUMsRUFDRCxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ1QsSUFBSSxDQUFDLElBQUksR0FBRyxFQUFFLENBQUE7UUFDaEIsQ0FBQyxDQUNGLENBQUM7SUFDSixDQUFDO0lBQ0QsVUFBVTtJQUNWLE1BQU07UUFDSixJQUFJLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFBO1FBQ3BCLElBQUksSUFBSSxJQUFJLEVBQUU7WUFBRSxPQUFNO1FBQ3RCLElBQUksRUFBRSxDQUFBO1FBQ04sSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUE7SUFDbEIsQ0FBQztJQUNELFVBQVU7SUFDVixPQUFPO1FBQ0wsSUFBSSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQTtRQUNwQixJQUFJLElBQUksSUFBSSxDQUFDO1lBQUUsT0FBTTtRQUNyQixJQUFJLEVBQUUsQ0FBQTtRQUNOLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFBO0lBQ2xCLENBQUM7SUFDRCxTQUFTO0lBQ1QsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxHQUFHO1lBQUUsT0FBTyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQTtRQUM5QyxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQTtJQUNuQixDQUFDOzhHQXRGVSxvQkFBb0I7a0dBQXBCLG9CQUFvQix1S0NWakMsaXdEQThCYzs7MkZEcEJELG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFFRSxpQkFBaUI7NkVBT2xCLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxHQUFHO3NCQUFYLEtBQUs7Z0JBRUcsT0FBTztzQkFBZixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbWFnZVR5cGVPcHRpb24gfSBmcm9tICcuL21vZGVscyc7XG5pbXBvcnQgeyBOZ2JNb2RhbCwgTmdiTW9kYWxSZWYgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2ZlLWZpbGUtcHJldmlldycsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLXByZXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9maWxlLXByZXZpZXcuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGaWxlUHJldmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXR7XG5cbiAgLyoq5paH5Lu25a695bqmICovXG4gIEBJbnB1dCgpIHdpZHRoOiBhbnkgPSAnMTAwcHgnXG4gIC8q5paH5Lu26ZO+5o6lICovXG4gIEBJbnB1dCgpIHNyYzogYW55ID0gJydcbiAgLyoq5piv5ZCm5pSv5oyB5aSn5Zu+6aKE6KeIICovXG4gIEBJbnB1dCgpIHByZXZpZXc6IGFueSA9IHRydWU7XG4gIC8qKuaWh+S7tuexu+WeiyAqL1xuICBASW5wdXQoKSB0eXBlOiBhbnkgPSAnJ1xuICAvKirmlofku7blkI3np7AgKi9cbiAgQElucHV0KCkgbmFtZTogYW55ID0gJydcbiAgQElucHV0KCkgY2xhc3NOYW1lOiBhbnkgPSAnJ1xuXG4gIC8qKuaYr+WQpuaYr+aWh+S7tiAqL1xuICBpc0ltYWdlID0gdHJ1ZVxuICAvKirmmK/lkKbmmK/op4bpopEgKi9cbiAgaXNBdWRpbyA9IGZhbHNlXG4gIC8qKuaYr+WQpuaYr+mfs+mikSAqL1xuICBpc1ZpZGVvID0gZmFsc2VcbiAgLyoq5paH5Lu257G75Z6L5Y+K5Zu+5qCHICovXG4gIF9JbWFnZVR5cGVPcHRpb24gPSBJbWFnZVR5cGVPcHRpb25cblxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgbW9kYWxTZXJ2aWNlOiBOZ2JNb2RhbFxuICApIHsgfVxuICBcbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIC8vQ2FsbGVkIGFmdGVyIG5nT25Jbml0IHdoZW4gdGhlIGNvbXBvbmVudCdzIG9yIGRpcmVjdGl2ZSdzIGNvbnRlbnQgaGFzIGJlZW4gaW5pdGlhbGl6ZWQuXG4gICAgLy9BZGQgJ2ltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCcgdG8gdGhlIGNsYXNzLlxuICAgIGlmICghdGhpcy50eXBlKSB7XG4gICAgICB0aGlzLnR5cGUgPSB0aGlzLm5hbWUuaW5jbHVkZXMoJy43eicpID8gJzd6JyA6ICcnXG4gICAgfVxuICAgIHRoaXMuaXNJbWFnZSA9IHRoaXMudHlwZS5pbmNsdWRlcygnaW1hZ2UvJylcbiAgICB0aGlzLmlzQXVkaW8gPSB0aGlzLnR5cGUuaW5jbHVkZXMoJ2F1ZGlvLycpXG4gICAgdGhpcy5pc1ZpZGVvID0gdGhpcy50eXBlLmluY2x1ZGVzKCd2aWRlby8nKVxuICB9XG5cbiAgLyoq6aKE6KeI5Zu+54mHICovXG4gIHByZXZpZXdJbWFnZSgpIHtcblxuICB9XG5cbiAgLyoq5qih5oCB5qGG5a6e5L6LICovXG4gIG1vZGFsUmVmITogTmdiTW9kYWxSZWY7XG5cbiAgLyoq5pS+5aSn5YCN5pWwICovXG4gIHpvb206IG51bWJlciA9IDEwXG4gIC8qKuaXi+i9rCAqL1xuICByb3RhdGU6IG51bWJlciA9IDBcblxuXG4gIC8qKuaJk+W8gOmihOiniOW8ueeqlyAqL1xuICBPcGVuUHJldmlld0ltYWdlKGNvbnRlbnQ6IFRlbXBsYXRlUmVmPGFueT4pIHtcblxuICAgIHRoaXMubW9kYWxSZWYgPSB0aGlzLm1vZGFsU2VydmljZS5vcGVuKGNvbnRlbnQsIHtcbiAgICAgIGZ1bGxzY3JlZW46IHRydWUsXG4gICAgICBtb2RhbERpYWxvZ0NsYXNzOiAnZGlnbml0ZS1wcmV2aWV3JyxcbiAgICB9KTtcbiAgICB0aGlzLm1vZGFsUmVmLnJlc3VsdC50aGVuKFxuICAgICAgKHJlc3VsdCkgPT4ge1xuICAgICAgfSxcbiAgICAgIChyZWFzb24pID0+IHtcbiAgICAgICAgdGhpcy56b29tID0gMTBcbiAgICAgIH0sXG4gICAgKTtcbiAgfVxuICAvKirmlL7lpKflm77lg48gKi9cbiAgem9vbUluKCkge1xuICAgIGxldCB6b29tID0gdGhpcy56b29tXG4gICAgaWYgKHpvb20gPT0gMjApIHJldHVyblxuICAgIHpvb20rK1xuICAgIHRoaXMuem9vbSA9IHpvb21cbiAgfVxuICAvKirnvKnlsI/lm77lg48gKi9cbiAgem9vbU91dCgpIHtcbiAgICBsZXQgem9vbSA9IHRoaXMuem9vbVxuICAgIGlmICh6b29tID09IDMpIHJldHVyblxuICAgIHpvb20tLVxuICAgIHRoaXMuem9vbSA9IHpvb21cbiAgfVxuICAvKirlj7Pml4vovawgKi9cbiAgUm90YXRlUmlnaHQoKSB7XG4gICAgaWYgKHRoaXMucm90YXRlID09IDM2MCkgcmV0dXJuIHRoaXMucm90YXRlID0gMFxuICAgIHRoaXMucm90YXRlICs9IDkwXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbWFnZV9ib3hcIiAgW3N0eWxlXT1cInt3aWR0aDp3aWR0aCxtYXhXaWR0aDonMTAwJSd9XCI+XG4gICAgPGRpdiBjbGFzcz1cImltZ19ib3hcIiBbY2xhc3NdPVwiY2xhc3NOYW1lXCIgKm5nSWY9XCJpc0ltYWdlXCI+XG4gICAgICAgIDxpbWcgW3NyY109XCJzcmNcIiAgLz5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm9wdGlvbl9ib3hcIiAqbmdJZj1cInByZXZpZXdcIj5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtZXllIFwiIChjbGljay5zdG9wKT1cIk9wZW5QcmV2aWV3SW1hZ2UoY29udGVudClcIj48L2k+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxhIFtocmVmXT1cInNyY1wiIFtkb3dubG9hZF09XCJuYW1lXCIgdGFyZ2V0PlxuICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWZpbGUtYXVkaW8tbyBmcy0xXCIgKm5nSWY9XCJpc0F1ZGlvXCI+PC9pPlxuICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWZpbGUtdmlkZW8tbyBmcy0xXCIgKm5nSWY9XCJpc1ZpZGVvXCI+PC9pPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIShpc0ltYWdlfHxpc0F1ZGlvfHxpc1ZpZGVvKVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBfSW1hZ2VUeXBlT3B0aW9uOyBsZXQgaT1pbmRleFwiPlxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiZnMtMVwiIFtuZ0NsYXNzXT1cIml0ZW0uaWNvblwiICpuZ0lmPVwiaXRlbS50eXBlPT09dHlwZVwiPjwvaT5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2E+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNjb250ZW50IGxldC1tb2RhbD5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWVuZCB3LTEwMCBmcy0zXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cIm14LTIgZmEgIGZhIGZhLXJlcGVhdFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIHRpdGxlPVwi5Y+z5peL6L2sXCIgcm9sZT1cImJ1dHRvblwiIChjbGljayk9XCJSb3RhdGVSaWdodCgpXCI+PC9pPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJteC0yIGZhICBmYS1zZWFyY2gtbWludXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIiB0aXRsZT1cIue8qeWwj1wiIHJvbGU9XCJidXR0b25cIiAoY2xpY2spPVwiem9vbU91dCgpXCI+PC9pPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJteC0yIGZhICBmYS1zZWFyY2gtcGx1c1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIHRpdGxlPVwi5pS+5aSnXCIgcm9sZT1cImJ1dHRvblwiIChjbGljayk9XCJ6b29tSW4oKVwiPjwvaT5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwibXgtMiBmYSAgZmEtdGltZXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIiByb2xlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm1vZGFsLmRpc21pc3MoJ0Nyb3NzIGNsaWNrJylcIj48L2k+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PiBcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keSBkLWZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlciBhbGlnbi1pdGVtcy1jZW50ZXIgXCI+XG4gICAgICAgIDxpbWcgd2lkdGg9XCI0MDBcIiBjbGFzcz1cIm1vZGFsLWJvZHktcHJldmlld1wiICBbc3JjXT1cInNyY1wiIFtzdHlsZS50cmFuc2Zvcm1dPVwiJ3NjYWxlKCcrem9vbS8xMCsnKSByb3RhdGUoJytyb3RhdGUrJ2RlZyknXCIgICA+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==

package/fesm2022/dignite-ng-expand.file-explorer-config.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dignite-ng-expand.file-explorer-config.mjs","sources":["../../../projects/file-explorer/config/src/providers/route.provider.ts","../../../projects/file-explorer/config/src/file-config.module.ts","../../../projects/file-explorer/config/src/dignite-ng-expand.file-explorer-config.ts"],"sourcesContent":["import { eLayoutType, RoutesService } from '@abp/ng.core';\r\nimport { APP_INITIALIZER } from '@angular/core';\r\nimport { eFileRouteNames } from '../enums';\r\n\r\nexport const FILE_ROUTE_PROVIDERS = [\r\n {\r\n provide: APP_INITIALIZER,\r\n useFactory: configureRoutes,\r\n deps: [RoutesService],\r\n multi: true,\r\n },\r\n];\r\n\r\nexport function configureRoutes(routesService: RoutesService) {\r\n return () => {\r\n routesService.add([\r\n {\r\n path: '/file/file-dome',\r\n name:eFileRouteNames.FileUploadDemo,\r\n iconClass: 'fas fa fa-file-archive-o',\r\n layout: eLayoutType.application,\r\n order: 9,\r\n },\r\n ]);\r\n };\r\n}\r\n","import { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { FILE_ROUTE_PROVIDERS } from './providers/route.provider';\r\n\r\n@NgModule()\r\nexport class FileConfigModule {\r\n static forRoot(): ModuleWithProviders<FileConfigModule> {\r\n return {\r\n ngModule: FileConfigModule,\r\n providers: [FILE_ROUTE_PROVIDERS],\r\n };\r\n }\r\n}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;AAIa,MAAA,oBAAoB,GAAG;AAClC,IAAA;AACE,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,UAAU,EAAE,eAAe;QAC3B,IAAI,EAAE,CAAC,aAAa,CAAC;AACrB,QAAA,KAAK,EAAE,IAAI;AACZ,KAAA~~;EACD;AAEI~~,SAAU,eAAe,CAAC,aAA4B,EAAA;AAC1D,IAAA,OAAO,MAAK;QACV,aAAa,CAAC,GAAG,CAAC;AAChB,YAAA;AACE,gBAAA,IAAI,EAAE,iBAAiB;AACvB,gBAAA,IAAI,EAA+B,kBAAA;AACnC,gBAAA,SAAS,EAAE,0BAA0B;AACrC,gBAAA,MAAM,EAAyB,aAAA;AAC/B,gBAAA,KAAK,EAAE,CAAC;AACT,aAAA;AACF,SAAA,CAAC~~,CAAC~~;~~AACL~~,KAAC~~,CAAC~~;~~AACJ~~;;MCrBa,gBAAgB,CAAA;AAC3B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,gBAAgB;YAC1B,SAAS,EAAE,CAAC,oBAAoB,CAAC;SAClC,~~CAAC;KACH;8GANU,~~gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA~~,EAAA~~;+GAAhB,gBAAgB,EAAA,CAAA,CAAA~~,EAAA~~;+GAAhB,gBAAgB,EAAA,CAAA,CAAA~~,EAAA~~;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B~~,QAAQ~~;;;~~ACHT~~;;AAEG;;;;"}
1	+ {"version":3,"file":"dignite-ng-expand.file-explorer-config.mjs","sources":["../../../projects/file-explorer/config/src/providers/route.provider.ts","../../../projects/file-explorer/config/src/file-config.module.ts","../../../projects/file-explorer/config/src/dignite-ng-expand.file-explorer-config.ts"],"sourcesContent":["import { eLayoutType, RoutesService } from '@abp/ng.core';\r\nimport { APP_INITIALIZER } from '@angular/core';\r\nimport { eFileRouteNames } from '../enums';\r\n\r\nexport const FILE_ROUTE_PROVIDERS = [\r\n {\r\n provide: APP_INITIALIZER,\r\n useFactory: configureRoutes,\r\n deps: [RoutesService],\r\n multi: true,\r\n },\r\n];\r\n\r\nexport function configureRoutes(routesService: RoutesService) {\r\n return () => {\r\n routesService.add([\r\n {\r\n path: '/file/file-dome',\r\n name:eFileRouteNames.FileUploadDemo,\r\n iconClass: 'fas fa fa-file-archive-o',\r\n layout: eLayoutType.application,\r\n order: 9,\r\n },\r\n ]);\r\n };\r\n}\r\n","import { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { FILE_ROUTE_PROVIDERS } from './providers/route.provider';\r\n\r\n@NgModule()\r\nexport class FileConfigModule {\r\n static forRoot(): ModuleWithProviders<FileConfigModule> {\r\n return {\r\n ngModule: FileConfigModule,\r\n providers: [FILE_ROUTE_PROVIDERS],\r\n };\r\n }\r\n}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;AAIa,MAAA,oBAAoB,GAAG;AAClC,IAAA;AACE,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,UAAU,EAAE,eAAe;QAC3B,IAAI,EAAE,CAAC,aAAa,CAAC;AACrB,QAAA,KAAK,EAAE,IAAI;AACZ,KAAA;;AAGG,SAAU,eAAe,CAAC,aAA4B,EAAA;AAC1D,IAAA,OAAO,MAAK;QACV,aAAa,CAAC,GAAG,CAAC;AAChB,YAAA;AACE,gBAAA,IAAI,EAAE,iBAAiB;AACvB,gBAAA,IAAI,EAA+B,kBAAA;AACnC,gBAAA,SAAS,EAAE,0BAA0B;AACrC,gBAAA,MAAM,EAAyB,aAAA;AAC/B,gBAAA,KAAK,EAAE,CAAC;AACT,aAAA;AACF,SAAA,CAAC;AACJ,KAAC;AACH;;MCrBa,gBAAgB,CAAA;AAC3B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,gBAAgB;YAC1B,SAAS,EAAE,CAAC,oBAAoB,CAAC;SAClC;;8GALQ,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAhB,gBAAgB,EAAA,CAAA,CAAA;+GAAhB,gBAAgB,EAAA,CAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B;;;ACHD;;AAEG;;;;"}

package/fesm2022/dignite-ng-expand.file-explorer.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, Input, EventEmitter, Output, ViewChild, inject, NgModule, ChangeDetectorRef } from '@angular/core';
+import { Injectable, Input, Component, EventEmitter, ViewChild, Output, inject, NgModule, ChangeDetectorRef } from '@angular/core';
 import * as i3 from '@abp/ng.core';
 import { ListService, LIST_QUERY_DEBOUNCE_TIME, ConfigStateService, EnvironmentService, CoreModule } from '@abp/ng.core';
 import * as i2$1 from '@abp/ng.theme.shared';
@@ -173,6 +173,7 @@ class FilePreviewComponent {
         this.type = '';
         /**文件名称 */
         this.name = '';
+        this.className = '';
         /**是否是文件 */
         this.isImage = true;
         /**是否是视频 */
@@ -233,11 +234,11 @@ class FilePreviewComponent {
         this.rotate += 90;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FilePreviewComponent, deps: [{ token: i8.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FilePreviewComponent, selector: "fe-file-preview", inputs: { width: "width", src: "src", preview: "preview", type: "type", name: "name" }, ngImport: i0, template: "<div class=\"image_box\"  [style]=\"{width:width,maxWidth:'100%'}\">\n    <div class=\"img_box\" *ngIf=\"isImage\">\n        <img [src]=\"src\"  />\n        <div class=\"option_box\" *ngIf=\"preview\">\n            <i class=\"fa fa-eye \" (click.stop)=\"OpenPreviewImage(content)\"></i>\n        </div>\n    </div>\n    <a [href]=\"src\" [download]=\"name\" target>\n        <i class=\"fa fa-file-audio-o fs-1\" *ngIf=\"isAudio\"></i>\n        <i class=\"fa fa-file-video-o fs-1\" *ngIf=\"isVideo\"></i>\n        <ng-container *ngIf=\"!(isImage||isAudio||isVideo)\">\n            <ng-container *ngFor=\"let item of _ImageTypeOption; let i=index\">\n                <i class=\"fs-1\" [ngClass]=\"item.icon\" *ngIf=\"item.type===type\"></i>\n            </ng-container>\n        </ng-container>\n    </a>\n</div>\n\n<ng-template #content let-modal>\n    <div class=\"modal-header\">\n        <div class=\"d-flex justify-content-end w-100 fs-3\">\n            <i class=\"mx-2 fa  fa fa-repeat\" aria-hidden=\"true\" title=\"\u53F3\u65CB\u8F6C\" role=\"button\" (click)=\"RotateRight()\"></i>\n            <i class=\"mx-2 fa  fa-search-minus\" aria-hidden=\"true\" title=\"\u7F29\u5C0F\" role=\"button\" (click)=\"zoomOut()\"></i>\n            <i class=\"mx-2 fa  fa-search-plus\" aria-hidden=\"true\" title=\"\u653E\u5927\" role=\"button\" (click)=\"zoomIn()\"></i>\n            <i class=\"mx-2 fa  fa-times\" aria-hidden=\"true\" role=\"button\" (click)=\"modal.dismiss('Cross click')\"></i>\n        </div>\n    </div> \n    <div class=\"modal-body d-flex justify-content-center align-items-center \">\n        <img width=\"400\" class=\"modal-body-preview\"  [src]=\"src\" [style.transform]=\"'scale('+zoom/10+') rotate('+rotate+'deg)'\"   >\n    </div>\n</ng-template>", styles: [".image_box{text-align:center;position:relative}.image_box img{width:100%}.image_box .img_box:hover .option_box{display:flex}.image_box .option_box{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;align-items:center;justify-content:center;display:none;transition:all .2s linear}.image_box .option_box i{cursor:pointer;font-size:18px;color:#fff}.modal-body-preview{transition:all .2s}::ng-deep .dignite-preview .modal-content{background-color:transparent;color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FilePreviewComponent, selector: "fe-file-preview", inputs: { width: "width", src: "src", preview: "preview", type: "type", name: "name", className: "className" }, ngImport: i0, template: "<div class=\"image_box\"  [style]=\"{width:width,maxWidth:'100%'}\">\n    <div class=\"img_box\" [class]=\"className\" *ngIf=\"isImage\">\n        <img [src]=\"src\"  />\n        <div class=\"option_box\" *ngIf=\"preview\">\n            <i class=\"fa fa-eye \" (click.stop)=\"OpenPreviewImage(content)\"></i>\n        </div>\n    </div>\n    <a [href]=\"src\" [download]=\"name\" target>\n        <i class=\"fa fa-file-audio-o fs-1\" *ngIf=\"isAudio\"></i>\n        <i class=\"fa fa-file-video-o fs-1\" *ngIf=\"isVideo\"></i>\n        <ng-container *ngIf=\"!(isImage||isAudio||isVideo)\">\n            <ng-container *ngFor=\"let item of _ImageTypeOption; let i=index\">\n                <i class=\"fs-1\" [ngClass]=\"item.icon\" *ngIf=\"item.type===type\"></i>\n            </ng-container>\n        </ng-container>\n    </a>\n</div>\n\n<ng-template #content let-modal>\n    <div class=\"modal-header\">\n        <div class=\"d-flex justify-content-end w-100 fs-3\">\n            <i class=\"mx-2 fa  fa fa-repeat\" aria-hidden=\"true\" title=\"\u53F3\u65CB\u8F6C\" role=\"button\" (click)=\"RotateRight()\"></i>\n            <i class=\"mx-2 fa  fa-search-minus\" aria-hidden=\"true\" title=\"\u7F29\u5C0F\" role=\"button\" (click)=\"zoomOut()\"></i>\n            <i class=\"mx-2 fa  fa-search-plus\" aria-hidden=\"true\" title=\"\u653E\u5927\" role=\"button\" (click)=\"zoomIn()\"></i>\n            <i class=\"mx-2 fa  fa-times\" aria-hidden=\"true\" role=\"button\" (click)=\"modal.dismiss('Cross click')\"></i>\n        </div>\n    </div> \n    <div class=\"modal-body d-flex justify-content-center align-items-center \">\n        <img width=\"400\" class=\"modal-body-preview\"  [src]=\"src\" [style.transform]=\"'scale('+zoom/10+') rotate('+rotate+'deg)'\"   >\n    </div>\n</ng-template>", styles: [".image_box{text-align:center;position:relative}.image_box img{width:100%}.image_box .img_box:hover .option_box{display:flex}.image_box .option_box{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;align-items:center;justify-content:center;display:none;transition:all .2s linear}.image_box .option_box i{cursor:pointer;font-size:18px;color:#fff}.modal-body-preview{transition:all .2s}::ng-deep .dignite-preview .modal-content{background-color:transparent;color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FilePreviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fe-file-preview', template: "<div class=\"image_box\"  [style]=\"{width:width,maxWidth:'100%'}\">\n    <div class=\"img_box\" *ngIf=\"isImage\">\n        <img [src]=\"src\"  />\n        <div class=\"option_box\" *ngIf=\"preview\">\n            <i class=\"fa fa-eye \" (click.stop)=\"OpenPreviewImage(content)\"></i>\n        </div>\n    </div>\n    <a [href]=\"src\" [download]=\"name\" target>\n        <i class=\"fa fa-file-audio-o fs-1\" *ngIf=\"isAudio\"></i>\n        <i class=\"fa fa-file-video-o fs-1\" *ngIf=\"isVideo\"></i>\n        <ng-container *ngIf=\"!(isImage||isAudio||isVideo)\">\n            <ng-container *ngFor=\"let item of _ImageTypeOption; let i=index\">\n                <i class=\"fs-1\" [ngClass]=\"item.icon\" *ngIf=\"item.type===type\"></i>\n            </ng-container>\n        </ng-container>\n    </a>\n</div>\n\n<ng-template #content let-modal>\n    <div class=\"modal-header\">\n        <div class=\"d-flex justify-content-end w-100 fs-3\">\n            <i class=\"mx-2 fa  fa fa-repeat\" aria-hidden=\"true\" title=\"\u53F3\u65CB\u8F6C\" role=\"button\" (click)=\"RotateRight()\"></i>\n            <i class=\"mx-2 fa  fa-search-minus\" aria-hidden=\"true\" title=\"\u7F29\u5C0F\" role=\"button\" (click)=\"zoomOut()\"></i>\n            <i class=\"mx-2 fa  fa-search-plus\" aria-hidden=\"true\" title=\"\u653E\u5927\" role=\"button\" (click)=\"zoomIn()\"></i>\n            <i class=\"mx-2 fa  fa-times\" aria-hidden=\"true\" role=\"button\" (click)=\"modal.dismiss('Cross click')\"></i>\n        </div>\n    </div> \n    <div class=\"modal-body d-flex justify-content-center align-items-center \">\n        <img width=\"400\" class=\"modal-body-preview\"  [src]=\"src\" [style.transform]=\"'scale('+zoom/10+') rotate('+rotate+'deg)'\"   >\n    </div>\n</ng-template>", styles: [".image_box{text-align:center;position:relative}.image_box img{width:100%}.image_box .img_box:hover .option_box{display:flex}.image_box .option_box{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;align-items:center;justify-content:center;display:none;transition:all .2s linear}.image_box .option_box i{cursor:pointer;font-size:18px;color:#fff}.modal-body-preview{transition:all .2s}::ng-deep .dignite-preview .modal-content{background-color:transparent;color:#fff}\n"] }]
+            args: [{ selector: 'fe-file-preview', template: "<div class=\"image_box\"  [style]=\"{width:width,maxWidth:'100%'}\">\n    <div class=\"img_box\" [class]=\"className\" *ngIf=\"isImage\">\n        <img [src]=\"src\"  />\n        <div class=\"option_box\" *ngIf=\"preview\">\n            <i class=\"fa fa-eye \" (click.stop)=\"OpenPreviewImage(content)\"></i>\n        </div>\n    </div>\n    <a [href]=\"src\" [download]=\"name\" target>\n        <i class=\"fa fa-file-audio-o fs-1\" *ngIf=\"isAudio\"></i>\n        <i class=\"fa fa-file-video-o fs-1\" *ngIf=\"isVideo\"></i>\n        <ng-container *ngIf=\"!(isImage||isAudio||isVideo)\">\n            <ng-container *ngFor=\"let item of _ImageTypeOption; let i=index\">\n                <i class=\"fs-1\" [ngClass]=\"item.icon\" *ngIf=\"item.type===type\"></i>\n            </ng-container>\n        </ng-container>\n    </a>\n</div>\n\n<ng-template #content let-modal>\n    <div class=\"modal-header\">\n        <div class=\"d-flex justify-content-end w-100 fs-3\">\n            <i class=\"mx-2 fa  fa fa-repeat\" aria-hidden=\"true\" title=\"\u53F3\u65CB\u8F6C\" role=\"button\" (click)=\"RotateRight()\"></i>\n            <i class=\"mx-2 fa  fa-search-minus\" aria-hidden=\"true\" title=\"\u7F29\u5C0F\" role=\"button\" (click)=\"zoomOut()\"></i>\n            <i class=\"mx-2 fa  fa-search-plus\" aria-hidden=\"true\" title=\"\u653E\u5927\" role=\"button\" (click)=\"zoomIn()\"></i>\n            <i class=\"mx-2 fa  fa-times\" aria-hidden=\"true\" role=\"button\" (click)=\"modal.dismiss('Cross click')\"></i>\n        </div>\n    </div> \n    <div class=\"modal-body d-flex justify-content-center align-items-center \">\n        <img width=\"400\" class=\"modal-body-preview\"  [src]=\"src\" [style.transform]=\"'scale('+zoom/10+') rotate('+rotate+'deg)'\"   >\n    </div>\n</ng-template>", styles: [".image_box{text-align:center;position:relative}.image_box img{width:100%}.image_box .img_box:hover .option_box{display:flex}.image_box .option_box{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;align-items:center;justify-content:center;display:none;transition:all .2s linear}.image_box .option_box i{cursor:pointer;font-size:18px;color:#fff}.modal-body-preview{transition:all .2s}::ng-deep .dignite-preview .modal-content{background-color:transparent;color:#fff}\n"] }]
         }], ctorParameters: () => [{ type: i8.NgbModal }], propDecorators: { width: [{
                 type: Input
             }], src: [{
@@ -248,6 +249,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 type: Input
             }], name: [{
                 type: Input
+            }], className: [{
+                type: Input
             }] } });
 class FileEditComponent {
@@ -325,7 +328,7 @@ class FileEditComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FileEditComponent, deps: [{ token: FileApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FileEditComponent, selector: "fe-file-edit", inputs: { multiple: "multiple", fileData: "fileData", limit: "limit" }, outputs: { fileDataChange: "fileDataChange" }, viewQueries: [{ propertyName: "fileEdit", first: true, predicate: ["fileEdit"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"input-group mb-3\">\n    <input type=\"file\" class=\"form-control\" #fileEdit [multiple]=\"_multiple\" (change)=\"getFileChange($event)\">\n</div>\n\n<table class=\"table\" *ngIf=\"filesTableData.length>0\">\n    <thead>\n        <tr>\n            <th scope=\"col\"></th>\n            <th scope=\"col\">{{'FileExplorer::FileName' | abpLocalization}}</th>\n            <th scope=\"col\">{{'FileExplorer::FileSize' | abpLocalization}}</th>\n            <th scope=\"col\"></th>\n        </tr>\n    </thead>\n    <tbody>\n        <ng-container *ngFor=\"let item of filesTableData;let i =index\">\n            <tr>\n                <td>\n                    <fe-file-preview [width]=\"'80px'\" [src]=\"item.src\" [name]=\"item.name\" [type]=\"item.type\" [preview]=\"true\"></fe-file-preview>\n                </td>\n                <th scope=\"row\">\n                    <div>{{item.name}}</div>\n                    <div class=\"form-text text-danger\" *ngIf=\"item.size > sizeLimit\">\n                        {{'FileExplorer::ExceedsMaximumSize' |\n                        abpLocalization:_FileApiService.formatFileSize(sizeLimit)}}</div>\n                </th>\n                <td>{{item.fileSize}}</td>\n                <td>\n                    <button class=\"btn btn-sm p-0 btn-light \" (click.stop)=\"deleteFileTableItem(i,item)\">\n                        <i class=\"fas fa-trash p-2\"></i>\n                    </button>\n                </td>\n            </tr>\n        </ng-container>\n    </tbody>\n</table>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name"] }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FileEditComponent, selector: "fe-file-edit", inputs: { multiple: "multiple", fileData: "fileData", limit: "limit" }, outputs: { fileDataChange: "fileDataChange" }, viewQueries: [{ propertyName: "fileEdit", first: true, predicate: ["fileEdit"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"input-group mb-3\">\n    <input type=\"file\" class=\"form-control\" #fileEdit [multiple]=\"_multiple\" (change)=\"getFileChange($event)\">\n</div>\n\n<table class=\"table\" *ngIf=\"filesTableData.length>0\">\n    <thead>\n        <tr>\n            <th scope=\"col\"></th>\n            <th scope=\"col\">{{'FileExplorer::FileName' | abpLocalization}}</th>\n            <th scope=\"col\">{{'FileExplorer::FileSize' | abpLocalization}}</th>\n            <th scope=\"col\"></th>\n        </tr>\n    </thead>\n    <tbody>\n        <ng-container *ngFor=\"let item of filesTableData;let i =index\">\n            <tr>\n                <td>\n                    <fe-file-preview [width]=\"'80px'\" [src]=\"item.src\" [name]=\"item.name\" [type]=\"item.type\" [preview]=\"true\"></fe-file-preview>\n                </td>\n                <th scope=\"row\">\n                    <div>{{item.name}}</div>\n                    <div class=\"form-text text-danger\" *ngIf=\"item.size > sizeLimit\">\n                        {{'FileExplorer::ExceedsMaximumSize' |\n                        abpLocalization:_FileApiService.formatFileSize(sizeLimit)}}</div>\n                </th>\n                <td>{{item.fileSize}}</td>\n                <td>\n                    <button class=\"btn btn-sm p-0 btn-light \" (click.stop)=\"deleteFileTableItem(i,item)\">\n                        <i class=\"fas fa-trash p-2\"></i>\n                    </button>\n                </td>\n            </tr>\n        </ng-container>\n    </tbody>\n</table>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name", "className"] }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FileEditComponent, decorators: [{
             type: Component,
@@ -837,7 +840,7 @@ class FileModalComponent {
             // Provide this token if you want a different debounce time.
             // Default is 300. Cannot be 0. Any value below 100 is not recommended.
             { provide: LIST_QUERY_DEBOUNCE_TIME, useValue: 500 },
-        ], usesOnChanges: true, ngImport: i0, template: "<abp-modal [(visible)]=\"ModalOpen\" (visibleChange)=\"ModalVisibleChange($event)\"\n  [options]=\"{ size: 'xl', scrollable: false }\">\n  <ng-template #abpHeader>\n    <h3>{{'FileExplorer::FileExplorer' | abpLocalization}}</h3>\n  </ng-template>\n  <ng-template #abpBody>\n    <div class=\"row file-explorer-modal-body file-modal\">\n      <div class=\"col-3\" *ngIf=\"createDirectoryPermissionName\"  style=\"overflow: auto; height: calc(100vh - 240px)\">\n        <fe-file-modal-tree [theSelectedTreeNode]=\"_theSelectedTreeNode\" (nodeClick)=\"_nodeClick($event)\"\n          [fileContainerName]=\"_fileContainerName\"></fe-file-modal-tree>\n      </div>\n      <div [class]=\"createDirectoryPermissionName?'col-9':'col-12'\" style=\"height: calc(100vh - 240px)\">\n        <div class=\"mb-3 d-flex justify-content-between align-items-center\">\n          <div class=\"btn-link\" role=button style=\"flex: 2\" (click)=\"lookAllFile()\">{{'FileExplorer::AllFiles' | abpLocalization}}</div>\n          <div class=\"input-group form-file\" style=\"flex: 2\">\n            <input type=\"file\" class=\"form-control\" #fileEdit [multiple]=\"_multiple\" \n              (change)=\"getFileChange($event)\" />\n          </div>\n        </div>\n        <div>\n          <ngx-datatable class=\"material container-height\" [rows]=\"data.items\" [list]=\"list\" columnMode=\"flex\"\n            [columns]=\"columns\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [scrollbarV]=\"true\"\n            [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [selected]=\"selectedTable\"\n            [selectCheck]=\"selectCheck\" [selectionType]=\"_multiple?SelectionType.multiClick:SelectionType.single\" (select)=\"onSelectTableItem($event)\">\n            <ngx-datatable-column [width]=\"50\" prop=\"id\" [sortable]=\"false\" [canAutoResize]=\"false\" [draggable]=\"false\"\n              [resizeable]=\"false\">\n              <ng-template ngx-datatable-header-template let-value=\"value\" let-allRowsSelected=\"allRowsSelected\"\n                let-selectFn=\"selectFn\">\n                <input type=\"checkbox\" class=\"form-check-input\" [checked]=\"allRowsSelected\"\n                  (change)=\"selectFn(!allRowsSelected)\" />\n              </ng-template>\n              <ng-template ngx-datatable-cell-template let-row=\"row\" let-value=\"value\" let-isSelected=\"isSelected\"\n                let-onCheckboxChangeFn=\"onCheckboxChangeFn\">\n                <input type=\"checkbox\" class=\"form-check-input\" [checked]=\"selectedcheckbox(value)\"\n                  (change)=\"onCheckboxChangeFn($event)\" />\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column   [flexGrow]=\"2\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                <fe-file-preview [width]=\"'80px'\" [src]=\"row.url\" [name]=\"row.name\" [type]=\"row.mimeType\" [preview]=\"true\"></fe-file-preview>\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column [name]=\"'FileExplorer::FileName' | abpLocalization\" prop=\"name\" [flexGrow]=\"4\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ value }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column  [name]=\"'FileExplorer::FileSize' | abpLocalization\" prop=\"size\" [flexGrow]=\"1.5\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ _FileApiService.formatFileSize(value) }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column  [name]=\"'FileExplorer::Directory' | abpLocalization\" prop=\"cellName\" [flexGrow]=\"1\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ value }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column [name]=\"'FileExplorer::CreationTime' | abpLocalization\" prop=\"creationTime\" [flexGrow]=\"2\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ value | date : 'YYYY/MM/dd HH:mm:s' }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column [flexGrow]=\"1\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteFile(row)\">\n                  <i class=\"fas fa-trash text-primary p-2\"></i>\n                </button>\n              </ng-template>\n            </ngx-datatable-column>\n          </ngx-datatable>\n        </div>\n        <div *ngIf=\"uploadPictureStatusList.length > 0\"\n          class=\"position-fixed bottom-0 end-0 shadow-lg file-status-modal   m-5\"\n          style=\"border-radius: 10px\">\n          <div class=\"card p-1\">\n            <div class=\"card-header d-flex align-items-center justify-content-between p-0 py-1 border-bottom\">\n              <div>{{'FileExplorer::UploadFiles' | abpLocalization}}</div>\n              <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click.stop)=\"closeFileStatusModal()\"></button>\n            </div>\n            <div class=\"card-body\">\n              <table class=\"table\">\n                <thead>\n                  <tr>\n                    <th scope=\"col\">{{'FileExplorer::FileName' | abpLocalization}}</th>\n                    <th scope=\"col\">{{'FileExplorer::FileSize' | abpLocalization}}</th>\n                    <th scope=\"col\"></th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <ng-container *ngFor=\"let item of uploadPictureStatusList; let i = index\">\n                    <tr>\n                      <th scope=\"row\">\n                        <div>{{ item.name }}</div>\n                        <div class=\"form-text text-danger\" *ngIf=\"item.size > sizeLimit\">\n                          {{'FileExplorer::ExceedsMaximumSize' | abpLocalization:_FileApiService.formatFileSize(sizeLimit)}}\n                        </div>\n                      </th>\n                      <td>{{ item.fileSize }}</td>\n                      <td>\n                        <i *ngIf=\"item.status === 1\" class=\"fas fa-check text-primary\"></i>\n                        <i *ngIf=\"item.status === 2\" class=\"fas fa-times-circle text-danger\"></i>\n                      </td>\n                    </tr>\n                  </ng-container>\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n    <abp-button iconClass=\"fa fa-check\" (click)=\"modalSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n  </ng-template>\n</abp-modal>", styles: ["::ng-deep .file-modal .container-height{height:calc(100vh - 284px)}::ng-deep .file-modal .file-status-modal{background:#fff}::ng-deep .file-modal .file-status-modal .card-body{max-height:300px;overflow-y:auto}::ng-deep .file-modal .ngx-datatable.material.single-selection .datatable-body-row.active,::ng-deep .file-modal .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group,::ng-deep .file-modal .ngx-datatable.material.multi-selection .datatable-body-row.active,::ng-deep .file-modal .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group,::ng-deep .file-modal .ngx-datatable.material.multi-click-selection .datatable-body-row.active,::ng-deep .file-modal .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group{background-color:transparent!important}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper{padding:0}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper .custom-node{width:100%}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper .selected{background-color:var(--lpx-brand)!important}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper .selected .btn{color:var(--lpx-navbar-color)}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:transparent}::ng-deep .file-modal .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell,::ng-deep .file-modal .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell{overflow:initial;line-break:anywhere}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i6.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i6.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i6.DataTableColumnHeaderDirective, selector: "[ngx-datatable-header-template]" }, { kind: "directive", type: i6.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i2$1.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "component", type: i2$1.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i2$1.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i2$1.ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: FileModalTreeComponent, selector: "fe-file-modal-tree", inputs: ["theSelectedTreeNode", "fileContainerName"], outputs: ["nodeClick"] }, { kind: "component", type: FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], usesOnChanges: true, ngImport: i0, template: "<abp-modal [(visible)]=\"ModalOpen\" (visibleChange)=\"ModalVisibleChange($event)\"\n  [options]=\"{ size: 'xl', scrollable: false }\">\n  <ng-template #abpHeader>\n    <h3>{{'FileExplorer::FileExplorer' | abpLocalization}}</h3>\n  </ng-template>\n  <ng-template #abpBody>\n    <div class=\"row file-explorer-modal-body file-modal\">\n      <div class=\"col-3\" *ngIf=\"createDirectoryPermissionName\"  style=\"overflow: auto; height: calc(100vh - 240px)\">\n        <fe-file-modal-tree [theSelectedTreeNode]=\"_theSelectedTreeNode\" (nodeClick)=\"_nodeClick($event)\"\n          [fileContainerName]=\"_fileContainerName\"></fe-file-modal-tree>\n      </div>\n      <div [class]=\"createDirectoryPermissionName?'col-9':'col-12'\" style=\"height: calc(100vh - 240px)\">\n        <div class=\"mb-3 d-flex justify-content-between align-items-center\">\n          <div class=\"btn-link\" role=button style=\"flex: 2\" (click)=\"lookAllFile()\">{{'FileExplorer::AllFiles' | abpLocalization}}</div>\n          <div class=\"input-group form-file\" style=\"flex: 2\">\n            <input type=\"file\" class=\"form-control\" #fileEdit [multiple]=\"_multiple\" \n              (change)=\"getFileChange($event)\" />\n          </div>\n        </div>\n        <div>\n          <ngx-datatable class=\"material container-height\" [rows]=\"data.items\" [list]=\"list\" columnMode=\"flex\"\n            [columns]=\"columns\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [scrollbarV]=\"true\"\n            [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [selected]=\"selectedTable\"\n            [selectCheck]=\"selectCheck\" [selectionType]=\"_multiple?SelectionType.multiClick:SelectionType.single\" (select)=\"onSelectTableItem($event)\">\n            <ngx-datatable-column [width]=\"50\" prop=\"id\" [sortable]=\"false\" [canAutoResize]=\"false\" [draggable]=\"false\"\n              [resizeable]=\"false\">\n              <ng-template ngx-datatable-header-template let-value=\"value\" let-allRowsSelected=\"allRowsSelected\"\n                let-selectFn=\"selectFn\">\n                <input type=\"checkbox\" class=\"form-check-input\" [checked]=\"allRowsSelected\"\n                  (change)=\"selectFn(!allRowsSelected)\" />\n              </ng-template>\n              <ng-template ngx-datatable-cell-template let-row=\"row\" let-value=\"value\" let-isSelected=\"isSelected\"\n                let-onCheckboxChangeFn=\"onCheckboxChangeFn\">\n                <input type=\"checkbox\" class=\"form-check-input\" [checked]=\"selectedcheckbox(value)\"\n                  (change)=\"onCheckboxChangeFn($event)\" />\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column   [flexGrow]=\"2\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                <fe-file-preview [width]=\"'80px'\" [src]=\"row.url\" [name]=\"row.name\" [type]=\"row.mimeType\" [preview]=\"true\"></fe-file-preview>\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column [name]=\"'FileExplorer::FileName' | abpLocalization\" prop=\"name\" [flexGrow]=\"4\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ value }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column  [name]=\"'FileExplorer::FileSize' | abpLocalization\" prop=\"size\" [flexGrow]=\"1.5\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ _FileApiService.formatFileSize(value) }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column  [name]=\"'FileExplorer::Directory' | abpLocalization\" prop=\"cellName\" [flexGrow]=\"1\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ value }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column [name]=\"'FileExplorer::CreationTime' | abpLocalization\" prop=\"creationTime\" [flexGrow]=\"2\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                {{ value | date : 'YYYY/MM/dd HH:mm:s' }}\n              </ng-template>\n            </ngx-datatable-column>\n            <ngx-datatable-column [flexGrow]=\"1\">\n              <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteFile(row)\">\n                  <i class=\"fas fa-trash text-primary p-2\"></i>\n                </button>\n              </ng-template>\n            </ngx-datatable-column>\n          </ngx-datatable>\n        </div>\n        <div *ngIf=\"uploadPictureStatusList.length > 0\"\n          class=\"position-fixed bottom-0 end-0 shadow-lg file-status-modal   m-5\"\n          style=\"border-radius: 10px\">\n          <div class=\"card p-1\">\n            <div class=\"card-header d-flex align-items-center justify-content-between p-0 py-1 border-bottom\">\n              <div>{{'FileExplorer::UploadFiles' | abpLocalization}}</div>\n              <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click.stop)=\"closeFileStatusModal()\"></button>\n            </div>\n            <div class=\"card-body\">\n              <table class=\"table\">\n                <thead>\n                  <tr>\n                    <th scope=\"col\">{{'FileExplorer::FileName' | abpLocalization}}</th>\n                    <th scope=\"col\">{{'FileExplorer::FileSize' | abpLocalization}}</th>\n                    <th scope=\"col\"></th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <ng-container *ngFor=\"let item of uploadPictureStatusList; let i = index\">\n                    <tr>\n                      <th scope=\"row\">\n                        <div>{{ item.name }}</div>\n                        <div class=\"form-text text-danger\" *ngIf=\"item.size > sizeLimit\">\n                          {{'FileExplorer::ExceedsMaximumSize' | abpLocalization:_FileApiService.formatFileSize(sizeLimit)}}\n                        </div>\n                      </th>\n                      <td>{{ item.fileSize }}</td>\n                      <td>\n                        <i *ngIf=\"item.status === 1\" class=\"fas fa-check text-primary\"></i>\n                        <i *ngIf=\"item.status === 2\" class=\"fas fa-times-circle text-danger\"></i>\n                      </td>\n                    </tr>\n                  </ng-container>\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n    <abp-button iconClass=\"fa fa-check\" (click)=\"modalSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n  </ng-template>\n</abp-modal>", styles: ["::ng-deep .file-modal .container-height{height:calc(100vh - 284px)}::ng-deep .file-modal .file-status-modal{background:#fff}::ng-deep .file-modal .file-status-modal .card-body{max-height:300px;overflow-y:auto}::ng-deep .file-modal .ngx-datatable.material.single-selection .datatable-body-row.active,::ng-deep .file-modal .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group,::ng-deep .file-modal .ngx-datatable.material.multi-selection .datatable-body-row.active,::ng-deep .file-modal .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group,::ng-deep .file-modal .ngx-datatable.material.multi-click-selection .datatable-body-row.active,::ng-deep .file-modal .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group{background-color:transparent!important}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper{padding:0}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper .custom-node{width:100%}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper .selected{background-color:var(--lpx-brand)!important}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper .selected .btn{color:var(--lpx-navbar-color)}::ng-deep .file-modal .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:transparent}::ng-deep .file-modal .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell,::ng-deep .file-modal .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell{overflow:initial;line-break:anywhere}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i6.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i6.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i6.DataTableColumnHeaderDirective, selector: "[ngx-datatable-header-template]" }, { kind: "directive", type: i6.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i2$1.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "component", type: i2$1.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i2$1.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i2$1.ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: FileModalTreeComponent, selector: "fe-file-modal-tree", inputs: ["theSelectedTreeNode", "fileContainerName"], outputs: ["nodeClick"] }, { kind: "component", type: FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name", "className"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FileModalComponent, decorators: [{
             type: Component,
@@ -905,7 +908,7 @@ class FilePickerComponent {
         this.selectedFileChange.emit(this.selectFormFile);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FilePickerComponent, deps: [{ token: FileApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FilePickerComponent, selector: "fe-file-picker", inputs: { multiple: "multiple", fileContainerName: "fileContainerName", selectFormFile: "selectFormFile" }, outputs: { selectedFileChange: "selectedFileChange" }, usesOnChanges: true, ngImport: i0, template: "<button class=\"btn btn-sm btn-primary ms-2 float-end\" type=\"button\" (click.stop)=\"ModalOpen = true\">{{'FileExplorer::SelectFile' | abpLocalization}}</button>\n<fe-file-modal [(visible)]=\"ModalOpen\" [selectPickerFile]=\"selectFormFile\" [multiple]=\"_multiple\"  (selectFilefn)=\"_selectFilefn($event)\" [fileContainerName]=\"_fileContainerName\"></fe-file-modal>\n<table class=\"table\" *ngIf=\"_fileShowTable.length>0\">\n    <thead>\n        <tr>\n            <th scope=\"col\"></th>\n            <th scope=\"col\">{{'FileExplorer::FileName' | abpLocalization}}</th>\n            <th scope=\"col\">{{'FileExplorer::FileSize' | abpLocalization}}</th>\n            <th scope=\"col\"></th>\n        </tr>\n    </thead>\n    <tbody>\n        <ng-container *ngFor=\"let item of _fileShowTable;let i =index\">\n            <tr>\n                <td>\n                    <fe-file-preview [width]=\"'80px'\" [src]=\"item.url||item.Url\" [name]=\"item.name||item.Name\" [type]=\"item.mimeType||item.MimeType\" [preview]=\"true\"></fe-file-preview>\n                </td>\n                <th scope=\"row\">\n                    <div>{{item.name||item.Name}}</div>\n                </th>\n                <td >{{_FileApiService.formatFileSize(item.Size||item.size)}}</td>\n                <td>\n                    <button class=\"btn btn-sm p-0 btn-light \" (click.stop)=\"deleteFileTableItem(i,item)\">\n                        <i class=\"fas fa-trash p-2\"></i>\n                    </button>\n                </td>\n            </tr>\n        </ng-container>\n    </tbody>\n</table>\n\n\n", styles: [".table{border-collapse:collapse;table-layout:fixed}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: FileModalComponent, selector: "fe-file-modal", inputs: ["fileContainerName", "multiple", "limit", "visible", "selectPickerFile"], outputs: ["visibleChange", "selectFilefn"] }, { kind: "component", type: FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name"] }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: FilePickerComponent, selector: "fe-file-picker", inputs: { multiple: "multiple", fileContainerName: "fileContainerName", selectFormFile: "selectFormFile" }, outputs: { selectedFileChange: "selectedFileChange" }, usesOnChanges: true, ngImport: i0, template: "<button class=\"btn btn-sm btn-primary ms-2 float-end\" type=\"button\" (click.stop)=\"ModalOpen = true\">{{'FileExplorer::SelectFile' | abpLocalization}}</button>\n<fe-file-modal [(visible)]=\"ModalOpen\" [selectPickerFile]=\"selectFormFile\" [multiple]=\"_multiple\"  (selectFilefn)=\"_selectFilefn($event)\" [fileContainerName]=\"_fileContainerName\"></fe-file-modal>\n<table class=\"table\" *ngIf=\"_fileShowTable.length>0\">\n    <thead>\n        <tr>\n            <th scope=\"col\"></th>\n            <th scope=\"col\">{{'FileExplorer::FileName' | abpLocalization}}</th>\n            <th scope=\"col\">{{'FileExplorer::FileSize' | abpLocalization}}</th>\n            <th scope=\"col\"></th>\n        </tr>\n    </thead>\n    <tbody>\n        <ng-container *ngFor=\"let item of _fileShowTable;let i =index\">\n            <tr>\n                <td>\n                    <fe-file-preview [width]=\"'80px'\" [src]=\"item.url||item.Url\" [name]=\"item.name||item.Name\" [type]=\"item.mimeType||item.MimeType\" [preview]=\"true\"></fe-file-preview>\n                </td>\n                <th scope=\"row\">\n                    <div>{{item.name||item.Name}}</div>\n                </th>\n                <td >{{_FileApiService.formatFileSize(item.Size||item.size)}}</td>\n                <td>\n                    <button class=\"btn btn-sm p-0 btn-light \" (click.stop)=\"deleteFileTableItem(i,item)\">\n                        <i class=\"fas fa-trash p-2\"></i>\n                    </button>\n                </td>\n            </tr>\n        </ng-container>\n    </tbody>\n</table>\n\n\n", styles: [".table{border-collapse:collapse;table-layout:fixed}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: FileModalComponent, selector: "fe-file-modal", inputs: ["fileContainerName", "multiple", "limit", "visible", "selectPickerFile"], outputs: ["visibleChange", "selectFilefn"] }, { kind: "component", type: FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name", "className"] }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FilePickerComponent, decorators: [{
             type: Component,
@@ -1134,6 +1137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
+/* eslint-disable @angular-eslint/component-selector */
 class FileExplorerViewComponent {
     constructor() {
         /**展示则内容 */
@@ -1150,16 +1154,17 @@ class FileExplorerViewComponent {
         //Called after ngOnInit when the component's or directive's content has been initialized.
         //Add 'implements AfterContentInit' to the class.
         let valueOptions = this._value;
+        console.log(this._value, 'this._value');
         if (this.type && valueOptions) {
             this.showValue = valueOptions;
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FileExplorerViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: FileExplorerViewComponent, selector: "fe-file-explorer-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n{{'Cms::NotShowInList'|abpLocalization}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: FileExplorerViewComponent, selector: "fe-file-explorer-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n@if(showValue.length>=1){\r\n<div class=\"d-flex align-items-center \">\r\n    <fe-file-preview [width]=\"'40px'\" [className]=\"'rounded-5 overflow-hidden me-1'\" [src]=\"showValue[0].url\"\r\n        [name]=\"showValue[0].name\" [type]=\"showValue[0].mimeType\" [preview]=\"true\"></fe-file-preview>\r\n    @if(showValue.length-1>0){\r\n    +{{showValue.length-1}}\r\n    }\r\n</div>\r\n}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FilePreviewComponent, selector: "fe-file-preview", inputs: ["width", "src", "preview", "type", "name", "className"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FileExplorerViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fe-file-explorer-view', template: "@if(showInList){\r\n{{'Cms::NotShowInList'|abpLocalization}}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n</div>\r\n}" }]
+            args: [{ selector: 'fe-file-explorer-view', template: "@if(showInList){\r\n@if(showValue.length>=1){\r\n<div class=\"d-flex align-items-center \">\r\n    <fe-file-preview [width]=\"'40px'\" [className]=\"'rounded-5 overflow-hidden me-1'\" [src]=\"showValue[0].url\"\r\n        [name]=\"showValue[0].name\" [type]=\"showValue[0].mimeType\" [preview]=\"true\"></fe-file-preview>\r\n    @if(showValue.length-1>0){\r\n    +{{showValue.length-1}}\r\n    }\r\n</div>\r\n}\r\n} @else{\r\n<div class=\"mb-3\">\r\n    <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n</div>\r\n}" }]
         }], propDecorators: { showInList: [{
                 type: Input
             }], fields: [{