Merge branch 'develop' into prerelease

.eslintignore

@@ -7,3 +7,4 @@ lib/
 !**/*.html
 !test/*.js
 **/*.d.ts
+samples/angular/*

.github/actions/setup/action.yml

@@ -15,14 +15,15 @@ runs:
     - name: Setup Node.js
       uses: actions/setup-node@v2
       with:
-        node-version: 15.x
+        node-version: 16.x
 
     - name: Setup caching dependencies
       uses: actions/cache@v2
       id: cache-npm
       with:
         path: |
           node_modules
+          */node_modules
           */*/node_modules
         key: ${{ runner.os }}-npm-${{ hashFiles('**/package-lock.json') }}
         restore-keys: ${{ runner.os }}-npm-${{ hashFiles('**/package-lock.json') }}

.gitignore

@@ -65,6 +65,8 @@ web_modules/
 
 # Output of 'npm pack'
 *.tgz
+# Allow pandora-book offline package
+!documents/tools/*.tgz
 
 # Yarn Integrity file
 .yarn-integrity
@@ -138,3 +140,6 @@ custom-elements.json
 ## editors
 /.idea
 /.vscode
+
+#Sample App
+samples/angular/.angular/*

README.md

@@ -1,7 +1,6 @@
 # Element Framework (EF) V5
 
-[![Linting](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/lint.yml/badge.svg?branch=main)](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/lint.yml?query=branch%3Amain+)
-[![Testing](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/test.yml/badge.svg?branch=main)](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/test.yml?query=branch%3Amain+)
+[![Testing](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/test.yml/badge.svg)](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/test.yml)
 [![Release](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/release.yml/badge.svg?branch=main)](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/release.yml?query=branch%3Amain+)
 
 Element Framework is Refinitiv design system components that provides components and tooling with Refinitiv's design system to help product teams work faster and more efficiently.

documents/.gitignore

@@ -0,0 +1,27 @@
+## editors
+/.idea
+/.vscode
+
+## system files
+.DS_Store
+._.DS_Store
+.cache
+.parcel-cache
+
+## npm
+node_modules/
+npm-debug.log
+*.lock
+*.log
+
+## testing
+/coverage/
+test/reports/
+
+## temp folders
+/.tmp/
+
+## build
+_site/
+dist/
+build/

documents/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 5.0.1 (2022-01-14)
+
+**Note:** Version bump only for package @refinitiv-ui/docs

documents/README.md

@@ -0,0 +1,13 @@
+# Element Framework Documentation
+
+This is a repository of Element Framework documentation source code. For the documentation, visit this [link](https://ui.refinitiv.com).
+
+## Development
+
+```sh
+npm install
+
+npm run build
+
+npm start
+```

documents/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@refinitiv-ui/docs",
+  "version": "5.0.1",
+  "private": true,
+  "description": "Element Framework Documentation",
+  "engines": {
+    "node": ">=16.11.0",
+    "npm": ">=8.0.0"
+  },
+  "scripts": {
+    "start": "concurrently \"pandora build dist --watch\" \"serve dist -s\"",
+    "copy:resources": "cp -r resources dist/resources && cp src/theme-loader.js dist/theme-loader.js",
+    "build:api": "lerna run --scope @refinitiv-ui/elements api-analyzer --stream && node ./scripts/element.injector.js",
+    "build": "rm -rf build && npm run build:api && pandora build dist --clean && npm run copy:resources"
+  },
+  "repository": {
+    "type": "git",
+    "url": "[email protected]:Refinitiv/refinitiv-ui.git",
+    "directory": "documents"
+  },
+  "keywords": [
+    "Element Framework",
+    "EF"
+  ],
+  "author": "Refinitiv",
+  "license": "Apache-2.0",
+  "devDependencies": {
+    "chalk": "^4.1.2",
+    "concurrently": "^6.4.0",
+    "pandora-book": "file:tools/pandora-book-3.0.0-54.tgz",
+    "serve": "^13.0.2"
+  },
+  "dependencies": {
+    "@refinitiv-ui/elements": "^5.11.0",
+    "fast-glob": "^3.2.7",
+    "fs-extra": "^10.0.0"
+  }
+}

documents/resources/styles/api.css

@@ -0,0 +1,73 @@
+pandora-page {
+  overflow: visible;
+}
+#elf-docs-api {
+  margin-bottom: 60px;
+}
+#elf-docs-api .elf-docs-api-break {
+  height: 0;
+  border-top: 2px dashed #dedee1;
+  margin: 60px -50vw;
+}
+#elf-docs-api h3 {
+  color:  #ff5000;
+}
+#elf-docs-api .api-item {
+  padding: 10px 0;
+  position: relative;
+  border-top: 1px solid #ededef;
+}
+#elf-docs-api .api-item.no-border {
+  border: none;
+}
+#elf-docs-api .name {
+  font-family: 'Source Code Pro';
+  margin-bottom: 6px;
+  font-weight: bold;
+}
+#elf-docs-api .desc {
+  color: #76768a;
+  max-width: 80%;
+}
+#elf-docs-api .type {
+  float: right;
+  font-family: 'Source Code Pro';
+  color: #535de9;
+  font-size: 9pt;
+  margin-top: 6px;
+}
+#elf-docs-api .value {
+  font-family: 'Source Code Pro';
+  color:  #ff5000;
+  margin-top: 12px;
+}
+#elf-docs-api .value::before {
+  font-family: 'knowledge';
+  content: 'Default: ';
+  color: #858588;
+}
+#elf-docs-api .params {
+  margin-top: 15px;
+}
+#elf-docs-api .params::before {
+  font-size: 10pt;
+  color: #858588;
+  content: 'Parameters:';
+  display: block;
+}
+#elf-docs-api .params .param {
+  margin: 5px 7px;
+  line-height: 1;
+}
+#elf-docs-api .params .name {
+  display: inline;
+  font-size: 9pt;
+}
+#elf-docs-api .params .type {
+  float: none;
+  display: inline;
+  font-size: 9pt;
+}
+#elf-docs-api .params .desc {
+  font-size: 11pt;
+}

documents/resources/styles/demo.css

@@ -0,0 +1,7 @@
+html {
+  font-family: 'Source sans pro', Arial, 'Helvetica Neue', Helvetica, sans-serif;
+}
+body {
+  min-height: auto !important;
+  padding: 0 !important;
+}

documents/resources/styles/element.css

@@ -0,0 +1,122 @@
+@import './api.css';
+
+.pandora-code-viewer[theme=dark] .pandora-viewer-container {
+  background-color: #0d0d0d;
+}
+
+#element-header {
+  position: -webkit-sticky;
+  position: sticky;
+  height: 55px;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  background: #F0F4F8;
+  z-index: 2;
+  top: 0;
+  left: 0;
+
+  margin-top: -40px;
+
+  transform: translate(0,0);
+  transition: transform .3s ease;
+}
+
+#element-header.hide{
+  transform: translate(0,-100%);
+  transition: transform .3s ease;
+}
+
+#element-header::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: -50vw;
+  bottom: 0;
+  left: -50vw;
+  background: inherit;
+  z-index: -1;
+}
+
+#element-header input {
+  width: 100%;
+  cursor: pointer;
+  white-space: pre;
+  font-size: 14px;
+  outline: none;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  background: #ffffff;
+  overflow: hidden;
+  height: 35px;
+  box-sizing: border-box;
+  padding: 0 7px 0 35px;
+  line-height: 23px;
+  flex: auto;
+  margin-right: 5px;
+  font-family: 'Source Code Pro', monospace;
+}
+
+.input-wrapper {
+  width: 100%;;
+}
+
+.input-wrapper img {
+  opacity: 0.5;
+  position: absolute;
+  top: 20px;
+  left: 10px;
+}
+
+.input-wrapper::before {
+  content: '';
+  display: none;
+  position: absolute;
+  z-index: 9998;
+  top: 47px;
+  left: 50px;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid rgba(0, 0, 0, 0.72);
+}
+
+.input-wrapper::after {
+  content: 'Copy to Clipboard';
+  display: none;
+  position: absolute;
+  z-index: 9999;
+  top: 51px;
+  left: 0;
+  width: 114px;
+  height: 36px;
+  color: #fff;
+  font-size: 10px;
+  line-height: 36px;
+  text-align: center;
+  background: rgba(0, 0, 0, 0.72);
+}
+
+#element-header input:hover {
+  border-color: #001EFF;
+}
+
+.input-wrapper:hover::before,
+.input-wrapper:hover::after {
+  display: block;
+}
+
+.input-wrapper:active,
+.input-wrapper:focus {
+  outline: none;
+}
+
+.input-wrapper:active::after,
+.input-wrapper:focus::after {
+  content: 'Copied!';
+}
+
+#element-header a {
+  display: inline-flex;
+  flex: none;
+}