@genome-spy/app 0.73.0 → 0.74.0

package/dist/style.css

@@ -1 +1,2 @@
-:root{--gs-font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--gs-font-size: 14px;--gs-basic-spacing: 10px}.gs-menu,.gs-context-menu,.gs-dropdown-menu{margin:0;padding:7px 0;background:#f6f6f6;border:#e0e0e0;border-radius:2px;max-height:calc(100vh - 60px);overflow-y:auto;z-index:100;box-shadow:0 3px 15px #00000036;cursor:default;line-height:22px;font-size:13px;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.gs-menu li,.gs-context-menu li,.gs-dropdown-menu li{display:block;list-style:none;position:relative;padding:0}.gs-menu li.active>:is(a:first-child,.submenu-item),.gs-context-menu li.active>:is(a:first-child,.submenu-item),.gs-dropdown-menu li.active>:is(a:first-child,.submenu-item){background-color:#e8e8e8}.gs-menu li>:is(a:first-child,label,.submenu-item):hover,.gs-context-menu li>:is(a:first-child,label,.submenu-item):hover,.gs-dropdown-menu li>:is(a:first-child,label,.submenu-item):hover{background-color:#e0e0e0}.gs-menu li>span.disabled-item,.gs-menu li>a:first-child,.gs-context-menu li>span.disabled-item,.gs-context-menu li>a:first-child,.gs-dropdown-menu li>span.disabled-item,.gs-dropdown-menu li>a:first-child{display:block}.gs-menu li>span.disabled-item svg:first-child,.gs-menu li>a:first-child svg:first-child,.gs-context-menu li>span.disabled-item svg:first-child,.gs-context-menu li>a:first-child svg:first-child,.gs-dropdown-menu li>span.disabled-item svg:first-child,.gs-dropdown-menu li>a:first-child svg:first-child{width:1em;margin-right:.2em}.gs-menu li>.submenu-item svg:first-child,.gs-context-menu li>.submenu-item svg:first-child,.gs-dropdown-menu li>.submenu-item svg:first-child{width:1em;margin-right:.2em}.gs-menu .context,.gs-context-menu .context,.gs-dropdown-menu .context{font-size:.9em;color:#666}.gs-menu .context:before,.gs-context-menu .context:before,.gs-dropdown-menu .context:before{content:"("}.gs-menu .context:after,.gs-context-menu .context:after,.gs-dropdown-menu .context:after{content:")"}.gs-menu .menu-divider,.gs-context-menu .menu-divider,.gs-dropdown-menu .menu-divider{margin:5px 0;border-top:1px solid #e0e0e0}.gs-menu .menu-header,.gs-menu li>:is(span.disabled-item,a:first-child,.submenu-item,label),.gs-context-menu .menu-header,.gs-context-menu li>:is(span.disabled-item,a:first-child,.submenu-item,label),.gs-dropdown-menu .menu-header,.gs-dropdown-menu li>:is(span.disabled-item,a:first-child,.submenu-item,label){padding-left:15px;padding-right:15px}.gs-menu .menu-header,.gs-context-menu .menu-header,.gs-dropdown-menu .menu-header{font-size:12px;color:#666}.gs-menu li>:is(div.submenu-item,.choice-item),.gs-context-menu li>:is(div.submenu-item,.choice-item),.gs-dropdown-menu li>:is(div.submenu-item,.choice-item){display:flex;justify-content:space-between;align-items:center}.gs-menu li>:is(div.submenu-item,.choice-item)>:first-child,.gs-context-menu li>:is(div.submenu-item,.choice-item)>:first-child,.gs-dropdown-menu li>:is(div.submenu-item,.choice-item)>:first-child{flex-grow:1}.gs-menu li>.submenu-item:after,.gs-context-menu li>.submenu-item:after,.gs-dropdown-menu li>.submenu-item:after{content:"";width:0;height:0;border-top:.4em solid transparent;border-bottom:.4em solid transparent;border-left:.4em solid black;margin-left:1em}.gs-menu li .kbd-shortcut,.gs-context-menu li .kbd-shortcut,.gs-dropdown-menu li .kbd-shortcut{color:#666;background-color:#ffffff80;font-size:.9em;border:1px solid #aaa;border-bottom-width:2px;border-radius:3px;padding:3px;line-height:.7em;margin-left:.5em}.gs-menu li>.disabled-item,.gs-context-menu li>.disabled-item,.gs-dropdown-menu li>.disabled-item{color:#999}.gs-menu a.menu-ellipsis,.gs-context-menu a.menu-ellipsis,.gs-dropdown-menu a.menu-ellipsis{padding:0;display:flex;align-items:center;position:absolute;top:0;right:7.5px;height:22px;background-color:#e0e0e0;border-radius:3em;color:#707070}.gs-menu a.menu-ellipsis svg,.gs-context-menu a.menu-ellipsis svg,.gs-dropdown-menu a.menu-ellipsis svg{margin:0;width:22px}.gs-menu a.menu-ellipsis:hover,.gs-context-menu a.menu-ellipsis:hover,.gs-dropdown-menu a.menu-ellipsis:hover{background-color:#e9e9e9}.gs-menu li:not(:hover) a.menu-ellipsis,.gs-context-menu li:not(:hover) a.menu-ellipsis,.gs-dropdown-menu li:not(:hover) a.menu-ellipsis{display:none}.gs-menu .gs-input-binding,.gs-context-menu .gs-input-binding,.gs-dropdown-menu .gs-input-binding{margin:0 15px;line-height:normal}.gs-menu .gs-input-binding .description,.gs-context-menu .gs-input-binding .description,.gs-dropdown-menu .gs-input-binding .description{margin-bottom:.2em}.gs-dropdown-menu-right{right:0}.gs-context-menu-backdrop{position:fixed;z-index:100;inset:0}.gs-context-menu{position:fixed;z-index:100}.gs-dropdown-menu{overflow:auto;position:absolute;display:none;z-index:1;width:max-content}.gs-dropdown-menu ul{padding-left:1.5em;list-style:none}.gs-dropdown-menu>li>ul{padding-left:0}label.checkbox{display:flex;align-items:center}label.checkbox input[type=checkbox]{flex:none;margin-right:.5em}:root{--gs-theme-primary: #6c82ab;--gs-theme-on-primary: #ffffff}.genome-spy-app{position:absolute;inset:0;display:flex;flex-direction:column}body>.genome-spy-app{background-color:#fff}.genome-spy-app{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:14px}.genome-spy-app .genome-spy-container{position:relative;flex-grow:1;overflow:hidden}.gs-toolbar,.gs-toolbar .btn-group{display:flex;flex-direction:row;align-items:center}.gs-toolbar{--gs-toolbar-bg: var(--gs-theme-primary);--gs-toolbar-fg: var(--gs-theme-on-primary);--gs-toolbar-bg-hi: oklch(from var(--gs-toolbar-bg) calc(l + .06) c h);--gs-toolbar-bg-lo: oklch(from var(--gs-toolbar-bg) calc(l - .06) c h);--gs-toolbar-bg-dim: oklch(from var(--gs-toolbar-bg) calc(l - .05) c h);height:38px;background-color:var(--gs-toolbar-bg);box-shadow:0 0 3px #00000080;border-top:1px solid var(--gs-toolbar-bg-hi);border-bottom:1px solid var(--gs-toolbar-bg-lo)}.gs-toolbar .spacer{flex-grow:1}.gs-toolbar .logo{display:block}.gs-toolbar .logo img{vertical-align:middle;width:34px}.gs-toolbar .vis-title,.gs-toolbar .version a{color:var(--gs-toolbar-fg);font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gs-toolbar .version a{text-decoration:none;font-size:80%;opacity:50%}.gs-toolbar .version a:visited{color:var(--gs-toolbar-fg)}.gs-toolbar .search-input{font-size:1em;background-color:var(--gs-toolbar-bg-dim);color:var(--gs-toolbar-fg);border:1px solid oklch(from var(--gs-toolbar-bg) calc(l - .1) c h);width:260px;padding:3px 6px;outline:none;position:relative;box-shadow:0 1px 3px #0000001a inset,1px 1px oklch(from var(--gs-toolbar-bg) calc(l + .04) c h);text-shadow:0 1px 2px rgba(0,0,0,.3)}.gs-toolbar .search-help{box-sizing:border-box;position:absolute;border:none;background:#f6f6f6;padding:10px;z-index:1000;visibility:hidden;box-shadow:0 3px 14px #00000026;font-size:90%}.gs-toolbar .search-help>:first-child{margin-top:0}.gs-toolbar .search-help>:last-child{margin-bottom:0}.gs-toolbar .search-help{opacity:0;transition:opacity .2s,transform .2s ease-in-out,visibility .2s;transform:translateY(13px)}.gs-toolbar .search-help p{margin-bottom:.5em}.gs-toolbar .search-help ul{margin-top:.5em;padding-left:2.5em}.gs-toolbar .search-help li{cursor:pointer}.gs-toolbar .search:focus-within .search-help{opacity:1;visibility:visible;transform:translateY(3px)}.gs-toolbar>*{padding-left:10px}.gs-toolbar>*:last-child{margin-right:10px}.gs-toolbar .tool-btn{padding:0;font-size:1.15em;transition:color .15s;--gs-toolbar-btn-bg: oklch( from var(--gs-toolbar-bg) calc(l + .03) c h );background-color:var(--gs-toolbar-btn-bg);background-image:linear-gradient(to bottom,oklch(from var(--gs-toolbar-btn-bg) calc(l + .05) calc(c - .005) h),oklch(from var(--gs-toolbar-btn-bg) calc(l - .02) c h));color:var(--gs-toolbar-fg);height:26px;width:30px;border:1px solid;border-top-color:oklch(from var(--gs-toolbar-btn-bg) calc(l + .08) c h);border-left-color:oklch(from var(--gs-toolbar-btn-bg) calc(l + .03) c h);border-right-color:oklch(from var(--gs-toolbar-btn-bg) calc(l - .08) c h);border-bottom-color:oklch(from var(--gs-toolbar-btn-bg) calc(l - .12) c h);box-shadow:0 1px 1px #00000026;border-radius:2px;margin-left:10px;display:flex;align-items:center;justify-content:center}.gs-toolbar .tool-btn>svg{filter:drop-shadow(0 0 1px rgba(0,0,0,.3))}.gs-toolbar .tool-btn:active>*{position:relative;top:1px}.gs-toolbar .tool-btn:disabled{color:oklch(from var(--gs-toolbar-fg) l c h/.5)}.gs-toolbar .tool-btn:hover:not(:disabled){background-image:linear-gradient(to bottom,oklch(from var(--gs-toolbar-btn-bg) calc(l + .07) c h),oklch(from var(--gs-toolbar-btn-bg) calc(l + .01) c h))}.gs-toolbar .tool-btn:hover:not(:disabled)>svg{filter:drop-shadow(0 0 3px rgb(150,200,255))}.gs-toolbar .tool-btn:focus{outline:none}.gs-toolbar .btn-group .tool-btn,.gs-toolbar .dropdown .tool-btn{margin-left:0}.gs-toolbar .dropdown{position:relative}.gs-toolbar .dropdown.show .gs-dropdown-menu{display:block}.gs-toolbar .dropdown.show>button{background-image:linear-gradient(to bottom,oklch(from var(--gs-toolbar-bg) calc(l + .09) c h),oklch(from var(--gs-toolbar-bg) calc(l + .06) c h))}.provenance-menu .operator{font-size:125%;line-height:.8}.gs-dropdown-menu.provenance-menu .active-state{background-color:#e0e0e0;border-left:5px solid #c0c0c0;padding-left:10px}.gs-suppress-tooltip .genome-spy .tooltip{display:none}
+:root{--gs-font-family:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--gs-font-size:14px;--gs-basic-spacing:10px}.gs-input-binding{grid-template-columns:max-content max-content;justify-items:start;gap:.3em 1em;display:grid}.gs-input-binding>select,.gs-input-binding>input:not([type=checkbox]){width:100%}.gs-input-binding input[type=range]+span{font-variant-numeric:tabular-nums;min-width:2.2em;margin-left:.3em;display:inline-block}.gs-input-binding input[type=range],.gs-input-binding input[type=radio]{vertical-align:text-bottom}.gs-input-binding .radio-group{align-items:center;display:flex}.gs-input-binding .description{color:#777;grid-column:1/-1;max-width:26em;margin-top:-.5em;font-size:90%}.gs-input-bindings{flex-basis:content;padding:10px;font-size:14px}.gs-menu,.gs-context-menu,.gs-dropdown-menu{z-index:100;cursor:default;background:#f6f6f6;border:#e0e0e0;border-radius:2px;max-height:calc(100vh - 60px);margin:0;padding:7px 0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:13px;line-height:22px;overflow-y:auto;box-shadow:0 3px 15px #00000036}.gs-menu li,.gs-context-menu li,.gs-dropdown-menu li{padding:0;list-style:none;display:block;position:relative}.gs-menu li.active>:is(a:first-child,.submenu-item),.gs-context-menu li.active>:is(a:first-child,.submenu-item),.gs-dropdown-menu li.active>:is(a:first-child,.submenu-item){background-color:#e8e8e8}.gs-menu li>:is(a:first-child,label,.submenu-item):hover,.gs-context-menu li>:is(a:first-child,label,.submenu-item):hover,.gs-dropdown-menu li>:is(a:first-child,label,.submenu-item):hover{background-color:#e0e0e0}.gs-menu li>span.disabled-item,.gs-menu li>a:first-child,.gs-context-menu li>span.disabled-item,.gs-context-menu li>a:first-child,.gs-dropdown-menu li>span.disabled-item,.gs-dropdown-menu li>a:first-child{display:block}.gs-menu li>span.disabled-item svg:first-child,.gs-menu li>a:first-child svg:first-child,.gs-context-menu li>span.disabled-item svg:first-child,.gs-context-menu li>a:first-child svg:first-child,.gs-dropdown-menu li>span.disabled-item svg:first-child,.gs-dropdown-menu li>a:first-child svg:first-child,.gs-menu li>.submenu-item svg:first-child,.gs-context-menu li>.submenu-item svg:first-child,.gs-dropdown-menu li>.submenu-item svg:first-child{width:1em;margin-right:.2em}.gs-menu .context,.gs-context-menu .context,.gs-dropdown-menu .context{color:#666;font-size:.9em}.gs-menu .context:before,.gs-context-menu .context:before,.gs-dropdown-menu .context:before{content:"("}.gs-menu .context:after,.gs-context-menu .context:after,.gs-dropdown-menu .context:after{content:")"}.gs-menu .menu-divider,.gs-context-menu .menu-divider,.gs-dropdown-menu .menu-divider{border-top:1px solid #e0e0e0;margin:5px 0}.gs-menu .menu-header,.gs-menu li>:is(span.disabled-item,a:first-child,.submenu-item,label),.gs-context-menu .menu-header,.gs-context-menu li>:is(span.disabled-item,a:first-child,.submenu-item,label),.gs-dropdown-menu .menu-header,.gs-dropdown-menu li>:is(span.disabled-item,a:first-child,.submenu-item,label){padding-left:15px;padding-right:15px}.gs-menu .menu-header,.gs-context-menu .menu-header,.gs-dropdown-menu .menu-header{color:#666;font-size:12px}.gs-menu li>:is(div.submenu-item,.choice-item),.gs-context-menu li>:is(div.submenu-item,.choice-item),.gs-dropdown-menu li>:is(div.submenu-item,.choice-item){justify-content:space-between;align-items:center;display:flex}.gs-menu li>:is(div.submenu-item,.choice-item)>:first-child,.gs-context-menu li>:is(div.submenu-item,.choice-item)>:first-child,.gs-dropdown-menu li>:is(div.submenu-item,.choice-item)>:first-child{flex-grow:1}.gs-menu li>.submenu-item:after,.gs-context-menu li>.submenu-item:after,.gs-dropdown-menu li>.submenu-item:after{content:"";border-top:.4em solid #0000;border-bottom:.4em solid #0000;border-left:.4em solid #000;width:0;height:0;margin-left:1em}.gs-menu li .kbd-shortcut,.gs-context-menu li .kbd-shortcut,.gs-dropdown-menu li .kbd-shortcut{color:#666;background-color:#ffffff80;border:1px solid #aaa;border-bottom-width:2px;border-radius:3px;margin-left:.5em;padding:3px;font-size:.9em;line-height:.7em}.gs-menu li>.disabled-item,.gs-context-menu li>.disabled-item,.gs-dropdown-menu li>.disabled-item{color:#999}.gs-menu a.menu-ellipsis,.gs-context-menu a.menu-ellipsis,.gs-dropdown-menu a.menu-ellipsis{color:#707070;background-color:#e0e0e0;border-radius:3em;align-items:center;height:22px;padding:0;display:flex;position:absolute;top:0;right:7.5px}.gs-menu a.menu-ellipsis svg,.gs-context-menu a.menu-ellipsis svg,.gs-dropdown-menu a.menu-ellipsis svg{width:22px;margin:0}.gs-menu a.menu-ellipsis:hover,.gs-context-menu a.menu-ellipsis:hover,.gs-dropdown-menu a.menu-ellipsis:hover{background-color:#e9e9e9}.gs-menu li:not(:hover) a.menu-ellipsis,.gs-context-menu li:not(:hover) a.menu-ellipsis,.gs-dropdown-menu li:not(:hover) a.menu-ellipsis{display:none}.gs-menu .gs-input-binding,.gs-context-menu .gs-input-binding,.gs-dropdown-menu .gs-input-binding{margin:0 15px;line-height:normal}.gs-menu .gs-input-binding .description,.gs-context-menu .gs-input-binding .description,.gs-dropdown-menu .gs-input-binding .description{margin-bottom:.2em}.gs-dropdown-menu-right{right:0}.gs-context-menu-backdrop{z-index:100;position:fixed;inset:0}.gs-context-menu{z-index:100;position:fixed}.gs-dropdown-menu{z-index:1;width:max-content;display:none;position:absolute;overflow:auto}.gs-dropdown-menu ul{padding-left:1.5em;list-style:none}.gs-dropdown-menu>li>ul{padding-left:0}label.checkbox{align-items:center;display:flex}label.checkbox input[type=checkbox]{flex:none;margin-right:.5em}:root{--gs-theme-primary:#6c82ab;--gs-theme-on-primary:#fff}.genome-spy-app{flex-direction:column;display:flex;position:absolute;inset:0}body>.genome-spy-app{background-color:#fff}.genome-spy-app{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px}.genome-spy-app .genome-spy-container{flex-grow:1;position:relative;overflow:hidden}.gs-toolbar,.gs-toolbar .btn-group{flex-direction:row;align-items:center;display:flex}.gs-toolbar{--gs-toolbar-bg:var(--gs-theme-primary);--gs-toolbar-fg:var(--gs-theme-on-primary);--gs-toolbar-bg-hi:oklch(from var(--gs-toolbar-bg) calc(l + .06) c h);--gs-toolbar-bg-lo:oklch(from var(--gs-toolbar-bg) calc(l - .06) c h);--gs-toolbar-bg-dim:oklch(from var(--gs-toolbar-bg) calc(l - .05) c h);background-color:var(--gs-toolbar-bg);border-top:1px solid var(--gs-toolbar-bg-hi);border-bottom:1px solid var(--gs-toolbar-bg-lo);height:38px;box-shadow:0 0 3px #00000080}.gs-toolbar .spacer{flex-grow:1}.gs-toolbar .logo{display:block}.gs-toolbar .logo img{vertical-align:middle;width:34px}.gs-toolbar .vis-title,.gs-toolbar .version a{color:var(--gs-toolbar-fg);text-shadow:0 1px 2px #0003;font-weight:400}.gs-toolbar .version a{opacity:.5;font-size:80%;text-decoration:none}.gs-toolbar .version a:visited{color:var(--gs-toolbar-fg)}.gs-toolbar .search-input{background-color:var(--gs-toolbar-bg-dim);color:var(--gs-toolbar-fg);border:1px solid oklch(from var(--gs-toolbar-bg) calc(l - .1) c h);width:260px;box-shadow:0px 1px 3px #0000001a inset, 1px 1px 0px oklch(from var(--gs-toolbar-bg) calc(l + .04) c h);text-shadow:0 1px 2px #0000004d;outline:none;padding:3px 6px;font-size:1em;position:relative}.gs-toolbar .search-help{box-sizing:border-box;z-index:1000;visibility:hidden;background:#f6f6f6;border:none;padding:10px;font-size:90%;position:absolute;box-shadow:0 3px 14px #00000026}.gs-toolbar .search-help>:first-child{margin-top:0}.gs-toolbar .search-help>:last-child{margin-bottom:0}.gs-toolbar .search-help{opacity:0;transition:opacity .2s,transform .2s ease-in-out,visibility .2s;transform:translateY(13px)}.gs-toolbar .search-help p{margin-bottom:.5em}.gs-toolbar .search-help ul{margin-top:.5em;padding-left:2.5em}.gs-toolbar .search-help li{cursor:pointer}.gs-toolbar .search:focus-within .search-help{opacity:1;visibility:visible;transform:translateY(3px)}.gs-toolbar>*{padding-left:10px}.gs-toolbar>:last-child{margin-right:10px}.gs-toolbar .tool-btn{--gs-toolbar-btn-bg:oklch(from var(--gs-toolbar-bg) calc(l + .03) c h);background-color:var(--gs-toolbar-btn-bg);background-image:linear-gradient(to bottom, oklch(from var(--gs-toolbar-btn-bg) calc(l + .05) calc(c - .005) h), oklch(from var(--gs-toolbar-btn-bg) calc(l - .02) c h));color:var(--gs-toolbar-fg);border:1px solid;border-top-color:oklch(from var(--gs-toolbar-btn-bg) calc(l + .08) c h);border-left-color:oklch(from var(--gs-toolbar-btn-bg) calc(l + .03) c h);border-right-color:oklch(from var(--gs-toolbar-btn-bg) calc(l - .08) c h);border-bottom-color:oklch(from var(--gs-toolbar-btn-bg) calc(l - .12) c h);border-radius:2px;justify-content:center;align-items:center;width:30px;height:26px;margin-left:10px;padding:0;font-size:1.15em;transition:color .15s;display:flex;box-shadow:0 1px 1px #00000026}.gs-toolbar .tool-btn>svg{filter:drop-shadow(0 0 1px #0000004d)}.gs-toolbar .tool-btn:active>*{position:relative;top:1px}.gs-toolbar .tool-btn:disabled{color:oklch(from var(--gs-toolbar-fg) l c h/.5)}.gs-toolbar .tool-btn:hover:not(:disabled){background-image:linear-gradient(to bottom, oklch(from var(--gs-toolbar-btn-bg) calc(l + .07) c h), oklch(from var(--gs-toolbar-btn-bg) calc(l + .01) c h))}.gs-toolbar .tool-btn:hover:not(:disabled)>svg{filter:drop-shadow(0 0 3px #96c8ff)}.gs-toolbar .tool-btn:focus{outline:none}.gs-toolbar .btn-group .tool-btn,.gs-toolbar .dropdown .tool-btn{margin-left:0}.gs-toolbar .dropdown{position:relative}.gs-toolbar .dropdown.show .gs-dropdown-menu{display:block}.gs-toolbar .dropdown.show>button{background-image:linear-gradient(to bottom, oklch(from var(--gs-toolbar-bg) calc(l + .09) c h), oklch(from var(--gs-toolbar-bg) calc(l + .06) c h))}.provenance-menu .operator{font-size:125%;line-height:.8}.gs-dropdown-menu.provenance-menu .active-state{background-color:#e0e0e0;border-left:5px solid silver;padding-left:10px}.gs-suppress-tooltip .genome-spy .tooltip{display:none}
+/*$vite$:1*/