Using Metadata Editor Component in a Non-Angular Project [VF 22.1 IG]

When used with a non-angular project, because internally the web component use zone.js for change detection zone.js are required:

CODE

<script src="zone.js"></script>

Include the "main.js" and "style.css”

CODE

<script src="main.js"></script><link rel="stylesheet" href="styles.css">

2. Include the "silent-refresh.html" into the project if not already presented.

3. Add the component to html page that required it. Below is the sample code, please refer to above section for the latest inputs and outputs of each component.

CODE

<pf-edit-metadata 
    auth-service-url="http://localhost:19081/Authentication/Core"
    auth-redirect-url="http://localhost:4200"
    auth-logout-url="http://localhost:4200"
    auth-silent-refresh-url="http://localhost:4200/silent-refresh.html"
    metadata-editoruri="http://localhost:19081/Platform.Clients/MetadataEditor/"
    editor-mode="create"
    item-id="''"
    expected-media-type="video"
></pf-edit-metadata>