@yuuvis/app-templates 1.0.0-rc.0

package/fesm2022/yuuvis-app-templates.mjs

@@ -0,0 +1,544 @@
+import { HttpParams } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { inject, signal, Injectable, Component, Input, linkedSignal, viewChild, HostBinding } from '@angular/core';
+import * as i2 from '@yuuvis/client-core';
+import { BaseObjectTypeField, Logger, BackendService, DmsService, TranslateService, SystemService, ContentStreamAllowed, ApiBase, TranslateModule, DeviceService, NotificationService } from '@yuuvis/client-core';
+import { ReplaySubject, catchError, throwError, map, tap, switchMap, of } from 'rxjs';
+import { ConfirmService, BusyOverlayDirective, DialogComponent } from '@yuuvis/client-framework/common';
+import * as i1$2 from '@angular/common';
+import { CommonModule, DOCUMENT } from '@angular/common';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { AppLogoComponent } from '@yuuvis/client-shell';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { ListComponent, ListItemDirective } from '@yuuvis/client-framework/list';
+import * as i5 from '@yuuvis/client-framework/master-details';
+import { YuvMasterDetailsModule } from '@yuuvis/client-framework/master-details';
+import * as i4$1 from '@yuuvis/client-framework/overflow-menu';
+import { YuvOverflowMenuModule } from '@yuuvis/client-framework/overflow-menu';
+import { PaginationComponent } from '@yuuvis/client-framework/pagination';
+import * as i7 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDialogRef, MatDialog } from '@angular/material/dialog';
+import * as i6 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i8 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { ObjectPreviewComponent } from '@yuuvis/client-framework/object-preview';
+import * as i1$1 from '@angular/forms';
+import { ReactiveFormsModule, FormBuilder, Validators } from '@angular/forms';
+import * as i3 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i4 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import { StringComponent } from '@yuuvis/client-framework/forms';
+import { YmtButtonDirective } from '@yuuvis/material';
+
+const APP_ID = 'io.yuuvis.app.templates';
+const APP_ICONS = {
+    close: 'close',
+    refresh: 'refresh',
+    actionApplyTemplate: 'article_shortcut',
+    actionCreateNewTemplate: 'add_notes',
+    actionToggleStateToPublished: 'input_circle',
+    actionToggleStateToUnpublished: 'unpublished',
+    actionDeleteTemplate: 'delete',
+    actionDownloadTemplateContent: 'download',
+    actionReplaceTemplateContent: 'upload_file',
+    toggleRight: 'dock_to_left',
+};
+const APP_ACTIONS = {
+    apply: APP_ID + 'action.apply',
+};
+const APP_SCHEMA = {
+    id: APP_ID,
+    name: 'yuuvis Templates',
+    icon: 'library_books',
+    types: {},
+    flavors: []
+};
+const TEMPLATE_FILE_MIME_TYPE = 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
+class TemplateObject {
+    constructor(obj) {
+        this.id = obj.properties[BaseObjectTypeField.OBJECT_ID].value;
+        this.name = obj.properties["appTemplates:name"].value;
+        this.description = obj.properties["appTemplates:description"]?.value;
+        this.published = obj.properties["appTemplates:published"].value;
+        this.dataObjectType = obj.properties["appTemplates:dataObjects"].value[0][1];
+    }
+}
+var TemplateManagementEventType;
+(function (TemplateManagementEventType) {
+    TemplateManagementEventType["TEMPLATE_OBJECT_CREATED"] = "io.yuuvis.app.templates.object.created";
+    TemplateManagementEventType["TEMPLATE_OBJECT_UPDATED"] = "io.yuuvis.app.templates.object.updated";
+    TemplateManagementEventType["TEMPLATE_OBJECT_DELETED"] = "io.yuuvis.app.templates.object.deleted";
+})(TemplateManagementEventType || (TemplateManagementEventType = {}));
+
+var _a;
+class TemplateService {
+    static { this.PAGE_SIZE = 20; }
+    #logger;
+    #backendService;
+    #dmsService;
+    #confirmService;
+    #translateService;
+    #systemService;
+    constructor() {
+        this.#logger = inject(Logger);
+        this.#backendService = inject(BackendService);
+        this.#dmsService = inject(DmsService);
+        this.#confirmService = inject(ConfirmService);
+        this.#translateService = inject(TranslateService);
+        this.#systemService = inject(SystemService);
+        this.templatesDataSource = new ReplaySubject(1);
+        this.templates$ = this.templatesDataSource.asObservable();
+        this.busyDataSource = signal(false);
+        this.busy$ = this.busyDataSource.asReadonly();
+    }
+    getAvailableDataObjectTypes() {
+        return this.#systemService.getObjectTypes().filter((ot) => !ot.isFolder && ot.contentStreamAllowed !== ContentStreamAllowed.NOT_ALLOWED);
+    }
+    getPage(page) {
+        this.busyDataSource.set(true);
+        this.#fetchTemplates(page)
+            .subscribe({
+            next: (res) => {
+                this.templates = res;
+                this.templatesDataSource.next(this.templates);
+            },
+            error: (e) => {
+                this.#logger.error('Failed to fetch templates', e);
+            },
+        })
+            .add(() => this.busyDataSource.set(false));
+    }
+    createTemplate(name, description, dataObjectType) {
+        let requestParams = {
+            name: name,
+            description: description,
+            dataObjects: { objectData: dataObjectType },
+        };
+        return this.#backendService
+            .post(`/template-service/api/objects/`, requestParams, ApiBase.none)
+            .pipe(catchError((e) => {
+            this.#logger.error('Failed to create template', e);
+            return throwError(() => new Error(e.message));
+        }), map((res) => ({
+            id: res.properties[BaseObjectTypeField.OBJECT_ID].value,
+        })), tap((res) => this.refreshTemplates()));
+    }
+    downloadTemplateContent(template) {
+        return this.#backendService.download(this.#dmsService.getContentPath(template.id, undefined));
+    }
+    replaceTemplateContent(template, file) {
+        if (file.type != TEMPLATE_FILE_MIME_TYPE) {
+            return throwError(() => new Error(this.#translateService.instant('yuv.app.templates.action.replaceContent.error.unsupportedFileType')));
+        }
+        return this.#dmsService
+            .uploadContent(template.id, file)
+            .pipe(tap(() => this.refreshTemplates()));
+    }
+    toggleTemplateState(template) {
+        let requestParams = {
+            published: !template.published,
+        };
+        return this.#confirmService
+            .confirm(template.published
+            ? {
+                title: this.#translateService.instant('yuv.app.templates.action.unpublish.label'),
+                message: this.#translateService.instant('yuv.app.templates.action.unpublish.confirm.message', { template: template.name }),
+            }
+            : {
+                title: this.#translateService.instant('yuv.app.templates.action.publish.label'),
+                message: this.#translateService.instant('yuv.app.templates.action.publish.confirm.message', { template: template.name }),
+            })
+            .pipe(switchMap((confirmed) => {
+            if (confirmed) {
+                return this.#backendService
+                    .patch(`/template-service/api/objects/${template.id}`, requestParams, ApiBase.none)
+                    .pipe(map(() => true), tap(() => this.refreshTemplates()));
+            }
+            else
+                return of(false);
+        }));
+    }
+    deleteTemplate(template) {
+        return this.#confirmService
+            .confirm({
+            title: this.#translateService.instant('yuv.app.templates.action.delete.label'),
+            message: template.published
+                ? this.#translateService.instant('yuv.app.templates.action.delete.public.confirm.message', { template: template.name })
+                : this.#translateService.instant('yuv.app.templates.action.delete.confirm.message', { template: template.name }),
+        })
+            .pipe(switchMap((confirmed) => {
+            if (confirmed) {
+                return this.#backendService
+                    .delete(`/dms/objects/${template.id}`, ApiBase.core)
+                    .pipe(map(() => true), tap(() => this.refreshTemplates()));
+            }
+            else
+                return of(false);
+        }));
+    }
+    refreshTemplates() {
+        this.getPage(this.templates?.pageNumber);
+    }
+    #fetchTemplates(pageNumber = 0) {
+        let filterParams = new HttpParams()
+            .set('page', pageNumber)
+            .set('size', _a.PAGE_SIZE)
+            .set('sort', 'name%2Casc');
+        return this.#backendService
+            .get(`/template-service/api/objects/?${filterParams}`, ApiBase.none)
+            .pipe(map((res) => ({
+            pageNumber: pageNumber,
+            pageSize: _a.PAGE_SIZE,
+            totalNumItems: res.totalNumItems,
+            items: res.objects.map((obj) => new TemplateObject(obj)),
+        })));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TemplateService, providedIn: 'root' }); }
+}
+_a = TemplateService;
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TemplateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+const components$3 = [AppLogoComponent];
+const module = [CommonModule, TranslateModule, RouterModule];
+class YuvTemplatesComponent {
+    constructor() {
+        this.appName = APP_SCHEMA.name;
+        this.appIcon = APP_SCHEMA.icon;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: YuvTemplatesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: YuvTemplatesComponent, isStandalone: true, selector: "ymtmpl-app-templates", ngImport: i0, template: `
+    <header>
+      <yuv-app-logo [label]="appName" routerLink="management"></yuv-app-logo>
+    </header>
+    <main><router-outlet></router-outlet></main>
+  `, isInline: true, styles: [":host{display:flex;flex-flow:column;height:100%}:host header{flex:0 0 auto;display:flex;padding-block-end:var(--ymt-spacing-xs)}:host main{flex:1;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: AppLogoComponent, selector: "yuv-app-logo", inputs: ["icon", "label"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: YuvTemplatesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymtmpl-app-templates', standalone: true, imports: [...module, ...components$3], template: `
+    <header>
+      <yuv-app-logo [label]="appName" routerLink="management"></yuv-app-logo>
+    </header>
+    <main><router-outlet></router-outlet></main>
+  `, styles: [":host{display:flex;flex-flow:column;height:100%}:host header{flex:0 0 auto;display:flex;padding-block-end:var(--ymt-spacing-xs)}:host main{flex:1;overflow-y:auto}\n"] }]
+        }] });
+
+const components$2 = [
+    ObjectPreviewComponent
+];
+const modules$2 = [
+    CommonModule
+];
+class TemplateDetailsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TemplateDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: TemplateDetailsComponent, isStandalone: true, selector: "ymtmpl-template-details", inputs: { templateObject: "templateObject" }, ngImport: i0, template: "<yuv-object-preview [objectId]=\"templateObject.id\"></yuv-object-preview>", styles: [":host{display:flex;flex-flow:column;height:100%;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TemplateDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymtmpl-template-details', standalone: true, imports: [...modules$2, ...components$2], template: "<yuv-object-preview [objectId]=\"templateObject.id\"></yuv-object-preview>", styles: [":host{display:flex;flex-flow:column;height:100%;overflow:hidden}\n"] }]
+        }], propDecorators: { templateObject: [{
+                type: Input
+            }] } });
+
+const components$1 = [BusyOverlayDirective, StringComponent, YmtButtonDirective, DialogComponent];
+const modules$1 = [
+    CommonModule,
+    ReactiveFormsModule,
+    TranslateModule,
+    MatFormFieldModule,
+    MatSelectModule
+];
+class CreateTemplateComponent {
+    #fb;
+    #templateService;
+    #dialogRef;
+    constructor() {
+        this.#fb = inject(FormBuilder);
+        this.#templateService = inject(TemplateService);
+        this.#dialogRef = inject((MatDialogRef));
+        this.busy = signal(false);
+        this.error = signal(undefined);
+        this.form = this.#fb.group({
+            name: ['New template', Validators.required],
+            description: [''],
+            dataObjectType: ['system:document', Validators.required]
+        });
+        this.dataObjectTypes = signal([]);
+        this.changedInput = signal(undefined);
+        this.disabledSubmit = linkedSignal({
+            source: this.changedInput,
+            computation: () => {
+                return this.busy() || this.form.invalid || !this.form.value.name;
+            }
+        });
+        this.#loadDataObjectTypes();
+    }
+    #loadDataObjectTypes() {
+        this.dataObjectTypes.set(this.#templateService.getAvailableDataObjectTypes().sort((ot1, ot2) => ot1.id > ot2.id ? 1 : -1));
+    }
+    createTemplate() {
+        let createParams = this.form.value;
+        this.busy.set(true);
+        this.error.set(undefined);
+        this.#templateService
+            .createTemplate(createParams.name, createParams.description, createParams.dataObjectType)
+            .subscribe({
+            error: (e) => {
+                this.error.set(e);
+                this.busy.set(false);
+            },
+            complete: () => {
+                this.close();
+            },
+        });
+    }
+    close() {
+        this.#dialogRef.close();
+    }
+    ngAfterViewInit() {
+        this.form.valueChanges.subscribe((value) => {
+            this.changedInput.set(value);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: CreateTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: CreateTemplateComponent, isStandalone: true, selector: "ymtmpl-create-template", host: { properties: { "class.busy": "!busy()" } }, ngImport: i0, template: "<yuv-dialog [yuvBusyOverlay]=\"busy()\" [headertitel]=\"'yuv.app.templates.action.create.headline' | translate\">\n  <main>\n    <form [formGroup]=\"form\">\n      <mat-form-field class=\"yuv-form-field\">\n        <mat-label>{{\"yuv.app.templates.object.property.name\" | translate }}</mat-label>\n        <yuv-string [required]=\"true\" formControlName=\"name\"></yuv-string>\n      </mat-form-field>\n      <mat-form-field class=\"yuv-form-field\">\n        <mat-label>{{\"yuv.app.templates.object.property.description\" | translate}}</mat-label>\n        <yuv-string formControlName=\"description\"></yuv-string>\n      </mat-form-field>\n      <mat-form-field class=\"yuv-form-field\">\n        <mat-label>{{\"yuv.app.templates.object.property.dataObjectType\" | translate}}</mat-label>\n        <mat-select formControlName=\"dataObjectType\">\n          @for (dataObjectType of dataObjectTypes(); track dataObjectType) {\n            <mat-option [value]=\"dataObjectType.id\">{{ dataObjectType.id }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      @if (error()) {\n      <p class=\"error\">{{ error() }}</p>\n      }\n    </form>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" [disabled]=\"busy()\" (click)=\"close()\">\n      {{ \"yuv.app.templates.action.create.button.cancel\" | translate }}\n    </button>\n    <button ymtButton=\"primary\" [disabled]=\"disabledSubmit()\" (click)=\"createTemplate()\">\n      {{ 'yuv.object-flavor.apply-flavor.button.apply' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:block;position:relative}:host mat-form-field{width:100%}:host main form{padding:var(--ymt-spacing-m)}:host main form mat-form-field{width:100%}:host main form .error{color:var(--ymt-on-danger-container);background-color:var(--ymt-danger-container);padding:var(--ymt-spacing-m);border-radius:var(--ymt-corner-xs)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay"] }, { kind: "component", type: StringComponent, selector: "yuv-string", inputs: ["multiselect", "rows", "readonly", "autofocus", "classifications", "situation", "regex", "minLength", "maxLength"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: CreateTemplateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymtmpl-create-template', standalone: true, imports: [...modules$1, ...components$1], host: {
+                        '[class.busy]': '!busy()',
+                    }, template: "<yuv-dialog [yuvBusyOverlay]=\"busy()\" [headertitel]=\"'yuv.app.templates.action.create.headline' | translate\">\n  <main>\n    <form [formGroup]=\"form\">\n      <mat-form-field class=\"yuv-form-field\">\n        <mat-label>{{\"yuv.app.templates.object.property.name\" | translate }}</mat-label>\n        <yuv-string [required]=\"true\" formControlName=\"name\"></yuv-string>\n      </mat-form-field>\n      <mat-form-field class=\"yuv-form-field\">\n        <mat-label>{{\"yuv.app.templates.object.property.description\" | translate}}</mat-label>\n        <yuv-string formControlName=\"description\"></yuv-string>\n      </mat-form-field>\n      <mat-form-field class=\"yuv-form-field\">\n        <mat-label>{{\"yuv.app.templates.object.property.dataObjectType\" | translate}}</mat-label>\n        <mat-select formControlName=\"dataObjectType\">\n          @for (dataObjectType of dataObjectTypes(); track dataObjectType) {\n            <mat-option [value]=\"dataObjectType.id\">{{ dataObjectType.id }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      @if (error()) {\n      <p class=\"error\">{{ error() }}</p>\n      }\n    </form>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" [disabled]=\"busy()\" (click)=\"close()\">\n      {{ \"yuv.app.templates.action.create.button.cancel\" | translate }}\n    </button>\n    <button ymtButton=\"primary\" [disabled]=\"disabledSubmit()\" (click)=\"createTemplate()\">\n      {{ 'yuv.object-flavor.apply-flavor.button.apply' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:block;position:relative}:host mat-form-field{width:100%}:host main form{padding:var(--ymt-spacing-m)}:host main form mat-form-field{width:100%}:host main form .error{color:var(--ymt-on-danger-container);background-color:var(--ymt-danger-container);padding:var(--ymt-spacing-m);border-radius:var(--ymt-corner-xs)}\n"] }]
+        }], ctorParameters: () => [] });
+
+const components = [
+    ListComponent,
+    ListItemDirective,
+    PaginationComponent,
+    TemplateDetailsComponent,
+];
+const modules = [
+    CommonModule,
+    TranslateModule,
+    RouterModule,
+    YuvOverflowMenuModule,
+    YuvMasterDetailsModule,
+    MatIconModule,
+    MatButtonModule,
+    MatTooltipModule,
+];
+class TemplateManagementComponent {
+    #logger;
+    #document;
+    #deviceService;
+    #notificationService;
+    #dialog;
+    #templateService;
+    #translateService;
+    #templates;
+    constructor() {
+        this.layoutSettingsID = 'template-management.layout.settings';
+        this.#logger = inject(Logger);
+        this.#document = inject(DOCUMENT);
+        this.#deviceService = inject(DeviceService);
+        this.#notificationService = inject(NotificationService);
+        this.#dialog = inject(MatDialog);
+        this.#templateService = inject(TemplateService);
+        this.#translateService = inject(TranslateService);
+        this.busy = this.#templateService.busy$;
+        this.icons = {
+            ...APP_ICONS,
+        };
+        this.selectedTemplate = signal(undefined);
+        this.smallScreenLayout = signal(false);
+        this.layoutOptions = signal({
+            masterSize: 40,
+            detailsSize: 60,
+        });
+        this.actions = [];
+        this.#templates = [];
+        this.templates$ = this.#templateService.templates$.pipe(tap((response) => {
+            this.#templates = response.items;
+            const selectedTemplate = this.selectedTemplate();
+            if (selectedTemplate) {
+                // check if the selected template is still in the list
+                const found = this.#templates.find((t) => t.id === selectedTemplate.id);
+                if (found) {
+                    // update the selected template instance and the actions
+                    this.selectedTemplate.set(found);
+                    this.#updateActions(this.selectedTemplate());
+                }
+                // if not, set selected template to undefined
+                else
+                    this.selectedTemplate.set(undefined);
+            }
+            this.pagination =
+                response && response.totalNumItems > response.pageSize
+                    ? {
+                        total: response.totalNumItems,
+                        page: response.pageNumber + 1,
+                        pages: Math.ceil(response.totalNumItems / response.pageSize),
+                    }
+                    : undefined;
+        }));
+        this.templateListComponent = viewChild.required(ListComponent);
+        this.enableDetails = signal(true);
+        this.#deviceService.screenChange$
+            .pipe(takeUntilDestroyed())
+            .subscribe((s) => {
+            this.smallScreenLayout.set(s.size === 's' && s.orientation === 'portrait');
+        });
+    }
+    #updateActions(obj) {
+        this.actions = obj
+            ? [
+                {
+                    id: 'yuv.app.templates.action.replaceContent',
+                    icon: APP_ICONS.actionReplaceTemplateContent,
+                    label: this.#translateService.instant('yuv.app.templates.action.replaceContent.label'),
+                    callback: () => this.replaceCurrentContent(),
+                },
+                {
+                    id: 'yuv.app.templates.action.downloadContent',
+                    icon: APP_ICONS.actionDownloadTemplateContent,
+                    label: this.#translateService.instant('yuv.app.templates.action.downloadContent.label'),
+                    callback: () => this.downloadCurrentContent(),
+                },
+                {
+                    id: 'yuv.app.templates.action.delete',
+                    icon: APP_ICONS.actionDeleteTemplate,
+                    label: this.#translateService.instant('yuv.app.templates.action.delete.label'),
+                    callback: () => this.deleteCurrent(),
+                },
+                {
+                    id: 'yuv.app.templates.action.toggleState',
+                    icon: this.selectedTemplate()?.published
+                        ? APP_ICONS.actionToggleStateToUnpublished
+                        : APP_ICONS.actionToggleStateToPublished,
+                    label: this.#translateService.instant(this.selectedTemplate()?.published
+                        ? 'yuv.app.templates.action.unpublish.label'
+                        : 'yuv.app.templates.action.publish.label'),
+                    callback: () => this.toggleCurrentState(),
+                },
+            ]
+            : [];
+    }
+    createNewTemplate() {
+        this.#logger.debug('Create new template ...');
+        this.#dialog.open(CreateTemplateComponent, {
+            width: '400px',
+            maxWidth: '90vw',
+        });
+    }
+    downloadCurrentContent() {
+        const template = this.selectedTemplate();
+        if (template) {
+            this.#templateService.downloadTemplateContent(template);
+        }
+    }
+    replaceCurrentContent() {
+        const template = this.selectedTemplate();
+        if (template) {
+            this.#logger.debug('Replace content of template ' + template.id + ' ...');
+            const fileInput = this.#document.createElement('input');
+            fileInput.type = 'file';
+            fileInput.multiple = false;
+            fileInput.accept = TEMPLATE_FILE_MIME_TYPE;
+            fileInput.onchange = (e) => {
+                const file = e.target.files?.[0];
+                if (file) {
+                    this.#templateService
+                        .replaceTemplateContent(template, file)
+                        .subscribe({
+                        next: () => {
+                            this.#notificationService.success(this.#translateService.instant('yuv.app.templates.action.replaceContent.success'));
+                        },
+                        error: (err) => {
+                            this.#notificationService.error(err);
+                        },
+                        complete: () => {
+                            this.#logger.debug('Template content replaced!');
+                        },
+                    });
+                }
+            };
+            fileInput.click();
+            fileInput.remove();
+        }
+    }
+    toggleCurrentState() {
+        const template = this.selectedTemplate();
+        if (template) {
+            this.#templateService
+                .toggleTemplateState(template)
+                .subscribe((res) => {
+                if (res) {
+                    this.#logger.info('Template published state chenged!');
+                    this.#updateActions(template);
+                }
+            });
+        }
+    }
+    deleteCurrent() {
+        const template = this.selectedTemplate();
+        if (template) {
+            this.#logger.debug('Delete template ' + template.id + ' ...');
+            this.#templateService.deleteTemplate(template).subscribe((res) => {
+                if (res) {
+                    this.#logger.debug('Template deleted!');
+                }
+            });
+        }
+    }
+    goToPage(pageNumber) {
+        this.#templateService.getPage(pageNumber - 1);
+    }
+    onItemSelect(idx) {
+        const item = this.#templates[idx[0]];
+        if (item.id === this.selectedTemplate()?.id)
+            return;
+        this.selectedTemplate.set(item);
+        this.#updateActions(this.selectedTemplate());
+    }
+    ngOnInit() {
+        this.#templateService.refreshTemplates();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TemplateManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: TemplateManagementComponent, isStandalone: true, selector: "ymtmpl-templates-management", host: { attributes: { "class.smallScreen": "smallScreenLayout()" }, properties: { "class.pagination": "this.pagination" } }, viewQueries: [{ propertyName: "templateListComponent", first: true, predicate: ListComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<header>\n  <nav [attr.aria-label]=\"'yuv.app.templates.naviagtion.aria.label' | translate\">\n    <div class=\"primary-actions\">\n      <button mat-mini-fab (click)=\"createNewTemplate()\" [matTooltip]=\"'yuv.app.templates.action.create.label' | translate\">\n        <mat-icon>{{icons.actionCreateNewTemplate}}</mat-icon>        \n      </button>\n    </div>\n    <div class=\"template-actions\">\n      <yuv-overflow-menu [menuItems]=\"actions\"></yuv-overflow-menu>\n    </div>\n    <div class=\"secondary-actions\">\n      @if (!smallScreenLayout()) {\n        <button mat-icon-button [ngClass]=\"{ enabled: enableDetails() }\" title=\"{{ 'yuv.app.templates.toggledetails.tooltip' | translate }}\" (click)=\"enableDetails.set(!enableDetails())\">\n          <mat-icon>{{icons.toggleRight}}</mat-icon>\n        </button>\n      }\n    </div>\n  </nav>\n</header>\n\n<yuv-master-details\n  [gutterSize]=\"1\"\n  [detailsActive]=\"smallScreenLayout() ? !!selectedTemplate() : enableDetails()\"\n  [layoutOptions]=\"layoutOptions()\"\n  [layoutSettingsID]=\"layoutSettingsID\">\n  \n  <ng-template #yuvMasterPane>\n    @let templateObjects = (templates$ | async)?.items;\n    @if (templateObjects?.length) {\n      <yuv-list (itemSelect)=\"onItemSelect($event)\">\n        @for (t of templateObjects; track t.id) {\n          <div class=\"item\" [ngClass]=\"[t.published ? 'public' : '']\" yuvListItem [style.--i]=\"$index\">\n            <mat-icon class=\"icon\">{{t.published ? 'export_notes' : 'article'}}</mat-icon>\n            <div class=\"name\">{{ t.name }}</div>\n            <div class=\"description\">{{ t.description }}</div>\n            <div class=\"id\">{{ t.id.toUpperCase( ) }}</div>\n            <div class=\"dataObjectType\">{{ t.dataObjectType }}</div>            \n          </div>\n        }\n      </yuv-list>\n      @if (pagination) { <yuv-pagination [pagination]=\"pagination\" (pageChange)=\"goToPage($event)\"></yuv-pagination> }\n    } @else {\n      <div class=\"empty\">\n        <p>{{ 'yuv.app.templates.list.empty' | translate }}</p>\n      </div>\n    }\n  </ng-template>\n\n  <ng-template #yuvDetailsPane>\n    @let templateObject = selectedTemplate();\n    @if (templateObject) {\n      <div class=\"details\">\n        @if (smallScreenLayout()) {\n          <div class=\"toolbar\">\n            <button (click)=\"selectedTemplate.set(undefined)\">              \n              <mat-icon>{{icons.close}}</mat-icon>              \n            </button>\n          </div>\n        }\n        <ymtmpl-template-details [templateObject]=\"templateObject\"></ymtmpl-template-details>\n      </div>\n    } @else {\n      <div class=\"empty nothing-selected\">\n        <h2>{{ 'yuv.app.templates.list.selection.empty' | translate }}</h2>\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M17.35 10L15.25 19H13.85L12.05 12.21L10.25 19H8.85L6.65 10H8.15L9.55 16.81L11.35 10H12.65L14.45 16.81L15.85 10H17.35Z\" /></svg>\n      </div>\n    }\n </ng-template>\n\n</yuv-master-details>\n\n<router-outlet name=\"modal\"></router-outlet>", styles: [":host{--split-gutter-background-color: var(--ymt-outline-variant);display:flex;height:100%;overflow:hidden;flex-flow:column;box-sizing:border-box}:host header{flex:0 0 auto}:host header>nav{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:\"primary actions sort secondary\";align-items:center;gap:var(--ymt-spacing-s);border-block-end:1px solid var(--ymt-outline-variant);position:relative;padding:var(--ymt-spacing-xs) var(--ymt-spacing-s)}:host header>nav .primary-actions{grid-area:primary;overflow-x:auto}:host header>nav .secondary-actions{grid-area:secondary;overflow-x:auto}:host header>nav .template-actions{grid-area:actions;align-self:stretch;overflow-x:auto;border-color:var(--ymt-outline-variant);border-width:0 1px 0 1px;border-style:solid;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center}:host yuv-master-details{flex:1;box-sizing:border-box;overflow:hidden;background-color:var(--ymt-surface)}:host yuv-master-details yuv-list{flex:1}:host yuv-master-details yuv-list [yuvListItem]{--icon-size: 32px;--list-item-hover-background: var(--ymt-focus-background);display:grid;padding:var(--ymt-spacing-s) var(--ymt-spacing-m);border-block-end:1px solid var(--ymt-outline-variant);grid-template-columns:var(--icon-size) 1fr auto;grid-template-rows:repeat(2,auto);grid-template-areas:\"icon name name\" \"icon description description\" \"icon id dataObjectType\";align-items:center;column-gap:var(--ymt-spacing-m);row-gap:var(--ymt-spacing-2xs);cursor:pointer}:host yuv-master-details yuv-list [yuvListItem] .icon{grid-area:icon;color:var(--ymt-text-color-subtle)}:host yuv-master-details yuv-list [yuvListItem] .id{grid-area:id;color:var(--ymt-text-color-subtle);font:var(--ymt-font-body-subtle)}:host yuv-master-details yuv-list [yuvListItem] .name{grid-area:name;color:var(--ymt-text-color-body);font:var(--ymt-font-body)}:host yuv-master-details yuv-list [yuvListItem] .description{grid-area:description;color:var(--ymt-text-color-subtle);font:var(--ymt-font-body)}:host yuv-master-details yuv-list [yuvListItem] .dataObjectType{grid-area:dataObjectType;color:var(--ymt-text-color-subtle);font:var(--ymt-font-body-subtle)}:host yuv-master-details yuv-list [yuvListItem]:not(:last-child){border-block-end:1px solid var(--ymt-outline-variant)}:host yuv-master-details yuv-pagination{flex:0 0 auto;border-block-start:1px solid var(--ymt-outline-variant)}:host yuv-master-details .details{display:flex;flex-flow:column-reverse;height:100%;gap:var(--ymt-spacing-xxs);background-color:var(--ymt-surface)}:host yuv-master-details .details .toolbar{flex:0 0 auto}:host yuv-master-details .details ymtmpl-template-details{height:100%}:host yuv-master-details .empty.nothing-selected{display:flex;flex-flow:column;justify-content:center;align-items:center;height:100%;margin:0}:host yuv-master-details .empty.nothing-selected svg{width:150px;height:150px;opacity:.5;fill:var(--ymt-text-color-subtle)}:host.smallScreen{--border-radius: 0}:host.smallScreen yuv-master-details{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: YuvOverflowMenuModule }, { kind: "component", type: i4$1.OverflowMenuComponent, selector: "yuv-overflow-menu", inputs: ["overflowIcon", "groupLabels", "menuItems"] }, { kind: "ngmodule", type: YuvMasterDetailsModule }, { kind: "component", type: i5.YuvMasterDetailsComponent, selector: "yuv-master-details", inputs: ["detailsActive", "layoutSettingsID", "layoutOptions", "undockableDetails", "panelStyle", "gutterSize", "mode"], outputs: ["detailsActiveChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ListComponent, selector: "yuv-list", inputs: ["multiselect", "selfHandleSelection", "disableSelection"], outputs: ["itemSelect", "itemFocus"] }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "component", type: PaginationComponent, selector: "yuv-pagination", inputs: ["pagination"], outputs: ["pageChange"] }, { kind: "component", type: TemplateDetailsComponent, selector: "ymtmpl-template-details", inputs: ["templateObject"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TemplateManagementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymtmpl-templates-management', standalone: true, imports: [...modules, ...components], host: {
+                        'class.smallScreen': 'smallScreenLayout()',
+                    }, template: "<header>\n  <nav [attr.aria-label]=\"'yuv.app.templates.naviagtion.aria.label' | translate\">\n    <div class=\"primary-actions\">\n      <button mat-mini-fab (click)=\"createNewTemplate()\" [matTooltip]=\"'yuv.app.templates.action.create.label' | translate\">\n        <mat-icon>{{icons.actionCreateNewTemplate}}</mat-icon>        \n      </button>\n    </div>\n    <div class=\"template-actions\">\n      <yuv-overflow-menu [menuItems]=\"actions\"></yuv-overflow-menu>\n    </div>\n    <div class=\"secondary-actions\">\n      @if (!smallScreenLayout()) {\n        <button mat-icon-button [ngClass]=\"{ enabled: enableDetails() }\" title=\"{{ 'yuv.app.templates.toggledetails.tooltip' | translate }}\" (click)=\"enableDetails.set(!enableDetails())\">\n          <mat-icon>{{icons.toggleRight}}</mat-icon>\n        </button>\n      }\n    </div>\n  </nav>\n</header>\n\n<yuv-master-details\n  [gutterSize]=\"1\"\n  [detailsActive]=\"smallScreenLayout() ? !!selectedTemplate() : enableDetails()\"\n  [layoutOptions]=\"layoutOptions()\"\n  [layoutSettingsID]=\"layoutSettingsID\">\n  \n  <ng-template #yuvMasterPane>\n    @let templateObjects = (templates$ | async)?.items;\n    @if (templateObjects?.length) {\n      <yuv-list (itemSelect)=\"onItemSelect($event)\">\n        @for (t of templateObjects; track t.id) {\n          <div class=\"item\" [ngClass]=\"[t.published ? 'public' : '']\" yuvListItem [style.--i]=\"$index\">\n            <mat-icon class=\"icon\">{{t.published ? 'export_notes' : 'article'}}</mat-icon>\n            <div class=\"name\">{{ t.name }}</div>\n            <div class=\"description\">{{ t.description }}</div>\n            <div class=\"id\">{{ t.id.toUpperCase( ) }}</div>\n            <div class=\"dataObjectType\">{{ t.dataObjectType }}</div>            \n          </div>\n        }\n      </yuv-list>\n      @if (pagination) { <yuv-pagination [pagination]=\"pagination\" (pageChange)=\"goToPage($event)\"></yuv-pagination> }\n    } @else {\n      <div class=\"empty\">\n        <p>{{ 'yuv.app.templates.list.empty' | translate }}</p>\n      </div>\n    }\n  </ng-template>\n\n  <ng-template #yuvDetailsPane>\n    @let templateObject = selectedTemplate();\n    @if (templateObject) {\n      <div class=\"details\">\n        @if (smallScreenLayout()) {\n          <div class=\"toolbar\">\n            <button (click)=\"selectedTemplate.set(undefined)\">              \n              <mat-icon>{{icons.close}}</mat-icon>              \n            </button>\n          </div>\n        }\n        <ymtmpl-template-details [templateObject]=\"templateObject\"></ymtmpl-template-details>\n      </div>\n    } @else {\n      <div class=\"empty nothing-selected\">\n        <h2>{{ 'yuv.app.templates.list.selection.empty' | translate }}</h2>\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M17.35 10L15.25 19H13.85L12.05 12.21L10.25 19H8.85L6.65 10H8.15L9.55 16.81L11.35 10H12.65L14.45 16.81L15.85 10H17.35Z\" /></svg>\n      </div>\n    }\n </ng-template>\n\n</yuv-master-details>\n\n<router-outlet name=\"modal\"></router-outlet>", styles: [":host{--split-gutter-background-color: var(--ymt-outline-variant);display:flex;height:100%;overflow:hidden;flex-flow:column;box-sizing:border-box}:host header{flex:0 0 auto}:host header>nav{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:\"primary actions sort secondary\";align-items:center;gap:var(--ymt-spacing-s);border-block-end:1px solid var(--ymt-outline-variant);position:relative;padding:var(--ymt-spacing-xs) var(--ymt-spacing-s)}:host header>nav .primary-actions{grid-area:primary;overflow-x:auto}:host header>nav .secondary-actions{grid-area:secondary;overflow-x:auto}:host header>nav .template-actions{grid-area:actions;align-self:stretch;overflow-x:auto;border-color:var(--ymt-outline-variant);border-width:0 1px 0 1px;border-style:solid;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center}:host yuv-master-details{flex:1;box-sizing:border-box;overflow:hidden;background-color:var(--ymt-surface)}:host yuv-master-details yuv-list{flex:1}:host yuv-master-details yuv-list [yuvListItem]{--icon-size: 32px;--list-item-hover-background: var(--ymt-focus-background);display:grid;padding:var(--ymt-spacing-s) var(--ymt-spacing-m);border-block-end:1px solid var(--ymt-outline-variant);grid-template-columns:var(--icon-size) 1fr auto;grid-template-rows:repeat(2,auto);grid-template-areas:\"icon name name\" \"icon description description\" \"icon id dataObjectType\";align-items:center;column-gap:var(--ymt-spacing-m);row-gap:var(--ymt-spacing-2xs);cursor:pointer}:host yuv-master-details yuv-list [yuvListItem] .icon{grid-area:icon;color:var(--ymt-text-color-subtle)}:host yuv-master-details yuv-list [yuvListItem] .id{grid-area:id;color:var(--ymt-text-color-subtle);font:var(--ymt-font-body-subtle)}:host yuv-master-details yuv-list [yuvListItem] .name{grid-area:name;color:var(--ymt-text-color-body);font:var(--ymt-font-body)}:host yuv-master-details yuv-list [yuvListItem] .description{grid-area:description;color:var(--ymt-text-color-subtle);font:var(--ymt-font-body)}:host yuv-master-details yuv-list [yuvListItem] .dataObjectType{grid-area:dataObjectType;color:var(--ymt-text-color-subtle);font:var(--ymt-font-body-subtle)}:host yuv-master-details yuv-list [yuvListItem]:not(:last-child){border-block-end:1px solid var(--ymt-outline-variant)}:host yuv-master-details yuv-pagination{flex:0 0 auto;border-block-start:1px solid var(--ymt-outline-variant)}:host yuv-master-details .details{display:flex;flex-flow:column-reverse;height:100%;gap:var(--ymt-spacing-xxs);background-color:var(--ymt-surface)}:host yuv-master-details .details .toolbar{flex:0 0 auto}:host yuv-master-details .details ymtmpl-template-details{height:100%}:host yuv-master-details .empty.nothing-selected{display:flex;flex-flow:column;justify-content:center;align-items:center;height:100%;margin:0}:host yuv-master-details .empty.nothing-selected svg{width:150px;height:150px;opacity:.5;fill:var(--ymt-text-color-subtle)}:host.smallScreen{--border-radius: 0}:host.smallScreen yuv-master-details{padding:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { pagination: [{
+                type: HostBinding,
+                args: ['class.pagination']
+            }] } });
+
+const YuvTemplateManagerRoutes = [
+    {
+        path: '',
+        component: YuvTemplatesComponent,
+        children: [
+            { path: 'management', component: TemplateManagementComponent },
+            { path: '', redirectTo: 'management', pathMatch: 'full' },
+        ]
+    },
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { APP_ACTIONS, APP_ICONS, APP_ID, APP_SCHEMA, TEMPLATE_FILE_MIME_TYPE, TemplateManagementEventType, TemplateObject, TemplateService, YuvTemplateManagerRoutes, YuvTemplatesComponent };
+//# sourceMappingURL=yuuvis-app-templates.mjs.map