xterm-addon-webgl - npm Package Compare versions

Comparing version 0.4.0-beta5 to 0.4.0-beta6

lib/xterm-addon-webgl.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.WebglAddon=e():t.WebglAddon=e()}(window,function(){return function(t){var e={};function i(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,r){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(r,o,function(e){return t[e]}.bind(null,o));return r},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=11)}([function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.DEFAULT_COLOR=256,e.DEFAULT_ATTR=256|e.DEFAULT_COLOR<<9,e.CHAR_DATA_ATTR_INDEX=0,e.CHAR_DATA_CHAR_INDEX=1,e.CHAR_DATA_WIDTH_INDEX=2,e.CHAR_DATA_CODE_INDEX=3,e.NULL_CELL_CHAR="",e.NULL_CELL_WIDTH=1,e.NULL_CELL_CODE=0,e.WHITESPACE_CELL_CHAR=" ",e.WHITESPACE_CELL_WIDTH=1,e.WHITESPACE_CELL_CODE=32},function(t,e,i){"use strict";function r(t,e,i){var r=o(t.createShader(e));if(t.shaderSource(r,i),t.compileShader(r),t.getShaderParameter(r,t.COMPILE_STATUS))return r;console.error(t.getShaderInfoLog(r)),t.deleteShader(r)}function o(t){if(!t)throw new Error("value must not be falsy");return t}Object.defineProperty(e,"__esModule",{value:!0}),e.PROJECTION_MATRIX=new Float32Array([2,0,0,0,0,-2,0,0,0,0,1,0,-1,1,0,1]),e.createProgram=function(t,e,i){var s=o(t.createProgram());if(t.attachShader(s,o(r(t,t.VERTEX_SHADER,e))),t.attachShader(s,o(r(t,t.FRAGMENT_SHADER,i))),t.linkProgram(s),t.getProgramParameter(s,t.LINK_STATUS))return s;console.error(t.getProgramInfoLog(s)),t.deleteProgram(s)},e.createShader=r,e.expandFloat32Array=function(t,e){for(var i=Math.min(2*t.length,e),r=new Float32Array(i),o=0;o<t.length;o++)r[o]=t[o];return r},e.throwIfFalsy=o},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(0),o={css:"",rgba:0};e.generateConfig=function(t,e,i,r){var s={foreground:r.foreground,background:r.background,cursor:o,cursorAccent:o,selection:o,ansi:r.ansi.slice()};return{devicePixelRatio:window.devicePixelRatio,scaledCharWidth:t,scaledCharHeight:e,fontFamily:i.getOption("fontFamily"),fontSize:i.getOption("fontSize"),fontWeight:i.getOption("fontWeight"),fontWeightBold:i.getOption("fontWeightBold"),allowTransparency:i.getOption("allowTransparency"),colors:s}},e.configEquals=function(t,e){for(var i=0;i<t.colors.ansi.length;i++)if(t.colors.ansi[i].rgba!==e.colors.ansi[i].rgba)return!1;return t.devicePixelRatio===e.devicePixelRatio&&t.fontFamily===e.fontFamily&&t.fontSize===e.fontSize&&t.fontWeight===e.fontWeight&&t.fontWeightBold===e.fontWeightBold&&t.allowTransparency===e.allowTransparency&&t.scaledCharWidth===e.scaledCharWidth&&t.scaledCharHeight===e.scaledCharHeight&&t.colors.foreground===e.colors.foreground&&t.colors.background===e.colors.background},e.is256Color=function(t){return t<r.DEFAULT_COLOR}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.INVERTED_DEFAULT_COLOR=257,e.DIM_OPACITY=.5,e.CHAR_ATLAS_CELL_SPACING=1},function(t,e,i){"use strict";function r(t,e,i,r){if(void 0===i&&(i=0),void 0===r&&(r=t.length),i>=t.length)return t;i=(t.length+i)%t.length,r=r>=t.length?t.length:(t.length+r)%t.length;for(var o=i;o<r;++o)t[o]=e;return t}Object.defineProperty(e,"__esModule",{value:!0}),e.fill=function(t,e,i,o){return t.fill?t.fill(e,i,o):r(t,e,i,o)},e.fillFallback=r,e.concat=function(t,e){var i=new t.constructor(t.length+e.length);return i.set(t),i.set(e,t.length),i}},function(t,e,i){"use strict";var r,o=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])})(t,e)},function(t,e){function i(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)});Object.defineProperty(e,"__esModule",{value:!0});var s=i(12),n=i(14),a=i(16),l=i(9),h=i(19),c=i(3),_=i(6),d=i(20),u=i(0),f=i(7),p=i(21),v=i(22);e.INDICIES_PER_CELL=4;var g=function(t){function i(e,i,r){var o=t.call(this)||this;o._terminal=e,o._colors=i,o._model=new _.RenderModel,o._onRequestRefreshRows=new v.EventEmitter,o._core=o._terminal._core,o._applyBgLuminanceBasedSelection(),o._renderLayers=[new n.LinkRenderLayer(o._core.screenElement,2,o._colors,o._core),new a.CursorRenderLayer(o._core.screenElement,3,o._colors,o._onRequestRefreshRows)],o.dimensions={scaledCharWidth:0,scaledCharHeight:0,scaledCellWidth:0,scaledCellHeight:0,scaledCharLeft:0,scaledCharTop:0,scaledCanvasWidth:0,scaledCanvasHeight:0,canvasWidth:0,canvasHeight:0,actualCellWidth:0,actualCellHeight:0},o._devicePixelRatio=window.devicePixelRatio,o._updateDimensions(),o._canvas=document.createElement("canvas");var l={antialias:!1,depth:!1,preserveDrawingBuffer:r};if(o._gl=o._canvas.getContext("webgl2",l),!o._gl)throw new Error("WebGL2 not supported");return o._core.screenElement.appendChild(o._canvas),o._rectangleRenderer=new h.RectangleRenderer(o._terminal,o._colors,o._gl,o.dimensions),o._glyphRenderer=new s.GlyphRenderer(o._terminal,o._colors,o._gl,o.dimensions),o.onCharSizeChanged(),o}return o(i,t),Object.defineProperty(i.prototype,"onRequestRefreshRows",{get:function(){return this._onRequestRefreshRows.event},enumerable:!0,configurable:!0}),i.prototype.dispose=function(){this._renderLayers.forEach(function(t){return t.dispose()}),this._core.screenElement.removeChild(this._canvas),t.prototype.dispose.call(this)},i.prototype._applyBgLuminanceBasedSelection=function(){f.getLuminance(this._colors.background)>.5?this._colors.selection={css:"#000",rgba:255}:this._colors.selection={css:"#fff",rgba:4294967295}},i.prototype.setColors=function(t){var e=this;this._colors=t,this._applyBgLuminanceBasedSelection(),this._renderLayers.forEach(function(t){t.setColors(e._terminal,e._colors),t.reset(e._terminal)}),this._rectangleRenderer.setColors(),this._glyphRenderer.setColors(),this._refreshCharAtlas(),this._model.clear()},i.prototype.onDevicePixelRatioChange=function(){this._devicePixelRatio!==window.devicePixelRatio&&(this._devicePixelRatio=window.devicePixelRatio,this.onResize(this._terminal.cols,this._terminal.rows))},i.prototype.onResize=function(t,e){var i=this;this._updateDimensions(),this._model.resize(this._terminal.cols,this._terminal.rows),this._rectangleRenderer.onResize(),this._renderLayers.forEach(function(t){return t.resize(i._terminal,i.dimensions)}),this._canvas.width=this.dimensions.scaledCanvasWidth,this._canvas.height=this.dimensions.scaledCanvasHeight,this._canvas.style.width=this.dimensions.canvasWidth+"px",this._canvas.style.height=this.dimensions.canvasHeight+"px",this._core.screenElement.style.width=this.dimensions.canvasWidth+"px",this._core.screenElement.style.height=this.dimensions.canvasHeight+"px",this._glyphRenderer.setDimensions(this.dimensions),this._glyphRenderer.onResize(),this._refreshCharAtlas(),this._model.clear()},i.prototype.onCharSizeChanged=function(){this.onResize(this._terminal.cols,this._terminal.rows)},i.prototype.onBlur=function(){var t=this;this._renderLayers.forEach(function(e){return e.onBlur(t._terminal)})},i.prototype.onFocus=function(){var t=this;this._renderLayers.forEach(function(e){return e.onFocus(t._terminal)})},i.prototype.onSelectionChanged=function(t,e,i){var r=this;this._renderLayers.forEach(function(o){return o.onSelectionChanged(r._terminal,t,e,i)}),this._updateSelectionModel(t,e),this._rectangleRenderer.updateSelection(this._model.selection,i),this._glyphRenderer.updateSelection(this._model,i),this._onRequestRefreshRows.fire({start:0,end:this._terminal.rows-1})},i.prototype.onCursorMove=function(){var t=this;this._renderLayers.forEach(function(e){return e.onCursorMove(t._terminal)})},i.prototype.onOptionsChanged=function(){var t=this;this._renderLayers.forEach(function(e){return e.onOptionsChanged(t._terminal)}),this._updateDimensions(),this._refreshCharAtlas()},i.prototype._refreshCharAtlas=function(){if(!(this.dimensions.scaledCharWidth<=0&&this.dimensions.scaledCharHeight<=0)){var t=l.acquireCharAtlas(this._terminal,this._colors,this.dimensions.scaledCharWidth,this.dimensions.scaledCharHeight);if(!("getRasterizedGlyph"in t))throw new Error("The webgl renderer only works with the webgl char atlas");this._charAtlas=t,this._charAtlas.warmUp(),this._glyphRenderer.setAtlas(this._charAtlas)}},i.prototype.clear=function(){var t=this;this._renderLayers.forEach(function(e){return e.reset(t._terminal)})},i.prototype.registerCharacterJoiner=function(t){return-1},i.prototype.deregisterCharacterJoiner=function(t){return!1},i.prototype.renderRows=function(t,e){var i=this;this._renderLayers.forEach(function(r){return r.onGridChanged(i._terminal,t,e)}),this._glyphRenderer.beginFrame()&&this._model.clear(),this._updateModel(t,e),this._rectangleRenderer.render(),this._glyphRenderer.render(this._model,this._model.selection.hasSelection)},i.prototype._updateModel=function(t,i){for(var r=this._core,o=t;o<=i;o++){var s=o+r.buffer.ydisp,n=r.buffer.lines.get(s);this._model.lineLengths[o]=0;for(var a=0;a<r.cols;a++){var l=n.get(a),h=l[u.CHAR_DATA_CHAR_INDEX],d=l[u.CHAR_DATA_CODE_INDEX],f=p.getCompatAttr(n,a),v=(o*r.cols+a)*e.INDICIES_PER_CELL;if(d!==u.NULL_CELL_CODE&&(this._model.lineLengths[o]=a+1),this._model.cells[v]!==d||this._model.cells[v+1]!==f){var g=f>>18,C=511&f,m=f>>9&511;if(8&g){var y=C;C=m,(m=y)===u.DEFAULT_COLOR&&(m=c.INVERTED_DEFAULT_COLOR),C===u.DEFAULT_COLOR&&(C=c.INVERTED_DEFAULT_COLOR)}m+=r.options.drawBoldTextInBrightColors&&!!(1&g)&&m<8&&m!==c.INVERTED_DEFAULT_COLOR?8:0,h.length>1&&(d|=_.COMBINED_CHAR_BIT_MASK),this._model.cells[v]=d,this._model.cells[v+1]=f,this._model.cells[v+2]=C,this._model.cells[v+3]=m,this._glyphRenderer.updateCell(a,o,d,f,C,m,h)}}}this._rectangleRenderer.updateBackgrounds(this._model)},i.prototype._updateSelectionModel=function(t,e){var i=this._terminal;if(t&&e&&(t[0]!==e[0]||t[1]!==e[1])){var r=t[1]-i.buffer.viewportY,o=e[1]-i.buffer.viewportY,s=Math.max(r,0),n=Math.min(o,i.rows-1);s>=i.rows||n<0?this._model.clearSelection():(this._model.selection.hasSelection=!0,this._model.selection.viewportStartRow=r,this._model.selection.viewportEndRow=o,this._model.selection.viewportCappedStartRow=s,this._model.selection.viewportCappedEndRow=n,this._model.selection.startCol=t[0],this._model.selection.endCol=e[0])}else this._model.clearSelection()},i.prototype._updateDimensions=function(){this._core._charSizeService.width&&this._core._charSizeService.height&&(this.dimensions.scaledCharWidth=Math.floor(this._core._charSizeService.width*this._devicePixelRatio),this.dimensions.scaledCharHeight=Math.ceil(this._core._charSizeService.height*this._devicePixelRatio),this.dimensions.scaledCellHeight=Math.floor(this.dimensions.scaledCharHeight*this._terminal.getOption("lineHeight")),this.dimensions.scaledCharTop=1===this._terminal.getOption("lineHeight")?0:Math.round((this.dimensions.scaledCellHeight-this.dimensions.scaledCharHeight)/2),this.dimensions.scaledCellWidth=this.dimensions.scaledCharWidth+Math.round(this._terminal.getOption("letterSpacing")),this.dimensions.scaledCharLeft=Math.floor(this._terminal.getOption("letterSpacing")/2),this.dimensions.scaledCanvasHeight=this._terminal.rows*this.dimensions.scaledCellHeight,this.dimensions.scaledCanvasWidth=this._terminal.cols*this.dimensions.scaledCellWidth,this.dimensions.canvasHeight=Math.round(this.dimensions.scaledCanvasHeight/this._devicePixelRatio),this.dimensions.canvasWidth=Math.round(this.dimensions.scaledCanvasWidth/this._devicePixelRatio),this.dimensions.actualCellHeight=this.dimensions.scaledCellHeight/this._devicePixelRatio,this.dimensions.actualCellWidth=this.dimensions.scaledCellWidth/this._devicePixelRatio)},i}(d.Disposable);e.WebglRenderer=g},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(4);e.RENDER_MODEL_INDICIES_PER_CELL=4,e.COMBINED_CHAR_BIT_MASK=2147483648;var o=function(){function t(){this.cells=new Uint32Array(0),this.lineLengths=new Uint32Array(0),this.selection={hasSelection:!1,viewportStartRow:0,viewportEndRow:0,viewportCappedStartRow:0,viewportCappedEndRow:0,startCol:0,endCol:0}}return t.prototype.resize=function(t,i){var r=t*i*e.RENDER_MODEL_INDICIES_PER_CELL;r!==this.cells.length&&(this.cells=new Uint32Array(r),this.lineLengths=new Uint32Array(i))},t.prototype.clear=function(){r.fill(this.cells,0,0),r.fill(this.lineLengths,0,0),this.clearSelection()},t.prototype.clearSelection=function(){this.selection.hasSelection=!1,this.selection.viewportStartRow=0,this.selection.viewportEndRow=0,this.selection.viewportCappedStartRow=0,this.selection.viewportCappedEndRow=0,this.selection.startCol=0,this.selection.endCol=0},t}();e.RenderModel=o},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getLuminance=function(t){return(.299*(t.rgba>>24&255)+.587*(t.rgba>>16&255)+.114*(t.rgba>>8&255))/255}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(9),o=i(1),s=function(){function t(t,e,i,r,o){this._container=t,this._alpha=r,this._colors=o,this._scaledCharWidth=0,this._scaledCharHeight=0,this._scaledCellWidth=0,this._scaledCellHeight=0,this._scaledCharLeft=0,this._scaledCharTop=0,this._currentGlyphIdentifier={chars:"",code:0,bg:0,fg:0,bold:!1,dim:!1,italic:!1},this._canvas=document.createElement("canvas"),this._canvas.classList.add("xterm-"+e+"-layer"),this._canvas.style.zIndex=i.toString(),this._initCanvas(),this._container.appendChild(this._canvas)}return t.prototype.dispose=function(){this._container.removeChild(this._canvas),this._charAtlas&&this._charAtlas.dispose()},t.prototype._initCanvas=function(){this._ctx=o.throwIfFalsy(this._canvas.getContext("2d",{alpha:this._alpha})),this._alpha||this._clearAll()},t.prototype.onOptionsChanged=function(t){},t.prototype.onBlur=function(t){},t.prototype.onFocus=function(t){},t.prototype.onCursorMove=function(t){},t.prototype.onGridChanged=function(t,e,i){},t.prototype.onSelectionChanged=function(t,e,i,r){void 0===r&&(r=!1)},t.prototype.setColors=function(t,e){this._refreshCharAtlas(t,e)},t.prototype._setTransparency=function(t,e){if(e!==this._alpha){var i=this._canvas;this._alpha=e,this._canvas=this._canvas.cloneNode(),this._initCanvas(),this._container.replaceChild(this._canvas,i),this._refreshCharAtlas(t,this._colors),this.onGridChanged(t,0,t.rows-1)}},t.prototype._refreshCharAtlas=function(t,e){this._scaledCharWidth<=0&&this._scaledCharHeight<=0||(this._charAtlas=r.acquireCharAtlas(t,e,this._scaledCharWidth,this._scaledCharHeight),this._charAtlas.warmUp())},t.prototype.resize=function(t,e){this._scaledCellWidth=e.scaledCellWidth,this._scaledCellHeight=e.scaledCellHeight,this._scaledCharWidth=e.scaledCharWidth,this._scaledCharHeight=e.scaledCharHeight,this._scaledCharLeft=e.scaledCharLeft,this._scaledCharTop=e.scaledCharTop,this._canvas.width=e.scaledCanvasWidth,this._canvas.height=e.scaledCanvasHeight,this._canvas.style.width=e.canvasWidth+"px",this._canvas.style.height=e.canvasHeight+"px",this._alpha||this._clearAll(),this._refreshCharAtlas(t,this._colors)},t.prototype._fillCells=function(t,e,i,r){this._ctx.fillRect(t*this._scaledCellWidth,e*this._scaledCellHeight,i*this._scaledCellWidth,r*this._scaledCellHeight)},t.prototype._fillBottomLineAtCells=function(t,e,i){void 0===i&&(i=1),this._ctx.fillRect(t*this._scaledCellWidth,(e+1)*this._scaledCellHeight-window.devicePixelRatio-1,i*this._scaledCellWidth,window.devicePixelRatio)},t.prototype._fillLeftLineAtCell=function(t,e){this._ctx.fillRect(t*this._scaledCellWidth,e*this._scaledCellHeight,window.devicePixelRatio,this._scaledCellHeight)},t.prototype._strokeRectAtCell=function(t,e,i,r){this._ctx.lineWidth=window.devicePixelRatio,this._ctx.strokeRect(t*this._scaledCellWidth+window.devicePixelRatio/2,e*this._scaledCellHeight+window.devicePixelRatio/2,i*this._scaledCellWidth-window.devicePixelRatio,r*this._scaledCellHeight-window.devicePixelRatio)},t.prototype._clearAll=function(){this._alpha?this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height):(this._ctx.fillStyle=this._colors.background.css,this._ctx.fillRect(0,0,this._canvas.width,this._canvas.height))},t.prototype._clearCells=function(t,e,i,r){this._alpha?this._ctx.clearRect(t*this._scaledCellWidth,e*this._scaledCellHeight,i*this._scaledCellWidth,r*this._scaledCellHeight):(this._ctx.fillStyle=this._colors.background.css,this._ctx.fillRect(t*this._scaledCellWidth,e*this._scaledCellHeight,i*this._scaledCellWidth,r*this._scaledCellHeight))},t.prototype._fillCharTrueColor=function(t,e,i,r){this._ctx.font=this._getFont(t,!1,!1),this._ctx.textBaseline="middle",this._clipRow(t,r),this._ctx.fillText(e.getChars(),i*this._scaledCellWidth+this._scaledCharLeft,r*this._scaledCellHeight+this._scaledCharTop+this._scaledCharHeight/2)},t.prototype._clipRow=function(t,e){this._ctx.beginPath(),this._ctx.rect(0,e*this._scaledCellHeight,t.cols*this._scaledCellWidth,this._scaledCellHeight),this._ctx.clip()},t.prototype._getFont=function(t,e,i){return(i?"italic":"")+" "+(e?t.getOption("fontWeightBold"):t.getOption("fontWeight"))+" "+t.getOption("fontSize")*window.devicePixelRatio+"px "+t.getOption("fontFamily")},t}();e.BaseRenderLayer=s},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(2),o=i(15),s=[];e.acquireCharAtlas=function(t,e,i,n){for(var a=r.generateConfig(i,n,t,e),l=0;l<s.length;l++){var h=(c=s[l]).ownedBy.indexOf(t);if(h>=0){if(r.configEquals(c.config,a))return c.atlas;1===c.ownedBy.length?(c.atlas.dispose(),s.splice(l,1)):c.ownedBy.splice(h,1);break}}for(l=0;l<s.length;l++){var c=s[l];if(r.configEquals(c.config,a))return c.ownedBy.push(t),c.atlas}var _={atlas:new o.WebglCharAtlas(document,a),config:a,ownedBy:[t]};return s.push(_),_.atlas},e.removeTerminalFromCache=function(t){for(var e=0;e<s.length;e++){var i=s[e].ownedBy.indexOf(t);if(-1!==i){1===s[e].ownedBy.length?(s[e].atlas.dispose(),s.splice(e,1)):s[e].ownedBy.splice(i,1);break}}}},function(t,e,i){"use strict";var r,o=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])})(t,e)},function(t,e){function i(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)});Object.defineProperty(e,"__esModule",{value:!0});var s=i(17),n=i(0),a=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.content=0,e.fg=0,e.bg=0,e.combinedData="",e}return o(e,t),e.fromCharData=function(t){var i=new e;return i.setFromCharData(t),i},e.prototype.isCombined=function(){return 2097152&this.content},e.prototype.getWidth=function(){return this.content>>22},e.prototype.getChars=function(){return 2097152&this.content?this.combinedData:2097151&this.content?s.stringFromCodePoint(2097151&this.content):""},e.prototype.getCode=function(){return this.isCombined()?this.combinedData.charCodeAt(this.combinedData.length-1):2097151&this.content},e.prototype.setFromCharData=function(t){this.fg=t[n.CHAR_DATA_ATTR_INDEX],this.bg=0;var e=!1;if(t[n.CHAR_DATA_CHAR_INDEX].length>2)e=!0;else if(2===t[n.CHAR_DATA_CHAR_INDEX].length){var i=t[n.CHAR_DATA_CHAR_INDEX].charCodeAt(0);if(55296<=i&&i<=56319){var r=t[n.CHAR_DATA_CHAR_INDEX].charCodeAt(1);56320<=r&&r<=57343?this.content=1024*(i-55296)+r-56320+65536|t[n.CHAR_DATA_WIDTH_INDEX]<<22:e=!0}else e=!0}else this.content=t[n.CHAR_DATA_CHAR_INDEX].charCodeAt(0)|t[n.CHAR_DATA_WIDTH_INDEX]<<22;e&&(this.combinedData=t[n.CHAR_DATA_CHAR_INDEX],this.content=2097152|t[n.CHAR_DATA_WIDTH_INDEX]<<22)},e.prototype.getAsCharData=function(){return[this.fg,this.getChars(),this.getWidth(),this.getCode()]},e}(i(18).AttributeData);e.CellData=a},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(5),o=function(){function t(t){this._preserveDrawingBuffer=t}return t.prototype.activate=function(t){if(!t.element)throw new Error("Cannot activate WebglAddon before Terminal.open");this._terminal=t;var e=t._core._renderService,i=t._core._colorManager.colors;e.setRenderer(new r.WebglRenderer(t,i,this._preserveDrawingBuffer))},t.prototype.dispose=function(){if(!this._terminal)throw new Error("Cannot dispose WebglAddon because it is activated");var t=this._terminal._core._renderService;t.setRenderer(this._terminal._core._createRenderer()),t.onResize(this._terminal.cols,this._terminal.rows)},t}();e.WebglAddon=o},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(1),o=i(5),s=i(6),n=i(4),a=i(13),l=i(0),h=i(7),c="#version 300 es\nlayout (location = 0) in vec2 a_unitquad;\nlayout (location = 1) in vec2 a_cellpos;\nlayout (location = 2) in vec2 a_offset;\nlayout (location = 3) in vec2 a_size;\nlayout (location = 4) in vec2 a_texcoord;\nlayout (location = 5) in vec2 a_texsize;\n\nuniform mat4 u_projection;\nuniform vec2 u_resolution;\n\nout vec2 v_texcoord;\n\nvoid main() {\n  vec2 zeroToOne = (a_offset / u_resolution) + a_cellpos + (a_unitquad * a_size);\n  gl_Position = u_projection * vec4(zeroToOne, 0.0, 1.0);\n  v_texcoord = a_texcoord + a_unitquad * a_texsize;\n}",_="#version 300 es\nprecision lowp float;\n\nin vec2 v_texcoord;\n\nuniform sampler2D u_texture;\n\nout vec4 outColor;\n\nvoid main() {\n  outColor = texture(u_texture, v_texcoord);\n}",d=10*Float32Array.BYTES_PER_ELEMENT,u=function(){function t(t,e,i,o){this._terminal=t,this._colors=e,this._gl=i,this._dimensions=o,this._activeBuffer=0,this._vertices={count:0,attributes:new Float32Array(0),attributesBuffers:[new Float32Array(0),new Float32Array(0)],selectionAttributes:new Float32Array(0)};var s=this._gl,n=r.throwIfFalsy(r.createProgram(s,c,_));this._program=n,this._projectionLocation=r.throwIfFalsy(s.getUniformLocation(this._program,"u_projection")),this._resolutionLocation=r.throwIfFalsy(s.getUniformLocation(this._program,"u_resolution")),this._textureLocation=r.throwIfFalsy(s.getUniformLocation(this._program,"u_texture")),this._vertexArrayObject=s.createVertexArray(),s.bindVertexArray(this._vertexArrayObject);var a=new Float32Array([0,0,1,0,0,1,1,1]),l=s.createBuffer();s.bindBuffer(s.ARRAY_BUFFER,l),s.bufferData(s.ARRAY_BUFFER,a,s.STATIC_DRAW),s.enableVertexAttribArray(0),s.vertexAttribPointer(0,2,this._gl.FLOAT,!1,0,0);var h=new Uint8Array([0,1,3,0,2,3]),u=s.createBuffer();s.bindBuffer(s.ELEMENT_ARRAY_BUFFER,u),s.bufferData(s.ELEMENT_ARRAY_BUFFER,h,s.STATIC_DRAW),this._attributesBuffer=r.throwIfFalsy(s.createBuffer()),s.bindBuffer(s.ARRAY_BUFFER,this._attributesBuffer),s.enableVertexAttribArray(2),s.vertexAttribPointer(2,2,s.FLOAT,!1,d,0),s.vertexAttribDivisor(2,1),s.enableVertexAttribArray(3),s.vertexAttribPointer(3,2,s.FLOAT,!1,d,2*Float32Array.BYTES_PER_ELEMENT),s.vertexAttribDivisor(3,1),s.enableVertexAttribArray(4),s.vertexAttribPointer(4,2,s.FLOAT,!1,d,4*Float32Array.BYTES_PER_ELEMENT),s.vertexAttribDivisor(4,1),s.enableVertexAttribArray(5),s.vertexAttribPointer(5,2,s.FLOAT,!1,d,6*Float32Array.BYTES_PER_ELEMENT),s.vertexAttribDivisor(5,1),s.enableVertexAttribArray(1),s.vertexAttribPointer(1,2,s.FLOAT,!1,d,8*Float32Array.BYTES_PER_ELEMENT),s.vertexAttribDivisor(1,1),this._atlasTexture=r.throwIfFalsy(s.createTexture()),s.bindTexture(s.TEXTURE_2D,this._atlasTexture),s.texImage2D(s.TEXTURE_2D,0,s.RGBA,1,1,0,s.RGBA,s.UNSIGNED_BYTE,new Uint8Array([0,0,255,255])),s.texParameteri(s.TEXTURE_2D,s.TEXTURE_WRAP_S,s.CLAMP_TO_EDGE),s.texParameteri(s.TEXTURE_2D,s.TEXTURE_WRAP_T,s.CLAMP_TO_EDGE),s.enable(s.BLEND),s.blendFunc(s.SRC_ALPHA,s.ONE_MINUS_SRC_ALPHA),this.onResize()}return t.prototype.beginFrame=function(){return!this._atlas||this._atlas.beginFrame()},t.prototype.updateCell=function(t,e,i,r,o,s,n){this._updateCell(this._vertices.attributes,t,e,i,r,o,s,n)},t.prototype._updateCell=function(t,e,i,r,o,s,a,h){var c=10*(i*this._terminal.cols+e);if(r!==l.NULL_CELL_CODE&&r!==l.WHITESPACE_CELL_CODE&&void 0!==r){var _;if(!this._atlas)throw new Error("atlas must be set before updating cell");(_=h&&h.length>1?this._atlas.getRasterizedGlyphCombinedChar(h,o,s,a):this._atlas.getRasterizedGlyph(r,o,s,a))?(t[c]=-_.offset.x+this._dimensions.scaledCharLeft,t[c+1]=-_.offset.y+this._dimensions.scaledCharTop,t[c+2]=_.size.x/this._dimensions.scaledCanvasWidth,t[c+3]=_.size.y/this._dimensions.scaledCanvasHeight,t[c+4]=_.texturePositionClipSpace.x,t[c+5]=_.texturePositionClipSpace.y,t[c+6]=_.sizeClipSpace.x,t[c+7]=_.sizeClipSpace.y):n.fill(t,0,c,c+10-1-2)}else n.fill(t,0,c,c+10-1-2)},t.prototype.updateSelection=function(t,e){var i=this._terminal;this._vertices.selectionAttributes=a.slice(this._vertices.attributes,0);var r=h.getLuminance(this._colors.background),o=r>.5?7:0,s=r>.5?0:7;if(e)for(var n=t.selection.startCol,l=t.selection.endCol-n,c=t.selection.viewportCappedEndRow-t.selection.viewportCappedStartRow+1,_=t.selection.viewportCappedStartRow;_<t.selection.viewportCappedStartRow+c;_++)this._updateSelectionRange(n,n+l,_,t,s,o);else{n=t.selection.viewportStartRow===t.selection.viewportCappedStartRow?t.selection.startCol:0;var d=t.selection.viewportCappedStartRow===t.selection.viewportCappedEndRow?t.selection.endCol:i.cols;this._updateSelectionRange(n,d,t.selection.viewportCappedStartRow,t,s,o);var u=Math.max(t.selection.viewportCappedEndRow-t.selection.viewportCappedStartRow-1,0);for(_=t.selection.viewportCappedStartRow+1;_<=t.selection.viewportCappedStartRow+u;_++)this._updateSelectionRange(0,d,_,t,s,o);if(t.selection.viewportCappedStartRow!==t.selection.viewportCappedEndRow){var f=t.selection.viewportEndRow===t.selection.viewportCappedEndRow?t.selection.endCol:i.cols;this._updateSelectionRange(0,f,t.selection.viewportCappedEndRow,t,s,o)}}},t.prototype._updateSelectionRange=function(t,e,i,r,n,a){for(var l,h=this._terminal,c=i+h.buffer.viewportY,_=t;_<e;_++){var d=(i*this._terminal.cols+_)*o.INDICIES_PER_CELL,u=r.cells[d+1];if(u=-262144&u|n<<9|a,r.cells[d]&s.COMBINED_CHAR_BIT_MASK){l||(l=h.buffer.getLine(c));var f=l.getCell(_).char;this._updateCell(this._vertices.selectionAttributes,_,i,r.cells[d],u,n,a,f)}else this._updateCell(this._vertices.selectionAttributes,_,i,r.cells[d],u,n,a)}},t.prototype.onResize=function(){var t=this._terminal,e=this._gl;e.viewport(0,0,e.canvas.width,e.canvas.height);var i=t.cols*t.rows*10;if(this._vertices.count!==i){this._vertices.count=i,this._vertices.attributes=new Float32Array(i);for(var r=0;r<this._vertices.attributesBuffers.length;r++)this._vertices.attributesBuffers[r]=new Float32Array(i);for(var o=0,s=0;s<t.rows;s++)for(var n=0;n<t.cols;n++)this._vertices.attributes[o+8]=n/t.cols,this._vertices.attributes[o+9]=s/t.rows,o+=10}},t.prototype.setColors=function(){},t.prototype.render=function(t,e){if(this._atlas){var i=this._gl;i.useProgram(this._program),i.bindVertexArray(this._vertexArrayObject),this._activeBuffer=(this._activeBuffer+1)%2;for(var o=this._vertices.attributesBuffers[this._activeBuffer],s=0,n=0;n<t.lineLengths.length;n++){var a=n*this._terminal.cols*10,l=(e?this._vertices.selectionAttributes:this._vertices.attributes).subarray(a,a+10*t.lineLengths[n]);o.set(l,s),s+=l.length}i.bindBuffer(i.ARRAY_BUFFER,this._attributesBuffer),i.bufferData(i.ARRAY_BUFFER,o.subarray(0,s),i.STREAM_DRAW),this._atlas.hasCanvasChanged&&(this._atlas.hasCanvasChanged=!1,i.uniform1i(this._textureLocation,0),i.activeTexture(i.TEXTURE0+0),i.bindTexture(i.TEXTURE_2D,this._atlasTexture),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,i.RGBA,i.UNSIGNED_BYTE,this._atlas.cacheCanvas),i.generateMipmap(i.TEXTURE_2D)),i.uniformMatrix4fv(this._projectionLocation,!1,r.PROJECTION_MATRIX),i.uniform2f(this._resolutionLocation,i.canvas.width,i.canvas.height),i.drawElementsInstanced(i.TRIANGLES,6,i.UNSIGNED_BYTE,0,s/10)}},t.prototype.setAtlas=function(t){var e=this._gl;this._atlas=t,e.bindTexture(e.TEXTURE_2D,this._atlasTexture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t.cacheCanvas),e.generateMipmap(e.TEXTURE_2D)},t.prototype.setDimensions=function(t){this._dimensions=t},t}();e.GlyphRenderer=u},function(t,e,i){"use strict";function r(t,e,i){void 0===e&&(e=0),void 0===i&&(i=t.length),e<0&&(e=(t.length+e)%t.length),i=i>=t.length?t.length:(t.length+i)%t.length,e=Math.min(e,i);for(var r=new t.constructor(i-e),o=0;o<i-e;++o)r[o]=t[o+e];return r}Object.defineProperty(e,"__esModule",{value:!0}),e.slice=function(t,e,i){return t.slice?t.slice(e,i):r(t,e,i)},e.sliceFallback=r},function(t,e,i){"use strict";var r,o=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])})(t,e)},function(t,e){function i(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)});Object.defineProperty(e,"__esModule",{value:!0});var s=i(8),n=i(3),a=i(2),l=function(t){function e(e,i,r,o){var s=t.call(this,e,"link",i,!0,r)||this;return o.linkifier.onLinkHover(function(t){return s._onLinkHover(t)}),o.linkifier.onLinkLeave(function(t){return s._onLinkLeave(t)}),s}return o(e,t),e.prototype.resize=function(e,i){t.prototype.resize.call(this,e,i),this._state=void 0},e.prototype.reset=function(t){this._clearCurrentLink()},e.prototype._clearCurrentLink=function(){if(this._state){this._clearCells(this._state.x1,this._state.y1,this._state.cols-this._state.x1,1);var t=this._state.y2-this._state.y1-1;t>0&&this._clearCells(0,this._state.y1+1,this._state.cols,t),this._clearCells(0,this._state.y2,this._state.x2,1),this._state=void 0}},e.prototype._onLinkHover=function(t){if(t.fg===n.INVERTED_DEFAULT_COLOR?this._ctx.fillStyle=this._colors.background.css:void 0!==t.fg&&a.is256Color(t.fg)?this._ctx.fillStyle=this._colors.ansi[t.fg].css:this._ctx.fillStyle=this._colors.foreground.css,t.y1===t.y2)this._fillBottomLineAtCells(t.x1,t.y1,t.x2-t.x1);else{this._fillBottomLineAtCells(t.x1,t.y1,t.cols-t.x1);for(var e=t.y1+1;e<t.y2;e++)this._fillBottomLineAtCells(0,e,t.cols);this._fillBottomLineAtCells(0,t.y2,t.x2)}this._state=t},e.prototype._onLinkLeave=function(t){this._clearCurrentLink()},e}(s.BaseRenderLayer);e.LinkRenderLayer=l},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(3),o=i(0),s=i(2),n=i(1),a=1024,l=1024,h=Math.floor(.8*l),c={css:"rgba(0, 0, 0, 0)",rgba:0},_={offset:{x:0,y:0},texturePosition:{x:0,y:0},texturePositionClipSpace:{x:0,y:0},size:{x:0,y:0},sizeClipSpace:{x:0,y:0}},d=2,u=function(){function t(t,e){this._config=e,this._didWarmUp=!1,this._cacheMap={},this._cacheMapCombined={},this._currentRowY=0,this._currentRowX=0,this._currentRowHeight=0,this.hasCanvasChanged=!1,this._workBoundingBox={top:0,left:0,bottom:0,right:0},this.cacheCanvas=t.createElement("canvas"),this.cacheCanvas.width=a,this.cacheCanvas.height=l,this._cacheCtx=n.throwIfFalsy(this.cacheCanvas.getContext("2d",{alpha:!0})),this._tmpCanvas=t.createElement("canvas"),this._tmpCanvas.width=2*this._config.scaledCharWidth+2*d,this._tmpCanvas.height=this._config.scaledCharHeight+2*d,this._tmpCtx=n.throwIfFalsy(this._tmpCanvas.getContext("2d",{alpha:this._config.allowTransparency})),t.body.appendChild(this.cacheCanvas)}return t.prototype.dispose=function(){this.cacheCanvas.parentElement&&this.cacheCanvas.parentElement.removeChild(this.cacheCanvas)},t.prototype.warmUp=function(){this._didWarmUp||(this._doWarmUp(),this._didWarmUp=!0)},t.prototype._doWarmUp=function(){for(var t,e=33;e<126;e++){var i=this._drawToCache(e,o.DEFAULT_ATTR,o.DEFAULT_COLOR,o.DEFAULT_COLOR);this._cacheMap[e]=((t={})[o.DEFAULT_ATTR]=i,t)}},t.prototype.beginFrame=function(){return this._currentRowY>h&&(this._cacheCtx.clearRect(0,0,a,l),this._cacheMap={},this._currentRowHeight=0,this._currentRowX=0,this._currentRowY=0,this._doWarmUp(),!0)},t.prototype.getRasterizedGlyphCombinedChar=function(t,e,i,r){var o=this._cacheMapCombined[t];o||(o={},this._cacheMapCombined[t]=o);var s=o[e];return s||(s=this._drawToCache(t,e,i,r),o[e]=s),s},t.prototype.getRasterizedGlyph=function(t,e,i,r){var o=this._cacheMap[t];o||(o={},this._cacheMap[t]=o);var s=o[e];return s||(s=this._drawToCache(t,e,i,r),o[e]=s),s},t.prototype._getColorFromAnsiIndex=function(t){if(t>=this._config.colors.ansi.length)throw new Error("No color found for idx "+t);return this._config.colors.ansi[t]},t.prototype._getBackgroundColor=function(t){return this._config.allowTransparency?c:t===r.INVERTED_DEFAULT_COLOR?this._config.colors.foreground:s.is256Color(t)?this._getColorFromAnsiIndex(t):this._config.colors.background},t.prototype._getForegroundColor=function(t){return t===r.INVERTED_DEFAULT_COLOR?this._config.colors.background:s.is256Color(t)?this._getColorFromAnsiIndex(t):this._config.colors.foreground},t.prototype._drawToCache=function(t,e,i,o){var s="number"==typeof t?String.fromCharCode(t):t;this.hasCanvasChanged=!0;var n=e>>18,h=!!(1&n),c=!!(32&n),u=!!(64&n);this._tmpCtx.save();var f=this._getBackgroundColor(i);this._tmpCtx.globalCompositeOperation="copy",this._tmpCtx.fillStyle=f.css,this._tmpCtx.fillRect(0,0,this._tmpCanvas.width,this._tmpCanvas.height),this._tmpCtx.globalCompositeOperation="source-over";var p=h?this._config.fontWeightBold:this._config.fontWeight,v=u?"italic":"";this._tmpCtx.font=v+" "+p+" "+this._config.fontSize*this._config.devicePixelRatio+"px "+this._config.fontFamily,this._tmpCtx.textBaseline="top",this._tmpCtx.fillStyle=this._getForegroundColor(o).css,c&&(this._tmpCtx.globalAlpha=r.DIM_OPACITY),this._tmpCtx.fillText(s,d,d),this._tmpCtx.restore();var g=this._tmpCtx.getImageData(0,0,this._tmpCanvas.width,this._tmpCanvas.height);if(function(t,e){for(var i=!0,r=e.rgba>>>24,o=e.rgba>>>16&255,s=e.rgba>>>8&255,n=0;n<t.data.length;n+=4)t.data[n]===r&&t.data[n+1]===o&&t.data[n+2]===s?t.data[n+3]=0:i=!1;return i}(g,f))return _;var C=this._findGlyphBoundingBox(g,this._workBoundingBox),m=this._clipImageData(g,this._workBoundingBox);return this._currentRowX+this._config.scaledCharWidth>a&&(this._currentRowX=0,this._currentRowY+=this._currentRowHeight,this._currentRowHeight=0),C.texturePosition.x=this._currentRowX,C.texturePosition.y=this._currentRowY,C.texturePositionClipSpace.x=this._currentRowX/a,C.texturePositionClipSpace.y=this._currentRowY/l,this._currentRowHeight=Math.max(this._currentRowHeight,C.size.y),this._currentRowX+=C.size.x,this._cacheCtx.putImageData(m,C.texturePosition.x,C.texturePosition.y),C},t.prototype._findGlyphBoundingBox=function(t,e){e.top=0;for(var i=!1,r=0;r<this._tmpCanvas.height;r++){for(var o=0;o<this._tmpCanvas.width;o++){var s=r*this._tmpCanvas.width*4+4*o+3;if(0!==t.data[s]){e.top=r,i=!0;break}}if(i)break}e.left=0,i=!1;for(o=0;o<this._tmpCanvas.width;o++){for(r=0;r<this._tmpCanvas.height;r++){s=r*this._tmpCanvas.width*4+4*o+3;if(0!==t.data[s]){e.left=o,i=!0;break}}if(i)break}e.right=this._tmpCanvas.width,i=!1;for(o=this._tmpCanvas.width-1;o>=0;o--){for(r=0;r<this._tmpCanvas.height;r++){s=r*this._tmpCanvas.width*4+4*o+3;if(0!==t.data[s]){e.right=o,i=!0;break}}if(i)break}e.bottom=this._tmpCanvas.height,i=!1;for(r=this._tmpCanvas.height-1;r>=0;r--){for(o=0;o<this._tmpCanvas.width;o++){s=r*this._tmpCanvas.width*4+4*o+3;if(0!==t.data[s]){e.bottom=r,i=!0;break}}if(i)break}return{texturePosition:{x:0,y:0},texturePositionClipSpace:{x:0,y:0},size:{x:e.right-e.left+1,y:e.bottom-e.top+1},sizeClipSpace:{x:(e.right-e.left+1)/a,y:(e.bottom-e.top+1)/l},offset:{x:-e.left+d,y:-e.top+d}}},t.prototype._clipImageData=function(t,e){for(var i=e.right-e.left+1,r=e.bottom-e.top+1,o=new Uint8ClampedArray(i*r*4),s=e.top;s<=e.bottom;s++)for(var n=e.left;n<=e.right;n++){var a=s*this._tmpCanvas.width*4+4*n,l=(s-e.top)*i*4+4*(n-e.left);o[l]=t.data[a],o[l+1]=t.data[a+1],o[l+2]=t.data[a+2],o[l+3]=t.data[a+3]}return new ImageData(o,i,r)},t}();e.WebglCharAtlas=u},function(t,e,i){"use strict";var r,o=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])})(t,e)},function(t,e){function i(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)});Object.defineProperty(e,"__esModule",{value:!0});var s=i(8),n=i(10),a=function(t){function e(e,i,r,o){var s=t.call(this,e,"cursor",i,!0,r)||this;return s._onRequestRefreshRowsEvent=o,s._cell=new n.CellData,s._state={x:0,y:0,isFocused:!1,style:"",width:0},s._cursorRenderers={bar:s._renderBarCursor.bind(s),block:s._renderBlockCursor.bind(s),underline:s._renderUnderlineCursor.bind(s)},s}return o(e,t),e.prototype.resize=function(e,i){t.prototype.resize.call(this,e,i),this._state={x:0,y:0,isFocused:!1,style:"",width:0}},e.prototype.reset=function(t){this._clearCursor(),this._cursorBlinkStateManager&&(this._cursorBlinkStateManager.dispose(),this.onOptionsChanged(t))},e.prototype.onBlur=function(t){this._cursorBlinkStateManager&&this._cursorBlinkStateManager.pause(),this._onRequestRefreshRowsEvent.fire({start:t.buffer.cursorY,end:t.buffer.cursorY})},e.prototype.onFocus=function(t){this._cursorBlinkStateManager?this._cursorBlinkStateManager.resume(t):this._onRequestRefreshRowsEvent.fire({start:t.buffer.cursorY,end:t.buffer.cursorY})},e.prototype.onOptionsChanged=function(t){var e,i=this;t.getOption("cursorBlink")?this._cursorBlinkStateManager||(this._cursorBlinkStateManager=new l(t,function(){i._render(t,!0)})):(null===(e=this._cursorBlinkStateManager)||void 0===e||e.dispose(),this._cursorBlinkStateManager=void 0),this._onRequestRefreshRowsEvent.fire({start:t.buffer.cursorY,end:t.buffer.cursorY})},e.prototype.onCursorMove=function(t){this._cursorBlinkStateManager&&this._cursorBlinkStateManager.restartBlinkAnimation(t)},e.prototype.onGridChanged=function(t,e,i){!this._cursorBlinkStateManager||this._cursorBlinkStateManager.isPaused?this._render(t,!1):this._cursorBlinkStateManager.restartBlinkAnimation(t)},e.prototype._render=function(t,e){if(t._core._coreService.isCursorInitialized&&!t._core._coreService.isCursorHidden){var i=t.buffer.baseY+t.buffer.cursorY,r=i-t.buffer.viewportY;if(r<0||r>=t.rows)this._clearCursor();else if(t._core.buffer.lines.get(i).loadCell(t.buffer.cursorX,this._cell),void 0!==this._cell.content){if(!h(t)){this._clearCursor(),this._ctx.save(),this._ctx.fillStyle=this._colors.cursor.css;var o=t.getOption("cursorStyle");return o&&"block"!==o?this._cursorRenderers[o](t,t.buffer.cursorX,r,this._cell):this._renderBlurCursor(t,t.buffer.cursorX,r,this._cell),this._ctx.restore(),this._state.x=t.buffer.cursorX,this._state.y=r,this._state.isFocused=!1,this._state.style=o,void(this._state.width=this._cell.getWidth())}if(!this._cursorBlinkStateManager||this._cursorBlinkStateManager.isCursorVisible){if(this._state){if(this._state.x===t.buffer.cursorX&&this._state.y===r&&this._state.isFocused===h(t)&&this._state.style===t.getOption("cursorStyle")&&this._state.width===this._cell.getWidth())return;this._clearCursor()}this._ctx.save(),this._cursorRenderers[t.getOption("cursorStyle")||"block"](t,t.buffer.cursorX,r,this._cell),this._ctx.restore(),this._state.x=t.buffer.cursorX,this._state.y=r,this._state.isFocused=!1,this._state.style=t.getOption("cursorStyle"),this._state.width=this._cell.getWidth()}else this._clearCursor()}}else this._clearCursor()},e.prototype._clearCursor=function(){this._state&&(this._clearCells(this._state.x,this._state.y,this._state.width,1),this._state={x:0,y:0,isFocused:!1,style:"",width:0})},e.prototype._renderBarCursor=function(t,e,i,r){this._ctx.save(),this._ctx.fillStyle=this._colors.cursor.css,this._fillLeftLineAtCell(e,i),this._ctx.restore()},e.prototype._renderBlockCursor=function(t,e,i,r){this._ctx.save(),this._ctx.fillStyle=this._colors.cursor.css,this._fillCells(e,i,r.getWidth(),1),this._ctx.fillStyle=this._colors.cursorAccent.css,this._fillCharTrueColor(t,r,e,i),this._ctx.restore()},e.prototype._renderUnderlineCursor=function(t,e,i,r){this._ctx.save(),this._ctx.fillStyle=this._colors.cursor.css,this._fillBottomLineAtCells(e,i),this._ctx.restore()},e.prototype._renderBlurCursor=function(t,e,i,r){this._ctx.save(),this._ctx.strokeStyle=this._colors.cursor.css,this._strokeRectAtCell(e,i,r.getWidth(),1),this._ctx.restore()},e}(s.BaseRenderLayer);e.CursorRenderLayer=a;var l=function(){function t(t,e){this._renderCallback=e,this.isCursorVisible=!0,h(t)&&this._restartInterval()}return Object.defineProperty(t.prototype,"isPaused",{get:function(){return!(this._blinkStartTimeout||this._blinkInterval)},enumerable:!0,configurable:!0}),t.prototype.dispose=function(){this._blinkInterval&&(window.clearInterval(this._blinkInterval),this._blinkInterval=void 0),this._blinkStartTimeout&&(window.clearTimeout(this._blinkStartTimeout),this._blinkStartTimeout=void 0),this._animationFrame&&(window.cancelAnimationFrame(this._animationFrame),this._animationFrame=void 0)},t.prototype.restartBlinkAnimation=function(t){var e=this;this.isPaused||(this._animationTimeRestarted=Date.now(),this.isCursorVisible=!0,this._animationFrame||(this._animationFrame=window.requestAnimationFrame(function(){e._renderCallback(),e._animationFrame=void 0})))},t.prototype._restartInterval=function(t){var e=this;void 0===t&&(t=600),this._blinkInterval&&window.clearInterval(this._blinkInterval),this._blinkStartTimeout=setTimeout(function(){if(e._animationTimeRestarted){var t=600-(Date.now()-e._animationTimeRestarted);if(e._animationTimeRestarted=void 0,t>0)return void e._restartInterval(t)}e.isCursorVisible=!1,e._animationFrame=window.requestAnimationFrame(function(){e._renderCallback(),e._animationFrame=void 0}),e._blinkInterval=setInterval(function(){if(e._animationTimeRestarted){var t=600-(Date.now()-e._animationTimeRestarted);return e._animationTimeRestarted=void 0,void e._restartInterval(t)}e.isCursorVisible=!e.isCursorVisible,e._animationFrame=window.requestAnimationFrame(function(){e._renderCallback(),e._animationFrame=void 0})},600)},t)},t.prototype.pause=function(){this.isCursorVisible=!0,this._blinkInterval&&(window.clearInterval(this._blinkInterval),this._blinkInterval=void 0),this._blinkStartTimeout&&(window.clearTimeout(this._blinkStartTimeout),this._blinkStartTimeout=void 0),this._animationFrame&&(window.cancelAnimationFrame(this._animationFrame),this._animationFrame=void 0)},t.prototype.resume=function(t){this._animationTimeRestarted=void 0,this._restartInterval(),this.restartBlinkAnimation(t)},t}();function h(t){return document.activeElement===t.textarea&&document.hasFocus()}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.stringFromCodePoint=function(t){return t>65535?(t-=65536,String.fromCharCode(55296+(t>>10))+String.fromCharCode(t%1024+56320)):String.fromCharCode(t)},e.utf32ToString=function(t,e,i){void 0===e&&(e=0),void 0===i&&(i=t.length);for(var r="",o=e;o<i;++o){var s=t[o];s>65535?(s-=65536,r+=String.fromCharCode(55296+(s>>10))+String.fromCharCode(s%1024+56320)):r+=String.fromCharCode(s)}return r};var r=function(){function t(){this._interim=0}return t.prototype.clear=function(){this._interim=0},t.prototype.decode=function(t,e){var i=t.length;if(!i)return 0;var r=0,o=0;this._interim&&(56320<=(a=t.charCodeAt(o++))&&a<=57343?e[r++]=1024*(this._interim-55296)+a-56320+65536:(e[r++]=this._interim,e[r++]=a),this._interim=0);for(var s=o;s<i;++s){var n=t.charCodeAt(s);if(55296<=n&&n<=56319){if(++s>=i)return this._interim=n,r;var a;56320<=(a=t.charCodeAt(s))&&a<=57343?e[r++]=1024*(n-55296)+a-56320+65536:(e[r++]=n,e[r++]=a)}else e[r++]=n}return r},t}();e.StringToUtf32=r;var o=function(){function t(){this.interim=new Uint8Array(3)}return t.prototype.clear=function(){this.interim.fill(0)},t.prototype.decode=function(t,e){var i=t.length;if(!i)return 0;var r,o,s,n,a=0,l=0,h=0;if(this.interim[0]){var c=!1,_=this.interim[0];_&=192==(224&_)?31:224==(240&_)?15:7;for(var d=0,u=void 0;(u=63&this.interim[++d])&&d<4;)_<<=6,_|=u;for(var f=192==(224&this.interim[0])?2:224==(240&this.interim[0])?3:4,p=f-d;h<p;){if(h>=i)return 0;if(128!=(192&(u=t[h++]))){h--,c=!0;break}this.interim[d++]=u,_<<=6,_|=63&u}c||(2===f?_<128?h--:e[a++]=_:3===f?_<2048||_>=55296&&_<=57343||(e[a++]=_):_<65536||_>1114111||(e[a++]=_)),this.interim.fill(0)}for(var v=i-4,g=h;g<i;){for(;!(!(g<v)||128&(r=t[g])||128&(o=t[g+1])||128&(s=t[g+2])||128&(n=t[g+3]));)e[a++]=r,e[a++]=o,e[a++]=s,e[a++]=n,g+=4;if((r=t[g++])<128)e[a++]=r;else if(192==(224&r)){if(g>=i)return this.interim[0]=r,a;if(128!=(192&(o=t[g++]))){g--;continue}if((l=(31&r)<<6|63&o)<128){g--;continue}e[a++]=l}else if(224==(240&r)){if(g>=i)return this.interim[0]=r,a;if(128!=(192&(o=t[g++]))){g--;continue}if(g>=i)return this.interim[0]=r,this.interim[1]=o,a;if(128!=(192&(s=t[g++]))){g--;continue}if((l=(15&r)<<12|(63&o)<<6|63&s)<2048||l>=55296&&l<=57343)continue;e[a++]=l}else if(240==(248&r)){if(g>=i)return this.interim[0]=r,a;if(128!=(192&(o=t[g++]))){g--;continue}if(g>=i)return this.interim[0]=r,this.interim[1]=o,a;if(128!=(192&(s=t[g++]))){g--;continue}if(g>=i)return this.interim[0]=r,this.interim[1]=o,this.interim[2]=s,a;if(128!=(192&(n=t[g++]))){g--;continue}if((l=(7&r)<<18|(63&o)<<12|(63&s)<<6|63&n)<65536||l>1114111)continue;e[a++]=l}}return a},t}();e.Utf8ToUtf32=o},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(){this.fg=0,this.bg=0}return t.toColorRGB=function(t){return[t>>>16&255,t>>>8&255,255&t]},t.fromColorRGB=function(t){return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},t.prototype.clone=function(){var e=new t;return e.fg=this.fg,e.bg=this.bg,e},t.prototype.isInverse=function(){return 67108864&this.fg},t.prototype.isBold=function(){return 134217728&this.fg},t.prototype.isUnderline=function(){return 268435456&this.fg},t.prototype.isBlink=function(){return 536870912&this.fg},t.prototype.isInvisible=function(){return 1073741824&this.fg},t.prototype.isItalic=function(){return 67108864&this.bg},t.prototype.isDim=function(){return 134217728&this.bg},t.prototype.getFgColorMode=function(){return 50331648&this.fg},t.prototype.getBgColorMode=function(){return 50331648&this.bg},t.prototype.isFgRGB=function(){return 50331648==(50331648&this.fg)},t.prototype.isBgRGB=function(){return 50331648==(50331648&this.bg)},t.prototype.isFgPalette=function(){return 16777216==(50331648&this.fg)||33554432==(50331648&this.fg)},t.prototype.isBgPalette=function(){return 16777216==(50331648&this.bg)||33554432==(50331648&this.bg)},t.prototype.isFgDefault=function(){return 0==(50331648&this.fg)},t.prototype.isBgDefault=function(){return 0==(50331648&this.bg)},t.prototype.getFgColor=function(){switch(50331648&this.fg){case 16777216:case 33554432:return 255&this.fg;case 50331648:return 16777215&this.fg;default:return-1}},t.prototype.getBgColor=function(){switch(50331648&this.bg){case 16777216:case 33554432:return 255&this.bg;case 50331648:return 16777215&this.bg;default:return-1}},t}();e.AttributeData=r},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(1),o=i(4),s=i(3),n=i(2),a=i(0),l="#version 300 es\nlayout (location = 0) in vec2 a_position;\nlayout (location = 1) in vec2 a_size;\nlayout (location = 2) in vec3 a_color;\nlayout (location = 3) in vec2 a_unitquad;\n\nuniform mat4 u_projection;\nuniform vec2 u_resolution;\n\nout vec3 v_color;\n\nvoid main() {\n  vec2 zeroToOne = (a_position + (a_unitquad * a_size)) / u_resolution;\n  gl_Position = u_projection * vec4(zeroToOne, 0.0, 1.0);\n  v_color = a_color;\n}",h="#version 300 es\nprecision lowp float;\n\nin vec3 v_color;\n\nout vec4 outColor;\n\nvoid main() {\n  outColor = vec4(v_color, 1);\n}",c=8,_=c*Float32Array.BYTES_PER_ELEMENT,d=20*c,u=function(){function t(t,e,i,o){this._terminal=t,this._colors=e,this._gl=i,this._dimensions=o,this._vertices={count:0,attributes:new Float32Array(d),selection:new Float32Array(3*c)};var s=this._gl;this._program=r.throwIfFalsy(r.createProgram(s,l,h)),this._resolutionLocation=r.throwIfFalsy(s.getUniformLocation(this._program,"u_resolution")),this._projectionLocation=r.throwIfFalsy(s.getUniformLocation(this._program,"u_projection")),this._vertexArrayObject=s.createVertexArray(),s.bindVertexArray(this._vertexArrayObject);var n=new Float32Array([0,0,1,0,0,1,1,1]),a=s.createBuffer();s.bindBuffer(s.ARRAY_BUFFER,a),s.bufferData(s.ARRAY_BUFFER,n,s.STATIC_DRAW),s.enableVertexAttribArray(3),s.vertexAttribPointer(3,2,this._gl.FLOAT,!1,0,0);var u=new Uint8Array([0,1,3,0,2,3]),f=s.createBuffer();s.bindBuffer(s.ELEMENT_ARRAY_BUFFER,f),s.bufferData(s.ELEMENT_ARRAY_BUFFER,u,s.STATIC_DRAW),this._attributesBuffer=r.throwIfFalsy(s.createBuffer()),s.bindBuffer(s.ARRAY_BUFFER,this._attributesBuffer),s.enableVertexAttribArray(0),s.vertexAttribPointer(0,2,s.FLOAT,!1,_,0),s.vertexAttribDivisor(0,1),s.enableVertexAttribArray(1),s.vertexAttribPointer(1,2,s.FLOAT,!1,_,2*Float32Array.BYTES_PER_ELEMENT),s.vertexAttribDivisor(1,1),s.enableVertexAttribArray(2),s.vertexAttribPointer(2,4,s.FLOAT,!1,_,4*Float32Array.BYTES_PER_ELEMENT),s.vertexAttribDivisor(2,1),this._updateCachedColors()}return t.prototype.render=function(){var t=this._gl;t.useProgram(this._program),t.bindVertexArray(this._vertexArrayObject),t.uniformMatrix4fv(this._projectionLocation,!1,r.PROJECTION_MATRIX),t.uniform2f(this._resolutionLocation,t.canvas.width,t.canvas.height),t.bindBuffer(t.ARRAY_BUFFER,this._attributesBuffer),t.bufferData(t.ARRAY_BUFFER,this._vertices.attributes,t.DYNAMIC_DRAW),t.drawElementsInstanced(this._gl.TRIANGLES,6,t.UNSIGNED_BYTE,0,this._vertices.count),t.bindBuffer(t.ARRAY_BUFFER,this._attributesBuffer),t.bufferData(t.ARRAY_BUFFER,this._vertices.selection,t.DYNAMIC_DRAW),t.drawElementsInstanced(this._gl.TRIANGLES,6,t.UNSIGNED_BYTE,0,3)},t.prototype.onResize=function(){this._updateViewportRectangle()},t.prototype.setColors=function(){this._updateCachedColors(),this._updateViewportRectangle()},t.prototype._updateCachedColors=function(){this._bgFloat=this._colorToFloat32Array(this._colors.background),this._selectionFloat=this._colorToFloat32Array(this._colors.selection)},t.prototype._updateViewportRectangle=function(){this._addRectangleFloat(this._vertices.attributes,0,0,0,this._terminal.cols*this._dimensions.scaledCellWidth,this._terminal.rows*this._dimensions.scaledCellHeight,this._bgFloat)},t.prototype.updateSelection=function(t,e){var i=this._terminal;if(t.hasSelection)if(e){var r=t.startCol,s=t.endCol-r,n=t.viewportCappedEndRow-t.viewportCappedStartRow+1;this._addRectangleFloat(this._vertices.selection,0,r*this._dimensions.scaledCellWidth,t.viewportCappedStartRow*this._dimensions.scaledCellHeight,s*this._dimensions.scaledCellWidth,n*this._dimensions.scaledCellHeight,this._selectionFloat),o.fill(this._vertices.selection,0,c)}else{r=t.viewportStartRow===t.viewportCappedStartRow?t.startCol:0;var a=t.viewportCappedStartRow===t.viewportCappedEndRow?t.endCol:i.cols;this._addRectangleFloat(this._vertices.selection,0,r*this._dimensions.scaledCellWidth,t.viewportCappedStartRow*this._dimensions.scaledCellHeight,(a-r)*this._dimensions.scaledCellWidth,this._dimensions.scaledCellHeight,this._selectionFloat);var l=Math.max(t.viewportCappedEndRow-t.viewportCappedStartRow-1,0);if(this._addRectangleFloat(this._vertices.selection,c,0,(t.viewportCappedStartRow+1)*this._dimensions.scaledCellHeight,i.cols*this._dimensions.scaledCellWidth,l*this._dimensions.scaledCellHeight,this._selectionFloat),t.viewportCappedStartRow!==t.viewportCappedEndRow){var h=t.viewportEndRow===t.viewportCappedEndRow?t.endCol:i.cols;this._addRectangleFloat(this._vertices.selection,2*c,0,t.viewportCappedEndRow*this._dimensions.scaledCellHeight,h*this._dimensions.scaledCellWidth,this._dimensions.scaledCellHeight,this._selectionFloat)}else o.fill(this._vertices.selection,0,2*c)}else o.fill(this._vertices.selection,0,0)},t.prototype.updateBackgrounds=function(t){for(var e=this._terminal,i=this._vertices,r=1,o=0;o<e.rows;o++){for(var s=-1,n=a.DEFAULT_COLOR,l=0;l<e.cols;l++){var h=4*(o*e.cols+l),_=t.cells[h+2];if(_!==n){if(n!==a.DEFAULT_COLOR){var d=r++*c;this._updateRectangle(i,d,n,s,l,o)}s=l,n=_}}if(n!==a.DEFAULT_COLOR){d=r++*c;this._updateRectangle(i,d,n,s,e.cols,o)}}i.count=r},t.prototype._updateRectangle=function(t,e,i,o,a,l){var h=null;h=i===s.INVERTED_DEFAULT_COLOR?this._colors.foreground:n.is256Color(i)?this._colors.ansi[i]:this._colors.foreground,t.attributes.length<e+4&&(t.attributes=r.expandFloat32Array(t.attributes,this._terminal.rows*this._terminal.cols*c));var _=o*this._dimensions.scaledCellWidth,d=l*this._dimensions.scaledCellHeight,u=(h.rgba>>24&255)/255,f=(h.rgba>>16&255)/255,p=(h.rgba>>8&255)/255;this._addRectangle(t.attributes,e,_,d,(a-o)*this._dimensions.scaledCellWidth,this._dimensions.scaledCellHeight,u,f,p,1)},t.prototype._addRectangle=function(t,e,i,r,o,s,n,a,l,h){t[e]=i,t[e+1]=r,t[e+2]=o,t[e+3]=s,t[e+4]=n,t[e+5]=a,t[e+6]=l,t[e+7]=h},t.prototype._addRectangleFloat=function(t,e,i,r,o,s,n){t[e]=i,t[e+1]=r,t[e+2]=o,t[e+3]=s,t[e+4]=n[0],t[e+5]=n[1],t[e+6]=n[2],t[e+7]=n[3]},t.prototype._colorToFloat32Array=function(t){return new Float32Array([(t.rgba>>24&255)/255,(t.rgba>>16&255)/255,(t.rgba>>8&255)/255,(255&t.rgba)/255])},t}();e.RectangleRenderer=u},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(){this._disposables=[],this._isDisposed=!1}return t.prototype.dispose=function(){this._isDisposed=!0,this._disposables.forEach(function(t){return t.dispose()}),this._disposables.length=0},t.prototype.register=function(t){this._disposables.push(t)},t.prototype.unregister=function(t){var e=this._disposables.indexOf(t);-1!==e&&this._disposables.splice(e,1)},t}();e.Disposable=r},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(10);e.getCompatAttr=function(t,e){var i=new r.CellData;return t.loadCell(e,i),(-1===i.getBgColor()?256:i.getBgColor())|(-1===i.getFgColor()?256:i.getFgColor())<<9|((i.isBold()?1:0)|(i.isUnderline()?2:0)|(i.isBlink()?4:0)|(i.isInverse()?8:0)|(i.isDim()?32:0)|(i.isItalic()?64:0))<<18}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(){this._listeners=[],this._disposed=!1}return Object.defineProperty(t.prototype,"event",{get:function(){var t=this;return this._event||(this._event=function(e){return t._listeners.push(e),{dispose:function(){if(!t._disposed)for(var i=0;i<t._listeners.length;i++)if(t._listeners[i]===e)return void t._listeners.splice(i,1)}}}),this._event},enumerable:!0,configurable:!0}),t.prototype.fire=function(t){for(var e=[],i=0;i<this._listeners.length;i++)e.push(this._listeners[i]);for(i=0;i<e.length;i++)e[i].call(void 0,t)},t.prototype.dispose=function(){this._listeners&&(this._listeners.length=0),this._disposed=!0},t}();e.EventEmitter=r}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.WebglAddon=e():t.WebglAddon=e()}(window,function(){return function(t){var e={};function i(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,r){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(r,o,function(e){return t[e]}.bind(null,o));return r},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=10)}([function(t,e,i){"use strict";function r(t,e,i){var r=o(t.createShader(e));if(t.shaderSource(r,i),t.compileShader(r),t.getShaderParameter(r,t.COMPILE_STATUS))return r;console.error(t.getShaderInfoLog(r)),t.deleteShader(r)}function o(t){if(!t)throw new Error("value must not be falsy");return t}Object.defineProperty(e,"__esModule",{value:!0}),e.PROJECTION_MATRIX=new Float32Array([2,0,0,0,0,-2,0,0,0,0,1,0,-1,1,0,1]),e.createProgram=function(t,e,i){var s=o(t.createProgram());if(t.attachShader(s,o(r(t,t.VERTEX_SHADER,e))),t.attachShader(s,o(r(t,t.FRAGMENT_SHADER,i))),t.linkProgram(s),t.getProgramParameter(s,t.LINK_STATUS))return s;console.error(t.getProgramInfoLog(s)),t.deleteProgram(s)},e.createShader=r,e.expandFloat32Array=function(t,e){for(var i=Math.min(2*t.length,e),r=new Float32Array(i),o=0;o<t.length;o++)r[o]=t[o];return r},e.throwIfFalsy=o},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.DEFAULT_COLOR=256,e.DEFAULT_ATTR=256|e.DEFAULT_COLOR<<9,e.CHAR_DATA_ATTR_INDEX=0,e.CHAR_DATA_CHAR_INDEX=1,e.CHAR_DATA_WIDTH_INDEX=2,e.CHAR_DATA_CODE_INDEX=3,e.NULL_CELL_CHAR="",e.NULL_CELL_WIDTH=1,e.NULL_CELL_CODE=0,e.WHITESPACE_CELL_CHAR=" ",e.WHITESPACE_CELL_WIDTH=1,e.WHITESPACE_CELL_CODE=32},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(3);e.RENDER_MODEL_INDICIES_PER_CELL=3,e.RENDER_MODEL_BG_OFFSET=1,e.RENDER_MODEL_FG_OFFSET=2,e.COMBINED_CHAR_BIT_MASK=2147483648;var o=function(){function t(){this.cells=new Uint32Array(0),this.lineLengths=new Uint32Array(0),this.selection={hasSelection:!1,viewportStartRow:0,viewportEndRow:0,viewportCappedStartRow:0,viewportCappedEndRow:0,startCol:0,endCol:0}}return t.prototype.resize=function(t,i){var r=t*i*e.RENDER_MODEL_INDICIES_PER_CELL;r!==this.cells.length&&(this.cells=new Uint32Array(r),this.lineLengths=new Uint32Array(i))},t.prototype.clear=function(){r.fill(this.cells,0,0),r.fill(this.lineLengths,0,0),this.clearSelection()},t.prototype.clearSelection=function(){this.selection.hasSelection=!1,this.selection.viewportStartRow=0,this.selection.viewportEndRow=0,this.selection.viewportCappedStartRow=0,this.selection.viewportCappedEndRow=0,this.selection.startCol=0,this.selection.endCol=0},t}();e.RenderModel=o},function(t,e,i){"use strict";function r(t,e,i,r){if(void 0===i&&(i=0),void 0===r&&(r=t.length),i>=t.length)return t;i=(t.length+i)%t.length,r=r>=t.length?t.length:(t.length+r)%t.length;for(var o=i;o<r;++o)t[o]=e;return t}Object.defineProperty(e,"__esModule",{value:!0}),e.fill=function(t,e,i,o){return t.fill?t.fill(e,i,o):r(t,e,i,o)},e.fillFallback=r,e.concat=function(t,e){var i=new t.constructor(t.length+e.length);return i.set(t),i.set(e,t.length),i}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.INVERTED_DEFAULT_COLOR=257,e.DIM_OPACITY=.5,e.CHAR_ATLAS_CELL_SPACING=1},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(6),o=i(0),s=function(){function t(t,e,i,r,o){this._container=t,this._alpha=r,this._colors=o,this._scaledCharWidth=0,this._scaledCharHeight=0,this._scaledCellWidth=0,this._scaledCellHeight=0,this._scaledCharLeft=0,this._scaledCharTop=0,this._canvas=document.createElement("canvas"),this._canvas.classList.add("xterm-"+e+"-layer"),this._canvas.style.zIndex=i.toString(),this._initCanvas(),this._container.appendChild(this._canvas)}return t.prototype.dispose=function(){this._container.removeChild(this._canvas),this._charAtlas&&this._charAtlas.dispose()},t.prototype._initCanvas=function(){this._ctx=o.throwIfFalsy(this._canvas.getContext("2d",{alpha:this._alpha})),this._alpha||this._clearAll()},t.prototype.onOptionsChanged=function(t){},t.prototype.onBlur=function(t){},t.prototype.onFocus=function(t){},t.prototype.onCursorMove=function(t){},t.prototype.onGridChanged=function(t,e,i){},t.prototype.onSelectionChanged=function(t,e,i,r){void 0===r&&(r=!1)},t.prototype.setColors=function(t,e){this._refreshCharAtlas(t,e)},t.prototype._setTransparency=function(t,e){if(e!==this._alpha){var i=this._canvas;this._alpha=e,this._canvas=this._canvas.cloneNode(),this._initCanvas(),this._container.replaceChild(this._canvas,i),this._refreshCharAtlas(t,this._colors),this.onGridChanged(t,0,t.rows-1)}},t.prototype._refreshCharAtlas=function(t,e){this._scaledCharWidth<=0&&this._scaledCharHeight<=0||(this._charAtlas=r.acquireCharAtlas(t,e,this._scaledCharWidth,this._scaledCharHeight),this._charAtlas.warmUp())},t.prototype.resize=function(t,e){this._scaledCellWidth=e.scaledCellWidth,this._scaledCellHeight=e.scaledCellHeight,this._scaledCharWidth=e.scaledCharWidth,this._scaledCharHeight=e.scaledCharHeight,this._scaledCharLeft=e.scaledCharLeft,this._scaledCharTop=e.scaledCharTop,this._canvas.width=e.scaledCanvasWidth,this._canvas.height=e.scaledCanvasHeight,this._canvas.style.width=e.canvasWidth+"px",this._canvas.style.height=e.canvasHeight+"px",this._alpha||this._clearAll(),this._refreshCharAtlas(t,this._colors)},t.prototype._fillCells=function(t,e,i,r){this._ctx.fillRect(t*this._scaledCellWidth,e*this._scaledCellHeight,i*this._scaledCellWidth,r*this._scaledCellHeight)},t.prototype._fillBottomLineAtCells=function(t,e,i){void 0===i&&(i=1),this._ctx.fillRect(t*this._scaledCellWidth,(e+1)*this._scaledCellHeight-window.devicePixelRatio-1,i*this._scaledCellWidth,window.devicePixelRatio)},t.prototype._fillLeftLineAtCell=function(t,e){this._ctx.fillRect(t*this._scaledCellWidth,e*this._scaledCellHeight,window.devicePixelRatio,this._scaledCellHeight)},t.prototype._strokeRectAtCell=function(t,e,i,r){this._ctx.lineWidth=window.devicePixelRatio,this._ctx.strokeRect(t*this._scaledCellWidth+window.devicePixelRatio/2,e*this._scaledCellHeight+window.devicePixelRatio/2,i*this._scaledCellWidth-window.devicePixelRatio,r*this._scaledCellHeight-window.devicePixelRatio)},t.prototype._clearAll=function(){this._alpha?this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height):(this._ctx.fillStyle=this._colors.background.css,this._ctx.fillRect(0,0,this._canvas.width,this._canvas.height))},t.prototype._clearCells=function(t,e,i,r){this._alpha?this._ctx.clearRect(t*this._scaledCellWidth,e*this._scaledCellHeight,i*this._scaledCellWidth,r*this._scaledCellHeight):(this._ctx.fillStyle=this._colors.background.css,this._ctx.fillRect(t*this._scaledCellWidth,e*this._scaledCellHeight,i*this._scaledCellWidth,r*this._scaledCellHeight))},t.prototype._fillCharTrueColor=function(t,e,i,r){this._ctx.font=this._getFont(t,!1,!1),this._ctx.textBaseline="middle",this._clipRow(t,r),this._ctx.fillText(e.getChars(),i*this._scaledCellWidth+this._scaledCharLeft,r*this._scaledCellHeight+this._scaledCharTop+this._scaledCharHeight/2)},t.prototype._clipRow=function(t,e){this._ctx.beginPath(),this._ctx.rect(0,e*this._scaledCellHeight,t.cols*this._scaledCellWidth,this._scaledCellHeight),this._ctx.clip()},t.prototype._getFont=function(t,e,i){return(i?"italic":"")+" "+(e?t.getOption("fontWeightBold"):t.getOption("fontWeight"))+" "+t.getOption("fontSize")*window.devicePixelRatio+"px "+t.getOption("fontFamily")},t}();e.BaseRenderLayer=s},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(7),o=i(15),s=[];e.acquireCharAtlas=function(t,e,i,n){for(var a=r.generateConfig(i,n,t,e),l=0;l<s.length;l++){var h=(c=s[l]).ownedBy.indexOf(t);if(h>=0){if(r.configEquals(c.config,a))return c.atlas;1===c.ownedBy.length?(c.atlas.dispose(),s.splice(l,1)):c.ownedBy.splice(h,1);break}}for(l=0;l<s.length;l++){var c=s[l];if(r.configEquals(c.config,a))return c.ownedBy.push(t),c.atlas}var _={atlas:new o.WebglCharAtlas(document,a),config:a,ownedBy:[t]};return s.push(_),_.atlas},e.removeTerminalFromCache=function(t){for(var e=0;e<s.length;e++){var i=s[e].ownedBy.indexOf(t);if(-1!==i){1===s[e].ownedBy.length?(s[e].atlas.dispose(),s.splice(e,1)):s[e].ownedBy.splice(i,1);break}}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r={css:"",rgba:0};e.generateConfig=function(t,e,i,o){var s={foreground:o.foreground,background:o.background,cursor:r,cursorAccent:r,selection:r,selectionOpaque:r,ansi:o.ansi.slice()};return{devicePixelRatio:window.devicePixelRatio,scaledCharWidth:t,scaledCharHeight:e,fontFamily:i.getOption("fontFamily"),fontSize:i.getOption("fontSize"),fontWeight:i.getOption("fontWeight"),fontWeightBold:i.getOption("fontWeightBold"),allowTransparency:i.getOption("allowTransparency"),colors:s}},e.configEquals=function(t,e){for(var i=0;i<t.colors.ansi.length;i++)if(t.colors.ansi[i].rgba!==e.colors.ansi[i].rgba)return!1;return t.devicePixelRatio===e.devicePixelRatio&&t.fontFamily===e.fontFamily&&t.fontSize===e.fontSize&&t.fontWeight===e.fontWeight&&t.fontWeightBold===e.fontWeightBold&&t.allowTransparency===e.allowTransparency&&t.scaledCharWidth===e.scaledCharWidth&&t.scaledCharHeight===e.scaledCharHeight&&t.colors.foreground===e.colors.foreground&&t.colors.background===e.colors.background},e.is256Color=function(t){return 16777216==(50331648&t)||33554432==(50331648&t)}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(){this.fg=0,this.bg=0}return t.toColorRGB=function(t){return[t>>>16&255,t>>>8&255,255&t]},t.fromColorRGB=function(t){return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},t.prototype.clone=function(){var e=new t;return e.fg=this.fg,e.bg=this.bg,e},t.prototype.isInverse=function(){return 67108864&this.fg},t.prototype.isBold=function(){return 134217728&this.fg},t.prototype.isUnderline=function(){return 268435456&this.fg},t.prototype.isBlink=function(){return 536870912&this.fg},t.prototype.isInvisible=function(){return 1073741824&this.fg},t.prototype.isItalic=function(){return 67108864&this.bg},t.prototype.isDim=function(){return 134217728&this.bg},t.prototype.getFgColorMode=function(){return 50331648&this.fg},t.prototype.getBgColorMode=function(){return 50331648&this.bg},t.prototype.isFgRGB=function(){return 50331648==(50331648&this.fg)},t.prototype.isBgRGB=function(){return 50331648==(50331648&this.bg)},t.prototype.isFgPalette=function(){return 16777216==(50331648&this.fg)||33554432==(50331648&this.fg)},t.prototype.isBgPalette=function(){return 16777216==(50331648&this.bg)||33554432==(50331648&this.bg)},t.prototype.isFgDefault=function(){return 0==(50331648&this.fg)},t.prototype.isBgDefault=function(){return 0==(50331648&this.bg)},t.prototype.getFgColor=function(){switch(50331648&this.fg){case 16777216:case 33554432:return 255&this.fg;case 50331648:return 16777215&this.fg;default:return-1}},t.prototype.getBgColor=function(){switch(50331648&this.bg){case 16777216:case 33554432:return 255&this.bg;case 50331648:return 16777215&this.bg;default:return-1}},t}();e.AttributeData=r},function(t,e,i){"use strict";var r,o=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])})(t,e)},function(t,e){function i(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)});Object.defineProperty(e,"__esModule",{value:!0});var s=i(17),n=i(1),a=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.content=0,e.fg=0,e.bg=0,e.combinedData="",e}return o(e,t),e.fromCharData=function(t){var i=new e;return i.setFromCharData(t),i},e.prototype.isCombined=function(){return 2097152&this.content},e.prototype.getWidth=function(){return this.content>>22},e.prototype.getChars=function(){return 2097152&this.content?this.combinedData:2097151&this.content?s.stringFromCodePoint(2097151&this.content):""},e.prototype.getCode=function(){return this.isCombined()?this.combinedData.charCodeAt(this.combinedData.length-1):2097151&this.content},e.prototype.setFromCharData=function(t){this.fg=t[n.CHAR_DATA_ATTR_INDEX],this.bg=0;var e=!1;if(t[n.CHAR_DATA_CHAR_INDEX].length>2)e=!0;else if(2===t[n.CHAR_DATA_CHAR_INDEX].length){var i=t[n.CHAR_DATA_CHAR_INDEX].charCodeAt(0);if(55296<=i&&i<=56319){var r=t[n.CHAR_DATA_CHAR_INDEX].charCodeAt(1);56320<=r&&r<=57343?this.content=1024*(i-55296)+r-56320+65536|t[n.CHAR_DATA_WIDTH_INDEX]<<22:e=!0}else e=!0}else this.content=t[n.CHAR_DATA_CHAR_INDEX].charCodeAt(0)|t[n.CHAR_DATA_WIDTH_INDEX]<<22;e&&(this.combinedData=t[n.CHAR_DATA_CHAR_INDEX],this.content=2097152|t[n.CHAR_DATA_WIDTH_INDEX]<<22)},e.prototype.getAsCharData=function(){return[this.fg,this.getChars(),this.getWidth(),this.getCode()]},e}(i(8).AttributeData);e.CellData=a},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(11),o=function(){function t(t){this._preserveDrawingBuffer=t}return t.prototype.activate=function(t){if(!t.element)throw new Error("Cannot activate WebglAddon before Terminal.open");this._terminal=t;var e=t._core._renderService,i=t._core._colorManager.colors;e.setRenderer(new r.WebglRenderer(t,i,this._preserveDrawingBuffer))},t.prototype.dispose=function(){if(!this._terminal)throw new Error("Cannot dispose WebglAddon because it is activated");var t=this._terminal._core._renderService;t.setRenderer(this._terminal._core._createRenderer()),t.onResize(this._terminal.cols,this._terminal.rows)},t}();e.WebglAddon=o},function(t,e,i){"use strict";var r,o=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])})(t,e)},function(t,e){function i(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)});Object.defineProperty(e,"__esModule",{value:!0});var s=i(12),n=i(14),a=i(16),l=i(6),h=i(18),c=i(4),_=i(2),u=i(19),d=i(1),f=i(20),p=i(9),v=function(t){function e(e,i,r){var o=t.call(this)||this;o._terminal=e,o._colors=i,o._model=new _.RenderModel,o._workCell=new p.CellData,o._onRequestRefreshRows=new f.EventEmitter,o._core=o._terminal._core,o._renderLayers=[new n.LinkRenderLayer(o._core.screenElement,2,o._colors,o._core),new a.CursorRenderLayer(o._core.screenElement,3,o._colors,o._onRequestRefreshRows)],o.dimensions={scaledCharWidth:0,scaledCharHeight:0,scaledCellWidth:0,scaledCellHeight:0,scaledCharLeft:0,scaledCharTop:0,scaledCanvasWidth:0,scaledCanvasHeight:0,canvasWidth:0,canvasHeight:0,actualCellWidth:0,actualCellHeight:0},o._devicePixelRatio=window.devicePixelRatio,o._updateDimensions(),o._canvas=document.createElement("canvas");var l={antialias:!1,depth:!1,preserveDrawingBuffer:r};if(o._gl=o._canvas.getContext("webgl2",l),!o._gl)throw new Error("WebGL2 not supported");return o._core.screenElement.appendChild(o._canvas),o._rectangleRenderer=new h.RectangleRenderer(o._terminal,o._colors,o._gl,o.dimensions),o._glyphRenderer=new s.GlyphRenderer(o._terminal,o._colors,o._gl,o.dimensions),o.onCharSizeChanged(),o}return o(e,t),Object.defineProperty(e.prototype,"onRequestRefreshRows",{get:function(){return this._onRequestRefreshRows.event},enumerable:!0,configurable:!0}),e.prototype.dispose=function(){this._renderLayers.forEach(function(t){return t.dispose()}),this._core.screenElement.removeChild(this._canvas),t.prototype.dispose.call(this)},e.prototype.setColors=function(t){var e=this;this._colors=t,this._renderLayers.forEach(function(t){t.setColors(e._terminal,e._colors),t.reset(e._terminal)}),this._rectangleRenderer.setColors(),this._glyphRenderer.setColors(),this._refreshCharAtlas(),this._model.clear()},e.prototype.onDevicePixelRatioChange=function(){this._devicePixelRatio!==window.devicePixelRatio&&(this._devicePixelRatio=window.devicePixelRatio,this.onResize(this._terminal.cols,this._terminal.rows))},e.prototype.onResize=function(t,e){var i=this;this._updateDimensions(),this._model.resize(this._terminal.cols,this._terminal.rows),this._rectangleRenderer.onResize(),this._renderLayers.forEach(function(t){return t.resize(i._terminal,i.dimensions)}),this._canvas.width=this.dimensions.scaledCanvasWidth,this._canvas.height=this.dimensions.scaledCanvasHeight,this._canvas.style.width=this.dimensions.canvasWidth+"px",this._canvas.style.height=this.dimensions.canvasHeight+"px",this._core.screenElement.style.width=this.dimensions.canvasWidth+"px",this._core.screenElement.style.height=this.dimensions.canvasHeight+"px",this._glyphRenderer.setDimensions(this.dimensions),this._glyphRenderer.onResize(),this._refreshCharAtlas(),this._model.clear()},e.prototype.onCharSizeChanged=function(){this.onResize(this._terminal.cols,this._terminal.rows)},e.prototype.onBlur=function(){var t=this;this._renderLayers.forEach(function(e){return e.onBlur(t._terminal)})},e.prototype.onFocus=function(){var t=this;this._renderLayers.forEach(function(e){return e.onFocus(t._terminal)})},e.prototype.onSelectionChanged=function(t,e,i){var r=this;this._renderLayers.forEach(function(o){return o.onSelectionChanged(r._terminal,t,e,i)}),this._updateSelectionModel(t,e),this._rectangleRenderer.updateSelection(this._model.selection,i),this._glyphRenderer.updateSelection(this._model,i),this._onRequestRefreshRows.fire({start:0,end:this._terminal.rows-1})},e.prototype.onCursorMove=function(){var t=this;this._renderLayers.forEach(function(e){return e.onCursorMove(t._terminal)})},e.prototype.onOptionsChanged=function(){var t=this;this._renderLayers.forEach(function(e){return e.onOptionsChanged(t._terminal)}),this._updateDimensions(),this._refreshCharAtlas()},e.prototype._refreshCharAtlas=function(){if(!(this.dimensions.scaledCharWidth<=0&&this.dimensions.scaledCharHeight<=0)){var t=l.acquireCharAtlas(this._terminal,this._colors,this.dimensions.scaledCharWidth,this.dimensions.scaledCharHeight);if(!("getRasterizedGlyph"in t))throw new Error("The webgl renderer only works with the webgl char atlas");this._charAtlas=t,this._charAtlas.warmUp(),this._glyphRenderer.setAtlas(this._charAtlas)}},e.prototype.clear=function(){var t=this;this._renderLayers.forEach(function(e){return e.reset(t._terminal)})},e.prototype.registerCharacterJoiner=function(t){return-1},e.prototype.deregisterCharacterJoiner=function(t){return!1},e.prototype.renderRows=function(t,e){var i=this;this._renderLayers.forEach(function(r){return r.onGridChanged(i._terminal,t,e)}),this._glyphRenderer.beginFrame()&&this._model.clear(),this._updateModel(t,e),this._rectangleRenderer.render(),this._glyphRenderer.render(this._model,this._model.selection.hasSelection)},e.prototype._updateModel=function(t,e){for(var i=this._core,r=t;r<=e;r++){var o=r+i.buffer.ydisp,s=i.buffer.lines.get(o);this._model.lineLengths[r]=0;for(var n=0;n<i.cols;n++){s.loadCell(n,this._workCell);var a=this._workCell.getChars(),l=this._workCell.getCode(),h=(r*i.cols+n)*_.RENDER_MODEL_INDICIES_PER_CELL;l!==d.NULL_CELL_CODE&&(this._model.lineLengths[r]=n+1);var u=this._workCell.bg,f=this._workCell.fg;if(this._model.cells[h]!==l||this._model.cells[h+_.RENDER_MODEL_BG_OFFSET]!==u||this._model.cells[h+_.RENDER_MODEL_FG_OFFSET]!==f){if(this._workCell.isInverse()){var p=u;u=f,(f=p)===d.DEFAULT_COLOR&&(f=c.INVERTED_DEFAULT_COLOR),u===d.DEFAULT_COLOR&&(u=c.INVERTED_DEFAULT_COLOR)}i.options.drawBoldTextInBrightColors&&this._workCell.isBold()&&134217728&f&&this._workCell.getFgColor()<8&&(f+=8),a.length>1&&(l|=_.COMBINED_CHAR_BIT_MASK),this._model.cells[h]=l,this._model.cells[h+_.RENDER_MODEL_BG_OFFSET]=u,this._model.cells[h+_.RENDER_MODEL_FG_OFFSET]=f,this._glyphRenderer.updateCell(n,r,l,u,f,a)}}}this._rectangleRenderer.updateBackgrounds(this._model)},e.prototype._updateSelectionModel=function(t,e){var i=this._terminal;if(t&&e&&(t[0]!==e[0]||t[1]!==e[1])){var r=t[1]-i.buffer.viewportY,o=e[1]-i.buffer.viewportY,s=Math.max(r,0),n=Math.min(o,i.rows-1);s>=i.rows||n<0?this._model.clearSelection():(this._model.selection.hasSelection=!0,this._model.selection.viewportStartRow=r,this._model.selection.viewportEndRow=o,this._model.selection.viewportCappedStartRow=s,this._model.selection.viewportCappedEndRow=n,this._model.selection.startCol=t[0],this._model.selection.endCol=e[0])}else this._model.clearSelection()},e.prototype._updateDimensions=function(){this._core._charSizeService.width&&this._core._charSizeService.height&&(this.dimensions.scaledCharWidth=Math.floor(this._core._charSizeService.width*this._devicePixelRatio),this.dimensions.scaledCharHeight=Math.ceil(this._core._charSizeService.height*this._devicePixelRatio),this.dimensions.scaledCellHeight=Math.floor(this.dimensions.scaledCharHeight*this._terminal.getOption("lineHeight")),this.dimensions.scaledCharTop=1===this._terminal.getOption("lineHeight")?0:Math.round((this.dimensions.scaledCellHeight-this.dimensions.scaledCharHeight)/2),this.dimensions.scaledCellWidth=this.dimensions.scaledCharWidth+Math.round(this._terminal.getOption("letterSpacing")),this.dimensions.scaledCharLeft=Math.floor(this._terminal.getOption("letterSpacing")/2),this.dimensions.scaledCanvasHeight=this._terminal.rows*this.dimensions.scaledCellHeight,this.dimensions.scaledCanvasWidth=this._terminal.cols*this.dimensions.scaledCellWidth,this.dimensions.canvasHeight=Math.round(this.dimensions.scaledCanvasHeight/this._devicePixelRatio),this.dimensions.canvasWidth=Math.round(this.dimensions.scaledCanvasWidth/this._devicePixelRatio),this.dimensions.actualCellHeight=this.dimensions.scaledCellHeight/this._devicePixelRatio,this.dimensions.actualCellWidth=this.dimensions.scaledCellWidth/this._devicePixelRatio)},e}(u.Disposable);e.WebglRenderer=v},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(0),o=i(2),s=i(3),n=i(13),a=i(1),l="#version 300 es\nlayout (location = 0) in vec2 a_unitquad;\nlayout (location = 1) in vec2 a_cellpos;\nlayout (location = 2) in vec2 a_offset;\nlayout (location = 3) in vec2 a_size;\nlayout (location = 4) in vec2 a_texcoord;\nlayout (location = 5) in vec2 a_texsize;\n\nuniform mat4 u_projection;\nuniform vec2 u_resolution;\n\nout vec2 v_texcoord;\n\nvoid main() {\n  vec2 zeroToOne = (a_offset / u_resolution) + a_cellpos + (a_unitquad * a_size);\n  gl_Position = u_projection * vec4(zeroToOne, 0.0, 1.0);\n  v_texcoord = a_texcoord + a_unitquad * a_texsize;\n}",h="#version 300 es\nprecision lowp float;\n\nin vec2 v_texcoord;\n\nuniform sampler2D u_texture;\n\nout vec4 outColor;\n\nvoid main() {\n  outColor = texture(u_texture, v_texcoord);\n}",c=10*Float32Array.BYTES_PER_ELEMENT,_=function(){function t(t,e,i,o){this._terminal=t,this._colors=e,this._gl=i,this._dimensions=o,this._activeBuffer=0,this._vertices={count:0,attributes:new Float32Array(0),attributesBuffers:[new Float32Array(0),new Float32Array(0)],selectionAttributes:new Float32Array(0)};var s=this._gl,n=r.throwIfFalsy(r.createProgram(s,l,h));this._program=n,this._projectionLocation=r.throwIfFalsy(s.getUniformLocation(this._program,"u_projection")),this._resolutionLocation=r.throwIfFalsy(s.getUniformLocation(this._program,"u_resolution")),this._textureLocation=r.throwIfFalsy(s.getUniformLocation(this._program,"u_texture")),this._vertexArrayObject=s.createVertexArray(),s.bindVertexArray(this._vertexArrayObject);var a=new Float32Array([0,0,1,0,0,1,1,1]),_=s.createBuffer();s.bindBuffer(s.ARRAY_BUFFER,_),s.bufferData(s.ARRAY_BUFFER,a,s.STATIC_DRAW),s.enableVertexAttribArray(0),s.vertexAttribPointer(0,2,this._gl.FLOAT,!1,0,0);var u=new Uint8Array([0,1,3,0,2,3]),d=s.createBuffer();s.bindBuffer(s.ELEMENT_ARRAY_BUFFER,d),s.bufferData(s.ELEMENT_ARRAY_BUFFER,u,s.STATIC_DRAW),this._attributesBuffer=r.throwIfFalsy(s.createBuffer()),s.bindBuffer(s.ARRAY_BUFFER,this._attributesBuffer),s.enableVertexAttribArray(2),s.vertexAttribPointer(2,2,s.FLOAT,!1,c,0),s.vertexAttribDivisor(2,1),s.enableVertexAttribArray(3),s.vertexAttribPointer(3,2,s.FLOAT,!1,c,2*Float32Array.BYTES_PER_ELEMENT),s.vertexAttribDivisor(3,1),s.enableVertexAttribArray(4),s.vertexAttribPointer(4,2,s.FLOAT,!1,c,4*Float32Array.BYTES_PER_ELEMENT),s.vertexAttribDivisor(4,1),s.enableVertexAttribArray(5),s.vertexAttribPointer(5,2,s.FLOAT,!1,c,6*Float32Array.BYTES_PER_ELEMENT),s.vertexAttribDivisor(5,1),s.enableVertexAttribArray(1),s.vertexAttribPointer(1,2,s.FLOAT,!1,c,8*Float32Array.BYTES_PER_ELEMENT),s.vertexAttribDivisor(1,1),this._atlasTexture=r.throwIfFalsy(s.createTexture()),s.bindTexture(s.TEXTURE_2D,this._atlasTexture),s.texImage2D(s.TEXTURE_2D,0,s.RGBA,1,1,0,s.RGBA,s.UNSIGNED_BYTE,new Uint8Array([0,0,255,255])),s.texParameteri(s.TEXTURE_2D,s.TEXTURE_WRAP_S,s.CLAMP_TO_EDGE),s.texParameteri(s.TEXTURE_2D,s.TEXTURE_WRAP_T,s.CLAMP_TO_EDGE),s.enable(s.BLEND),s.blendFunc(s.SRC_ALPHA,s.ONE_MINUS_SRC_ALPHA),this.onResize()}return t.prototype.beginFrame=function(){return!this._atlas||this._atlas.beginFrame()},t.prototype.updateCell=function(t,e,i,r,o,s){this._updateCell(this._vertices.attributes,t,e,i,r,o,s)},t.prototype._updateCell=function(t,e,i,r,o,n,l){var h=10*(i*this._terminal.cols+e);if(r!==a.NULL_CELL_CODE&&r!==a.WHITESPACE_CELL_CODE&&void 0!==r){var c;if(!this._atlas)throw new Error("atlas must be set before updating cell");(c=l&&l.length>1?this._atlas.getRasterizedGlyphCombinedChar(l,o,n):this._atlas.getRasterizedGlyph(r,o,n))?(t[h]=-c.offset.x+this._dimensions.scaledCharLeft,t[h+1]=-c.offset.y+this._dimensions.scaledCharTop,t[h+2]=c.size.x/this._dimensions.scaledCanvasWidth,t[h+3]=c.size.y/this._dimensions.scaledCanvasHeight,t[h+4]=c.texturePositionClipSpace.x,t[h+5]=c.texturePositionClipSpace.y,t[h+6]=c.sizeClipSpace.x,t[h+7]=c.sizeClipSpace.y):s.fill(t,0,h,h+10-1-2)}else s.fill(t,0,h,h+10-1-2)},t.prototype.updateSelection=function(t,e){var i=this._terminal;this._vertices.selectionAttributes=n.slice(this._vertices.attributes,0);var r=this._colors.selectionOpaque.rgba>>>8|50331648;if(e)for(var o=t.selection.startCol,s=t.selection.endCol-o,a=t.selection.viewportCappedEndRow-t.selection.viewportCappedStartRow+1,l=t.selection.viewportCappedStartRow;l<t.selection.viewportCappedStartRow+a;l++)this._updateSelectionRange(o,o+s,l,t,r);else{o=t.selection.viewportStartRow===t.selection.viewportCappedStartRow?t.selection.startCol:0;var h=t.selection.viewportCappedStartRow===t.selection.viewportCappedEndRow?t.selection.endCol:i.cols;this._updateSelectionRange(o,h,t.selection.viewportCappedStartRow,t,r);var c=Math.max(t.selection.viewportCappedEndRow-t.selection.viewportCappedStartRow-1,0);for(l=t.selection.viewportCappedStartRow+1;l<=t.selection.viewportCappedStartRow+c;l++)this._updateSelectionRange(0,h,l,t,r);if(t.selection.viewportCappedStartRow!==t.selection.viewportCappedEndRow){var _=t.selection.viewportEndRow===t.selection.viewportCappedEndRow?t.selection.endCol:i.cols;this._updateSelectionRange(0,_,t.selection.viewportCappedEndRow,t,r)}}},t.prototype._updateSelectionRange=function(t,e,i,r,s){for(var n,a=this._terminal,l=i+a.buffer.viewportY,h=t;h<e;h++){var c=(i*this._terminal.cols+h)*o.RENDER_MODEL_INDICIES_PER_CELL;if(r.cells[c]&o.COMBINED_CHAR_BIT_MASK){n||(n=a.buffer.getLine(l));var _=n.getCell(h).char;this._updateCell(this._vertices.selectionAttributes,h,i,r.cells[c],s,r.cells[c+o.RENDER_MODEL_FG_OFFSET],_)}else this._updateCell(this._vertices.selectionAttributes,h,i,r.cells[c],s,r.cells[c+o.RENDER_MODEL_FG_OFFSET])}},t.prototype.onResize=function(){var t=this._terminal,e=this._gl;e.viewport(0,0,e.canvas.width,e.canvas.height);var i=t.cols*t.rows*10;if(this._vertices.count!==i){this._vertices.count=i,this._vertices.attributes=new Float32Array(i);for(var r=0;r<this._vertices.attributesBuffers.length;r++)this._vertices.attributesBuffers[r]=new Float32Array(i);for(var o=0,s=0;s<t.rows;s++)for(var n=0;n<t.cols;n++)this._vertices.attributes[o+8]=n/t.cols,this._vertices.attributes[o+9]=s/t.rows,o+=10}},t.prototype.setColors=function(){},t.prototype.render=function(t,e){if(this._atlas){var i=this._gl;i.useProgram(this._program),i.bindVertexArray(this._vertexArrayObject),this._activeBuffer=(this._activeBuffer+1)%2;for(var o=this._vertices.attributesBuffers[this._activeBuffer],s=0,n=0;n<t.lineLengths.length;n++){var a=n*this._terminal.cols*10,l=(e?this._vertices.selectionAttributes:this._vertices.attributes).subarray(a,a+10*t.lineLengths[n]);o.set(l,s),s+=l.length}i.bindBuffer(i.ARRAY_BUFFER,this._attributesBuffer),i.bufferData(i.ARRAY_BUFFER,o.subarray(0,s),i.STREAM_DRAW),this._atlas.hasCanvasChanged&&(this._atlas.hasCanvasChanged=!1,i.uniform1i(this._textureLocation,0),i.activeTexture(i.TEXTURE0+0),i.bindTexture(i.TEXTURE_2D,this._atlasTexture),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,i.RGBA,i.UNSIGNED_BYTE,this._atlas.cacheCanvas),i.generateMipmap(i.TEXTURE_2D)),i.uniformMatrix4fv(this._projectionLocation,!1,r.PROJECTION_MATRIX),i.uniform2f(this._resolutionLocation,i.canvas.width,i.canvas.height),i.drawElementsInstanced(i.TRIANGLES,6,i.UNSIGNED_BYTE,0,s/10)}},t.prototype.setAtlas=function(t){var e=this._gl;this._atlas=t,e.bindTexture(e.TEXTURE_2D,this._atlasTexture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t.cacheCanvas),e.generateMipmap(e.TEXTURE_2D)},t.prototype.setDimensions=function(t){this._dimensions=t},t}();e.GlyphRenderer=_},function(t,e,i){"use strict";function r(t,e,i){void 0===e&&(e=0),void 0===i&&(i=t.length),e<0&&(e=(t.length+e)%t.length),i=i>=t.length?t.length:(t.length+i)%t.length,e=Math.min(e,i);for(var r=new t.constructor(i-e),o=0;o<i-e;++o)r[o]=t[o+e];return r}Object.defineProperty(e,"__esModule",{value:!0}),e.slice=function(t,e,i){return t.slice?t.slice(e,i):r(t,e,i)},e.sliceFallback=r},function(t,e,i){"use strict";var r,o=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])})(t,e)},function(t,e){function i(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)});Object.defineProperty(e,"__esModule",{value:!0});var s=i(5),n=i(4),a=i(7),l=function(t){function e(e,i,r,o){var s=t.call(this,e,"link",i,!0,r)||this;return o.linkifier.onLinkHover(function(t){return s._onLinkHover(t)}),o.linkifier.onLinkLeave(function(t){return s._onLinkLeave(t)}),s}return o(e,t),e.prototype.resize=function(e,i){t.prototype.resize.call(this,e,i),this._state=void 0},e.prototype.reset=function(t){this._clearCurrentLink()},e.prototype._clearCurrentLink=function(){if(this._state){this._clearCells(this._state.x1,this._state.y1,this._state.cols-this._state.x1,1);var t=this._state.y2-this._state.y1-1;t>0&&this._clearCells(0,this._state.y1+1,this._state.cols,t),this._clearCells(0,this._state.y2,this._state.x2,1),this._state=void 0}},e.prototype._onLinkHover=function(t){if(t.fg===n.INVERTED_DEFAULT_COLOR?this._ctx.fillStyle=this._colors.background.css:void 0!==t.fg&&a.is256Color(t.fg)?this._ctx.fillStyle=this._colors.ansi[t.fg].css:this._ctx.fillStyle=this._colors.foreground.css,t.y1===t.y2)this._fillBottomLineAtCells(t.x1,t.y1,t.x2-t.x1);else{this._fillBottomLineAtCells(t.x1,t.y1,t.cols-t.x1);for(var e=t.y1+1;e<t.y2;e++)this._fillBottomLineAtCells(0,e,t.cols);this._fillBottomLineAtCells(0,t.y2,t.x2)}this._state=t},e.prototype._onLinkLeave=function(t){this._clearCurrentLink()},e}(s.BaseRenderLayer);e.LinkRenderLayer=l},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(4),o=i(1),s=i(0),n=i(8),a=1024,l=1024,h=Math.floor(.8*l),c={css:"rgba(0, 0, 0, 0)",rgba:0},_={offset:{x:0,y:0},texturePosition:{x:0,y:0},texturePositionClipSpace:{x:0,y:0},size:{x:0,y:0},sizeClipSpace:{x:0,y:0}},u=2,d=function(){function t(t,e){this._config=e,this._didWarmUp=!1,this._cacheMap={},this._cacheMapCombined={},this._currentRowY=0,this._currentRowX=0,this._currentRowHeight=0,this.hasCanvasChanged=!1,this._workBoundingBox={top:0,left:0,bottom:0,right:0},this.cacheCanvas=t.createElement("canvas"),this.cacheCanvas.width=a,this.cacheCanvas.height=l,this._cacheCtx=s.throwIfFalsy(this.cacheCanvas.getContext("2d",{alpha:!0})),this._tmpCanvas=t.createElement("canvas"),this._tmpCanvas.width=2*this._config.scaledCharWidth+2*u,this._tmpCanvas.height=this._config.scaledCharHeight+2*u,this._tmpCtx=s.throwIfFalsy(this._tmpCanvas.getContext("2d",{alpha:this._config.allowTransparency})),t.body.appendChild(this.cacheCanvas)}return t.prototype.dispose=function(){this.cacheCanvas.parentElement&&this.cacheCanvas.parentElement.removeChild(this.cacheCanvas)},t.prototype.warmUp=function(){this._didWarmUp||(this._doWarmUp(),this._didWarmUp=!0)},t.prototype._doWarmUp=function(){for(var t,e,i=33;i<126;i++){var r=this._drawToCache(i,o.DEFAULT_COLOR,o.DEFAULT_COLOR);this._cacheMap[i]=((t={})[o.DEFAULT_COLOR]=((e={})[o.DEFAULT_COLOR]=r,e),t)}},t.prototype.beginFrame=function(){return this._currentRowY>h&&(this._cacheCtx.clearRect(0,0,a,l),this._cacheMap={},this._currentRowHeight=0,this._currentRowX=0,this._currentRowY=0,this._doWarmUp(),!0)},t.prototype.getRasterizedGlyphCombinedChar=function(t,e,i){var r,o=this._cacheMapCombined[t];o||(o={},this._cacheMapCombined[t]=o);var s=o[e];return s&&(r=s[i]),r||(r=this._drawToCache(t,e,i),o[e]||(o[e]={}),o[e][i]=r),r},t.prototype.getRasterizedGlyph=function(t,e,i){var r,o=this._cacheMap[t];o||(o={},this._cacheMap[t]=o);var s=o[e];return s&&(r=s[i]),r||(r=this._drawToCache(t,e,i),o[e]||(o[e]={}),o[e][i]=r),r},t.prototype._getColorFromAnsiIndex=function(t){if(t>=this._config.colors.ansi.length)throw new Error("No color found for idx "+t);return this._config.colors.ansi[t]},t.prototype._getBackgroundColor=function(t,e){if(this._config.allowTransparency)return c;if(67108864&e)return this._config.colors.foreground;switch(50331648&t){case 16777216:case 33554432:return this._getColorFromAnsiIndex(255&t);case 50331648:var i=16777215&t,r=n.AttributeData.toColorRGB(i);return{rgba:i<<8,css:"#"+f(r[0])+f(r[1])+f(r[2])};case 0:default:return this._config.colors.background}},t.prototype._getForegroundCss=function(t){if(67108864&t)return this._config.colors.background.css;switch(50331648&t){case 16777216:case 33554432:return this._getColorFromAnsiIndex(255&t).css;case 50331648:var e=16777215&t,i=n.AttributeData.toColorRGB(e);return"#"+f(i[0])+f(i[1])+f(i[2]);case 0:default:return this._config.colors.foreground.css}},t.prototype._drawToCache=function(t,e,i){var o="number"==typeof t?String.fromCharCode(t):t;this.hasCanvasChanged=!0;var s=!!(134217728&i),n=!!(134217728&e),h=!!(67108864&e);this._tmpCtx.save();var c=this._getBackgroundColor(e,i);this._tmpCtx.globalCompositeOperation="copy",this._tmpCtx.fillStyle=c.css,this._tmpCtx.fillRect(0,0,this._tmpCanvas.width,this._tmpCanvas.height),this._tmpCtx.globalCompositeOperation="source-over";var d=s?this._config.fontWeightBold:this._config.fontWeight,f=h?"italic":"";this._tmpCtx.font=f+" "+d+" "+this._config.fontSize*this._config.devicePixelRatio+"px "+this._config.fontFamily,this._tmpCtx.textBaseline="top",this._tmpCtx.fillStyle=this._getForegroundCss(i),n&&(this._tmpCtx.globalAlpha=r.DIM_OPACITY),this._tmpCtx.fillText(o,u,u),this._tmpCtx.restore();var p=this._tmpCtx.getImageData(0,0,this._tmpCanvas.width,this._tmpCanvas.height);if(function(t,e){for(var i=!0,r=e.rgba>>>24,o=e.rgba>>>16&255,s=e.rgba>>>8&255,n=0;n<t.data.length;n+=4)t.data[n]===r&&t.data[n+1]===o&&t.data[n+2]===s?t.data[n+3]=0:i=!1;return i}(p,c))return _;var v=this._findGlyphBoundingBox(p,this._workBoundingBox),C=this._clipImageData(p,this._workBoundingBox);return this._currentRowX+this._config.scaledCharWidth>a&&(this._currentRowX=0,this._currentRowY+=this._currentRowHeight,this._currentRowHeight=0),v.texturePosition.x=this._currentRowX,v.texturePosition.y=this._currentRowY,v.texturePositionClipSpace.x=this._currentRowX/a,v.texturePositionClipSpace.y=this._currentRowY/l,this._currentRowHeight=Math.max(this._currentRowHeight,v.size.y),this._currentRowX+=v.size.x,this._cacheCtx.putImageData(C,v.texturePosition.x,v.texturePosition.y),v},t.prototype._findGlyphBoundingBox=function(t,e){e.top=0;for(var i=!1,r=0;r<this._tmpCanvas.height;r++){for(var o=0;o<this._tmpCanvas.width;o++){var s=r*this._tmpCanvas.width*4+4*o+3;if(0!==t.data[s]){e.top=r,i=!0;break}}if(i)break}e.left=0,i=!1;for(o=0;o<this._tmpCanvas.width;o++){for(r=0;r<this._tmpCanvas.height;r++){s=r*this._tmpCanvas.width*4+4*o+3;if(0!==t.data[s]){e.left=o,i=!0;break}}if(i)break}e.right=this._tmpCanvas.width,i=!1;for(o=this._tmpCanvas.width-1;o>=0;o--){for(r=0;r<this._tmpCanvas.height;r++){s=r*this._tmpCanvas.width*4+4*o+3;if(0!==t.data[s]){e.right=o,i=!0;break}}if(i)break}e.bottom=this._tmpCanvas.height,i=!1;for(r=this._tmpCanvas.height-1;r>=0;r--){for(o=0;o<this._tmpCanvas.width;o++){s=r*this._tmpCanvas.width*4+4*o+3;if(0!==t.data[s]){e.bottom=r,i=!0;break}}if(i)break}return{texturePosition:{x:0,y:0},texturePositionClipSpace:{x:0,y:0},size:{x:e.right-e.left+1,y:e.bottom-e.top+1},sizeClipSpace:{x:(e.right-e.left+1)/a,y:(e.bottom-e.top+1)/l},offset:{x:-e.left+u,y:-e.top+u}}},t.prototype._clipImageData=function(t,e){for(var i=e.right-e.left+1,r=e.bottom-e.top+1,o=new Uint8ClampedArray(i*r*4),s=e.top;s<=e.bottom;s++)for(var n=e.left;n<=e.right;n++){var a=s*this._tmpCanvas.width*4+4*n,l=(s-e.top)*i*4+4*(n-e.left);o[l]=t.data[a],o[l+1]=t.data[a+1],o[l+2]=t.data[a+2],o[l+3]=t.data[a+3]}return new ImageData(o,i,r)},t}();function f(t){var e=t.toString(16);return e.length<2?"0"+e:e}e.WebglCharAtlas=d},function(t,e,i){"use strict";var r,o=this&&this.__extends||(r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])})(t,e)},function(t,e){function i(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)});Object.defineProperty(e,"__esModule",{value:!0});var s=i(5),n=i(9),a=function(t){function e(e,i,r,o){var s=t.call(this,e,"cursor",i,!0,r)||this;return s._onRequestRefreshRowsEvent=o,s._cell=new n.CellData,s._state={x:0,y:0,isFocused:!1,style:"",width:0},s._cursorRenderers={bar:s._renderBarCursor.bind(s),block:s._renderBlockCursor.bind(s),underline:s._renderUnderlineCursor.bind(s)},s}return o(e,t),e.prototype.resize=function(e,i){t.prototype.resize.call(this,e,i),this._state={x:0,y:0,isFocused:!1,style:"",width:0}},e.prototype.reset=function(t){this._clearCursor(),this._cursorBlinkStateManager&&(this._cursorBlinkStateManager.dispose(),this.onOptionsChanged(t))},e.prototype.onBlur=function(t){this._cursorBlinkStateManager&&this._cursorBlinkStateManager.pause(),this._onRequestRefreshRowsEvent.fire({start:t.buffer.cursorY,end:t.buffer.cursorY})},e.prototype.onFocus=function(t){this._cursorBlinkStateManager?this._cursorBlinkStateManager.resume(t):this._onRequestRefreshRowsEvent.fire({start:t.buffer.cursorY,end:t.buffer.cursorY})},e.prototype.onOptionsChanged=function(t){var e,i=this;t.getOption("cursorBlink")?this._cursorBlinkStateManager||(this._cursorBlinkStateManager=new l(t,function(){i._render(t,!0)})):(null===(e=this._cursorBlinkStateManager)||void 0===e||e.dispose(),this._cursorBlinkStateManager=void 0),this._onRequestRefreshRowsEvent.fire({start:t.buffer.cursorY,end:t.buffer.cursorY})},e.prototype.onCursorMove=function(t){this._cursorBlinkStateManager&&this._cursorBlinkStateManager.restartBlinkAnimation(t)},e.prototype.onGridChanged=function(t,e,i){!this._cursorBlinkStateManager||this._cursorBlinkStateManager.isPaused?this._render(t,!1):this._cursorBlinkStateManager.restartBlinkAnimation(t)},e.prototype._render=function(t,e){if(t._core._coreService.isCursorInitialized&&!t._core._coreService.isCursorHidden){var i=t.buffer.baseY+t.buffer.cursorY,r=i-t.buffer.viewportY;if(r<0||r>=t.rows)this._clearCursor();else if(t._core.buffer.lines.get(i).loadCell(t.buffer.cursorX,this._cell),void 0!==this._cell.content){if(!h(t)){this._clearCursor(),this._ctx.save(),this._ctx.fillStyle=this._colors.cursor.css;var o=t.getOption("cursorStyle");return o&&"block"!==o?this._cursorRenderers[o](t,t.buffer.cursorX,r,this._cell):this._renderBlurCursor(t,t.buffer.cursorX,r,this._cell),this._ctx.restore(),this._state.x=t.buffer.cursorX,this._state.y=r,this._state.isFocused=!1,this._state.style=o,void(this._state.width=this._cell.getWidth())}if(!this._cursorBlinkStateManager||this._cursorBlinkStateManager.isCursorVisible){if(this._state){if(this._state.x===t.buffer.cursorX&&this._state.y===r&&this._state.isFocused===h(t)&&this._state.style===t.getOption("cursorStyle")&&this._state.width===this._cell.getWidth())return;this._clearCursor()}this._ctx.save(),this._cursorRenderers[t.getOption("cursorStyle")||"block"](t,t.buffer.cursorX,r,this._cell),this._ctx.restore(),this._state.x=t.buffer.cursorX,this._state.y=r,this._state.isFocused=!1,this._state.style=t.getOption("cursorStyle"),this._state.width=this._cell.getWidth()}else this._clearCursor()}}else this._clearCursor()},e.prototype._clearCursor=function(){this._state&&(this._clearCells(this._state.x,this._state.y,this._state.width,1),this._state={x:0,y:0,isFocused:!1,style:"",width:0})},e.prototype._renderBarCursor=function(t,e,i,r){this._ctx.save(),this._ctx.fillStyle=this._colors.cursor.css,this._fillLeftLineAtCell(e,i),this._ctx.restore()},e.prototype._renderBlockCursor=function(t,e,i,r){this._ctx.save(),this._ctx.fillStyle=this._colors.cursor.css,this._fillCells(e,i,r.getWidth(),1),this._ctx.fillStyle=this._colors.cursorAccent.css,this._fillCharTrueColor(t,r,e,i),this._ctx.restore()},e.prototype._renderUnderlineCursor=function(t,e,i,r){this._ctx.save(),this._ctx.fillStyle=this._colors.cursor.css,this._fillBottomLineAtCells(e,i),this._ctx.restore()},e.prototype._renderBlurCursor=function(t,e,i,r){this._ctx.save(),this._ctx.strokeStyle=this._colors.cursor.css,this._strokeRectAtCell(e,i,r.getWidth(),1),this._ctx.restore()},e}(s.BaseRenderLayer);e.CursorRenderLayer=a;var l=function(){function t(t,e){this._renderCallback=e,this.isCursorVisible=!0,h(t)&&this._restartInterval()}return Object.defineProperty(t.prototype,"isPaused",{get:function(){return!(this._blinkStartTimeout||this._blinkInterval)},enumerable:!0,configurable:!0}),t.prototype.dispose=function(){this._blinkInterval&&(window.clearInterval(this._blinkInterval),this._blinkInterval=void 0),this._blinkStartTimeout&&(window.clearTimeout(this._blinkStartTimeout),this._blinkStartTimeout=void 0),this._animationFrame&&(window.cancelAnimationFrame(this._animationFrame),this._animationFrame=void 0)},t.prototype.restartBlinkAnimation=function(t){var e=this;this.isPaused||(this._animationTimeRestarted=Date.now(),this.isCursorVisible=!0,this._animationFrame||(this._animationFrame=window.requestAnimationFrame(function(){e._renderCallback(),e._animationFrame=void 0})))},t.prototype._restartInterval=function(t){var e=this;void 0===t&&(t=600),this._blinkInterval&&window.clearInterval(this._blinkInterval),this._blinkStartTimeout=setTimeout(function(){if(e._animationTimeRestarted){var t=600-(Date.now()-e._animationTimeRestarted);if(e._animationTimeRestarted=void 0,t>0)return void e._restartInterval(t)}e.isCursorVisible=!1,e._animationFrame=window.requestAnimationFrame(function(){e._renderCallback(),e._animationFrame=void 0}),e._blinkInterval=setInterval(function(){if(e._animationTimeRestarted){var t=600-(Date.now()-e._animationTimeRestarted);return e._animationTimeRestarted=void 0,void e._restartInterval(t)}e.isCursorVisible=!e.isCursorVisible,e._animationFrame=window.requestAnimationFrame(function(){e._renderCallback(),e._animationFrame=void 0})},600)},t)},t.prototype.pause=function(){this.isCursorVisible=!0,this._blinkInterval&&(window.clearInterval(this._blinkInterval),this._blinkInterval=void 0),this._blinkStartTimeout&&(window.clearTimeout(this._blinkStartTimeout),this._blinkStartTimeout=void 0),this._animationFrame&&(window.cancelAnimationFrame(this._animationFrame),this._animationFrame=void 0)},t.prototype.resume=function(t){this._animationTimeRestarted=void 0,this._restartInterval(),this.restartBlinkAnimation(t)},t}();function h(t){return document.activeElement===t.textarea&&document.hasFocus()}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.stringFromCodePoint=function(t){return t>65535?(t-=65536,String.fromCharCode(55296+(t>>10))+String.fromCharCode(t%1024+56320)):String.fromCharCode(t)},e.utf32ToString=function(t,e,i){void 0===e&&(e=0),void 0===i&&(i=t.length);for(var r="",o=e;o<i;++o){var s=t[o];s>65535?(s-=65536,r+=String.fromCharCode(55296+(s>>10))+String.fromCharCode(s%1024+56320)):r+=String.fromCharCode(s)}return r};var r=function(){function t(){this._interim=0}return t.prototype.clear=function(){this._interim=0},t.prototype.decode=function(t,e){var i=t.length;if(!i)return 0;var r=0,o=0;this._interim&&(56320<=(a=t.charCodeAt(o++))&&a<=57343?e[r++]=1024*(this._interim-55296)+a-56320+65536:(e[r++]=this._interim,e[r++]=a),this._interim=0);for(var s=o;s<i;++s){var n=t.charCodeAt(s);if(55296<=n&&n<=56319){if(++s>=i)return this._interim=n,r;var a;56320<=(a=t.charCodeAt(s))&&a<=57343?e[r++]=1024*(n-55296)+a-56320+65536:(e[r++]=n,e[r++]=a)}else e[r++]=n}return r},t}();e.StringToUtf32=r;var o=function(){function t(){this.interim=new Uint8Array(3)}return t.prototype.clear=function(){this.interim.fill(0)},t.prototype.decode=function(t,e){var i=t.length;if(!i)return 0;var r,o,s,n,a=0,l=0,h=0;if(this.interim[0]){var c=!1,_=this.interim[0];_&=192==(224&_)?31:224==(240&_)?15:7;for(var u=0,d=void 0;(d=63&this.interim[++u])&&u<4;)_<<=6,_|=d;for(var f=192==(224&this.interim[0])?2:224==(240&this.interim[0])?3:4,p=f-u;h<p;){if(h>=i)return 0;if(128!=(192&(d=t[h++]))){h--,c=!0;break}this.interim[u++]=d,_<<=6,_|=63&d}c||(2===f?_<128?h--:e[a++]=_:3===f?_<2048||_>=55296&&_<=57343||(e[a++]=_):_<65536||_>1114111||(e[a++]=_)),this.interim.fill(0)}for(var v=i-4,C=h;C<i;){for(;!(!(C<v)||128&(r=t[C])||128&(o=t[C+1])||128&(s=t[C+2])||128&(n=t[C+3]));)e[a++]=r,e[a++]=o,e[a++]=s,e[a++]=n,C+=4;if((r=t[C++])<128)e[a++]=r;else if(192==(224&r)){if(C>=i)return this.interim[0]=r,a;if(128!=(192&(o=t[C++]))){C--;continue}if((l=(31&r)<<6|63&o)<128){C--;continue}e[a++]=l}else if(224==(240&r)){if(C>=i)return this.interim[0]=r,a;if(128!=(192&(o=t[C++]))){C--;continue}if(C>=i)return this.interim[0]=r,this.interim[1]=o,a;if(128!=(192&(s=t[C++]))){C--;continue}if((l=(15&r)<<12|(63&o)<<6|63&s)<2048||l>=55296&&l<=57343)continue;e[a++]=l}else if(240==(248&r)){if(C>=i)return this.interim[0]=r,a;if(128!=(192&(o=t[C++]))){C--;continue}if(C>=i)return this.interim[0]=r,this.interim[1]=o,a;if(128!=(192&(s=t[C++]))){C--;continue}if(C>=i)return this.interim[0]=r,this.interim[1]=o,this.interim[2]=s,a;if(128!=(192&(n=t[C++]))){C--;continue}if((l=(7&r)<<18|(63&o)<<12|(63&s)<<6|63&n)<65536||l>1114111)continue;e[a++]=l}}return a},t}();e.Utf8ToUtf32=o},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(0),o=i(3),s=i(2),n="#version 300 es\nlayout (location = 0) in vec2 a_position;\nlayout (location = 1) in vec2 a_size;\nlayout (location = 2) in vec3 a_color;\nlayout (location = 3) in vec2 a_unitquad;\n\nuniform mat4 u_projection;\nuniform vec2 u_resolution;\n\nout vec3 v_color;\n\nvoid main() {\n  vec2 zeroToOne = (a_position + (a_unitquad * a_size)) / u_resolution;\n  gl_Position = u_projection * vec4(zeroToOne, 0.0, 1.0);\n  v_color = a_color;\n}",a="#version 300 es\nprecision lowp float;\n\nin vec3 v_color;\n\nout vec4 outColor;\n\nvoid main() {\n  outColor = vec4(v_color, 1);\n}",l=8,h=l*Float32Array.BYTES_PER_ELEMENT,c=20*l,_=function(){function t(t,e,i,o){this._terminal=t,this._colors=e,this._gl=i,this._dimensions=o,this._vertices={count:0,attributes:new Float32Array(c),selection:new Float32Array(3*l)};var s=this._gl;this._program=r.throwIfFalsy(r.createProgram(s,n,a)),this._resolutionLocation=r.throwIfFalsy(s.getUniformLocation(this._program,"u_resolution")),this._projectionLocation=r.throwIfFalsy(s.getUniformLocation(this._program,"u_projection")),this._vertexArrayObject=s.createVertexArray(),s.bindVertexArray(this._vertexArrayObject);var _=new Float32Array([0,0,1,0,0,1,1,1]),u=s.createBuffer();s.bindBuffer(s.ARRAY_BUFFER,u),s.bufferData(s.ARRAY_BUFFER,_,s.STATIC_DRAW),s.enableVertexAttribArray(3),s.vertexAttribPointer(3,2,this._gl.FLOAT,!1,0,0);var d=new Uint8Array([0,1,3,0,2,3]),f=s.createBuffer();s.bindBuffer(s.ELEMENT_ARRAY_BUFFER,f),s.bufferData(s.ELEMENT_ARRAY_BUFFER,d,s.STATIC_DRAW),this._attributesBuffer=r.throwIfFalsy(s.createBuffer()),s.bindBuffer(s.ARRAY_BUFFER,this._attributesBuffer),s.enableVertexAttribArray(0),s.vertexAttribPointer(0,2,s.FLOAT,!1,h,0),s.vertexAttribDivisor(0,1),s.enableVertexAttribArray(1),s.vertexAttribPointer(1,2,s.FLOAT,!1,h,2*Float32Array.BYTES_PER_ELEMENT),s.vertexAttribDivisor(1,1),s.enableVertexAttribArray(2),s.vertexAttribPointer(2,4,s.FLOAT,!1,h,4*Float32Array.BYTES_PER_ELEMENT),s.vertexAttribDivisor(2,1),this._updateCachedColors()}return t.prototype.render=function(){var t=this._gl;t.useProgram(this._program),t.bindVertexArray(this._vertexArrayObject),t.uniformMatrix4fv(this._projectionLocation,!1,r.PROJECTION_MATRIX),t.uniform2f(this._resolutionLocation,t.canvas.width,t.canvas.height),t.bindBuffer(t.ARRAY_BUFFER,this._attributesBuffer),t.bufferData(t.ARRAY_BUFFER,this._vertices.attributes,t.DYNAMIC_DRAW),t.drawElementsInstanced(this._gl.TRIANGLES,6,t.UNSIGNED_BYTE,0,this._vertices.count),t.bindBuffer(t.ARRAY_BUFFER,this._attributesBuffer),t.bufferData(t.ARRAY_BUFFER,this._vertices.selection,t.DYNAMIC_DRAW),t.drawElementsInstanced(this._gl.TRIANGLES,6,t.UNSIGNED_BYTE,0,3)},t.prototype.onResize=function(){this._updateViewportRectangle()},t.prototype.setColors=function(){this._updateCachedColors(),this._updateViewportRectangle()},t.prototype._updateCachedColors=function(){this._bgFloat=this._colorToFloat32Array(this._colors.background),this._selectionFloat=this._colorToFloat32Array(this._colors.selectionOpaque)},t.prototype._updateViewportRectangle=function(){this._addRectangleFloat(this._vertices.attributes,0,0,0,this._terminal.cols*this._dimensions.scaledCellWidth,this._terminal.rows*this._dimensions.scaledCellHeight,this._bgFloat)},t.prototype.updateSelection=function(t,e){var i=this._terminal;if(t.hasSelection)if(e){var r=t.startCol,s=t.endCol-r,n=t.viewportCappedEndRow-t.viewportCappedStartRow+1;this._addRectangleFloat(this._vertices.selection,0,r*this._dimensions.scaledCellWidth,t.viewportCappedStartRow*this._dimensions.scaledCellHeight,s*this._dimensions.scaledCellWidth,n*this._dimensions.scaledCellHeight,this._selectionFloat),o.fill(this._vertices.selection,0,l)}else{r=t.viewportStartRow===t.viewportCappedStartRow?t.startCol:0;var a=t.viewportCappedStartRow===t.viewportCappedEndRow?t.endCol:i.cols;this._addRectangleFloat(this._vertices.selection,0,r*this._dimensions.scaledCellWidth,t.viewportCappedStartRow*this._dimensions.scaledCellHeight,(a-r)*this._dimensions.scaledCellWidth,this._dimensions.scaledCellHeight,this._selectionFloat);var h=Math.max(t.viewportCappedEndRow-t.viewportCappedStartRow-1,0);if(this._addRectangleFloat(this._vertices.selection,l,0,(t.viewportCappedStartRow+1)*this._dimensions.scaledCellHeight,i.cols*this._dimensions.scaledCellWidth,h*this._dimensions.scaledCellHeight,this._selectionFloat),t.viewportCappedStartRow!==t.viewportCappedEndRow){var c=t.viewportEndRow===t.viewportCappedEndRow?t.endCol:i.cols;this._addRectangleFloat(this._vertices.selection,2*l,0,t.viewportCappedEndRow*this._dimensions.scaledCellHeight,c*this._dimensions.scaledCellWidth,this._dimensions.scaledCellHeight,this._selectionFloat)}else o.fill(this._vertices.selection,0,2*l)}else o.fill(this._vertices.selection,0,0)},t.prototype.updateBackgrounds=function(t){for(var e=this._terminal,i=this._vertices,r=1,o=0;o<e.rows;o++){for(var n=-1,a=0,h=0,c=0;c<e.cols;c++){var _=(o*e.cols+c)*s.RENDER_MODEL_INDICIES_PER_CELL,u=t.cells[_+s.RENDER_MODEL_BG_OFFSET],d=t.cells[_+s.RENDER_MODEL_FG_OFFSET];if(u!==a){if(0!==a){var f=r++*l;this._updateRectangle(i,f,h,a,n,c,o)}n=c,a=u,h=d}}if(0!==a){f=r++*l;this._updateRectangle(i,f,h,a,n,e.cols,o)}}i.count=r},t.prototype._updateRectangle=function(t,e,i,o,s,n,a){var h,c=50331648&o;if(67108864&i)h=this._colors.foreground.rgba;else switch(c){case 16777216:case 33554432:h=this._colors.ansi[255&o].rgba;break;case 50331648:h=(16777215&o)<<8;break;case 0:default:h=this._colors.background.rgba}t.attributes.length<e+4&&(t.attributes=r.expandFloat32Array(t.attributes,this._terminal.rows*this._terminal.cols*l));var _=s*this._dimensions.scaledCellWidth,u=a*this._dimensions.scaledCellHeight,d=(h>>24&255)/255,f=(h>>16&255)/255,p=(h>>8&255)/255;this._addRectangle(t.attributes,e,_,u,(n-s)*this._dimensions.scaledCellWidth,this._dimensions.scaledCellHeight,d,f,p,1)},t.prototype._addRectangle=function(t,e,i,r,o,s,n,a,l,h){t[e]=i,t[e+1]=r,t[e+2]=o,t[e+3]=s,t[e+4]=n,t[e+5]=a,t[e+6]=l,t[e+7]=h},t.prototype._addRectangleFloat=function(t,e,i,r,o,s,n){t[e]=i,t[e+1]=r,t[e+2]=o,t[e+3]=s,t[e+4]=n[0],t[e+5]=n[1],t[e+6]=n[2],t[e+7]=n[3]},t.prototype._colorToFloat32Array=function(t){return new Float32Array([(t.rgba>>24&255)/255,(t.rgba>>16&255)/255,(t.rgba>>8&255)/255,(255&t.rgba)/255])},t}();e.RectangleRenderer=_},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(){this._disposables=[],this._isDisposed=!1}return t.prototype.dispose=function(){this._isDisposed=!0,this._disposables.forEach(function(t){return t.dispose()}),this._disposables.length=0},t.prototype.register=function(t){this._disposables.push(t)},t.prototype.unregister=function(t){var e=this._disposables.indexOf(t);-1!==e&&this._disposables.splice(e,1)},t}();e.Disposable=r},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(){this._listeners=[],this._disposed=!1}return Object.defineProperty(t.prototype,"event",{get:function(){var t=this;return this._event||(this._event=function(e){return t._listeners.push(e),{dispose:function(){if(!t._disposed)for(var i=0;i<t._listeners.length;i++)if(t._listeners[i]===e)return void t._listeners.splice(i,1)}}}),this._event},enumerable:!0,configurable:!0}),t.prototype.fire=function(t){for(var e=[],i=0;i<this._listeners.length;i++)e.push(this._listeners[i]);for(i=0;i<e.length;i++)e[i].call(void 0,t)},t.prototype.dispose=function(){this._listeners&&(this._listeners.length=0),this._disposed=!0},t}();e.EventEmitter=r}])});
 //# sourceMappingURL=xterm-addon-webgl.js.map

out/atlas/CharAtlasUtils.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var Constants_1 = require("common/buffer/Constants");
 var NULL_COLOR = {
@@ -15,2 +14,3 @@ css: '',
         selection: NULL_COLOR,
+        selectionOpaque: NULL_COLOR,
         ansi: colors.ansi.slice()
@@ -50,5 +50,5 @@ };
 function is256Color(colorCode) {
-    return colorCode < Constants_1.DEFAULT_COLOR;
+    return (colorCode & 50331648) === 16777216 || (colorCode & 50331648) === 33554432;
 }
 exports.is256Color = is256Color;
 //# sourceMappingURL=CharAtlasUtils.js.map

out/atlas/WebglCharAtlas.js

@@ -5,4 +5,4 @@ "use strict";
 var Constants_2 = require("common/buffer/Constants");
-var CharAtlasUtils_1 = require("./CharAtlasUtils");
 var WebglUtils_1 = require("../WebglUtils");
+var AttributeData_1 = require("common/buffer/AttributeData");
 var TEXTURE_WIDTH = 1024;
@@ -56,7 +56,9 @@ var TEXTURE_HEIGHT = 1024;
     WebglCharAtlas.prototype._doWarmUp = function () {
-        var _a;
+        var _a, _b;
         for (var i = 33; i < 126; i++) {
-            var rasterizedGlyph = this._drawToCache(i, Constants_2.DEFAULT_ATTR, Constants_2.DEFAULT_COLOR, Constants_2.DEFAULT_COLOR);
+            var rasterizedGlyph = this._drawToCache(i, Constants_2.DEFAULT_COLOR, Constants_2.DEFAULT_COLOR);
             this._cacheMap[i] = (_a = {},
-                _a[Constants_2.DEFAULT_ATTR] = rasterizedGlyph,
+                _a[Constants_2.DEFAULT_COLOR] = (_b = {},
+                    _b[Constants_2.DEFAULT_COLOR] = rasterizedGlyph,
+                    _b),
                 _a);
@@ -77,3 +79,3 @@ }
     };
-    WebglCharAtlas.prototype.getRasterizedGlyphCombinedChar = function (chars, attr, bg, fg) {
+    WebglCharAtlas.prototype.getRasterizedGlyphCombinedChar = function (chars, bg, fg) {
         var rasterizedGlyphSet = this._cacheMapCombined[chars];
@@ -84,10 +86,17 @@ if (!rasterizedGlyphSet) {
         }
-        var rasterizedGlyph = rasterizedGlyphSet[attr];
+        var rasterizedGlyph;
+        var rasterizedGlyphSetBg = rasterizedGlyphSet[bg];
+        if (rasterizedGlyphSetBg) {
+            rasterizedGlyph = rasterizedGlyphSetBg[fg];
+        }
         if (!rasterizedGlyph) {
-            rasterizedGlyph = this._drawToCache(chars, attr, bg, fg);
-            rasterizedGlyphSet[attr] = rasterizedGlyph;
+            rasterizedGlyph = this._drawToCache(chars, bg, fg);
+            if (!rasterizedGlyphSet[bg]) {
+                rasterizedGlyphSet[bg] = {};
+            }
+            rasterizedGlyphSet[bg][fg] = rasterizedGlyph;
         }
         return rasterizedGlyph;
     };
-    WebglCharAtlas.prototype.getRasterizedGlyph = function (code, attr, bg, fg) {
+    WebglCharAtlas.prototype.getRasterizedGlyph = function (code, bg, fg) {
         var rasterizedGlyphSet = this._cacheMap[code];
@@ -98,6 +107,13 @@ if (!rasterizedGlyphSet) {
         }
-        var rasterizedGlyph = rasterizedGlyphSet[attr];
+        var rasterizedGlyph;
+        var rasterizedGlyphSetBg = rasterizedGlyphSet[bg];
+        if (rasterizedGlyphSetBg) {
+            rasterizedGlyph = rasterizedGlyphSetBg[fg];
+        }
         if (!rasterizedGlyph) {
-            rasterizedGlyph = this._drawToCache(code, attr, bg, fg);
-            rasterizedGlyphSet[attr] = rasterizedGlyph;
+            rasterizedGlyph = this._drawToCache(code, bg, fg);
+            if (!rasterizedGlyphSet[bg]) {
+                rasterizedGlyphSet[bg] = {};
+            }
+            rasterizedGlyphSet[bg][fg] = rasterizedGlyph;
         }
@@ -112,32 +128,52 @@ return rasterizedGlyph;
     };
-    WebglCharAtlas.prototype._getBackgroundColor = function (bg) {
+    WebglCharAtlas.prototype._getBackgroundColor = function (bg, fg) {
         if (this._config.allowTransparency) {
             return TRANSPARENT_COLOR;
         }
-        else if (bg === Constants_1.INVERTED_DEFAULT_COLOR) {
+        else if (fg & 67108864) {
             return this._config.colors.foreground;
         }
-        else if (CharAtlasUtils_1.is256Color(bg)) {
-            return this._getColorFromAnsiIndex(bg);
+        var colorMode = bg & 50331648;
+        switch (colorMode) {
+            case 16777216:
+            case 33554432:
+                return this._getColorFromAnsiIndex(bg & 255);
+            case 50331648:
+                var rgb = bg & 16777215;
+                var arr = AttributeData_1.AttributeData.toColorRGB(rgb);
+                return {
+                    rgba: rgb << 8,
+                    css: "#" + toPaddedHex(arr[0]) + toPaddedHex(arr[1]) + toPaddedHex(arr[2])
+                };
+            case 0:
+            default:
+                return this._config.colors.background;
         }
-        return this._config.colors.background;
     };
-    WebglCharAtlas.prototype._getForegroundColor = function (fg) {
-        if (fg === Constants_1.INVERTED_DEFAULT_COLOR) {
-            return this._config.colors.background;
+    WebglCharAtlas.prototype._getForegroundCss = function (fg) {
+        if (fg & 67108864) {
+            return this._config.colors.background.css;
         }
-        else if (CharAtlasUtils_1.is256Color(fg)) {
-            return this._getColorFromAnsiIndex(fg);
+        var colorMode = fg & 50331648;
+        switch (colorMode) {
+            case 16777216:
+            case 33554432:
+                return this._getColorFromAnsiIndex(fg & 255).css;
+            case 50331648:
+                var rgb = fg & 16777215;
+                var arr = AttributeData_1.AttributeData.toColorRGB(rgb);
+                return "#" + toPaddedHex(arr[0]) + toPaddedHex(arr[1]) + toPaddedHex(arr[2]);
+            case 0:
+            default:
+                return this._config.colors.foreground.css;
         }
-        return this._config.colors.foreground;
     };
-    WebglCharAtlas.prototype._drawToCache = function (codeOrChars, attr, bg, fg) {
+    WebglCharAtlas.prototype._drawToCache = function (codeOrChars, bg, fg) {
         var chars = typeof codeOrChars === 'number' ? String.fromCharCode(codeOrChars) : codeOrChars;
         this.hasCanvasChanged = true;
-        var flags = attr >> 18;
-        var bold = !!(flags & 1);
-        var dim = !!(flags & 32);
-        var italic = !!(flags & 64);
+        var bold = !!(fg & 134217728);
+        var dim = !!(bg & 134217728);
+        var italic = !!(bg & 67108864);
         this._tmpCtx.save();
-        var backgroundColor = this._getBackgroundColor(bg);
+        var backgroundColor = this._getBackgroundColor(bg, fg);
         this._tmpCtx.globalCompositeOperation = 'copy';
@@ -152,3 +188,3 @@ this._tmpCtx.fillStyle = backgroundColor.css;
         this._tmpCtx.textBaseline = 'top';
-        this._tmpCtx.fillStyle = this._getForegroundColor(fg).css;
+        this._tmpCtx.fillStyle = this._getForegroundCss(fg);
         if (dim) {
@@ -294,2 +330,6 @@ this._tmpCtx.globalAlpha = Constants_1.DIM_OPACITY;
 }
+function toPaddedHex(c) {
+    var s = c.toString(16);
+    return s.length < 2 ? '0' + s : s;
+}
 //# sourceMappingURL=WebglCharAtlas.js.map

out/GlyphRenderer.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var WebglUtils_1 = require("./WebglUtils");
-var WebglRenderer_1 = require("./WebglRenderer");
 var RenderModel_1 = require("./RenderModel");
@@ -9,3 +8,2 @@ var TypedArrayUtils_1 = require("common/TypedArrayUtils");
 var Constants_1 = require("common/buffer/Constants");
-var ColorUtils_1 = require("./ColorUtils");
 var vertexShaderSource = "#version 300 es\nlayout (location = " + 0 + ") in vec2 a_unitquad;\nlayout (location = " + 1 + ") in vec2 a_cellpos;\nlayout (location = " + 2 + ") in vec2 a_offset;\nlayout (location = " + 3 + ") in vec2 a_size;\nlayout (location = " + 4 + ") in vec2 a_texcoord;\nlayout (location = " + 5 + ") in vec2 a_texsize;\n\nuniform mat4 u_projection;\nuniform vec2 u_resolution;\n\nout vec2 v_texcoord;\n\nvoid main() {\n  vec2 zeroToOne = (a_offset / u_resolution) + a_cellpos + (a_unitquad * a_size);\n  gl_Position = u_projection * vec4(zeroToOne, 0.0, 1.0);\n  v_texcoord = a_texcoord + a_unitquad * a_texsize;\n}";
@@ -79,6 +77,6 @@ var fragmentShaderSource = "#version 300 es\nprecision lowp float;\n\nin vec2 v_texcoord;\n\nuniform sampler2D u_texture;\n\nout vec4 outColor;\n\nvoid main() {\n  outColor = texture(u_texture, v_texcoord);\n}";
     };
-    GlyphRenderer.prototype.updateCell = function (x, y, code, attr, bg, fg, chars) {
-        this._updateCell(this._vertices.attributes, x, y, code, attr, bg, fg, chars);
+    GlyphRenderer.prototype.updateCell = function (x, y, code, bg, fg, chars) {
+        this._updateCell(this._vertices.attributes, x, y, code, bg, fg, chars);
     };
-    GlyphRenderer.prototype._updateCell = function (array, x, y, code, attr, bg, fg, chars) {
+    GlyphRenderer.prototype._updateCell = function (array, x, y, code, bg, fg, chars) {
         var terminal = this._terminal;
@@ -95,6 +93,6 @@ var i = (y * terminal.cols + x) * INDICES_PER_CELL;
         if (chars && chars.length > 1) {
-            rasterizedGlyph = this._atlas.getRasterizedGlyphCombinedChar(chars, attr, bg, fg);
+            rasterizedGlyph = this._atlas.getRasterizedGlyphCombinedChar(chars, bg, fg);
         }
         else {
-            rasterizedGlyph = this._atlas.getRasterizedGlyph(code, attr, bg, fg);
+            rasterizedGlyph = this._atlas.getRasterizedGlyph(code, bg, fg);
         }
@@ -117,5 +115,3 @@ if (!rasterizedGlyph) {
         this._vertices.selectionAttributes = TypedArray_1.slice(this._vertices.attributes, 0);
-        var lumi = ColorUtils_1.getLuminance(this._colors.background);
-        var fg = lumi > 0.5 ? 7 : 0;
-        var bg = lumi > 0.5 ? 0 : 7;
+        var bg = (this._colors.selectionOpaque.rgba >>> 8) | 50331648;
         if (columnSelectMode) {
@@ -126,3 +122,3 @@ var startCol = model.selection.startCol;
             for (var y = model.selection.viewportCappedStartRow; y < model.selection.viewportCappedStartRow + height; y++) {
-                this._updateSelectionRange(startCol, startCol + width, y, model, bg, fg);
+                this._updateSelectionRange(startCol, startCol + width, y, model, bg);
             }
@@ -133,14 +129,14 @@ }
             var startRowEndCol = model.selection.viewportCappedStartRow === model.selection.viewportCappedEndRow ? model.selection.endCol : terminal.cols;
-            this._updateSelectionRange(startCol, startRowEndCol, model.selection.viewportCappedStartRow, model, bg, fg);
+            this._updateSelectionRange(startCol, startRowEndCol, model.selection.viewportCappedStartRow, model, bg);
             var middleRowsCount = Math.max(model.selection.viewportCappedEndRow - model.selection.viewportCappedStartRow - 1, 0);
             for (var y = model.selection.viewportCappedStartRow + 1; y <= model.selection.viewportCappedStartRow + middleRowsCount; y++) {
-                this._updateSelectionRange(0, startRowEndCol, y, model, bg, fg);
+                this._updateSelectionRange(0, startRowEndCol, y, model, bg);
             }
             if (model.selection.viewportCappedStartRow !== model.selection.viewportCappedEndRow) {
                 var endCol = model.selection.viewportEndRow === model.selection.viewportCappedEndRow ? model.selection.endCol : terminal.cols;
-                this._updateSelectionRange(0, endCol, model.selection.viewportCappedEndRow, model, bg, fg);
+                this._updateSelectionRange(0, endCol, model.selection.viewportCappedEndRow, model, bg);
             }
         }
     };
-    GlyphRenderer.prototype._updateSelectionRange = function (startCol, endCol, y, model, bg, fg) {
+    GlyphRenderer.prototype._updateSelectionRange = function (startCol, endCol, y, model, bg) {
         var terminal = this._terminal;
@@ -150,5 +146,3 @@ var row = y + terminal.buffer.viewportY;
         for (var x = startCol; x < endCol; x++) {
-            var offset = (y * this._terminal.cols + x) * WebglRenderer_1.INDICIES_PER_CELL;
-            var attr = model.cells[offset + 1];
-            attr = attr & ~0x3ffff | bg << 9 | fg;
+            var offset = (y * this._terminal.cols + x) * RenderModel_1.RENDER_MODEL_INDICIES_PER_CELL;
             var code = model.cells[offset];
@@ -160,6 +154,6 @@ if (code & RenderModel_1.COMBINED_CHAR_BIT_MASK) {
                 var chars = line.getCell(x).char;
-                this._updateCell(this._vertices.selectionAttributes, x, y, model.cells[offset], attr, bg, fg, chars);
+                this._updateCell(this._vertices.selectionAttributes, x, y, model.cells[offset], bg, model.cells[offset + RenderModel_1.RENDER_MODEL_FG_OFFSET], chars);
             }
             else {
-                this._updateCell(this._vertices.selectionAttributes, x, y, model.cells[offset], attr, bg, fg);
+                this._updateCell(this._vertices.selectionAttributes, x, y, model.cells[offset], bg, model.cells[offset + RenderModel_1.RENDER_MODEL_FG_OFFSET]);
             }
@@ -166,0 +160,0 @@ }

out/RectangleRenderer.js

@@ -5,5 +5,3 @@ "use strict";
 var TypedArrayUtils_1 = require("common/TypedArrayUtils");
-var Constants_1 = require("browser/renderer/atlas/Constants");
-var CharAtlasUtils_1 = require("./atlas/CharAtlasUtils");
-var Constants_2 = require("common/buffer/Constants");
+var RenderModel_1 = require("./RenderModel");
 var vertexShaderSource = "#version 300 es\nlayout (location = " + 0 + ") in vec2 a_position;\nlayout (location = " + 1 + ") in vec2 a_size;\nlayout (location = " + 2 + ") in vec3 a_color;\nlayout (location = " + 3 + ") in vec2 a_unitquad;\n\nuniform mat4 u_projection;\nuniform vec2 u_resolution;\n\nout vec3 v_color;\n\nvoid main() {\n  vec2 zeroToOne = (a_position + (a_unitquad * a_size)) / u_resolution;\n  gl_Position = u_projection * vec4(zeroToOne, 0.0, 1.0);\n  v_color = a_color;\n}";
@@ -76,3 +74,3 @@ var fragmentShaderSource = "#version 300 es\nprecision lowp float;\n\nin vec3 v_color;\n\nout vec4 outColor;\n\nvoid main() {\n  outColor = vec4(v_color, 1);\n}";
         this._bgFloat = this._colorToFloat32Array(this._colors.background);
-        this._selectionFloat = this._colorToFloat32Array(this._colors.selection);
+        this._selectionFloat = this._colorToFloat32Array(this._colors.selectionOpaque);
     };
@@ -116,18 +114,21 @@ RectangleRenderer.prototype._updateViewportRectangle = function () {
             var currentStartX = -1;
-            var currentBg = Constants_2.DEFAULT_COLOR;
+            var currentBg = 0;
+            var currentFg = 0;
             for (var x = 0; x < terminal.cols; x++) {
-                var modelIndex = ((y * terminal.cols) + x) * 4;
-                var bg = model.cells[modelIndex + 2];
+                var modelIndex = ((y * terminal.cols) + x) * RenderModel_1.RENDER_MODEL_INDICIES_PER_CELL;
+                var bg = model.cells[modelIndex + RenderModel_1.RENDER_MODEL_BG_OFFSET];
+                var fg = model.cells[modelIndex + RenderModel_1.RENDER_MODEL_FG_OFFSET];
                 if (bg !== currentBg) {
-                    if (currentBg !== Constants_2.DEFAULT_COLOR) {
+                    if (currentBg !== 0) {
                         var offset = rectangleCount++ * INDICES_PER_RECTANGLE;
-                        this._updateRectangle(vertices, offset, currentBg, currentStartX, x, y);
+                        this._updateRectangle(vertices, offset, currentFg, currentBg, currentStartX, x, y);
                     }
                     currentStartX = x;
                     currentBg = bg;
+                    currentFg = fg;
                 }
             }
-            if (currentBg !== Constants_2.DEFAULT_COLOR) {
+            if (currentBg !== 0) {
                 var offset = rectangleCount++ * INDICES_PER_RECTANGLE;
-                this._updateRectangle(vertices, offset, currentBg, currentStartX, terminal.cols, y);
+                this._updateRectangle(vertices, offset, currentFg, currentBg, currentStartX, terminal.cols, y);
             }
@@ -137,12 +138,21 @@ }
     };
-    RectangleRenderer.prototype._updateRectangle = function (vertices, offset, bg, startX, endX, y) {
-        var color = null;
-        if (bg === Constants_1.INVERTED_DEFAULT_COLOR) {
-            color = this._colors.foreground;
+    RectangleRenderer.prototype._updateRectangle = function (vertices, offset, fg, bg, startX, endX, y) {
+        var rgba;
+        var colorMode = bg & 50331648;
+        if (fg & 67108864) {
+            rgba = this._colors.foreground.rgba;
         }
-        else if (CharAtlasUtils_1.is256Color(bg)) {
-            color = this._colors.ansi[bg];
-        }
         else {
-            color = this._colors.foreground;
+            switch (colorMode) {
+                case 16777216:
+                case 33554432:
+                    rgba = this._colors.ansi[bg & 255].rgba;
+                    break;
+                case 50331648:
+                    rgba = (bg & 16777215) << 8;
+                    break;
+                case 0:
+                default:
+                    rgba = this._colors.background.rgba;
+            }
         }
@@ -154,5 +164,5 @@ if (vertices.attributes.length < offset + 4) {
         var y1 = y * this._dimensions.scaledCellHeight;
-        var r = ((color.rgba >> 24) & 0xFF) / 255;
-        var g = ((color.rgba >> 16) & 0xFF) / 255;
-        var b = ((color.rgba >> 8) & 0xFF) / 255;
+        var r = ((rgba >> 24) & 0xFF) / 255;
+        var g = ((rgba >> 16) & 0xFF) / 255;
+        var b = ((rgba >> 8) & 0xFF) / 255;
         this._addRectangle(vertices.attributes, offset, x1, y1, (endX - startX) * this._dimensions.scaledCellWidth, this._dimensions.scaledCellHeight, r, g, b, 1);
@@ -159,0 +169,0 @@ };

out/renderLayer/BaseRenderLayer.js

@@ -16,11 +16,2 @@ "use strict";
         this._scaledCharTop = 0;
-        this._currentGlyphIdentifier = {
-            chars: '',
-            code: 0,
-            bg: 0,
-            fg: 0,
-            bold: false,
-            dim: false,
-            italic: false
-        };
         this._canvas = document.createElement('canvas');
@@ -27,0 +18,0 @@ this._canvas.classList.add("xterm-" + id + "-layer");

out/RenderModel.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var TypedArrayUtils_1 = require("common/TypedArrayUtils");
-exports.RENDER_MODEL_INDICIES_PER_CELL = 4;
+exports.RENDER_MODEL_INDICIES_PER_CELL = 3;
+exports.RENDER_MODEL_BG_OFFSET = 1;
+exports.RENDER_MODEL_FG_OFFSET = 2;
 exports.COMBINED_CHAR_BIT_MASK = 0x80000000;
@@ -6,0 +8,0 @@ var RenderModel = (function () {

out/WebglRenderer.js

@@ -25,6 +25,4 @@ "use strict";
 var Constants_2 = require("common/buffer/Constants");
-var ColorUtils_1 = require("./ColorUtils");
-var CharDataCompat_1 = require("./CharDataCompat");
 var EventEmitter_1 = require("common/EventEmitter");
-exports.INDICIES_PER_CELL = 4;
+var CellData_1 = require("common/buffer/CellData");
 var WebglRenderer = (function (_super) {
@@ -37,5 +35,5 @@ __extends(WebglRenderer, _super);
         _this._model = new RenderModel_1.RenderModel();
+        _this._workCell = new CellData_1.CellData();
         _this._onRequestRefreshRows = new EventEmitter_1.EventEmitter();
         _this._core = _this._terminal._core;
-        _this._applyBgLuminanceBasedSelection();
         _this._renderLayers = [
@@ -87,14 +85,5 @@ new LinkRenderLayer_1.LinkRenderLayer(_this._core.screenElement, 2, _this._colors, _this._core),
     };
-    WebglRenderer.prototype._applyBgLuminanceBasedSelection = function () {
-        if (ColorUtils_1.getLuminance(this._colors.background) > 0.5) {
-            this._colors.selection = { css: '#000', rgba: 255 };
-        }
-        else {
-            this._colors.selection = { css: '#fff', rgba: 4294967295 };
-        }
-    };
     WebglRenderer.prototype.setColors = function (colors) {
         var _this = this;
         this._colors = colors;
-        this._applyBgLuminanceBasedSelection();
         this._renderLayers.forEach(function (l) {
@@ -200,17 +189,17 @@ l.setColors(_this._terminal, _this._colors);
             for (var x = 0; x < terminal.cols; x++) {
-                var charData = line.get(x);
-                var chars = charData[Constants_2.CHAR_DATA_CHAR_INDEX];
-                var code = charData[Constants_2.CHAR_DATA_CODE_INDEX];
-                var attr = CharDataCompat_1.getCompatAttr(line, x);
-                var i = ((y * terminal.cols) + x) * exports.INDICIES_PER_CELL;
+                line.loadCell(x, this._workCell);
+                var chars = this._workCell.getChars();
+                var code = this._workCell.getCode();
+                var i = ((y * terminal.cols) + x) * RenderModel_1.RENDER_MODEL_INDICIES_PER_CELL;
                 if (code !== Constants_2.NULL_CELL_CODE) {
                     this._model.lineLengths[y] = x + 1;
                 }
-                if (this._model.cells[i] === code && this._model.cells[i + 1] === attr) {
+                var bg = this._workCell.bg;
+                var fg = this._workCell.fg;
+                if (this._model.cells[i] === code &&
+                    this._model.cells[i + RenderModel_1.RENDER_MODEL_BG_OFFSET] === bg &&
+                    this._model.cells[i + RenderModel_1.RENDER_MODEL_FG_OFFSET] === fg) {
                     continue;
                 }
-                var flags = attr >> 18;
-                var bg = attr & 0x1ff;
-                var fg = (attr >> 9) & 0x1ff;
-                if (flags & 8) {
+                if (this._workCell.isInverse()) {
                     var temp = bg;
@@ -226,4 +215,5 @@ bg = fg;
                 }
-                var drawInBrightColor = terminal.options.drawBoldTextInBrightColors && !!(flags & 1) && fg < 8 && fg !== Constants_1.INVERTED_DEFAULT_COLOR;
-                fg += drawInBrightColor ? 8 : 0;
+                if (terminal.options.drawBoldTextInBrightColors && this._workCell.isBold() && fg & 134217728 && this._workCell.getFgColor() < 8) {
+                    fg += 8;
+                }
                 if (chars.length > 1) {
@@ -233,6 +223,5 @@ code = code | RenderModel_1.COMBINED_CHAR_BIT_MASK;
                 this._model.cells[i] = code;
-                this._model.cells[i + 1] = attr;
-                this._model.cells[i + 2] = bg;
-                this._model.cells[i + 3] = fg;
-                this._glyphRenderer.updateCell(x, y, code, attr, bg, fg, chars);
+                this._model.cells[i + RenderModel_1.RENDER_MODEL_BG_OFFSET] = bg;
+                this._model.cells[i + RenderModel_1.RENDER_MODEL_FG_OFFSET] = fg;
+                this._glyphRenderer.updateCell(x, y, code, bg, fg, chars);
             }
@@ -239,0 +228,0 @@ }

package.json

 {
   "name": "xterm-addon-webgl",
-  "version": "0.4.0-beta5",
+  "version": "0.4.0-beta6",
   "author": {
@@ -5,0 +5,0 @@ "name": "The xterm.js authors",

src/atlas/CharAtlasUtils.ts

@@ -7,3 +7,3 @@ /**
 import { ICharAtlasConfig } from './Types';
-import { DEFAULT_COLOR } from 'common/buffer/Constants';
+import { Attributes } from 'common/buffer/Constants';
 import { Terminal, FontWeight } from 'xterm';
@@ -25,2 +25,3 @@ import { IColorSet, IColor } from 'browser/Types';
     selection: NULL_COLOR,
+    selectionOpaque: NULL_COLOR,
     // For the static char atlas, we only use the first 16 colors, but we need all 256 for the
@@ -62,3 +63,3 @@ // dynamic character atlas.
 export function is256Color(colorCode: number): boolean {
-  return colorCode < DEFAULT_COLOR;
+  return (colorCode & Attributes.CM_MASK) === Attributes.CM_P16 || (colorCode & Attributes.CM_MASK) === Attributes.CM_P256;
 }

src/atlas/WebglCharAtlas.ts

@@ -7,10 +7,9 @@ /**
 import { ICharAtlasConfig } from './Types';
-import { DIM_OPACITY, INVERTED_DEFAULT_COLOR } from 'browser/renderer/atlas/Constants';
+import { DIM_OPACITY } from 'browser/renderer/atlas/Constants';
 import { IRasterizedGlyph, IBoundingBox, IRasterizedGlyphSet } from '../Types';
-import { DEFAULT_COLOR, DEFAULT_ATTR } from 'common/buffer/Constants';
-import { is256Color } from './CharAtlasUtils';
+import { DEFAULT_COLOR, FgFlags, Attributes, BgFlags } from 'common/buffer/Constants';
 import { throwIfFalsy } from '../WebglUtils';
 import { IColor } from 'browser/Types';
-import { FLAGS } from '../Constants';
 import { IDisposable } from 'xterm';
+import { AttributeData } from 'common/buffer/AttributeData';
 
@@ -107,5 +106,7 @@ // In practice we're probably never going to exhaust a texture this large. For debugging purposes,
     for (let i = 33; i < 126; i++) {
-      const rasterizedGlyph = this._drawToCache(i, DEFAULT_ATTR, DEFAULT_COLOR, DEFAULT_COLOR);
+      const rasterizedGlyph = this._drawToCache(i, DEFAULT_COLOR, DEFAULT_COLOR);
       this._cacheMap[i] = {
-        [DEFAULT_ATTR]: rasterizedGlyph
+        [DEFAULT_COLOR]: {
+          [DEFAULT_COLOR]: rasterizedGlyph
+        }
       };
@@ -128,3 +129,3 @@ }
 
-  public getRasterizedGlyphCombinedChar(chars: string, attr: number, bg: number, fg: number): IRasterizedGlyph {
+  public getRasterizedGlyphCombinedChar(chars: string, bg: number, fg: number): IRasterizedGlyph {
     let rasterizedGlyphSet = this._cacheMapCombined[chars];
@@ -135,6 +136,13 @@ if (!rasterizedGlyphSet) {
     }
-    let rasterizedGlyph = rasterizedGlyphSet[attr];
+    let rasterizedGlyph: IRasterizedGlyph | undefined;
+    const rasterizedGlyphSetBg = rasterizedGlyphSet[bg];
+    if (rasterizedGlyphSetBg) {
+      rasterizedGlyph = rasterizedGlyphSetBg[fg];
+    }
     if (!rasterizedGlyph) {
-      rasterizedGlyph = this._drawToCache(chars, attr, bg, fg);
-      rasterizedGlyphSet[attr] = rasterizedGlyph;
+      rasterizedGlyph = this._drawToCache(chars, bg, fg);
+      if (!rasterizedGlyphSet[bg]) {
+        rasterizedGlyphSet[bg] = {};
+      }
+      rasterizedGlyphSet[bg]![fg] = rasterizedGlyph;
     }
@@ -147,3 +155,3 @@ return rasterizedGlyph;
    */
-  public getRasterizedGlyph(code: number, attr: number, bg: number, fg: number): IRasterizedGlyph {
+  public getRasterizedGlyph(code: number, bg: number, fg: number): IRasterizedGlyph {
     let rasterizedGlyphSet = this._cacheMap[code];
@@ -154,6 +162,13 @@ if (!rasterizedGlyphSet) {
     }
-    let rasterizedGlyph = rasterizedGlyphSet[attr];
+    let rasterizedGlyph: IRasterizedGlyph | undefined;
+    const rasterizedGlyphSetBg = rasterizedGlyphSet[bg];
+    if (rasterizedGlyphSetBg) {
+      rasterizedGlyph = rasterizedGlyphSetBg[fg];
+    }
     if (!rasterizedGlyph) {
-      rasterizedGlyph = this._drawToCache(code, attr, bg, fg);
-      rasterizedGlyphSet[attr] = rasterizedGlyph;
+      rasterizedGlyph = this._drawToCache(code, bg, fg);
+      if (!rasterizedGlyphSet[bg]) {
+        rasterizedGlyphSet[bg] = {};
+      }
+      rasterizedGlyphSet[bg]![fg] = rasterizedGlyph;
     }
@@ -170,3 +185,3 @@ return rasterizedGlyph;
 
-  private _getBackgroundColor(bg: number): IColor {
+  private _getBackgroundColor(bg: number, fg: number): IColor {
     if (this._config.allowTransparency) {
@@ -177,24 +192,48 @@ // The background color might have some transparency, so we need to render it as fully
       return TRANSPARENT_COLOR;
-    } else if (bg === INVERTED_DEFAULT_COLOR) {
+    } else if (fg & FgFlags.INVERSE) {
       return this._config.colors.foreground;
-    } else if (is256Color(bg)) {
-      return this._getColorFromAnsiIndex(bg);
     }
-    // TODO: Support true color
-    return this._config.colors.background;
+
+    const colorMode = bg & Attributes.CM_MASK;
+    switch (colorMode) {
+      case Attributes.CM_P16:
+      case Attributes.CM_P256:
+        return this._getColorFromAnsiIndex(bg & Attributes.PCOLOR_MASK);
+      case Attributes.CM_RGB:
+        const rgb = bg & Attributes.RGB_MASK;
+        const arr = AttributeData.toColorRGB(rgb);
+        // TODO: This object creation is slow
+        return {
+          rgba: rgb << 8,
+          css: `#${toPaddedHex(arr[0])}${toPaddedHex(arr[1])}${toPaddedHex(arr[2])}`
+        };
+      case Attributes.CM_DEFAULT:
+      default:
+        return this._config.colors.background;
+    }
   }
 
-  private _getForegroundColor(fg: number): IColor {
-    if (fg === INVERTED_DEFAULT_COLOR) {
-      return this._config.colors.background;
-    } else if (is256Color(fg)) {
-      return this._getColorFromAnsiIndex(fg);
+  private _getForegroundCss(fg: number): string {
+    if (fg & FgFlags.INVERSE) {
+      return this._config.colors.background.css;
     }
-    // TODO: Support true color
-    return this._config.colors.foreground;
+
+    const colorMode = fg & Attributes.CM_MASK;
+    switch (colorMode) {
+      case Attributes.CM_P16:
+      case Attributes.CM_P256:
+        return this._getColorFromAnsiIndex(fg & Attributes.PCOLOR_MASK).css;
+      case Attributes.CM_RGB:
+        const rgb = fg & Attributes.RGB_MASK;
+        const arr = AttributeData.toColorRGB(rgb);
+        return `#${toPaddedHex(arr[0])}${toPaddedHex(arr[1])}${toPaddedHex(arr[2])}`;
+      case Attributes.CM_DEFAULT:
+      default:
+        return this._config.colors.foreground.css;
+    }
   }
 
-  private _drawToCache(code: number, attr: number, bg: number, fg: number): IRasterizedGlyph;
-  private _drawToCache(chars: string, attr: number, bg: number, fg: number): IRasterizedGlyph;
-  private _drawToCache(codeOrChars: number | string, attr: number, bg: number, fg: number): IRasterizedGlyph {
+  private _drawToCache(code: number, bg: number, fg: number): IRasterizedGlyph;
+  private _drawToCache(chars: string, bg: number, fg: number): IRasterizedGlyph;
+  private _drawToCache(codeOrChars: number | string, bg: number, fg: number): IRasterizedGlyph {
     const chars = typeof codeOrChars === 'number' ? String.fromCharCode(codeOrChars) : codeOrChars;
@@ -204,12 +243,10 @@
 
-    const flags = attr >> 18;
+    const bold = !!(fg & FgFlags.BOLD);
+    const dim = !!(bg & BgFlags.DIM);
+    const italic = !!(bg & BgFlags.ITALIC);
 
-    const bold = !!(flags & FLAGS.BOLD);
-    const dim = !!(flags & FLAGS.DIM);
-    const italic = !!(flags & FLAGS.ITALIC);
-
     this._tmpCtx.save();
 
     // draw the background
-    const backgroundColor = this._getBackgroundColor(bg);
+    const backgroundColor = this._getBackgroundColor(bg, fg);
     // Use a 'copy' composite operation to clear any existing glyph out of _tmpCtxWithAlpha, regardless of
@@ -229,3 +266,3 @@ // transparency in backgroundColor
 
-    this._tmpCtx.fillStyle = this._getForegroundColor(fg).css;
+    this._tmpCtx.fillStyle = this._getForegroundCss(fg);
 
@@ -411,1 +448,7 @@ // Apply alpha to dim the character
 }
+
+function toPaddedHex(c: number): string {
+  const s = c.toString(16);
+  return s.length < 2 ? '0' + s : s;
+}
+

src/GlyphRenderer.ts

@@ -9,8 +9,6 @@ /**
 import { IWebGL2RenderingContext, IWebGLVertexArrayObject, IRenderModel, IRasterizedGlyph } from './Types';
-import { INDICIES_PER_CELL } from './WebglRenderer';
-import { COMBINED_CHAR_BIT_MASK } from './RenderModel';
+import { COMBINED_CHAR_BIT_MASK, RENDER_MODEL_INDICIES_PER_CELL, RENDER_MODEL_FG_OFFSET } from './RenderModel';
 import { fill } from 'common/TypedArrayUtils';
 import { slice } from './TypedArray';
-import { NULL_CELL_CODE, WHITESPACE_CELL_CODE } from 'common/buffer/Constants';
-import { getLuminance } from './ColorUtils';
+import { NULL_CELL_CODE, WHITESPACE_CELL_CODE, Attributes } from 'common/buffer/Constants';
 import { Terminal, IBufferLine } from 'xterm';
@@ -173,7 +171,7 @@ import { IColorSet } from 'browser/Types';
 
-  public updateCell(x: number, y: number, code: number, attr: number, bg: number, fg: number, chars: string): void {
-    this._updateCell(this._vertices.attributes, x, y, code, attr, bg, fg, chars);
+  public updateCell(x: number, y: number, code: number, bg: number, fg: number, chars: string): void {
+    this._updateCell(this._vertices.attributes, x, y, code, bg, fg, chars);
   }
 
-  private _updateCell(array: Float32Array, x: number, y: number, code: number | undefined, attr: number, bg: number, fg: number, chars?: string): void {
+  private _updateCell(array: Float32Array, x: number, y: number, code: number | undefined, bg: number, fg: number, chars?: string): void {
     const terminal = this._terminal;
@@ -194,5 +192,5 @@
     if (chars && chars.length > 1) {
-      rasterizedGlyph = this._atlas.getRasterizedGlyphCombinedChar(chars, attr, bg, fg);
+      rasterizedGlyph = this._atlas.getRasterizedGlyphCombinedChar(chars, bg, fg);
     } else {
-      rasterizedGlyph = this._atlas.getRasterizedGlyph(code, attr, bg, fg);
+      rasterizedGlyph = this._atlas.getRasterizedGlyph(code, bg, fg);
     }
@@ -226,7 +224,3 @@
 
-    // TODO: Make fg and bg configurable, currently since the buffer doesn't
-    // support truecolor the char atlas cannot store it.
-    const lumi = getLuminance(this._colors.background);
-    const fg = lumi > 0.5 ? 7 : 0;
-    const bg = lumi > 0.5 ? 0 : 7;
+    const bg = (this._colors.selectionOpaque.rgba >>> 8) | Attributes.CM_RGB;
 
@@ -238,3 +232,3 @@ if (columnSelectMode) {
       for (let y = model.selection.viewportCappedStartRow; y < model.selection.viewportCappedStartRow + height; y++) {
-        this._updateSelectionRange(startCol, startCol + width, y, model, bg, fg);
+        this._updateSelectionRange(startCol, startCol + width, y, model, bg);
       }
@@ -245,3 +239,3 @@ } else {
       const startRowEndCol = model.selection.viewportCappedStartRow === model.selection.viewportCappedEndRow ? model.selection.endCol : terminal.cols;
-      this._updateSelectionRange(startCol, startRowEndCol, model.selection.viewportCappedStartRow, model, bg, fg);
+      this._updateSelectionRange(startCol, startRowEndCol, model.selection.viewportCappedStartRow, model, bg);
 
@@ -251,3 +245,3 @@ // Draw middle rows
       for (let y = model.selection.viewportCappedStartRow + 1; y <= model.selection.viewportCappedStartRow + middleRowsCount; y++) {
-        this._updateSelectionRange(0, startRowEndCol, y, model, bg, fg);
+        this._updateSelectionRange(0, startRowEndCol, y, model, bg);
       }
@@ -259,3 +253,3 @@
         const endCol = model.selection.viewportEndRow === model.selection.viewportCappedEndRow ? model.selection.endCol : terminal.cols;
-        this._updateSelectionRange(0, endCol, model.selection.viewportCappedEndRow, model, bg, fg);
+        this._updateSelectionRange(0, endCol, model.selection.viewportCappedEndRow, model, bg);
       }
@@ -265,3 +259,3 @@ }
 
-  private _updateSelectionRange(startCol: number, endCol: number, y: number, model: IRenderModel, bg: number, fg: number): void {
+  private _updateSelectionRange(startCol: number, endCol: number, y: number, model: IRenderModel, bg: number): void {
     const terminal = this._terminal;
@@ -271,6 +265,3 @@ const row = y + terminal.buffer.viewportY;
     for (let x = startCol; x < endCol; x++) {
-      const offset = (y * this._terminal.cols + x) * INDICIES_PER_CELL;
-      // Because the cache uses attr as a lookup key it needs to contain the selection colors as well
-      let attr = model.cells[offset + 1];
-      attr = attr & ~0x3ffff | bg << 9 | fg;
+      const offset = (y * this._terminal.cols + x) * RENDER_MODEL_INDICIES_PER_CELL;
       const code = model.cells[offset];
@@ -282,5 +273,5 @@ if (code & COMBINED_CHAR_BIT_MASK) {
         const chars = line!.getCell(x)!.char;
-        this._updateCell(this._vertices.selectionAttributes, x, y, model.cells[offset], attr, bg, fg, chars);
+        this._updateCell(this._vertices.selectionAttributes, x, y, model.cells[offset], bg, model.cells[offset + RENDER_MODEL_FG_OFFSET], chars);
       } else {
-        this._updateCell(this._vertices.selectionAttributes, x, y, model.cells[offset], attr, bg, fg);
+        this._updateCell(this._vertices.selectionAttributes, x, y, model.cells[offset], bg, model.cells[offset + RENDER_MODEL_FG_OFFSET]);
       }
@@ -287,0 +278,0 @@ }

src/RectangleRenderer.ts

@@ -9,8 +9,7 @@ /**
 import { fill } from 'common/TypedArrayUtils';
-import { INVERTED_DEFAULT_COLOR } from 'browser/renderer/atlas/Constants';
-import { is256Color } from './atlas/CharAtlasUtils';
-import { DEFAULT_COLOR } from 'common/buffer/Constants';
+import { Attributes, FgFlags } from 'common/buffer/Constants';
 import { Terminal } from 'xterm';
 import { IColorSet, IColor } from 'browser/Types';
 import { IRenderDimensions } from 'browser/renderer/Types';
+import { RENDER_MODEL_BG_OFFSET, RENDER_MODEL_FG_OFFSET, RENDER_MODEL_INDICIES_PER_CELL } from './RenderModel';
 
@@ -160,3 +159,3 @@ const enum VertexAttribLocations {
     this._bgFloat = this._colorToFloat32Array(this._colors.background);
-    this._selectionFloat = this._colorToFloat32Array(this._colors.selection);
+    this._selectionFloat = this._colorToFloat32Array(this._colors.selectionOpaque);
   }
@@ -252,20 +251,23 @@
       let currentStartX = -1;
-      let currentBg = DEFAULT_COLOR;
+      let currentBg = 0;
+      let currentFg = 0;
       for (let x = 0; x < terminal.cols; x++) {
-        const modelIndex = ((y * terminal.cols) + x) * 4;
-        const bg = model.cells[modelIndex + 2];
+        const modelIndex = ((y * terminal.cols) + x) * RENDER_MODEL_INDICIES_PER_CELL;
+        const bg = model.cells[modelIndex + RENDER_MODEL_BG_OFFSET];
+        const fg = model.cells[modelIndex + RENDER_MODEL_FG_OFFSET];
         if (bg !== currentBg) {
           // A rectangle needs to be drawn if going from non-default to another color
-          if (currentBg !== DEFAULT_COLOR) {
+          if (currentBg !== 0) {
             const offset = rectangleCount++ * INDICES_PER_RECTANGLE;
-            this._updateRectangle(vertices, offset, currentBg, currentStartX, x, y);
+            this._updateRectangle(vertices, offset, currentFg, currentBg, currentStartX, x, y);
           }
           currentStartX = x;
           currentBg = bg;
+          currentFg = fg;
         }
       }
       // Finish rectangle if it's still going
-      if (currentBg !== DEFAULT_COLOR) {
+      if (currentBg !== 0) {
         const offset = rectangleCount++ * INDICES_PER_RECTANGLE;
-        this._updateRectangle(vertices, offset, currentBg, currentStartX, terminal.cols, y);
+        this._updateRectangle(vertices, offset, currentFg, currentBg, currentStartX, terminal.cols, y);
       }
@@ -276,12 +278,23 @@ }
 
-  private _updateRectangle(vertices: IVertices, offset: number, bg: number, startX: number, endX: number, y: number): void {
-    let color: IColor | null = null;
-    if (bg === INVERTED_DEFAULT_COLOR) {
-      color = this._colors.foreground;
-    } else if (is256Color(bg)) {
-      color = this._colors.ansi[bg];
+  private _updateRectangle(vertices: IVertices, offset: number, fg: number, bg: number, startX: number, endX: number, y: number): void {
+    let rgba: number | undefined;
+    const colorMode = bg & Attributes.CM_MASK;
+    if (fg & FgFlags.INVERSE) {
+      // Inverted color
+      rgba = this._colors.foreground.rgba;
     } else {
-      // TODO: Add support for true color
-      color = this._colors.foreground;
+      switch (colorMode) {
+        case Attributes.CM_P16:
+        case Attributes.CM_P256:
+          rgba = this._colors.ansi[bg & Attributes.PCOLOR_MASK].rgba;
+          break;
+        case Attributes.CM_RGB:
+          rgba = (bg & Attributes.RGB_MASK) << 8;
+          break;
+        case Attributes.CM_DEFAULT:
+        default:
+          rgba = this._colors.background.rgba;
+      }
     }
+
     if (vertices.attributes.length < offset + 4) {
@@ -292,5 +305,5 @@ vertices.attributes = expandFloat32Array(vertices.attributes, this._terminal.rows * this._terminal.cols * INDICES_PER_RECTANGLE);
     const y1 = y * this._dimensions.scaledCellHeight;
-    const r = ((color.rgba >> 24) & 0xFF) / 255;
-    const g = ((color.rgba >> 16) & 0xFF) / 255;
-    const b = ((color.rgba >> 8 ) & 0xFF) / 255;
+    const r = ((rgba >> 24) & 0xFF) / 255;
+    const g = ((rgba >> 16) & 0xFF) / 255;
+    const b = ((rgba >> 8 ) & 0xFF) / 255;
 
@@ -297,0 +310,0 @@ this._addRectangle(vertices.attributes, offset, x1, y1, (endX - startX) * this._dimensions.scaledCellWidth, this._dimensions.scaledCellHeight, r, g, b, 1);

src/renderLayer/BaseRenderLayer.ts

@@ -7,3 +7,2 @@ /**
 import { IRenderLayer } from './Types';
-import { IGlyphIdentifier } from '../atlas/Types';
 import { acquireCharAtlas } from '../atlas/CharAtlasCache';
@@ -29,15 +28,2 @@ import { Terminal } from 'xterm';
 
-  /**
-   * An object that's reused when drawing glyphs in order to reduce GC.
-   */
-  private _currentGlyphIdentifier: IGlyphIdentifier = {
-    chars: '',
-    code: 0,
-    bg: 0,
-    fg: 0,
-    bold: false,
-    dim: false,
-    italic: false
-  };
-
   constructor(
@@ -44,0 +30,0 @@ private _container: HTMLElement,

src/RenderModel.ts

@@ -9,3 +9,5 @@ /**
 
-export const RENDER_MODEL_INDICIES_PER_CELL = 4;
+export const RENDER_MODEL_INDICIES_PER_CELL = 3;
+export const RENDER_MODEL_BG_OFFSET = 1;
+export const RENDER_MODEL_FG_OFFSET = 2;
 
@@ -12,0 +14,0 @@ export const COMBINED_CHAR_BIT_MASK = 0x80000000;

src/Types.d.ts

@@ -7,3 +7,3 @@ /**
 export interface IRasterizedGlyphSet {
-  [flags: number]: IRasterizedGlyph;
+  [bg: number]: { [fg: number]: IRasterizedGlyph } | undefined;
 }
@@ -10,0 +10,0 @@

src/WebglRenderer.ts

@@ -15,16 +15,12 @@ /**
 import { INVERTED_DEFAULT_COLOR } from 'browser/renderer/atlas/Constants';
-import { RenderModel, COMBINED_CHAR_BIT_MASK } from './RenderModel';
+import { RenderModel, COMBINED_CHAR_BIT_MASK, RENDER_MODEL_BG_OFFSET, RENDER_MODEL_FG_OFFSET, RENDER_MODEL_INDICIES_PER_CELL } from './RenderModel';
 import { Disposable } from 'common/Lifecycle';
-import { DEFAULT_COLOR, CHAR_DATA_CHAR_INDEX, CHAR_DATA_CODE_INDEX, NULL_CELL_CODE } from 'common/buffer/Constants';
+import { DEFAULT_COLOR, NULL_CELL_CODE, FgFlags } from 'common/buffer/Constants';
 import { Terminal, IEvent } from 'xterm';
-import { getLuminance } from './ColorUtils';
 import { IRenderLayer } from './renderLayer/Types';
 import { IRenderDimensions, IRenderer, IRequestRefreshRowsEvent } from 'browser/renderer/Types';
 import { IColorSet } from 'browser/Types';
-import { FLAGS } from './Constants';
-import { getCompatAttr } from './CharDataCompat';
 import { EventEmitter } from 'common/EventEmitter';
+import { CellData } from 'common/buffer/CellData';
 
-export const INDICIES_PER_CELL = 4;
-
 export class WebglRenderer extends Disposable implements IRenderer {
@@ -36,2 +32,3 @@ private _renderLayers: IRenderLayer[];
   private _model: RenderModel = new RenderModel();
+  private _workCell: CellData = new CellData();
 
@@ -59,4 +56,2 @@ private _canvas: HTMLCanvasElement;
 
-    this._applyBgLuminanceBasedSelection();
-
     this._renderLayers = [
@@ -109,16 +104,5 @@ new LinkRenderLayer(this._core.screenElement, 2, this._colors, this._core),
 
-  private _applyBgLuminanceBasedSelection(): void {
-    // HACK: This is needed until webgl renderer adds support for selection colors
-    if (getLuminance(this._colors.background) > 0.5) {
-      this._colors.selection = { css: '#000', rgba: 255 };
-    } else {
-      this._colors.selection = { css: '#fff', rgba: 4294967295 };
-    }
-  }
-
   public setColors(colors: IColorSet): void {
     this._colors = colors;
 
-    this._applyBgLuminanceBasedSelection();
-
     // Clear layers and force a full render
@@ -265,8 +249,8 @@ this._renderLayers.forEach(l => {
       for (let x = 0; x < terminal.cols; x++) {
-        const charData = line.get(x);
-        const chars = charData[CHAR_DATA_CHAR_INDEX];
-        let code = charData[CHAR_DATA_CODE_INDEX];
-        const attr = getCompatAttr(line, x); // charData[CHAR_DATA_ATTR_INDEX];
-        const i = ((y * terminal.cols) + x) * INDICIES_PER_CELL;
+        line.loadCell(x, this._workCell);
 
+        const chars = this._workCell.getChars();
+        let code = this._workCell.getCode();
+        const i = ((y * terminal.cols) + x) * RENDER_MODEL_INDICIES_PER_CELL;
+
         if (code !== NULL_CELL_CODE) {
@@ -276,14 +260,15 @@ this._model.lineLengths[y] = x + 1;
 
+        // Resolve bg and fg
+        let bg = this._workCell.bg;
+        let fg = this._workCell.fg;
+
         // Nothing has changed, no updates needed
-        if (this._model.cells[i] === code && this._model.cells[i + 1] === attr) {
+        if (this._model.cells[i] === code &&
+            this._model.cells[i + RENDER_MODEL_BG_OFFSET] === bg &&
+            this._model.cells[i + RENDER_MODEL_FG_OFFSET] === fg) {
           continue;
         }
 
-        // Resolve bg and fg and cache in the model
-        const flags = attr >> 18;
-        let bg = attr & 0x1ff;
-        let fg = (attr >> 9) & 0x1ff;
-
         // If inverse flag is on, the foreground should become the background.
-        if (flags & FLAGS.INVERSE) {
+        if (this._workCell.isInverse()) {
           const temp = bg;
@@ -299,5 +284,8 @@ bg = fg;
         }
-        const drawInBrightColor = terminal.options.drawBoldTextInBrightColors && !!(flags & FLAGS.BOLD) && fg < 8 && fg !== INVERTED_DEFAULT_COLOR;
-        fg += drawInBrightColor ? 8 : 0;
 
+        // Apply drawBoldTextInBrightColors
+        if (terminal.options.drawBoldTextInBrightColors && this._workCell.isBold() && fg & FgFlags.BOLD && this._workCell.getFgColor() < 8) {
+          fg += 8;
+        }
+
         // Flag combined chars with a bit mask so they're easily identifiable
@@ -308,8 +296,8 @@ if (chars.length > 1) {
 
-        this._model.cells[i    ] = code;
-        this._model.cells[i + 1] = attr;
-        this._model.cells[i + 2] = bg;
-        this._model.cells[i + 3] = fg;
+        // Cache the results in the model
+        this._model.cells[i] = code;
+        this._model.cells[i + RENDER_MODEL_BG_OFFSET] = bg;
+        this._model.cells[i + RENDER_MODEL_FG_OFFSET] = fg;
 
-        this._glyphRenderer.updateCell(x, y, code, attr, bg, fg, chars);
+        this._glyphRenderer.updateCell(x, y, code, bg, fg, chars);
       }
@@ -316,0 +304,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

541594

increased by1.61%

Worsened metrics

Number of package files

54

decreased by-14.29%

Lines of code

4619

decreased by-0.73%

No dependency changes