From 10645cfeaa8a7fa6ad2084e58c4c643ed9828da6 Mon Sep 17 00:00:00 2001
From: Sergio Eduardo Castro Ceballos
<72516762+SergioCasCeb@users.noreply.github.com>
Date: Thu, 14 Dec 2023 21:38:39 +0100
Subject: [PATCH] Modified the Webpack config file
The Webpack config file has been modified to load scss files.
- In Production mode it extracts CSS into separate files instead of including the styles within the JavaScript bundle. This is more suitable for production builds.
- During the development mode it injects the styles directly into the DOM, which helps optimize the Hot Module Replacement
- The previous css file created by the vs extension as well as the map file have been remove as they are not necessary anymore
---
.../src/examples-paths/examples-paths.json | 20 +-
packages/web-new/src/styles/styles.css | 2453 -----------------
packages/web-new/src/styles/styles.css.map | 1 -
packages/web-new/src/template.html | 4 +-
packages/web-new/webpack.config.js | 14 +-
5 files changed, 19 insertions(+), 2473 deletions(-)
delete mode 100644 packages/web-new/src/styles/styles.css
delete mode 100644 packages/web-new/src/styles/styles.css.map
diff --git a/packages/web-new/src/examples-paths/examples-paths.json b/packages/web-new/src/examples-paths/examples-paths.json
index 007d386d2..3d3321bec 100644
--- a/packages/web-new/src/examples-paths/examples-paths.json
+++ b/packages/web-new/src/examples-paths/examples-paths.json
@@ -118,6 +118,11 @@
"description": "A simple Thing Description using CoAP. The target resource is specified in the Thing Description by the href member of a form and the request method (e.g., GET, PUT, POST, or DELETE) is specified using the cov:method member of a form.",
"path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/CoAP-simple-td-no-defaults.td.jsonld"
},
+ "extended-forms-multiple-op.td.jsonld": {
+ "title": "Extended Forms Multiple op",
+ "description": "In the case of a forms entry that has multiple op values the usage of the htv:methodName is not permitted. A TD Processor will extend the multiple op values to separate forms entries and associates a single operation with the default assumption.",
+ "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/extended-forms-multiple-op.td.jsonld"
+ },
"HTTP-readproperty.td.jsonld": {
"title": "HTTP readproperty",
"description": "This example shows the binding of the readproperty operation for the HTTP.",
@@ -143,11 +148,6 @@
"description": "This example shows the minimal set of terms to configure a single coil reading using Modbus. Notice that the unitID is contained in the href as the first element of the path.",
"path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/Modbus-single-coil.td.jsonld"
},
- "extended-forms-multiple-op.td.jsonld": {
- "title": "Extended Forms Multiple op",
- "description": "In the case of a forms entry that has multiple op values the usage of the htv:methodName is not permitted. A TD Processor will extend the multiple op values to separate forms entries and associates a single operation with the default assumption.",
- "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/extended-forms-multiple-op.td.jsonld"
- },
"subprotocol-longpoll.td.jsonld": {
"title": "Subprotocol Longpoll",
"description": "protocols may have defined Subprotocols that can be used for some interaction types. For example, to receive asynchronous notifications using HTTP, some servers may support long polling.",
@@ -158,11 +158,6 @@
"6-security-schemas": {
"description": "This category contains various examples concerning the different types of security schemas that could/should be used for a Thing Description, as well as the different ways to combine multiple security schemes.",
"examples": {
- "OAuth2-scopes.td.jsonld": {
- "title": "OAuth2 Scopes",
- "description": "OAuth 2.0 makes use of scopes. These are identifiers that may appear in tokens and must match with corresponding identifiers in a resource to allow access to that resource.",
- "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/OAuth2-scopes.td.jsonld"
- },
"apikey-in-body-simplified.td.jsonld": {
"title": "Apikey In Body Simplified",
"description": "It is possbile to simplify how security parameters are included in the payload by using the feature that the location referenced by a JSON pointer in a body location will be automatically inserted if it does not exist.",
@@ -212,6 +207,11 @@
"title": "noSec Security",
"description": "Security configuration in the TD is mandatory, therefore the nosec security scheme is provided for the case that no security is needed.",
"path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/noSec-security.td.jsonld"
+ },
+ "OAuth2-scopes.td.jsonld": {
+ "title": "OAuth2 Scopes",
+ "description": "OAuth 2.0 makes use of scopes. These are identifiers that may appear in tokens and must match with corresponding identifiers in a resource to allow access to that resource.",
+ "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/OAuth2-scopes.td.jsonld"
}
}
},
diff --git a/packages/web-new/src/styles/styles.css b/packages/web-new/src/styles/styles.css
deleted file mode 100644
index a77c366a6..000000000
--- a/packages/web-new/src/styles/styles.css
+++ /dev/null
@@ -1,2453 +0,0 @@
-/*
- * Copyright (c) 2023 Contributors to the Eclipse Foundation
- *
- * See the NOTICE file(s) distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
- * Document License (2015-05-13) which is available at
- * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
- *
- * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
- */
-/*** Globals **/
-*,
-*::before,
-*::after {
- box-sizing: border-box;
- margin: 0;
- padding: 0;
-}
-
-:root {
- /*Fonts styles*/
- --ff-primary: "Roboto", sans-serif;
- --ff-secondary: "Open Sans", sans-serif;
- /*Font weights*/
- --fw-light: 300;
- --fw-regular: 400;
- --fw-bold: 700;
- --fw-black: 900;
- /*Font sizes*/
- --fs-h1: 2.5rem;
- --fs-h2: 2.5rem;
- --fs-sub-header: 1.75rem;
- --fs-p: 1.2rem;
- --fs-footer: 0.8rem;
- --fs-i: 1.4rem;
- --fs-h1: clamp(2rem, 1.8rem + 0.625vw, 3rem);
- --fs-h2: clamp(2rem, 1.8rem + 0.625vw, 3rem);
- --fs-h3: clamp(1.5rem, 1.3rem + 0.625vw, 2.5rem);
- --fs-sub-header: clamp(1.25rem, 1.05rem + 1vw, 2.25rem);
- --fs-p: clamp(1rem, 0.92rem + 0.3999999999999999vw, 1.4rem);
- --fs-footer: clamp(0.8rem, 0.76rem + 0.19999999999999996vw, 1rem);
- --fs-i: clamp(1.2rem, 1.04rem + 0.8vw, 2rem);
- /*line heights*/
- --lh-h1: 4rem;
- --lh-h2: 4rem;
- --lh-h3: 3.5rem;
- --lh-sub-header: 3rem;
- --lh-p: 1.8rem;
- --lh-footer: 1.25rem;
- --lh-i: 2rem;
- /*colors*/
- --clr-neutral-50: #FFFFFE;
- --clr-neutral-100: #E4E6E6;
- --clr-neutral-200: #CACCCC;
- --clr-neutral-300: #B1B3B3;
- --clr-neutral-900: #141414;
- --clr-primary-100: #95E5D9;
- --clr-primary-300: #5ED1C0;
- --clr-primary-500: #33B8A4;
- --clr-primary-700: #179985;
- --clr-primary-900: #067362;
- --clr-shades-trans: rgba(255, 255, 255, 0.6);
- --clr-shadow: rgba(0, 0, 0, 0.4);
- --clr-success-100: #80F2AA;
- --clr-success-300: #63E592;
- --clr-success-500: #4ADE80;
- --clr-success-700: #2DC464;
- --clr-success-900: #16AB4C;
- --clr-warning-100: #FFDE59;
- --clr-warning-300: #FCD63F;
- --clr-warning-500: #FACC15;
- --clr-warning-700: #EDBF09;
- --clr-warning-900: #E0B300;
- --clr-error-100: #FAA5A5;
- --clr-error-300: #FA8C8C;
- --clr-error-500: #F87171;
- --clr-error-700: #EB5454;
- --clr-error-900: #DE3A3A;
- --clr-td-300: #d6935d;
- --clr-td-500: #E07A26;
- --clr-controls: var(--clr-neutral-50);
- --clr-controls-bg: var(--clr-primary-500);
- --clr-controls-txt: var(--clr-neutral-900);
- /* transitions */
- --trans-bouncy: cubic-bezier(0.68, -0.75, 0.27, 1.75);
-}
-
-.dark-mode {
- --clr-neutral-50: #1E1E1E;
- --clr-neutral-100: #4C4D4C;
- --clr-neutral-200: #656666;
- --clr-neutral-300: #7E807F;
- --clr-neutral-900: #FFFFFE;
- --clr-shades-trans: rgba(30, 30, 30, 0.7);
- --clr-shadow: rgba(255, 255, 255, 0.4);
-}
-
-.monochrome-mode {
- --clr-neutral-50: #549087;
- --clr-neutral-100: #4C4D4C;
- --clr-neutral-200: #656666;
- --clr-neutral-300: #7E807F;
- --clr-neutral-900: #FFFFFE;
- --clr-primary-500: #FFFFFE;
- --clr-primary-700: #E4E6E6;
- --clr-controls: #FFFFFE;
- --clr-controls-bg: var(--clr-neutral-50);
- --clr-controls-txt: #141414;
- --clr-shades-trans: rgba(84, 144, 135, 0.7);
- --clr-shadow: rgba(255, 255, 255, 0.4);
-}
-
-html {
- font-size: 62.5%;
- scroll-behavior: smooth;
-}
-
-body {
- background-color: var(--clr-neutral-100);
- font-family: var(--ff-primary);
- color: var(--clr-neutral-900);
- position: relative;
-}
-
-h1 {
- font-size: var(--fs-h1);
- line-height: var(--lh-h1);
- font-weight: var(--fw-bold);
-}
-
-h2 {
- font-size: var(--fs-h2);
- line-height: var(--lh-h2);
- font-weight: var(--fw-bold);
-}
-
-h3 {
- font-size: var(--fs-h3);
- line-height: var(--lh-h3);
- font-weight: var(--fw-bold);
-}
-
-p,
-li {
- font-size: var(--fs-p);
- line-height: var(--lh-sub-header);
- font-weight: var(--fw-regular);
-}
-
-a {
- text-decoration: none;
- font-size: inherit;
- color: inherit;
- font-weight: var(--fw-regular);
-}
-
-i {
- font-size: var(--fs-i);
-}
-
-ul {
- list-style: none;
-}
-
-img {
- width: 100%;
- height: 100%;
-}
-
-.container {
- padding: 0 2rem;
- margin: 0 auto;
-}
-
-::-webkit-scrollbar {
- width: 6px;
- height: 6px;
-}
-
-/* Track */
-::-webkit-scrollbar-track {
- background-color: var(--clr-neutral-50);
-}
-
-/* Handle */
-::-webkit-scrollbar-thumb {
- background: var(--clr-primary-500);
- border-radius: 50vh;
- border: 1px solid var(--clr-neutral-50);
-}
-
-/* Handle on hover */
-::-webkit-scrollbar-thumb:hover {
- border: none;
-}
-
-@supports (scrollbar-color: var(--clr-primary-500) var(--clr-neutral-50)) {
- * {
- scrollbar-color: var(--clr-primary-500) var(--clr-neutral-50);
- }
-}
-/***** Header *****/
-header {
- background-color: var(--clr-primary-500);
- color: var(--clr-neutral-50);
-}
-header .navbar {
- min-height: 7vh;
- min-height: 7svh;
- max-height: 7vh;
- max-height: 7svh;
- padding: 1rem 0;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
-}
-header .navbar__logo {
- width: 12rem;
-}
-header .navbar__logo .logo path {
- fill: var(--clr-neutral-50);
-}
-header .navbar__title span {
- font-size: var(--fs-p);
-}
-header .navbar__links {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-header .navbar__links a {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: var(--fs-p);
- transition: color 250ms ease;
-}
-header .navbar__links a:hover {
- color: var(--clr-neutral-200);
-}
-header .navbar__links .cli-link {
- margin-right: 3rem;
-}
-header .navbar__links i {
- font-size: var(--fs-i);
- margin-bottom: 0.5rem;
-}
-
-/***** Main *****/
-main {
- height: 93vh;
- height: 93svh;
- padding: 2rem 0;
- width: 100%;
- position: relative;
- overflow: hidden;
-}
-main .container {
- height: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
-}
-main .control-panel,
-main .console {
- background-color: var(--clr-neutral-50);
- border-radius: 10px;
-}
-main .horizontal-divider,
-main .vertical-divider {
- background-color: var(--clr-neutral-100);
-}
-main .horizontal-divider,
-main .main-content,
-main .console {
- width: 100%;
-}
-main .main-content {
- display: flex;
- align-items: center;
- justify-content: center;
- min-height: 14.5rem;
- height: calc(60% - 1rem);
-}
-main .main-content .ide,
-main .main-content .control-panel,
-main .main-content .vertical-divider {
- height: 100%;
-}
-main .main-content .ide {
- width: 100%;
- overflow: hidden;
- border-bottom-left-radius: 10px;
- border-bottom-right-radius: 10px;
-}
-main .main-content .ide__container {
- height: calc(100% - 3.5rem);
- padding-top: 1rem;
- background-color: var(--clr-neutral-50);
-}
-main .main-content .ide__tabs {
- height: 3.5rem;
-}
-main .main-content .vertical-divider {
- width: 2rem;
- cursor: col-resize;
-}
-main .horizontal-divider {
- height: 2rem;
- cursor: row-resize;
-}
-main .console {
- height: calc(40% - 1rem);
-}
-
-/**Loader**/
-.loader-container {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: var(--clr-neutral-50);
- display: grid;
- place-items: center;
- opacity: 1;
- transition: opacity 500ms ease-in-out;
- z-index: 100;
-}
-.loader-container .loader {
- width: 20rem;
- animation: fade 1.5s infinite ease-in-out, pulsate 1.5s infinite ease-in-out;
-}
-.loader-container .loader svg {
- width: 100%;
-}
-.loader-container.hidden {
- opacity: 0;
- pointer-events: none;
-}
-
-@keyframes fade {
- 0% {
- opacity: 1;
- }
- 50% {
- opacity: 0.1;
- }
- 100% {
- opacity: 1;
- }
-}
-@keyframes pulsate {
- 0% {
- transform: scale(1.1);
- }
- 50% {
- transform: scale(1);
- }
- 100% {
- transform: scale(1.1);
- }
-}
-/*** Main Content ***/
-/*
- * Copyright (c) 2023 Contributors to the Eclipse Foundation
- *
- * See the NOTICE file(s) distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
- * Document License (2015-05-13) which is available at
- * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
- *
- * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
- */
-/*** Editor ***/
-.ide__tabs {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
-}
-.ide__tabs ul {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-end;
- height: 100%;
-}
-.ide__tabs ul li {
- height: 100%;
- padding: 1rem;
- text-align: left;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-start;
- gap: 1rem;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- background-color: var(--clr-shades-trans);
- color: var(--clr-neutral-300);
- margin-right: 2px;
- transition: all 250ms ease;
- overflow: hidden;
- white-space: nowrap;
- cursor: pointer;
-}
-.ide__tabs ul li span {
- font-size: 1rem;
- font-weight: bold;
- margin-right: 1rem;
-}
-.ide__tabs ul li p {
- font-weight: var(--fw-bold);
-}
-.ide__tabs ul li i {
- font-size: var(--fs-p);
-}
-.ide__tabs ul li.active {
- background-color: var(--clr-neutral-50);
- color: var(--clr-neutral-900);
-}
-.ide__tabs ul li:hover .close-tab {
- opacity: 1;
-}
-.ide__tabs ul li:last-child {
- margin-right: 0;
-}
-.ide__tabs__left {
- max-width: 80%;
- overflow-y: hidden;
- overflow-x: auto;
-}
-.ide__tabs__left li:not(:last-child) {
- position: relative;
- padding-right: 3rem;
- min-width: 17rem;
-}
-.ide__tabs__left li:not(:last-child) .tab-icon {
- font-size: 1rem;
- width: -moz-fit-content;
- width: fit-content;
- color: var(--clr-td-300);
-}
-.ide__tabs__left li:not(:last-child).active .tab-icon {
- color: var(--clr-td-500);
-}
-.ide__tabs__left li:not(:last-child) .close-tab {
- position: absolute;
- content: "";
- top: 50%;
- right: 0;
- width: 2rem;
- height: 2rem;
- transform: translate(-0.5rem, -50%);
- background-color: var(--clr-neutral-100);
- opacity: 0;
- border-radius: 5px;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: all 250ms ease-in-out;
-}
-.ide__tabs__left li:not(:last-child) .close-tab:hover {
- background-color: var(--clr-neutral-200);
-}
-.ide__tabs__left li:not(:last-child) .close-tab i {
- pointer-events: none;
- font-size: 1.4rem;
- height: 1.3rem;
-}
-.ide__tabs__left li:not(:last-child) .confirm-btns {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: var(--clr-neutral-50);
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 1rem;
- opacity: 1;
- pointer-events: all;
- transition: opacity 250ms ease-in-out;
-}
-.ide__tabs__left li:not(:last-child) .confirm-btns button {
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 0.5rem;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: none;
- cursor: pointer;
- border-radius: 5px;
- font-family: var(--ff-primary);
- font-size: var(--fs-p);
- font-weight: var(--fw-bold);
- color: var(--clr-neutral-50);
- padding: 0.25rem 1rem;
- transition: background-color 250ms ease-in-out;
-}
-.ide__tabs__left li:not(:last-child) .confirm-btns button i {
- order: -1;
-}
-.ide__tabs__left li:not(:last-child) .confirm-btns button.confirm-tab-close {
- background-color: var(--clr-success-500);
-}
-.ide__tabs__left li:not(:last-child) .confirm-btns button.confirm-tab-close:hover {
- background-color: var(--clr-success-700);
-}
-.ide__tabs__left li:not(:last-child) .confirm-btns button.cancel-tab-close {
- background-color: var(--clr-error-700);
-}
-.ide__tabs__left li:not(:last-child) .confirm-btns button.cancel-tab-close:hover {
- background-color: var(--clr-error-900);
-}
-.ide__tabs__left li:not(:last-child) .confirm-btns.hidden {
- opacity: 0;
- pointer-events: none;
-}
-.ide__tabs__left li:last-child {
- min-width: 3.5rem;
- transition: all 250ms ease-in-out;
-}
-.ide__tabs__left li:last-child:hover {
- background-color: var(--clr-neutral-50);
- color: var(--clr-neutral-900);
-}
-.ide__tabs__right {
- height: 100%;
-}
-.ide__tabs__right input[type=radio] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- width: 6rem;
- height: 100%;
- background-color: var(--clr-shades-trans);
- border-top-right-radius: 5px;
- border-top-left-radius: 5px;
- color: var(--clr-neutral-300);
- font-family: var(--ff-primary);
- font-size: var(--fs-p);
- font-weight: var(--fw-bold);
- cursor: pointer;
- overflow: hidden;
- transition: all 250ms ease-in-out;
-}
-.ide__tabs__right input[type=radio]::before {
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.ide__tabs__right input[type=radio]:nth-child(1)::before {
- content: "JSON";
-}
-.ide__tabs__right input[type=radio]:nth-child(2)::before {
- content: "YAML";
-}
-.ide__tabs__right input[type=radio]:checked {
- background-color: var(--clr-neutral-50);
- color: var(--clr-neutral-900);
-}
-.ide__container .editor {
- pointer-events: none;
- width: 0;
- height: 0;
- opacity: 0;
-}
-.ide__container .editor.active {
- pointer-events: all;
- min-height: 100%;
- width: 100%;
- opacity: 1;
- transition: opacity 300ms ease-in-out;
-}
-
-/*
- * Copyright (c) 2023 Contributors to the Eclipse Foundation
- *
- * See the NOTICE file(s) distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
- * Document License (2015-05-13) which is available at
- * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
- *
- * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
- */
-/** Control panel **/
-.control-panel {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-between;
- overflow: hidden;
- width: 8rem;
-}
-.control-panel__btn {
- height: 100%;
- width: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- color: var(--clr-primary-500);
- background-color: inherit;
- border: none;
- border-bottom: 2px solid var(--clr-primary-500);
- font-family: var(--ff-primary);
- cursor: pointer;
- transition: all 250ms ease;
-}
-.control-panel__btn:last-child {
- border-bottom: none;
-}
-.control-panel__btn:hover {
- color: var(--clr-neutral-50);
- background-color: var(--clr-primary-500);
-}
-.control-panel__btn i {
- font-size: var(--fs-i);
-}
-.control-panel__btn p {
- font-weight: var(--fw-bold);
-}
-.control-panel__btn .text-icon {
- width: -moz-fit-content;
- width: fit-content;
- opacity: 1;
- margin-top: 1rem;
- transform: scaleX(1);
- transition: opacity 250ms var(--trans-bouncy), transform 250ms var(--trans-bouncy);
-}
-.control-panel__btn .text-icon.hiddenV {
- opacity: 0;
- margin: 0;
- transform: scaleX(0);
- height: 0;
- flex: 0;
-}
-.control-panel__btn .text-icon.hiddenH {
- opacity: 0;
- margin: 0;
- transform: scaleX(0);
- height: 0;
- flex: 0;
-}
-
-/*
- * Copyright (c) 2023 Contributors to the Eclipse Foundation
- *
- * See the NOTICE file(s) distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
- * Document License (2015-05-13) which is available at
- * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
- *
- * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
- */
-/*** Console ***/
-.console {
- overflow: hidden;
- display: flex;
- flex-direction: column;
-}
-.console__tabs {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- border-bottom: 2px solid var(--clr-primary-500);
- height: -moz-fit-content;
- height: fit-content;
- background-color: var(--clr-neutral-50);
- padding-right: 1rem;
-}
-.console__tabs .console-controllers {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.console__tabs .console-controllers .min-max {
- padding: 1rem 0.5rem;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: none;
- background-color: transparent;
- color: var(--clr-primary-500);
- transition: color 250ms ease;
-}
-.console__tabs .console-controllers .min-max:hover {
- color: var(--clr-primary-700);
- cursor: pointer;
-}
-.console__tabs .visualizations {
- height: 100%;
- display: flex;
- align-items: center;
-}
-.console__tabs .visualizations input[type=radio] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- width: -moz-fit-content;
- width: fit-content;
- height: 100%;
- padding: 0.75rem 1.5rem;
- color: var(--clr-primary-500);
- font-family: var(--ff-primary);
- font-size: var(--fs-p);
- font-weight: var(--fw-bold);
- cursor: pointer;
- overflow: hidden;
- transition: all 250ms ease-in-out;
-}
-.console__tabs .visualizations input[type=radio]::before {
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.console__tabs .visualizations input[type=radio]:nth-child(1)::before {
- content: "Validation";
-}
-.console__tabs .visualizations input[type=radio]:nth-child(2)::before {
- content: "OpenAPI";
-}
-.console__tabs .visualizations input[type=radio]:nth-child(3)::before {
- content: "AsyncAPI";
-}
-.console__tabs .visualizations input[type=radio]:nth-child(4)::before {
- content: "AAS AID";
-}
-.console__tabs .visualizations input[type=radio]:nth-child(5)::before {
- content: "Defaults";
-}
-.console__tabs .visualizations input[type=radio]:nth-child(6)::before {
- content: "Visualize";
-}
-.console__tabs .visualizations input[type=radio]:hover {
- background-color: var(--clr-primary-500);
- color: var(--clr-neutral-50);
-}
-.console__tabs .visualizations input[type=radio]:checked {
- color: var(--clr-neutral-50);
- background-color: var(--clr-primary-500);
-}
-.console__content {
- width: 100%;
- height: 100%;
- position: relative;
- overflow: hidden;
-}
-.console__content .console-error {
- position: absolute;
- top: 0;
- left: 0;
- display: grid;
- place-items: center;
- width: 100%;
- height: 100%;
- background-color: var(--clr-neutral-50);
- opacity: 1;
- pointer-events: all;
-}
-.console__content .console-error p {
- font-weight: var(--fw-bold);
- color: var(--clr-error-900);
- text-align: center;
- font-size: var(--fs-sub-header);
- transform: scale(1);
- transition: transform 250ms var(--trans-bouncy);
-}
-.console__content .console-error.hidden {
- opacity: 0;
- pointer-events: none;
- transition: opacity 150ms ease-in-out;
-}
-.console__content .console-error.hidden p {
- transform: scale(0);
-}
-.console__content .console-view {
- width: 100%;
- height: 100%;
- max-width: 100%;
- max-height: 100%;
- opacity: 1;
- pointer-events: all;
- position: absolute;
- top: 0;
- right: 0;
- overflow: hidden;
- padding: 2rem;
- transition: opacity 250ms ease-in-out;
-}
-.console__content .console-view.hidden {
- width: 0;
- height: 0;
- opacity: 0;
- pointer-events: none;
- transition: opacity 0s ease-in-out;
-}
-.console__content .validation-view .validation-container {
- width: 100%;
- height: 100%;
- overflow-y: auto;
- overflow-x: hidden;
-}
-.console__content .validation-view .validation-container details {
- margin-bottom: 1rem;
-}
-.console__content .validation-view .validation-container details summary {
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
-}
-.console__content .validation-view .validation-container details summary .show-icon {
- transform: rotate(0);
- transition: transform 250ms ease-in-out;
-}
-.console__content .validation-view .validation-container details .section-header {
- display: flex;
- align-items: center;
- justify-content: flex-start;
- gap: 1rem;
- cursor: pointer;
-}
-.console__content .validation-view .validation-container details .section-header .fa-circle-check {
- color: var(--clr-success-500);
-}
-.console__content .validation-view .validation-container details .section-header .fa-circle-exclamation {
- color: var(--clr-warning-500);
-}
-.console__content .validation-view .validation-container details .section-header .fa-circle-xmark {
- color: var(--clr-error-500);
-}
-.console__content .validation-view .validation-container details .section-header .fa-circle {
- color: var(--clr-neutral-300);
-}
-.console__content .validation-view .validation-container details .section-header .show-icon {
- cursor: pointer;
-}
-.console__content .validation-view .validation-container details .section-header .title {
- font-weight: var(--fw-bold);
-}
-.console__content .validation-view .validation-container details .section-content,
-.console__content .validation-view .validation-container details .section-additional {
- padding: 1rem 2rem;
-}
-.console__content .validation-view .validation-container details .section-content {
- list-style-position: inside;
- list-style-type: disc;
-}
-.console__content .validation-view .validation-container details .section-content .notice-prompt {
- color: var(--clr-neutral-300);
- font-size: var(--fs-footer);
-}
-.console__content .validation-view .validation-container details .section-additional details {
- margin-bottom: 1rem;
-}
-.console__content .validation-view .validation-container details .section-additional details summary .show-icon {
- transform: rotate(0);
- transition: transform 250ms ease-in-out;
-}
-.console__content .validation-view .validation-container details .section-additional details[open] {
- margin-bottom: 0;
-}
-.console__content .validation-view .validation-container details .section-additional details[open] summary .show-icon {
- transform: rotate(-90deg);
-}
-.console__content .validation-view .validation-container details[open] {
- margin-bottom: 0;
-}
-.console__content .validation-view .validation-container details[open] summary .show-icon {
- transform: rotate(-90deg);
-}
-.console__content .validation-view .validation-container details.disabled {
- pointer-events: none;
-}
-.console__content .open-api-view,
-.console__content .async-api-view,
-.console__content .aas-view,
-.console__content .defaults-view,
-.console__content .visualize-view {
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- justify-content: flex-start;
- gap: 1rem;
- padding: 2rem 1rem 2rem 0;
-}
-.console__content .open-api-view .open-api-container,
-.console__content .open-api-view .async-api-container,
-.console__content .open-api-view .aas-container,
-.console__content .open-api-view .defaults-container,
-.console__content .open-api-view .visualize-container,
-.console__content .async-api-view .open-api-container,
-.console__content .async-api-view .async-api-container,
-.console__content .async-api-view .aas-container,
-.console__content .async-api-view .defaults-container,
-.console__content .async-api-view .visualize-container,
-.console__content .aas-view .open-api-container,
-.console__content .aas-view .async-api-container,
-.console__content .aas-view .aas-container,
-.console__content .aas-view .defaults-container,
-.console__content .aas-view .visualize-container,
-.console__content .defaults-view .open-api-container,
-.console__content .defaults-view .async-api-container,
-.console__content .defaults-view .aas-container,
-.console__content .defaults-view .defaults-container,
-.console__content .defaults-view .visualize-container,
-.console__content .visualize-view .open-api-container,
-.console__content .visualize-view .async-api-container,
-.console__content .visualize-view .aas-container,
-.console__content .visualize-view .defaults-container,
-.console__content .visualize-view .visualize-container {
- height: 100%;
- width: calc(100% - 30rem);
-}
-.console__content .open-api-view .open-api-inputs,
-.console__content .open-api-view .async-api-inputs,
-.console__content .open-api-view .aas-inputs,
-.console__content .open-api-view .defaults-inputs,
-.console__content .open-api-view .visualize-inputs,
-.console__content .async-api-view .open-api-inputs,
-.console__content .async-api-view .async-api-inputs,
-.console__content .async-api-view .aas-inputs,
-.console__content .async-api-view .defaults-inputs,
-.console__content .async-api-view .visualize-inputs,
-.console__content .aas-view .open-api-inputs,
-.console__content .aas-view .async-api-inputs,
-.console__content .aas-view .aas-inputs,
-.console__content .aas-view .defaults-inputs,
-.console__content .aas-view .visualize-inputs,
-.console__content .defaults-view .open-api-inputs,
-.console__content .defaults-view .async-api-inputs,
-.console__content .defaults-view .aas-inputs,
-.console__content .defaults-view .defaults-inputs,
-.console__content .defaults-view .visualize-inputs,
-.console__content .visualize-view .open-api-inputs,
-.console__content .visualize-view .async-api-inputs,
-.console__content .visualize-view .aas-inputs,
-.console__content .visualize-view .defaults-inputs,
-.console__content .visualize-view .visualize-inputs {
- width: 30rem;
- height: 100%;
- padding: 0 1rem;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: flex-start;
- overflow-y: auto;
- overflow-x: hidden;
- gap: 1rem;
-}
-.console__content .open-api-view .open-api-inputs .warning-txt,
-.console__content .open-api-view .async-api-inputs .warning-txt,
-.console__content .open-api-view .aas-inputs .warning-txt,
-.console__content .open-api-view .defaults-inputs .warning-txt,
-.console__content .open-api-view .visualize-inputs .warning-txt,
-.console__content .async-api-view .open-api-inputs .warning-txt,
-.console__content .async-api-view .async-api-inputs .warning-txt,
-.console__content .async-api-view .aas-inputs .warning-txt,
-.console__content .async-api-view .defaults-inputs .warning-txt,
-.console__content .async-api-view .visualize-inputs .warning-txt,
-.console__content .aas-view .open-api-inputs .warning-txt,
-.console__content .aas-view .async-api-inputs .warning-txt,
-.console__content .aas-view .aas-inputs .warning-txt,
-.console__content .aas-view .defaults-inputs .warning-txt,
-.console__content .aas-view .visualize-inputs .warning-txt,
-.console__content .defaults-view .open-api-inputs .warning-txt,
-.console__content .defaults-view .async-api-inputs .warning-txt,
-.console__content .defaults-view .aas-inputs .warning-txt,
-.console__content .defaults-view .defaults-inputs .warning-txt,
-.console__content .defaults-view .visualize-inputs .warning-txt,
-.console__content .visualize-view .open-api-inputs .warning-txt,
-.console__content .visualize-view .async-api-inputs .warning-txt,
-.console__content .visualize-view .aas-inputs .warning-txt,
-.console__content .visualize-view .defaults-inputs .warning-txt,
-.console__content .visualize-view .visualize-inputs .warning-txt {
- font-size: var(--fs-p);
- font-family: var(--ff-primary);
- color: var(--clr-neutral-300);
- line-height: var(--lh-p);
-}
-.console__content .open-api-view .open-api-inputs button,
-.console__content .open-api-view .async-api-inputs button,
-.console__content .open-api-view .aas-inputs button,
-.console__content .open-api-view .defaults-inputs button,
-.console__content .open-api-view .visualize-inputs button,
-.console__content .async-api-view .open-api-inputs button,
-.console__content .async-api-view .async-api-inputs button,
-.console__content .async-api-view .aas-inputs button,
-.console__content .async-api-view .defaults-inputs button,
-.console__content .async-api-view .visualize-inputs button,
-.console__content .aas-view .open-api-inputs button,
-.console__content .aas-view .async-api-inputs button,
-.console__content .aas-view .aas-inputs button,
-.console__content .aas-view .defaults-inputs button,
-.console__content .aas-view .visualize-inputs button,
-.console__content .defaults-view .open-api-inputs button,
-.console__content .defaults-view .async-api-inputs button,
-.console__content .defaults-view .aas-inputs button,
-.console__content .defaults-view .defaults-inputs button,
-.console__content .defaults-view .visualize-inputs button,
-.console__content .visualize-view .open-api-inputs button,
-.console__content .visualize-view .async-api-inputs button,
-.console__content .visualize-view .aas-inputs button,
-.console__content .visualize-view .defaults-inputs button,
-.console__content .visualize-view .visualize-inputs button {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: none;
- width: 100%;
- height: 3.25rem;
- border-radius: 5px;
- padding: 0.75rem 1.5rem;
- background-color: var(--clr-primary-500);
- color: var(--clr-neutral-50);
- font-family: var(--ff-primary);
- font-size: var(--fs-p);
- font-weight: var(--fw-bold);
- cursor: pointer;
- transition: background-color 250ms ease-in-out;
- display: flex;
- justify-content: center;
- align-items: center;
- gap: 1rem;
-}
-.console__content .open-api-view .open-api-inputs button:hover,
-.console__content .open-api-view .async-api-inputs button:hover,
-.console__content .open-api-view .aas-inputs button:hover,
-.console__content .open-api-view .defaults-inputs button:hover,
-.console__content .open-api-view .visualize-inputs button:hover,
-.console__content .async-api-view .open-api-inputs button:hover,
-.console__content .async-api-view .async-api-inputs button:hover,
-.console__content .async-api-view .aas-inputs button:hover,
-.console__content .async-api-view .defaults-inputs button:hover,
-.console__content .async-api-view .visualize-inputs button:hover,
-.console__content .aas-view .open-api-inputs button:hover,
-.console__content .aas-view .async-api-inputs button:hover,
-.console__content .aas-view .aas-inputs button:hover,
-.console__content .aas-view .defaults-inputs button:hover,
-.console__content .aas-view .visualize-inputs button:hover,
-.console__content .defaults-view .open-api-inputs button:hover,
-.console__content .defaults-view .async-api-inputs button:hover,
-.console__content .defaults-view .aas-inputs button:hover,
-.console__content .defaults-view .defaults-inputs button:hover,
-.console__content .defaults-view .visualize-inputs button:hover,
-.console__content .visualize-view .open-api-inputs button:hover,
-.console__content .visualize-view .async-api-inputs button:hover,
-.console__content .visualize-view .aas-inputs button:hover,
-.console__content .visualize-view .defaults-inputs button:hover,
-.console__content .visualize-view .visualize-inputs button:hover {
- background-color: var(--clr-primary-900);
-}
-.console__content .open-api-view .open-api-inputs button:disabled,
-.console__content .open-api-view .async-api-inputs button:disabled,
-.console__content .open-api-view .aas-inputs button:disabled,
-.console__content .open-api-view .defaults-inputs button:disabled,
-.console__content .open-api-view .visualize-inputs button:disabled,
-.console__content .async-api-view .open-api-inputs button:disabled,
-.console__content .async-api-view .async-api-inputs button:disabled,
-.console__content .async-api-view .aas-inputs button:disabled,
-.console__content .async-api-view .defaults-inputs button:disabled,
-.console__content .async-api-view .visualize-inputs button:disabled,
-.console__content .aas-view .open-api-inputs button:disabled,
-.console__content .aas-view .async-api-inputs button:disabled,
-.console__content .aas-view .aas-inputs button:disabled,
-.console__content .aas-view .defaults-inputs button:disabled,
-.console__content .aas-view .visualize-inputs button:disabled,
-.console__content .defaults-view .open-api-inputs button:disabled,
-.console__content .defaults-view .async-api-inputs button:disabled,
-.console__content .defaults-view .aas-inputs button:disabled,
-.console__content .defaults-view .defaults-inputs button:disabled,
-.console__content .defaults-view .visualize-inputs button:disabled,
-.console__content .visualize-view .open-api-inputs button:disabled,
-.console__content .visualize-view .async-api-inputs button:disabled,
-.console__content .visualize-view .aas-inputs button:disabled,
-.console__content .visualize-view .defaults-inputs button:disabled,
-.console__content .visualize-view .visualize-inputs button:disabled {
- background-color: var(--clr-neutral-300);
- cursor: auto;
-}
-.console__content .open-api-view .open-api-inputs .input-field,
-.console__content .open-api-view .async-api-inputs .input-field,
-.console__content .open-api-view .aas-inputs .input-field,
-.console__content .open-api-view .defaults-inputs .input-field,
-.console__content .open-api-view .visualize-inputs .input-field,
-.console__content .async-api-view .open-api-inputs .input-field,
-.console__content .async-api-view .async-api-inputs .input-field,
-.console__content .async-api-view .aas-inputs .input-field,
-.console__content .async-api-view .defaults-inputs .input-field,
-.console__content .async-api-view .visualize-inputs .input-field,
-.console__content .aas-view .open-api-inputs .input-field,
-.console__content .aas-view .async-api-inputs .input-field,
-.console__content .aas-view .aas-inputs .input-field,
-.console__content .aas-view .defaults-inputs .input-field,
-.console__content .aas-view .visualize-inputs .input-field,
-.console__content .defaults-view .open-api-inputs .input-field,
-.console__content .defaults-view .async-api-inputs .input-field,
-.console__content .defaults-view .aas-inputs .input-field,
-.console__content .defaults-view .defaults-inputs .input-field,
-.console__content .defaults-view .visualize-inputs .input-field,
-.console__content .visualize-view .open-api-inputs .input-field,
-.console__content .visualize-view .async-api-inputs .input-field,
-.console__content .visualize-view .aas-inputs .input-field,
-.console__content .visualize-view .defaults-inputs .input-field,
-.console__content .visualize-view .visualize-inputs .input-field {
- width: 100%;
- min-height: 3.25rem;
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 2px;
- border-radius: 5px;
- overflow: hidden;
-}
-.console__content .open-api-view .open-api-inputs .input-field button,
-.console__content .open-api-view .async-api-inputs .input-field button,
-.console__content .open-api-view .aas-inputs .input-field button,
-.console__content .open-api-view .defaults-inputs .input-field button,
-.console__content .open-api-view .visualize-inputs .input-field button,
-.console__content .async-api-view .open-api-inputs .input-field button,
-.console__content .async-api-view .async-api-inputs .input-field button,
-.console__content .async-api-view .aas-inputs .input-field button,
-.console__content .async-api-view .defaults-inputs .input-field button,
-.console__content .async-api-view .visualize-inputs .input-field button,
-.console__content .aas-view .open-api-inputs .input-field button,
-.console__content .aas-view .async-api-inputs .input-field button,
-.console__content .aas-view .aas-inputs .input-field button,
-.console__content .aas-view .defaults-inputs .input-field button,
-.console__content .aas-view .visualize-inputs .input-field button,
-.console__content .defaults-view .open-api-inputs .input-field button,
-.console__content .defaults-view .async-api-inputs .input-field button,
-.console__content .defaults-view .aas-inputs .input-field button,
-.console__content .defaults-view .defaults-inputs .input-field button,
-.console__content .defaults-view .visualize-inputs .input-field button,
-.console__content .visualize-view .open-api-inputs .input-field button,
-.console__content .visualize-view .async-api-inputs .input-field button,
-.console__content .visualize-view .aas-inputs .input-field button,
-.console__content .visualize-view .defaults-inputs .input-field button,
-.console__content .visualize-view .visualize-inputs .input-field button {
- border-radius: 0;
-}
-.console__content .open-api-view .open-api-inputs .view-download,
-.console__content .open-api-view .async-api-inputs .view-download,
-.console__content .open-api-view .aas-inputs .view-download,
-.console__content .open-api-view .defaults-inputs .view-download,
-.console__content .open-api-view .visualize-inputs .view-download,
-.console__content .async-api-view .open-api-inputs .view-download,
-.console__content .async-api-view .async-api-inputs .view-download,
-.console__content .async-api-view .aas-inputs .view-download,
-.console__content .async-api-view .defaults-inputs .view-download,
-.console__content .async-api-view .visualize-inputs .view-download,
-.console__content .aas-view .open-api-inputs .view-download,
-.console__content .aas-view .async-api-inputs .view-download,
-.console__content .aas-view .aas-inputs .view-download,
-.console__content .aas-view .defaults-inputs .view-download,
-.console__content .aas-view .visualize-inputs .view-download,
-.console__content .defaults-view .open-api-inputs .view-download,
-.console__content .defaults-view .async-api-inputs .view-download,
-.console__content .defaults-view .aas-inputs .view-download,
-.console__content .defaults-view .defaults-inputs .view-download,
-.console__content .defaults-view .visualize-inputs .view-download,
-.console__content .visualize-view .open-api-inputs .view-download,
-.console__content .visualize-view .async-api-inputs .view-download,
-.console__content .visualize-view .aas-inputs .view-download,
-.console__content .visualize-view .defaults-inputs .view-download,
-.console__content .visualize-view .visualize-inputs .view-download {
- width: 100%;
- height: 100%;
- min-height: 3.25rem;
- display: flex;
- align-items: flex-end;
- justify-content: center;
-}
-.console__content .defaults-view .defaults-inputs button {
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 1rem;
-}
-.console__content .defaults-view .defaults-inputs button i {
- font-size: var(--fs-p);
-}
-.console__content .visualize-view {
- padding-left: 2rem;
-}
-.console__content .visualize-view .visualize-container .visualized {
- width: 100%;
- height: 100%;
- overflow: auto;
- display: grid;
- place-items: center;
-}
-.console__content .visualize-view .visualize-container .visualized svg text {
- font-size: 1.2rem;
- font-family: var(--ff-secondary);
- fill: var(--clr-neutral-900);
-}
-.console__content .visualize-view .visualize-inputs {
- gap: 0;
-}
-.console__content .visualize-view .visualize-inputs__type {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 2rem;
- margin-bottom: 1rem;
-}
-.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- width: 100%;
- min-height: 3.25rem;
- background-color: var(--clr-primary-500);
- cursor: pointer;
- transition: background-color 250ms ease-in-out;
- position: relative;
-}
-.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]:hover {
- background-color: var(--clr-primary-900);
-}
-.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]::before {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: grid;
- place-items: center;
- font-size: var(--fs-p);
- font-family: var(--ff-primary);
- font-weight: var(--fw-bold);
- text-transform: capitalize;
- color: var(--clr-neutral-50);
-}
-.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]:nth-child(1)::before {
- content: "Graph";
-}
-.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]:nth-child(2)::before {
- content: "Tree";
-}
-.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]:checked {
- background-color: var(--clr-neutral-300);
- cursor: auto;
-}
-.console__content .visualize-view .visualize-inputs__graph, .console__content .visualize-view .visualize-inputs__tree {
- width: 100%;
- height: -moz-fit-content;
- height: fit-content;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- gap: 2rem;
- opacity: 1;
- transition: width 0s, height 0s, opacity 250ms ease-in-out;
-}
-.console__content .visualize-view .visualize-inputs__graph.hidden, .console__content .visualize-view .visualize-inputs__tree.hidden {
- width: 0;
- height: 0;
- opacity: 0;
- pointer-events: none;
- transition: opacity 0s ease-in-out;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind {
- width: 100%;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind span {
- font-size: var(--fs-p);
- font-family: var(--ff-primary);
- color: var(--clr-neutral-900);
- min-width: 3rem;
- text-transform: capitalize;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind span.vega-bind-name {
- min-width: 6.5rem;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind label {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 1rem;
- pointer-events: none;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind label input,
-.console__content .visualize-view .visualize-inputs__tree .vega-bind label select {
- width: 100%;
- pointer-events: all;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=checkbox] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: 2px solid var(--clr-primary-500);
- cursor: pointer;
- width: 100%;
- border-radius: 5px;
- height: 3rem;
- position: relative;
- background-color: var(--clr-primary-500);
- transition: all 250ms ease-in-out;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=checkbox]::before {
- position: absolute;
- content: "\f06e";
- display: inline-block;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- font: var(--fa-font-solid);
- font-size: var(--fs-p);
- color: var(--clr-neutral-50);
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- transition: all 500ms ease-in-out;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=checkbox]:hover {
- background-color: var(--clr-primary-900);
- border-color: var(--clr-primary-900);
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=checkbox]:checked::before {
- content: "\f070";
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=range] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- height: 4px;
- border-radius: 50vw;
- background-color: var(--clr-neutral-200);
- cursor: pointer;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=range]::-moz-range-thumb {
- height: 2rem;
- width: 2rem;
- border-radius: 50%;
- background-color: var(--clr-primary-500);
- border: none;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=range]::-webkit-slider-thumb {
- -webkit-appearance: none;
- border: none;
- height: 2rem;
- width: 2rem;
- border-radius: 50%;
- background-color: var(--clr-primary-500);
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=range] input[type=range]::-ms-thumb {
- height: 2rem;
- width: 2rem;
- border-radius: 50%;
- background-color: var(--clr-primary-500);
- border: none;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind label select {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background-color: var(--clr-primary-500);
- border-radius: 5px;
- color: var(--clr-neutral-50);
- font-size: var(--fs-p);
- font-family: var(--ff-primary);
- padding: 0.75rem 1rem;
- border: none;
- cursor: pointer;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 2px;
- border-radius: 5px;
- overflow: hidden;
- margin-top: 0.5rem;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio label {
- position: relative;
- z-index: 0;
- color: var(--clr-neutral-50);
- padding: 0.75rem 1.5rem;
- justify-content: center;
- cursor: pointer;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio label input[type=radio] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: var(--clr-primary-500);
- cursor: pointer;
- z-index: -1;
- transition: background-color 250ms ease-in-out;
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio label input[type=radio]:hover {
- background-color: var(--clr-primary-900);
-}
-.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio label input[type=radio]:checked {
- background-color: var(--clr-neutral-300);
- cursor: auto;
-}
-.console__content .visualize-view .visualize-inputs__download {
- width: 100%;
- height: 100%;
- margin-top: 2rem;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: flex-end;
-}
-
-/** Additional menus **/
-/*
- * Copyright (c) 2023 Contributors to the Eclipse Foundation
- *
- * See the NOTICE file(s) distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
- * Document License (2015-05-13) which is available at
- * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
- *
- * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
- */
-/***** settings menu *****/
-.settings-menu {
- position: absolute;
- top: 0;
- right: 0;
- width: 50rem;
- height: 100%;
- background-color: var(--clr-primary-700);
- border-radius: 0 0 0 10px;
- padding: 4rem;
- color: var(--clr-neutral-50);
- transform-origin: right;
- transition: width 0s ease, height 0s ease, opacity 150ms ease-in-out, transform 500ms var(--trans-bouncy);
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-between;
- z-index: 100;
-}
-.settings-menu .settings {
- width: 100%;
-}
-.settings-menu .settings__close {
- text-align: right;
- margin-bottom: 2rem;
-}
-.settings-menu .settings__close i {
- font-size: var(--fs-sub-header);
- cursor: pointer;
-}
-.settings-menu .settings__title, .settings-menu .settings__preferences {
- padding-bottom: 1rem;
- border-bottom: 2px solid var(--clr-neutral-50);
- margin: 4rem 0;
-}
-.settings-menu .settings__validate-options {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- gap: 2rem;
-}
-.settings-menu .settings__validate-options .form-field {
- width: calc(50% - 2rem);
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
-}
-.settings-menu .settings__validate-options .form-field label {
- font-size: var(--fs-p);
- max-width: 10ch;
-}
-.settings-menu .settings__validate-options .form-field input[type=checkbox] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- width: 6rem;
- height: 3rem;
- border-radius: 50vw;
- background-color: var(--clr-controls-bg);
- position: relative;
- transition: background-color 250ms ease-in-out;
- cursor: pointer;
-}
-.settings-menu .settings__validate-options .form-field input[type=checkbox]::before {
- content: "";
- position: absolute;
- top: 0.4rem;
- left: 0.4rem;
- width: 2.2rem;
- height: 2.2rem;
- border-radius: 50%;
- background-color: var(--clr-controls);
- transition: left 500ms var(--trans-bouncy);
-}
-.settings-menu .settings__validate-options .form-field input[type=checkbox]:checked {
- background-color: var(--clr-success-500);
-}
-.settings-menu .settings__validate-options .form-field input[type=checkbox]:checked::before {
- left: 3.2rem;
-}
-.settings-menu .settings__editor {
- width: 100%;
-}
-.settings-menu .settings__editor .form-field {
- width: 100%;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- font-size: var(--fs-p);
- margin-bottom: 2rem;
-}
-.settings-menu .settings__editor .form-field span {
- font-weight: var(--fw-bold);
-}
-.settings-menu .settings__editor .form-field select {
- width: 60%;
- background-color: var(--clr-neutral-50);
- color: var(--clr-neutral-900);
- padding: 0.5rem 1rem;
- border-radius: 5px;
- border: none;
- cursor: pointer;
- font-family: var(--ff-primary);
-}
-.settings-menu .settings__editor .form-field .font-range-container {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- gap: 1rem;
- width: 100%;
- padding: 1rem 0;
-}
-.settings-menu .settings__editor .form-field .font-range-container span {
- width: -moz-fit-content;
- width: fit-content;
-}
-.settings-menu .settings__editor .form-field input[type=range] {
- flex: 1;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- height: 4px;
- border-radius: 50vw;
- background-color: var(--clr-controls-bg);
- cursor: pointer;
- /* All the same stuff for Firefox */
-}
-.settings-menu .settings__editor .form-field input[type=range]::-moz-range-thumb {
- height: 2rem;
- width: 2rem;
- border-radius: 50%;
- background-color: var(--clr-controls);
- border: none;
-}
-.settings-menu .settings__editor .form-field input[type=range]::-webkit-slider-thumb {
- -webkit-appearance: none;
- border: none;
- height: 2rem;
- width: 2rem;
- border-radius: 50%;
- background-color: var(--clr-controls);
-}
-.settings-menu .settings__editor .form-field input[type=range] input[type=range]::-ms-thumb {
- height: 2rem;
- width: 2rem;
- border-radius: 50%;
- background-color: var(--clr-controls);
- border: none;
-}
-.settings-menu .settings__editor .form-field .reset-settings {
- width: 100%;
- border: none;
- padding: 1rem 2rem;
- border-radius: 5px;
- background-color: var(--clr-controls-bg);
- color: var(--clr-controls);
- font-size: var(--fs-p);
- font-weight: var(--fw-bold);
- font-family: var(--ff-primary);
- cursor: pointer;
- transition: background-color 250ms ease-in-out;
-}
-.settings-menu .settings__editor .form-field .reset-settings:hover {
- background-color: var(--clr-primary-900);
-}
-.settings-menu .settings__editor .form-field .reset-settings:active {
- transform: scale(0.98);
-}
-.settings-menu .settings__editor .form-field:nth-child(2) {
- flex-direction: column;
- align-items: self-start;
-}
-.settings-menu footer {
- width: 100%;
- text-align: center;
-}
-.settings-menu footer p {
- margin-bottom: 1rem;
-}
-.settings-menu footer .footer-links {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
-}
-.settings-menu footer .footer-links a {
- font-size: 1.2rem;
- padding: 0 1rem;
- height: 100%;
-}
-.settings-menu footer .footer-links a:not(:last-child) {
- border-right: 1px solid var(--clr-neutral-50);
-}
-
-.settings-menu.closed {
- width: 0;
- height: 0;
- opacity: 0;
- transform: scaleX(0);
- transition: transform 500ms var(--trans-bouncy), opacity 250ms ease-in-out 250ms, width 0s ease 500ms, height 0s ease 500ms;
-}
-
-/*
- * Copyright (c) 2023 Contributors to the Eclipse Foundation
- *
- * See the NOTICE file(s) distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
- * Document License (2015-05-13) which is available at
- * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
- *
- * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
- */
-/**** Examples Menu ****/
-.examples-menu {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 2rem;
- background-color: var(--clr-neutral-100);
- display: grid;
- place-items: center;
- opacity: 1;
- transform: scale(1);
- pointer-events: all;
- transition: all 500ms var(--trans-bouncy);
-}
-.examples-menu .examples-menu-container {
- overflow: hidden;
- background-color: var(--clr-neutral-50);
- width: 100%;
- height: 100%;
- padding: 2rem;
- border-radius: 10px;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
-}
-.examples-menu .examples-menu-container__close {
- width: 100%;
- text-align: right;
-}
-.examples-menu .examples-menu-container__close i {
- font-size: var(--fs-sub-header);
- cursor: pointer;
-}
-.examples-menu .examples-menu-container__filter {
- width: 100%;
- padding: 4rem;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-start;
- flex-wrap: wrap;
- gap: 4rem;
- font-size: var(--fs-p);
-}
-.examples-menu .examples-menu-container__filter .thing-type-toggle {
- width: 6rem;
- height: 3rem;
- border-radius: 50vw;
- background-color: var(--clr-controls-bg);
- position: relative;
-}
-.examples-menu .examples-menu-container__filter .thing-type-toggle input[type=checkbox] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- position: absolute;
- width: 100%;
- height: 100%;
- cursor: pointer;
-}
-.examples-menu .examples-menu-container__filter .thing-type-toggle input[type=checkbox]::before {
- content: "";
- position: absolute;
- top: 0.4rem;
- left: 0.4rem;
- width: 2.2rem;
- height: 2.2rem;
- border-radius: 50%;
- background-color: var(--clr-controls);
- display: grid;
- place-items: center;
- transition: left 500ms var(--trans-bouncy);
-}
-.examples-menu .examples-menu-container__filter .thing-type-toggle .td-text,
-.examples-menu .examples-menu-container__filter .thing-type-toggle .tm-text {
- position: absolute;
- height: 100%;
- z-index: 1;
- font-size: var(--fs-footer);
- font-weight: var(--fw-bold);
- font-family: var(--ff-primary);
- pointer-events: none;
- display: flex;
- align-items: center;
-}
-.examples-menu .examples-menu-container__filter .thing-type-toggle .td-text {
- left: 0.9rem;
- z-index: 1;
- color: var(--clr-neutral-900);
- transition: color 250ms ease-in-out 200ms;
-}
-.examples-menu .examples-menu-container__filter .thing-type-toggle .tm-text {
- content: "TM";
- right: 1rem;
- z-index: 1;
- color: var(--clr-neutral-200);
- transition: color 250ms ease-in-out;
-}
-.examples-menu .examples-menu-container__filter .thing-type-toggle input[type=checkbox]:checked::before {
- content: "";
- left: 3.2rem;
-}
-.examples-menu .examples-menu-container__filter .thing-type-toggle input[type=checkbox]:checked ~ .td-text {
- color: var(--clr-neutral-200);
- transition: color 250ms ease-in-out;
-}
-.examples-menu .examples-menu-container__filter .thing-type-toggle input[type=checkbox]:checked ~ .tm-text {
- color: var(--clr-neutral-900);
- transition: color 250ms ease-in-out 200ms;
-}
-.examples-menu .examples-menu-container__filter .category-field {
- flex: 1 1 25rem;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
-}
-.examples-menu .examples-menu-container__filter .category-field label {
- font-weight: var(--fw-bold);
- font-size: var(--fs-p);
-}
-.examples-menu .examples-menu-container__filter .category-field .select-container {
- position: relative;
- width: 100%;
-}
-.examples-menu .examples-menu-container__filter .category-field .select-container::after {
- position: absolute;
- top: 50%;
- right: 2rem;
- transform: translateY(-50%);
- display: inline-block;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- font: var(--fa-font-solid);
- content: "\f0d7";
- pointer-events: none;
-}
-.examples-menu .examples-menu-container__filter .category-field select,
-.examples-menu .examples-menu-container__filter .category-field .search-bar,
-.examples-menu .examples-menu-container__filter .category-field .search-input {
- background-color: var(--clr-neutral-50);
- color: var(--clr-neutral-900);
- font-family: var(--ff-primary);
- font-size: inherit;
-}
-.examples-menu .examples-menu-container__filter .category-field select,
-.examples-menu .examples-menu-container__filter .category-field .search-bar {
- border: 2px solid var(--clr-neutral-300);
-}
-.examples-menu .examples-menu-container__filter .category-field select {
- padding: 0.8rem 6rem 0.8rem 2rem;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- cursor: pointer;
-}
-.examples-menu .examples-menu-container__filter .category-field select {
- width: 100%;
- border-radius: 5px;
- text-transform: capitalize;
-}
-.examples-menu .examples-menu-container__filter .search-field {
- flex: 1 1 35rem;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
-}
-.examples-menu .examples-menu-container__filter .search-field .search-bar {
- width: 100%;
- overflow: hidden;
- display: flex;
- align-items: center;
- justify-content: flex-start;
- border: 2px solid var(--clr-neutral-300);
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
- border-right: none;
- background-color: var(--clr-neutral-50);
- color: var(--clr-neutral-900);
- font-family: var(--ff-primary);
- font-size: inherit;
-}
-.examples-menu .examples-menu-container__filter .search-field .search-bar i {
- width: -moz-fit-content;
- width: fit-content;
- padding: 0 1rem;
- font-size: inherit;
-}
-.examples-menu .examples-menu-container__filter .search-field .search-bar .search-input {
- background-color: var(--clr-neutral-50);
- color: var(--clr-neutral-900);
- font-family: var(--ff-primary);
- font-size: inherit;
- border: none;
- width: 100%;
- padding: 0.8rem 1rem;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- cursor: text;
-}
-.examples-menu .examples-menu-container__filter .search-field .search-bar .search-input:focus {
- outline: none;
-}
-.examples-menu .examples-menu-container__filter .search-field .search-btn {
- background-color: var(--clr-primary-500);
- font-family: inherit;
- font-size: inherit;
- font-weight: var(--fw-bold);
- padding: 1rem 2rem;
- border: none;
- color: var(--clr-neutral-50);
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- cursor: pointer;
- transition: background-color 250ms ease-in-out;
-}
-.examples-menu .examples-menu-container__filter .search-field .search-btn:hover {
- background-color: var(--clr-primary-700);
-}
-.examples-menu .examples-menu-container .examples-container {
- display: flex;
- flex-direction: row;
- width: 100%;
- height: 100%;
- overflow-y: hidden;
-}
-.examples-menu .examples-menu-container .examples-container__td, .examples-menu .examples-menu-container .examples-container__tm {
- width: 100%;
- min-height: -moz-fit-content;
- min-height: fit-content;
- opacity: 1;
- overflow-y: auto;
- transition: opacity 250ms ease-in-out 250ms, width 250ms ease-in-out 0ms, height 250ms ease-in-out 0ms;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__title, .examples-menu .examples-menu-container .examples-container__tm .examples-category__title {
- padding: 0 4rem;
- position: relative;
- z-index: 0;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__title::before, .examples-menu .examples-menu-container .examples-container__tm .examples-category__title::before {
- position: absolute;
- content: "";
- top: 50%;
- left: 4rem;
- width: calc(100% - 8rem);
- height: 0.5rem;
- background-color: var(--clr-primary-500);
- z-index: -1;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__title h3, .examples-menu .examples-menu-container .examples-container__tm .examples-category__title h3 {
- width: -moz-fit-content;
- width: fit-content;
- background-color: var(--clr-neutral-50);
- padding: 0 1rem;
- margin-left: 8rem;
- text-transform: capitalize;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__description, .examples-menu .examples-menu-container .examples-container__tm .examples-category__description {
- padding: 2rem 4rem 0 4rem;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__description p, .examples-menu .examples-menu-container .examples-container__tm .examples-category__description p {
- font-size: var(--fs-p);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container {
- padding: 4rem;
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- justify-content: flex-start;
- flex-wrap: wrap;
- gap: 2rem;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example {
- background-color: var(--clr-neutral-50);
- border-radius: 5px;
- width: -moz-fit-content;
- width: fit-content;
- padding: 0.75rem;
- box-shadow: 0px 0px 5px 0px var(--clr-shadow);
- transition: box-shadow 250ms ease-in-out;
- position: relative;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--name, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--name {
- flex: 1;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- gap: 1rem;
- margin: 0 4rem;
- cursor: pointer;
- transition: all 250ms ease-in-out;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--name .example-icon, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--name .example-icon {
- width: 1.8rem;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--name .example-icon svg path, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--name .example-icon svg path {
- fill: var(--clr-primary-500);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--name p, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--name p {
- font-weight: var(--fw-bold);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--name .toggle-arrow, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--name .toggle-arrow {
- font-size: var(--fs-footer);
- transform: rotate(0);
- transition: transform 250ms ease-in-out 250ms;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--quick, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--quick {
- opacity: 0;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- width: 4rem;
- height: 4rem;
- border-radius: 50%;
- background-color: var(--clr-neutral-50);
- border: none;
- cursor: pointer;
- transition: background-color 250ms ease-in-out, opacity 250ms ease-in-out;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__header--quick i, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__header--quick i {
- font-size: var(--fs-i);
- color: var(--clr-neutral-50);
- transition: color 250ms ease-in-out;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example:hover, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example:hover {
- box-shadow: 0px 0px 10px 0px var(--clr-shadow);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example:hover .example__header--quick, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example:hover .example__header--quick {
- opacity: 1;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example:hover .example__header--quick i, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example:hover .example__header--quick i {
- color: var(--clr-neutral-300);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example:hover .example__header--quick:hover, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example:hover .example__header--quick:hover {
- background-color: var(--clr-neutral-100);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example:hover .example__header--quick:hover i, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example:hover .example__header--quick:hover i {
- color: var(--clr-neutral-900);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example:hover, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example:hover {
- box-shadow: 0px 0px 10px 0px var(--clr-shadow);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__content, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__content {
- pointer-events: none;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: center;
- flex-wrap: wrap;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__description, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__description {
- height: 0;
- opacity: 0;
- font-size: var(--fs-p);
- line-height: var(--lh-sub-header);
- max-width: 60ch;
- overflow-y: scroll;
- overflow-x: hidden;
- padding-right: 1rem;
- transition: height 250ms ease-in-out 250ms, margin 250ms ease-in-out 250ms, opacity 250ms ease-in-out 0ms;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn {
- display: flex;
- width: 100%;
- gap: 0.5rem;
- height: 0;
- opacity: 0;
- transition: opacity 250ms ease-in-out 0ms, height 250ms ease-in-out 250ms;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn button, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn button {
- width: 100%;
- padding: 0.75rem 1.5rem;
- border-radius: 5px;
- font-family: var(--ff-primary);
- font-size: var(--fs-p);
- font-weight: var(--fw-bold);
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- transition: all 250ms ease-in-out;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn button p, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn button p {
- font-weight: var(--fw-bold);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn button i, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn button i {
- margin-right: 1rem;
- font-size: var(--fs-p);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn--use, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn--use {
- background-color: var(--clr-primary-500);
- border: none;
- color: var(--clr-neutral-50);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn--use:hover, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn--use:hover {
- background-color: var(--clr-primary-700);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn--cancel, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn--cancel {
- background-color: var(--clr-neutral-50);
- border: 2px solid var(--clr-primary-500);
- color: var(--clr-primary-500);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn--cancel:hover, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn--cancel:hover {
- background-color: var(--clr-primary-700);
- border-color: var(--clr-primary-700);
- color: var(--clr-neutral-50);
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example.open .example__header--name .toggle-arrow, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example.open .example__header--name .toggle-arrow {
- transform: rotate(-90deg);
- transition: transform 250ms ease-in-out 0s;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example.open .example__content, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example.open .example__content {
- pointer-events: all;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example.open .example__description, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example.open .example__description {
- height: 9rem;
- margin: 2rem 0;
- opacity: 1;
- transition: height 250ms ease-in-out 0s, margin 250ms ease-in-out 0s, opacity 200ms ease-in-out 250ms;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example.open .example__btn, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example.open .example__btn {
- height: 3.5rem;
- opacity: 1;
- transition: height 250ms ease-in-out 0s, opacity 200ms ease-in-out 250ms;
-}
-.examples-menu .examples-menu-container .examples-container__td .examples-category.hidden, .examples-menu .examples-menu-container .examples-container__tm .examples-category.hidden {
- height: 0;
- opacity: 0;
- transition: opacity 100ms ease-in-out 0s, height 0s ease-in-out 250ms;
-}
-.examples-menu .examples-menu-container .examples-container__td.hidden, .examples-menu .examples-menu-container .examples-container__tm.hidden {
- width: 0;
- height: 0;
- opacity: 0;
- transition: opacity 100ms ease-in-out 0s, width 0s ease-in-out 250ms, height 0s ease-in-out 250ms;
-}
-.examples-menu.closed {
- transform: scale(0);
- opacity: 0;
- pointer-events: none;
-}
-
-/*
- * Copyright (c) 2023 Contributors to the Eclipse Foundation
- *
- * See the NOTICE file(s) distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
- * Document License (2015-05-13) which is available at
- * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
- *
- * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
- */
-.save-menu {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: grid;
- place-items: center;
- background-color: var(--clr-shades-trans);
- opacity: 1;
- transform: scale(1);
- pointer-events: all;
- transition: all 500ms var(--trans-bouncy);
-}
-.save-menu__container {
- width: 50rem;
- border-radius: 10px;
- background-color: var(--clr-neutral-50);
- box-shadow: 0px 0px 10px 0px var(--clr-shadow);
- padding: 2rem;
-}
-.save-menu__container .save-menu-close {
- width: 100%;
- text-align: right;
- margin-bottom: 2rem;
-}
-.save-menu__container .save-menu-close i {
- font-size: var(--fs-sub-header);
- cursor: pointer;
-}
-.save-menu__container .save-menu-title {
- margin-bottom: 3rem;
-}
-.save-menu__container .save-menu-title p {
- color: var(--clr-neutral-900);
- font-weight: var(--fw-bold);
- font-size: var(--fs-sub-header);
-}
-.save-menu__container .share-td {
- width: 100%;
- margin-bottom: 3rem;
-}
-.save-menu__container .share-td > * {
- width: 100%;
- height: 4rem;
- border-radius: 5px;
- font-family: var(--ff-primary);
- font-size: var(--fs-p);
-}
-.save-menu__container .share-td__input {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- margin-bottom: 1rem;
-}
-.save-menu__container .share-td__input .share-url-input {
- width: 100%;
- height: 4rem;
- background-color: var(--clr-neutral-50);
- border-top: 2px solid var(--clr-neutral-200);
- border-left: 2px solid var(--clr-neutral-200);
- border-bottom: 2px solid var(--clr-neutral-200);
- border-right: none;
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
- font-family: var(--ff-primary);
- font-size: var(--fs-p);
- color: var(--clr-neutral-900);
- padding: 1rem;
-}
-.save-menu__container .share-td__input .share-url-input.error {
- color: var(--clr-error-500);
-}
-.save-menu__container .share-td__input .share-url-input:focus {
- outline: none;
-}
-.save-menu__container .share-td__input .open-url-tab {
- height: 4rem;
- width: -moz-fit-content;
- width: fit-content;
- background-color: var(--clr-neutral-200);
- color: var(--clr-neutral-50);
- font-size: var(--fs-p);
- padding: 1rem;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- border: none;
- cursor: pointer;
- transition: background-color 250ms ease-in-out;
-}
-.save-menu__container .share-td__input .open-url-tab:hover {
- background-color: var(--clr-neutral-300);
-}
-.save-menu__container .share-td__input .open-url-tab:disabled {
- background-color: var(--clr-neutral-200);
- cursor: default;
-}
-.save-menu__container .share-td__btn {
- cursor: pointer;
- font-weight: var(--fw-bold);
- transition: all 250ms ease-in-out;
-}
-.save-menu__container .share-td__btn.share-url {
- margin-bottom: 1rem;
- background-color: var(--clr-primary-500);
- color: var(--clr-neutral-50);
- border: none;
- transition: background-color 250ms ease-in-out;
-}
-.save-menu__container .share-td__btn.share-url i {
- margin-right: 1rem;
-}
-.save-menu__container .share-td__btn.share-url:hover {
- background-color: var(--clr-primary-700);
-}
-.save-menu__container .share-td__btn.open-editdor {
- border: 2px solid var(--clr-primary-500);
- background-color: transparent;
- color: var(--clr-primary-500);
- transition: all 250ms ease-in-out;
-}
-.save-menu__container .share-td__btn.open-editdor:hover {
- background-color: var(--clr-primary-700);
- border-color: var(--clr-primary-700);
- color: var(--clr-neutral-50);
-}
-.save-menu__container .save-td {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 1rem;
- margin-bottom: 0.5rem;
- padding-top: 3rem;
- border-top: 2px solid var(--clr-primary-500);
-}
-.save-menu__container .save-td > * {
- flex: 1;
- height: 4rem;
- border-radius: 5px;
- border: none;
- color: var(--clr-neutral-50);
- background-color: var(--clr-primary-500);
- cursor: pointer;
- font-family: var(--ff-primary);
- font-size: var(--fs-p);
- font-weight: var(--fw-bold);
- transition: background-color 250ms ease-in-out;
-}
-.save-menu__container .save-td > *:disabled {
- background-color: var(--clr-primary-100);
- cursor: not-allowed;
-}
-.save-menu__container .save-td > *:disabled:hover {
- background-color: var(--clr-primary-100);
-}
-.save-menu__container .save-td > * i {
- margin-right: 1rem;
-}
-.save-menu__container .save-td > *:hover {
- background-color: var(--clr-primary-700);
-}
-.save-menu__container .save-warning {
- margin-bottom: 3rem;
-}
-.save-menu__container .save-warning p {
- color: var(--clr-neutral-300);
- font-size: var(--fs-footer);
- transition: color 150ms ease-in-out;
-}
-.save-menu__container .save-warning p span {
- font-weight: var(--fw-bold);
-}
-.save-menu__container .save-warning.active p {
- color: var(--clr-error-500);
-}
-.save-menu.closed {
- transform: scale(0);
- opacity: 0;
- pointer-events: none;
-}
-
-/*
- * Copyright (c) 2023 Contributors to the Eclipse Foundation
- *
- * See the NOTICE file(s) distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
- * Document License (2015-05-13) which is available at
- * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
- *
- * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
- */
-.json-yaml-warning {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: var(--clr-shades-trans);
- display: grid;
- place-items: center;
- opacity: 1;
- transform: scale(1);
- pointer-events: all;
- transition: all 500ms var(--trans-bouncy);
-}
-.json-yaml-warning__container {
- background-color: var(--clr-neutral-50);
- border-radius: 10px;
- box-shadow: 0px 0px 10px 0px var(--clr-shadow);
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-between;
- padding: 2rem;
-}
-.json-yaml-warning__container .warning-text {
- margin-bottom: 2rem;
-}
-.json-yaml-warning__container .warning-text h3 {
- text-align: center;
- color: var(--clr-warning-500);
- margin-bottom: 1rem;
-}
-.json-yaml-warning__container .warning-text p {
- max-width: 40rem;
-}
-.json-yaml-warning__container .warning-btns button {
- cursor: pointer;
- border: none;
- padding: 0.75rem 1.75rem;
- border-radius: 5px;
- font-size: var(--fs-p);
- font-weight: var(--fw-bold);
- font-family: var(--ff-primary);
- color: var(--clr-neutral-900);
- transition: background-color 250ms ease-in-out;
-}
-.json-yaml-warning__container .warning-btns .confirm-btn {
- background-color: var(--clr-success-500);
- margin-right: 1rem;
-}
-.json-yaml-warning__container .warning-btns .confirm-btn:hover {
- background-color: var(--clr-success-900);
-}
-.json-yaml-warning__container .warning-btns .cancel-btn {
- background-color: var(--clr-error-500);
-}
-.json-yaml-warning__container .warning-btns .cancel-btn:hover {
- background-color: var(--clr-error-900);
-}
-.json-yaml-warning.closed {
- transform: scale(0);
- opacity: 0;
- pointer-events: none;
-}
-
-/** Visualizations **/
-/*
- * Copyright (c) 2023 Contributors to the Eclipse Foundation
- *
- * See the NOTICE file(s) distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
- * Document License (2015-05-13) which is available at
- * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
- *
- * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
- */
-svg {
- border: none;
-}
-svg g .node {
- cursor: pointer;
-}
-svg g .link {
- fill: none;
- stroke: var(--clr-neutral-300);
- stroke-width: 1px;
-}
-
-.d3-tip {
- font-size: var(--fs-p);
- font-family: var(--ff-secondary);
- color: var(--clr-neutral-900);
- border: 1px solid var(--clr-neutral-300);
- border-radius: 5px;
- padding: 1rem 2rem;
- max-width: 30rem;
- word-wrap: break-word;
- background-color: var(--clr-neutral-50);
- text-align: left;
- z-index: 10;
-}/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
diff --git a/packages/web-new/src/styles/styles.css.map b/packages/web-new/src/styles/styles.css.map
deleted file mode 100644
index 392173d12..000000000
--- a/packages/web-new/src/styles/styles.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["styles.scss","styles.css","_editor.scss","_control-panel.scss","_console.scss","_settings-menu.scss","_examples-menu.scss","_save-menu.scss","_json-yaml-warning.scss","_jsonld-vis.scss"],"names":[],"mappings":"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","file":"styles.css"}
\ No newline at end of file
diff --git a/packages/web-new/src/template.html b/packages/web-new/src/template.html
index 7398f7f38..e1662569f 100644
--- a/packages/web-new/src/template.html
+++ b/packages/web-new/src/template.html
@@ -25,9 +25,7 @@
-
+
diff --git a/packages/web-new/webpack.config.js b/packages/web-new/webpack.config.js
index f380e2956..573a64d44 100644
--- a/packages/web-new/webpack.config.js
+++ b/packages/web-new/webpack.config.js
@@ -22,7 +22,6 @@
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
-// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
const CopyWebpackPlugin = require('copy-webpack-plugin')
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
@@ -35,7 +34,7 @@ module.exports = (env, argv) => {
const config = {
entry: {
bundle: path.resolve(__dirname, 'src/scripts/main.js'),
- styles: path.resolve(__dirname, 'src/styles/styles.css'),
+ styles: path.resolve(__dirname, 'src/styles/styles.scss'),
},
output: {
path: path.resolve(__dirname, 'dist'),
@@ -74,7 +73,11 @@ module.exports = (env, argv) => {
},
{
test: /\.scss$/,
- use: ['style-loader', 'css-loader', 'sass-loader'],
+ use: [
+ isDevMode ? 'style-loader' : MiniCssExtractPlugin.loader,
+ 'css-loader',
+ 'sass-loader',
+ ],
},
{
test: /\.css$/i,
@@ -98,7 +101,6 @@ module.exports = (env, argv) => {
template: 'src/template.html',
favicon: 'src/assets/favicon/favicon.ico'
}),
- // new BundleAnalyzerPlugin(),
new CopyWebpackPlugin({
patterns: [
{
@@ -113,8 +115,8 @@ module.exports = (env, argv) => {
}),
new MonacoWebpackPlugin(),
new MiniCssExtractPlugin({
- filename: '[name].[contenthash].css',
- })
+ filename: isDevMode ? '[name].css' : '[name].[contenthash].css',
+ }),
],
optimization: {
minimizer: [