@yuuvis/client-shell-core 2.20.1 → 3.0.0-beta.20.0

package/esm2022/lib/services/shell/shell.bootstrap.js

@@ -0,0 +1,84 @@
+import { inject, provideAppInitializer } from '@angular/core';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { BaseObjectTypeField, provideAvailabilityManagement, provideRequirements, provideUser } from '@yuuvis/client-core';
+import { provideClientShellAlwaysShowNotifications, provideClientShellFeatures } from '../feature/feature.providers';
+import { getShellConfigQueryString, SHELL_CONFIG_FEATURES } from '../shell-config/shell-config.const';
+import { requirementsMapping } from './requirements.parser';
+import { ShellService } from './shell.service';
+/**
+ * Boostraps a yuuvis Momentum shell client.
+ *
+ * ```ts
+ * import { bootstrapShellApplication } from '@yuuvis/client-shell-core';
+ *
+ * bootstrapShellApplication(AppComponent, appConfig).catch((err) => console.error(err));
+ * ```
+ *
+ * @param rootComponent Root component of the application
+ * @param options Application configuration
+ * @returns
+ */
+export async function bootstrapShellApplication(rootComponent, options, shellOptions, requirements) {
+    const o = options || {
+        providers: []
+    };
+    const defaultProviders = [];
+    const userResponse = await fetch('/api-web/api/idm/whoami', {
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    });
+    if (!userResponse.ok) {
+        if (userResponse.status === 401) {
+            window.location.href = `${location.origin}/logout`;
+        }
+        else {
+            throw new Error('Failed to fetch user information');
+        }
+    }
+    const userRes = await userResponse.json();
+    o.providers = [...o.providers, provideUser(userRes)];
+    if (shellOptions?.enableObjectTypeConfig) {
+        defaultProviders.push(provideAppInitializer(() => {
+            inject(ShellService)._initObjectTypeConfig();
+        }));
+    }
+    if (shellOptions?.alwaysShowNotifications) {
+        defaultProviders.push(provideClientShellAlwaysShowNotifications(true));
+    }
+    // only call the backend if there actually are requirements to check
+    if (requirements && Object.keys(requirements).length > 0) {
+        const requirementsResponse = await fetch(`/api/dms/apps`, { headers: { 'Content-Type': 'application/json' } });
+        if (requirementsResponse.ok) {
+            defaultProviders.push(provideAvailabilityManagement(requirementsMapping(await requirementsResponse.json())));
+        }
+        defaultProviders.push(provideRequirements(requirements));
+    }
+    if (userRes && shellOptions?.enableFeatureConfig) {
+        // find the config file
+        const response = await fetch('/api/dms/objects/search', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                query: {
+                    statement: getShellConfigQueryString(SHELL_CONFIG_FEATURES)
+                }
+            })
+        });
+        const res = await response.json();
+        const objects = res.objects;
+        if (objects?.length > 0) {
+            const id = objects[0]?.properties[BaseObjectTypeField.OBJECT_ID].value;
+            const file = await fetch(`/api/dms/objects/${id}/contents/file`, { headers: { 'Content-Type': 'application/json' } });
+            const res = await file.json();
+            const shellFeatureConfig = {
+                objectID: id,
+                features: res || []
+            };
+            defaultProviders.push(provideClientShellFeatures(shellFeatureConfig));
+        }
+    }
+    o.providers = [...defaultProviders, ...o.providers];
+    return bootstrapApplication(rootComponent, o);
+}
+//# sourceMappingURL=shell.bootstrap.js.map

package/esm2022/lib/services/shell/shell.bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.bootstrap.js","sourceRoot":"","sources":["../../../../../../../../libs/yuuvis/client-shell-core/src/lib/services/shell/shell.bootstrap.ts"],"names":[],"mappings":"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","sourcesContent":["import { ApplicationConfig, ApplicationRef, inject, provideAppInitializer, Type } from '@angular/core';\nimport { bootstrapApplication } from '@angular/platform-browser';\nimport { BaseObjectTypeField, Requirements, provideAvailabilityManagement, provideRequirements, provideUser } from '@yuuvis/client-core';\nimport { ShellBootstrapOptions } from '../../models/client-shell.interface';\nimport { ClientShellFeatureConfig } from '../feature/feature.interface';\nimport { provideClientShellAlwaysShowNotifications, provideClientShellFeatures } from '../feature/feature.providers';\nimport { getShellConfigQueryString, SHELL_CONFIG_FEATURES } from '../shell-config/shell-config.const';\nimport { requirementsMapping } from './requirements.parser';\nimport { ShellService } from './shell.service';\n\n/**\n * Boostraps a yuuvis Momentum shell client.\n *\n * ```ts\n * import { bootstrapShellApplication } from '@yuuvis/client-shell-core';\n *\n * bootstrapShellApplication(AppComponent, appConfig).catch((err) => console.error(err));\n * ```\n *\n * @param rootComponent Root component of the application\n * @param options Application configuration\n * @returns\n */\nexport async function bootstrapShellApplication(\n  rootComponent: Type<unknown>,\n  options?: ApplicationConfig,\n  shellOptions?: ShellBootstrapOptions,\n  requirements?: Requirements\n): Promise<ApplicationRef> {\n  const o: ApplicationConfig = options || {\n    providers: []\n  };\n  const defaultProviders = [];\n  const userResponse: Response = await fetch('/api-web/api/idm/whoami', {\n    headers: {\n      'Content-Type': 'application/json'\n    }\n  });\n\n  if (!userResponse.ok) {\n    if (userResponse.status === 401) {\n      window.location.href = `${location.origin}/logout`;\n    } else {\n      throw new Error('Failed to fetch user information');\n    }\n  }\n\n  const userRes = await userResponse.json();\n  o.providers = [...o.providers, provideUser(userRes)];\n\n  if (shellOptions?.enableObjectTypeConfig) {\n    defaultProviders.push(\n      provideAppInitializer(() => {\n        inject(ShellService)._initObjectTypeConfig();\n      })\n    );\n  }\n\n  if (shellOptions?.alwaysShowNotifications) {\n    defaultProviders.push(provideClientShellAlwaysShowNotifications(true));\n  }\n\n  // only call the backend if there actually are requirements to check\n  if (requirements && Object.keys(requirements).length > 0) {\n    const requirementsResponse: Response = await fetch(`/api/dms/apps`, { headers: { 'Content-Type': 'application/json' } });\n    if (requirementsResponse.ok) {\n      defaultProviders.push(provideAvailabilityManagement(requirementsMapping(await requirementsResponse.json())));\n    }\n    defaultProviders.push(provideRequirements(requirements));\n  }\n\n  if (userRes && shellOptions?.enableFeatureConfig) {\n    // find the config file\n    const response = await fetch('/api/dms/objects/search', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({\n        query: {\n          statement: getShellConfigQueryString(SHELL_CONFIG_FEATURES)\n        }\n      })\n    });\n    const res = await response.json();\n\n    const objects = res.objects;\n    if (objects?.length > 0) {\n      const id = objects[0]?.properties[BaseObjectTypeField.OBJECT_ID].value;\n\n      const file = await fetch(`/api/dms/objects/${id}/contents/file`, { headers: { 'Content-Type': 'application/json' } });\n      const res = await file.json();\n      const shellFeatureConfig: ClientShellFeatureConfig = {\n        objectID: id,\n        features: res || []\n      };\n\n      defaultProviders.push(provideClientShellFeatures(shellFeatureConfig));\n    }\n  }\n  o.providers = [...defaultProviders, ...o.providers];\n  return bootstrapApplication(rootComponent, o);\n}\n"]}

package/esm2022/lib/services/shell/shell.providers.js

@@ -0,0 +1,20 @@
+import { inject, provideAppInitializer } from '@angular/core';
+import { FeatureService } from '../feature/feature.service';
+import { NoopExtension } from './noop.extension';
+export const importShellExtensions = (extensionImports) => {
+    const providers = [];
+    // TODO: find proper way of typing
+    const ne = NoopExtension;
+    providers.push(ne);
+    extensionImports.forEach((extensionImport) => {
+        providers.push(extensionImport.extension);
+        providers.push(provideAppInitializer(() => {
+            const e = inject(FeatureService).canUseFeatureById(extensionImport.id)
+                ? extensionImport.extension
+                : NoopExtension;
+            return inject(e).init();
+        }));
+    });
+    return providers;
+};
+//# sourceMappingURL=shell.providers.js.map

package/esm2022/lib/services/shell/shell.providers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.providers.js","sourceRoot":"","sources":["../../../../../../../../libs/yuuvis/client-shell-core/src/lib/services/shell/shell.providers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,MAAM,EAAE,qBAAqB,EAAiB,MAAM,eAAe,CAAC;AAEnG,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwC,EAA0B,EAAE;IACxG,MAAM,SAAS,GAA2B,EAAE,CAAC;IAC7C,kCAAkC;IAClC,MAAM,EAAE,GAAG,aAAoB,CAAC;IAChC,SAAS,CAAC,IAAI,CAAC,EAA0B,CAAC,CAAC;IAC3C,gBAAgB,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,EAAE;QAC3C,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,SAA4C,CAAC,CAAC;QAC7E,SAAS,CAAC,IAAI,CACZ,qBAAqB,CAAC,GAAG,EAAE;YACzB,MAAM,CAAC,GAAwC,MAAM,CAAC,cAAc,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,EAAE,CAAC;gBACzG,CAAC,CAAE,eAAe,CAAC,SAAiD;gBACpE,CAAC,CAAC,aAAa,CAAC;YAClB,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAC1B,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC","sourcesContent":["import { EnvironmentProviders, inject, provideAppInitializer, ProviderToken } from '@angular/core';\nimport { ClientShellExtension, ShellExtensionImport } from '../../models/client-shell.interface';\nimport { FeatureService } from '../feature/feature.service';\nimport { NoopExtension } from './noop.extension';\n\nexport const importShellExtensions = (extensionImports: ShellExtensionImport[]): EnvironmentProviders[] => {\n  const providers: EnvironmentProviders[] = [];\n  // TODO: find proper way of typing\n  const ne = NoopExtension as any;\n  providers.push(ne as EnvironmentProviders);\n  extensionImports.forEach((extensionImport) => {\n    providers.push(extensionImport.extension as unknown as EnvironmentProviders);\n    providers.push(\n      provideAppInitializer(() => {\n        const e: ProviderToken<ClientShellExtension> = inject(FeatureService).canUseFeatureById(extensionImport.id)\n          ? (extensionImport.extension as ProviderToken<ClientShellExtension>)\n          : NoopExtension;\n        return inject(e).init();\n      })\n    );\n  });\n  return providers;\n};\n"]}

package/esm2022/lib/services/shell/shell.service.js

@@ -0,0 +1,455 @@
+import { inject, Injectable, signal, DOCUMENT } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
+import { ApiBase, BaseObjectTypeField, ConfigService, DmsService, SystemService, SystemType, TranslateService, UserService, Utils } from '@yuuvis/client-core';
+import { BehaviorSubject, debounceTime, filter, first, firstValueFrom, fromEvent, map, of, tap } from 'rxjs';
+import { CLIENT_SHELL_ASSETS } from '../../client-shell.assets';
+import { SHELL_CONFIG_TYPES } from '../shell-config/shell-config.const';
+import { ShellConfigService } from '../shell-config/shell-config.service';
+import * as i0 from "@angular/core";
+export class ShellService {
+    #dmsService;
+    #dialog;
+    #system;
+    #userService;
+    // TODO: Need orignal MatIconRegistry to #registerObjectTypeIcons, otherwise icons could not be registered in the namespace
+    // #iconRegistry = inject(YuvMatIconRegistry);
+    #iconRegistry;
+    #shellConfig;
+    #configService;
+    #sanitizer;
+    #router;
+    #route;
+    #DOCUMENT;
+    // Apps can register their own setting components to be shown in shell settings
+    #appSettings;
+    #defaultShellConfig;
+    constructor() {
+        this.#dmsService = inject(DmsService);
+        this.#dialog = inject(MatDialog);
+        this.#system = inject(SystemService);
+        this.#userService = inject(UserService);
+        // TODO: Need orignal MatIconRegistry to #registerObjectTypeIcons, otherwise icons could not be registered in the namespace
+        // #iconRegistry = inject(YuvMatIconRegistry);
+        this.#iconRegistry = inject(MatIconRegistry);
+        this.#shellConfig = inject(ShellConfigService);
+        this.#configService = inject(ConfigService);
+        this.#sanitizer = inject(DomSanitizer);
+        this.#router = inject(Router);
+        this.#route = inject(ActivatedRoute);
+        this.#DOCUMENT = inject(DOCUMENT);
+        this.translate = inject(TranslateService);
+        this._busyCount = 0;
+        this.isBusySubject = new BehaviorSubject(false);
+        this.isBusy$ = this.isBusySubject.asObservable().pipe(debounceTime(500));
+        // Apps can register their own setting components to be shown in shell settings
+        this.#appSettings = signal([], ...(ngDevMode ? [{ debugName: "#appSettings" }] : []));
+        this.appSettings = this.#appSettings.asReadonly();
+        this.appBaseRoutes = {};
+        this.#defaultShellConfig = {
+            appIcon: CLIENT_SHELL_ASSETS.appIcon,
+            shellIconNamespace: CLIENT_SHELL_ASSETS.shellIconNamespace
+        };
+        this.shellConfig = signal(this.#defaultShellConfig, ...(ngDevMode ? [{ debugName: "shellConfig" }] : []));
+        this.apps = signal([], ...(ngDevMode ? [{ debugName: "apps" }] : []));
+        /** TODO: implement this feature ????
+         * Global shortcuts are captured by the shell to provide a consistent experience
+         * accross all apps. Search is one example. Apps should not define their own shourtcuts
+         * for search. Instead they should subscribe to the global shortcuts and initialize their
+         * search based on the global search shortcut.
+         */
+        this.globalShortcuts$ = fromEvent(document, 'keydown').pipe(map((e) => {
+            // global shortcut for search
+            // if (e.ctrlKey && e.code === 'KeyF') {
+            //   e.preventDefault();
+            //   return GlobalShortcut.search;
+            // }
+            return undefined;
+        }), filter((s) => s !== undefined), map((s) => s));
+        this._extensions = {};
+        this._objectFlavors = [];
+        this._objectCreateFlavors = [];
+        this.translate.onLangChange.subscribe(() => {
+            this.apps.set(this.#getMappedApps(this.apps()));
+        });
+        // track open dialogs in an auxillary route to support closing them on back navigation
+        // as this is the expected behaviour on mobile devices
+        this.#dialog.afterOpened.subscribe((ref) => {
+            this.#router.navigate([{ outlets: { dt: ['dialogs', this.#dialog.openDialogs.map((d, i) => i).join('-')] } }], {
+                // replaceUrl: true,
+                queryParamsHandling: 'preserve'
+            });
+            ref.afterClosed().subscribe((res) => {
+                if (res?.closedByRoute)
+                    return;
+                const openDialogs = this.#dialog.openDialogs.filter((d) => d.id !== ref.id);
+                // having no open dialogs, clear the auxillary route
+                const param = openDialogs.length > 0 ? ['dialogs', openDialogs.map((d, i) => i).join('-')] : null;
+                this.#router.navigate([{ outlets: { dt: param } }], { replaceUrl: true, queryParamsHandling: 'preserve' });
+            });
+        });
+        this.#router.events.pipe(filter((e) => e instanceof NavigationEnd)).subscribe((e) => {
+            // when navigating and having no open dialogs, clear the auxillary route from the url
+            if (this.#dialog.openDialogs.length === 0 && e.urlAfterRedirects.match(/(dt:[.]*)/)) {
+                this.#router.navigate([{ outlets: { dt: null } }], { replaceUrl: true, queryParamsHandling: 'preserve' });
+            }
+            // if there are open dialogs and the primary route changed, close all open dialogs
+            if (this.#dialog.openDialogs.length > 0) {
+                if (this.primaryRouteChanged(this.#router.currentNavigation())) {
+                    this.#dialog.openDialogs.forEach((d) => d.close());
+                }
+            }
+        });
+    }
+    #getPrimaryRoute(nav) {
+        if (!nav)
+            return undefined;
+        const url = nav.finalUrl || nav.extractedUrl;
+        const urlTreeChildren = url.root.children['primary'];
+        return urlTreeChildren ? urlTreeChildren.segments.map((s) => s.path).join('/') : undefined;
+    }
+    primaryRouteChanged(nav) {
+        const previousNav = nav?.previousNavigation || null;
+        return this.#getPrimaryRoute(nav) !== this.#getPrimaryRoute(previousNav);
+    }
+    pickFile() {
+        const input = this.#DOCUMENT.createElement('input');
+        input.type = 'file';
+        input.click();
+        return fromEvent(input, 'change').pipe(map((e) => e.target.files?.[0] || null), tap(() => {
+            input.remove();
+        }));
+    }
+    setShellConfig(csc) {
+        this.shellConfig.update((sc) => ({
+            appIcon: csc.appIcon ?? sc.appIcon,
+            shellIconNamespace: csc.shellIconNamespace ?? sc.shellIconNamespace
+        }));
+    }
+    setApps(apps) {
+        this.apps.set(this.#getMappedApps(apps));
+        const appBaseRoutes = {};
+        apps.forEach((a) => (appBaseRoutes[a.id] = a.path || ''));
+        this.appBaseRoutes = appBaseRoutes;
+    }
+    #getMappedApps(apps) {
+        return apps.map((a) => {
+            const ma = {
+                ...a,
+                title: this.#getAppTitle(a)
+            };
+            if (a.options?.appClaimKey) {
+                ma.options = { ...ma.options, appClaim: this.#getAppClaim(a.options.appClaimKey) || a.options.appClaim };
+            }
+            return ma;
+        });
+    }
+    #getAppTitle(a) {
+        const translatedTitle = this.translate.instant(a.id);
+        return translatedTitle && !translatedTitle.startsWith('!missing') ? translatedTitle : a.title || '';
+    }
+    #getAppClaim(claimKey) {
+        const translatedClaim = this.translate.instant(claimKey);
+        return translatedClaim && !translatedClaim.startsWith('!missing') ? translatedClaim : undefined;
+    }
+    getApp(id) {
+        return this.apps().find((a) => id === a.id);
+    }
+    getApps(ids = []) {
+        return ids.length ? this.apps().filter((a) => ids.includes(a.id)) : this.apps();
+    }
+    /**
+     * Register settings for apps to hook into shell settings page.
+     * @param appID ID of the app that exposes the settings
+     * @param cfg ShellAppSettings object containing the settings component
+     */
+    registerAppSettings(cfg) {
+        this.#appSettings.set([...this.#appSettings(), cfg]);
+    }
+    /**
+     * Load persisted settings for a specific app
+     * @param appID ID of the app to load the settings for
+     */
+    usersAppSettings$(appID) {
+        return this.#userService.user$.pipe(map((u) => {
+            return u && u.userSettings.clientAppSettings ? u.userSettings.clientAppSettings[appID] : undefined;
+        }));
+    }
+    saveUsersAppSettings(appID, settings) {
+        return this.#userService.saveUserSettings({ clientAppSettings: { [appID]: settings } });
+    }
+    addBusy() {
+        if (this._busyCount === 0) {
+            this.isBusySubject.next(true);
+        }
+        this._busyCount++;
+    }
+    removeBusy() {
+        this._busyCount--;
+        if (this._busyCount === 0) {
+            this.isBusySubject.next(false);
+        }
+    }
+    /**
+     * Exposes object create flavors to the shell.
+     * Thes flavors describe different ways of how objects can be created. So apps
+     * can register custom ways of creating objects that can then be used by other apps.
+     * @param flavors Create flavors to be exposed
+     */
+    exposeObjectCreateFlavors(flavors) {
+        flavors.forEach((flavor) => {
+            const idx = this._objectCreateFlavors.findIndex((f) => f.id === flavor.id);
+            if (idx === -1)
+                this._objectCreateFlavors.push(flavor);
+        });
+    }
+    /**
+     * Remove object create flavors from the shells registry
+     * @param flavors Create flavors to be removed
+     */
+    concealObjectCreateFlavors(flavors) {
+        const fid = flavors.map((f) => f.id);
+        this._objectCreateFlavors = this._objectCreateFlavors.filter((f) => !fid.includes(f.id));
+    }
+    /**
+     * Get all registerd object create flavors
+     */
+    getObjectCreateFlavors() {
+        return this._objectCreateFlavors;
+    }
+    /**
+     * Exposes a list of object flavors to the shell.
+     * Flavors are able to be applied to objects and add new metadata properties to them.
+     * @param flavors Array of flavors to be exposed
+     * @param app Optional ID of the app that exposes the flavors (defaults to 'global' if not provided)
+     * @param origin Optional origin of the flavors. Flavors could be added by apps or derived
+     * from a configuration (defaults to 'app' if not provided)
+     */
+    exposeObjectFlavors(flavors, app = 'global', origin = 'app') {
+        flavors.forEach((f) => this.exposeObjectFlavor(f, app, origin));
+    }
+    /**
+     * Removes exposed object flavors from the shell.
+     * @param flavors Array of flavors to be concealed
+     */
+    concealObjectFlavors(flavors, app = 'global') {
+        flavors.forEach((f) => this.concealObjectFlavor(f, app));
+    }
+    /**
+     * Exposes an object flavor to the shell. Flavors are able to be applied to objects
+     * in order to add a new aspect to them. An object containing an image for example could
+     * be added a flavor of 'EXIF Data' that will add the corresponding SOT to it. This way the
+     * object gets new metadata properties. If supported, these metadata could even be extracted
+     * from the file and filled out automatically.
+     * @param flavor The flavor object to be exposed
+     * @param app Optional ID of the app that exposes the flavor (defaults to 'global' if not provided)
+     * @param origin Optional origin of the flavors. Flavors could be added by apps or derived
+     * from a configuration (defaults to 'app' if not provided)
+     */
+    exposeObjectFlavor(flavor, app = 'global', origin = 'app') {
+        const idx = this._objectFlavors.findIndex((f) => f.id === flavor.id && f.app === app);
+        if (idx === -1)
+            this._objectFlavors.push({ ...flavor, app, origin });
+    }
+    /**
+     * Removes an exposed object flavor from the shell.
+     * @param flavor Flavor to be concealed
+     * @param app Optional ID of the app that exposes the flavor (defaults to 'global' if not provided)
+     */
+    concealObjectFlavor(flavor, app = 'global') {
+        this._objectFlavors = this._objectFlavors.filter((f) => {
+            const hasSameId = f.id === flavor.id;
+            const isFromSameApp = f.app === app;
+            return hasSameId && isFromSameApp ? false : true;
+        });
+    }
+    /**
+     * Get registered object flavors
+     * @param app Optional app ID that restricts the returned flavors to the ones
+     * provided by a particular app. If not provided all flavors are returned
+     * @returns Array of matching object flavors
+     */
+    getObjectFlavors(app) {
+        return app ? this._objectFlavors.filter((of) => of.app === app) : this._objectFlavors;
+    }
+    /**
+     * Triggers the application of an object flavor. If the flavor has an applyComponent
+     * defined, the overlay will be opened with the component. Otherwise the flavor will
+     * be applied directly to the object.
+     * @param dmsObject The object to apply the flavor to
+     * @param flavor The flavor to apply
+     * @param data Optional data to be passed to the flavor component
+     * @returns Observable that emits true if the flavor was applied successfully
+     */
+    triggerApplyObjectFlavor(dmsObject, flavor, data, applyComponent) {
+        if (flavor.preventApply)
+            return of(false);
+        if (dmsObject) {
+            const ac = applyComponent || flavor.applyComponent;
+            if (ac) {
+                this.#dialog.open(ac, {
+                    maxWidth: '90vw',
+                    maxHeight: '90vh',
+                    minWidth: '50vw',
+                    data: {
+                        dmsObject,
+                        flavor,
+                        data
+                    }
+                });
+                return of(true);
+            }
+            else {
+                const sots = dmsObject.data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] || [];
+                const data = {};
+                data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] = [...sots, flavor.sot];
+                return this.#dmsService.updateDmsObject(dmsObject?.id, data).pipe(map(() => true));
+            }
+        }
+        else
+            return of(false);
+    }
+    removeObjectFlavor(dmsObject, flavor) {
+        if (flavor.preventRemove)
+            return of(false);
+        const data = {
+            [BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS]: dmsObject.data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS].filter((sot) => sot !== flavor.sot)
+        };
+        return this.#dmsService.updateDmsObject(dmsObject.id, data).pipe(map(() => true));
+    }
+    /**
+     * Get object flavors applicable for a certain mimetype
+     * @param mimeType Mime type or mime type pattern like 'image/*'
+     * @param app Optional app ID that restricts the returned flavors to the ones
+     * provided by a particular app
+     * @param customFlavors Optional array of custom flavors to also take into account.
+     * This could be flavors managed by an app itself that are not supposed to be
+     * exposed to other apps
+     * @returns Array of matching object flavors
+     */
+    getApplicableDocumentFlavors(mimeType, app, customFlavors) {
+        return [...(customFlavors || []), ...this._objectFlavors].filter((of) => 
+        // !of.preventApply &&
+        (!of.applicableTo?.folders || (of.applicableTo?.folders && of.applicableTo?.documents)) &&
+            (!of.applicableTo ||
+                !of.applicableTo?.mimeTypes ||
+                (of.applicableTo?.mimeTypes?.some((mtp) => Utils.patternToRegExp(mtp).test(mimeType)) &&
+                    (!app || of.app === app))));
+    }
+    getApplicableFolderFlavors(app, customFlavors) {
+        return [...(customFlavors || []), ...this._objectFlavors].filter((of) => !of.preventApply && of.applicableTo?.folders && (!app || of.app === app));
+    }
+    /**
+     * Get applied and applicable object flavors for a certain object
+     * @param dmsObject DmsObject to get flavors for
+     * @returns Object containing two arrays: applied and applicable flavors
+     */
+    getAppliedObjectFlavors(dmsObject) {
+        const applied = [];
+        const applicable = [];
+        if (dmsObject) {
+            const sots = dmsObject.data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] || [];
+            if (dmsObject.content) {
+                this.getApplicableDocumentFlavors(dmsObject.content.mimeType).forEach((flavor) => {
+                    flavor = {
+                        ...flavor,
+                        name: this.#system.getLocalizedLabel(flavor.id) || this.translate.instant(flavor.id),
+                        description: this.#system.getLocalizedDescription(flavor.id) ||
+                            (flavor.descriptionKey ? this.translate.instant(flavor.descriptionKey) : undefined)
+                    };
+                    if (sots.includes(flavor.sot)) {
+                        applied.push(flavor);
+                    }
+                    else if (!flavor.preventApply) {
+                        applicable.push(flavor);
+                    }
+                });
+            }
+            if (dmsObject.isFolder) {
+                this.getApplicableFolderFlavors().forEach((flavor) => {
+                    flavor = {
+                        ...flavor,
+                        name: this.#system.getLocalizedLabel(flavor.id) || this.translate.instant(flavor.id),
+                        description: this.#system.getLocalizedDescription(flavor.id) ||
+                            (flavor.descriptionKey ? this.translate.instant(flavor.descriptionKey) : undefined)
+                    };
+                    if (sots.includes(flavor.sot)) {
+                        applied.push(flavor);
+                    }
+                    else {
+                        applicable.push(flavor);
+                    }
+                });
+            }
+        }
+        return { applied, applicable };
+    }
+    getFlavorLabel(id) {
+        return this.#system.getLocalizedLabel(id) || this.translate.instant(id);
+    }
+    applyObjectFlavor(dmsObject, flavor, data = {}) {
+        const sots = dmsObject.data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] || [];
+        data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] = [...sots, flavor.sot];
+        return this.#dmsService.updateDmsObject(dmsObject.id, data);
+    }
+    registerTileExtension(ext) {
+        this._extensions[ext.typeId] = ext;
+    }
+    /**
+     * Get tile extensions for a certain type
+     * @param typeId ID of the type to fetch extesion for (objectTypeID or secondaryObjectTypeID)
+     * @returns
+     */
+    getRegisteredTileExtensions() {
+        return this._extensions;
+    }
+    _initObjectTypeConfig() {
+        // load flavors from config
+        console.debug('Loading object type config...');
+        return firstValueFrom(this.#shellConfig.get(SHELL_CONFIG_TYPES).pipe(tap((res) => {
+            if (res) {
+                this.#registerObjectTypeIcons(res.data.map((t) => t.id));
+                const flv = res.data.map((t) => ({
+                    id: t.id,
+                    sot: t.id,
+                    icon: t.id,
+                    svgIcon: true,
+                    objectTypeID: t.baseType,
+                    applicableTo: {
+                        folders: t.baseType === SystemType.FOLDER || t.baseType === SystemType.OBJECT,
+                        documents: t.baseType === SystemType.DOCUMENT || t.baseType === SystemType.OBJECT,
+                        mimeTypes: t.applicableToMimeTypes || undefined
+                    },
+                    useDefaultApplyComponent: !t.instantApply
+                }));
+                this.exposeObjectFlavors(flv, 'global', 'config');
+            }
+        })));
+    }
+    #registerObjectTypeIcons(ids) {
+        this.#system.system$.pipe(first()).subscribe(() => {
+            ids.forEach((id) => {
+                // split technical name e.g. 'system:document' and use the first part as namespace
+                const idTokens = id.split(':');
+                if (idTokens.length === 2) {
+                    const uri = `${this.#configService.getApiBase(ApiBase.none, true)}${this.#system.getObjectTypeIconUri(id)}`;
+                    this.#iconRegistry.addSvgIconInNamespace(idTokens[0], idTokens[1], this.#sanitizer.bypassSecurityTrustResourceUrl(uri));
+                }
+            });
+        });
+    }
+    _init() {
+        // the place for initialization tasks if
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ShellService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ShellService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ShellService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=shell.service.js.map