{"_id":"@dasch-swiss/dsp-ui","_rev":"49-007d85d98700a3bed16242f35876a2b0","name":"@dasch-swiss/dsp-ui","dist-tags":{"rc":"1.0.0-rc.14","latest":"1.8.0"},"versions":{"1.0.0-rc.1":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.1","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.1","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"2147cad6157103373d6dac943c81d886472cb8aa","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.1.tgz","fileCount":113,"integrity":"sha512-8TFmxkjeWOlzVXUlgeCvwfzIz51YY2VsZz3krwk2HHBHOgWbiaC04ATRJhhvBDpb9gtNj54OgYnDGRY6hKzjCQ==","signatures":[{"sig":"MEUCICsmNE2EZEC5da2iYuID0rJBl4UljwX+71xHFXxYzngOAiEA9eO7RwY8KZKJEBCFPJppKabSuQC0Xy5nvuvCzdF4Zjo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2223309,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevpiWCRA9TVsSAnZWagAAkD0QAIkLnK6OjeE/jbBeS2NG\nVHbxMCzxwPalDawcVeqbmFNPdwM0HyNq1Fez/0zyt5KoBnxYyDw+QOfsAUgr\n2NLg64Xm22ctuhLx/q0avRscSPGiePyFHBc2v8OIdfcph36Y1FsqEMZ1q4O3\nUIjD04qTpb2h4fpmPSbeThNrNKrZmJwnVnZDtNeNsuoBqYtwbMasgjcJF1Bb\nwsDBg/jA5p4FXonU+y/LFxdfEpTI+JaaRR8dLxz/v/upPmOBaHlFcn42EMrU\nqLYCX/BzYVt6PgyFSLodGop4fDC85Kjcz5A+nyasY01KDhsYvf+G3sc8PXSB\noBNsiDmUn6nrKH2trz8dEF08GxvxWum+F42Vi5ChknxWi9rIws7r4myfn3QB\nI0+JMejyiuR3udHtJLouR6GhTPZkcyGAFdYJKOyja27TIKMQbuR7Je7Uqq1f\n/troIRHsFAEKJMoYIPYtuP11qmDb2/tFPEtsBsKhKT3/B9xEJ/ObCO7vpxuA\nkFHrsXQAgR3RdZDQQO9t/wcn+aiNNAo3cgTlV49jIvfvqQ7hbeXJw97Em10w\nwL4l/WL9U0JtItca5qV5kNHcoheY6tMzWBKpvnneoEZDYJkCy6Oj+WQDbQNk\ngzDhC31pyM/AQDXKYIcazXJ+v7zZ1YyLtcfVV55Eib1YPVpubUjA6GN6GbLx\nWjv9\r\n=lbaG\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.4","description":"The modules help create a GUI to allow the user to use [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) in a quick and simple way from within a web application. The modules are written in Typescript for use with **[Angular](https://angu","directories":{},"sideEffects":false,"_nodeVersion":"12.16.3","_hasShrinkwrap":false,"peerDependencies":{"tslib":"^1.10.0","@knora/api":"1.0.0-rc.0","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","@angular/common":"^9.0.0","ngx-color-picker":"^9.1.0","@angular/material":"^9.0.0","jdnconvertiblecalendar":"^0.0.5","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.1_1589549205889_0.3231149356332792","host":"s3://npm-registry-packages"}},"1.0.0-rc.2":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.2","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.2","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"e629096db08c3d8c64adb95e9dfdaeaea14f578c","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.2.tgz","fileCount":267,"integrity":"sha512-nf/+dtw8J1UBj3wAPXSP7wavUsGh5G/Mr6Nh1Ebzj9xQNNPAKFSnh5Ijq6Ja4mPBdAhKg5vNyP1DR/aUVfRW0g==","signatures":[{"sig":"MEUCIQD+6Rdq/m34sYuHMzbenOfC05RiDVRXMi2rW1mIe9ENuAIgXs7/DJCBRCTnC/vJUDHB5jKZlDntGCLO9MAxjftYLNw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6554625,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIuB9CRA9TVsSAnZWagAAlsAP/12T+Z4bs16bzqUtFAJZ\nAqVCwTGeW0582vJ3BhxXh7gsAxqJT74MoUPDkIawSdQdklsEu1jVc6rNE0s/\nbQ+HwA7noqAqwxx3PAfoY/kHhyK1cug5Vf9LeutF7bsPhYvpxbYRTrSmxF3I\nZaIi6xBWwUlDeDFSj5GlF19DxbTKlL93eZU32Xa/+O5Uu2JTwa8DbLqhcoTx\nUvrMLVKM7jSK8P2990nV5DJS7UebiaAvcibIyDqEcou3ZiBYEm32/Hcr8I2P\nfNkOMss+1EBnCAYbHJiqh5Jv61wGbVF6DQdNDbuouWA6rOD9vhOZ8x6382uQ\nO7CMtCr7ax85h1DRlPBKZL5SYe+6C/j7Qb3vU/W5Z//kGUPjXzNCz02nzt/F\nJEK0/7KjvJvCyPt9l7MvJkWPTZBqK1bkSQBCZUDgXPDHAStkzcpHg1+2azsa\nOPy/FvyOzdn/EINm2sAa3aD3X7DRdQ6D8GS3WD+bkF1Lo+y/FLPZquDWC/Vt\nf7ysjKJ/v6GLIBJmc6CbiYBDMPszaTFp9kwWJGrf704/ZJ8FOkBig4It57Sk\nWb/9CXjdemhntG+IJ/d6+S58xVBu0XsGoFVp1xafFH3mXAiMNFDYBc7hTLKb\npIS9RbB4Azsu+AkKlSp1qN8H+i7eMz43eQMU12DWjR77h7ugpk2XvcaaBHrf\n+tPi\r\n=4WDg\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.6","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^9.1.0","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"1.0.0-rc.5","jdnconvertiblecalendar":"^0.0.5","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.2_1596121213382_0.8682178757499863","host":"s3://npm-registry-packages"}},"1.0.0-rc.3":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.3","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.3","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"a1766c51eef4b3a6a8fb29c5ec247f1ce6fa0118","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.3.tgz","fileCount":267,"integrity":"sha512-fdBl8DBQZK9kjufr9v/+6pA7X5Oy8CxGR6gpia+FRCq8DxNyb6DTOgtpuhXrKJHlWJYNP0Q2VAxw3MZdxBrjoA==","signatures":[{"sig":"MEYCIQCUDfvDp92lARJm+lqPiv/5ZdGiWvw5CNjklyHXz9i5mAIhAMr6rTFrireOFJBKxWU4ZDf8tHcU5fNy7Nt6z2W8cVyO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6724271,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLQ3nCRA9TVsSAnZWagAAcLgP/28H+fdsZPXNdcE9fO+d\n6bndPbJoBRqQm9OUGK5/bWgERkabCAMVrpLFLfJx9f440qXiGfCFllwdhYfb\n1tFe0fPFGXceOANYs03cVnFcMKP3QTcjhcKd8TVLkv43uJwpI2a38d5wjgNl\nNDJuET74HoSVUK9SLuSQD+fUk4ApbfD5KrhE4wFRfCOUoXnnO5aeoCyd8yAn\nMoxF9JyxFbwcs83ecoCzW9pSSVxneWbfVtnPoXf/yjGMaN1YH34bW0cr+zZL\ndY7su1tjZBSUHHo3L4n2Uf6HCo35TRtksCBrJDCeDis98QFoDCLxpTBm+nMQ\n66v/YTwn2mVhFK1yTt6Bl73MJgvAYRGozw3TYkkekIYGjB9lZi+z+FjXBcLo\nmW0CqvqfRSpSI/JmK9LVA6aSiFyGWYRF/koqIBEsq9j8nkhkMMp3dhZ0Y9qE\nlDJZ7cde52QZEbe6BL30+pQnPq6yiQckLL4+lnwWmv6wfJdzJV1SnL1Y3/56\nm8Az+sUh1PifyrU6rtxQJ9j6BfWPtGzAY00CAMp/PcMRq2GzSrh1nkiUEvbY\nFqa+RyDLnaE1bbx9k/k1i3E4K0ssCJTOTrDv0Fd2fphREX+jx2H4uXkB/7gY\nRKsI1fWxR4/Ks9gqfg8+54R1ImYJojocPT4gcytvrETVorEPmE65qhR0YYt/\nXEZm\r\n=+HBm\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","readme":"# DSP-UI-LIB &mdash; A library to easily create Knora/DSP Apps\n\n[![npm version](https://badge.fury.io/js/%40dasch-swiss%2Fdsp-ui.svg)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![CI](https://github.com/dasch-swiss/knora-ui-ng-lib/workflows/CI/badge.svg)](https://github.com/dasch-swiss/knora-ui-ng-lib/actions?query=workflow%3ACI)\n[![npm downloads](https://img.shields.io/npm/dt/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![license](https://img.shields.io/npm/l/@dasch-swiss/dsp-ui.svg?style=flat)](https://github.com/dasch-swiss/dsp-ui-lib/blob/master/LICENSE)\n\nThe modules help create a GUI to allow the user to use [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) in a quick and simple way from within a web application. The modules are written in Typescript for use with **[Angular](https://angular.io) (version 9)**. We decided to style components and directives with [Angular Material design](https://material.angular.io).\n\nDSP-UI-LIB implements [DSP-JS-LIB](https://www.npmjs.com/package/@dasch-swiss/dsp-js) to connect with DSP API. DSP-API is a software framework for storing, sharing, and working with primary sources and data in the humanities.\n\nPlease check our [DSP Release Compatibility Matrix](https://docs.google.com/spreadsheets/d/e/2PACX-1vQe-0nFKqYHwHT3cNI2M_ZCycKOgDZBxtaabxEQDDkNKJf6funMVrJBJPgMFEJdiBdCesahUhURN6MS/pubhtml) to use this library with the correct and required versions of the dependent packages.\n\nDSP-API and DSP-UI-LIB are [free software](http://www.gnu.org/philosophy/free-sw.en.html), released under the [GNU Affero General Public](http://www.gnu.org/licenses/agpl-3.0.en.html).\n\n## Installation\n\n```bash\nnpm install @dasch-swiss/dsp-ui\n```\n\n### Dependencies\n\nThe module has the following package dependencies, which you also have to install.\n\n<!-- TODO: the following package will be renamed to @dasch-swiss/dsp-js and the list of dependencies incl. version will be added to an external matrix file -->\n- [@dasch-swiss/dsp-js](https://www.npmjs.com/package/@dasch-swiss/dsp-js)\n- [jdnconvertiblecalendar@0.0.5](https://www.npmjs.com/package/jdnconvertiblecalendar)\n- [jdnconvertiblecalendardateadapter@0.0.13](https://www.npmjs.com/package/jdnconvertiblecalendardateadapter)\n- [ngx-color-picker@9.1.0](https://www.npmjs.com/package/ngx-color-picker)\n- [openseadragon](https://openseadragon.github.io/#download)\n- [svg-overlay](https://github.com/openseadragon/svg-overlay)\n\n## Setup\n\nThe module supports runtime config to load the API configuration on load as opposed to on build. This helps run an App as a docker image in various environments. However, this requires some modifications in your app. We suggest building the app with [@angular/cli](https://cli.angular.io/).\n\nFirst, let's make a `config.dev.json` file in an additional folder `src/config/`:\n\n```json\n{\n  \"apiProtocol\": \"http\",\n  \"apiHost\": \"0.0.0.0\",\n  \"apiPort\": 3333,\n  \"apiPath\": \"\",\n  \"jsonWebToken\": \"\",\n  \"logErrors\": true\n}\n```\n\nIt's possible to create several config files e.g. one for productive use. In this case, `logErrors` should be set to `false` and the filename would be `config.prod.json`. In the environment files, we have to add the corresponding name:\n\n```typescript\nexport const environment = {\n  name: 'dev',      // <-- add the name 'dev', 'prod', etc. here.\n  production: false\n};\n```\n\nThe config files have to be integrated in `angular.json` in all \"assets\"-sections:\n\n```json\n\"assets\": [\n    \"src/favicon.ico\",\n    \"src/assets\",\n    \"src/config\"    <-- add this line and do not forget the comma on the previous line\n]\n```\n\nDefine the following three factory methods in `app.module.ts`:\n\n 1. Return a function that calls `AppInitService`'s method `Init` and return its return value which is a `Promise`.\n   Angular waits for this `Promise` to be resolved.\n   The `Promise` will be resolved once the configuration file has been fetched and its contents have been assigned.\n 1. Get the config from the `AppInitService` instance and provide it as `DspApiConfigToken`.\n 1. Create an KnoraApiConnection instance with the config and provide it as `DspApiConnectionToken`.  \n\nProvide it in the main module and include the desired DSP-UI modules in the imports:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,      // <-- add the dsp-ui modules here\n    DspViewerModule\n  ],\n  providers: [\n     // 1.\n    {\n      provide: APP_INITIALIZER, // see https://angular.io/api/core/APP_INITIALIZER\n      useFactory: (appInitService: AppInitService) =>\n                      (): Promise<any> => {\n                          return appInitService.Init('config', environment);\n                      },\n      deps: [AppInitService], // depends on AppInitService\n      multi: true\n    },\n    // 2.\n    {\n      provide: DspApiConfigToken,\n      useFactory: (appInitService: AppInitService) => appInitService.dspApiConfig, // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n    },\n    // 3.\n    {\n      provide: DspApiConnectionToken,\n      useFactory: (appInitService: AppInitService) => new KnoraApiConnection(appInitService.dspApiConfig), // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n   }\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\nDo not forget to import `APP_INITIALIZER` from `@angular/core` and the desired DSP-UI modules from `@dasch-swiss/dsp-ui`.\n\nThe contents of the configuration can be accessed via `AppInitService`s member `config`.\nJust include `AppInitService` in you service's or component's constructor.\n\nThe module needs a global styling in the app to override some material design rules.\nIf you're using Angular CLI, this is as simple as including one line in your `styles.scss` file:\n\n```css\n@import '@dasch-swiss/dsp-ui/src/assets/style/dsp-ui.scss';\n```\n\nAlternatively, you can just reference the file directly. This would look something like:\n\n```html\n<link href=\"node_modules/@dasch-swiss/dsp-ui/assets/style/dsp-ui.scss\" rel=\"stylesheet\">\n```\n\n## Usage\n<!-- TODO: add the modules to app.modules and use them as usual  -->\n<!-- app.modules -->\nAdd the desired modules from DSP-UI to the `app.module.ts`. `DspCoreModule` must be imported at the very minimum!\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule        // <-- add the dsp-ui core module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n<!-- example of component e.g. get all projects and display as a list -->\nThe **DspCoreModule** is a configuration handler for [`@dasch-swiss/dsp-js`](https://www.npmjs.com/package/@dasch-swiss/dsp-js) which offers all the services to make [DSP-API requests](https://docs.dasch.swiss/developers/knora/api-reference/queries/). The following ProjectsComponent example shows how to implement the two libraries to get all projects form DSP-API:\n\n```typescript\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { DspApiConnectionToken } from '@dasch-swiss/dsp-ui';\nimport { ApiResponseData, ApiResponseError, KnoraApiConnection, ProjectsResponse, ReadProject } from '@dasch-swiss/dsp-js';\n\n@Component({\n  selector: 'app-projects',\n  template: `<ul><li *ngFor=\"let p of projects\">{{p.longname}} (<strong>{{p.shortname}}</strong> | {{p.shortcode}})</li></ul>`\n})\nexport class ProjectsComponent implements OnInit {\n  projects: ReadProject[];\n\n  constructor(\n    @Inject(DspApiConnectionToken) private _dspApiConnection: KnoraApiConnection\n  ) { }\n\n  ngOnInit() {\n    this.getProjects();\n  }\n\n  getProjects() {\n    this._dspApiConnection.admin.projectsEndpoint.getProjects().subscribe(\n      (response: ApiResponseData<ProjectsResponse>) => {\n        this.projects = response.body.projects;\n      },\n      (error: ApiResponseError) => {\n        console.error(error);\n      }\n    );\n  }\n}\n```\n\nThe **DspViewerModule** contains components to display resources; as single item or as a list for search results. It is comprised of resource sub-components such as file representations components to display still image, video, audio or text only and also value components to use single property elements.\n\nImport DspViewerModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspViewerModule      // <-- add the dsp-ui viewer module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of resource viewer -->\n\nAnd use it in the component template as follows. The example shows how to display a resource by iri = 'http://rdfh.ch/0803/18a671b8a601'.\n\n```html\n<dsp-resource-view [iri]=\"'http://rdfh.ch/0803/18a671b8a601'\"></dsp-resource-view>\n```\n\nThe **DspSearchModule** allows different ways of searching in order to make simple or complex searches in DSP-API. This module contains various components you can use to search and all of them can either be used individually or in combination with one another using the search panel.\n\nImport DspSearchModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspSearchModule     // <-- add the dsp-ui search module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of search panel -->\n\nAnd use it in the component template as follows.\nThe example shows how to display the search panel that includes the full text search bar. It can be customized by setting the parameters with your configuration.\n\n```html\n<dsp-search-panel\n    [route]=\"'/search'\"\n    [projectfilter]=\"true\"\n    [expert]=\"false\"\n    [advanced]=\"false\">\n</dsp-search-panel>\n```\n\n<!-- TODO: link to main documentation or playground: e.g. https://docs.dasch.swiss/developers/knora-ui/documentation/ -->\n\n## Contribution\n\nIf you want to improve the elements and help developing, do not hesitate to [contact us](https://dasch.swiss/team)\n\nGet the developer manual on [docs.dasch.swiss](https://docs.dasch.swiss/developers/knora-ui/contribution/).\n\nThe sources for this package are in [dasch-swiss/dsp-ui](https://github.com/dasch-swiss/knora-ui-ng-lib) repo. Please file issues and pull requests on this repo.\n\nFor more information on the implementation of this Angular library, consult the design documentation in `design-documentation.md`.\n","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.6","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^9.1.0","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"1.0.0-rc.6","jdnconvertiblecalendar":"^0.0.5","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.3_1596788198525_0.6985912169549717","host":"s3://npm-registry-packages"}},"1.0.0-rc.4":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.4","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.4","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"fc2e1ab48424e8996a9fab35001ab845e8ef4327","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.4.tgz","fileCount":273,"integrity":"sha512-vEmaf/Aq0rYmhZ8rYjPfeIn74BZv04AIisqUIXkt9ktIhwfskyhNt7YhHj1TEskBCI7y6Sqg+R2FHdPPc/S2tw==","signatures":[{"sig":"MEUCIBwso3Z1WmGqlhxWKT/GApC+NfTZQMIZPmjEOuUOP311AiEAwShKPBCfI8BI2M/1fxWPF1+qmJADTIk98M30NtOVcUk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7149539,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfT3onCRA9TVsSAnZWagAA5IsP/RMOa+p3vR9knwvMwZzo\nQruXntjXlbfn2qgkfl1dlCVRiodWjm3B00XnGnXB15UAsjZNUZXukw61EAgW\nmhtlmm+a6e4pPn85bAZw/k/+JqK0/8wgXBWqmSzS9syrlT93YT0hqAiqBVmj\nKRRQkexQ/EjJJjY6uM/TMySNaxCIqf1iCQFkWLCHiCcgzaPrpjMCL11dwLLl\nlIPkq8Xn9NP0fNgVZbmsHERsJ60XjdJG2FO6Knrgq5rtZRDXlnrqYB0hLlwG\nXskEg0/MyYXAJE2NkaIR6IRCuJlboIbaqP1oFkEeFsxbQaaqEJsW6/sc1u4X\njxnMe9kc8L3OQkxTd/WcYW817rZs0r06HKO26DtdFLmhi84gfdQd+cf/Tb3R\n6X+1BWl7wjcqtAdIJXp4fFRa7ZHWOOy+9ycgfcopl/BTopn3Fda0gg0/Nzc2\nmpHtnLPIPTbylP4bXgiivqMzUfai5FSd7xIIGOzi7MLa5kOCLuSMtfYf61sz\n0y/s5//S7sudtWFr9y+pjSLAWB9tDw+wt0vl84lMzUtaYsH4YKuOHrPhHPlN\n/SmVcQeeB2fdi2X/NZnPp97guK5oLfGkIUdTioGQoH44fgKkPVj+747SKkaA\nbJllN0MMo2qpuYBs33AXDjRn7zAoCSu4dI4n4C/g9/PmxZUaGlu8hYAHw5w6\nEGJ3\r\n=7Uj7\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","readme":"# DSP-UI-LIB &mdash; A library to easily create Knora/DSP Apps\n\n[![npm version](https://badge.fury.io/js/%40dasch-swiss%2Fdsp-ui.svg)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![CI](https://github.com/dasch-swiss/knora-ui-ng-lib/workflows/CI/badge.svg)](https://github.com/dasch-swiss/knora-ui-ng-lib/actions?query=workflow%3ACI)\n[![npm downloads](https://img.shields.io/npm/dt/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![license](https://img.shields.io/npm/l/@dasch-swiss/dsp-ui.svg?style=flat)](https://github.com/dasch-swiss/dsp-ui-lib/blob/master/LICENSE)\n\nThe modules help create a GUI to allow the user to use [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) in a quick and simple way from within a web application. The modules are written in Typescript for use with **[Angular](https://angular.io) (version 9)**. We decided to style components and directives with [Angular Material design](https://material.angular.io).\n\nDSP-UI-LIB implements [DSP-JS-LIB](https://www.npmjs.com/package/@dasch-swiss/dsp-js) to connect with DSP API. DSP-API is a software framework for storing, sharing, and working with primary sources and data in the humanities.\n\nPlease check our [DSP Release Compatibility Matrix](https://docs.google.com/spreadsheets/d/e/2PACX-1vQe-0nFKqYHwHT3cNI2M_ZCycKOgDZBxtaabxEQDDkNKJf6funMVrJBJPgMFEJdiBdCesahUhURN6MS/pubhtml) to use this library with the correct and required versions of the dependent packages.\n\nDSP-API and DSP-UI-LIB are [free software](http://www.gnu.org/philosophy/free-sw.en.html), released under the [GNU Affero General Public](http://www.gnu.org/licenses/agpl-3.0.en.html).\n\n## Installation\n\n```bash\nnpm install @dasch-swiss/dsp-ui\n```\n\n### Dependencies\n\nThe module has the following package dependencies, which you also have to install.\n\n<!-- TODO: the following package will be renamed to @dasch-swiss/dsp-js and the list of dependencies incl. version will be added to an external matrix file -->\n- [@dasch-swiss/dsp-js](https://www.npmjs.com/package/@dasch-swiss/dsp-js)\n- [jdnconvertiblecalendar@0.0.5](https://www.npmjs.com/package/jdnconvertiblecalendar)\n- [jdnconvertiblecalendardateadapter@0.0.13](https://www.npmjs.com/package/jdnconvertiblecalendardateadapter)\n- [ngx-color-picker@9.1.0](https://www.npmjs.com/package/ngx-color-picker)\n- [openseadragon](https://openseadragon.github.io/#download)\n- [svg-overlay](https://github.com/openseadragon/svg-overlay)\n\n## Setup\n\nThe module supports runtime config to load the API configuration on load as opposed to on build. This helps run an App as a docker image in various environments. However, this requires some modifications in your app. We suggest building the app with [@angular/cli](https://cli.angular.io/).\n\nFirst, let's make a `config.dev.json` file in an additional folder `src/config/`:\n\n```json\n{\n  \"apiProtocol\": \"http\",\n  \"apiHost\": \"0.0.0.0\",\n  \"apiPort\": 3333,\n  \"apiPath\": \"\",\n  \"jsonWebToken\": \"\",\n  \"logErrors\": true\n}\n```\n\nIt's possible to create several config files e.g. one for productive use. In this case, `logErrors` should be set to `false` and the filename would be `config.prod.json`. In the environment files, we have to add the corresponding name:\n\n```typescript\nexport const environment = {\n  name: 'dev',      // <-- add the name 'dev', 'prod', etc. here.\n  production: false\n};\n```\n\nThe config files have to be integrated in `angular.json` in all \"assets\"-sections:\n\n```json\n\"assets\": [\n    \"src/favicon.ico\",\n    \"src/assets\",\n    \"src/config\"    <-- add this line and do not forget the comma on the previous line\n]\n```\n\nDefine the following three factory methods in `app.module.ts`:\n\n 1. Return a function that calls `AppInitService`'s method `Init` and return its return value which is a `Promise`.\n   Angular waits for this `Promise` to be resolved.\n   The `Promise` will be resolved once the configuration file has been fetched and its contents have been assigned.\n 1. Get the config from the `AppInitService` instance and provide it as `DspApiConfigToken`.\n 1. Create an KnoraApiConnection instance with the config and provide it as `DspApiConnectionToken`.  \n\nProvide it in the main module and include the desired DSP-UI modules in the imports:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,      // <-- add the dsp-ui modules here\n    DspViewerModule\n  ],\n  providers: [\n     // 1.\n    {\n      provide: APP_INITIALIZER, // see https://angular.io/api/core/APP_INITIALIZER\n      useFactory: (appInitService: AppInitService) =>\n                      (): Promise<any> => {\n                          return appInitService.Init('config', environment);\n                      },\n      deps: [AppInitService], // depends on AppInitService\n      multi: true\n    },\n    // 2.\n    {\n      provide: DspApiConfigToken,\n      useFactory: (appInitService: AppInitService) => appInitService.dspApiConfig, // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n    },\n    // 3.\n    {\n      provide: DspApiConnectionToken,\n      useFactory: (appInitService: AppInitService) => new KnoraApiConnection(appInitService.dspApiConfig), // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n   }\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\nDo not forget to import `APP_INITIALIZER` from `@angular/core` and the desired DSP-UI modules from `@dasch-swiss/dsp-ui`.\n\nThe contents of the configuration can be accessed via `AppInitService`s member `config`.\nJust include `AppInitService` in you service's or component's constructor.\n\nThe module needs a global styling in the app to override some material design rules.\nIf you're using Angular CLI, this is as simple as including one line in your `styles.scss` file:\n\n```css\n@import '@dasch-swiss/dsp-ui/src/assets/style/dsp-ui.scss';\n```\n\nAlternatively, you can just reference the file directly. This would look something like:\n\n```html\n<link href=\"node_modules/@dasch-swiss/dsp-ui/assets/style/dsp-ui.scss\" rel=\"stylesheet\">\n```\n\n## Usage\n<!-- TODO: add the modules to app.modules and use them as usual  -->\n<!-- app.modules -->\nAdd the desired modules from DSP-UI to the `app.module.ts`. `DspCoreModule` must be imported at the very minimum!\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule        // <-- add the dsp-ui core module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n<!-- example of component e.g. get all projects and display as a list -->\nThe **DspCoreModule** is a configuration handler for [`@dasch-swiss/dsp-js`](https://www.npmjs.com/package/@dasch-swiss/dsp-js) which offers all the services to make [DSP-API requests](https://docs.dasch.swiss/developers/knora/api-reference/queries/). The following ProjectsComponent example shows how to implement the two libraries to get all projects form DSP-API:\n\n```typescript\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { DspApiConnectionToken } from '@dasch-swiss/dsp-ui';\nimport { ApiResponseData, ApiResponseError, KnoraApiConnection, ProjectsResponse, ReadProject } from '@dasch-swiss/dsp-js';\n\n@Component({\n  selector: 'app-projects',\n  template: `<ul><li *ngFor=\"let p of projects\">{{p.longname}} (<strong>{{p.shortname}}</strong> | {{p.shortcode}})</li></ul>`\n})\nexport class ProjectsComponent implements OnInit {\n  projects: ReadProject[];\n\n  constructor(\n    @Inject(DspApiConnectionToken) private _dspApiConnection: KnoraApiConnection\n  ) { }\n\n  ngOnInit() {\n    this.getProjects();\n  }\n\n  getProjects() {\n    this._dspApiConnection.admin.projectsEndpoint.getProjects().subscribe(\n      (response: ApiResponseData<ProjectsResponse>) => {\n        this.projects = response.body.projects;\n      },\n      (error: ApiResponseError) => {\n        console.error(error);\n      }\n    );\n  }\n}\n```\n\nThe **DspViewerModule** contains components to display resources; as single item or as a list for search results. It is comprised of resource sub-components such as file representations components to display still image, video, audio or text only and also value components to use single property elements.\n\nImport DspViewerModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspViewerModule      // <-- add the dsp-ui viewer module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of resource viewer -->\n\nAnd use it in the component template as follows. The example shows how to display a resource by iri = 'http://rdfh.ch/0803/18a671b8a601'.\n\n```html\n<dsp-resource-view [iri]=\"'http://rdfh.ch/0803/18a671b8a601'\"></dsp-resource-view>\n```\n\nThe **DspSearchModule** allows different ways of searching in order to make simple or complex searches in DSP-API. This module contains various components you can use to search and all of them can either be used individually or in combination with one another using the search panel.\n\nImport DspSearchModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspSearchModule     // <-- add the dsp-ui search module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of search panel -->\n\nAnd use it in the component template as follows.\nThe example shows how to display the search panel that includes the full text search bar. It can be customized by setting the parameters with your configuration.\n\n```html\n<dsp-search-panel\n    [route]=\"'/search'\"\n    [projectfilter]=\"true\"\n    [expert]=\"false\"\n    [advanced]=\"false\">\n</dsp-search-panel>\n```\n\n<!-- TODO: link to main documentation or playground: e.g. https://docs.dasch.swiss/developers/knora-ui/documentation/ -->\n\n## Contribution\n\nIf you want to improve the elements and help developing, do not hesitate to [contact us](https://dasch.swiss/team)\n\nGet the developer manual on [docs.dasch.swiss](https://docs.dasch.swiss/developers/knora-ui/contribution/).\n\nThe sources for this package are in [dasch-swiss/dsp-ui](https://github.com/dasch-swiss/knora-ui-ng-lib) repo. Please file issues and pull requests on this repo.\n\nFor more information on the implementation of this Angular library, consult the design documentation in `design-documentation.md`.\n","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.6","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^9.1.0","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"1.0.0-rc.9","jdnconvertiblecalendar":"^0.0.5","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.4_1599044134488_0.288915348344964","host":"s3://npm-registry-packages"}},"1.0.0-rc.5":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.5","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.5","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"bf80013f4132ebd8cf090e264597a7d05c8267ec","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.5.tgz","fileCount":273,"integrity":"sha512-ZIddsfIr2Oz+s1jbw7OcTYZFggFo5NAswFMq5Uc7HOchG4L7bYc4+Pra7417g802xk+GmXU/qoYpCWtqC9qprQ==","signatures":[{"sig":"MEUCIQCMAMkkhCKhbmKhXKSWVnXUf0lse9KZ2Mf+I4EBI0dgAQIgaHxlz9uoILYZOUXQDVWdJZ8/+ES6QOBLhTWO8tx4LDQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7149540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfT5ooCRA9TVsSAnZWagAAkIcQAI+zXJCpj6B2+eWvgE+V\n5HaU4lIrmubdHMACzgvlTYo6G7ZuBSohjreS5E0sdtYIZIQXlzfC0CFIWtqq\nYeVLXrpo56tWCtSprh3zeuH0RcPcnVg/UR8BDaqBHNoy4hF3VDAw1f6nkz45\n20Pmu04dTtyfOSS1igcA2jCvTu/yQ/AS1U0GW5cMCPD0p4CuTh+wri5zsb4g\nVtwofdk97E/3ApPkHjqml2QyyiwkkTMvKp2TSkctsENisZUq6Id1HWge9s4e\neAbM0uTQjbNDOO0wEMEe6fLCNYs7cSTuv2nUS5NzP+fKHodff0lROXTIGiQS\nSjbJR8opWkpyuoZ6EKLej2LR+ItF6mzrrTv3aJ0MraajL/6M1n/8ALOfBw6K\nbg+hiZtu2K+Gl8J22F+UPsFE+ulZsmKJbuXeO3q47Uv19mlVpt5cnHDgzBUu\nzHQyQ4j25agtkGjd9/TbvTGXOw+0tIhou6/GOj0S3wSUbPRNTa4QrXMir1iU\npz8eq8lSa6UeYAbUc+A5VAXyflPR3QpYXICafNpclNXxdipWNvWz6FJyadW5\n57lCTBk9RbYfMu0mFRr1scw2HxCvdtpqnRBl5u0Ix6Pdf9ghDJixJcz1q/vA\n+xfpKgwwwKd2Cc5OO+ccw9WA4bWDXrU94e8gSOE8B8wcIXeykTnePFLgMKpO\nngCT\r\n=ufU/\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","readme":"# DSP-UI-LIB &mdash; A library to easily create Knora/DSP Apps\n\n[![npm version](https://badge.fury.io/js/%40dasch-swiss%2Fdsp-ui.svg)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![CI](https://github.com/dasch-swiss/knora-ui-ng-lib/workflows/CI/badge.svg)](https://github.com/dasch-swiss/knora-ui-ng-lib/actions?query=workflow%3ACI)\n[![npm downloads](https://img.shields.io/npm/dt/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![license](https://img.shields.io/npm/l/@dasch-swiss/dsp-ui.svg?style=flat)](https://github.com/dasch-swiss/dsp-ui-lib/blob/master/LICENSE)\n\nThe modules help create a GUI to allow the user to use [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) in a quick and simple way from within a web application. The modules are written in Typescript for use with **[Angular](https://angular.io) (version 9)**. We decided to style components and directives with [Angular Material design](https://material.angular.io).\n\nDSP-UI-LIB implements [DSP-JS-LIB](https://www.npmjs.com/package/@dasch-swiss/dsp-js) to connect with DSP API. DSP-API is a software framework for storing, sharing, and working with primary sources and data in the humanities.\n\nPlease check our [DSP Release Compatibility Matrix](https://docs.google.com/spreadsheets/d/e/2PACX-1vQe-0nFKqYHwHT3cNI2M_ZCycKOgDZBxtaabxEQDDkNKJf6funMVrJBJPgMFEJdiBdCesahUhURN6MS/pubhtml) to use this library with the correct and required versions of the dependent packages.\n\nDSP-API and DSP-UI-LIB are [free software](http://www.gnu.org/philosophy/free-sw.en.html), released under the [GNU Affero General Public](http://www.gnu.org/licenses/agpl-3.0.en.html).\n\n## Installation\n\n```bash\nnpm install @dasch-swiss/dsp-ui\n```\n\n### Dependencies\n\nThe module has the following package dependencies, which you also have to install.\n\n<!-- TODO: the following package will be renamed to @dasch-swiss/dsp-js and the list of dependencies incl. version will be added to an external matrix file -->\n- [@dasch-swiss/dsp-js](https://www.npmjs.com/package/@dasch-swiss/dsp-js)\n- [jdnconvertiblecalendar@0.0.5](https://www.npmjs.com/package/jdnconvertiblecalendar)\n- [jdnconvertiblecalendardateadapter@0.0.13](https://www.npmjs.com/package/jdnconvertiblecalendardateadapter)\n- [ngx-color-picker@9.1.0](https://www.npmjs.com/package/ngx-color-picker)\n- [openseadragon](https://openseadragon.github.io/#download)\n- [svg-overlay](https://github.com/openseadragon/svg-overlay)\n\n## Setup\n\nThe module supports runtime config to load the API configuration on load as opposed to on build. This helps run an App as a docker image in various environments. However, this requires some modifications in your app. We suggest building the app with [@angular/cli](https://cli.angular.io/).\n\nFirst, let's make a `config.dev.json` file in an additional folder `src/config/`:\n\n```json\n{\n  \"apiProtocol\": \"http\",\n  \"apiHost\": \"0.0.0.0\",\n  \"apiPort\": 3333,\n  \"apiPath\": \"\",\n  \"jsonWebToken\": \"\",\n  \"logErrors\": true\n}\n```\n\nIt's possible to create several config files e.g. one for productive use. In this case, `logErrors` should be set to `false` and the filename would be `config.prod.json`. In the environment files, we have to add the corresponding name:\n\n```typescript\nexport const environment = {\n  name: 'dev',      // <-- add the name 'dev', 'prod', etc. here.\n  production: false\n};\n```\n\nThe config files have to be integrated in `angular.json` in all \"assets\"-sections:\n\n```json\n\"assets\": [\n    \"src/favicon.ico\",\n    \"src/assets\",\n    \"src/config\"    <-- add this line and do not forget the comma on the previous line\n]\n```\n\nDefine the following three factory methods in `app.module.ts`:\n\n 1. Return a function that calls `AppInitService`'s method `Init` and return its return value which is a `Promise`.\n   Angular waits for this `Promise` to be resolved.\n   The `Promise` will be resolved once the configuration file has been fetched and its contents have been assigned.\n 1. Get the config from the `AppInitService` instance and provide it as `DspApiConfigToken`.\n 1. Create an KnoraApiConnection instance with the config and provide it as `DspApiConnectionToken`.  \n\nProvide it in the main module and include the desired DSP-UI modules in the imports:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,      // <-- add the dsp-ui modules here\n    DspViewerModule\n  ],\n  providers: [\n     // 1.\n    {\n      provide: APP_INITIALIZER, // see https://angular.io/api/core/APP_INITIALIZER\n      useFactory: (appInitService: AppInitService) =>\n                      (): Promise<any> => {\n                          return appInitService.Init('config', environment);\n                      },\n      deps: [AppInitService], // depends on AppInitService\n      multi: true\n    },\n    // 2.\n    {\n      provide: DspApiConfigToken,\n      useFactory: (appInitService: AppInitService) => appInitService.dspApiConfig, // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n    },\n    // 3.\n    {\n      provide: DspApiConnectionToken,\n      useFactory: (appInitService: AppInitService) => new KnoraApiConnection(appInitService.dspApiConfig), // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n   }\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\nDo not forget to import `APP_INITIALIZER` from `@angular/core` and the desired DSP-UI modules from `@dasch-swiss/dsp-ui`.\n\nThe contents of the configuration can be accessed via `AppInitService`s member `config`.\nJust include `AppInitService` in you service's or component's constructor.\n\nThe module needs a global styling in the app to override some material design rules.\nIf you're using Angular CLI, this is as simple as including one line in your `styles.scss` file:\n\n```css\n@import '@dasch-swiss/dsp-ui/src/assets/style/dsp-ui.scss';\n```\n\nAlternatively, you can just reference the file directly. This would look something like:\n\n```html\n<link href=\"node_modules/@dasch-swiss/dsp-ui/assets/style/dsp-ui.scss\" rel=\"stylesheet\">\n```\n\n## Usage\n<!-- TODO: add the modules to app.modules and use them as usual  -->\n<!-- app.modules -->\nAdd the desired modules from DSP-UI to the `app.module.ts`. `DspCoreModule` must be imported at the very minimum!\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule        // <-- add the dsp-ui core module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n<!-- example of component e.g. get all projects and display as a list -->\nThe **DspCoreModule** is a configuration handler for [`@dasch-swiss/dsp-js`](https://www.npmjs.com/package/@dasch-swiss/dsp-js) which offers all the services to make [DSP-API requests](https://docs.dasch.swiss/developers/knora/api-reference/queries/). The following ProjectsComponent example shows how to implement the two libraries to get all projects form DSP-API:\n\n```typescript\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { DspApiConnectionToken } from '@dasch-swiss/dsp-ui';\nimport { ApiResponseData, ApiResponseError, KnoraApiConnection, ProjectsResponse, ReadProject } from '@dasch-swiss/dsp-js';\n\n@Component({\n  selector: 'app-projects',\n  template: `<ul><li *ngFor=\"let p of projects\">{{p.longname}} (<strong>{{p.shortname}}</strong> | {{p.shortcode}})</li></ul>`\n})\nexport class ProjectsComponent implements OnInit {\n  projects: ReadProject[];\n\n  constructor(\n    @Inject(DspApiConnectionToken) private _dspApiConnection: KnoraApiConnection\n  ) { }\n\n  ngOnInit() {\n    this.getProjects();\n  }\n\n  getProjects() {\n    this._dspApiConnection.admin.projectsEndpoint.getProjects().subscribe(\n      (response: ApiResponseData<ProjectsResponse>) => {\n        this.projects = response.body.projects;\n      },\n      (error: ApiResponseError) => {\n        console.error(error);\n      }\n    );\n  }\n}\n```\n\nThe **DspViewerModule** contains components to display resources; as single item or as a list for search results. It is comprised of resource sub-components such as file representations components to display still image, video, audio or text only and also value components to use single property elements.\n\nImport DspViewerModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspViewerModule      // <-- add the dsp-ui viewer module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of resource viewer -->\n\nAnd use it in the component template as follows. The example shows how to display a resource by iri = 'http://rdfh.ch/0803/18a671b8a601'.\n\n```html\n<dsp-resource-view [iri]=\"'http://rdfh.ch/0803/18a671b8a601'\"></dsp-resource-view>\n```\n\nThe **DspSearchModule** allows different ways of searching in order to make simple or complex searches in DSP-API. This module contains various components you can use to search and all of them can either be used individually or in combination with one another using the search panel.\n\nImport DspSearchModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspSearchModule     // <-- add the dsp-ui search module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of search panel -->\n\nAnd use it in the component template as follows.\nThe example shows how to display the search panel that includes the full text search bar. It can be customized by setting the parameters with your configuration.\n\n```html\n<dsp-search-panel\n    [route]=\"'/search'\"\n    [projectfilter]=\"true\"\n    [expert]=\"false\"\n    [advanced]=\"false\">\n</dsp-search-panel>\n```\n\n<!-- TODO: link to main documentation or playground: e.g. https://docs.dasch.swiss/developers/knora-ui/documentation/ -->\n\n## Contribution\n\nIf you want to improve the elements and help developing, do not hesitate to [contact us](https://dasch.swiss/team)\n\nGet the developer manual on [docs.dasch.swiss](https://docs.dasch.swiss/developers/knora-ui/contribution/).\n\nThe sources for this package are in [dasch-swiss/dsp-ui](https://github.com/dasch-swiss/knora-ui-ng-lib) repo. Please file issues and pull requests on this repo.\n\nFor more information on the implementation of this Angular library, consult the design documentation in `design-documentation.md`.\n","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.6","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^9.1.0","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"1.0.0-rc.10","jdnconvertiblecalendar":"^0.0.5","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.5_1599052328358_0.7626652148860289","host":"s3://npm-registry-packages"}},"1.0.0-rc.7":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.7","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.7","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"5ef3665e628894e532b319498fd3d6065d52c6e0","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.7.tgz","fileCount":276,"integrity":"sha512-VvXEWlHSwPZtX3sUn2vwFBzFimjALYVL0ELHOslXtGttdpUbuMwtpIq7e1MCbrkYSq7bAru/lU1hgq3lE6ua3g==","signatures":[{"sig":"MEUCIQCf0ocgBq9jLokX4jAyHHoBwCfFYBjkhEWdytT1o1Z4eQIgavoI2P1TgJMWRphQoaLboe8IpIMkImLq/jOzviXZug4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7249316,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYOAaCRA9TVsSAnZWagAAYcAP/jY5rftOu2uQ8WCZvLgB\nlCKBQUFM2NnX43+DG4kjahn+sT9TfBorRbNNl15/15kdGeFe8TTqEVj9I45W\nZayO1tvEbGvBKFs1kQmkXPp4KDiUEw840a4dLY/X30RMzGTcAkBCKQ1HPyvU\nFhcB50mhxShX046BC6CtNKJRasoa711pEbn53ROs+nF0m2zSLD8Jg8TlpEh1\nxJOxFFsu7vTiLo1dqtZ52g8qE1vRhYVnvC0d5qJWcdvZk0K1TMYbLo0CniAc\nWdmp8cl5YsCu6d6QqAolmnaoVomLYsSFesMZv+0Gvp0S14ol0JjQr0oDtn7G\n06FkY/kuI74AlkbU71PfXHSubT8R5Z3DdqfelubeOKdgq85HZjjx3iIEEm9c\nSt6+eOLLYEGJJTjwC6hyHlLvwSgespARK81SzDVcCKyt9ybAXRp9AtoRnWJ2\nRykMlJfMOP3cgZPZny1W1eyc8GVXW89XM+XO2UsSXcVO0mJ3KILGgPFdcUmG\nI6Lri4TBV9oHypHW6Gp71tMmRmpAp/nJR3egSOryaUNDiST+8QotXjd9kYM8\nw2KWtiyAVLnH9IZ2+YMs2Bj5PwJy+NxrFH7LkQO0l2NEaxHagAPBMHRP/RLi\ncqdUEPXVQPqda8DFUNgp9vYl9DFsrgEWmrZVCrpF4+s1ue5gPcCgxNpeoH7T\n2wjL\r\n=gT0C\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","readme":"# DSP-UI-LIB &mdash; A library to easily create Knora/DSP Apps\n\n[![npm version](https://badge.fury.io/js/%40dasch-swiss%2Fdsp-ui.svg)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![CI](https://github.com/dasch-swiss/knora-ui-ng-lib/workflows/CI/badge.svg)](https://github.com/dasch-swiss/knora-ui-ng-lib/actions?query=workflow%3ACI)\n[![npm downloads](https://img.shields.io/npm/dt/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![license](https://img.shields.io/npm/l/@dasch-swiss/dsp-ui.svg?style=flat)](https://github.com/dasch-swiss/dsp-ui-lib/blob/master/LICENSE)\n\nThe modules help create a GUI to allow the user to use [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) in a quick and simple way from within a web application. The modules are written in Typescript for use with **[Angular](https://angular.io) (version 9)**. We decided to style components and directives with [Angular Material design](https://material.angular.io).\n\nDSP-UI-LIB implements [DSP-JS-LIB](https://www.npmjs.com/package/@dasch-swiss/dsp-js) to connect with DSP API. DSP-API is a software framework for storing, sharing, and working with primary sources and data in the humanities.\n\nPlease check our [DSP Release Compatibility Matrix](https://docs.google.com/spreadsheets/d/e/2PACX-1vQe-0nFKqYHwHT3cNI2M_ZCycKOgDZBxtaabxEQDDkNKJf6funMVrJBJPgMFEJdiBdCesahUhURN6MS/pubhtml) to use this library with the correct and required versions of the dependent packages.\n\nDSP-API and DSP-UI-LIB are [free software](http://www.gnu.org/philosophy/free-sw.en.html), released under the [GNU Affero General Public](http://www.gnu.org/licenses/agpl-3.0.en.html).\n\n## Installation\n\n```bash\nnpm install @dasch-swiss/dsp-ui\n```\n\n### Dependencies\n\nThe module has the following package dependencies, which you also have to install.\n\n<!-- TODO: the following package will be renamed to @dasch-swiss/dsp-js and the list of dependencies incl. version will be added to an external matrix file -->\n- [@dasch-swiss/dsp-js](https://www.npmjs.com/package/@dasch-swiss/dsp-js)\n- [jdnconvertiblecalendar@0.0.5](https://www.npmjs.com/package/jdnconvertiblecalendar)\n- [jdnconvertiblecalendardateadapter@0.0.13](https://www.npmjs.com/package/jdnconvertiblecalendardateadapter)\n- [ngx-color-picker@9.1.0](https://www.npmjs.com/package/ngx-color-picker)\n- [openseadragon](https://openseadragon.github.io/#download)\n- [svg-overlay](https://github.com/openseadragon/svg-overlay)\n\n## Setup\n\nThe module supports runtime config to load the API configuration on load as opposed to on build. This helps run an App as a docker image in various environments. However, this requires some modifications in your app. We suggest building the app with [@angular/cli](https://cli.angular.io/).\n\nFirst, let's make a `config.dev.json` file in an additional folder `src/config/`:\n\n```json\n{\n  \"apiProtocol\": \"http\",\n  \"apiHost\": \"0.0.0.0\",\n  \"apiPort\": 3333,\n  \"apiPath\": \"\",\n  \"jsonWebToken\": \"\",\n  \"logErrors\": true\n}\n```\n\nIt's possible to create several config files e.g. one for productive use. In this case, `logErrors` should be set to `false` and the filename would be `config.prod.json`. In the environment files, we have to add the corresponding name:\n\n```typescript\nexport const environment = {\n  name: 'dev',      // <-- add the name 'dev', 'prod', etc. here.\n  production: false\n};\n```\n\nThe config files have to be integrated in `angular.json` in all \"assets\"-sections:\n\n```json\n\"assets\": [\n    \"src/favicon.ico\",\n    \"src/assets\",\n    \"src/config\"    <-- add this line and do not forget the comma on the previous line\n]\n```\n\nDefine the following three factory methods in `app.module.ts`:\n\n 1. Return a function that calls `AppInitService`'s method `Init` and return its return value which is a `Promise`.\n   Angular waits for this `Promise` to be resolved.\n   The `Promise` will be resolved once the configuration file has been fetched and its contents have been assigned.\n 1. Get the config from the `AppInitService` instance and provide it as `DspApiConfigToken`.\n 1. Create an KnoraApiConnection instance with the config and provide it as `DspApiConnectionToken`.  \n\nProvide it in the main module and include the desired DSP-UI modules in the imports:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,      // <-- add the dsp-ui modules here\n    DspViewerModule\n  ],\n  providers: [\n     // 1.\n    {\n      provide: APP_INITIALIZER, // see https://angular.io/api/core/APP_INITIALIZER\n      useFactory: (appInitService: AppInitService) =>\n                      (): Promise<any> => {\n                          return appInitService.Init('config', environment);\n                      },\n      deps: [AppInitService], // depends on AppInitService\n      multi: true\n    },\n    // 2.\n    {\n      provide: DspApiConfigToken,\n      useFactory: (appInitService: AppInitService) => appInitService.dspApiConfig, // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n    },\n    // 3.\n    {\n      provide: DspApiConnectionToken,\n      useFactory: (appInitService: AppInitService) => new KnoraApiConnection(appInitService.dspApiConfig), // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n   }\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\nDo not forget to import `APP_INITIALIZER` from `@angular/core` and the desired DSP-UI modules from `@dasch-swiss/dsp-ui`.\n\nThe contents of the configuration can be accessed via `AppInitService`s member `config`.\nJust include `AppInitService` in you service's or component's constructor.\n\nThe module needs a global styling in the app to override some material design rules.\nIf you're using Angular CLI, this is as simple as including one line in your `styles.scss` file:\n\n```css\n@import '@dasch-swiss/dsp-ui/src/assets/style/dsp-ui.scss';\n```\n\nAlternatively, you can just reference the file directly. This would look something like:\n\n```html\n<link href=\"node_modules/@dasch-swiss/dsp-ui/assets/style/dsp-ui.scss\" rel=\"stylesheet\">\n```\n\n## Usage\n<!-- TODO: add the modules to app.modules and use them as usual  -->\n<!-- app.modules -->\nAdd the desired modules from DSP-UI to the `app.module.ts`. `DspCoreModule` must be imported at the very minimum!\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule        // <-- add the dsp-ui core module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n<!-- example of component e.g. get all projects and display as a list -->\nThe **DspCoreModule** is a configuration handler for [`@dasch-swiss/dsp-js`](https://www.npmjs.com/package/@dasch-swiss/dsp-js) which offers all the services to make [DSP-API requests](https://docs.dasch.swiss/developers/knora/api-reference/queries/). The following ProjectsComponent example shows how to implement the two libraries to get all projects form DSP-API:\n\n```typescript\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { DspApiConnectionToken } from '@dasch-swiss/dsp-ui';\nimport { ApiResponseData, ApiResponseError, KnoraApiConnection, ProjectsResponse, ReadProject } from '@dasch-swiss/dsp-js';\n\n@Component({\n  selector: 'app-projects',\n  template: `<ul><li *ngFor=\"let p of projects\">{{p.longname}} (<strong>{{p.shortname}}</strong> | {{p.shortcode}})</li></ul>`\n})\nexport class ProjectsComponent implements OnInit {\n  projects: ReadProject[];\n\n  constructor(\n    @Inject(DspApiConnectionToken) private _dspApiConnection: KnoraApiConnection\n  ) { }\n\n  ngOnInit() {\n    this.getProjects();\n  }\n\n  getProjects() {\n    this._dspApiConnection.admin.projectsEndpoint.getProjects().subscribe(\n      (response: ApiResponseData<ProjectsResponse>) => {\n        this.projects = response.body.projects;\n      },\n      (error: ApiResponseError) => {\n        console.error(error);\n      }\n    );\n  }\n}\n```\n\nThe **DspViewerModule** contains components to display resources; as single item or as a list for search results. It is comprised of resource sub-components such as file representations components to display still image, video, audio or text only and also value components to use single property elements.\n\nImport DspViewerModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspViewerModule      // <-- add the dsp-ui viewer module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of resource viewer -->\n\nAnd use it in the component template as follows. The example shows how to display a resource by iri = 'http://rdfh.ch/0803/18a671b8a601'.\n\n```html\n<dsp-resource-view [iri]=\"'http://rdfh.ch/0803/18a671b8a601'\"></dsp-resource-view>\n```\n\nThe **DspSearchModule** allows different ways of searching in order to make simple or complex searches in DSP-API. This module contains various components you can use to search and all of them can either be used individually or in combination with one another using the search panel.\n\nImport DspSearchModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspSearchModule     // <-- add the dsp-ui search module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of search panel -->\n\nAnd use it in the component template as follows.\nThe example shows how to display the search panel that includes the full text search bar. It can be customized by setting the parameters with your configuration.\n\n```html\n<dsp-search-panel\n    [route]=\"'/search'\"\n    [projectfilter]=\"true\"\n    [expert]=\"false\"\n    [advanced]=\"false\">\n</dsp-search-panel>\n```\n\n<!-- TODO: link to main documentation or playground: e.g. https://docs.dasch.swiss/developers/knora-ui/documentation/ -->\n\n## Contribution\n\nIf you want to improve the elements and help developing, do not hesitate to [contact us](https://dasch.swiss/team)\n\nGet the developer manual on [docs.dasch.swiss](https://docs.dasch.swiss/developers/knora-ui/contribution/).\n\nThe sources for this package are in [dasch-swiss/dsp-ui](https://github.com/dasch-swiss/knora-ui-ng-lib) repo. Please file issues and pull requests on this repo.\n\nFor more information on the implementation of this Angular library, consult the design documentation in `design-documentation.md`.\n","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.6","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^9.1.0","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"1.0.0-rc.11","jdnconvertiblecalendar":"^0.0.5","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.7_1600184345319_0.9795526800627625","host":"s3://npm-registry-packages"}},"1.0.0-rc.8":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.8","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.8","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"ae3a1550f62db53a5e8a010ad65ed1af4e2379d4","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.8.tgz","fileCount":279,"integrity":"sha512-nViHzxgUC016DqJuxAq1Zi1bA1oIIo4sIGgyP3UFmkf+iVE4T6kGhkcUArs9E7a4LgZIXDotB4wsXmt/FODiTQ==","signatures":[{"sig":"MEQCIHCauATJXiROX9PH75NOPNNGnhJqiU/GeXJIVp/cpJzTAiABUknsLuidtAdf59Z77ouKW5lL4T4fF/PPavTyGGyLkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7420396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfadwECRA9TVsSAnZWagAAXx4QAIxYmhd05kLMp5DZ+Bg2\n4M08XZrA6jVyS8/nBrK88gJafaSxF0KTMyMsKoa81LXowKIpgfxq64bxhRp9\nk+R/i0C8i/oKK+T/+qIUwIdXViDChPtWwVT63aX0FDjXblvoMM/zWcm0n9aP\n1GH+Nbn2HCwYJLY5pnThlGbaBR03o534AJvcmsS4dEXA12aU7IcHSZnziSZ7\nfq4LxPxVY2bXOfPfic77FZPrqDrerZVNpRj9OoA5NvxrronLcUQz3q9LCHsj\n69ja7au+kDAhxyZ/lxREWdDcURyXvyTbbr5QKVl9n/t1OZzx1ppGwgLKdYko\nobfwbUf+s5Enf2di7wNNaSndQfq3vT4lvvFCYTKF85cUofBAv0boqtWx52vG\n53znt9p0hYLEjN13BW+QkunaK/KogwBlAdDqgN1W1uDYSC0wlXuC6URPX7Tb\ns+Ko6gc8JcDS2J0sDVaRu2a9YRBEHwA3V3UvYopnyPpkoDKSBzFJUolvFOTB\nODbIljxf3C+a8byAmRpjb711ZArQHBM8uR6QBwKbbkNrVup8bfWgp/pHXnRK\n06WZBMjFbYSGxJzGD3qdZZKKRlyc4D93kdVhhMWb9hWVXc8zhhddSApvxWRQ\nLlS4MPqfSd6k75nyxLcuSYTlgEo6S8tDtL1p0xdri6gevJ6TbhP5prK0xkyz\nF8dV\r\n=uuwt\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","readme":"# DSP-UI-LIB &mdash; A library to easily create Knora/DSP Apps\n\n[![npm version](https://badge.fury.io/js/%40dasch-swiss%2Fdsp-ui.svg)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![CI](https://github.com/dasch-swiss/knora-ui-ng-lib/workflows/CI/badge.svg)](https://github.com/dasch-swiss/knora-ui-ng-lib/actions?query=workflow%3ACI)\n[![npm downloads](https://img.shields.io/npm/dt/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![license](https://img.shields.io/npm/l/@dasch-swiss/dsp-ui.svg?style=flat)](https://github.com/dasch-swiss/dsp-ui-lib/blob/master/LICENSE)\n\nThe modules help create a GUI to allow the user to use [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) in a quick and simple way from within a web application. The modules are written in Typescript for use with **[Angular](https://angular.io) (version 9)**. We decided to style components and directives with [Angular Material design](https://material.angular.io).\n\nDSP-UI-LIB implements [DSP-JS-LIB](https://www.npmjs.com/package/@dasch-swiss/dsp-js) to connect with DSP API. DSP-API is a software framework for storing, sharing, and working with primary sources and data in the humanities.\n\nPlease check our [DSP Release Compatibility Matrix](https://docs.google.com/spreadsheets/d/e/2PACX-1vQe-0nFKqYHwHT3cNI2M_ZCycKOgDZBxtaabxEQDDkNKJf6funMVrJBJPgMFEJdiBdCesahUhURN6MS/pubhtml) to use this library with the correct and required versions of the dependent packages.\n\nDSP-API and DSP-UI-LIB are [free software](http://www.gnu.org/philosophy/free-sw.en.html), released under the [GNU Affero General Public](http://www.gnu.org/licenses/agpl-3.0.en.html).\n\n## Installation\n\n```bash\nnpm install @dasch-swiss/dsp-ui\n```\n\n### Dependencies\n\nThe module has the following package dependencies, which you also have to install.\n\n<!-- TODO: the following package will be renamed to @dasch-swiss/dsp-js and the list of dependencies incl. version will be added to an external matrix file -->\n- [@dasch-swiss/dsp-js](https://www.npmjs.com/package/@dasch-swiss/dsp-js)\n- [jdnconvertiblecalendar@0.0.5](https://www.npmjs.com/package/jdnconvertiblecalendar)\n- [jdnconvertiblecalendardateadapter@0.0.13](https://www.npmjs.com/package/jdnconvertiblecalendardateadapter)\n- [ngx-color-picker@9.1.0](https://www.npmjs.com/package/ngx-color-picker)\n- [openseadragon](https://openseadragon.github.io/#download)\n- [svg-overlay](https://github.com/openseadragon/svg-overlay)\n\n## Setup\n\nThe module supports runtime config to load the API configuration on load as opposed to on build. This helps run an App as a docker image in various environments. However, this requires some modifications in your app. We suggest building the app with [@angular/cli](https://cli.angular.io/).\n\nFirst, let's make a `config.dev.json` file in an additional folder `src/config/`:\n\n```json\n{\n  \"apiProtocol\": \"http\",\n  \"apiHost\": \"0.0.0.0\",\n  \"apiPort\": 3333,\n  \"apiPath\": \"\",\n  \"jsonWebToken\": \"\",\n  \"logErrors\": true\n}\n```\n\nIt's possible to create several config files e.g. one for productive use. In this case, `logErrors` should be set to `false` and the filename would be `config.prod.json`. In the environment files, we have to add the corresponding name:\n\n```typescript\nexport const environment = {\n  name: 'dev',      // <-- add the name 'dev', 'prod', etc. here.\n  production: false\n};\n```\n\nThe config files have to be integrated in `angular.json` in all \"assets\"-sections:\n\n```json\n\"assets\": [\n    \"src/favicon.ico\",\n    \"src/assets\",\n    \"src/config\"    <-- add this line and do not forget the comma on the previous line\n]\n```\n\nDefine the following three factory methods in `app.module.ts`:\n\n 1. Return a function that calls `AppInitService`'s method `Init` and return its return value which is a `Promise`.\n   Angular waits for this `Promise` to be resolved.\n   The `Promise` will be resolved once the configuration file has been fetched and its contents have been assigned.\n 1. Get the config from the `AppInitService` instance and provide it as `DspApiConfigToken`.\n 1. Create an KnoraApiConnection instance with the config and provide it as `DspApiConnectionToken`.  \n\nProvide it in the main module and include the desired DSP-UI modules in the imports:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,      // <-- add the dsp-ui modules here\n    DspViewerModule\n  ],\n  providers: [\n     // 1.\n    {\n      provide: APP_INITIALIZER, // see https://angular.io/api/core/APP_INITIALIZER\n      useFactory: (appInitService: AppInitService) =>\n                      (): Promise<any> => {\n                          return appInitService.Init('config', environment);\n                      },\n      deps: [AppInitService], // depends on AppInitService\n      multi: true\n    },\n    // 2.\n    {\n      provide: DspApiConfigToken,\n      useFactory: (appInitService: AppInitService) => appInitService.dspApiConfig, // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n    },\n    // 3.\n    {\n      provide: DspApiConnectionToken,\n      useFactory: (appInitService: AppInitService) => new KnoraApiConnection(appInitService.dspApiConfig), // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n   }\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\nDo not forget to import `APP_INITIALIZER` from `@angular/core` and the desired DSP-UI modules from `@dasch-swiss/dsp-ui`.\n\nThe contents of the configuration can be accessed via `AppInitService`s member `config`.\nJust include `AppInitService` in you service's or component's constructor.\n\nThe module needs a global styling in the app to override some material design rules.\nIf you're using Angular CLI, this is as simple as including one line in your `styles.scss` file:\n\n```css\n@import '@dasch-swiss/dsp-ui/src/assets/style/dsp-ui.scss';\n```\n\nAlternatively, you can just reference the file directly. This would look something like:\n\n```html\n<link href=\"node_modules/@dasch-swiss/dsp-ui/assets/style/dsp-ui.scss\" rel=\"stylesheet\">\n```\n\n## Usage\n<!-- TODO: add the modules to app.modules and use them as usual  -->\n<!-- app.modules -->\nAdd the desired modules from DSP-UI to the `app.module.ts`. `DspCoreModule` must be imported at the very minimum!\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule        // <-- add the dsp-ui core module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n<!-- example of component e.g. get all projects and display as a list -->\nThe **DspCoreModule** is a configuration handler for [`@dasch-swiss/dsp-js`](https://www.npmjs.com/package/@dasch-swiss/dsp-js) which offers all the services to make [DSP-API requests](https://docs.dasch.swiss/developers/knora/api-reference/queries/). The following ProjectsComponent example shows how to implement the two libraries to get all projects form DSP-API:\n\n```typescript\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { DspApiConnectionToken } from '@dasch-swiss/dsp-ui';\nimport { ApiResponseData, ApiResponseError, KnoraApiConnection, ProjectsResponse, ReadProject } from '@dasch-swiss/dsp-js';\n\n@Component({\n  selector: 'app-projects',\n  template: `<ul><li *ngFor=\"let p of projects\">{{p.longname}} (<strong>{{p.shortname}}</strong> | {{p.shortcode}})</li></ul>`\n})\nexport class ProjectsComponent implements OnInit {\n  projects: ReadProject[];\n\n  constructor(\n    @Inject(DspApiConnectionToken) private _dspApiConnection: KnoraApiConnection\n  ) { }\n\n  ngOnInit() {\n    this.getProjects();\n  }\n\n  getProjects() {\n    this._dspApiConnection.admin.projectsEndpoint.getProjects().subscribe(\n      (response: ApiResponseData<ProjectsResponse>) => {\n        this.projects = response.body.projects;\n      },\n      (error: ApiResponseError) => {\n        console.error(error);\n      }\n    );\n  }\n}\n```\n\nThe **DspViewerModule** contains components to display resources; as single item or as a list for search results. It is comprised of resource sub-components such as file representations components to display still image, video, audio or text only and also value components to use single property elements.\n\nImport DspViewerModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspViewerModule      // <-- add the dsp-ui viewer module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of resource viewer -->\n\nAnd use it in the component template as follows. The example shows how to display a resource by iri = 'http://rdfh.ch/0803/18a671b8a601'.\n\n```html\n<dsp-resource-view [iri]=\"'http://rdfh.ch/0803/18a671b8a601'\"></dsp-resource-view>\n```\n\nThe **DspSearchModule** allows different ways of searching in order to make simple or complex searches in DSP-API. This module contains various components you can use to search and all of them can either be used individually or in combination with one another using the search panel.\n\nImport DspSearchModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspSearchModule     // <-- add the dsp-ui search module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of search panel -->\n\nAnd use it in the component template as follows.\nThe example shows how to display the search panel that includes the full text search bar. It can be customized by setting the parameters with your configuration.\n\n```html\n<dsp-search-panel\n    [route]=\"'/search'\"\n    [projectfilter]=\"true\"\n    [expert]=\"false\"\n    [advanced]=\"false\">\n</dsp-search-panel>\n```\n\n<!-- TODO: link to main documentation or playground: e.g. https://docs.dasch.swiss/developers/knora-ui/documentation/ -->\n\n## Contribution\n\nIf you want to improve the elements and help developing, do not hesitate to [contact us](https://dasch.swiss/team)\n\nGet the developer manual on [docs.dasch.swiss](https://docs.dasch.swiss/developers/knora-ui/contribution/).\n\nThe sources for this package are in [dasch-swiss/dsp-ui](https://github.com/dasch-swiss/knora-ui-ng-lib) repo. Please file issues and pull requests on this repo.\n\nFor more information on the implementation of this Angular library, consult the design documentation in `design-documentation.md`.\n","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"kilchenmann","email":"npm@milchkannen.ch"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.8","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.18.0","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^9.1.0","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"1.0.0-rc.12","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.8_1600773124091_0.5533371320367453","host":"s3://npm-registry-packages"}},"1.0.0-rc.9":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.9","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.9","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"4415b80393f162135f6a5fb62bb04d297f645c47","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.9.tgz","fileCount":282,"integrity":"sha512-tefaco7yFjynoUXAOl1x6z8FkRFedrFF6kqtnaJqmaA3WjmeETMdNbOuWItMFNWOvPpIJpXdye211lE/MLleBw==","signatures":[{"sig":"MEUCIQDy7REwvB+2Tv1Pca/BIoOEXKwkUuwJdEJVAYurlNv2+gIgf5nQWTO2o34bDjefLDLrWa3abXj2KL2DHUIWo4cns/M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7638980,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhGeMCRA9TVsSAnZWagAAXbYP/jZiNTv44FbFq4QS7QvP\nS81jonykOQb2+bYWfx0gbi2GOxDM2LNJ92IEAq2kgKYDXqC+zdfOKkeO+5OH\nI8z6cwNzvHGCdMwOss662SCq2owFdDTF+C14dOwALikxHpQrQ0vmmJEc4Sn+\n7clv8WEa3DpvBoYlFuEic3/TN07dehS+TV7hMNITeVZ4eDZ2AFcgU0iZeCTh\nZ9UwZN3FYEmYbEY5nTgB7to2iUCJ49cyooOI8xLxyy+fjD50qfURLyQaiErv\nzWNFG/7g3Rg2o2YLEwqAVnNcKsDoXrtWTMkrHgG6bML1Vu4N7HxCcmQ7Q6Am\n8T3SKXMl1LEyr5nPKZtU8cP+gk3qIgeiSIOMtSVKafjHple+4aI1l3Q84qwE\nxPt5tUgWdGnK/gmy2GlnKWTnCjzT17RLL4EiupRW3RZaZgyBANsB7FjNeoIG\ncxMJ1WxOkdhRUR2DybzWvx1IiYNX8jpPV4LrTTqe6fOX2Mvhq3X15BHGXlKb\nh8g4milXwobDNhKIjqdIou1RlCVxNMmkV9FFocJiwLCifasYqR2Su1Tew9Zr\nEEBRMo2y2isf1f6yiXkVAH5SeK7xN9v0a/FDHz6ugWkB3MKr3lkGP30vGK5s\nhtyfGFPL0he7qmKCPaEb0RvWySGBccHsF1MtcD4PA8A2Aaa0l7hZ4m7RubHL\nUI79\r\n=rQ8W\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","readme":"# DSP-UI-LIB &mdash; A library to easily create Knora/DSP Apps\n\n[![npm version](https://badge.fury.io/js/%40dasch-swiss%2Fdsp-ui.svg)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![CI](https://github.com/dasch-swiss/knora-ui-ng-lib/workflows/CI/badge.svg)](https://github.com/dasch-swiss/knora-ui-ng-lib/actions?query=workflow%3ACI)\n[![npm downloads](https://img.shields.io/npm/dt/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![license](https://img.shields.io/npm/l/@dasch-swiss/dsp-ui.svg?style=flat)](https://github.com/dasch-swiss/dsp-ui-lib/blob/master/LICENSE)\n\nThe modules help create a GUI to allow the user to use [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) in a quick and simple way from within a web application. The modules are written in Typescript for use with **[Angular](https://angular.io) (version 9)**. We decided to style components and directives with [Angular Material design](https://material.angular.io).\n\nDSP-UI-LIB implements [DSP-JS-LIB](https://www.npmjs.com/package/@dasch-swiss/dsp-js) to connect with DSP API. DSP-API is a software framework for storing, sharing, and working with primary sources and data in the humanities.\n\nPlease check our [DSP Release Compatibility Matrix](https://docs.google.com/spreadsheets/d/e/2PACX-1vQe-0nFKqYHwHT3cNI2M_ZCycKOgDZBxtaabxEQDDkNKJf6funMVrJBJPgMFEJdiBdCesahUhURN6MS/pubhtml) to use this library with the correct and required versions of the dependent packages.\n\nDSP-API and DSP-UI-LIB are [free software](http://www.gnu.org/philosophy/free-sw.en.html), released under the [GNU Affero General Public](http://www.gnu.org/licenses/agpl-3.0.en.html).\n\n## Installation\n\n```bash\nnpm install @dasch-swiss/dsp-ui\n```\n\n### Dependencies\n\nThe module has the following package dependencies, which you also have to install.\n\n<!-- TODO: the following package will be renamed to @dasch-swiss/dsp-js and the list of dependencies incl. version will be added to an external matrix file -->\n- [@dasch-swiss/dsp-js](https://www.npmjs.com/package/@dasch-swiss/dsp-js)\n- [jdnconvertiblecalendar@0.0.5](https://www.npmjs.com/package/jdnconvertiblecalendar)\n- [jdnconvertiblecalendardateadapter@0.0.13](https://www.npmjs.com/package/jdnconvertiblecalendardateadapter)\n- [ngx-color-picker@9.1.0](https://www.npmjs.com/package/ngx-color-picker)\n- [openseadragon](https://openseadragon.github.io/#download)\n- [svg-overlay](https://github.com/openseadragon/svg-overlay)\n\n## Setup\n\nThe module supports runtime config to load the API configuration on load as opposed to on build. This helps run an App as a docker image in various environments. However, this requires some modifications in your app. We suggest building the app with [@angular/cli](https://cli.angular.io/).\n\nFirst, let's make a `config.dev.json` file in an additional folder `src/config/`:\n\n```json\n{\n  \"apiProtocol\": \"http\",\n  \"apiHost\": \"0.0.0.0\",\n  \"apiPort\": 3333,\n  \"apiPath\": \"\",\n  \"jsonWebToken\": \"\",\n  \"logErrors\": true\n}\n```\n\nIt's possible to create several config files e.g. one for productive use. In this case, `logErrors` should be set to `false` and the filename would be `config.prod.json`. In the environment files, we have to add the corresponding name:\n\n```typescript\nexport const environment = {\n  name: 'dev',      // <-- add the name 'dev', 'prod', etc. here.\n  production: false\n};\n```\n\nThe config files have to be integrated in `angular.json` in all \"assets\"-sections:\n\n```json\n\"assets\": [\n    \"src/favicon.ico\",\n    \"src/assets\",\n    \"src/config\"    <-- add this line and do not forget the comma on the previous line\n]\n```\n\nDefine the following three factory methods in `app.module.ts`:\n\n 1. Return a function that calls `AppInitService`'s method `Init` and return its return value which is a `Promise`.\n   Angular waits for this `Promise` to be resolved.\n   The `Promise` will be resolved once the configuration file has been fetched and its contents have been assigned.\n 1. Get the config from the `AppInitService` instance and provide it as `DspApiConfigToken`.\n 1. Create an KnoraApiConnection instance with the config and provide it as `DspApiConnectionToken`.  \n\nProvide it in the main module and include the desired DSP-UI modules in the imports:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,      // <-- add the dsp-ui modules here\n    DspViewerModule\n  ],\n  providers: [\n     // 1.\n    {\n      provide: APP_INITIALIZER, // see https://angular.io/api/core/APP_INITIALIZER\n      useFactory: (appInitService: AppInitService) =>\n                      (): Promise<any> => {\n                          return appInitService.Init('config', environment);\n                      },\n      deps: [AppInitService], // depends on AppInitService\n      multi: true\n    },\n    // 2.\n    {\n      provide: DspApiConfigToken,\n      useFactory: (appInitService: AppInitService) => appInitService.dspApiConfig, // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n    },\n    // 3.\n    {\n      provide: DspApiConnectionToken,\n      useFactory: (appInitService: AppInitService) => new KnoraApiConnection(appInitService.dspApiConfig), // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n   }\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\nDo not forget to import `APP_INITIALIZER` from `@angular/core` and the desired DSP-UI modules from `@dasch-swiss/dsp-ui`.\n\nThe contents of the configuration can be accessed via `AppInitService`s member `config`.\nJust include `AppInitService` in you service's or component's constructor.\n\nThe module needs a global styling in the app to override some material design rules.\nIf you're using Angular CLI, this is as simple as including one line in your `styles.scss` file:\n\n```css\n@import '@dasch-swiss/dsp-ui/src/assets/style/dsp-ui.scss';\n```\n\nAlternatively, you can just reference the file directly. This would look something like:\n\n```html\n<link href=\"node_modules/@dasch-swiss/dsp-ui/assets/style/dsp-ui.scss\" rel=\"stylesheet\">\n```\n\n## Usage\n<!-- TODO: add the modules to app.modules and use them as usual  -->\n<!-- app.modules -->\nAdd the desired modules from DSP-UI to the `app.module.ts`. `DspCoreModule` must be imported at the very minimum!\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule        // <-- add the dsp-ui core module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n<!-- example of component e.g. get all projects and display as a list -->\nThe **DspCoreModule** is a configuration handler for [`@dasch-swiss/dsp-js`](https://www.npmjs.com/package/@dasch-swiss/dsp-js) which offers all the services to make [DSP-API requests](https://docs.dasch.swiss/developers/knora/api-reference/queries/). The following ProjectsComponent example shows how to implement the two libraries to get all projects form DSP-API:\n\n```typescript\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { DspApiConnectionToken } from '@dasch-swiss/dsp-ui';\nimport { ApiResponseData, ApiResponseError, KnoraApiConnection, ProjectsResponse, ReadProject } from '@dasch-swiss/dsp-js';\n\n@Component({\n  selector: 'app-projects',\n  template: `<ul><li *ngFor=\"let p of projects\">{{p.longname}} (<strong>{{p.shortname}}</strong> | {{p.shortcode}})</li></ul>`\n})\nexport class ProjectsComponent implements OnInit {\n  projects: ReadProject[];\n\n  constructor(\n    @Inject(DspApiConnectionToken) private _dspApiConnection: KnoraApiConnection\n  ) { }\n\n  ngOnInit() {\n    this.getProjects();\n  }\n\n  getProjects() {\n    this._dspApiConnection.admin.projectsEndpoint.getProjects().subscribe(\n      (response: ApiResponseData<ProjectsResponse>) => {\n        this.projects = response.body.projects;\n      },\n      (error: ApiResponseError) => {\n        console.error(error);\n      }\n    );\n  }\n}\n```\n\nThe **DspViewerModule** contains components to display resources; as single item or as a list for search results. It is comprised of resource sub-components such as file representations components to display still image, video, audio or text only and also value components to use single property elements.\n\nImport DspViewerModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspViewerModule      // <-- add the dsp-ui viewer module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of resource viewer -->\n\nAnd use it in the component template as follows. The example shows how to display a resource by iri = 'http://rdfh.ch/0803/18a671b8a601'.\n\n```html\n<dsp-resource-view [iri]=\"'http://rdfh.ch/0803/18a671b8a601'\"></dsp-resource-view>\n```\n\nThe **DspSearchModule** allows different ways of searching in order to make simple or complex searches in DSP-API. This module contains various components you can use to search and all of them can either be used individually or in combination with one another using the search panel.\n\nImport DspSearchModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspSearchModule     // <-- add the dsp-ui search module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of search panel -->\n\nAnd use it in the component template as follows.\nThe example shows how to display the search panel that includes the full text search bar. It can be customized by setting the parameters with your configuration.\n\n```html\n<dsp-search-panel\n    [route]=\"'/search'\"\n    [projectfilter]=\"true\"\n    [expert]=\"false\"\n    [advanced]=\"false\">\n</dsp-search-panel>\n```\n\n<!-- TODO: link to main documentation or playground: e.g. https://docs.dasch.swiss/developers/knora-ui/documentation/ -->\n\n## Contribution\n\nIf you want to improve the elements and help developing, do not hesitate to [contact us](https://dasch.swiss/team)\n\nGet the developer manual on [docs.dasch.swiss](https://docs.dasch.swiss/developers/knora-ui/contribution/).\n\nThe sources for this package are in [dasch-swiss/dsp-ui](https://github.com/dasch-swiss/knora-ui-ng-lib) repo. Please file issues and pull requests on this repo.\n\nFor more information on the implementation of this Angular library, consult the design documentation in `design-documentation.md`.\n","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.6","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"1.0.0-rc.13","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.9_1602512780309_0.038337226171220484","host":"s3://npm-registry-packages"}},"1.0.0-rc.10":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.10","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.10","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"cc80dc34f6942f0237e51b87e1e4ef7ed8cc0529","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.10.tgz","fileCount":285,"integrity":"sha512-FMD2CiCJnxXH9l2sYJXRaJjGbHCiHSirCpNJShgjRVrV2tqhDJ0h5KyiX+ldGglutItouKLPcXAxqKMgFOXb1Q==","signatures":[{"sig":"MEUCIA5kPyNJf5Wu8RCJQyZbGK3WtQHyuM8jfQmj1AcXQ5P/AiEAuogR6TOmesOa1XTzbmkRvdvvzSZiFnijN7BzeDSAym8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7813817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfnBO0CRA9TVsSAnZWagAAJ7EP/2vR3vjx2GCyzup0RplM\n3p9kM7ZZZp+o45jP/WYUd9SzZftzWqsDx3LZ3wJrfzdTyd898g1Rho42Z0Tg\nRoYlj5o2mysvL4ZizEiJPLTTnEN5kODPdDpwjOR6tmUeZ79yv7i/fh78z0w9\n33mx0ebxbKH0YBuHf1R/E4IUw7T+ooFfnUAjZuZNtUiPDRpxv/M8wWCzj1HJ\nLWUIN/eJ0T2OSDZkB5n5fbvtA5Dx0Gv/FyHMMcrelzMvjkOV02lzCOwxIuyu\nFxOHxKyIGSvA6buxj+BP6Xt321DSdHvysAPWlCT+Sfo+89dlzn/+dh44HQt6\nl7FNV7h7xlGtADowyYmiF3F7HDnxumicKpV+9ex4n7yBYrJV4cNsm3FSKcMt\nVlSqZcH9jAh0aoUFLi3dQsBZvte3IMgpy+d3sdydZPGslGfTdvkX+Eo9BHz7\n11c5YycSG1u8OahM+my2m/IHHemSS2Je8sQ6oxghysMc+5zPwW5Y+Dib6YhT\ncjGa4alzCzqmhhET7DtcyHh1NbzNEUVpQpAAqAwGlWLNHY2ruGx5kmSn1mcS\ndnM/aFmwUVMRFJDhdZkssi4m72bY6g1LSdVNgQ1S/+3u54duZjxU1zv94fyq\nJy7Cf4PY+dwceZDII9FGYJrOzFy5BnZwxE0CgX0iU5KnpRi7e65tSiNiY/XI\nEoJ0\r\n=86iq\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","readme":"# DSP-UI-LIB &mdash; A library to easily create Knora/DSP Apps\n\n[![npm version](https://badge.fury.io/js/%40dasch-swiss%2Fdsp-ui.svg)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![CI](https://github.com/dasch-swiss/knora-ui-ng-lib/workflows/CI/badge.svg)](https://github.com/dasch-swiss/knora-ui-ng-lib/actions?query=workflow%3ACI)\n[![npm downloads](https://img.shields.io/npm/dt/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![license](https://img.shields.io/npm/l/@dasch-swiss/dsp-ui.svg?style=flat)](https://github.com/dasch-swiss/dsp-ui-lib/blob/master/LICENSE)\n\nThe modules help create a GUI to allow the user to use [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) in a quick and simple way from within a web application. The modules are written in Typescript for use with **[Angular](https://angular.io) (version 9)**. We decided to style components and directives with [Angular Material design](https://material.angular.io).\n\nDSP-UI-LIB implements [DSP-JS-LIB](https://www.npmjs.com/package/@dasch-swiss/dsp-js) to connect with DSP API. DSP-API is a software framework for storing, sharing, and working with primary sources and data in the humanities.\n\nPlease check our [DSP Release Compatibility Matrix](https://docs.google.com/spreadsheets/d/e/2PACX-1vQe-0nFKqYHwHT3cNI2M_ZCycKOgDZBxtaabxEQDDkNKJf6funMVrJBJPgMFEJdiBdCesahUhURN6MS/pubhtml) to use this library with the correct and required versions of the dependent packages.\n\nDSP-API and DSP-UI-LIB are [free software](http://www.gnu.org/philosophy/free-sw.en.html), released under the [GNU Affero General Public](http://www.gnu.org/licenses/agpl-3.0.en.html).\n\n## Installation\n\n```bash\nnpm install @dasch-swiss/dsp-ui\n```\n\n### Dependencies\n\nThe module has the following package dependencies, which you also have to install.\n\n<!-- TODO: the following package will be renamed to @dasch-swiss/dsp-js and the list of dependencies incl. version will be added to an external matrix file -->\n- [@dasch-swiss/dsp-js](https://www.npmjs.com/package/@dasch-swiss/dsp-js)\n- [jdnconvertiblecalendar@0.0.5](https://www.npmjs.com/package/jdnconvertiblecalendar)\n- [jdnconvertiblecalendardateadapter@0.0.13](https://www.npmjs.com/package/jdnconvertiblecalendardateadapter)\n- [ngx-color-picker@9.1.0](https://www.npmjs.com/package/ngx-color-picker)\n- [openseadragon](https://openseadragon.github.io/#download)\n- [svg-overlay](https://github.com/openseadragon/svg-overlay)\n\n## Setup\n\nThe module supports runtime config to load the API configuration on load as opposed to on build. This helps run an App as a docker image in various environments. However, this requires some modifications in your app. We suggest building the app with [@angular/cli](https://cli.angular.io/).\n\nFirst, let's make a `config.dev.json` file in an additional folder `src/config/`:\n\n```json\n{\n  \"apiProtocol\": \"http\",\n  \"apiHost\": \"0.0.0.0\",\n  \"apiPort\": 3333,\n  \"apiPath\": \"\",\n  \"jsonWebToken\": \"\",\n  \"logErrors\": true\n}\n```\n\nIt's possible to create several config files e.g. one for productive use. In this case, `logErrors` should be set to `false` and the filename would be `config.prod.json`. In the environment files, we have to add the corresponding name:\n\n```typescript\nexport const environment = {\n  name: 'dev',      // <-- add the name 'dev', 'prod', etc. here.\n  production: false\n};\n```\n\nThe config files have to be integrated in `angular.json` in all \"assets\"-sections:\n\n```json\n\"assets\": [\n    \"src/favicon.ico\",\n    \"src/assets\",\n    \"src/config\"    <-- add this line and do not forget the comma on the previous line\n]\n```\n\nDefine the following three factory methods in `app.module.ts`:\n\n 1. Return a function that calls `AppInitService`'s method `Init` and return its return value which is a `Promise`.\n   Angular waits for this `Promise` to be resolved.\n   The `Promise` will be resolved once the configuration file has been fetched and its contents have been assigned.\n 1. Get the config from the `AppInitService` instance and provide it as `DspApiConfigToken`.\n 1. Create an KnoraApiConnection instance with the config and provide it as `DspApiConnectionToken`.  \n\nProvide it in the main module and include the desired DSP-UI modules in the imports:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,      // <-- add the dsp-ui modules here\n    DspViewerModule\n  ],\n  providers: [\n     // 1.\n    {\n      provide: APP_INITIALIZER, // see https://angular.io/api/core/APP_INITIALIZER\n      useFactory: (appInitService: AppInitService) =>\n                      (): Promise<any> => {\n                          return appInitService.Init('config', environment);\n                      },\n      deps: [AppInitService], // depends on AppInitService\n      multi: true\n    },\n    // 2.\n    {\n      provide: DspApiConfigToken,\n      useFactory: (appInitService: AppInitService) => appInitService.dspApiConfig, // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n    },\n    // 3.\n    {\n      provide: DspApiConnectionToken,\n      useFactory: (appInitService: AppInitService) => new KnoraApiConnection(appInitService.dspApiConfig), // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n   }\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\nDo not forget to import `APP_INITIALIZER` from `@angular/core` and the desired DSP-UI modules from `@dasch-swiss/dsp-ui`.\n\nThe contents of the configuration can be accessed via `AppInitService`s member `config`.\nJust include `AppInitService` in you service's or component's constructor.\n\nThe module needs a global styling in the app to override some material design rules.\nIf you're using Angular CLI, this is as simple as including one line in your `styles.scss` file:\n\n```css\n@import '@dasch-swiss/dsp-ui/src/assets/style/dsp-ui.scss';\n```\n\nAlternatively, you can just reference the file directly. This would look something like:\n\n```html\n<link href=\"node_modules/@dasch-swiss/dsp-ui/assets/style/dsp-ui.scss\" rel=\"stylesheet\">\n```\n\n## Usage\n<!-- TODO: add the modules to app.modules and use them as usual  -->\n<!-- app.modules -->\nAdd the desired modules from DSP-UI to the `app.module.ts`. `DspCoreModule` must be imported at the very minimum!\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule        // <-- add the dsp-ui core module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n<!-- example of component e.g. get all projects and display as a list -->\nThe **DspCoreModule** is a configuration handler for [`@dasch-swiss/dsp-js`](https://www.npmjs.com/package/@dasch-swiss/dsp-js) which offers all the services to make [DSP-API requests](https://docs.dasch.swiss/developers/knora/api-reference/queries/). The following ProjectsComponent example shows how to implement the two libraries to get all projects form DSP-API:\n\n```typescript\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { DspApiConnectionToken } from '@dasch-swiss/dsp-ui';\nimport { ApiResponseData, ApiResponseError, KnoraApiConnection, ProjectsResponse, ReadProject } from '@dasch-swiss/dsp-js';\n\n@Component({\n  selector: 'app-projects',\n  template: `<ul><li *ngFor=\"let p of projects\">{{p.longname}} (<strong>{{p.shortname}}</strong> | {{p.shortcode}})</li></ul>`\n})\nexport class ProjectsComponent implements OnInit {\n  projects: ReadProject[];\n\n  constructor(\n    @Inject(DspApiConnectionToken) private _dspApiConnection: KnoraApiConnection\n  ) { }\n\n  ngOnInit() {\n    this.getProjects();\n  }\n\n  getProjects() {\n    this._dspApiConnection.admin.projectsEndpoint.getProjects().subscribe(\n      (response: ApiResponseData<ProjectsResponse>) => {\n        this.projects = response.body.projects;\n      },\n      (error: ApiResponseError) => {\n        console.error(error);\n      }\n    );\n  }\n}\n```\n\nThe **DspViewerModule** contains components to display resources; as single item or as a list for search results. It is comprised of resource sub-components such as file representations components to display still image, video, audio or text only and also value components to use single property elements.\n\nImport DspViewerModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspViewerModule      // <-- add the dsp-ui viewer module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of resource viewer -->\n\nAnd use it in the component template as follows. The example shows how to display a resource by iri = 'http://rdfh.ch/0803/18a671b8a601'.\n\n```html\n<dsp-resource-view [iri]=\"'http://rdfh.ch/0803/18a671b8a601'\"></dsp-resource-view>\n```\n\nThe **DspSearchModule** allows different ways of searching in order to make simple or complex searches in DSP-API. This module contains various components you can use to search and all of them can either be used individually or in combination with one another using the search panel.\n\nImport DspSearchModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspSearchModule     // <-- add the dsp-ui search module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of search panel -->\n\nAnd use it in the component template as follows.\nThe example shows how to display the search panel that includes the full text search bar. It can be customized by setting the parameters with your configuration.\n\n```html\n<dsp-search-panel\n    [route]=\"'/search'\"\n    [projectfilter]=\"true\"\n    [expert]=\"false\"\n    [advanced]=\"false\">\n</dsp-search-panel>\n```\n\n<!-- TODO: link to main documentation or playground: e.g. https://docs.dasch.swiss/developers/knora-ui/documentation/ -->\n\n## Contribution\n\nIf you want to improve the elements and help developing, do not hesitate to [contact us](https://dasch.swiss/team)\n\nGet the developer manual on [docs.dasch.swiss](https://docs.dasch.swiss/developers/knora-ui/contribution/).\n\nThe sources for this package are in [dasch-swiss/dsp-ui](https://github.com/dasch-swiss/knora-ui-ng-lib) repo. Please file issues and pull requests on this repo.\n\nFor more information on the implementation of this Angular library, consult the design documentation in `design-documentation.md`.\n","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.8","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"1.0.0-rc.14","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.10_1604064180180_0.45133113658694946","host":"s3://npm-registry-packages"}},"1.0.0-rc.11":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.11","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.11","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"beb51e4b4fb5a5434c290f50847025655ea87707","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.11.tgz","fileCount":289,"integrity":"sha512-AMSjhhHhYgBmS2IjUBHLRK5cv0jd+9UlNPfAA/e7yvAe5pNA4eEHbQP51D1F3eo8NT4x/mSZ+u0bFeugd7JGOw==","signatures":[{"sig":"MEUCIFuMn6KaAhyXrZVgC/ORl6yTQNj8/mTKPSo6HDpLjHpjAiEA4kpA32RZpiDhCSg2965kDbNHwO3ti2+Mkw8s2NcMe8I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7884266,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoS9fCRA9TVsSAnZWagAALP8P/i6XgM/TqkVMsfQwy/lM\njPwjUxdq2yYYPn6mHfCnl8EX+KEiNX3FFo7wixJjugLm4C1xU3ABC2hhyCNK\nKqEhksLryPFH9k/2khYeVw0ky346hWWNNJJRNjN1upvyn+hrk/quo/YqalKB\nDRJiGAb7LMySpx9wM7zOHfaAnoII3t6xzXCdd2wOaxx7zOeXLZKUUjOijcsh\nT+aNfYXlTTZE8+Vh2C0FPgZyUNdGvnyPZjOvi2gVWWJtMVhDDuUP2TlX7LRM\nQHCgn6hdFXCkFrpNjNC093+c+eeZQ30nmUnC8nOP9mdpzriyrPWVgxGysFiZ\nUKgznR2wCabau7iGoYa80xcoPt9Q1yv06VI7YwDorWcnhqYtCDfEkIddIEMD\nG9GzHxkiFXXI89IR0WU5903pjjsyzm4w6eoJOVbqZgZiPlXO3VBX1itxvf2K\nkzj/QBrqMFIsPixkmxJvWs+5qHE6newTrBtcA6t6ZOAgW2szo7Z1UxX5H37a\nU6OyCdcF2XnNeX+VKvG0ffj4or9fLgh334XofOc4paLXOaftwN0ZoRbQRxWX\nKUav6NWKPX2PVmLAkwhLK+Ros6D/NcGsyZ2m4WJiIMz24AoU27ZnqswYXIp0\nYIspJAY4OJKJkulUpeMnth5pLnIxB3DUSbmcZEtE0DUpSz0VJpi2aIzer0G8\nwp0I\r\n=zrMA\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","readme":"# DSP-UI-LIB &mdash; A library to easily create Knora/DSP Apps\n\n[![npm version](https://badge.fury.io/js/%40dasch-swiss%2Fdsp-ui.svg)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![CI](https://github.com/dasch-swiss/knora-ui-ng-lib/workflows/CI/badge.svg)](https://github.com/dasch-swiss/knora-ui-ng-lib/actions?query=workflow%3ACI)\n[![npm downloads](https://img.shields.io/npm/dt/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![license](https://img.shields.io/npm/l/@dasch-swiss/dsp-ui.svg?style=flat)](https://github.com/dasch-swiss/dsp-ui-lib/blob/main/LICENSE)\n\nThe modules help create a GUI to allow the user to use [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) in a quick and simple way from within a web application. The modules are written in Typescript for use with **[Angular](https://angular.io) (version 9)**. We decided to style components and directives with [Angular Material design](https://material.angular.io).\n\nDSP-UI-LIB implements [DSP-JS-LIB](https://www.npmjs.com/package/@dasch-swiss/dsp-js) to connect with DSP API. DSP-API is a software framework for storing, sharing, and working with primary sources and data in the humanities.\n\nPlease check our [DSP Release Compatibility Matrix](https://docs.google.com/spreadsheets/d/e/2PACX-1vQe-0nFKqYHwHT3cNI2M_ZCycKOgDZBxtaabxEQDDkNKJf6funMVrJBJPgMFEJdiBdCesahUhURN6MS/pubhtml) to use this library with the correct and required versions of the dependent packages.\n\nDSP-API and DSP-UI-LIB are [free software](http://www.gnu.org/philosophy/free-sw.en.html), released under the [GNU Affero General Public](http://www.gnu.org/licenses/agpl-3.0.en.html).\n\n## Installation\n\n```bash\nnpm install @dasch-swiss/dsp-ui\n```\n\n### Dependencies\n\nThe module has the following package dependencies, which you also have to install.\n\n<!-- TODO: the following package will be renamed to @dasch-swiss/dsp-js and the list of dependencies incl. version will be added to an external matrix file -->\n- [@dasch-swiss/dsp-js](https://www.npmjs.com/package/@dasch-swiss/dsp-js)\n- [jdnconvertiblecalendar@0.0.5](https://www.npmjs.com/package/jdnconvertiblecalendar)\n- [jdnconvertiblecalendardateadapter@0.0.13](https://www.npmjs.com/package/jdnconvertiblecalendardateadapter)\n- [ngx-color-picker@9.1.0](https://www.npmjs.com/package/ngx-color-picker)\n- [openseadragon](https://openseadragon.github.io/#download)\n- [svg-overlay](https://github.com/openseadragon/svg-overlay)\n\n## Setup\n\nThe module supports runtime config to load the API configuration on load as opposed to on build. This helps run an App as a docker image in various environments. However, this requires some modifications in your app. We suggest building the app with [@angular/cli](https://cli.angular.io/).\n\nFirst, let's make a `config.dev.json` file in an additional folder `src/config/`:\n\n```json\n{\n  \"apiProtocol\": \"http\",\n  \"apiHost\": \"0.0.0.0\",\n  \"apiPort\": 3333,\n  \"apiPath\": \"\",\n  \"jsonWebToken\": \"\",\n  \"logErrors\": true\n}\n```\n\nIt's possible to create several config files e.g. one for productive use. In this case, `logErrors` should be set to `false` and the filename would be `config.prod.json`. In the environment files, we have to add the corresponding name:\n\n```typescript\nexport const environment = {\n  name: 'dev',      // <-- add the name 'dev', 'prod', etc. here.\n  production: false\n};\n```\n\nThe config files have to be integrated in `angular.json` in all \"assets\"-sections:\n\n```json\n\"assets\": [\n    \"src/favicon.ico\",\n    \"src/assets\",\n    \"src/config\"    <-- add this line and do not forget the comma on the previous line\n]\n```\n\nDefine the following three factory methods in `app.module.ts`:\n\n 1. Return a function that calls `AppInitService`'s method `Init` and return its return value which is a `Promise`.\n   Angular waits for this `Promise` to be resolved.\n   The `Promise` will be resolved once the configuration file has been fetched and its contents have been assigned.\n 1. Get the config from the `AppInitService` instance and provide it as `DspApiConfigToken`.\n 1. Create an KnoraApiConnection instance with the config and provide it as `DspApiConnectionToken`.  \n\nProvide it in the main module and include the desired DSP-UI modules in the imports:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,      // <-- add the dsp-ui modules here\n    DspViewerModule\n  ],\n  providers: [\n     // 1.\n    {\n      provide: APP_INITIALIZER, // see https://angular.io/api/core/APP_INITIALIZER\n      useFactory: (appInitService: AppInitService) =>\n                      (): Promise<any> => {\n                          return appInitService.Init('config', environment);\n                      },\n      deps: [AppInitService], // depends on AppInitService\n      multi: true\n    },\n    // 2.\n    {\n      provide: DspApiConfigToken,\n      useFactory: (appInitService: AppInitService) => appInitService.dspApiConfig, // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n    },\n    // 3.\n    {\n      provide: DspApiConnectionToken,\n      useFactory: (appInitService: AppInitService) => new KnoraApiConnection(appInitService.dspApiConfig), // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n   }\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\nDo not forget to import `APP_INITIALIZER` from `@angular/core` and the desired DSP-UI modules from `@dasch-swiss/dsp-ui`.\n\nThe contents of the configuration can be accessed via `AppInitService`s member `config`.\nJust include `AppInitService` in you service's or component's constructor.\n\nThe module needs a global styling in the app to override some material design rules.\nIf you're using Angular CLI, this is as simple as including one line in your `styles.scss` file:\n\n```css\n@import '@dasch-swiss/dsp-ui/src/assets/style/dsp-ui.scss';\n```\n\nAlternatively, you can just reference the file directly. This would look something like:\n\n```html\n<link href=\"node_modules/@dasch-swiss/dsp-ui/assets/style/dsp-ui.scss\" rel=\"stylesheet\">\n```\n\n## Usage\n<!-- TODO: add the modules to app.modules and use them as usual  -->\n<!-- app.modules -->\nAdd the desired modules from DSP-UI to the `app.module.ts`. `DspCoreModule` must be imported at the very minimum!\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule        // <-- add the dsp-ui core module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n<!-- example of component e.g. get all projects and display as a list -->\nThe **DspCoreModule** is a configuration handler for [`@dasch-swiss/dsp-js`](https://www.npmjs.com/package/@dasch-swiss/dsp-js) which offers all the services to make [DSP-API requests](https://docs.dasch.swiss/developers/knora/api-reference/queries/). The following ProjectsComponent example shows how to implement the two libraries to get all projects form DSP-API:\n\n```typescript\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { DspApiConnectionToken } from '@dasch-swiss/dsp-ui';\nimport { ApiResponseData, ApiResponseError, KnoraApiConnection, ProjectsResponse, ReadProject } from '@dasch-swiss/dsp-js';\n\n@Component({\n  selector: 'app-projects',\n  template: `<ul><li *ngFor=\"let p of projects\">{{p.longname}} (<strong>{{p.shortname}}</strong> | {{p.shortcode}})</li></ul>`\n})\nexport class ProjectsComponent implements OnInit {\n  projects: ReadProject[];\n\n  constructor(\n    @Inject(DspApiConnectionToken) private _dspApiConnection: KnoraApiConnection\n  ) { }\n\n  ngOnInit() {\n    this.getProjects();\n  }\n\n  getProjects() {\n    this._dspApiConnection.admin.projectsEndpoint.getProjects().subscribe(\n      (response: ApiResponseData<ProjectsResponse>) => {\n        this.projects = response.body.projects;\n      },\n      (error: ApiResponseError) => {\n        console.error(error);\n      }\n    );\n  }\n}\n```\n\nThe **DspViewerModule** contains components to display resources; as single item or as a list for search results. It is comprised of resource sub-components such as file representations components to display still image, video, audio or text only and also value components to use single property elements.\n\nImport DspViewerModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspViewerModule      // <-- add the dsp-ui viewer module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of resource viewer -->\n\nAnd use it in the component template as follows. The example shows how to display a resource by iri = 'http://rdfh.ch/0803/18a671b8a601'.\n\n```html\n<dsp-resource-view [iri]=\"'http://rdfh.ch/0803/18a671b8a601'\"></dsp-resource-view>\n```\n\nThe **DspSearchModule** allows different ways of searching in order to make simple or complex searches in DSP-API. This module contains various components you can use to search and all of them can either be used individually or in combination with one another using the search panel.\n\nImport DspSearchModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspSearchModule     // <-- add the dsp-ui search module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of search panel -->\n\nAnd use it in the component template as follows.\nThe example shows how to display the search panel that includes the full text search bar. It can be customized by setting the parameters with your configuration.\n\n```html\n<dsp-search-panel\n    [route]=\"'/search'\"\n    [projectfilter]=\"true\"\n    [expert]=\"false\"\n    [advanced]=\"false\">\n</dsp-search-panel>\n```\n\n<!-- TODO: link to main documentation or playground: e.g. https://docs.dasch.swiss/developers/knora-ui/documentation/ -->\n\n## Contribution\n\nIf you want to improve the elements and help developing, do not hesitate to [contact us](https://dasch.swiss/team)\n\nGet the developer manual on [docs.dasch.swiss](https://docs.dasch.swiss/developers/knora-ui/contribution/).\n\nThe sources for this package are in [dasch-swiss/dsp-ui](https://github.com/dasch-swiss/knora-ui-ng-lib) repo. Please file issues and pull requests on this repo.\n\nFor more information on the implementation of this Angular library, consult the design documentation in `design-documentation.md`.\n","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.8","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"1.0.0-rc.15","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.11_1604398943165_0.5369063560921437","host":"s3://npm-registry-packages"}},"1.0.0-rc.12":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.12","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.12","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"728739708b099d395b2f409800be93551e322f97","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.12.tgz","fileCount":298,"integrity":"sha512-xMpIw6FonBVTIzuSfo+GSeJW0oeH1cogpc9XZ+44HTqiRQ7QV9QO2dSpn7EUa4ptKsM2S4VnFEM+7ITOhj77pg==","signatures":[{"sig":"MEUCIEeTXVv/q383jFYIMNkGc+ofGcHW1p2G8rWDd6UUkmC7AiEAkGHyRShhX0wRKX1N9c9GP3VbU8uTnG1CaBmfnarDn70=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8147974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrVlgCRA9TVsSAnZWagAAVl4P/1VecaZQ/29Y+J3zgseG\nRveVlIyPRLMC0Nxjr69zyjH4uQodbsrwhFUC/iKUt896t6ff0iMF0bUbsiWR\n446xgtOlPoG5S0bg5B4q6h9b19P01WW92MSCUU+NP7zwsUcQfjfcYl6IrjiN\ntHqfWRc94D2VE5Ipl3YtdzzOnDUSeIPp572zoZXzNxbU6nRwBVTm0ghJ6uZr\n/rSHLF56GKZwWAd3jtEmvlpylfLZo842NS01ds+q0xXUxPuI9sboA5TYHrS3\nu3JSRZHgjTG7qQFfvhcWfFaWpaNS1XnYL6T6XDB0H1CYNUjn88psdx5IHMn8\n8Cmatu7TnTMtaeJHRcKw7H9wkZgpvmxPVjxC9CPNHIkKEclDR5fba6DsJ3Ue\nKNPEfjO5gvI2TYeLPtjqed0UTmpdMcNAQwHVVvpeXUA+7tljI2Xa1nMhsS7g\nUJxf8Fx17AI4140HjJoArcc/h7AT8vjZ7LDMXn1se1XbiOcQpFj28uPUKrq/\nkniN1MKEXMLvUkebpsP75ticYqYJveRgDTUZJVRi1i7Qt3OmwoR8cLZEbKNC\nbKaovudvzwRIbid+Rn49ww54D1dddoOP0KxLTHNelVYgL7ygGWN8jVbAYAWl\nSPrFLWmf+NUTMs66LXHi0q52HBY7Tj2IFUhYbInbTmZ6U7SnT7CizO1S1EPR\nSNUE\r\n=xwGh\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","readme":"# DSP-UI-LIB &mdash; A library to easily create Knora/DSP Apps\n\n[![npm version](https://badge.fury.io/js/%40dasch-swiss%2Fdsp-ui.svg)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![CI](https://github.com/dasch-swiss/knora-ui-ng-lib/workflows/CI/badge.svg)](https://github.com/dasch-swiss/knora-ui-ng-lib/actions?query=workflow%3ACI)\n[![npm downloads](https://img.shields.io/npm/dt/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![license](https://img.shields.io/npm/l/@dasch-swiss/dsp-ui.svg?style=flat)](https://github.com/dasch-swiss/dsp-ui-lib/blob/main/LICENSE)\n\nThe modules help create a GUI to allow the user to use [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) in a quick and simple way from within a web application. The modules are written in Typescript for use with **[Angular](https://angular.io) (version 9)**. We decided to style components and directives with [Angular Material design](https://material.angular.io).\n\nDSP-UI-LIB implements [DSP-JS-LIB](https://www.npmjs.com/package/@dasch-swiss/dsp-js) to connect with DSP API. DSP-API is a software framework for storing, sharing, and working with primary sources and data in the humanities.\n\nPlease check our [DSP Release Compatibility Matrix](https://docs.google.com/spreadsheets/d/e/2PACX-1vQe-0nFKqYHwHT3cNI2M_ZCycKOgDZBxtaabxEQDDkNKJf6funMVrJBJPgMFEJdiBdCesahUhURN6MS/pubhtml) to use this library with the correct and required versions of the dependent packages.\n\nDSP-API and DSP-UI-LIB are [free software](http://www.gnu.org/philosophy/free-sw.en.html), released under the [GNU Affero General Public](http://www.gnu.org/licenses/agpl-3.0.en.html).\n\n## Installation\n\n```bash\nnpm install @dasch-swiss/dsp-ui\n```\n\n### Dependencies\n\nThe module has the following package dependencies, which you also have to install.\n\n<!-- TODO: the following package will be renamed to @dasch-swiss/dsp-js and the list of dependencies incl. version will be added to an external matrix file -->\n- [@dasch-swiss/dsp-js](https://www.npmjs.com/package/@dasch-swiss/dsp-js)\n- [jdnconvertiblecalendar@0.0.5](https://www.npmjs.com/package/jdnconvertiblecalendar)\n- [jdnconvertiblecalendardateadapter@0.0.13](https://www.npmjs.com/package/jdnconvertiblecalendardateadapter)\n- [ngx-color-picker@9.1.0](https://www.npmjs.com/package/ngx-color-picker)\n- [openseadragon](https://openseadragon.github.io/#download)\n- [svg-overlay](https://github.com/openseadragon/svg-overlay)\n\n## Setup\n\nThe module supports runtime config to load the API configuration on load as opposed to on build. This helps run an App as a docker image in various environments. However, this requires some modifications in your app. We suggest building the app with [@angular/cli](https://cli.angular.io/).\n\nFirst, let's make a `config.dev.json` file in an additional folder `src/config/`:\n\n```json\n{\n  \"apiProtocol\": \"http\",\n  \"apiHost\": \"0.0.0.0\",\n  \"apiPort\": 3333,\n  \"apiPath\": \"\",\n  \"jsonWebToken\": \"\",\n  \"logErrors\": true\n}\n```\n\nIt's possible to create several config files e.g. one for productive use. In this case, `logErrors` should be set to `false` and the filename would be `config.prod.json`. In the environment files, we have to add the corresponding name:\n\n```typescript\nexport const environment = {\n  name: 'dev',      // <-- add the name 'dev', 'prod', etc. here.\n  production: false\n};\n```\n\nThe config files have to be integrated in `angular.json` in all \"assets\"-sections:\n\n```json\n\"assets\": [\n    \"src/favicon.ico\",\n    \"src/assets\",\n    \"src/config\"    <-- add this line and do not forget the comma on the previous line\n]\n```\n\nDefine the following three factory methods in `app.module.ts`:\n\n 1. Return a function that calls `AppInitService`'s method `Init` and return its return value which is a `Promise`.\n   Angular waits for this `Promise` to be resolved.\n   The `Promise` will be resolved once the configuration file has been fetched and its contents have been assigned.\n 1. Get the config from the `AppInitService` instance and provide it as `DspApiConfigToken`.\n 1. Create an KnoraApiConnection instance with the config and provide it as `DspApiConnectionToken`.  \n\nProvide it in the main module and include the desired DSP-UI modules in the imports:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,      // <-- add the dsp-ui modules here\n    DspViewerModule\n  ],\n  providers: [\n     // 1.\n    {\n      provide: APP_INITIALIZER, // see https://angular.io/api/core/APP_INITIALIZER\n      useFactory: (appInitService: AppInitService) =>\n                      (): Promise<any> => {\n                          return appInitService.Init('config', environment);\n                      },\n      deps: [AppInitService], // depends on AppInitService\n      multi: true\n    },\n    // 2.\n    {\n      provide: DspApiConfigToken,\n      useFactory: (appInitService: AppInitService) => appInitService.dspApiConfig, // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n    },\n    // 3.\n    {\n      provide: DspApiConnectionToken,\n      useFactory: (appInitService: AppInitService) => new KnoraApiConnection(appInitService.dspApiConfig), // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n   }\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\nDo not forget to import `APP_INITIALIZER` from `@angular/core` and the desired DSP-UI modules from `@dasch-swiss/dsp-ui`.\n\nThe contents of the configuration can be accessed via `AppInitService`s member `config`.\nJust include `AppInitService` in you service's or component's constructor.\n\nThe module needs a global styling in the app to override some material design rules.\nIf you're using Angular CLI, this is as simple as including one line in your `styles.scss` file:\n\n```css\n@import '@dasch-swiss/dsp-ui/src/assets/style/dsp-ui.scss';\n```\n\nAlternatively, you can just reference the file directly. This would look something like:\n\n```html\n<link href=\"node_modules/@dasch-swiss/dsp-ui/assets/style/dsp-ui.scss\" rel=\"stylesheet\">\n```\n\n## Usage\n<!-- TODO: add the modules to app.modules and use them as usual  -->\n<!-- app.modules -->\nAdd the desired modules from DSP-UI to the `app.module.ts`. `DspCoreModule` must be imported at the very minimum!\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule        // <-- add the dsp-ui core module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n<!-- example of component e.g. get all projects and display as a list -->\nThe **DspCoreModule** is a configuration handler for [`@dasch-swiss/dsp-js`](https://www.npmjs.com/package/@dasch-swiss/dsp-js) which offers all the services to make [DSP-API requests](https://docs.dasch.swiss/developers/knora/api-reference/queries/). The following ProjectsComponent example shows how to implement the two libraries to get all projects form DSP-API:\n\n```typescript\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { DspApiConnectionToken } from '@dasch-swiss/dsp-ui';\nimport { ApiResponseData, ApiResponseError, KnoraApiConnection, ProjectsResponse, ReadProject } from '@dasch-swiss/dsp-js';\n\n@Component({\n  selector: 'app-projects',\n  template: `<ul><li *ngFor=\"let p of projects\">{{p.longname}} (<strong>{{p.shortname}}</strong> | {{p.shortcode}})</li></ul>`\n})\nexport class ProjectsComponent implements OnInit {\n  projects: ReadProject[];\n\n  constructor(\n    @Inject(DspApiConnectionToken) private _dspApiConnection: KnoraApiConnection\n  ) { }\n\n  ngOnInit() {\n    this.getProjects();\n  }\n\n  getProjects() {\n    this._dspApiConnection.admin.projectsEndpoint.getProjects().subscribe(\n      (response: ApiResponseData<ProjectsResponse>) => {\n        this.projects = response.body.projects;\n      },\n      (error: ApiResponseError) => {\n        console.error(error);\n      }\n    );\n  }\n}\n```\n\nThe **DspViewerModule** contains components to display resources; as single item or as a list for search results. It is comprised of resource sub-components such as file representations components to display still image, video, audio or text only and also value components to use single property elements.\n\nImport DspViewerModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspViewerModule      // <-- add the dsp-ui viewer module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of resource viewer -->\n\nAnd use it in the component template as follows. The example shows how to display a resource by iri = 'http://rdfh.ch/0803/18a671b8a601'.\n\n```html\n<dsp-resource-view [iri]=\"'http://rdfh.ch/0803/18a671b8a601'\"></dsp-resource-view>\n```\n\nThe **DspSearchModule** allows different ways of searching in order to make simple or complex searches in DSP-API. This module contains various components you can use to search and all of them can either be used individually or in combination with one another using the search panel.\n\nImport DspSearchModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspSearchModule     // <-- add the dsp-ui search module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of search panel -->\n\nAnd use it in the component template as follows.\nThe example shows how to display the search panel that includes the full text search bar. It can be customized by setting the parameters with your configuration.\n\n```html\n<dsp-search-panel\n    [route]=\"'/search'\"\n    [projectfilter]=\"true\"\n    [expert]=\"false\"\n    [advanced]=\"false\">\n</dsp-search-panel>\n```\n\n<!-- TODO: link to main documentation or playground: e.g. https://docs.dasch.swiss/developers/knora-ui/documentation/ -->\n\n## Contribution\n\nIf you want to improve the elements and help developing, do not hesitate to [contact us](https://dasch.swiss/team)\n\nGet the developer manual on [docs.dasch.swiss](https://docs.dasch.swiss/developers/knora-ui/contribution/).\n\nThe sources for this package are in [dasch-swiss/dsp-ui](https://github.com/dasch-swiss/knora-ui-ng-lib) repo. Please file issues and pull requests on this repo.\n\nFor more information on the implementation of this Angular library, consult the design documentation in `design-documentation.md`.\n","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.8","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"1.0.0-rc.15","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.12_1605196128370_0.5832088170494263","host":"s3://npm-registry-packages"}},"1.0.0-rc.13":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.13","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.13","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"dbdc36b046c9c77eed4467dee583754789f29e1a","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.13.tgz","fileCount":301,"integrity":"sha512-MfXZ7lcVrjk9ZNse3/aHOAi5oyf0w0KzwwM32Ndi5/T36LZcy4CsRluga7nb5/N9YyrqCI0YWPPNn5JOPWny7Q==","signatures":[{"sig":"MEUCIQC24WgFiQNMzFENdrhyuHzTZat6aX8/WQqnm+agBjlFsAIgKjKRQ3PkTBTnkzWs+z3lh0MW3kbGxuNd0UrLZ1pILrs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8340362,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvjN9CRA9TVsSAnZWagAAEnEQAJ3AGiX20CExX+MAkrbJ\nOy5dX2HB0ckGSs8odk5rRYKuPi4YtT26Y9pNyslL3BzL2ZZwIUJlvQMhxQRY\nt4ULw1FHXEcu5RJBYdN4FhGoN967WkEKh2p3hTU/9X41wqtFI3OAok5z4c81\nd6jpPDF51XJBFf69XTu3AdeaTDEE0WbwlkcMyeNxWhZfpG33IdErMC/Z6233\nN6sJwscWwwpSCgTq6Eym9HlQ2QYViY4xp17JYkUcH9ajyCFZ3UGf8Gq2dKda\n6R6NCTy4NUqXdvNzzATrGPGueg0teRhe6odFxFLMrWB8Ka/QvLoUDWszejEA\nFLlPKlWPkDnyCu86x89jc/c1LTl3KF4NigFVQLcI2ZOOGQDgJXGHbNXRSW8T\nrJ2nH9H01p4yO8IedIPIG6WkeYo4XGxCK0QffLe17Ikpv0wwdj0B955u9QmI\np9qfCR6Uveq7PPlJBQSUrh1XP0WwcK/qASzJRlkX4Dk58X7/C1pfAcZ9boB7\nINElehbisRL9ugDGxCe9P0qz8zoLf1FSuu6b9NWq/BypocVyviSbREd5AyiQ\nUkMg6F54IeKlXaT70V2jdqaNvx149hxDg8xvWrcN//4ka/WyTUhukwIQmCvT\n/p1Y3BXAomT3rjx7yKQt1FIen7Ko00O//2SZGz1AcKWovWEIbHb57nFS+T4p\n06Tq\r\n=rF7i\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","readme":"# DSP-UI-LIB &mdash; A library to easily create Knora/DSP Apps\n\n[![npm version](https://badge.fury.io/js/%40dasch-swiss%2Fdsp-ui.svg)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![CI](https://github.com/dasch-swiss/knora-ui-ng-lib/workflows/CI/badge.svg)](https://github.com/dasch-swiss/knora-ui-ng-lib/actions?query=workflow%3ACI)\n[![npm downloads](https://img.shields.io/npm/dt/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![license](https://img.shields.io/npm/l/@dasch-swiss/dsp-ui.svg?style=flat)](https://github.com/dasch-swiss/dsp-ui-lib/blob/main/LICENSE)\n\nThe modules help create a GUI to allow the user to use [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) in a quick and simple way from within a web application. The modules are written in Typescript for use with **[Angular](https://angular.io) (version 9)**. We decided to style components and directives with [Angular Material design](https://material.angular.io).\n\nDSP-UI-LIB implements [DSP-JS-LIB](https://www.npmjs.com/package/@dasch-swiss/dsp-js) to connect with DSP API. DSP-API is a software framework for storing, sharing, and working with primary sources and data in the humanities.\n\nPlease check our [DSP Release Compatibility Matrix](https://docs.google.com/spreadsheets/d/e/2PACX-1vQe-0nFKqYHwHT3cNI2M_ZCycKOgDZBxtaabxEQDDkNKJf6funMVrJBJPgMFEJdiBdCesahUhURN6MS/pubhtml) to use this library with the correct and required versions of the dependent packages.\n\nDSP-API and DSP-UI-LIB are [free software](http://www.gnu.org/philosophy/free-sw.en.html), released under the [GNU Affero General Public](http://www.gnu.org/licenses/agpl-3.0.en.html).\n\n## Installation\n\n```bash\nnpm install @dasch-swiss/dsp-ui\n```\n\n### Dependencies\n\nThe module has the following package dependencies, which you also have to install.\n\n<!-- TODO: the following package will be renamed to @dasch-swiss/dsp-js and the list of dependencies incl. version will be added to an external matrix file -->\n- [@dasch-swiss/dsp-js](https://www.npmjs.com/package/@dasch-swiss/dsp-js)\n- [jdnconvertiblecalendar@0.0.5](https://www.npmjs.com/package/jdnconvertiblecalendar)\n- [jdnconvertiblecalendardateadapter@0.0.13](https://www.npmjs.com/package/jdnconvertiblecalendardateadapter)\n- [ngx-color-picker@9.1.0](https://www.npmjs.com/package/ngx-color-picker)\n- [openseadragon](https://openseadragon.github.io/#download)\n- [svg-overlay](https://github.com/openseadragon/svg-overlay)\n\n## Setup\n\nThe module supports runtime config to load the API configuration on load as opposed to on build. This helps run an App as a docker image in various environments. However, this requires some modifications in your app. We suggest building the app with [@angular/cli](https://cli.angular.io/).\n\nFirst, let's make a `config.dev.json` file in an additional folder `src/config/`:\n\n```json\n{\n  \"apiProtocol\": \"http\",\n  \"apiHost\": \"0.0.0.0\",\n  \"apiPort\": 3333,\n  \"apiPath\": \"\",\n  \"jsonWebToken\": \"\",\n  \"logErrors\": true\n}\n```\n\nIt's possible to create several config files e.g. one for productive use. In this case, `logErrors` should be set to `false` and the filename would be `config.prod.json`. In the environment files, we have to add the corresponding name:\n\n```typescript\nexport const environment = {\n  name: 'dev',      // <-- add the name 'dev', 'prod', etc. here.\n  production: false\n};\n```\n\nThe config files have to be integrated in `angular.json` in all \"assets\"-sections:\n\n```json\n\"assets\": [\n    \"src/favicon.ico\",\n    \"src/assets\",\n    \"src/config\"    <-- add this line and do not forget the comma on the previous line\n]\n```\n\nDefine the following three factory methods in `app.module.ts`:\n\n 1. Return a function that calls `AppInitService`'s method `Init` and return its return value which is a `Promise`.\n   Angular waits for this `Promise` to be resolved.\n   The `Promise` will be resolved once the configuration file has been fetched and its contents have been assigned.\n 1. Get the config from the `AppInitService` instance and provide it as `DspApiConfigToken`.\n 1. Create an KnoraApiConnection instance with the config and provide it as `DspApiConnectionToken`.  \n\nProvide it in the main module and include the desired DSP-UI modules in the imports:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,      // <-- add the dsp-ui modules here\n    DspViewerModule\n  ],\n  providers: [\n     // 1.\n    {\n      provide: APP_INITIALIZER, // see https://angular.io/api/core/APP_INITIALIZER\n      useFactory: (appInitService: AppInitService) =>\n                      (): Promise<any> => {\n                          return appInitService.Init('config', environment);\n                      },\n      deps: [AppInitService], // depends on AppInitService\n      multi: true\n    },\n    // 2.\n    {\n      provide: DspApiConfigToken,\n      useFactory: (appInitService: AppInitService) => appInitService.dspApiConfig, // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n    },\n    // 3.\n    {\n      provide: DspApiConnectionToken,\n      useFactory: (appInitService: AppInitService) => new KnoraApiConnection(appInitService.dspApiConfig), // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n   }\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\nDo not forget to import `APP_INITIALIZER` from `@angular/core` and the desired DSP-UI modules from `@dasch-swiss/dsp-ui`.\n\nThe contents of the configuration can be accessed via `AppInitService`s member `config`.\nJust include `AppInitService` in you service's or component's constructor.\n\nThe module needs a global styling in the app to override some material design rules.\nIf you're using Angular CLI, this is as simple as including one line in your `styles.scss` file:\n\n```css\n@import '@dasch-swiss/dsp-ui/src/assets/style/dsp-ui.scss';\n```\n\nAlternatively, you can just reference the file directly. This would look something like:\n\n```html\n<link href=\"node_modules/@dasch-swiss/dsp-ui/assets/style/dsp-ui.scss\" rel=\"stylesheet\">\n```\n\n## Usage\n<!-- TODO: add the modules to app.modules and use them as usual  -->\n<!-- app.modules -->\nAdd the desired modules from DSP-UI to the `app.module.ts`. `DspCoreModule` must be imported at the very minimum!\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule        // <-- add the dsp-ui core module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n<!-- example of component e.g. get all projects and display as a list -->\nThe **DspCoreModule** is a configuration handler for [`@dasch-swiss/dsp-js`](https://www.npmjs.com/package/@dasch-swiss/dsp-js) which offers all the services to make [DSP-API requests](https://docs.dasch.swiss/developers/knora/api-reference/queries/). The following ProjectsComponent example shows how to implement the two libraries to get all projects form DSP-API:\n\n```typescript\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { DspApiConnectionToken } from '@dasch-swiss/dsp-ui';\nimport { ApiResponseData, ApiResponseError, KnoraApiConnection, ProjectsResponse, ReadProject } from '@dasch-swiss/dsp-js';\n\n@Component({\n  selector: 'app-projects',\n  template: `<ul><li *ngFor=\"let p of projects\">{{p.longname}} (<strong>{{p.shortname}}</strong> | {{p.shortcode}})</li></ul>`\n})\nexport class ProjectsComponent implements OnInit {\n  projects: ReadProject[];\n\n  constructor(\n    @Inject(DspApiConnectionToken) private _dspApiConnection: KnoraApiConnection\n  ) { }\n\n  ngOnInit() {\n    this.getProjects();\n  }\n\n  getProjects() {\n    this._dspApiConnection.admin.projectsEndpoint.getProjects().subscribe(\n      (response: ApiResponseData<ProjectsResponse>) => {\n        this.projects = response.body.projects;\n      },\n      (error: ApiResponseError) => {\n        console.error(error);\n      }\n    );\n  }\n}\n```\n\nThe **DspViewerModule** contains components to display resources; as single item or as a list for search results. It is comprised of resource sub-components such as file representations components to display still image, video, audio or text only and also value components to use single property elements.\n\nImport DspViewerModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspViewerModule      // <-- add the dsp-ui viewer module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of resource viewer -->\n\nAnd use it in the component template as follows. The example shows how to display a resource by iri = 'http://rdfh.ch/0803/18a671b8a601'.\n\n```html\n<dsp-resource-view [iri]=\"'http://rdfh.ch/0803/18a671b8a601'\"></dsp-resource-view>\n```\n\nThe **DspSearchModule** allows different ways of searching in order to make simple or complex searches in DSP-API. This module contains various components you can use to search and all of them can either be used individually or in combination with one another using the search panel.\n\nImport DspSearchModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspSearchModule     // <-- add the dsp-ui search module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of search panel -->\n\nAnd use it in the component template as follows.\nThe example shows how to display the search panel that includes the full text search bar. It can be customized by setting the parameters with your configuration.\n\n```html\n<dsp-search-panel\n    [route]=\"'/search'\"\n    [projectfilter]=\"true\"\n    [expert]=\"false\"\n    [advanced]=\"false\">\n</dsp-search-panel>\n```\n\n<!-- TODO: link to main documentation or playground: e.g. https://docs.dasch.swiss/developers/knora-ui/documentation/ -->\n\n## Contribution\n\nIf you want to improve the elements and help developing, do not hesitate to [contact us](https://dasch.swiss/team)\n\nGet the developer manual on [docs.dasch.swiss](https://docs.dasch.swiss/developers/knora-ui/contribution/).\n\nThe sources for this package are in [dasch-swiss/dsp-ui](https://github.com/dasch-swiss/knora-ui-ng-lib) repo. Please file issues and pull requests on this repo.\n\nFor more information on the implementation of this Angular library, consult the design documentation in `design-documentation.md`.\n","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.8","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"1.0.0-rc.17","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.13_1606300541049_0.6781549480038178","host":"s3://npm-registry-packages"}},"1.0.0-rc.14":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0-rc.14","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0-rc.14","maintainers":[{"name":"daschbot","email":"daschbot@dasch.swiss"},{"name":"kilchenmann","email":"npm@milchkannen.ch"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"3f410f06864c467dd4d0916d002b529b7bbb7a38","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0-rc.14.tgz","fileCount":301,"integrity":"sha512-STSu/MCuyxazZQAl1C6PyCZ7bxhjYIJXMpvlny04LsGggC8zaJdnRp+HqydrxtWLPQxTvvwRFzmJ6mrYkU4mag==","signatures":[{"sig":"MEYCIQCfsLUZymZIccPowgQ60Rr6xtedWDl5U0KADK8n0h7qBAIhAJ1wHGRNeDEtzzTnf8zvmuS/O3opnL7CrJP+RXTjUNZB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8399121,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyPRHCRA9TVsSAnZWagAAmGkQAJC3ohS/6bOvt/5xNOln\nyS9rPPVIzsTuyV4LRgZZmBsbU9sJETj+aXQW55xqWgfINnT6Fu8T8WyZNjcS\ndcl/LUfJrEjKvnex/3ctb/MBh6L7LhcM5IGKlPYAR1tNZUDz+Tezvex7o3zt\n59JyUnAht+N3M50d/IXrAPQ+eZI4Gg4LgW2Ujs48xXj/6cg9BMyKZm1oiwig\nAtaTaguB6IyukBtDPrAFvR+ItNTtGxfjHiLNEkVpageHb5g1M3I912yjyG0Q\n9GDtN2ZmsQ0mpnS+iVci81kZTLcGMdXMeGm1WISog4AAXT2a7O5Xkz+ejfak\nm27ZDHPUv9pUmPcBwC3Ic/kLtDEr4f16st6auy7QLQ81aifapaJw35Wuo70W\nOZDuyMqtGhuyshgDL7+OTNdaBVO2wIK4AbdLHUzUa9Q6fLTXbYfXAfjmFNVu\nbQlFJWpfbB2cMHOBszUhESQmejEID+5ZdY1hxh4dn0zScmMkbqCoTS7zd8Y/\neec/nN0o6wPAh3SLU6yOUz5uE3gZzWBq9Kqsa9oC/DJe8qfZCk81u2jihU5w\nUhn1Bi52gFcjlQPgm20u8T0Tg4OhBdLUUEdzwNa8DMMKfJgMjWeccHX1o207\nbhSOecmTeejSyab8HtfI5na1cESn53xJgek8UIT5+CE5NQIW13h69RKwBXE9\nAmyA\r\n=dnp6\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","readme":"# DSP-UI-LIB &mdash; A library to easily create Knora/DSP Apps\n\n[![npm version](https://badge.fury.io/js/%40dasch-swiss%2Fdsp-ui.svg)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![CI](https://github.com/dasch-swiss/knora-ui-ng-lib/workflows/CI/badge.svg)](https://github.com/dasch-swiss/knora-ui-ng-lib/actions?query=workflow%3ACI)\n[![npm downloads](https://img.shields.io/npm/dt/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![license](https://img.shields.io/npm/l/@dasch-swiss/dsp-ui.svg?style=flat)](https://github.com/dasch-swiss/dsp-ui-lib/blob/main/LICENSE)\n\nThe modules help create a GUI to allow the user to use [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) in a quick and simple way from within a web application. The modules are written in Typescript for use with **[Angular](https://angular.io) (version 9)**. We decided to style components and directives with [Angular Material design](https://material.angular.io).\n\nDSP-UI-LIB implements [DSP-JS-LIB](https://www.npmjs.com/package/@dasch-swiss/dsp-js) to connect with DSP API. DSP-API is a software framework for storing, sharing, and working with primary sources and data in the humanities.\n\nPlease check our [DSP Release Compatibility Matrix](https://docs.google.com/spreadsheets/d/e/2PACX-1vQe-0nFKqYHwHT3cNI2M_ZCycKOgDZBxtaabxEQDDkNKJf6funMVrJBJPgMFEJdiBdCesahUhURN6MS/pubhtml) to use this library with the correct and required versions of the dependent packages.\n\nDSP-API and DSP-UI-LIB are [free software](http://www.gnu.org/philosophy/free-sw.en.html), released under the [GNU Affero General Public](http://www.gnu.org/licenses/agpl-3.0.en.html).\n\n## Installation\n\n```bash\nnpm install @dasch-swiss/dsp-ui\n```\n\n### Dependencies\n\nThe module has the following package dependencies, which you also have to install.\n\n<!-- TODO: the following package will be renamed to @dasch-swiss/dsp-js and the list of dependencies incl. version will be added to an external matrix file -->\n- [@dasch-swiss/dsp-js](https://www.npmjs.com/package/@dasch-swiss/dsp-js)\n- [jdnconvertiblecalendar@0.0.5](https://www.npmjs.com/package/jdnconvertiblecalendar)\n- [jdnconvertiblecalendardateadapter@0.0.13](https://www.npmjs.com/package/jdnconvertiblecalendardateadapter)\n- [ngx-color-picker@9.1.0](https://www.npmjs.com/package/ngx-color-picker)\n- [openseadragon](https://openseadragon.github.io/#download)\n- [svg-overlay](https://github.com/openseadragon/svg-overlay)\n\n## Setup\n\nThe module supports runtime config to load the API configuration on load as opposed to on build. This helps run an App as a docker image in various environments. However, this requires some modifications in your app. We suggest building the app with [@angular/cli](https://cli.angular.io/).\n\nFirst, let's make a `config.dev.json` file in an additional folder `src/config/`:\n\n```json\n{\n  \"apiProtocol\": \"http\",\n  \"apiHost\": \"0.0.0.0\",\n  \"apiPort\": 3333,\n  \"apiPath\": \"\",\n  \"jsonWebToken\": \"\",\n  \"logErrors\": true\n}\n```\n\nIt's possible to create several config files e.g. one for productive use. In this case, `logErrors` should be set to `false` and the filename would be `config.prod.json`. In the environment files, we have to add the corresponding name:\n\n```typescript\nexport const environment = {\n  name: 'dev',      // <-- add the name 'dev', 'prod', etc. here.\n  production: false\n};\n```\n\nThe config files have to be integrated in `angular.json` in all \"assets\"-sections:\n\n```json\n\"assets\": [\n    \"src/favicon.ico\",\n    \"src/assets\",\n    \"src/config\"    <-- add this line and do not forget the comma on the previous line\n]\n```\n\nDefine the following three factory methods in `app.module.ts`:\n\n 1. Return a function that calls `AppInitService`'s method `Init` and return its return value which is a `Promise`.\n   Angular waits for this `Promise` to be resolved.\n   The `Promise` will be resolved once the configuration file has been fetched and its contents have been assigned.\n 1. Get the config from the `AppInitService` instance and provide it as `DspApiConfigToken`.\n 1. Create an KnoraApiConnection instance with the config and provide it as `DspApiConnectionToken`.  \n\nProvide it in the main module and include the desired DSP-UI modules in the imports:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,      // <-- add the dsp-ui modules here\n    DspViewerModule\n  ],\n  providers: [\n     // 1.\n    {\n      provide: APP_INITIALIZER, // see https://angular.io/api/core/APP_INITIALIZER\n      useFactory: (appInitService: AppInitService) =>\n                      (): Promise<any> => {\n                          return appInitService.Init('config', environment);\n                      },\n      deps: [AppInitService], // depends on AppInitService\n      multi: true\n    },\n    // 2.\n    {\n      provide: DspApiConfigToken,\n      useFactory: (appInitService: AppInitService) => appInitService.dspApiConfig, // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n    },\n    // 3.\n    {\n      provide: DspApiConnectionToken,\n      useFactory: (appInitService: AppInitService) => new KnoraApiConnection(appInitService.dspApiConfig), // AppInitService is passed to the factory method\n      deps: [AppInitService] // depends on AppInitService\n   }\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\nDo not forget to import `APP_INITIALIZER` from `@angular/core` and the desired DSP-UI modules from `@dasch-swiss/dsp-ui`.\n\nThe contents of the configuration can be accessed via `AppInitService`s member `config`.\nJust include `AppInitService` in you service's or component's constructor.\n\nThe module needs a global styling in the app to override some material design rules.\nIf you're using Angular CLI, this is as simple as including one line in your `styles.scss` file:\n\n```css\n@import '@dasch-swiss/dsp-ui/src/assets/style/dsp-ui.scss';\n```\n\nAlternatively, you can just reference the file directly. This would look something like:\n\n```html\n<link href=\"node_modules/@dasch-swiss/dsp-ui/assets/style/dsp-ui.scss\" rel=\"stylesheet\">\n```\n\n## Usage\n<!-- TODO: add the modules to app.modules and use them as usual  -->\n<!-- app.modules -->\nAdd the desired modules from DSP-UI to the `app.module.ts`. `DspCoreModule` must be imported at the very minimum!\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule        // <-- add the dsp-ui core module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n<!-- example of component e.g. get all projects and display as a list -->\nThe **DspCoreModule** is a configuration handler for [`@dasch-swiss/dsp-js`](https://www.npmjs.com/package/@dasch-swiss/dsp-js) which offers all the services to make [DSP-API requests](https://docs.dasch.swiss/developers/knora/api-reference/queries/). The following ProjectsComponent example shows how to implement the two libraries to get all projects form DSP-API:\n\n```typescript\nimport { Component, Inject, OnInit } from '@angular/core';\nimport { DspApiConnectionToken } from '@dasch-swiss/dsp-ui';\nimport { ApiResponseData, ApiResponseError, KnoraApiConnection, ProjectsResponse, ReadProject } from '@dasch-swiss/dsp-js';\n\n@Component({\n  selector: 'app-projects',\n  template: `<ul><li *ngFor=\"let p of projects\">{{p.longname}} (<strong>{{p.shortname}}</strong> | {{p.shortcode}})</li></ul>`\n})\nexport class ProjectsComponent implements OnInit {\n  projects: ReadProject[];\n\n  constructor(\n    @Inject(DspApiConnectionToken) private _dspApiConnection: KnoraApiConnection\n  ) { }\n\n  ngOnInit() {\n    this.getProjects();\n  }\n\n  getProjects() {\n    this._dspApiConnection.admin.projectsEndpoint.getProjects().subscribe(\n      (response: ApiResponseData<ProjectsResponse>) => {\n        this.projects = response.body.projects;\n      },\n      (error: ApiResponseError) => {\n        console.error(error);\n      }\n    );\n  }\n}\n```\n\nThe **DspViewerModule** contains components to display resources; as single item or as a list for search results. It is comprised of resource sub-components such as file representations components to display still image, video, audio or text only and also value components to use single property elements.\n\nImport DspViewerModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspViewerModule      // <-- add the dsp-ui viewer module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of resource viewer -->\n\nAnd use it in the component template as follows. The example shows how to display a resource by iri = 'http://rdfh.ch/0803/18a671b8a601'.\n\n```html\n<dsp-resource-view [iri]=\"'http://rdfh.ch/0803/18a671b8a601'\"></dsp-resource-view>\n```\n\nThe **DspSearchModule** allows different ways of searching in order to make simple or complex searches in DSP-API. This module contains various components you can use to search and all of them can either be used individually or in combination with one another using the search panel.\n\nImport DspSearchModule in the `app.module.ts`:\n\n```typescript\n@NgModule({\n  declarations: [\n    AppComponent,\n    ProjectsComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    DspCoreModule,\n    DspSearchModule     // <-- add the dsp-ui search module here\n  ],\n  providers: [ ... ]    // <-- add providers as mentioned in section above\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n<!-- example of search panel -->\n\nAnd use it in the component template as follows.\nThe example shows how to display the search panel that includes the full text search bar. It can be customized by setting the parameters with your configuration.\n\n```html\n<dsp-search-panel\n    [route]=\"'/search'\"\n    [projectfilter]=\"true\"\n    [expert]=\"false\"\n    [advanced]=\"false\">\n</dsp-search-panel>\n```\n\n<!-- TODO: link to main documentation or playground: e.g. https://docs.dasch.swiss/developers/knora-ui/documentation/ -->\n\n## Contribution\n\nIf you want to improve the elements and help developing, do not hesitate to [contact us](https://dasch.swiss/team)\n\nGet the developer manual on [docs.dasch.swiss](https://docs.dasch.swiss/developers/knora-ui/contribution/).\n\nThe sources for this package are in [dasch-swiss/dsp-ui](https://github.com/dasch-swiss/knora-ui-ng-lib) repo. Please file issues and pull requests on this repo.\n\nFor more information on the implementation of this Angular library, consult the design documentation in `design-documentation.md`.\n","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.8","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"1.0.0-rc.17","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0-rc.14_1607005255370_0.5000206277156518","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@dasch-swiss/dsp-ui","version":"1.0.0","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.0","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"1f3f5c36c308f8f76a3926961fa43f22d07ac051","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.0.tgz","fileCount":301,"integrity":"sha512-n9kdK/dOo6AS5Gw87lqr8/8LeuOjWFcd2Atntupxge92jyvrrjDvQRLrujcgNyI9JPDXdvKtT8O/zsCqdiQO1g==","signatures":[{"sig":"MEUCIFxMnBS6ymJqDkSnP3etjnBft7y8mneaKsS4KI/dYxSXAiEA/MCaVREVdMhPu5J9tqdrp8plg4p45smnkobNiw9cGvA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8376144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf3IbtCRA9TVsSAnZWagAAGB0P/13x7nDcrcEEmayCoS2Q\nIphOz1nrb1bitqcIGBaTVCOnyGJ0ogORbRBFaPbrd4l8ym6fEo+d6krQfZzr\nzCYXwOr53JjTokJYFG8SzlvePwbvi+aAStlBMqDmbyQ+Pi1UBvpvopKU+HFU\nIc0Y6WIrHOJLqW1mwW+xWfPovKk8EJm954UNJto7tvhol00HP83csixwp5Un\nmgquVLCBtR2GhuOiQ0M+9G+hmtUlonVbIlUB1HXQG39QR5IQx/LRDklawro/\nnDET+pYCGewe5pB+8bT9ZW40xicvhyTIUMjs/1Vcd4QsMOw+zPzAOTSjffYF\njR3H7ngQYhc1TsPLgHBi+PZMMASlOYt3zBecScEMFsvUqi76yClXKtiF2tH0\nF3YDN3lmVVeJ0FNQhXOdOnyOC5yw28DFZBFZ3W/Fy+OXJJUYrvBoTQGnZ9lY\ngu7ctpMgD6Fur3pRybC0f/j6bTH9vXRxu/1lAEESh3G9tIvcye4BW03dqMo9\nJMb0RE7rvPmMFM4sgc7uajrxD/TrLvPY3+/bKxhIxlmYK3JfbqXXffCWNqvh\nPCsELZk6SjzdHQQdmNJYKwPFm5lMlMnQgMLfehrOVmxPjNarXP2neKKKIOn0\nxkILybChJmtBAwLTPZQDQDjd7soFSy+gFu9esAc+Jswmu5nGgJ5x60hr4TJS\neMmb\r\n=ZHzk\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.8","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"^1.0.1","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.0_1608287980938_0.8584758708358615","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@dasch-swiss/dsp-ui","version":"1.0.1","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.0.1","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"eb13a9942ff32c3fc92bb3d755b031fbf55343c8","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.0.1.tgz","fileCount":301,"integrity":"sha512-bxM1sOOYTE4aQ3s4khtHL5wOeO4JfSFlRvqrLjmrkyVdx5hsDrTD3i7mCjZxp4I6y7Mrv4AEA9J0tsdI+tMTrQ==","signatures":[{"sig":"MEUCIGO5uEzkc3AuwqC1iyAJMtuhMZYT/Gx/rhxH1EyjzXUsAiEA5cmjyfLdBRNvvXqh4Zsg7p890qsWFeD8UiMLmD5ZJcc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8454308,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAa6sCRA9TVsSAnZWagAAmmsP/RTJtA861m+3rKcXAlcO\n8/MZ8/mvkSnNBfJCycaTyxLwKUgC9UzoRTJGtiPf/rvAcTZzqwdtJv7ZEOcx\nwQMfAa7cINCE+9LMhhvCOcaIqXrDseSVvSEi0D9IgV4zpDsCBfXmyalCxNrW\nrjMC/2TYEwYVI1W0bpQTMTpcnGUfdL9hqvNVRBWEwDr0ypYM5ATOVbxhmLf0\nJUknSR7mGna4YmZBW9JVnK6LO1rzbyeUBIQtXAYSPG+PPjiBdONv8Hi6nxCN\n2lRtTjQUOv0vHWKKuI/0w6ImGh98Uopj5MSG1Hcs2tOg1CUnYJtr/PNPTuaK\nHO77m8YTncZqv2C6Q9/dAeARA8gjf9Bk4t3PMZ4OKRuhNDWLxv1KaPmQm5wZ\npRNPy98WikD1Or8IqsSsqDJjGPpsPL9+I00yN50A87+cnoJ1bKUZUZuEBFk2\nq25JH46u+q5KMG2KcSB997m6Jug+5pPkzEVZ1fxfOOqfMhkcn8F+e9lmO59w\nctDQgpypbeHyFp8HdxXahcsQs9bys8nRAlLaWxnbyKBW9bWe1PeNtXWaw9Xk\nTB8dihXMugH32oijAEQo10Wq3+m9UDmN1MmeW+tQlAAt0AO1sQFBuPxm53ws\nITQ1eFwOh95L0lqtTE3Uwkn4Xt1ZKTvcKwk7qYOzzWEZ7eBOXlKFzu+nzu0V\nweKZ\r\n=Yga7\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.10","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"^1.0.1","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.0.1_1610722987900_0.09498400296264986","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@dasch-swiss/dsp-ui","version":"1.1.0","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.1.0","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"c4ed126479b68634f992c127b97beb0c267415e3","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.1.0.tgz","fileCount":301,"integrity":"sha512-ZuF07e6p+NdIdp4gZrKIUczywOm4Og3y3LObk9V+rqDz+uOEDTQhJ6m+3ELfYcb5HISIk2jfi+CaNuixEQTeJA==","signatures":[{"sig":"MEUCIQCqI4/JEk4iotBCWx0zhzgxlXPDbqIJ61gCbissmjqYhgIgEUhkODoojARvPlLuny/HrQ8Ob+hthr8hVlQK/e4K4Uo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8458123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAbimCRA9TVsSAnZWagAAzOMP/iiZphGZmeZAi70utJOS\nY3MpFnKAceNaFtitnubTZ9Epa1V+CI/VTTTwkw9caT3wP0UrTIWR9vs67ygd\n7s05z+5m1MqakwOb6LduJES7+kGt266/QPiEUsgRYTgVMXsvwUWoBspoDJvx\nOZ0b0/UcSYU0KPIqDQZb+rwEUt4VP23WBF4EFCCbG+vmCd1DqimeqWW9/5KA\nDz99IHPGuqGWE01xLF3k73RRJV0xND4vmbJzOZBMJL/cR4AmWohdzGsJKncE\nNbvOeq8wmy2zm5ULslc3+Y5koHeroANvN4/RPhex65LgWm0184dbSWCB0L5R\n6W4yQDcyuWChI7FhuV1e3JJ+ptitSdiFXSNECJa6ThFQH7GZNeMHwVJXOXsx\ntzGuSwWCBRtmf6+eF/qT+FU2M8k1amxcXew6a1ZhxyD39W/doUidZkUKCDn1\nwgESNsU5n0mFbCrnRxSQqhzxAJu0ASxHQCTg8FTQ59h17kc4Ph49+HlUls59\ng1Y4UH+G0KKEKuYe1DDZLtkMjPmfZkkCc6QFnBngSjtgWY1TruE92QFtzGVo\n4G6kTgicbmXepXAceW+tNhsvEOY8qWNeE+Qf840Sg++6oK3AUAJd5yk/9/E3\nc50gamwBAh0UqUM673HCSbASSJdA7hJwcNtVaupkwspXh/l5BkzGdh5ncVaZ\n7RbD\r\n=64Rv\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.10","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"^1.0.1","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.1.0_1610725541856_0.7488784245674609","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@dasch-swiss/dsp-ui","version":"1.1.1","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.1.1","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"2f5d1c08c64a40ace4ca243833a9dc044bd4e35f","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.1.1.tgz","fileCount":301,"integrity":"sha512-ZGomxDN+a6gTt2E7iVCjcwTwJ7PsqD9nO/LoW0MK6bdNjApvT6XAGD+UVLk0gDNUym7C8WBC6gmfy3Z34lLzfg==","signatures":[{"sig":"MEYCIQDanzBKj6v7Udc82HwbnCbk/dUcW9i5uQLnOrprQZeaewIhAL3s9i5CmqdtFJPOPnRWNbcATAXXnvyUgiUcyT4VTs24","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8459655,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB/XOCRA9TVsSAnZWagAAkAcP/2WKdhq+nij+Mn/+C2II\nzco9KbrsCIXlZcsSsCILh12IS0cCGAk/kerAS+//fPuQPuGddbdswZtwxVLa\nMzxBhd8Gv59q7S3JpMD1zy2VsAAgLCqSkMWK8yaTABvk6VXff70YQiMECRAe\ngTY9kujyy1e2437iNdZzoWO+z58xDLnOwBt3icHLe4lOqwK0r+BwNDy8QuKi\nzVPU5kKcrRneCaeQPVvsYAyseH9Cz59C9Bv/scWppl+dsJ4r1trSh5XNQPIM\nqoK0D5sRbL8LxtDuCOAWV48Qc1xtln/mQiDdMcwplCpTHYL6Vipjv0CUZyQm\nddlwPGaKNfHFxxtmst6OMd2KWnFSuT5WDZPXt784x75jEmgjDHGVkQroOtL1\nkRz8MX/JwmHW0YjhYo6tCce8WqepkXFPcdRIGAajkUP5OL8n8DnhhoMJbyJ0\n+Y6NnUf7Dp9Gx/LeYSICUmOTwCwJWYFMwq1zcVdk4hQz39W4moI2iwHREDdz\n/O0dmSlgM43hG96rReG2VY3GsPX6o+xtLZI5DBsL4Fwvk9OU1JXk8sqNAiBJ\nulUUgTfzFcArei5Ajr98nB6okvSXyU3aIzchcd3Pfd0CtKXb3JkhW3xnYCiu\nOj/KNjixaqL33hM488EJ3dhyPf4PdvHqNXUwWWTcONG7wdpsM61UAFLsIZGg\nC+uj\r\n=49ar\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.10","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"^1.0.1","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.1.1_1611134413621_0.6759857170503487","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@dasch-swiss/dsp-ui","version":"1.2.0","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.2.0","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"f1bbe3e628b61dd7a05e1a934ca45e06532ca6e7","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.2.0.tgz","fileCount":301,"integrity":"sha512-wWJYpUO4W5eCoJti6/FsOAu9/jmIxXeqBpkqlphCA0EaSfC66JdGec0cze+IESnFWDZnid3nL+j8bsRfCGtfuA==","signatures":[{"sig":"MEUCIQC9MhmgEqHGjrclUCMJFp44l2loOOQHBhxoqJOBmHXF8gIgdcIdf7rNgk4CEOO/TqsVSAkEtE9BnggB/NoKFEitxRI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8488799,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEuAxCRA9TVsSAnZWagAAqE0QAIA1hYdUmMLZh/AdJezZ\n+oqpbRe3v/zF39J7IQuc7KSzyxk6EFr7Mg/UBLXvsyLHmp/Mke4X13Uj45M1\nRgsOs9kqkVQnMMgGqbeC8BuP0zwCwMis+jqr49PBh3Lf9+rCgu0O6AQDaibZ\nb9W33yroD7xq/bdXMeVCpboZL2HrAl1nx/N23OEONWlEQn5Amb6MhFmuaF+m\nW0QhxqMrAnk1xa9lnTiI+sXEeHoE5N6OqPG8KUbBXpHSLlLMWs/uJI07L6gg\nbzRrG9gFAw0VwmgT3mNcWrQHAcpmkc3NEcF9jPUGl79bQOrmD6jc0mOPi7xx\nyXc5b+Mb+rpVxyWg0Itm0+7rQYGqxN6Swdci8VcDn4hF4vPya9z3QP4F3DTB\nIXx6KanCsEAx0thmEt0rno5VPbtIU6p5LeLtSaIolrmEAjU+HdKe0q9Oale3\naM9ooWNPjM1ekHOWr6xCkRwixYDcmoc4DxGuK9tsUEx7ClKYWWRKZ5z8a1GN\nxy03lxAYnN4szjVUVT0Oz7rKaHTapGOss+Jgt6HXT07VskJy5kEnP3jisY3Y\n4NPqd+tpjwynMgTQZyahEiVrIWHnGhAOjay+x27XfFLkAQxOPqaZjSQ23/3s\nTUdcYhvPEEQBL8pDygxqwokWGD9kfIFqSvaQck+g+3ufO5SvaQfQQUuj4KFL\nLU1h\r\n=gS8b\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.10","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"^1.2.1","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.2.0_1611849776905_0.852153430058006","host":"s3://npm-registry-packages"}},"1.2.1":{"name":"@dasch-swiss/dsp-ui","version":"1.2.1","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.2.1","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"748ffe6232714dff2de4aec80d975aa5ef3aeec3","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.2.1.tgz","fileCount":301,"integrity":"sha512-t5/UBLGwYVes2SN2nndCB9wZb/8OWAEZG4idY1qbCumgL057BG0QaaZ6i1AjgLMwbsMoptYVhI9ODbHWxltlrA==","signatures":[{"sig":"MEQCIHCCiEhxhQSCZC/W7ttQ8Ggr9gfK8R3vsibRQ2SU3fouAiAA2V7r17iu/bmszK1piZ6kNB3jW8gzmaAF/RB6ZyL9QA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8481409,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGXFiCRA9TVsSAnZWagAARToP/RU6vvB5MIALMgI+wiWt\ngHMYLhs4M1ozyw4kM/uARzgvUPpMTgmdjrgFoNjJq4FcCfxNucYviq6yHSOP\nntuWxs2VKNB2qMeDg+SkPMRNepwipK5ieB3EkgXA3+JISynP9L5J61QKB8iZ\nzRnZOz4Zj63Hdc4E7HG7sMbVMmpjSF4k27HpdZ7RXJp6Y1w1ZjiNmtQdAXMV\ndNO71wujDc22ZT/16Y0dcaW1zMLHRsltq/cHz4WhoWxuCV6cxdB6o/lhDQL/\nKEOhm0UCDAk37AFvTtQqISeRC//rwQT5niozBdKahSEjF+fxBQyl/z1NKerV\nl4VRjkd0dezWHJyj/5bBotCkq1fNOy4YLEMeYtzSPvG6sVQ98OJxDZIxHGZK\nFk4Z+oOFrWKzZDaQBWkEoMQfSh9hFmD6lxncZUtxZND/c57hipup/jD8so3i\nbMZ14HB7uskhPQ5HzoZaZhUceRKZxxvSO1xuRTodyuhTiXjD8zi5MXfo5NEY\nYeHKUer5/U70kRbNDMRABcHDSCRL8HqwKAftjheBpsu4/9WOKHPJHjcgGSst\n+ENOA5o6tvT4ziosB7lX+E+JmgcXpyIXPEPgDBk4T4P4UMTMyWJ2mfzPCZTa\nLfMKTR1H5yP0f4XV6M8djJsMR9cT/SH6TSaqUTaZkemon8BWey7/pCFV6Gf1\nq5zT\r\n=xaJF\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.10","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"^1.3.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.2.1_1612280161594_0.3535044790599471","host":"s3://npm-registry-packages"}},"1.2.2":{"name":"@dasch-swiss/dsp-ui","version":"1.2.2","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.2.2","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"45ee548064a54fef4a464b82743016117aa6fd44","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.2.2.tgz","fileCount":301,"integrity":"sha512-qJUHZiaFOhGazTSA4gS6Y40ulW0/s/4z8XLKuIg3/IFwdTAvPCFGFIZ471hd2yzD+jsia4V5t2SRB5os7/4npw==","signatures":[{"sig":"MEYCIQDtQvHSjQ1QTrGD3z5SJC4oeEWJT9nrzpjKWS9YsR9mQAIhAIOfDVA3rmji7uHg5WqES6mf4gEZI/mve5lEueYXLQeD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8481976,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgI/gkCRA9TVsSAnZWagAAXGYP/i0oKafDZz7qxwoampmh\nkWIwZdaXtQ40froXskJJC7/jaBFd4Whc0DV4UYIeETcRRPmhLOzN8WiFswlo\nz8VUMltPwi5qfjvRS00ak0IvMs1hFEFtbmFnS6zRVdsGzWa1/jYtuJvA0Igh\nyeToo44q6dLmWIEzSULVBWA4VS7oG6eEGHSrZTSmmrYW/LUaoN31ZSfo75e2\nzQPgsZHDyzcBe1i4UDQ2xxZoSgL1JunIFsd28aodbwbqerBjLMprkGEaaxUm\nLRmzgONUYzNtFNGZGa7bt5OjvRhP3hfWWdr+ANuYAYnwpZmUGSLc0He0yFNl\n9HqpPiA+nbakvDuQf3IVWBD50El9kO+nPukxImKkgRy8EO2CXFBlUI3nAaFZ\nyu+/IPYDLwt3sLJBwa61SR3sdLFCpoZGuD3AhRLpSOGrMfC5pAUl7aY+E5pw\nWBvoN046aQDzKu8sdMjrXs77givmOkRpo453ekvONxmxl0Jn/lbnFCWRL6Od\nSVdcrjC5CdzpXPB5fdjD8YO2YKIdtS0r2ea5/dJmOMQog3qHG+N6SrNnIOL9\nQqkL3yq066CkIHj6+UhD5tIReT43sy3Muy0CxLh8RN5ZdZDhVryJo+o/y41v\nhVuVShsTEs6YfWwMcDpWQyi4kZu/DS5YY8QUNrOPGblb8j2l8aZBxZlEXKZN\nvInx\r\n=gVVf\r\n-----END PGP SIGNATURE-----\r\n"},"esm5":"esm5/dasch-swiss-dsp-ui.js","main":"bundles/dasch-swiss-dsp-ui.umd.js","fesm5":"fesm5/dasch-swiss-dsp-ui.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm5/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.10","description":"Angular library to easily create a Knora/DSP user interface","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"tslib":"^1.10.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^9.0.0","@angular/core":"^9.0.0","openseadragon":"^2.4.2","@angular/common":"^9.0.0","ngx-color-picker":"^10.0.1","@angular/material":"^9.0.0","@dasch-swiss/dsp-js":"^2.0.1","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.5","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.13"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.2.2_1612970019566_0.4187400027011272","host":"s3://npm-registry-packages"}},"1.2.3":{"name":"@dasch-swiss/dsp-ui","version":"1.2.3","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.2.3","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"5b9ae972c4d5aff6af1508d1f0d3e6a236c58cf3","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.2.3.tgz","fileCount":205,"integrity":"sha512-BMkql0T91WmPNQol7NL92FzrSlRYhs08ZHo13IMnLFCEGpyShjqKVWwXU6iUL5hBZ0IhedMYxWFQ9ftjx7f7BA==","signatures":[{"sig":"MEUCIGLbd1vSOsjJVgay/KfMCZPxYn1Uq3WsYLn8RtTteiFwAiEA5oo70KGyxtsq1h0JiEx4qK3jZDEB+8c7HxW0TvpGGNs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5554196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWJPKCRA9TVsSAnZWagAA8loP/2B+8N27oedlsevVRu+1\nc5Ii9G+4sRGx7qelXxNh8lMryUtbOmArr/l8jLQzTl/+p6j9ifWMEO1tPy0R\nyWdi0uY05EmozyjvLJhHL1ouG8skFXfutql2UFw4q7Oe5UAHeyRdXLGvQivk\nBVht5+z72FbRTwI+eC4UftaNbbS4AFW0WHWxVQAhrUhBUAbEtrjhUUZp6nXg\nGqo/Ov5gH/T0iqhvhEJk9tE/ddE5aCPNAvsKNNwnJR5BIOMguQxCizbtEOqM\nasZ/suVao7ec2o/zXlKkCJSWtvn8NPwOr64s1Kj4hcoct3/YLcOxoBVXe28Y\niVbC3Bdmbyb0eUwT8WDTZBL11GDCfLuoozyChRNTz8MX2lV7OjiAn6yJA1k/\nI7rQsFPP7g+j80G3gwG/qke5DAi6B3htCihxQpmAsQ8fnsBfe9hrutZ3/opX\ncR3fSthdPpWHhkvTknYXS/8S4qH/46jCvP95xnpDs1+iFLvRFh+HuxpCM9CB\n9VHTXsXRKAMDx12tBagZz/alECVP0mMPKIlQ2IAnApqoDFyDlK84gDcvlenm\nXXM84+Mnj9clrra8CKaq3mqwicBCEq7qdQgnr6hd3DO+G3cp6BfgZKrDB+1o\n4YrRaaEe+y+4wwwk/1sjoCCtttYeenSNDuZFYWvY3iQJsY6JB+da6HWBRvIs\n5LeR\r\n=NubM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.11","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^10.2.7","@angular/core":"~10.2.4","openseadragon":"^2.4.2","@angular/common":"~10.2.4","ngx-color-picker":"^10.0.1","@angular/material":"^10.2.7","@dasch-swiss/dsp-js":"^2.2.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.6","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.15"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.2.3_1616417737925_0.09478619518954434","host":"s3://npm-registry-packages"}},"1.2.4":{"name":"@dasch-swiss/dsp-ui","version":"1.2.4","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.2.4","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"1631aad9fa1b4ef7425a5c9fb782b4b15f5cbdd5","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.2.4.tgz","fileCount":204,"integrity":"sha512-N5CePTrBtGpSUQiF59EAmtsdwrfuNfWBXwns5VpEDNxEpOnnxUndL8Uoa3XS/wvJ5zMNAddlhoh1jLozIvxqYw==","signatures":[{"sig":"MEQCIAs+N38m7vUhDN8cM3DwYSqsIPvw49GTM34s1TaT+gBtAiARPLd+PTFnDt7xd6ycoGW7d15DdXVcoeDabT+GIS3B/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5527130,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXJKfCRA9TVsSAnZWagAAVAIP/Alhc0Ix7hUcL5yjGayR\nF1uC+6296lBLlyZxhU5S6qMf4/iHvUgwBkQxlnQ5Q0z7g7+dy1uPSL7C11hM\nx+2lVvt+UAkkKfC/c1Wt9YFrtNf9bShlHQshx7s7FeqDpy73lpWGeKhpGYN5\n/7FmgQxp/dIuN+VRnqPJkvDPUSuev6+6D3edEVKCSSN9o4K5R0fx51bHrQH0\nfKEjPJnRs40MoldMwNoxFJ9+OO3WTB2cRGRuGxzL63nqvwW4V8MtxdkpTwqe\nQ7sANWTqE3Xfa3RimOe9XmAHbYY2/vjYDotEZXs6Et9QsYTIBVZ+EoyxQ8Cl\n+eQ2Dt7hP4cVbPbV3x5Gk2Gp9e70F14vGl4u0Gkx3Gwrab02iYsUcK8jZaE1\nxSb5+t8RPw6vp/LeRHeKOds4MPC34Mcw2I9APoTOBStHicRsN/GOaJZk+DtH\nz8OKvPhJdCWBG2GoUN1VYICiJ5pgR3yH/CC4eE5iFqyXFmuWDc2Oiv4p21Ol\nKLefVkgvkFn+DJbrLr3KiGoBoVG97HCU4JKUiHSSM8WmdpSst7B3C+syjtnl\nwngbvErBg0qXUuxTC3enGpGuGPMggrGSH+EVw4U+bcK1EY3IwAUi5+RED3ij\nRfcTHLB3/yGooHBCnXLfwKehPIW+W38mbRGFlLatkl3BsptmHu1pJpCur71n\ngjVz\r\n=AuF8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.11","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^2.2.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.6","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.16"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.2.4_1616679582728_0.265797777055204","host":"s3://npm-registry-packages"}},"1.2.5":{"name":"@dasch-swiss/dsp-ui","version":"1.2.5","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.2.5","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"926974ee4b5d817dab87a9c66ec03759f6c533e7","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.2.5.tgz","fileCount":204,"integrity":"sha512-SKlYzPtV/hXGFG1WutDS6B9UyfbBn99nXhmjjNdPBFfQMzZP3NQhS3lm/yUG1+/FwC5eIMDJMRsa9H6pR4Ta/g==","signatures":[{"sig":"MEQCIBntIG4LXbGw6tp3eOalOZ3Sex8LK/Zts8vJ6ipvJLMXAiAJTz8S1Y3cxX5SdeYXJJQMyGkZpOaS4ITRkOohDvpuKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5529132,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkB4NCRA9TVsSAnZWagAAF24P/A45gn9yKWggLFbg5ADa\ndh/okxJf2wHsCU5wRWlO+5X33ZHJWWD8JPsjuhOBeSw+9dkdvXXLrS1cWjPH\nv6ou6UeaFibBfNUxo4AZiqe5zE8R4MTp0AVXB3v3LY7PTQG5+K9tVEj3Qxh0\ni0DHzTVW23keTl0a1iC3H5je14jAIqkxJhKT7fzN700mKoUJJ833DiNMVnn3\nF42by82N4spRZXLCsAHuAcWn6cGdHz4AYYk2bLO5hez9vP5NJDLhSJitMROS\n0DtT8Poz+7Ui/Mal9HWM2IZzYItFs2F2N8plkW/yNkBNKUqVgwyjQxsRMGLo\nQ05rYbCC/dsDmafrLIWZg3hKhdWx3rhV1fqT8s44tIDHzplf//vLs9MX31Gk\n62CdzGPbtsXA3gaLj1QHCXBqj3A1Np1az5KaCfQAAP7SPmP4AuR7NCKG0Mz/\nLmS+sOzSFC3gQB+BsG8gGc/LsHAboSHx/nVBpk7Ew4fSX1xUp/wACkBW78jc\n1Bk4S3lPtAid+fyQVFxskcCNwCZn1ln9sVPIhgXDaMI9xXqXYkMYRNC34/Ia\nPodI+BdVMC1Jmszg20SpAOuP2xJxiTwElHR9WhFC/OMWYmnh7UphWnZie/Lm\n4F03LwWeUmXJ29Rm/+JVtvdfbzfA/aWZ9v5HOsjiumqeO8CL/s4j76U4NJtR\npLYg\r\n=CeFB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.12","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^2.2.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.6","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.16"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.2.5_1620057612839_0.23470612988058703","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@dasch-swiss/dsp-ui","version":"1.3.0","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.3.0","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"f7e974cc55b419e5522e92b318a1c41ed28a0097","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.3.0.tgz","fileCount":206,"integrity":"sha512-3pQepF+i0LiUhM2V7a/bIciO1lTyegb3VYr5oxyUbT3R6UeSDhNCY1uVewhuswMFn4CUpOI1Ctbf6mJuOstPYg==","signatures":[{"sig":"MEUCIQC9PunnEUvB7kLAqaPC4koH43EBc+6AsCpvFrp9mC77jAIgdno3vXBZ4LwT3zq+PkPqEzIRVqQG7sj06vlpyffEo08=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5557189,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglPv8CRA9TVsSAnZWagAALtIQAKCx5D0ZKQWaLe2HCDQ2\n1ez2jMjAt/UxfhdSBbxX8D2UsrsTfQWfUHRwUHMoDxdRkSaipqAEgMuJiaXK\nhaCpQFvxkqr5vyqIx4sHT6p9D44DC2PvC05Xgt0cyE0Rq9mL4jy8a+p3hsSm\nL8qksQk22dVdQ0q256wrUL0KcBUcF4w9cjQ60FWuB+sn58ZXB6KGfad9gR6d\nkPPbG/VYNWgNUzvsJDmLzNTw8zljl11Lbatmpam9da3stlWoO0WubhOlbVvM\nZR7XL3b36GLfRj05FgVKm+sVD1vPFmaxd+9cEtC1i8nJDcr8lHbCncfIHC3F\nxeJ5STjaZNf4dOuDt6anAzmilTUPG3ba7pn1afP9Amco99uPw+kD+I1sYpBY\n8WsaDDFIjbaJadWlQ8znHII71wl06ddfk7GQS7pOlOiTMQSPJxFJg45yJPXs\nOFvAEqAAleCh4RPAGbJCOPa8uy42QhornIzQ+volW42SGKH/3PagMXHI7waI\n286KCPfpYQ53c9nUiUlDp6E93pTUJR99FmmsozZgCM1N12lsrDhBSb0wXloi\nrPUgTxNShifJZp5bvido88yE1HASJmQFcZ0n6hTE7b3Cu03tU9jM+sqfqL3M\n3hDUpCn2L6yRwi7esMmi0iHKK3uOILytYoKDMYNgQhtnCTUZWjMFcHIwod8H\n2y9I\r\n=P/37\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.12","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^2.2.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.6","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.16"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.3.0_1620376571483_0.01613844270681697","host":"s3://npm-registry-packages"}},"1.4.0":{"name":"@dasch-swiss/dsp-ui","version":"1.4.0","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.4.0","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"31ef0db9114d00e887750d55edfd985ee6d38ac9","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.4.0.tgz","fileCount":208,"integrity":"sha512-JP5Grt/6oMCdJO63+qWJ92o4Jh9Pmk7Xj6cT3f/gU2BBUO67Xmz4X5ApwImhPKsX+VET9t5/y/UABNS3j0r4dg==","signatures":[{"sig":"MEUCIQCHzRsDX1pybUmqfPE9JLoJRASAjdevYRo1yM+hzQH7bwIgKSZen8Ye7CFKCy3Tw5t0BhjUd7D0XiNKLvAboqECdTI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5636326,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrO7VCRA9TVsSAnZWagAAHNgP/ilPWKCm9yn6c+2sEzqU\nk36MX487cEK2w8RkNVc5ZjcQv77OVOgx2MYtf/bkQo1NB4Ld2VWIBBO6iTFL\nl+2Eu0ww6d9uF1IOUcQ8qH9OmZ/K0o7QxBLinG2J12AtEuCQPtRoiBODc+Mh\njaCllANwXSx5lYN7MVYwl/3bNg9nR1k6sZhB1y6VK6+4LBl8Hh+c+oWTDgyp\nAGHgo8gb0YNnaj74NAnX7vlIvHZPR/nxDgs/VeeL82CDrNUvpOCH3v1TRsy7\nNMs4lrQwzEWARmj9nz/cvZGQqlOtNjBzhRKoEh6PkY2S/OqNtkCOuPxGCMYc\nrTIb1ahYfEfwt6tM2gFO0JUuSEwvk+CyXjiBRMgTsH22dx7xRmA95xUvfwyd\nm7TldPMlgh/wJJtj7RHhbSL2/YAYX3KTFWHTWXbTPJ/AV/6mQDf0g6MPhNCE\ntyIMj12qV4d55OonxNoJbDgBMpniihwO62hD6XjN3OyahxxOO1Ln18JXw2cq\nxdxaH3QKslhsFuUQCcRW+Lo4zaR4c136dOjMHTrRGNLnCzbGteS4CJqQ4KBN\nRBVI5QwoJpwYQALbxHItvatwuaK7On4qW3sGkZKhCU4EXds0oVKV+eGpBm83\ncowcl09P9xY4g37+vnoZ+HZBIiMtnzV/X1FRHgRduhRgpq37H9RbtU5VZ7od\nZsVv\r\n=c6oG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.12","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^2.2.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.6","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.16"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.4.0_1621946069215_0.8001516292355018","host":"s3://npm-registry-packages"}},"1.5.0":{"name":"@dasch-swiss/dsp-ui","version":"1.5.0","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.5.0","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"088758d4a19bebaa142bb1e460039b3d3532ec4a","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.5.0.tgz","fileCount":212,"integrity":"sha512-t2T0kQ/RBBA3uqppa7NY8uBNV8RHn0U/wixf1b9NEFmU5LU6JL6e+8hXOo14Oe92fyVpkBQQoVSBthxRBK7k0g==","signatures":[{"sig":"MEYCIQCjOM+pXzX/q2hdlI9XDUr7JzFTiFwS87RHjtGrnuLiggIhAPveAmjmu/YRPpukaWhp/js1x1TE8lZ2kJmadZitSW1d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5945289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgww4CCRA9TVsSAnZWagAAyesP/AoN/OrAanyFOYe+Dufo\nmMaZEL/eIvurkOVJbshEq4HYZlWQ+pbQTAWaTLW/7bAvrnUCgOpUlNCCZwHY\n+TcP8qruh2XhKrt7JTGTiP04e+pouv/ZGE+xpOZHjV4B5fZNRWZzp8ENrR6g\n9ZkAPV0F6rXoH6KsFN7kbL7uCfpkt7VKk3gvCUcychoat0cXwVrxbI2OTW5C\nVgbDoZpFbWjcMTX187XfqWCeu8gjmDN+IoOkccnmpnY82VQQfzpQ40HhTALE\n4LBcv2ObP72OA3hEqZ1m/tYFEVvNAfRLeioc5JzRsbymtaKNKox/Ge7pqxQq\nlcs1o2E4AUq9OrnAo7ldjvgINWAT99SrvgK2o73FuZMStdT23BAnivj6s47A\n78fZi2/jrVg60I2VsiBNcRh8m+m39q9E4Xp/kXOct+JapEG0qKhClC5JFH8Z\nLXnLAnPa4H/oeW69U1++XM6DihtHbVzTbNdLqwnR0CFDfguXhi4fk91jNVtC\n1CW23bcMlMpEMdAVpSS1TPfpEPyJxHrTSK4fK+/ziXyyF2E1FjPyCCWQfy2G\njCOb04ZHqh/mtcH+haASdb2bmI52LmYU3fG1bt7SCE2tl6eqSl4v3zSOA9G9\noEDktigUdhdUlZdQZ2nxFoxIbDHqisNLKSXJTIkNZS/PUu6siA0c03e+bDyV\nCGTc\r\n=o641\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.12","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^2.2.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.6","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.16"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.5.0_1623395841779_0.374750902059954","host":"s3://npm-registry-packages"}},"1.6.0":{"name":"@dasch-swiss/dsp-ui","version":"1.6.0","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.6.0","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"8732782f02459db5076c0aeb8cc0bcba8eb1364d","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.6.0.tgz","fileCount":214,"integrity":"sha512-Zk/Bdzybp4/qQsoc3mk2GDRwjuADHAXfoQBlaDRmIqF7t/O2MqyM4CdwaANrD04GSk/vzp6IBbkK+okt8kmwhg==","signatures":[{"sig":"MEQCIFCMMFi0TzOSGFN5+MiH1J89WlPWD8umHJZgOciwpfXSAiA0sRCY7e3fzlNHfhV2WRgl3QJOx7wRid4T7yqUOjivsw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6018991,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1auXCRA9TVsSAnZWagAAVRAP/iDAjHQ3Lys9r52PcczK\nG6LqIXAhWwbOewLO2LA9P0/tfe/zHz2vygiWvrdt8Gc0xV4Hq/V7yfaUr89c\n9P1IyraHAymuYdLyN7cD/qpGqigJB5Huq2ie3iJ6KJpwaqQRLAIMCE6BUzOk\nkKT+Pmr3d4AAGnHtDSnV3HlUVOIWQYHqfSa13XiqQfwclbGCB1V8cpAXjBl+\njNuQ1xGeAG9smjQIqYbppAnr2N5a1cSlZdAehiDfYcI67OUtRXY1VUXyA0JU\noFv2KtOfodhM03sQ9azsdssLPJR882f5/HKtkAWX8e+tTsUEXROxkau0E0dN\nNaobH8/b67nNfCmwnOxfm76hGqSlL+n8r7SLMiF74RNEwZ9OoAD6rv2mJTpu\nbMQZY2Ln5BkhSTwKNMumLMKLmSe2GNhEOu/Z6TafPVXO4D8S99C0nbKQw1cP\nEe41GdEtBwR9JgrC5XBZK5mixRGwqrf3FNzMNzbJwV/FD3xrKv8D15mMyoH6\nwgQuOZlXnpZoTta1k38Jw+2KSDrdoQckyG5GsaORV0ghs9ED4OU8Vub9gPkq\n9QKR9WwaI3Uv9qqdyEn6z6jC2sQ+2lSZmeN75sKvaX7ZP3HnWTc+1XFGZ6CZ\nxjMSQjShb+79nLO0ONVl4snmSUdk0TpmFluWmSa0+7mitdgQ8ZXFuTuyIet4\nq+7V\r\n=YBg8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.12","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^2.2.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.7","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.17"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.6.0_1624615830652_0.3443121245353695","host":"s3://npm-registry-packages"}},"1.7.0":{"name":"@dasch-swiss/dsp-ui","version":"1.7.0","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.7.0","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"27637243c71f984c89c5c618c8ac5dc071a1b4e8","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.7.0.tgz","fileCount":220,"integrity":"sha512-+NbnVKS0m8ruzmk94bo1XA/PnGaU2avSO9iwNMOlDLeNqVCLGNyXm1cNBAO742+Q9xAJT0AI/ibGBMsVHmfu7Q==","signatures":[{"sig":"MEYCIQCsGNmOc5Wj1huPDwNBoM8RHNgDhNR7E3wiQOHCBeNdjgIhAP4ZuWoZXXNlTJpD61q7ZFH3kCy7Cw/4cVYOnqmrfNKz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6184088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8XepCRA9TVsSAnZWagAAV2gP/1Wx645Is4FIgfN0arq6\nfrZQ3zMMVwa0gjItjI57riSjLg1KddOj5mUTrhL80SlVpco+Wz77XQDs6U4x\nYRfOFSrSqb61yBcg5yLHrlOQ9ku6l5/7vVBKJt+x62x9jLLfN3v/but7CXoc\naVmLquLzUkiTChQ2pRm4gnpyOUsm2Ql0zK1kiBumBZl8YhBx3advYM/kZqpW\n/KjIvxKxaQSf/tVMitqEkF06djpbnBL3VVeJosyENk89KoA2wG1pgDF6xn6Z\n9/2h5d4ICFAI84ecsnVVcG6UKxBtNf+JUodcmocfO0tE8dTMgBb1ExKAcqjl\n3pvI64YXUS18bqMhxmD39gUJ7bU7wgIxtdTJVgS7RE3FG43JM+FNh7u1cpob\nzAAOPisUAWRvGCdduwFHPnHvT+f7svcdy6JMWVJPD09JBzn6VNOC5Vyv/Q0I\nWogfUtbMdZwV+2jjQkTwjcXK4C/qXnF3KjANdEYmE3+GuC3URdHESaH+J0AE\nDU1W3hqmjNqkxdM7Odm3LtD2AEYO5F5Uk/0sL9prM/4qW8Q8hI44+ty1uNqz\nXG51C2sDYxtY8dt3IYZZwrhSSSy2KH06YPmuK2cFgy2LXUlhZOqFPYD3eA50\nMkAQanDHZVqGH8zjspnS5BwDHhonsYf0VJx7cfcU++yns5m6jv2y8gAM9SRG\n3o85\r\n=LU+Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.13","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.22.3","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^2.2.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.7","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.17"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.7.0_1626437545153_0.3514051774850908","host":"s3://npm-registry-packages"}},"1.7.1":{"name":"@dasch-swiss/dsp-ui","version":"1.7.1","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.7.1","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"1ab30513e94301bd5986c955ad4c1d6237c2a342","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.7.1.tgz","fileCount":220,"integrity":"sha512-qkfSn/E94q8iqFrkMfWX+CeJVWVLacZuzCgIHGvD5gRnH8ERAWzjLwHj9lwQa7d45vGlv9ZFzUCYR/yezaogQg==","signatures":[{"sig":"MEQCIFVtFtCd6LzfDQquu9Zig+fSTbENcW9+m+yuH9B8/ABAAiBD+QW6TcyT1SeCPp5y9gHPm5aj70nPFqDKypSue6OZLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6182470,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+XVRCRA9TVsSAnZWagAA7jUP/18fsZXBDY7S/lOyw+RE\nhfcpeijqYFqkUUFTdP7zhYu1ZHh+LgMUeqXjT//cBMTZtwb6h6HRuyReqdsY\n92WnJ3Vwnpwj3N5OC19xQIc6+kO1Dm81EUaHTMyXoyfiXvyuZBRuGeJt9BZZ\nP7KejPoyuRk4LyOLqErmoqcDakoW1/pm7PXgXDcGCxsU4T8f5W5yPC5b6fbP\nQKlxaCwvoxXHZHTfTdHbVgk2P6ZkUkBTZqE4mZiubuKcqbG8te+fbQQ3fwK0\nwAV9xuu+FPJpXfUM6nJrpC9BQuRyvlea718zwLaA3YV14ljfORLXxKTSi2mG\nCRyX9ZFTqMdQL3lVtbuU0wdDzBm9GvMYCwQnztn54JDB1GPWoUR/s8/bo3+s\nIooIRAM2IuCxfyXus5/Be7FayCptLcuAnamkcHxz0ZrJAdDPdWeHL5/RR67V\n7u3yWsmvvm4cdDMUXgYjaRzuvcPmQE+Y9eFLR2SzdUKFFYAW6T0/p0xm6qpR\n04TA+UCG8vf3qZeNArqfnhn/atr0XYXw13RKa7OiAx6A5JqqYbtb5Qd/uAqo\n5qqicmzvMVEjUro3Zsezf0+DATeWDoqLPymVC5V+h2m2d9n0ANnTJ/CAp1yv\nR0HOlVFQrvZTolFZxrh9X0oEtRktV6pkpuNA4ms/KBnXTcR3yTNxGbuJdrlL\n6vo6\r\n=LiMt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.13","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.22.3","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^2.2.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.7","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.17"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.7.1_1626961233747_0.1735653902625427","host":"s3://npm-registry-packages"}},"1.7.2":{"name":"@dasch-swiss/dsp-ui","version":"1.7.2","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.7.2","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"1999481d1ef093052046a12f776538ca73a4ffd7","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.7.2.tgz","fileCount":222,"integrity":"sha512-LcM7FUb+oqibxYHAbfHK1DkWKX2AsoGt0CW8s8+G0S7cbOVHGAUEAGb/HD2FGbcRh4QsO+E3VNt9ivrY4NWguA==","signatures":[{"sig":"MEUCIQDwb3AJNAiZPV0HWiEGJsZgBmqXwqnduTpO0RB1VL6QtAIgSXzVv4beNBA3WnRMCPjnUHUOLeVCiaWAvgEbRpg8Ad4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6163725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/q/9CRA9TVsSAnZWagAA22MP/jGk/Hkw18bfWXLj6QxB\n82q7Obwk0E+z12uOrNOJAtBSBh9UINmfMS8gxMm9dfpV3GMWm3TqYjxgVCy3\nG3dQX/Wszj2dbTLv33QmEELjDF2aXi6Ikz8xLMxD0Z5w/3zzuMZd6X8kgqOt\nqpMEQPcXMZZTAic143qnXc1O2ygwNaYTyECPpCzIr9oDBJ3azH29qwjYLKJn\noFllKOhSfkiRuobz1MknypvmahrTasCTo20tupSx3rUrt+fnx3wag6xYw2dA\nlUMYwjInlEZeAJEJ7//DmxZQVBCOOy4Y/fGR6AkzF1JFU7F2sWBlF3bPk7A8\n/ltx0fry9DR4vinZh+QQvAS1e75aXWGZXiqT3Pb75eTsJotkhEIlRIt2tev9\nf3iwt9nF/q2RCz6JfvdXXaEh4ashcQZjCMXAPLEST0765n59YRcr2Ux/5+st\nz1BiJFAPGI6im84ddA5z/pRKd5Vb+JmEnCFQ3hcwu8rmZHT7qgDBgJuW/NsU\ngpUO8p2knkkmIE/jhRWcX2hrkGgGHURRf/E/6nW5ubarCBsEPTDnMYEzsp3v\n9uJcjxwn2DsMM8csuAloOaGGgYLh3uyHXI8fys9/uv/TjDJ3ZONdi9RqzkSh\n5xB+pF26iNYbH1Bj5A4dEYJ8YeO6uW7N2TECh9O1Wydko3kdu7QZHBNt8p1L\nLBTW\r\n=tv4k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.13","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.22.3","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^2.7.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.7","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.17"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.7.2_1627303932889_0.7640548480973548","host":"s3://npm-registry-packages"}},"1.7.3":{"name":"@dasch-swiss/dsp-ui","version":"1.7.3","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.7.3","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"21e788c170c57c249c44a8a66c5af8bc46ca601f","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.7.3.tgz","fileCount":222,"integrity":"sha512-JYppOP2SqIukcEGj0YluvuIYqszGpCvibNusFfV4twDJeJ6m1UvLUbAwkxGQZrlxh0tK6THwdz8piF2PyudebQ==","signatures":[{"sig":"MEQCIBiQZVe0+xg4RPz2fpF/+2WlcRu9Ki8OEdpYhRBIokOZAiAekL8jr6RikvRr7DMgCVJVSGwWoVgoOK8loSYk8E/34w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6177598,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhBBbfCRA9TVsSAnZWagAAY9QP/1f2nhicrx1tVyb3QmNs\nPnYu4otzs/hW8JhR3PXuAvpVtss96WfH//g2Zo4/rPzrEo7rle1aGcy+m2VS\nqyrqWt7HojaTkEZEOi5ZdGAy+6K0YLC5OzE027k3jBAIkLw1EU8tKtbchStD\n7I9QCjiG0RiwBNFjhpQHFhMFYthqAD7TfsQwv+vt14xfLGXpzxbEvH0y3Ij6\nEK4b91A+JLpk5hGxPYUGSWv1oZrrwoMiooTgRiIYLc+ApN/Ey/GVm0y2vgP5\neDqLnYz3dMnGdobbevPAwVoR4pFNriJeZ+7jgp3XjL6wDmQl9NQR9t0+4WpZ\n6WpNF+HIglocPPE4DFT+MT9YQvRAoOYpi+BxLJ83NJ7rWIGkFTLUwHqUpkPg\nw2tlyI/I6IZ3HctVYphlPprrNU7MwTiZaFvSuk4ztMZVjKC/cmW3zbpgUaCD\nnxkDZUCKM86lwj25RR1iqZSuNIis6bzZkDIJUPFQ8PHvMunmX9P544Fm/BsO\nBlAbMMX4Bb56/MmCc6inK44olwYyUU6qC0vZxgCUPKgBSX8vth9GSq8brXx+\n6qC6+uwOchPcvBgiTt0sPW5/6hL/g1WKwl++ppHxHdFqZre21yyEiMbPFFIO\nfuIuI3d6bpi+4Y0+hu1njiBn1qC9rxeUoCH0lXsgqaGcTzcBMu1GcmaslGO1\nHmI4\r\n=Naoa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.13","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.22.3","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^3.0.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.7","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.17"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.7.3_1627657950762_0.8315283433745417","host":"s3://npm-registry-packages"}},"1.7.4":{"name":"@dasch-swiss/dsp-ui","version":"1.7.4","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.7.4","maintainers":[{"name":"kilchenmann","email":"npm@milchkannen.ch"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"d5cf46369bf8956d780fbad3141fd56ae9a44310","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.7.4.tgz","fileCount":222,"integrity":"sha512-fQyHcgl8w68T3XcvamR0jhcTiUqo3b+VB+uwJHWP6pjHx4uF9DQCSKHtDVmBkmAbCo+99bD3I4hDROrvNbq/TQ==","signatures":[{"sig":"MEYCIQC6PIyX7/ZmKp5S9dD1qy8Nmp8DK0jz0yLlTKPUg9E04wIhANZgk32oQkajKaHBHfSi9ucxr8YwsFn9k7y482XWQuVV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6177730,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCQoGCRA9TVsSAnZWagAA/SQP/24r2jO809HD480zh0M1\nrDO+cPDMO0QLdu0TD1Z6c9ctlyLcjMEiCEsnTMOfrcI21slark2UzBeWdcQX\nNFg2Zz2GnhmiuGy07rwlsekb1zpTXFbS18/h56XOn5cRiNNR2BsC+03Vaggv\ni9SyBvJGaoT6TCS6AnHvkMlQIahDd4oGZnXEcpHdzlt59gXyJjUrTHZpf1Z/\nxEnqow7ff0E4Pm8eodkDcNtps55hR2L55w/TtM0vaX5B1L6Une+d//7wSl6x\nQ2fLEiFAjbtqIc0wGi2T7KwDZqHm2C7UEB5N9l2kX1lEyksa/HwIcM6eDqko\nAGPVfS3dd/JgMJWCSpSICRINn/LMyPWsvAmy9pWTuIzxKRD+eUiz7AjtDIKh\nyCWPDgXyqw/bGC2eqvYojL9UHdVIFbYjIaBsiNuqB6Tco8xzxiuubgaDxj05\nPE58HdT0unRY49rjC3KDCp88FOj4mtQ5LitaFTg7WnL9+jP3VNZbYCbDmss4\nwlM0Y3+3/ajPSrc58kykP/65Oqem313kpnqFR6zFEdFiSWBbv73TKh0BCewf\nY7wvAMXmLMWGARd4UjUgwjYuZY+0wUSYoYM4aqopSmt6bdSjzTqkEMlhViLu\nbhJUSc3V1nO/PNo2xdyh6LqySjMSzhe3GJBMaXr2mVX6ck38K1VkXywGGeqg\n7GQB\r\n=E25Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.13","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.22.3","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^3.0.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.7","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.17"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.7.4_1627982342431_0.9216138588741127","host":"s3://npm-registry-packages"}},"1.7.5":{"name":"@dasch-swiss/dsp-ui","version":"1.7.5","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.7.5","maintainers":[{"name":"subotic","email":"ibs@subotic.ch"},{"name":"kilchenmann","email":"a.kilchenmann@dasch.swiss"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"92e49ed08d7f44c7fdb6b68d24d087e1df34d2e3","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.7.5.tgz","fileCount":222,"integrity":"sha512-SeJ4sBlhtH+lQVrhucsJdik4XI9Ek7u20j5OmyjDxG6ekoZFXmdhGcn1BmS5VjJAo48H67z3L+7kj05Za8s94Q==","signatures":[{"sig":"MEUCIDD1iXwjzHqhGdgR3zGswTASTZd5oruKr2Gws+Ub6L1/AiEAoLjSTLJxA3Cz5bQDuEBc7bBrM4A7je3v6+dIOkBCwS8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6200702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEpQECRA9TVsSAnZWagAA/n8P/0218BXxFcTGBVm1twv8\nZi9WGjzbHZosK4gRc2qqUJ+p7ZTFFeit1l4l5Tw4qlK4pocbERxS03Grr9Ke\nCmkDinltt/zVHUkfbY3TdCx0OWEitfNG+zqSkG4g5vg/6HlrnxYEXg7lghq6\nTOo2AwhAgzQ2oYQHhlv29RAYVKkd4AJY9LdH8Bo+bCEtE3L23dqXevUEgWSF\nPQ1LLmnN8DFaM5VOLXViP0GSzBR8zIzmRGXMN29HdEFfjl/v5FlUUkqQY3n1\nsq/ygS0wkaYGZHHHmXGLKdbqdVDy1kiFBYRV5TUDeCxsxHX25BWsCRzC3mOD\nJta7vVowSke6R8Rux4kek+mutYPL1utqiLYy0pcvlFGPqgEGoeJBUBPJLqBu\n/GuVXwp3oQgRuEjG8v+/mnug9K3IYLoXh1Lpvk7qb4pWuE0sNBktgMAF2ENQ\n3IqElykCvzM0sHdcCZwnHixxD/MmxZuFvx+6s3dc/EvsDUbHJnvHnBXpo7C3\ns3s7J6w4j/Fn8qpXm+WUcNpQHsiy8mJmSh7AZ/0opTXsR8awXTj4+W1L578m\n1w6T+ZEW5xqPrRIiVCg6ns7aJ+gahYNx8IIEncflMtxEJz8i+PaDNbwNn2V0\n/+d1E3Hh+nt93wIvt5fidJg05/KP0CNIgaQAr7g473lxjr6dmdCaMN+fmiOu\nI8Ec\r\n=WaoA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.14","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","angular-split":"^4.0.0","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^3.0.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.7","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.17"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.7.5_1628607492689_0.5782189972873779","host":"s3://npm-registry-packages"}},"1.8.0":{"name":"@dasch-swiss/dsp-ui","version":"1.8.0","keywords":["dasch service platform","user interface","angular","knora","humanities"],"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","_id":"@dasch-swiss/dsp-ui@1.8.0","maintainers":[{"name":"subotic","email":"ibs@subotic.ch"},{"name":"kilchenmann","email":"a.kilchenmann@dasch.swiss"},{"name":"daschbot","email":"daschbot@dasch.swiss"}],"homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"dist":{"shasum":"397a82108ed40359d67cc12d950d62f9b47cb982","tarball":"https://registry.npmjs.org/@dasch-swiss/dsp-ui/-/dsp-ui-1.8.0.tgz","fileCount":222,"integrity":"sha512-finJFf2vHfEh91rm+wDdSufSg8+d77ItZYF/kjJbNgZUp90zn9CMF9shdbvyb8LWMvIsLV8yMBdAPr3w2PYQHw==","signatures":[{"sig":"MEYCIQCoHsMW6bvXYkGaT4USd3lfUAmWG9fQ3mXoDBuuq3yxiQIhALuilDb9MHD7lHuVgZif0wCy3P2Yyr8jQNUwxw+ygJSm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6222679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFjYLCRA9TVsSAnZWagAAFWkP/jfLTsV+kAmo6RNVp6s6\nEcQ3p+hjoAWzlGegRaDC3OkcZr43B5nU4i/iXxpKHwKgknp1xhyiWu2vWuZ5\nohsWJWizCeTkQIrH6Rx7rYaFeAsim7o1Uv28SCjcbaKjgbz+EZhb3t8l6tEm\nSjv3sN31HB7ecdmigIZERx0VHLm/vCx7LJCdqcFC5dRT43TzUyvB4WZzRvYx\nHXbJSgu9r9/oe4+x9ke/r7xAvDrke5r57e58TSvqkt62IYQjGlxihfwYf+mP\n2avkQN4bDe9axL/VVYwJW0xhXcggD0sOwKvnjv5cB8/AoHtfZQ3YiiFXN90X\nvJQUJ9cteHaN853GDbV2rTsB3dFx0rULBwM7mao5kXFsQAV/F9qWkJ2a3CSG\n0Suq6vY4iYZrLg6wyI4Pxoe0QorVH9nWdx4a6Rumbz8YR4zcZHi7wy80p/JH\nWOKEcTpJRTKL9fxdmtO0qZMgPw6fhfRlhPXgmh7EvP1IKMwKI0h+8aeOJD/Y\nISR26kOSN57GVu42RFh7j8+t4uZYPJ5aDE7DNZ84W1c7Zih5JVaTXXU/kG7H\nY8mh+GgSLUfPSlpHWK1sAYX4uGg/EtxlkOrR2VL6OWmC6gP6QJNLeD3alu5S\nCebyRE1xTeHP7jZOuFk2C1SB6find7Uv64NQDK9H9fST+S6QbKYmfI9CnV6D\nL46k\r\n=b/x8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"bundles/dasch-swiss-dsp-ui.umd.js","es2015":"fesm2015/dasch-swiss-dsp-ui.js","module":"fesm2015/dasch-swiss-dsp-ui.js","esm2015":"esm2015/dasch-swiss-dsp-ui.js","typings":"dasch-swiss-dsp-ui.d.ts","_npmUser":{"name":"daschbot","email":"daschbot@dasch.swiss"},"fesm2015":"fesm2015/dasch-swiss-dsp-ui.js","metadata":"dasch-swiss-dsp-ui.metadata.json","repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"_npmVersion":"6.14.14","description":"Angular library to easily create a user interface for Knora/DSP-API","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svg-overlay":"github:openseadragon/svg-overlay","@angular/cdk":"^11.2.5","@angular/core":"~11.2.6","angular-split":"^4.0.0","openseadragon":"^2.4.2","@angular/common":"~11.2.6","ngx-color-picker":"^11.0.0","@angular/material":"^11.2.5","@dasch-swiss/dsp-js":"^3.0.0","ckeditor5-custom-build":"github:dasch-swiss/ckeditor_custom_build","jdnconvertiblecalendar":"^0.0.7","@ckeditor/ckeditor5-angular":"^1.2.3","jdnconvertiblecalendardateadapter":"^0.0.17"},"_npmOperationalInternal":{"tmp":"tmp/dsp-ui_1.8.0_1628845578769_0.10680539645004195","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-05-15T13:26:45.622Z","modified":"2026-04-20T08:12:23.168Z","1.0.0-rc.1":"2020-05-15T13:26:46.140Z","1.0.0-rc.2":"2020-07-30T15:00:13.569Z","1.0.0-rc.3":"2020-08-07T08:16:38.859Z","1.0.0-rc.4":"2020-09-02T10:55:34.644Z","1.0.0-rc.5":"2020-09-02T13:12:08.538Z","1.0.0-rc.6":"2020-09-15T10:24:46.554Z","1.0.0-rc.7":"2020-09-15T15:39:05.538Z","1.0.0-rc.8":"2020-09-22T11:12:04.333Z","1.0.0-rc.9":"2020-10-12T14:26:20.555Z","1.0.0-rc.10":"2020-10-30T13:23:00.361Z","1.0.0-rc.11":"2020-11-03T10:22:23.375Z","1.0.0-rc.12":"2020-11-12T15:48:48.561Z","1.0.0-rc.13":"2020-11-25T10:35:41.259Z","1.0.0-rc.14":"2020-12-03T14:20:55.549Z","1.0.0":"2020-12-18T10:39:41.132Z","1.0.1":"2021-01-15T15:03:08.235Z","1.1.0":"2021-01-15T15:45:42.101Z","1.1.1":"2021-01-20T09:20:13.853Z","1.2.0":"2021-01-28T16:02:57.100Z","1.2.1":"2021-02-02T15:36:01.852Z","1.2.2":"2021-02-10T15:13:39.952Z","1.2.3":"2021-03-22T12:55:38.218Z","1.2.4":"2021-03-25T13:39:42.981Z","1.2.5":"2021-05-03T16:00:13.165Z","1.3.0":"2021-05-07T08:36:11.672Z","1.4.0":"2021-05-25T12:34:29.513Z","1.5.0":"2021-06-11T07:17:22.017Z","1.6.0":"2021-06-25T10:10:30.921Z","1.7.0":"2021-07-16T12:12:25.363Z","1.7.1":"2021-07-22T13:40:33.988Z","1.7.2":"2021-07-26T12:52:13.088Z","1.7.3":"2021-07-30T15:12:31.003Z","1.7.4":"2021-08-03T09:19:02.702Z","1.7.5":"2021-08-10T14:58:12.960Z","1.8.0":"2021-08-13T09:06:19.114Z"},"bugs":{"url":"https://github.com/dasch-swiss/dsp-ui-lib/issues"},"author":{"name":"Data and Service Center for the Humanities DaSCH, University of Basel"},"license":"AGPL-3.0-or-later","homepage":"https://docs.dasch.swiss/developers/dsp-ui/documentation/","keywords":["dasch service platform","user interface","angular","knora","humanities"],"repository":{"url":"git+https://github.com/dasch-swiss/dsp-ui-lib.git","type":"git"},"description":"Angular library to easily create a user interface for Knora/DSP-API","maintainers":[{"email":"ibs@subotic.ch","name":"subotic"},{"email":"marcin.procyk@dasch.swiss","name":"mpro-dasch"},{"email":"julien.schneider@dasch.swiss","name":"julien-dasch-swiss"},{"email":"dominique.steinbach@dasch.swiss","name":"domsteinbach"},{"email":"bot@dasch.swiss","name":"bot-dasch-swiss"}],"readme":"# DSP-UI &mdash; A library to easily create DSP Apps\n\n[![npm version](https://badge.fury.io/js/%40dasch-swiss%2Fdsp-ui.svg)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![CI](https://github.com/dasch-swiss/dsp-ui-lib/workflows/CI/badge.svg)](https://github.com/dasch-swiss/dsp-ui-lib/actions?query=workflow%3ACI)\n[![npm downloads](https://img.shields.io/npm/dt/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/@dasch-swiss/dsp-ui.svg?style=flat)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui)\n[![license](https://img.shields.io/npm/l/@dasch-swiss/dsp-ui.svg?style=flat)](https://github.com/dasch-swiss/dsp-ui-lib/blob/main/LICENSE)\n\n<!-- This is the demo and developing environment for the [DSP-UI library (@dasch-swiss/dsp-ui)](https://www.npmjs.com/package/@dasch-swiss/dsp-ui). -->\n\nDSP-UI is a library of angular modules enabling users to interact with [DSP-API](https://docs.dasch.swiss/developers/knora/api-reference/) to create a web application in a quick and simple way. These modules, comprised of components and directives, are written in Typescript and rely on [Angular material](https://material.angular.io).\n\nDSP-UI is developed by the [Data and Service Center for the Humanities](https://dasch.swiss) as [free software](http://www.gnu.org/philosophy/free-sw.en.html),\nreleased under [GNU Affero General Public](http://www.gnu.org/licenses/agpl-3.0.en.html) license.\n\n## Documentation\n\n### ➡ [Getting started](https://dasch-swiss.github.io/dsp-ui-lib/how-to-use/getting-started/)\n\n### Library modules\n\nThe library consists of four Angular modules that are briefly described below.\n\n### ➡ [DspCoreModule](https://dasch-swiss.github.io/dsp-ui-lib/how-to-use/core/)\n\n*Services for API requests*\n> DspCoreModule is a configuration handler for [`@dasch-swiss/dsp-js`](https://www.npmjs.com/package/@dasch-swiss/dsp-js) which offers all the services to make [DSP-API requests](https://docs.dasch.swiss/developers/knora/api-reference/queries/).\n\n### ➡ [DspViewerModule](https://dasch-swiss.github.io/dsp-ui-lib/how-to-use/viewer/)\n\n*Resources, Properties, Lists, Value components*\n> DspViewerModule contains object components to show a resource class representation, the property gui-elements and various view frameworks.\n\n### ➡ [DspSearchModule](https://dasch-swiss.github.io/dsp-ui-lib/how-to-use/search/)\n\n*Search panel for all kind of search queries*\n> DspSearchModule allows to make full text or advanced searches in DSP-API. Filter by resource class and its properties related to an ontology.\n\n### ➡ [DspActionModule](https://dasch-swiss.github.io/dsp-ui-lib/how-to-use/action/)\n\n*Special pipes and buttons*\n> DspActionModule contains special pipes to sort lists or to get the index key in arrays, but also directives and components for images, sort buttons and s.o.\n\n## Contribution\n\nIf you would like to contribute to the development of the DSP-UI modules alongside us, please consult the  [general DSP contribution guidelines](https://docs.dasch.swiss/developers/dsp/contribution/) or the [DSP-UI specific contribution guidelines](https://dasch-swiss.github.io/dsp-ui-lib/how-to-contribute/) and the [design documentation](https://dasch-swiss.github.io/dsp-ui-lib/how-to-contribute/design-documentation/).\n","readmeFilename":"README.md"}