Compare commits
	
		
			28 Commits
		
	
	
		
			fix-gauge
			...
			sprint-2.1
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| 
						 | 
					40d9696e94 | ||
| 
						 | 
					410b3d6036 | ||
| 
						 | 
					9a727cac2e | ||
| 
						 | 
					d9d2fd2d63 | ||
| 
						 | 
					be5472ebdb | ||
| 
						 | 
					f39419bc84 | ||
| 
						 | 
					07bf85a623 | ||
| 
						 | 
					425e662d6e | ||
| 
						 | 
					2a689b896f | ||
| 
						 | 
					ffe6fd1941 | ||
| 
						 | 
					cae579f5b3 | ||
| 
						 | 
					a073649e64 | ||
| 
						 | 
					f40e14cb2c | ||
| 
						 | 
					4629fbf115 | ||
| 
						 | 
					500e3bc583 | ||
| 
						 | 
					a65757d197 | ||
| 
						 | 
					f20bb4de10 | ||
| 
						 | 
					1c762f506f | ||
| 
						 | 
					7d900a80b5 | ||
| 
						 | 
					8a06dedf9d | ||
| 
						 | 
					15ab0dae50 | ||
| 
						 | 
					a7ea5afa59 | ||
| 
						 | 
					c231c2d7cb | ||
| 
						 | 
					47fb81ff1c | ||
| 
						 | 
					0efc6987a5 | ||
| 
						 | 
					79d1df39b7 | ||
| 
						 | 
					0c9ea26888 | ||
| 
						 | 
					153538b6bf | 
@@ -2,10 +2,11 @@ version: 2.1
 | 
			
		||||
executors:
 | 
			
		||||
  pw-focal-development:
 | 
			
		||||
    docker:
 | 
			
		||||
      - image: mcr.microsoft.com/playwright:v1.23.0-focal
 | 
			
		||||
      - image: mcr.microsoft.com/playwright:v1.25.2-focal
 | 
			
		||||
    environment:
 | 
			
		||||
      NODE_ENV: development # Needed to ensure 'dist' folder created and devDependencies installed
 | 
			
		||||
      PERCY_POSTINSTALL_BROWSER: 'true' # Needed to store the percy browser in cache deps
 | 
			
		||||
      PERCY_LOGLEVEL: 'debug' # Enable DEBUG level logging for Percy (Issue: https://github.com/nasa/openmct/issues/5742)
 | 
			
		||||
parameters:
 | 
			
		||||
  BUST_CACHE:
 | 
			
		||||
    description: "Set this with the CircleCI UI Trigger Workflow button (boolean = true) to bust the cache!"
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										8
									
								
								.github/dependabot.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						@@ -13,7 +13,13 @@ updates:
 | 
			
		||||
      - "pr:daveit"
 | 
			
		||||
      - "pr:platform"
 | 
			
		||||
    ignore:
 | 
			
		||||
      - dependency-name: "@playwright/test" #we source the container instead of the dependency in CI
 | 
			
		||||
        #We have to source the container which is not detected by Dependabot
 | 
			
		||||
      - dependency-name: "@playwright/test"
 | 
			
		||||
        #Lots of noise in these type patch releases.
 | 
			
		||||
      - dependency-name: "@babel/eslint-parser"
 | 
			
		||||
        update-types: ["version-update:semver-patch"]
 | 
			
		||||
      - dependency-name: "eslint-plugin-vue"
 | 
			
		||||
        update-types: ["version-update:semver-patch"]
 | 
			
		||||
 | 
			
		||||
  - package-ecosystem: "github-actions"
 | 
			
		||||
    directory: "/"
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										7
									
								
								.github/workflows/e2e-couchdb.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						@@ -17,12 +17,13 @@ jobs:
 | 
			
		||||
    runs-on: ubuntu-latest
 | 
			
		||||
    steps:
 | 
			
		||||
      - uses: actions/checkout@v3
 | 
			
		||||
      - run : docker-compose up -d -f src/plugins/persistence/couch/couchdb-compose.yaml
 | 
			
		||||
      - run : sh src/plugins/persistence/couch/setup-couchdb.sh
 | 
			
		||||
      - run : docker-compose -f src/plugins/persistence/couch/couchdb-compose.yaml up --detach
 | 
			
		||||
      - run : sleep 3 # wait until CouchDB has started (TODO: there must be a better way)
 | 
			
		||||
      - run : bash src/plugins/persistence/couch/setup-couchdb.sh
 | 
			
		||||
      - uses: actions/setup-node@v3
 | 
			
		||||
        with:
 | 
			
		||||
          node-version: '16'
 | 
			
		||||
      - run: npx playwright@1.23.0 install
 | 
			
		||||
      - run: npx playwright@1.25.2 install
 | 
			
		||||
      - run: npm install
 | 
			
		||||
      - run: sh src/plugins/persistence/couch/replace-localstorage-with-couchdb-indexhtml.sh
 | 
			
		||||
      - run: npm run test:e2e:couchdb
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										2
									
								
								.github/workflows/e2e-pr.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						@@ -30,7 +30,7 @@ jobs:
 | 
			
		||||
      - uses: actions/setup-node@v3
 | 
			
		||||
        with:
 | 
			
		||||
          node-version: '16'
 | 
			
		||||
      - run: npx playwright@1.23.0 install
 | 
			
		||||
      - run: npx playwright@1.25.2 install
 | 
			
		||||
      - run: npx playwright install chrome-beta
 | 
			
		||||
      - run: npm install
 | 
			
		||||
      - run: npm run test:e2e:full
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										4
									
								
								.gitignore
									
									
									
									
										vendored
									
									
								
							
							
						
						@@ -36,6 +36,10 @@ report.*.json
 | 
			
		||||
test-results
 | 
			
		||||
html-test-results
 | 
			
		||||
 | 
			
		||||
# couchdb scripting artifacts
 | 
			
		||||
src/plugins/persistence/couch/.env.local
 | 
			
		||||
index.html.bak
 | 
			
		||||
 | 
			
		||||
# codecov artifacts
 | 
			
		||||
.nyc_output
 | 
			
		||||
coverage
 | 
			
		||||
 
 | 
			
		||||
@@ -173,7 +173,7 @@ The following guidelines are provided for anyone contributing source code to the
 | 
			
		||||
1. Avoid deep nesting (especially of functions), except where necessary
 | 
			
		||||
   (e.g. due to closure scope).
 | 
			
		||||
1. End with a single new-line character.
 | 
			
		||||
1. Always use ES6 `Class`es and inheritence rather than the pre-ES6 prototypal 
 | 
			
		||||
1. Always use ES6 `Class`es and inheritance rather than the pre-ES6 prototypal 
 | 
			
		||||
   pattern.
 | 
			
		||||
1. Within a given function's scope, do not mix declarations and imperative
 | 
			
		||||
   code, and  present these in the following order:
 | 
			
		||||
@@ -328,4 +328,4 @@ checklist).
 | 
			
		||||
Write out a small list of tests performed with just enough detail for another developer on the team 
 | 
			
		||||
to execute. 
 | 
			
		||||
 | 
			
		||||
i.e. ```When Clicking on Add button, new `object` appears in dropdown.```
 | 
			
		||||
i.e. ```When Clicking on Add button, new `object` appears in dropdown.```
 | 
			
		||||
 
 | 
			
		||||
@@ -2,4 +2,5 @@ version: 2
 | 
			
		||||
snapshot:
 | 
			
		||||
  widths: [1024, 2000]
 | 
			
		||||
  min-height: 1440 # px
 | 
			
		||||
  
 | 
			
		||||
discovery:
 | 
			
		||||
  concurrency: 2 # https://github.com/percy/cli/discussions/1067
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										129
									
								
								e2e/README.md
									
									
									
									
									
								
							
							
						
						@@ -70,80 +70,85 @@ The bulk of our e2e coverage lies in "functional" test coverage which verifies t
 | 
			
		||||
Visual Testing is an essential part of our e2e strategy as it ensures that the application _appears_ correctly to a user while it compliments the functional e2e suite. It would be impractical to make thousands of assertions functional assertions on the look and feel of the application. Visual testing is interested in getting the DOM into a specified state and then comparing that it has not changed against a baseline.
 | 
			
		||||
 | 
			
		||||
For a better understanding of the visual issues which affect Open MCT, please see our bug tracker with the `label:visual` filter applied [here](https://github.com/nasa/openmct/issues?q=label%3Abug%3Avisual+)
 | 
			
		||||
To read about how to write a good visual test, please see [How to write a great Visual Test](#how-to-write-a-great-visual-test). 
 | 
			
		||||
To read about how to write a good visual test, please see [How to write a great Visual Test](#how-to-write-a-great-visual-test).
 | 
			
		||||
 | 
			
		||||
`npm run test:e2e:visual` will run all of the visual tests against a local instance of Open MCT. If no `PERCY_TOKEN` API key is found in the terminal or command line environment variables, no visual comparisons will be made.
 | 
			
		||||
 | 
			
		||||
#### Percy.io
 | 
			
		||||
 | 
			
		||||
To make this possible, we're leveraging a 3rd party service, [Percy](https://percy.io/). This service maintains a copy of all changes, users, scm-metadata, and baselines to verify that the application looks and feels the same _unless approved by a Open MCT developer_. To request a Percy API token, please reach out to the Open MCT Dev team on GitHub. For more information, please see the official [Percy documentation](https://docs.percy.io/docs/visual-testing-basics)
 | 
			
		||||
 | 
			
		||||
### (Advanced) Snapshot Testing
 | 
			
		||||
 | 
			
		||||
Snapshot testing is very similar to visual testing but allows us to be more precise in detecting change without relying on a 3rd party service. Unfortuantely, this precision requires advanced test setup and teardown and so we're using this pattern as a last resort.
 | 
			
		||||
 | 
			
		||||
To give an example, if a *single* visual test assertion for an Overlay plot is run through multiple DOM rendering engines at various viewports to see how the Plot looks. If that same test were run as a snapshot test, it could only be executed against a single browser, on a single platform (ubuntu docker container).
 | 
			
		||||
To give an example, if a _single_ visual test assertion for an Overlay plot is run through multiple DOM rendering engines at various viewports to see how the Plot looks. If that same test were run as a snapshot test, it could only be executed against a single browser, on a single platform (ubuntu docker container).
 | 
			
		||||
 | 
			
		||||
Read more about [Playwright Snapshots](https://playwright.dev/docs/test-snapshots)
 | 
			
		||||
 | 
			
		||||
Open MCT's implementation
 | 
			
		||||
-Our Snapshot tests receive a @snapshot tag.
 | 
			
		||||
-Snapshots need to be executed within the official playwright container to ensure we're using the exact rendering platform in CI and locally
 | 
			
		||||
#### Open MCT's implementation
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
- Our Snapshot tests receive a `@snapshot` tag.
 | 
			
		||||
- Snapshots need to be executed within the official Playwright container to ensure we're using the exact rendering platform in CI and locally.
 | 
			
		||||
 | 
			
		||||
```sh
 | 
			
		||||
docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:[GET THIS VERSION FROM OUR CIRCLECI CONFIG FILE]-focal /bin/bash
 | 
			
		||||
npm install
 | 
			
		||||
npx playwright test --config=e2e/playwright-ci.config.js --project=chrome --grep @snapshot
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
(WIP) Updating Snapshots
 | 
			
		||||
When the @snapshot tests fail, they will need to be evaluated to see if the failure is an acceptable change or 
 | 
			
		||||
### (WIP) Updating Snapshots
 | 
			
		||||
 | 
			
		||||
When the `@snapshot` tests fail, they will need to be evaluated to see if the failure is an acceptable change or
 | 
			
		||||
 | 
			
		||||
## Performance Testing
 | 
			
		||||
 | 
			
		||||
The open source performance tests function mostly as a contract for the locator logic, functionality, and assumptions will work in our downstream, closed source test suites.
 | 
			
		||||
 | 
			
		||||
They're found in the `/e2e/tests/performance` repo and are to be executed with the following npm script:
 | 
			
		||||
They're found under `./e2e/tests/performance` and are to be executed with the following npm script:
 | 
			
		||||
 | 
			
		||||
```npm run test:perf```
 | 
			
		||||
`npm run test:perf`
 | 
			
		||||
 | 
			
		||||
These tests are expected to become blocking and gating with assertions as we extend the capabilities of playwright.
 | 
			
		||||
These tests are expected to become blocking and gating with assertions as we extend the capabilities of Playwright.
 | 
			
		||||
 | 
			
		||||
## Test Architecture and CI
 | 
			
		||||
 | 
			
		||||
### Architecture (TODO)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
### File Structure
 | 
			
		||||
 | 
			
		||||
Our file structure follows the type of type of testing being excercised at the e2e layer and files containing test suites which matcher application behavior or our `src` and `example` layout. This area is not well refined as we figure out what works best for closed source and downstream projects. This may change altogether if we move `e2e` to it's own npm package.
 | 
			
		||||
 | 
			
		||||
 - `./helper` - contains helper functions or scripts which are leveraged directly within the testsuites. i.e. non-default plugin scripts injected into DOM
 | 
			
		||||
 - `./test-data` - contains test data which is leveraged or generated in the functional, performance, or visual test suites. i.e. localStorage data
 | 
			
		||||
 - `./tests/functional` - the bulk of the tests are contained within this folder to verify the functionality of open mct
 | 
			
		||||
 - `./tests/functional/example/` - tests which specifically verify the example plugins
 | 
			
		||||
 - `./tests/functional/plugins/` - tests which loosely test each plugin. This folder is the most likely to change. Note: some @snapshot tests are still contained within this structure
 | 
			
		||||
 - `./tests/framework/` - tests which verify that our testframework functionality and assumptions will continue to work based on further refactoring or playwright version changes
 | 
			
		||||
 - `./tests/performance/` - performance tests
 | 
			
		||||
 - `./tests/visual/` - Visual tests
 | 
			
		||||
 - `./appActions.js` - Contains common fixtures which can be leveraged by testcase authors to quickly move through the application when writing new tests.
 | 
			
		||||
 - `./baseFixture.js` - Contains base fixtures which only extend default `@playwright/test` functionality. The goal is to remove these fixtures as native Playwright APIs improve.
 | 
			
		||||
- `./helper` - contains helper functions or scripts which are leveraged directly within the testsuites. i.e. non-default plugin scripts injected into DOM
 | 
			
		||||
- `./test-data` - contains test data which is leveraged or generated in the functional, performance, or visual test suites. i.e. localStorage data
 | 
			
		||||
- `./tests/functional` - the bulk of the tests are contained within this folder to verify the functionality of open mct
 | 
			
		||||
- `./tests/functional/example/` - tests which specifically verify the example plugins
 | 
			
		||||
- `./tests/functional/plugins/` - tests which loosely test each plugin. This folder is the most likely to change. Note: some @snapshot tests are still contained within this structure
 | 
			
		||||
- `./tests/framework/` - tests which verify that our testframework functionality and assumptions will continue to work based on further refactoring or playwright version changes
 | 
			
		||||
- `./tests/performance/` - performance tests
 | 
			
		||||
- `./tests/visual/` - Visual tests
 | 
			
		||||
- `./appActions.js` - Contains common fixtures which can be leveraged by testcase authors to quickly move through the application when writing new tests.
 | 
			
		||||
- `./baseFixture.js` - Contains base fixtures which only extend default `@playwright/test` functionality. The goal is to remove these fixtures as native Playwright APIs improve.
 | 
			
		||||
 | 
			
		||||
Our functional tests end in `*.e2e.spec.js`, visual tests in `*.visual.spec.js` and performance tests in `*.perf.spec.js`. 
 | 
			
		||||
Our functional tests end in `*.e2e.spec.js`, visual tests in `*.visual.spec.js` and performance tests in `*.perf.spec.js`.
 | 
			
		||||
 | 
			
		||||
### Configuration
 | 
			
		||||
 | 
			
		||||
Where possible, we try to run Open MCT without modification or configuration change so that the Open MCT doesn't fail exclusively in "test mode" or in "production mode".
 | 
			
		||||
 | 
			
		||||
Open MCT is leveraging the [config file](https://playwright.dev/docs/test-configuration) pattern to describe the capabilities of Open MCT e2e _where_ it's run
 | 
			
		||||
 | 
			
		||||
- `./playwright-ci.config.js` - Used when running in CI or to debug CI issues locally
 | 
			
		||||
- `./playwright-local.config.js` - Used when running locally
 | 
			
		||||
- `./playwright-performance.config.js` - Used when running performance tests in CI or locally
 | 
			
		||||
- `./playwright-visual.config.js` - Used to run the visual tests in CI or locally
 | 
			
		||||
 | 
			
		||||
#### Test Tags
 | 
			
		||||
 | 
			
		||||
Test tags are a great way of organizing tests outside of a file structure. To learn more see the official documentation [here](https://playwright.dev/docs/test-annotations#tag-tests)
 | 
			
		||||
Test tags are a great way of organizing tests outside of a file structure. To learn more see the official documentation [here](https://playwright.dev/docs/test-annotations#tag-tests).
 | 
			
		||||
 | 
			
		||||
Current list of test tags:
 | 
			
		||||
 | 
			
		||||
- `@ipad` - Test case or test suite is compatible with Playwright's iPad support and Open MCT's read-only mobile view (i.e. no Create button).
 | 
			
		||||
- `@gds` - Denotes a GDS Test Case used in the VIPER Mission.
 | 
			
		||||
- `@addInit` - Initializes the browser with an injected and artificial state. Useful for loading non-default plugins. Likely will not work outside of app.js.
 | 
			
		||||
@@ -154,34 +159,42 @@ Current list of test tags:
 | 
			
		||||
 | 
			
		||||
### Continuous Integration
 | 
			
		||||
 | 
			
		||||
The cheapest time to catch a bug is Pre-merge. Unfortuantely, this is the most expensive time to run all of the tests since each Merge event can consistent of hundreds of commits. For this reason, we're selective in _what_ we run as much as _when_ we run it.
 | 
			
		||||
The cheapest time to catch a bug is pre-merge. Unfortuantely, this is the most expensive time to run all of the tests since each merge event can consist of hundreds of commits. For this reason, we're selective in _what we run_ as much as _when we run it_.
 | 
			
		||||
 | 
			
		||||
We leverage CircleCI to run tests against each commit and inject the Test Reports which are generated by playwright so that they team can keep track of flaky and [historical Test Trends](https://app.circleci.com/insights/github/nasa/openmct/workflows/overall-circleci-commit-status/tests?branch=master&reporting-window=last-30-days)
 | 
			
		||||
We leverage CircleCI to run tests against each commit and inject the Test Reports which are generated by Playwright so that they team can keep track of flaky and [historical test trends](https://app.circleci.com/insights/github/nasa/openmct/workflows/overall-circleci-commit-status/tests?branch=master&reporting-window=last-30-days)
 | 
			
		||||
 | 
			
		||||
We leverage Github Actions / Workflows to execute tests as it gives us the ability to run against multiple operating systems with greater control over git event triggers (i.e. Run on a PR Comment event).
 | 
			
		||||
 | 
			
		||||
Our CI environment consists of 3 main modes of operation:
 | 
			
		||||
 | 
			
		||||
#### 1. Per-Commit Testing
 | 
			
		||||
 | 
			
		||||
CircleCI
 | 
			
		||||
 | 
			
		||||
- Stable e2e tests against ubuntu and chrome
 | 
			
		||||
- Performance tests against ubuntu and chrome
 | 
			
		||||
- e2e tests are linted
 | 
			
		||||
 | 
			
		||||
#### 2. Per-Merge Testing
 | 
			
		||||
 | 
			
		||||
Github Actions / Workflow
 | 
			
		||||
 | 
			
		||||
- Full suite against all browsers/projects. Triggered with Github Label Event 'pr:e2e'
 | 
			
		||||
- Visual Tests. Triggered with Github Label Event 'pr:visual'
 | 
			
		||||
 | 
			
		||||
#### 3. Scheduled / Batch Testing
 | 
			
		||||
 | 
			
		||||
Nightly Testing in Circle CI
 | 
			
		||||
 | 
			
		||||
- Full e2e suite against ubuntu and chrome
 | 
			
		||||
- Performance tests against ubuntu and chrome
 | 
			
		||||
 | 
			
		||||
Github Actions / Workflow
 | 
			
		||||
 | 
			
		||||
- Visual Test baseline generation.
 | 
			
		||||
 | 
			
		||||
#### Parallelism and Fast Feedback
 | 
			
		||||
 | 
			
		||||
In order to provide fast feedback in the Per-Commit context, we try to keep total test feedback at 5 minutes or less. That is to say, A developer should have a pass/fail result in under 5 minutes.
 | 
			
		||||
 | 
			
		||||
Playwright has native support for semi-intelligent sharding. Read about it [here](https://playwright.dev/docs/test-parallel#shard-tests-between-multiple-machines).
 | 
			
		||||
@@ -193,6 +206,7 @@ In addition to the Parallelization of Test Runners (Sharding), we're also runnin
 | 
			
		||||
So for every commit, Playwright is effectively running 4 x 2 concurrent browsercontexts to keep the overall runtime to a miminum.
 | 
			
		||||
 | 
			
		||||
At the same time, we don't want to waste CI resources on parallel runs, so we've configured each shard to fail after 5 test failures. Test failure logs are recorded and stored to allow fast triage.
 | 
			
		||||
 | 
			
		||||
#### Test Promotion
 | 
			
		||||
 | 
			
		||||
In order to maintain fast and reliable feedback, tests go through a promotion process. All new test cases or test suites must be labeled with the `@unstable` annotation. The Open MCT dev team runs these unstable tests in our private repos to ensure they work downstream and are reliable.
 | 
			
		||||
@@ -200,24 +214,66 @@ In order to maintain fast and reliable feedback, tests go through a promotion pr
 | 
			
		||||
To run the stable tests, use the ```npm run test:e2e:stable``` command. To run the new and flaky tests, use the ```npm run test:e2e:unstable``` command.
 | 
			
		||||
 | 
			
		||||
A testcase and testsuite are to be unmarked as @unstable when:
 | 
			
		||||
 | 
			
		||||
1. They run as part of "full" run 5 times without failure.
 | 
			
		||||
2. They've been by a Open MCT Developer 5 times in the closed source repo without failure.
 | 
			
		||||
 | 
			
		||||
### Cross-browser and Cross-operating system
 | 
			
		||||
 | 
			
		||||
- Where is it tested
 | 
			
		||||
- What's supported
 | 
			
		||||
- Mobile
 | 
			
		||||
#### **What's supported:**
 | 
			
		||||
 | 
			
		||||
We are leveraging the `browserslist` project to declare our supported list of browsers.
 | 
			
		||||
 | 
			
		||||
#### **Where it's tested:**
 | 
			
		||||
 | 
			
		||||
We lint on `browserslist` to ensure that we're not implementing deprecated browser APIs and are aware of browser API improvements over time.
 | 
			
		||||
 | 
			
		||||
We also have the need to execute our e2e tests across this published list of browsers. Our browsers and browser version matrix is found inside of our `./playwright-*.config.js`, but mostly follows in order of bleeding edge to stable:
 | 
			
		||||
 | 
			
		||||
- `playwright-chromium channel:beta`
 | 
			
		||||
  - A beta version of Chromium from official chromium channels. As close to the bleeding edge as we can get.
 | 
			
		||||
- `playwright-chromium`
 | 
			
		||||
  - A stable version of Chromium from the official chromium channels. This is always at least 1 version ahead of desktop chrome.
 | 
			
		||||
- `playwright-chrome`
 | 
			
		||||
  - The stable channel of Chrome from the official chrome channels. This is always 2 versions behind chromium.
 | 
			
		||||
 | 
			
		||||
#### **Mobile**
 | 
			
		||||
 | 
			
		||||
We have the Mission-need to support iPad. To run our iPad suite, please see our `playwright-*.config.js` with the 'iPad' project.
 | 
			
		||||
 | 
			
		||||
#### **Skipping or executing tests based on browser, os, and/os browser version:**
 | 
			
		||||
 | 
			
		||||
Conditionally skipping tests based on browser (**RECOMMENDED**):
 | 
			
		||||
 | 
			
		||||
```js
 | 
			
		||||
test('Can adjust image brightness/contrast by dragging the sliders', async ({ page, browserName }) => {
 | 
			
		||||
  // eslint-disable-next-line playwright/no-skipped-test
 | 
			
		||||
  test.skip(browserName === 'firefox', 'This test needs to be updated to work with firefox');
 | 
			
		||||
 | 
			
		||||
  // ...
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
Conditionally skipping tests based on OS:
 | 
			
		||||
 | 
			
		||||
```js
 | 
			
		||||
test('Can adjust image brightness/contrast by dragging the sliders', async ({ page }) => {
 | 
			
		||||
  // eslint-disable-next-line playwright/no-skipped-test
 | 
			
		||||
  test.skip(process.platform === 'darwin', 'This test needs to be updated to work with MacOS');
 | 
			
		||||
 | 
			
		||||
  // ...
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
Skipping based on browser version (Rarely used): <https://github.com/microsoft/playwright/discussions/17318>
 | 
			
		||||
 | 
			
		||||
## Test Design, Best Practices, and Tips & Tricks
 | 
			
		||||
 | 
			
		||||
### Test Design (TODO)
 | 
			
		||||
 | 
			
		||||
- How to make tests robust to function in other contexts (VISTA, VIPER, etc.)
 | 
			
		||||
  - Leverage the use of appActions.js like getOrCreateDomainObject
 | 
			
		||||
  - Leverage the use of `appActions.js` methods such as `createDomainObjectWithDefaults()`
 | 
			
		||||
- How to make tests faster and more resilient
 | 
			
		||||
  - When possible, navigate directly by URL
 | 
			
		||||
  - Leverage ```await page.goto('/', { waitUntil: 'networkidle' });```
 | 
			
		||||
  - Leverage `await page.goto('./', { waitUntil: 'networkidle' });`
 | 
			
		||||
  - Avoid repeated setup to test to test a single assertion. Write longer tests with multiple soft assertions.
 | 
			
		||||
 | 
			
		||||
### How to write a great test (TODO)
 | 
			
		||||
@@ -240,6 +296,7 @@ There are instances where multiple browser pages will need to be opened to verif
 | 
			
		||||
Test Reporting is done through official Playwright reporters and the CI Systems which execute them.
 | 
			
		||||
 | 
			
		||||
We leverage the following official Playwright reporters:
 | 
			
		||||
 | 
			
		||||
- HTML
 | 
			
		||||
- junit
 | 
			
		||||
- github annotations
 | 
			
		||||
@@ -249,6 +306,7 @@ We leverage the following official Playwright reporters:
 | 
			
		||||
When running the tests locally with the `npm run test:local` command, the html report will open automatically on failure. Inside this HTML report will be a complete summary of the finished tests. If the tests failed, you'll see embedded links to screenshot failure, execution logs, and the Tracefile.
 | 
			
		||||
 | 
			
		||||
When looking at the reports run in CI, you'll leverage this same HTML Report which is hosted either in CircleCI or Github Actions as a build artifact.
 | 
			
		||||
 | 
			
		||||
### e2e Code Coverage
 | 
			
		||||
 | 
			
		||||
Code coverage is collected during test execution using our custom [baseFixture](./baseFixtures.js). The raw coverage files are stored in a `.nyc_report` directory to be converted into a lcov file with the following [nyc](https://github.com/istanbuljs/nyc) command:
 | 
			
		||||
@@ -257,13 +315,14 @@ Code coverage is collected during test execution using our custom [baseFixture](
 | 
			
		||||
 | 
			
		||||
At this point, the nyc linecov report can be published to [codecov.io](https://about.codecov.io/) with the following command:
 | 
			
		||||
 | 
			
		||||
```npm run cov:e2e:stable:publish``` for the stable suite running in ubuntu. 
 | 
			
		||||
or 
 | 
			
		||||
```npm run cov:e2e:stable:publish``` for the stable suite running in ubuntu.
 | 
			
		||||
or
 | 
			
		||||
```npm run cov:e2e:full:publish``` for the full suite running against all available platforms.
 | 
			
		||||
 | 
			
		||||
Codecov.io will combine each of the above commands with [Codecov.io Flags](https://docs.codecov.com/docs/flags). Effectively, this allows us to combine multiple reports which are run at various stages of our CI Pipeline or run as part of a parallel process.
 | 
			
		||||
 | 
			
		||||
This e2e coverage is combined with our unit test report to give a comprehensive (if flawed) view of line coverage.
 | 
			
		||||
 | 
			
		||||
## Other
 | 
			
		||||
 | 
			
		||||
### About e2e testing
 | 
			
		||||
@@ -316,6 +375,6 @@ A single e2e test in Open MCT is extended to run:
 | 
			
		||||
 | 
			
		||||
- Why is my test failing on CI and not locally?
 | 
			
		||||
- How can I view the failing tests on CI?
 | 
			
		||||
- Tests won't start because 'Error: http://localhost:8080/# is already used...'
 | 
			
		||||
- Tests won't start because 'Error: <http://localhost:8080/># is already used...'
 | 
			
		||||
This error will appear when running the tests locally. Sometimes, the webserver is left in an orphaned state and needs to be cleaned up. To clear up the orphaned webserver, execute the following from your Terminal:
 | 
			
		||||
```lsof -n -i4TCP:8080 | awk '{print$2}' | tail -1 | xargs kill -9```
 | 
			
		||||
 
 | 
			
		||||
@@ -45,6 +45,8 @@
 | 
			
		||||
 * @property {string} url the relative url to the object (for use with `page.goto()`)
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
const Buffer = require('buffer').Buffer;
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * This common function creates a domain object with the default options. It is the preferred way of creating objects
 | 
			
		||||
 * in the e2e suite when uninterested in properties of the objects themselves.
 | 
			
		||||
@@ -100,6 +102,70 @@ async function createDomainObjectWithDefaults(page, { type, name, parent = 'mine
 | 
			
		||||
    };
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * @param {import('@playwright/test').Page} page
 | 
			
		||||
 * @param {string} name
 | 
			
		||||
 */
 | 
			
		||||
async function expandTreePaneItemByName(page, name) {
 | 
			
		||||
    const treePane = page.locator('#tree-pane');
 | 
			
		||||
    const treeItem = treePane.locator(`role=treeitem[expanded=false][name=/${name}/]`);
 | 
			
		||||
    const expandTriangle = treeItem.locator('.c-disclosure-triangle');
 | 
			
		||||
    await expandTriangle.click();
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Create a Plan object from JSON with the provided options.
 | 
			
		||||
 * @param {import('@playwright/test').Page} page
 | 
			
		||||
 * @param {*} options
 | 
			
		||||
 * @returns {Promise<CreatedObjectInfo>} An object containing information about the newly created domain object.
 | 
			
		||||
 */
 | 
			
		||||
async function createPlanFromJSON(page, { name, json, parent = 'mine' }) {
 | 
			
		||||
    const parentUrl = await getHashUrlToDomainObject(page, parent);
 | 
			
		||||
 | 
			
		||||
    // Navigate to the parent object. This is necessary to create the object
 | 
			
		||||
    // in the correct location, such as a folder, layout, or plot.
 | 
			
		||||
    await page.goto(`${parentUrl}?hideTree=true`);
 | 
			
		||||
 | 
			
		||||
    //Click the Create button
 | 
			
		||||
    await page.click('button:has-text("Create")');
 | 
			
		||||
 | 
			
		||||
    // Click 'Plan' menu option
 | 
			
		||||
    await page.click(`li:text("Plan")`);
 | 
			
		||||
 | 
			
		||||
    // Modify the name input field of the domain object to accept 'name'
 | 
			
		||||
    if (name) {
 | 
			
		||||
        const nameInput = page.locator('form[name="mctForm"] .first input[type="text"]');
 | 
			
		||||
        await nameInput.fill("");
 | 
			
		||||
        await nameInput.fill(name);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    // Upload buffer from memory
 | 
			
		||||
    await page.locator('input#fileElem').setInputFiles({
 | 
			
		||||
        name: 'plan.txt',
 | 
			
		||||
        mimeType: 'text/plain',
 | 
			
		||||
        buffer: Buffer.from(JSON.stringify(json))
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    // Click OK button and wait for Navigate event
 | 
			
		||||
    await Promise.all([
 | 
			
		||||
        page.waitForLoadState(),
 | 
			
		||||
        page.click('[aria-label="Save"]'),
 | 
			
		||||
        // Wait for Save Banner to appear
 | 
			
		||||
        page.waitForSelector('.c-message-banner__message')
 | 
			
		||||
    ]);
 | 
			
		||||
 | 
			
		||||
    // Wait until the URL is updated
 | 
			
		||||
    await page.waitForURL(`**/mine/*`);
 | 
			
		||||
    const uuid = await getFocusedObjectUuid(page);
 | 
			
		||||
    const objectUrl = await getHashUrlToDomainObject(page, uuid);
 | 
			
		||||
 | 
			
		||||
    return {
 | 
			
		||||
        uuid,
 | 
			
		||||
        name,
 | 
			
		||||
        url: objectUrl
 | 
			
		||||
    };
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
* Open the given `domainObject`'s context menu from the object tree.
 | 
			
		||||
* Expands the path to the object and scrolls to it if necessary.
 | 
			
		||||
@@ -258,6 +324,8 @@ async function setEndOffset(page, offset) {
 | 
			
		||||
// eslint-disable-next-line no-undef
 | 
			
		||||
module.exports = {
 | 
			
		||||
    createDomainObjectWithDefaults,
 | 
			
		||||
    expandTreePaneItemByName,
 | 
			
		||||
    createPlanFromJSON,
 | 
			
		||||
    openObjectTreeContextMenu,
 | 
			
		||||
    getHashUrlToDomainObject,
 | 
			
		||||
    getFocusedObjectUuid,
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										65
									
								
								e2e/helper/notebookUtils.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						@@ -0,0 +1,65 @@
 | 
			
		||||
/*****************************************************************************
 | 
			
		||||
 * Open MCT, Copyright (c) 2014-2022, United States Government
 | 
			
		||||
 * as represented by the Administrator of the National Aeronautics and Space
 | 
			
		||||
 * Administration. All rights reserved.
 | 
			
		||||
 *
 | 
			
		||||
 * Open MCT is licensed under the Apache License, Version 2.0 (the
 | 
			
		||||
 * "License"); you may not use this file except in compliance with the License.
 | 
			
		||||
 * You may obtain a copy of the License at
 | 
			
		||||
 * http://www.apache.org/licenses/LICENSE-2.0.
 | 
			
		||||
 *
 | 
			
		||||
 * Unless required by applicable law or agreed to in writing, software
 | 
			
		||||
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 | 
			
		||||
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 | 
			
		||||
 * License for the specific language governing permissions and limitations
 | 
			
		||||
 * under the License.
 | 
			
		||||
 *
 | 
			
		||||
 * Open MCT includes source code licensed under additional open source
 | 
			
		||||
 * licenses. See the Open Source Licenses file (LICENSES.md) included with
 | 
			
		||||
 * this source code distribution or the Licensing information page available
 | 
			
		||||
 * at runtime from the About dialog for additional information.
 | 
			
		||||
 *****************************************************************************/
 | 
			
		||||
 | 
			
		||||
const NOTEBOOK_DROP_AREA = '.c-notebook__drag-area';
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * @param {import('@playwright/test').Page} page
 | 
			
		||||
 */
 | 
			
		||||
async function enterTextEntry(page, text) {
 | 
			
		||||
    // Click .c-notebook__drag-area
 | 
			
		||||
    await page.locator(NOTEBOOK_DROP_AREA).click();
 | 
			
		||||
 | 
			
		||||
    // enter text
 | 
			
		||||
    await page.locator('div.c-ne__text').click();
 | 
			
		||||
    await page.locator('div.c-ne__text').fill(text);
 | 
			
		||||
    await page.locator('div.c-ne__text').press('Enter');
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * @param {import('@playwright/test').Page} page
 | 
			
		||||
 */
 | 
			
		||||
async function dragAndDropEmbed(page, myItemsFolderName) {
 | 
			
		||||
    // Click button:has-text("Create")
 | 
			
		||||
    await page.locator('button:has-text("Create")').click();
 | 
			
		||||
    // Click li:has-text("Sine Wave Generator")
 | 
			
		||||
    await page.locator('li:has-text("Sine Wave Generator")').click();
 | 
			
		||||
    // Click form[name="mctForm"] >> text=My Items
 | 
			
		||||
    await page.locator(`form[name="mctForm"] >> text=${myItemsFolderName}`).click();
 | 
			
		||||
    // Click text=OK
 | 
			
		||||
    await page.locator('text=OK').click();
 | 
			
		||||
    // Click text=Open MCT My Items >> span >> nth=3
 | 
			
		||||
    await page.locator(`text=Open MCT ${myItemsFolderName} >> span`).nth(3).click();
 | 
			
		||||
    // Click text=Unnamed CUSTOM_NAME
 | 
			
		||||
    await Promise.all([
 | 
			
		||||
        page.waitForNavigation(),
 | 
			
		||||
        page.locator('text=Unnamed CUSTOM_NAME').click()
 | 
			
		||||
    ]);
 | 
			
		||||
 | 
			
		||||
    await page.dragAndDrop('text=UNNAMED SINE WAVE GENERATOR', NOTEBOOK_DROP_AREA);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// eslint-disable-next-line no-undef
 | 
			
		||||
module.exports = {
 | 
			
		||||
    enterTextEntry,
 | 
			
		||||
    dragAndDropEmbed
 | 
			
		||||
};
 | 
			
		||||
@@ -4,11 +4,11 @@
 | 
			
		||||
 | 
			
		||||
/** @type {import('@playwright/test').PlaywrightTestConfig<{ theme: string }>} */
 | 
			
		||||
const config = {
 | 
			
		||||
    retries: 0, // visual tests should never retry due to snapshot comparison errors
 | 
			
		||||
    retries: 1, // visual tests should never retry due to snapshot comparison errors. Leaving as a shim
 | 
			
		||||
    testDir: 'tests/visual',
 | 
			
		||||
    testMatch: '**/*.visual.spec.js', // only run visual tests
 | 
			
		||||
    timeout: 60 * 1000,
 | 
			
		||||
    workers: 2, //Limit to 2 for CircleCI Agent
 | 
			
		||||
    workers: 1, //Lower stress on Circle CI Agent for Visual tests https://github.com/percy/cli/discussions/1067
 | 
			
		||||
    webServer: {
 | 
			
		||||
        command: 'cross-env NODE_ENV=test npm run start',
 | 
			
		||||
        url: 'http://localhost:8080/#',
 | 
			
		||||
@@ -19,8 +19,8 @@ const config = {
 | 
			
		||||
        baseURL: 'http://localhost:8080/',
 | 
			
		||||
        headless: true, // this needs to remain headless to avoid visual changes due to GPU rendering in headed browsers
 | 
			
		||||
        ignoreHTTPSErrors: true,
 | 
			
		||||
        screenshot: 'on',
 | 
			
		||||
        trace: 'on',
 | 
			
		||||
        screenshot: 'only-on-failure',
 | 
			
		||||
        trace: 'on-first-retry',
 | 
			
		||||
        video: 'off'
 | 
			
		||||
    },
 | 
			
		||||
    projects: [
 | 
			
		||||
 
 | 
			
		||||
@@ -21,12 +21,11 @@
 | 
			
		||||
 *****************************************************************************/
 | 
			
		||||
 | 
			
		||||
/*
 | 
			
		||||
* This test suite template is to be used when creating new testsuites. It will be kept up to date with the latest improvements
 | 
			
		||||
* This test suite template is to be used when creating new test suites. It will be kept up to date with the latest improvements
 | 
			
		||||
* made by the Open MCT team. It will also follow our best pratices as those evolve. Please use this structure as a _reference_ and clear
 | 
			
		||||
* or update any references when creating a new test suite!
 | 
			
		||||
*
 | 
			
		||||
* To illustrate current best practices, we've included a mocked up test suite for Renaming a Timer domain object. In this example
 | 
			
		||||
* this test suite should be cloned and renamed as /e2e/tests/plugins/timer/renameTimer.e2e.spec.js
 | 
			
		||||
* To illustrate current best practices, we've included a mocked up test suite for Renaming a Timer domain object.
 | 
			
		||||
*
 | 
			
		||||
* Demonstrated:
 | 
			
		||||
* - Using appActions to leverage existing functions
 | 
			
		||||
@@ -43,55 +42,73 @@
 | 
			
		||||
*    -> test2
 | 
			
		||||
*    -> test3(stub)
 | 
			
		||||
* 4. Any custom functions
 | 
			
		||||
*
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
//Structure: Some standard Imports. Please update the required pathing
 | 
			
		||||
// Structure: Some standard Imports. Please update the required pathing.
 | 
			
		||||
const { test, expect } = require('../../baseFixtures');
 | 
			
		||||
const { createDomainObjectWithDefaults } = require('../../appActions');
 | 
			
		||||
 | 
			
		||||
// Structure: Try to keep a single describe block per logical groups of tests. If your test runtime exceeds 5 minutes or 500 lines, it's likely that it will need to be split.
 | 
			
		||||
// Annotations: Please use the @unstable tag so that our automation can pick it up as a part of our test promotion pipeline.
 | 
			
		||||
/**
 | 
			
		||||
 * Structure:
 | 
			
		||||
 *  Try to keep a single describe block per logical groups of tests.
 | 
			
		||||
 *  If your test runtime exceeds 5 minutes or 500 lines, it's likely that it will need to be split.
 | 
			
		||||
 *
 | 
			
		||||
 * Annotations:
 | 
			
		||||
 *  Please use the @unstable tag at the end of the test title so that our automation can pick it up
 | 
			
		||||
 *  as a part of our test promotion pipeline.
 | 
			
		||||
 */
 | 
			
		||||
test.describe('Renaming Timer Object', () => {
 | 
			
		||||
    //Create a testcase name which will be obvious when it fails in CI
 | 
			
		||||
    test('Can create a new Timer object and rename it from actions Menu', async ({ page }) => {
 | 
			
		||||
        //Open a browser, navigate to the main page, and wait until all networkevents to resolve
 | 
			
		||||
    // Top-level declaration of the Timer object created in beforeEach().
 | 
			
		||||
    // We can then use this throughout the entire test suite.
 | 
			
		||||
    let timer;
 | 
			
		||||
    test.beforeEach(async ({ page }) => {
 | 
			
		||||
        // Open a browser, navigate to the main page, and wait until all network events to resolve
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
        //We provide some helper functions in appActions like createDomainObjectWithDefaults. This example will create a Timer object
 | 
			
		||||
        await createDomainObjectWithDefaults(page, { type: 'Timer' });
 | 
			
		||||
        //Assert the object to be created and check it's name in the title
 | 
			
		||||
        await expect(page.locator('.l-browse-bar__object-name')).toContainText('Unnamed Timer');
 | 
			
		||||
 | 
			
		||||
        // We provide some helper functions in appActions like `createDomainObjectWithDefaults()`.
 | 
			
		||||
        // This example will create a Timer object with default properties, under the root folder:
 | 
			
		||||
        timer = await createDomainObjectWithDefaults(page, { type: 'Timer' });
 | 
			
		||||
 | 
			
		||||
        // Assert the object to be created and check its name in the title
 | 
			
		||||
        await expect(page.locator('.l-browse-bar__object-name')).toContainText(timer.name);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    /**
 | 
			
		||||
     * Make sure to use testcase names which are descriptive and easy to understand.
 | 
			
		||||
     * A good testcase name concisely describes the test's goal(s) and should give
 | 
			
		||||
     * some hint as to what went wrong if the test fails.
 | 
			
		||||
     */
 | 
			
		||||
    test('An existing Timer object can be renamed via the 3dot actions menu', async ({ page }) => {
 | 
			
		||||
        const newObjectName = "Renamed Timer";
 | 
			
		||||
        //We've created an example of a shared function which pases the page and newObjectName values
 | 
			
		||||
        await renameObjectFrom3DotMenu(page, newObjectName);
 | 
			
		||||
 | 
			
		||||
        //Assert that the name has changed in the browser bar to the value we assigned above
 | 
			
		||||
        // We've created an example of a shared function which pases the page and newObjectName values
 | 
			
		||||
        await renameTimerFrom3DotMenu(page, timer.url, newObjectName);
 | 
			
		||||
 | 
			
		||||
        // Assert that the name has changed in the browser bar to the value we assigned above
 | 
			
		||||
        await expect(page.locator('.l-browse-bar__object-name')).toContainText(newObjectName);
 | 
			
		||||
    });
 | 
			
		||||
    test('An existing Timer object can be renamed twice', async ({ page }) => {
 | 
			
		||||
        //Open a browser, navigate to the main page, and wait until all networkevents to resolve
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
        //We provide some helper functions in appActions like createDomainObjectWithDefaults. This example will create a Timer object
 | 
			
		||||
        await createDomainObjectWithDefaults(page, { type: 'Timer' });
 | 
			
		||||
        //Expect the object to be created and check it's name in the title
 | 
			
		||||
        await expect(page.locator('.l-browse-bar__object-name')).toContainText('Unnamed Timer');
 | 
			
		||||
 | 
			
		||||
    test('An existing Timer object can be renamed twice', async ({ page }) => {
 | 
			
		||||
        const newObjectName = "Renamed Timer";
 | 
			
		||||
        const newObjectName2 = "Re-Renamed Timer";
 | 
			
		||||
        //We've created an example of a shared function which pases the page and newObjectName values
 | 
			
		||||
        await renameObjectFrom3DotMenu(page, newObjectName);
 | 
			
		||||
 | 
			
		||||
        //Assert that the name has changed in the browser bar to the value we assigned above
 | 
			
		||||
        await renameTimerFrom3DotMenu(page, timer.url, newObjectName);
 | 
			
		||||
 | 
			
		||||
        // Assert that the name has changed in the browser bar to the value we assigned above
 | 
			
		||||
        await expect(page.locator('.l-browse-bar__object-name')).toContainText(newObjectName);
 | 
			
		||||
 | 
			
		||||
        await renameObjectFrom3DotMenu(page, newObjectName2);
 | 
			
		||||
        // Rename the Timer object again
 | 
			
		||||
        await renameTimerFrom3DotMenu(page, timer.url, newObjectName2);
 | 
			
		||||
 | 
			
		||||
        //Assert that the name has changed in the browser bar to the second value
 | 
			
		||||
        // Assert that the name has changed in the browser bar to the second value
 | 
			
		||||
        await expect(page.locator('.l-browse-bar__object-name')).toContainText(newObjectName2);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    //If you run out of time to write new tests, please stub in the missing tests in place with a test.fixme and BDD-style test steps. Someone will carry the baton!
 | 
			
		||||
    /**
 | 
			
		||||
     * If you run out of time to write new tests, please stub in the missing tests
 | 
			
		||||
     * in-place with a test.fixme and BDD-style test steps.
 | 
			
		||||
     * Someone will carry the baton!
 | 
			
		||||
     */
 | 
			
		||||
    test.fixme('Can Rename Timer Object from Tree', async ({ page }) => {
 | 
			
		||||
        //Create a new object
 | 
			
		||||
        //Copy this object
 | 
			
		||||
@@ -100,22 +117,30 @@ test.describe('Renaming Timer Object', () => {
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
//Structure: custom functions should be declared last. We are leaning on JSDoc pretty heavily to describe functionality. It is not required, but heavily recommended.
 | 
			
		||||
/**
 | 
			
		||||
 * Structure:
 | 
			
		||||
 * Custom functions should be declared last.
 | 
			
		||||
 * We are leaning on JSDoc pretty heavily to describe functionality. It is not required, but highly recommended.
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * This is an example of a function which is shared between testcases in this test suite. When refactoring, we'll be looking
 | 
			
		||||
 * for common functionality which makes sense to generalize for the entire test framework.
 | 
			
		||||
 * @param {import('@playwright/test').Page} page
 | 
			
		||||
 * @param {string} newNameForTimer New Name for object
 | 
			
		||||
 * @param {string} timerUrl The URL of the timer object to be renamed
 | 
			
		||||
 * @param {string} newNameForTimer New name for object
 | 
			
		||||
 */
 | 
			
		||||
async function renameObjectFrom3DotMenu(page, newNameForTimer) {
 | 
			
		||||
async function renameTimerFrom3DotMenu(page, timerUrl, newNameForTimer) {
 | 
			
		||||
    // Navigate to the timer object
 | 
			
		||||
    await page.goto(timerUrl);
 | 
			
		||||
 | 
			
		||||
    // Click on 3 Dot Menu
 | 
			
		||||
    await page.locator('button[title="More options"]').click();
 | 
			
		||||
 | 
			
		||||
    // Click text=Edit Properties...
 | 
			
		||||
    await page.locator('text=Edit Properties...').click();
 | 
			
		||||
 | 
			
		||||
    // Rename the object with newNameForTimer variable which is passed into this function
 | 
			
		||||
    // Rename the timer object
 | 
			
		||||
    await page.locator('text=Properties Title Notes >> input[type="text"]').fill(newNameForTimer);
 | 
			
		||||
 | 
			
		||||
    // Click Ok button to Save
 | 
			
		||||
 
 | 
			
		||||
@@ -42,7 +42,7 @@ test.describe('Persistence operations @addInit', () => {
 | 
			
		||||
            button: 'right'
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        const menuOptions = page.locator('.c-menu ul');
 | 
			
		||||
        const menuOptions = page.locator('.c-menu li');
 | 
			
		||||
 | 
			
		||||
        await expect.soft(menuOptions).toContainText(['Open In New Tab', 'View', 'Create Link']);
 | 
			
		||||
        await expect(menuOptions).not.toContainText(['Move', 'Duplicate', 'Remove', 'Add New Folder', 'Edit Properties...', 'Export as JSON', 'Import from JSON']);
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										87
									
								
								e2e/tests/functional/planning/plan.e2e.spec.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						@@ -0,0 +1,87 @@
 | 
			
		||||
/*****************************************************************************
 | 
			
		||||
 * Open MCT, Copyright (c) 2014-2022, United States Government
 | 
			
		||||
 * as represented by the Administrator of the National Aeronautics and Space
 | 
			
		||||
 * Administration. All rights reserved.
 | 
			
		||||
 *
 | 
			
		||||
 * Open MCT is licensed under the Apache License, Version 2.0 (the
 | 
			
		||||
 * "License"); you may not use this file except in compliance with the License.
 | 
			
		||||
 * You may obtain a copy of the License at
 | 
			
		||||
 * http://www.apache.org/licenses/LICENSE-2.0.
 | 
			
		||||
 *
 | 
			
		||||
 * Unless required by applicable law or agreed to in writing, software
 | 
			
		||||
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 | 
			
		||||
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 | 
			
		||||
 * License for the specific language governing permissions and limitations
 | 
			
		||||
 * under the License.
 | 
			
		||||
 *
 | 
			
		||||
 * Open MCT includes source code licensed under additional open source
 | 
			
		||||
 * licenses. See the Open Source Licenses file (LICENSES.md) included with
 | 
			
		||||
 * this source code distribution or the Licensing information page available
 | 
			
		||||
 * at runtime from the About dialog for additional information.
 | 
			
		||||
 *****************************************************************************/
 | 
			
		||||
const { test, expect } = require('../../../pluginFixtures');
 | 
			
		||||
const { createPlanFromJSON } = require('../../../appActions');
 | 
			
		||||
 | 
			
		||||
const testPlan = {
 | 
			
		||||
    "TEST_GROUP": [
 | 
			
		||||
        {
 | 
			
		||||
            "name": "Past event 1",
 | 
			
		||||
            "start": 1660320408000,
 | 
			
		||||
            "end": 1660343797000,
 | 
			
		||||
            "type": "TEST-GROUP",
 | 
			
		||||
            "color": "orange",
 | 
			
		||||
            "textColor": "white"
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
            "name": "Past event 2",
 | 
			
		||||
            "start": 1660406808000,
 | 
			
		||||
            "end": 1660429160000,
 | 
			
		||||
            "type": "TEST-GROUP",
 | 
			
		||||
            "color": "orange",
 | 
			
		||||
            "textColor": "white"
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
            "name": "Past event 3",
 | 
			
		||||
            "start": 1660493208000,
 | 
			
		||||
            "end": 1660503981000,
 | 
			
		||||
            "type": "TEST-GROUP",
 | 
			
		||||
            "color": "orange",
 | 
			
		||||
            "textColor": "white"
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
            "name": "Past event 4",
 | 
			
		||||
            "start": 1660579608000,
 | 
			
		||||
            "end": 1660624108000,
 | 
			
		||||
            "type": "TEST-GROUP",
 | 
			
		||||
            "color": "orange",
 | 
			
		||||
            "textColor": "white"
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
            "name": "Past event 5",
 | 
			
		||||
            "start": 1660666008000,
 | 
			
		||||
            "end": 1660681529000,
 | 
			
		||||
            "type": "TEST-GROUP",
 | 
			
		||||
            "color": "orange",
 | 
			
		||||
            "textColor": "white"
 | 
			
		||||
        }
 | 
			
		||||
    ]
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
test.describe("Plan", () => {
 | 
			
		||||
    test("Create a Plan and display all plan events @unstable", async ({ page }) => {
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        const plan = await createPlanFromJSON(page, {
 | 
			
		||||
            name: 'Test Plan',
 | 
			
		||||
            json: testPlan
 | 
			
		||||
        });
 | 
			
		||||
        const startBound = testPlan.TEST_GROUP[0].start;
 | 
			
		||||
        const endBound = testPlan.TEST_GROUP[testPlan.TEST_GROUP.length - 1].end;
 | 
			
		||||
 | 
			
		||||
        // Switch to fixed time mode with all plan events within the bounds
 | 
			
		||||
        await page.goto(`${plan.url}?tc.mode=fixed&tc.startBound=${startBound}&tc.endBound=${endBound}&tc.timeSystem=utc&view=plan.view`);
 | 
			
		||||
        const eventCount = await page.locator('.activity-bounds').count();
 | 
			
		||||
        expect(eventCount).toEqual(testPlan.TEST_GROUP.length);
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										181
									
								
								e2e/tests/functional/planning/timestrip.e2e.spec.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						@@ -0,0 +1,181 @@
 | 
			
		||||
/*****************************************************************************
 | 
			
		||||
 * Open MCT, Copyright (c) 2014-2022, United States Government
 | 
			
		||||
 * as represented by the Administrator of the National Aeronautics and Space
 | 
			
		||||
 * Administration. All rights reserved.
 | 
			
		||||
 *
 | 
			
		||||
 * Open MCT is licensed under the Apache License, Version 2.0 (the
 | 
			
		||||
 * "License"); you may not use this file except in compliance with the License.
 | 
			
		||||
 * You may obtain a copy of the License at
 | 
			
		||||
 * http://www.apache.org/licenses/LICENSE-2.0.
 | 
			
		||||
 *
 | 
			
		||||
 * Unless required by applicable law or agreed to in writing, software
 | 
			
		||||
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 | 
			
		||||
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 | 
			
		||||
 * License for the specific language governing permissions and limitations
 | 
			
		||||
 * under the License.
 | 
			
		||||
 *
 | 
			
		||||
 * Open MCT includes source code licensed under additional open source
 | 
			
		||||
 * licenses. See the Open Source Licenses file (LICENSES.md) included with
 | 
			
		||||
 * this source code distribution or the Licensing information page available
 | 
			
		||||
 * at runtime from the About dialog for additional information.
 | 
			
		||||
 *****************************************************************************/
 | 
			
		||||
 | 
			
		||||
const { test, expect } = require('../../../pluginFixtures');
 | 
			
		||||
const { createDomainObjectWithDefaults, createPlanFromJSON } = require('../../../appActions');
 | 
			
		||||
 | 
			
		||||
const testPlan = {
 | 
			
		||||
    "TEST_GROUP": [
 | 
			
		||||
        {
 | 
			
		||||
            "name": "Past event 1",
 | 
			
		||||
            "start": 1660320408000,
 | 
			
		||||
            "end": 1660343797000,
 | 
			
		||||
            "type": "TEST-GROUP",
 | 
			
		||||
            "color": "orange",
 | 
			
		||||
            "textColor": "white"
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
            "name": "Past event 2",
 | 
			
		||||
            "start": 1660406808000,
 | 
			
		||||
            "end": 1660429160000,
 | 
			
		||||
            "type": "TEST-GROUP",
 | 
			
		||||
            "color": "orange",
 | 
			
		||||
            "textColor": "white"
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
            "name": "Past event 3",
 | 
			
		||||
            "start": 1660493208000,
 | 
			
		||||
            "end": 1660503981000,
 | 
			
		||||
            "type": "TEST-GROUP",
 | 
			
		||||
            "color": "orange",
 | 
			
		||||
            "textColor": "white"
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
            "name": "Past event 4",
 | 
			
		||||
            "start": 1660579608000,
 | 
			
		||||
            "end": 1660624108000,
 | 
			
		||||
            "type": "TEST-GROUP",
 | 
			
		||||
            "color": "orange",
 | 
			
		||||
            "textColor": "white"
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
            "name": "Past event 5",
 | 
			
		||||
            "start": 1660666008000,
 | 
			
		||||
            "end": 1660681529000,
 | 
			
		||||
            "type": "TEST-GROUP",
 | 
			
		||||
            "color": "orange",
 | 
			
		||||
            "textColor": "white"
 | 
			
		||||
        }
 | 
			
		||||
    ]
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
test.describe("Time Strip", () => {
 | 
			
		||||
    test("Create two Time Strips, add a single Plan to both, and verify they can have separate Indepdenent Time Contexts @unstable", async ({ page }) => {
 | 
			
		||||
        test.info().annotations.push({
 | 
			
		||||
            type: 'issue',
 | 
			
		||||
            description: 'https://github.com/nasa/openmct/issues/5627'
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        // Constant locators
 | 
			
		||||
        const independentTimeConductorInputs = page.locator('.l-shell__main-independent-time-conductor .c-input--datetime');
 | 
			
		||||
        const activityBounds = page.locator('.activity-bounds');
 | 
			
		||||
 | 
			
		||||
        // Goto baseURL
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        const timestrip = await test.step("Create a Time Strip", async () => {
 | 
			
		||||
            const createdTimeStrip = await createDomainObjectWithDefaults(page, { type: 'Time Strip' });
 | 
			
		||||
            const objectName = await page.locator('.l-browse-bar__object-name').innerText();
 | 
			
		||||
            expect(objectName).toBe(createdTimeStrip.name);
 | 
			
		||||
 | 
			
		||||
            return createdTimeStrip;
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        const plan = await test.step("Create a Plan and add it to the timestrip", async () => {
 | 
			
		||||
            const createdPlan = await createPlanFromJSON(page, {
 | 
			
		||||
                name: 'Test Plan',
 | 
			
		||||
                json: testPlan
 | 
			
		||||
            });
 | 
			
		||||
 | 
			
		||||
            await page.goto(timestrip.url);
 | 
			
		||||
            // Expand the tree to show the plan
 | 
			
		||||
            await page.click("button[title='Show selected item in tree']");
 | 
			
		||||
            await page.dragAndDrop(`role=treeitem[name=/${createdPlan.name}/]`, '.c-object-view');
 | 
			
		||||
            await page.click("button[title='Save']");
 | 
			
		||||
            await page.click("li[title='Save and Finish Editing']");
 | 
			
		||||
            const startBound = testPlan.TEST_GROUP[0].start;
 | 
			
		||||
            const endBound = testPlan.TEST_GROUP[testPlan.TEST_GROUP.length - 1].end;
 | 
			
		||||
 | 
			
		||||
            // Switch to fixed time mode with all plan events within the bounds
 | 
			
		||||
            await page.goto(`${timestrip.url}?tc.mode=fixed&tc.startBound=${startBound}&tc.endBound=${endBound}&tc.timeSystem=utc&view=time-strip.view`);
 | 
			
		||||
 | 
			
		||||
            // Verify all events are displayed
 | 
			
		||||
            const eventCount = await page.locator('.activity-bounds').count();
 | 
			
		||||
            expect(eventCount).toEqual(testPlan.TEST_GROUP.length);
 | 
			
		||||
 | 
			
		||||
            return createdPlan;
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        await test.step("TimeStrip can use the Independent Time Conductor", async () => {
 | 
			
		||||
            // Activate Independent Time Conductor in Fixed Time Mode
 | 
			
		||||
            await page.click('.c-toggle-switch__slider');
 | 
			
		||||
            expect(await activityBounds.count()).toEqual(0);
 | 
			
		||||
 | 
			
		||||
            // Set the independent time bounds so that only one event is shown
 | 
			
		||||
            const startBound = testPlan.TEST_GROUP[0].start;
 | 
			
		||||
            const endBound = testPlan.TEST_GROUP[0].end;
 | 
			
		||||
            const startBoundString = new Date(startBound).toISOString().replace('T', ' ');
 | 
			
		||||
            const endBoundString = new Date(endBound).toISOString().replace('T', ' ');
 | 
			
		||||
 | 
			
		||||
            await independentTimeConductorInputs.nth(0).fill('');
 | 
			
		||||
            await independentTimeConductorInputs.nth(0).fill(startBoundString);
 | 
			
		||||
            await page.keyboard.press('Enter');
 | 
			
		||||
            await independentTimeConductorInputs.nth(1).fill('');
 | 
			
		||||
            await independentTimeConductorInputs.nth(1).fill(endBoundString);
 | 
			
		||||
            await page.keyboard.press('Enter');
 | 
			
		||||
            expect(await activityBounds.count()).toEqual(1);
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        await test.step("Can have multiple TimeStrips with the same plan linked and different Independent Time Contexts", async () => {
 | 
			
		||||
            // Create another Time Strip and verify that it has been created
 | 
			
		||||
            const createdTimeStrip = await createDomainObjectWithDefaults(page, {
 | 
			
		||||
                type: 'Time Strip',
 | 
			
		||||
                name: "Another Time Strip"
 | 
			
		||||
            });
 | 
			
		||||
 | 
			
		||||
            const objectName = await page.locator('.l-browse-bar__object-name').innerText();
 | 
			
		||||
            expect(objectName).toBe(createdTimeStrip.name);
 | 
			
		||||
 | 
			
		||||
            // Drag the existing Plan onto the newly created Time Strip, and save.
 | 
			
		||||
            await page.dragAndDrop(`role=treeitem[name=/${plan.name}/]`, '.c-object-view');
 | 
			
		||||
            await page.click("button[title='Save']");
 | 
			
		||||
            await page.click("li[title='Save and Finish Editing']");
 | 
			
		||||
 | 
			
		||||
            // Activate Independent Time Conductor in Fixed Time Mode
 | 
			
		||||
            await page.click('.c-toggle-switch__slider');
 | 
			
		||||
 | 
			
		||||
            // All events should be displayed at this point because the
 | 
			
		||||
            // initial independent context bounds will match the global bounds
 | 
			
		||||
            expect(await activityBounds.count()).toEqual(5);
 | 
			
		||||
 | 
			
		||||
            // Set the independent time bounds so that two events are shown
 | 
			
		||||
            const startBound = testPlan.TEST_GROUP[0].start;
 | 
			
		||||
            const endBound = testPlan.TEST_GROUP[1].end;
 | 
			
		||||
            const startBoundString = new Date(startBound).toISOString().replace('T', ' ');
 | 
			
		||||
            const endBoundString = new Date(endBound).toISOString().replace('T', ' ');
 | 
			
		||||
 | 
			
		||||
            await independentTimeConductorInputs.nth(0).fill('');
 | 
			
		||||
            await independentTimeConductorInputs.nth(0).fill(startBoundString);
 | 
			
		||||
            await page.keyboard.press('Enter');
 | 
			
		||||
            await independentTimeConductorInputs.nth(1).fill('');
 | 
			
		||||
            await independentTimeConductorInputs.nth(1).fill(endBoundString);
 | 
			
		||||
            await page.keyboard.press('Enter');
 | 
			
		||||
 | 
			
		||||
            // Verify that two events are displayed
 | 
			
		||||
            expect(await activityBounds.count()).toEqual(2);
 | 
			
		||||
 | 
			
		||||
            // Switch to the previous Time Strip and verify that only one event is displayed
 | 
			
		||||
            await page.goto(timestrip.url);
 | 
			
		||||
            expect(await activityBounds.count()).toEqual(1);
 | 
			
		||||
        });
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
@@ -28,14 +28,14 @@ test.describe('The Fault Management Plugin using example faults', () => {
 | 
			
		||||
        await utils.navigateToFaultManagementWithExample(page);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Shows a criticality icon for every fault', async ({ page }) => {
 | 
			
		||||
    test('Shows a criticality icon for every fault @unstable', async ({ page }) => {
 | 
			
		||||
        const faultCount = await page.locator('c-fault-mgmt__list').count();
 | 
			
		||||
        const criticalityIconCount = await page.locator('c-fault-mgmt__list-severity').count();
 | 
			
		||||
 | 
			
		||||
        expect.soft(faultCount).toEqual(criticalityIconCount);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('When selecting a fault, it has an "is-selected" class and it\'s information shows in the inspector', async ({ page }) => {
 | 
			
		||||
    test('When selecting a fault, it has an "is-selected" class and it\'s information shows in the inspector @unstable', async ({ page }) => {
 | 
			
		||||
        await utils.selectFaultItem(page, 1);
 | 
			
		||||
 | 
			
		||||
        const selectedFaultName = await page.locator('.c-fault-mgmt__list.is-selected .c-fault-mgmt__list-faultname').textContent();
 | 
			
		||||
@@ -45,7 +45,7 @@ test.describe('The Fault Management Plugin using example faults', () => {
 | 
			
		||||
        expect.soft(inspectorFaultNameCount).toEqual(1);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('When selecting multiple faults, no specific fault information is shown in the inspector', async ({ page }) => {
 | 
			
		||||
    test('When selecting multiple faults, no specific fault information is shown in the inspector @unstable', async ({ page }) => {
 | 
			
		||||
        await utils.selectFaultItem(page, 1);
 | 
			
		||||
        await utils.selectFaultItem(page, 2);
 | 
			
		||||
 | 
			
		||||
@@ -61,7 +61,7 @@ test.describe('The Fault Management Plugin using example faults', () => {
 | 
			
		||||
        expect.soft(secondNameInInspectorCount).toEqual(0);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Allows you to shelve a fault', async ({ page }) => {
 | 
			
		||||
    test('Allows you to shelve a fault @unstable', async ({ page }) => {
 | 
			
		||||
        const shelvedFaultName = await utils.getFaultName(page, 2);
 | 
			
		||||
        const beforeShelvedFault = utils.getFaultByName(page, shelvedFaultName);
 | 
			
		||||
 | 
			
		||||
@@ -80,7 +80,7 @@ test.describe('The Fault Management Plugin using example faults', () => {
 | 
			
		||||
        expect.soft(await shelvedViewFault.count()).toBe(1);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Allows you to acknowledge a fault', async ({ page }) => {
 | 
			
		||||
    test('Allows you to acknowledge a fault @unstable', async ({ page }) => {
 | 
			
		||||
        const acknowledgedFaultName = await utils.getFaultName(page, 3);
 | 
			
		||||
 | 
			
		||||
        await utils.acknowledgeFault(page, 3);
 | 
			
		||||
@@ -94,7 +94,7 @@ test.describe('The Fault Management Plugin using example faults', () => {
 | 
			
		||||
        expect.soft(acknowledgedFaultName).toEqual(acknowledgedViewFaultName);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Allows you to shelve multiple faults', async ({ page }) => {
 | 
			
		||||
    test('Allows you to shelve multiple faults @unstable', async ({ page }) => {
 | 
			
		||||
        const shelvedFaultNameOne = await utils.getFaultName(page, 1);
 | 
			
		||||
        const shelvedFaultNameFour = await utils.getFaultName(page, 4);
 | 
			
		||||
 | 
			
		||||
@@ -121,7 +121,7 @@ test.describe('The Fault Management Plugin using example faults', () => {
 | 
			
		||||
        expect.soft(await shelvedViewFaultFour.count()).toBe(1);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Allows you to acknowledge multiple faults', async ({ page }) => {
 | 
			
		||||
    test('Allows you to acknowledge multiple faults @unstable', async ({ page }) => {
 | 
			
		||||
        const acknowledgedFaultNameTwo = await utils.getFaultName(page, 2);
 | 
			
		||||
        const acknowledgedFaultNameFive = await utils.getFaultName(page, 5);
 | 
			
		||||
 | 
			
		||||
@@ -143,7 +143,7 @@ test.describe('The Fault Management Plugin using example faults', () => {
 | 
			
		||||
        expect.soft(await acknowledgedViewFaultFive.count()).toBe(1);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Allows you to search faults', async ({ page }) => {
 | 
			
		||||
    test('Allows you to search faults @unstable', async ({ page }) => {
 | 
			
		||||
        const faultThreeNamespace = await utils.getFaultNamespace(page, 3);
 | 
			
		||||
        const faultTwoName = await utils.getFaultName(page, 2);
 | 
			
		||||
        const faultFiveTriggerTime = await utils.getFaultTriggerTime(page, 5);
 | 
			
		||||
@@ -184,7 +184,7 @@ test.describe('The Fault Management Plugin using example faults', () => {
 | 
			
		||||
        expect.soft(await utils.getFaultTriggerTime(page, 1)).toEqual(faultFiveTriggerTime);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Allows you to sort faults', async ({ page }) => {
 | 
			
		||||
    test('Allows you to sort faults @unstable', async ({ page }) => {
 | 
			
		||||
        const highestSeverity = await utils.getHighestSeverity(page);
 | 
			
		||||
        const lowestSeverity = await utils.getLowestSeverity(page);
 | 
			
		||||
        const faultOneName = 'Example Fault 1';
 | 
			
		||||
@@ -213,7 +213,7 @@ test.describe('The Fault Management Plugin without using example faults', () =>
 | 
			
		||||
        await utils.navigateToFaultManagementWithoutExample(page);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Shows no faults when no faults are provided', async ({ page }) => {
 | 
			
		||||
    test('Shows no faults when no faults are provided @unstable', async ({ page }) => {
 | 
			
		||||
        const faultCount = await page.locator('c-fault-mgmt__list').count();
 | 
			
		||||
 | 
			
		||||
        expect.soft(faultCount).toEqual(0);
 | 
			
		||||
@@ -227,7 +227,7 @@ test.describe('The Fault Management Plugin without using example faults', () =>
 | 
			
		||||
        expect.soft(shelvedCount).toEqual(0);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Will return no faults when searching', async ({ page }) => {
 | 
			
		||||
    test('Will return no faults when searching @unstable', async ({ page }) => {
 | 
			
		||||
        await utils.enterSearchTerm(page, 'fault');
 | 
			
		||||
 | 
			
		||||
        const faultCount = await page.locator('c-fault-mgmt__list').count();
 | 
			
		||||
 
 | 
			
		||||
@@ -0,0 +1,66 @@
 | 
			
		||||
/*****************************************************************************
 | 
			
		||||
 * Open MCT, Copyright (c) 2014-2022, United States Government
 | 
			
		||||
 * as represented by the Administrator of the National Aeronautics and Space
 | 
			
		||||
 * Administration. All rights reserved.
 | 
			
		||||
 *
 | 
			
		||||
 * Open MCT is licensed under the Apache License, Version 2.0 (the
 | 
			
		||||
 * "License"); you may not use this file except in compliance with the License.
 | 
			
		||||
 * You may obtain a copy of the License at
 | 
			
		||||
 * http://www.apache.org/licenses/LICENSE-2.0.
 | 
			
		||||
 *
 | 
			
		||||
 * Unless required by applicable law or agreed to in writing, software
 | 
			
		||||
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 | 
			
		||||
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 | 
			
		||||
 * License for the specific language governing permissions and limitations
 | 
			
		||||
 * under the License.
 | 
			
		||||
 *
 | 
			
		||||
 * Open MCT includes source code licensed under additional open source
 | 
			
		||||
 * licenses. See the Open Source Licenses file (LICENSES.md) included with
 | 
			
		||||
 * this source code distribution or the Licensing information page available
 | 
			
		||||
 * at runtime from the About dialog for additional information.
 | 
			
		||||
 *****************************************************************************/
 | 
			
		||||
 | 
			
		||||
const { test, expect } = require('../../../../pluginFixtures');
 | 
			
		||||
const { createDomainObjectWithDefaults } = require('../../../../appActions');
 | 
			
		||||
 | 
			
		||||
test.describe('Testing Flexible Layout @unstable', () => {
 | 
			
		||||
    test.beforeEach(async ({ page }) => {
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        // Create Sine Wave Generator
 | 
			
		||||
        await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Sine Wave Generator',
 | 
			
		||||
            name: "Test Sine Wave Generator"
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        // Create Clock Object
 | 
			
		||||
        await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Clock',
 | 
			
		||||
            name: "Test Clock"
 | 
			
		||||
        });
 | 
			
		||||
    });
 | 
			
		||||
    test('panes have the appropriate draggable attribute while in Edit and Browse modes', async ({ page }) => {
 | 
			
		||||
        // Create a Flexible Layout
 | 
			
		||||
        await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Flexible Layout',
 | 
			
		||||
            name: "Test Flexible Layout"
 | 
			
		||||
        });
 | 
			
		||||
        // Edit Flexible Layout
 | 
			
		||||
        await page.locator('[title="Edit"]').click();
 | 
			
		||||
 | 
			
		||||
        // Expand the 'My Items' folder in the left tree
 | 
			
		||||
        await page.locator('.c-tree__item__view-control.c-disclosure-triangle').first().click();
 | 
			
		||||
        // Add the Sine Wave Generator and Clock to the Flexible Layout
 | 
			
		||||
        await page.dragAndDrop('text=Test Sine Wave Generator', '.c-fl__container.is-empty');
 | 
			
		||||
        await page.dragAndDrop('text=Test Clock', '.c-fl__container.is-empty');
 | 
			
		||||
        // Check that panes can be dragged while Flexible Layout is in Edit mode
 | 
			
		||||
        let dragWrapper = await page.locator('.c-fl-container__frames-holder .c-fl-frame__drag-wrapper').first();
 | 
			
		||||
        await expect(dragWrapper).toHaveAttribute('draggable', 'true');
 | 
			
		||||
        // Save Flexible Layout
 | 
			
		||||
        await page.locator('button[title="Save"]').click();
 | 
			
		||||
        await page.locator('text=Save and Finish Editing').click();
 | 
			
		||||
        // Check that panes are not draggable while Flexible Layout is in Browse mode
 | 
			
		||||
        dragWrapper = await page.locator('.c-fl-container__frames-holder .c-fl-frame__drag-wrapper').first();
 | 
			
		||||
        await expect(dragWrapper).toHaveAttribute('draggable', 'false');
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
@@ -35,45 +35,24 @@ const expectedAltText = process.platform === 'linux' ? 'Ctrl+Alt drag to pan' :
 | 
			
		||||
 | 
			
		||||
//The following block of tests verifies the basic functionality of example imagery and serves as a template for Imagery objects embedded in other objects.
 | 
			
		||||
test.describe('Example Imagery Object', () => {
 | 
			
		||||
 | 
			
		||||
    test.beforeEach(async ({ page }) => {
 | 
			
		||||
        //Go to baseURL
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        // Create a default 'Example Imagery' object
 | 
			
		||||
        createDomainObjectWithDefaults(page, { type: 'Example Imagery' });
 | 
			
		||||
 | 
			
		||||
        await Promise.all([
 | 
			
		||||
            page.waitForNavigation(),
 | 
			
		||||
            page.locator(backgroundImageSelector).hover({trial: true}),
 | 
			
		||||
            // eslint-disable-next-line playwright/missing-playwright-await
 | 
			
		||||
            expect(page.locator('.l-browse-bar__object-name')).toContainText('Unnamed Example Imagery')
 | 
			
		||||
        ]);
 | 
			
		||||
        await createDomainObjectWithDefaults(page, { type: 'Example Imagery' });
 | 
			
		||||
 | 
			
		||||
        // Verify that the created object is focused
 | 
			
		||||
        await expect(page.locator('.l-browse-bar__object-name')).toContainText('Unnamed Example Imagery');
 | 
			
		||||
        await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Can use Mouse Wheel to zoom in and out of latest image', async ({ page }) => {
 | 
			
		||||
        const deltaYStep = 100; //equivalent to 1x zoom
 | 
			
		||||
        await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
        const originalImageDimensions = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
        // zoom in
 | 
			
		||||
        await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
        await page.mouse.wheel(0, deltaYStep * 2);
 | 
			
		||||
        // wait for zoom animation to finish
 | 
			
		||||
        await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
        const imageMouseZoomedIn = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
        // zoom out
 | 
			
		||||
        await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
        await page.mouse.wheel(0, -deltaYStep);
 | 
			
		||||
        // wait for zoom animation to finish
 | 
			
		||||
        await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
        const imageMouseZoomedOut = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
        // Zoom in x2 and assert
 | 
			
		||||
        await mouseZoomOnImageAndAssert(page, 2);
 | 
			
		||||
 | 
			
		||||
        expect(imageMouseZoomedIn.height).toBeGreaterThan(originalImageDimensions.height);
 | 
			
		||||
        expect(imageMouseZoomedIn.width).toBeGreaterThan(originalImageDimensions.width);
 | 
			
		||||
        expect(imageMouseZoomedOut.height).toBeLessThan(imageMouseZoomedIn.height);
 | 
			
		||||
        expect(imageMouseZoomedOut.width).toBeLessThan(imageMouseZoomedIn.width);
 | 
			
		||||
        // Zoom out x2 and assert
 | 
			
		||||
        await mouseZoomOnImageAndAssert(page, -2);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Can adjust image brightness/contrast by dragging the sliders', async ({ page, browserName }) => {
 | 
			
		||||
@@ -151,30 +130,7 @@ test.describe('Example Imagery Object', () => {
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Can use + - buttons to zoom on the image @unstable', async ({ page }) => {
 | 
			
		||||
        // Get initial image dimensions
 | 
			
		||||
        const initialBoundingBox = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
 | 
			
		||||
        // Zoom in twice via button
 | 
			
		||||
        await zoomIntoImageryByButton(page);
 | 
			
		||||
        await zoomIntoImageryByButton(page);
 | 
			
		||||
 | 
			
		||||
        // Get and assert zoomed in image dimensions
 | 
			
		||||
        const zoomedInBoundingBox = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
        expect(zoomedInBoundingBox.height).toBeGreaterThan(initialBoundingBox.height);
 | 
			
		||||
        expect(zoomedInBoundingBox.width).toBeGreaterThan(initialBoundingBox.width);
 | 
			
		||||
 | 
			
		||||
        // Zoom out once via button
 | 
			
		||||
        await zoomOutOfImageryByButton(page);
 | 
			
		||||
 | 
			
		||||
        // Get and assert zoomed out image dimensions
 | 
			
		||||
        const zoomedOutBoundingBox = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
        expect(zoomedOutBoundingBox.height).toBeLessThan(zoomedInBoundingBox.height);
 | 
			
		||||
        expect(zoomedOutBoundingBox.width).toBeLessThan(zoomedInBoundingBox.width);
 | 
			
		||||
 | 
			
		||||
        // Zoom out again via button, assert against the initial image dimensions
 | 
			
		||||
        await zoomOutOfImageryByButton(page);
 | 
			
		||||
        const finalBoundingBox = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
        expect(finalBoundingBox).toEqual(initialBoundingBox);
 | 
			
		||||
        await buttonZoomOnImageAndAssert(page);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Can use the reset button to reset the image @unstable', async ({ page }, testInfo) => {
 | 
			
		||||
@@ -212,46 +168,227 @@ test.describe('Example Imagery Object', () => {
 | 
			
		||||
        await expect(pausePlayButton).not.toHaveClass(/is-paused/);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Uses low fetch priority', async ({ page }) => {
 | 
			
		||||
        const priority = await page.locator('.js-imageryView-image').getAttribute('fetchpriority');
 | 
			
		||||
        await expect(priority).toBe('low');
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
// The following test case will cover these scenarios
 | 
			
		||||
// ('Can use Mouse Wheel to zoom in and out of previous image');
 | 
			
		||||
// ('Can use alt+drag to move around image once zoomed in');
 | 
			
		||||
// ('Clicking on the left arrow should pause the imagery and go to previous image');
 | 
			
		||||
// ('If the imagery view is in pause mode, it should not be updated when new images come in');
 | 
			
		||||
// ('If the imagery view is not in pause mode, it should be updated when new images come in');
 | 
			
		||||
test('Example Imagery in Display layout @unstable', async ({ page }) => {
 | 
			
		||||
    test.info().annotations.push({
 | 
			
		||||
        type: 'issue',
 | 
			
		||||
        description: 'https://github.com/nasa/openmct/issues/5265'
 | 
			
		||||
test.describe('Example Imagery in Display Layout', () => {
 | 
			
		||||
    let displayLayout;
 | 
			
		||||
    test.beforeEach(async ({ page }) => {
 | 
			
		||||
        // Go to baseURL
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        displayLayout = await createDomainObjectWithDefaults(page, { type: 'Display Layout' });
 | 
			
		||||
        await page.goto(displayLayout.url);
 | 
			
		||||
 | 
			
		||||
        /* Create Sine Wave Generator with minimum Image Load Delay */
 | 
			
		||||
        // Click the Create button
 | 
			
		||||
        await page.click('button:has-text("Create")');
 | 
			
		||||
 | 
			
		||||
        // Click text=Example Imagery
 | 
			
		||||
        await page.click('text=Example Imagery');
 | 
			
		||||
 | 
			
		||||
        // Clear and set Image load delay to minimum value
 | 
			
		||||
        await page.locator('input[type="number"]').fill('');
 | 
			
		||||
        await page.locator('input[type="number"]').fill('5000');
 | 
			
		||||
 | 
			
		||||
        // Click text=OK
 | 
			
		||||
        await Promise.all([
 | 
			
		||||
            page.waitForNavigation({waitUntil: 'networkidle'}),
 | 
			
		||||
            page.click('text=OK'),
 | 
			
		||||
            //Wait for Save Banner to appear
 | 
			
		||||
            page.waitForSelector('.c-message-banner__message')
 | 
			
		||||
        ]);
 | 
			
		||||
 | 
			
		||||
        await expect(page.locator('.l-browse-bar__object-name')).toContainText('Unnamed Example Imagery');
 | 
			
		||||
 | 
			
		||||
        await page.goto(displayLayout.url);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    // Go to baseURL
 | 
			
		||||
    await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
    test('Imagery View operations @unstable', async ({ page }) => {
 | 
			
		||||
        test.info().annotations.push({
 | 
			
		||||
            type: 'issue',
 | 
			
		||||
            description: 'https://github.com/nasa/openmct/issues/5265'
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
    // Click the Create button
 | 
			
		||||
    await page.click('button:has-text("Create")');
 | 
			
		||||
        // Edit mode
 | 
			
		||||
        await page.click('button[title="Edit"]');
 | 
			
		||||
 | 
			
		||||
    // Click text=Example Imagery
 | 
			
		||||
    await page.click('text=Example Imagery');
 | 
			
		||||
        // Click on example imagery to expose toolbar
 | 
			
		||||
        await page.locator('.c-so-view__header').click();
 | 
			
		||||
 | 
			
		||||
    // Clear and set Image load delay to minimum value
 | 
			
		||||
    await page.locator('input[type="number"]').fill('');
 | 
			
		||||
    await page.locator('input[type="number"]').fill('5000');
 | 
			
		||||
        // Adjust object height
 | 
			
		||||
        await page.locator('div[title="Resize object height"] > input').click();
 | 
			
		||||
        await page.locator('div[title="Resize object height"] > input').fill('50');
 | 
			
		||||
 | 
			
		||||
    // Click text=OK
 | 
			
		||||
    await Promise.all([
 | 
			
		||||
        page.waitForNavigation({waitUntil: 'networkidle'}),
 | 
			
		||||
        page.click('text=OK'),
 | 
			
		||||
        //Wait for Save Banner to appear
 | 
			
		||||
        page.waitForSelector('.c-message-banner__message')
 | 
			
		||||
    ]);
 | 
			
		||||
        // Adjust object width
 | 
			
		||||
        await page.locator('div[title="Resize object width"] > input').click();
 | 
			
		||||
        await page.locator('div[title="Resize object width"] > input').fill('50');
 | 
			
		||||
 | 
			
		||||
    // Wait until Save Banner is gone
 | 
			
		||||
    await page.waitForSelector('.c-message-banner__message', { state: 'detached'});
 | 
			
		||||
    await expect(page.locator('.l-browse-bar__object-name')).toContainText('Unnamed Example Imagery');
 | 
			
		||||
    await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
        await performImageryViewOperationsAndAssert(page);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Resizing the layout changes thumbnail visibility and size', async ({ page }) => {
 | 
			
		||||
        const thumbsWrapperLocator = page.locator('.c-imagery__thumbs-wrapper');
 | 
			
		||||
        // Edit mode
 | 
			
		||||
        await page.click('button[title="Edit"]');
 | 
			
		||||
 | 
			
		||||
        // Click on example imagery to expose toolbar
 | 
			
		||||
        await page.locator('.c-so-view__header').click();
 | 
			
		||||
 | 
			
		||||
        // expect thumbnails not be visible when first added
 | 
			
		||||
        expect.soft(thumbsWrapperLocator.isHidden()).toBeTruthy();
 | 
			
		||||
 | 
			
		||||
        // Resize the example imagery vertically to change the thumbnail visibility
 | 
			
		||||
        /*
 | 
			
		||||
        The following arbitrary values are added to observe the separate visual
 | 
			
		||||
        conditions of the thumbnails (hidden, small thumbnails, regular thumbnails).
 | 
			
		||||
        Specifically, height is set to 50px for small thumbs and 100px for regular
 | 
			
		||||
        */
 | 
			
		||||
        await page.locator('div[title="Resize object height"] > input').click();
 | 
			
		||||
        await page.locator('div[title="Resize object height"] > input').fill('50');
 | 
			
		||||
 | 
			
		||||
        expect(thumbsWrapperLocator.isVisible()).toBeTruthy();
 | 
			
		||||
        await expect(thumbsWrapperLocator).toHaveClass(/is-small-thumbs/);
 | 
			
		||||
 | 
			
		||||
        // Resize the example imagery vertically to change the thumbnail visibility
 | 
			
		||||
        await page.locator('div[title="Resize object height"] > input').click();
 | 
			
		||||
        await page.locator('div[title="Resize object height"] > input').fill('100');
 | 
			
		||||
 | 
			
		||||
        expect(thumbsWrapperLocator.isVisible()).toBeTruthy();
 | 
			
		||||
        await expect(thumbsWrapperLocator).not.toHaveClass(/is-small-thumbs/);
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
test.describe('Example Imagery in Flexible layout', () => {
 | 
			
		||||
    let flexibleLayout;
 | 
			
		||||
    test.beforeEach(async ({ page }) => {
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        flexibleLayout = await createDomainObjectWithDefaults(page, { type: 'Flexible Layout' });
 | 
			
		||||
        await page.goto(flexibleLayout.url);
 | 
			
		||||
 | 
			
		||||
        /* Create Sine Wave Generator with minimum Image Load Delay */
 | 
			
		||||
        // Click the Create button
 | 
			
		||||
        await page.click('button:has-text("Create")');
 | 
			
		||||
 | 
			
		||||
        // Click text=Example Imagery
 | 
			
		||||
        await page.click('text=Example Imagery');
 | 
			
		||||
 | 
			
		||||
        // Clear and set Image load delay to minimum value
 | 
			
		||||
        await page.locator('input[type="number"]').fill('');
 | 
			
		||||
        await page.locator('input[type="number"]').fill('5000');
 | 
			
		||||
 | 
			
		||||
        // Click text=OK
 | 
			
		||||
        await Promise.all([
 | 
			
		||||
            page.waitForNavigation({waitUntil: 'networkidle'}),
 | 
			
		||||
            page.click('text=OK'),
 | 
			
		||||
            //Wait for Save Banner to appear
 | 
			
		||||
            page.waitForSelector('.c-message-banner__message')
 | 
			
		||||
        ]);
 | 
			
		||||
 | 
			
		||||
        await expect(page.locator('.l-browse-bar__object-name')).toContainText('Unnamed Example Imagery');
 | 
			
		||||
 | 
			
		||||
        await page.goto(flexibleLayout.url);
 | 
			
		||||
    });
 | 
			
		||||
    test('Imagery View operations @unstable', async ({ page, browserName }) => {
 | 
			
		||||
        test.fixme(browserName === 'firefox', 'This test needs to be updated to work with firefox');
 | 
			
		||||
        test.info().annotations.push({
 | 
			
		||||
            type: 'issue',
 | 
			
		||||
            description: 'https://github.com/nasa/openmct/issues/5326'
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        await performImageryViewOperationsAndAssert(page);
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
test.describe('Example Imagery in Tabs View', () => {
 | 
			
		||||
    let tabsView;
 | 
			
		||||
    test.beforeEach(async ({ page }) => {
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        tabsView = await createDomainObjectWithDefaults(page, { type: 'Tabs View' });
 | 
			
		||||
        await page.goto(tabsView.url);
 | 
			
		||||
 | 
			
		||||
        /* Create Sine Wave Generator with minimum Image Load Delay */
 | 
			
		||||
        // Click the Create button
 | 
			
		||||
        await page.click('button:has-text("Create")');
 | 
			
		||||
 | 
			
		||||
        // Click text=Example Imagery
 | 
			
		||||
        await page.click('text=Example Imagery');
 | 
			
		||||
 | 
			
		||||
        // Clear and set Image load delay to minimum value
 | 
			
		||||
        await page.locator('input[type="number"]').fill('');
 | 
			
		||||
        await page.locator('input[type="number"]').fill('5000');
 | 
			
		||||
 | 
			
		||||
        // Click text=OK
 | 
			
		||||
        await Promise.all([
 | 
			
		||||
            page.waitForNavigation({waitUntil: 'networkidle'}),
 | 
			
		||||
            page.click('text=OK'),
 | 
			
		||||
            //Wait for Save Banner to appear
 | 
			
		||||
            page.waitForSelector('.c-message-banner__message')
 | 
			
		||||
        ]);
 | 
			
		||||
 | 
			
		||||
        await expect(page.locator('.l-browse-bar__object-name')).toContainText('Unnamed Example Imagery');
 | 
			
		||||
 | 
			
		||||
        await page.goto(tabsView.url);
 | 
			
		||||
    });
 | 
			
		||||
    test('Imagery View operations @unstable', async ({ page }) => {
 | 
			
		||||
        await performImageryViewOperationsAndAssert(page);
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
test.describe('Example Imagery in Time Strip', () => {
 | 
			
		||||
    let timeStripObject;
 | 
			
		||||
    test.beforeEach(async ({ page }) => {
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
        timeStripObject = await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Time Strip',
 | 
			
		||||
            name: 'Time Strip'.concat(' ', uuid())
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Example Imagery',
 | 
			
		||||
            name: 'Example Imagery'.concat(' ', uuid()),
 | 
			
		||||
            parent: timeStripObject.uuid
 | 
			
		||||
        });
 | 
			
		||||
        // Navigate to timestrip
 | 
			
		||||
        await page.goto(timeStripObject.url);
 | 
			
		||||
    });
 | 
			
		||||
    test('Clicking a thumbnail loads the image in large view', async ({ page, browserName }) => {
 | 
			
		||||
        test.info().annotations.push({
 | 
			
		||||
            type: 'issue',
 | 
			
		||||
            description: 'https://github.com/nasa/openmct/issues/5632'
 | 
			
		||||
        });
 | 
			
		||||
        await page.locator('.c-imagery-tsv-container').hover();
 | 
			
		||||
        // get url of the hovered image
 | 
			
		||||
        const hoveredImg = page.locator('.c-imagery-tsv div.c-imagery-tsv__image-wrapper:hover img');
 | 
			
		||||
        const hoveredImgSrc = await hoveredImg.getAttribute('src');
 | 
			
		||||
        expect(hoveredImgSrc).toBeTruthy();
 | 
			
		||||
        await page.locator('.c-imagery-tsv-container').click();
 | 
			
		||||
        // get image of view large container
 | 
			
		||||
        const viewLargeImg = page.locator('img.c-imagery__main-image__image');
 | 
			
		||||
        const viewLargeImgSrc = await viewLargeImg.getAttribute('src');
 | 
			
		||||
        expect(viewLargeImgSrc).toBeTruthy();
 | 
			
		||||
        expect(viewLargeImgSrc).toEqual(hoveredImgSrc);
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Perform the common actions and assertions for the Imagery View.
 | 
			
		||||
 * This function verifies the following in order:
 | 
			
		||||
 * 1. Can zoom in/out using the zoom buttons
 | 
			
		||||
 * 2. Can zoom in/out using the mouse wheel
 | 
			
		||||
 * 3. Can pan the image using the pan hotkey + mouse drag
 | 
			
		||||
 * 4. Clicking on the left arrow button pauses imagery and moves to the previous image
 | 
			
		||||
 * 5. Imagery is updated as new images stream in, regardless of pause status
 | 
			
		||||
 * 6. Old images are discarded when new images stream in
 | 
			
		||||
 * 7. Image brightness/contrast can be adjusted by dragging the sliders
 | 
			
		||||
 * @param {import('@playwright/test').Page} page
 | 
			
		||||
 */
 | 
			
		||||
async function performImageryViewOperationsAndAssert(page) {
 | 
			
		||||
    // Click previous image button
 | 
			
		||||
    const previousImageButton = page.locator('.c-nav--prev');
 | 
			
		||||
    await previousImageButton.click();
 | 
			
		||||
@@ -260,27 +397,17 @@ test('Example Imagery in Display layout @unstable', async ({ page }) => {
 | 
			
		||||
    const selectedImage = page.locator('.selected');
 | 
			
		||||
    await expect(selectedImage).toBeVisible();
 | 
			
		||||
 | 
			
		||||
    // Zoom in
 | 
			
		||||
    const originalImageDimensions = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
    await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
    const deltaYStep = 100; // equivalent to 1x zoom
 | 
			
		||||
    await page.mouse.wheel(0, deltaYStep * 2);
 | 
			
		||||
    const zoomedBoundingBox = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
    const imageCenterX = zoomedBoundingBox.x + zoomedBoundingBox.width / 2;
 | 
			
		||||
    const imageCenterY = zoomedBoundingBox.y + zoomedBoundingBox.height / 2;
 | 
			
		||||
    // Use the zoom buttons to zoom in and out
 | 
			
		||||
    await buttonZoomOnImageAndAssert(page);
 | 
			
		||||
 | 
			
		||||
    // Wait for zoom animation to finish
 | 
			
		||||
    await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
    const imageMouseZoomedIn = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
    expect(imageMouseZoomedIn.height).toBeGreaterThan(originalImageDimensions.height);
 | 
			
		||||
    expect(imageMouseZoomedIn.width).toBeGreaterThan(originalImageDimensions.width);
 | 
			
		||||
    // Use Mouse Wheel to zoom in to previous image
 | 
			
		||||
    await mouseZoomOnImageAndAssert(page, 2);
 | 
			
		||||
 | 
			
		||||
    // Center the mouse pointer
 | 
			
		||||
    await page.mouse.move(imageCenterX, imageCenterY);
 | 
			
		||||
    // Use alt+drag to move around image once zoomed in
 | 
			
		||||
    await panZoomAndAssertImageProperties(page);
 | 
			
		||||
 | 
			
		||||
    // Pan Imagery Hints
 | 
			
		||||
    const imageryHintsText = await page.locator('.c-imagery__hints').innerText();
 | 
			
		||||
    expect(expectedAltText).toEqual(imageryHintsText);
 | 
			
		||||
    // Use Mouse Wheel to zoom out of previous image
 | 
			
		||||
    await mouseZoomOnImageAndAssert(page, -2);
 | 
			
		||||
 | 
			
		||||
    // Click next image button
 | 
			
		||||
    const nextImageButton = page.locator('.c-nav--next');
 | 
			
		||||
@@ -293,21 +420,14 @@ test('Example Imagery in Display layout @unstable', async ({ page }) => {
 | 
			
		||||
    await page.locator('[data-testid=conductor-modeOption-realtime]').click();
 | 
			
		||||
 | 
			
		||||
    // Zoom in on next image
 | 
			
		||||
    await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
    await page.mouse.wheel(0, deltaYStep * 2);
 | 
			
		||||
    await mouseZoomOnImageAndAssert(page, 2);
 | 
			
		||||
 | 
			
		||||
    // Wait for zoom animation to finish
 | 
			
		||||
    await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
    const imageNextMouseZoomedIn = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
    expect(imageNextMouseZoomedIn.height).toBeGreaterThan(originalImageDimensions.height);
 | 
			
		||||
    expect(imageNextMouseZoomedIn.width).toBeGreaterThan(originalImageDimensions.width);
 | 
			
		||||
 | 
			
		||||
    // Click previous image button
 | 
			
		||||
    // Clicking on the left arrow should pause the imagery and go to previous image
 | 
			
		||||
    await previousImageButton.click();
 | 
			
		||||
 | 
			
		||||
    // Verify previous image
 | 
			
		||||
    await expect(page.locator('.c-button.pause-play')).toHaveClass(/is-paused/);
 | 
			
		||||
    await expect(selectedImage).toBeVisible();
 | 
			
		||||
 | 
			
		||||
    // The imagery view should be updated when new images come in
 | 
			
		||||
    const imageCount = await page.locator('.c-imagery__thumb').count();
 | 
			
		||||
    await expect.poll(async () => {
 | 
			
		||||
        const newImageCount = await page.locator('.c-imagery__thumb').count();
 | 
			
		||||
@@ -315,7 +435,7 @@ test('Example Imagery in Display layout @unstable', async ({ page }) => {
 | 
			
		||||
        return newImageCount;
 | 
			
		||||
    }, {
 | 
			
		||||
        message: "verify that old images are discarded",
 | 
			
		||||
        timeout: 6 * 1000
 | 
			
		||||
        timeout: 7 * 1000
 | 
			
		||||
    }).toBe(imageCount);
 | 
			
		||||
 | 
			
		||||
    // Verify selected image is still displayed
 | 
			
		||||
@@ -333,283 +453,6 @@ test('Example Imagery in Display layout @unstable', async ({ page }) => {
 | 
			
		||||
    // Drag the brightness and contrast sliders around and assert filter values
 | 
			
		||||
    await dragBrightnessSliderAndAssertFilterValues(page);
 | 
			
		||||
    await dragContrastSliderAndAssertFilterValues(page);
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
test.describe('Example imagery thumbnails resize in display layouts', () => {
 | 
			
		||||
    test('Resizing the layout changes thumbnail visibility and size', async ({ page }) => {
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        const thumbsWrapperLocator = page.locator('.c-imagery__thumbs-wrapper');
 | 
			
		||||
        // Click button:has-text("Create")
 | 
			
		||||
        await page.locator('button:has-text("Create")').click();
 | 
			
		||||
 | 
			
		||||
        // Click li:has-text("Display Layout")
 | 
			
		||||
        await page.locator('li:has-text("Display Layout")').click();
 | 
			
		||||
        const displayLayoutTitleField = page.locator('text=Properties Title Notes Horizontal grid (px) Vertical grid (px) Horizontal size ( >> input[type="text"]');
 | 
			
		||||
        await displayLayoutTitleField.click();
 | 
			
		||||
 | 
			
		||||
        await displayLayoutTitleField.fill('Thumbnail Display Layout');
 | 
			
		||||
 | 
			
		||||
        // Click text=OK
 | 
			
		||||
        await Promise.all([
 | 
			
		||||
            page.waitForNavigation(),
 | 
			
		||||
            page.locator('text=OK').click()
 | 
			
		||||
        ]);
 | 
			
		||||
 | 
			
		||||
        // Click text=Snapshot Save and Finish Editing Save and Continue Editing >> button >> nth=1
 | 
			
		||||
        await page.locator('text=Snapshot Save and Finish Editing Save and Continue Editing >> button').nth(1).click();
 | 
			
		||||
 | 
			
		||||
        // Click text=Save and Finish Editing
 | 
			
		||||
        await page.locator('text=Save and Finish Editing').click();
 | 
			
		||||
 | 
			
		||||
        // Click button:has-text("Create")
 | 
			
		||||
        await page.locator('button:has-text("Create")').click();
 | 
			
		||||
 | 
			
		||||
        // Click li:has-text("Example Imagery")
 | 
			
		||||
        await page.locator('li:has-text("Example Imagery")').click();
 | 
			
		||||
 | 
			
		||||
        const imageryTitleField = page.locator('text=Properties Title Notes Images url list (comma separated) Image load delay (milli >> input[type="text"]');
 | 
			
		||||
        // Click text=Properties Title Notes Images url list (comma separated) Image load delay (milli >> input[type="text"]
 | 
			
		||||
        await imageryTitleField.click();
 | 
			
		||||
 | 
			
		||||
        // Fill text=Properties Title Notes Images url list (comma separated) Image load delay (milli >> input[type="text"]
 | 
			
		||||
        await imageryTitleField.fill('Thumbnail Example Imagery');
 | 
			
		||||
 | 
			
		||||
        // Click text=OK
 | 
			
		||||
        await Promise.all([
 | 
			
		||||
            page.waitForNavigation(),
 | 
			
		||||
            page.locator('text=OK').click()
 | 
			
		||||
        ]);
 | 
			
		||||
 | 
			
		||||
        // Click text=Thumbnail Example Imagery Imagery Layout Snapshot >> button >> nth=0
 | 
			
		||||
        await Promise.all([
 | 
			
		||||
            page.waitForNavigation(),
 | 
			
		||||
            page.locator('text=Thumbnail Example Imagery Imagery Layout Snapshot >> button').first().click()
 | 
			
		||||
        ]);
 | 
			
		||||
 | 
			
		||||
        // Edit mode
 | 
			
		||||
        await page.locator('text=Thumbnail Display Layout Snapshot >> button').nth(3).click();
 | 
			
		||||
 | 
			
		||||
        // Click on example imagery to expose toolbar
 | 
			
		||||
        await page.locator('text=Thumbnail Example Imagery Snapshot Large View').click();
 | 
			
		||||
 | 
			
		||||
        // expect thumbnails not be visible when first added
 | 
			
		||||
        expect.soft(thumbsWrapperLocator.isHidden()).toBeTruthy();
 | 
			
		||||
 | 
			
		||||
        // Resize the example imagery vertically to change the thumbnail visibility
 | 
			
		||||
        /*
 | 
			
		||||
        The following arbitrary values are added to observe the separate visual
 | 
			
		||||
        conditions of the thumbnails (hidden, small thumbnails, regular thumbnails).
 | 
			
		||||
        Specifically, height is set to 50px for small thumbs and 100px for regular
 | 
			
		||||
        */
 | 
			
		||||
        // Click #mct-input-id-103
 | 
			
		||||
        await page.locator('#mct-input-id-103').click();
 | 
			
		||||
 | 
			
		||||
        // Fill #mct-input-id-103
 | 
			
		||||
        await page.locator('#mct-input-id-103').fill('50');
 | 
			
		||||
 | 
			
		||||
        expect(thumbsWrapperLocator.isVisible()).toBeTruthy();
 | 
			
		||||
        await expect(thumbsWrapperLocator).toHaveClass(/is-small-thumbs/);
 | 
			
		||||
 | 
			
		||||
        // Resize the example imagery vertically to change the thumbnail visibility
 | 
			
		||||
        // Click #mct-input-id-103
 | 
			
		||||
        await page.locator('#mct-input-id-103').click();
 | 
			
		||||
 | 
			
		||||
        // Fill #mct-input-id-103
 | 
			
		||||
        await page.locator('#mct-input-id-103').fill('100');
 | 
			
		||||
 | 
			
		||||
        expect(thumbsWrapperLocator.isVisible()).toBeTruthy();
 | 
			
		||||
        await expect(thumbsWrapperLocator).not.toHaveClass(/is-small-thumbs/);
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
test.describe('Example Imagery in Flexible layout', () => {
 | 
			
		||||
    test('Example Imagery in Flexible layout @unstable', async ({ page, browserName, openmctConfig }) => {
 | 
			
		||||
        const { myItemsFolderName } = openmctConfig;
 | 
			
		||||
 | 
			
		||||
        // eslint-disable-next-line playwright/no-skipped-test
 | 
			
		||||
        test.skip(browserName === 'firefox', 'This test needs to be updated to work with firefox');
 | 
			
		||||
        test.info().annotations.push({
 | 
			
		||||
            type: 'issue',
 | 
			
		||||
            description: 'https://github.com/nasa/openmct/issues/5326'
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        // Go to baseURL
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        // Click the Create button
 | 
			
		||||
        await page.click('button:has-text("Create")');
 | 
			
		||||
 | 
			
		||||
        // Click text=Example Imagery
 | 
			
		||||
        await page.click('text=Example Imagery');
 | 
			
		||||
 | 
			
		||||
        // Clear and set Image load delay (milliseconds)
 | 
			
		||||
        await page.click('input[type="number"]', {clickCount: 3});
 | 
			
		||||
        await page.type('input[type="number"]', "20");
 | 
			
		||||
 | 
			
		||||
        // Click text=OK
 | 
			
		||||
        await Promise.all([
 | 
			
		||||
            page.waitForNavigation({waitUntil: 'networkidle'}),
 | 
			
		||||
            page.click('text=OK'),
 | 
			
		||||
            //Wait for Save Banner to appear
 | 
			
		||||
            page.waitForSelector('.c-message-banner__message')
 | 
			
		||||
        ]);
 | 
			
		||||
        // Wait until Save Banner is gone
 | 
			
		||||
        await page.waitForSelector('.c-message-banner__message', { state: 'detached'});
 | 
			
		||||
        await expect(page.locator('.l-browse-bar__object-name')).toContainText('Unnamed Example Imagery');
 | 
			
		||||
        await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
 | 
			
		||||
        // Click the Create button
 | 
			
		||||
        await page.click('button:has-text("Create")');
 | 
			
		||||
 | 
			
		||||
        // Click text=Flexible Layout
 | 
			
		||||
        await page.click('text=Flexible Layout');
 | 
			
		||||
 | 
			
		||||
        // Assert Flexible layout
 | 
			
		||||
        await expect(page.locator('.js-form-title')).toHaveText('Create a New Flexible Layout');
 | 
			
		||||
 | 
			
		||||
        await page.locator(`form[name="mctForm"] >> text=${myItemsFolderName}`).click();
 | 
			
		||||
 | 
			
		||||
        // Click My Items
 | 
			
		||||
        await Promise.all([
 | 
			
		||||
            page.locator('text=OK').click(),
 | 
			
		||||
            page.waitForNavigation({waitUntil: 'networkidle'})
 | 
			
		||||
        ]);
 | 
			
		||||
 | 
			
		||||
        // Click My Items
 | 
			
		||||
        await page.locator('.c-disclosure-triangle').click();
 | 
			
		||||
 | 
			
		||||
        // Right click example imagery
 | 
			
		||||
        await page.click(('text=Unnamed Example Imagery'), { button: 'right' });
 | 
			
		||||
 | 
			
		||||
        // Click move
 | 
			
		||||
        await page.locator('.icon-move').click();
 | 
			
		||||
 | 
			
		||||
        // Click triangle to open sub menu
 | 
			
		||||
        await page.locator('.c-form__section .c-disclosure-triangle').click();
 | 
			
		||||
 | 
			
		||||
        // Click Flexable Layout
 | 
			
		||||
        await page.click('.c-overlay__outer >> text=Unnamed Flexible Layout');
 | 
			
		||||
 | 
			
		||||
        // Click text=OK
 | 
			
		||||
        await page.locator('text=OK').click();
 | 
			
		||||
 | 
			
		||||
        // Save template
 | 
			
		||||
        await saveTemplate(page);
 | 
			
		||||
 | 
			
		||||
        // Zoom in
 | 
			
		||||
        await mouseZoomIn(page);
 | 
			
		||||
 | 
			
		||||
        // Center the mouse pointer
 | 
			
		||||
        const zoomedBoundingBox = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
        const imageCenterX = zoomedBoundingBox.x + zoomedBoundingBox.width / 2;
 | 
			
		||||
        const imageCenterY = zoomedBoundingBox.y + zoomedBoundingBox.height / 2;
 | 
			
		||||
        await page.mouse.move(imageCenterX, imageCenterY);
 | 
			
		||||
 | 
			
		||||
        // Pan zoom
 | 
			
		||||
        await panZoomAndAssertImageProperties(page);
 | 
			
		||||
 | 
			
		||||
        // Click previous image button
 | 
			
		||||
        const previousImageButton = page.locator('.c-nav--prev');
 | 
			
		||||
        await previousImageButton.click();
 | 
			
		||||
 | 
			
		||||
        // Verify previous image
 | 
			
		||||
        const selectedImage = page.locator('.selected');
 | 
			
		||||
        await expect(selectedImage).toBeVisible();
 | 
			
		||||
 | 
			
		||||
        // Click time conductor mode button
 | 
			
		||||
        await page.locator('.c-mode-button').click();
 | 
			
		||||
 | 
			
		||||
        // Select local clock mode
 | 
			
		||||
        await page.locator('[data-testid=conductor-modeOption-realtime]').nth(0).click();
 | 
			
		||||
 | 
			
		||||
        // Zoom in on next image
 | 
			
		||||
        await mouseZoomIn(page);
 | 
			
		||||
 | 
			
		||||
        // Click previous image button
 | 
			
		||||
        await previousImageButton.click();
 | 
			
		||||
 | 
			
		||||
        // Verify previous image
 | 
			
		||||
        await expect(selectedImage).toBeVisible();
 | 
			
		||||
 | 
			
		||||
        const imageCount = await page.locator('.c-imagery__thumb').count();
 | 
			
		||||
        await expect.poll(async () => {
 | 
			
		||||
            const newImageCount = await page.locator('.c-imagery__thumb').count();
 | 
			
		||||
 | 
			
		||||
            return newImageCount;
 | 
			
		||||
        }, {
 | 
			
		||||
            message: "verify that old images are discarded",
 | 
			
		||||
            timeout: 6 * 1000
 | 
			
		||||
        }).toBe(imageCount);
 | 
			
		||||
 | 
			
		||||
        // Verify selected image is still displayed
 | 
			
		||||
        await expect(selectedImage).toBeVisible();
 | 
			
		||||
 | 
			
		||||
        // Unpause imagery
 | 
			
		||||
        await page.locator('.pause-play').click();
 | 
			
		||||
 | 
			
		||||
        //Get background-image url from background-image css prop
 | 
			
		||||
        await assertBackgroundImageUrlFromBackgroundCss(page);
 | 
			
		||||
 | 
			
		||||
        // Open the image filter menu
 | 
			
		||||
        await page.locator('[role=toolbar] button[title="Brightness and contrast"]').click();
 | 
			
		||||
 | 
			
		||||
        // Drag the brightness and contrast sliders around and assert filter values
 | 
			
		||||
        await dragBrightnessSliderAndAssertFilterValues(page);
 | 
			
		||||
        await dragContrastSliderAndAssertFilterValues(page);
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
test.describe('Example Imagery in Tabs view', () => {
 | 
			
		||||
    test.fixme('Can use Mouse Wheel to zoom in and out of previous image');
 | 
			
		||||
    test.fixme('Can use alt+drag to move around image once zoomed in');
 | 
			
		||||
    test.fixme('Can zoom into the latest image and the real-time/fixed-time imagery will pause');
 | 
			
		||||
    test.fixme('Can zoom into a previous image from thumbstrip in real-time or fixed-time');
 | 
			
		||||
    test.fixme('Clicking on the left arrow should pause the imagery and go to previous image');
 | 
			
		||||
    test.fixme('If the imagery view is in pause mode, it should not be updated when new images come in');
 | 
			
		||||
    test.fixme('If the imagery view is not in pause mode, it should be updated when new images come in');
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
test.describe('Example Imagery in Time Strip', () => {
 | 
			
		||||
    test('ensure that clicking a thumbnail loads the image in large view', async ({ page, browserName }) => {
 | 
			
		||||
        test.info().annotations.push({
 | 
			
		||||
            type: 'issue',
 | 
			
		||||
            description: 'https://github.com/nasa/openmct/issues/5632'
 | 
			
		||||
        });
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
        const timeStripObject = await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Time Strip',
 | 
			
		||||
            name: 'Time Strip'.concat(' ', uuid())
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Example Imagery',
 | 
			
		||||
            name: 'Example Imagery'.concat(' ', uuid()),
 | 
			
		||||
            parent: timeStripObject.uuid
 | 
			
		||||
        });
 | 
			
		||||
        // Navigate to timestrip
 | 
			
		||||
        await page.goto(timeStripObject.url);
 | 
			
		||||
 | 
			
		||||
        await page.locator('.c-imagery-tsv-container').hover();
 | 
			
		||||
        // get url of the hovered image
 | 
			
		||||
        const hoveredImg = page.locator('.c-imagery-tsv div.c-imagery-tsv__image-wrapper:hover img');
 | 
			
		||||
        const hoveredImgSrc = await hoveredImg.getAttribute('src');
 | 
			
		||||
        expect(hoveredImgSrc).toBeTruthy();
 | 
			
		||||
        await page.locator('.c-imagery-tsv-container').click();
 | 
			
		||||
        // get image of view large container
 | 
			
		||||
        const viewLargeImg = page.locator('img.c-imagery__main-image__image');
 | 
			
		||||
        const viewLargeImgSrc = await viewLargeImg.getAttribute('src');
 | 
			
		||||
        expect(viewLargeImgSrc).toBeTruthy();
 | 
			
		||||
        expect(viewLargeImgSrc).toEqual(hoveredImgSrc);
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * @param {import('@playwright/test').Page} page
 | 
			
		||||
 */
 | 
			
		||||
async function saveTemplate(page) {
 | 
			
		||||
    await page.locator('.c-button--menu.c-button--major.icon-save').click();
 | 
			
		||||
    await page.locator('text=Save and Finish Editing').click();
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
@@ -692,7 +535,7 @@ async function assertBackgroundImageUrlFromBackgroundCss(page) {
 | 
			
		||||
        return backgroundImageUrl2;
 | 
			
		||||
    }, {
 | 
			
		||||
        message: "verify next image has updated",
 | 
			
		||||
        timeout: 6 * 1000
 | 
			
		||||
        timeout: 7 * 1000
 | 
			
		||||
    }).not.toBe(backgroundImageUrl1);
 | 
			
		||||
    console.log('backgroundImageUrl2 ' + backgroundImageUrl2);
 | 
			
		||||
}
 | 
			
		||||
@@ -746,14 +589,17 @@ async function panZoomAndAssertImageProperties(page) {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Use the mouse wheel to zoom in or out of an image and assert that the image
 | 
			
		||||
 * has successfully zoomed in or out.
 | 
			
		||||
 * @param {import('@playwright/test').Page} page
 | 
			
		||||
 * @param {number} [factor = 2] The zoom factor. Positive for zoom in, negative for zoom out.
 | 
			
		||||
*/
 | 
			
		||||
async function mouseZoomIn(page) {
 | 
			
		||||
async function mouseZoomOnImageAndAssert(page, factor = 2) {
 | 
			
		||||
    // Zoom in
 | 
			
		||||
    const originalImageDimensions = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
    await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
    const deltaYStep = 100; // equivalent to 1x zoom
 | 
			
		||||
    await page.mouse.wheel(0, deltaYStep * 2);
 | 
			
		||||
    await page.mouse.wheel(0, deltaYStep * factor);
 | 
			
		||||
    const zoomedBoundingBox = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
    const imageCenterX = zoomedBoundingBox.x + zoomedBoundingBox.width / 2;
 | 
			
		||||
    const imageCenterY = zoomedBoundingBox.y + zoomedBoundingBox.height / 2;
 | 
			
		||||
@@ -763,9 +609,47 @@ async function mouseZoomIn(page) {
 | 
			
		||||
 | 
			
		||||
    // Wait for zoom animation to finish
 | 
			
		||||
    await page.locator(backgroundImageSelector).hover({trial: true});
 | 
			
		||||
    const imageMouseZoomedIn = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
    expect(imageMouseZoomedIn.height).toBeGreaterThan(originalImageDimensions.height);
 | 
			
		||||
    expect(imageMouseZoomedIn.width).toBeGreaterThan(originalImageDimensions.width);
 | 
			
		||||
    const imageMouseZoomed = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
 | 
			
		||||
    if (factor > 0) {
 | 
			
		||||
        expect(imageMouseZoomed.height).toBeGreaterThan(originalImageDimensions.height);
 | 
			
		||||
        expect(imageMouseZoomed.width).toBeGreaterThan(originalImageDimensions.width);
 | 
			
		||||
    } else {
 | 
			
		||||
        expect(imageMouseZoomed.height).toBeLessThan(originalImageDimensions.height);
 | 
			
		||||
        expect(imageMouseZoomed.width).toBeLessThan(originalImageDimensions.width);
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Zoom in and out of the image using the buttons, and assert that the image has
 | 
			
		||||
 * been successfully zoomed in or out.
 | 
			
		||||
 * @param {import('@playwright/test').Page} page
 | 
			
		||||
 */
 | 
			
		||||
async function buttonZoomOnImageAndAssert(page) {
 | 
			
		||||
    // Get initial image dimensions
 | 
			
		||||
    const initialBoundingBox = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
 | 
			
		||||
    // Zoom in twice via button
 | 
			
		||||
    await zoomIntoImageryByButton(page);
 | 
			
		||||
    await zoomIntoImageryByButton(page);
 | 
			
		||||
 | 
			
		||||
    // Get and assert zoomed in image dimensions
 | 
			
		||||
    const zoomedInBoundingBox = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
    expect(zoomedInBoundingBox.height).toBeGreaterThan(initialBoundingBox.height);
 | 
			
		||||
    expect(zoomedInBoundingBox.width).toBeGreaterThan(initialBoundingBox.width);
 | 
			
		||||
 | 
			
		||||
    // Zoom out once via button
 | 
			
		||||
    await zoomOutOfImageryByButton(page);
 | 
			
		||||
 | 
			
		||||
    // Get and assert zoomed out image dimensions
 | 
			
		||||
    const zoomedOutBoundingBox = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
    expect(zoomedOutBoundingBox.height).toBeLessThan(zoomedInBoundingBox.height);
 | 
			
		||||
    expect(zoomedOutBoundingBox.width).toBeLessThan(zoomedInBoundingBox.width);
 | 
			
		||||
 | 
			
		||||
    // Zoom out again via button, assert against the initial image dimensions
 | 
			
		||||
    await zoomOutOfImageryByButton(page);
 | 
			
		||||
    const finalBoundingBox = await page.locator(backgroundImageSelector).boundingBox();
 | 
			
		||||
    expect(finalBoundingBox).toEqual(initialBoundingBox);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 
 | 
			
		||||
@@ -27,6 +27,8 @@ This test suite is dedicated to tests which verify the basic operations surround
 | 
			
		||||
// FIXME: Remove this eslint exception once tests are implemented
 | 
			
		||||
// eslint-disable-next-line no-unused-vars
 | 
			
		||||
const { test, expect } = require('../../../../baseFixtures');
 | 
			
		||||
const { expandTreePaneItemByName, createDomainObjectWithDefaults } = require('../../../../appActions');
 | 
			
		||||
const nbUtils = require('../../../../helper/notebookUtils');
 | 
			
		||||
 | 
			
		||||
test.describe('Notebook CRUD Operations', () => {
 | 
			
		||||
    test.fixme('Can create a Notebook Object', async ({ page }) => {
 | 
			
		||||
@@ -67,10 +69,32 @@ test.describe('Default Notebook', () => {
 | 
			
		||||
 | 
			
		||||
test.describe('Notebook section tests', () => {
 | 
			
		||||
    //The following test cases are associated with Notebook Sections
 | 
			
		||||
    test.fixme('New sections are automatically named Unnamed Section with Unnamed Page', async ({ page }) => {
 | 
			
		||||
        //Create new notebook A
 | 
			
		||||
        //Add section
 | 
			
		||||
        //Verify new section and new page details
 | 
			
		||||
    test.beforeEach(async ({ page }) => {
 | 
			
		||||
        //Navigate to baseURL
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        // Create Notebook
 | 
			
		||||
        await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Notebook',
 | 
			
		||||
            name: "Test Notebook"
 | 
			
		||||
        });
 | 
			
		||||
    });
 | 
			
		||||
    test('Default and new sections are automatically named Unnamed Section with Unnamed Page', async ({ page }) => {
 | 
			
		||||
        // Check that the default section and page are created and the name matches the defaults
 | 
			
		||||
        const defaultSectionName = await page.locator('.c-notebook__sections .c-list__item__name').textContent();
 | 
			
		||||
        expect(defaultSectionName).toBe('Unnamed Section');
 | 
			
		||||
        const defaultPageName = await page.locator('.c-notebook__pages .c-list__item__name').textContent();
 | 
			
		||||
        expect(defaultPageName).toBe('Unnamed Page');
 | 
			
		||||
 | 
			
		||||
        // Expand sidebar and add a section
 | 
			
		||||
        await page.locator('.c-notebook__toggle-nav-button').click();
 | 
			
		||||
        await page.locator('.js-sidebar-sections .c-icon-button.icon-plus').click();
 | 
			
		||||
 | 
			
		||||
        // Check that new section and page within the new section match the defaults
 | 
			
		||||
        const newSectionName = await page.locator('.c-notebook__sections .c-list__item__name').nth(1).textContent();
 | 
			
		||||
        expect(newSectionName).toBe('Unnamed Section');
 | 
			
		||||
        const newPageName = await page.locator('.c-notebook__pages .c-list__item__name').textContent();
 | 
			
		||||
        expect(newPageName).toBe('Unnamed Page');
 | 
			
		||||
    });
 | 
			
		||||
    test.fixme('Section selection operations and associated behavior', async ({ page }) => {
 | 
			
		||||
        //Create new notebook A
 | 
			
		||||
@@ -107,6 +131,38 @@ test.describe('Notebook section tests', () => {
 | 
			
		||||
 | 
			
		||||
test.describe('Notebook page tests', () => {
 | 
			
		||||
    //The following test cases are associated with Notebook Pages
 | 
			
		||||
    test.beforeEach(async ({ page }) => {
 | 
			
		||||
        //Navigate to baseURL
 | 
			
		||||
        await page.goto('./', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        // Create Notebook
 | 
			
		||||
        await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Notebook',
 | 
			
		||||
            name: "Test Notebook"
 | 
			
		||||
        });
 | 
			
		||||
    });
 | 
			
		||||
    //Test will need to be implemented after a refactor in #5713
 | 
			
		||||
    // eslint-disable-next-line playwright/no-skipped-test
 | 
			
		||||
    test.skip('Delete page popup is removed properly on clicking dropdown again', async ({ page }) => {
 | 
			
		||||
        test.info().annotations.push({
 | 
			
		||||
            type: 'issue',
 | 
			
		||||
            description: 'https://github.com/nasa/openmct/issues/5713'
 | 
			
		||||
        });
 | 
			
		||||
        // Expand sidebar and add a second page
 | 
			
		||||
        await page.locator('.c-notebook__toggle-nav-button').click();
 | 
			
		||||
        await page.locator('text=Page Add >> button').click();
 | 
			
		||||
 | 
			
		||||
        // Click on the 2nd page dropdown button and expect the Delete Page option to appear
 | 
			
		||||
        await page.locator('button[title="Open context menu"]').nth(2).click();
 | 
			
		||||
        await expect(page.locator('text=Delete Page')).toBeEnabled();
 | 
			
		||||
        // Clicking on the same page a second time causes the same Delete Page option to recreate
 | 
			
		||||
        await page.locator('button[title="Open context menu"]').nth(2).click();
 | 
			
		||||
        await expect(page.locator('text=Delete Page')).toBeEnabled();
 | 
			
		||||
        // Clicking on the first page causes the first delete button to detach and recreate on the first page
 | 
			
		||||
        await page.locator('button[title="Open context menu"]').nth(1).click();
 | 
			
		||||
        const numOfDeletePagePopups = await page.locator('li[title="Delete Page"]').count();
 | 
			
		||||
        expect(numOfDeletePagePopups).toBe(1);
 | 
			
		||||
    });
 | 
			
		||||
    test.fixme('Page selection operations and associated behavior', async ({ page }) => {
 | 
			
		||||
        //Create new notebook A
 | 
			
		||||
        //Delete existing Page
 | 
			
		||||
@@ -154,13 +210,58 @@ test.describe('Notebook search tests', () => {
 | 
			
		||||
 | 
			
		||||
test.describe('Notebook entry tests', () => {
 | 
			
		||||
    test.fixme('When a new entry is created, it should be focused', async ({ page }) => {});
 | 
			
		||||
    test.fixme('When a telemetry object is dropped into a notebook, a new entry is created and it should be focused', async ({ page }) => {
 | 
			
		||||
        // Drag and drop any telmetry object on 'drop object'
 | 
			
		||||
        // new entry gets created with telemtry object
 | 
			
		||||
    test('When an object is dropped into a notebook, a new entry is created and it should be focused @unstable', async ({ page }) => {
 | 
			
		||||
        await page.goto('./#/browse/mine', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        // Create Notebook
 | 
			
		||||
        const notebook = await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Notebook',
 | 
			
		||||
            name: "Embed Test Notebook"
 | 
			
		||||
        });
 | 
			
		||||
        // Create Overlay Plot
 | 
			
		||||
        await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Overlay Plot',
 | 
			
		||||
            name: "Dropped Overlay Plot"
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        await expandTreePaneItemByName(page, 'My Items');
 | 
			
		||||
 | 
			
		||||
        await page.goto(notebook.url);
 | 
			
		||||
        await page.dragAndDrop('role=treeitem[name=/Dropped Overlay Plot/]', '.c-notebook__drag-area');
 | 
			
		||||
 | 
			
		||||
        const embed = page.locator('.c-ne__embed__link');
 | 
			
		||||
        const embedName = await embed.textContent();
 | 
			
		||||
 | 
			
		||||
        await expect(embed).toHaveClass(/icon-plot-overlay/);
 | 
			
		||||
        expect(embedName).toBe('Dropped Overlay Plot');
 | 
			
		||||
    });
 | 
			
		||||
    test.fixme('When a telemetry object is dropped into a notebooks existing entry, it should be focused', async ({ page }) => {
 | 
			
		||||
        // Drag and drop any telemetry object onto existing entry
 | 
			
		||||
        // Entry updated with object and snapshot
 | 
			
		||||
    test('When an object is dropped into a notebooks existing entry, it should be focused @unstable', async ({ page }) => {
 | 
			
		||||
        await page.goto('./#/browse/mine', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        // Create Notebook
 | 
			
		||||
        const notebook = await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Notebook',
 | 
			
		||||
            name: "Embed Test Notebook"
 | 
			
		||||
        });
 | 
			
		||||
        // Create Overlay Plot
 | 
			
		||||
        await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Overlay Plot',
 | 
			
		||||
            name: "Dropped Overlay Plot"
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        await expandTreePaneItemByName(page, 'My Items');
 | 
			
		||||
 | 
			
		||||
        await page.goto(notebook.url);
 | 
			
		||||
 | 
			
		||||
        await nbUtils.enterTextEntry(page, 'Entry to drop into');
 | 
			
		||||
        await page.dragAndDrop('role=treeitem[name=/Dropped Overlay Plot/]', 'text=Entry to drop into');
 | 
			
		||||
 | 
			
		||||
        const existingEntry = page.locator('.c-ne__content', { has: page.locator('text="Entry to drop into"') });
 | 
			
		||||
        const embed = existingEntry.locator('.c-ne__embed__link');
 | 
			
		||||
        const embedName = await embed.textContent();
 | 
			
		||||
 | 
			
		||||
        await expect(embed).toHaveClass(/icon-plot-overlay/);
 | 
			
		||||
        expect(embedName).toBe('Dropped Overlay Plot');
 | 
			
		||||
    });
 | 
			
		||||
    test.fixme('new entries persist through navigation events without save', async ({ page }) => {});
 | 
			
		||||
    test.fixme('previous and new entries can be deleted', async ({ page }) => {});
 | 
			
		||||
 
 | 
			
		||||
@@ -23,11 +23,11 @@
 | 
			
		||||
const { test, expect } = require('../../../../pluginFixtures');
 | 
			
		||||
const { openObjectTreeContextMenu, createDomainObjectWithDefaults } = require('../../../../appActions');
 | 
			
		||||
const path = require('path');
 | 
			
		||||
const nbUtils = require('../../../../helper/notebookUtils');
 | 
			
		||||
 | 
			
		||||
const TEST_TEXT = 'Testing text for entries.';
 | 
			
		||||
const TEST_TEXT_NAME = 'Test Page';
 | 
			
		||||
const CUSTOM_NAME = 'CUSTOM_NAME';
 | 
			
		||||
const NOTEBOOK_DROP_AREA = '.c-notebook__drag-area';
 | 
			
		||||
 | 
			
		||||
test.describe('Restricted Notebook', () => {
 | 
			
		||||
    let notebook;
 | 
			
		||||
@@ -66,7 +66,7 @@ test.describe('Restricted Notebook', () => {
 | 
			
		||||
 | 
			
		||||
    test('Can be locked if at least one page has one entry @addInit', async ({ page }) => {
 | 
			
		||||
 | 
			
		||||
        await enterTextEntry(page);
 | 
			
		||||
        await nbUtils.enterTextEntry(page, TEST_TEXT);
 | 
			
		||||
 | 
			
		||||
        const commitButton = page.locator('button:has-text("Commit Entries")');
 | 
			
		||||
        expect(await commitButton.count()).toEqual(1);
 | 
			
		||||
@@ -78,7 +78,7 @@ test.describe('Restricted Notebook with at least one entry and with the page loc
 | 
			
		||||
    let notebook;
 | 
			
		||||
    test.beforeEach(async ({ page }) => {
 | 
			
		||||
        notebook = await startAndAddRestrictedNotebookObject(page);
 | 
			
		||||
        await enterTextEntry(page);
 | 
			
		||||
        await nbUtils.enterTextEntry(page, TEST_TEXT);
 | 
			
		||||
        await lockPage(page);
 | 
			
		||||
 | 
			
		||||
        // open sidebar
 | 
			
		||||
@@ -121,7 +121,7 @@ test.describe('Restricted Notebook with at least one entry and with the page loc
 | 
			
		||||
        expect.soft(newPageCount).toEqual(1);
 | 
			
		||||
 | 
			
		||||
        // enter test text
 | 
			
		||||
        await enterTextEntry(page);
 | 
			
		||||
        await nbUtils.enterTextEntry(page, TEST_TEXT);
 | 
			
		||||
 | 
			
		||||
        // expect new page to be lockable
 | 
			
		||||
        const commitButton = page.locator('BUTTON:HAS-TEXT("COMMIT ENTRIES")');
 | 
			
		||||
@@ -148,7 +148,7 @@ test.describe('Restricted Notebook with a page locked and with an embed @addInit
 | 
			
		||||
    test.beforeEach(async ({ page, openmctConfig }) => {
 | 
			
		||||
        const { myItemsFolderName } = openmctConfig;
 | 
			
		||||
        await startAndAddRestrictedNotebookObject(page);
 | 
			
		||||
        await dragAndDropEmbed(page, myItemsFolderName);
 | 
			
		||||
        await nbUtils.dragAndDropEmbed(page, myItemsFolderName);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Allows embeds to be deleted if page unlocked @addInit', async ({ page }) => {
 | 
			
		||||
@@ -181,42 +181,6 @@ async function startAndAddRestrictedNotebookObject(page) {
 | 
			
		||||
    return createDomainObjectWithDefaults(page, { type: CUSTOM_NAME });
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * @param {import('@playwright/test').Page} page
 | 
			
		||||
 */
 | 
			
		||||
async function enterTextEntry(page) {
 | 
			
		||||
    // Click .c-notebook__drag-area
 | 
			
		||||
    await page.locator(NOTEBOOK_DROP_AREA).click();
 | 
			
		||||
 | 
			
		||||
    // enter text
 | 
			
		||||
    await page.locator('div.c-ne__text').click();
 | 
			
		||||
    await page.locator('div.c-ne__text').fill(TEST_TEXT);
 | 
			
		||||
    await page.locator('div.c-ne__text').press('Enter');
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * @param {import('@playwright/test').Page} page
 | 
			
		||||
 */
 | 
			
		||||
async function dragAndDropEmbed(page, myItemsFolderName) {
 | 
			
		||||
    // Click button:has-text("Create")
 | 
			
		||||
    await page.locator('button:has-text("Create")').click();
 | 
			
		||||
    // Click li:has-text("Sine Wave Generator")
 | 
			
		||||
    await page.locator('li:has-text("Sine Wave Generator")').click();
 | 
			
		||||
    // Click form[name="mctForm"] >> text=My Items
 | 
			
		||||
    await page.locator(`form[name="mctForm"] >> text=${myItemsFolderName}`).click();
 | 
			
		||||
    // Click text=OK
 | 
			
		||||
    await page.locator('text=OK').click();
 | 
			
		||||
    // Click text=Open MCT My Items >> span >> nth=3
 | 
			
		||||
    await page.locator(`text=Open MCT ${myItemsFolderName} >> span`).nth(3).click();
 | 
			
		||||
    // Click text=Unnamed CUSTOM_NAME
 | 
			
		||||
    await Promise.all([
 | 
			
		||||
        page.waitForNavigation(),
 | 
			
		||||
        page.locator('text=Unnamed CUSTOM_NAME').click()
 | 
			
		||||
    ]);
 | 
			
		||||
 | 
			
		||||
    await page.dragAndDrop('text=UNNAMED SINE WAVE GENERATOR', NOTEBOOK_DROP_AREA);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * @param {import('@playwright/test').Page} page
 | 
			
		||||
 */
 | 
			
		||||
 
 | 
			
		||||
@@ -155,11 +155,11 @@ test.describe('Tagging in Notebooks @addInit', () => {
 | 
			
		||||
 | 
			
		||||
        // Fill [aria-label="OpenMCT Search"] input[type="search"]
 | 
			
		||||
        await page.locator('[aria-label="OpenMCT Search"] input[type="search"]').fill('Unnamed');
 | 
			
		||||
        await expect(page.locator('text=No matching results.')).toBeVisible();
 | 
			
		||||
        await expect(page.locator('text=No results found')).toBeVisible();
 | 
			
		||||
        await page.locator('[aria-label="OpenMCT Search"] input[type="search"]').fill('sci');
 | 
			
		||||
        await expect(page.locator('text=No matching results.')).toBeVisible();
 | 
			
		||||
        await expect(page.locator('text=No results found')).toBeVisible();
 | 
			
		||||
        await page.locator('[aria-label="OpenMCT Search"] input[type="search"]').fill('dri');
 | 
			
		||||
        await expect(page.locator('text=No matching results.')).toBeVisible();
 | 
			
		||||
        await expect(page.locator('text=No results found')).toBeVisible();
 | 
			
		||||
    });
 | 
			
		||||
    test('Tags persist across reload', async ({ page }) => {
 | 
			
		||||
        //Go to baseURL
 | 
			
		||||
 
 | 
			
		||||
@@ -56,7 +56,7 @@ test.describe('ExportAsJSON', () => {
 | 
			
		||||
 | 
			
		||||
        await canvas.hover({trial: true});
 | 
			
		||||
 | 
			
		||||
        expect(await canvas.screenshot()).toMatchSnapshot('autoscale-canvas-prepan');
 | 
			
		||||
        expect(await canvas.screenshot()).toMatchSnapshot('autoscale-canvas-prepan.png', { animations: 'disabled' });
 | 
			
		||||
 | 
			
		||||
        //Alt Drag Start
 | 
			
		||||
        await page.keyboard.down('Alt');
 | 
			
		||||
@@ -80,7 +80,7 @@ test.describe('ExportAsJSON', () => {
 | 
			
		||||
 | 
			
		||||
        await canvas.hover({trial: true});
 | 
			
		||||
 | 
			
		||||
        expect(await canvas.screenshot()).toMatchSnapshot('autoscale-canvas-panned');
 | 
			
		||||
        expect(await canvas.screenshot()).toMatchSnapshot('autoscale-canvas-panned.png', { animations: 'disabled' });
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
| 
		 Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB  | 
| 
		 Before Width: | Height: | Size: 15 KiB  | 
| 
		 After Width: | Height: | Size: 15 KiB  | 
| 
		 Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB  | 
| 
		 Before Width: | Height: | Size: 18 KiB  | 
| 
		 After Width: | Height: | Size: 18 KiB  | 
							
								
								
									
										110
									
								
								e2e/tests/functional/plugins/plot/plotLegendSwatch.e2e.spec.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						@@ -0,0 +1,110 @@
 | 
			
		||||
/*****************************************************************************
 | 
			
		||||
 * Open MCT, Copyright (c) 2014-2022, United States Government
 | 
			
		||||
 * as represented by the Administrator of the National Aeronautics and Space
 | 
			
		||||
 * Administration. All rights reserved.
 | 
			
		||||
 *
 | 
			
		||||
 * Open MCT is licensed under the Apache License, Version 2.0 (the
 | 
			
		||||
 * "License"); you may not use this file except in compliance with the License.
 | 
			
		||||
 * You may obtain a copy of the License at
 | 
			
		||||
 * http://www.apache.org/licenses/LICENSE-2.0.
 | 
			
		||||
 *
 | 
			
		||||
 * Unless required by applicable law or agreed to in writing, software
 | 
			
		||||
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 | 
			
		||||
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 | 
			
		||||
 * License for the specific language governing permissions and limitations
 | 
			
		||||
 * under the License.
 | 
			
		||||
 *
 | 
			
		||||
 * Open MCT includes source code licensed under additional open source
 | 
			
		||||
 * licenses. See the Open Source Licenses file (LICENSES.md) included with
 | 
			
		||||
 * this source code distribution or the Licensing information page available
 | 
			
		||||
 * at runtime from the About dialog for additional information.
 | 
			
		||||
 *****************************************************************************/
 | 
			
		||||
 | 
			
		||||
/*
 | 
			
		||||
Tests to verify log plot functionality. Note this test suite if very much under active development and should not
 | 
			
		||||
necessarily be used for reference when writing new tests in this area.
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
const { test, expect } = require('../../../../pluginFixtures');
 | 
			
		||||
 | 
			
		||||
test.describe('Legend color in sync with plot color', () => {
 | 
			
		||||
    test('Testing', async ({ page }) => {
 | 
			
		||||
        await makeOverlayPlot(page);
 | 
			
		||||
 | 
			
		||||
        // navigate to plot series color palette
 | 
			
		||||
        await page.click('.l-browse-bar__actions__edit');
 | 
			
		||||
        await page.locator('li.c-tree__item.menus-to-left .c-disclosure-triangle').click();
 | 
			
		||||
        await page.locator('.c-click-swatch--menu').click();
 | 
			
		||||
        await page.locator('.c-palette__item[style="background: rgb(255, 166, 61);"]').click();
 | 
			
		||||
 | 
			
		||||
        // gets color for swatch located in legend
 | 
			
		||||
        const element = await page.waitForSelector('.plot-series-color-swatch');
 | 
			
		||||
        const color = await element.evaluate((el) => {
 | 
			
		||||
            return window.getComputedStyle(el).getPropertyValue('background-color');
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        expect(color).toBe('rgb(255, 166, 61)');
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
async function saveOverlayPlot(page) {
 | 
			
		||||
    // save overlay plot
 | 
			
		||||
    await page.locator('text=Snapshot Save and Finish Editing Save and Continue Editing >> button').nth(1).click();
 | 
			
		||||
 | 
			
		||||
    await Promise.all([
 | 
			
		||||
        page.locator('text=Save and Finish Editing').click(),
 | 
			
		||||
        //Wait for Save Banner to appear
 | 
			
		||||
        page.waitForSelector('.c-message-banner__message')
 | 
			
		||||
    ]);
 | 
			
		||||
    //Wait until Save Banner is gone
 | 
			
		||||
    await page.locator('.c-message-banner__close-button').click();
 | 
			
		||||
    await page.waitForSelector('.c-message-banner__message', { state: 'detached' });
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
async function makeOverlayPlot(page) {
 | 
			
		||||
    // fresh page with time range from 2022-03-29 22:00:00.000Z to 2022-03-29 22:00:30.000Z
 | 
			
		||||
    await page.goto('/', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
    // create overlay plot
 | 
			
		||||
 | 
			
		||||
    await page.locator('button.c-create-button').click();
 | 
			
		||||
    await page.locator('li:has-text("Overlay Plot")').click();
 | 
			
		||||
    await Promise.all([
 | 
			
		||||
        page.waitForNavigation({ waitUntil: 'networkidle'}),
 | 
			
		||||
        page.locator('text=OK').click(),
 | 
			
		||||
        //Wait for Save Banner to appear
 | 
			
		||||
        page.waitForSelector('.c-message-banner__message')
 | 
			
		||||
    ]);
 | 
			
		||||
    //Wait until Save Banner is gone
 | 
			
		||||
    await page.locator('.c-message-banner__close-button').click();
 | 
			
		||||
    await page.waitForSelector('.c-message-banner__message', { state: 'detached'});
 | 
			
		||||
 | 
			
		||||
    // save the overlay plot
 | 
			
		||||
 | 
			
		||||
    await saveOverlayPlot(page);
 | 
			
		||||
 | 
			
		||||
    // create a sinewave generator
 | 
			
		||||
 | 
			
		||||
    await page.locator('button.c-create-button').click();
 | 
			
		||||
    await page.locator('li:has-text("Sine Wave Generator")').click();
 | 
			
		||||
 | 
			
		||||
    // Click OK to make generator
 | 
			
		||||
 | 
			
		||||
    await Promise.all([
 | 
			
		||||
        page.waitForNavigation({ waitUntil: 'networkidle'}),
 | 
			
		||||
        page.locator('text=OK').click(),
 | 
			
		||||
        //Wait for Save Banner to appear
 | 
			
		||||
        page.waitForSelector('.c-message-banner__message')
 | 
			
		||||
    ]);
 | 
			
		||||
    //Wait until Save Banner is gone
 | 
			
		||||
    await page.locator('.c-message-banner__close-button').click();
 | 
			
		||||
    await page.waitForSelector('.c-message-banner__message', { state: 'detached'});
 | 
			
		||||
 | 
			
		||||
    // click on overlay plot
 | 
			
		||||
 | 
			
		||||
    await page.locator('text=Open MCT My Items >> span').nth(3).click();
 | 
			
		||||
    await Promise.all([
 | 
			
		||||
        page.waitForNavigation(),
 | 
			
		||||
        page.locator('text=Unnamed Overlay Plot').first().click()
 | 
			
		||||
    ]);
 | 
			
		||||
}
 | 
			
		||||
@@ -111,7 +111,7 @@ test.describe("Search Tests @unstable", () => {
 | 
			
		||||
        expect(await searchResults.count()).toBe(0);
 | 
			
		||||
 | 
			
		||||
        // Verify proper message appears
 | 
			
		||||
        await expect(page.locator('text=No matching results.')).toBeVisible();
 | 
			
		||||
        await expect(page.locator('text=No results found')).toBeVisible();
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    test('Validate single object in search result @couchdb', async ({ page }) => {
 | 
			
		||||
@@ -220,7 +220,7 @@ async function createObjectsForSearch(page, myItemsFolderName) {
 | 
			
		||||
    ]);
 | 
			
		||||
 | 
			
		||||
    await page.locator('button:has-text("Create")').click();
 | 
			
		||||
    await page.locator('li[title="A UTC-based clock that supports a variety of display formats. Clocks can be added to Display Layouts."]').click();
 | 
			
		||||
    await page.locator('li[title="A digital clock that uses system time and supports a variety of display formats and timezones."]').click();
 | 
			
		||||
    await Promise.all([
 | 
			
		||||
        page.waitForNavigation(),
 | 
			
		||||
        await page.locator('text=Properties Title Notes >> input[type="text"] >> nth=0').fill('Clock A'),
 | 
			
		||||
@@ -229,7 +229,7 @@ async function createObjectsForSearch(page, myItemsFolderName) {
 | 
			
		||||
    ]);
 | 
			
		||||
 | 
			
		||||
    await page.locator('button:has-text("Create")').click();
 | 
			
		||||
    await page.locator('li[title="A UTC-based clock that supports a variety of display formats. Clocks can be added to Display Layouts."]').click();
 | 
			
		||||
    await page.locator('li[title="A digital clock that uses system time and supports a variety of display formats and timezones."]').click();
 | 
			
		||||
    await Promise.all([
 | 
			
		||||
        page.waitForNavigation(),
 | 
			
		||||
        await page.locator('text=Properties Title Notes >> input[type="text"] >> nth=0').fill('Clock B'),
 | 
			
		||||
@@ -238,7 +238,7 @@ async function createObjectsForSearch(page, myItemsFolderName) {
 | 
			
		||||
    ]);
 | 
			
		||||
 | 
			
		||||
    await page.locator('button:has-text("Create")').click();
 | 
			
		||||
    await page.locator('li[title="A UTC-based clock that supports a variety of display formats. Clocks can be added to Display Layouts."]').click();
 | 
			
		||||
    await page.locator('li[title="A digital clock that uses system time and supports a variety of display formats and timezones."]').click();
 | 
			
		||||
    await Promise.all([
 | 
			
		||||
        page.waitForNavigation(),
 | 
			
		||||
        await page.locator('text=Properties Title Notes >> input[type="text"] >> nth=0').fill('Clock C'),
 | 
			
		||||
@@ -247,7 +247,7 @@ async function createObjectsForSearch(page, myItemsFolderName) {
 | 
			
		||||
    ]);
 | 
			
		||||
 | 
			
		||||
    await page.locator('button:has-text("Create")').click();
 | 
			
		||||
    await page.locator('li[title="A UTC-based clock that supports a variety of display formats. Clocks can be added to Display Layouts."]').click();
 | 
			
		||||
    await page.locator('li[title="A digital clock that uses system time and supports a variety of display formats and timezones."]').click();
 | 
			
		||||
    await Promise.all([
 | 
			
		||||
        page.waitForNavigation(),
 | 
			
		||||
        await page.locator('text=Properties Title Notes >> input[type="text"] >> nth=0').fill('Clock D'),
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										51
									
								
								e2e/tests/visual/notebook.visual.spec.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						@@ -0,0 +1,51 @@
 | 
			
		||||
/*****************************************************************************
 | 
			
		||||
 * Open MCT, Copyright (c) 2014-2022, United States Government
 | 
			
		||||
 * as represented by the Administrator of the National Aeronautics and Space
 | 
			
		||||
 * Administration. All rights reserved.
 | 
			
		||||
 *
 | 
			
		||||
 * Open MCT is licensed under the Apache License, Version 2.0 (the
 | 
			
		||||
 * "License"); you may not use this file except in compliance with the License.
 | 
			
		||||
 * You may obtain a copy of the License at
 | 
			
		||||
 * http://www.apache.org/licenses/LICENSE-2.0.
 | 
			
		||||
 *
 | 
			
		||||
 * Unless required by applicable law or agreed to in writing, software
 | 
			
		||||
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 | 
			
		||||
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 | 
			
		||||
 * License for the specific language governing permissions and limitations
 | 
			
		||||
 * under the License.
 | 
			
		||||
 *
 | 
			
		||||
 * Open MCT includes source code licensed under additional open source
 | 
			
		||||
 * licenses. See the Open Source Licenses file (LICENSES.md) included with
 | 
			
		||||
 * this source code distribution or the Licensing information page available
 | 
			
		||||
 * at runtime from the About dialog for additional information.
 | 
			
		||||
 *****************************************************************************/
 | 
			
		||||
 | 
			
		||||
const { test } = require('../../pluginFixtures');
 | 
			
		||||
const percySnapshot = require('@percy/playwright');
 | 
			
		||||
const { expandTreePaneItemByName, createDomainObjectWithDefaults } = require('../../appActions');
 | 
			
		||||
 | 
			
		||||
test.describe('Visual - Notebook', () => {
 | 
			
		||||
    test('Accepts dropped objects as embeds @unstable', async ({ page, theme, openmctConfig }) => {
 | 
			
		||||
        const { myItemsFolderName } = openmctConfig;
 | 
			
		||||
        await page.goto('./#/browse/mine', { waitUntil: 'networkidle' });
 | 
			
		||||
 | 
			
		||||
        // Create Notebook
 | 
			
		||||
        const notebook = await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Notebook',
 | 
			
		||||
            name: "Embed Test Notebook"
 | 
			
		||||
        });
 | 
			
		||||
        // Create Overlay Plot
 | 
			
		||||
        await createDomainObjectWithDefaults(page, {
 | 
			
		||||
            type: 'Overlay Plot',
 | 
			
		||||
            name: "Dropped Overlay Plot"
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        await expandTreePaneItemByName(page, myItemsFolderName);
 | 
			
		||||
 | 
			
		||||
        await page.goto(notebook.url);
 | 
			
		||||
        await page.dragAndDrop('role=treeitem[name=/Dropped Overlay Plot/]', '.c-notebook__drag-area');
 | 
			
		||||
 | 
			
		||||
        await percySnapshot(page, `Notebook w/ dropped embed (theme: ${theme})`);
 | 
			
		||||
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
@@ -36,7 +36,7 @@ define([
 | 
			
		||||
 | 
			
		||||
        openmct.types.addType("example.state-generator", {
 | 
			
		||||
            name: "State Generator",
 | 
			
		||||
            description: "For development use.  Generates test enumerated telemetry by cycling through a given set of states",
 | 
			
		||||
            description: "For development use. Generates example enumerated telemetry by cycling through a given set of states.",
 | 
			
		||||
            cssClass: "icon-generator-telemetry",
 | 
			
		||||
            creatable: true,
 | 
			
		||||
            form: [
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										24
									
								
								package.json
									
									
									
									
									
								
							
							
						
						@@ -1,13 +1,13 @@
 | 
			
		||||
{
 | 
			
		||||
  "name": "openmct",
 | 
			
		||||
  "version": "2.0.8",
 | 
			
		||||
  "version": "2.1.1-SNAPSHOT",
 | 
			
		||||
  "description": "The Open MCT core platform",
 | 
			
		||||
  "devDependencies": {
 | 
			
		||||
    "@babel/eslint-parser": "7.18.9",
 | 
			
		||||
    "@braintree/sanitize-url": "6.0.0",
 | 
			
		||||
    "@percy/cli": "1.10.0",
 | 
			
		||||
    "@percy/cli": "1.10.3",
 | 
			
		||||
    "@percy/playwright": "1.0.4",
 | 
			
		||||
    "@playwright/test": "1.23.0",
 | 
			
		||||
    "@playwright/test": "1.25.2",
 | 
			
		||||
    "@types/eventemitter3": "^1.0.0",
 | 
			
		||||
    "@types/jasmine": "^4.0.1",
 | 
			
		||||
    "@types/karma": "^6.3.2",
 | 
			
		||||
@@ -23,7 +23,7 @@
 | 
			
		||||
    "d3-axis": "3.0.0",
 | 
			
		||||
    "d3-scale": "3.3.0",
 | 
			
		||||
    "d3-selection": "3.0.0",
 | 
			
		||||
    "eslint": "8.22.0",
 | 
			
		||||
    "eslint": "8.23.1",
 | 
			
		||||
    "eslint-plugin-compat": "4.0.2",
 | 
			
		||||
    "eslint-plugin-playwright": "0.11.1",
 | 
			
		||||
    "eslint-plugin-vue": "9.3.0",
 | 
			
		||||
@@ -34,7 +34,7 @@
 | 
			
		||||
    "git-rev-sync": "3.0.2",
 | 
			
		||||
    "html2canvas": "1.4.1",
 | 
			
		||||
    "imports-loader": "4.0.1",
 | 
			
		||||
    "jasmine-core": "4.3.0",
 | 
			
		||||
    "jasmine-core": "4.4.0",
 | 
			
		||||
    "karma": "6.3.20",
 | 
			
		||||
    "karma-chrome-launcher": "3.1.1",
 | 
			
		||||
    "karma-cli": "2.0.0",
 | 
			
		||||
@@ -58,19 +58,19 @@
 | 
			
		||||
    "printj": "1.3.1",
 | 
			
		||||
    "request": "2.88.2",
 | 
			
		||||
    "resolve-url-loader": "5.0.0",
 | 
			
		||||
    "sass": "1.54.4",
 | 
			
		||||
    "sass": "1.54.9",
 | 
			
		||||
    "sass-loader": "13.0.2",
 | 
			
		||||
    "sinon": "14.0.0",
 | 
			
		||||
    "style-loader": "^1.0.1",
 | 
			
		||||
    "uuid": "8.3.2",
 | 
			
		||||
    "style-loader": "^3.3.1",
 | 
			
		||||
    "uuid": "9.0.0",
 | 
			
		||||
    "vue": "2.6.14",
 | 
			
		||||
    "vue-eslint-parser": "9.0.2",
 | 
			
		||||
    "vue-eslint-parser": "9.1.0",
 | 
			
		||||
    "vue-loader": "15.9.8",
 | 
			
		||||
    "vue-template-compiler": "2.6.14",
 | 
			
		||||
    "webpack": "5.68.0",
 | 
			
		||||
    "webpack": "5.74.0",
 | 
			
		||||
    "webpack-cli": "4.10.0",
 | 
			
		||||
    "webpack-dev-middleware": "5.3.3",
 | 
			
		||||
    "webpack-hot-middleware": "2.25.1",
 | 
			
		||||
    "webpack-hot-middleware": "2.25.2",
 | 
			
		||||
    "webpack-merge": "5.8.0"
 | 
			
		||||
  },
 | 
			
		||||
  "scripts": {
 | 
			
		||||
@@ -93,7 +93,7 @@
 | 
			
		||||
    "test:e2e:local": "npx playwright test --config=e2e/playwright-local.config.js --project=chrome",
 | 
			
		||||
    "test:e2e:updatesnapshots": "npx playwright test --config=e2e/playwright-ci.config.js --project=chrome --grep @snapshot --update-snapshots",
 | 
			
		||||
    "test:e2e:visual": "percy exec --config ./e2e/.percy.yml -- npx playwright test --config=e2e/playwright-visual.config.js --grep-invert @unstable",
 | 
			
		||||
    "test:e2e:full": "npx playwright test --config=e2e/playwright-ci.config.js",
 | 
			
		||||
    "test:e2e:full": "npx playwright test --config=e2e/playwright-ci.config.js --grep-invert @couchdb",
 | 
			
		||||
    "test:perf": "npx playwright test --config=e2e/playwright-performance.config.js",
 | 
			
		||||
    "test:watch": "cross-env NODE_ENV=test NODE_OPTIONS=\"--max_old_space_size=4096\" karma start --no-single-run",
 | 
			
		||||
    "update-about-dialog-copyright": "perl -pi -e 's/20\\d\\d\\-202\\d/2014\\-2022/gm' ./src/ui/layout/AboutDialog.vue",
 | 
			
		||||
 
 | 
			
		||||
@@ -139,7 +139,7 @@ export default class FormsAPI extends EventEmitter {
 | 
			
		||||
        } else {
 | 
			
		||||
            overlay = self.openmct.overlays.overlay({
 | 
			
		||||
                element: vm.$el,
 | 
			
		||||
                size: 'small',
 | 
			
		||||
                size: 'dialog',
 | 
			
		||||
                onDestroy: () => vm.$destroy()
 | 
			
		||||
            });
 | 
			
		||||
        }
 | 
			
		||||
 
 | 
			
		||||
@@ -32,53 +32,49 @@
 | 
			
		||||
        prevent
 | 
			
		||||
        class="u-contents"
 | 
			
		||||
    >
 | 
			
		||||
        <div class="field control date">
 | 
			
		||||
            <input
 | 
			
		||||
                v-model="date"
 | 
			
		||||
                :pattern="/\d{4}-\d{2}-\d{2}/"
 | 
			
		||||
                :placeholder="format"
 | 
			
		||||
                type="date"
 | 
			
		||||
                name="date"
 | 
			
		||||
                @change="onChange"
 | 
			
		||||
            >
 | 
			
		||||
        </div>
 | 
			
		||||
        <div class="field control hour sm">
 | 
			
		||||
            <input
 | 
			
		||||
                v-model="hour"
 | 
			
		||||
                :pattern="/\d+/"
 | 
			
		||||
                type="number"
 | 
			
		||||
                name="hour"
 | 
			
		||||
                maxlength="10"
 | 
			
		||||
                min="0"
 | 
			
		||||
                max="23"
 | 
			
		||||
                @change="onChange"
 | 
			
		||||
            >
 | 
			
		||||
        </div>
 | 
			
		||||
        <div class="field control min sm">
 | 
			
		||||
            <input
 | 
			
		||||
                v-model="min"
 | 
			
		||||
                :pattern="/\d+/"
 | 
			
		||||
                type="number"
 | 
			
		||||
                name="min"
 | 
			
		||||
                maxlength="2"
 | 
			
		||||
                min="0"
 | 
			
		||||
                max="59"
 | 
			
		||||
                @change="onChange"
 | 
			
		||||
            >
 | 
			
		||||
        </div>
 | 
			
		||||
        <div class="field control sec sm">
 | 
			
		||||
            <input
 | 
			
		||||
                v-model="sec"
 | 
			
		||||
                :pattern="/\d+/"
 | 
			
		||||
                type="number"
 | 
			
		||||
                name="sec"
 | 
			
		||||
                maxlength="2"
 | 
			
		||||
                min="0"
 | 
			
		||||
                max="59"
 | 
			
		||||
                @change="onChange"
 | 
			
		||||
            >
 | 
			
		||||
        </div>
 | 
			
		||||
        <div class="field control timezone">
 | 
			
		||||
        <input
 | 
			
		||||
            v-model="date"
 | 
			
		||||
            class="field control date"
 | 
			
		||||
            :pattern="/\d{4}-\d{2}-\d{2}/"
 | 
			
		||||
            :placeholder="format"
 | 
			
		||||
            type="date"
 | 
			
		||||
            name="date"
 | 
			
		||||
            @change="onChange"
 | 
			
		||||
        >
 | 
			
		||||
        <input
 | 
			
		||||
            v-model="hour"
 | 
			
		||||
            class="field control hour c-input--sm"
 | 
			
		||||
            :pattern="/\d+/"
 | 
			
		||||
            type="number"
 | 
			
		||||
            name="hour"
 | 
			
		||||
            maxlength="10"
 | 
			
		||||
            min="0"
 | 
			
		||||
            max="23"
 | 
			
		||||
            @change="onChange"
 | 
			
		||||
        >
 | 
			
		||||
        <input
 | 
			
		||||
            v-model="min"
 | 
			
		||||
            class="field control min c-input--sm"
 | 
			
		||||
            :pattern="/\d+/"
 | 
			
		||||
            type="number"
 | 
			
		||||
            name="min"
 | 
			
		||||
            maxlength="2"
 | 
			
		||||
            min="0"
 | 
			
		||||
            max="59"
 | 
			
		||||
            @change="onChange"
 | 
			
		||||
        >
 | 
			
		||||
        <input
 | 
			
		||||
            v-model="sec"
 | 
			
		||||
            class="field control sec c-input--sm"
 | 
			
		||||
            :pattern="/\d+/"
 | 
			
		||||
            type="number"
 | 
			
		||||
            name="sec"
 | 
			
		||||
            maxlength="2"
 | 
			
		||||
            min="0"
 | 
			
		||||
            max="59"
 | 
			
		||||
            @change="onChange"
 | 
			
		||||
        >
 | 
			
		||||
        <div class="field control hint timezone">
 | 
			
		||||
            UTC
 | 
			
		||||
        </div>
 | 
			
		||||
    </form>
 | 
			
		||||
 
 | 
			
		||||
@@ -6,7 +6,8 @@ const cssClasses = {
 | 
			
		||||
    large: 'l-overlay-large',
 | 
			
		||||
    small: 'l-overlay-small',
 | 
			
		||||
    fit: 'l-overlay-fit',
 | 
			
		||||
    fullscreen: 'l-overlay-fullscreen'
 | 
			
		||||
    fullscreen: 'l-overlay-fullscreen',
 | 
			
		||||
    dialog: 'l-overlay-dialog'
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
class Overlay extends EventEmitter {
 | 
			
		||||
 
 | 
			
		||||
@@ -1,4 +1,4 @@
 | 
			
		||||
@mixin overlaySizing($marginTB: 5%, $marginLR: $marginTB, $width: auto, $height: auto) {
 | 
			
		||||
@mixin overlaySizing($marginTB: auto, $marginLR: auto, $width: auto, $height: auto) {
 | 
			
		||||
    position: absolute;
 | 
			
		||||
    top: $marginTB; right: $marginLR; bottom: $marginTB; left: $marginLR;
 | 
			
		||||
    width: $width;
 | 
			
		||||
@@ -98,6 +98,7 @@ body.desktop {
 | 
			
		||||
    // Overlay types, styling for desktop. Appended to .l-overlay-wrapper element.
 | 
			
		||||
    .l-overlay-large,
 | 
			
		||||
    .l-overlay-small,
 | 
			
		||||
    .l-overlay-dialog,
 | 
			
		||||
    .l-overlay-fit {
 | 
			
		||||
        .c-overlay__outer {
 | 
			
		||||
            border-radius: $overlayCr;
 | 
			
		||||
@@ -108,7 +109,7 @@ body.desktop {
 | 
			
		||||
    .l-overlay-fullscreen {
 | 
			
		||||
        // Used by About > Licenses display
 | 
			
		||||
        .c-overlay__outer {
 | 
			
		||||
            @include overlaySizing($overlayOuterMarginFullscreen);
 | 
			
		||||
            @include overlaySizing(nth($overlayOuterMarginFullscreen, 1), nth($overlayOuterMarginFullscreen, 2));
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
@@ -119,7 +120,7 @@ body.desktop {
 | 
			
		||||
        $lrPad: $pad;
 | 
			
		||||
        .c-overlay {
 | 
			
		||||
            &__outer {
 | 
			
		||||
                @include overlaySizing($overlayOuterMarginLarge);
 | 
			
		||||
                @include overlaySizing(nth($overlayOuterMarginLarge, 1), nth($overlayOuterMarginLarge, 2));
 | 
			
		||||
                padding: $tbPad $lrPad;
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
@@ -137,14 +138,20 @@ body.desktop {
 | 
			
		||||
 | 
			
		||||
    .l-overlay-small {
 | 
			
		||||
        .c-overlay__outer {
 | 
			
		||||
            @include overlaySizing($overlayOuterMarginDialog);
 | 
			
		||||
            @include overlaySizing(nth($overlayOuterMarginSmall, 1), nth($overlayOuterMarginSmall, 2));
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .l-overlay-dialog {
 | 
			
		||||
        .c-overlay__outer {
 | 
			
		||||
            @include overlaySizing(nth($overlayOuterMarginDialog, 1), nth($overlayOuterMarginDialog, 2));
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .t-dialog-sm .l-overlay-small, // Legacy dialog support
 | 
			
		||||
    .l-overlay-fit {
 | 
			
		||||
        .c-overlay__outer {
 | 
			
		||||
            @include overlaySizing(auto);
 | 
			
		||||
            @include overlaySizing(auto, auto);
 | 
			
		||||
            top: 50%;
 | 
			
		||||
            left: 50%;
 | 
			
		||||
            transform: translate(-50%, -50%);
 | 
			
		||||
 
 | 
			
		||||
@@ -171,27 +171,38 @@ class TimeAPI extends GlobalTimeContext {
 | 
			
		||||
     * @memberof module:openmct.TimeAPI#
 | 
			
		||||
     * @method getContextForView
 | 
			
		||||
     */
 | 
			
		||||
    getContextForView(objectPath = []) {
 | 
			
		||||
        const viewKey = objectPath.length && this.openmct.objects.makeKeyString(objectPath[0].identifier);
 | 
			
		||||
 | 
			
		||||
        if (viewKey) {
 | 
			
		||||
            let viewTimeContext = this.getIndependentContext(viewKey);
 | 
			
		||||
            if (viewTimeContext) {
 | 
			
		||||
                this.independentContexts.delete(viewKey);
 | 
			
		||||
            } else {
 | 
			
		||||
                viewTimeContext = new IndependentTimeContext(this.openmct, this, objectPath);
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            // return a new IndependentContext in case the objectPath is different
 | 
			
		||||
            this.independentContexts.set(viewKey, viewTimeContext);
 | 
			
		||||
 | 
			
		||||
            return viewTimeContext;
 | 
			
		||||
    getContextForView(objectPath) {
 | 
			
		||||
        if (!objectPath || !Array.isArray(objectPath)) {
 | 
			
		||||
            throw new Error('No objectPath provided');
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        // always follow the global time context
 | 
			
		||||
        return this;
 | 
			
		||||
    }
 | 
			
		||||
        const viewKey = objectPath.length && this.openmct.objects.makeKeyString(objectPath[0].identifier);
 | 
			
		||||
 | 
			
		||||
        if (!viewKey) {
 | 
			
		||||
            // Return the global time context
 | 
			
		||||
            return this;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        let viewTimeContext = this.getIndependentContext(viewKey);
 | 
			
		||||
        if (!viewTimeContext) {
 | 
			
		||||
            // If the context doesn't exist yet, create it.
 | 
			
		||||
            viewTimeContext = new IndependentTimeContext(this.openmct, this, objectPath);
 | 
			
		||||
            this.independentContexts.set(viewKey, viewTimeContext);
 | 
			
		||||
        } else {
 | 
			
		||||
            // If it already exists, compare the objectPath to see if it needs to be updated.
 | 
			
		||||
            const currentPath = this.openmct.objects.getRelativePath(viewTimeContext.objectPath);
 | 
			
		||||
            const newPath = this.openmct.objects.getRelativePath(objectPath);
 | 
			
		||||
 | 
			
		||||
            if (currentPath !== newPath) {
 | 
			
		||||
                // If the path has changed, update the context.
 | 
			
		||||
                this.independentContexts.delete(viewKey);
 | 
			
		||||
                viewTimeContext = new IndependentTimeContext(this.openmct, this, objectPath);
 | 
			
		||||
                this.independentContexts.set(viewKey, viewTimeContext);
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        return viewTimeContext;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export default TimeAPI;
 | 
			
		||||
 
 | 
			
		||||
@@ -32,7 +32,7 @@ export default function plugin() {
 | 
			
		||||
        openmct.types.addType('LadTable', {
 | 
			
		||||
            name: "LAD Table",
 | 
			
		||||
            creatable: true,
 | 
			
		||||
            description: "A Latest Available Data tabular view in which each row displays the values for one or more contained telemetry objects.",
 | 
			
		||||
            description: "Display the current value for one or more telemetry end points in a fixed table. Each row is a telemetry end point.",
 | 
			
		||||
            cssClass: 'icon-tabular-lad',
 | 
			
		||||
            initialize(domainObject) {
 | 
			
		||||
                domainObject.composition = [];
 | 
			
		||||
@@ -42,7 +42,7 @@ export default function plugin() {
 | 
			
		||||
        openmct.types.addType('LadTableSet', {
 | 
			
		||||
            name: "LAD Table Set",
 | 
			
		||||
            creatable: true,
 | 
			
		||||
            description: "A Latest Available Data tabular view in which each row displays the values for one or more contained telemetry objects.",
 | 
			
		||||
            description: "Group LAD Tables together into a single view with sub-headers.",
 | 
			
		||||
            cssClass: 'icon-tabular-lad-set',
 | 
			
		||||
            initialize(domainObject) {
 | 
			
		||||
                domainObject.composition = [];
 | 
			
		||||
 
 | 
			
		||||
@@ -56,85 +56,76 @@ describe("The URLTimeSettingsSynchronizer", () => {
 | 
			
		||||
    it("initial clock is set to fixed is reflected in URL", (done) => {
 | 
			
		||||
        resolveFunction = () => {
 | 
			
		||||
            oldHash = window.location.hash;
 | 
			
		||||
            expect(window.location.hash.includes('tc.mode=fixed')).toBe(true);
 | 
			
		||||
            expect(window.location.hash).toContain('tc.mode=fixed');
 | 
			
		||||
 | 
			
		||||
            openmct.router.removeListener('change:hash', resolveFunction);
 | 
			
		||||
            done();
 | 
			
		||||
        };
 | 
			
		||||
 | 
			
		||||
        // We have a debounce set to 300ms on setHash, so if we don't flush,
 | 
			
		||||
        // the above resolve function sometimes doesn't fire due to a race condition.
 | 
			
		||||
        openmct.router.setHash.flush();
 | 
			
		||||
        openmct.router.on('change:hash', resolveFunction);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    it("when the clock is set via the time API, it is reflected in the URL", (done) => {
 | 
			
		||||
        let success;
 | 
			
		||||
 | 
			
		||||
        resolveFunction = () => {
 | 
			
		||||
            openmct.time.clock('local', {
 | 
			
		||||
                start: -2000,
 | 
			
		||||
                end: 200
 | 
			
		||||
            });
 | 
			
		||||
 | 
			
		||||
            const hasStartDelta = window.location.hash.includes('tc.startDelta=2000');
 | 
			
		||||
            const hasEndDelta = window.location.hash.includes('tc.endDelta=200');
 | 
			
		||||
            const hasLocalClock = window.location.hash.includes('tc.mode=local');
 | 
			
		||||
            success = hasStartDelta && hasEndDelta && hasLocalClock;
 | 
			
		||||
            if (success) {
 | 
			
		||||
                expect(success).toBe(true);
 | 
			
		||||
 | 
			
		||||
                openmct.router.removeListener('change:hash', resolveFunction);
 | 
			
		||||
                done();
 | 
			
		||||
            }
 | 
			
		||||
            openmct.router.setHash.flush();
 | 
			
		||||
            const urlHash = window.location.hash;
 | 
			
		||||
            expect(urlHash).toContain('tc.startDelta=2000');
 | 
			
		||||
            expect(urlHash).toContain('tc.endDelta=200');
 | 
			
		||||
            expect(urlHash).toContain('tc.mode=local');
 | 
			
		||||
            openmct.router.removeListener('change:hash', resolveFunction);
 | 
			
		||||
            done();
 | 
			
		||||
        };
 | 
			
		||||
 | 
			
		||||
        // We have a debounce set to 300ms on setHash, so if we don't flush,
 | 
			
		||||
        // the above resolve function sometimes doesn't fire due to a race condition.
 | 
			
		||||
        openmct.router.setHash.flush();
 | 
			
		||||
        openmct.router.on('change:hash', resolveFunction);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    it("when the clock mode is set to local, it is reflected in the URL", (done) => {
 | 
			
		||||
        let success;
 | 
			
		||||
 | 
			
		||||
        resolveFunction = () => {
 | 
			
		||||
            let hash = window.location.hash;
 | 
			
		||||
            hash = hash.replace('tc.mode=fixed', 'tc.mode=local');
 | 
			
		||||
            window.location.hash = hash;
 | 
			
		||||
 | 
			
		||||
            success = window.location.hash.includes('tc.mode=local');
 | 
			
		||||
            if (success) {
 | 
			
		||||
                expect(success).toBe(true);
 | 
			
		||||
                done();
 | 
			
		||||
            }
 | 
			
		||||
            expect(window.location.hash).toContain('tc.mode=local');
 | 
			
		||||
            done();
 | 
			
		||||
        };
 | 
			
		||||
 | 
			
		||||
        // We have a debounce set to 300ms on setHash, so if we don't flush,
 | 
			
		||||
        // the above resolve function sometimes doesn't fire due to a race condition.
 | 
			
		||||
        openmct.router.setHash.flush();
 | 
			
		||||
        openmct.router.on('change:hash', resolveFunction);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    it("when the clock mode is set to local, it is reflected in the URL", (done) => {
 | 
			
		||||
        let success;
 | 
			
		||||
 | 
			
		||||
        resolveFunction = () => {
 | 
			
		||||
            let hash = window.location.hash;
 | 
			
		||||
 | 
			
		||||
            hash = hash.replace('tc.mode=fixed', 'tc.mode=local');
 | 
			
		||||
            window.location.hash = hash;
 | 
			
		||||
            success = window.location.hash.includes('tc.mode=local');
 | 
			
		||||
            if (success) {
 | 
			
		||||
                expect(success).toBe(true);
 | 
			
		||||
                done();
 | 
			
		||||
            }
 | 
			
		||||
            expect(window.location.hash).toContain('tc.mode=local');
 | 
			
		||||
            done();
 | 
			
		||||
        };
 | 
			
		||||
 | 
			
		||||
        // We have a debounce set to 300ms on setHash, so if we don't flush,
 | 
			
		||||
        // the above resolve function sometimes doesn't fire due to a race condition.
 | 
			
		||||
        openmct.router.setHash.flush();
 | 
			
		||||
        openmct.router.on('change:hash', resolveFunction);
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    it("reset hash", (done) => {
 | 
			
		||||
        let success;
 | 
			
		||||
 | 
			
		||||
        window.location.hash = oldHash;
 | 
			
		||||
        resolveFunction = () => {
 | 
			
		||||
            success = window.location.hash === oldHash;
 | 
			
		||||
            if (success) {
 | 
			
		||||
                expect(success).toBe(true);
 | 
			
		||||
                done();
 | 
			
		||||
            }
 | 
			
		||||
            expect(window.location.hash).toBe(oldHash);
 | 
			
		||||
            done();
 | 
			
		||||
        };
 | 
			
		||||
 | 
			
		||||
        openmct.router.on('change:hash', resolveFunction);
 | 
			
		||||
 
 | 
			
		||||
@@ -32,7 +32,7 @@ export default function ClockPlugin(options) {
 | 
			
		||||
        const CLOCK_INDICATOR_FORMAT = 'YYYY/MM/DD HH:mm:ss';
 | 
			
		||||
        openmct.types.addType('clock', {
 | 
			
		||||
            name: 'Clock',
 | 
			
		||||
            description: 'A UTC-based clock that supports a variety of display formats. Clocks can be added to Display Layouts.',
 | 
			
		||||
            description: 'A digital clock that uses system time and supports a variety of display formats and timezones.',
 | 
			
		||||
            creatable: true,
 | 
			
		||||
            cssClass: 'icon-clock',
 | 
			
		||||
            initialize: function (domainObject) {
 | 
			
		||||
 
 | 
			
		||||
@@ -93,7 +93,7 @@ define(['lodash'], function (_) {
 | 
			
		||||
                    'table': {
 | 
			
		||||
                        value: 'table',
 | 
			
		||||
                        name: 'Table',
 | 
			
		||||
                        class: 'icon-tabular-realtime'
 | 
			
		||||
                        class: 'icon-tabular-scrolling'
 | 
			
		||||
                    }
 | 
			
		||||
                };
 | 
			
		||||
                const APPLICABLE_VIEWS = {
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										34
									
								
								src/plugins/displayLayout/DrawingObjectTypes.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						@@ -0,0 +1,34 @@
 | 
			
		||||
const displayLayoutDrawingObjectTypes = {
 | 
			
		||||
    'box-view': {
 | 
			
		||||
        name: "Box",
 | 
			
		||||
        creatable: false,
 | 
			
		||||
        description: 'A rectangle shape.',
 | 
			
		||||
        cssClass: 'icon-box-round-corners'
 | 
			
		||||
    },
 | 
			
		||||
    'ellipse-view': {
 | 
			
		||||
        name: "Ellipse",
 | 
			
		||||
        creatable: false,
 | 
			
		||||
        description: 'A ellipse shape.',
 | 
			
		||||
        cssClass: 'icon-circle'
 | 
			
		||||
    },
 | 
			
		||||
    'line-view': {
 | 
			
		||||
        name: "Line",
 | 
			
		||||
        creatable: false,
 | 
			
		||||
        description: 'A line.',
 | 
			
		||||
        cssClass: 'icon-line-horz'
 | 
			
		||||
    },
 | 
			
		||||
    'text-view': {
 | 
			
		||||
        name: "Text",
 | 
			
		||||
        creatable: false,
 | 
			
		||||
        description: 'An editable text box.',
 | 
			
		||||
        cssClass: 'icon-font'
 | 
			
		||||
    },
 | 
			
		||||
    'image-view': {
 | 
			
		||||
        name: "Image",
 | 
			
		||||
        creatable: false,
 | 
			
		||||
        description: 'An image.',
 | 
			
		||||
        cssClass: 'icon-image'
 | 
			
		||||
    }
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export default displayLayoutDrawingObjectTypes;
 | 
			
		||||
@@ -147,7 +147,7 @@ export default {
 | 
			
		||||
            this.mutablePromise.then(() => {
 | 
			
		||||
                this.openmct.objects.destroyMutable(this.domainObject);
 | 
			
		||||
            });
 | 
			
		||||
        } else if (this.domainObject.isMutable) {
 | 
			
		||||
        } else if (this?.domainObject?.isMutable) {
 | 
			
		||||
            this.openmct.objects.destroyMutable(this.domainObject);
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
 
 | 
			
		||||
@@ -243,7 +243,7 @@ export default {
 | 
			
		||||
            this.mutablePromise.then(() => {
 | 
			
		||||
                this.openmct.objects.destroyMutable(this.domainObject);
 | 
			
		||||
            });
 | 
			
		||||
        } else if (this.domainObject.isMutable) {
 | 
			
		||||
        } else if (this?.domainObject?.isMutable) {
 | 
			
		||||
            this.openmct.objects.destroyMutable(this.domainObject);
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
 
 | 
			
		||||
@@ -74,14 +74,15 @@
 | 
			
		||||
                        transition-delay: $moveBarOutDelay;
 | 
			
		||||
                        @include userSelectNone();
 | 
			
		||||
                        background: $editFrameMovebarColorBg;
 | 
			
		||||
                        box-shadow: rgba(black, 0.2) 0 1px;
 | 
			
		||||
                        box-shadow: rgba(black, 0.3) 0 2px;
 | 
			
		||||
                        bottom: auto;
 | 
			
		||||
                        display: block;
 | 
			
		||||
                        height: 0; // Height is set on hover below
 | 
			
		||||
                        opacity: 0.8;
 | 
			
		||||
                        opacity: 0.9;
 | 
			
		||||
                        max-height: 100%;
 | 
			
		||||
                        overflow: hidden;
 | 
			
		||||
                        text-align: center;
 | 
			
		||||
                        z-index: 10;
 | 
			
		||||
 | 
			
		||||
                        &:before {
 | 
			
		||||
                            // Grippy
 | 
			
		||||
@@ -104,7 +105,6 @@
 | 
			
		||||
                    > .c-so-view.has-complex-content {
 | 
			
		||||
                        transition: $transIn;
 | 
			
		||||
                        transition-delay: 0s;
 | 
			
		||||
                        padding-top: $editFrameMovebarH + $interiorMarginSm;
 | 
			
		||||
 | 
			
		||||
                        > .c-so-view__local-controls {
 | 
			
		||||
                            transform: translateY($editFrameMovebarH);
 | 
			
		||||
 
 | 
			
		||||
@@ -4,7 +4,7 @@
 | 
			
		||||
 | 
			
		||||
    > * {
 | 
			
		||||
        // Label and value holders
 | 
			
		||||
        flex: 1 1 auto;
 | 
			
		||||
        flex: 1 1 50%;
 | 
			
		||||
        display: flex;
 | 
			
		||||
        flex-direction: row;
 | 
			
		||||
        align-items: center;
 | 
			
		||||
 
 | 
			
		||||
@@ -25,6 +25,7 @@ import CopyToClipboardAction from './actions/CopyToClipboardAction';
 | 
			
		||||
import DisplayLayout from './components/DisplayLayout.vue';
 | 
			
		||||
import DisplayLayoutToolbar from './DisplayLayoutToolbar.js';
 | 
			
		||||
import DisplayLayoutType from './DisplayLayoutType.js';
 | 
			
		||||
import DisplayLayoutDrawingObjectTypes from './DrawingObjectTypes.js';
 | 
			
		||||
 | 
			
		||||
import objectUtils from 'objectUtils';
 | 
			
		||||
 | 
			
		||||
@@ -125,6 +126,11 @@ export default function DisplayLayoutPlugin(options) {
 | 
			
		||||
                return true;
 | 
			
		||||
            }
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        for (const [type, definition] of Object.entries(DisplayLayoutDrawingObjectTypes)) {
 | 
			
		||||
            openmct.types.addType(type, definition);
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        DisplayLayoutPlugin._installed = true;
 | 
			
		||||
    };
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -281,6 +281,10 @@ export default {
 | 
			
		||||
                return false;
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            if (!this.isEditing) {
 | 
			
		||||
                return false;
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            let containerId = event.dataTransfer.getData('containerid');
 | 
			
		||||
            let container = this.containers.filter((c) => c.id === containerId)[0];
 | 
			
		||||
            let containerPos = this.containers.indexOf(container);
 | 
			
		||||
 
 | 
			
		||||
@@ -31,7 +31,7 @@
 | 
			
		||||
    <div
 | 
			
		||||
        ref="frame"
 | 
			
		||||
        class="c-frame c-fl-frame__drag-wrapper is-selectable u-inspectable is-moveable"
 | 
			
		||||
        draggable="true"
 | 
			
		||||
        :draggable="draggable"
 | 
			
		||||
        @dragstart="initDrag"
 | 
			
		||||
    >
 | 
			
		||||
        <object-frame
 | 
			
		||||
@@ -93,18 +93,20 @@ export default {
 | 
			
		||||
    computed: {
 | 
			
		||||
        hasFrame() {
 | 
			
		||||
            return !this.frame.noFrame;
 | 
			
		||||
        },
 | 
			
		||||
        draggable() {
 | 
			
		||||
            return this.isEditing;
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    mounted() {
 | 
			
		||||
        if (this.frame.domainObjectIdentifier) {
 | 
			
		||||
            let domainObjectPromise;
 | 
			
		||||
            if (this.openmct.objects.supportsMutation(this.frame.domainObjectIdentifier)) {
 | 
			
		||||
                domainObjectPromise = this.openmct.objects.getMutable(this.frame.domainObjectIdentifier);
 | 
			
		||||
                this.domainObjectPromise = this.openmct.objects.getMutable(this.frame.domainObjectIdentifier);
 | 
			
		||||
            } else {
 | 
			
		||||
                domainObjectPromise = this.openmct.objects.get(this.frame.domainObjectIdentifier);
 | 
			
		||||
                this.domainObjectPromise = this.openmct.objects.get(this.frame.domainObjectIdentifier);
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            domainObjectPromise.then((object) => {
 | 
			
		||||
            this.domainObjectPromise.then((object) => {
 | 
			
		||||
                this.setDomainObject(object);
 | 
			
		||||
            });
 | 
			
		||||
        }
 | 
			
		||||
@@ -112,7 +114,13 @@ export default {
 | 
			
		||||
        this.dragGhost = document.getElementById('js-fl-drag-ghost');
 | 
			
		||||
    },
 | 
			
		||||
    beforeDestroy() {
 | 
			
		||||
        if (this.domainObject.isMutable) {
 | 
			
		||||
        if (this.domainObjectPromise) {
 | 
			
		||||
            this.domainObjectPromise.then(() => {
 | 
			
		||||
                if (this?.domainObject?.isMutable) {
 | 
			
		||||
                    this.openmct.objects.destroyMutable(this.domainObject);
 | 
			
		||||
                }
 | 
			
		||||
            });
 | 
			
		||||
        } else if (this?.domainObject?.isMutable) {
 | 
			
		||||
            this.openmct.objects.destroyMutable(this.domainObject);
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -159,7 +159,7 @@ function ToolbarProvider(openmct) {
 | 
			
		||||
 | 
			
		||||
                        let prompt = openmct.overlays.dialog({
 | 
			
		||||
                            iconClass: 'alert',
 | 
			
		||||
                            message: 'This action will permanently delete this container from this Flexible Layout',
 | 
			
		||||
                            message: 'This action will permanently delete this container from this Flexible Layout. Do you want to continue?',
 | 
			
		||||
                            buttons: [
 | 
			
		||||
                                {
 | 
			
		||||
                                    label: 'OK',
 | 
			
		||||
 
 | 
			
		||||
@@ -52,6 +52,8 @@ $meterNeedleBorderRadius: 5px;
 | 
			
		||||
.c-dial {
 | 
			
		||||
  max-height: 100%;
 | 
			
		||||
  max-width: 100%;
 | 
			
		||||
  display: block;
 | 
			
		||||
  margin: auto; // Centers SVG in container while allowing scaling
 | 
			
		||||
 | 
			
		||||
  &__bg {
 | 
			
		||||
    fill: $colorGaugeBg;
 | 
			
		||||
 
 | 
			
		||||
@@ -27,7 +27,7 @@ export default function () {
 | 
			
		||||
        openmct.types.addType('hyperlink', {
 | 
			
		||||
            name: 'Hyperlink',
 | 
			
		||||
            key: 'hyperlink',
 | 
			
		||||
            description: 'A hyperlink to redirect to a different link',
 | 
			
		||||
            description: 'A text element or button that links to any URL including Open MCT views.',
 | 
			
		||||
            creatable: true,
 | 
			
		||||
            cssClass: 'icon-chain-links',
 | 
			
		||||
            initialize: function (domainObject) {
 | 
			
		||||
 
 | 
			
		||||
@@ -38,6 +38,7 @@
 | 
			
		||||
        <img
 | 
			
		||||
            class="c-thumb__image"
 | 
			
		||||
            :src="image.url"
 | 
			
		||||
            fetchpriority="low"
 | 
			
		||||
        >
 | 
			
		||||
    </a>
 | 
			
		||||
    <div class="c-thumb__timestamp">{{ image.formattedTime }}</div>
 | 
			
		||||
 
 | 
			
		||||
@@ -82,6 +82,7 @@
 | 
			
		||||
                    }"
 | 
			
		||||
                    :data-openmct-image-timestamp="time"
 | 
			
		||||
                    :data-openmct-object-keystring="keyString"
 | 
			
		||||
                    fetchpriority="low"
 | 
			
		||||
                >
 | 
			
		||||
                <div
 | 
			
		||||
                    v-if="imageUrl"
 | 
			
		||||
 
 | 
			
		||||
@@ -503,7 +503,7 @@ export default {
 | 
			
		||||
                this.openmct.editor.cancel();
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        dropOnEntry(event) {
 | 
			
		||||
        async dropOnEntry(event) {
 | 
			
		||||
            event.preventDefault();
 | 
			
		||||
            event.stopImmediatePropagation();
 | 
			
		||||
 | 
			
		||||
@@ -529,7 +529,8 @@ export default {
 | 
			
		||||
                objectPath,
 | 
			
		||||
                openmct: this.openmct
 | 
			
		||||
            };
 | 
			
		||||
            const embed = createNewEmbed(snapshotMeta);
 | 
			
		||||
            const embed = await createNewEmbed(snapshotMeta);
 | 
			
		||||
 | 
			
		||||
            this.newEntry(embed);
 | 
			
		||||
        },
 | 
			
		||||
        focusOnEntryId() {
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
<template>
 | 
			
		||||
<button
 | 
			
		||||
    class="c-popup-menu-button c-disclosure-button"
 | 
			
		||||
    title="popup menu"
 | 
			
		||||
    title="Open context menu"
 | 
			
		||||
    @click="showMenuItems"
 | 
			
		||||
>
 | 
			
		||||
</button>
 | 
			
		||||
@@ -65,6 +65,10 @@ export default {
 | 
			
		||||
            return;
 | 
			
		||||
        },
 | 
			
		||||
        showMenuItems($event) {
 | 
			
		||||
            if (this.menuItems) {
 | 
			
		||||
                this.hideMenuItems();
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            const menuItems = new Vue({
 | 
			
		||||
                components: {
 | 
			
		||||
                    MenuItems
 | 
			
		||||
 
 | 
			
		||||
@@ -187,6 +187,7 @@ class CouchObjectProvider {
 | 
			
		||||
        let fetchOptions = {
 | 
			
		||||
            method,
 | 
			
		||||
            body,
 | 
			
		||||
            priority: 'high',
 | 
			
		||||
            signal
 | 
			
		||||
        };
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -109,6 +109,12 @@ describe('the plugin', () => {
 | 
			
		||||
            expect(result.identifier.key).toEqual(mockDomainObject.identifier.key);
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        it('prioritizes couch requests above other requests', async () => {
 | 
			
		||||
            await openmct.objects.get(mockDomainObject.identifier);
 | 
			
		||||
            const fetchOptions = fetch.calls.mostRecent().args[1];
 | 
			
		||||
            expect(fetchOptions.priority).toEqual('high');
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        it('creates an object and starts shared worker', async () => {
 | 
			
		||||
            const result = await openmct.objects.save(mockDomainObject);
 | 
			
		||||
            expect(provider.create).toHaveBeenCalled();
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										2
									
								
								src/plugins/persistence/couch/setup-couchdb.sh
									
									
									
									
									
										
										
										Normal file → Executable file
									
								
							
							
						
						@@ -89,7 +89,7 @@ is_cors_enabled() {
 | 
			
		||||
 | 
			
		||||
enable_cors () {
 | 
			
		||||
    curl -su "${CURL_USERPASS_ARG}" -o /dev/null -X PUT $COUCH_BASE_LOCAL/_node/$COUCH_NODE_NAME/_config/httpd/enable_cors -d '"true"'
 | 
			
		||||
    curl -su "${CURL_USERPASS_ARG}" -o /dev/null -X PUT $COUCH_BASE_LOCAL/_node/$COUCH_NODE_NAME/_config/cors/origins -d '"http://localhost:8080"'
 | 
			
		||||
    curl -su "${CURL_USERPASS_ARG}" -o /dev/null -X PUT $COUCH_BASE_LOCAL/_node/$COUCH_NODE_NAME/_config/cors/origins -d '"*"'
 | 
			
		||||
    curl -su "${CURL_USERPASS_ARG}" -o /dev/null -X PUT $COUCH_BASE_LOCAL/_node/$COUCH_NODE_NAME/_config/cors/credentials -d '"true"'
 | 
			
		||||
    curl -su "${CURL_USERPASS_ARG}" -o /dev/null -X PUT $COUCH_BASE_LOCAL/_node/$COUCH_NODE_NAME/_config/cors/methods -d '"GET, PUT, POST, HEAD, DELETE"'
 | 
			
		||||
    curl -su "${CURL_USERPASS_ARG}" -o /dev/null -X PUT $COUCH_BASE_LOCAL/_node/$COUCH_NODE_NAME/_config/cors/headers -d '"accept, authorization, content-type, origin, referer, x-csrf-token"'
 | 
			
		||||
 
 | 
			
		||||
@@ -23,6 +23,7 @@
 | 
			
		||||
import {createOpenMct, resetApplicationState} from "utils/testing";
 | 
			
		||||
import PlanPlugin from "../plan/plugin";
 | 
			
		||||
import Vue from 'vue';
 | 
			
		||||
import Properties from "@/ui/inspector/details/Properties.vue";
 | 
			
		||||
 | 
			
		||||
describe('the plugin', function () {
 | 
			
		||||
    let planDefinition;
 | 
			
		||||
@@ -212,4 +213,63 @@ describe('the plugin', function () {
 | 
			
		||||
            });
 | 
			
		||||
        });
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    describe('the plan version', () => {
 | 
			
		||||
        let component;
 | 
			
		||||
        let componentObject;
 | 
			
		||||
        let testPlanObject = {
 | 
			
		||||
            name: 'Plan',
 | 
			
		||||
            type: 'plan',
 | 
			
		||||
            identifier: {
 | 
			
		||||
                key: 'test-plan',
 | 
			
		||||
                namespace: ''
 | 
			
		||||
            },
 | 
			
		||||
            version: 'v1'
 | 
			
		||||
        };
 | 
			
		||||
 | 
			
		||||
        beforeEach(() => {
 | 
			
		||||
            openmct.selection.select([{
 | 
			
		||||
                element: element,
 | 
			
		||||
                context: {
 | 
			
		||||
                    item: testPlanObject
 | 
			
		||||
                }
 | 
			
		||||
            }, {
 | 
			
		||||
                element: openmct.layout.$refs.browseObject.$el,
 | 
			
		||||
                context: {
 | 
			
		||||
                    item: testPlanObject,
 | 
			
		||||
                    supportsMultiSelect: false
 | 
			
		||||
                }
 | 
			
		||||
            }], false);
 | 
			
		||||
 | 
			
		||||
            return Vue.nextTick().then(() => {
 | 
			
		||||
                let viewContainer = document.createElement('div');
 | 
			
		||||
                child.append(viewContainer);
 | 
			
		||||
                component = new Vue({
 | 
			
		||||
                    el: viewContainer,
 | 
			
		||||
                    components: {
 | 
			
		||||
                        Properties
 | 
			
		||||
                    },
 | 
			
		||||
                    provide: {
 | 
			
		||||
                        openmct: openmct
 | 
			
		||||
                    },
 | 
			
		||||
                    template: '<properties/>'
 | 
			
		||||
                });
 | 
			
		||||
            });
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        afterEach(() => {
 | 
			
		||||
            component.$destroy();
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        it('provides an inspector view with the version information if available', () => {
 | 
			
		||||
            componentObject = component.$root.$children[0];
 | 
			
		||||
            const propertiesEls = componentObject.$el.querySelectorAll('.c-inspect-properties__row');
 | 
			
		||||
            expect(propertiesEls.length).toEqual(4);
 | 
			
		||||
            const found = Array.from(propertiesEls).some((propertyEl) => {
 | 
			
		||||
                return (propertyEl.children[0].innerHTML.trim() === 'Version'
 | 
			
		||||
                    && propertyEl.children[1].innerHTML.trim() === 'v1');
 | 
			
		||||
            });
 | 
			
		||||
            expect(found).toBeTrue();
 | 
			
		||||
        });
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -87,6 +87,7 @@
 | 
			
		||||
                        :highlights="highlights"
 | 
			
		||||
                        :show-limit-line-labels="showLimitLineLabels"
 | 
			
		||||
                        @plotReinitializeCanvas="initCanvas"
 | 
			
		||||
                        @chartLoaded="initialize"
 | 
			
		||||
                    />
 | 
			
		||||
                </div>
 | 
			
		||||
 | 
			
		||||
@@ -359,11 +360,6 @@ export default {
 | 
			
		||||
        this.setTimeContext();
 | 
			
		||||
 | 
			
		||||
        this.loaded = true;
 | 
			
		||||
 | 
			
		||||
        //We're referencing the canvas elements from the mct-chart in the initialize method.
 | 
			
		||||
        // So we need $nextTick to ensure the component is fully mounted before we can initialize stuff.
 | 
			
		||||
        this.$nextTick(this.initialize);
 | 
			
		||||
 | 
			
		||||
    },
 | 
			
		||||
    beforeDestroy() {
 | 
			
		||||
        document.removeEventListener('keydown', this.handleKeyDown);
 | 
			
		||||
 
 | 
			
		||||
@@ -115,6 +115,7 @@ export default {
 | 
			
		||||
        this.listenTo(this.config.yAxis, 'change', this.updateLimitsAndDraw);
 | 
			
		||||
        this.listenTo(this.config.xAxis, 'change', this.updateLimitsAndDraw);
 | 
			
		||||
        this.config.series.forEach(this.onSeriesAdd, this);
 | 
			
		||||
        this.$emit('chartLoaded');
 | 
			
		||||
    },
 | 
			
		||||
    beforeDestroy() {
 | 
			
		||||
        this.destroy();
 | 
			
		||||
 
 | 
			
		||||
@@ -126,10 +126,15 @@ export default class PlotSeries extends Model {
 | 
			
		||||
     */
 | 
			
		||||
    destroy() {
 | 
			
		||||
        super.destroy();
 | 
			
		||||
        this.openmct.time.off('bounds', this.updateLimits);
 | 
			
		||||
 | 
			
		||||
        if (this.unsubscribe) {
 | 
			
		||||
            this.unsubscribe();
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        if (this.removeMutationListener) {
 | 
			
		||||
            this.removeMutationListener();
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    /**
 | 
			
		||||
@@ -157,6 +162,11 @@ export default class PlotSeries extends Model {
 | 
			
		||||
 | 
			
		||||
        });
 | 
			
		||||
        this.openmct.time.on('bounds', this.updateLimits);
 | 
			
		||||
        this.removeMutationListener = this.openmct.objects.observe(
 | 
			
		||||
            this.domainObject,
 | 
			
		||||
            'name',
 | 
			
		||||
            this.updateName.bind(this)
 | 
			
		||||
        );
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    /**
 | 
			
		||||
@@ -225,6 +235,12 @@ export default class PlotSeries extends Model {
 | 
			
		||||
            });
 | 
			
		||||
        /* eslint-enable you-dont-need-lodash-underscore/concat */
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    updateName(name) {
 | 
			
		||||
        if (name !== this.get('name')) {
 | 
			
		||||
            this.set('name', name);
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
    /**
 | 
			
		||||
     * Update x formatter on x change.
 | 
			
		||||
     */
 | 
			
		||||
 
 | 
			
		||||
@@ -54,8 +54,10 @@
 | 
			
		||||
<script>
 | 
			
		||||
 | 
			
		||||
import {getLimitClass} from "@/plugins/plot/chart/limitUtil";
 | 
			
		||||
import eventHelpers from "../lib/eventHelpers";
 | 
			
		||||
 | 
			
		||||
export default {
 | 
			
		||||
    inject: ['openmct', 'domainObject'],
 | 
			
		||||
    props: {
 | 
			
		||||
        valueToShowWhenCollapsed: {
 | 
			
		||||
            type: String,
 | 
			
		||||
@@ -103,8 +105,18 @@ export default {
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    mounted() {
 | 
			
		||||
        eventHelpers.extend(this);
 | 
			
		||||
        this.listenTo(this.seriesObject, 'change:color', (newColor) => {
 | 
			
		||||
            this.updateColor(newColor);
 | 
			
		||||
        }, this);
 | 
			
		||||
        this.listenTo(this.seriesObject, 'change:name', () => {
 | 
			
		||||
            this.updateName();
 | 
			
		||||
        }, this);
 | 
			
		||||
        this.initialize();
 | 
			
		||||
    },
 | 
			
		||||
    beforeDestroy() {
 | 
			
		||||
        this.stopListening();
 | 
			
		||||
    },
 | 
			
		||||
    methods: {
 | 
			
		||||
        initialize(highlightedObject) {
 | 
			
		||||
            const seriesObject = highlightedObject ? highlightedObject.series : this.seriesObject;
 | 
			
		||||
@@ -130,6 +142,12 @@ export default {
 | 
			
		||||
                this.formattedYValueFromStats = '';
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        updateColor(newColor) {
 | 
			
		||||
            this.colorAsHexString = newColor.asHexString();
 | 
			
		||||
        },
 | 
			
		||||
        updateName() {
 | 
			
		||||
            this.nameWithUnit = this.seriesObject.nameWithUnit();
 | 
			
		||||
        },
 | 
			
		||||
        toggleHover(hover) {
 | 
			
		||||
            this.hover = hover;
 | 
			
		||||
            this.$emit('legendHoverChanged', {
 | 
			
		||||
 
 | 
			
		||||
@@ -80,8 +80,10 @@
 | 
			
		||||
 | 
			
		||||
<script>
 | 
			
		||||
import {getLimitClass} from "@/plugins/plot/chart/limitUtil";
 | 
			
		||||
import eventHelpers from "@/plugins/plot/lib/eventHelpers";
 | 
			
		||||
 | 
			
		||||
export default {
 | 
			
		||||
    inject: ['openmct', 'domainObject'],
 | 
			
		||||
    props: {
 | 
			
		||||
        seriesObject: {
 | 
			
		||||
            type: Object,
 | 
			
		||||
@@ -140,8 +142,18 @@ export default {
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    mounted() {
 | 
			
		||||
        eventHelpers.extend(this);
 | 
			
		||||
        this.listenTo(this.seriesObject, 'change:color', (newColor) => {
 | 
			
		||||
            this.updateColor(newColor);
 | 
			
		||||
        }, this);
 | 
			
		||||
        this.listenTo(this.seriesObject, 'change:name', () => {
 | 
			
		||||
            this.updateName();
 | 
			
		||||
        }, this);
 | 
			
		||||
        this.initialize();
 | 
			
		||||
    },
 | 
			
		||||
    beforeDestroy() {
 | 
			
		||||
        this.stopListening();
 | 
			
		||||
    },
 | 
			
		||||
    methods: {
 | 
			
		||||
        initialize(highlightedObject) {
 | 
			
		||||
            const seriesObject = highlightedObject ? highlightedObject.series : this.seriesObject;
 | 
			
		||||
@@ -170,6 +182,12 @@ export default {
 | 
			
		||||
                this.formattedMaxY = '';
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        updateColor(newColor) {
 | 
			
		||||
            this.colorAsHexString = newColor.asHexString();
 | 
			
		||||
        },
 | 
			
		||||
        updateName(newName) {
 | 
			
		||||
            this.nameWithUnit = this.seriesObject.nameWithUnit();
 | 
			
		||||
        },
 | 
			
		||||
        toggleHover(hover) {
 | 
			
		||||
            this.hover = hover;
 | 
			
		||||
            this.$emit('legendHoverChanged', {
 | 
			
		||||
 
 | 
			
		||||
@@ -20,17 +20,15 @@
 | 
			
		||||
 * at runtime from the About dialog for additional information.
 | 
			
		||||
 *****************************************************************************/
 | 
			
		||||
 | 
			
		||||
function remoteClockRequestInterceptor(openmct, remoteClockIdentifier, waitForBounds) {
 | 
			
		||||
function remoteClockRequestInterceptor(openmct, _remoteClockIdentifier, waitForBounds) {
 | 
			
		||||
    let remoteClockLoaded = false;
 | 
			
		||||
 | 
			
		||||
    return {
 | 
			
		||||
        appliesTo: () => {
 | 
			
		||||
            // Get the activeClock from the Global Time Context
 | 
			
		||||
            const { activeClock } = openmct.time.getContextForView();
 | 
			
		||||
            const { activeClock } = openmct.time;
 | 
			
		||||
 | 
			
		||||
            return activeClock !== undefined
 | 
			
		||||
            && activeClock.key === 'remote-clock'
 | 
			
		||||
            && !remoteClockLoaded;
 | 
			
		||||
            return activeClock?.key === 'remote-clock' && !remoteClockLoaded;
 | 
			
		||||
        },
 | 
			
		||||
        invoke: async (request) => {
 | 
			
		||||
            const { start, end } = await waitForBounds();
 | 
			
		||||
 
 | 
			
		||||
@@ -31,7 +31,7 @@ define([
 | 
			
		||||
 | 
			
		||||
            openmct.types.addType('tabs', {
 | 
			
		||||
                name: "Tabs View",
 | 
			
		||||
                description: 'Add multiple objects of any type to this view, and quickly navigate between them with tabs',
 | 
			
		||||
                description: 'Quickly navigate between multiple objects of any type using tabs.',
 | 
			
		||||
                creatable: true,
 | 
			
		||||
                cssClass: 'icon-tabs-view',
 | 
			
		||||
                initialize(domainObject) {
 | 
			
		||||
 
 | 
			
		||||
@@ -23,9 +23,9 @@
 | 
			
		||||
define(function () {
 | 
			
		||||
    return {
 | 
			
		||||
        name: 'Telemetry Table',
 | 
			
		||||
        description: 'Display telemetry values for the current time bounds in tabular form. Supports filtering and sorting.',
 | 
			
		||||
        description: 'Display values for one or more telemetry end points in a scrolling table. Each row is a time-stamped value.',
 | 
			
		||||
        creatable: true,
 | 
			
		||||
        cssClass: 'icon-tabular-realtime',
 | 
			
		||||
        cssClass: 'icon-tabular-scrolling',
 | 
			
		||||
        initialize(domainObject) {
 | 
			
		||||
            domainObject.composition = [];
 | 
			
		||||
            domainObject.configuration = {
 | 
			
		||||
 
 | 
			
		||||
@@ -36,7 +36,7 @@ export default function TelemetryTableViewProvider(openmct) {
 | 
			
		||||
    return {
 | 
			
		||||
        key: 'table',
 | 
			
		||||
        name: 'Telemetry Table',
 | 
			
		||||
        cssClass: 'icon-tabular-realtime',
 | 
			
		||||
        cssClass: 'icon-tabular-scrolling',
 | 
			
		||||
        canView(domainObject) {
 | 
			
		||||
            return domainObject.type === 'table'
 | 
			
		||||
                || hasTelemetry(domainObject);
 | 
			
		||||
 
 | 
			
		||||
@@ -78,6 +78,12 @@ export default {
 | 
			
		||||
            default() {
 | 
			
		||||
                return undefined;
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        objectPath: {
 | 
			
		||||
            type: Array,
 | 
			
		||||
            default() {
 | 
			
		||||
                return [];
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    data() {
 | 
			
		||||
@@ -127,7 +133,7 @@ export default {
 | 
			
		||||
    methods: {
 | 
			
		||||
        setTimeContext() {
 | 
			
		||||
            this.stopFollowingTimeContext();
 | 
			
		||||
            this.timeContext = this.openmct.time.getContextForView(this.keyString ? [{identifier: this.keyString}] : []);
 | 
			
		||||
            this.timeContext = this.openmct.time.getContextForView(this.keyString ? this.objectPath : []);
 | 
			
		||||
 | 
			
		||||
            this.handleNewBounds(this.timeContext.bounds());
 | 
			
		||||
            this.timeContext.on('bounds', this.handleNewBounds);
 | 
			
		||||
 
 | 
			
		||||
@@ -90,6 +90,12 @@ export default {
 | 
			
		||||
                return undefined;
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        objectPath: {
 | 
			
		||||
            type: Array,
 | 
			
		||||
            default() {
 | 
			
		||||
                return [];
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        inputBounds: {
 | 
			
		||||
            type: Object,
 | 
			
		||||
            default() {
 | 
			
		||||
@@ -162,7 +168,7 @@ export default {
 | 
			
		||||
        },
 | 
			
		||||
        setTimeContext() {
 | 
			
		||||
            this.stopFollowingTime();
 | 
			
		||||
            this.timeContext = this.openmct.time.getContextForView(this.keyString ? [{identifier: this.keyString}] : []);
 | 
			
		||||
            this.timeContext = this.openmct.time.getContextForView(this.keyString ? this.objectPath : []);
 | 
			
		||||
            this.followTime();
 | 
			
		||||
        },
 | 
			
		||||
        handleNewBounds(bounds) {
 | 
			
		||||
 
 | 
			
		||||
@@ -52,12 +52,14 @@
 | 
			
		||||
            <conductor-inputs-fixed
 | 
			
		||||
                v-if="isFixed"
 | 
			
		||||
                :key-string="domainObject.identifier.key"
 | 
			
		||||
                :object-path="objectPath"
 | 
			
		||||
                @updated="saveFixedOffsets"
 | 
			
		||||
            />
 | 
			
		||||
 | 
			
		||||
            <conductor-inputs-realtime
 | 
			
		||||
                v-else
 | 
			
		||||
                :key-string="domainObject.identifier.key"
 | 
			
		||||
                :object-path="objectPath"
 | 
			
		||||
                @updated="saveClockOffsets"
 | 
			
		||||
            />
 | 
			
		||||
        </div>
 | 
			
		||||
@@ -85,6 +87,10 @@ export default {
 | 
			
		||||
        domainObject: {
 | 
			
		||||
            type: Object,
 | 
			
		||||
            required: true
 | 
			
		||||
        },
 | 
			
		||||
        objectPath: {
 | 
			
		||||
            type: Array,
 | 
			
		||||
            required: true
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    data() {
 | 
			
		||||
@@ -164,7 +170,7 @@ export default {
 | 
			
		||||
        },
 | 
			
		||||
        setTimeContext() {
 | 
			
		||||
            this.stopFollowingTimeContext();
 | 
			
		||||
            this.timeContext = this.openmct.time.getContextForView([this.domainObject]);
 | 
			
		||||
            this.timeContext = this.openmct.time.getContextForView(this.objectPath);
 | 
			
		||||
            this.timeContext.on('clock', this.setTimeOptions);
 | 
			
		||||
        },
 | 
			
		||||
        stopFollowingTimeContext() {
 | 
			
		||||
 
 | 
			
		||||
@@ -92,7 +92,7 @@ export default {
 | 
			
		||||
            this.mutablePromise.then(() => {
 | 
			
		||||
                this.openmct.objects.destroyMutable(this.domainObject);
 | 
			
		||||
            });
 | 
			
		||||
        } else if (this.domainObject.isMutable) {
 | 
			
		||||
        } else if (this?.domainObject?.isMutable) {
 | 
			
		||||
            this.openmct.objects.destroyMutable(this.domainObject);
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
 
 | 
			
		||||
@@ -110,7 +110,9 @@ export default {
 | 
			
		||||
    },
 | 
			
		||||
    mounted() {
 | 
			
		||||
        this.isEditing = this.openmct.editor.isEditing();
 | 
			
		||||
        this.timestamp = Date.now();
 | 
			
		||||
        this.timestamp = this.openmct.time.clock()?.currentValue() || this.openmct.time.bounds()?.start;
 | 
			
		||||
        this.openmct.time.on('clock', this.setViewFromClock);
 | 
			
		||||
 | 
			
		||||
        this.getPlanDataAndSetConfig(this.domainObject);
 | 
			
		||||
 | 
			
		||||
        this.unlisten = this.openmct.objects.observe(this.domainObject, 'selectFile', this.planFileUpdated);
 | 
			
		||||
@@ -118,6 +120,7 @@ export default {
 | 
			
		||||
        this.removeStatusListener = this.openmct.status.observe(this.domainObject.identifier, this.setStatus);
 | 
			
		||||
        this.status = this.openmct.status.get(this.domainObject.identifier);
 | 
			
		||||
        this.unlistenTicker = ticker.listen(this.clearPreviousActivities);
 | 
			
		||||
        this.openmct.time.on('bounds', this.updateTimestamp);
 | 
			
		||||
        this.openmct.editor.on('isEditing', this.setEditState);
 | 
			
		||||
 | 
			
		||||
        this.deferAutoScroll = _.debounce(this.deferAutoScroll, 500);
 | 
			
		||||
@@ -128,6 +131,9 @@ export default {
 | 
			
		||||
            this.composition.on('remove', this.removeItem);
 | 
			
		||||
            this.composition.load();
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        this.setViewFromClock(this.openmct.time.clock());
 | 
			
		||||
 | 
			
		||||
    },
 | 
			
		||||
    beforeDestroy() {
 | 
			
		||||
        if (this.unlisten) {
 | 
			
		||||
@@ -147,6 +153,8 @@ export default {
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        this.openmct.editor.off('isEditing', this.setEditState);
 | 
			
		||||
        this.openmct.time.off('bounds', this.updateTimestamp);
 | 
			
		||||
        this.openmct.time.off('clock', this.setViewFromClock);
 | 
			
		||||
 | 
			
		||||
        this.$el.parentElement.removeEventListener('scroll', this.deferAutoScroll, true);
 | 
			
		||||
        if (this.clearAutoScrollDisabledTimer) {
 | 
			
		||||
@@ -176,12 +184,32 @@ export default {
 | 
			
		||||
                this.showAll = true;
 | 
			
		||||
                this.listActivities();
 | 
			
		||||
            } else {
 | 
			
		||||
 | 
			
		||||
                this.filterValue = configuration.filter;
 | 
			
		||||
                this.setSort();
 | 
			
		||||
                this.setViewBounds();
 | 
			
		||||
                this.listActivities();
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        updateTimestamp(_bounds, isTick) {
 | 
			
		||||
            if (isTick === true) {
 | 
			
		||||
                this.timestamp = this.openmct.time.clock().currentValue();
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        setViewFromClock(newClock) {
 | 
			
		||||
            this.filterValue = this.domainObject.configuration.filter;
 | 
			
		||||
            const isFixedTime = newClock === undefined;
 | 
			
		||||
            if (isFixedTime) {
 | 
			
		||||
                this.hideAll = false;
 | 
			
		||||
                this.showAll = true;
 | 
			
		||||
                // clear invokes listActivities
 | 
			
		||||
                this.clearPreviousActivities(this.openmct.time.bounds()?.start);
 | 
			
		||||
            } else {
 | 
			
		||||
                this.setSort();
 | 
			
		||||
                this.setViewBounds();
 | 
			
		||||
                this.listActivities();
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        addItem(domainObject) {
 | 
			
		||||
            this.planObjects = [domainObject];
 | 
			
		||||
            this.resetPlanData();
 | 
			
		||||
@@ -400,7 +428,7 @@ export default {
 | 
			
		||||
 | 
			
		||||
            this.firstCurrentActivityIndex = -1;
 | 
			
		||||
            this.currentActivitiesCount = 0;
 | 
			
		||||
            this.$el.parentElement.scrollTo({top: 0});
 | 
			
		||||
            this.$el.parentElement?.scrollTo({top: 0});
 | 
			
		||||
            this.autoScrolled = false;
 | 
			
		||||
        },
 | 
			
		||||
        setScrollTop() {
 | 
			
		||||
 
 | 
			
		||||
@@ -376,7 +376,7 @@ describe('the plugin', function () {
 | 
			
		||||
 | 
			
		||||
            return Vue.nextTick(() => {
 | 
			
		||||
                const items = element.querySelectorAll(LIST_ITEM_CLASS);
 | 
			
		||||
                expect(items.length).toEqual(1);
 | 
			
		||||
                expect(items.length).toEqual(2);
 | 
			
		||||
            });
 | 
			
		||||
        });
 | 
			
		||||
    });
 | 
			
		||||
 
 | 
			
		||||
@@ -40,9 +40,10 @@ $inputTextP: $inputTextPTopBtm $inputTextPLeftRight;
 | 
			
		||||
$menuLineH: 1.5rem;
 | 
			
		||||
$treeItemIndent: 16px;
 | 
			
		||||
$treeTypeIconW: 18px;
 | 
			
		||||
$overlayOuterMarginFullscreen: 0;
 | 
			
		||||
$overlayOuterMarginLarge: 10px;
 | 
			
		||||
$overlayOuterMarginDialog: 20%;
 | 
			
		||||
$overlayOuterMarginFullscreen: (1%, 1%);
 | 
			
		||||
$overlayOuterMarginLarge: (10px, 10px);
 | 
			
		||||
$overlayOuterMarginSmall: (30%, 20%);
 | 
			
		||||
$overlayOuterMarginDialog: (5%, 20%);
 | 
			
		||||
$overlayInnerMargin: 25px;
 | 
			
		||||
$mainViewPad: 0px;
 | 
			
		||||
$treeNavArrowD: 20px;
 | 
			
		||||
@@ -302,7 +303,7 @@ $bg-icon-session: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www
 | 
			
		||||
$bg-icon-tabular: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M448 0H64C28.8 0 0 28.8 0 64v384c0 35.2 28.8 64 64 64h384c35.2 0 64-28.8 64-64V64c0-35.2-28.8-64-64-64zM320 224H192v-96h128v96zm-128 32h128v96H192v-96zm-32 96H32v-96h128v96zm0-224v96H32v-96h128zM64 480c-8.5 0-16.5-3.3-22.6-9.4S32 456.5 32 448v-64h128v96H64zm128 0v-96h128v96H192zm288-32c0 8.5-3.3 16.5-9.4 22.6S456.5 480 448 480h-96v-96h128v64zm0-96H352v-96h128v96zm0-128H352v-96h128v96z'/%3e%3c/svg%3e");
 | 
			
		||||
$bg-icon-tabular-lad: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M448 0H64C28.7.1.1 28.7 0 64v384c.1 35.3 28.7 63.9 64 64h384c35.3-.1 63.9-28.7 64-64V64c-.1-35.3-28.7-63.9-64-64zM32 128h128v96H32v-96zm0 128h128v96H32v-96zm32 224c-17.6-.1-31.9-14.4-32-32v-64h128v96H64zm128 0v-96h128v96H192zm288-32c-.1 17.6-14.4 31.9-32 32h-96v-96h128v64zm0-192v96H192v-96h32v-32h-32v-96h288v96h-32v32h32z'/%3e%3cpath fill='%23000000' d='M391.2 273.7L336 246.1V160c0-8.8-7.2-16-16-16s-16 7.2-16 16v105.9l72.8 36.4c7.9 4 17.5.8 21.5-7.2 4-7.8.8-17.5-7.1-21.4z'/%3e%3c/svg%3e");
 | 
			
		||||
$bg-icon-tabular-lad-set: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M64 384V96c-35.3.1-63.9 28.7-64 64v288c.1 35.3 28.7 63.9 64 64h288c35.3-.1 63.9-28.7 64-64H128c-35.3-.1-63.9-28.7-64-64z'/%3e%3cpath fill='%23000000' d='M448 0H160c-35.3.1-63.9 28.7-64 64v288c.1 35.3 28.7 63.9 64 64h288c35.3-.1 63.9-28.7 64-64V64c-.1-35.3-28.7-63.9-64-64zM128 96h96v64h-96V96zm0 96h96v96h-96v-96zm32 192c-17.6-.1-31.9-14.4-32-32v-32h96v64h-64zm96 0v-64h96v64h-96zm224-32c-.1 17.6-14.4 31.9-32 32h-64v-64h96v32zm0-64H256V96h224v192z'/%3e%3cpath fill='%23000000' d='M416 240c8.8 0 16-7.2 16-16 0-6.9-4.4-13-10.9-15.2L384 196.5V144c0-8.8-7.2-16-16-16s-16 7.2-16 16v75.5l58.9 19.6c1.7.6 3.4.9 5.1.9z'/%3e%3c/svg%3e");
 | 
			
		||||
$bg-icon-tabular-scrolling: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M32 0C14.4 0 0 14.4 0 32v96h224V0H32zM512 128V32c0-17.6-14.4-32-32-32H288v128h224zM0 192v96c0 17.6 14.4 32 32 32h192V192H0zM480 320c17.6 0 32-14.4 32-32v-96H288v128h192zM256 512L128 384h256z'/%3e%3c/svg%3e");
 | 
			
		||||
$bg-icon-tabular-scrolling: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M448 0H64A64.19 64.19 0 0 0 0 64v384a64.19 64.19 0 0 0 64 64h384a64.19 64.19 0 0 0 64-64V64a64.19 64.19 0 0 0-64-64Zm-64 128v96h-96v-96Zm-96 128h96v96h-96Zm-32 96h-96v-96h96Zm0-224v96h-96v-96Zm-224 0h96v96H32Zm0 128h96v96H32Zm32 224a32.2 32.2 0 0 1-32-32v-64h96v96Zm96 0v-96h96v96Zm192 0h-64v-96h96v96Zm118.57-9.43A31.74 31.74 0 0 1 448 480h-32v-32h64a31.74 31.74 0 0 1-9.43 22.57ZM480 384h-64V128h64Z'/%3e%3c/svg%3e");
 | 
			
		||||
$bg-icon-telemetry: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M16 315.83c7.14-2.81 27.22-23.77 46.48-73C83.71 188.64 120.64 124 176 124c26.2 0 50.71 14.58 72.85 43.34 18.67 24.25 32.42 54.46 40.67 75.54 19.26 49.19 39.34 70.15 46.48 73 7.14-2.81 27.22-23.77 46.48-73 18.7-47.75 49.57-103.57 94.47-116.23A255.87 255.87 0 0 0 256 0C114.62 0 0 114.62 0 256a257.18 257.18 0 0 0 5 50.52c4.77 5.39 8.61 8.37 11 9.31z'/%3e%3cpath fill='%23000000' d='M496 196.17c-7.14 2.81-27.22 23.76-46.48 73C428.29 323.36 391.36 388 336 388c-26.2 0-50.71-14.58-72.85-43.34-18.67-24.25-32.42-54.46-40.67-75.54-19.26-49.19-39.34-70.15-46.48-73-7.14 2.81-27.22 23.76-46.48 73-18.7 47.75-49.57 103.57-94.47 116.23A255.87 255.87 0 0 0 256 512c141.38 0 256-114.62 256-256a257.18 257.18 0 0 0-5-50.52c-4.77-5.39-8.61-8.37-11-9.31z'/%3e%3c/svg%3e");
 | 
			
		||||
$bg-icon-timeline: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M416 0H96C43.2 0 0 43.2 0 96v320c0 52.8 43.2 96 96 96h320c52.8 0 96-43.2 96-96V96c0-52.8-43.2-96-96-96ZM64 160V96h128v64Zm64 64h192v64H128Zm320 192H224v-64h224Zm0-128h-64v-64h64Zm0-128H256V96h192Z'/%3e%3c/svg%3e");
 | 
			
		||||
$bg-icon-timer: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M288 73.3V32.01a32 32 0 0 0-32-32h-64a32 32 0 0 0-32 32V73.3C67.48 100.84 0 186.54 0 288.01c0 123.71 100.29 224 224 224s224-100.29 224-224c0-101.48-67.5-187.2-160-214.71zm-54 224.71l-131.88 105.5A167.4 167.4 0 0 1 56 288.01c0-92.64 75.36-168 168-168 3.36 0 6.69.11 10 .31v177.69z'/%3e%3c/svg%3e");
 | 
			
		||||
@@ -325,3 +326,4 @@ $bg-icon-plan: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3
 | 
			
		||||
$bg-icon-timelist: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cg data-name='Layer 2'%3e%3cpath d='M448 0H64A64.19 64.19 0 0 0 0 64v384a64.19 64.19 0 0 0 64 64h384a64.19 64.19 0 0 0 64-64V64a64.19 64.19 0 0 0-64-64ZM213.47 266.73a24 24 0 0 1-32.2 10.74L104 238.83V128a24 24 0 0 1 48 0v81.17l50.73 25.36a24 24 0 0 1 10.74 32.2ZM448 448H288v-64h160Zm0-96H288v-64h160Zm0-96H288v-64h160Zm0-96H288V96h160Z' data-name='Layer 1'/%3e%3c/g%3e%3c/svg%3e");
 | 
			
		||||
$bg-icon-plot-scatter: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cg data-name='Layer 2'%3e%3cpath d='M96 0C43.2 0 0 43.2 0 96v320c0 52.8 43.2 96 96 96h320c52.8 0 96-43.2 96-96V96c0-52.8-43.2-96-96-96ZM64 176a48 48 0 1 1 48 48 48 48 0 0 1-48-48Zm80 240a48 48 0 1 1 48-48 48 48 0 0 1-48 48Zm128-96a48 48 0 1 1 48-48 48 48 0 0 1-48 48Zm0-160a48 48 0 1 1 48-48 48 48 0 0 1-48 48Zm128 256a48 48 0 1 1 48-48 48 48 0 0 1-48 48Z' data-name='Layer 1'/%3e%3c/g%3e%3c/svg%3e");
 | 
			
		||||
$bg-icon-notebook-shift-log: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M448 55.36c0-39.95-27.69-63.66-61.54-52.68L0 128h448V55.36ZM448 160H0v288c0 35.2 28.8 64 64 64h384c35.2 0 64-28.8 64-64V224c0-35.2-28.8-64-64-64ZM128 416H64v-64h64v64Zm0-96H64v-64h64v64Zm320 96H192v-64h256v64Zm0-96H192v-64h256v64Z'/%3e%3c/svg%3e");
 | 
			
		||||
$bg-icon-telemetry-aggregate: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cg data-name='Layer 2'%3e%3cg data-name='Layer 3'%3e%3cpath d='M39 197.72c7-20.72 18.74-50.4 34.6-74.18C92.91 94.65 114.79 80 138.67 80s45.75 14.65 65 43.54c15.86 23.78 27.57 53.46 34.6 74.18 15.44 45.48 31.56 67.49 39 73.27 7.47-5.78 23.6-27.79 39-73.27 7-20.72 18.74-50.4 34.61-74.18q13.9-20.85 29.56-31.75A207.78 207.78 0 0 0 208 0C93.12 0 0 93.12 0 208a208.14 208.14 0 0 0 7.39 55.09c8.39-10.87 20.2-31.67 31.61-65.37Z'/%3e%3cpath d='M377 218.28c-7 20.72-18.74 50.4-34.6 74.18-19.28 28.89-41.16 43.54-65 43.54s-45.75-14.65-65-43.54c-15.86-23.78-27.57-53.46-34.6-74.18-15.44-45.48-31.57-67.49-39-73.27-7.47 5.78-23.6 27.79-39 73.27-7.19 20.72-18.9 50.4-34.8 74.18q-13.9 20.85-29.56 31.75A207.78 207.78 0 0 0 208 416c114.88 0 208-93.12 208-208a208.14 208.14 0 0 0-7.39-55.09c-8.39 10.87-20.2 31.67-31.61 65.37Z'/%3e%3cpath d='M460.78 167.31A258.4 258.4 0 0 1 464 208a255.84 255.84 0 0 1-256 256 258.4 258.4 0 0 1-40.69-3.22A207.23 207.23 0 0 0 304 512c114.88 0 208-93.12 208-208a207.23 207.23 0 0 0-51.22-136.69Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
 | 
			
		||||
 
 | 
			
		||||
@@ -342,16 +342,17 @@ input[type=password],
 | 
			
		||||
input[type=date],
 | 
			
		||||
textarea {
 | 
			
		||||
    @include reactive-input();
 | 
			
		||||
    padding: $inputTextP;
 | 
			
		||||
    &.numeric {
 | 
			
		||||
        text-align: right;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
input[type=number]::-webkit-inner-spin-button,
 | 
			
		||||
input[type=number]::-webkit-outer-spin-button {
 | 
			
		||||
    margin-right: -5px !important;
 | 
			
		||||
    margin-top: -1px !important;
 | 
			
		||||
input[type=text],
 | 
			
		||||
input[type=search],
 | 
			
		||||
input[type=password],
 | 
			
		||||
input[type=date],
 | 
			
		||||
textarea {
 | 
			
		||||
    padding: $inputTextP;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.c-input {
 | 
			
		||||
 
 | 
			
		||||
@@ -44,26 +44,33 @@
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &__contents {
 | 
			
		||||
        display: flex;
 | 
			
		||||
        flex-direction: column;
 | 
			
		||||
        flex: 1 1 auto;
 | 
			
		||||
        overflow: auto;
 | 
			
		||||
        padding-right: $interiorMargin;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &__section {
 | 
			
		||||
        display: inherit;
 | 
			
		||||
        flex-direction: column;
 | 
			
		||||
        display: contents;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &__row {
 | 
			
		||||
        display: flex;
 | 
			
		||||
        padding: $formTBPad 0;
 | 
			
		||||
        &:not(.first) { border-top: 1px solid $colorFormLines; }
 | 
			
		||||
        flex: 0 0 auto;
 | 
			
		||||
 | 
			
		||||
        &.grows {
 | 
			
		||||
            flex: 1 1 auto;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &__section-header {
 | 
			
		||||
        border-radius: $basicCr;
 | 
			
		||||
        background: $colorFormSectionHeaderBg;
 | 
			
		||||
        color: $colorFormSectionHeaderFg;
 | 
			
		||||
        flex: 0 0 auto;
 | 
			
		||||
        font-size: inherit;
 | 
			
		||||
        font-weight: normal;
 | 
			
		||||
        margin: $interiorMargin 0;
 | 
			
		||||
@@ -140,14 +147,16 @@
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &--datetime {
 | 
			
		||||
        $size: min-content;
 | 
			
		||||
        $size: max-content;
 | 
			
		||||
        display: grid;
 | 
			
		||||
        grid-template-columns: repeat(5, min-content);
 | 
			
		||||
        grid-template-rows: auto;
 | 
			
		||||
        grid-template-columns: repeat(5, $size);
 | 
			
		||||
        grid-template-rows: $size;
 | 
			
		||||
        grid-row-gap: 3px;
 | 
			
		||||
        grid-column-gap: $interiorMargin;
 | 
			
		||||
        align-items: stretch;
 | 
			
		||||
 | 
			
		||||
        .hint {
 | 
			
		||||
            align-self: center;
 | 
			
		||||
            opacity: 0.7;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 
 | 
			
		||||
@@ -264,3 +264,4 @@
 | 
			
		||||
.bg-icon-timelist { @include glyphBg($bg-icon-timelist); }
 | 
			
		||||
.bg-icon-plot-scatter { @include glyphBg($bg-icon-plot-scatter); }
 | 
			
		||||
.bg-icon-notebook-shift-log { @include glyphBg($bg-icon-notebook-shift-log); }
 | 
			
		||||
.bg-icon-telemetry-aggregate { @include glyphBg($bg-icon-telemetry-aggregate); }
 | 
			
		||||
 
 | 
			
		||||
@@ -228,12 +228,12 @@
 | 
			
		||||
 | 
			
		||||
@mixin grippy($c: rgba(black, 0.5), $dir: 'x') {
 | 
			
		||||
    $deg: 90deg;
 | 
			
		||||
    $bgSize: 2px 100%;
 | 
			
		||||
    $bgSize: 3px 100%;
 | 
			
		||||
 | 
			
		||||
    @if $dir != 'x' {
 | 
			
		||||
        // Grippy texture runs 'vertically'
 | 
			
		||||
        $deg: 0deg;
 | 
			
		||||
        $bgSize: 100% 2px;
 | 
			
		||||
        $bgSize: 100% 3px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    background: linear-gradient($deg,
 | 
			
		||||
 
 | 
			
		||||
@@ -2,7 +2,7 @@
 | 
			
		||||
  "metadata": {
 | 
			
		||||
    "name": "Open MCT Symbols 16px",
 | 
			
		||||
    "lastOpened": 0,
 | 
			
		||||
    "created": 1651949568729
 | 
			
		||||
    "created": 1660771219523
 | 
			
		||||
  },
 | 
			
		||||
  "iconSets": [
 | 
			
		||||
    {
 | 
			
		||||
@@ -1325,7 +1325,7 @@
 | 
			
		||||
          "name": "icon-plot-scatter",
 | 
			
		||||
          "prevSize": 16,
 | 
			
		||||
          "code": 60208,
 | 
			
		||||
          "tempChar": ""
 | 
			
		||||
          "tempChar": ""
 | 
			
		||||
        }
 | 
			
		||||
      ],
 | 
			
		||||
      "id": 0,
 | 
			
		||||
@@ -3702,19 +3702,21 @@
 | 
			
		||||
        {
 | 
			
		||||
          "id": 66,
 | 
			
		||||
          "paths": [
 | 
			
		||||
            "M64 0c-35.2 0-64 28.8-64 64v192h448v-256h-384z",
 | 
			
		||||
            "M1024 256v-192c0-35.2-28.8-64-64-64h-384v256h448z",
 | 
			
		||||
            "M0 384v192c0 35.2 28.8 64 64 64h384v-256h-448z",
 | 
			
		||||
            "M960 640c35.2 0 64-28.8 64-64v-192h-448v256h384z",
 | 
			
		||||
            "M512 1024l-256-256h512z"
 | 
			
		||||
            "M896 0h-768c-70.606 0.215-127.785 57.394-128 127.979l-0 0.021v768c0.215 70.606 57.394 127.785 127.979 128l0.021 0h768c70.606-0.215 127.785-57.394 128-127.979l0-0.021v-768c-0.215-70.606-57.394-127.785-127.979-128l-0.021-0zM768 256v192h-192v-192zM576 512h192v192h-192zM512 704h-192v-192h192zM512 256v192h-192v-192zM64 256h192v192h-192zM64 512h192v192h-192zM128 960c-35.255-0.225-63.775-28.745-64-63.978l-0-0.022v-128h192v192zM320 960v-192h192v192zM704 960h-128v-192h192v192zM941.14 941.14c-11.511 11.644-27.483 18.856-45.139 18.86l-64.001 0v-64h128c-0.004 17.657-7.216 33.629-18.854 45.134l-0.006 0.006zM960 768h-128v-512h128z"
 | 
			
		||||
          ],
 | 
			
		||||
          "attrs": [
 | 
			
		||||
            {}
 | 
			
		||||
          ],
 | 
			
		||||
          "attrs": [],
 | 
			
		||||
          "grid": 16,
 | 
			
		||||
          "tags": [
 | 
			
		||||
            "icon-tabular-scrolling"
 | 
			
		||||
          ],
 | 
			
		||||
          "isMulticolor": false,
 | 
			
		||||
          "isMulticolor2": false,
 | 
			
		||||
          "colorPermutations": {
 | 
			
		||||
            "12552552551": []
 | 
			
		||||
            "12552552551": [
 | 
			
		||||
              {}
 | 
			
		||||
            ]
 | 
			
		||||
          }
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
@@ -4259,7 +4261,7 @@
 | 
			
		||||
          }
 | 
			
		||||
        },
 | 
			
		||||
        {
 | 
			
		||||
          "id": 176,
 | 
			
		||||
          "id": 185,
 | 
			
		||||
          "paths": [
 | 
			
		||||
            "M192 0c-105.6 0-192 86.4-192 192v640c0 105.6 86.4 192 192 192h640c105.6 0 192-86.4 192-192v-640c0-105.6-86.4-192-192-192zM128 352c0-53.019 42.981-96 96-96s96 42.981 96 96c0 53.019-42.981 96-96 96v0c-53.019 0-96-42.981-96-96v0zM288 832c-53.019 0-96-42.981-96-96s42.981-96 96-96c53.019 0 96 42.981 96 96v0c0 53.019-42.981 96-96 96v0zM544 640c-53.019 0-96-42.981-96-96s42.981-96 96-96c53.019 0 96 42.981 96 96v0c0 53.019-42.981 96-96 96v0zM544 320c-53.019 0-96-42.981-96-96s42.981-96 96-96c53.019 0 96 42.981 96 96v0c0 53.019-42.981 96-96 96v0zM800 832c-53.019 0-96-42.981-96-96s42.981-96 96-96c53.019 0 96 42.981 96 96v0c0 53.019-42.981 96-96 96v0z"
 | 
			
		||||
          ],
 | 
			
		||||
 
 | 
			
		||||
@@ -3,173 +3,173 @@
 | 
			
		||||
<svg xmlns="http://www.w3.org/2000/svg">
 | 
			
		||||
<metadata>Generated by IcoMoon</metadata>
 | 
			
		||||
<defs>
 | 
			
		||||
<font id="icomoon" horiz-adv-x="1024">
 | 
			
		||||
<font-face units-per-em="1024" ascent="960" descent="-64" />
 | 
			
		||||
<font id="Open-MCT-Symbols-16px" horiz-adv-x="1024">
 | 
			
		||||
<font-face units-per-em="1024" ascent="921.6" descent="-102.4" />
 | 
			
		||||
<missing-glyph horiz-adv-x="1024" />
 | 
			
		||||
<glyph unicode=" " horiz-adv-x="512" d="" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-alert-rect-v2" d="M896 960h-768c-70.6-0.2-127.8-57.4-128-128v-768c0.2-70.6 57.4-127.8 128-128h768c70.6 0.2 127.8 57.4 128 128v768c-0.2 70.6-57.4 127.8-128 128zM576 64h-128v128h128v-128zM597.8 448l-37.8-192h-96l-37.8 192v384h171.8v-384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-alert-triangle-v2" d="M998.2 111.2l-422.6 739.6c-35 61.2-92 61.2-127 0l-422.8-739.6c-35-61.2-6-111.2 64.4-111.2h843.4c70.6 0 99.6 50 64.6 111.2zM576 64h-128v128h128v-128zM597.8 448l-37.8-192h-96l-37.8 192v256h171.8v-256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-up" d="M512 704l-512-512h1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-double-up" d="M510 450l512-512h-1024zM510 962l512-512h-1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-tall-up" d="M512 960l512-1024h-1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-right" d="M768 448l-512 512v-1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-right-equilateral" d="M962 448l-896-512v1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-down" d="M512 192l512 512h-1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-double-down" d="M510 450l-512 512h1024zM510-62l-512 512h1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-tall-down" d="M512-64l-512 1024h1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-left" d="M256 448l512-512v1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-asterisk" d="M1004.166 619.542l-97.522 168.916-330.534-229.414 33.414 400.956h-195.048l33.414-400.956-330.534 229.414-97.522-168.916 363.944-171.542-363.944-171.542 97.522-168.916 330.534 229.414-33.414-400.956h195.048l-33.414 400.956 330.534-229.414 97.522 168.916-363.944 171.542z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-bell" d="M512-64c106 0 192 86 192 192h-384c0-106 86-192 192-192zM896 512v64c0 212-172 384-384 384s-384-172-384-384v-64c0-70.6-57.4-128-128-128v-128h1024v128c-70.6 0-128 57.4-128 128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-box-round-corners" d="M1024 128c0-105.6-86.4-192-192-192h-640c-105.6 0-192 86.4-192 192v640c0 105.6 86.4 192 192 192h640c105.6 0 192-86.4 192-192v-640z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-box-with-arrow-cursor" d="M894 962h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h400c-2.2 3.8-4 7.6-5.8 11.4l-255.2 576.8c-21.4 48.4-10.8 105 26.6 142.4 24.4 24.4 57.2 37.4 90.4 37.4 17.4 0 35.2-3.6 51.8-11l576.6-255.4c4-1.8 7.8-3.8 11.4-5.8v400.2c0.2 70.4-57.4 128-127.8 128zM958.6 322.6l-576.6 255.4 255.4-576.6 64.6 128.6 192-192 128 128-192 192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-check" d="M1024 960l-640-640-384 384v-384l384-384 640 640z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-connectivity" d="M704 384c0-70.4-57.6-128-128-128h-128c-70.4 0-128 57.6-128 128v128c0 70.4 57.6 128 128 128h128c70.4 0 128-57.6 128-128v-128zM1024 448l-192 320v-640zM0 448l192 320v-640z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-database-in-brackets" d="M768 608c0-53.019-114.615-96-256-96s-256 42.981-256 96c0 53.019 114.615 96 256 96s256-42.981 256-96zM768 288v256c0-53-114.6-96-256-96s-256 43-256 96v-256c0-53 114.6-96 256-96s256 43 256 96zM832 960h-128v-192h127.6c0.2 0 0.2-0.2 0.4-0.4v-639.4c0-0.2-0.2-0.2-0.4-0.4h-127.6v-192h128c105.6 0 192 86.4 192 192v640.2c0 105.6-86.4 192-192 192zM192 128.4v639.4c0 0.2 0.2 0.2 0.4 0.4h127.6v191.8h-128c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h128v192h-127.6c-0.2 0-0.4 0.2-0.4 0.4z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-eye-open" d="M512 843.6c-245.8 0-452.2-168-510.8-395.6 58.6-227.4 265-395.6 510.8-395.6s452.2 168 510.8 395.6c-58.6 227.4-265 395.6-510.8 395.6zM829.2 371.6c-22.6-34.4-50.6-64.8-83-90.4-32.8-25.8-69-45.6-108-59.4-40.4-14.2-82.8-21.4-126-21.4s-85.8 7.2-126 21.4c-39 13.8-75.4 33.8-108 59.4-32.4 25.6-60.4 55.8-83 90.4-15.8 24-28.8 49.6-38.6 76.4 10 26.8 23 52.4 38.6 76.4 22.6 34.4 50.6 64.8 83 90.4 32.8 25.8 69 45.6 108 59.4 40.4 14.2 82.8 21.4 126 21.4s85.8-7.2 126-21.4c39-13.8 75.4-33.8 108-59.4 32.4-25.6 60.4-55.8 83-90.4 15.8-24 28.8-49.6 38.6-76.4-9.8-26.8-22.8-52.4-38.6-76.4zM704 448c0-106.039-85.961-192-192-192s-192 85.961-192 192c0 106.039 85.961 192 192 192s192-85.961 192-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-gear" d="M1024 384v128l-140.976 35.244c-8.784 32.922-21.818 64.106-38.504 92.918l74.774 124.622-90.51 90.51-124.622-74.774c-28.812 16.686-59.996 29.72-92.918 38.504l-35.244 140.976h-128l-35.244-140.976c-32.922-8.784-64.106-21.818-92.918-38.504l-124.622 74.774-90.51-90.51 74.774-124.622c-16.686-28.812-29.72-59.996-38.504-92.918l-140.976-35.244v-128l140.976-35.244c8.784-32.922 21.818-64.106 38.504-92.918l-74.774-124.622 90.51-90.51 124.622 74.774c28.812-16.686 59.996-29.72 92.918-38.504l35.244-140.976h128l35.244 140.976c32.922 8.784 64.106 21.818 92.918 38.504l124.622-74.774 90.51 90.51-74.774 124.622c16.686 28.812 29.72 59.996 38.504 92.918l140.976 35.244zM704 448c0-106.038-85.962-192-192-192s-192 85.962-192 192 85.962 192 192 192 192-85.962 192-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-hourglass" d="M1024 960h-1024c0-282.8 229.2-512 512-512s512 229.2 512 512zM512 576c-102.6 0-199 40-271.6 112.4-41.2 41.2-72 90.2-90.8 143.6h724.6c-18.8-53.4-49.6-102.4-90.8-143.6-72.4-72.4-168.8-112.4-271.4-112.4zM512 448c-282.8 0-512-229.2-512-512h1024c0 282.8-229.2 512-512 512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-info" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM512 832c70.6 0 128-57.4 128-128s-57.4-128-128-128c-70.6 0-128 57.4-128 128s57.4 128 128 128zM704 128h-384v128h64v256h256v-256h64v-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-link" d="M1024 448l-512 512v-307.2l-512-204.8v-256h512v-256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-lock" horiz-adv-x="768" d="M702 576h-62v128c0 141.385-114.615 256-256 256s-256-114.615-256-256v0-128h-64c-35.301-0.113-63.887-28.699-64-63.989v-512.011c0.113-35.301 28.699-63.887 63.989-64h638.011c35.301 0.113 63.887 28.699 64 63.989v512.011c-0.113 35.301-28.699 63.887-63.989 64h-0.011zM256 576v128c0 70.692 57.308 128 128 128s128-57.308 128-128v0-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-minus" d="M960 320c35.2 0 64 28.8 64 64v128c0 35.2-28.8 64-64 64h-896c-35.2 0-64-28.8-64-64v-128c0-35.2 28.8-64 64-64h896z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-people" d="M704 640h64c70.4 0 128 57.6 128 128v64c0 70.4-57.6 128-128 128h-64c-70.4 0-128-57.6-128-128v-64c0-70.4 57.6-128 128-128zM256 640h64c70.4 0 128 57.6 128 128v64c0 70.4-57.6 128-128 128h-64c-70.4 0-128-57.6-128-128v-64c0-70.4 57.6-128 128-128zM832 576h-192c-34.908 0-67.716-9.448-96-25.904 57.278-33.324 96-95.404 96-166.096v-448h384v448c0 105.6-86.4 192-192 192zM384 576h-192c-105.6 0-192-86.4-192-192v-448h576v448c0 105.6-86.4 192-192 192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-person" d="M768 704c0-105.6-86.4-192-192-192h-128c-105.6 0-192 86.4-192 192v64c0 105.6 86.4 192 192 192h128c105.6 0 192-86.4 192-192v-64zM64-64v192c0 140.8 115.2 256 256 256h384c140.8 0 256-115.2 256-256v-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plus" d="M960 576h-330v320c0 35.2-28.8 64-64 64h-108c-35.2 0-64-28.8-64-64v-320h-330c-35.2 0-64-28.8-64-64v-128c0-35.2 28.8-64 64-64h330v-320c0-35.2 28.8-64 64-64h108c35.2 0 64 28.8 64 64v320h330c35.2 0 64 28.8 64 64v128c0 35.2-28.8 64-64 64z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plus-in-rect" d="M830 960h-636c-106.6 0-194-87.2-194-194v-636c0-106.8 87.4-194 194-194h636c106.6 0 194 87.2 194 194v636c0 106.8-87.4 194-194 194zM896 352c0-17.673-14.327-32-32-32v0h-224v-224c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 224h-224c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h224v224c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0-224h224c17.673 0 32-14.327 32-32v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-trash" d="M832 832h-192.36v64c0 35.2-28.8 64-64 64h-128c-35.2 0-64-28.8-64-64v-64h-191.64c-105.6 0-192-72-192-160s0-160 0-160h64v-384c0-105.6 86.4-192 192-192h512c105.6 0 192 86.4 192 192v384h64c0 0 0 72 0 160s-86.4 160-192 160zM320 128h-128v384h128v-384zM576 128h-128v384h128v-384zM832 128h-128v384h128v-384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-x-heavy" d="M704 448l301.332-301.332c24.89-24.89 24.89-65.62 0-90.51l-101.49-101.49c-24.89-24.89-65.62-24.89-90.51 0l-301.332 301.332c0 0-301.332-301.332-301.332-301.332-24.89-24.89-65.62-24.89-90.51 0l-101.49 101.49c-24.89 24.89-24.89 65.62 0 90.51l301.332 301.332c0 0-301.332 301.332-301.332 301.332-24.89 24.89-24.89 65.62 0 90.51l101.49 101.49c24.89 24.89 65.62 24.89 90.51 0l301.332-301.332c0 0 301.332 301.332 301.332 301.332 24.89 24.89 65.62 24.89 90.51 0l101.49-101.49c24.89-24.89 24.89-65.62 0-90.51 0 0-301.332-301.332-301.332-301.332z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-brackets" d="M832 960h-192v-192h191.66l0.34-0.34v-639.32l-0.34-0.34h-191.66v-192h192c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM384 128h-191.66l-0.34 0.34v639.32l0.34 0.34h191.66v192h-192c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h192v192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-crosshair" d="M574 962h-128v-320h128v320zM1022 514h-320v-128h320v128zM574 258h-128v-320h128v320zM318 514h-320v-128h320v128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grippy" d="M365.4 777.2c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM365.4 557.8c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM365.4 338.2c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM365.4 118.8c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM584.8 886.8c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM584.8 667.4c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM584.8 448c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM584.8 228.6c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM584.8 9.2c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM804.2 777.2c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM804.2 557.8c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM804.2 338.2c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM804.2 118.8c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grid" d="M0 384v-256c0-105.6 86.4-192 192-192h256v448h-448zM448 960h-256c-105.6 0-192-86.4-192-192v-256h448v448zM832 960h-256v-448h448v256c0 105.6-86.4 192-192 192zM576-64h256c105.6 0 192 86.4 192 192v256h-448v-448z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grippy-ew" d="M704 960h128v-1024h-128v1024zM448 960h128v-1024h-128v1024zM192 960h128v-1024h-128v1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-columns" d="M0 960h256v-1024h-256v1024zM384 960h256v-1024h-256v1024zM768 960h256v-1024h-256v1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-rows" d="M0 960h1024v-256h-1024v256zM0 576h1024v-256h-1024v256zM0 192h1024v-256h-1024v256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-filter" d="M896 960h-768c-70.601-0.227-127.773-57.399-128-127.978v-768.022c0.227-70.601 57.399-127.773 127.978-128h256.022v512l-192 192h640l-192-192v-512h256c70.601 0.227 127.773 57.399 128 127.978v768.022c-0.227 70.601-57.399 127.773-127.978 128h-0.022z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-filter-outline" d="M896 960h-768c-70.601-0.227-127.773-57.399-128-127.978v-768.022c0.227-70.601 57.399-127.773 127.978-128h768.022c70.601 0.227 127.773 57.399 128 127.978v768.022c-0.227 70.601-57.399 127.773-127.978 128h-0.022zM896 64.2h-256v383.8l192 192h-640l192-192v-384h-256v767.8h768z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-suitcase" d="M768 832c-0.080 70.66-57.34 127.92-127.993 128h-256.007c-70.66-0.080-127.92-57.34-128-127.993v-128.007h-64v-768h640v768h-64zM384 831.88l0.12 0.12 255.88-0.12v-127.88h-256zM0 640v-640c0.102-35.305 28.695-63.898 63.99-64h64.010v768h-64c-35.305-0.102-63.898-28.695-64-63.99v-0.010zM960 704h-64v-768h64c35.305 0.102 63.898 28.695 64 63.99v640.010c-0.102 35.305-28.695 63.898-63.99 64h-0.010z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-cursor-locked" horiz-adv-x="768" d="M704 640h-64v64c0 141.385-114.615 256-256 256s-256-114.615-256-256v0-64h-64c-35.301-0.113-63.887-28.699-64-63.989v-576.011c0.113-35.301 28.699-63.887 63.989-64h640.011c35.301 0.113 63.887 28.699 64 63.989v576.011c-0.113 35.301-28.699 63.887-63.989 64h-0.011zM256 704c0 70.692 57.308 128 128 128s128-57.308 128-128v0-64h-256zM533.4 64l-128 128-43-85-170.4 383.6 383.6-170.2-85-43 128-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-flag" d="M192 320h832l-192 320 192 320h-896c-70.606-0.215-127.785-57.394-128-127.979v-896.021h192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-eye-disabled" d="M209.46 351.32q-7.46 9.86-14.26 20.28c-14.737 21.984-27.741 47.184-37.759 73.847l-0.841 2.553c11.078 29.259 24.068 54.443 39.51 77.869l-0.91-1.469c23.221 34.963 50.705 64.8 82.207 89.793l0.793 0.607c57.663 45.719 130.179 75.053 209.311 79.947l1.069 0.053 114.48 140.88c-27.366 5.017-58.869 7.898-91.041 7.92h-0.019c-245.8 0-452.2-168-510.8-395.6 21.856-82.93 60.906-154.847 113.325-214.773l-0.525 0.613zM814.76 544.92q7.52-10 14.44-20.52c14.737-21.984 27.741-47.184 37.759-73.847l0.841-2.553c-10.859-29.216-23.863-54.416-39.447-77.748l0.847 1.348c-23.221-34.963-50.705-64.8-82.207-89.793l-0.793-0.607c-57.762-45.834-130.437-75.216-209.743-80.049l-1.057-0.051-114.46-140.86c27.346-4.988 58.817-7.84 90.955-7.84 0.037 0 0.074 0 0.111 0h-0.005c245.8 0 452.2 168 510.8 395.6-21.856 82.93-60.906 154.847-113.325 214.773l0.525-0.613zM832 960l-832-1024h192l832 1024h-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-notebook-page" d="M830 898h-830l-4-702c0-106.6 87.4-194 194-194h640c106.6 0 194 87.4 194 194v508c0 106.8-87.4 194-194 194zM832 514l-384-384-192 192v256l192-192 384 384v-256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-unlocked" d="M768 960c-141.339-0.114-255.886-114.661-256-255.989v-128.011h-448c-35.301-0.113-63.887-28.699-64-63.989v-512.011c0.113-35.301 28.699-63.887 63.989-64h638.011c35.301 0.113 63.887 28.699 64 63.989v512.011c-0.113 35.301-28.699 63.887-63.989 64h-62.011v128c0 70.692 57.308 128 128 128s128-57.308 128-128v0-128h128v128c-0.114 141.339-114.661 255.886-255.989 256h-0.011z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-circle" d="M1024 448c0-282.77-229.23-512-512-512s-512 229.23-512 512c0 282.77 229.23 512 512 512s512-229.23 512-512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-draft" d="M876.34 324.42l-49.9-49.88-19.26-19.5-26-8.7-423.040-144.2 144.2 423.28 8.84 25.78 150 149.88-85.6 149.78c-34.92 61.12-92 61.12-127 0l-422.78-739.72c-34.94-61.14-5.92-111.14 64.48-111.14h843.44c70.4 0 99.42 50 64.48 111.14zM973.18 717.16c-19.32 19.3-40.66 34.62-60.16 43.16-34.42 15.12-52.38 4.54-60.1-3.16l-258.12-258.12-82.8-243.040 243 82.8 3.36 3.4 254.76 254.76c4.94 4.94 10.88 13.88 10.88 28.3 0 25.34-19.5 60.56-50.82 91.9zM631 340.18l-34.88 34.86 34.64 101.6 9.24 3.36h32v-64h64v-32l-3.42-9.26z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-circle-slash" d="M512 960c-282.78 0-512-229.22-512-512s229.22-512 512-512 512 229.22 512 512-229.22 512-512 512zM263.1 696.9c66.48 66.48 154.88 103.1 248.9 103.1 66.74 0 130.64-18.48 185.9-52.96l-484.94-484.94c-34.5 55.24-52.96 119.16-52.96 185.9 0 94.020 36.62 182.42 103.1 248.9zM760.9 199.1c-66.48-66.48-154.88-103.1-248.9-103.1-66.74 0-130.64 18.48-185.9 52.96l484.94 484.94c34.5-55.24 52.96-119.16 52.96-185.9 0-94.020-36.62-182.42-103.1-248.9z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-question-mark" horiz-adv-x="697" d="M136.86 907.74c54.080 34.82 120.58 52.26 199.44 52.26 103.6 0 189.7-24.76 258.24-74.28s102.82-122.88 102.82-220.060c0-59.6-14.86-109.8-44.58-150.6-17.38-24.76-50.76-56.4-100.14-94.9l-48.68-37.82c-26.54-20.64-44.14-44.7-52.82-72.2-5.5-17.44-8.46-44.48-8.92-81.14h-186.4c2.74 77.48 10.060 131 21.94 160.58s42.5 63.62 91.88 102.12l50.060 39.2c16.46 12.38 29.72 25.9 39.78 40.58 18.28 25.2 27.42 52.96 27.42 83.22 0 34.84-10.18 66.6-30.52 95.24-20.36 28.64-57.52 42.98-111.48 42.98s-90.68-17.66-112.88-52.96c-22.18-35.32-33.26-71.98-33.26-110.040h-198.76c5.5 130.64 51.12 223.24 136.86 277.82zM251.020 134.76h205.62v-198.74h-205.62v198.74z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-status-poll-check" d="M512 960c-282.76 0-512-214.9-512-480 0-92.26 27.8-178.44 75.92-251.6l-75.92-292.4 313.5 101.42c61.040-24.1 128.12-37.42 198.5-37.42 282.76 0 512 214.9 512 480s-229.24 480-512 480zM768 512l-320-320-192 192v192l192-192 320 320v-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-status-poll-caution" d="M512 960c-282.76 0-512-214.9-512-480 0-92.26 27.8-178.44 75.92-251.6l-75.92-292.4 313.5 101.42c61.040-24.1 128.12-37.42 198.5-37.42 282.76 0 512 214.9 512 480s-229.24 480-512 480zM781.36 256h-538.72c-44.96 0-63.5 31.94-41.2 70.98l270 472.48c22.3 39.040 58.82 39.040 81.12 0l269.98-472.48c22.3-39.040 3.78-70.98-41.2-70.98zM457.14 542.14l24.2-122.64h61.32l24.2 122.64v163.5h-109.72v-163.5zM471.12 378.64h81.76v-81.76h-81.76v81.76z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-status-poll-circle-slash" d="M391.18 291.3c35.72-22.98 77.32-35.3 120.82-35.3 59.84 0 116.080 23.3 158.4 65.6 42.3 42.3 65.6 98.56 65.6 158.4 0 43.5-12.32 85.080-35.3 120.82l-309.52-309.52zM512 704c-59.84 0-116.080-23.3-158.4-65.6-42.3-42.3-65.6-98.56-65.6-158.4 0-43.5 12.32-85.080 35.3-120.82l309.52 309.52c-35.72 22.98-77.32 35.3-120.82 35.3zM512 960c-282.76 0-512-214.9-512-480 0-92.26 27.8-178.44 75.92-251.6l-75.92-292.4 313.5 101.42c61.040-24.1 128.12-37.42 198.5-37.42 282.76 0 512 214.9 512 480s-229.24 480-512 480zM512 160c-176.74 0-320 143.26-320 320s143.26 320 320 320 320-143.26 320-320-143.26-320-320-320z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-status-poll-question-mark" d="M512 960c-282.76 0-512-214.9-512-480 0-92.26 27.8-178.44 75.92-251.6l-75.92-292.4 313.5 101.42c61.040-24.1 128.12-37.42 198.5-37.42 282.76 0 512 214.9 512 480s-229.24 480-512 480zM579.020 128h-141.36v136.64h141.36v-136.64zM713.84 526.1c-11.94-17.020-34.9-38.78-68.84-65.24l-33.48-26c-18.24-14.18-30.34-30.74-36.32-49.64-3.78-11.98-5.82-30.58-6.14-55.8h-128.12c1.88 53.26 6.92 90.060 15.080 110.4 8.18 20.34 29.22 43.74 63.16 70.22l34.42 26.94c11.3 8.52 20.42 17.8 27.34 27.9 12.56 17.34 18.86 36.4 18.86 57.2 0 23.94-7 45.78-20.98 65.48-14 19.7-39.54 29.54-76.64 29.54s-62.34-12.14-77.6-36.4c-15.24-24.28-22.88-49.48-22.88-75.64h-136.64c3.78 89.84 35.14 153.5 94.080 191.020 37.18 23.94 82.9 35.94 137.12 35.94 71.22 0 130.42-17.020 177.54-51.060s70.68-84.48 70.68-151.3c0-40.98-10.22-75.5-30.66-103.54z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-status-poll-edit" d="M1000.080 625.36l-336.6-336.76-20.52-6.88-450.96-153.72 160.68 471.52 332.34 332.34c-54.040 18.2-112.28 28.14-173.020 28.14-282.76 0-512-214.9-512-480 0-92.26 27.8-178.44 75.92-251.6l-75.92-292.4 313.5 101.42c61.040-24.1 128.12-37.42 198.5-37.42 282.76 0 512 214.9 512 480 0 50.68-8.4 99.5-23.92 145.36zM408.42 564.76l-2.16-6.3-111.7-327.9 334.12 113.86 4.62 4.68 350.28 350.28c6.8 6.78 14.96 19.1 14.96 38.9 0 34.86-26.82 83.28-69.88 126.38-26.54 26.54-55.9 47.6-82.7 59.34-47.34 20.8-72.020 6.24-82.64-4.36l-354.9-354.88zM470.56 538.58h44v-88h88v-44l-4.7-12.72-139.68-47.54-47.94 47.94 47.6 139.72 12.72 4.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrows-right-left" d="M1024 448l-448-512v1024zM448 960l-448-512 448-512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrows-up-down" d="M512 960l512-448h-1024zM0 384l512-448 512 448z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-bullet" d="M832 208c0-44-36-80-80-80h-480c-44 0-80 36-80 80v480c0 44 36 80 80 80h480c44 0 80-36 80-80v-480z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-calendar" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM640 512h-256v192h256v-192zM384 448h256v-192h-256v192zM320 256h-256v192h256v-192zM320 704v-192h-256v192h256zM128 0c-17 0-33 6.6-45.2 18.8s-18.8 28.2-18.8 45.2v128h256v-192h-192zM384 0v192h256v-192h-256zM960 64c0-17-6.6-33-18.8-45.2s-28.2-18.8-45.2-18.8h-192v192h256v-128zM960 256h-256v192h256v-192zM960 512h-256v192h256v-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-chain-links" d="M958.4 894.4c-43.8 43.8-101 65.6-158.4 65.6s-114.6-21.8-158.4-65.6l-128-128c-74-74-85.4-187-34-273l-12.8-12.8c-35.4 20.8-75 31.4-114.8 31.4-57.4 0-114.6-21.8-158.4-65.6l-128-128c-87.4-87.4-87.4-229.4 0-316.8 43.8-43.8 101-65.6 158.4-65.6s114.6 21.8 158.4 65.6l128 128c74 74 85.4 187 34 273l12.8 12.8c35.2-21 75-31.6 114.6-31.6 57.4 0 114.6 21.8 158.4 65.6l128 128c87.6 87.6 87.6 229.6 0.2 317zM419.8 220.2l-128-128c-18-18.2-42.2-28.2-67.8-28.2s-49.8 10-67.8 28.2c-37.4 37.4-37.4 98.4 0 135.8l128 128c18.2 18.2 42.2 28.2 67.8 28.2 5.6 0 11.2-0.6 16.8-1.4l-55.6-55.6c-10.4-10.4-16.2-24.2-16.2-38.8s5.8-28.6 16.2-38.8c10.4-10.4 24.2-16.2 38.8-16.2s28.6 5.8 38.8 16.2l55.6 55.6c5.4-30.4-3.6-62.2-26.6-85zM867.8 668.2l-128-128c-18-18.2-42.2-28.2-67.8-28.2-5.6 0-11.2 0.6-16.8 1.4l55.6 55.6c10.4 10.4 16.2 24.2 16.2 38.8s-5.8 28.6-16.2 38.8c-10.4 10.4-24.2 16.2-38.8 16.2s-28.6-5.8-38.8-16.2l-55.6-55.6c-5.2 29.8 3.6 61.6 26.6 84.6l128 128c18 18.4 42.2 28.4 67.8 28.4s49.8-10 67.8-28.2c37.6-37.4 37.6-98.2 0-135.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-download" d="M832 384v-255.66l-0.34-0.34-639.66 0.34v255.66h-192v-256c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v256h-192zM512 320l448 448h-256v192h-384v-192h-256l448-448z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-duplicate" d="M640 704v128c0 70.4-57.6 128-128 128h-384c-70.4 0-128-57.6-128-128v-384c0-70.4 57.6-128 128-128h128v139.6c0 134.8 109.6 244.4 244.4 244.4h139.6zM896 576h-384c-70.4 0-128-57.6-128-128v-384c0-70.4 57.6-128 128-128h384c70.4 0 128 57.6 128 128v384c0 70.4-57.6 128-128 128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-folder-new" d="M896 768h-320c-16.4 16.4-96.8 96.8-109.2 109.2l-37.4 37.4c-25 25-74.2 45.4-109.4 45.4h-256c-35.2 0-64-28.8-64-64v-384c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v128c0 70.4-57.6 128-128 128zM896 512h-768c-70.4 0-128-57.6-128-128v-320c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v320c0 70.4-57.6 128-128 128zM704 160h-128v-128h-128v128h-128v128h128v128h128v-128h128v-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-fullscreen-collapse" d="M191.656 128c0.118-0.1 0.244-0.224 0.344-0.344v-191.656h192v192c0 105.6-86.4 192-192 192h-192v-192h191.656zM192 768.344c-0.1-0.118-0.224-0.244-0.344-0.344h-191.656v-192h192c105.6 0 192 86.4 192 192v192h-192v-191.656zM832 576h192v192h-191.656c-0.118 0.1-0.244 0.226-0.344 0.344v191.656h-192v-192c0-105.6 86.4-192 192-192zM832 127.656c0.1 0.118 0.224 0.244 0.344 0.344h191.656v192h-192c-105.6 0-192-86.4-192-192v-192h192v191.656z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-fullscreen-expand" d="M192.344 128c-0.118 0.1-0.244 0.224-0.344 0.344v191.656h-192v-192c0-105.6 86.4-192 192-192h192v192h-191.656zM192 767.656c0.1 0.118 0.224 0.244 0.344 0.344h191.656v192h-192c-105.6 0-192-86.4-192-192v-192h192v191.656zM832 960h-192v-192h191.656c0.118-0.1 0.244-0.226 0.344-0.344v-191.656h192v192c0 105.6-86.4 192-192 192zM832 128.344c-0.1-0.118-0.224-0.244-0.344-0.344h-191.656v-192h192c105.6 0 192 86.4 192 192v192h-192v-191.656z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-layers" d="M1024 576l-512 384-512-384 512-384zM512 64l-426.666 320-85.334-64 512-384 512 384-85.334 64z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-line-horz" d="M64 384c-35.346 0-64 28.654-64 64s28.654 64 64 64h896c35.346 0 64-28.654 64-64s-28.654-64-64-64h-896z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-magnify" d="M1024 64l-256.8 256.8c42.4 66.6 65 144 64.8 223.2 0 229.8-186.2 416-416 416s-416-186.2-416-416 186.2-416 416-416c79-0.2 156.4 22.4 223.2 64.8l256.8-256.8 128 128zM212.4 340.4c-112.4 112.4-112.4 294.8 0 407.2s294.8 112.4 407.2 0 112.4-294.8 0-407.2c-54-54-127.2-84.4-203.6-84.4-76.4-0.2-149.8 30.2-203.6 84.4z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-magnify-in" d="M1024 64l-256.86 256.86c40.681 62.963 64.861 139.898 64.861 222.481 0 0.232 0 0.464-0.001 0.696v-0.036c0 229.76-186.24 416-416 416s-416-186.24-416-416 186.24-416 416-416c0.196 0 0.427-0.001 0.659-0.001 82.583 0 159.518 24.18 224.112 65.846l-1.631-0.985 256.86-256.86zM212.36 340.36c-52.114 52.117-84.346 124.114-84.346 203.64 0 159.058 128.942 288 288 288s288-128.942 288-288c0-159.058-128.942-288-288-288-0.005 0-0.010 0-0.014 0h0.001c-0.242-0.001-0.529-0.001-0.815-0.001-79.271 0-151.010 32.251-202.811 84.348l-0.013 0.014zM224 608h384v-128h-384v128zM352 736h128v-384h-128v384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-magnify-out-v2" d="M767.2 320.8c42.4 66.6 65 144 64.8 223.2 0 229.8-186.2 416-416 416s-416-186.2-416-416 186.2-416 416-416c79-0.2 156.4 22.4 223.2 64.8l256.8-256.8 128 128-256.8 256.8zM619.6 340.4c-54-54-127.2-84.4-203.6-84.4-76.4-0.2-149.8 30.2-203.6 84.4-112.4 112.4-112.4 294.8 0 407.2s294.8 112.4 407.2 0c112.4-112.4 112.4-294.8 0-407.2zM224 608h384v-128h-384v128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-menu" d="M0 832h1024v-128h-1024v128zM0 512h1024v-128h-1024v128zM0 192h1024v-128h-1024v128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-move" d="M293.4 448l218.6 218.6 256-256v421.4c0 70.4-57.6 128-128 128h-512c-70.4 0-128-57.6-128-128v-512c0-70.4 57.6-128 128-128h421.4l-256 256zM1024 512h-128v-320l-384 384-128-128 384-384h-320v-128h576z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-new-window" d="M448 960v-128h320l-384-384 128-128 384 384v-320h128v576zM576 285.726v-157.382c-0.1-0.118-0.226-0.244-0.344-0.344h-383.312c-0.118 0.1-0.244 0.226-0.344 0.344v383.312c0.1 0.118 0.226 0.244 0.344 0.344h157.382l192 192h-349.726c-105.6 0-192-86.4-192-192v-384c0-105.6 86.4-192 192-192h384c105.6 0 192 86.4 192 192v349.726l-192-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-paint-bucket-v2" d="M544 736v-224c0-88.4-71.6-160-160-160s-160 71.6-160 160v97.2l-197.4-196.4c-50-50-12.4-215.2 112.4-340s290-162.4 340-112.4l417 423.6-352 352zM896-64c70.6 0 128 57.4 128 128 0 108.6-128 192-128 192s-128-83.4-128-192c0-70.6 57.4-128 128-128zM384 448c-35.4 0-64 28.6-64 64v384c0 35.4 28.6 64 64 64s64-28.6 64-64v-384c0-35.4-28.6-64-64-64z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-pencil" d="M922.344 858.32c-38.612 38.596-81.306 69.232-120.304 86.324-68.848 30.25-104.77 9.078-120.194-6.344l-516.228-516.216-3.136-9.152-162.482-476.932 485.998 165.612 6.73 6.806 509.502 509.506c9.882 9.866 21.768 27.77 21.768 56.578 0.002 50.71-38.996 121.148-101.654 183.818zM237.982 104.34l-69.73 69.728 69.25 203.228 18.498 6.704h64v-128h128v-64l-6.846-18.506-203.172-69.154z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-pencil-edit-in-place" d="M922.4 858.4c-38.6 38.6-81.4 69.2-120.4 86.2-68.8 30.2-104.8 9-120.2-6.4l-516.2-516.2-3.2-9.2-162.4-476.8 486 165.6 516.2 516.4c9.8 9.8 21.8 27.8 21.8 56.6 0 50.6-39 121-101.6 183.8zM238 104.4l-69.8 69.6 69.2 203.2 18.4 6.8h64v-128h128v-64l-6.8-18.6-203-69zM0 960v-512l128 128v256h256l128 128zM1024-64v512l-128-128v-256h-256l-128-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-play" d="M1024 448l-1024-512v1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-pause" d="M126 962h256v-1024h-256v1024zM638 962h256v-1024h-256v1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plot-resource" d="M255.8 256c0.2 0 0.2 0 0 0l0.2 128c0 70.6 57.4 128 128 128h255.8c0 0 0 0 0.2 0.2v127.8c0 70.6 57.4 128 128 128h143.6c-93.8 117-238 192-399.6 192-282.8 0-512-229.2-512-512 0-68 13.2-132.8 37.2-192h218.6zM768.2 640c-0.2 0-0.2 0 0 0l-0.2-128c0-70.6-57.4-128-128-128h-255.8c0 0 0 0-0.2-0.2v-127.8c0-70.6-57.4-128-128-128h-143.6c93.8-117 238-192 399.6-192 282.8 0 512 229.2 512 512 0 68-13.2 132.8-37.2 192h-218.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-pointer-left" d="M766-64l-256 512 256 512h-256l-256-512 256-512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-pointer-right" d="M254 960l256-512-256-512h256l256 512-256 512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-refresh" d="M1024 499.2v460.8l-175.8-175.8c-85.2 69.6-190.8 107.6-302 107.6-127.6 0-247.6-49.8-338-140s-140-210.4-140-338 49.8-247.6 140-338 210.4-140 338-140 247.6 49.8 338 140c74 74 120.8 167.8 135 269.6h-138.6c-32-155.4-169.8-272.8-334.6-272.8-188.2 0-341.4 153.2-341.4 341.4s153.4 341.2 341.6 341.2c76.8 0 147.6-25.4 204.8-68.2l-187.8-187.8h460.8z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-save" d="M192.2 384c-0.2 0-0.2 0 0 0l-0.2-448h640v447.8c0 0 0 0-0.2 0.2h-639.6zM978.8 749.2l-165.4 165.4c-25 25-74.2 45.4-109.4 45.4h-576c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128v448c0 35.2 28.8 64 64 64h640c35.2 0 64-28.8 64-64v-448c70.4 0 128 57.6 128 128v576c0 35.2-20.4 84.4-45.2 109.2zM704 704c0-35.2-28.8-64-64-64h-448c-35.2 0-64 28.8-64 64v192h320v-192h128v192h128v-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-save-as" d="M978.8 621.2l-64 64c24.8-24.8 45.2-74 45.2-109.2v-448c0-70.4-57.6-128-128-128h-640c-18.8 0-36.6 4.2-52.6 11.4 20.2-44.4 65-75.4 116.6-75.4h640c70.4 0 128 57.6 128 128v448c0 35.2-20.4 84.4-45.2 109.2zM704 64v319.8c0 0 0 0-0.2 0.2h-511.6l-0.2-320h512zM192 448h512c35.2 0 64-28.8 64-64v-320c70.4 0 128 57.6 128 128v448c0 35.2-20.4 84.4-45.2 109.2l-165.4 165.4c-25 25-74.2 45.4-109.4 45.4h-448c-70.4 0-128-57.6-128-128v-640c0-70.4 57.6-128 128-128v320c0 35.2 28.8 64 64 64zM128 896h192v-192h128v192h128v-192c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-sine" d="M1024 448c-1.8 7.2-3.4 14.4-5.2 21.8-20.2 86.2-53.4 209.4-98.4 307.2-22.4 49-45.4 86.6-70.2 115.2-48.6 56-98.4 67.8-131.8 67.8-33.2 0-83.2-11.8-131.8-67.8-24.6-28.6-47.6-66.2-70-115.2-44.8-97.8-78.2-221-98.4-307.2-21.8-93-46.6-175.4-72-238.4-16.4-40.6-30.4-66.4-40.8-82.8-10.4 16.2-24.4 42.2-40.8 82.8-23.2 58-46.2 132.4-66.6 216.6h-198c1.8-7.2 3.4-14.4 5.2-21.8 20.2-86.2 53.4-209.4 98.4-307.2 22.4-49 45.4-86.6 70.2-115.2 48.6-56 98.6-67.8 131.8-67.8s83.2 11.8 131.8 67.8c24.8 28.6 47.6 66.2 70.2 115.2 44.8 97.8 78.2 221 98.4 307.2 21.8 93 46.6 175.4 72 238.4 16.4 40.6 30.4 66.4 40.8 82.8 10.4-16.2 24.4-42.2 40.8-82.8 23.4-57.8 46.4-132.4 66.8-216.4h197.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-font" d="M800-64h224l-384 1024h-256l-384-1024h224l84 224h408zM380 352l132 352 132-352z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-thumbs-strip" d="M448 578c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320zM1024 578c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320zM448 2c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320zM1024 2c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-two-parts-both" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM128 832h320v-768h-320v768zM896 64h-320v768h320v-768z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-two-parts-one-only" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM896 64h-320v768h320v-768z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-resync" d="M795.2 795.2c-79.8 65.2-178.8 100.8-283.2 100.8-119.6 0-232.2-46.6-316.8-131.2-69.4-69.4-113.2-157.4-126.6-252.8h130c29.6 145.8 158.8 256 313.4 256 72 0 138.4-23.8 192-64l-176-176h432v432l-164.8-164.8zM512 128c-72 0-138.4 23.8-192 64l176 176h-432v-432l164.8 164.8c79.8-65.2 178.8-100.8 283.2-100.8 119.6 0 232.2 46.6 316.8 131.2 69.4 69.4 113.2 157.4 126.6 252.8h-130c-29.6-145.8-158.8-256-313.4-256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-reset" d="M460.8 499.2l-187.8 187.8c57.2 42.8 128 68.2 204.8 68.2 188.2 0 341.6-153.2 341.6-341.4s-153.2-341.2-341.4-341.2c-165 0-302.8 117.6-334.6 273h-138.4c14.2-101.8 61-195.6 135-269.6 90.2-90.2 210.4-140 338-140s247.6 49.8 338 140 140 210.4 140 338-49.8 247.6-140 338-210.4 140-338 140c-111.4 0-217-38-302-107.6l-176 175.6v-460.8h460.8z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-x-in-circle" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM832 256l-128-128-192 192-192-192-128 128 192 192-192 192 128 128 192-192 192 192 128-128-192-192 192-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-brightness" d="M253.414 641.939l-155.172 116.384c-50.233-66.209-85.127-146.713-97.91-234.39l-0.333-2.781 191.919-27.434c8.145 56.552 29.998 106.879 62.068 149.006l-0.573-0.784zM191.98 402.283l-191.919-27.434c13.115-90.459 48.009-170.963 99.174-238.453l-0.931 1.281 155.111 116.384c-31.476 41.347-53.309 91.675-61.231 146.504l-0.204 1.719zM466.283 768.020l-27.434 191.919c-90.459-13.115-170.963-48.009-238.453-99.174l1.281 0.931 116.384-155.111c41.347 31.476 91.675 53.309 146.504 61.231l1.719 0.204zM822.323 861.758c-66.209 50.233-146.713 85.127-234.39 97.91l-2.781 0.333-27.434-191.919c56.552-8.145 106.879-29.998 149.006-62.068l-0.784 0.573zM832.020 493.717l191.919 27.434c-13.115 90.459-48.009 170.963-99.174 238.453l0.931-1.281-155.111-116.384c31.476-41.347 53.309-91.675 61.231-146.504l0.204-1.719zM201.677 34.242c66.209-50.233 146.713-85.127 234.39-97.91l2.781-0.333 27.434 191.919c-56.552 8.145-106.879 29.998-149.006 62.068l0.784-0.573zM770.586 254.061l155.131-116.343c50.233 66.209 85.127 146.713 97.91 234.39l0.333 2.781-191.919 27.434c-8.125-56.564-29.966-106.906-62.028-149.049l0.574 0.786zM557.717 127.98l27.434-191.919c90.459 13.115 170.963 48.009 238.453 99.174l-1.281-0.931-116.384 155.111c-41.347-31.476-91.675-53.309-146.504-61.231l-1.719-0.204zM770.586 448c0-142.813-115.773-258.586-258.586-258.586s-258.586 115.773-258.586 258.586c0 142.813 115.773 258.586 258.586 258.586s258.586-115.773 258.586-258.586z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-contrast" d="M512 960c-282.78 0-512-229.24-512-512s229.22-512 512-512 512 229.24 512 512-229.22 512-512 512zM783.52 176.48c-69.111-69.481-164.785-112.481-270.502-112.481-0.358 0-0.716 0-1.074 0.001h0.055v768c212.070-0.010 383.982-171.929 383.982-384 0-106.034-42.977-202.031-112.462-271.52v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-expand" d="M960 960c0 0 0 0 0 0h-320v-128h165.4l-210.6-210.8c-25-25-25-65.6 0-90.6 12.4-12.4 28.8-18.8 45.2-18.8s32.8 6.2 45.2 18.8l210.8 210.8v-165.4h128v384h-64zM896 154.6l-210.8 210.6c-25 25-65.6 25-90.6 0s-25-65.6 0-90.6l210.8-210.6h-165.4v-128h384v384h-128v-165.4zM218.6 832h165.4v128h-320c0 0 0 0 0 0h-64v-384h128v165.4l210.8-210.8c12.4-12.4 28.8-18.8 45.2-18.8s32.8 6.2 45.2 18.8c25 25 25 65.6 0 90.6l-210.6 210.8zM338.8 365.2l-210.8-210.6v165.4h-128v-384h384v128h-165.4l210.8 210.8c25 25 25 65.6 0 90.6-25.2 24.8-65.6 24.8-90.6-0.2z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-list-view" d="M0 896h1024v-128h-1024v128zM0 640h1024v-128h-1024v128zM0 384h1024v-128h-1024v128zM0 128h1024v-128h-1024v128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grid-snap-to" d="M382 130h448v448h-448v-448zM510 450h192v-192h-192v192zM-2 386h320v-64h-320v64zM894 386h128v-64h-128v64zM574 962h64v-320h-64v320zM574 66h64v-128h-64v128zM574 386h64v-64h-64v64z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grid-snap-no" d="M768 384h192v-64h-192v64zM256 384h192v-64h-192v64zM0 384h192v-64h-192v64zM640 448h-64v-64h-64v-64h64v-64h64v64h64v64h-64zM576 704h64v-192h-64v192zM576 960h64v-192h-64v192zM576 192h64v-192h-64v192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-frame-show" d="M0 896v-896h1024v896h-1024zM896 128h-768v640h768v-640zM192 704h384v-128h-384v128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-frame-hide" d="M128 770h420l104 128h-652v-802.4l128 157.4zM896 130h-420l-104-128h652v802.4l-128-157.4zM832 962l-832-1024h192l832 1024zM392 578l104 128h-304v-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-import" d="M832 767.6v-639.4c0-0.2-0.2-0.2-0.4-0.4h-319.6v-192h320c105.6 0 192 86.4 192 192v640.2c0 105.6-86.4 192-192 192h-320v-192h319.6c0.2 0 0.4-0.2 0.4-0.4zM192 256v-192l384 384-384 384v-192h-192v-384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-export" d="M192 128.34v639.32l0.34 0.34h319.66v192h-320c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h320v192h-319.66zM1024 448l-384 384v-192h-192v-384h192v-192l384 384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-font-size" horiz-adv-x="1504" d="M1226.4 640h-176l-76.22-203.24 77-205.34 87.22 232.58 90.74-242h-174.44l49.5-132h174.44l57.76-154h154l-264 704zM384 960l-384-1024h224l84 224h408l84-224h224l-384 1024zM380 352l132 352 132-352z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-clear-data" d="M632 648l-120-120-120 120-80-80 120-120-120-120 80-80 120 120 120-120 80 80-120 120 120 120-80 80zM512 960c-282.76 0-512-86-512-192v-640c0-106 229.24-192 512-192s512 86 512 192v640c0 106-229.24 192-512 192zM512 128c-176.731 0-320 143.269-320 320s143.269 320 320 320c176.731 0 320-143.269 320-320v0c0-176.731-143.269-320-320-320v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-history" d="M576 896c-247.4 0-448-200.6-448-448h-128l192-192 192 192h-128c0 85.4 33.2 165.8 93.8 226.2 60.4 60.6 140.8 93.8 226.2 93.8s165.8-33.2 226.2-93.8c60.6-60.4 93.8-140.8 93.8-226.2s-33.2-165.8-93.8-226.2c-60.4-60.6-140.8-93.8-226.2-93.8s-165.8 33.2-226.2 93.8l-90.6-90.6c81-81 193-131.2 316.8-131.2 247.4 0 448 200.6 448 448s-200.6 448-448 448zM576 688c-26.6 0-48-21.4-48-48v-211.8l142-142c9.4-9.4 21.6-14 34-14s24.6 4.6 34 14c18.8 18.8 18.8 49.2 0 67.8l-114 114v172c0 26.6-21.4 48-48 48z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-up-to-parent" horiz-adv-x="1056" d="M643.427 134.739c-81.955 0.697-148.179 67.065-148.642 149.010v395.872l296.871-247.393v197.914l-395.828 329.857-395.828-328.62v-197.502l296.871 246.156v-396.241c0-190.905 155.239-346.556 346.144-346.968l412.321-0.825 0.412 197.914z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-crosshair-in-circle" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM783.6 176.4c-54.634-54.8-125.77-93.12-205.322-106.874l-2.278-0.326v250.8h-128v-250.8c-161.302 28.062-286.738 153.497-314.468 312.5l-0.332 2.3h250.8v128h-250.8c28.062 161.302 153.497 286.738 312.5 314.468l2.3 0.332v-250.8h128v250.8c161.302-28.062 286.738-153.497 314.468-312.5l0.332-2.3h-250.8v-128h250.8c-14.080-81.83-52.4-152.966-107.191-207.591l-0.009-0.009z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-target" d="M512 576c70.692 0 128-57.308 128-128s-57.308-128-128-128c-70.692 0-128 57.308-128 128v0c0.114 70.647 57.353 127.886 127.989 128h0.011zM512 704c-141.385 0-256-114.615-256-256s114.615-256 256-256c141.385 0 256 114.615 256 256v0c-0.114 141.339-114.661 255.886-255.989 256h-0.011zM512 832c211.87-0.128 383.575-171.912 383.575-383.8 0-211.967-171.833-383.8-383.8-383.8s-383.8 171.833-383.8 383.8c0 105.99 42.963 201.945 112.425 271.4v0c69.21 69.437 164.944 112.401 270.713 112.401 0.312 0 0.624 0 0.936-0.001h-0.048zM512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-items-collapse" d="M45.2 301.2h229.6l-274.8-274.6 90.6-90.6 274.6 274.8v-229.6h128v448h-448v-128zM1024 869.4l-90.6 90.6-274.6-274.8v229.6h-128v-448h448v128h-229.6l274.8 274.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-items-expand" d="M448 64h-229.4l274.6 274.8-90.4 90.4-274.8-274.6v229.4h-128v-448h448v128zM530.8 557.2l90.4-90.4 274.8 274.6v-229.4h128v448h-448v-128h229.4l-274.6-274.8z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-3-dots" d="M256 448c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM640 448c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM1024 448c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grid-on" d="M1024 576v128h-256v256h-128v-256h-256v256h-128v-256h-256v-128h256v-256h-256v-128h256v-256h128v256h256v-256h128v256h256v128h-256v256zM640 320h-256v256h256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grid-off" d="M256 408.6l128 157.6v9.8h8l104 128h-112v256h-128v-256h-256v-128h256v-167.4zM184 320h-184v-128h80l104 128zM768 487.4l-128-157.6v-9.8h-8l-104-128h112v-256h128v256h256v128h-256v167.4zM840 576h184v128h-80l-104-128zM832 960l-832-1024h192l832 1024h-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-camera" d="M896 704h-128l-128 256h-256l-128-256h-128c-70.601-0.227-127.773-57.399-128-127.978v-512.022c0.227-70.601 57.399-127.773 127.978-128h768.022c70.601 0.227 127.773 57.399 128 127.978v512.022c-0.227 70.601-57.399 127.773-127.978 128h-0.022zM512 96c-141.385 0-256 114.615-256 256s114.615 256 256 256c141.385 0 256-114.615 256-256v0c0-141.385-114.615-256-256-256v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-folders-collapse" d="M896 640v-448c-0.215-70.606-57.394-127.785-127.979-128h-576.021c0.215-70.606 57.394-127.785 127.979-128h576.021c70.606 0.215 127.785 57.394 128 127.979v448.021c-0.215 70.606-57.394 127.785-127.979 128h-0.021zM832 256v448c-0.215 70.606-57.394 127.785-127.979 128h-192.021l-101.5 82.74c-24.88 24.9-74.040 45.26-109.24 45.26h-237.26c-35.305-0.102-63.898-28.695-64-63.99v-640.010c0.215-70.606 57.394-127.785 127.979-128h576.021c70.606 0.215 127.785 57.394 128 127.979v0.021zM128 316v516l256-260z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-activity" d="M576 896h-256l320-320h-290.256c-44.264 76.516-126.99 128-221.744 128h-128v-512h128c94.754 0 177.48 51.484 221.744 128h290.256l-320-320h256l448 448-448 448z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-activity-mode" d="M512 960c-214.8 0-398.8-132.4-474.8-320h90.8c56.8 0 108-24.8 143-64h241l-192 192h256l320-320-320-320h-256l192 192h-241c-35-39.2-86.2-64-143-64h-90.8c76-187.6 259.8-320 474.8-320 282.8 0 512 229.2 512 512s-229.2 512-512 512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-autoflow-tabular" d="M192 960c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h64v1024h-64zM384 960h256v-1024h-256v1024zM832 960h-64v-704h256v512c0 105.6-86.4 192-192 192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-clock" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM782 270c-12.8-22.2-36.6-36-62.4-36-12.6 0-25 3.4-36 9.6l-222 128.2c-0.8 0.4-1.6 1-2.4 1.4l-0.8 0.6-1.8 1.2-2.4 2-1.8 1.4-0.6 0.6c-0.8 0.6-1.4 1.2-2.2 1.8v0c-5 4.6-9.4 10-13 15.8-0.2 0.4-0.6 1-0.8 1.4s-0.6 1-0.8 1.4c-3.2 6-5.8 12.4-7.2 19.2v0.2c-0.2 1-0.4 1.8-0.6 2.8 0 0.2 0 0.6-0.2 0.8-0.2 0.6-0.2 1.4-0.2 2.2s-0.2 1-0.2 1.6 0 1-0.2 1.6-0.2 1.6-0.2 2.2c0 0.4 0 0.6 0 1 0 1 0 1.8 0 2.8 0 0 0 0.2 0 0.4v363.8c0 39.8 32.2 72 72 72s72-32.2 72-72v-322.4l185.8-107.2c34.2-20 45.8-64 26-98.4z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-database" d="M1024 768c0-106.039-229.23-192-512-192s-512 85.961-512 192c0 106.039 229.23 192 512 192s512-85.961 512-192zM512 448c-282.77 0-512 85.962-512 192v-512c0-106.038 229.23-192 512-192s512 85.962 512 192v512c0-106.038-229.23-192-512-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-database-query" d="M683.52 140.714c-50.782-28.456-109.284-44.714-171.52-44.714-194.094 0-352 157.906-352 352s157.906 352 352 352 352-157.906 352-352c0-62.236-16.258-120.738-44.714-171.52l191.692-191.692c8.516 13.89 13.022 28.354 13.022 43.212v640c0 106.038-229.23 192-512 192s-512-85.962-512-192v-640c0-106.038 229.23-192 512-192 126.11 0 241.548 17.108 330.776 45.46l-159.256 159.254zM352 448c0-88.224 71.776-160 160-160s160 71.776 160 160-71.776 160-160 160-160-71.776-160-160z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-dataset" d="M896 768h-320c-16.4 16.4-96.8 96.8-109.2 109.2l-37.4 37.4c-25 25-74.2 45.4-109.4 45.4h-256c-35.2 0-64-28.8-64-64v-384c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v128c0 70.4-57.6 128-128 128zM896 512h-768c-70.4 0-128-57.6-128-128v-320c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v320c0 70.4-57.6 128-128 128zM320 64h-128v320h128v-320zM576 64h-128v320h128v-320zM832 64h-128v320h128v-320z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-datatable" d="M1024 768c0-106.039-229.23-192-512-192s-512 85.961-512 192c0 106.039 229.23 192 512 192s512-85.961 512-192zM512 448c-282.8 0-512 86-512 192v-512c0-106 229.2-192 512-192s512 86 512 192v512c0-106-229.2-192-512-192zM896 385v-256c-36.6-15.6-79.8-28.8-128-39.4v256c48.2 10.6 91.4 23.8 128 39.4zM256 345.6v-256c-48.2 10.4-91.4 23.8-128 39.4v256c36.6-15.6 79.8-28.8 128-39.4zM384 70v256c41-4 83.8-6 128-6s87 2.2 128 6v-256c-41-4-83.8-6-128-6s-87 2.2-128 6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-dictionary" d="M832 320c105.6 0 192 86.4 192 192v256c0 105.6-86.4 192-192 192v-320l-128 64-128-64v320h-384c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v192c0-105.6-86.4-192-192-192h-640v192h640z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-folder" d="M896 768h-320c-16.4 16.4-96.8 96.8-109.2 109.2l-37.4 37.4c-25 25-74.2 45.4-109.4 45.4h-256c-35.2 0-64-28.8-64-64v-384c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v128c0 70.4-57.6 128-128 128zM896 512h-768c-70.4 0-128-57.6-128-128v-320c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v320c0 70.4-57.6 128-128 128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-image" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM896 64h-768v768h768v-768zM320 704l-128-128v-448h640v320l-128 128-128-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-layout" d="M448 960h-256c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h256v1024zM832 960h-256v-577.664h448v385.664c0 105.6-86.4 192-192 192zM576-64h256c105.6 0 192 86.4 192 192v129.664h-448v-321.664z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-object" d="M512-64l512 320v384l-512.020 320-511.98-320v-384l512-320zM512 768l358.4-224-358.4-224-358.4 224 358.4 224z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-object-unknown" d="M511.98 960l-511.98-320v-384l512-320 512 320v384l-512.020 320zM586.22 64h-141.36v136.64h141.36v-136.64zM721.040 462.1c-11.94-17.020-34.9-38.78-68.84-65.24l-33.48-26c-18.24-14.18-30.34-30.74-36.32-49.64-3.78-11.98-5.82-30.58-6.14-55.8h-128.12c1.88 53.26 6.92 90.060 15.080 110.4 8.18 20.34 29.22 43.74 63.16 70.22l34.42 26.94c11.3 8.52 20.42 17.8 27.34 27.9 12.56 17.34 18.86 36.4 18.86 57.2 0 23.94-7 45.78-20.98 65.48-14 19.7-39.54 29.54-76.64 29.54s-62.34-12.14-77.6-36.4c-15.24-24.28-22.88-49.48-22.88-75.64h-136.64c3.78 89.84 35.14 153.5 94.080 191.020 37.18 23.94 82.9 35.94 137.12 35.94 71.22 0 130.42-17.020 177.54-51.060s70.68-84.48 70.68-151.3c0-40.98-10.22-75.5-30.66-103.54z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-packet" d="M512 960l-512-320v-512c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v512l-512 320zM512 768l358.4-224-358.4-224-358.4 224 358.4 224z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-page" d="M704 448c-105.6 0-192 86.4-192 192v320h-320c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v320h-320zM768 576h256l-384 384v-256c0-70.4 57.6-128 128-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plot-overlay" d="M830 960h-636c-106.7 0-194-87.3-194-194v-406.82c14.18-18.64 25.66-28.34 32-30.84 14.28 5.62 54.44 47.54 92.96 146 42.46 108.38 116.32 237.66 227.040 237.66 52.4 0 101.42-29.16 145.7-86.68 37.34-48.5 64.84-108.92 81.34-151.080 38.52-98.38 78.68-140.3 92.96-146 14.28 5.62 54.44 47.54 92.96 146 42.46 108.48 116.32 237.76 227.040 237.76 11.355-0.003 22.389-1.366 32.952-3.936l-0.952 0.196v57.74c0 106.7-87.3 194-194 194zM992 567.66c-14.28-5.62-54.44-47.52-92.96-146-42.46-108.38-116.32-237.66-227.040-237.66-52.4 0-101.42 29.16-145.7 86.68-37.34 48.5-64.84 108.92-81.34 151.080-38.52 98.38-78.68 140.3-92.96 146-14.28-5.62-54.44-47.52-92.96-146-42.46-108.48-116.32-237.76-227.040-237.76-11.355 0.003-22.389 1.367-32.952 3.936l0.952-0.196v-57.74c0-106.7 87.3-194 194-194h636c106.7 0 194 87.3 194 194v406.82c-14.18 18.64-25.66 28.34-32 30.84z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plot-stacked" d="M89.6 648c24.98 0 48.96 26.52 85.52 70.18 45.42 54.28 102 121.82 196 121.82 44.64 0 86.62-15.46 124.8-46 28.68-22.9 51.16-50.42 72.92-77.060 38.42-46.94 59.16-68.94 83.96-68.94h371.2v118c0 106.7-87.3 194-194 194h-636c-106.7 0-194-87.3-194-194v-118h89.6zM529.5 549.6c-28.24 22.64-50.52 50-72 76.28-35.5 43.48-58.76 70.12-86.3 70.12-25.060 0-49.080-26.54-85.66-70.24-45.4-54.24-102-121.76-196-121.76h-89.54v-112h371.2c44 0 85.54-15.34 123.3-45.6 28.24-22.64 50.52-50 72-76.28 35.5-43.48 58.76-70.12 86.3-70.12 25.060 0 49.080 26.54 85.66 70.24 45.4 54.24 102 121.76 196 121.76h89.54v112h-371.2c-44.060 0-85.54 15.34-123.3 45.6zM934.4 248c-24.98 0-48.96-26.52-85.52-70.18-45.42-54.28-102-121.82-196-121.82-44.64 0-86.62 15.46-124.8 46-28.68 22.9-51.16 50.42-72.92 77.060-38.42 46.94-59.16 68.94-83.96 68.94h-371.2v-118c0-106.7 87.3-194 194-194h636c106.7 0 194 87.3 194 194v118h-89.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-session" d="M635.6 435.6c6.6-4.2 13.2-8.6 19.2-13.6l120.4-96.4c29.6-23.8 83.8-23.8 113.4 0l135.2 108c0.2 4.8 0.2 9.4 0.2 14.2 0 52.2-7.8 102.4-22.2 149.8l-154.8-123.6c-58.2-46.6-140.2-59.2-211.4-38.4zM248.6 325.8l120.4 96.4c58 46.4 140 59.2 211.2 38.4-6.6 4.2-13.2 8.6-19.2 13.6l-120.4 96.4c-29.6 23.8-83.8 23.8-113.4 0l-120.2-96.6c-40-32-91.4-48-143-48-21.6 0-43 2.8-63.8 8.4 0-0.6 0-1.2 0-1.6 5-3.4 10-6.8 14.6-10.6l120.4-96.4c29.8-23.8 83.8-23.8 113.4 0zM120.6 581.8l120.4 96.4c80.2 64.2 205.6 64.2 285.8 0l120.4-96.4c29.6-23.8 83.8-23.8 113.4 0l181 144.8c-91.2 140.4-249.6 233.4-429.6 233.4-238.6 0-439.2-163.2-496-384.2 30.8-17.6 77.8-15.6 104.6 6zM689 218l-120.4 96.4c-29.6 23.8-83.8 23.8-113.4 0l-120.2-96.4c-40-32-91.4-48-143-48-47.8 0-95.4 13.8-134.2 41.4 85.6-163.6 256.8-275.4 454.2-275.4s368.6 111.8 454.2 275.4c-80.4-57.4-199.8-55.2-277.2 6.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-tabular" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM640 512h-256v192h256v-192zM384 448h256v-192h-256v192zM320 256h-256v192h256v-192zM320 704v-192h-256v192h256zM128 0c-17 0-33 6.6-45.2 18.8s-18.8 28.2-18.8 45.2v128h256v-192h-192zM384 0v192h256v-192h-256zM960 64c0-17-6.6-33-18.8-45.2s-28.2-18.8-45.2-18.8h-192v192h256v-128zM960 256h-256v192h256v-192zM960 512h-256v192h256v-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-tabular-lad" d="M896 960h-768c-70.6-0.2-127.8-57.4-128-128v-768c0.2-70.6 57.4-127.8 128-128h768c70.6 0.2 127.8 57.4 128 128v768c-0.2 70.6-57.4 127.8-128 128zM64 704h256v-192h-256v192zM64 448h256v-192h-256v192zM128 0c-35.2 0.2-63.8 28.8-64 64v128h256v-192h-192zM384 0v192h256v-192h-256zM960 64c-0.2-35.2-28.8-63.8-64-64h-192v192h256v-128zM960 448v-192h-576v192h64v64h-64v192h576v-192h-64v-64h64zM782.4 412.6l-110.4 55.2v172.2c0 17.6-14.4 32-32 32s-32-14.4-32-32v-211.8l145.6-72.8c15.8-8 35-1.6 43 14.4 8 15.6 1.6 35-14.2 42.8v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-tabular-lad-set" d="M128 192v576c-70.6-0.2-127.8-57.4-128-128v-576c0.2-70.6 57.4-127.8 128-128h576c70.6 0.2 127.8 57.4 128 128h-576c-70.6 0.2-127.8 57.4-128 128zM896 960h-576c-70.6-0.2-127.8-57.4-128-128v-576c0.2-70.6 57.4-127.8 128-128h576c70.6 0.2 127.8 57.4 128 128v576c-0.2 70.6-57.4 127.8-128 128zM256 768h192v-128h-192v128zM256 576h192v-192h-192v192zM320 192c-35.2 0.2-63.8 28.8-64 64v64h192v-128h-128zM512 192v128h192v-128h-192zM960 256c-0.2-35.2-28.8-63.8-64-64h-128v128h192v-64zM960 384h-448v384h448v-384zM832 480c17.6 0 32 14.4 32 32 0 13.8-8.8 26-21.8 30.4l-74.2 24.6v105c0 17.6-14.4 32-32 32s-32-14.4-32-32v-151l117.8-39.2c3.4-1.2 6.8-1.8 10.2-1.8z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-tabular-realtime" d="M896 960h-768c-70.606-0.215-127.785-57.394-128-127.979v-768.021c0.215-70.606 57.394-127.785 127.979-128h768.021c70.606 0.215 127.785 57.394 128 127.979v768.021c-0.215 70.606-57.394 127.785-127.979 128h-0.021zM448 668l25.060-25.32c7.916-7.922 18.856-12.822 30.94-12.822s23.023 4.9 30.94 12.822v0l75.5 76.3c29.97 30.338 71.571 49.128 117.56 49.128s87.59-18.79 117.544-49.112l0.016-0.016 50.44-50.98v-152.2c-24.111 8.83-44.678 22.255-61.542 39.342l-0.018 0.018-75.5 76.3c-7.916 7.922-18.856 12.822-30.94 12.822s-23.023-4.9-30.94-12.822v0l-75.5-76.3c-29.971-30.343-71.575-49.137-117.568-49.137-20.084 0-39.331 3.584-57.137 10.146l1.145-0.369v152.2zM320 0h-192c-35.26 0.214-63.786 28.74-64 63.98v128.020h256v-192zM320 256h-256v192h256v-192zM320 512h-256v192h256v-192zM640 0h-256v192h256v-192zM448 323.38v174.5c1.88-1.74 3.74-3.5 5.56-5.34l75.5-76.3c7.916-7.922 18.856-12.822 30.94-12.822s23.023 4.9 30.94 12.822v0l75.5 76.3c29.966 30.333 71.56 49.119 117.542 49.119 43.28 0 82.673-16.643 112.128-43.879l-0.11 0.1v-174.5c-1.88 1.74-3.74 3.5-5.56 5.34l-75.5 76.3c-7.916 7.922-18.856 12.822-30.94 12.822s-23.023-4.9-30.94-12.822v0l-75.5-76.3c-29.966-30.333-71.56-49.119-117.542-49.119-43.28 0-82.673 16.643-112.128 43.879l0.11-0.1zM960 64c-0.214-35.26-28.74-63.786-63.98-64h-192.020v192h256v-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-tabular-scrolling" d="M64 960c-35.2 0-64-28.8-64-64v-192h448v256h-384zM1024 704v192c0 35.2-28.8 64-64 64h-384v-256h448zM0 576v-192c0-35.2 28.8-64 64-64h384v256h-448zM960 320c35.2 0 64 28.8 64 64v192h-448v-256h384zM512-64l-256 256h512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-telemetry" d="M32 328.34c14.28 5.62 54.44 47.54 92.96 146 42.46 108.38 116.32 237.66 227.040 237.66 52.4 0 101.42-29.16 145.7-86.68 37.34-48.5 64.84-108.92 81.34-151.080 38.52-98.38 78.68-140.3 92.96-146 14.28 5.62 54.44 47.54 92.96 146 37.4 95.5 99.14 207.14 188.94 232.46-90.462 152.598-254.314 253.3-441.686 253.3-0.075 0-0.15 0-0.225 0h0.011c-282.76 0-512-229.24-512-512 0-0.032 0-0.070 0-0.108 0-35.719 3.641-70.587 10.572-104.254l-0.572 3.323c9.54-10.78 17.22-16.74 22-18.62zM992 567.66c-14.28-5.62-54.44-47.52-92.96-146-42.46-108.38-116.32-237.66-227.040-237.66-52.4 0-101.42 29.16-145.7 86.68-37.34 48.5-64.84 108.92-81.34 151.080-38.52 98.38-78.68 140.3-92.96 146-14.28-5.62-54.44-47.52-92.96-146-37.4-95.5-99.14-207.14-188.94-232.46 90.462-152.598 254.314-253.3 441.686-253.3 0.075 0 0.15 0 0.225 0h-0.011c282.76 0 512 229.24 512 512 0 0.032 0 0.070 0 0.108 0 35.719-3.641 70.587-10.572 104.254l0.572-3.323c-9.54 10.78-17.22 16.74-22 18.62z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-timeline" d="M832 960h-640c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM128 640v128h256v-128zM256 512h384v-128h-384zM896 128h-448v128h448zM896 384h-128v128h128zM896 640h-384v128h384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-timer" d="M640 813.4v82.58c0 35.346-28.654 64-64 64v0h-128c-35.346 0-64-28.654-64-64v0-82.58c-185.040-55.080-320-226.48-320-429.42 0-247.42 200.58-448 448-448s448 200.58 448 448c0 202.96-135 374.4-320 429.42zM532 363.98l-263.76-211c-57.105 59.935-92.24 141.25-92.24 230.772 0 0.080 0 0.16 0 0.24v-0.012c0 185.28 150.72 336 336 336 6.72 0 13.38-0.22 20-0.62v-355.38z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-topic" d="M454.36 483.36l86.3 86.3c9.088 8.965 21.577 14.502 35.36 14.502s26.272-5.537 35.366-14.507l86.294-86.294c19.328-19.358 42.832-34.541 69.047-44.082l1.313-0.418v172.14l-57.64 57.64c-34.408 34.33-81.9 55.558-134.35 55.558s-99.943-21.228-134.354-55.562l-86.296-86.296c-9.088-8.965-21.577-14.502-35.36-14.502s-26.272 5.537-35.366 14.507l-28.674 28.654v-172.14c19.045-7.022 41.040-11.084 63.984-11.084 52.463 0 99.966 21.239 134.379 55.587l-0.003-0.003zM505.64 412.64l-86.3-86.3c-9.088-8.965-21.577-14.502-35.36-14.502s-26.272 5.537-35.366 14.507l-86.294 86.294c-2 2-4.2 4-6.36 6v-197.36c33.664-30.721 78.65-49.537 128.031-49.537 52.44 0 99.923 21.22 134.333 55.541l86.296 86.296c9.088 8.965 21.577 14.502 35.36 14.502s26.272-5.537 35.366-14.507l86.294-86.294c2-2 4.2-4 6.36-6v197.36c-33.664 30.721-78.65 49.537-128.031 49.537-52.44 0-99.923-21.22-134.333-55.541l0.004 0.004zM832 960h-128v-192h127.66l0.34-0.34v-639.32l-0.34-0.34h-127.66v-192h128c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM320 128h-127.66l-0.34 0.34v639.32l0.34 0.34h127.66v192h-128c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h128v192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-box-with-dashed-lines-v2" d="M0 576h128v-256h-128v256zM128 831.78l0.22 0.22h191.78v128h-192c-70.606-0.215-127.785-57.394-128-127.979v-192.021h128v191.78zM128 64.22v191.78h-128v-192c0.215-70.606 57.394-127.785 127.979-128h192.021v128h-191.78zM384 960h256v-128h-256v128zM896 64.22l-0.22-0.22h-191.78v-128h192c70.606 0.215 127.785 57.394 128 127.979v192.021h-128v-191.78zM896 960h-192v-128h191.78l0.22-0.22v-191.78h128v192c-0.215 70.606-57.394 127.785-127.979 128h-0.021zM896 576h128v-256h-128v256zM384 64h256v-128h-256v128zM256 704h512v-512h-512v512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-summary-widget" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM847.8 349.6l-82.6-143.2-189.6 131.6 19.2-230h-165.4l19.2 230-189.6-131.6-82.6 143.2 208.6 98.4-208.8 98.4 82.6 143.2 189.6-131.6-19.2 230h165.4l-19.2-230 189.6 131.6 82.6-143.2-208.6-98.4 208.8-98.4z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-notebook" d="M896 849.2c0 79.8-55.4 127.4-123 105.4l-773-250.6h896v145.2zM896 640h-896v-576c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v448c0 70.4-57.6 128-128 128zM832 128h-384v320h384v-320z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-tabs-view" d="M0 64c0.227-70.601 57.399-127.773 127.978-128h768.022c70.601 0.227 127.773 57.399 128 127.978v608.022h-512l-50.2 225.6c-7.6 34.2-42.6 62.4-77.8 62.4h-256c-70.601-0.227-127.773-57.399-128-127.978v-0.022zM832 192h-640v256h640zM480 960c35.2 0 70.2-28.2 77.8-62.4l36-161.6h430.2v96c-0.227 70.601-57.399 127.773-127.978 128h-0.022z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-flexible-layout" d="M0 128c0-105.6 86.4-192 192-192h64v576h-256zM0 768v-128h256v320h-64c-105.6 0-192-86.4-192-192zM768-64h64c105.6 0 192 86.4 192 192v128h-256zM384 960h256v-1024h-256v1024zM832 960h-64v-576h256v384c0 105.6-86.4 192-192 192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-generator-sine" d="M152 486.2c10.8 4.2 40.8 35.6 69.8 109.4 31.8 81.4 87.2 178.4 170.2 178.4 39.4 0 76-21.8 109.2-65 28-36.4 48.8-81.6 61-113.4 29-73.8 59-105.2 69.8-109.4 10.8 4.2 40.8 35.6 69.8 109.4s74.2 155.4 141.6 174.4c-67.89 114.467-190.82 190-331.391 190-0.003 0-0.007 0-0.010 0h0.001c-212 0-384-172-384-384 0.017-26.829 2.71-53.018 7.827-78.329l-0.427 2.529c7.2-8 13-12.6 16.6-14zM884.6 483c7.235 27.919 11.392 59.972 11.4 92.995v0.005c-0.017 26.829-2.71 53.018-7.827 78.329l0.427-2.529c-7.2 8-13 12.6-16.6 14-10.8-4.2-40.8-35.6-69.8-109.4-21.8-55.8-54.6-119-100-153.2zM512 320l135 59c-4.485-0.614-9.689-0.977-14.972-1h-0.028c-39.4 0-76 21.8-109.2 65-28 36.4-48.8 81.6-61 113.4-29 73.8-59 105.2-69.8 109.4-10.8-4.2-40.8-35.6-69.8-109.4-16.4-42.2-39.2-88.4-68.8-123.2zM1024 480l-512-224-512 224v-320l512-224 512 224v320z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-generator-event" d="M320 768h384v-64h-384v64zM320 512h384v-64h-384v64zM320 640h320v-64h-320v64zM256 831.8h512v-399.8l128 56v344c-0.227 70.601-57.399 127.773-127.978 128h-512.022c-70.601-0.227-127.773-57.399-128-127.978v-344.022l128-56zM658.2 384h-292.4l146.2-64 146.2 64zM512 256l-512 224v-320l512-224 512 224v320l-512-224z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-gauge-v2" d="M512 960c-282.8 0-512-229.2-512-512 0-226.4 147-418.4 350.6-486l257.4 486v-503c236.8 45 416 253 416 503 0 282.8-229.2 512-512 512zM754.8 432.2c-58.967 68.597-145.842 111.772-242.8 111.772s-183.833-43.176-242.445-111.35l-0.355-0.422-146 125c8.6 10 17.4 19.6 26.8 28.8 92.628 92.679 220.619 150.006 362 150.006s269.372-57.326 361.997-150.003l0.003-0.003c9.4-9.2 18.2-18.8 26.8-28.8z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-spectra" d="M768 256h-512l102.4 179.2-358.4-51.2v-254c0-106.6 87.4-194 194-194h636c106.8 0 194 87.4 194 194v62l-325.8 186.2zM830 960h-636c-106.6 0-194-87.2-194-194v-318l400 60.2 112 195.8 109.8-192h402.2v254c-0.227 107.052-86.948 193.773-193.978 194h-0.022zM1024 320v64l-384 64 384-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-telemetry-spectra" d="M512 704l109.8-192h398.2c-31.4 252.6-247 448-508 448-282.8 0-512-229.2-512-512l400 60.2zM768 256h-512l102.4 179.2-354.4-50.6c31.2-252.8 246.8-448.6 508-448.6 201.6 0 376 116.6 459.6 286l-273.4 156.2zM640 448l384-128v64l-384 64z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-pushbutton" d="M370.2 500.6c9.326-8.53 19.666-16.261 30.729-22.914l0.871-0.486c-11.077 19.209-17.664 42.221-17.8 66.76v0.040c0 39.6 17.8 77.6 50.2 107.4 37 34 87.4 52.6 141.8 52.6 40.2 0 78.2-10.2 110.2-29.2-8.918 15.653-19.693 29.040-32.268 40.482l-0.132 0.118c-37 34-87.4 52.6-141.8 52.6s-104.8-18.6-141.8-52.6c-32.4-29.8-50.2-67.8-50.2-107.4s17.8-77.6 50.2-107.4zM885.4 690.4c-40.6 154.6-192.4 269.6-373.4 269.6s-332.8-115-373.4-269.6c-86-80-138.6-187.8-138.6-306.4 0-247.4 229.2-448 512-448s512 200.6 512 448c0 118.6-52.6 226.4-138.6 306.4zM512 832c141.2 0 256-100.4 256-224s-114.8-224-256-224-256 100.4-256 224 114.8 224 256 224zM512 128c-175.4 0-318.4 127.8-320 285.4 68.8-94.8 186.4-157.4 320-157.4s251.2 62.6 320 157.4c-1.6-157.6-144.6-285.4-320-285.4z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-conditional" d="M512 960c-282.76 0-512-229.24-512-512s229.24-512 512-512 512 229.24 512 512-229.24 512-512 512zM512 192l-384 256 384 256 384-256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-condition-widget" d="M832 960h-640c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM512 192l-384 256 384 256 384-256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-alphanumeric" d="M535.6 429.4c-8.4-1.6-17.2-3-26.2-4s-18.2-2.4-27.2-4c-10.196-1.861-18.808-4.010-27.21-6.633l1.61 0.433c-8.609-2.674-16.105-6.348-22.89-10.987l0.29 0.187c-6.693-4.517-12.283-10.107-16.663-16.585l-0.137-0.215c-4.6-6.8-7.4-15.6-8.8-26s-0.4-18.4 2.4-25.2c2.746-6.688 7.224-12.195 12.881-16.122l0.119-0.078c5.967-4.053 13.057-6.94 20.704-8.161l0.296-0.039c7.592-1.527 16.319-2.4 25.25-2.4 0.123 0 0.246 0 0.369 0h-0.019c22.2 0 39.6 3.6 52.6 11s23.2 16.2 30.2 26.4c6.273 8.873 11.271 19.191 14.426 30.285l0.174 0.715c1.853 6.809 3.601 15.41 4.855 24.169l0.145 1.231 5.2 41.6c-5.4-4.217-11.723-7.564-18.583-9.689l-0.417-0.111c-6.489-2.241-14.362-4.255-22.444-5.662l-0.956-0.138zM1024 576v192h-152l24 192h-192l-24-192h-256l24 192h-192l-24-192h-232v-192h208l-32-256h-176v-192h152l-24-192h192l24 192h256l-24-192h192l24 192h232v192h-208l32 256zM702.8 548.2l-26.4-211.8c-2.231-15.809-3.537-34.122-3.6-52.727v-0.073c0-16.8 2.2-29.4 6.4-37.8h-113.4c-1.342 5.556-2.338 12.122-2.781 18.84l-0.019 0.36c-0.261 3.524-0.409 7.634-0.409 11.778 0 2.962 0.076 5.907 0.226 8.832l-0.017-0.41c-18.663-17.401-41.395-30.694-66.597-38.289l-1.203-0.311c-22.627-6.956-48.639-10.974-75.586-11h-0.014c-0.764-0.011-1.666-0.018-2.569-0.018-18.098 0-35.598 2.563-52.156 7.345l1.325-0.328c-15.991 4.512-29.851 12.090-41.545 22.122l0.145-0.122c-11.233 9.982-19.792 22.733-24.624 37.192l-0.176 0.608c-5.2 15.2-6.4 33.4-3.8 54.4s9.4 42.2 19.4 57.2c9.524 14.399 21.535 26.346 35.532 35.512l0.468 0.288c13.387 8.662 28.922 15.533 45.512 19.765l1.088 0.235c13.436 3.792 30.801 7.554 48.47 10.41l2.93 0.39c17 2.6 33.8 4.6 50.4 6.2 16.628 1.527 31.69 4.070 46.349 7.643l-2.149-0.443c13 3 23.6 7.6 31.6 13.6s12.6 15 13.6 26.4 0.8 21.8-2.4 28.8c-2.849 6.902-7.542 12.56-13.468 16.517l-0.132 0.083c-6.217 4.011-13.604 6.78-21.543 7.774l-0.257 0.026c-7.897 1.277-17 2.007-26.274 2.007-0.537 0-1.073-0.002-1.609-0.007l0.082 0.001c-22 0-40-4.6-53.8-14.2s-23-25.2-28-47.2h-111.8c4.8 26.2 14.2 48 27.8 65.4 13.475 16.978 29.89 30.968 48.574 41.377l0.826 0.423c18.192 10.038 39.297 17.806 61.619 22.175l1.381 0.225c20.488 4.162 44.053 6.563 68.171 6.6h0.029c21.8-0.005 43.239-1.532 64.222-4.479l-2.422 0.279c20.641-2.809 39.324-8.783 56.401-17.461l-1.001 0.461c15.909-8.108 28.858-20.031 37.967-34.601l0.233-0.399c9-15 12.2-34.8 9-59.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-image-telemetry" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM783.6 176.4c-69.581-69.675-165.757-112.776-272-112.776-212.298 0-384.4 172.102-384.4 384.4s172.102 384.4 384.4 384.4c212.298 0 384.4-172.102 384.4-384.4 0-0.008 0-0.017 0-0.025v0.001c0.001-0.264 0.001-0.575 0.001-0.887 0-105.769-42.964-201.503-112.391-270.703l-0.010-0.010zM704 576l-128-128-192 192-192-192c0-176.731 143.269-320 320-320s320 143.269 320 320v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-telemetry-aggregate" d="M78 564.56c14 41.44 37.48 100.8 69.2 148.36 38.62 57.78 82.38 87.080 130.14 87.080s91.5-29.3 130-87.080c31.72-47.56 55.14-106.92 69.2-148.36 30.88-90.96 63.12-134.98 78-146.54 14.94 11.56 47.2 55.58 78 146.54 14 41.44 37.48 100.8 69.22 148.36q27.8 41.7 59.12 63.5c-75.7 111.377-201.81 183.58-344.783 183.58-0.034 0-0.068 0-0.103 0h0.006c-229.76 0-416-186.24-416-416 0-0.071 0-0.156 0-0.24 0-39.119 5.396-76.977 15.484-112.871l-0.704 2.931c16.78 21.74 40.4 63.34 63.22 130.74zM754 523.44c-14-41.44-37.48-100.8-69.2-148.36-38.56-57.78-82.32-87.080-130-87.080s-91.5 29.3-130 87.080c-31.72 47.56-55.14 106.92-69.2 148.36-30.88 90.96-63.14 134.98-78 146.54-14.94-11.56-47.2-55.58-78-146.54-14.38-41.44-37.8-100.8-69.6-148.36q-27.8-41.7-59.12-63.5c75.7-111.378 201.81-183.58 344.783-183.58 0.119 0 0.237 0 0.356 0h-0.019c229.76 0 416 186.24 416 416 0 0.071 0 0.156 0 0.24 0 39.119-5.396 76.977-15.484 112.871l0.704-2.931c-16.78-21.74-40.4-63.34-63.22-130.74zM921.56 625.38c4.098-24.449 6.44-52.617 6.44-81.332 0-0.017 0-0.034 0-0.051v0.003c0-0.095 0-0.208 0-0.32 0-282.593-229.087-511.68-511.68-511.68-0.113 0-0.225 0-0.338 0h0.018c-0.014 0-0.031 0-0.048 0-28.716 0-56.884 2.342-84.325 6.845l2.993-0.405c72.483-63.623 168.109-102.44 272.802-102.44 0.203 0 0.406 0 0.61 0h-0.031c229.76 0 416 186.24 416 416 0 0.172 0 0.375 0 0.578 0 104.692-38.817 200.319-102.844 273.271l0.404-0.47z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-bar-graph" d="M832 960h-640c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM267.64 64h-139.64v448h139.64zM477.1 64h-139.64v768h139.64zM686.54 64h-139.64v320h139.64zM896 64h-139.64v640h139.64z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-map" d="M896 894.6l-128-62.6v-896l128 62.6c70.4 34.42 128 120.2 128 190.6v640c0 70.4-57.6 99.82-128 65.4zM320 48l387.2-96.8v896l-387.2 96.8v-896zM259.2 959.2l-3.2 0.8-128-62.6c-70.4-34.42-128-120.2-128-190.6v-640c0-70.4 57.6-99.82 128-65.4l128 62.6 3.2-0.8z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plan" d="M256 768v64c0.215 70.606 57.394 127.785 127.979 128h256.021c70.606-0.215 127.785-57.394 128-127.979v-64.021zM832 832v-128h-640v128c-105.6 0-192-86.4-192-192v-512c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v512c0 105.6-86.4 192-192 192zM128 384v128h256v-128zM640 128h-384v128h384zM896 128h-128v128h128zM896 384h-384v128h384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-timelist" d="M896 960h-768c-70.606-0.215-127.785-57.394-128-127.979v-768.021c0.215-70.606 57.394-127.785 127.979-128h768.021c70.606 0.215 127.785 57.394 128 127.979v768.021c-0.215 70.606-57.394 127.785-127.979 128h-0.021zM426.94 426.54c-8.054-15.864-24.249-26.545-42.938-26.545-7.823 0-15.209 1.871-21.734 5.191l0.273-0.126-154.54 77.28v221.66c0 26.51 21.49 48 48 48s48-21.49 48-48v0-162.34l101.46-50.72c15.864-8.054 26.545-24.249 26.545-42.938 0-7.823-1.871-15.209-5.191-21.734l0.126 0.273zM896 64h-320v128h320zM896 256h-320v128h320zM896 448h-320v128h320zM896 640h-320v128h320z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plot-scatter" d="M192 960c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM128 608c0 53.019 42.981 96 96 96s96-42.981 96-96c0-53.019-42.981-96-96-96v0c-53.019 0-96 42.981-96 96v0zM288 128c-53.019 0-96 42.981-96 96s42.981 96 96 96c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96v0zM544 320c-53.019 0-96 42.981-96 96s42.981 96 96 96c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96v0zM544 640c-53.019 0-96 42.981-96 96s42.981 96 96 96c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96v0zM800 128c-53.019 0-96 42.981-96 96s42.981 96 96 96c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-notebook-restricted" d="M896 849.28c0 79.9-55.38 127.32-123.080 105.36l-772.92-250.64h896v145.28zM896 640h-896v-576c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v448c0 70.4-57.6 128-128 128zM256 128h-128v128h128v-128zM256 320h-128v128h128v-128zM896 128h-512v128h512v-128zM896 320h-512v128h512v-128z" />
 | 
			
		||||
<glyph unicode=" " horiz-adv-x="0" d="" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-alert-rect-v2" d="M896 896h-768c-70.6-0.2-127.8-57.4-128-128v-768c0.2-70.6 57.4-127.8 128-128h768c70.6 0.2 127.8 57.4 128 128v768c-0.2 70.6-57.4 127.8-128 128zM576 0h-128v128h128v-128zM597.8 384l-37.8-192h-96l-37.8 192v384h171.8v-384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-alert-triangle-v2" d="M998.2 47.2l-422.6 739.6c-35 61.2-92 61.2-127 0l-422.8-739.6c-35-61.2-6-111.2 64.4-111.2h843.4c70.6 0 99.6 50 64.6 111.2zM576 0h-128v128h128v-128zM597.8 384l-37.8-192h-96l-37.8 192v256h171.8v-256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-up" d="M512 640l-512-512h1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-double-up" d="M510 386l512-512h-1024zM510 898l512-512h-1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-tall-up" d="M512 896l512-1024h-1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-right" d="M768 384l-512 512v-1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-right-equilateral" d="M962 384l-896-512v1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-down" d="M512 128l512 512h-1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-double-down" d="M510 386l-512 512h1024zM510-126l-512 512h1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-tall-down" d="M512-128l-512 1024h1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-left" d="M256 384l512-512v1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-asterisk" d="M1004.166 555.542l-97.522 168.916-330.534-229.414 33.414 400.956h-195.048l33.414-400.956-330.534 229.414-97.522-168.916 363.944-171.542-363.944-171.542 97.522-168.916 330.534 229.414-33.414-400.956h195.048l-33.414 400.956 330.534-229.414 97.522 168.916-363.944 171.542z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-bell" d="M512-128c106 0 192 86 192 192h-384c0-106 86-192 192-192zM896 448v64c0 212-172 384-384 384s-384-172-384-384v-64c0-70.6-57.4-128-128-128v-128h1024v128c-70.6 0-128 57.4-128 128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-box-round-corners" d="M1024 64c0-105.6-86.4-192-192-192h-640c-105.6 0-192 86.4-192 192v640c0 105.6 86.4 192 192 192h640c105.6 0 192-86.4 192-192v-640z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-box-with-arrow-cursor" d="M894 898h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h400c-2.2 3.8-4 7.6-5.8 11.4l-255.2 576.8c-21.4 48.4-10.8 105 26.6 142.4 24.4 24.4 57.2 37.4 90.4 37.4 17.4 0 35.2-3.6 51.8-11l576.6-255.4c4-1.8 7.8-3.8 11.4-5.8v400.2c0.2 70.4-57.4 128-127.8 128zM958.6 258.6l-576.6 255.4 255.4-576.6 64.6 128.6 192-192 128 128-192 192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-check" d="M1024 896l-640-640-384 384v-384l384-384 640 640z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-connectivity" d="M704 320c0-70.4-57.6-128-128-128h-128c-70.4 0-128 57.6-128 128v128c0 70.4 57.6 128 128 128h128c70.4 0 128-57.6 128-128v-128zM1024 384l-192 320v-640zM0 384l192 320v-640z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-database-in-brackets" d="M768 544c0-53.019-114.615-96-256-96s-256 42.981-256 96c0 53.019 114.615 96 256 96s256-42.981 256-96zM768 224v256c0-53-114.6-96-256-96s-256 43-256 96v-256c0-53 114.6-96 256-96s256 43 256 96zM832 896h-128v-192h127.6c0.2 0 0.2-0.2 0.4-0.4v-639.4c0-0.2-0.2-0.2-0.4-0.4h-127.6v-192h128c105.6 0 192 86.4 192 192v640.2c0 105.6-86.4 192-192 192zM192 64.4v639.4c0 0.2 0.2 0.2 0.4 0.4h127.6v191.8h-128c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h128v192h-127.6c-0.2 0-0.4 0.2-0.4 0.4z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-eye-open" d="M512 779.6c-245.8 0-452.2-168-510.8-395.6 58.6-227.4 265-395.6 510.8-395.6s452.2 168 510.8 395.6c-58.6 227.4-265 395.6-510.8 395.6zM829.2 307.6c-22.6-34.4-50.6-64.8-83-90.4-32.8-25.8-69-45.6-108-59.4-40.4-14.2-82.8-21.4-126-21.4s-85.8 7.2-126 21.4c-39 13.8-75.4 33.8-108 59.4-32.4 25.6-60.4 55.8-83 90.4-15.8 24-28.8 49.6-38.6 76.4 10 26.8 23 52.4 38.6 76.4 22.6 34.4 50.6 64.8 83 90.4 32.8 25.8 69 45.6 108 59.4 40.4 14.2 82.8 21.4 126 21.4s85.8-7.2 126-21.4c39-13.8 75.4-33.8 108-59.4 32.4-25.6 60.4-55.8 83-90.4 15.8-24 28.8-49.6 38.6-76.4-9.8-26.8-22.8-52.4-38.6-76.4zM704 384c0-106.039-85.961-192-192-192s-192 85.961-192 192c0 106.039 85.961 192 192 192s192-85.961 192-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-gear" d="M1024 320v128l-140.976 35.244c-8.784 32.922-21.818 64.106-38.504 92.918l74.774 124.622-90.51 90.51-124.622-74.774c-28.812 16.686-59.996 29.72-92.918 38.504l-35.244 140.976h-128l-35.244-140.976c-32.922-8.784-64.106-21.818-92.918-38.504l-124.622 74.774-90.51-90.51 74.774-124.622c-16.686-28.812-29.72-59.996-38.504-92.918l-140.976-35.244v-128l140.976-35.244c8.784-32.922 21.818-64.106 38.504-92.918l-74.774-124.622 90.51-90.51 124.622 74.774c28.812-16.686 59.996-29.72 92.918-38.504l35.244-140.976h128l35.244 140.976c32.922 8.784 64.106 21.818 92.918 38.504l124.622-74.774 90.51 90.51-74.774 124.622c16.686 28.812 29.72 59.996 38.504 92.918l140.976 35.244zM704 384c0-106.038-85.962-192-192-192s-192 85.962-192 192 85.962 192 192 192 192-85.962 192-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-hourglass" d="M1024 896h-1024c0-282.8 229.2-512 512-512s512 229.2 512 512zM512 512c-102.6 0-199 40-271.6 112.4-41.2 41.2-72 90.2-90.8 143.6h724.6c-18.8-53.4-49.6-102.4-90.8-143.6-72.4-72.4-168.8-112.4-271.4-112.4zM512 384c-282.8 0-512-229.2-512-512h1024c0 282.8-229.2 512-512 512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-info" d="M512 896c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM512 768c70.6 0 128-57.4 128-128s-57.4-128-128-128c-70.6 0-128 57.4-128 128s57.4 128 128 128zM704 64h-384v128h64v256h256v-256h64v-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-link" d="M1024 384l-512 512v-307.2l-512-204.8v-256h512v-256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-lock" horiz-adv-x="768" d="M702 512h-62v128c0 141.385-114.615 256-256 256s-256-114.615-256-256v0-128h-64c-35.301-0.113-63.887-28.699-64-63.989v-512.011c0.113-35.301 28.699-63.887 63.989-64h638.011c35.301 0.113 63.887 28.699 64 63.989v512.011c-0.113 35.301-28.699 63.887-63.989 64h-0.011zM256 512v128c0 70.692 57.308 128 128 128s128-57.308 128-128v0-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-minus" d="M960 256c35.2 0 64 28.8 64 64v128c0 35.2-28.8 64-64 64h-896c-35.2 0-64-28.8-64-64v-128c0-35.2 28.8-64 64-64h896z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-people" d="M704 576h64c70.4 0 128 57.6 128 128v64c0 70.4-57.6 128-128 128h-64c-70.4 0-128-57.6-128-128v-64c0-70.4 57.6-128 128-128zM256 576h64c70.4 0 128 57.6 128 128v64c0 70.4-57.6 128-128 128h-64c-70.4 0-128-57.6-128-128v-64c0-70.4 57.6-128 128-128zM832 512h-192c-34.908 0-67.716-9.448-96-25.904 57.278-33.324 96-95.404 96-166.096v-448h384v448c0 105.6-86.4 192-192 192zM384 512h-192c-105.6 0-192-86.4-192-192v-448h576v448c0 105.6-86.4 192-192 192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-person" d="M768 640c0-105.6-86.4-192-192-192h-128c-105.6 0-192 86.4-192 192v64c0 105.6 86.4 192 192 192h128c105.6 0 192-86.4 192-192v-64zM64-128v192c0 140.8 115.2 256 256 256h384c140.8 0 256-115.2 256-256v-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plus" d="M960 512h-330v320c0 35.2-28.8 64-64 64h-108c-35.2 0-64-28.8-64-64v-320h-330c-35.2 0-64-28.8-64-64v-128c0-35.2 28.8-64 64-64h330v-320c0-35.2 28.8-64 64-64h108c35.2 0 64 28.8 64 64v320h330c35.2 0 64 28.8 64 64v128c0 35.2-28.8 64-64 64z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plus-in-rect" d="M830 896h-636c-106.6 0-194-87.2-194-194v-636c0-106.8 87.4-194 194-194h636c106.6 0 194 87.2 194 194v636c0 106.8-87.4 194-194 194zM896 288c0-17.673-14.327-32-32-32v0h-224v-224c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 224h-224c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h224v224c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0-224h224c17.673 0 32-14.327 32-32v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-trash" d="M832 768h-192.36v64c0 35.2-28.8 64-64 64h-128c-35.2 0-64-28.8-64-64v-64h-191.64c-105.6 0-192-72-192-160s0-160 0-160h64v-384c0-105.6 86.4-192 192-192h512c105.6 0 192 86.4 192 192v384h64c0 0 0 72 0 160s-86.4 160-192 160zM320 64h-128v384h128v-384zM576 64h-128v384h128v-384zM832 64h-128v384h128v-384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-x-heavy" d="M704 384l301.332-301.332c24.89-24.89 24.89-65.62 0-90.51l-101.49-101.49c-24.89-24.89-65.62-24.89-90.51 0l-301.332 301.332c0 0-301.332-301.332-301.332-301.332-24.89-24.89-65.62-24.89-90.51 0l-101.49 101.49c-24.89 24.89-24.89 65.62 0 90.51l301.332 301.332c0 0-301.332 301.332-301.332 301.332-24.89 24.89-24.89 65.62 0 90.51l101.49 101.49c24.89 24.89 65.62 24.89 90.51 0l301.332-301.332c0 0 301.332 301.332 301.332 301.332 24.89 24.89 65.62 24.89 90.51 0l101.49-101.49c24.89-24.89 24.89-65.62 0-90.51 0 0-301.332-301.332-301.332-301.332z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-brackets" d="M832 896h-192v-192h191.66l0.34-0.34v-639.32l-0.34-0.34h-191.66v-192h192c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM384 64h-191.66l-0.34 0.34v639.32l0.34 0.34h191.66v192h-192c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h192v192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-crosshair" d="M574 898h-128v-320h128v320zM1022 450h-320v-128h320v128zM574 194h-128v-320h128v320zM318 450h-320v-128h320v128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grippy" d="M365.4 713.2c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM365.4 493.8c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM365.4 274.2c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM365.4 54.8c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM584.8 822.8c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM584.8 603.4c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM584.8 384c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM584.8 164.6c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM584.8-54.8c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM804.2 713.2c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM804.2 493.8c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM804.2 274.2c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2zM804.2 54.8c0-40.427-32.773-73.2-73.2-73.2s-73.2 32.773-73.2 73.2c0 40.427 32.773 73.2 73.2 73.2s73.2-32.773 73.2-73.2z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grid" d="M0 320v-256c0-105.6 86.4-192 192-192h256v448h-448zM448 896h-256c-105.6 0-192-86.4-192-192v-256h448v448zM832 896h-256v-448h448v256c0 105.6-86.4 192-192 192zM576-128h256c105.6 0 192 86.4 192 192v256h-448v-448z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grippy-ew" d="M704 896h128v-1024h-128v1024zM448 896h128v-1024h-128v1024zM192 896h128v-1024h-128v1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-columns" d="M0 896h256v-1024h-256v1024zM384 896h256v-1024h-256v1024zM768 896h256v-1024h-256v1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-rows" d="M0 896h1024v-256h-1024v256zM0 512h1024v-256h-1024v256zM0 128h1024v-256h-1024v256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-filter" d="M896 896h-768c-70.601-0.227-127.773-57.399-128-127.978v-768.022c0.227-70.601 57.399-127.773 127.978-128h256.022v512l-192 192h640l-192-192v-512h256c70.601 0.227 127.773 57.399 128 127.978v768.022c-0.227 70.601-57.399 127.773-127.978 128h-0.022z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-filter-outline" d="M896 896h-768c-70.601-0.227-127.773-57.399-128-127.978v-768.022c0.227-70.601 57.399-127.773 127.978-128h768.022c70.601 0.227 127.773 57.399 128 127.978v768.022c-0.227 70.601-57.399 127.773-127.978 128h-0.022zM896 0.2h-256v383.8l192 192h-640l192-192v-384h-256v767.8h768z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-suitcase" d="M768 768c-0.080 70.66-57.34 127.92-127.993 128h-256.007c-70.66-0.080-127.92-57.34-128-127.993v-128.007h-64v-768h640v768h-64zM384 767.88l0.12 0.12 255.88-0.12v-127.88h-256zM0 576v-640c0.102-35.305 28.695-63.898 63.99-64h64.010v768h-64c-35.305-0.102-63.898-28.695-64-63.99v-0.010zM960 640h-64v-768h64c35.305 0.102 63.898 28.695 64 63.99v640.010c-0.102 35.305-28.695 63.898-63.99 64h-0.010z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-cursor-locked" horiz-adv-x="768" d="M704 576h-64v64c0 141.385-114.615 256-256 256s-256-114.615-256-256v0-64h-64c-35.301-0.113-63.887-28.699-64-63.989v-576.011c0.113-35.301 28.699-63.887 63.989-64h640.011c35.301 0.113 63.887 28.699 64 63.989v576.011c-0.113 35.301-28.699 63.887-63.989 64h-0.011zM256 640c0 70.692 57.308 128 128 128s128-57.308 128-128v0-64h-256zM533.4 0l-128 128-43-85-170.4 383.6 383.6-170.2-85-43 128-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-flag" d="M192 256h832l-192 320 192 320h-896c-70.606-0.215-127.785-57.394-128-127.979v-896.021h192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-eye-disabled" d="M209.46 287.32q-7.46 9.86-14.26 20.28c-14.737 21.984-27.741 47.184-37.759 73.847l-0.841 2.553c11.078 29.259 24.068 54.443 39.51 77.869l-0.91-1.469c23.221 34.963 50.705 64.8 82.207 89.793l0.793 0.607c57.663 45.719 130.179 75.053 209.311 79.947l1.069 0.053 114.48 140.88c-27.366 5.017-58.869 7.898-91.041 7.92h-0.019c-245.8 0-452.2-168-510.8-395.6 21.856-82.93 60.906-154.847 113.325-214.773l-0.525 0.613zM814.76 480.92q7.52-10 14.44-20.52c14.737-21.984 27.741-47.184 37.759-73.847l0.841-2.553c-10.859-29.216-23.863-54.416-39.447-77.748l0.847 1.348c-23.221-34.963-50.705-64.8-82.207-89.793l-0.793-0.607c-57.762-45.834-130.437-75.216-209.743-80.049l-1.057-0.051-114.46-140.86c27.346-4.988 58.817-7.84 90.955-7.84 0.037 0 0.074 0 0.111 0h-0.005c245.8 0 452.2 168 510.8 395.6-21.856 82.93-60.906 154.847-113.325 214.773l0.525-0.613zM832 896l-832-1024h192l832 1024h-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-notebook-page" d="M830 834h-830l-4-702c0-106.6 87.4-194 194-194h640c106.6 0 194 87.4 194 194v508c0 106.8-87.4 194-194 194zM832 450l-384-384-192 192v256l192-192 384 384v-256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-unlocked" d="M768 896c-141.339-0.114-255.886-114.661-256-255.989v-128.011h-448c-35.301-0.113-63.887-28.699-64-63.989v-512.011c0.113-35.301 28.699-63.887 63.989-64h638.011c35.301 0.113 63.887 28.699 64 63.989v512.011c-0.113 35.301-28.699 63.887-63.989 64h-62.011v128c0 70.692 57.308 128 128 128s128-57.308 128-128v0-128h128v128c-0.114 141.339-114.661 255.886-255.989 256h-0.011z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-circle" d="M1024 384c0-282.77-229.23-512-512-512s-512 229.23-512 512c0 282.77 229.23 512 512 512s512-229.23 512-512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-draft" d="M876.34 260.42l-49.9-49.88-19.26-19.5-26-8.7-423.040-144.2 144.2 423.28 8.84 25.78 150 149.88-85.6 149.78c-34.92 61.12-92 61.12-127 0l-422.78-739.72c-34.94-61.14-5.92-111.14 64.48-111.14h843.44c70.4 0 99.42 50 64.48 111.14zM973.18 653.16c-19.32 19.3-40.66 34.62-60.16 43.16-34.42 15.12-52.38 4.54-60.1-3.16l-258.12-258.12-82.8-243.040 243 82.8 3.36 3.4 254.76 254.76c4.94 4.94 10.88 13.88 10.88 28.3 0 25.34-19.5 60.56-50.82 91.9zM631 276.18l-34.88 34.86 34.64 101.6 9.24 3.36h32v-64h64v-32l-3.42-9.26z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-circle-slash" d="M512 896c-282.78 0-512-229.22-512-512s229.22-512 512-512 512 229.22 512 512-229.22 512-512 512zM263.1 632.9c66.48 66.48 154.88 103.1 248.9 103.1 66.74 0 130.64-18.48 185.9-52.96l-484.94-484.94c-34.5 55.24-52.96 119.16-52.96 185.9 0 94.020 36.62 182.42 103.1 248.9zM760.9 135.1c-66.48-66.48-154.88-103.1-248.9-103.1-66.74 0-130.64 18.48-185.9 52.96l484.94 484.94c34.5-55.24 52.96-119.16 52.96-185.9 0-94.020-36.62-182.42-103.1-248.9z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-question-mark" horiz-adv-x="697" d="M136.86 843.74c54.080 34.82 120.58 52.26 199.44 52.26 103.6 0 189.7-24.76 258.24-74.28s102.82-122.88 102.82-220.060c0-59.6-14.86-109.8-44.58-150.6-17.38-24.76-50.76-56.4-100.14-94.9l-48.68-37.82c-26.54-20.64-44.14-44.7-52.82-72.2-5.5-17.44-8.46-44.48-8.92-81.14h-186.4c2.74 77.48 10.060 131 21.94 160.58s42.5 63.62 91.88 102.12l50.060 39.2c16.46 12.38 29.72 25.9 39.78 40.58 18.28 25.2 27.42 52.96 27.42 83.22 0 34.84-10.18 66.6-30.52 95.24-20.36 28.64-57.52 42.98-111.48 42.98s-90.68-17.66-112.88-52.96c-22.18-35.32-33.26-71.98-33.26-110.040h-198.76c5.5 130.64 51.12 223.24 136.86 277.82zM251.020 70.76h205.62v-198.74h-205.62v198.74z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-status-poll-check" d="M512 896c-282.76 0-512-214.9-512-480 0-92.26 27.8-178.44 75.92-251.6l-75.92-292.4 313.5 101.42c61.040-24.1 128.12-37.42 198.5-37.42 282.76 0 512 214.9 512 480s-229.24 480-512 480zM768 448l-320-320-192 192v192l192-192 320 320v-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-status-poll-caution" d="M512 896c-282.76 0-512-214.9-512-480 0-92.26 27.8-178.44 75.92-251.6l-75.92-292.4 313.5 101.42c61.040-24.1 128.12-37.42 198.5-37.42 282.76 0 512 214.9 512 480s-229.24 480-512 480zM781.36 192h-538.72c-44.96 0-63.5 31.94-41.2 70.98l270 472.48c22.3 39.040 58.82 39.040 81.12 0l269.98-472.48c22.3-39.040 3.78-70.98-41.2-70.98zM457.14 478.14l24.2-122.64h61.32l24.2 122.64v163.5h-109.72v-163.5zM471.12 314.64h81.76v-81.76h-81.76v81.76z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-status-poll-circle-slash" d="M391.18 227.3c35.72-22.98 77.32-35.3 120.82-35.3 59.84 0 116.080 23.3 158.4 65.6 42.3 42.3 65.6 98.56 65.6 158.4 0 43.5-12.32 85.080-35.3 120.82l-309.52-309.52zM512 640c-59.84 0-116.080-23.3-158.4-65.6-42.3-42.3-65.6-98.56-65.6-158.4 0-43.5 12.32-85.080 35.3-120.82l309.52 309.52c-35.72 22.98-77.32 35.3-120.82 35.3zM512 896c-282.76 0-512-214.9-512-480 0-92.26 27.8-178.44 75.92-251.6l-75.92-292.4 313.5 101.42c61.040-24.1 128.12-37.42 198.5-37.42 282.76 0 512 214.9 512 480s-229.24 480-512 480zM512 96c-176.74 0-320 143.26-320 320s143.26 320 320 320 320-143.26 320-320-143.26-320-320-320z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-status-poll-question-mark" d="M512 896c-282.76 0-512-214.9-512-480 0-92.26 27.8-178.44 75.92-251.6l-75.92-292.4 313.5 101.42c61.040-24.1 128.12-37.42 198.5-37.42 282.76 0 512 214.9 512 480s-229.24 480-512 480zM579.020 64h-141.36v136.64h141.36v-136.64zM713.84 462.1c-11.94-17.020-34.9-38.78-68.84-65.24l-33.48-26c-18.24-14.18-30.34-30.74-36.32-49.64-3.78-11.98-5.82-30.58-6.14-55.8h-128.12c1.88 53.26 6.92 90.060 15.080 110.4 8.18 20.34 29.22 43.74 63.16 70.22l34.42 26.94c11.3 8.52 20.42 17.8 27.34 27.9 12.56 17.34 18.86 36.4 18.86 57.2 0 23.94-7 45.78-20.98 65.48-14 19.7-39.54 29.54-76.64 29.54s-62.34-12.14-77.6-36.4c-15.24-24.28-22.88-49.48-22.88-75.64h-136.64c3.78 89.84 35.14 153.5 94.080 191.020 37.18 23.94 82.9 35.94 137.12 35.94 71.22 0 130.42-17.020 177.54-51.060s70.68-84.48 70.68-151.3c0-40.98-10.22-75.5-30.66-103.54z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-status-poll-edit" d="M1000.080 561.36l-336.6-336.76-20.52-6.88-450.96-153.72 160.68 471.52 332.34 332.34c-54.040 18.2-112.28 28.14-173.020 28.14-282.76 0-512-214.9-512-480 0-92.26 27.8-178.44 75.92-251.6l-75.92-292.4 313.5 101.42c61.040-24.1 128.12-37.42 198.5-37.42 282.76 0 512 214.9 512 480 0 50.68-8.4 99.5-23.92 145.36zM408.42 500.76l-2.16-6.3-111.7-327.9 334.12 113.86 4.62 4.68 350.28 350.28c6.8 6.78 14.96 19.1 14.96 38.9 0 34.86-26.82 83.28-69.88 126.38-26.54 26.54-55.9 47.6-82.7 59.34-47.34 20.8-72.020 6.24-82.64-4.36l-354.9-354.88zM470.56 474.58h44v-88h88v-44l-4.7-12.72-139.68-47.54-47.94 47.94 47.6 139.72 12.72 4.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrows-right-left" d="M1024 384l-448-512v1024zM448 896l-448-512 448-512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrows-up-down" d="M512 896l512-448h-1024zM0 320l512-448 512 448z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-bullet" d="M832 144c0-44-36-80-80-80h-480c-44 0-80 36-80 80v480c0 44 36 80 80 80h480c44 0 80-36 80-80v-480z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-calendar" d="M896 896h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM640 448h-256v192h256v-192zM384 384h256v-192h-256v192zM320 192h-256v192h256v-192zM320 640v-192h-256v192h256zM128-64c-17 0-33 6.6-45.2 18.8s-18.8 28.2-18.8 45.2v128h256v-192h-192zM384-64v192h256v-192h-256zM960 0c0-17-6.6-33-18.8-45.2s-28.2-18.8-45.2-18.8h-192v192h256v-128zM960 192h-256v192h256v-192zM960 448h-256v192h256v-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-chain-links" d="M958.4 830.4c-43.8 43.8-101 65.6-158.4 65.6s-114.6-21.8-158.4-65.6l-128-128c-74-74-85.4-187-34-273l-12.8-12.8c-35.4 20.8-75 31.4-114.8 31.4-57.4 0-114.6-21.8-158.4-65.6l-128-128c-87.4-87.4-87.4-229.4 0-316.8 43.8-43.8 101-65.6 158.4-65.6s114.6 21.8 158.4 65.6l128 128c74 74 85.4 187 34 273l12.8 12.8c35.2-21 75-31.6 114.6-31.6 57.4 0 114.6 21.8 158.4 65.6l128 128c87.6 87.6 87.6 229.6 0.2 317zM419.8 156.2l-128-128c-18-18.2-42.2-28.2-67.8-28.2s-49.8 10-67.8 28.2c-37.4 37.4-37.4 98.4 0 135.8l128 128c18.2 18.2 42.2 28.2 67.8 28.2 5.6 0 11.2-0.6 16.8-1.4l-55.6-55.6c-10.4-10.4-16.2-24.2-16.2-38.8s5.8-28.6 16.2-38.8c10.4-10.4 24.2-16.2 38.8-16.2s28.6 5.8 38.8 16.2l55.6 55.6c5.4-30.4-3.6-62.2-26.6-85zM867.8 604.2l-128-128c-18-18.2-42.2-28.2-67.8-28.2-5.6 0-11.2 0.6-16.8 1.4l55.6 55.6c10.4 10.4 16.2 24.2 16.2 38.8s-5.8 28.6-16.2 38.8c-10.4 10.4-24.2 16.2-38.8 16.2s-28.6-5.8-38.8-16.2l-55.6-55.6c-5.2 29.8 3.6 61.6 26.6 84.6l128 128c18 18.4 42.2 28.4 67.8 28.4s49.8-10 67.8-28.2c37.6-37.4 37.6-98.2 0-135.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-download" d="M832 320v-255.66l-0.34-0.34-639.66 0.34v255.66h-192v-256c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v256h-192zM512 256l448 448h-256v192h-384v-192h-256l448-448z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-duplicate" d="M640 640v128c0 70.4-57.6 128-128 128h-384c-70.4 0-128-57.6-128-128v-384c0-70.4 57.6-128 128-128h128v139.6c0 134.8 109.6 244.4 244.4 244.4h139.6zM896 512h-384c-70.4 0-128-57.6-128-128v-384c0-70.4 57.6-128 128-128h384c70.4 0 128 57.6 128 128v384c0 70.4-57.6 128-128 128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-folder-new" d="M896 704h-320c-16.4 16.4-96.8 96.8-109.2 109.2l-37.4 37.4c-25 25-74.2 45.4-109.4 45.4h-256c-35.2 0-64-28.8-64-64v-384c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v128c0 70.4-57.6 128-128 128zM896 448h-768c-70.4 0-128-57.6-128-128v-320c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v320c0 70.4-57.6 128-128 128zM704 96h-128v-128h-128v128h-128v128h128v128h128v-128h128v-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-fullscreen-collapse" d="M191.656 64c0.118-0.1 0.244-0.224 0.344-0.344v-191.656h192v192c0 105.6-86.4 192-192 192h-192v-192h191.656zM192 704.344c-0.1-0.118-0.224-0.244-0.344-0.344h-191.656v-192h192c105.6 0 192 86.4 192 192v192h-192v-191.656zM832 512h192v192h-191.656c-0.118 0.1-0.244 0.226-0.344 0.344v191.656h-192v-192c0-105.6 86.4-192 192-192zM832 63.656c0.1 0.118 0.224 0.244 0.344 0.344h191.656v192h-192c-105.6 0-192-86.4-192-192v-192h192v191.656z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-fullscreen-expand" d="M192.344 64c-0.118 0.1-0.244 0.224-0.344 0.344v191.656h-192v-192c0-105.6 86.4-192 192-192h192v192h-191.656zM192 703.656c0.1 0.118 0.224 0.244 0.344 0.344h191.656v192h-192c-105.6 0-192-86.4-192-192v-192h192v191.656zM832 896h-192v-192h191.656c0.118-0.1 0.244-0.226 0.344-0.344v-191.656h192v192c0 105.6-86.4 192-192 192zM832 64.344c-0.1-0.118-0.224-0.244-0.344-0.344h-191.656v-192h192c105.6 0 192 86.4 192 192v192h-192v-191.656z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-layers" d="M1024 512l-512 384-512-384 512-384zM512 0l-426.666 320-85.334-64 512-384 512 384-85.334 64z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-line-horz" d="M64 320c-35.346 0-64 28.654-64 64s28.654 64 64 64h896c35.346 0 64-28.654 64-64s-28.654-64-64-64h-896z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-magnify" d="M1024 0l-256.8 256.8c42.4 66.6 65 144 64.8 223.2 0 229.8-186.2 416-416 416s-416-186.2-416-416 186.2-416 416-416c79-0.2 156.4 22.4 223.2 64.8l256.8-256.8 128 128zM212.4 276.4c-112.4 112.4-112.4 294.8 0 407.2s294.8 112.4 407.2 0 112.4-294.8 0-407.2c-54-54-127.2-84.4-203.6-84.4-76.4-0.2-149.8 30.2-203.6 84.4z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-magnify-in" d="M1024 0l-256.86 256.86c40.681 62.963 64.861 139.898 64.861 222.481 0 0.232 0 0.464-0.001 0.696v-0.036c0 229.76-186.24 416-416 416s-416-186.24-416-416 186.24-416 416-416c0.196 0 0.427-0.001 0.659-0.001 82.583 0 159.518 24.18 224.112 65.846l-1.631-0.985 256.86-256.86zM212.36 276.36c-52.114 52.117-84.346 124.114-84.346 203.64 0 159.058 128.942 288 288 288s288-128.942 288-288c0-159.058-128.942-288-288-288-0.005 0-0.010 0-0.014 0h0.001c-0.242-0.001-0.529-0.001-0.815-0.001-79.271 0-151.010 32.251-202.811 84.348l-0.013 0.014zM224 544h384v-128h-384v128zM352 672h128v-384h-128v384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-magnify-out-v2" d="M767.2 256.8c42.4 66.6 65 144 64.8 223.2 0 229.8-186.2 416-416 416s-416-186.2-416-416 186.2-416 416-416c79-0.2 156.4 22.4 223.2 64.8l256.8-256.8 128 128-256.8 256.8zM619.6 276.4c-54-54-127.2-84.4-203.6-84.4-76.4-0.2-149.8 30.2-203.6 84.4-112.4 112.4-112.4 294.8 0 407.2s294.8 112.4 407.2 0c112.4-112.4 112.4-294.8 0-407.2zM224 544h384v-128h-384v128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-menu" d="M0 768h1024v-128h-1024v128zM0 448h1024v-128h-1024v128zM0 128h1024v-128h-1024v128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-move" d="M293.4 384l218.6 218.6 256-256v421.4c0 70.4-57.6 128-128 128h-512c-70.4 0-128-57.6-128-128v-512c0-70.4 57.6-128 128-128h421.4l-256 256zM1024 448h-128v-320l-384 384-128-128 384-384h-320v-128h576z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-new-window" d="M448 896v-128h320l-384-384 128-128 384 384v-320h128v576zM576 221.726v-157.382c-0.1-0.118-0.226-0.244-0.344-0.344h-383.312c-0.118 0.1-0.244 0.226-0.344 0.344v383.312c0.1 0.118 0.226 0.244 0.344 0.344h157.382l192 192h-349.726c-105.6 0-192-86.4-192-192v-384c0-105.6 86.4-192 192-192h384c105.6 0 192 86.4 192 192v349.726l-192-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-paint-bucket-v2" d="M544 672v-224c0-88.4-71.6-160-160-160s-160 71.6-160 160v97.2l-197.4-196.4c-50-50-12.4-215.2 112.4-340s290-162.4 340-112.4l417 423.6-352 352zM896-128c70.6 0 128 57.4 128 128 0 108.6-128 192-128 192s-128-83.4-128-192c0-70.6 57.4-128 128-128zM384 384c-35.4 0-64 28.6-64 64v384c0 35.4 28.6 64 64 64s64-28.6 64-64v-384c0-35.4-28.6-64-64-64z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-pencil" d="M922.344 794.32c-38.612 38.596-81.306 69.232-120.304 86.324-68.848 30.25-104.77 9.078-120.194-6.344l-516.228-516.216-3.136-9.152-162.482-476.932 485.998 165.612 6.73 6.806 509.502 509.506c9.882 9.866 21.768 27.77 21.768 56.578 0.002 50.71-38.996 121.148-101.654 183.818zM237.982 40.34l-69.73 69.728 69.25 203.228 18.498 6.704h64v-128h128v-64l-6.846-18.506-203.172-69.154z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-pencil-edit-in-place" d="M922.4 794.4c-38.6 38.6-81.4 69.2-120.4 86.2-68.8 30.2-104.8 9-120.2-6.4l-516.2-516.2-3.2-9.2-162.4-476.8 486 165.6 516.2 516.4c9.8 9.8 21.8 27.8 21.8 56.6 0 50.6-39 121-101.6 183.8zM238 40.4l-69.8 69.6 69.2 203.2 18.4 6.8h64v-128h128v-64l-6.8-18.6-203-69zM0 896v-512l128 128v256h256l128 128zM1024-128v512l-128-128v-256h-256l-128-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-play" d="M1024 384l-1024-512v1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-pause" d="M126 898h256v-1024h-256v1024zM638 898h256v-1024h-256v1024z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plot-resource" d="M255.8 192c0.2 0 0.2 0 0 0l0.2 128c0 70.6 57.4 128 128 128h255.8c0 0 0 0 0.2 0.2v127.8c0 70.6 57.4 128 128 128h143.6c-93.8 117-238 192-399.6 192-282.8 0-512-229.2-512-512 0-68 13.2-132.8 37.2-192h218.6zM768.2 576c-0.2 0-0.2 0 0 0l-0.2-128c0-70.6-57.4-128-128-128h-255.8c0 0 0 0-0.2-0.2v-127.8c0-70.6-57.4-128-128-128h-143.6c93.8-117 238-192 399.6-192 282.8 0 512 229.2 512 512 0 68-13.2 132.8-37.2 192h-218.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-pointer-left" d="M766-128l-256 512 256 512h-256l-256-512 256-512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-pointer-right" d="M254 896l256-512-256-512h256l256 512-256 512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-refresh" d="M1024 435.2v460.8l-175.8-175.8c-85.2 69.6-190.8 107.6-302 107.6-127.6 0-247.6-49.8-338-140s-140-210.4-140-338 49.8-247.6 140-338 210.4-140 338-140 247.6 49.8 338 140c74 74 120.8 167.8 135 269.6h-138.6c-32-155.4-169.8-272.8-334.6-272.8-188.2 0-341.4 153.2-341.4 341.4s153.4 341.2 341.6 341.2c76.8 0 147.6-25.4 204.8-68.2l-187.8-187.8h460.8z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-save" d="M192.2 320c-0.2 0-0.2 0 0 0l-0.2-448h640v447.8c0 0 0 0-0.2 0.2h-639.6zM978.8 685.2l-165.4 165.4c-25 25-74.2 45.4-109.4 45.4h-576c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128v448c0 35.2 28.8 64 64 64h640c35.2 0 64-28.8 64-64v-448c70.4 0 128 57.6 128 128v576c0 35.2-20.4 84.4-45.2 109.2zM704 640c0-35.2-28.8-64-64-64h-448c-35.2 0-64 28.8-64 64v192h320v-192h128v192h128v-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-save-as" d="M978.8 557.2l-64 64c24.8-24.8 45.2-74 45.2-109.2v-448c0-70.4-57.6-128-128-128h-640c-18.8 0-36.6 4.2-52.6 11.4 20.2-44.4 65-75.4 116.6-75.4h640c70.4 0 128 57.6 128 128v448c0 35.2-20.4 84.4-45.2 109.2zM704 0v319.8c0 0 0 0-0.2 0.2h-511.6l-0.2-320h512zM192 384h512c35.2 0 64-28.8 64-64v-320c70.4 0 128 57.6 128 128v448c0 35.2-20.4 84.4-45.2 109.2l-165.4 165.4c-25 25-74.2 45.4-109.4 45.4h-448c-70.4 0-128-57.6-128-128v-640c0-70.4 57.6-128 128-128v320c0 35.2 28.8 64 64 64zM128 832h192v-192h128v192h128v-192c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-sine" d="M1024 384c-1.8 7.2-3.4 14.4-5.2 21.8-20.2 86.2-53.4 209.4-98.4 307.2-22.4 49-45.4 86.6-70.2 115.2-48.6 56-98.4 67.8-131.8 67.8-33.2 0-83.2-11.8-131.8-67.8-24.6-28.6-47.6-66.2-70-115.2-44.8-97.8-78.2-221-98.4-307.2-21.8-93-46.6-175.4-72-238.4-16.4-40.6-30.4-66.4-40.8-82.8-10.4 16.2-24.4 42.2-40.8 82.8-23.2 58-46.2 132.4-66.6 216.6h-198c1.8-7.2 3.4-14.4 5.2-21.8 20.2-86.2 53.4-209.4 98.4-307.2 22.4-49 45.4-86.6 70.2-115.2 48.6-56 98.6-67.8 131.8-67.8s83.2 11.8 131.8 67.8c24.8 28.6 47.6 66.2 70.2 115.2 44.8 97.8 78.2 221 98.4 307.2 21.8 93 46.6 175.4 72 238.4 16.4 40.6 30.4 66.4 40.8 82.8 10.4-16.2 24.4-42.2 40.8-82.8 23.4-57.8 46.4-132.4 66.8-216.4h197.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-font" d="M800-128h224l-384 1024h-256l-384-1024h224l84 224h408zM380 288l132 352 132-352z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-thumbs-strip" d="M448 514c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320zM1024 514c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320zM448-62c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320zM1024-62c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-two-parts-both" d="M896 896h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM128 768h320v-768h-320v768zM896 0h-320v768h320v-768z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-two-parts-one-only" d="M896 896h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM896 0h-320v768h320v-768z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-resync" d="M795.2 731.2c-79.8 65.2-178.8 100.8-283.2 100.8-119.6 0-232.2-46.6-316.8-131.2-69.4-69.4-113.2-157.4-126.6-252.8h130c29.6 145.8 158.8 256 313.4 256 72 0 138.4-23.8 192-64l-176-176h432v432l-164.8-164.8zM512 64c-72 0-138.4 23.8-192 64l176 176h-432v-432l164.8 164.8c79.8-65.2 178.8-100.8 283.2-100.8 119.6 0 232.2 46.6 316.8 131.2 69.4 69.4 113.2 157.4 126.6 252.8h-130c-29.6-145.8-158.8-256-313.4-256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-reset" d="M460.8 435.2l-187.8 187.8c57.2 42.8 128 68.2 204.8 68.2 188.2 0 341.6-153.2 341.6-341.4s-153.2-341.2-341.4-341.2c-165 0-302.8 117.6-334.6 273h-138.4c14.2-101.8 61-195.6 135-269.6 90.2-90.2 210.4-140 338-140s247.6 49.8 338 140 140 210.4 140 338-49.8 247.6-140 338-210.4 140-338 140c-111.4 0-217-38-302-107.6l-176 175.6v-460.8h460.8z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-x-in-circle" d="M512 896c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM832 192l-128-128-192 192-192-192-128 128 192 192-192 192 128 128 192-192 192 192 128-128-192-192 192-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-brightness" d="M253.414 577.939l-155.172 116.384c-50.233-66.209-85.127-146.713-97.91-234.39l-0.333-2.781 191.919-27.434c8.145 56.552 29.998 106.879 62.068 149.006l-0.573-0.784zM191.98 338.283l-191.919-27.434c13.115-90.459 48.009-170.963 99.174-238.453l-0.931 1.281 155.111 116.384c-31.476 41.347-53.309 91.675-61.231 146.504l-0.204 1.719zM466.283 704.020l-27.434 191.919c-90.459-13.115-170.963-48.009-238.453-99.174l1.281 0.931 116.384-155.111c41.347 31.476 91.675 53.309 146.504 61.231l1.719 0.204zM822.323 797.758c-66.209 50.233-146.713 85.127-234.39 97.91l-2.781 0.333-27.434-191.919c56.552-8.145 106.879-29.998 149.006-62.068l-0.784 0.573zM832.020 429.717l191.919 27.434c-13.115 90.459-48.009 170.963-99.174 238.453l0.931-1.281-155.111-116.384c31.476-41.347 53.309-91.675 61.231-146.504l0.204-1.719zM201.677-29.758c66.209-50.233 146.713-85.127 234.39-97.91l2.781-0.333 27.434 191.919c-56.552 8.145-106.879 29.998-149.006 62.068l0.784-0.573zM770.586 190.061l155.131-116.343c50.233 66.209 85.127 146.713 97.91 234.39l0.333 2.781-191.919 27.434c-8.125-56.564-29.966-106.906-62.028-149.049l0.574 0.786zM557.717 63.98l27.434-191.919c90.459 13.115 170.963 48.009 238.453 99.174l-1.281-0.931-116.384 155.111c-41.347-31.476-91.675-53.309-146.504-61.231l-1.719-0.204zM770.586 384c0-142.813-115.773-258.586-258.586-258.586s-258.586 115.773-258.586 258.586c0 142.813 115.773 258.586 258.586 258.586s258.586-115.773 258.586-258.586z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-contrast" d="M512 896c-282.78 0-512-229.24-512-512s229.22-512 512-512 512 229.24 512 512-229.22 512-512 512zM783.52 112.48c-69.111-69.481-164.785-112.481-270.502-112.481-0.358 0-0.716 0-1.074 0.001h0.055v768c212.070-0.010 383.982-171.929 383.982-384 0-106.034-42.977-202.031-112.462-271.52v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-expand" d="M960 896c0 0 0 0 0 0h-320v-128h165.4l-210.6-210.8c-25-25-25-65.6 0-90.6 12.4-12.4 28.8-18.8 45.2-18.8s32.8 6.2 45.2 18.8l210.8 210.8v-165.4h128v384h-64zM896 90.6l-210.8 210.6c-25 25-65.6 25-90.6 0s-25-65.6 0-90.6l210.8-210.6h-165.4v-128h384v384h-128v-165.4zM218.6 768h165.4v128h-320c0 0 0 0 0 0h-64v-384h128v165.4l210.8-210.8c12.4-12.4 28.8-18.8 45.2-18.8s32.8 6.2 45.2 18.8c25 25 25 65.6 0 90.6l-210.6 210.8zM338.8 301.2l-210.8-210.6v165.4h-128v-384h384v128h-165.4l210.8 210.8c25 25 25 65.6 0 90.6-25.2 24.8-65.6 24.8-90.6-0.2z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-list-view" d="M0 832h1024v-128h-1024v128zM0 576h1024v-128h-1024v128zM0 320h1024v-128h-1024v128zM0 64h1024v-128h-1024v128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grid-snap-to" d="M382 66h448v448h-448v-448zM510 386h192v-192h-192v192zM-2 322h320v-64h-320v64zM894 322h128v-64h-128v64zM574 898h64v-320h-64v320zM574 2h64v-128h-64v128zM574 322h64v-64h-64v64z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grid-snap-no" d="M768 320h192v-64h-192v64zM256 320h192v-64h-192v64zM0 320h192v-64h-192v64zM640 384h-64v-64h-64v-64h64v-64h64v64h64v64h-64zM576 640h64v-192h-64v192zM576 896h64v-192h-64v192zM576 128h64v-192h-64v192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-frame-show" d="M0 832v-896h1024v896h-1024zM896 64h-768v640h768v-640zM192 640h384v-128h-384v128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-frame-hide" d="M128 706h420l104 128h-652v-802.4l128 157.4zM896 66h-420l-104-128h652v802.4l-128-157.4zM832 898l-832-1024h192l832 1024zM392 514l104 128h-304v-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-import" d="M832 703.6v-639.4c0-0.2-0.2-0.2-0.4-0.4h-319.6v-192h320c105.6 0 192 86.4 192 192v640.2c0 105.6-86.4 192-192 192h-320v-192h319.6c0.2 0 0.4-0.2 0.4-0.4zM192 192v-192l384 384-384 384v-192h-192v-384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-export" d="M192 64.34v639.32l0.34 0.34h319.66v192h-320c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h320v192h-319.66zM1024 384l-384 384v-192h-192v-384h192v-192l384 384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-font-size" horiz-adv-x="1504" d="M1226.4 576h-176l-76.22-203.24 77-205.34 87.22 232.58 90.74-242h-174.44l49.5-132h174.44l57.76-154h154l-264 704zM384 896l-384-1024h224l84 224h408l84-224h224l-384 1024zM380 288l132 352 132-352z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-clear-data" d="M632 584l-120-120-120 120-80-80 120-120-120-120 80-80 120 120 120-120 80 80-120 120 120 120-80 80zM512 896c-282.76 0-512-86-512-192v-640c0-106 229.24-192 512-192s512 86 512 192v640c0 106-229.24 192-512 192zM512 64c-176.731 0-320 143.269-320 320s143.269 320 320 320c176.731 0 320-143.269 320-320v0c0-176.731-143.269-320-320-320v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-history" d="M576 832c-247.4 0-448-200.6-448-448h-128l192-192 192 192h-128c0 85.4 33.2 165.8 93.8 226.2 60.4 60.6 140.8 93.8 226.2 93.8s165.8-33.2 226.2-93.8c60.6-60.4 93.8-140.8 93.8-226.2s-33.2-165.8-93.8-226.2c-60.4-60.6-140.8-93.8-226.2-93.8s-165.8 33.2-226.2 93.8l-90.6-90.6c81-81 193-131.2 316.8-131.2 247.4 0 448 200.6 448 448s-200.6 448-448 448zM576 624c-26.6 0-48-21.4-48-48v-211.8l142-142c9.4-9.4 21.6-14 34-14s24.6 4.6 34 14c18.8 18.8 18.8 49.2 0 67.8l-114 114v172c0 26.6-21.4 48-48 48z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-arrow-up-to-parent" horiz-adv-x="1056" d="M643.427 70.739c-81.955 0.697-148.179 67.065-148.642 149.010v395.872l296.871-247.393v197.914l-395.828 329.857-395.828-328.62v-197.502l296.871 246.156v-396.241c0-190.905 155.239-346.556 346.144-346.968l412.321-0.825 0.412 197.914z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-crosshair-in-circle" d="M512 896c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM783.6 112.4c-54.634-54.8-125.77-93.12-205.322-106.874l-2.278-0.326v250.8h-128v-250.8c-161.302 28.062-286.738 153.497-314.468 312.5l-0.332 2.3h250.8v128h-250.8c28.062 161.302 153.497 286.738 312.5 314.468l2.3 0.332v-250.8h128v250.8c161.302-28.062 286.738-153.497 314.468-312.5l0.332-2.3h-250.8v-128h250.8c-14.080-81.83-52.4-152.966-107.191-207.591l-0.009-0.009z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-target" d="M512 512c70.692 0 128-57.308 128-128s-57.308-128-128-128c-70.692 0-128 57.308-128 128v0c0.114 70.647 57.353 127.886 127.989 128h0.011zM512 640c-141.385 0-256-114.615-256-256s114.615-256 256-256c141.385 0 256 114.615 256 256v0c-0.114 141.339-114.661 255.886-255.989 256h-0.011zM512 768c211.87-0.128 383.575-171.912 383.575-383.8 0-211.967-171.833-383.8-383.8-383.8s-383.8 171.833-383.8 383.8c0 105.99 42.963 201.945 112.425 271.4v0c69.21 69.437 164.944 112.401 270.713 112.401 0.312 0 0.624 0 0.936-0.001h-0.048zM512 896c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-items-collapse" d="M45.2 237.2h229.6l-274.8-274.6 90.6-90.6 274.6 274.8v-229.6h128v448h-448v-128zM1024 805.4l-90.6 90.6-274.6-274.8v229.6h-128v-448h448v128h-229.6l274.8 274.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-items-expand" d="M448 0h-229.4l274.6 274.8-90.4 90.4-274.8-274.6v229.4h-128v-448h448v128zM530.8 493.2l90.4-90.4 274.8 274.6v-229.4h128v448h-448v-128h229.4l-274.6-274.8z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-3-dots" d="M256 384c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM640 384c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128zM1024 384c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grid-on" d="M1024 512v128h-256v256h-128v-256h-256v256h-128v-256h-256v-128h256v-256h-256v-128h256v-256h128v256h256v-256h128v256h256v128h-256v256zM640 256h-256v256h256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-grid-off" d="M256 344.6l128 157.6v9.8h8l104 128h-112v256h-128v-256h-256v-128h256v-167.4zM184 256h-184v-128h80l104 128zM768 423.4l-128-157.6v-9.8h-8l-104-128h112v-256h128v256h256v128h-256v167.4zM840 512h184v128h-80l-104-128zM832 896l-832-1024h192l832 1024h-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-camera" d="M896 640h-128l-128 256h-256l-128-256h-128c-70.601-0.227-127.773-57.399-128-127.978v-512.022c0.227-70.601 57.399-127.773 127.978-128h768.022c70.601 0.227 127.773 57.399 128 127.978v512.022c-0.227 70.601-57.399 127.773-127.978 128h-0.022zM512 32c-141.385 0-256 114.615-256 256s114.615 256 256 256c141.385 0 256-114.615 256-256v0c0-141.385-114.615-256-256-256v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-folders-collapse" d="M896 576v-448c-0.215-70.606-57.394-127.785-127.979-128h-576.021c0.215-70.606 57.394-127.785 127.979-128h576.021c70.606 0.215 127.785 57.394 128 127.979v448.021c-0.215 70.606-57.394 127.785-127.979 128h-0.021zM832 192v448c-0.215 70.606-57.394 127.785-127.979 128h-192.021l-101.5 82.74c-24.88 24.9-74.040 45.26-109.24 45.26h-237.26c-35.305-0.102-63.898-28.695-64-63.99v-640.010c0.215-70.606 57.394-127.785 127.979-128h576.021c70.606 0.215 127.785 57.394 128 127.979v0.021zM128 252v516l256-260z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-activity" d="M576 832h-256l320-320h-290.256c-44.264 76.516-126.99 128-221.744 128h-128v-512h128c94.754 0 177.48 51.484 221.744 128h290.256l-320-320h256l448 448-448 448z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-activity-mode" d="M512 896c-214.8 0-398.8-132.4-474.8-320h90.8c56.8 0 108-24.8 143-64h241l-192 192h256l320-320-320-320h-256l192 192h-241c-35-39.2-86.2-64-143-64h-90.8c76-187.6 259.8-320 474.8-320 282.8 0 512 229.2 512 512s-229.2 512-512 512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-autoflow-tabular" d="M192 896c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h64v1024h-64zM384 896h256v-1024h-256v1024zM832 896h-64v-704h256v512c0 105.6-86.4 192-192 192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-clock" d="M512 896c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM782 206c-12.8-22.2-36.6-36-62.4-36-12.6 0-25 3.4-36 9.6l-222 128.2c-0.8 0.4-1.6 1-2.4 1.4l-0.8 0.6-1.8 1.2-2.4 2-1.8 1.4-0.6 0.6c-0.8 0.6-1.4 1.2-2.2 1.8v0c-5 4.6-9.4 10-13 15.8-0.2 0.4-0.6 1-0.8 1.4s-0.6 1-0.8 1.4c-3.2 6-5.8 12.4-7.2 19.2v0.2c-0.2 1-0.4 1.8-0.6 2.8 0 0.2 0 0.6-0.2 0.8-0.2 0.6-0.2 1.4-0.2 2.2s-0.2 1-0.2 1.6 0 1-0.2 1.6-0.2 1.6-0.2 2.2c0 0.4 0 0.6 0 1 0 1 0 1.8 0 2.8 0 0 0 0.2 0 0.4v363.8c0 39.8 32.2 72 72 72s72-32.2 72-72v-322.4l185.8-107.2c34.2-20 45.8-64 26-98.4z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-database" d="M1024 704c0-106.039-229.23-192-512-192s-512 85.961-512 192c0 106.039 229.23 192 512 192s512-85.961 512-192zM512 384c-282.77 0-512 85.962-512 192v-512c0-106.038 229.23-192 512-192s512 85.962 512 192v512c0-106.038-229.23-192-512-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-database-query" d="M683.52 76.714c-50.782-28.456-109.284-44.714-171.52-44.714-194.094 0-352 157.906-352 352s157.906 352 352 352 352-157.906 352-352c0-62.236-16.258-120.738-44.714-171.52l191.692-191.692c8.516 13.89 13.022 28.354 13.022 43.212v640c0 106.038-229.23 192-512 192s-512-85.962-512-192v-640c0-106.038 229.23-192 512-192 126.11 0 241.548 17.108 330.776 45.46l-159.256 159.254zM352 384c0-88.224 71.776-160 160-160s160 71.776 160 160-71.776 160-160 160-160-71.776-160-160z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-dataset" d="M896 704h-320c-16.4 16.4-96.8 96.8-109.2 109.2l-37.4 37.4c-25 25-74.2 45.4-109.4 45.4h-256c-35.2 0-64-28.8-64-64v-384c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v128c0 70.4-57.6 128-128 128zM896 448h-768c-70.4 0-128-57.6-128-128v-320c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v320c0 70.4-57.6 128-128 128zM320 0h-128v320h128v-320zM576 0h-128v320h128v-320zM832 0h-128v320h128v-320z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-datatable" d="M1024 704c0-106.039-229.23-192-512-192s-512 85.961-512 192c0 106.039 229.23 192 512 192s512-85.961 512-192zM512 384c-282.8 0-512 86-512 192v-512c0-106 229.2-192 512-192s512 86 512 192v512c0-106-229.2-192-512-192zM896 321v-256c-36.6-15.6-79.8-28.8-128-39.4v256c48.2 10.6 91.4 23.8 128 39.4zM256 281.6v-256c-48.2 10.4-91.4 23.8-128 39.4v256c36.6-15.6 79.8-28.8 128-39.4zM384 6v256c41-4 83.8-6 128-6s87 2.2 128 6v-256c-41-4-83.8-6-128-6s-87 2.2-128 6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-dictionary" d="M832 256c105.6 0 192 86.4 192 192v256c0 105.6-86.4 192-192 192v-320l-128 64-128-64v320h-384c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v192c0-105.6-86.4-192-192-192h-640v192h640z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-folder" d="M896 704h-320c-16.4 16.4-96.8 96.8-109.2 109.2l-37.4 37.4c-25 25-74.2 45.4-109.4 45.4h-256c-35.2 0-64-28.8-64-64v-384c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v128c0 70.4-57.6 128-128 128zM896 448h-768c-70.4 0-128-57.6-128-128v-320c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v320c0 70.4-57.6 128-128 128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-image" d="M896 896h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM896 0h-768v768h768v-768zM320 640l-128-128v-448h640v320l-128 128-128-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-layout" d="M448 896h-256c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h256v1024zM832 896h-256v-577.664h448v385.664c0 105.6-86.4 192-192 192zM576-128h256c105.6 0 192 86.4 192 192v129.664h-448v-321.664z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-object" d="M512-128l512 320v384l-512.020 320-511.98-320v-384l512-320zM512 704l358.4-224-358.4-224-358.4 224 358.4 224z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-object-unknown" d="M511.98 896l-511.98-320v-384l512-320 512 320v384l-512.020 320zM586.22 0h-141.36v136.64h141.36v-136.64zM721.040 398.1c-11.94-17.020-34.9-38.78-68.84-65.24l-33.48-26c-18.24-14.18-30.34-30.74-36.32-49.64-3.78-11.98-5.82-30.58-6.14-55.8h-128.12c1.88 53.26 6.92 90.060 15.080 110.4 8.18 20.34 29.22 43.74 63.16 70.22l34.42 26.94c11.3 8.52 20.42 17.8 27.34 27.9 12.56 17.34 18.86 36.4 18.86 57.2 0 23.94-7 45.78-20.98 65.48-14 19.7-39.54 29.54-76.64 29.54s-62.34-12.14-77.6-36.4c-15.24-24.28-22.88-49.48-22.88-75.64h-136.64c3.78 89.84 35.14 153.5 94.080 191.020 37.18 23.94 82.9 35.94 137.12 35.94 71.22 0 130.42-17.020 177.54-51.060s70.68-84.48 70.68-151.3c0-40.98-10.22-75.5-30.66-103.54z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-packet" d="M512 896l-512-320v-512c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v512l-512 320zM512 704l358.4-224-358.4-224-358.4 224 358.4 224z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-page" d="M704 384c-105.6 0-192 86.4-192 192v320h-320c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v320h-320zM768 512h256l-384 384v-256c0-70.4 57.6-128 128-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plot-overlay" d="M830 896h-636c-106.7 0-194-87.3-194-194v-406.82c14.18-18.64 25.66-28.34 32-30.84 14.28 5.62 54.44 47.54 92.96 146 42.46 108.38 116.32 237.66 227.040 237.66 52.4 0 101.42-29.16 145.7-86.68 37.34-48.5 64.84-108.92 81.34-151.080 38.52-98.38 78.68-140.3 92.96-146 14.28 5.62 54.44 47.54 92.96 146 42.46 108.48 116.32 237.76 227.040 237.76 11.355-0.003 22.389-1.366 32.952-3.936l-0.952 0.196v57.74c0 106.7-87.3 194-194 194zM992 503.66c-14.28-5.62-54.44-47.52-92.96-146-42.46-108.38-116.32-237.66-227.040-237.66-52.4 0-101.42 29.16-145.7 86.68-37.34 48.5-64.84 108.92-81.34 151.080-38.52 98.38-78.68 140.3-92.96 146-14.28-5.62-54.44-47.52-92.96-146-42.46-108.48-116.32-237.76-227.040-237.76-11.355 0.003-22.389 1.367-32.952 3.936l0.952-0.196v-57.74c0-106.7 87.3-194 194-194h636c106.7 0 194 87.3 194 194v406.82c-14.18 18.64-25.66 28.34-32 30.84z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plot-stacked" d="M89.6 584c24.98 0 48.96 26.52 85.52 70.18 45.42 54.28 102 121.82 196 121.82 44.64 0 86.62-15.46 124.8-46 28.68-22.9 51.16-50.42 72.92-77.060 38.42-46.94 59.16-68.94 83.96-68.94h371.2v118c0 106.7-87.3 194-194 194h-636c-106.7 0-194-87.3-194-194v-118h89.6zM529.5 485.6c-28.24 22.64-50.52 50-72 76.28-35.5 43.48-58.76 70.12-86.3 70.12-25.060 0-49.080-26.54-85.66-70.24-45.4-54.24-102-121.76-196-121.76h-89.54v-112h371.2c44 0 85.54-15.34 123.3-45.6 28.24-22.64 50.52-50 72-76.28 35.5-43.48 58.76-70.12 86.3-70.12 25.060 0 49.080 26.54 85.66 70.24 45.4 54.24 102 121.76 196 121.76h89.54v112h-371.2c-44.060 0-85.54 15.34-123.3 45.6zM934.4 184c-24.98 0-48.96-26.52-85.52-70.18-45.42-54.28-102-121.82-196-121.82-44.64 0-86.62 15.46-124.8 46-28.68 22.9-51.16 50.42-72.92 77.060-38.42 46.94-59.16 68.94-83.96 68.94h-371.2v-118c0-106.7 87.3-194 194-194h636c106.7 0 194 87.3 194 194v118h-89.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-session" d="M635.6 371.6c6.6-4.2 13.2-8.6 19.2-13.6l120.4-96.4c29.6-23.8 83.8-23.8 113.4 0l135.2 108c0.2 4.8 0.2 9.4 0.2 14.2 0 52.2-7.8 102.4-22.2 149.8l-154.8-123.6c-58.2-46.6-140.2-59.2-211.4-38.4zM248.6 261.8l120.4 96.4c58 46.4 140 59.2 211.2 38.4-6.6 4.2-13.2 8.6-19.2 13.6l-120.4 96.4c-29.6 23.8-83.8 23.8-113.4 0l-120.2-96.6c-40-32-91.4-48-143-48-21.6 0-43 2.8-63.8 8.4 0-0.6 0-1.2 0-1.6 5-3.4 10-6.8 14.6-10.6l120.4-96.4c29.8-23.8 83.8-23.8 113.4 0zM120.6 517.8l120.4 96.4c80.2 64.2 205.6 64.2 285.8 0l120.4-96.4c29.6-23.8 83.8-23.8 113.4 0l181 144.8c-91.2 140.4-249.6 233.4-429.6 233.4-238.6 0-439.2-163.2-496-384.2 30.8-17.6 77.8-15.6 104.6 6zM689 154l-120.4 96.4c-29.6 23.8-83.8 23.8-113.4 0l-120.2-96.4c-40-32-91.4-48-143-48-47.8 0-95.4 13.8-134.2 41.4 85.6-163.6 256.8-275.4 454.2-275.4s368.6 111.8 454.2 275.4c-80.4-57.4-199.8-55.2-277.2 6.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-tabular" d="M896 896h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM640 448h-256v192h256v-192zM384 384h256v-192h-256v192zM320 192h-256v192h256v-192zM320 640v-192h-256v192h256zM128-64c-17 0-33 6.6-45.2 18.8s-18.8 28.2-18.8 45.2v128h256v-192h-192zM384-64v192h256v-192h-256zM960 0c0-17-6.6-33-18.8-45.2s-28.2-18.8-45.2-18.8h-192v192h256v-128zM960 192h-256v192h256v-192zM960 448h-256v192h256v-192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-tabular-lad" d="M896 896h-768c-70.6-0.2-127.8-57.4-128-128v-768c0.2-70.6 57.4-127.8 128-128h768c70.6 0.2 127.8 57.4 128 128v768c-0.2 70.6-57.4 127.8-128 128zM64 640h256v-192h-256v192zM64 384h256v-192h-256v192zM128-64c-35.2 0.2-63.8 28.8-64 64v128h256v-192h-192zM384-64v192h256v-192h-256zM960 0c-0.2-35.2-28.8-63.8-64-64h-192v192h256v-128zM960 384v-192h-576v192h64v64h-64v192h576v-192h-64v-64h64zM782.4 348.6l-110.4 55.2v172.2c0 17.6-14.4 32-32 32s-32-14.4-32-32v-211.8l145.6-72.8c15.8-8 35-1.6 43 14.4 8 15.6 1.6 35-14.2 42.8v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-tabular-lad-set" d="M128 128v576c-70.6-0.2-127.8-57.4-128-128v-576c0.2-70.6 57.4-127.8 128-128h576c70.6 0.2 127.8 57.4 128 128h-576c-70.6 0.2-127.8 57.4-128 128zM896 896h-576c-70.6-0.2-127.8-57.4-128-128v-576c0.2-70.6 57.4-127.8 128-128h576c70.6 0.2 127.8 57.4 128 128v576c-0.2 70.6-57.4 127.8-128 128zM256 704h192v-128h-192v128zM256 512h192v-192h-192v192zM320 128c-35.2 0.2-63.8 28.8-64 64v64h192v-128h-128zM512 128v128h192v-128h-192zM960 192c-0.2-35.2-28.8-63.8-64-64h-128v128h192v-64zM960 320h-448v384h448v-384zM832 416c17.6 0 32 14.4 32 32 0 13.8-8.8 26-21.8 30.4l-74.2 24.6v105c0 17.6-14.4 32-32 32s-32-14.4-32-32v-151l117.8-39.2c3.4-1.2 6.8-1.8 10.2-1.8z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-tabular-realtime" d="M896 896h-768c-70.606-0.215-127.785-57.394-128-127.979v-768.021c0.215-70.606 57.394-127.785 127.979-128h768.021c70.606 0.215 127.785 57.394 128 127.979v768.021c-0.215 70.606-57.394 127.785-127.979 128h-0.021zM448 604l25.060-25.32c7.916-7.922 18.856-12.822 30.94-12.822s23.023 4.9 30.94 12.822v0l75.5 76.3c29.97 30.338 71.571 49.128 117.56 49.128s87.59-18.79 117.544-49.112l0.016-0.016 50.44-50.98v-152.2c-24.111 8.83-44.678 22.255-61.542 39.342l-0.018 0.018-75.5 76.3c-7.916 7.922-18.856 12.822-30.94 12.822s-23.023-4.9-30.94-12.822v0l-75.5-76.3c-29.971-30.343-71.575-49.137-117.568-49.137-20.084 0-39.331 3.584-57.137 10.146l1.145-0.369v152.2zM320-64h-192c-35.26 0.214-63.786 28.74-64 63.98v128.020h256v-192zM320 192h-256v192h256v-192zM320 448h-256v192h256v-192zM640-64h-256v192h256v-192zM448 259.38v174.5c1.88-1.74 3.74-3.5 5.56-5.34l75.5-76.3c7.916-7.922 18.856-12.822 30.94-12.822s23.023 4.9 30.94 12.822v0l75.5 76.3c29.966 30.333 71.56 49.119 117.542 49.119 43.28 0 82.673-16.643 112.128-43.879l-0.11 0.1v-174.5c-1.88 1.74-3.74 3.5-5.56 5.34l-75.5 76.3c-7.916 7.922-18.856 12.822-30.94 12.822s-23.023-4.9-30.94-12.822v0l-75.5-76.3c-29.966-30.333-71.56-49.119-117.542-49.119-43.28 0-82.673 16.643-112.128 43.879l0.11-0.1zM960 0c-0.214-35.26-28.74-63.786-63.98-64h-192.020v192h256v-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-tabular-scrolling" d="M896 896h-768c-70.606-0.215-127.785-57.394-128-127.979v-768.021c0.215-70.606 57.394-127.785 127.979-128h768.021c70.606 0.215 127.785 57.394 128 127.979v768.021c-0.215 70.606-57.394 127.785-127.979 128h-0.021zM768 640v-192h-192v192zM576 384h192v-192h-192zM512 192h-192v192h192zM512 640v-192h-192v192zM64 640h192v-192h-192zM64 384h192v-192h-192zM128-64c-35.255 0.225-63.775 28.745-64 63.978v128.022h192v-192zM320-64v192h192v-192zM704-64h-128v192h192v-192zM941.14-45.14c-11.511-11.644-27.483-18.856-45.139-18.86h-64.001v64h128c-0.004-17.657-7.216-33.629-18.854-45.134l-0.006-0.006zM960 128h-128v512h128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-telemetry" d="M32 264.34c14.28 5.62 54.44 47.54 92.96 146 42.46 108.38 116.32 237.66 227.040 237.66 52.4 0 101.42-29.16 145.7-86.68 37.34-48.5 64.84-108.92 81.34-151.080 38.52-98.38 78.68-140.3 92.96-146 14.28 5.62 54.44 47.54 92.96 146 37.4 95.5 99.14 207.14 188.94 232.46-90.462 152.598-254.314 253.3-441.686 253.3-0.075 0-0.15 0-0.225 0h0.011c-282.76 0-512-229.24-512-512 0-0.032 0-0.070 0-0.108 0-35.719 3.641-70.587 10.572-104.254l-0.572 3.323c9.54-10.78 17.22-16.74 22-18.62zM992 503.66c-14.28-5.62-54.44-47.52-92.96-146-42.46-108.38-116.32-237.66-227.040-237.66-52.4 0-101.42 29.16-145.7 86.68-37.34 48.5-64.84 108.92-81.34 151.080-38.52 98.38-78.68 140.3-92.96 146-14.28-5.62-54.44-47.52-92.96-146-37.4-95.5-99.14-207.14-188.94-232.46 90.462-152.598 254.314-253.3 441.686-253.3 0.075 0 0.15 0 0.225 0h-0.011c282.76 0 512 229.24 512 512 0 0.032 0 0.070 0 0.108 0 35.719-3.641 70.587-10.572 104.254l0.572-3.323c-9.54 10.78-17.22 16.74-22 18.62z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-timeline" d="M832 896h-640c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM128 576v128h256v-128zM256 448h384v-128h-384zM896 64h-448v128h448zM896 320h-128v128h128zM896 576h-384v128h384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-timer" d="M640 749.4v82.58c0 35.346-28.654 64-64 64v0h-128c-35.346 0-64-28.654-64-64v0-82.58c-185.040-55.080-320-226.48-320-429.42 0-247.42 200.58-448 448-448s448 200.58 448 448c0 202.96-135 374.4-320 429.42zM532 299.98l-263.76-211c-57.105 59.935-92.24 141.25-92.24 230.772 0 0.080 0 0.16 0 0.24v-0.012c0 185.28 150.72 336 336 336 6.72 0 13.38-0.22 20-0.62v-355.38z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-topic" d="M454.36 419.36l86.3 86.3c9.088 8.965 21.577 14.502 35.36 14.502s26.272-5.537 35.366-14.507l86.294-86.294c19.328-19.358 42.832-34.541 69.047-44.082l1.313-0.418v172.14l-57.64 57.64c-34.408 34.33-81.9 55.558-134.35 55.558s-99.943-21.228-134.354-55.562l-86.296-86.296c-9.088-8.965-21.577-14.502-35.36-14.502s-26.272 5.537-35.366 14.507l-28.674 28.654v-172.14c19.045-7.022 41.040-11.084 63.984-11.084 52.463 0 99.966 21.239 134.379 55.587l-0.003-0.003zM505.64 348.64l-86.3-86.3c-9.088-8.965-21.577-14.502-35.36-14.502s-26.272 5.537-35.366 14.507l-86.294 86.294c-2 2-4.2 4-6.36 6v-197.36c33.664-30.721 78.65-49.537 128.031-49.537 52.44 0 99.923 21.22 134.333 55.541l86.296 86.296c9.088 8.965 21.577 14.502 35.36 14.502s26.272-5.537 35.366-14.507l86.294-86.294c2-2 4.2-4 6.36-6v197.36c-33.664 30.721-78.65 49.537-128.031 49.537-52.44 0-99.923-21.22-134.333-55.541l0.004 0.004zM832 896h-128v-192h127.66l0.34-0.34v-639.32l-0.34-0.34h-127.66v-192h128c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM320 64h-127.66l-0.34 0.34v639.32l0.34 0.34h127.66v192h-128c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h128v192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-box-with-dashed-lines-v2" d="M0 512h128v-256h-128v256zM128 767.78l0.22 0.22h191.78v128h-192c-70.606-0.215-127.785-57.394-128-127.979v-192.021h128v191.78zM128 0.22v191.78h-128v-192c0.215-70.606 57.394-127.785 127.979-128h192.021v128h-191.78zM384 896h256v-128h-256v128zM896 0.22l-0.22-0.22h-191.78v-128h192c70.606 0.215 127.785 57.394 128 127.979v192.021h-128v-191.78zM896 896h-192v-128h191.78l0.22-0.22v-191.78h128v192c-0.215 70.606-57.394 127.785-127.979 128h-0.021zM896 512h128v-256h-128v256zM384 0h256v-128h-256v128zM256 640h512v-512h-512v512z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-summary-widget" d="M896 896h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM847.8 285.6l-82.6-143.2-189.6 131.6 19.2-230h-165.4l19.2 230-189.6-131.6-82.6 143.2 208.6 98.4-208.8 98.4 82.6 143.2 189.6-131.6-19.2 230h165.4l-19.2-230 189.6 131.6 82.6-143.2-208.6-98.4 208.8-98.4z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-notebook" d="M896 785.2c0 79.8-55.4 127.4-123 105.4l-773-250.6h896v145.2zM896 576h-896v-576c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v448c0 70.4-57.6 128-128 128zM832 64h-384v320h384v-320z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-tabs-view" d="M0 0c0.227-70.601 57.399-127.773 127.978-128h768.022c70.601 0.227 127.773 57.399 128 127.978v608.022h-512l-50.2 225.6c-7.6 34.2-42.6 62.4-77.8 62.4h-256c-70.601-0.227-127.773-57.399-128-127.978v-0.022zM832 128h-640v256h640zM480 896c35.2 0 70.2-28.2 77.8-62.4l36-161.6h430.2v96c-0.227 70.601-57.399 127.773-127.978 128h-0.022z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-flexible-layout" d="M0 64c0-105.6 86.4-192 192-192h64v576h-256zM0 704v-128h256v320h-64c-105.6 0-192-86.4-192-192zM768-128h64c105.6 0 192 86.4 192 192v128h-256zM384 896h256v-1024h-256v1024zM832 896h-64v-576h256v384c0 105.6-86.4 192-192 192z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-generator-sine" d="M152 422.2c10.8 4.2 40.8 35.6 69.8 109.4 31.8 81.4 87.2 178.4 170.2 178.4 39.4 0 76-21.8 109.2-65 28-36.4 48.8-81.6 61-113.4 29-73.8 59-105.2 69.8-109.4 10.8 4.2 40.8 35.6 69.8 109.4s74.2 155.4 141.6 174.4c-67.89 114.467-190.82 190-331.391 190-0.003 0-0.007 0-0.010 0h0.001c-212 0-384-172-384-384 0.017-26.829 2.71-53.018 7.827-78.329l-0.427 2.529c7.2-8 13-12.6 16.6-14zM884.6 419c7.235 27.919 11.392 59.972 11.4 92.995v0.005c-0.017 26.829-2.71 53.018-7.827 78.329l0.427-2.529c-7.2 8-13 12.6-16.6 14-10.8-4.2-40.8-35.6-69.8-109.4-21.8-55.8-54.6-119-100-153.2zM512 256l135 59c-4.485-0.614-9.689-0.977-14.972-1h-0.028c-39.4 0-76 21.8-109.2 65-28 36.4-48.8 81.6-61 113.4-29 73.8-59 105.2-69.8 109.4-10.8-4.2-40.8-35.6-69.8-109.4-16.4-42.2-39.2-88.4-68.8-123.2zM1024 416l-512-224-512 224v-320l512-224 512 224v320z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-generator-event" d="M320 704h384v-64h-384v64zM320 448h384v-64h-384v64zM320 576h320v-64h-320v64zM256 767.8h512v-399.8l128 56v344c-0.227 70.601-57.399 127.773-127.978 128h-512.022c-70.601-0.227-127.773-57.399-128-127.978v-344.022l128-56zM658.2 320h-292.4l146.2-64 146.2 64zM512 192l-512 224v-320l512-224 512 224v320l-512-224z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-gauge-v2" d="M512 896c-282.8 0-512-229.2-512-512 0-226.4 147-418.4 350.6-486l257.4 486v-503c236.8 45 416 253 416 503 0 282.8-229.2 512-512 512zM754.8 368.2c-58.967 68.597-145.842 111.772-242.8 111.772s-183.833-43.176-242.445-111.35l-0.355-0.422-146 125c8.6 10 17.4 19.6 26.8 28.8 92.628 92.679 220.619 150.006 362 150.006s269.372-57.326 361.997-150.003l0.003-0.003c9.4-9.2 18.2-18.8 26.8-28.8z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-spectra" d="M768 192h-512l102.4 179.2-358.4-51.2v-254c0-106.6 87.4-194 194-194h636c106.8 0 194 87.4 194 194v62l-325.8 186.2zM830 896h-636c-106.6 0-194-87.2-194-194v-318l400 60.2 112 195.8 109.8-192h402.2v254c-0.227 107.052-86.948 193.773-193.978 194h-0.022zM1024 256v64l-384 64 384-128z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-telemetry-spectra" d="M512 640l109.8-192h398.2c-31.4 252.6-247 448-508 448-282.8 0-512-229.2-512-512l400 60.2zM768 192h-512l102.4 179.2-354.4-50.6c31.2-252.8 246.8-448.6 508-448.6 201.6 0 376 116.6 459.6 286l-273.4 156.2zM640 384l384-128v64l-384 64z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-pushbutton" d="M370.2 436.6c9.326-8.53 19.666-16.261 30.729-22.914l0.871-0.486c-11.077 19.209-17.664 42.221-17.8 66.76v0.040c0 39.6 17.8 77.6 50.2 107.4 37 34 87.4 52.6 141.8 52.6 40.2 0 78.2-10.2 110.2-29.2-8.918 15.653-19.693 29.040-32.268 40.482l-0.132 0.118c-37 34-87.4 52.6-141.8 52.6s-104.8-18.6-141.8-52.6c-32.4-29.8-50.2-67.8-50.2-107.4s17.8-77.6 50.2-107.4zM885.4 626.4c-40.6 154.6-192.4 269.6-373.4 269.6s-332.8-115-373.4-269.6c-86-80-138.6-187.8-138.6-306.4 0-247.4 229.2-448 512-448s512 200.6 512 448c0 118.6-52.6 226.4-138.6 306.4zM512 768c141.2 0 256-100.4 256-224s-114.8-224-256-224-256 100.4-256 224 114.8 224 256 224zM512 64c-175.4 0-318.4 127.8-320 285.4 68.8-94.8 186.4-157.4 320-157.4s251.2 62.6 320 157.4c-1.6-157.6-144.6-285.4-320-285.4z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-conditional" d="M512 896c-282.76 0-512-229.24-512-512s229.24-512 512-512 512 229.24 512 512-229.24 512-512 512zM512 128l-384 256 384 256 384-256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-condition-widget" d="M832 896h-640c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM512 128l-384 256 384 256 384-256z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-alphanumeric" d="M535.6 365.4c-8.4-1.6-17.2-3-26.2-4s-18.2-2.4-27.2-4c-10.196-1.861-18.808-4.010-27.21-6.633l1.61 0.433c-8.609-2.674-16.105-6.348-22.89-10.987l0.29 0.187c-6.693-4.517-12.283-10.107-16.663-16.585l-0.137-0.215c-4.6-6.8-7.4-15.6-8.8-26s-0.4-18.4 2.4-25.2c2.746-6.688 7.224-12.195 12.881-16.122l0.119-0.078c5.967-4.053 13.057-6.94 20.704-8.161l0.296-0.039c7.592-1.527 16.319-2.4 25.25-2.4 0.123 0 0.246 0 0.369 0h-0.019c22.2 0 39.6 3.6 52.6 11s23.2 16.2 30.2 26.4c6.273 8.873 11.271 19.191 14.426 30.285l0.174 0.715c1.853 6.809 3.601 15.41 4.855 24.169l0.145 1.231 5.2 41.6c-5.4-4.217-11.723-7.564-18.583-9.689l-0.417-0.111c-6.489-2.241-14.362-4.255-22.444-5.662l-0.956-0.138zM1024 512v192h-152l24 192h-192l-24-192h-256l24 192h-192l-24-192h-232v-192h208l-32-256h-176v-192h152l-24-192h192l24 192h256l-24-192h192l24 192h232v192h-208l32 256zM702.8 484.2l-26.4-211.8c-2.231-15.809-3.537-34.122-3.6-52.727v-0.073c0-16.8 2.2-29.4 6.4-37.8h-113.4c-1.342 5.556-2.338 12.122-2.781 18.84l-0.019 0.36c-0.261 3.524-0.409 7.634-0.409 11.778 0 2.962 0.076 5.907 0.226 8.832l-0.017-0.41c-18.663-17.401-41.395-30.694-66.597-38.289l-1.203-0.311c-22.627-6.956-48.639-10.974-75.586-11h-0.014c-0.764-0.011-1.666-0.018-2.569-0.018-18.098 0-35.598 2.563-52.156 7.345l1.325-0.328c-15.991 4.512-29.851 12.090-41.545 22.122l0.145-0.122c-11.233 9.982-19.792 22.733-24.624 37.192l-0.176 0.608c-5.2 15.2-6.4 33.4-3.8 54.4s9.4 42.2 19.4 57.2c9.524 14.399 21.535 26.346 35.532 35.512l0.468 0.288c13.387 8.662 28.922 15.533 45.512 19.765l1.088 0.235c13.436 3.792 30.801 7.554 48.47 10.41l2.93 0.39c17 2.6 33.8 4.6 50.4 6.2 16.628 1.527 31.69 4.070 46.349 7.643l-2.149-0.443c13 3 23.6 7.6 31.6 13.6s12.6 15 13.6 26.4 0.8 21.8-2.4 28.8c-2.849 6.902-7.542 12.56-13.468 16.517l-0.132 0.083c-6.217 4.011-13.604 6.78-21.543 7.774l-0.257 0.026c-7.897 1.277-17 2.007-26.274 2.007-0.537 0-1.073-0.002-1.609-0.007l0.082 0.001c-22 0-40-4.6-53.8-14.2s-23-25.2-28-47.2h-111.8c4.8 26.2 14.2 48 27.8 65.4 13.475 16.978 29.89 30.968 48.574 41.377l0.826 0.423c18.192 10.038 39.297 17.806 61.619 22.175l1.381 0.225c20.488 4.162 44.053 6.563 68.171 6.6h0.029c21.8-0.005 43.239-1.532 64.222-4.479l-2.422 0.279c20.641-2.809 39.324-8.783 56.401-17.461l-1.001 0.461c15.909-8.108 28.858-20.031 37.967-34.601l0.233-0.399c9-15 12.2-34.8 9-59.6z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-image-telemetry" d="M512 896c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM783.6 112.4c-69.581-69.675-165.757-112.776-272-112.776-212.298 0-384.4 172.102-384.4 384.4s172.102 384.4 384.4 384.4c212.298 0 384.4-172.102 384.4-384.4 0-0.008 0-0.017 0-0.025v0.001c0.001-0.264 0.001-0.575 0.001-0.887 0-105.769-42.964-201.503-112.391-270.703l-0.010-0.010zM704 512l-128-128-192 192-192-192c0-176.731 143.269-320 320-320s320 143.269 320 320v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-telemetry-aggregate" d="M78 500.56c14 41.44 37.48 100.8 69.2 148.36 38.62 57.78 82.38 87.080 130.14 87.080s91.5-29.3 130-87.080c31.72-47.56 55.14-106.92 69.2-148.36 30.88-90.96 63.12-134.98 78-146.54 14.94 11.56 47.2 55.58 78 146.54 14 41.44 37.48 100.8 69.22 148.36q27.8 41.7 59.12 63.5c-75.7 111.377-201.81 183.58-344.783 183.58-0.034 0-0.068 0-0.103 0h0.006c-229.76 0-416-186.24-416-416 0-0.071 0-0.156 0-0.24 0-39.119 5.396-76.977 15.484-112.871l-0.704 2.931c16.78 21.74 40.4 63.34 63.22 130.74zM754 459.44c-14-41.44-37.48-100.8-69.2-148.36-38.56-57.78-82.32-87.080-130-87.080s-91.5 29.3-130 87.080c-31.72 47.56-55.14 106.92-69.2 148.36-30.88 90.96-63.14 134.98-78 146.54-14.94-11.56-47.2-55.58-78-146.54-14.38-41.44-37.8-100.8-69.6-148.36q-27.8-41.7-59.12-63.5c75.7-111.378 201.81-183.58 344.783-183.58 0.119 0 0.237 0 0.356 0h-0.019c229.76 0 416 186.24 416 416 0 0.071 0 0.156 0 0.24 0 39.119-5.396 76.977-15.484 112.871l0.704-2.931c-16.78-21.74-40.4-63.34-63.22-130.74zM921.56 561.38c4.098-24.449 6.44-52.617 6.44-81.332 0-0.017 0-0.034 0-0.051v0.003c0-0.095 0-0.208 0-0.32 0-282.593-229.087-511.68-511.68-511.68-0.113 0-0.225 0-0.338 0h0.018c-0.014 0-0.031 0-0.048 0-28.716 0-56.884 2.342-84.325 6.845l2.993-0.405c72.483-63.623 168.109-102.44 272.802-102.44 0.203 0 0.406 0 0.61 0h-0.031c229.76 0 416 186.24 416 416 0 0.172 0 0.375 0 0.578 0 104.692-38.817 200.319-102.844 273.271l0.404-0.47z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-bar-graph" d="M832 896h-640c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM267.64 0h-139.64v448h139.64zM477.1 0h-139.64v768h139.64zM686.54 0h-139.64v320h139.64zM896 0h-139.64v640h139.64z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-map" d="M896 830.6l-128-62.6v-896l128 62.6c70.4 34.42 128 120.2 128 190.6v640c0 70.4-57.6 99.82-128 65.4zM320-16l387.2-96.8v896l-387.2 96.8v-896zM259.2 895.2l-3.2 0.8-128-62.6c-70.4-34.42-128-120.2-128-190.6v-640c0-70.4 57.6-99.82 128-65.4l128 62.6 3.2-0.8z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plan" d="M256 704v64c0.215 70.606 57.394 127.785 127.979 128h256.021c70.606-0.215 127.785-57.394 128-127.979v-64.021zM832 768v-128h-640v128c-105.6 0-192-86.4-192-192v-512c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v512c0 105.6-86.4 192-192 192zM128 320v128h256v-128zM640 64h-384v128h384zM896 64h-128v128h128zM896 320h-384v128h384z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-timelist" d="M896 896h-768c-70.606-0.215-127.785-57.394-128-127.979v-768.021c0.215-70.606 57.394-127.785 127.979-128h768.021c70.606 0.215 127.785 57.394 128 127.979v768.021c-0.215 70.606-57.394 127.785-127.979 128h-0.021zM426.94 362.54c-8.054-15.864-24.249-26.545-42.938-26.545-7.823 0-15.209 1.871-21.734 5.191l0.273-0.126-154.54 77.28v221.66c0 26.51 21.49 48 48 48s48-21.49 48-48v0-162.34l101.46-50.72c15.864-8.054 26.545-24.249 26.545-42.938 0-7.823-1.871-15.209-5.191-21.734l0.126 0.273zM896 0h-320v128h320zM896 192h-320v128h320zM896 384h-320v128h320zM896 576h-320v128h320z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-plot-scatter" d="M192 896c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM128 544c0 53.019 42.981 96 96 96s96-42.981 96-96c0-53.019-42.981-96-96-96v0c-53.019 0-96 42.981-96 96v0zM288 64c-53.019 0-96 42.981-96 96s42.981 96 96 96c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96v0zM544 256c-53.019 0-96 42.981-96 96s42.981 96 96 96c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96v0zM544 576c-53.019 0-96 42.981-96 96s42.981 96 96 96c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96v0zM800 64c-53.019 0-96 42.981-96 96s42.981 96 96 96c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96v0z" />
 | 
			
		||||
<glyph unicode="" glyph-name="icon-notebook-restricted" d="M896 785.28c0 79.9-55.38 127.32-123.080 105.36l-772.92-250.64h896v145.28zM896 576h-896v-576c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v448c0 70.4-57.6 128-128 128zM256 64h-128v128h128v-128zM256 256h-128v128h128v-128zM896 64h-512v128h512v-128zM896 256h-512v128h512v-128z" />
 | 
			
		||||
</font></defs></svg>
 | 
			
		||||
| 
		 Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 KiB  | 
@@ -6,6 +6,7 @@
 | 
			
		||||
    >
 | 
			
		||||
        <independent-time-conductor
 | 
			
		||||
            :domain-object="domainObject"
 | 
			
		||||
            :object-path="path"
 | 
			
		||||
            @stateChanged="updateIndependentTimeState"
 | 
			
		||||
            @updated="saveTimeOptions"
 | 
			
		||||
        />
 | 
			
		||||
@@ -67,6 +68,9 @@ export default {
 | 
			
		||||
        };
 | 
			
		||||
    },
 | 
			
		||||
    computed: {
 | 
			
		||||
        path() {
 | 
			
		||||
            return this.domainObject && (this.currentObjectPath || this.objectPath);
 | 
			
		||||
        },
 | 
			
		||||
        objectFontStyle() {
 | 
			
		||||
            return this.domainObject && this.domainObject.configuration && this.domainObject.configuration.fontStyle;
 | 
			
		||||
        },
 | 
			
		||||
 
 | 
			
		||||
@@ -63,6 +63,7 @@ export default {
 | 
			
		||||
        return {
 | 
			
		||||
            domainObject: {},
 | 
			
		||||
            activity: undefined,
 | 
			
		||||
            layoutItem: undefined,
 | 
			
		||||
            keyString: undefined,
 | 
			
		||||
            multiSelect: false,
 | 
			
		||||
            itemsSelected: 0,
 | 
			
		||||
@@ -81,6 +82,12 @@ export default {
 | 
			
		||||
                return 'icon-activity';
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            if (!this.domainObject && this.layoutItem) {
 | 
			
		||||
                const layoutItemType = this.openmct.types.get(this.layoutItem.type);
 | 
			
		||||
 | 
			
		||||
                return layoutItemType.definition.cssClass;
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            if (this.type.definition.cssClass === undefined) {
 | 
			
		||||
                return 'icon-object';
 | 
			
		||||
            }
 | 
			
		||||
@@ -132,6 +139,8 @@ export default {
 | 
			
		||||
                    this.keyString = this.openmct.objects.makeKeyString(this.domainObject.identifier);
 | 
			
		||||
                    this.status = this.openmct.status.get(this.keyString);
 | 
			
		||||
                    this.statusUnsubscribe = this.openmct.status.observe(this.keyString, this.updateStatus);
 | 
			
		||||
                } else if (selection[0][0].context.layoutItem) {
 | 
			
		||||
                    this.layoutItem = selection[0][0].context.layoutItem;
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
 
 | 
			
		||||
@@ -95,6 +95,7 @@ export default {
 | 
			
		||||
            const timestampLabel = this.domainObject.modified ? 'Modified' : 'Created';
 | 
			
		||||
            const timestamp = this.domainObject.modified ? this.domainObject.modified : this.domainObject.created;
 | 
			
		||||
            const notes = this.domainObject.notes;
 | 
			
		||||
            const version = this.domainObject.version;
 | 
			
		||||
 | 
			
		||||
            const details = [
 | 
			
		||||
                {
 | 
			
		||||
@@ -127,6 +128,13 @@ export default {
 | 
			
		||||
                );
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            if (version) {
 | 
			
		||||
                details.push({
 | 
			
		||||
                    name: 'Version',
 | 
			
		||||
                    value: version
 | 
			
		||||
                });
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            return [...details, ...this.typeProperties];
 | 
			
		||||
        },
 | 
			
		||||
        context() {
 | 
			
		||||
 
 | 
			
		||||
@@ -18,7 +18,7 @@
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .c-grippy {
 | 
			
		||||
        $d: 8px;
 | 
			
		||||
        $d: 9px;
 | 
			
		||||
        flex: 0 0 auto;
 | 
			
		||||
        margin-right: $interiorMarginSm;
 | 
			
		||||
        transform: translateY(-2px);
 | 
			
		||||
@@ -36,4 +36,4 @@
 | 
			
		||||
 | 
			
		||||
.js-last-place {
 | 
			
		||||
    height: 10px;
 | 
			
		||||
}
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -392,6 +392,8 @@
 | 
			
		||||
 | 
			
		||||
    &__nav-to-parent-button {
 | 
			
		||||
        // This is an icon-button
 | 
			
		||||
        margin-right: $interiorMargin;
 | 
			
		||||
 | 
			
		||||
        .is-editing & {
 | 
			
		||||
            display: none;
 | 
			
		||||
        }
 | 
			
		||||
@@ -412,7 +414,6 @@
 | 
			
		||||
 | 
			
		||||
    &__object-name--w {
 | 
			
		||||
        @include headerFont(1.5em);
 | 
			
		||||
        margin-left: $interiorMarginLg;
 | 
			
		||||
        min-width: 0;
 | 
			
		||||
 | 
			
		||||
        .is-status__indicator {
 | 
			
		||||
 
 | 
			
		||||
@@ -287,8 +287,10 @@
 | 
			
		||||
 | 
			
		||||
.c-selector {
 | 
			
		||||
    &.c-tree-and-search {
 | 
			
		||||
        border: 1px solid $colorFormLines;
 | 
			
		||||
        border-radius: $controlCr;
 | 
			
		||||
        padding: $interiorMargin;
 | 
			
		||||
        background: rgba($colorFormLines, 0.1);
 | 
			
		||||
        border-radius: $basicCr;
 | 
			
		||||
        padding: 2px;
 | 
			
		||||
        height: 100%;
 | 
			
		||||
        min-height: 150px;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -5,7 +5,6 @@
 | 
			
		||||
    :class="{
 | 
			
		||||
        'c-selector': isSelectorTree
 | 
			
		||||
    }"
 | 
			
		||||
    :style="treeHeight"
 | 
			
		||||
>
 | 
			
		||||
    <div
 | 
			
		||||
        ref="search"
 | 
			
		||||
@@ -44,29 +43,27 @@
 | 
			
		||||
        role="tree"
 | 
			
		||||
        aria-expanded="true"
 | 
			
		||||
    >
 | 
			
		||||
        <div>
 | 
			
		||||
 | 
			
		||||
            <div
 | 
			
		||||
                ref="dummyItem"
 | 
			
		||||
                class="c-tree__item-h"
 | 
			
		||||
                style="left: -1000px; position: absolute; visibility: hidden"
 | 
			
		||||
            >
 | 
			
		||||
                <div class="c-tree__item">
 | 
			
		||||
                    <span class="c-tree__item__view-control c-nav__up is-enabled"></span>
 | 
			
		||||
                    <a
 | 
			
		||||
                        class="c-tree__item__label c-object-label"
 | 
			
		||||
                        draggable="true"
 | 
			
		||||
                        href="#"
 | 
			
		||||
                    >
 | 
			
		||||
                        <div class="c-tree__item__type-icon c-object-label__type-icon icon-folder">
 | 
			
		||||
                            <span title="Open MCT"></span>
 | 
			
		||||
                        </div>
 | 
			
		||||
                        <div class="c-tree__item__name c-object-label__name">
 | 
			
		||||
                            Open MCT
 | 
			
		||||
                        </div>
 | 
			
		||||
                    </a>
 | 
			
		||||
                    <span class="c-tree__item__view-control c-nav__down"></span>
 | 
			
		||||
                </div>
 | 
			
		||||
        <div
 | 
			
		||||
            ref="dummyItem"
 | 
			
		||||
            class="c-tree__item-h"
 | 
			
		||||
            style="left: -1000px; position: absolute; visibility: hidden"
 | 
			
		||||
        >
 | 
			
		||||
            <div class="c-tree__item">
 | 
			
		||||
                <span class="c-tree__item__view-control c-nav__up is-enabled"></span>
 | 
			
		||||
                <a
 | 
			
		||||
                    class="c-tree__item__label c-object-label"
 | 
			
		||||
                    draggable="true"
 | 
			
		||||
                    href="#"
 | 
			
		||||
                >
 | 
			
		||||
                    <div class="c-tree__item__type-icon c-object-label__type-icon icon-folder">
 | 
			
		||||
                        <span title="Open MCT"></span>
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <div class="c-tree__item__name c-object-label__name">
 | 
			
		||||
                        Open MCT
 | 
			
		||||
                    </div>
 | 
			
		||||
                </a>
 | 
			
		||||
                <span class="c-tree__item__view-control c-nav__down"></span>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
@@ -213,7 +210,7 @@ export default {
 | 
			
		||||
            if (!this.isSelectorTree) {
 | 
			
		||||
                return {};
 | 
			
		||||
            } else {
 | 
			
		||||
                return { height: this.itemHeight * LOCATOR_ITEM_COUNT_HEIGHT + 'px' };
 | 
			
		||||
                return { 'min-height': this.itemHeight * LOCATOR_ITEM_COUNT_HEIGHT + 'px' };
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
 
 | 
			
		||||
@@ -23,7 +23,7 @@
 | 
			
		||||
        >{{ label }}</span>
 | 
			
		||||
        <slot name="controls"></slot>
 | 
			
		||||
        <button
 | 
			
		||||
            v-if="collapsable"
 | 
			
		||||
            v-if="isCollapsable"
 | 
			
		||||
            class="l-pane__collapse-button c-icon-button"
 | 
			
		||||
            @click="toggleCollapse"
 | 
			
		||||
        ></button>
 | 
			
		||||
@@ -69,8 +69,8 @@ export default {
 | 
			
		||||
        };
 | 
			
		||||
    },
 | 
			
		||||
    computed: {
 | 
			
		||||
        collapsable() {
 | 
			
		||||
            return this.hideParam && this.hideParam.length;
 | 
			
		||||
        isCollapsable() {
 | 
			
		||||
            return this.hideParam && this.hideParam.length > 0;
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    beforeMount() {
 | 
			
		||||
@@ -80,7 +80,7 @@ export default {
 | 
			
		||||
    async mounted() {
 | 
			
		||||
        await this.$nextTick();
 | 
			
		||||
        // Hide tree and/or inspector pane if specified in URL
 | 
			
		||||
        if (this.collapsable) {
 | 
			
		||||
        if (this.isCollapsable) {
 | 
			
		||||
            this.handleHideUrl();
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
@@ -145,7 +145,7 @@ export default {
 | 
			
		||||
        updatePosition: function (event) {
 | 
			
		||||
            let size = this.getNewSize(event);
 | 
			
		||||
            let intSize = parseInt(size.substr(0, size.length - 2), 10);
 | 
			
		||||
            if (intSize < COLLAPSE_THRESHOLD_PX && this.collapsable === true) {
 | 
			
		||||
            if (intSize < COLLAPSE_THRESHOLD_PX && this.isCollapsable === true) {
 | 
			
		||||
                this.dragCollapse = true;
 | 
			
		||||
                this.end();
 | 
			
		||||
                this.toggleCollapse();
 | 
			
		||||
 
 | 
			
		||||
@@ -95,6 +95,11 @@ export default {
 | 
			
		||||
        },
 | 
			
		||||
        getPathsForObjects(objectsNeedingPaths) {
 | 
			
		||||
            return Promise.all(objectsNeedingPaths.map(async (domainObject) => {
 | 
			
		||||
                if (!domainObject) {
 | 
			
		||||
                    // user interrupted search, return back
 | 
			
		||||
                    return null;
 | 
			
		||||
                }
 | 
			
		||||
 | 
			
		||||
                const keyStringForObject = this.openmct.objects.makeKeyString(domainObject.identifier);
 | 
			
		||||
                const originalPathObjects = await this.openmct.objects.getOriginalPath(keyStringForObject);
 | 
			
		||||
 | 
			
		||||
@@ -127,12 +132,17 @@ export default {
 | 
			
		||||
                this.searchLoading = false;
 | 
			
		||||
                this.showSearchResults();
 | 
			
		||||
            } catch (error) {
 | 
			
		||||
                console.error(`😞 Error searching`, error);
 | 
			
		||||
                this.searchLoading = false;
 | 
			
		||||
 | 
			
		||||
                if (this.abortSearchController) {
 | 
			
		||||
                    delete this.abortSearchController;
 | 
			
		||||
                }
 | 
			
		||||
 | 
			
		||||
                // Is this coming from the AbortController?
 | 
			
		||||
                // If so, we can swallow the error. If not, 🤮 it to console
 | 
			
		||||
                if (error.name !== 'AbortError') {
 | 
			
		||||
                    console.error(`😞 Error searching`, error);
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        showSearchResults() {
 | 
			
		||||
 
 | 
			
		||||
@@ -58,16 +58,17 @@
 | 
			
		||||
            </div>
 | 
			
		||||
            <div
 | 
			
		||||
                v-if="searchLoading"
 | 
			
		||||
            > <progress-bar
 | 
			
		||||
                :model="{progressText: 'Searching...',
 | 
			
		||||
                         progressPerc: undefined
 | 
			
		||||
                }"
 | 
			
		||||
            />
 | 
			
		||||
                class="c-gsearch__result-pane-msg"
 | 
			
		||||
            >
 | 
			
		||||
                <div class="hint">Searching...</div>
 | 
			
		||||
                <progress-bar :model="{ progressPerc: undefined }" />
 | 
			
		||||
            </div>
 | 
			
		||||
            <div
 | 
			
		||||
                v-if="!searchLoading && (!annotationResults || !annotationResults.length) &&
 | 
			
		||||
                    (!objectResults || !objectResults.length)"
 | 
			
		||||
            >No matching results.
 | 
			
		||||
                class="c-gsearch__result-pane-msg"
 | 
			
		||||
            >
 | 
			
		||||
                <div class="hint">No results found</div>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 
 | 
			
		||||
@@ -66,6 +66,12 @@
 | 
			
		||||
    &__results-section-title {
 | 
			
		||||
        @include propertiesHeader();
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &__result-pane-msg {
 | 
			
		||||
        > * + * {
 | 
			
		||||
            margin-top: $interiorMargin;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.c-gsearch-result {
 | 
			
		||||
 
 | 
			
		||||
@@ -28,6 +28,9 @@ describe('Application router utility functions', () => {
 | 
			
		||||
            };
 | 
			
		||||
 | 
			
		||||
            openmct.router.on('change:hash', resolveFunction);
 | 
			
		||||
            // We have a debounce set to 300ms on setHash, so if we don't flush,
 | 
			
		||||
            // the above resolve function sometimes doesn't fire due to a race condition.
 | 
			
		||||
            openmct.router.setHash.flush();
 | 
			
		||||
            openmct.router.setLocationFromUrl();
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -4,6 +4,7 @@
 | 
			
		||||
*/ 
 | 
			
		||||
{
 | 
			
		||||
    "compilerOptions": {
 | 
			
		||||
        "baseUrl": "./",
 | 
			
		||||
        "allowJs": true,
 | 
			
		||||
        "checkJs": false,
 | 
			
		||||
        "strict": true,
 | 
			
		||||
@@ -11,10 +12,14 @@
 | 
			
		||||
        "noImplicitOverride": true,
 | 
			
		||||
        "module": "esnext",
 | 
			
		||||
        "moduleResolution": "node",
 | 
			
		||||
 | 
			
		||||
        "outDir": "dist",
 | 
			
		||||
        "paths": {
 | 
			
		||||
            // matches the alias in webpack config, so that types for those imports are visible.
 | 
			
		||||
            "@/*": ["src/*"]
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
    },
 | 
			
		||||
    "exclude": [
 | 
			
		||||
        "node_modules",
 | 
			
		||||
        "dist"
 | 
			
		||||
    ]
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||