score-viewer 1.0.25 → 1.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
body.score-viewer-app{box-sizing:border-box;margin:0}.svg-container.scrolling-score{pointer-events:none}.ant-tabs-content-top:has(.score-viewer){height:100%}.ant-tabs-tabpane-active:has(.score-viewer){height:100%}.svg-container.editorial-active{z-index:20}.opacity-overlay.active{background-image:var(--score-overlay-gradient);z-index:10}.opacity-overlay.inactive{z-index:-10;visibility:hidden}.unclear{--show-fill-color: blue;--show-outline-color: darkgreen}.sic{--show-fill-color: blue;--show-outline-color: darkorange}.choice{--show-fill-color: blue;--show-outline-color: palebrown}.corr{--show-fill-color: blue;--show-outline-color: darkviolet}.reg{--show-fill-color: blue;--show-outline-color: rgb(0, 89, 255)}.supplied{--show-fill-color: rgb(30, 30, 177);--show-outline-color: rgb(28, 214, 22)}.svg-container.static-score:not(.editorial-active) svg :is(.unclear,.sic,.choice,.corr,.supplied,.reg).bounding-box rect{fill:transparent}.svg-container.editorial-active.static-score svg :is(.unclear,.sic,.choice,.corr,.supplied,.reg){fill:var(--show-fill-color);pointer-events:auto;visibility:visible;cursor:pointer}.svg-container.editorial-active.static-score svg :is(.unclear,.sic,.choice,.corr,.supplied,.reg).bounding-box rect{fill-opacity:.2;outline:30px solid var(--show-outline-color);outline-offset:120px}.svg-container.editorial-active.static-score svg :is(.unclear,.sic,.choice,.corr,.supplied,.reg):hover{filter:url(#highlighting-hover)}.svg-container.editorial-active.static-score svg :is(.unclear,.sic,.choice,.corr,.supplied,.reg):hover rect{fill-opacity:.5;filter:hue-rotate(180deg)}.svg-container.static-score svg .note.parallel-octave{pointer-events:auto;visibility:visible;cursor:pointer;outline:30px solid rgb(212,14,169);outline-offset:30px}.svg-container.static-score svg .note.parallel-fifth{pointer-events:auto;visibility:visible;cursor:pointer;outline:30px solid rgb(92,17,4);outline-offset:30px}.svg-container.static-score svg .dissonant_analysis .harm tspan{font-style:italic;font-weight:700;font-stretch:condensed}.svg-container.static-score svg.with-transition{transition-property:opacity,transform,scale;transition-duration:.4s;transition-timing-function:ease-in-out}.svg-container svg.zero-opacity{opacity:0}.svg-container svg.displaced-right{transform:translate(100%)}.svg-container svg.displaced-left{transform:translate(-100%)}.svg-container svg.underscaled{transform:scale(.6)}.svg-container svg.overscaled{transform:scale(1.2)}.svg-container svg.transition-end{transform:scale(1) translate(0);opacity:1}.svg-container svg{background-color:var(--score-bg-color)}.score-spotlight-overlay{position:absolute;top:0;left:calc(-1 * var(--expand-left));width:calc(var(--host-width));height:100%;pointer-events:none;z-index:10;--center-size: min(30%, calc(var(--host-width) * .15));--fade-size: min(45%, calc(var(--host-width) * .25));background:radial-gradient(circle at center,transparent var(--center-size),rgba(238,142,46,.15) calc(var(--center-size) + var(--fade-size) * .4),rgba(170,147,125,.22) calc(var(--center-size) + var(--fade-size)));opacity:0;transition:opacity .5s ease-in-out}.score-spotlight-overlay.visible{opacity:1}.svg-container svg.transition-zero-end{opacity:0;transition-duration:.3s!important}.svg-container.static-score svg g .reconstruction-name{opacity:.7}.svg-container.static-score svg g .rdg-recontruction-highlight{fill-opacity:1;opacity:.3}.svg-container.static-score svg g[data-label*=DeepSeek-V3-0324] .rdg-recontruction-highlight{fill:#28ad39}.svg-container.static-score svg g[data-label*=google_gemma-3_27b] .rdg-recontruction-highlight{fill:#f5b966}.svg-container.static-score svg g[data-label*=claude_sonet_3_7] .rdg-recontruction-highlight{fill:#8fe3ff}.svg-container.static-score svg g[data-label*=llama_4_maverick_17B] .rdg-recontruction-highlight{fill:#ad28a2}.score-viewer-top-element .ant-tabs .ant-tabs-content-holder{overflow-y:auto;overflow-x:hidden}.text-view{margin-left:20px;margin-right:20px}.text-view section:has(span.line-number){display:table;min-width:40vw}.text-view section:has(span.line-number) p{text-align:center}.mouse-tracker{transform-origin:center;position:fixed;pointer-events:none;visibility:hidden;background-color:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #00000026}
|
|
1
|
+
body.score-viewer-app{box-sizing:border-box;margin:0}.svg-container.scrolling-score{pointer-events:none}.ant-tabs-content-top:has(.score-viewer){height:100%}.ant-tabs-tabpane-active:has(.score-viewer){height:100%}.svg-container.editorial-active{z-index:20}.opacity-overlay.active{background-image:var(--score-overlay-gradient);z-index:10}.opacity-overlay.inactive{z-index:-10;visibility:hidden}.unclear{--show-fill-color: blue;--show-outline-color: darkgreen}.sic{--show-fill-color: blue;--show-outline-color: darkorange}.choice{--show-fill-color: blue;--show-outline-color: palebrown}.corr{--show-fill-color: blue;--show-outline-color: darkviolet}.reg{--show-fill-color: blue;--show-outline-color: rgb(0, 89, 255)}.supplied{--show-fill-color: rgb(30, 30, 177);--show-outline-color: rgb(28, 214, 22)}.svg-container.static-score:not(.editorial-active) svg :is(.unclear,.sic,.choice,.corr,.supplied,.reg).bounding-box rect{fill:transparent}.svg-container.editorial-active.static-score svg :is(.unclear,.sic,.choice,.corr,.supplied,.reg){fill:var(--show-fill-color);pointer-events:auto;visibility:visible;cursor:pointer}.svg-container.editorial-active.static-score svg :is(.unclear,.sic,.choice,.corr,.supplied,.reg).bounding-box rect{fill-opacity:.2;outline:30px solid var(--show-outline-color);outline-offset:120px}.svg-container.editorial-active.static-score svg :is(.unclear,.sic,.choice,.corr,.supplied,.reg):hover{filter:url(#highlighting-hover)}.svg-container.editorial-active.static-score svg :is(.unclear,.sic,.choice,.corr,.supplied,.reg):hover rect{fill-opacity:.5;filter:hue-rotate(180deg)}.svg-container.static-score svg .note.parallel-octave{pointer-events:auto;visibility:visible;cursor:pointer;outline:30px solid rgb(212,14,169);outline-offset:30px}.svg-container.static-score svg .note.parallel-fifth{pointer-events:auto;visibility:visible;cursor:pointer;outline:30px solid rgb(92,17,4);outline-offset:30px}.svg-container.static-score svg .dissonant_analysis .harm tspan{font-style:italic;font-weight:700;font-stretch:condensed}.svg-container.static-score svg.with-transition{transition-property:opacity,transform,scale;transition-duration:.4s;transition-timing-function:ease-in-out}.svg-container svg.zero-opacity{opacity:0}.svg-container svg.displaced-right{transform:translate(100%)}.svg-container svg.displaced-left{transform:translate(-100%)}.svg-container svg.underscaled{transform:scale(.6)}.svg-container svg.overscaled{transform:scale(1.2)}.svg-container svg.transition-end{transform:scale(1) translate(0);opacity:1}.svg-container svg{background-color:var(--score-bg-color)}.score-spotlight-overlay{position:absolute;top:0;left:calc(-1 * var(--expand-left));width:calc(var(--host-width));height:100%;pointer-events:none;z-index:10;--center-size: min(30%, calc(var(--host-width) * .15));--fade-size: min(45%, calc(var(--host-width) * .25));background:radial-gradient(circle at center,transparent var(--center-size),rgba(238,142,46,.15) calc(var(--center-size) + var(--fade-size) * .4),rgba(170,147,125,.22) calc(var(--center-size) + var(--fade-size)));opacity:0;transition:opacity .5s ease-in-out}.score-spotlight-overlay.visible{opacity:1}.svg-container svg.transition-zero-end{opacity:0;transition-duration:.3s!important}.svg-container.static-score svg g .reconstruction-name{opacity:.7}.svg-container.static-score svg g .rdg-recontruction-highlight{fill-opacity:1;opacity:.3}.svg-container.static-score svg g[data-label*=DeepSeek-V3-0324] .rdg-recontruction-highlight{fill:#28ad39}.svg-container.static-score svg g[data-label*=google_gemma-3_27b] .rdg-recontruction-highlight{fill:#f5b966}.svg-container.static-score svg g[data-label*=claude_sonet_3_7] .rdg-recontruction-highlight{fill:#8fe3ff}.svg-container.static-score svg g[data-label*=llama_4_maverick_17B] .rdg-recontruction-highlight{fill:#ad28a2}.score-viewer-top-element .ant-tabs .ant-tabs-content-holder{overflow-y:auto;overflow-x:hidden}.text-view{margin-left:20px;margin-right:20px}.text-view section:has(span.line-number){display:table;min-width:40vw}.text-view section:has(span.line-number) p{text-align:center}.mouse-tracker{transform-origin:center;position:fixed;pointer-events:none;visibility:hidden;background-color:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #00000026}.svg-container.static-score svg g.dissonant_analysis g.harm.rdiss>text{outline:30px solid gray;border-radius:50%;outline-offset:10px}
|