@bokeh/bokehjs
Version:
Interactive, novel data visualization
8 lines (7 loc) • 4.92 kB
JavaScript
export default `:host{--common-padding:3px;--common-outline:#1a73e8 solid 1px;--panel-bg-color:#f1f3f4;--panel-border-color:var(--border-color);--muted-bg-color:#f1f3f4;--muted-color:#5f6368;--btn-size:16px;--btn-color:var(--shortcut-color);}.ref{cursor:pointer;}.monospace{font-family:var(--mono-font);}.hidden{display:none ;}.col{display:flex;flex-direction:column;}.row{display:flex;flex-direction:row;}.toolbar{display:flex;flex-direction:row;gap:1em;background-color:var(--panel-bg-color);border-bottom:1px solid var(--panel-border-color);padding:var(--common-padding);}.checkbox{display:flex;flex-direction:row;align-items:center;gap:0.25em;}.filter:focus{outline:var(--common-outline);}.examiner{height:100%;display:flex;border:1px solid var(--panel-border-color);}.models-panel{display:flex;flex-direction:column;border-right:1px solid var(--panel-border-color);}.props-panel{display:flex;flex-direction:column;height:100%;overflow:auto;}.watches-panel{display:flex;flex-direction:column;border-bottom:1px solid var(--panel-border-color);}.models-list{display:flex;flex-direction:column;height:min-content;padding:var(--common-padding);overflow-x:hidden;overflow-y:auto;}.props-list{display:grid;grid-template-columns:min-content min-content 1fr 1fr;column-gap:1em;padding:var(--common-padding);}.watches-list{display:grid;grid-template-columns:1fr 1fr max-content;column-gap:1em;padding:var(--common-padding);}.nothing{grid-column:1 / span 3;font-style:italic;text-align:center;}.prop{display:contents;}.prop.closed{display:none;}.prop > *{opacity:0.6;}.prop.dirty > *{opacity:1;}.model-ref{display:flex;align-items:center;flex-direction:row;font-family:var(--mono-font);}.model-ref:focus-visible{outline:var(--common-outline);}.model-ref:hover{background-color:var(--hover-color);}.model-ref.active{background-color:var(--active-bg);}.tag{margin-left:1em;padding:0 4px;font-size:60%;border-width:1px;border-style:solid;border-radius:4px;color:var(--color);background-color:var(--surface-background-color);border-color:var(--border-color);}.expander{margin:0 2px;display:inline-block;vertical-align:middle;background-color:var(--muted-color);--open-image:url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6">\
<path d="M 0 1 L 6 1 3 5 Z"/>\
</svg>');--closed-image:url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6">\
<path d="M 1 0 L 5 3 1 6 Z"/>\
</svg>');}.expander{width:6px;height:6px;mask-image:var(--open-image);-webkit-mask-image:var(--open-image);}.branch{display:contents;}.branch.collapsed > .prop{display:none;}.branch.collapsed .expander{mask-image:var(--closed-image);-webkit-mask-image:var(--closed-image);}.base{grid-column:1 / span 4;color:var(--muted-color);cursor:pointer;}.prop-attr,.prop-conns,.prop-kind,.prop-value{display:flex;flex-direction:row;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--mono-font);}.prop-attr > input[type="checkbox"]{visibility:hidden;margin-right:0.25em;}.prop-attr > input[type="checkbox"]:checked,.prop-attr:hover > input{visibility:visible;}.prop-attr:focus-visible{outline:var(--common-outline);}.prop-value{gap:0.5em;}.underline{text-decoration:underline;}.value.animated{animation-name:highlight;animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease;}@keyframes highlight{0%{background-color:#def189;}100%{background-color:initial;}}.btn{width:var(--btn-size);height:var(--btn-size);cursor:pointer;background-color:var(--btn-color);}.btn:hover{background-color:red;}.btn-edit{background-color:var(--icon-color);mask-image:var(--bokeh-icon-pencil);-webkit-mask-image:var(--bokeh-icon-pencil);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}.btn-accept{background-color:var(--icon-color);mask-image:var(--bokeh-icon-check);-webkit-mask-image:var(--bokeh-icon-check);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}.btn-cancel{background-color:var(--icon-color);mask-image:var(--bokeh-icon-x);-webkit-mask-image:var(--bokeh-icon-x);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}.btn-delete{background-color:var(--icon-color);mask-image:var(--bokeh-icon-trash);-webkit-mask-image:var(--bokeh-icon-trash);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}.prop-value .btn-edit{visibility:hidden;}.prop-value:hover .btn-edit{visibility:visible;}.prop-value .btn-accept:hover{background-color:green;}`