@meshmakers/shared-services 3.3.34 → 3.3.390

package/fesm2022/meshmakers-shared-services.mjs

@@ -1,14 +1,203 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, NgModule } from '@angular/core';
-import { MatSnackBar } from '@angular/material/snack-bar';
-import { BehaviorSubject, throwError } from 'rxjs';
-import { retry, catchError } from 'rxjs/operators';
-import { parseISO, formatISO } from 'date-fns';
+import { inject, Injectable, makeEnvironmentProviders } from '@angular/core';
+import { ActivatedRoute, Router, NavigationEnd } from '@angular/router';
+import { BehaviorSubject, Subject, firstValueFrom, throwError } from 'rxjs';
+import { filter, retry, catchError } from 'rxjs/operators';
+
+class CommandOptions {
+}
+
+class CommandSettingsService {
+    _activatedRoute;
+    constructor() {
+        this._activatedRoute = inject(ActivatedRoute);
+    }
+    get navigateRelativeToRoute() {
+        return this._activatedRoute;
+    }
+    get commandItems() {
+        return [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CommandSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CommandSettingsService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CommandSettingsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class CommandBaseService {
+    commandSettingsService;
+    router;
+    constructor(commandSettingsService, router) {
+        this.commandSettingsService = commandSettingsService;
+        this.router = router;
+    }
+    async navigateAsync(commandItem, data) {
+        console.debug('navigateAsync', commandItem);
+        const hrefUri = await CommandBaseService.getHref(commandItem, data);
+        const link = await CommandBaseService.getLink(commandItem, data);
+        if (hrefUri) {
+            window.open(hrefUri, commandItem.target ?? "_blank");
+        }
+        else if (link) {
+            await this.router.navigate([link], {
+                relativeTo: this.commandSettingsService.navigateRelativeToRoute
+            });
+        }
+        else if (commandItem.onClick) {
+            await CommandBaseService.executeClickEvent(commandItem, data);
+        }
+        else {
+            console.debug('navigateAsync', 'no href or link');
+        }
+    }
+    static async getIsVisible(commandItem) {
+        if (commandItem.isVisible !== undefined) {
+            if (typeof commandItem.isVisible === 'boolean') {
+                return commandItem.isVisible;
+            }
+            else if (typeof commandItem.isVisible === 'function') {
+                return await commandItem.isVisible();
+            }
+        }
+        return true;
+    }
+    static getIsDisabled(commandItem) {
+        if (commandItem.isDisabled !== undefined) {
+            if (typeof commandItem.isDisabled === 'boolean') {
+                return commandItem.isDisabled;
+            }
+            else if (typeof commandItem.isDisabled === 'function') {
+                return commandItem.isDisabled();
+            }
+        }
+        return false;
+    }
+    static async getLink(commandItem, data) {
+        if (commandItem.link !== undefined) {
+            if (typeof commandItem.link === 'string') {
+                return CommandBaseService.interpolateString(commandItem.link, data);
+            }
+            else if (typeof commandItem.link === 'function') {
+                return CommandBaseService.interpolateString(await commandItem.link({ commandItem, data }), data);
+            }
+        }
+        return null;
+    }
+    static async getHref(commandItem, data) {
+        if (commandItem.href !== undefined) {
+            if (typeof commandItem.href === 'string') {
+                return CommandBaseService.interpolateString(commandItem.href, data);
+            }
+            else if (typeof commandItem.href === 'function') {
+                return CommandBaseService.interpolateString(await commandItem.href({ commandItem, data }), data);
+            }
+        }
+        return null;
+    }
+    static async executeClickEvent(commandItem, data) {
+        if (commandItem.onClick !== undefined) {
+            return await commandItem.onClick({ commandItem, data });
+        }
+    }
+    static interpolateString(template, data) {
+        return template?.replace(/{{\s*(\w+)\s*}}/g, (match, propName) => {
+            return data && data[propName] !== undefined ? data[propName] : match;
+        }) ?? null;
+    }
+}
+
+class CommandService extends CommandBaseService {
+    options = inject(CommandOptions);
+    _drawerItems = new BehaviorSubject([]);
+    _commandsMap = new Map();
+    // noinspection JSUnusedLocalSymbols
+    constructor() {
+        const router = inject(Router);
+        const commandSettingsService = inject(CommandSettingsService);
+        super(commandSettingsService, router);
+    }
+    // noinspection JSUnusedGlobalSymbols
+    async initialize() {
+        const items = new Array();
+        const commandItems = this.commandSettingsService.commandItems;
+        await this.createDrawerItems(commandItems, items, null);
+        this._drawerItems.next(items);
+    }
+    async createDrawerItems(commandItems, items, parentId) {
+        for (const commandItem of commandItems) {
+            const visible = await CommandBaseService.getIsVisible(commandItem);
+            if (!visible) {
+                continue;
+            }
+            if (commandItem.type === 'separator') {
+                items.push({
+                    id: commandItem.id,
+                    parentId: parentId ?? undefined,
+                    separator: true
+                });
+            }
+            else {
+                items.push({
+                    id: commandItem.id,
+                    parentId: parentId ?? undefined,
+                    text: commandItem.text,
+                    selected: commandItem.selected,
+                    svgIcon: commandItem.svgIcon
+                });
+                if (commandItem.children) {
+                    await this.createDrawerItems(commandItem.children, items, commandItem.id);
+                }
+                this._commandsMap.set(commandItem.id, commandItem);
+            }
+        }
+    }
+    // noinspection JSUnusedGlobalSymbols
+    get drawerItems() {
+        return this._drawerItems;
+    }
+    // noinspection JSUnusedGlobalSymbols
+    async setSelectedDrawerItem(value) {
+        console.debug('setSelectedDrawerItem', value);
+        if (typeof value.id !== "string") {
+            return;
+        }
+        const commandItem = this._commandsMap.get(value.id);
+        if (commandItem === undefined) {
+            return;
+        }
+        await this.navigateAsync(commandItem);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CommandService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CommandService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CommandService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * Transforms known backend error messages into user-friendly messages.
+ * Returns null if the error message is not recognized and should be displayed as-is.
+ */
+function transformErrorMessage(message) {
+    if (!message)
+        return null;
+    // MongoDB E11000 duplicate key error
+    if (message.includes('E11000 duplicate key')) {
+        return {
+            userMessage: 'An entity with this ID already exists. If you are importing data, try using the "Upsert" strategy instead of "Insert Only".',
+            technicalDetails: message
+        };
+    }
+    return null;
+}
 
 class MessageService {
-    snackBar = inject(MatSnackBar);
     latestErrorMessage;
     errorMessages;
+    // New message stream for all message types
+    messageSubject = new Subject();
+    messages$ = this.messageSubject.asObservable();
     constructor() {
         this.latestErrorMessage = new BehaviorSubject(null);
         this.errorMessages = new Array();
@@ -22,251 +211,270 @@ class MessageService {
     getLatestErrorMessage() {
         return this.latestErrorMessage.asObservable();
     }
-    showError(message, title) {
-        console.error(message);
-        const errorMessage = {
-            title,
-            message
+    showErrorWithDetails(message, details) {
+        console.error(`${details}: ${message}`);
+        const transformed = transformErrorMessage(message);
+        const displayMessage = transformed ? transformed.userMessage : message;
+        const displayDetails = transformed
+            ? (details ? `${details}\n\n${transformed.technicalDetails}` : transformed.technicalDetails)
+            : details;
+        const notificationMessage = {
+            level: "error",
+            details: displayDetails,
+            message: displayMessage,
+            timestamp: new Date()
         };
-        this.errorMessages.push(errorMessage);
-        this.latestErrorMessage.next(errorMessage);
+        this.errorMessages.push(notificationMessage);
+        this.latestErrorMessage.next(notificationMessage);
+        // Emit to the new message stream
+        this.messageSubject.next(notificationMessage);
     }
-    showErrorWithDetails(error) {
-        if (error instanceof Error) {
-            this.showError(error.message, 'Error');
-        }
-        else if (error === 'string') {
-            this.showError(error, 'Error');
-        }
-        else if (error instanceof Object) {
-            this.showError(JSON.stringify(error), 'Error');
-        }
-        else {
-            this.showError('Unknown error', 'Error');
-        }
-    }
-    showErrorMessage(message) {
+    showError(message) {
         console.error(message);
-        const errorMessage = {
-            title: message,
-            message
+        const transformed = transformErrorMessage(message);
+        const displayMessage = transformed ? transformed.userMessage : message;
+        const displayDetails = transformed ? transformed.technicalDetails : undefined;
+        const notificationMessage = {
+            level: "error",
+            message: displayMessage,
+            details: displayDetails,
+            timestamp: new Date()
         };
-        this.errorMessages.push(errorMessage);
-        this.latestErrorMessage.next(errorMessage);
+        this.errorMessages.push(notificationMessage);
+        this.latestErrorMessage.next(notificationMessage);
+        // Emit to the new message stream
+        this.messageSubject.next(notificationMessage);
     }
     showInformation(message) {
-        this.snackBar.open(message, undefined, {
-            duration: 3000,
-            // here specify the position
-            horizontalPosition: 'center',
-            verticalPosition: 'bottom'
+        console.log(message);
+        // Emit to the new message stream
+        this.messageSubject.next({
+            level: 'info',
+            message,
+            timestamp: new Date()
         });
     }
-    clearCurrentError() {
-        this.latestErrorMessage.next(null);
+    showSuccess(message) {
+        console.log(message);
+        // Emit to the new message stream
+        this.messageSubject.next({
+            level: 'success',
+            message,
+            timestamp: new Date()
+        });
     }
-    clearAllErrors() {
-        this.errorMessages = [];
-        this.latestErrorMessage.next(null);
+    showWarning(message) {
+        console.warn(message);
+        // Emit to the new message stream
+        this.messageSubject.next({
+            level: 'warning',
+            message: message,
+            timestamp: new Date()
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MessageService });
+    showWarningWithDetails(message, details) {
+        console.warn(`${message}: ${details}`);
+        // Emit to the new message stream
+        this.messageSubject.next({
+            level: 'warning',
+            details: details,
+            message: message,
+            timestamp: new Date()
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MessageService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MessageService, decorators: [{
-            type: Injectable
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MessageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: () => [] });
 
-class NfcReaderService {
-    ndef = null;
-    abortController = null;
-    // Emits NFC status updates to subscribers
-    nfcStatusSubject = new BehaviorSubject('');
-    nfcStatus$ = this.nfcStatusSubject.asObservable();
-    constructor() { }
-    convertSerialToEmployeeNumber(serial) {
-        if (!serial)
-            return '';
-        const cleanHex = serial.replace(/:/g, '');
-        const bytes = cleanHex.match(/.{1,2}/g) ?? [];
-        const reversedHex = bytes.reverse().join('');
-        const decimalValue = BigInt('0x' + reversedHex);
-        return decimalValue.toString();
-    }
-    async startScan(onSuccess, onError) {
-        if (!('NDEFReader' in window)) {
-            this.nfcStatusSubject.next('Web NFC is not supported in this browser.');
-            onError('Web NFC is not supported in this browser.');
+class ComponentMenuService extends CommandBaseService {
+    activatedRoute = inject(ActivatedRoute);
+    _menuItems = new BehaviorSubject([]);
+    constructor() {
+        const commandSettingsService = inject(CommandSettingsService);
+        const router = inject(Router);
+        super(commandSettingsService, router);
+        router.events
+            .pipe(filter(event => event instanceof NavigationEnd))
+            .subscribe(() => {
+            this._menuItems.next(this.createNavigationMenu(this.activatedRoute.root));
+        });
+        this._menuItems.next(this.createNavigationMenu(this.activatedRoute.root));
+    }
+    // noinspection JSUnusedGlobalSymbols
+    get menuItems() {
+        return this._menuItems;
+    }
+    createNavigationMenu(route, path = []) {
+        const children = route.children;
+        for (const child of children) {
+            const commandItems = child.snapshot.data['navigationMenu'];
+            if (commandItems) {
+                path.push(...this.buildMenuItems(commandItems, child));
+            }
+            return this.createNavigationMenu(child, path);
+        }
+        return path;
+    }
+    // noinspection JSUnusedGlobalSymbols
+    async setSelectedMenuItem(value) {
+        console.debug('setSelectedMenuItem', value);
+        const commandItem = value.data;
+        if (!commandItem) {
             return;
         }
-        this.abortController = new AbortController();
-        this.ndef = new NDEFReader();
-        try {
-            await this.ndef.scan({ signal: this.abortController.signal });
-            this.nfcStatusSubject.next('NFC scan started. Waiting for a tag...');
-            onSuccess('', '', []); // Optional: Notify scan started
-            this.ndef.onreading = (event) => {
-                console.log('Tag read event fired', event);
-                const serial = event.serialNumber ?? 'Unknown Serial';
-                const employeeNumber = this.convertSerialToEmployeeNumber(serial);
-                const messages = [];
-                if (event.message.records && event.message.records.length > 0) {
-                    for (const record of event.message.records) {
-                        if (record.data) {
-                            const text = new TextDecoder().decode(record.data.buffer);
-                            messages.push(`Type: ${record.recordType}, MIME: ${record.mediaType ?? 'n/a'}, Text: ${text}`);
+        await this.navigateAsync(commandItem);
+    }
+    buildMenuItems(commandItems, activatedRoute) {
+        const items = new Array();
+        for (const commandItem of commandItems) {
+            if (commandItem.type === 'separator') {
+                items.push({ separator: true });
+            }
+            else {
+                let childMenuItems = undefined;
+                if (commandItem.children) {
+                    childMenuItems = this.buildMenuItems(commandItem.children, activatedRoute);
+                }
+                let label = commandItem.text;
+                if (label) {
+                    // We replace the label parameters with the actual values from route (use updateBreadcrumbLabels to update the labels with data)
+                    // noinspection RegExpDuplicateCharacterInClass
+                    const labelParams = label.match(/[^{{]+(?=}})/g);
+                    if (labelParams) {
+                        for (const labelParam of labelParams) {
+                            const routerParamID = activatedRoute.snapshot.params[labelParam];
+                            if (routerParamID) {
+                                label = label.replace('{{' + labelParam + '}}', routerParamID);
+                            }
                         }
                     }
                 }
-                this.nfcStatusSubject.next('NFC tag read successfully.');
-                onSuccess(serial, employeeNumber, messages);
-            };
-            this.ndef.onreadingerror = () => {
-                this.nfcStatusSubject.next('Error reading NFC tag.');
-                onError('Error reading NFC tag.');
-            };
-        }
-        catch (err) {
-            console.error('Error reading NFC tag: ', err);
-            this.nfcStatusSubject.next('Error starting NFC scan.');
-            onError('Error starting NFC scan.');
-        }
-    }
-    stopScan() {
-        if (this.abortController) {
-            this.abortController.abort();
-            this.abortController = null;
-            this.ndef = null;
-            this.nfcStatusSubject.next('NFC scan stopped.');
+                items.push({
+                    text: label,
+                    svgIcon: commandItem.svgIcon,
+                    data: commandItem,
+                    items: childMenuItems
+                });
+            }
         }
+        return items;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NfcReaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NfcReaderService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ComponentMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ComponentMenuService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NfcReaderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ComponentMenuService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
-class QrCodeScannerService {
-    stream = null;
-    async isSupported() {
-        const BarcodeDetectorClass = window.BarcodeDetector;
-        return !!BarcodeDetectorClass &&
-            await BarcodeDetectorClass.getSupportedFormats().then((formats) => formats.includes("qr_code"));
-    }
-    async scan(video) {
-        const BarcodeDetectorClass = window.BarcodeDetector;
-        const detector = new BarcodeDetectorClass({ formats: ['qr_code'] });
-        try {
-            this.stream = await navigator.mediaDevices.getUserMedia({
-                video: { facingMode: 'environment' }
-            });
-            video.srcObject = this.stream;
-            // Ensure video is playing before scanning
-            await video.play();
-            return new Promise((resolve, reject) => {
-                const detectLoop = async () => {
-                    try {
-                        const barcodes = await detector.detect(video);
-                        if (barcodes.length > 0) {
-                            this.stop();
-                            resolve(barcodes[0].rawValue);
-                            return;
+class BreadCrumbService {
+    activatedRoute = inject(ActivatedRoute);
+    router = inject(Router);
+    _breadCrumbItems = new BehaviorSubject([]);
+    constructor() {
+        this.router.events
+            .pipe(filter(event => event instanceof NavigationEnd))
+            .subscribe(() => {
+            this._breadCrumbItems.next(this.createBreadCrumbs(this.activatedRoute.root));
+        });
+        this._breadCrumbItems.next(this.createBreadCrumbs(this.activatedRoute.root));
+    }
+    createBreadCrumbs(route, path = []) {
+        const children = route.children;
+        for (const child of children) {
+            const breadCrumbRouteItems = child.snapshot.data['breadcrumb'];
+            if (breadCrumbRouteItems) {
+                for (const breadCrumbRouteItem of breadCrumbRouteItems) {
+                    let label = breadCrumbRouteItem.label;
+                    let url = breadCrumbRouteItem.url;
+                    // We replace the route parameters with the actual values
+                    // Match all :paramName patterns in the URL
+                    const paramMatches = url.match(/:([a-zA-Z0-9_]+)/g);
+                    if (paramMatches) {
+                        for (const match of paramMatches) {
+                            const paramName = match.substring(1); // Remove leading ':'
+                            const paramValue = child.snapshot.params[paramName];
+                            if (paramValue) {
+                                url = url.replace(match, paramValue);
+                            }
                         }
                     }
-                    catch (err) {
-                        this.stop();
-                        reject(err);
-                        return;
+                    // We replace the label parameters with the actual values from route (use updateBreadcrumbLabels to update the labels with data)
+                    // noinspection RegExpDuplicateCharacterInClass
+                    const labelParams = label.match(/[^{{]+(?=}})/g);
+                    if (labelParams) {
+                        for (const labelParam of labelParams) {
+                            const routerParamID = child.snapshot.params[labelParam];
+                            if (routerParamID) {
+                                label = label.replace('{{' + labelParam + '}}', routerParamID);
+                            }
+                        }
                     }
-                    requestAnimationFrame(detectLoop);
-                };
-                detectLoop();
-            });
-        }
-        catch (err) {
-            console.error("Camera access or scan error", err);
-            this.stop();
-            throw err;
+                    path.push({
+                        text: label,
+                        title: label,
+                        labelTemplate: breadCrumbRouteItem.label,
+                        svgIcon: breadCrumbRouteItem.svgIcon,
+                        url: url
+                    });
+                }
+            }
+            return this.createBreadCrumbs(child, path);
         }
+        return path;
     }
-    stop() {
-        if (this.stream) {
-            this.stream.getTracks().forEach(track => track.stop());
-            this.stream = null;
+    /*
+      * This method updates the breadcrumb labels with the data passed in the parameter. Parameters are passed in the label as {{paramName}}
+     */
+    // noinspection JSUnusedGlobalSymbols
+    async updateBreadcrumbLabels(data) {
+        const list = await firstValueFrom(this._breadCrumbItems);
+        for (const breadCrumbDataItem of list) {
+            // noinspection RegExpDuplicateCharacterInClass
+            const labelParams = breadCrumbDataItem.labelTemplate.match(/[^{{]+(?=}})/g);
+            if (labelParams) {
+                for (const labelParam of labelParams) {
+                    const value = data[labelParam];
+                    if (!value) {
+                        continue;
+                    }
+                    breadCrumbDataItem.title = breadCrumbDataItem.labelTemplate.replace('{{' + labelParam + '}}', data[labelParam]);
+                    breadCrumbDataItem.text = breadCrumbDataItem.title;
+                }
+            }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QrCodeScannerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QrCodeScannerService });
+    // noinspection JSUnusedGlobalSymbols
+    get breadCrumbItems() {
+        return this._breadCrumbItems;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BreadCrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BreadCrumbService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QrCodeScannerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BreadCrumbService, decorators: [{
             type: Injectable
-        }] });
+        }], ctorParameters: () => [] });
 
-class MacoSchemeDecoderService {
-    locationMap = {
-        AT10: 'ATSA',
-        AT20: 'ATTR',
-        AT30: 'ATMA',
-        DE20: 'DEHE',
-        PL91: 'POGL',
-    };
-    /**
-     * Parses a MACO scheme URL and extracts a mapped location code and machine ID from the last URL segment.
-     *
-     * @param url - The URL to parse.
-     * @returns A `ParseResponse` containing:
-     *  - `success: true` with extracted location and machine ID if parsing is successful.
-     *  - `success: false` with an error message if the input is invalid or cannot be parsed.
-     */
-    parseUrl(url) {
-        if (!url || url.trim() === '') {
-            return {
-                success: false,
-                message: 'The URL is empty. Please enter a valid URL.'
-            };
-        }
-        // Extract last path segment
-        const parts = url.split('/');
-        const lastSegment = parts.pop() || '';
-        if (!lastSegment) {
-            return {
-                success: false,
-                message: 'URL does not contain a valid last segment.'
-            };
-        }
-        if (lastSegment.length < 4) {
-            return {
-                success: false,
-                message: 'The last segment format is invalid or too short.'
-            };
-        }
-        const locationCode = lastSegment.substring(0, 4); // e.g. 'AT10'
-        const machineCode = lastSegment.substring(4); // e.g. 'MAFEB2'
-        if (!this.locationMap[locationCode]) {
-            return {
-                success: false,
-                message: 'Location code is not recognized or supported.'
-            };
-        }
-        if (!machineCode || machineCode.trim() === '') {
-            return {
-                success: false,
-                message: 'Machine identifier is missing.'
-            };
-        }
-        return {
-            success: true,
-            message: `Successfully parsed URL: location=${this.locationMap[locationCode]}, machine=${machineCode}`,
-            data: {
-                location: this.locationMap[locationCode],
-                machineId: machineCode,
-            }
-        };
+class AppTitleService {
+    _appTitle = new BehaviorSubject(null);
+    setTitle(title) {
+        this._appTitle.next(title);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MacoSchemeDecoderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MacoSchemeDecoderService });
+    getTitle() {
+        return this._appTitle.value;
+    }
+    get appTitle() {
+        return this._appTitle.asObservable();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AppTitleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AppTitleService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MacoSchemeDecoderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: AppTitleService, decorators: [{
             type: Injectable
         }] });
 
@@ -275,7 +483,7 @@ class MmHttpErrorInterceptor {
     intercept(request, next) {
         return next.handle(request).pipe(retry(0), catchError((error) => {
             if (error.status === 0) {
-                this.messageService.showError('Cannot connect to server. Please check your network connection or if the server is down.', 'Connection Error');
+                this.messageService.showError('Cannot connect to server. Please check your network connection or if the server is down.');
             }
             if (error.status === 400 && error.error.statusCode) {
                 const apiError = error.error;
@@ -287,75 +495,33 @@ class MmHttpErrorInterceptor {
                         }
                     }
                 }
-                this.messageService.showError(details, apiError.message);
+                this.messageService.showErrorWithDetails(details, apiError.message);
             }
             return throwError(() => error);
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MmHttpErrorInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MmHttpErrorInterceptor });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MmHttpErrorInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MmHttpErrorInterceptor });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MmHttpErrorInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MmHttpErrorInterceptor, decorators: [{
             type: Injectable
         }] });
 
-class SharedServicesModule {
-    static forRoot() {
-        return {
-            ngModule: SharedServicesModule,
-            providers: [MessageService, NfcReaderService, QrCodeScannerService, MacoSchemeDecoderService, MmHttpErrorInterceptor],
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SharedServicesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: SharedServicesModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SharedServicesModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SharedServicesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [],
-                    exports: []
-                }]
-        }] });
-
-class BreadcrumbService {
-    _breadcrumbLabels;
-    _newBreadcrumb;
-    constructor() {
-        this._breadcrumbLabels = new BehaviorSubject([]);
-        this._newBreadcrumb = new BehaviorSubject([]);
-    }
-    get breadcrumbLabels() {
-        return this._breadcrumbLabels;
+class BreadCrumbData {
+    constructor(label, labelTemplate, url) {
+        this.text = label;
+        this.labelTemplate = labelTemplate;
+        this.url = url;
     }
-    get newBreadcrumb() {
-        return this._newBreadcrumb;
-    }
-    updateBreadcrumbLabels(labels) {
-        this.breadcrumbLabels.next(labels);
-    }
-    updateBreadcrumb(newBreadcrumb) {
-        this.newBreadcrumb.next(newBreadcrumb);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BreadcrumbService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BreadcrumbService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
-class AutoCompleteResult {
-    searchTerm;
-    list;
-}
-
-class ErrorMessage {
+    text;
     title;
-    message;
+    disabled;
+    icon;
+    svgIcon;
+    iconClass;
+    imageUrl;
+    labelTemplate;
+    url;
 }
 
 class PagedResultDto {
@@ -371,14 +537,67 @@ class PagedResultDto {
     }
 }
 
+class TreeItemDataTyped {
+    _id;
+    _text;
+    _tooltip;
+    _item;
+    _svgIcon;
+    _isExpandable;
+    _isExpanded;
+    constructor(_id, _text, _tooltip, _item, _svgIcon, expandable = false, isExpanded = false) {
+        this._id = _id;
+        this._text = _text;
+        this._tooltip = _tooltip;
+        this._item = _item;
+        this._svgIcon = _svgIcon;
+        this._isExpandable = expandable;
+        this._isExpanded = expandable && isExpanded;
+    }
+    get id() {
+        return this._id;
+    }
+    get text() {
+        return this._text;
+    }
+    get tooltip() {
+        return this._tooltip;
+    }
+    get item() {
+        return this._item;
+    }
+    get svgIcon() {
+        return this._svgIcon;
+    }
+    get expandable() {
+        return this._isExpandable;
+    }
+    set expandable(value) {
+        this._isExpandable = value;
+    }
+    get isExpanded() {
+        return this._isExpanded;
+    }
+    set isExpanded(value) {
+        this._isExpanded = value;
+    }
+}
+
+/**
+ * Legacy DataSourceBase class for backward compatibility with libraries
+ * that import DataSourceBase from @meshmakers/shared-services.
+ *
+ * In the Refinery Studio version, DataSourceBase moved to @meshmakers/shared-ui.
+ * This re-export ensures old compiled libraries (octo-services, etc.) continue to work.
+ */
 class DataSourceBase {
     dataSubject = new BehaviorSubject([]);
     loadingSubject = new BehaviorSubject(false);
     totalCountSubject = new BehaviorSubject(0);
     loading$ = this.loadingSubject.asObservable();
     totalCount$ = this.totalCountSubject.asObservable();
-    addedDtoList = new Array();
-    removedDtoList = new Array();
+    addedDtoList = [];
+    removedDtoList = [];
     lastPagedResult = null;
     get totalCount() {
         return this.totalCount$;
@@ -413,10 +632,10 @@ class DataSourceBase {
     get removedTemporaryDtos() {
         return this.removedDtoList;
     }
-    connect(_) {
+    connect(_collectionViewer) {
         return this.dataSubject.asObservable();
     }
-    disconnect(_) {
+    disconnect(_collectionViewer) {
         this.clear();
     }
     clear() {
@@ -433,7 +652,7 @@ class DataSourceBase {
     }
     onEndLoad() {
         if (this.lastPagedResult !== null) {
-            const totalCount = this.lastPagedResult?.totalCount + this.addedDtoList.length - this.removedDtoList.length;
+            const totalCount = this.lastPagedResult.totalCount + this.addedDtoList.length - this.removedDtoList.length;
             const list = this.lastPagedResult.list.concat(this.addedDtoList).filter((x) => !this.removedDtoList.includes(x));
             this.loadingSubject?.next(false);
             this.dataSubject?.next(list);
@@ -449,104 +668,120 @@ class DataSourceBase {
     }
 }
 
-class GenericDataSource {
-    data;
-    dataSubject = new BehaviorSubject([]);
-    constructor(data) {
-        this.data = data;
-        this.dataSubject.next(data);
-    }
-    emitChanged() {
-        this.dataSubject.next(this.data);
-    }
-    connect(_) {
-        return this.dataSubject.asObservable();
-    }
-    disconnect(_) {
-        this.dataSubject.complete();
-    }
-}
-
+/**
+ * Legacy IsoDateTime utility class for backward compatibility.
+ * Uses native Date API instead of date-fns.
+ */
 class IsoDateTime {
     static utcToLocalDateTimeIso(utcDateTime) {
         if (!utcDateTime) {
             return null;
         }
-        return parseISO(utcDateTime).toISOString();
+        return new Date(utcDateTime).toISOString();
     }
     static localToUtcDateTimeIso(localDateTime) {
         if (!localDateTime) {
             return null;
         }
-        return formatISO(localDateTime);
+        return new Date(localDateTime).toISOString();
     }
     static currentUtcDateTimeIso() {
-        return formatISO(Date.now());
+        return new Date().toISOString();
     }
 }
 
-class EnumTuple {
-    id;
-    name;
-}
-class EnumReader {
-    value;
-    constructor(value) {
-        this.value = value;
-    }
-    getNamesAndValues() {
-        return this.getNames().map((n) => {
-            return { name: this.value[n], id: n };
-        });
-    }
-    getNames() {
-        return Object.keys(this.value);
-    }
-    getObjValues() {
-        return Object.keys(this.value).map((k) => this.value[k]);
+/**
+ * Legacy QrCodeScannerService for backward compatibility.
+ */
+class QrCodeScannerService {
+    stream = null;
+    async isSupported() {
+        const BarcodeDetectorClass = window.BarcodeDetector;
+        return !!BarcodeDetectorClass &&
+            await BarcodeDetectorClass.getSupportedFormats().then((formats) => formats.includes('qr_code'));
     }
-}
-
-class ObjectCloner {
-    static cloneArray(source, ignoreProperties = null) {
-        // Klone das Array
-        let clonedArray = [...source];
-        if (ignoreProperties && typeof clonedArray[0] === 'object') {
-            clonedArray = clonedArray.map(item => {
-                const clonedItem = { ...item };
-                ignoreProperties.forEach(prop => delete clonedItem[prop]);
-                return clonedItem;
+    async scan(video) {
+        const BarcodeDetectorClass = window.BarcodeDetector;
+        const detector = new BarcodeDetectorClass({ formats: ['qr_code'] });
+        try {
+            this.stream = await navigator.mediaDevices.getUserMedia({
+                video: { facingMode: 'environment' }
+            });
+            video.srcObject = this.stream;
+            await video.play();
+            return new Promise((resolve, reject) => {
+                const detectLoop = async () => {
+                    try {
+                        const barcodes = await detector.detect(video);
+                        if (barcodes.length > 0) {
+                            this.stop();
+                            resolve(barcodes[0].rawValue);
+                            return;
+                        }
+                    }
+                    catch (err) {
+                        this.stop();
+                        reject(err);
+                        return;
+                    }
+                    requestAnimationFrame(detectLoop);
+                };
+                detectLoop();
             });
         }
-        return clonedArray;
-    }
-    static cloneObject(source, ignoreProperties = null) {
-        const clonedObject = Object.assign({}, source);
-        if (ignoreProperties != null) {
-            for (const prop of ignoreProperties) {
-                delete clonedObject[prop];
-            }
+        catch (err) {
+            this.stop();
+            throw err;
         }
-        return clonedObject;
     }
-    static cloneObject2(source, source2, ignoreProperties = null) {
-        const clonedObject = Object.assign({}, source, source2);
-        if (ignoreProperties != null) {
-            for (const prop of ignoreProperties) {
-                delete clonedObject[prop];
-            }
+    stop() {
+        if (this.stream) {
+            this.stream.getTracks().forEach(track => track.stop());
+            this.stream = null;
         }
-        return clonedObject;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: QrCodeScannerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: QrCodeScannerService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: QrCodeScannerService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Legacy ErrorMessage class for backward compatibility.
+ */
+class ErrorMessage {
+    title;
+    message;
+}
+
+class AutoCompleteResult {
+    searchTerm;
+    list;
 }
 
 /*
  * Public API Surface of shared-services
  */
+function provideMmSharedServices(commandOptions) {
+    return makeEnvironmentProviders([
+        MessageService,
+        CommandService,
+        CommandSettingsService,
+        ComponentMenuService,
+        AppTitleService,
+        MmHttpErrorInterceptor,
+        BreadCrumbService,
+        {
+            provide: CommandOptions,
+            useValue: commandOptions
+        }
+    ]);
+}
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AutoCompleteResult, BreadcrumbService, DataSourceBase, EnumReader, EnumTuple, ErrorMessage, GenericDataSource, IsoDateTime, MacoSchemeDecoderService, MessageService, MmHttpErrorInterceptor, NfcReaderService, ObjectCloner, PagedResultDto, QrCodeScannerService, SharedServicesModule };
+export { AppTitleService, AutoCompleteResult, BreadCrumbData, BreadCrumbService, BreadCrumbService as BreadcrumbService, CommandBaseService, CommandOptions, CommandService, CommandSettingsService, ComponentMenuService, DataSourceBase, ErrorMessage, IsoDateTime, MessageService, MmHttpErrorInterceptor, PagedResultDto, QrCodeScannerService, TreeItemDataTyped, provideMmSharedServices };
 //# sourceMappingURL=meshmakers-shared-services.mjs.map