@openbraininstitute/morphoviewer 0.25.4 → 0.26.1

package/lib/dist/components/morpho-viewer-simul/components/spiking-controller/speed-combo/speed-combo.module.css

@@ -1,69 +0,0 @@
-.speedCombo {
-  position: absolute;
-  left: 0;
-  bottom: calc(48px + 32px);
-  width: 48px;
-  height: auto;
-  display: grid;
-  place-items: center;
-}
-
-button.speedComboButton {
-  display: inline-block;
-  font: inherit;
-  font-size: 80%;
-  border: none;
-  color: #000;
-  background: #fff;
-  border-radius: 99vmax;
-  width: auto;
-  text-align: center;
-
-  &:hover {
-    background: #adf;
-  }
-}
-
-div.dialog {
-  backdrop-filter: brightness(0.333);
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  pointer-events: none;
-  transition: all 0.2s;
-  z-index: 9999;
-
-  &.open {
-    opacity: 1;
-    pointer-events: all;
-  }
-
-  > div.column {
-    display: flex;
-    flex-wrap: nowrap;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    gap: 0.5em;
-    border: none;
-    background: #0005;
-    position: absolute;
-    top: auto;
-    left: 0;
-    bottom: calc(80px + 32px);
-    padding: 8px;
-    margin: 0;
-
-    > div.row {
-      display: flex;
-      flex-wrap: nowrap;
-      flex-direction: row;
-      justify-content: flex-start;
-      align-items: center;
-      gap: 0.5em;
-    }
-  }
-}

package/lib/dist/components/morpho-viewer-simul/components/zoom-slider/zoom-slider.module.css

@@ -1,60 +0,0 @@
-.zoomSlider {
-  display: flex;
-  flex-wrap: nowrap;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-  gap: 0.5em;
-  width: 50%;
-  z-index: 9;
-
-  > * {
-    flex: 1 1 auto;
-  }
-
-  > button {
-    flex: 0 0 auto;
-    display: grid;
-    place-items: center;
-    width: 1.5em;
-    height: 1.5em;
-    border-radius: 0.25em;
-    cursor: pointer;
-    background-color: #adf0;
-    transition: all 0.3s;
-
-    &:hover {
-      background-color: #adf;
-      color: #000;
-    }
-  }
-
-  > :global(.ant-slider) {
-    > :global(.ant-slider-rail) {
-      background-color: #fff7;
-    }
-  }
-
-  --color-input-range: #adf;
-
-  /* input[type="range"]::-webkit-slider-thumb {
-    background: var(--color-input-range);
-    cursor: pointer;
-  }
-
-  input[type="range"]::-moz-range-thumb {
-    background: var(--color-input-range);
-    cursor: pointer;
-  }
-
-  input[type="range"]::-ms-thumb {
-    background: var(--color-input-range);
-    cursor: pointer;
-  } */
-}
-
-@container (width < 600px) {
-  .zoomSlider > input {
-    display: none;
-  }
-}

package/lib/dist/components/morpho-viewer-simul/morpho-viewer-simul.module.css

@@ -1,94 +0,0 @@
-.main {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-
-  background-color: #000;
-  color: #fff;
-
-  > canvas {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-  }
-
-  .loading {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    display: grid;
-    place-content: center;
-    font-size: 1000%;
-  }
-
-  > header {
-    top: 0;
-    bottom: auto;
-  }
-
-  > footer {
-    top: auto;
-    bottom: 0;
-  }
-
-  > header,
-  > footer {
-    container-type: inline-size;
-    position: absolute;
-    left: 0;
-    width: 100%;
-    box-sizing: border-box;
-    padding: 1em;
-    margin: 0;
-    display: flex;
-    flex-wrap: nowrap;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    gap: 0;
-
-    > div.flex {
-      display: flex;
-      flex-wrap: nowrap;
-      flex-direction: row;
-      justify-content: flex-start;
-      align-items: center;
-      gap: 0.5em;
-    }
-
-    button {
-      font: inherit;
-      width: 2.5em;
-      height: 2.5em;
-      display: grid;
-      place-items: center;
-      flex: 0 0 auto;
-      cursor: pointer;
-      color: #fff;
-      border: 2px solid #000;
-      border-radius: 2px;
-      background: #3a3a3a;
-      margin: 0;
-      box-sizing: border-box;
-      transition: all 0.3s;
-
-      &:hover {
-        background-color: #adf;
-        color: #000;
-      }
-    }
-
-    .zoomSlider {
-      color: #fff;
-      flex: 0 0 auto;
-      width: 240px;
-    }
-  }
-}

package/lib/dist/components/morpho-viewer-small-circuit/morpho-viewer-small-circuit.module.css

@@ -1,63 +0,0 @@
-.morphoViewerSmallCircuit {
-    position: relative;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    color: #fff;
-
-    >canvas.webgl {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-    }
-
-    >header {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        box-sizing: border-box;
-        padding: 1em;
-        margin: 0;
-        display: flex;
-        flex-wrap: nowrap;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-        gap: 2em;
-
-        >div.flex {
-            display: flex;
-            flex-wrap: nowrap;
-            flex-direction: row;
-            justify-content: flex-start;
-            align-items: center;
-            gap: 0.5em;
-        }
-
-        button {
-            font: inherit;
-            width: 2.5em;
-            height: 2.5em;
-            display: grid;
-            place-items: center;
-            flex: 0 0 auto;
-            cursor: pointer;
-            color: #fff;
-            border: 2px solid #000;
-            border-radius: 2px;
-            background: #3a3a3a;
-            margin: 0;
-            box-sizing: border-box;
-            transition: all 0.3s;
-
-            &:hover {
-                background-color: #adf;
-                color: #000;
-            }
-        }
-    }
-}

package/lib/dist/components/tooltip/tooltip.module.css

@@ -1,74 +0,0 @@
-.container {
-  position: relative;
-  --custom-backColor: #fff;
-  --custom-foreColor: #000;
-  --arrowWidth: 16px;
-  --arrowHeight: 16px;
-  --borderColor: var(--custom-foreColor);
-  --borderColor: color-mix(in srgb, var(--custom-foreColor) 50%, transparent 50%);
-}
-
-.tooltip {
-  border-radius: 0.25em;
-  padding: 0.5em 1em;
-  color: var(--custom-foreColor, #000);
-  background-color: var(--custom-backColor, #fff);
-  position: absolute;
-  /* width: fit-content; */
-  z-index: 999999;
-  box-shadow: 0 0.25em 0.5em #0007;
-  pointer-events: none;
-  border: 1px solid var(--borderColor);
-  text-align: center;
-  min-width: 160px;
-  transition: opacity 0.2s;
-  opacity: 0;
-
-  &.top {
-    left: 50%;
-    bottom: 0;
-    transform: translate(-50%, calc(100% + var(--arrowHeight)));
-  }
-
-  &.topLeft {
-    left: 50%;
-    bottom: 0;
-    transform: translate(calc(-1 * var(--arrowWidth)), calc(100% + var(--arrowHeight)));
-  }
-
-  &.topRight {
-    left: 50%;
-    bottom: 0;
-    transform: translate(calc(-100% + var(--arrowWidth)), calc(100% + var(--arrowHeight)));
-  }
-
-  .arrow {
-    width: var(--arrowWidth);
-    height: var(--arrowHeight);
-    fill: var(--custom-backColor);
-    stroke: var(--borderColor);
-    position: absolute;
-
-    &.top {
-      top: 0;
-      left: 50%;
-      transform: translate(-50%, calc(-100% + 1px));
-    }
-
-    &.topLeft {
-      top: 0;
-      left: var(--arrowWidth);
-      transform: translate(-50%, calc(-100% + 1px));
-    }
-
-    &.topRight {
-      top: 0;
-      right: var(--arrowWidth);
-      transform: translate(50%, calc(-100% + 1px));
-    }
-  }
-}
-
-.container:hover .tooltip {
-  opacity: 1;
-}