@sumaris-net/ngx-components 21.4.0 → 21.4.2

package/fesm2022/sumaris-net.ngx-components.mjs

@@ -33202,268 +33202,137 @@ class CsvUtils {
     }
 }
 
-/**
- * Define here theme colors
- */
-const rgbArrayMap = {
-    white: [255, 255, 255],
-    primary: [20, 67, 145], // ok
-    secondary: [117, 196, 253], // ok
-    tertiary: [91, 94, 244], // ok
-    danger: [245, 61, 61], // ok
-    light: [244, 245, 248], // ok
-    medium: [152, 154, 162], // ok
-    dark: [34, 36, 40], // ok
-    red: [255, 0, 0],
-    green: [0, 255, 0],
-    blue: [0, 0, 255],
-};
-// Fill a map of Color objects
-const colorsMap = {};
-/**
- * Useful class for color conversion
- */
-// @dynamic
-class Color {
-    _rgbArray;
-    _opacity;
-    _name;
-    // Helper method, to retrieve a color
-    static get(name) {
-        return colorsMap[name];
-    }
-    static parseRgba(rgba) {
-        if (!rgba || (!rgba.startsWith('rgb(') && !rgba.startsWith('rgba(')))
-            return null;
-        // Parse parts
-        const parts = rgba.replace('rgb(', '').replace('rgba(', '').replace(')', '').split(',');
-        if (parts.length !== 3 && parts.length !== 4)
-            return null;
-        return new Color([+parts[0], +parts[1], +parts[2]], (parts.length === 4 && +parts[3]) || 1, 'custom');
-    }
-    static transparent = function () {
-        return new Color([0, 0, 0], 0, 'translucent');
-    };
-    constructor(_rgbArray, _opacity, _name = 'custom') {
-        this._rgbArray = _rgbArray;
-        this._opacity = _opacity;
-        this._name = _name;
-    }
-    get name() {
-        return this._name;
-    }
-    get opacity() {
-        return isNotNil(this._opacity) ? this._opacity : 1;
-    }
-    get rgb() {
-        return this._rgbArray;
-    }
-    get r() {
-        return this._rgbArray[0];
-    }
-    get g() {
-        return this._rgbArray[1];
-    }
-    get b() {
-        return this._rgbArray[2];
+// GPL v3 License
+class FileAttachmentUtils {
+    /**
+     * Get the file name of an attachment (its name, or the last part of its URL)
+     */
+    static getFilename(attachment) {
+        if (attachment?.name?.trim())
+            return attachment.name.trim();
+        const path = attachment?.url?.split('?')[0];
+        return path?.substring(path.lastIndexOf('/') + 1) || 'attachment';
     }
-    rgba(opacity) {
-        opacity = isNotNil(opacity) ? opacity : this._opacity;
-        if (isNil(opacity) || opacity < 0 || opacity > 1) {
-            return 'rgb(' + this._rgbArray.join(',') + ')';
-        }
-        return 'rgba(' + this._rgbArray.join(',') + ',' + opacity + ')';
+    /**
+     * Get the Material icon (font ligature) of an attachment
+     */
+    static getIcon(attachment) {
+        return FileTypeUtils.getIconByFile({ name: FileAttachmentUtils.getFilename(attachment), type: attachment?.mimeType });
     }
 }
+
+// GPL v3 License
+/** Kinds of file that can be previewed (displayed without being downloaded) */
+const PREVIEW_KINDS = Object.freeze(['image', 'text', 'code']);
+/** Extra MIME types (or extensions) that can be previewed as text */
+const PREVIEW_TEXT_MIME_TYPES = /^(text\/(csv|tab-separated-values|markdown|x-markdown)|application\/csv)$/;
+const PREVIEW_TEXT_EXTENSIONS = Object.freeze(['csv', 'tsv', 'md', 'markdown']);
+const MARKDOWN_MIME_TYPES = /^text\/(x-)?markdown$/;
+const MARKDOWN_EXTENSIONS = Object.freeze(['md', 'markdown']);
+const HTML_MIME_TYPES = /^(text\/html|application\/xhtml\+xml)$/;
+const HTML_EXTENSIONS = Object.freeze(['html', 'htm', 'xhtml']);
 /**
- * Helper class for colors scale
+ * Download (or read) a remote file, sending the application headers (e.g. authorization) when the file is on the current peer.
+ *
+ * - On Android (Cordova downloader): the file is downloaded by the native download manager (visible in the "Downloads" app);
+ * - Otherwise (web, iOS): the file is fetched as a Blob, then saved using a temporary object URL.
  */
-// @dynamic
-class ColorScale {
-    static custom = (count, options) => {
-        options = options || {};
-        return new ColorScale(linearColorGradientWithIntermediate(count, {
-            startColor: options.startColor || undefined,
-            mainColor: options.mainColor || undefined,
-            mainColorIndex: isNotNil(options.mainColorIndex) ? options.mainColorIndex : undefined,
-            endColor: options.endColor || undefined,
-        }), options);
-    };
-    static default() {
-        return ColorScale.custom(25);
-    }
+class FileDownloadService {
+    network = inject(NetworkService);
+    platform = inject(PlatformService);
     /**
-     * Create an array with the given color
-     **/
-    static fix(length, colorName) {
-        const color = Color.get(colorName || 'primary').rgba(0.5);
-        return new Array(length || 25).fill(color);
-    }
-    _min;
-    _max;
-    _rangeSize;
-    _legendItems;
-    get min() {
-        return this._min;
-    }
-    get max() {
-        return this._max;
+     * Can the file be previewed (displayed without being downloaded)?
+     */
+    canPreview(file) {
+        return this.isImage(file) || this.isText(file);
     }
-    constructor(colorArray, options) {
-        options = options || {};
-        // reserved last colors for value > max
-        const nbIntervalBeforeUpper = !options.upperMax ? colorArray.length : colorArray.length - 1;
-        this._min = options.min || 0;
-        this._max = options.max || nbIntervalBeforeUpper;
-        this._rangeSize = Math.round((this._max - this._min) / nbIntervalBeforeUpper);
-        this._legendItems = this.computeLegendItems(colorArray);
+    isImage(file) {
+        return FileTypeUtils.getKindByFile({ name: file?.name, type: file?.mimeType }) === 'image';
     }
-    get legend() {
-        return {
-            items: this._legendItems,
-        };
+    isText(file) {
+        const mimeType = file?.mimeType?.trim().toLowerCase();
+        if (mimeType && PREVIEW_TEXT_MIME_TYPES.test(mimeType))
+            return true;
+        if (PREVIEW_TEXT_EXTENSIONS.includes(FileTypeUtils.getExtension(file?.name)))
+            return true;
+        const kind = FileTypeUtils.getKindByFile({ name: file?.name, type: mimeType });
+        return kind !== 'image' && PREVIEW_KINDS.includes(kind);
     }
-    getValueColor(value) {
-        return this.getLegendForValue(value).color;
+    isMarkdown(file) {
+        const mimeType = file?.mimeType?.trim().toLowerCase();
+        return (mimeType && MARKDOWN_MIME_TYPES.test(mimeType)) || MARKDOWN_EXTENSIONS.includes(FileTypeUtils.getExtension(file?.name));
     }
-    getLegendForValue(value) {
-        if (value <= this._min)
-            return this._legendItems[0];
-        if (value >= this._max)
-            return this._legendItems[this._legendItems.length - 1];
-        const index = Math.floor((value * (this._legendItems.length - 1)) / this._max);
-        return this._legendItems[index];
+    isHtml(file) {
+        const mimeType = file?.mimeType?.trim().toLowerCase();
+        return (mimeType && HTML_MIME_TYPES.test(mimeType)) || HTML_EXTENSIONS.includes(FileTypeUtils.getExtension(file?.name));
     }
-    getLegendAtIndex(index) {
-        return this._legendItems[index];
+    /**
+     * Fetch a remote file, as a Blob
+     */
+    getBlob(url) {
+        return this.network.getBlob(FileDownloadService.normalizeUrl(url));
     }
-    computeLegendItems(colorArray) {
-        return colorArray.map((color, index) => {
-            const start = index * this._rangeSize;
-            const end = start + this._rangeSize;
-            return {
-                color: new Color(color),
-                label: end < this._max ? `${start.toLocaleString()} - ${end.toLocaleString()}` : ` >= ${start}`,
-            };
-        });
+    /**
+     * Remove duplicated slashes in the path of an URL (e.g. 'http://host//api/file' => 'http://host/api/file').
+     * Needed because the server (and its CORS rules) does not match a path with duplicated slashes.
+     */
+    static normalizeUrl(url) {
+        if (!url)
+            return url;
+        const [path, ...query] = url.split('?');
+        const normalizedPath = path.replace(/([^:\/])\/{2,}/g, '$1/');
+        return [normalizedPath, ...query].join('?');
     }
-}
-// Fill colorsMap
-Object.getOwnPropertyNames(rgbArrayMap).forEach((key) => {
-    colorsMap[key] = new Color(rgbArrayMap[key], 1, key);
-});
-/**
- * Internal function, that create a colors scale, using iteration
- *
- * @param count
- * @param opacity
- * @param startColor
- * @param startState
- * @returns
- */
-function linearColorGradientWithIntermediate(count, options) {
-    options = options || {};
-    // From [0,1]
-    options.startColor = options.startColor || [255, 255, 190]; // default start = creme
-    options.mainColorIndex = options.mainColorIndex && options.mainColorIndex < count - 1 ? options.mainColorIndex : count - 1;
-    options.endColor = options.endColor || [255, 0, 0]; // default main = red
-    if (!options.mainColor) {
-        return linearColorGradient(count, {
-            startColor: options.startColor,
-            endColor: options.endColor,
-        });
+    /**
+     * Fetch a remote file, as a text (e.g. to preview it)
+     */
+    async getText(url) {
+        const blob = await this.getBlob(url);
+        return blob.text();
     }
-    else {
-        // Step 1: startColor -> mainColor
-        const result = linearColorGradient(options.mainColorIndex + 1, {
-            startColor: options.startColor,
-            endColor: options.mainColor,
-        });
-        // Step 2: mainColor -> endColor
-        if (options.mainColorIndex < count - 1) {
-            return result.concat(linearColorGradient(count - options.mainColorIndex, {
-                startColor: options.mainColor,
-                endColor: options.endColor,
+    /**
+     * Download a remote file
+     */
+    async download(url, opts) {
+        if (!url)
+            throw new Error("Missing argument 'url'");
+        url = FileDownloadService.normalizeUrl(url);
+        const filename = opts?.filename || this.getFilename(url);
+        // Android: use the native download manager
+        if (this.platform.canDownload) {
+            const headers = Object.entries(this.network.getAppHeaders(url)).map(([header, value]) => ({
+                header,
+                value: Array.isArray(value) ? value.join(', ') : value,
             }));
+            await firstValueFrom(this.platform.download({ uri: url, filename, title: filename, mimeType: opts?.mimeType, headers }));
+            return;
         }
-        else {
-            return result;
+        // Web, iOS: fetch as a Blob (with the authorization headers), then save it
+        const blob = await this.getBlob(url);
+        const objectUrl = URL.createObjectURL(blob);
+        try {
+            FilesUtils.downloadUri(objectUrl, filename);
         }
-    }
-}
-function linearColorGradient(count, options) {
-    options = options || {};
-    // From [0,1]
-    options.startColor = options.startColor || [255, 255, 255]; // default start = white
-    options.endColor = options.endColor || [255, 0, 0]; // default end = red
-    const result = [];
-    const color = options.startColor.slice(); // copy the start color
-    const delta = [
-        Math.round((options.endColor[0] - options.startColor[0]) / count),
-        Math.round((options.endColor[1] - options.startColor[1]) / count),
-        Math.round((options.endColor[2] - options.startColor[2]) / count),
-    ];
-    for (let i = 0; i < count - 1; i++) {
-        for (let j = 0; j < 3; j++) {
-            color[j] += delta[j];
+        finally {
+            // Release the object URL, once the download has started
+            setTimeout(() => URL.revokeObjectURL(objectUrl), 1000);
         }
-        result.push(color.slice());
-    }
-    // Force last color = end color
-    result.push(options.endColor.slice());
-    // Output as array
-    return result;
-}
-
-class DebugComponent {
-    titlePrefix = 'COMMON.DEBUG.TITLE';
-    title = '';
-    enable = null;
-    expanded = false;
-    expansionPanel;
-    constructor(environment) {
-        this.enable = !environment || !environment.production;
     }
-    toggle() {
-        this.expansionPanel.toggle();
+    /* -- protected methods -- */
+    getFilename(url) {
+        try {
+            return FilesUtils.getFilenameFromUri(url.split('?')[0]) || 'download';
+        }
+        catch {
+            return 'download';
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DebugComponent, deps: [{ token: ENVIRONMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: DebugComponent, isStandalone: false, selector: "app-debug", inputs: { titlePrefix: "titlePrefix", title: "title", enable: "enable", expanded: "expanded" }, viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: ["expansionPanel"], descendants: true }], ngImport: i0, template: "<!-- debug -->\n<ion-item tappable (click)=\"toggle()\" lines=\"none\" color=\"secondary50\">\n  <ion-icon slot=\"start\" name=\"bug\"></ion-icon>\n  <ion-label color=\"primary\">{{ titlePrefix | translate }} {{ title }}</ion-label>\n  <mat-icon slot=\"end\">{{ expansionPanel.expanded ? 'expand_less' : 'expand_more' }}</mat-icon>\n</ion-item>\n<mat-expansion-panel #expansionPanel [(expanded)]=\"expanded\">\n  <ion-text color=\"primary100\">\n    <div class=\"ion-margin-start\">\n      <ng-content></ng-content>\n    </div>\n  </ion-text>\n</mat-expansion-panel>\n", styles: ["ion-item mat-icon,ion-item ion-icon{color:var(--ion-color-primary)}ion-item{cursor:pointer!important}.mat-expansion-panel{--expansion-panel-padding: 4px;background:var(--ion-color-secondary50)!important}.mat-expansion-panel.mat-expanded{margin-bottom:4px!important}.mat-expansion-panel .mat-expansion-panel-body *{color:var(--ion-color-primary100)}\n"], dependencies: [{ kind: "component", type: i2$2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2$2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2$2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i11$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DebugComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-debug', standalone: false, template: "<!-- debug -->\n<ion-item tappable (click)=\"toggle()\" lines=\"none\" color=\"secondary50\">\n  <ion-icon slot=\"start\" name=\"bug\"></ion-icon>\n  <ion-label color=\"primary\">{{ titlePrefix | translate }} {{ title }}</ion-label>\n  <mat-icon slot=\"end\">{{ expansionPanel.expanded ? 'expand_less' : 'expand_more' }}</mat-icon>\n</ion-item>\n<mat-expansion-panel #expansionPanel [(expanded)]=\"expanded\">\n  <ion-text color=\"primary100\">\n    <div class=\"ion-margin-start\">\n      <ng-content></ng-content>\n    </div>\n  </ion-text>\n</mat-expansion-panel>\n", styles: ["ion-item mat-icon,ion-item ion-icon{color:var(--ion-color-primary)}ion-item{cursor:pointer!important}.mat-expansion-panel{--expansion-panel-padding: 4px;background:var(--ion-color-secondary50)!important}.mat-expansion-panel.mat-expanded{margin-bottom:4px!important}.mat-expansion-panel .mat-expansion-panel-body *{color:var(--ion-color-primary100)}\n"] }]
-        }], ctorParameters: () => [{ type: Environment, decorators: [{
-                    type: Inject,
-                    args: [ENVIRONMENT]
-                }, {
-                    type: Optional
-                }] }], propDecorators: { titlePrefix: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], enable: [{
-                type: Input
-            }], expanded: [{
-                type: Input
-            }], expansionPanel: [{
-                type: ViewChild,
-                args: ['expansionPanel']
-            }] } });
-
-class SharedDebugModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SharedDebugModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: SharedDebugModule, declarations: [DebugComponent], imports: [CommonModule, SharedIonicModule, MatExpansionModule, MatIconModule, TranslatePipe], exports: [DebugComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SharedDebugModule, providers: [provideChildTranslateService()], imports: [CommonModule, SharedIonicModule, MatExpansionModule, MatIconModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FileDownloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FileDownloadService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SharedDebugModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, SharedIonicModule, MatExpansionModule, MatIconModule, TranslatePipe],
-                    declarations: [DebugComponent],
-                    exports: [DebugComponent],
-                    providers: [provideChildTranslateService()],
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FileDownloadService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }] });
 
 class GitlabUtils {
@@ -33929,6 +33798,155 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                 args: ['ready']
             }] } });
 
+// GPL v3 License
+/**
+ * Display the content of an attachment (text, markdown, image, HTML), without downloading it
+ */
+class FileAttachmentPreviewModal {
+    cd = inject(ChangeDetectorRef);
+    modalCtrl = inject(ModalController);
+    fileDownload = inject(FileDownloadService);
+    mobile = inject(LocalSettingsService).mobile;
+    sanitizer = inject(DomSanitizer);
+    elementRef = inject(ElementRef);
+    attachment;
+    loading = true;
+    error;
+    filename;
+    text;
+    markdown = false;
+    imageUrl;
+    /** HTML content, displayed in a sandboxed iframe (scripts allowed, but isolated from the application: no same origin) */
+    html;
+    /** Display the modal in a large size */
+    maximized = false;
+    async ngOnInit() {
+        this.filename = FileAttachmentUtils.getFilename(this.attachment);
+        const file = { name: this.filename, mimeType: this.attachment?.mimeType };
+        try {
+            if (this.fileDownload.isImage(file)) {
+                const blob = await this.fileDownload.getBlob(this.attachment.url);
+                this.imageUrl = URL.createObjectURL(blob);
+            }
+            else if (this.fileDownload.isHtml(file)) {
+                const content = await this.fileDownload.getText(this.attachment.url);
+                // Safe: the content is only rendered inside a sandboxed iframe (see template)
+                this.html = this.sanitizer.bypassSecurityTrustHtml(content);
+            }
+            else {
+                this.markdown = this.fileDownload.isMarkdown(file);
+                this.text = await this.fileDownload.getText(this.attachment.url);
+            }
+        }
+        catch (err) {
+            console.error(`[file-attachment] Cannot load attachment {${this.attachment?.url}}`, err);
+            this.error = 'FILE.ATTACHMENT.PREVIEW_ERROR';
+        }
+        finally {
+            this.loading = false;
+            this.cd.markForCheck();
+        }
+    }
+    ngOnDestroy() {
+        if (this.imageUrl)
+            URL.revokeObjectURL(this.imageUrl);
+    }
+    async download() {
+        await this.fileDownload.download(this.attachment.url, { filename: this.filename, mimeType: this.attachment.mimeType });
+    }
+    /** Display the modal in a large size (to restore the size: close then reopen the attachment) */
+    maximize() {
+        this.maximized = true;
+        this.elementRef.nativeElement.closest('ion-modal')?.classList.add('modal-large');
+        this.cd.markForCheck();
+    }
+    close() {
+        return this.modalCtrl.dismiss();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FileAttachmentPreviewModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: FileAttachmentPreviewModal, isStandalone: false, selector: "app-file-attachment-preview-modal", inputs: { attachment: "attachment" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-title>{{ filename }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button\n        class=\"download-button\"\n        (click)=\"download()\"\n        [title]=\"'FILE.ATTACHMENT.BTN_DOWNLOAD' | translate\"\n      >\n        <mat-icon slot=\"icon-only\">download</mat-icon>\n      </ion-button>\n      @if (!mobile && !maximized) {\n        <ion-button\n          class=\"maximize-button\"\n          (click)=\"maximize()\"\n          [title]=\"'FILE.ATTACHMENT.BTN_MAXIMIZE' | translate\"\n        >\n          <mat-icon slot=\"icon-only\">fullscreen</mat-icon>\n        </ion-button>\n      }\n      <ion-button class=\"close-button\" (click)=\"close()\" [title]=\"'COMMON.BTN_CLOSE' | translate\">\n        <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n  @if (loading) {\n    <ion-spinner name=\"crescent\"></ion-spinner>\n  } @else if (error) {\n    <ion-text color=\"danger\" class=\"preview-error\">{{ error | translate }}</ion-text>\n  } @else if (imageUrl) {\n    <img class=\"preview-image\" [src]=\"imageUrl\" [alt]=\"filename\" />\n  } @else if (html) {\n    <!-- sandboxed: scripts allowed, but no access to the application (no same origin) -->\n    <iframe class=\"preview-html\" sandbox=\"allow-scripts\" [srcdoc]=\"html\" [title]=\"filename\"></iframe>\n  } @else if (markdown) {\n    <markdown class=\"preview-markdown\" [data]=\"text\"></markdown>\n  } @else {\n    <pre class=\"preview-text\">{{ text }}</pre>\n  }\n</ion-content>\n", styles: [".preview-image{display:block;max-width:100%;margin:0 auto}.preview-text{white-space:pre-wrap;word-break:break-word;font-size:.9em}.preview-html{display:block;width:100%;height:calc(100% - 4px);min-height:60vh;border:none}\n"], dependencies: [{ kind: "component", type: i2$2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2$2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2$2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2$2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$2.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i2$2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i2$2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2$2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$3.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "directive", type: MarkdownDirective, selector: "markdown,[markdown]" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FileAttachmentPreviewModal, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-file-attachment-preview-modal', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-title>{{ filename }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button\n        class=\"download-button\"\n        (click)=\"download()\"\n        [title]=\"'FILE.ATTACHMENT.BTN_DOWNLOAD' | translate\"\n      >\n        <mat-icon slot=\"icon-only\">download</mat-icon>\n      </ion-button>\n      @if (!mobile && !maximized) {\n        <ion-button\n          class=\"maximize-button\"\n          (click)=\"maximize()\"\n          [title]=\"'FILE.ATTACHMENT.BTN_MAXIMIZE' | translate\"\n        >\n          <mat-icon slot=\"icon-only\">fullscreen</mat-icon>\n        </ion-button>\n      }\n      <ion-button class=\"close-button\" (click)=\"close()\" [title]=\"'COMMON.BTN_CLOSE' | translate\">\n        <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n  @if (loading) {\n    <ion-spinner name=\"crescent\"></ion-spinner>\n  } @else if (error) {\n    <ion-text color=\"danger\" class=\"preview-error\">{{ error | translate }}</ion-text>\n  } @else if (imageUrl) {\n    <img class=\"preview-image\" [src]=\"imageUrl\" [alt]=\"filename\" />\n  } @else if (html) {\n    <!-- sandboxed: scripts allowed, but no access to the application (no same origin) -->\n    <iframe class=\"preview-html\" sandbox=\"allow-scripts\" [srcdoc]=\"html\" [title]=\"filename\"></iframe>\n  } @else if (markdown) {\n    <markdown class=\"preview-markdown\" [data]=\"text\"></markdown>\n  } @else {\n    <pre class=\"preview-text\">{{ text }}</pre>\n  }\n</ion-content>\n", styles: [".preview-image{display:block;max-width:100%;margin:0 auto}.preview-text{white-space:pre-wrap;word-break:break-word;font-size:.9em}.preview-html{display:block;width:100%;height:calc(100% - 4px);min-height:60vh;border:none}\n"] }]
+        }], propDecorators: { attachment: [{
+                type: Input
+            }] } });
+
+// GPL v3 License
+/**
+ * Display an attachment as a compact badge (chip): icon, file name, and size (in the tooltip).
+ *
+ * - Click on the badge: display the file content in a modal (text, markdown, image, HTML), or download it if not previewable;
+ * - Download part (right side, visible on hover - always visible on mobile): download the file.
+ */
+class FileAttachmentComponent {
+    modalCtrl = inject(ModalController);
+    toastCtrl = inject(ToastController);
+    translate = inject(TranslateService);
+    fileDownload = inject(FileDownloadService);
+    getFilename = FileAttachmentUtils.getFilename;
+    getIcon = FileAttachmentUtils.getIcon;
+    canPreview = (attachment) => this.fileDownload.canPreview({ name: FileAttachmentUtils.getFilename(attachment), mimeType: attachment?.mimeType });
+    attachment;
+    /** Bigger badge (touch), with the download part always visible. Default: the mobile local settings */
+    mobile = inject(LocalSettingsService).mobile;
+    /**
+     * Open the attachment: display its content, if possible (text, markdown, image...), or download it
+     */
+    async open(event) {
+        event?.preventDefault();
+        event?.stopPropagation();
+        const attachment = this.attachment;
+        if (!attachment?.url)
+            return;
+        if (!this.canPreview(attachment)) {
+            return this.download(event);
+        }
+        const hasTopModal = !!(await this.modalCtrl.getTop());
+        const modal = await this.modalCtrl.create({
+            component: FileAttachmentPreviewModal,
+            componentProps: { attachment },
+            cssClass: hasTopModal ? 'stack-modal' : undefined,
+        });
+        await modal.present();
+    }
+    /**
+     * Download the attachment (using the native download manager on Android)
+     */
+    async download(event) {
+        event?.preventDefault();
+        event?.stopPropagation();
+        const attachment = this.attachment;
+        if (!attachment?.url)
+            return;
+        try {
+            await this.fileDownload.download(attachment.url, {
+                filename: FileAttachmentUtils.getFilename(attachment),
+                mimeType: attachment.mimeType,
+            });
+        }
+        catch (err) {
+            console.error(`[file-attachment] Cannot download attachment {${attachment.url}}`, err);
+            await Toasts.show(this.toastCtrl, this.translate, { type: 'error', message: 'FILE.ATTACHMENT.DOWNLOAD_ERROR' });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FileAttachmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: FileAttachmentComponent, isStandalone: false, selector: "app-file-attachment", inputs: { attachment: "attachment", mobile: "mobile" }, host: { properties: { "class.mobile": "this.mobile" } }, ngImport: i0, template: "@let filename = attachment | map: getFilename;\n@let previewable = attachment | map: canPreview;\n@let action = (previewable ? 'FILE.ATTACHMENT.BTN_PREVIEW' : 'FILE.ATTACHMENT.BTN_DOWNLOAD') | translate;\n<ion-chip\n  class=\"file-attachment\"\n  [class.has-download]=\"previewable\"\n  [outline]=\"true\"\n  [title]=\"filename + (attachment?.size ? ' (' + (attachment.size | fileSize) + ')' : '') + ' - ' + action\"\n  (click)=\"open($event)\"\n  tappable\n>\n  <mat-icon class=\"attachment-icon\">{{ attachment | map: getIcon }}</mat-icon>\n  <ion-label class=\"attachment-name\">{{ filename }}</ion-label>\n  @if (previewable) {\n    <!-- download part (separated, visible on hover): preview is the default action -->\n    <span class=\"attachment-download\" role=\"button\" [title]=\"'FILE.ATTACHMENT.BTN_DOWNLOAD' | translate\" (click)=\"download($event)\">\n      <mat-icon>download</mat-icon>\n    </span>\n  }\n</ion-chip>\n", styles: [":host{display:inline-flex;max-width:100%;--file-attachment-height: 22px;--file-attachment-icon-size: 14px;--file-attachment-padding: 6px;--file-attachment-font-size: 12px}:host(.mobile){--file-attachment-height: 32px;--file-attachment-icon-size: 18px;--file-attachment-padding: 10px;--file-attachment-font-size: 14px}.file-attachment{max-width:100%;height:var(--file-attachment-height);min-height:var(--file-attachment-height);margin:0;padding:0 var(--file-attachment-padding);font-size:var(--file-attachment-font-size);border-width:1px;overflow:hidden;color:var(--ion-text-color, #000);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.4)}.file-attachment mat-icon{flex-shrink:0;width:var(--file-attachment-icon-size);height:var(--file-attachment-icon-size);font-size:var(--file-attachment-icon-size);line-height:var(--file-attachment-icon-size)}.file-attachment .attachment-icon{margin-inline-end:4px}.file-attachment .attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment .attachment-download{display:flex;align-items:center;align-self:stretch;flex-shrink:0;overflow:hidden;max-width:0;margin-inline-start:0;padding:0;border-inline-start:0 solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.3);opacity:0;transition:max-width .15s ease-in-out,opacity .15s ease-in-out,background-color .15s ease-in-out}.file-attachment.has-download:hover{padding-inline-end:0}.file-attachment:hover .attachment-download{max-width:calc(var(--file-attachment-icon-size) + 2 * var(--file-attachment-padding) + 1px);margin-inline-start:var(--file-attachment-padding);padding:0 var(--file-attachment-padding);border-inline-start-width:1px;opacity:1}.file-attachment .attachment-download:hover{color:var(--ion-color-primary);background-color:rgba(var(--ion-color-primary-rgb, 0, 0, 0),.12)}:host(.mobile) .file-attachment.has-download{padding-inline-end:0}:host(.mobile) .file-attachment .attachment-download{max-width:calc(var(--file-attachment-icon-size) + 2 * var(--file-attachment-padding) + 1px);margin-inline-start:var(--file-attachment-padding);padding:0 var(--file-attachment-padding);border-inline-start-width:1px;opacity:1}\n"], dependencies: [{ kind: "component", type: i2$2.IonChip, selector: "ion-chip", inputs: ["color", "disabled", "mode", "outline"] }, { kind: "component", type: i2$2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: FileSizePipe, name: "fileSize" }, { kind: "pipe", type: MapPipe, name: "map" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FileAttachmentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-file-attachment', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@let filename = attachment | map: getFilename;\n@let previewable = attachment | map: canPreview;\n@let action = (previewable ? 'FILE.ATTACHMENT.BTN_PREVIEW' : 'FILE.ATTACHMENT.BTN_DOWNLOAD') | translate;\n<ion-chip\n  class=\"file-attachment\"\n  [class.has-download]=\"previewable\"\n  [outline]=\"true\"\n  [title]=\"filename + (attachment?.size ? ' (' + (attachment.size | fileSize) + ')' : '') + ' - ' + action\"\n  (click)=\"open($event)\"\n  tappable\n>\n  <mat-icon class=\"attachment-icon\">{{ attachment | map: getIcon }}</mat-icon>\n  <ion-label class=\"attachment-name\">{{ filename }}</ion-label>\n  @if (previewable) {\n    <!-- download part (separated, visible on hover): preview is the default action -->\n    <span class=\"attachment-download\" role=\"button\" [title]=\"'FILE.ATTACHMENT.BTN_DOWNLOAD' | translate\" (click)=\"download($event)\">\n      <mat-icon>download</mat-icon>\n    </span>\n  }\n</ion-chip>\n", styles: [":host{display:inline-flex;max-width:100%;--file-attachment-height: 22px;--file-attachment-icon-size: 14px;--file-attachment-padding: 6px;--file-attachment-font-size: 12px}:host(.mobile){--file-attachment-height: 32px;--file-attachment-icon-size: 18px;--file-attachment-padding: 10px;--file-attachment-font-size: 14px}.file-attachment{max-width:100%;height:var(--file-attachment-height);min-height:var(--file-attachment-height);margin:0;padding:0 var(--file-attachment-padding);font-size:var(--file-attachment-font-size);border-width:1px;overflow:hidden;color:var(--ion-text-color, #000);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.4)}.file-attachment mat-icon{flex-shrink:0;width:var(--file-attachment-icon-size);height:var(--file-attachment-icon-size);font-size:var(--file-attachment-icon-size);line-height:var(--file-attachment-icon-size)}.file-attachment .attachment-icon{margin-inline-end:4px}.file-attachment .attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment .attachment-download{display:flex;align-items:center;align-self:stretch;flex-shrink:0;overflow:hidden;max-width:0;margin-inline-start:0;padding:0;border-inline-start:0 solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.3);opacity:0;transition:max-width .15s ease-in-out,opacity .15s ease-in-out,background-color .15s ease-in-out}.file-attachment.has-download:hover{padding-inline-end:0}.file-attachment:hover .attachment-download{max-width:calc(var(--file-attachment-icon-size) + 2 * var(--file-attachment-padding) + 1px);margin-inline-start:var(--file-attachment-padding);padding:0 var(--file-attachment-padding);border-inline-start-width:1px;opacity:1}.file-attachment .attachment-download:hover{color:var(--ion-color-primary);background-color:rgba(var(--ion-color-primary-rgb, 0, 0, 0),.12)}:host(.mobile) .file-attachment.has-download{padding-inline-end:0}:host(.mobile) .file-attachment .attachment-download{max-width:calc(var(--file-attachment-icon-size) + 2 * var(--file-attachment-padding) + 1px);margin-inline-start:var(--file-attachment-padding);padding:0 var(--file-attachment-padding);border-inline-start-width:1px;opacity:1}\n"] }]
+        }], propDecorators: { attachment: [{
+                type: Input,
+                args: [{ required: true }]
+            }], mobile: [{
+                type: HostBinding,
+                args: ['class.mobile']
+            }, {
+                type: Input
+            }] } });
+
 const PRINT_LOADING_STORAGE_KEY_PREFIX = 'print-loading-';
 const PRINT_ID_QUERY_PARAM = 'print-id';
 class PrintService {
@@ -34223,6 +34241,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                     args: [DOCUMENT]
                 }] }] });
 
+class DebugComponent {
+    titlePrefix = 'COMMON.DEBUG.TITLE';
+    title = '';
+    enable = null;
+    expanded = false;
+    expansionPanel;
+    constructor(environment) {
+        this.enable = !environment || !environment.production;
+    }
+    toggle() {
+        this.expansionPanel.toggle();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DebugComponent, deps: [{ token: ENVIRONMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: DebugComponent, isStandalone: false, selector: "app-debug", inputs: { titlePrefix: "titlePrefix", title: "title", enable: "enable", expanded: "expanded" }, viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: ["expansionPanel"], descendants: true }], ngImport: i0, template: "<!-- debug -->\n<ion-item tappable (click)=\"toggle()\" lines=\"none\" color=\"secondary50\">\n  <ion-icon slot=\"start\" name=\"bug\"></ion-icon>\n  <ion-label color=\"primary\">{{ titlePrefix | translate }} {{ title }}</ion-label>\n  <mat-icon slot=\"end\">{{ expansionPanel.expanded ? 'expand_less' : 'expand_more' }}</mat-icon>\n</ion-item>\n<mat-expansion-panel #expansionPanel [(expanded)]=\"expanded\">\n  <ion-text color=\"primary100\">\n    <div class=\"ion-margin-start\">\n      <ng-content></ng-content>\n    </div>\n  </ion-text>\n</mat-expansion-panel>\n", styles: ["ion-item mat-icon,ion-item ion-icon{color:var(--ion-color-primary)}ion-item{cursor:pointer!important}.mat-expansion-panel{--expansion-panel-padding: 4px;background:var(--ion-color-secondary50)!important}.mat-expansion-panel.mat-expanded{margin-bottom:4px!important}.mat-expansion-panel .mat-expansion-panel-body *{color:var(--ion-color-primary100)}\n"], dependencies: [{ kind: "component", type: i2$2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2$2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2$2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i11$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DebugComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-debug', standalone: false, template: "<!-- debug -->\n<ion-item tappable (click)=\"toggle()\" lines=\"none\" color=\"secondary50\">\n  <ion-icon slot=\"start\" name=\"bug\"></ion-icon>\n  <ion-label color=\"primary\">{{ titlePrefix | translate }} {{ title }}</ion-label>\n  <mat-icon slot=\"end\">{{ expansionPanel.expanded ? 'expand_less' : 'expand_more' }}</mat-icon>\n</ion-item>\n<mat-expansion-panel #expansionPanel [(expanded)]=\"expanded\">\n  <ion-text color=\"primary100\">\n    <div class=\"ion-margin-start\">\n      <ng-content></ng-content>\n    </div>\n  </ion-text>\n</mat-expansion-panel>\n", styles: ["ion-item mat-icon,ion-item ion-icon{color:var(--ion-color-primary)}ion-item{cursor:pointer!important}.mat-expansion-panel{--expansion-panel-padding: 4px;background:var(--ion-color-secondary50)!important}.mat-expansion-panel.mat-expanded{margin-bottom:4px!important}.mat-expansion-panel .mat-expansion-panel-body *{color:var(--ion-color-primary100)}\n"] }]
+        }], ctorParameters: () => [{ type: Environment, decorators: [{
+                    type: Inject,
+                    args: [ENVIRONMENT]
+                }, {
+                    type: Optional
+                }] }], propDecorators: { titlePrefix: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], enable: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], expansionPanel: [{
+                type: ViewChild,
+                args: ['expansionPanel']
+            }] } });
+
 class AppMarkdownContent {
     cd;
     element;
@@ -34612,6 +34666,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                 args: ['content']
             }] } });
 
+class SharedDebugModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SharedDebugModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: SharedDebugModule, declarations: [DebugComponent], imports: [CommonModule, SharedIonicModule, MatExpansionModule, MatIconModule, TranslatePipe], exports: [DebugComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SharedDebugModule, providers: [provideChildTranslateService()], imports: [CommonModule, SharedIonicModule, MatExpansionModule, MatIconModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SharedDebugModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, SharedIonicModule, MatExpansionModule, MatIconModule, TranslatePipe],
+                    declarations: [DebugComponent],
+                    exports: [DebugComponent],
+                    providers: [provideChildTranslateService()],
+                }]
+        }] });
+
 // function that returns `MarkedOptions` with renderer override
 class SharedMarkdownModule {
     static forRoot() {
@@ -34664,29 +34733,258 @@ class SharedMarkdownModule {
             SharedToolbarModule,
             SharedDebugModule, MarkdownModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SharedMarkdownModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        SharedIonicModule,
-                        TranslatePipe,
-                        MarkdownModule.forChild(),
-                        // App module
-                        SharedToolbarModule,
-                        SharedDebugModule,
-                    ],
-                    declarations: [
-                        // Component
-                        AppMarkdownContent,
-                        AppMarkdownModal,
-                        // Directive
-                        MarkdownDirective,
-                    ],
-                    exports: [MarkdownModule, AppMarkdownContent, MarkdownDirective],
-                    providers: [provideChildTranslateService()],
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SharedMarkdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SharedIonicModule,
+                        TranslatePipe,
+                        MarkdownModule.forChild(),
+                        // App module
+                        SharedToolbarModule,
+                        SharedDebugModule,
+                    ],
+                    declarations: [
+                        // Component
+                        AppMarkdownContent,
+                        AppMarkdownModal,
+                        // Directive
+                        MarkdownDirective,
+                    ],
+                    exports: [MarkdownModule, AppMarkdownContent, MarkdownDirective],
+                    providers: [provideChildTranslateService()],
+                }]
+        }] });
+
+// GPL v3 License
+class SharedFileAttachmentModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SharedFileAttachmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: SharedFileAttachmentModule, declarations: [FileAttachmentComponent, FileAttachmentPreviewModal], imports: [CommonModule, SharedIonicModule, SharedMaterialModule, SharedPipesModule, SharedMarkdownModule, TranslatePipe], exports: [FileAttachmentComponent, FileAttachmentPreviewModal] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SharedFileAttachmentModule, providers: [provideChildTranslateService()], imports: [CommonModule, SharedIonicModule, SharedMaterialModule, SharedPipesModule, SharedMarkdownModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SharedFileAttachmentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, SharedIonicModule, SharedMaterialModule, SharedPipesModule, SharedMarkdownModule, TranslatePipe],
+                    declarations: [FileAttachmentComponent, FileAttachmentPreviewModal],
+                    exports: [FileAttachmentComponent, FileAttachmentPreviewModal],
+                    providers: [provideChildTranslateService()],
+                }]
+        }] });
+
+/**
+ * Define here theme colors
+ */
+const rgbArrayMap = {
+    white: [255, 255, 255],
+    primary: [20, 67, 145], // ok
+    secondary: [117, 196, 253], // ok
+    tertiary: [91, 94, 244], // ok
+    danger: [245, 61, 61], // ok
+    light: [244, 245, 248], // ok
+    medium: [152, 154, 162], // ok
+    dark: [34, 36, 40], // ok
+    red: [255, 0, 0],
+    green: [0, 255, 0],
+    blue: [0, 0, 255],
+};
+// Fill a map of Color objects
+const colorsMap = {};
+/**
+ * Useful class for color conversion
+ */
+// @dynamic
+class Color {
+    _rgbArray;
+    _opacity;
+    _name;
+    // Helper method, to retrieve a color
+    static get(name) {
+        return colorsMap[name];
+    }
+    static parseRgba(rgba) {
+        if (!rgba || (!rgba.startsWith('rgb(') && !rgba.startsWith('rgba(')))
+            return null;
+        // Parse parts
+        const parts = rgba.replace('rgb(', '').replace('rgba(', '').replace(')', '').split(',');
+        if (parts.length !== 3 && parts.length !== 4)
+            return null;
+        return new Color([+parts[0], +parts[1], +parts[2]], (parts.length === 4 && +parts[3]) || 1, 'custom');
+    }
+    static transparent = function () {
+        return new Color([0, 0, 0], 0, 'translucent');
+    };
+    constructor(_rgbArray, _opacity, _name = 'custom') {
+        this._rgbArray = _rgbArray;
+        this._opacity = _opacity;
+        this._name = _name;
+    }
+    get name() {
+        return this._name;
+    }
+    get opacity() {
+        return isNotNil(this._opacity) ? this._opacity : 1;
+    }
+    get rgb() {
+        return this._rgbArray;
+    }
+    get r() {
+        return this._rgbArray[0];
+    }
+    get g() {
+        return this._rgbArray[1];
+    }
+    get b() {
+        return this._rgbArray[2];
+    }
+    rgba(opacity) {
+        opacity = isNotNil(opacity) ? opacity : this._opacity;
+        if (isNil(opacity) || opacity < 0 || opacity > 1) {
+            return 'rgb(' + this._rgbArray.join(',') + ')';
+        }
+        return 'rgba(' + this._rgbArray.join(',') + ',' + opacity + ')';
+    }
+}
+/**
+ * Helper class for colors scale
+ */
+// @dynamic
+class ColorScale {
+    static custom = (count, options) => {
+        options = options || {};
+        return new ColorScale(linearColorGradientWithIntermediate(count, {
+            startColor: options.startColor || undefined,
+            mainColor: options.mainColor || undefined,
+            mainColorIndex: isNotNil(options.mainColorIndex) ? options.mainColorIndex : undefined,
+            endColor: options.endColor || undefined,
+        }), options);
+    };
+    static default() {
+        return ColorScale.custom(25);
+    }
+    /**
+     * Create an array with the given color
+     **/
+    static fix(length, colorName) {
+        const color = Color.get(colorName || 'primary').rgba(0.5);
+        return new Array(length || 25).fill(color);
+    }
+    _min;
+    _max;
+    _rangeSize;
+    _legendItems;
+    get min() {
+        return this._min;
+    }
+    get max() {
+        return this._max;
+    }
+    constructor(colorArray, options) {
+        options = options || {};
+        // reserved last colors for value > max
+        const nbIntervalBeforeUpper = !options.upperMax ? colorArray.length : colorArray.length - 1;
+        this._min = options.min || 0;
+        this._max = options.max || nbIntervalBeforeUpper;
+        this._rangeSize = Math.round((this._max - this._min) / nbIntervalBeforeUpper);
+        this._legendItems = this.computeLegendItems(colorArray);
+    }
+    get legend() {
+        return {
+            items: this._legendItems,
+        };
+    }
+    getValueColor(value) {
+        return this.getLegendForValue(value).color;
+    }
+    getLegendForValue(value) {
+        if (value <= this._min)
+            return this._legendItems[0];
+        if (value >= this._max)
+            return this._legendItems[this._legendItems.length - 1];
+        const index = Math.floor((value * (this._legendItems.length - 1)) / this._max);
+        return this._legendItems[index];
+    }
+    getLegendAtIndex(index) {
+        return this._legendItems[index];
+    }
+    computeLegendItems(colorArray) {
+        return colorArray.map((color, index) => {
+            const start = index * this._rangeSize;
+            const end = start + this._rangeSize;
+            return {
+                color: new Color(color),
+                label: end < this._max ? `${start.toLocaleString()} - ${end.toLocaleString()}` : ` >= ${start}`,
+            };
+        });
+    }
+}
+// Fill colorsMap
+Object.getOwnPropertyNames(rgbArrayMap).forEach((key) => {
+    colorsMap[key] = new Color(rgbArrayMap[key], 1, key);
+});
+/**
+ * Internal function, that create a colors scale, using iteration
+ *
+ * @param count
+ * @param opacity
+ * @param startColor
+ * @param startState
+ * @returns
+ */
+function linearColorGradientWithIntermediate(count, options) {
+    options = options || {};
+    // From [0,1]
+    options.startColor = options.startColor || [255, 255, 190]; // default start = creme
+    options.mainColorIndex = options.mainColorIndex && options.mainColorIndex < count - 1 ? options.mainColorIndex : count - 1;
+    options.endColor = options.endColor || [255, 0, 0]; // default main = red
+    if (!options.mainColor) {
+        return linearColorGradient(count, {
+            startColor: options.startColor,
+            endColor: options.endColor,
+        });
+    }
+    else {
+        // Step 1: startColor -> mainColor
+        const result = linearColorGradient(options.mainColorIndex + 1, {
+            startColor: options.startColor,
+            endColor: options.mainColor,
+        });
+        // Step 2: mainColor -> endColor
+        if (options.mainColorIndex < count - 1) {
+            return result.concat(linearColorGradient(count - options.mainColorIndex, {
+                startColor: options.mainColor,
+                endColor: options.endColor,
+            }));
+        }
+        else {
+            return result;
+        }
+    }
+}
+function linearColorGradient(count, options) {
+    options = options || {};
+    // From [0,1]
+    options.startColor = options.startColor || [255, 255, 255]; // default start = white
+    options.endColor = options.endColor || [255, 0, 0]; // default end = red
+    const result = [];
+    const color = options.startColor.slice(); // copy the start color
+    const delta = [
+        Math.round((options.endColor[0] - options.startColor[0]) / count),
+        Math.round((options.endColor[1] - options.startColor[1]) / count),
+        Math.round((options.endColor[2] - options.startColor[2]) / count),
+    ];
+    for (let i = 0; i < count - 1; i++) {
+        for (let j = 0; j < 3; j++) {
+            color[j] += delta[j];
+        }
+        result.push(color.slice());
+    }
+    // Force last color = end color
+    result.push(options.endColor.slice());
+    // Output as array
+    return result;
+}
 
 const APP_ABOUT_DEVELOPERS = new InjectionToken('aboutDevelopers');
 const APP_ABOUT_PARTNERS = new InjectionToken('aboutPartners');
@@ -39081,6 +39379,21 @@ let MessageAttachment = class MessageAttachment extends Entity {
 MessageAttachment = __decorate([
     EntityClass({ typename: 'FileAttachmentVO' })
 ], MessageAttachment);
+class MessageAttachmentUtils {
+    /**
+     * Convert a message attachment into a generic file attachment (e.g. to display it with `app-file-attachment`)
+     */
+    static toFileAttachment(attachment) {
+        if (!attachment)
+            return undefined;
+        return {
+            url: attachment.url,
+            name: attachment.name || attachment.comments?.trim() || attachment.path,
+            mimeType: attachment.contentType,
+            size: attachment.size,
+        };
+    }
+}
 const MessageTypes = {
     INBOX_MESSAGE: 'INBOX_MESSAGE',
     EMAIL: 'EMAIL',
@@ -39819,120 +40132,6 @@ function providePersonService() {
     };
 }
 
-// GPL v3 License
-/** Kinds of file that can be previewed (displayed without being downloaded) */
-const PREVIEW_KINDS = Object.freeze(['image', 'text', 'code']);
-/** Extra MIME types (or extensions) that can be previewed as text */
-const PREVIEW_TEXT_MIME_TYPES = /^(text\/(csv|tab-separated-values|markdown|x-markdown)|application\/csv)$/;
-const PREVIEW_TEXT_EXTENSIONS = Object.freeze(['csv', 'tsv', 'md', 'markdown']);
-const MARKDOWN_MIME_TYPES = /^text\/(x-)?markdown$/;
-const MARKDOWN_EXTENSIONS = Object.freeze(['md', 'markdown']);
-const HTML_MIME_TYPES = /^(text\/html|application\/xhtml\+xml)$/;
-const HTML_EXTENSIONS = Object.freeze(['html', 'htm', 'xhtml']);
-/**
- * Download (or read) a remote file, sending the application headers (e.g. authorization) when the file is on the current peer.
- *
- * - On Android (Cordova downloader): the file is downloaded by the native download manager (visible in the "Downloads" app);
- * - Otherwise (web, iOS): the file is fetched as a Blob, then saved using a temporary object URL.
- */
-class FileDownloadService {
-    network = inject(NetworkService);
-    platform = inject(PlatformService);
-    /**
-     * Can the file be previewed (displayed without being downloaded)?
-     */
-    canPreview(file) {
-        return this.isImage(file) || this.isText(file);
-    }
-    isImage(file) {
-        return FileTypeUtils.getKindByFile({ name: file?.name, type: file?.mimeType }) === 'image';
-    }
-    isText(file) {
-        const mimeType = file?.mimeType?.trim().toLowerCase();
-        if (mimeType && PREVIEW_TEXT_MIME_TYPES.test(mimeType))
-            return true;
-        if (PREVIEW_TEXT_EXTENSIONS.includes(FileTypeUtils.getExtension(file?.name)))
-            return true;
-        const kind = FileTypeUtils.getKindByFile({ name: file?.name, type: mimeType });
-        return kind !== 'image' && PREVIEW_KINDS.includes(kind);
-    }
-    isMarkdown(file) {
-        const mimeType = file?.mimeType?.trim().toLowerCase();
-        return (mimeType && MARKDOWN_MIME_TYPES.test(mimeType)) || MARKDOWN_EXTENSIONS.includes(FileTypeUtils.getExtension(file?.name));
-    }
-    isHtml(file) {
-        const mimeType = file?.mimeType?.trim().toLowerCase();
-        return (mimeType && HTML_MIME_TYPES.test(mimeType)) || HTML_EXTENSIONS.includes(FileTypeUtils.getExtension(file?.name));
-    }
-    /**
-     * Fetch a remote file, as a Blob
-     */
-    getBlob(url) {
-        return this.network.getBlob(FileDownloadService.normalizeUrl(url));
-    }
-    /**
-     * Remove duplicated slashes in the path of an URL (e.g. 'http://host//api/file' => 'http://host/api/file').
-     * Needed because the server (and its CORS rules) does not match a path with duplicated slashes.
-     */
-    static normalizeUrl(url) {
-        if (!url)
-            return url;
-        const [path, ...query] = url.split('?');
-        const normalizedPath = path.replace(/([^:\/])\/{2,}/g, '$1/');
-        return [normalizedPath, ...query].join('?');
-    }
-    /**
-     * Fetch a remote file, as a text (e.g. to preview it)
-     */
-    async getText(url) {
-        const blob = await this.getBlob(url);
-        return blob.text();
-    }
-    /**
-     * Download a remote file
-     */
-    async download(url, opts) {
-        if (!url)
-            throw new Error("Missing argument 'url'");
-        url = FileDownloadService.normalizeUrl(url);
-        const filename = opts?.filename || this.getFilename(url);
-        // Android: use the native download manager
-        if (this.platform.canDownload) {
-            const headers = Object.entries(this.network.getAppHeaders(url)).map(([header, value]) => ({
-                header,
-                value: Array.isArray(value) ? value.join(', ') : value,
-            }));
-            await firstValueFrom(this.platform.download({ uri: url, filename, title: filename, mimeType: opts?.mimeType, headers }));
-            return;
-        }
-        // Web, iOS: fetch as a Blob (with the authorization headers), then save it
-        const blob = await this.getBlob(url);
-        const objectUrl = URL.createObjectURL(blob);
-        try {
-            FilesUtils.downloadUri(objectUrl, filename);
-        }
-        finally {
-            // Release the object URL, once the download has started
-            setTimeout(() => URL.revokeObjectURL(objectUrl), 1000);
-        }
-    }
-    /* -- protected methods -- */
-    getFilename(url) {
-        try {
-            return FilesUtils.getFilenameFromUri(url.split('?')[0]) || 'download';
-        }
-        catch {
-            return 'download';
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FileDownloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FileDownloadService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FileDownloadService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
 // GPL v3 License
 const APP_FILE_TRANSFER_SERVICE = new InjectionToken('FileTransferService');
 
@@ -40406,97 +40605,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                 }] }] });
 
 class FeedAttachmentUtils {
+    /**
+     * Convert a feed attachment (JSON Feed format) into a generic file attachment
+     */
+    static toFileAttachment(attachment) {
+        if (!attachment)
+            return undefined;
+        return {
+            url: attachment.url,
+            name: attachment.title?.trim() || undefined,
+            mimeType: attachment.mime_type,
+            size: attachment.size_in_bytes,
+        };
+    }
     /**
      * Get the file name of an attachment (its title, or the last part of its URL)
      */
     static getFilename(attachment) {
-        if (attachment?.title?.trim())
-            return attachment.title.trim();
-        const path = attachment?.url?.split('?')[0];
-        return path?.substring(path.lastIndexOf('/') + 1) || 'attachment';
+        return FileAttachmentUtils.getFilename(FeedAttachmentUtils.toFileAttachment(attachment));
     }
     /**
      * Get the Material icon (font ligature) of an attachment
      */
     static getIcon(attachment) {
-        return FileTypeUtils.getIconByFile({ name: attachment?.title, type: attachment?.mime_type });
-    }
-}
-
-// GPL v3 License
-/**
- * Display the content of a feed attachment (text, markdown, image), without downloading it
- */
-class FeedAttachmentPreviewModal {
-    cd = inject(ChangeDetectorRef);
-    modalCtrl = inject(ModalController);
-    fileDownload = inject(FileDownloadService);
-    mobile = inject(LocalSettingsService).mobile;
-    sanitizer = inject(DomSanitizer);
-    elementRef = inject(ElementRef);
-    attachment;
-    loading = true;
-    error;
-    filename;
-    text;
-    markdown = false;
-    imageUrl;
-    /** HTML content, displayed in a sandboxed iframe (scripts allowed, but isolated from the application: no same origin) */
-    html;
-    /** Display the modal in a large size (same as the feed details modal) */
-    maximized = false;
-    async ngOnInit() {
-        this.filename = FeedAttachmentUtils.getFilename(this.attachment);
-        const file = { name: this.filename, mimeType: this.attachment?.mime_type };
-        try {
-            if (this.fileDownload.isImage(file)) {
-                const blob = await this.fileDownload.getBlob(this.attachment.url);
-                this.imageUrl = URL.createObjectURL(blob);
-            }
-            else if (this.fileDownload.isHtml(file)) {
-                const content = await this.fileDownload.getText(this.attachment.url);
-                // Safe: the content is only rendered inside a sandboxed iframe (see template)
-                this.html = this.sanitizer.bypassSecurityTrustHtml(content);
-            }
-            else {
-                this.markdown = this.fileDownload.isMarkdown(file);
-                this.text = await this.fileDownload.getText(this.attachment.url);
-            }
-        }
-        catch (err) {
-            console.error(`[feed-attachment] Cannot load attachment {${this.attachment?.url}}`, err);
-            this.error = 'SOCIAL.FEED.ATTACHMENTS.PREVIEW_ERROR';
-        }
-        finally {
-            this.loading = false;
-            this.cd.markForCheck();
-        }
-    }
-    ngOnDestroy() {
-        if (this.imageUrl)
-            URL.revokeObjectURL(this.imageUrl);
-    }
-    async download() {
-        await this.fileDownload.download(this.attachment.url, { filename: this.filename, mimeType: this.attachment.mime_type });
-    }
-    /** Display the modal in a large size (to restore the size: close then reopen the attachment) */
-    maximize() {
-        this.maximized = true;
-        this.elementRef.nativeElement.closest('ion-modal')?.classList.add('modal-large');
-        this.cd.markForCheck();
-    }
-    close() {
-        return this.modalCtrl.dismiss();
+        return FileAttachmentUtils.getIcon(FeedAttachmentUtils.toFileAttachment(attachment));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FeedAttachmentPreviewModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: FeedAttachmentPreviewModal, isStandalone: false, selector: "app-feed-attachment-preview-modal", inputs: { attachment: "attachment" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-title>{{ filename }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button\n        class=\"download-button\"\n        (click)=\"download()\"\n        [title]=\"'SOCIAL.FEED.ATTACHMENTS.BTN_DOWNLOAD' | translate\"\n      >\n        <mat-icon slot=\"icon-only\">download</mat-icon>\n      </ion-button>\n      @if (!mobile && !maximized) {\n        <ion-button\n          class=\"maximize-button\"\n          (click)=\"maximize()\"\n          [title]=\"'SOCIAL.FEED.ATTACHMENTS.BTN_MAXIMIZE' | translate\"\n        >\n          <mat-icon slot=\"icon-only\">fullscreen</mat-icon>\n        </ion-button>\n      }\n      <ion-button class=\"close-button\" (click)=\"close()\" [title]=\"'COMMON.BTN_CLOSE' | translate\">\n        <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n  @if (loading) {\n    <ion-spinner name=\"crescent\"></ion-spinner>\n  } @else if (error) {\n    <ion-text color=\"danger\" class=\"preview-error\">{{ error | translate }}</ion-text>\n  } @else if (imageUrl) {\n    <img class=\"preview-image\" [src]=\"imageUrl\" [alt]=\"filename\" />\n  } @else if (html) {\n    <!-- sandboxed: scripts allowed, but no access to the application (no same origin) -->\n    <iframe class=\"preview-html\" sandbox=\"allow-scripts\" [srcdoc]=\"html\" [title]=\"filename\"></iframe>\n  } @else if (markdown) {\n    <markdown class=\"preview-markdown\" [data]=\"text\"></markdown>\n  } @else {\n    <pre class=\"preview-text\">{{ text }}</pre>\n  }\n</ion-content>\n", styles: [".preview-image{display:block;max-width:100%;margin:0 auto}.preview-text{white-space:pre-wrap;word-break:break-word;font-size:.9em}.preview-html{display:block;width:100%;height:calc(100% - 4px);min-height:60vh;border:none}\n"], dependencies: [{ kind: "component", type: i2$2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2$2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2$2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2$2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$2.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i2$2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i2$2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2$2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i4$3.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MarkdownDirective, selector: "markdown,[markdown]" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FeedAttachmentPreviewModal, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-feed-attachment-preview-modal', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-title>{{ filename }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button\n        class=\"download-button\"\n        (click)=\"download()\"\n        [title]=\"'SOCIAL.FEED.ATTACHMENTS.BTN_DOWNLOAD' | translate\"\n      >\n        <mat-icon slot=\"icon-only\">download</mat-icon>\n      </ion-button>\n      @if (!mobile && !maximized) {\n        <ion-button\n          class=\"maximize-button\"\n          (click)=\"maximize()\"\n          [title]=\"'SOCIAL.FEED.ATTACHMENTS.BTN_MAXIMIZE' | translate\"\n        >\n          <mat-icon slot=\"icon-only\">fullscreen</mat-icon>\n        </ion-button>\n      }\n      <ion-button class=\"close-button\" (click)=\"close()\" [title]=\"'COMMON.BTN_CLOSE' | translate\">\n        <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n  @if (loading) {\n    <ion-spinner name=\"crescent\"></ion-spinner>\n  } @else if (error) {\n    <ion-text color=\"danger\" class=\"preview-error\">{{ error | translate }}</ion-text>\n  } @else if (imageUrl) {\n    <img class=\"preview-image\" [src]=\"imageUrl\" [alt]=\"filename\" />\n  } @else if (html) {\n    <!-- sandboxed: scripts allowed, but no access to the application (no same origin) -->\n    <iframe class=\"preview-html\" sandbox=\"allow-scripts\" [srcdoc]=\"html\" [title]=\"filename\"></iframe>\n  } @else if (markdown) {\n    <markdown class=\"preview-markdown\" [data]=\"text\"></markdown>\n  } @else {\n    <pre class=\"preview-text\">{{ text }}</pre>\n  }\n</ion-content>\n", styles: [".preview-image{display:block;max-width:100%;margin:0 auto}.preview-text{white-space:pre-wrap;word-break:break-word;font-size:.9em}.preview-html{display:block;width:100%;height:calc(100% - 4px);min-height:60vh;border:none}\n"] }]
-        }], propDecorators: { attachment: [{
-                type: Input
-            }] } });
 
 class FeedDirective {
     element;
@@ -40650,9 +40784,6 @@ class FeedsComponent {
     platform = inject(PlatformService);
     networkService = inject(NetworkService);
     router = inject(Router);
-    fileDownload = inject(FileDownloadService);
-    modalCtrl = inject(ModalController);
-    toastCtrl = inject(ToastController);
     version;
     modalItemId;
     onRefresh = new EventEmitter();
@@ -40876,47 +41007,7 @@ class FeedsComponent {
     getVisibleEntries(feeds, filterItem) {
         return (feeds || []).flatMap((feed) => (feed?.items || []).filter((item) => !filterItem || filterItem(item)).map((item) => ({ feed, item })));
     }
-    getAttachmentFilename = FeedAttachmentUtils.getFilename;
-    getAttachmentIcon = FeedAttachmentUtils.getIcon;
-    canPreviewAttachment = (attachment) => this.fileDownload.canPreview({ name: FeedAttachmentUtils.getFilename(attachment), mimeType: attachment?.mime_type });
-    /**
-     * Open an attachment: display its content, if possible (text, markdown, image...), or download it
-     */
-    async openAttachment(event, attachment) {
-        event?.preventDefault();
-        event?.stopPropagation();
-        if (!attachment?.url)
-            return;
-        if (!this.canPreviewAttachment(attachment)) {
-            return this.downloadAttachment(event, attachment);
-        }
-        const hasTopModal = !!(await this.modalCtrl.getTop());
-        const modal = await this.modalCtrl.create({
-            component: FeedAttachmentPreviewModal,
-            componentProps: { attachment },
-            cssClass: hasTopModal ? 'stack-modal' : undefined,
-        });
-        await modal.present();
-    }
-    /**
-     * Download an attachment (using the native download manager on Android)
-     */
-    async downloadAttachment(event, attachment) {
-        event?.preventDefault();
-        event?.stopPropagation();
-        if (!attachment?.url)
-            return;
-        try {
-            await this.fileDownload.download(attachment.url, {
-                filename: FeedAttachmentUtils.getFilename(attachment),
-                mimeType: attachment.mime_type,
-            });
-        }
-        catch (err) {
-            console.error(`[feed-component] Cannot download attachment {${attachment.url}}`, err);
-            await Toasts.show(this.toastCtrl, this.translate, { type: 'error', message: 'SOCIAL.FEED.ATTACHMENTS.DOWNLOAD_ERROR' });
-        }
-    }
+    toFileAttachment = FeedAttachmentUtils.toFileAttachment;
     getFeedHomeUrl(feed) {
         return feed.home_page_url ?? JsonFeedUtils.removeJsonExtension(feed.feed_url) ?? this.feedService.getHomeUrl();
     }
@@ -40982,11 +41073,11 @@ class FeedsComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FeedsComponent, deps: [{ token: LocalSettingsService }, { token: ENVIRONMENT }, { token: APP_FEED_SERVICE, optional: true }, { token: AccountService }, { token: i2$2.AlertController }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: FeedsComponent, isStandalone: false, selector: "app-feed", inputs: { debug: "debug", mobile: "mobile", showHeader: "showHeader", showReadMoreButton: "showReadMoreButton", headerColor: "headerColor", cardColor: "cardColor", shape: "shape", class: "class", itemId: "itemId", filterItem: "filterItem", feeds: "feeds", urls: "urls", maxAgeInMonths: "maxAgeInMonths", maxContentLength: "maxContentLength" }, outputs: { editItem: "editItem", deleteItem: "deleteItem" }, host: { properties: { "class": "this.hostClass" } }, providers: [RxState], viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }, { propertyName: "feedContent", first: true, predicate: ["feedContent"], descendants: true }, { propertyName: "feedItems", first: true, predicate: ["feedItems"], descendants: true }], ngImport: i0, template: "<!-- debug -->\n@if (debug) {\n  <app-debug [title]=\"'Feed'\">\n    <p>\n      hasFeeds?: {{ hasFeeds$ | async }}\n      <br />\n      urls: {{ urls$ | async | json }}\n      <br />\n      shape: {{ shape }}\n    </p>\n  </app-debug>\n}\n\n@let feeds = feeds$ | async;\n@let userId = userId$ | async;\n\n@if (feeds | isNotEmptyArray) {\n  <!-- top header -->\n  @if (showHeader && (feeds | arrayFirst); as feed) {\n    <ion-item lines=\"none\" [color]=\"headerColor\" class=\"feed-header shape-{{ shape }}\">\n      <ion-icon slot=\"start\" name=\"megaphone\"></ion-icon>\n      <ion-label>\n        <b>{{ feed.title || ('SOCIAL.FEED.NEWS' | translate) }}</b>\n      </ion-label>\n      <ion-button slot=\"end\" fill=\"clear\" (click)=\"openFeedHome()\" shape=\"\">\n        <ion-text>{{ 'SOCIAL.FEED.SHOW_ALL_FEED' | translate }}</ion-text>\n        <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n      </ion-button>\n    </ion-item>\n  }\n\n  <!-- scrollable (without visible scrollbar), with a progressive fade at the bottom, when more items are below -->\n  <div\n    #feedContent\n    class=\"feed-content shape-{{ shape }} ion-no-padding\"\n    [class.has-header]=\"showHeader\"\n    (scroll)=\"updateOverflow()\"\n  >\n    <div #feedItems class=\"feed-items\">\n      <!-- visible items, of all feeds (first/last are computed on the visible items, e.g. when filtered by itemId) -->\n      @let entries = feeds | map: getVisibleEntries : filterItem;\n      @for (entry of entries; track entry.feed.feed_url + '#' + entry.item.id; let first = $first; let last = $last) {\n        @let feed = entry.feed;\n        @let item = entry.item;\n        <ion-card\n          [class.first]=\"first\"\n          [class.last]=\"last\"\n          [color]=\"cardColor !== 'light-transparent' ? cardColor : undefined\"\n          class=\"feed-item-card\"\n        >\n          <ion-card-header>\n            <ion-card-subtitle style=\"vertical-align: middle\">\n              <!-- Authors -->\n              @for (author of item.authors || feed.authors; track author) {\n                @if (author.name || author.avatar) {\n                  <ion-chip (click)=\"openUrl(author.url)\" tappable>\n                    @if (author.avatar) {\n                      <ion-avatar>\n                        <ion-img [src]=\"author.avatar\" [alt]=\"author.name\"></ion-img>\n                      </ion-avatar>\n                    }\n                    @if (author.name) {\n                      <ion-label class=\"author\">{{ author.name }}</ion-label>\n                    }\n                  </ion-chip>\n                }\n              }\n              <ion-note class=\"ion-float-end\">\n                <small>{{ item.date_published | dateFromNow }}</small>\n              </ion-note>\n            </ion-card-subtitle>\n\n            <!-- title -->\n            <ion-card-title (click)=\"openFeedItem(item, feed)\" tappable>{{ item?.title }}</ion-card-title>\n\n            <!-- tags -->\n            @let tags = item | map: getTags;\n            @if (tags | isNotEmptyArray) {\n              <ion-text class=\"tags\">\n                @for (tag of tags; track tag; let last = $last) {\n                  <a (click)=\"openTag(feed, tag)\" tappable>\n                    <ion-text>#{{ tag }}</ion-text>\n                  </a>\n                  @if (!last) {\n                    &nbsp;\n                  }\n                }\n              </ion-text>\n            }\n          </ion-card-header>\n\n          <!-- Feed content -->\n          <ion-card-content>\n            <ion-text [feed]=\"item.url || feed.feed_url\">\n              @if (item.content_html) {\n                <p [innerHTML]=\"item.content_html\"></p>\n              } @else if (item.content_text) {\n                <p>\n                  <markdown [data]=\"item.content_text\" emoji></markdown>\n                </p>\n              }\n            </ion-text>\n          </ion-card-content>\n\n          <!-- Attachments -->\n          @if (item.attachments | isNotEmptyArray) {\n            <div class=\"feed-attachments\" [class.mobile]=\"mobile\">\n              @for (attachment of item.attachments; track attachment.url) {\n                @let filename = attachment | map: getAttachmentFilename;\n                @let canPreview = attachment | map: canPreviewAttachment;\n                @let action =\n                  (canPreview ? 'SOCIAL.FEED.ATTACHMENTS.BTN_PREVIEW' : 'SOCIAL.FEED.ATTACHMENTS.BTN_DOWNLOAD')\n                    | translate;\n                <ion-chip\n                  class=\"feed-attachment\"\n                  [class.has-download]=\"canPreview\"\n                  [outline]=\"true\"\n                  [title]=\"\n                    filename +\n                    (attachment.size_in_bytes ? ' (' + (attachment.size_in_bytes | fileSize) + ')' : '') +\n                    ' - ' +\n                    action\n                  \"\n                  (click)=\"openAttachment($event, attachment)\"\n                  tappable\n                >\n                  <mat-icon class=\"attachment-icon\">{{ attachment | map: getAttachmentIcon }}</mat-icon>\n                  <ion-label class=\"attachment-name\">{{ filename }}</ion-label>\n                  @if (canPreview) {\n                    <!-- download part (separated, visible on hover): preview is the default action -->\n                    <span\n                      class=\"attachment-download\"\n                      role=\"button\"\n                      [title]=\"'SOCIAL.FEED.ATTACHMENTS.BTN_DOWNLOAD' | translate\"\n                      (click)=\"downloadAttachment($event, attachment)\"\n                    >\n                      <mat-icon>download</mat-icon>\n                    </span>\n                  }\n                </ion-chip>\n              }\n            </div>\n          }\n\n          @let editable = canEditItem(item, userId, feed);\n          @if (editable || showReadMoreButton) {\n            @if (editable) {\n              <!-- Delete button (visible hover)-->\n              <button\n                mat-icon-button\n                (click)=\"onDeleteItem($event, item)\"\n                class=\"visible-hover ion-float-start\"\n                [title]=\"!showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n                [matTooltip]=\"showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n              >\n                <mat-icon>delete</mat-icon>\n              </button>\n              <!-- Edit button (visible hover) -->\n              <ion-button (click)=\"onEditItem($event, item)\" class=\"visible-hover ion-float-start\" fill=\"clear\">\n                <mat-icon slot=\"start\">edit</mat-icon>\n                <!--                <ion-icon name=\"pencil\" slot=\"start\"></ion-icon>-->\n                <ion-text>{{ 'COMMON.BTN_EDIT' | translate }}</ion-text>\n              </ion-button>\n            }\n            @if (showReadMoreButton) {\n              <ion-button (click)=\"openFeedItem(item, feed)\" class=\"ion-float-end\" fill=\"clear\">\n                <ion-label>{{ (item.truncated ? 'SOCIAL.FEED.READ_MORE' : 'COMMON.BTN_SHOW') | translate }}</ion-label>\n                <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n              </ion-button>\n            }\n          }\n        </ion-card>\n      }\n    </div>\n  </div>\n}\n\n<!-- Details modal -->\n<ion-modal #modal [showBackdrop]=\"false\" class=\"stack-modal\" [class.modal-large]=\"!mobile\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar color=\"secondary\">\n        <ion-title>{{ 'SOCIAL.FEED.NEWS' | translate }}</ion-title>\n        <ion-buttons slot=\"end\">\n          <ion-button (click)=\"modal.dismiss()\">\n            <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n    <ion-content>\n      <div class=\"ion-padding\">\n        <app-feed\n          [urls]=\"urls\"\n          [showHeader]=\"false\"\n          [showReadMoreButton]=\"false\"\n          [maxContentLength]=\"-1\"\n          [maxAgeInMonths]=\"-1\"\n          [itemId]=\"modalItemId\"\n          cardColor=\"light\"\n          [debug]=\"debug\"\n        ></app-feed>\n      </div>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [":host{display:flex;flex-direction:column;min-height:0;height:calc(100% - 10px);max-height:fit-content;overflow:hidden;--feed-header-height: 48px;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:10px;--feed-border-radius: 4px;border-radius:var(--feed-border-radius)}:host.shape-round{--feed-border-radius: 12px}:host{--ion-card-background: rgba(var(--ion-background-color-rgb), .6)}ion-button{text-transform:unset;--color: rgba(var(--ion-color-contrast-rgb), .7)}ion-item.feed-header{flex:none;height:var(--feed-header-height);margin:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--feed-border-radius) var(--feed-border-radius) 0 0}ion-item.feed-header ion-icon[slot=start]{-webkit-margin-end:8px;margin-inline-end:8px}.feed-content{flex:1 1 auto;min-height:0;overflow-y:auto;--margin-bottom: 8px;--feed-fade-height: 64px;scrollbar-width:none}.feed-content::-webkit-scrollbar{display:none}.feed-content ion-card.feed-item-card{--top-radius: 4px;--bottom-radius: 4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);margin:0 0 var(--margin-bottom) 0;border-radius:var(--top-radius) var(--top-radius) var(--bottom-radius) var(--bottom-radius);--ion-card-color-contrast-rgb: var(--ion-color-contrast-rgb, var(--ion-color-dark-rgb, 0, 0, 0));--color: rgba(var(--ion-card-color-contrast-rgb), .87)}.feed-content ion-card.feed-item-card.first{--top-radius: 0}.feed-content ion-card.feed-item-card.last{--margin-bottom: 0;--bottom-radius: 0}.feed-content ion-card.feed-item-card ion-card-header ion-card-title{--color: rgba(var(--ion-card-color-contrast-rgb), .87)}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-chip{--background: transparent;--border-color: transparent;--border-width: 0}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-chip ion-avatar{--color: rgba(var(--ion-card-color-contrast-rgb), .6);border:1px solid var(--color)}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-chip ion-label{--color: rgba(var(--ion-card-color-contrast-rgb), .8);color:var(--color)}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-note{--color: rgba(var(--ion-card-color-contrast-rgb), .6);color:var(--color)}.feed-content ion-card.feed-item-card ion-card-header .tags{display:inline}.feed-content ion-card.feed-item-card ion-card-header .tags a{color:rgba(var(--ion-card-color-contrast-rgb),.6)!important}.feed-content ion-card.feed-item-card ion-card-content ion-text ::ng-deep img{max-width:100%;height:auto!important}.feed-content ion-card.feed-item-card .visible-hover{opacity:0;transition:opacity .2s ease-in-out}.feed-content ion-card.feed-item-card:hover .visible-hover{opacity:1}.feed-attachments{display:flex;flex-wrap:wrap;gap:4px;padding:0 16px 8px}.feed-attachments .feed-attachment{--feed-attachment-height: 22px;--feed-attachment-icon-size: 14px;--feed-attachment-padding: 6px;max-width:100%;height:var(--feed-attachment-height);min-height:var(--feed-attachment-height);margin:0;padding:0 var(--feed-attachment-padding);font-size:12px;border-width:1px;overflow:hidden;color:var(--ion-text-color, #000);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.4)}.feed-attachments .feed-attachment mat-icon{flex-shrink:0;width:var(--feed-attachment-icon-size);height:var(--feed-attachment-icon-size);font-size:var(--feed-attachment-icon-size);line-height:var(--feed-attachment-icon-size)}.feed-attachments .feed-attachment .attachment-icon{margin-inline-end:4px}.feed-attachments .feed-attachment .attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-attachments .feed-attachment .attachment-download{display:flex;align-items:center;align-self:stretch;flex-shrink:0;overflow:hidden;max-width:0;margin-inline-start:0;padding:0;border-inline-start:0 solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.3);opacity:0;transition:max-width .15s ease-in-out,opacity .15s ease-in-out,background-color .15s ease-in-out}.feed-attachments .feed-attachment.has-download:hover{padding-inline-end:0}.feed-attachments .feed-attachment:hover .attachment-download{max-width:calc(var(--feed-attachment-icon-size) + 2 * var(--feed-attachment-padding) + 1px);margin-inline-start:var(--feed-attachment-padding);padding:0 var(--feed-attachment-padding);border-inline-start-width:1px;opacity:1}.feed-attachments .feed-attachment .attachment-download:hover{color:var(--ion-color-primary);background-color:rgba(var(--ion-color-primary-rgb, 0, 0, 0),.12)}.feed-attachments.mobile .feed-attachment{--feed-attachment-height: 32px;--feed-attachment-icon-size: 18px;--feed-attachment-padding: 10px;font-size:14px}.feed-attachments.mobile .feed-attachment.has-download{padding-inline-end:0}.feed-attachments.mobile .feed-attachment .attachment-download{max-width:calc(var(--feed-attachment-icon-size) + 2 * var(--feed-attachment-padding) + 1px);margin-inline-start:var(--feed-attachment-padding);padding:0 var(--feed-attachment-padding);border-inline-start-width:1px;opacity:1}\n"], dependencies: [{ kind: "component", type: i2$2.IonAvatar, selector: "ion-avatar" }, { kind: "component", type: i2$2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2$2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2$2.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2$2.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i2$2.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i2$2.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i2$2.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i2$2.IonChip, selector: "ion-chip", inputs: ["color", "disabled", "mode", "outline"] }, { kind: "component", type: i2$2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2$2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$2.IonImg, selector: "ion-img", inputs: ["alt", "src"] }, { kind: "component", type: i2$2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2$2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2$2.IonModal, selector: "ion-modal" }, { kind: "component", type: i2$2.IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "component", type: i2$2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i2$2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2$2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i4$3.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: DebugComponent, selector: "app-debug", inputs: ["titlePrefix", "title", "enable", "expanded"] }, { kind: "directive", type: MarkdownDirective, selector: "markdown,[markdown]" }, { kind: "component", type: FeedsComponent, selector: "app-feed", inputs: ["debug", "mobile", "showHeader", "showReadMoreButton", "headerColor", "cardColor", "shape", "class", "itemId", "filterItem", "feeds", "urls", "maxAgeInMonths", "maxContentLength"], outputs: ["editItem", "deleteItem"] }, { kind: "directive", type: FeedDirective, selector: "feed,[feed]", inputs: ["feed"] }, { kind: "pipe", type: i2$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$3.JsonPipe, name: "json" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: DateFromNowPipe, name: "dateFromNow" }, { kind: "pipe", type: FileSizePipe, name: "fileSize" }, { kind: "pipe", type: NotEmptyArrayPipe, name: "isNotEmptyArray" }, { kind: "pipe", type: ArrayFirstPipe, name: "arrayFirst" }, { kind: "pipe", type: MapPipe, name: "map" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: FeedsComponent, isStandalone: false, selector: "app-feed", inputs: { debug: "debug", mobile: "mobile", showHeader: "showHeader", showReadMoreButton: "showReadMoreButton", headerColor: "headerColor", cardColor: "cardColor", shape: "shape", class: "class", itemId: "itemId", filterItem: "filterItem", feeds: "feeds", urls: "urls", maxAgeInMonths: "maxAgeInMonths", maxContentLength: "maxContentLength" }, outputs: { editItem: "editItem", deleteItem: "deleteItem" }, host: { properties: { "class": "this.hostClass" } }, providers: [RxState], viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }, { propertyName: "feedContent", first: true, predicate: ["feedContent"], descendants: true }, { propertyName: "feedItems", first: true, predicate: ["feedItems"], descendants: true }], ngImport: i0, template: "<!-- debug -->\n@if (debug) {\n  <app-debug [title]=\"'Feed'\">\n    <p>\n      hasFeeds?: {{ hasFeeds$ | async }}\n      <br />\n      urls: {{ urls$ | async | json }}\n      <br />\n      shape: {{ shape }}\n    </p>\n  </app-debug>\n}\n\n@let feeds = feeds$ | async;\n@let userId = userId$ | async;\n\n@if (feeds | isNotEmptyArray) {\n  <!-- top header -->\n  @if (showHeader && (feeds | arrayFirst); as feed) {\n    <ion-item lines=\"none\" [color]=\"headerColor\" class=\"feed-header shape-{{ shape }}\">\n      <ion-icon slot=\"start\" name=\"megaphone\"></ion-icon>\n      <ion-label>\n        <b>{{ feed.title || ('SOCIAL.FEED.NEWS' | translate) }}</b>\n      </ion-label>\n      <ion-button slot=\"end\" fill=\"clear\" (click)=\"openFeedHome()\" shape=\"\">\n        <ion-text>{{ 'SOCIAL.FEED.SHOW_ALL_FEED' | translate }}</ion-text>\n        <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n      </ion-button>\n    </ion-item>\n  }\n\n  <!-- scrollable (without visible scrollbar), with a progressive fade at the bottom, when more items are below -->\n  <div\n    #feedContent\n    class=\"feed-content shape-{{ shape }} ion-no-padding\"\n    [class.has-header]=\"showHeader\"\n    (scroll)=\"updateOverflow()\"\n  >\n    <div #feedItems class=\"feed-items\">\n      <!-- visible items, of all feeds (first/last are computed on the visible items, e.g. when filtered by itemId) -->\n      @let entries = feeds | map: getVisibleEntries : filterItem;\n      @for (entry of entries; track entry.feed.feed_url + '#' + entry.item.id; let first = $first; let last = $last) {\n        @let feed = entry.feed;\n        @let item = entry.item;\n        <ion-card\n          [class.first]=\"first\"\n          [class.last]=\"last\"\n          [color]=\"cardColor !== 'light-transparent' ? cardColor : undefined\"\n          class=\"feed-item-card\"\n        >\n          <ion-card-header>\n            <ion-card-subtitle style=\"vertical-align: middle\">\n              <!-- Authors -->\n              @for (author of item.authors || feed.authors; track author) {\n                @if (author.name || author.avatar) {\n                  <ion-chip (click)=\"openUrl(author.url)\" tappable>\n                    @if (author.avatar) {\n                      <ion-avatar>\n                        <ion-img [src]=\"author.avatar\" [alt]=\"author.name\"></ion-img>\n                      </ion-avatar>\n                    }\n                    @if (author.name) {\n                      <ion-label class=\"author\">{{ author.name }}</ion-label>\n                    }\n                  </ion-chip>\n                }\n              }\n              <ion-note class=\"ion-float-end\">\n                <small>{{ item.date_published | dateFromNow }}</small>\n              </ion-note>\n            </ion-card-subtitle>\n\n            <!-- title -->\n            <ion-card-title (click)=\"openFeedItem(item, feed)\" tappable>{{ item?.title }}</ion-card-title>\n\n            <!-- tags -->\n            @let tags = item | map: getTags;\n            @if (tags | isNotEmptyArray) {\n              <ion-text class=\"tags\">\n                @for (tag of tags; track tag; let last = $last) {\n                  <a (click)=\"openTag(feed, tag)\" tappable>\n                    <ion-text>#{{ tag }}</ion-text>\n                  </a>\n                  @if (!last) {\n                    &nbsp;\n                  }\n                }\n              </ion-text>\n            }\n          </ion-card-header>\n\n          <!-- Feed content -->\n          <ion-card-content>\n            <ion-text [feed]=\"item.url || feed.feed_url\">\n              @if (item.content_html) {\n                <p [innerHTML]=\"item.content_html\"></p>\n              } @else if (item.content_text) {\n                <p>\n                  <markdown [data]=\"item.content_text\" emoji></markdown>\n                </p>\n              }\n            </ion-text>\n          </ion-card-content>\n\n          <!-- Attachments -->\n          @if (item.attachments | isNotEmptyArray) {\n            <div class=\"feed-attachments\">\n              @for (attachment of item.attachments; track attachment.url) {\n                <app-file-attachment class=\"feed-attachment\" [attachment]=\"attachment | map: toFileAttachment\" [mobile]=\"mobile\"></app-file-attachment>\n              }\n            </div>\n          }\n\n          @let editable = canEditItem(item, userId, feed);\n          @if (editable || showReadMoreButton) {\n            @if (editable) {\n              <!-- Delete button (visible hover)-->\n              <button\n                mat-icon-button\n                (click)=\"onDeleteItem($event, item)\"\n                class=\"visible-hover ion-float-start\"\n                [title]=\"!showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n                [matTooltip]=\"showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n              >\n                <mat-icon>delete</mat-icon>\n              </button>\n              <!-- Edit button (visible hover) -->\n              <ion-button (click)=\"onEditItem($event, item)\" class=\"visible-hover ion-float-start\" fill=\"clear\">\n                <mat-icon slot=\"start\">edit</mat-icon>\n                <!--                <ion-icon name=\"pencil\" slot=\"start\"></ion-icon>-->\n                <ion-text>{{ 'COMMON.BTN_EDIT' | translate }}</ion-text>\n              </ion-button>\n            }\n            @if (showReadMoreButton) {\n              <ion-button (click)=\"openFeedItem(item, feed)\" class=\"ion-float-end\" fill=\"clear\">\n                <ion-label>{{ (item.truncated ? 'SOCIAL.FEED.READ_MORE' : 'COMMON.BTN_SHOW') | translate }}</ion-label>\n                <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n              </ion-button>\n            }\n          }\n        </ion-card>\n      }\n    </div>\n  </div>\n}\n\n<!-- Details modal -->\n<ion-modal #modal [showBackdrop]=\"false\" class=\"stack-modal\" [class.modal-large]=\"!mobile\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar color=\"secondary\">\n        <ion-title>{{ 'SOCIAL.FEED.NEWS' | translate }}</ion-title>\n        <ion-buttons slot=\"end\">\n          <ion-button (click)=\"modal.dismiss()\">\n            <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n    <ion-content>\n      <div class=\"ion-padding\">\n        <app-feed\n          [urls]=\"urls\"\n          [showHeader]=\"false\"\n          [showReadMoreButton]=\"false\"\n          [maxContentLength]=\"-1\"\n          [maxAgeInMonths]=\"-1\"\n          [itemId]=\"modalItemId\"\n          cardColor=\"light\"\n          [debug]=\"debug\"\n        ></app-feed>\n      </div>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [":host{display:flex;flex-direction:column;min-height:0;height:calc(100% - 10px);max-height:fit-content;overflow:hidden;--feed-header-height: 48px;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:10px;--feed-border-radius: 4px;border-radius:var(--feed-border-radius)}:host.shape-round{--feed-border-radius: 12px}:host{--ion-card-background: rgba(var(--ion-background-color-rgb), .6)}ion-button{text-transform:unset;--color: rgba(var(--ion-color-contrast-rgb), .7)}ion-item.feed-header{flex:none;height:var(--feed-header-height);margin:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--feed-border-radius) var(--feed-border-radius) 0 0}ion-item.feed-header ion-icon[slot=start]{-webkit-margin-end:8px;margin-inline-end:8px}.feed-content{flex:1 1 auto;min-height:0;overflow-y:auto;--margin-bottom: 8px;--feed-fade-height: 64px;scrollbar-width:none}.feed-content::-webkit-scrollbar{display:none}.feed-content ion-card.feed-item-card{--top-radius: 4px;--bottom-radius: 4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);margin:0 0 var(--margin-bottom) 0;border-radius:var(--top-radius) var(--top-radius) var(--bottom-radius) var(--bottom-radius);--ion-card-color-contrast-rgb: var(--ion-color-contrast-rgb, var(--ion-color-dark-rgb, 0, 0, 0));--color: rgba(var(--ion-card-color-contrast-rgb), .87)}.feed-content ion-card.feed-item-card.first{--top-radius: 0}.feed-content ion-card.feed-item-card.last{--margin-bottom: 0;--bottom-radius: 0}.feed-content ion-card.feed-item-card ion-card-header ion-card-title{--color: rgba(var(--ion-card-color-contrast-rgb), .87)}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-chip{--background: transparent;--border-color: transparent;--border-width: 0}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-chip ion-avatar{--color: rgba(var(--ion-card-color-contrast-rgb), .6);border:1px solid var(--color)}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-chip ion-label{--color: rgba(var(--ion-card-color-contrast-rgb), .8);color:var(--color)}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-note{--color: rgba(var(--ion-card-color-contrast-rgb), .6);color:var(--color)}.feed-content ion-card.feed-item-card ion-card-header .tags{display:inline}.feed-content ion-card.feed-item-card ion-card-header .tags a{color:rgba(var(--ion-card-color-contrast-rgb),.6)!important}.feed-content ion-card.feed-item-card ion-card-content ion-text ::ng-deep img{max-width:100%;height:auto!important}.feed-content ion-card.feed-item-card .visible-hover{opacity:0;transition:opacity .2s ease-in-out}.feed-content ion-card.feed-item-card:hover .visible-hover{opacity:1}.feed-attachments{display:flex;flex-wrap:wrap;gap:4px;padding:0 16px 8px}\n"], dependencies: [{ kind: "component", type: i2$2.IonAvatar, selector: "ion-avatar" }, { kind: "component", type: i2$2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2$2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2$2.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2$2.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i2$2.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i2$2.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i2$2.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i2$2.IonChip, selector: "ion-chip", inputs: ["color", "disabled", "mode", "outline"] }, { kind: "component", type: i2$2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2$2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$2.IonImg, selector: "ion-img", inputs: ["alt", "src"] }, { kind: "component", type: i2$2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2$2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2$2.IonModal, selector: "ion-modal" }, { kind: "component", type: i2$2.IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "component", type: i2$2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i2$2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2$2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i4$3.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: DebugComponent, selector: "app-debug", inputs: ["titlePrefix", "title", "enable", "expanded"] }, { kind: "directive", type: MarkdownDirective, selector: "markdown,[markdown]" }, { kind: "component", type: FileAttachmentComponent, selector: "app-file-attachment", inputs: ["attachment", "mobile"] }, { kind: "component", type: FeedsComponent, selector: "app-feed", inputs: ["debug", "mobile", "showHeader", "showReadMoreButton", "headerColor", "cardColor", "shape", "class", "itemId", "filterItem", "feeds", "urls", "maxAgeInMonths", "maxContentLength"], outputs: ["editItem", "deleteItem"] }, { kind: "directive", type: FeedDirective, selector: "feed,[feed]", inputs: ["feed"] }, { kind: "pipe", type: i2$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$3.JsonPipe, name: "json" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: DateFromNowPipe, name: "dateFromNow" }, { kind: "pipe", type: NotEmptyArrayPipe, name: "isNotEmptyArray" }, { kind: "pipe", type: ArrayFirstPipe, name: "arrayFirst" }, { kind: "pipe", type: MapPipe, name: "map" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FeedsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-feed', providers: [RxState], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- debug -->\n@if (debug) {\n  <app-debug [title]=\"'Feed'\">\n    <p>\n      hasFeeds?: {{ hasFeeds$ | async }}\n      <br />\n      urls: {{ urls$ | async | json }}\n      <br />\n      shape: {{ shape }}\n    </p>\n  </app-debug>\n}\n\n@let feeds = feeds$ | async;\n@let userId = userId$ | async;\n\n@if (feeds | isNotEmptyArray) {\n  <!-- top header -->\n  @if (showHeader && (feeds | arrayFirst); as feed) {\n    <ion-item lines=\"none\" [color]=\"headerColor\" class=\"feed-header shape-{{ shape }}\">\n      <ion-icon slot=\"start\" name=\"megaphone\"></ion-icon>\n      <ion-label>\n        <b>{{ feed.title || ('SOCIAL.FEED.NEWS' | translate) }}</b>\n      </ion-label>\n      <ion-button slot=\"end\" fill=\"clear\" (click)=\"openFeedHome()\" shape=\"\">\n        <ion-text>{{ 'SOCIAL.FEED.SHOW_ALL_FEED' | translate }}</ion-text>\n        <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n      </ion-button>\n    </ion-item>\n  }\n\n  <!-- scrollable (without visible scrollbar), with a progressive fade at the bottom, when more items are below -->\n  <div\n    #feedContent\n    class=\"feed-content shape-{{ shape }} ion-no-padding\"\n    [class.has-header]=\"showHeader\"\n    (scroll)=\"updateOverflow()\"\n  >\n    <div #feedItems class=\"feed-items\">\n      <!-- visible items, of all feeds (first/last are computed on the visible items, e.g. when filtered by itemId) -->\n      @let entries = feeds | map: getVisibleEntries : filterItem;\n      @for (entry of entries; track entry.feed.feed_url + '#' + entry.item.id; let first = $first; let last = $last) {\n        @let feed = entry.feed;\n        @let item = entry.item;\n        <ion-card\n          [class.first]=\"first\"\n          [class.last]=\"last\"\n          [color]=\"cardColor !== 'light-transparent' ? cardColor : undefined\"\n          class=\"feed-item-card\"\n        >\n          <ion-card-header>\n            <ion-card-subtitle style=\"vertical-align: middle\">\n              <!-- Authors -->\n              @for (author of item.authors || feed.authors; track author) {\n                @if (author.name || author.avatar) {\n                  <ion-chip (click)=\"openUrl(author.url)\" tappable>\n                    @if (author.avatar) {\n                      <ion-avatar>\n                        <ion-img [src]=\"author.avatar\" [alt]=\"author.name\"></ion-img>\n                      </ion-avatar>\n                    }\n                    @if (author.name) {\n                      <ion-label class=\"author\">{{ author.name }}</ion-label>\n                    }\n                  </ion-chip>\n                }\n              }\n              <ion-note class=\"ion-float-end\">\n                <small>{{ item.date_published | dateFromNow }}</small>\n              </ion-note>\n            </ion-card-subtitle>\n\n            <!-- title -->\n            <ion-card-title (click)=\"openFeedItem(item, feed)\" tappable>{{ item?.title }}</ion-card-title>\n\n            <!-- tags -->\n            @let tags = item | map: getTags;\n            @if (tags | isNotEmptyArray) {\n              <ion-text class=\"tags\">\n                @for (tag of tags; track tag; let last = $last) {\n                  <a (click)=\"openTag(feed, tag)\" tappable>\n                    <ion-text>#{{ tag }}</ion-text>\n                  </a>\n                  @if (!last) {\n                    &nbsp;\n                  }\n                }\n              </ion-text>\n            }\n          </ion-card-header>\n\n          <!-- Feed content -->\n          <ion-card-content>\n            <ion-text [feed]=\"item.url || feed.feed_url\">\n              @if (item.content_html) {\n                <p [innerHTML]=\"item.content_html\"></p>\n              } @else if (item.content_text) {\n                <p>\n                  <markdown [data]=\"item.content_text\" emoji></markdown>\n                </p>\n              }\n            </ion-text>\n          </ion-card-content>\n\n          <!-- Attachments -->\n          @if (item.attachments | isNotEmptyArray) {\n            <div class=\"feed-attachments\" [class.mobile]=\"mobile\">\n              @for (attachment of item.attachments; track attachment.url) {\n                @let filename = attachment | map: getAttachmentFilename;\n                @let canPreview = attachment | map: canPreviewAttachment;\n                @let action =\n                  (canPreview ? 'SOCIAL.FEED.ATTACHMENTS.BTN_PREVIEW' : 'SOCIAL.FEED.ATTACHMENTS.BTN_DOWNLOAD')\n                    | translate;\n                <ion-chip\n                  class=\"feed-attachment\"\n                  [class.has-download]=\"canPreview\"\n                  [outline]=\"true\"\n                  [title]=\"\n                    filename +\n                    (attachment.size_in_bytes ? ' (' + (attachment.size_in_bytes | fileSize) + ')' : '') +\n                    ' - ' +\n                    action\n                  \"\n                  (click)=\"openAttachment($event, attachment)\"\n                  tappable\n                >\n                  <mat-icon class=\"attachment-icon\">{{ attachment | map: getAttachmentIcon }}</mat-icon>\n                  <ion-label class=\"attachment-name\">{{ filename }}</ion-label>\n                  @if (canPreview) {\n                    <!-- download part (separated, visible on hover): preview is the default action -->\n                    <span\n                      class=\"attachment-download\"\n                      role=\"button\"\n                      [title]=\"'SOCIAL.FEED.ATTACHMENTS.BTN_DOWNLOAD' | translate\"\n                      (click)=\"downloadAttachment($event, attachment)\"\n                    >\n                      <mat-icon>download</mat-icon>\n                    </span>\n                  }\n                </ion-chip>\n              }\n            </div>\n          }\n\n          @let editable = canEditItem(item, userId, feed);\n          @if (editable || showReadMoreButton) {\n            @if (editable) {\n              <!-- Delete button (visible hover)-->\n              <button\n                mat-icon-button\n                (click)=\"onDeleteItem($event, item)\"\n                class=\"visible-hover ion-float-start\"\n                [title]=\"!showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n                [matTooltip]=\"showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n              >\n                <mat-icon>delete</mat-icon>\n              </button>\n              <!-- Edit button (visible hover) -->\n              <ion-button (click)=\"onEditItem($event, item)\" class=\"visible-hover ion-float-start\" fill=\"clear\">\n                <mat-icon slot=\"start\">edit</mat-icon>\n                <!--                <ion-icon name=\"pencil\" slot=\"start\"></ion-icon>-->\n                <ion-text>{{ 'COMMON.BTN_EDIT' | translate }}</ion-text>\n              </ion-button>\n            }\n            @if (showReadMoreButton) {\n              <ion-button (click)=\"openFeedItem(item, feed)\" class=\"ion-float-end\" fill=\"clear\">\n                <ion-label>{{ (item.truncated ? 'SOCIAL.FEED.READ_MORE' : 'COMMON.BTN_SHOW') | translate }}</ion-label>\n                <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n              </ion-button>\n            }\n          }\n        </ion-card>\n      }\n    </div>\n  </div>\n}\n\n<!-- Details modal -->\n<ion-modal #modal [showBackdrop]=\"false\" class=\"stack-modal\" [class.modal-large]=\"!mobile\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar color=\"secondary\">\n        <ion-title>{{ 'SOCIAL.FEED.NEWS' | translate }}</ion-title>\n        <ion-buttons slot=\"end\">\n          <ion-button (click)=\"modal.dismiss()\">\n            <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n    <ion-content>\n      <div class=\"ion-padding\">\n        <app-feed\n          [urls]=\"urls\"\n          [showHeader]=\"false\"\n          [showReadMoreButton]=\"false\"\n          [maxContentLength]=\"-1\"\n          [maxAgeInMonths]=\"-1\"\n          [itemId]=\"modalItemId\"\n          cardColor=\"light\"\n          [debug]=\"debug\"\n        ></app-feed>\n      </div>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [":host{display:flex;flex-direction:column;min-height:0;height:calc(100% - 10px);max-height:fit-content;overflow:hidden;--feed-header-height: 48px;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:10px;--feed-border-radius: 4px;border-radius:var(--feed-border-radius)}:host.shape-round{--feed-border-radius: 12px}:host{--ion-card-background: rgba(var(--ion-background-color-rgb), .6)}ion-button{text-transform:unset;--color: rgba(var(--ion-color-contrast-rgb), .7)}ion-item.feed-header{flex:none;height:var(--feed-header-height);margin:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--feed-border-radius) var(--feed-border-radius) 0 0}ion-item.feed-header ion-icon[slot=start]{-webkit-margin-end:8px;margin-inline-end:8px}.feed-content{flex:1 1 auto;min-height:0;overflow-y:auto;--margin-bottom: 8px;--feed-fade-height: 64px;scrollbar-width:none}.feed-content::-webkit-scrollbar{display:none}.feed-content ion-card.feed-item-card{--top-radius: 4px;--bottom-radius: 4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);margin:0 0 var(--margin-bottom) 0;border-radius:var(--top-radius) var(--top-radius) var(--bottom-radius) var(--bottom-radius);--ion-card-color-contrast-rgb: var(--ion-color-contrast-rgb, var(--ion-color-dark-rgb, 0, 0, 0));--color: rgba(var(--ion-card-color-contrast-rgb), .87)}.feed-content ion-card.feed-item-card.first{--top-radius: 0}.feed-content ion-card.feed-item-card.last{--margin-bottom: 0;--bottom-radius: 0}.feed-content ion-card.feed-item-card ion-card-header ion-card-title{--color: rgba(var(--ion-card-color-contrast-rgb), .87)}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-chip{--background: transparent;--border-color: transparent;--border-width: 0}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-chip ion-avatar{--color: rgba(var(--ion-card-color-contrast-rgb), .6);border:1px solid var(--color)}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-chip ion-label{--color: rgba(var(--ion-card-color-contrast-rgb), .8);color:var(--color)}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-note{--color: rgba(var(--ion-card-color-contrast-rgb), .6);color:var(--color)}.feed-content ion-card.feed-item-card ion-card-header .tags{display:inline}.feed-content ion-card.feed-item-card ion-card-header .tags a{color:rgba(var(--ion-card-color-contrast-rgb),.6)!important}.feed-content ion-card.feed-item-card ion-card-content ion-text ::ng-deep img{max-width:100%;height:auto!important}.feed-content ion-card.feed-item-card .visible-hover{opacity:0;transition:opacity .2s ease-in-out}.feed-content ion-card.feed-item-card:hover .visible-hover{opacity:1}.feed-attachments{display:flex;flex-wrap:wrap;gap:4px;padding:0 16px 8px}.feed-attachments .feed-attachment{--feed-attachment-height: 22px;--feed-attachment-icon-size: 14px;--feed-attachment-padding: 6px;max-width:100%;height:var(--feed-attachment-height);min-height:var(--feed-attachment-height);margin:0;padding:0 var(--feed-attachment-padding);font-size:12px;border-width:1px;overflow:hidden;color:var(--ion-text-color, #000);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.4)}.feed-attachments .feed-attachment mat-icon{flex-shrink:0;width:var(--feed-attachment-icon-size);height:var(--feed-attachment-icon-size);font-size:var(--feed-attachment-icon-size);line-height:var(--feed-attachment-icon-size)}.feed-attachments .feed-attachment .attachment-icon{margin-inline-end:4px}.feed-attachments .feed-attachment .attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-attachments .feed-attachment .attachment-download{display:flex;align-items:center;align-self:stretch;flex-shrink:0;overflow:hidden;max-width:0;margin-inline-start:0;padding:0;border-inline-start:0 solid rgba(var(--ion-text-color-rgb, 0, 0, 0),.3);opacity:0;transition:max-width .15s ease-in-out,opacity .15s ease-in-out,background-color .15s ease-in-out}.feed-attachments .feed-attachment.has-download:hover{padding-inline-end:0}.feed-attachments .feed-attachment:hover .attachment-download{max-width:calc(var(--feed-attachment-icon-size) + 2 * var(--feed-attachment-padding) + 1px);margin-inline-start:var(--feed-attachment-padding);padding:0 var(--feed-attachment-padding);border-inline-start-width:1px;opacity:1}.feed-attachments .feed-attachment .attachment-download:hover{color:var(--ion-color-primary);background-color:rgba(var(--ion-color-primary-rgb, 0, 0, 0),.12)}.feed-attachments.mobile .feed-attachment{--feed-attachment-height: 32px;--feed-attachment-icon-size: 18px;--feed-attachment-padding: 10px;font-size:14px}.feed-attachments.mobile .feed-attachment.has-download{padding-inline-end:0}.feed-attachments.mobile .feed-attachment .attachment-download{max-width:calc(var(--feed-attachment-icon-size) + 2 * var(--feed-attachment-padding) + 1px);margin-inline-start:var(--feed-attachment-padding);padding:0 var(--feed-attachment-padding);border-inline-start-width:1px;opacity:1}\n"] }]
+            args: [{ selector: 'app-feed', providers: [RxState], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- debug -->\n@if (debug) {\n  <app-debug [title]=\"'Feed'\">\n    <p>\n      hasFeeds?: {{ hasFeeds$ | async }}\n      <br />\n      urls: {{ urls$ | async | json }}\n      <br />\n      shape: {{ shape }}\n    </p>\n  </app-debug>\n}\n\n@let feeds = feeds$ | async;\n@let userId = userId$ | async;\n\n@if (feeds | isNotEmptyArray) {\n  <!-- top header -->\n  @if (showHeader && (feeds | arrayFirst); as feed) {\n    <ion-item lines=\"none\" [color]=\"headerColor\" class=\"feed-header shape-{{ shape }}\">\n      <ion-icon slot=\"start\" name=\"megaphone\"></ion-icon>\n      <ion-label>\n        <b>{{ feed.title || ('SOCIAL.FEED.NEWS' | translate) }}</b>\n      </ion-label>\n      <ion-button slot=\"end\" fill=\"clear\" (click)=\"openFeedHome()\" shape=\"\">\n        <ion-text>{{ 'SOCIAL.FEED.SHOW_ALL_FEED' | translate }}</ion-text>\n        <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n      </ion-button>\n    </ion-item>\n  }\n\n  <!-- scrollable (without visible scrollbar), with a progressive fade at the bottom, when more items are below -->\n  <div\n    #feedContent\n    class=\"feed-content shape-{{ shape }} ion-no-padding\"\n    [class.has-header]=\"showHeader\"\n    (scroll)=\"updateOverflow()\"\n  >\n    <div #feedItems class=\"feed-items\">\n      <!-- visible items, of all feeds (first/last are computed on the visible items, e.g. when filtered by itemId) -->\n      @let entries = feeds | map: getVisibleEntries : filterItem;\n      @for (entry of entries; track entry.feed.feed_url + '#' + entry.item.id; let first = $first; let last = $last) {\n        @let feed = entry.feed;\n        @let item = entry.item;\n        <ion-card\n          [class.first]=\"first\"\n          [class.last]=\"last\"\n          [color]=\"cardColor !== 'light-transparent' ? cardColor : undefined\"\n          class=\"feed-item-card\"\n        >\n          <ion-card-header>\n            <ion-card-subtitle style=\"vertical-align: middle\">\n              <!-- Authors -->\n              @for (author of item.authors || feed.authors; track author) {\n                @if (author.name || author.avatar) {\n                  <ion-chip (click)=\"openUrl(author.url)\" tappable>\n                    @if (author.avatar) {\n                      <ion-avatar>\n                        <ion-img [src]=\"author.avatar\" [alt]=\"author.name\"></ion-img>\n                      </ion-avatar>\n                    }\n                    @if (author.name) {\n                      <ion-label class=\"author\">{{ author.name }}</ion-label>\n                    }\n                  </ion-chip>\n                }\n              }\n              <ion-note class=\"ion-float-end\">\n                <small>{{ item.date_published | dateFromNow }}</small>\n              </ion-note>\n            </ion-card-subtitle>\n\n            <!-- title -->\n            <ion-card-title (click)=\"openFeedItem(item, feed)\" tappable>{{ item?.title }}</ion-card-title>\n\n            <!-- tags -->\n            @let tags = item | map: getTags;\n            @if (tags | isNotEmptyArray) {\n              <ion-text class=\"tags\">\n                @for (tag of tags; track tag; let last = $last) {\n                  <a (click)=\"openTag(feed, tag)\" tappable>\n                    <ion-text>#{{ tag }}</ion-text>\n                  </a>\n                  @if (!last) {\n                    &nbsp;\n                  }\n                }\n              </ion-text>\n            }\n          </ion-card-header>\n\n          <!-- Feed content -->\n          <ion-card-content>\n            <ion-text [feed]=\"item.url || feed.feed_url\">\n              @if (item.content_html) {\n                <p [innerHTML]=\"item.content_html\"></p>\n              } @else if (item.content_text) {\n                <p>\n                  <markdown [data]=\"item.content_text\" emoji></markdown>\n                </p>\n              }\n            </ion-text>\n          </ion-card-content>\n\n          <!-- Attachments -->\n          @if (item.attachments | isNotEmptyArray) {\n            <div class=\"feed-attachments\">\n              @for (attachment of item.attachments; track attachment.url) {\n                <app-file-attachment class=\"feed-attachment\" [attachment]=\"attachment | map: toFileAttachment\" [mobile]=\"mobile\"></app-file-attachment>\n              }\n            </div>\n          }\n\n          @let editable = canEditItem(item, userId, feed);\n          @if (editable || showReadMoreButton) {\n            @if (editable) {\n              <!-- Delete button (visible hover)-->\n              <button\n                mat-icon-button\n                (click)=\"onDeleteItem($event, item)\"\n                class=\"visible-hover ion-float-start\"\n                [title]=\"!showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n                [matTooltip]=\"showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n              >\n                <mat-icon>delete</mat-icon>\n              </button>\n              <!-- Edit button (visible hover) -->\n              <ion-button (click)=\"onEditItem($event, item)\" class=\"visible-hover ion-float-start\" fill=\"clear\">\n                <mat-icon slot=\"start\">edit</mat-icon>\n                <!--                <ion-icon name=\"pencil\" slot=\"start\"></ion-icon>-->\n                <ion-text>{{ 'COMMON.BTN_EDIT' | translate }}</ion-text>\n              </ion-button>\n            }\n            @if (showReadMoreButton) {\n              <ion-button (click)=\"openFeedItem(item, feed)\" class=\"ion-float-end\" fill=\"clear\">\n                <ion-label>{{ (item.truncated ? 'SOCIAL.FEED.READ_MORE' : 'COMMON.BTN_SHOW') | translate }}</ion-label>\n                <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n              </ion-button>\n            }\n          }\n        </ion-card>\n      }\n    </div>\n  </div>\n}\n\n<!-- Details modal -->\n<ion-modal #modal [showBackdrop]=\"false\" class=\"stack-modal\" [class.modal-large]=\"!mobile\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar color=\"secondary\">\n        <ion-title>{{ 'SOCIAL.FEED.NEWS' | translate }}</ion-title>\n        <ion-buttons slot=\"end\">\n          <ion-button (click)=\"modal.dismiss()\">\n            <ion-icon slot=\"icon-only\" name=\"close\"></ion-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n    <ion-content>\n      <div class=\"ion-padding\">\n        <app-feed\n          [urls]=\"urls\"\n          [showHeader]=\"false\"\n          [showReadMoreButton]=\"false\"\n          [maxContentLength]=\"-1\"\n          [maxAgeInMonths]=\"-1\"\n          [itemId]=\"modalItemId\"\n          cardColor=\"light\"\n          [debug]=\"debug\"\n        ></app-feed>\n      </div>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [":host{display:flex;flex-direction:column;min-height:0;height:calc(100% - 10px);max-height:fit-content;overflow:hidden;--feed-header-height: 48px;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:10px;--feed-border-radius: 4px;border-radius:var(--feed-border-radius)}:host.shape-round{--feed-border-radius: 12px}:host{--ion-card-background: rgba(var(--ion-background-color-rgb), .6)}ion-button{text-transform:unset;--color: rgba(var(--ion-color-contrast-rgb), .7)}ion-item.feed-header{flex:none;height:var(--feed-header-height);margin:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--feed-border-radius) var(--feed-border-radius) 0 0}ion-item.feed-header ion-icon[slot=start]{-webkit-margin-end:8px;margin-inline-end:8px}.feed-content{flex:1 1 auto;min-height:0;overflow-y:auto;--margin-bottom: 8px;--feed-fade-height: 64px;scrollbar-width:none}.feed-content::-webkit-scrollbar{display:none}.feed-content ion-card.feed-item-card{--top-radius: 4px;--bottom-radius: 4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);margin:0 0 var(--margin-bottom) 0;border-radius:var(--top-radius) var(--top-radius) var(--bottom-radius) var(--bottom-radius);--ion-card-color-contrast-rgb: var(--ion-color-contrast-rgb, var(--ion-color-dark-rgb, 0, 0, 0));--color: rgba(var(--ion-card-color-contrast-rgb), .87)}.feed-content ion-card.feed-item-card.first{--top-radius: 0}.feed-content ion-card.feed-item-card.last{--margin-bottom: 0;--bottom-radius: 0}.feed-content ion-card.feed-item-card ion-card-header ion-card-title{--color: rgba(var(--ion-card-color-contrast-rgb), .87)}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-chip{--background: transparent;--border-color: transparent;--border-width: 0}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-chip ion-avatar{--color: rgba(var(--ion-card-color-contrast-rgb), .6);border:1px solid var(--color)}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-chip ion-label{--color: rgba(var(--ion-card-color-contrast-rgb), .8);color:var(--color)}.feed-content ion-card.feed-item-card ion-card-header ion-card-subtitle ion-note{--color: rgba(var(--ion-card-color-contrast-rgb), .6);color:var(--color)}.feed-content ion-card.feed-item-card ion-card-header .tags{display:inline}.feed-content ion-card.feed-item-card ion-card-header .tags a{color:rgba(var(--ion-card-color-contrast-rgb),.6)!important}.feed-content ion-card.feed-item-card ion-card-content ion-text ::ng-deep img{max-width:100%;height:auto!important}.feed-content ion-card.feed-item-card .visible-hover{opacity:0;transition:opacity .2s ease-in-out}.feed-content ion-card.feed-item-card:hover .visible-hover{opacity:1}.feed-attachments{display:flex;flex-wrap:wrap;gap:4px;padding:0 16px 8px}\n"] }]
         }], ctorParameters: () => [{ type: LocalSettingsService }, { type: Environment, decorators: [{
                     type: Inject,
                     args: [ENVIRONMENT]
@@ -45061,16 +45152,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
 
 class FeedModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FeedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: FeedModule, declarations: [FeedsComponent, FeedPage, FeedDirective, FeedAttachmentPreviewModal], imports: [SharedModule, SharedDebugModule, SharedMarkdownModule, MessageModule], exports: [FeedsComponent, FeedPage, FeedDirective, FeedAttachmentPreviewModal] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FeedModule, providers: [provideChildTranslateService()], imports: [SharedModule, SharedDebugModule, SharedMarkdownModule, MessageModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: FeedModule, declarations: [FeedsComponent, FeedPage, FeedDirective], imports: [SharedModule, SharedDebugModule, SharedMarkdownModule, SharedFileAttachmentModule, MessageModule], exports: [FeedsComponent, FeedPage, FeedDirective, SharedFileAttachmentModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FeedModule, providers: [provideChildTranslateService()], imports: [SharedModule, SharedDebugModule, SharedMarkdownModule, SharedFileAttachmentModule, MessageModule, SharedFileAttachmentModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: FeedModule, decorators: [{
             type: NgModule,
             args: [{
                     // MessageModule: the feed service opens the message modal (to edit a feed item)
-                    imports: [SharedModule, SharedDebugModule, SharedMarkdownModule, MessageModule],
-                    declarations: [FeedsComponent, FeedPage, FeedDirective, FeedAttachmentPreviewModal],
-                    exports: [FeedsComponent, FeedPage, FeedDirective, FeedAttachmentPreviewModal],
+                    imports: [SharedModule, SharedDebugModule, SharedMarkdownModule, SharedFileAttachmentModule, MessageModule],
+                    declarations: [FeedsComponent, FeedPage, FeedDirective],
+                    exports: [FeedsComponent, FeedPage, FeedDirective, SharedFileAttachmentModule],
                     providers: [provideChildTranslateService()],
                 }]
         }] });
@@ -48638,10 +48729,9 @@ class AppAsyncTable {
         // Make sure row will be cancelled, and NOT deleted
         if (row.id === -1 || !row.editing)
             throw new Error('Row cannot be canceling, but only deleting');
-        // TODO invert this condition to call canCancelRows
-        const confirmed = !opts || opts.interactive !== false;
+        const askConfirmation = !opts || opts.interactive !== false;
         // Ask user confirmation, if cancel
-        if (!confirmed && row.dirty && (this.confirmBeforeCancel || this.onBeforeCancelRows.observed)) {
+        if (askConfirmation && row.dirty && (this.confirmBeforeCancel || this.onBeforeCancelRows.observed)) {
             event?.stopPropagation();
             if (!(await this.canCancelRows([row], opts))) {
                 return;
@@ -58766,5 +58856,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADMIN_ICONS, APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_ACCOUNT_SERVICE, APP_ACCOUNT_SERVICE_OPTIONS, APP_CELL_SELECTION_SERVICE_CONFIG_TOKEN, APP_CELL_SELECTION_SERVICE_TOKEN, APP_CONFIG_OPTIONS, APP_DEBUG_DATA_SERVICE, APP_FEED_SERVICE, APP_FILE_TRANSFER_SERVICE, APP_FORM_ERROR_I18N_KEYS, APP_GRAPHQL_FRAGMENTS, APP_GRAPHQL_SERVICE, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_HOME_CONFIG, APP_HOME_TOOLBAR_BUTTONS, APP_HOTKEYS_CONFIG, APP_INPUT_FIELD, APP_JOB_PROGRESSION_SERVICE, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_LOGGING_SERVICE, APP_MENU_ITEMS, APP_MENU_OPTIONS, APP_MESSAGE_SERVICE_OPTIONS, APP_NAMED_FILTER_SERVICE, APP_PERSON_SERVICE, APP_PERSON_SERVICE_OPTIONS, APP_PROGRESS_BAR_SERVICE, APP_SETTINGS_MENU_ITEMS, APP_SHOW_TOOLTIP, APP_STORAGE, APP_STORAGE_EXPLORER_PROTECTED_KEYS, APP_TABLE_OPTIONS, APP_TESTING_PAGES, APP_USER_EVENT_LIST_INFINITE_SCROLL_THRESHOLD, APP_USER_EVENT_SERVICE, APP_USER_SETTINGS_OPTIONS, APP_USER_TOKEN_SCOPES, AboutModal, AbstractNamedFilterService, AbstractPersonService, AbstractSelectionModelPipe, AbstractTableSelectionPipe, AbstractUserEventService, Account, AccountPage, AccountService, AccountToStringPipe, AccountUtils, ActionsColumnComponent, AdminModule, AdminRoutingModule, AdminUsersModule, Alerts, AndroidOsEnvironment, AppAboutModalModule, AppAccountModule, AppAsyncTable, AppAuthForm, AppAuthModal, AppAuthModule, AppChangePasswordModule, AppChangePasswordPage, AppEditor, AppEditorOptions, AppEntityEditor, AppEntityEditorModal, AppEntityEditorModalOptions, AppEntityFormModule, AppForm, AppFormArray, AppFormButtonsBarModule, AppFormContainer, AppFormField, AppFormModule, AppFormProvider, AppFormUtils, AppGestureConfig, AppHomePageModule, AppIconComponent, AppIconModule, AppIconSelectorField, AppIconSelectorModal, AppIconSelectorModule, AppImageGalleryComponent, AppImageGallerySlideshowComponent, AppInMemoryTable, AppInstallUpgradeCard, AppInstallUpgradeCardModule, AppListForm, AppListFormModule, AppLoadingSpinner, AppMarkdownContent, AppMarkdownModal, AppMenuModule, AppNullForm, AppPropertiesForm, AppPropertiesFormModule, AppPropertiesTable, AppPropertiesUtils, AppPropertyUtils, AppRegisterModule, AppResetPasswordModal, AppRowField, AppSelectPeerModule, AppSelectUsersModal, AppSettingsPageModule, AppTabEditor, AppTabEditorOptions, AppTable, AppTableModule, AppTableUtils, AppTextFormModule, AppTextPopoverModule, AppUpdateOfflineModeCard, AppUpdateOfflineModeCardModule, AppValidatorService, AppWebSocket, AppendQueryParamsPipePipe, ArrayDistinctPipe, ArrayFilterPipe, ArrayFindByPropertyPipe, ArrayFindPipe, ArrayFirstPipe, ArrayFormTestPage, ArrayIncludesPipe, ArrayJoinPipe, ArrayLastPipe, ArrayLengthPipe, ArrayMapPipe, ArrayPluckPipe, ArraySlicePipe, ArraySortPipe, AsAnyPipe, AsArrayPipe, AsBooleanPipe, AsFloatLabelTypePipe, AsObservablePipe, AudioProvider, AudioTestingModule, AudioTestingPage, AuthGuardService, AutoResizeDirective, AutoTitleDirective, AutoTooltipDirective, AutocompleteTestPage, AutofocusDirective, BadgeDirective, BadgeNumberPipe, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, BooleanFormatPipe, BooleanTestPage, CORE_CONFIG_OPTIONS, CORE_ICONS, CORE_TESTING_PAGES, CapitalizePipe, CellIdentifierDirective, CellSelectionDirective, CellSelectionService, CellValueChangeListener, ChangeCaseToUnderscorePipe, ChangePasswordForm, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigFragments, ConfigService, Configuration, CoreModule, CorePipesModule, CoreTestingModule, CryptoService, CsvUtils, DATE_ISO_PATTERN, DATE_ISO_PATTERNS, DATE_MATCH_REGEXP, DATE_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_JOIN_ARRAY_VALUES_SEPARATOR, DEFAULT_JOIN_PROPERTIES_SEPARATOR, DEFAULT_MENU_SHOW_WHEN, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFormatService, DateFromNowPipe, DateFromPipe, DateShortTestPage, DateTestPage, DateTimeTestPage, DateUtils, DebugComponent, Department, DepartmentToStringPipe, DisplayWithPipe, DragAndDropDirective, DurationPipe, DurationTestPage, ED25519_SEED_LENGTH, EMPTY_PLACEHOLDER_CHAR, EMPTY_PLACEHOLDER_CHAR_REGEXP_GLOBAL, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EmptyMissingTranslationHandler, EntitiesAsyncTableDataSource, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, EnvironmentHttpLoader, EnvironmentLoader, ErrorCodes, EvenPipe, FILE_KIND_ICONS, FeedAttachmentPreviewModal, FeedAttachmentUtils, FeedDirective, FeedModule, FeedPage, FeedService, FeedsComponent, FileDownloadService, FileResponse, FileService, FileSizePipe, FileTypeUtils, FilesUtils, FirstFalsePipe, FirstPipe, FirstTruePipe, FormArrayAtControlPipe, FormArrayAtGroupPipe, FormArrayHelper, FormArrayTestModule, FormButtonsBarComponent, FormButtonsBarToken, FormErrorPipe, FormErrorTranslatePipe, FormErrorTranslator, FormFieldDefinitionUtils, FormFieldValuesHolder, FormGetArrayPipe, FormGetControlPipe, FormGetGroupPipe, FormGetNamePipe, FormGetPipe, FormGetValuePipe, GalleryTestPage, GeolocationUtils, GitlabUtils, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, HttpUtils, IMAGE_DEFAULTS, ION_ICONS, IPosition, IconSelectorTestPage, IconSelectorTestingModule, ImageAttachment, ImageAttachmentFilter, ImageAttachmentService, ImageGalleryModule, ImageGalleryTestingModule, ImageModule, ImageService, ImageSizes, ImagesUtils, InMemoryEntitiesService, InputFieldTestPage, IsAllSelectedPipe, IsEmptySelectionPipe, IsLoginAccountPipe, IsMultipleSelectionPipe, IsNilOrBlankPipe, IsNilOrNaNPipe, IsNilPipe, IsNotAllSelectedPipe, IsNotEmptySelectionPipe, IsNotNilOrBlankPipe, IsNotNilOrNaNPipe, IsNotNilPipe, IsOnDeskPipe, IsOnFieldPipe, IsSelectedPipe, IsSingleSelectionPipe, IsValidDatePipe, JobModule, JobProgression, JobProgressionComponent, JobProgressionIcon, JobProgressionList, JobProgressionService, JobProgressionTestService, JobProgressionTestingPage, JobTestingModule, JobUtils, JsonFeedUtils, JsonUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_PATTERNS, LAT_LONG_PATTERN_MAX_DECIMALS, LAT_LONG_VALUE_MAX_DECIMALS, LatLongFormatPipe, LatLongTestPage, LatitudeFormatPipe, ListFormTestPage, ListFormTestingModule, LocalSettingsService, LogLevel, LogUtils, Logger, LoggingService, LoggingServiceModule, LongitudeFormatPipe, MASKS, MASK_RANGES, MAT_FORM_FIELD_DEFAULT_APPEARANCE, MAT_FORM_FIELD_DEFAULT_SUBSCRIPT_SIZING, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MOMENT_NO_TIME_PROPERTY, MapGetPipe, MapKeysPipe, MapPipe, MapToPipe, MapValuesPipe, MarkdownDirective, MarkdownService, MarkdownTestPage, MarkdownTestingModule, MarkdownUtils, MaskitoPlaceholderPipe, MaskitoTestPage, MatAutocompleteConfigHolder, MatAutocompleteField, MatAutocompleteFieldUtils, MatBadgeTestPage, MatBooleanField, MatChipsField, MatColorPipe, MatCommonTestPage, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatLatLongFieldInput, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialAutocompleteFooterDirective, MaterialAutocompleteHeaderDirective, MaterialTestingModule, MathAbsPipe, MenuComponent, MenuItem, MenuItems, MenuOptions, MenuService, MenuTestingModule, MenuTestingPage, Message, MessageAttachment, MessageFilter, MessageForm, MessageModal, MessageModule, MessageService, MessageTypeList, MessageTypes, MimeTypes, ModalToolbarComponent, NETWORK_DEFAULT_CONNECTION_TIMEOUT, NamedFilter, NamedFilterFilter, NamedFilterSelector, NamedFilterSelectorTestingModule, NamedFilterSelectorTestingPage, NativeWebSocket, NavActionsColumnComponent, NestedTableTestPage, NetworkService, NetworkUtils, NewTokenForm, NewTokenModal, NgInitDirective, NgVarDirective, NoHtmlPipe, NotEmptyArrayPipe, NumberFormatPipe, ObservableTestPage, OddPipe, OtherMenuTestingPage, PEER_URL_REGEXP, PLUS_PLACEHOLDER_CHAR_REGEXP_GLOBAL, PRINT_ID_QUERY_PARAM, PRINT_LOADING_STORAGE_KEY_PREFIX, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFilterAdditionalFields, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, PrintService, ProgressBarService, ProgressInterceptor, PropertiesFormTestPage, PropertiesFormTestingModule, PropertyEntity, PropertyEntityFilter, PropertyEntityValidator, PropertyFormatPipe, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialFilter, ReferentialRef, ReferentialToStringPipe, ReferentialUtils, ReferentialValidatorService, ReferentialsToStringPipe, RegExpUtils, RegisterConfirmPage, RegisterForm, RegisterModal, ResizableComponent, ResizableDirective, ResizableModule, RoundPipe, RxStateComputed, RxStateModule, RxStateOutput, RxStateProperty, RxStateRegister, RxStateSelect, SCRYPT_PARAMS, SETTINGS_COMPACT_ROWS, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SHARED_ICONS, SHARED_IONIC_COMPONENTS, SHARED_MATERIAL_TESTING_PAGES, SHARED_STORAGE_TESTING_PAGES, SHARED_TESTING_PAGES, SOCIAL_CONFIG_OPTIONS, SOCIAL_ICONS, SOCIAL_TESTING_PAGES, SPACE_PLACEHOLDER_CHAR, SPACE_PLACEHOLDER_CHAR_REGEXP_GLOBAL, STARTUP_DATA_STORAGE_KEY, SafeHtmlPipe, SafeStylePipe, SelectPeerModal, SelectionLengthPipe, ServerErrorCodes, SettingsPage, SharedAsyncValidators, SharedBadgeModule, SharedDebugModule, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedIonicModule, SharedMarkdownModule, SharedMatAutocompleteModule, SharedMatBooleanModule, SharedMatChipsModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedNamedFilterModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedTestsPage, SharedToolbarModule, SharedValidators, SocialErrorCodes, SocialModule, SocialModuleOptionsToken, SocialTestingModule, Software, SplitArrayInChunksPipe, StartableService, StartupService, StatusById, StatusIds, StatusList, StorageDrivers, StorageExplorerComponent, StorageExplorerModule, StorageExplorerTestingModule, StorageExplorerTestingRoutingModule, StorageService, StorageServiceWrapper, StrIncludesPipe, StrLengthPipe, StrReplacePipe, SubMenuTabDirective, SwipeTestPage, TABLE_SETTINGS_ENUM, TOOLBAR_HEADER_ID, TRACKED_QUERIES_STORAGE_KEY, Table2TestPage, TableSelectColumnsComponent, TableTestPage, TableTestingModule, TableValidatorService, TextForm, TextFormTestingModule, TextFormTestingPage, TextPopover, TextPopoverTestingModule, TextPopoverTestingPage, ThrottledClickDirective, TimeFormatPipe, ToStringPipe, ToastTestingModule, ToastTestingPage, Toasts, TokenScope, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, TreeItemEntityUtils, TruncHtmlPipe, TruncTextPipe, TruncateHtmlPipe, USER_CONTROLLER, UploadFile, UploadFileComponent, UploadFilePopover, UploadFileTestingModule, UploadFileTestingPage, UriUtils, UrlUtils, UserController, UserEventModule, UserEventNotificationIcon, UserEventNotificationList, UserEventNotificationModal, UserEventTestService, UserEventTestingModule, UserEventTestingPage, UserSettings, UserToken, UserTokenTable, UsersPage, ValueFormatPipe, VersionUtils, accountToString, adaptValueToControl, addValueInArray, arrayDistinct, arrayResize, arraySize, asInputElement, assignSkipUndefined, base64ArrayBuffer, booleanToString, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, collectByProperty, collectByPropertyPath, compareValues, compareValuesDesc, compareVersionNumbers, composeComparators, computeDecimalDegrees, computeDecimalPart, copyEntity2Form, createApolloClientOptions, createAppStartupInitializer, createPromiseEvent, createPromiseEventEmitter, createTestingImageDataUrl, createTrackerLink, decorateWithTakeUntil, deepMergeSkipUndefined, departmentToString, departmentsToString, disableAndClearControl, disableAndClearControls, disableControl, disableControls, emitPromiseEvent, enableControl, enableControls, enableRxStateProdMode, entityToString, equals, equalsOrNil, escapeRegExp, expansionAnimation, fadeInAnimation, fadeInOutAnimation, fadeInSlowAnimation, filterFalse, filterFormErrors, filterFormErrorsByPath, filterFormErrorsByPrefix, filterNotNil, filterNumberInput, filterTrue, findParentWithClass, firstArrayValue, firstFalse, firstFalsePromise, firstNotNil, firstNotNilPromise, firstPromise, firstTrue, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatLong, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorLuminance, getColorShade, getColorTint, getControlFromPath, getFocusableInputElements, getFormControlName, getFormErrors, getFormValueFromEntity, getInputRangeFromCaretIndex, getInputSelectionRangesFromMask, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, getRandomImageWithCredit, getUserAgent, hasFocusWithin, hexToRgb, hexToRgbArray, initArrayControlsFromValues, initializeSharedModule, interpolateString, intersectArrays, isAndroid, isAppInputField, isAppTextInputField, isBlankString, isCapacitor, isChrome, isControlHasInput, isEdge, isEmptyArray, isEntityService, isFirefox, isFocusableElement, isIOS, isInputElement, isInstanceOf, isInt, isIpad, isLightColor, isMacOS, isMobile, isMutationOperation, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilBoolean, isNotNilObject, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, isOnFieldMode, isPrint, isProgressEvent, isPromise, isResponseEvent, isSafari, isSameVersion, isStartableService, isSubscriptionOperation, isTouchUi, isValidVersion, isVersionCompatible, isWebAnimationsSupported, isWindows, joinProperties, joinPropertiesPath, lastArrayValue, logFormErrors, loggerLink, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, maskitoAutoSelectByMaskPattern, maskitoPrefixPlugin, matchMedia, matchUpperCase, mergeLoadResult, mergeObjectsWithoutUndefined, mixHex, moveInputCaretToSeparator, newArray, noHtml, noTrailingSlash, notNilOrDefault, nullIfNilOrBlank, nullIfUndefined, numberOrNilAttribute, numberToString, parseBooleanText, parseLatLongText, parseLatitudeOrLongitude, parseVersion, propertiesPathComparator, propertyComparator, propertyPathComparator, provideAccountService, provideAllIonicIcons, provideIonicIcons, provideIonicIconsInitializer, providePersonService, referentialToString, referentialsToString, registerIonicIcons, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, restoreTrackedQueries, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputContentFromEvent, selectInputRange, setCalculatedValue, setControlEnabled, setControlRequired, setControlsEnabled, setFormErrors, setPropertyByPath, setTabIndex, sleep, slideDownAnimation, slideInAnimation, slideInOutAnimation, slideUpDownAnimation, sort, splitArrayInChunks, splitById, splitByProperty, splitDegreesToDDArray, splitDegreesToDDMMArray, splitDegreesToDDMMSSArray, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, testUserAgent, toBoolean, toDateISOString, toDuration, toFloat, toInt, toLoadData, toLoadResult, toNotNil, toNumber, trimEmptyToNull, truncateHtml, typeTextIntoInput, uncapitalizeFirstLetter, undefinedIfNull, underscoreToChangeCase, updateValueAndValidity, waitFor, waitForFalse, waitForTrue, waitIdle, waitWhilePending };
+export { ADMIN_ICONS, APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_ACCOUNT_SERVICE, APP_ACCOUNT_SERVICE_OPTIONS, APP_CELL_SELECTION_SERVICE_CONFIG_TOKEN, APP_CELL_SELECTION_SERVICE_TOKEN, APP_CONFIG_OPTIONS, APP_DEBUG_DATA_SERVICE, APP_FEED_SERVICE, APP_FILE_TRANSFER_SERVICE, APP_FORM_ERROR_I18N_KEYS, APP_GRAPHQL_FRAGMENTS, APP_GRAPHQL_SERVICE, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_HOME_CONFIG, APP_HOME_TOOLBAR_BUTTONS, APP_HOTKEYS_CONFIG, APP_INPUT_FIELD, APP_JOB_PROGRESSION_SERVICE, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_LOGGING_SERVICE, APP_MENU_ITEMS, APP_MENU_OPTIONS, APP_MESSAGE_SERVICE_OPTIONS, APP_NAMED_FILTER_SERVICE, APP_PERSON_SERVICE, APP_PERSON_SERVICE_OPTIONS, APP_PROGRESS_BAR_SERVICE, APP_SETTINGS_MENU_ITEMS, APP_SHOW_TOOLTIP, APP_STORAGE, APP_STORAGE_EXPLORER_PROTECTED_KEYS, APP_TABLE_OPTIONS, APP_TESTING_PAGES, APP_USER_EVENT_LIST_INFINITE_SCROLL_THRESHOLD, APP_USER_EVENT_SERVICE, APP_USER_SETTINGS_OPTIONS, APP_USER_TOKEN_SCOPES, AboutModal, AbstractNamedFilterService, AbstractPersonService, AbstractSelectionModelPipe, AbstractTableSelectionPipe, AbstractUserEventService, Account, AccountPage, AccountService, AccountToStringPipe, AccountUtils, ActionsColumnComponent, AdminModule, AdminRoutingModule, AdminUsersModule, Alerts, AndroidOsEnvironment, AppAboutModalModule, AppAccountModule, AppAsyncTable, AppAuthForm, AppAuthModal, AppAuthModule, AppChangePasswordModule, AppChangePasswordPage, AppEditor, AppEditorOptions, AppEntityEditor, AppEntityEditorModal, AppEntityEditorModalOptions, AppEntityFormModule, AppForm, AppFormArray, AppFormButtonsBarModule, AppFormContainer, AppFormField, AppFormModule, AppFormProvider, AppFormUtils, AppGestureConfig, AppHomePageModule, AppIconComponent, AppIconModule, AppIconSelectorField, AppIconSelectorModal, AppIconSelectorModule, AppImageGalleryComponent, AppImageGallerySlideshowComponent, AppInMemoryTable, AppInstallUpgradeCard, AppInstallUpgradeCardModule, AppListForm, AppListFormModule, AppLoadingSpinner, AppMarkdownContent, AppMarkdownModal, AppMenuModule, AppNullForm, AppPropertiesForm, AppPropertiesFormModule, AppPropertiesTable, AppPropertiesUtils, AppPropertyUtils, AppRegisterModule, AppResetPasswordModal, AppRowField, AppSelectPeerModule, AppSelectUsersModal, AppSettingsPageModule, AppTabEditor, AppTabEditorOptions, AppTable, AppTableModule, AppTableUtils, AppTextFormModule, AppTextPopoverModule, AppUpdateOfflineModeCard, AppUpdateOfflineModeCardModule, AppValidatorService, AppWebSocket, AppendQueryParamsPipePipe, ArrayDistinctPipe, ArrayFilterPipe, ArrayFindByPropertyPipe, ArrayFindPipe, ArrayFirstPipe, ArrayFormTestPage, ArrayIncludesPipe, ArrayJoinPipe, ArrayLastPipe, ArrayLengthPipe, ArrayMapPipe, ArrayPluckPipe, ArraySlicePipe, ArraySortPipe, AsAnyPipe, AsArrayPipe, AsBooleanPipe, AsFloatLabelTypePipe, AsObservablePipe, AudioProvider, AudioTestingModule, AudioTestingPage, AuthGuardService, AutoResizeDirective, AutoTitleDirective, AutoTooltipDirective, AutocompleteTestPage, AutofocusDirective, BadgeDirective, BadgeNumberPipe, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, BooleanFormatPipe, BooleanTestPage, CORE_CONFIG_OPTIONS, CORE_ICONS, CORE_TESTING_PAGES, CapitalizePipe, CellIdentifierDirective, CellSelectionDirective, CellSelectionService, CellValueChangeListener, ChangeCaseToUnderscorePipe, ChangePasswordForm, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigFragments, ConfigService, Configuration, CoreModule, CorePipesModule, CoreTestingModule, CryptoService, CsvUtils, DATE_ISO_PATTERN, DATE_ISO_PATTERNS, DATE_MATCH_REGEXP, DATE_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_JOIN_ARRAY_VALUES_SEPARATOR, DEFAULT_JOIN_PROPERTIES_SEPARATOR, DEFAULT_MENU_SHOW_WHEN, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFormatService, DateFromNowPipe, DateFromPipe, DateShortTestPage, DateTestPage, DateTimeTestPage, DateUtils, DebugComponent, Department, DepartmentToStringPipe, DisplayWithPipe, DragAndDropDirective, DurationPipe, DurationTestPage, ED25519_SEED_LENGTH, EMPTY_PLACEHOLDER_CHAR, EMPTY_PLACEHOLDER_CHAR_REGEXP_GLOBAL, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EmptyMissingTranslationHandler, EntitiesAsyncTableDataSource, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, EnvironmentHttpLoader, EnvironmentLoader, ErrorCodes, EvenPipe, FILE_KIND_ICONS, FeedAttachmentUtils, FeedDirective, FeedModule, FeedPage, FeedService, FeedsComponent, FileAttachmentComponent, FileAttachmentPreviewModal, FileAttachmentUtils, FileDownloadService, FileResponse, FileService, FileSizePipe, FileTypeUtils, FilesUtils, FirstFalsePipe, FirstPipe, FirstTruePipe, FormArrayAtControlPipe, FormArrayAtGroupPipe, FormArrayHelper, FormArrayTestModule, FormButtonsBarComponent, FormButtonsBarToken, FormErrorPipe, FormErrorTranslatePipe, FormErrorTranslator, FormFieldDefinitionUtils, FormFieldValuesHolder, FormGetArrayPipe, FormGetControlPipe, FormGetGroupPipe, FormGetNamePipe, FormGetPipe, FormGetValuePipe, GalleryTestPage, GeolocationUtils, GitlabUtils, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, HttpUtils, IMAGE_DEFAULTS, ION_ICONS, IPosition, IconSelectorTestPage, IconSelectorTestingModule, ImageAttachment, ImageAttachmentFilter, ImageAttachmentService, ImageGalleryModule, ImageGalleryTestingModule, ImageModule, ImageService, ImageSizes, ImagesUtils, InMemoryEntitiesService, InputFieldTestPage, IsAllSelectedPipe, IsEmptySelectionPipe, IsLoginAccountPipe, IsMultipleSelectionPipe, IsNilOrBlankPipe, IsNilOrNaNPipe, IsNilPipe, IsNotAllSelectedPipe, IsNotEmptySelectionPipe, IsNotNilOrBlankPipe, IsNotNilOrNaNPipe, IsNotNilPipe, IsOnDeskPipe, IsOnFieldPipe, IsSelectedPipe, IsSingleSelectionPipe, IsValidDatePipe, JobModule, JobProgression, JobProgressionComponent, JobProgressionIcon, JobProgressionList, JobProgressionService, JobProgressionTestService, JobProgressionTestingPage, JobTestingModule, JobUtils, JsonFeedUtils, JsonUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_PATTERNS, LAT_LONG_PATTERN_MAX_DECIMALS, LAT_LONG_VALUE_MAX_DECIMALS, LatLongFormatPipe, LatLongTestPage, LatitudeFormatPipe, ListFormTestPage, ListFormTestingModule, LocalSettingsService, LogLevel, LogUtils, Logger, LoggingService, LoggingServiceModule, LongitudeFormatPipe, MASKS, MASK_RANGES, MAT_FORM_FIELD_DEFAULT_APPEARANCE, MAT_FORM_FIELD_DEFAULT_SUBSCRIPT_SIZING, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MOMENT_NO_TIME_PROPERTY, MapGetPipe, MapKeysPipe, MapPipe, MapToPipe, MapValuesPipe, MarkdownDirective, MarkdownService, MarkdownTestPage, MarkdownTestingModule, MarkdownUtils, MaskitoPlaceholderPipe, MaskitoTestPage, MatAutocompleteConfigHolder, MatAutocompleteField, MatAutocompleteFieldUtils, MatBadgeTestPage, MatBooleanField, MatChipsField, MatColorPipe, MatCommonTestPage, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatLatLongFieldInput, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialAutocompleteFooterDirective, MaterialAutocompleteHeaderDirective, MaterialTestingModule, MathAbsPipe, MenuComponent, MenuItem, MenuItems, MenuOptions, MenuService, MenuTestingModule, MenuTestingPage, Message, MessageAttachment, MessageAttachmentUtils, MessageFilter, MessageForm, MessageModal, MessageModule, MessageService, MessageTypeList, MessageTypes, MimeTypes, ModalToolbarComponent, NETWORK_DEFAULT_CONNECTION_TIMEOUT, NamedFilter, NamedFilterFilter, NamedFilterSelector, NamedFilterSelectorTestingModule, NamedFilterSelectorTestingPage, NativeWebSocket, NavActionsColumnComponent, NestedTableTestPage, NetworkService, NetworkUtils, NewTokenForm, NewTokenModal, NgInitDirective, NgVarDirective, NoHtmlPipe, NotEmptyArrayPipe, NumberFormatPipe, ObservableTestPage, OddPipe, OtherMenuTestingPage, PEER_URL_REGEXP, PLUS_PLACEHOLDER_CHAR_REGEXP_GLOBAL, PRINT_ID_QUERY_PARAM, PRINT_LOADING_STORAGE_KEY_PREFIX, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFilterAdditionalFields, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, PrintService, ProgressBarService, ProgressInterceptor, PropertiesFormTestPage, PropertiesFormTestingModule, PropertyEntity, PropertyEntityFilter, PropertyEntityValidator, PropertyFormatPipe, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialFilter, ReferentialRef, ReferentialToStringPipe, ReferentialUtils, ReferentialValidatorService, ReferentialsToStringPipe, RegExpUtils, RegisterConfirmPage, RegisterForm, RegisterModal, ResizableComponent, ResizableDirective, ResizableModule, RoundPipe, RxStateComputed, RxStateModule, RxStateOutput, RxStateProperty, RxStateRegister, RxStateSelect, SCRYPT_PARAMS, SETTINGS_COMPACT_ROWS, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SHARED_ICONS, SHARED_IONIC_COMPONENTS, SHARED_MATERIAL_TESTING_PAGES, SHARED_STORAGE_TESTING_PAGES, SHARED_TESTING_PAGES, SOCIAL_CONFIG_OPTIONS, SOCIAL_ICONS, SOCIAL_TESTING_PAGES, SPACE_PLACEHOLDER_CHAR, SPACE_PLACEHOLDER_CHAR_REGEXP_GLOBAL, STARTUP_DATA_STORAGE_KEY, SafeHtmlPipe, SafeStylePipe, SelectPeerModal, SelectionLengthPipe, ServerErrorCodes, SettingsPage, SharedAsyncValidators, SharedBadgeModule, SharedDebugModule, SharedDirectivesModule, SharedFileAttachmentModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedIonicModule, SharedMarkdownModule, SharedMatAutocompleteModule, SharedMatBooleanModule, SharedMatChipsModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedNamedFilterModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedTestsPage, SharedToolbarModule, SharedValidators, SocialErrorCodes, SocialModule, SocialModuleOptionsToken, SocialTestingModule, Software, SplitArrayInChunksPipe, StartableService, StartupService, StatusById, StatusIds, StatusList, StorageDrivers, StorageExplorerComponent, StorageExplorerModule, StorageExplorerTestingModule, StorageExplorerTestingRoutingModule, StorageService, StorageServiceWrapper, StrIncludesPipe, StrLengthPipe, StrReplacePipe, SubMenuTabDirective, SwipeTestPage, TABLE_SETTINGS_ENUM, TOOLBAR_HEADER_ID, TRACKED_QUERIES_STORAGE_KEY, Table2TestPage, TableSelectColumnsComponent, TableTestPage, TableTestingModule, TableValidatorService, TextForm, TextFormTestingModule, TextFormTestingPage, TextPopover, TextPopoverTestingModule, TextPopoverTestingPage, ThrottledClickDirective, TimeFormatPipe, ToStringPipe, ToastTestingModule, ToastTestingPage, Toasts, TokenScope, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, TreeItemEntityUtils, TruncHtmlPipe, TruncTextPipe, TruncateHtmlPipe, USER_CONTROLLER, UploadFile, UploadFileComponent, UploadFilePopover, UploadFileTestingModule, UploadFileTestingPage, UriUtils, UrlUtils, UserController, UserEventModule, UserEventNotificationIcon, UserEventNotificationList, UserEventNotificationModal, UserEventTestService, UserEventTestingModule, UserEventTestingPage, UserSettings, UserToken, UserTokenTable, UsersPage, ValueFormatPipe, VersionUtils, accountToString, adaptValueToControl, addValueInArray, arrayDistinct, arrayResize, arraySize, asInputElement, assignSkipUndefined, base64ArrayBuffer, booleanToString, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, collectByProperty, collectByPropertyPath, compareValues, compareValuesDesc, compareVersionNumbers, composeComparators, computeDecimalDegrees, computeDecimalPart, copyEntity2Form, createApolloClientOptions, createAppStartupInitializer, createPromiseEvent, createPromiseEventEmitter, createTestingImageDataUrl, createTrackerLink, decorateWithTakeUntil, deepMergeSkipUndefined, departmentToString, departmentsToString, disableAndClearControl, disableAndClearControls, disableControl, disableControls, emitPromiseEvent, enableControl, enableControls, enableRxStateProdMode, entityToString, equals, equalsOrNil, escapeRegExp, expansionAnimation, fadeInAnimation, fadeInOutAnimation, fadeInSlowAnimation, filterFalse, filterFormErrors, filterFormErrorsByPath, filterFormErrorsByPrefix, filterNotNil, filterNumberInput, filterTrue, findParentWithClass, firstArrayValue, firstFalse, firstFalsePromise, firstNotNil, firstNotNilPromise, firstPromise, firstTrue, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatLong, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorLuminance, getColorShade, getColorTint, getControlFromPath, getFocusableInputElements, getFormControlName, getFormErrors, getFormValueFromEntity, getInputRangeFromCaretIndex, getInputSelectionRangesFromMask, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, getRandomImageWithCredit, getUserAgent, hasFocusWithin, hexToRgb, hexToRgbArray, initArrayControlsFromValues, initializeSharedModule, interpolateString, intersectArrays, isAndroid, isAppInputField, isAppTextInputField, isBlankString, isCapacitor, isChrome, isControlHasInput, isEdge, isEmptyArray, isEntityService, isFirefox, isFocusableElement, isIOS, isInputElement, isInstanceOf, isInt, isIpad, isLightColor, isMacOS, isMobile, isMutationOperation, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilBoolean, isNotNilObject, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, isOnFieldMode, isPrint, isProgressEvent, isPromise, isResponseEvent, isSafari, isSameVersion, isStartableService, isSubscriptionOperation, isTouchUi, isValidVersion, isVersionCompatible, isWebAnimationsSupported, isWindows, joinProperties, joinPropertiesPath, lastArrayValue, logFormErrors, loggerLink, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, maskitoAutoSelectByMaskPattern, maskitoPrefixPlugin, matchMedia, matchUpperCase, mergeLoadResult, mergeObjectsWithoutUndefined, mixHex, moveInputCaretToSeparator, newArray, noHtml, noTrailingSlash, notNilOrDefault, nullIfNilOrBlank, nullIfUndefined, numberOrNilAttribute, numberToString, parseBooleanText, parseLatLongText, parseLatitudeOrLongitude, parseVersion, propertiesPathComparator, propertyComparator, propertyPathComparator, provideAccountService, provideAllIonicIcons, provideIonicIcons, provideIonicIconsInitializer, providePersonService, referentialToString, referentialsToString, registerIonicIcons, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, restoreTrackedQueries, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputContentFromEvent, selectInputRange, setCalculatedValue, setControlEnabled, setControlRequired, setControlsEnabled, setFormErrors, setPropertyByPath, setTabIndex, sleep, slideDownAnimation, slideInAnimation, slideInOutAnimation, slideUpDownAnimation, sort, splitArrayInChunks, splitById, splitByProperty, splitDegreesToDDArray, splitDegreesToDDMMArray, splitDegreesToDDMMSSArray, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, testUserAgent, toBoolean, toDateISOString, toDuration, toFloat, toInt, toLoadData, toLoadResult, toNotNil, toNumber, trimEmptyToNull, truncateHtml, typeTextIntoInput, uncapitalizeFirstLetter, undefinedIfNull, underscoreToChangeCase, updateValueAndValidity, waitFor, waitForFalse, waitForTrue, waitIdle, waitWhilePending };
 //# sourceMappingURL=sumaris-net.ngx-components.mjs.map