@fluid-topics/ft-viewer 2.1.10

package/build/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./common";
+export * from "./asset";
+export * from "./ud";

package/build/index.js

@@ -0,0 +1,3 @@
+export * from "./common";
+export * from "./asset";
+export * from "./ud";

package/build/ud/components/FtUdViewerComponent.d.ts

@@ -0,0 +1,5 @@
+import { FtLitElementRedux } from "@fluid-topics/ft-wc-utils";
+declare const FtUdViewerComponent_base: import("./registration").FtUdViewerComponentType<typeof FtLitElementRedux>;
+export declare class FtUdViewerComponent extends FtUdViewerComponent_base {
+}
+export {};

package/build/ud/components/FtUdViewerComponent.js

@@ -0,0 +1,4 @@
+import { FtLitElementRedux } from "@fluid-topics/ft-wc-utils";
+import { toFtUdViewerComponent } from "./registration";
+export class FtUdViewerComponent extends toFtUdViewerComponent(FtLitElementRedux) {
+}

package/build/ud/components/ft-ud-viewer-attachments.d.ts

@@ -0,0 +1,16 @@
+import { PropertyValues } from "lit";
+import { FtDocumentAttachment, FtUnstructuredDocument } from "@fluid-topics/public-api";
+import { FtBaseAttachments } from "@fluid-topics/ft-reader-attachments";
+declare const FtUdViewerAttachments_base: import("./registration").FtUdViewerComponentType<typeof FtBaseAttachments & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface>>;
+export declare class FtUdViewerAttachments extends FtUdViewerAttachments_base {
+    static styles: import("lit").CSSResult;
+    document?: FtUnstructuredDocument;
+    constructor();
+    protected update(props: PropertyValues): void;
+    private updateAttachments;
+    protected canRender(): boolean;
+    protected getAttachmentDownloadLink(attachment: FtDocumentAttachment): string;
+    protected getAttachmentDownloadLinkAriaLabel(attachment: FtDocumentAttachment): string;
+    protected getAttachmentViewerLink(attachment: FtDocumentAttachment): string | undefined;
+}
+export {};

package/build/ud/components/ft-ud-viewer-attachments.js

@@ -0,0 +1,55 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { redux, reduxEventListener, } from "@fluid-topics/ft-wc-utils";
+import { withI18n } from "@fluid-topics/ft-i18n";
+import { FtBaseAttachments, generateAttachmentsStyles, } from "@fluid-topics/ft-reader-attachments";
+import { FtUdViewerAttachmentsCssVariables } from "./ft-ud-viewer-attachments.styles";
+import { toFtUdViewerComponent } from "./registration";
+import { defaultViewerMessages, udViewerContext, } from "../ft-ud-viewer.messages";
+import { FtUdViewerStoreEvents } from "../model/ft-ud-viewer.models";
+export class FtUdViewerAttachments extends toFtUdViewerComponent(withI18n(FtBaseAttachments)) {
+    constructor() {
+        super();
+        this.addI18nContext(udViewerContext, defaultViewerMessages);
+    }
+    update(props) {
+        super.update(props);
+        if (props.has("document")) {
+            this.updateAttachments();
+        }
+    }
+    updateAttachments() {
+        var _a;
+        if (this.document) {
+            (_a = this.service) === null || _a === void 0 ? void 0 : _a.getAttachments(this.document.id).then((attachments) => this.attachments = attachments);
+        }
+        else {
+            this.attachments = undefined;
+        }
+    }
+    canRender() {
+        return !!this.document && super.canRender();
+    }
+    getAttachmentDownloadLink(attachment) {
+        var _a, _b;
+        return (_b = (_a = this.service) === null || _a === void 0 ? void 0 : _a.getAttachmentDownloadLink(this.document.id, attachment.id)) !== null && _b !== void 0 ? _b : "";
+    }
+    getAttachmentDownloadLinkAriaLabel(attachment) {
+        return udViewerContext.messages.download(this.getAttachmentAriaLabel(attachment));
+    }
+    getAttachmentViewerLink(attachment) {
+        var _a, _b;
+        return (_a = this.service) === null || _a === void 0 ? void 0 : _a.makeAbsolute((_b = attachment.viewerUrl) !== null && _b !== void 0 ? _b : "");
+    }
+}
+FtUdViewerAttachments.styles = generateAttachmentsStyles(FtUdViewerAttachmentsCssVariables);
+__decorate([
+    redux({ store: "viewer" })
+], FtUdViewerAttachments.prototype, "document", void 0);
+__decorate([
+    reduxEventListener({ eventName: FtUdViewerStoreEvents.udAttachmentsUpdate })
+], FtUdViewerAttachments.prototype, "updateAttachments", null);

package/build/ud/components/ft-ud-viewer-attachments.styles.d.ts

@@ -0,0 +1,2 @@
+import { FtBaseAttachmentsCssVariables } from "@fluid-topics/ft-reader-attachments";
+export declare const FtUdViewerAttachmentsCssVariables: FtBaseAttachmentsCssVariables;

package/build/ud/components/ft-ud-viewer-attachments.styles.js

@@ -0,0 +1,14 @@
+import { designSystemVariables, FtCssVariableFactory, } from "@fluid-topics/ft-wc-utils";
+export const FtUdViewerAttachmentsCssVariables = {
+    itemsGap: FtCssVariableFactory.create("--ft-ud-viewer-attachments-items-gap", "", "SIZE", "8px"),
+    itemPadding: FtCssVariableFactory.create("--ft-ud-viewer-attachments-item-padding", "", "SIZE", "8px"),
+    itemBorderWidth: FtCssVariableFactory.create("--ft-ud-viewer-attachments-item-border-width", "", "SIZE", "1px"),
+    itemBorderColor: FtCssVariableFactory.extend("--ft-ud-viewer-attachments-item-border-color", "", designSystemVariables.colorOutline),
+    itemBorderRadius: FtCssVariableFactory.extend("--ft-ud-viewer-attachments-item-border-radius", "", designSystemVariables.borderRadiusS),
+    itemBackgroundColor: FtCssVariableFactory.extend("--ft-ud-viewer-attachments-item-background-color", "", designSystemVariables.colorSurface),
+    itemTextColor: FtCssVariableFactory.extend("--ft-ud-viewer-attachments-item-text-color", "", designSystemVariables.colorOnSurfaceMedium),
+    itemHoverBackgroundColor: FtCssVariableFactory.extend("--ft-ud-viewer-attachments-item-hover-background-color", "", designSystemVariables.colorPrimary),
+    itemHoverTextColor: FtCssVariableFactory.extend("--ft-ud-viewer-attachments-item-hover-text-color", "", designSystemVariables.colorOnSurfaceHigh),
+    fileFormatIconSize: FtCssVariableFactory.create("--ft-ud-viewer-attachments-file-format-icon-size", "", "SIZE", "30px"),
+    downloadIconSize: FtCssVariableFactory.create("--ft-ud-viewer-attachments-down-icon-size", "", "SIZE", "20px"),
+};

package/build/ud/components/ft-ud-viewer-content-control.d.ts

@@ -0,0 +1,5 @@
+import { FtViewerContentControl } from "../../common/ft-viewer-content-control";
+declare const FtUdViewerContentControl_base: import("./registration").FtUdViewerComponentType<typeof FtViewerContentControl>;
+export declare class FtUdViewerContentControl extends FtUdViewerContentControl_base {
+}
+export {};

package/build/ud/components/ft-ud-viewer-content-control.js

@@ -0,0 +1,4 @@
+import { toFtUdViewerComponent } from "./registration";
+import { FtViewerContentControl } from "../../common/ft-viewer-content-control";
+export class FtUdViewerContentControl extends toFtUdViewerComponent(FtViewerContentControl) {
+}

package/build/ud/components/ft-ud-viewer-content.d.ts

@@ -0,0 +1,5 @@
+import { FtViewerContent } from "../../common/ft-viewer-content";
+declare const FtUdViewerContent_base: import("./registration").FtUdViewerComponentType<typeof FtViewerContent>;
+export declare class FtUdViewerContent extends FtUdViewerContent_base {
+}
+export {};

package/build/ud/components/ft-ud-viewer-content.js

@@ -0,0 +1,4 @@
+import { toFtUdViewerComponent } from "./registration";
+import { FtViewerContent } from "../../common/ft-viewer-content";
+export class FtUdViewerContent extends toFtUdViewerComponent(FtViewerContent) {
+}

package/build/ud/components/ft-ud-viewer-filename.d.ts

@@ -0,0 +1,5 @@
+import { FtViewerFilename } from "../../common/ft-viewer-filename";
+declare const FtUdViewerFilename_base: import("./registration").FtUdViewerComponentType<typeof FtViewerFilename>;
+export declare class FtUdViewerFilename extends FtUdViewerFilename_base {
+}
+export {};

package/build/ud/components/ft-ud-viewer-filename.js

@@ -0,0 +1,4 @@
+import { toFtUdViewerComponent } from "./registration";
+import { FtViewerFilename } from "../../common/ft-viewer-filename";
+export class FtUdViewerFilename extends toFtUdViewerComponent(FtViewerFilename) {
+}

package/build/ud/components/ft-ud-viewer-mime-type-icon.d.ts

@@ -0,0 +1,5 @@
+import { FtViewerMimeTypeIcon } from "../../common/ft-viewer-mime-type-icon";
+declare const FtUdViewerMimeTypeIcon_base: import("./registration").FtUdViewerComponentType<typeof FtViewerMimeTypeIcon>;
+export declare class FtUdViewerMimeTypeIcon extends FtUdViewerMimeTypeIcon_base {
+}
+export {};

package/build/ud/components/ft-ud-viewer-mime-type-icon.js

@@ -0,0 +1,4 @@
+import { toFtUdViewerComponent } from "./registration";
+import { FtViewerMimeTypeIcon } from "../../common/ft-viewer-mime-type-icon";
+export class FtUdViewerMimeTypeIcon extends toFtUdViewerComponent(FtViewerMimeTypeIcon) {
+}

package/build/ud/components/ft-ud-viewer-title.d.ts

@@ -0,0 +1,5 @@
+import { FtViewerDocumentTitle } from "../../common/ft-viewer-document-title";
+declare const FtUdViewerTitle_base: import("./registration").FtUdViewerComponentType<typeof FtViewerDocumentTitle>;
+export declare class FtUdViewerTitle extends FtUdViewerTitle_base {
+}
+export {};

package/build/ud/components/ft-ud-viewer-title.js

@@ -0,0 +1,4 @@
+import { toFtUdViewerComponent } from "./registration";
+import { FtViewerDocumentTitle } from "../../common/ft-viewer-document-title";
+export class FtUdViewerTitle extends toFtUdViewerComponent(FtViewerDocumentTitle) {
+}

package/build/ud/components/registration.d.ts

@@ -0,0 +1,16 @@
+import { Constructor, FtLitElementRedux } from "@fluid-topics/ft-wc-utils";
+import type { FtUdViewerStateManager as FtUdViewerStateManagerInternal } from "../model/FtUdViewerStateManager";
+import { FtUdViewerResourceRequests } from "../model/ft-ud-viewer.models";
+import { FtViewerComponent } from "../../common/FtViewerComponent";
+import { FtUdViewerService } from "../model/FtUdViewerService";
+export type FtUdViewerStateManager = FtUdViewerStateManagerInternal;
+export declare const udViewerStateManagerContext: {
+    __context__: FtUdViewerStateManagerInternal;
+};
+export interface FtUdViewerComponentInterface extends FtViewerComponent {
+    viewerStateManager?: FtUdViewerStateManager;
+    neededUdvRequests: FtUdViewerResourceRequests[];
+    service?: FtUdViewerService;
+}
+export type FtUdViewerComponentType<T extends Constructor<FtLitElementRedux>> = T & Constructor<FtUdViewerComponentInterface>;
+export declare const toFtUdViewerComponent: <T extends Constructor<FtLitElementRedux>>(c: T) => FtUdViewerComponentType<T>;

package/build/ud/components/registration.js

@@ -0,0 +1,62 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { applyMixinOnce, hasChanged, } from "@fluid-topics/ft-wc-utils";
+import { state } from "lit/decorators.js";
+import { consume, createContext, } from "@lit/context";
+export const udViewerStateManagerContext = createContext(Symbol("ud-viewer-state-manager"));
+export const toFtUdViewerComponent = applyMixinOnce(Symbol("toFtUdViewerComponent"), function (ReduxClass) {
+    class FtUdViewerComponentClass extends ReduxClass {
+        constructor() {
+            super(...arguments);
+            this.neededUdvRequests = [];
+        }
+        get service() {
+            var _a;
+            return (_a = this.viewerStateManager) === null || _a === void 0 ? void 0 : _a.service;
+        }
+        willUpdate(props) {
+            var _a, _b, _c;
+            super.willUpdate(props);
+            if (props.has("viewerStateManager")) {
+                this.unregisterFromUdvStateManager(props.get("viewerStateManager"));
+                this.registerToUdvStateManager(this.viewerStateManager);
+            }
+            if (props.has("neededUdvRequests")) {
+                (_a = this.viewerStateManager) === null || _a === void 0 ? void 0 : _a.unregisterComponent(this, (_b = props.get("neededUdvRequests")) !== null && _b !== void 0 ? _b : []);
+                (_c = this.viewerStateManager) === null || _c === void 0 ? void 0 : _c.registerComponent(this, this.neededUdvRequests);
+            }
+        }
+        registerToUdvStateManager(stateManager) {
+            if (stateManager) {
+                stateManager.registerComponent(this, this.neededUdvRequests);
+                this.addStore(stateManager.store, "viewer");
+            }
+        }
+        unregisterFromUdvStateManager(stateManager) {
+            if (stateManager) {
+                stateManager.unregisterComponent(this, this.neededUdvRequests);
+                this.removeStore("viewer");
+            }
+        }
+        connectedCallback() {
+            super.connectedCallback();
+            this.registerToUdvStateManager(this.viewerStateManager);
+        }
+        disconnectedCallback() {
+            super.disconnectedCallback();
+            this.unregisterFromUdvStateManager(this.viewerStateManager);
+        }
+    }
+    __decorate([
+        consume({ context: udViewerStateManagerContext, subscribe: true }),
+        state()
+    ], FtUdViewerComponentClass.prototype, "viewerStateManager", void 0);
+    __decorate([
+        state({ hasChanged })
+    ], FtUdViewerComponentClass.prototype, "neededUdvRequests", void 0);
+    return FtUdViewerComponentClass;
+});

package/build/ud/ft-ud-viewer-context.d.ts

@@ -0,0 +1,13 @@
+import { PropertyValues } from "lit";
+import { FtLitElementRedux } from "@fluid-topics/ft-wc-utils";
+import { FtUdViewerContextProperties } from "./ft-ud-viewer-context.properties";
+import { FtUdViewerStateManager } from "./model/FtUdViewerStateManager";
+export declare class FtUdViewerContext extends FtLitElementRedux implements FtUdViewerContextProperties {
+    documentId?: string;
+    viewerStateManager: FtUdViewerStateManager;
+    protected render(): import("lit-html").TemplateResult<1>;
+    protected willUpdate(props: PropertyValues<FtUdViewerContext>): void;
+    private initStateManager;
+    connectedCallback(): void;
+    onAuthenticationChange(): void;
+}

package/build/ud/ft-ud-viewer-context.js

@@ -0,0 +1,53 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, } from "lit";
+import { property } from "lit/decorators.js";
+import { provide } from "@lit/context";
+import { FtLitElementRedux, randomId, reduxEventListener, } from "@fluid-topics/ft-wc-utils";
+import { FtUdViewerStateManager } from "./model/FtUdViewerStateManager";
+import { udViewerStateManagerContext } from "./components/registration";
+import { AuthenticationChangeEvent, ftAppInfoStore, } from "@fluid-topics/ft-app-context";
+import { FtViewerLoadedEvent } from "../common";
+export class FtUdViewerContext extends FtLitElementRedux {
+    constructor() {
+        super(...arguments);
+        this.viewerStateManager = FtUdViewerStateManager.build(this.id || randomId(6));
+    }
+    render() {
+        return html `
+            <slot></slot>
+        `;
+    }
+    willUpdate(props) {
+        super.willUpdate(props);
+        if (props.has("documentId")) {
+            this.initStateManager();
+        }
+    }
+    async initStateManager() {
+        const state = await this.viewerStateManager.setDocumentId(this.documentId);
+        if (this.documentId) {
+            this.dispatchEvent(new FtViewerLoadedEvent(state));
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addStore(ftAppInfoStore);
+    }
+    onAuthenticationChange() {
+        this.viewerStateManager.reload();
+    }
+}
+__decorate([
+    property()
+], FtUdViewerContext.prototype, "documentId", void 0);
+__decorate([
+    provide({ context: udViewerStateManagerContext })
+], FtUdViewerContext.prototype, "viewerStateManager", void 0);
+__decorate([
+    reduxEventListener({ eventName: AuthenticationChangeEvent.eventName })
+], FtUdViewerContext.prototype, "onAuthenticationChange", null);

package/build/ud/ft-ud-viewer-context.properties.d.ts

@@ -0,0 +1,3 @@
+export interface FtUdViewerContextProperties {
+    documentId?: string;
+}

package/build/ud/ft-ud-viewer-context.properties.js

@@ -0,0 +1 @@
+export {};

package/build/ud/ft-ud-viewer.messages.d.ts

@@ -0,0 +1,6 @@
+import { DefaultI18nMessages, I18nMessageContext, I18nMessages } from "@fluid-topics/ft-i18n";
+export interface FtUdViewerMessages extends I18nMessages {
+    download(label: string): string;
+}
+export declare const udViewerContext: I18nMessageContext<FtUdViewerMessages>;
+export declare const defaultViewerMessages: DefaultI18nMessages<FtUdViewerMessages>;

package/build/ud/ft-ud-viewer.messages.js

@@ -0,0 +1,5 @@
+import { I18nMessageContext, } from "@fluid-topics/ft-i18n";
+export const udViewerContext = I18nMessageContext.build("designedUdViewer");
+export const defaultViewerMessages = {
+    download: "Download {0}",
+};

package/build/ud/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./ft-ud-viewer-context.properties";
+export * from "./ft-ud-viewer-context";
+export * from "./model/ft-ud-viewer.models";
+export * from "./components/registration";
+export * from "./components/ft-ud-viewer-content";
+export * from "./components/ft-ud-viewer-content-control";
+export * from "./components/ft-ud-viewer-filename";
+export * from "./components/ft-ud-viewer-title";
+export * from "./components/ft-ud-viewer-mime-type-icon";
+export * from "./components/ft-ud-viewer-attachments";

package/build/ud/index.js

@@ -0,0 +1,10 @@
+export * from "./ft-ud-viewer-context.properties";
+export * from "./ft-ud-viewer-context";
+export * from "./model/ft-ud-viewer.models";
+export * from "./components/registration";
+export * from "./components/ft-ud-viewer-content";
+export * from "./components/ft-ud-viewer-content-control";
+export * from "./components/ft-ud-viewer-filename";
+export * from "./components/ft-ud-viewer-title";
+export * from "./components/ft-ud-viewer-mime-type-icon";
+export * from "./components/ft-ud-viewer-attachments";

package/build/ud/model/FtUdViewerService.d.ts

@@ -0,0 +1,12 @@
+import { FtServiceWithCache } from "@fluid-topics/ft-app-context";
+import { FtPublicationRatingSummary, FtRatingType } from "@fluid-topics/public-api";
+export declare class FtUdViewerService extends FtServiceWithCache {
+    getDocument(documentId: string): Promise<import("@fluid-topics/public-api").FtUnstructuredDocument>;
+    getAttachments(documentId: string): Promise<import("@fluid-topics/public-api").FtDocumentAttachment[]>;
+    getAttachmentDownloadLink(documentId: string, id: string): string;
+    makeAbsolute(endpoint: string): string;
+    getDocumentRating(documentId: string): Promise<FtPublicationRatingSummary | undefined>;
+    rateDocument(documentId: string, type: FtRatingType, value: number): Promise<void>;
+    unrateDocument(documentId: string): Promise<void>;
+    sendDocumentFeedback(documentId: string, message: string): Promise<void>;
+}

package/build/ud/model/FtUdViewerService.js

@@ -0,0 +1,24 @@
+import { FtServiceWithCache } from "@fluid-topics/ft-app-context";
+export class FtUdViewerService extends FtServiceWithCache {
+    getDocument(documentId) {
+        return this.cache.get(documentId, () => this.api.getUnstructuredDocument(documentId));
+    }
+    getAttachments(documentId) {
+        return this.cache.get(`${documentId}-attachments`, () => this.api.getUdAttachments(documentId));
+    }
+    getAttachmentDownloadLink(documentId, id) {
+        return this.makeAbsolute(`${this.api.endpoints.khub.documents.documentId(documentId).attachments.attachmentId(id).content}?download=true&locationValue=viewer`);
+    }
+    makeAbsolute(endpoint) {
+        return this.api.makeAbsolute(endpoint);
+    }
+    async getDocumentRating(documentId) {
+        return undefined;
+    }
+    async rateDocument(documentId, type, value) {
+    }
+    async unrateDocument(documentId) {
+    }
+    async sendDocumentFeedback(documentId, message) {
+    }
+}

package/build/ud/model/FtUdViewerStateManager.d.ts

@@ -0,0 +1,13 @@
+import { FtViewerReduxStore } from "../../common/model/FtViewerReduxStore";
+import { FtViewerStateManager } from "../../common/model/FtViewerStateManager";
+import { FtUdViewerService } from "./FtUdViewerService";
+export declare class FtUdViewerStateManager extends FtViewerStateManager {
+    store: FtViewerReduxStore;
+    service: FtUdViewerService;
+    static build(viewerId: string): FtUdViewerStateManager;
+    constructor(store: FtViewerReduxStore, service: FtUdViewerService);
+    load(): Promise<import("../..").FtViewerState>;
+    clear(): void;
+    reload(): Promise<import("../..").FtViewerState>;
+    setDocumentId(documentId: string | undefined): Promise<import("../..").FtViewerState>;
+}

package/build/ud/model/FtUdViewerStateManager.js

@@ -0,0 +1,58 @@
+import { FtViewerFileOrigin } from "../../common/model/ft-viewer.models";
+import { createViewerStore, } from "../../common/model/FtViewerReduxStore";
+import { FtViewerStateManager } from "../../common/model/FtViewerStateManager";
+import { FtUdViewerService } from "./FtUdViewerService";
+import { FtAssetHolderType } from "@fluid-topics/public-api";
+import { FluidTopicsApiProvider } from "@fluid-topics/ft-app-context";
+export class FtUdViewerStateManager extends FtViewerStateManager {
+    static build(viewerId) {
+        return new FtUdViewerStateManager(createViewerStore(viewerId), new FtUdViewerService());
+    }
+    constructor(store, service) {
+        super(store);
+        this.store = store;
+        this.service = service;
+        store.actions.origin(FtViewerFileOrigin.UNSTRUCTURED_DOCUMENT);
+    }
+    async load() {
+        var _a, _b;
+        const { documentId } = this.store.getState();
+        if (documentId) {
+            const document = await this.service.getDocument(documentId);
+            this.store.actions.document({
+                type: FtAssetHolderType.UNSTRUCTURED_DOCUMENT,
+                id: document.id,
+                lang: (_a = document.lang) !== null && _a !== void 0 ? _a : "en-US",
+                title: document.title,
+                metadata: document.metadata,
+                portalUrl: document.viewerUrl,
+            });
+            const api = await FluidTopicsApiProvider.await();
+            this.store.actions.descriptor({
+                id: document.id,
+                portalUrl: document.viewerUrl,
+                filename: document.filename,
+                fingerprint: document.lastEdition,
+                displayName: document.title,
+                alt: (_b = document.description) !== null && _b !== void 0 ? _b : document.title,
+                mimeType: document.mimeType,
+                size: 0,
+                viewableInCurrentBrowser: document.viewableInCurrentBrowser,
+                contentUrl: api.makeAbsolute(document.contentApiEndpoint),
+            });
+            this.store.actions.watermark(document.watermark);
+        }
+        return this.store.getState();
+    }
+    clear() {
+        this.store.clearKeeping("documentId", "origin");
+    }
+    reload() {
+        this.clear();
+        return this.load();
+    }
+    setDocumentId(documentId) {
+        this.store.actions.documentId(documentId);
+        return this.reload();
+    }
+}

package/build/ud/model/ft-ud-viewer.models.d.ts

@@ -0,0 +1,6 @@
+export declare enum FtUdViewerResourceRequests {
+    RATING = "RATING"
+}
+export declare enum FtUdViewerStoreEvents {
+    udAttachmentsUpdate = "ud-attachments-update"
+}

package/build/ud/model/ft-ud-viewer.models.js

@@ -0,0 +1,8 @@
+export var FtUdViewerResourceRequests;
+(function (FtUdViewerResourceRequests) {
+    FtUdViewerResourceRequests["RATING"] = "RATING";
+})(FtUdViewerResourceRequests || (FtUdViewerResourceRequests = {}));
+export var FtUdViewerStoreEvents;
+(function (FtUdViewerStoreEvents) {
+    FtUdViewerStoreEvents["udAttachmentsUpdate"] = "ud-attachments-update";
+})(FtUdViewerStoreEvents || (FtUdViewerStoreEvents = {}));

package/package.json

@@ -0,0 +1,34 @@
+{
+    "name": "@fluid-topics/ft-viewer",
+    "version": "2.1.10",
+    "description": "File viewer components",
+    "keywords": [
+        "Lit"
+    ],
+    "author": "Fluid Topics <devtopics@antidot.net>",
+    "license": "ISC",
+    "main": "build/index.js",
+    "web": "build/ft-viewer.min.js",
+    "typings": "build/index",
+    "files": [
+        "build/**/*.js",
+        "build/**/*.ts"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
+    },
+    "dependencies": {
+        "@fluid-topics/ft-content-watermark": "2.1.10",
+        "@fluid-topics/ft-i18n": "2.1.10",
+        "@fluid-topics/ft-reader-attachments": "2.1.10",
+        "@fluid-topics/ft-wc-utils": "2.1.10",
+        "@fluid-topics/public-api": "1.0.129",
+        "@lit/context": "1.1.6",
+        "lit": "3.1.0"
+    },
+    "devDependencies": {
+        "@fluid-topics/ft-wc-test-utils": "2.1.10"
+    },
+    "gitHead": "2e92a83b868bd3944d7f807c6d232e06c63d12fa"
+}