@jsenv/core 29.8.5 → 29.9.0

package/src/plugins/toolbar/client/settings/toolbar_settings.js

@@ -1,47 +0,0 @@
-import {
-  toolbarSectionIsActive,
-  deactivateToolbarSection,
-  activateToolbarSection,
-  updateIframeOverflowOnParentWindow,
-} from "../util/dom.js"
-import { enableVariant } from "../variant/variant.js"
-
-export const renderToolbarSettings = () => {
-  document.querySelector("#settings-button").onclick = toggleSettings
-  document.querySelector("#button-close-settings").onclick = toggleSettings
-  disableWarningStyle()
-}
-
-const toggleSettings = () => {
-  if (settingsAreVisible()) {
-    hideSettings()
-  } else {
-    showSettings()
-  }
-}
-
-export const enableWarningStyle = () => {
-  enableVariant(document.querySelector("#settings-button"), {
-    has_warning: "yes",
-  })
-}
-
-export const disableWarningStyle = () => {
-  enableVariant(document.querySelector("#settings-button"), {
-    has_warning: "no",
-  })
-}
-
-export const settingsAreVisible = () => {
-  return toolbarSectionIsActive(document.querySelector(`#settings`))
-}
-
-export const hideSettings = () => {
-  deactivateToolbarSection(document.querySelector(`#settings`))
-  updateIframeOverflowOnParentWindow()
-}
-
-export const showSettings = () => {
-  activateToolbarSection(document.querySelector(`#settings`))
-  updateIframeOverflowOnParentWindow()
-}

package/src/plugins/toolbar/client/theme/jsenv_theme.css

@@ -1,77 +0,0 @@
-/* icons */
-html[data-theme="jsenv"] .iconToolbar {
-  fill: #de5600;
-}
-html[data-theme="jsenv"] .iconToolbar:hover {
-  fill: #9a5300 !important;
-}
-
-/* loaders */
-html[data-theme="jsenv"] #loader-icon {
-  color: #404040;
-}
-
-/* settings */
-html[data-theme="jsenv"] #settings-box,
-html[data-theme="jsenv"] #settings[data-active] button {
-  background: #f7931e;
-}
-html[data-theme="jsenv"] .settings-box-item {
-  background: #ffa641;
-}
-html[data-theme="jsenv"] #settings-box-header .settings-icon {
-  stroke: #076570;
-}
-html[data-theme="jsenv"] #button-close-settings {
-  fill: #076570;
-}
-html[data-theme="jsenv"] #settings-box h3,
-html[data-theme="jsenv"] #settings-box .category-title {
-  color: #076570;
-}
-html[data-theme="jsenv"] #settings-box .category-title svg {
-  fill: #076570;
-}
-html[data-theme="jsenv"] #settings-box .category-subtitle {
-  color: #076570;
-}
-html[data-theme="jsenv"] label {
-  color: #002e33;
-}
-html[data-theme="jsenv"] input:checked + .slider,
-html[data-theme="jsenv"] .switch input:checked + .slider:before {
-  background-color: #de5600;
-}
-html[data-theme="jsenv"] .switch .slider,
-html[data-theme="jsenv"] .switch .slider:before {
-  background-color: grey;
-}
-
-/* tooltips */
-html[data-theme="jsenv"] .tooltip {
-  background-color: #ffd390;
-  color: #884900;
-}
-html[data-theme="jsenv"] .tooltipAction {
-  border-color: #884900;
-}
-html[data-theme="jsenv"] .tooltipAction a {
-  color: #884900;
-}
-html[data-theme="jsenv"] .tooltipIcon {
-  fill: #884900;
-}
-html[data-theme="jsenv"] .tooltip::after {
-  border-color: #ffd390 transparent transparent transparent;
-}
-
-/* page file list */
-html[data-theme="jsenv"] h2 {
-  color: orange;
-}
-html[data-theme="jsenv"] #fileIconSvgConfig {
-  fill: orange;
-}
-html[data-theme="jsenv"] #explorables h2 span {
-  color: #24b1b0;
-}

package/src/plugins/toolbar/client/theme/light_theme.css

@@ -1,106 +0,0 @@
-/* general */
-html[data-theme="light"] #toolbar {
-  background: #e8eff3;
-}
-
-/* icons */
-html[data-theme="light"] .iconToolbar {
-  fill: #404040;
-}
-html[data-theme="light"] .iconToolbar:hover {
-  fill: #757575 !important;
-}
-
-/* loaders */
-html[data-theme="light"] #loader-icon {
-  color: #404040;
-}
-
-/* settings */
-html[data-theme="light"] #settings-box,
-html[data-theme="light"] #settings[data-active] button {
-  background: #87acd3;
-}
-html[data-theme="light"] .settings-box-item {
-  background: #97b9da;
-}
-html[data-theme="light"] #settings-box-header .settings-icon {
-  stroke: #076570;
-}
-html[data-theme="light"] #button-close-settings {
-  fill: #076570;
-}
-html[data-theme="light"] #settings-box h3,
-html[data-theme="light"] #settings-box .category-title {
-  color: #076570;
-}
-html[data-theme="light"] #settings-box .category-title svg {
-  fill: #076570;
-}
-html[data-theme="light"] #settings-box .category-subtitle {
-  color: #5d5d5d;
-}
-html[data-theme="light"] label {
-  color: #002e33;
-}
-html[data-theme="light"] .switch input + * .slider,
-html[data-theme="light"] .switch input + * .square {
-  background-color: grey;
-}
-html[data-theme="light"] .switch input:checked + * .slider,
-html[data-theme="light"] .switch input:checked + * .square {
-  background-color: #076570;
-}
-
-/* tooltips */
-html[data-theme="light"] .tooltip {
-  background-color: rgb(138, 145, 154);
-  color: #fff;
-}
-html[data-theme="light"] .tooltipAction {
-  border-color: #fff;
-}
-html[data-theme="light"] .tooltip::after {
-  border-color: rgb(138, 145, 154) transparent transparent transparent;
-}
-
-/* overflow menu */
-html[data-theme="light"] #overflow-menu-button {
-  background: #e8eff3;
-}
-html[data-theme="light"]
-  #toolbar[data-overflow-menu-visible]
-  #overflow-menu-button {
-  background: #a5a9ad;
-}
-html[data-theme="light"] #overflow-menu {
-  background: #dfe4e7;
-}
-
-/*  page file list */
-html[data-theme="light"] h2,
-html[data-theme="light"] h4 {
-  color: #076570;
-}
-html[data-theme="light"] #fileIconSvgConfig {
-  fill: #076570;
-}
-html[data-theme="light"] #explorables h2 span {
-  color: #ff8d00;
-}
-html[data-theme="light"] article[data-page="file-list"],
-html[data-theme="light"] #file-list-link[data-active] a {
-  background: #bbd5ea;
-}
-html[data-theme="light"] #explorables fieldset input:checked + * {
-  color: #ff8d00;
-  background: #bbd5ea;
-}
-html[data-theme="light"] #explorables #explorables-header,
-html[data-theme="light"] #explorables fieldset label input + * {
-  background: #ddf0ff;
-}
-html[data-theme="light"] .execution-link {
-  background: #ddf0ff;
-  color: #076570;
-}

package/src/plugins/toolbar/client/theme/toolbar_theme.js

@@ -1,34 +0,0 @@
-import { createPreference } from "../util/preferences.js"
-
-const DARK_THEME = "dark"
-const LIGHT_THEME = "light"
-const themePreference = createPreference("theme")
-
-export const renderToolbarTheme = () => {
-  const theme = getThemePreference()
-  const checkbox = document.querySelector("#checkbox-dark-theme")
-  checkbox.checked = theme === DARK_THEME
-  setTheme(theme)
-  checkbox.onchange = () => {
-    if (checkbox.checked) {
-      setThemePreference(DARK_THEME)
-      setTheme(DARK_THEME)
-    } else {
-      setThemePreference(LIGHT_THEME)
-      setTheme(LIGHT_THEME)
-    }
-  }
-}
-
-const getThemePreference = () => {
-  return themePreference.has() ? themePreference.get() : DARK_THEME
-}
-
-const setThemePreference = (value) => {
-  themePreference.set(value)
-  setTheme(value)
-}
-
-const setTheme = (theme) => {
-  document.querySelector("html").setAttribute("data-theme", theme)
-}