sunrize 1.10.0 → 1.10.3

package/src/assets/images/logo.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 135.46666 135.46667"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="logo.svg"
+   inkscape:version="1.4.2 (ebf0e940, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="0.86930089"
+     inkscape:cx="432.53148"
+     inkscape:cy="291.03847"
+     inkscape:window-width="1472"
+     inkscape:window-height="839"
+     inkscape:window-x="0"
+     inkscape:window-y="38"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g1"
+       transform="matrix(4.174093,0,0,4.174093,-38.616721,-30.672156)">
+      <path
+         style="baseline-shift:baseline;display:inline;overflow:visible;vector-effect:none;fill:#d71f1f;enable-background:accumulate;stop-color:#000000;stop-opacity:1;opacity:1"
+         d="m 16.142578,11.208984 -0.236328,0.429688 -0.0059,-0.0078 c -0.0085,0.01453 -0.01114,0.03229 -0.01953,0.04687 -0.0012,0.0014 -0.01367,0.01562 -0.01367,0.01563 l -0.576172,1.210938 h 0.07617 c -0.40924,1.040639 -0.699219,2.139002 -0.699219,3.320312 0,3.688739 2.22428,6.840087 5.380859,8.28125 -3.163614,1.438297 -5.392578,4.593225 -5.392578,8.28711 0,1.65764 0.444727,3.215401 1.21875,4.55664 l 0.244141,0.423828 h 0.5 c 5.035711,0 9.136718,-4.10101 9.136718,-9.136718 0,-0.332308 -0.09214,-0.637589 -0.126953,-0.960938 1.515134,1.114875 3.339177,1.830078 5.359375,1.830078 3.37323,0 6.32609,-1.840353 7.90625,-4.566406 l 0.246094,-0.423828 -0.244141,-0.423828 c -1.578999,-2.736114 -4.541037,-4.56836 -7.917968,-4.56836 -2.011636,0 -3.830392,0.707871 -5.341797,1.8125 0.03631,-0.332333 0.130859,-0.646857 0.130859,-0.988281 0,-4.568789 -3.431446,-8.205784 -7.818359,-8.871093 l 0.15625,-0.265625 h -1.421875 -0.03906 -0.01367 z m -0.177734,0.371094 c -0.0249,0.02878 -0.043,0.04869 -0.05664,0.06445 l -0.002,-0.002 c 0.0022,-0.0023 0.03838,-0.04115 0.05859,-0.0625 z m 1.179687,1.425781 c 3.865681,0.27648 6.929688,3.403861 6.929688,7.341797 0,1.167911 -0.309192,2.240088 -0.783203,3.21875 -3.865681,-0.276479 -6.929688,-3.403871 -6.929688,-7.341797 0,-1.167469 0.309538,-2.240378 0.783203,-3.21875 z m 13.833985,8.210938 c 2.548151,0 4.689636,1.355135 6.03125,3.296875 -1.342962,1.938545 -3.480432,3.300781 -6.021485,3.300781 -2.546517,0 -4.689047,-1.366221 -6.03125,-3.310547 1.342388,-1.935855 3.478874,-3.287109 6.021485,-3.287109 z m -7.689454,4.234375 c 0.466527,0.9715 0.773438,2.032131 0.773438,3.185547 0,3.941477 -3.068729,7.070367 -6.939453,7.341797 -0.466323,-0.971334 -0.773438,-2.032415 -0.773438,-3.185547 0,-3.941487 3.068727,-7.070368 6.939453,-7.341797 z"
+         id="path4499" />
+      <path
+         style="baseline-shift:baseline;display:inline;overflow:visible;vector-effect:none;fill:#ff9f2e;enable-background:accumulate;stop-color:#000000;stop-opacity:1;opacity:1"
+         d="m 18.505859,10.070313 -0.234375,0.361328 -0.01758,0.02148 c -1.010522,1.194171 -1.721836,2.666544 -2.011719,4.310547 -0.640545,3.632713 1.002951,7.122443 3.861329,9.089844 -3.365279,0.86711 -6.10857,3.586864 -6.75,7.224609 -0.287847,1.632458 -0.121162,3.243953 0.408203,4.699219 l 0.166015,0.457031 0.460938,0.08398 0.01758,0.0039 0.01563,0.002 c 4.959208,0.874447 9.71149,-2.450952 10.585937,-7.410157 0.05759,-0.32663 0.01913,-0.642932 0.04102,-0.966796 1.298322,1.360072 2.97233,2.379825 4.960938,2.730468 3.321983,0.585754 6.5486,-0.714756 8.578125,-3.125 l 0.316406,-0.373047 -0.167969,-0.460937 c -1.079894,-2.968741 -3.680234,-5.288595 -7.005859,-5.875 -1.981236,-0.349346 -3.893861,0.03187 -5.574219,0.857422 0.09353,-0.32115 0.24146,-0.614749 0.300781,-0.951172 0.872443,-4.947838 -2.438452,-9.684065 -7.378906,-10.574219 -0.0187,-0.0036 -0.0252,-0.0049 -0.04102,-0.0078 9.63e-4,3e-6 0.01174,4e-6 0.01172,0 -1.93e-4,-3.3e-5 0.0183,0.0041 0.02539,0.0059 -0.0057,-0.001 -0.0099,-0.0048 -0.01563,-0.0059 z m 0.583985,0.107421 c 0.0371,0.0092 0.08624,0.02083 0.09375,0.02344 0.01079,0.0037 0.0064,0.0013 -0.04492,-0.01367 -0.0082,-0.0024 -0.02747,-0.0056 -0.04883,-0.0098 z m -0.462891,1.623047 c 0.0064,0.0022 0.03607,0.0094 0.06836,0.01758 -0.01171,-0.0024 -0.02613,-0.0044 -0.03125,-0.0059 -0.04931,-0.01434 -0.05042,-0.01634 -0.03711,-0.01172 z m 0.611328,0.222657 c 3.759957,0.942825 6.236663,4.554868 5.552735,8.433593 -0.202749,1.149835 -0.693619,2.153841 -1.330079,3.035156 -3.760023,-0.942775 -6.234712,-4.554826 -5.550781,-8.433593 0.202728,-1.149725 0.691758,-2.15389 1.328125,-3.035156 z m 10.19336,10.406249 c 0.653286,-0.06191 1.326336,-0.03779 2.005859,0.08203 2.509482,0.442495 4.38315,2.149653 5.367187,4.294922 -1.659166,1.675602 -3.999714,2.644336 -6.501953,2.203125 -2.50783,-0.442196 -4.381055,-2.156833 -5.365234,-4.304688 1.20816,-1.219189 2.740171,-2.109159 4.494141,-2.275391 z m -6.300782,2.917969 c 0.29078,1.037799 0.409281,2.135535 0.208985,3.271485 -0.68456,3.882306 -4.251459,6.431416 -8.111328,6.02539 -0.29075,-1.037764 -0.407321,-2.135589 -0.207032,-3.271484 0.684437,-3.881646 4.250278,-6.430291 8.109375,-6.025391 z"
+         id="path4501" />
+      <path
+         style="baseline-shift:baseline;display:inline;overflow:visible;vector-effect:none;fill:#ffe32d;enable-background:accumulate;stop-color:#000000;stop-opacity:1;opacity:1"
+         d="m 21.111328,9.3769531 -0.275391,0.2753907 -0.0098,0.00781 -0.05078,0.042969 c -1.202535,1.000545 -2.157562,2.325842 -2.728516,3.894531 -1.261613,3.466249 -0.250593,7.189181 2.222656,9.623047 -3.463671,0.270517 -6.637345,2.473171 -7.90039,5.943359 -0.566951,1.557675 -0.68268,3.174138 -0.414063,4.699219 l 0.0918,0.525391 0.462891,0.126953 c 4.732021,1.722308 9.988628,-0.72892 11.710937,-5.460938 0.11351,-0.311862 0.131161,-0.629969 0.208984,-0.945312 1.042434,1.565213 2.512343,2.861988 4.410157,3.552734 3.169794,1.153716 6.57495,0.433324 8.992187,-1.58789 l 0.375,-0.314453 -0.08398,-0.482422 c -0.547979,-3.111151 -2.705633,-5.846967 -5.878906,-7.001953 -1.890171,-0.68796 -3.840725,-0.643999 -5.638672,-0.123047 0.147835,-0.29996 0.344127,-0.563833 0.460937,-0.884766 1.719199,-4.72344 -0.722227,-9.965281 -5.4375,-11.6972655 0.01302,0.00433 0.02639,0.00703 0.0332,0.00977 -0.01233,-0.00569 -0.0073,-0.00489 -0.0293,-0.013672 -0.0029,-0.00117 -0.01115,-0.00242 -0.01563,-0.00391 l -0.0059,-0.00195 z m 0.06836,0.1542969 c -0.06812,0.020247 -0.130287,0.038665 -0.197265,0.058594 0.0047,-0.00313 0.02735,-0.01758 0.02734,-0.017578 -3.3e-5,1.31e-5 0.102189,-0.024346 0.169921,-0.041016 z m -0.193359,1.599609 c 0.01012,0.0043 0.03104,0.01133 0.05664,0.01953 -0.01459,-0.0043 -0.03015,-0.007 -0.03711,-0.0098 -0.01582,-0.0063 -0.0093,-0.0052 -0.01953,-0.0098 z m 0.486328,0.289063 c 3.53968,1.581138 5.351085,5.568203 4.003906,9.269531 -0.399356,1.097225 -1.058002,2.00039 -1.83789,2.757813 -3.538634,-1.581634 -5.34893,-5.568748 -4.001953,-9.269532 0.399304,-1.097083 1.056183,-2.000434 1.835937,-2.757812 z m 8.230469,12.019531 c 0.654115,0.05247 1.314493,0.191739 1.962891,0.427734 2.394708,0.87161 3.942614,2.880283 4.539062,5.164063 -1.924793,1.36139 -4.398041,1.907905 -6.785156,1.039062 -2.392508,-0.8708 -3.938616,-2.886278 -4.535156,-5.171875 1.401371,-0.990504 3.062487,-1.599824 4.818359,-1.458984 z m -9.128906,1.412109 c 0.798221,-0.04011 1.612285,0.136296 2.417968,0.367188 0.106016,1.072295 0.03114,2.174171 -0.363281,3.257812 -1.348068,3.703798 -5.301101,5.594238 -9.03125,4.525391 -0.106358,-1.072897 -0.03333,-2.173515 0.361328,-3.257812 1.056928,-2.903883 3.717793,-4.746992 6.615235,-4.892579 z"
+         id="path4503" />
+    </g>
+  </g>
+</svg>

package/src/assets/themes/default.css

@@ -1,9 +1,6 @@
 @charset "utf-8";
 @import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100;0,400;0,700;1,100;1,400;1,700&display=swap);
-@import url(file:///Users/holger/Desktop/X_ITE/sunrize/node_modules/material-icons/iconfont/material-icons.css);
-@import url(file:///Users/holger/Desktop/X_ITE/sunrize/node_modules/material-symbols/index.css);
-@import url(file:///Users/holger/Desktop/X_ITE/sunrize/node_modules/spectrum-colorpicker2/dist/spectrum.css);
-@import url(file:///Users/holger/Desktop/X_ITE/sunrize/src/assets/themes/system-colors.css);
+@import url(media.css);
 
 html {
   overflow: hidden;
@@ -24,7 +21,7 @@ body {
   font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
 }
 
-*:focus {
+:focus {
   outline: none;
 }
 
@@ -37,6 +34,8 @@ body {
   background: var(--selection-background-color);
 }
 
+/* Scrollbars */
+
 ::-webkit-scrollbar {
   width: 14px;
   height: 14px;
@@ -59,7 +58,12 @@ body {
 }
 
 /* textarea resizer */
+
 ::-webkit-resizer {
+  background-color: transparent;
+}
+
+:hover::-webkit-resizer {
   background-color: var(--scrollbar-thumb-color);
 }
 
@@ -203,7 +207,6 @@ tr.disabled ~ tr > td > div {
 
 .vertical-splitter-left,
 .vertical-splitter-right {
-  background-color: var(--background-color);
   position: absolute;
   box-sizing: border-box;
   top: 0;
@@ -376,7 +379,7 @@ tr.disabled ~ tr > td > div {
 
 .ui-tabs > .ui-tabs-nav .ui-tabs-anchor,
 .ui-tabs > .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
-  cursor: pointer;
+  cursor: pointer !important;
   color: inherit;
 }
 
@@ -488,12 +491,28 @@ body.light .qtip-tipsy {
   box-sizing: border-box;
 }
 
+.horizontal-toolbar {
+  top: 0;
+  width: 100%;
+  height: var(--toolbar-width);
+}
+
 .vertical-toolbar {
   right: 0;
   height: 100%;
   width: var(--toolbar-width);
 }
 
+.horizontal-toolbar .material-icons,
+.horizontal-toolbar .material-symbols-outlined {
+  display: inline-block;
+  margin: auto 5px;
+  height: var(--icon-size);
+  cursor: pointer;
+  font-size: var(--icon-size);
+  user-select: none;
+}
+
 .vertical-toolbar .material-icons,
 .vertical-toolbar .material-symbols-outlined {
   display: block;
@@ -504,6 +523,12 @@ body.light .qtip-tipsy {
   user-select: none;
 }
 
+.horizontal-toolbar .material-symbols-outlined {
+  font-size: calc(var(--icon-size) + 7px);
+  position: relative;
+  top: 3px;
+}
+
 .vertical-toolbar .material-symbols-outlined {
   font-size: calc(var(--icon-size) + 7px);
   position: relative;
@@ -515,6 +540,32 @@ body.light .qtip-tipsy {
   left: -1px;
 }
 
+.horizontal-toolbar .text {
+  display: inline-block;
+  position: relative;
+  top: -2px;
+  margin: auto 5px;
+  font-size: var(--font-size);
+}
+
+.horizontal-toolbar .input {
+  display: inline-block;
+  position: relative;
+  top: -3px;
+  margin: auto 5px;
+  font-size: var(--font-size);
+  border: 1px solid var(--system-gray3);
+}
+
+.horizontal-toolbar .separator {
+  display: inline-block;
+  margin: auto 10px;
+  width: 0;
+  height: var(--icon-size);
+  border-right: 1px solid var(--separator-color);
+  user-select: none;
+}
+
 .vertical-toolbar .separator {
   display: block;
   margin: 10px auto;
@@ -524,20 +575,33 @@ body.light .qtip-tipsy {
   user-select: none;
 }
 
+.horizontal-toolbar .material-icons:hover,
+.horizontal-toolbar .material-symbols-outlined:hover,
 .vertical-toolbar .material-icons:hover,
 .vertical-toolbar .material-symbols-outlined:hover {
   color: var(--highlight-color);
 }
 
+.horizontal-toolbar .material-icons.active,
+.horizontal-toolbar .material-symbols-outlined.active,
 .vertical-toolbar .material-icons.active,
 .vertical-toolbar .material-symbols-outlined.active {
   color: var(--accent-color);
 }
 
+.horizontal-toolbar .material-icons.disabled,
+.horizontal-toolbar .material-symbols-outlined.disabled,
+.horizontal-toolbar .text.disabled,
+.horizontal-toolbar .input.disabled,
 .vertical-toolbar .material-icons.disabled,
 .vertical-toolbar .material-symbols-outlined.disabled {
   pointer-events: none;
   color: var(--system-gray3);
+  border-color: var(--system-gray3);
+}
+
+.horizontal-toolbar .right {
+  float: right;
 }
 
 .large-toolbar .material-icons {
@@ -547,7 +611,7 @@ body.light .qtip-tipsy {
 }
 
 .large-toolbar .image-icon {
-  background: no-repeat;
+  background-repeat: no-repeat;
   display: block;
   width: 24px;
   height: 24px;
@@ -565,18 +629,6 @@ body.light .qtip-tipsy {
   filter: var(--filter-accent-color);
 }
 
-.image-icon.hand {
-  background-image: url(file:///Users/holger/Desktop/X_ITE/sunrize/src/assets/images/icons/hand.svg);
-}
-
-.image-icon.arrow {
-  background-image: url(file:///Users/holger/Desktop/X_ITE/sunrize/src/assets/images/icons/arrow.svg);
-}
-
-.image-icon.straighten {
-  background-image: url(file:///Users/holger/Desktop/X_ITE/sunrize/src/assets/images/icons/straighten.svg);
-}
-
 /* Browser */
 
 #browser-pane {
@@ -727,38 +779,101 @@ body.dark .ui-widget .library-list .component {
 /* Node List */
 
 .node-list {
+  user-select: none;
   overflow: auto;
   position: absolute;
   inset: 0 0 0 0;
   padding: 0;
 }
 
-.node-list > ul {
+.node-list ul {
   margin: 0;
   padding: 0;
+  width: fit-content;
+  min-width: 100%;
   list-style-type: none;
 }
 
-.node-list > ul > li {
-  cursor: pointer;
-  user-select: none;
+.node-list > ul {
+  padding: 1px 0;
+  color: var(--system-blue);
+}
+
+.node-list > ul > li > ul {
+  color: var(--system-orange);
+}
+
+.node-list .main {
+  color: var(--system-indigo);
+}
+
+.node-list.alternating > ul li:has(li) {
+  border-bottom: 1px solid var(--tint-color2);
+}
+
+.node-list .item {
   margin: 0;
-  padding: 3px 10px;
+  padding: 5px 10px 5px 0;
   white-space: nowrap;
 }
 
-.node-list > ul > li:nth-child(odd) {
+.node-list > ul > li > .item {
+  padding-left: 10px;
+}
+
+.node-list > ul > li > ul > li > .item {
+  padding-left: 20px;
+}
+
+/* .node-list > ul > li:has(> .item:hover) {
+  outline: 1px solid var(--system-blue);
+}
+
+.node-list > ul > li > ul > li:has(> .item:hover) {
+  outline: 1px solid var(--system-orange);
+} */
+
+.node-list.alternating > ul li:not(:has(li)):nth-child(odd) > .item {
   background-color: var(--tint-color1);
 }
 
-.node-list > ul > li:hover {
-  background-color: var(--tint-color2);
+.node-list.alternating > ul .item:hover {
+  background-color: var(--tint-color2) !important;
 }
 
 .node-list .icon {
   position: relative;
-  margin-right: 2px;
+  margin-right: 5px;
+  top: 1px;
+  width: 16px;
+  height: 12px;
+}
+
+.node-list .button {
+  cursor: pointer;
+  position: relative;
   top: 2px;
+  font-size: var(--font-size);
+}
+
+.node-list .button:hover {
+  color: var(--system-cyan);
+}
+
+.node-list .button.on {
+  color: var(--system-blue);
+}
+
+.node-list .button.on:hover {
+  color: var(--system-cyan);
+}
+
+.node-list .button.off {
+  color: var(--system-gray1);
+}
+
+.node-list .button.off:hover {
+  color: var(--system-gray0);
 }
 
 /* Footer */
@@ -934,10 +1049,8 @@ body.dark .ui-widget .library-list .component {
 }
 
 .script-editor .node-list {
-  user-select: none;
   bottom: var(--input-height);
   border-bottom: 1px solid var(--border-color);
-  color: var(--system-blue);
 }
 
 .script-editor .type-name {
@@ -961,9 +1074,62 @@ body.dark .ui-widget .library-list .component {
 /* Animation Editor */
 
 .animation-editor {
+  --input-height: 20px;
+
   box-sizing: border-box;
 }
 
+.animation-editor-toolbar {
+  padding-left: 5px;
+}
+
+.animation-editor-navigation {
+  top: var(--toolbar-width);
+}
+
+.animation-editor .animation-editor-content {
+  position: absolute;
+  box-sizing: border-box;
+  top: var(--toolbar-width);
+  right: var(--toolbar-width);
+  left: 0;
+  bottom: 0;
+  border-top: 1px solid var(--border-color);
+  border-right: 1px solid var(--border-color);
+}
+
+.animation-editor .timeline {
+  user-select: none;
+  border-left: 1px solid var(--border-color);
+}
+
+.animation-editor .node-list {
+  bottom: var(--input-height);
+  border-bottom: 1px solid var(--border-color);
+}
+
+.animation-editor .type-name {
+  font-weight: bold;
+}
+
+.animation-editor .node-name {
+  position: absolute;
+  bottom: 0px;
+  width: 100%;
+  height: var(--input-height);
+  border: none;
+  background-color: var(--background-color);
+}
+
+.animation-editor .tracks {
+  position: absolute;
+  display: block;
+  width: calc(100% - var(--toolbar-width));
+  height: calc(100% - var(--toolbar-width));
+  top: var(--toolbar-width);
+  image-rendering: pixelated;
+}
+
 /* Sidebar */
 
 .sidebar.ui-widget.ui-widget-content {

package/src/assets/themes/media-template.css

@@ -0,0 +1,12 @@
+@import url(../../node_modules/material-icons/iconfont/material-icons.css);
+@import url(../../node_modules/material-symbols/index.css);
+@import url(../../node_modules/spectrum-colorpicker2/dist/spectrum.css);
+@import url(system-colors.css);
+
+.image-icon.hand {
+  background-image: url(../images/icons/hand.svg);
+}
+
+.image-icon.arrow {
+  background-image: url(../images/icons/arrow.svg);
+}

package/src/assets/themes/media.css

@@ -0,0 +1,12 @@
+@import url(file:///Users/holger/Desktop/X_ITE/sunrize/node_modules/material-icons/iconfont/material-icons.css);
+@import url(file:///Users/holger/Desktop/X_ITE/sunrize/node_modules/material-symbols/index.css);
+@import url(file:///Users/holger/Desktop/X_ITE/sunrize/node_modules/spectrum-colorpicker2/dist/spectrum.css);
+@import url(file:///Users/holger/Desktop/X_ITE/sunrize/src/assets/themes/system-colors.css);
+
+.image-icon.hand {
+  background-image: url(file:///Users/holger/Desktop/X_ITE/sunrize/src/assets/images/icons/hand.svg);
+}
+
+.image-icon.arrow {
+  background-image: url(file:///Users/holger/Desktop/X_ITE/sunrize/src/assets/images/icons/arrow.svg);
+}

package/src/assets/themes/prompt-template.css

@@ -20,6 +20,10 @@ body {
   background: var(--system-gray4);
 }
 
+:focus {
+  outline: none;
+}
+
 #label {
   font-size: 80% !important;
 }
@@ -30,8 +34,12 @@ input {
   color: var(--text-color) !important;
 }
 
+input:focus {
+  border-color: var(--accent-color) !important;
+}
+
 #ok {
-  background-color: var(--system-red) !important;
+  background-color: var(--accent-color) !important;
 }
 
 #cancel {

package/src/assets/themes/prompt.css

@@ -20,6 +20,10 @@ body {
   background: var(--system-gray4);
 }
 
+:focus {
+  outline: none;
+}
+
 #label {
   font-size: 80% !important;
 }
@@ -30,8 +34,12 @@ input {
   color: var(--text-color) !important;
 }
 
+input:focus {
+  border-color: var(--accent-color) !important;
+}
+
 #ok {
-  background-color: var(--system-red) !important;
+  background-color: var(--accent-color) !important;
 }
 
 #cancel {