mirador/src/lib/AnnotationPage.js

An open-source, web-based 'multi-up' viewer that supports zoom-pan-rotate functionality, ability to display/compare simple images, and images with annotations.

import flatten from 'lodash/flatten';
import AnnotationItem from './AnnotationItem';
/**
 * Annotation representation for IIIF Presentation v3
 * https://iiif.io/api/presentation/3.0/#55-annotation-page
 */
export default class AnnotationPage {
  /** */
  constructor(json, target) {
    this.json = json;
    this.target = target;
  }

  /** */
  get id() {
    return this.json.id;
  }

  /** */
  present() {
    return this.items && this.items.length > 0;
  }

  /** */
  get items() {
    this._items =
      this._items ||
      (() => {
        if (!this.json || !this.json.items) return [];

        return flatten([this.json.items]).map((resource) => new AnnotationItem(resource));
      })();
    return this._items;
  }

  /**
   * Alias to items for compatibility for right now.
   */
  get resources() {
    return this.items;
  }
}