prism-code-editor
Version:
Lightweight, extensible code editor component for the web using Prism
8 lines (7 loc) • 3.23 kB
JavaScript
const e = `.prism-code-editor{overflow:auto;display:grid;background:var(--editor__bg);line-height:1.4;--_pse: var(--padding-inline, .75em);--_ns: var(--number-spacing, .75em);--padding-left: var(--_pse);scroll-padding-left:var(--padding-left);-webkit-user-select:none;user-select:none;isolation:isolate;white-space:pre}.show-line-numbers{--padding-left: calc(var(--_pse) + var(--number-width) + var(--_ns));grid:1fr / 0 1fr}.pce-wrapper{margin:.5em 0;position:relative;pointer-events:none;-webkit-text-size-adjust:none;text-size-adjust:none}.prism-code-editor textarea{all:unset;box-sizing:border-box;height:100%;width:100%;color:#0000;-webkit-user-select:auto;user-select:auto;overflow:hidden;pointer-events:auto;padding:0 var(--_pse) 0 var(--padding-left)}.pce-no-selection>:focus{z-index:1}.pce-line{padding:0 var(--_pse) 0 0;margin:0 0 0 var(--padding-left);position:relative}.show-line-numbers .pce-line:before{content:attr(data-line);display:inline-block;margin:0 0 0 calc(-1 * var(--padding-left));padding:0 var(--_ns) 0 0;box-sizing:border-box;color:var(--editor__line-number);text-align:end}.show-line-numbers:before{content:"";background:inherit;pointer-events:none}.show-line-numbers:before,.pce-line:before{position:sticky;height:100%;z-index:2;left:0;width:var(--padding-left)}.pce-wrap .pce-line:before{position:absolute}.pce-overlays,div.pce-overlays>*,.pce-no-selection~.active-line:after,.active-line.match-highlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.active-line:after{border:var(--editor__border-highlight);background:var(--editor__bg-highlight);z-index:-2}.pce-wrap{white-space:pre-wrap;word-break:break-word}.selection-matches span{background:var(--editor__bg-selection-match)}.pce-nowrap .active-bracket{display:inline-block}
`, r = `div.pce-rtl{direction:rtl;scroll-padding:0 var(--padding-left) 0 0}div.pce-rtl:before,.pce-rtl .pce-line:before{left:auto;right:0;background:none}.pce-rtl textarea,.pce-rtl .selection-matches,.pce-rtl .pce-matches{padding:0 var(--padding-left) 0 var(--_pse)!important}.pce-rtl .guide-indents{left:auto!important;right:var(--padding-left);transform:scaleX(-1)}.pce-rtl .pce-copy:after{left:calc(100% + .5em);right:auto}.pce-rtl.show-line-numbers .pce-line:before{margin:0 calc(-1 * var(--padding-left)) 0 0;padding:0 0 0 var(--_ns);background:var(--editor__bg)}.pce-rtl .pce-line{padding:0 0 0 var(--_pse);margin:0 var(--padding-left) 0 0}.pce-rtl.pce-nowrap .pce-fold{right:calc(2px + var(--padding-left) - var(--_ns))}.pce-rtl .pce-fold{margin:0 calc(2px - var(--_ns)) 0 0}.pce-rtl .closed-fold>:after{transform:translateY(-50%) rotate(90deg)}div.pce-rtl .active-bracket{display:inline}
`, t = `@media (hover: hover){.prism-code-editor::-webkit-scrollbar-corner,.prism-code-editor::-webkit-scrollbar-track{background:#0000}.prism-code-editor::-webkit-scrollbar{height:1em;width:1em}.prism-code-editor::-webkit-scrollbar-thumb{background:hsla(var(--editor__bg-scrollbar),.36);width:2em;height:2em}.prism-code-editor::-webkit-scrollbar-thumb:hover{background:hsla(var(--editor__bg-scrollbar),.5)}.prism-code-editor::-webkit-scrollbar-thumb:active{background:hsla(var(--editor__bg-scrollbar),.66)}}
`, i = e + r + t;
export {
i as default
};