@fluid-topics/ft-reader-context 1.4.4 → 2.0.0

package/build/define.d.ts

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

package/build/define.js

@@ -0,0 +1,3 @@
+import { customElement } from "@fluid-topics/ft-wc-utils";
+import { FtReaderContext } from "./ft-reader-context";
+customElement("ft-reader-context")(FtReaderContext);

package/build/ft-reader-context.js

@@ -6,13 +6,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, nothing } from "lit";
 import { property } from "lit/decorators.js";
-import { Debouncer, FtLitElementRedux, redux } from "@fluid-topics/ft-wc-utils";
+import { Debouncer, FtLitElementRedux, numberProperty, randomId, redux } from "@fluid-topics/ft-wc-utils";
 import { FtReaderStateManager } from "./store/FtReaderStateManager";
 import { styles } from "./ft-reader-context.styles";
 import { AuthenticationChangeEvent, ftAppInfoStore, userAssetsActions } from "@fluid-topics/ft-app-context";
 import { ForbiddenErrorEvent, LoadErrorEvent, MapLoadedEvent, NavigationDoneEvent, NotFoundErrorEvent, TopicRelativeNotFoundEvent, UnauthorizedErrorEvent, VisibleTopicsChangeEvent } from "./models";
 import { ReaderService } from "./services/ReaderService";
-const fromNumberAttribute = (defaultValue) => (value) => +(value !== null && value !== void 0 ? value : "NaN") > 0 ? +value : defaultValue;
 class FtReaderContext extends FtLitElementRedux {
     constructor() {
         super();
@@ -45,7 +44,7 @@ class FtReaderContext extends FtLitElementRedux {
     }
     get stateManager() {
         if (this._stateManager == null) {
-            this._stateManager = FtReaderStateManager.build(this.id || ("" + Math.round(Math.random() * 999000)).padStart(6, "0"), this.readerServiceProvider);
+            this._stateManager = FtReaderStateManager.build(this.id || randomId(6), this.readerServiceProvider);
             this._stateManager.errorHandler = (e) => this.handleLoadError(e);
             this.addStore(this.stateManager.store, "reader");
         }
@@ -216,7 +215,7 @@ __decorate([
     property()
 ], FtReaderContext.prototype, "searchInDocumentQuery", void 0);
 __decorate([
-    property({ type: Number, converter: { fromAttribute: fromNumberAttribute() } })
+    numberProperty({ min: 1 })
 ], FtReaderContext.prototype, "page", void 0);
 __decorate([
     redux({ store: "reader" })