Merge branch 'dev' into 758

.github/dependabot.yml

@@ -0,0 +1,12 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+    target-branch: "dev"
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+    target-branch: "dev"

.github/workflows/build-test.yml

@@ -7,20 +7,19 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        # @TODO add 16/18
-        node: [ '16' ]
+        node: [ '18' ]
 
     name: Node ${{ matrix.node }} build
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/cache@v3
+      - uses: actions/checkout@v4
+      - uses: actions/cache@v4
         with:
           path: ~/.npm
           key: ${{ runner.os }}-${{ matrix.node }}-npm-${{ hashFiles('**/package-lock.lock') }}
           restore-keys: |
             ${{ runner.os }}-npm-
       - name: Setup node
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node }}
 

.github/workflows/release.yml

@@ -9,17 +9,17 @@ jobs:
     runs-on: ubuntu-latest
     name: Node build
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/cache@v3
+      - uses: actions/checkout@v4
+      - uses: actions/cache@v4
         with:
           path: ~/.npm
           key: ${{ runner.os }}-${{ matrix.node }}-npm-${{ hashFiles('**/package-lock.lock') }}
           restore-keys: |
             ${{ runner.os }}-npm-
       - name: Setup node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
-          node-version: '16.x'
+          node-version: '18.x'
       - run: npm ci
       - run: npm run build
 
@@ -28,24 +28,24 @@ jobs:
     runs-on: ubuntu-latest
     name: Release
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/cache@v3
+      - uses: actions/checkout@v4
+      - uses: actions/cache@v4
         with:
           path: ~/.npm
           key: ${{ runner.os }}-${{ matrix.node }}-npm-${{ hashFiles('**/package-lock.lock') }}
           restore-keys: |
             ${{ runner.os }}-npm-
       - name: Setup node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
-          node-version: '16.x'
+          node-version: '18.x'
 
       - name: Set tag
         id: tagName
         run: echo ::set-output name=tag::${GITHUB_REF#refs/*/}
 
       - run: npm ci
 
-      - uses: JS-DevTools/npm-publish@v1
+      - uses: JS-DevTools/npm-publish@v3
         with:
           token: ${{ secrets.NPM_TOKEN }}

COMMUNITY_TEAM.md

@@ -22,18 +22,18 @@ UV community team members help shepherd the community. They are here to help men
 
 Active Community Members are visibly active in our Slack and/or GitHub channels. We identify active members as being those whom contributors and staff can most count on for a response within 2-3 days.
 
-|                                                                         | (Ordered alphabetically, by first name)                                                                                                                                                                                                                          |
-| ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| ![Demian](https://avatars.githubusercontent.com/demiankatz?s=460&v=4)  | **[Demian](https://github.com/demiankatz)** is Director of Library Technologies and has been at Falvey Memorial Library in some capacity since 2009, living in Philadelphia US. Ask Demian about: <ul><li>Universal Viewer</li><li>TypeScript</li><li>IIIF</li></ul> |
-| ![Edward](https://avatars.githubusercontent.com/edsilv?s=460&v=4)  | **[Edward](https://github.com/edsilv)** is an applications developer at [mnemoscene](https://mnscene.io), living in Brighton UK. Ask Edward about: <ul><li>StencilJS</li><li>three.js</li><li>Universal Viewer</li><li>TypeScript</li><li>IIIF</li></ul> |
+|                                                                       | (Ordered alphabetically, by first name)                                                                                                                                                                                                                              |
+| --------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| ![Demian](https://avatars.githubusercontent.com/demiankatz?s=460&v=4) | **[Demian](https://github.com/demiankatz)** is Director of Library Technologies and has been at Falvey Memorial Library in some capacity since 2009, living in Philadelphia US. Ask Demian about: <ul><li>Universal Viewer</li><li>TypeScript</li><li>IIIF</li></ul> |
+| ![Edward](https://avatars.githubusercontent.com/edsilv?s=460&v=4)     | **[Edward](https://github.com/edsilv)** is an applications developer at [mnemoscene](https://mnscene.io), living in Brighton UK. Ask Edward about: <ul><li>React</li><li>three.js</li><li>Universal Viewer</li><li>TypeScript</li><li>IIIF</li></ul>                 |
 
 ### Joining the Team
 
 We welcome active contributors to join the UV team. Specifically, we are looking for contributors with:
 
-* Passion for IIIF, TypeScript, stenciljs
-* Interest in helping other contributors, and fostering community growth
-* Two months of active contribution to the repository.
+- Passion for IIIF, TypeScript, React
+- Interest in helping other contributors, and fostering community growth
+- Two months of active contribution to the repository.
 
 To apply, simply contact one of our staff or community team members via Slack or email, and we'll get right back to you.
 

CONTRIBUTING.md

@@ -5,7 +5,7 @@
 Before you can build the UV, we assume the following list of software is already installed in your system
 
 - Git
-- Node 14.18.1 or higher
+- Node 18 or higher
 - Npm 8.1.1 or higher
 
 ### Fork repository

README.md

@@ -41,7 +41,9 @@ A community-developed open source project on a mission<br/> to help you share yo
 
 ## 🌐 Website
 
-[Visit the UV demo page](https://universalviewer.dev) to try it out.
+- [Visit the stable UV demo page](https://uv-v4.netlify.app) to try out the latest stable version of the Viewer (UV4) with sample items.
+- [Visit the dev branch UV demo page](https://universalviewer.dev) to try out the latest 'bleeding edge' dev branch code for UV4.
+- [View sample items in version 3 of the Universal Viewer](https://uv-v3.netlify.app)
 
 <!-- ## 📖 Scope
 
@@ -58,8 +60,8 @@ Read the [docs](https://docs.universalviewer.io/) to learn about the various UV
 Read below to learn how to take part in improving the UV:
 
 - Fork the repository and [run the examples from source](#-getting-started)
-- Get familiar with [Code of Conduct](CODE_OF_CONDUCT.md)
-- Read our [guide to contributing](CONTRIBUTING.md)
+- Get familiar with [Code of Conduct](https://github.com/UniversalViewer/universalviewer/blob/main/CODE_OF_CONDUCT.md)
+- Read our [guide to contributing](https://github.com/UniversalViewer/universalviewer/blob/main/CONTRIBUTING.md)
 - Find an issue to work on and submit a pull request
   - First time contributing to open source? Pick a [good first issue](https://github.com/universalviewer/universalviewer/labels/good%20first%20issue) to get you familiar with GitHub contributing process.
   - First time contributing to the UV? Pick a [beginner friendly issue](https://github.com/universalviewer/universalviewer/labels/beginners) to get you familiar with codebase and our contributing process.
@@ -84,7 +86,7 @@ Read our [Accessibility Statement](https://github.com/UniversalViewer/universalv
 
 ## 📣 Feedback
 
-Read below how to engage with the UV [community](COMMUNITY_TEAM.md):
+Read below how to engage with the UV [community](https://github.com/UniversalViewer/universalviewer/blob/main/COMMUNITY_TEAM.md):
 
 - Join the discussion on [Slack](http://universalviewer.io/#contact).
 - Ask a question, request a new feature and file a bug with [GitHub issues](https://github.com/universalviewer/universalviewer/issues/new).

__tests__/test.js

@@ -17,4 +17,5 @@ describe('Universal Viewer', () => {
       )
     );
   });
-});
+});
+

docs/modules/_internal_.html

@@ -49,9 +49,6 @@
 <a href="../types/_internal_.ContentLeftPanel.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Content<wbr/>Left<wbr/>Panel</span></a>
 <a href="../types/_internal_.ContentLeftPanelContent.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Content<wbr/>Left<wbr/>Panel<wbr/>Content</span></a>
 <a href="../types/_internal_.ContentLeftPanelOptions.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Content<wbr/>Left<wbr/>Panel<wbr/>Options</span></a>
-<a href="../types/_internal_.DefaultCenterPanel.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Default<wbr/>Center<wbr/>Panel</span></a>
-<a href="../types/_internal_.DefaultCenterPanelContent.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Default<wbr/>Center<wbr/>Panel<wbr/>Content</span></a>
-<a href="../types/_internal_.DefaultCenterPanelOptions.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Default<wbr/>Center<wbr/>Panel<wbr/>Options</span></a>
 <a href="../types/_internal_.DefaultDownloadDialogue.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Default<wbr/>Download<wbr/>Dialogue</span></a>
 <a href="../types/_internal_.DefaultDownloadDialogueContent.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Default<wbr/>Download<wbr/>Dialogue<wbr/>Content</span></a>
 <a href="../types/_internal_.DefaultDownloadDialogueOptions.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Default<wbr/>Download<wbr/>Dialogue<wbr/>Options</span></a>
@@ -85,6 +82,9 @@
 <a href="../types/_internal_.ExpandPanel.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Expand<wbr/>Panel</span></a>
 <a href="../types/_internal_.ExpandPanelContent.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Expand<wbr/>Panel<wbr/>Content</span></a>
 <a href="../types/_internal_.ExpandPanelOptions.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Expand<wbr/>Panel<wbr/>Options</span></a>
+<a href="../types/_internal_.FileLinkCenterPanel.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>File<wbr/>Link<wbr/>Center<wbr/>Panel</span></a>
+<a href="../types/_internal_.FileLinkCenterPanelContent.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>File<wbr/>Link<wbr/>Center<wbr/>Panel<wbr/>Content</span></a>
+<a href="../types/_internal_.FileLinkCenterPanelOptions.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>File<wbr/>Link<wbr/>Center<wbr/>Panel<wbr/>Options</span></a>
 <a href="../types/_internal_.FooterPanel.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Footer<wbr/>Panel</span></a>
 <a href="../types/_internal_.FooterPanelContent.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Footer<wbr/>Panel<wbr/>Content</span></a>
 <a href="../types/_internal_.FooterPanelOptions.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Footer<wbr/>Panel<wbr/>Options</span></a>
@@ -147,9 +147,6 @@
 <a href="../types/_internal_.MultiSelectDialogue.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Multi<wbr/>Select<wbr/>Dialogue</span></a>
 <a href="../types/_internal_.MultiSelectDialogueContent.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Multi<wbr/>Select<wbr/>Dialogue<wbr/>Content</span></a>
 <a href="../types/_internal_.MultiSelectDialogueOptions.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Multi<wbr/>Select<wbr/>Dialogue<wbr/>Options</span></a>
-<a href="../types/_internal_.OSDCenterPanel.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>OSDCenter<wbr/>Panel</span></a>
-<a href="../types/_internal_.OSDCenterPanelContent.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>OSDCenter<wbr/>Panel<wbr/>Content</span></a>
-<a href="../types/_internal_.OSDCenterPanelOptions.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>OSDCenter<wbr/>Panel<wbr/>Options</span></a>
 <a href="../types/_internal_.OSDDownloadDialogue.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>OSDDownload<wbr/>Dialogue</span></a>
 <a href="../types/_internal_.OSDDownloadDialogueContent.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>OSDDownload<wbr/>Dialogue<wbr/>Content</span></a>
 <a href="../types/_internal_.OSDDownloadDialogueOptions.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>OSDDownload<wbr/>Dialogue<wbr/>Options</span></a>
@@ -159,6 +156,9 @@
 <a href="../types/_internal_.OSDShareDialogue.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>OSDShare<wbr/>Dialogue</span></a>
 <a href="../types/_internal_.OSDShareDialogueContent.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>OSDShare<wbr/>Dialogue<wbr/>Content</span></a>
 <a href="../types/_internal_.OSDShareDialogueOptions.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>OSDShare<wbr/>Dialogue<wbr/>Options</span></a>
+<a href="../types/_internal_.OpenSeadragonCenterPanel.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Open<wbr/>Seadragon<wbr/>Center<wbr/>Panel</span></a>
+<a href="../types/_internal_.OpenSeadragonCenterPanelContent.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Open<wbr/>Seadragon<wbr/>Center<wbr/>Panel<wbr/>Content</span></a>
+<a href="../types/_internal_.OpenSeadragonCenterPanelOptions.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Open<wbr/>Seadragon<wbr/>Center<wbr/>Panel<wbr/>Options</span></a>
 <a href="../types/_internal_.Options.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>Options</span></a>
 <a href="../types/_internal_.PDFCenterPanel.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>PDFCenter<wbr/>Panel</span></a>
 <a href="../types/_internal_.PDFCenterPanelContent.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2097152"></use></svg><span>PDFCenter<wbr/>Panel<wbr/>Content</span></a>