@dignite-ng/expand.core 0.0.3 → 0.0.6

package/fesm2022/dignite-ng-expand.core.mjs

@@ -1,116 +1,597 @@
 import * as i0 from '@angular/core';
-import { Injectable, APP_INITIALIZER, NgModule } from '@angular/core';
+import { EventEmitter, Injectable, inject, Pipe, Component, Input, Output, Directive, HostListener } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i3 from '@abp/ng.core';
+import { LocalizationService, EnvironmentService, ConfigStateService, CoreModule } from '@abp/ng.core';
+import { ToasterService, ThemeSharedModule } from '@abp/ng.theme.shared';
+import { FormBuilder, FormGroup, FormControl, FormArray } from '@angular/forms';
+import { PageModule } from '@abp/ng.components/page';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@ng-bootstrap/ng-bootstrap';
 
-var styles = `
-/* 垂直滚动条样式 */
-/* 宽度 */
-::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-}
-/* 背景色 */
-::-webkit-scrollbar-track {
-    background-color: #f5f5f5;
-}
-/* 滑块颜色 */
-::-webkit-scrollbar-thumb {
-    background-color: #c1c1c1;
-    
-    border-radius: 50px;
-}
-
-.lpx-content-container .lpx-content {
-    min-height: calc(100vh - 34px);
-    padding: 1.25em 2em 1.25em;
-}
-`;
+/**
+ * 路由复用策略
+ *
+ * 1. 实现shouldReuseRoute方法，判断是否同一路由时复用路由
+ * 2. 实现retrieve方法，获取存储路由
+ * 3. 实现shouldDetach方法，判断是否有路由存储
+ * 4. 实现store方法，存储路由
+ * 5. 实现shouldAttach方法，判断是否有路由存储
+ * 6. 实现retrieve方法，获取存储路由
+ * 7. 实现destroy方法，销毁路由
+ *
+ * *使用方法
+    @NgModule({
+        providers: [
+            { provide: RouteReuseStrategy, useClass: SimpleReuseStrategy }
+        ],
+    })
 
-class AppentContentService {
-    renderer;
-    constructor(rendererFactory) {
-        this.renderer = rendererFactory.createRenderer(null, null);
-    }
-    /**
-     * 创建style标签添加到head中
-     * @param content
-     */
-    appentStyleToHead(content) {
-        const style = this.renderer.createElement('style');
-        this.renderer.setProperty(style, 'innerHTML', content);
-        this.renderer.appendChild(document.head, style);
-    }
-    /**
-    * 创建style标签添加到body中
-    * @param content
-    */
-    appentStyleToBody(content) {
-        const style = this.renderer.createElement('style');
-        this.renderer.setProperty(style, 'innerHTML', content);
-        this.renderer.appendChild(document.body, style);
-    }
-    /**
-   * 创建script标签添加到head中
-   * @param content
-   */
-    appentScriptToHead(content) {
-        const style = this.renderer.createElement('script');
-        this.renderer.setProperty(style, 'innerHTML', content);
-        this.renderer.appendChild(document.head, style);
-    }
-    /**
-  * 创建script标签添加到body中
-  * @param content
-  */
-    appentScriptToBody(content) {
-        const style = this.renderer.createElement('script');
-        this.renderer.setProperty(style, 'innerHTML', content);
-        this.renderer.appendChild(document.body, style);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppentContentService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppentContentService, providedIn: 'root' });
+    data: { keep: true }
+ */
+class SimpleReuseStrategy {
+    static { this.cacheRouters = new Map(); }
+    static deleteRouteCache(url) {
+        if (SimpleReuseStrategy.cacheRouters.has(url)) {
+            const handle = SimpleReuseStrategy.cacheRouters.get(url);
+            try {
+                handle.componentRef.destory();
+            }
+            catch (e) { }
+            SimpleReuseStrategy.cacheRouters.delete(url);
+        }
+    }
+    static deleteAllRouteCache() {
+        SimpleReuseStrategy.cacheRouters.forEach((handle, key) => {
+            SimpleReuseStrategy.deleteRouteCache(key);
+        });
+    }
+    // one 进入路由触发，是否同一路由时复用路由
+    shouldReuseRoute(future, curr) {
+        return (future.routeConfig === curr.routeConfig &&
+            JSON.stringify(future.params) === JSON.stringify(curr.params));
+    }
+    // 获取存储路由
+    retrieve(route) {
+        const url = this.getFullRouteURL(route);
+        if (route.data.keep && SimpleReuseStrategy.cacheRouters.has(url)) {
+            return SimpleReuseStrategy.cacheRouters.get(url);
+        }
+        else {
+            return null;
+        }
+    }
+    // Whether to allow multiplexing routes
+    shouldDetach(route) {
+        return Boolean(route.data.keep);
+    }
+    //It is triggered when the route leaves. The route is stored
+    store(route, handle) {
+        const url = this.getFullRouteURL(route);
+        // 先把之前缓存的删除,
+        SimpleReuseStrategy.cacheRouters.forEach((handle, key) => {
+            SimpleReuseStrategy.deleteRouteCache(key);
+        });
+        SimpleReuseStrategy.cacheRouters.set(url, handle);
+    }
+    //  Whether to allow route restoration
+    shouldAttach(route) {
+        const url = this.getFullRouteURL(route);
+        return Boolean(route.data.keep) && SimpleReuseStrategy.cacheRouters.has(url);
+    }
+    // Gets the current route url
+    getFullRouteURL(route) {
+        const { pathFromRoot } = route;
+        let fullRouteUrlPath = [];
+        pathFromRoot.forEach((item) => {
+            fullRouteUrlPath = fullRouteUrlPath.concat(this.getRouteUrlPath(item));
+        });
+        return `/${fullRouteUrlPath.join('/')}`;
+    }
+    getRouteUrlPath(route) {
+        return route.url.map(urlSegment => urlSegment.path);
+    }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppentContentService, decorators: [{
+
+/**
+ * 子页面更新父级列表服务
+ *
+ * 父页面：
+ *
+    private _UpdateListService=inject(UpdateListService)
+
+    this._UpdateListService.updateListEvent.subscribe(() => {
+      this.list.get()
+    });
+ *
+ * 子页面：
+ *
+    private _UpdateListService=inject(UpdateListService)
+    this._UpdateListService.updateList();
+ */
+class UpdateListService {
+    constructor() {
+        this.updateListEvent = new EventEmitter();
+        /**
+         * 使用发起数据
+         * this.dataSubject.next(res);
+         *
+         * 接收数据产生回调
+          this._UpdateLogoService.userInfo$.subscribe((res) => {
+            this.getData();
+          });
+         */
+        this.dataSubject = new BehaviorSubject(null);
+        this.data$ = this.dataSubject.asObservable();
+    }
+    updateList() {
+        this.updateListEvent.emit();
+    }
+    updatedata(newdata) {
+        this.dataSubject.next(newdata);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: UpdateListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: UpdateListService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: UpdateListService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
+        }], ctorParameters: () => [] });
 
-//创建依赖服务，导入到app中设置添加内容到html，添加
-/**
- * 添加style到head中
+class ValidatorsService {
+    constructor() {
+        this.fb = inject(FormBuilder);
+        this.toaster = inject(ToasterService);
+        this._LocalizationService = inject(LocalizationService);
+    }
+    /**检查表单- */
+    isCheckForm(input, module = 'AbpValidation') {
+        let keys = Object.keys(input);
+        for (let i = 0; i < keys.length; i++) {
+            const element = keys[i];
+            if (input[element] == false) {
+                let info = `"${this._LocalizationService.instant(`${module}::${element}`)}" `;
+                if (element.includes('.') && !element.includes('].')) {
+                    let arr = element.split('.');
+                    info = `"${this._LocalizationService.instant(`${module}::${arr[0]}`)}.${this._LocalizationService.instant(`${module}::${arr[1]}`)}"`;
+                }
+                if (element.includes('].')) {
+                    let arr = element.split('].');
+                    let arrStart = arr[0].split('[');
+                    info = `"${this._LocalizationService.instant(`${module}::${arrStart[0]}`)}[${arrStart[1]}].${this._LocalizationService.instant(`${module}::${arr[1]}`)}"`;
+                }
+                info = info + this._LocalizationService.instant(`AbpValidation::ThisFieldIsNotValid.`);
+                //使用abp多语言提示
+                this.toaster.warn(info);
+                return true;
+            }
+        }
+        return false;
+    }
+    /**获取表单所有字段是否通过验证 */
+    getFormValidationStatus(formEntity) {
+        let validationStatus = {};
+        // 递归遍历表单组和表单控件集合
+        const traverseForm = (form, prefix = '') => {
+            if (form instanceof FormGroup) {
+                Object.keys(form.controls).forEach(key => {
+                    const control = form.controls[key];
+                    let displayName = key.charAt(0).toUpperCase() + key.slice(1);
+                    const fullKey = prefix ? `${prefix}.${displayName}` : displayName;
+                    if (control instanceof FormControl) {
+                        validationStatus[fullKey] = control.valid;
+                    }
+                    else if (control instanceof FormArray) {
+                        traverseForm(control, fullKey);
+                    }
+                    else if (control instanceof FormGroup) {
+                        traverseForm(control, fullKey);
+                    }
+                });
+            }
+            else if (form instanceof FormArray) {
+                form.controls.forEach((control, index) => {
+                    const fullKey = prefix ? `${prefix}[${index}]` : `[${index}]`;
+                    if (control instanceof FormControl) {
+                        validationStatus[fullKey] = control.valid;
+                    }
+                    else if (control instanceof FormArray) {
+                        traverseForm(control, fullKey);
+                    }
+                    else if (control instanceof FormGroup) {
+                        traverseForm(control, fullKey);
+                    }
+                });
+            }
+        };
+        traverseForm(formEntity);
+        return validationStatus;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ValidatorsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ValidatorsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ValidatorsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+/**获取当前窗口域名
+ * 需要将environment.ts页面配置
+  application: {
+      baseUrl,
+      name: 'Travely',
+      webUrl:'https://localhost:44374',
+    },
+ *
  */
-const APPENT_CONTENT = [
-    { provide: APP_INITIALIZER, useFactory: configureRoutes, deps: [AppentContentService], multi: true },
-];
-function configureRoutes(_AppentContentService) {
-    return () => {
-        _AppentContentService.appentStyleToHead(styles);
-    };
+class GetNowDomainPipe {
+    constructor() {
+        this.environment = inject(EnvironmentService);
+    }
+    transform(value, ...args) {
+        let production = this.environment.getEnvironment()?.production;
+        let application = this.environment.getEnvironment()?.application;
+        let webUrl = application?.webUrl;
+        if (!production)
+            return webUrl + value;
+        return this.get(value);
+    }
+    /**获取当前域名并重定向链接 */
+    get(value) {
+        const baseUrl = (function () {
+            let extractDomain = (url) => {
+                const regex = /^(https?:\/\/)?([^\/]+)(?:[\/?].*)?$/;
+                const match = url.match(regex);
+                if (match) {
+                    const protocol = match[1] || '';
+                    const domain = `${protocol}${match[2]}`;
+                    return `${domain}`;
+                }
+                return url;
+            };
+            let url = window.location.href;
+            return `${extractDomain(url)}` + value;
+        })();
+        return baseUrl;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: GetNowDomainPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: GetNowDomainPipe, isStandalone: true, name: "getNowDomain" }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: GetNowDomainPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'getNowDomain',
+                    standalone: true
+                }]
+        }] });
 
-class CoreExpandModule {
-    static forRoot() {
-        return {
-            ngModule: CoreExpandModule,
-            providers: [
-                APPENT_CONTENT,
-            ],
-        };
+//pipe下新建：get-tenant-img.pipe.ts，
+//如何引用见：独立管道的使用
+class GetTenantImgPipe {
+    constructor() {
+        this.configState = inject(ConfigStateService);
+        this.environment = inject(EnvironmentService);
+    }
+    transform(value, ...args) {
+        let tenantId = this.configState.getDeep('currentUser.tenantId');
+        const environment = this.environment.getEnvironment();
+        let imgUrl = `${environment.apis.default.url}/api/file-explorer/files/${args}/${value}?__tenant=${tenantId}`;
+        return value ? imgUrl : '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: GetTenantImgPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: GetTenantImgPipe, isStandalone: true, name: "getTenantImg" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: GetTenantImgPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'getTenantImg',
+                    standalone: true,
+                }]
+        }] });
+
+class SlugNormalizerPipe {
+    transform(value, ...args) {
+        return this.normalize(value);
+    }
+    normalize(value) {
+        // Convert to lowercase
+        value = value.toLowerCase();
+        // Replace special characters with hyphen
+        const invalidChars = ['\\', '/', '?', '&', '=', '+', '%', '#', '@', '!', '$', '\'', '"', ':', ';', '>', '<', '*', '(', ')', '[', '],', '{', '}', '|', '^', '`', '~'];
+        for (let c of invalidChars) {
+            value = value.replaceAll(c, '-');
+        }
+        // Convert spaces to hyphens
+        value = value.replaceAll(" ", "-");
+        // Remove multiple consecutive hyphens
+        while (value.includes("--")) {
+            value = value.replaceAll("--", "-");
+        }
+        // Trim hyphens from start and end
+        value = value.trim('-');
+        // URL encode the remaining string (handles UTF-8 characters)
+        //部分编码-保留语义
+        //return encodeURI(value);
+        //全部编码
+        return encodeURIComponent(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreExpandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CoreExpandModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreExpandModule });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SlugNormalizerPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: SlugNormalizerPipe, isStandalone: true, name: "slugNormalizer" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreExpandModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SlugNormalizerPipe, decorators: [{
+            type: Pipe,
             args: [{
-                    declarations: [],
-                    imports: [],
-                    exports: [],
+                    name: 'slugNormalizer',
+                    standalone: true
                 }]
         }] });
 
+/* eslint-disable @angular-eslint/component-selector */
+class ImagePreviewComponent {
+    set src(v) {
+        this._src = v;
+    }
+    constructor(modalService) {
+        this.modalService = modalService;
+        /**图片链接 */
+        this._src = '';
+        /**是否预览 */
+        this.preview = true;
+        /**宽 */
+        this.width = 90;
+        /**高 */
+        this.height = 90;
+        this.rounded = '';
+        this.id = '';
+        /**放大倍数 */
+        this.zoom = 10;
+        /**旋转 */
+        this.rotate = 0;
+        // private modalService = inject(NgbModal);
+        this.deleteChange = new EventEmitter();
+        this.checkChange = new EventEmitter();
+    }
+    /**选择图片的事件，返回父组件是否选中 */
+    checkImage(event) {
+        this.checkChange.emit(event.target.checked);
+    }
+    /**删除图片 */
+    deletecoverPics() {
+        this.deleteChange.emit();
+    }
+    /**打开预览弹窗 */
+    OpenPreviewImage(content) {
+        this.modalRef = this.modalService.open(content, {
+            fullscreen: true,
+            modalDialogClass: 'dignite-preview',
+        });
+        this.modalRef.result.then(result => { }, reason => {
+            this.zoom = 10;
+        });
+    }
+    /**放大图像 */
+    zoomIn() {
+        let zoom = this.zoom;
+        if (zoom == 20)
+            return;
+        zoom++;
+        this.zoom = zoom;
+    }
+    /**缩小图像 */
+    zoomOut() {
+        let zoom = this.zoom;
+        if (zoom == 3)
+            return;
+        zoom--;
+        this.zoom = zoom;
+    }
+    /**右旋转 */
+    RotateRight() {
+        if (this.rotate == 360)
+            return (this.rotate = 0);
+        this.rotate += 90;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ImagePreviewComponent, deps: [{ token: i1.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: ImagePreviewComponent, isStandalone: true, selector: "app-image-preview", inputs: { src: "src", preview: "preview", width: "width", height: "height", rounded: "rounded", id: "id" }, outputs: { deleteChange: "deleteChange", checkChange: "checkChange" }, ngImport: i0, template: `
+    <div
+      [id]="id"
+      *ngIf="_src"
+      class="image-preview imagehove border  position-relative  m-1 overflow-hidden "
+      [style]="{'width': width+'px','height': height+'px',borderRadius:rounded}" [ngClass]="{'rounded-4': !rounded}"
+    >
+      <img [src]="_src" alt="" class="w-100 h-100 object-fit-cover" />
+      <input
+        type="checkbox"
+        class="form-check-input  position-absolute top-0 end-0  m-1"
+        *ngIf="checkChange.observed"
+        (change)="checkImage($event)"
+        style="z-index: 10;"
+      />
+      <div
+        class="w-100 h-100  text-white position-absolute top-0 start-0"
+        style="background-color: #00000050;"
+        *ngIf="preview || deleteChange.observed"
+      >
+        <i
+          type="button"
+          class="fa fa-eye  p-2"
+          *ngIf="preview"
+          (click.stop)="OpenPreviewImage(content)"
+        ></i>
+        <i
+          type="button"
+          class="fa fa-times p-2"
+          *ngIf="deleteChange.observed"
+          (click.stop)="deletecoverPics()"
+        ></i>
+      </div>
+    </div>
+
+    <ng-template #content let-modal>
+      <div class="modal-header">
+        <div class="d-flex justify-content-end w-100 fs-3 text-white">
+          <i
+            class="mx-2 fa  fa fa-repeat"
+            aria-hidden="true"
+            title="右旋转"
+            role="button"
+            (click)="RotateRight()"
+          ></i>
+          <i
+            class="mx-2 fa  fa-search-minus"
+            aria-hidden="true"
+            title="缩小"
+            role="button"
+            (click)="zoomOut()"
+          ></i>
+          <i
+            class="mx-2 fa  fa-search-plus"
+            aria-hidden="true"
+            title="放大"
+            role="button"
+            (click)="zoomIn()"
+          ></i>
+          <i
+            class="mx-2 fa  fa-times"
+            aria-hidden="true"
+            role="button"
+            (click)="modal.dismiss('Cross click')"
+          ></i>
+        </div>
+      </div>
+      <div class="modal-body d-flex justify-content-center align-items-center ">
+        <img
+          width="400"
+          class="modal-body-preview"
+          [src]="_src"
+          [style.transform]="'scale(' + zoom / 10 + ') rotate(' + rotate + 'deg)'"
+        />
+      </div>
+    </ng-template>
+  `, isInline: true, styles: [".image-preview.imagehove>div{display:none}.image-preview.imagehove:hover div{display:flex;align-items:center;justify-content:center}::ng-deep .dignite-preview .modal-content{background-color:transparent!important}.object-fit-cover{object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "ngmodule", type: ThemeSharedModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: PageModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ImagePreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-image-preview', template: `
+    <div
+      [id]="id"
+      *ngIf="_src"
+      class="image-preview imagehove border  position-relative  m-1 overflow-hidden "
+      [style]="{'width': width+'px','height': height+'px',borderRadius:rounded}" [ngClass]="{'rounded-4': !rounded}"
+    >
+      <img [src]="_src" alt="" class="w-100 h-100 object-fit-cover" />
+      <input
+        type="checkbox"
+        class="form-check-input  position-absolute top-0 end-0  m-1"
+        *ngIf="checkChange.observed"
+        (change)="checkImage($event)"
+        style="z-index: 10;"
+      />
+      <div
+        class="w-100 h-100  text-white position-absolute top-0 start-0"
+        style="background-color: #00000050;"
+        *ngIf="preview || deleteChange.observed"
+      >
+        <i
+          type="button"
+          class="fa fa-eye  p-2"
+          *ngIf="preview"
+          (click.stop)="OpenPreviewImage(content)"
+        ></i>
+        <i
+          type="button"
+          class="fa fa-times p-2"
+          *ngIf="deleteChange.observed"
+          (click.stop)="deletecoverPics()"
+        ></i>
+      </div>
+    </div>
+
+    <ng-template #content let-modal>
+      <div class="modal-header">
+        <div class="d-flex justify-content-end w-100 fs-3 text-white">
+          <i
+            class="mx-2 fa  fa fa-repeat"
+            aria-hidden="true"
+            title="右旋转"
+            role="button"
+            (click)="RotateRight()"
+          ></i>
+          <i
+            class="mx-2 fa  fa-search-minus"
+            aria-hidden="true"
+            title="缩小"
+            role="button"
+            (click)="zoomOut()"
+          ></i>
+          <i
+            class="mx-2 fa  fa-search-plus"
+            aria-hidden="true"
+            title="放大"
+            role="button"
+            (click)="zoomIn()"
+          ></i>
+          <i
+            class="mx-2 fa  fa-times"
+            aria-hidden="true"
+            role="button"
+            (click)="modal.dismiss('Cross click')"
+          ></i>
+        </div>
+      </div>
+      <div class="modal-body d-flex justify-content-center align-items-center ">
+        <img
+          width="400"
+          class="modal-body-preview"
+          [src]="_src"
+          [style.transform]="'scale(' + zoom / 10 + ') rotate(' + rotate + 'deg)'"
+        />
+      </div>
+    </ng-template>
+  `, standalone: true, imports: [CoreModule, ThemeSharedModule, CommonModule, PageModule], styles: [".image-preview.imagehove>div{display:none}.image-preview.imagehove:hover div{display:flex;align-items:center;justify-content:center}::ng-deep .dignite-preview .modal-content{background-color:transparent!important}.object-fit-cover{object-fit:cover}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgbModal }], propDecorators: { src: [{
+                type: Input
+            }], preview: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], deleteChange: [{
+                type: Output
+            }], checkChange: [{
+                type: Output
+            }] } });
+
+/* eslint-disable @angular-eslint/directive-selector */
+class KeydownPreventDefaultDirective {
+    constructor() { }
+    onKeyDown(event) {
+        event.preventDefault();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: KeydownPreventDefaultDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: KeydownPreventDefaultDirective, isStandalone: true, selector: "[KeydownPreventDefault]", host: { listeners: { "keydown.enter": "onKeyDown($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: KeydownPreventDefaultDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[KeydownPreventDefault]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { onKeyDown: [{
+                type: HostListener,
+                args: ['keydown.enter', ['$event']]
+            }] } });
+
 /*
  * Public API Surface of core
  */
@@ -119,5 +600,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APPENT_CONTENT, AppentContentService, CoreExpandModule, configureRoutes };
+export { GetNowDomainPipe, GetTenantImgPipe, ImagePreviewComponent, KeydownPreventDefaultDirective, SimpleReuseStrategy, SlugNormalizerPipe, UpdateListService, ValidatorsService };
 //# sourceMappingURL=dignite-ng-expand.core.mjs.map