diff --git a/storybook-static/iframe.html b/storybook-static/iframe.html
index a3b678345..154a5c8a3 100644
--- a/storybook-static/iframe.html
+++ b/storybook-static/iframe.html
@@ -504,7 +504,7 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.254b66e5.iframe.bundle.js';
+      import './runtime~main.cb466f16.iframe.bundle.js';
       
       import './4016.7153db1d.iframe.bundle.js';
       
diff --git a/storybook-static/project.json b/storybook-static/project.json
index 113df4c25..1ad3d2d32 100644
--- a/storybook-static/project.json
+++ b/storybook-static/project.json
@@ -1 +1 @@
-{"generatedAt":1726820904980,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@cypress/react18":"2.0.1","@nx/jest":"19.2.3","@testing-library/jest-dom":"6.5.0","@testing-library/react":"16.0.1","@testing-library/user-event":null,"@types/jest":"29.5.12","babel-jest":"29.7.0","cypress":"13.13.0","cypress-image-diff-js":null,"jest":"29.7.0","jest-canvas-mock":"2.5.2","jest-environment-jsdom":"29.7.0","jest-image-snapshot":"6.4.0","jest-styled-components":"7.2.0"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":2,"storybookVersion":"8.3.0","storybookVersionSpecifier":"^8.3.0","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.3.0"},"@storybook/addon-interactions":{"version":"8.3.0"},"@storybook/addon-links":{"version":"8.3.0"},"@storybook/addon-storysource":{"version":"8.3.0"},"@storybook/addon-webpack5-compiler-babel":{"version":"3.0.3"},"@storybook/blocks":{"version":"8.3.0"},"@storybook/react":{"version":"8.3.0"},"@storybook/react-webpack5":{"version":"8.3.0"},"@storybook/test":{"version":"8.3.0"},"@storybook/test-runner":{"version":"0.19.1"},"storybook":{"version":"8.3.0"}},"addons":{"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/addon-actions":{"version":null},"$SNIP/node_modules/@storybook/addon-storysource":{"version":null},"$SNIP/node_modules/@storybook/addon-webpack5-compiler-babel":{"version":null},"$SNIP/node_modules/@storybook/addon-interactions":{"version":null}}}
+{"generatedAt":1726835017730,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@cypress/react18":"2.0.1","@nx/jest":"19.2.3","@testing-library/jest-dom":"6.5.0","@testing-library/react":"16.0.1","@testing-library/user-event":null,"@types/jest":"29.5.12","babel-jest":"29.7.0","cypress":"13.13.0","cypress-image-diff-js":null,"jest":"29.7.0","jest-canvas-mock":"2.5.2","jest-environment-jsdom":"29.7.0","jest-image-snapshot":"6.4.0","jest-styled-components":"7.2.0"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":2,"storybookVersion":"8.3.0","storybookVersionSpecifier":"^8.3.0","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.3.0"},"@storybook/addon-interactions":{"version":"8.3.0"},"@storybook/addon-links":{"version":"8.3.0"},"@storybook/addon-storysource":{"version":"8.3.0"},"@storybook/addon-webpack5-compiler-babel":{"version":"3.0.3"},"@storybook/blocks":{"version":"8.3.0"},"@storybook/react":{"version":"8.3.0"},"@storybook/react-webpack5":{"version":"8.3.0"},"@storybook/test":{"version":"8.3.0"},"@storybook/test-runner":{"version":"0.19.1"},"storybook":{"version":"8.3.0"}},"addons":{"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/addon-actions":{"version":null},"$SNIP/node_modules/@storybook/addon-storysource":{"version":null},"$SNIP/node_modules/@storybook/addon-webpack5-compiler-babel":{"version":null},"$SNIP/node_modules/@storybook/addon-interactions":{"version":null}}}
diff --git a/storybook-static/runtime~main.254b66e5.iframe.bundle.js b/storybook-static/runtime~main.cb466f16.iframe.bundle.js
similarity index 98%
rename from storybook-static/runtime~main.254b66e5.iframe.bundle.js
rename to storybook-static/runtime~main.cb466f16.iframe.bundle.js
index bfc9f73aa..baa53f04f 100644
--- a/storybook-static/runtime~main.254b66e5.iframe.bundle.js
+++ b/storybook-static/runtime~main.cb466f16.iframe.bundle.js
@@ -1 +1 @@
-!function(){"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdD=function(){throw new Error("define cannot be used indirect")},__webpack_require__.amdO={},deferred=[],__webpack_require__.O=function(result,chunkIds,fn,priority){if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((function(key){return __webpack_require__.O[key](chunkIds[j])}))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?function(obj){return Object.getPrototypeOf(obj)}:function(obj){return obj.__proto__},__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((function(key){def[key]=function(){return value[key]}}));return def.default=function(){return value},__webpack_require__.d(ns,def),ns},__webpack_require__.d=function(exports,definition){for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=function(chunkId){return Promise.all(Object.keys(__webpack_require__.f).reduce((function(promises,key){return __webpack_require__.f[key](chunkId,promises),promises}),[]))},__webpack_require__.u=function(chunkId){return({127:"subsurface-viewer-src-storybook-layers-NorthArrow3DLayer-stories",439:"subsurface-viewer-src-storybook-schemaValidation-schemaValidation-stories",473:"subsurface-viewer-src-storybook-layers-WellMarkersLayer-stories",997:"well-completions-plot-src-WellCompletionsPlot-stories",1425:"subsurface-viewer-src-storybook-components-InfoCard-stories",1509:"subsurface-viewer-src-storybook-layers-BoxSelectionLayer-stories",1781:"subsurface-viewer-src-storybook-layers-AxesLayer-stories",1808:"subsurface-viewer-src-storybook-layers-MapLayer-stories",1941:"subsurface-viewer-src-storybook-examples-MultiViewExamples-stories",2299:"well-log-viewer-src-components-WellLogView-stories",2591:"well-log-viewer-src-Storybook-ExternalLayout-stories",3092:"subsurface-viewer-src-storybook-examples-TooltipExamples-stories",3384:"well-log-viewer-src-components-Scroller-stories",3583:"subsurface-viewer-src-storybook-layers-Grid3DLayer-stories",3844:"subsurface-viewer-src-storybook-layers-TriangleLayer-stories",4091:"subsurface-viewer-src-storybook-layers-Hillshading2DLayer-stories",4385:"subsurface-viewer-src-storybook-components-colorLegends-IndividualScaleForMap-stories",4803:"subsurface-viewer-src-storybook-layers-Axes2DLayer-stories",4873:"subsurface-viewer-src-storybook-layers-IntersectionLayer-stories",4904:"well-log-viewer-src-components-ZoomSlider-stories",5338:"group-tree-plot-src-storybook-GroupTreePlot-stories",5519:"subsurface-viewer-src-storybook-layers-PointsLayer-stories",5670:"subsurface-viewer-src-storybook-components-colorLegends-SingleScaleForMap-stories",6075:"well-log-viewer-src-components-ScaleSelector-stories",6159:"subsurface-viewer-src-storybook-layers-PolylinesLayer-stories",6307:"well-log-viewer-src-WellLogViewer-stories",6993:"subsurface-viewer-src-storybook-layers-MapLayerColormap-stories",7275:"well-log-viewer-src-Intro-mdx",7326:"subsurface-viewer-src-storybook-extensions-SideProjectionExtension-stories",7405:"subsurface-viewer-src-storybook-examples-CameraControlExamples-stories",7585:"well-log-viewer-src-components-WellLogViewWithScroller-stories",8649:"subsurface-viewer-src-storybook-components-colorLegends-DiscreteLegend-stories",8653:"subsurface-viewer-src-storybook-examples-RenderingExamples-stories",8669:"subsurface-viewer-src-storybook-examples-miscExamples-stories",8937:"subsurface-viewer-src-storybook-components-colorLegends-ContinuousLegend-stories",9056:"subsurface-viewer-src-storybook-components-DistanceScale-stories",9072:"well-log-viewer-src-SyncLogViewer-stories",9567:"subsurface-viewer-src-storybook-layers-WellsLayer-stories",9669:"subsurface-viewer-src-storybook-components-settings-ToggleButton-stories",9698:"subsurface-viewer-src-storybook-components-settings-NumericInput-stories"}[chunkId]||chunkId)+"."+{66:"0b02401d",127:"c17ff18e",184:"775529a2",439:"4fb5a2ff",473:"e74849d8",510:"8a323c16",534:"5f437984",746:"f139cd30",997:"3924b4ec",1224:"daa8ea21",1294:"89048f63",1425:"6b8d81b1",1509:"71de92f7",1666:"5c978887",1781:"72052b40",1808:"33ebbd6d",1941:"d56ce96f",1992:"894e9d66",2299:"bc059cdf",2591:"cab03a21",3092:"01adbab7",3193:"24a081d9",3282:"477484ab",3384:"a9d01129",3457:"572f8f4a",3583:"99ab5879",3660:"7b0870b5",3822:"899b51f3",3844:"09437cfd",4091:"d4b8eb0c",4385:"0cc77b0d",4535:"3619aa66",4803:"dfabb2d8",4861:"7edd483e",4871:"49d66d3f",4873:"a075f3bb",4904:"28b05c92",5227:"0df62f17",5338:"79a4feb0",5519:"ba430e08",5670:"8caf9256",6075:"9ce2abde",6159:"304b5964",6296:"8ed80fe1",6307:"d3ee31b5",6587:"7836862a",6810:"fcb7a298",6993:"2b02ab9d",7095:"a7a6336c",7122:"9ddc8fa2",7268:"9b4f3dd1",7275:"d8c5b9f2",7278:"0446c451",7326:"f6be721c",7343:"87145621",7364:"a6c20824",7384:"99874ce1",7405:"5728a5a5",7585:"f45946da",8018:"c91c5dd2",8289:"882cc571",8319:"78176f40",8407:"a0f4357a",8480:"8b8363f3",8526:"24e0f2cb",8649:"9c26e867",8653:"7ec6961e",8669:"700c0f33",8718:"215c4a8c",8735:"cc0940a8",8937:"7433c60f",9056:"0c99d604",9072:"0a746e4c",9567:"f6bd9b6a",9669:"fd24730c",9698:"9749083f",9767:"0f6fcf42"}[chunkId]+".iframe.bundle.js"},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=function(module){return(module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:function(){throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module},__webpack_require__.o=function(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop)},inProgress={},__webpack_require__.l=function(url,done,key,chunkId){if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="@webviz/subsurface-components:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","@webviz/subsurface-components:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=function(prev,event){script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((function(fn){return fn(event)})),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=function(module){return module.paths=[],module.children||(module.children=[]),module},__webpack_require__.p="",function(){var installedChunks={5354:0};__webpack_require__.f.j=function(chunkId,promises){var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(5354!=chunkId){var promise=new Promise((function(resolve,reject){installedChunkData=installedChunks[chunkId]=[resolve,reject]}));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(function(event){if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=function(chunkId){return 0===installedChunks[chunkId]};var webpackJsonpCallback=function(parentChunkLoadingFunction,data){var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((function(id){return 0!==installedChunks[id]}))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunk_webviz_subsurface_components=self.webpackChunk_webviz_subsurface_components||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))}(),__webpack_require__.nc=void 0}();
\ No newline at end of file
+!function(){"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdD=function(){throw new Error("define cannot be used indirect")},__webpack_require__.amdO={},deferred=[],__webpack_require__.O=function(result,chunkIds,fn,priority){if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((function(key){return __webpack_require__.O[key](chunkIds[j])}))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?function(obj){return Object.getPrototypeOf(obj)}:function(obj){return obj.__proto__},__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((function(key){def[key]=function(){return value[key]}}));return def.default=function(){return value},__webpack_require__.d(ns,def),ns},__webpack_require__.d=function(exports,definition){for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=function(chunkId){return Promise.all(Object.keys(__webpack_require__.f).reduce((function(promises,key){return __webpack_require__.f[key](chunkId,promises),promises}),[]))},__webpack_require__.u=function(chunkId){return({127:"subsurface-viewer-src-storybook-layers-NorthArrow3DLayer-stories",439:"subsurface-viewer-src-storybook-schemaValidation-schemaValidation-stories",473:"subsurface-viewer-src-storybook-layers-WellMarkersLayer-stories",997:"well-completions-plot-src-WellCompletionsPlot-stories",1425:"subsurface-viewer-src-storybook-components-InfoCard-stories",1509:"subsurface-viewer-src-storybook-layers-BoxSelectionLayer-stories",1781:"subsurface-viewer-src-storybook-layers-AxesLayer-stories",1808:"subsurface-viewer-src-storybook-layers-MapLayer-stories",1941:"subsurface-viewer-src-storybook-examples-MultiViewExamples-stories",2299:"well-log-viewer-src-components-WellLogView-stories",2591:"well-log-viewer-src-Storybook-ExternalLayout-stories",3092:"subsurface-viewer-src-storybook-examples-TooltipExamples-stories",3384:"well-log-viewer-src-components-Scroller-stories",3583:"subsurface-viewer-src-storybook-layers-Grid3DLayer-stories",3844:"subsurface-viewer-src-storybook-layers-TriangleLayer-stories",4091:"subsurface-viewer-src-storybook-layers-Hillshading2DLayer-stories",4385:"subsurface-viewer-src-storybook-components-colorLegends-IndividualScaleForMap-stories",4803:"subsurface-viewer-src-storybook-layers-Axes2DLayer-stories",4873:"subsurface-viewer-src-storybook-layers-IntersectionLayer-stories",4904:"well-log-viewer-src-components-ZoomSlider-stories",5338:"group-tree-plot-src-storybook-GroupTreePlot-stories",5519:"subsurface-viewer-src-storybook-layers-PointsLayer-stories",5670:"subsurface-viewer-src-storybook-components-colorLegends-SingleScaleForMap-stories",6075:"well-log-viewer-src-components-ScaleSelector-stories",6159:"subsurface-viewer-src-storybook-layers-PolylinesLayer-stories",6307:"well-log-viewer-src-WellLogViewer-stories",6993:"subsurface-viewer-src-storybook-layers-MapLayerColormap-stories",7275:"well-log-viewer-src-Intro-mdx",7326:"subsurface-viewer-src-storybook-extensions-SideProjectionExtension-stories",7405:"subsurface-viewer-src-storybook-examples-CameraControlExamples-stories",7585:"well-log-viewer-src-components-WellLogViewWithScroller-stories",8649:"subsurface-viewer-src-storybook-components-colorLegends-DiscreteLegend-stories",8653:"subsurface-viewer-src-storybook-examples-RenderingExamples-stories",8669:"subsurface-viewer-src-storybook-examples-miscExamples-stories",8937:"subsurface-viewer-src-storybook-components-colorLegends-ContinuousLegend-stories",9056:"subsurface-viewer-src-storybook-components-DistanceScale-stories",9072:"well-log-viewer-src-SyncLogViewer-stories",9567:"subsurface-viewer-src-storybook-layers-WellsLayer-stories",9669:"subsurface-viewer-src-storybook-components-settings-ToggleButton-stories",9698:"subsurface-viewer-src-storybook-components-settings-NumericInput-stories"}[chunkId]||chunkId)+"."+{66:"0b02401d",127:"c17ff18e",184:"775529a2",439:"4fb5a2ff",473:"e74849d8",510:"8a323c16",534:"5f437984",746:"f139cd30",997:"3924b4ec",1224:"daa8ea21",1294:"89048f63",1425:"6b8d81b1",1509:"71de92f7",1666:"5c978887",1781:"72052b40",1808:"33ebbd6d",1941:"d56ce96f",1992:"894e9d66",2299:"9b768b10",2591:"cab03a21",3092:"01adbab7",3193:"24a081d9",3282:"477484ab",3384:"a9d01129",3457:"572f8f4a",3583:"99ab5879",3660:"7b0870b5",3822:"899b51f3",3844:"09437cfd",4091:"d4b8eb0c",4385:"0cc77b0d",4535:"3619aa66",4803:"dfabb2d8",4861:"7edd483e",4871:"49d66d3f",4873:"a075f3bb",4904:"28b05c92",5227:"0df62f17",5338:"79a4feb0",5519:"ba430e08",5670:"8caf9256",6075:"9ce2abde",6159:"304b5964",6296:"8ed80fe1",6307:"d3ee31b5",6587:"7836862a",6810:"fcb7a298",6993:"2b02ab9d",7095:"a7a6336c",7122:"9ddc8fa2",7268:"9b4f3dd1",7275:"d8c5b9f2",7278:"0446c451",7326:"f6be721c",7343:"87145621",7364:"a6c20824",7384:"99874ce1",7405:"5728a5a5",7585:"38d83abf",8018:"c91c5dd2",8289:"882cc571",8319:"78176f40",8407:"a0f4357a",8480:"8b8363f3",8526:"24e0f2cb",8649:"9c26e867",8653:"7ec6961e",8669:"700c0f33",8718:"215c4a8c",8735:"cc0940a8",8937:"7433c60f",9056:"0c99d604",9072:"0a746e4c",9567:"f6bd9b6a",9669:"fd24730c",9698:"9749083f",9767:"0f6fcf42"}[chunkId]+".iframe.bundle.js"},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=function(module){return(module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:function(){throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module},__webpack_require__.o=function(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop)},inProgress={},__webpack_require__.l=function(url,done,key,chunkId){if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="@webviz/subsurface-components:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","@webviz/subsurface-components:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=function(prev,event){script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((function(fn){return fn(event)})),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=function(module){return module.paths=[],module.children||(module.children=[]),module},__webpack_require__.p="",function(){var installedChunks={5354:0};__webpack_require__.f.j=function(chunkId,promises){var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(5354!=chunkId){var promise=new Promise((function(resolve,reject){installedChunkData=installedChunks[chunkId]=[resolve,reject]}));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(function(event){if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=function(chunkId){return 0===installedChunks[chunkId]};var webpackJsonpCallback=function(parentChunkLoadingFunction,data){var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((function(id){return 0!==installedChunks[id]}))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunk_webviz_subsurface_components=self.webpackChunk_webviz_subsurface_components||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))}(),__webpack_require__.nc=void 0}();
\ No newline at end of file
diff --git a/storybook-static/well-log-viewer-src-components-WellLogView-stories.bc059cdf.iframe.bundle.js b/storybook-static/well-log-viewer-src-components-WellLogView-stories.9b768b10.iframe.bundle.js
similarity index 92%
rename from storybook-static/well-log-viewer-src-components-WellLogView-stories.bc059cdf.iframe.bundle.js
rename to storybook-static/well-log-viewer-src-components-WellLogView-stories.9b768b10.iframe.bundle.js
index 0fc364a8f..70cb1309f 100644
--- a/storybook-static/well-log-viewer-src-components-WellLogView-stories.bc059cdf.iframe.bundle.js
+++ b/storybook-static/well-log-viewer-src-components-WellLogView-stories.9b768b10.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_webviz_subsurface_components=self.webpackChunk_webviz_subsurface_components||[]).push([[2299],{"./packages/well-log-viewer/src/components/WellLogView.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},Discrete:function(){return Discrete},__namedExportsOrder:function(){return __namedExportsOrder}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_WellLogView__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/well-log-viewer/src/components/WellLogView.tsx"),_emerson_eps_color_tables__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@emerson-eps/color-tables/dist/index.js"),_example_data_L898MUD_json__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../example-data/L898MUD.json"),_example_data_volve_logs_json__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../example-data/volve_logs.json"),_utils_axes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/well-log-viewer/src/utils/axes.ts");function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const welllogDefault=_example_data_L898MUD_json__WEBPACK_IMPORTED_MODULE_3__[0],welllogDiscrete=_example_data_volve_logs_json__WEBPACK_IMPORTED_MODULE_4__[0],stories={component:_WellLogView__WEBPACK_IMPORTED_MODULE_1__.Ay,title:"WellLogViewer/Components/WellLogView",parameters:{docs:{description:{component:"WellLogView is a basic react component to wrap [videx-wellog](https://github.com/equinor/videx-wellog) library for drawing well log data"}},componentSource:{code:'<WellLogView id="WellLogView" \r\n    horizontal=false \r\n    welllog={require("../../../../../example-data/L898MUD.json")[0]} \r\n    template={require("../../../../../example-data/welllog_template_1.json")} \r\n    colorTables={colorTables} \r\n/>',language:"javascript"}},argTypes:{..._WellLogView__WEBPACK_IMPORTED_MODULE_1__.uB,id:{description:"The ID of this component, used to identify dash components in callbacks. The ID needs to be unique across all of the components in an app."}}};__webpack_exports__.default=stories;const Template=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{height:"92vh"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{width:"100%",height:"100%"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_WellLogView__WEBPACK_IMPORTED_MODULE_1__.Ay,_extends({id:"WellLogView"},args)))),Default={args:{id:"Well-Log-View",horizontal:!1,welllog:welllogDefault,template:__webpack_require__("../example-data/welllog_template_1.json"),viewTitle:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("i",null,"Well")," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("b",null,welllogDefault.header.well)),colorTables:_emerson_eps_color_tables__WEBPACK_IMPORTED_MODULE_2__.$d,axisTitles:_utils_axes__WEBPACK_IMPORTED_MODULE_5__.x,axisMnemos:_utils_axes__WEBPACK_IMPORTED_MODULE_5__.N},render:args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(Template,args)},Discrete={args:{id:"Well-Log-View-Discrete",horizontal:!1,welllog:welllogDiscrete,template:__webpack_require__("../example-data/welllog_template_2.json"),viewTitle:"Well '"+welllogDiscrete.header.well+"'",colorTables:_emerson_eps_color_tables__WEBPACK_IMPORTED_MODULE_2__.$d,axisTitles:_utils_axes__WEBPACK_IMPORTED_MODULE_5__.x,axisMnemos:_utils_axes__WEBPACK_IMPORTED_MODULE_5__.N,options:{checkDatafileSchema:!0}},render:args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(Template,args)},__namedExportsOrder=["Default","Discrete"];Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'{\n  args: {\n    id: "Well-Log-View",\n    horizontal: false,\n    welllog: welllogDefault,\n    template: require("../../../../../example-data/welllog_template_1.json"),\n    viewTitle: <div>\n                <i>Well</i> <b>{welllogDefault.header.well}</b>\n            </div>,\n    colorTables: colorTables,\n    axisTitles: axisTitles,\n    axisMnemos: axisMnemos\n  },\n  render: args => <Template {...args} />\n}',...Default.parameters?.docs?.source}}},Discrete.parameters={...Discrete.parameters,docs:{...Discrete.parameters?.docs,source:{originalSource:'{\n  args: {\n    id: "Well-Log-View-Discrete",\n    horizontal: false,\n    welllog: welllogDiscrete,\n    template: require("../../../../../example-data/welllog_template_2.json"),\n    viewTitle: "Well \'" + welllogDiscrete.header.well + "\'",\n    colorTables: colorTables,\n    axisTitles: axisTitles,\n    axisMnemos: axisMnemos,\n    options: {\n      checkDatafileSchema: true\n    }\n  },\n  render: args => <Template {...args} />\n}',...Discrete.parameters?.docs?.source}}}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_webviz_subsurface_components=self.webpackChunk_webviz_subsurface_components||[]).push([[2299],{"./packages/well-log-viewer/src/components/WellLogView.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},Discrete:function(){return Discrete},__namedExportsOrder:function(){return __namedExportsOrder}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_WellLogView__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/well-log-viewer/src/components/WellLogView.tsx"),_emerson_eps_color_tables__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@emerson-eps/color-tables/dist/index.js"),_example_data_L898MUD_json__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../example-data/L898MUD.json"),_example_data_volve_logs_json__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../example-data/volve_logs.json"),_utils_axes__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/well-log-viewer/src/utils/axes.ts");function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const welllogDefault=_example_data_L898MUD_json__WEBPACK_IMPORTED_MODULE_3__[0],welllogDiscrete=_example_data_volve_logs_json__WEBPACK_IMPORTED_MODULE_4__[0],stories={component:_WellLogView__WEBPACK_IMPORTED_MODULE_1__.Ay,title:"WellLogViewer/Components/WellLogView",parameters:{docs:{description:{component:"WellLogView is a basic react component to wrap [videx-wellog](https://github.com/equinor/videx-wellog) library for drawing well log data"}},componentSource:{code:'<WellLogView id="WellLogView" \r\n    horizontal=false \r\n    welllog={require("../../../../../example-data/L898MUD.json")[0]} \r\n    template={require("../../../../../example-data/welllog_template_1.json")} \r\n    colorTables={colorTables} \r\n/>',language:"javascript"}},argTypes:{..._WellLogView__WEBPACK_IMPORTED_MODULE_1__.uB,id:{description:"The ID of this component, used to identify dash components in callbacks. The ID needs to be unique across all of the components in an app."}}};__webpack_exports__.default=stories;const Template=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{height:"92vh"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{width:"100%",height:"100%"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_WellLogView__WEBPACK_IMPORTED_MODULE_1__.Ay,_extends({id:"WellLogView"},args)))),Default={args:{id:"Well-Log-View",horizontal:!1,welllog:welllogDefault,template:__webpack_require__("../example-data/welllog_template_1.json"),viewTitle:react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("i",null,"Well")," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement("b",null,welllogDefault.header.well)),colorTables:_emerson_eps_color_tables__WEBPACK_IMPORTED_MODULE_2__.$d,axisTitles:_utils_axes__WEBPACK_IMPORTED_MODULE_5__.x,axisMnemos:_utils_axes__WEBPACK_IMPORTED_MODULE_5__.N},render:args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(Template,args)},Discrete={args:{id:"Well-Log-View-Discrete",horizontal:!1,welllog:welllogDiscrete,template:__webpack_require__("../example-data/welllog_template_2.json"),viewTitle:"Well '"+welllogDiscrete.header.well+"'",colorTables:_emerson_eps_color_tables__WEBPACK_IMPORTED_MODULE_2__.$d,axisTitles:_utils_axes__WEBPACK_IMPORTED_MODULE_5__.x,axisMnemos:_utils_axes__WEBPACK_IMPORTED_MODULE_5__.N,options:{checkDatafileSchema:!0}},render:args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(Template,args)},__namedExportsOrder=["Default","Discrete"];Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'{\n  args: {\n    id: "Well-Log-View",\n    horizontal: false,\n    welllog: welllogDefault,\n    // TODO: Fix this the next time the file is edited.\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    template: require("../../../../../example-data/welllog_template_1.json"),\n    viewTitle: <div>\n                <i>Well</i> <b>{welllogDefault.header.well}</b>\n            </div>,\n    colorTables: colorTables,\n    axisTitles: axisTitles,\n    axisMnemos: axisMnemos\n  },\n  render: args => <Template {...args} />\n}',...Default.parameters?.docs?.source}}},Discrete.parameters={...Discrete.parameters,docs:{...Discrete.parameters?.docs,source:{originalSource:'{\n  args: {\n    id: "Well-Log-View-Discrete",\n    horizontal: false,\n    welllog: welllogDiscrete,\n    // TODO: Fix this the next time the file is edited.\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    template: require("../../../../../example-data/welllog_template_2.json"),\n    viewTitle: "Well \'" + welllogDiscrete.header.well + "\'",\n    colorTables: colorTables,\n    axisTitles: axisTitles,\n    axisMnemos: axisMnemos,\n    options: {\n      checkDatafileSchema: true\n    }\n  },\n  render: args => <Template {...args} />\n}',...Discrete.parameters?.docs?.source}}}}}]);
\ No newline at end of file
diff --git a/storybook-static/well-log-viewer-src-components-WellLogViewWithScroller-stories.f45946da.iframe.bundle.js b/storybook-static/well-log-viewer-src-components-WellLogViewWithScroller-stories.38d83abf.iframe.bundle.js
similarity index 96%
rename from storybook-static/well-log-viewer-src-components-WellLogViewWithScroller-stories.f45946da.iframe.bundle.js
rename to storybook-static/well-log-viewer-src-components-WellLogViewWithScroller-stories.38d83abf.iframe.bundle.js
index db3a5a03c..dba205a20 100644
--- a/storybook-static/well-log-viewer-src-components-WellLogViewWithScroller-stories.f45946da.iframe.bundle.js
+++ b/storybook-static/well-log-viewer-src-components-WellLogViewWithScroller-stories.38d83abf.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_webviz_subsurface_components=self.webpackChunk_webviz_subsurface_components||[]).push([[7585],{"./packages/well-log-viewer/src/components/WellLogViewWithScroller.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},__namedExportsOrder:function(){return __namedExportsOrder}});var _storybook_test__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/test/dist/index.mjs"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_WellLogViewWithScroller__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/well-log-viewer/src/components/WellLogViewWithScroller.tsx"),_emerson_eps_color_tables__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@emerson-eps/color-tables/dist/index.js"),_utils_axes__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/well-log-viewer/src/utils/axes.ts");function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const stories={component:_WellLogViewWithScroller__WEBPACK_IMPORTED_MODULE_2__.A,title:"WellLogViewer/Components/WellLogViewWithScroller",parameters:{docs:{description:{component:"The component add scrollbars to WellLogView component to make tracks and plots scrollable by scrollbars."}},componentSource:{code:'<WellLogViewWithScroller id="WellLogViewWithScroller" \r\n    horizontal=false \r\n    welllog={require("../../../../../example-data/L898MUD.json")[0]} \r\n    template={require("../../../../../example-data/welllog_template_1.json")} \r\n    colorTables={colorTables} \r\n/>',language:"javascript"}},args:{onCreateController:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onInfo:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onTrackScroll:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onTrackSelection:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onContentRescale:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onContentSelection:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onScrollerScroll:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)()},argTypes:{..._WellLogViewWithScroller__WEBPACK_IMPORTED_MODULE_2__.u,id:{description:"The ID of this component, used to identify dash components in callbacks. The ID needs to be unique across all of the components in an app."}}};__webpack_exports__.default=stories;const Template=args=>react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{style:{height:"92vh",display:"flex",flexDirection:"column"}},react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{style:{width:"100%",height:"100%"}},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_WellLogViewWithScroller__WEBPACK_IMPORTED_MODULE_2__.A,_extends({id:"WellLogViewWithScroller"},args)))),wellLog=__webpack_require__("../example-data/L898MUD.json")[0],Default={args:{id:"Well-Log-Viewer-With-Scroller",horizontal:!1,welllog:wellLog,template:__webpack_require__("../example-data/welllog_template_1.json"),viewTitle:"Well '"+wellLog.header.well+"'",colorTables:_emerson_eps_color_tables__WEBPACK_IMPORTED_MODULE_3__.$d,axisTitles:_utils_axes__WEBPACK_IMPORTED_MODULE_4__.x,axisMnemos:_utils_axes__WEBPACK_IMPORTED_MODULE_4__.N,options:{checkDatafileSchema:!0}},render:args=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(Template,args)},__namedExportsOrder=["Default"];Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'{\n  args: {\n    id: "Well-Log-Viewer-With-Scroller",\n    horizontal: false,\n    welllog: wellLog,\n    template: require("../../../../../example-data/welllog_template_1.json"),\n    viewTitle: "Well \'" + wellLog.header.well + "\'",\n    colorTables: colorTables,\n    axisTitles: axisTitles,\n    axisMnemos: axisMnemos,\n    options: {\n      checkDatafileSchema: true\n    }\n  },\n  render: args => <Template {...args} />\n}',...Default.parameters?.docs?.source}}}},"../example-data/welllog_template_1.json":function(module){module.exports=JSON.parse('{"name":"Template 1","scale":{"primary":"md","allowSecondary":true},"tracks":[{"title":"Multiple","width":6,"plots":[{"name":"MDIA"},{"name":"HKLA","style":"HKL"}]},{"title":"Area","scale":"log","plots":[{"name":"HKLA","style":"HKL","type":"area","color":"blue","fill":"rgb(12,24,233)","inverseColor":"#00ff00"}]},{"title":"Differential","plots":[{"name":"HKLX","name2":"HKLA","type":"differential","scale":"linear","color":"blue","color2":"orange","fill":"green","fill2":"red"}]},{"title":"Gradient Fill & inverse","plots":[{"name":"HKLA","type":"gradientfill","color":"blue","colorTable":"Physics","inverseColorTable":"Physics"}]},{"plots":[{"name":"MFOA"}]},{"plots":[{"name":"DD_VOLUME"}]},{"plots":[{"name":"TEMP"}]},{"required":true,"plots":[{"name":"TQA","type":"dot"}]},{"plots":[{"name":"BITSIZE"}]},{"plots":[{"name":"GRSIM"}]},{"plots":[{"name":"RACESHM"}]},{"plots":[{"name":"SW","type":"line"}]},{"plots":[{"name":"MFIA","type":"dot"}]},{"plots":[{"name":"MDOA","style":"MD"}]},{"plots":[{"name":"MDIA","style":"MD"}]},{"plots":[{"name":"MTOA"}]},{"plots":[{"name":"MTIA"}]},{"plots":[{"name":"ECDT"}]},{"plots":[{"name":"BDTI"}]},{"plots":[{"name":"BDDI"}]},{"plots":[{"name":"BRVC"}]},{"plots":[{"name":"TCTI"}]}],"styles":[{"name":"HKL","type":"gradientfill","colorTable":"Physics","color":"green"},{"name":"MD","scale":"linear","type":"area","color":"blue","fill":"green"}]}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_webviz_subsurface_components=self.webpackChunk_webviz_subsurface_components||[]).push([[7585],{"./packages/well-log-viewer/src/components/WellLogViewWithScroller.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},__namedExportsOrder:function(){return __namedExportsOrder}});var _storybook_test__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/test/dist/index.mjs"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_WellLogViewWithScroller__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/well-log-viewer/src/components/WellLogViewWithScroller.tsx"),_emerson_eps_color_tables__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@emerson-eps/color-tables/dist/index.js"),_utils_axes__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/well-log-viewer/src/utils/axes.ts");function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const stories={component:_WellLogViewWithScroller__WEBPACK_IMPORTED_MODULE_2__.A,title:"WellLogViewer/Components/WellLogViewWithScroller",parameters:{docs:{description:{component:"The component add scrollbars to WellLogView component to make tracks and plots scrollable by scrollbars."}},componentSource:{code:'<WellLogViewWithScroller id="WellLogViewWithScroller" \r\n    horizontal=false \r\n    welllog={require("../../../../../example-data/L898MUD.json")[0]} \r\n    template={require("../../../../../example-data/welllog_template_1.json")} \r\n    colorTables={colorTables} \r\n/>',language:"javascript"}},args:{onCreateController:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onInfo:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onTrackScroll:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onTrackSelection:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onContentRescale:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onContentSelection:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onScrollerScroll:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)()},argTypes:{..._WellLogViewWithScroller__WEBPACK_IMPORTED_MODULE_2__.u,id:{description:"The ID of this component, used to identify dash components in callbacks. The ID needs to be unique across all of the components in an app."}}};__webpack_exports__.default=stories;const Template=args=>react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{style:{height:"92vh",display:"flex",flexDirection:"column"}},react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{style:{width:"100%",height:"100%"}},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_WellLogViewWithScroller__WEBPACK_IMPORTED_MODULE_2__.A,_extends({id:"WellLogViewWithScroller"},args)))),wellLog=__webpack_require__("../example-data/L898MUD.json")[0],Default={args:{id:"Well-Log-Viewer-With-Scroller",horizontal:!1,welllog:wellLog,template:__webpack_require__("../example-data/welllog_template_1.json"),viewTitle:"Well '"+wellLog.header.well+"'",colorTables:_emerson_eps_color_tables__WEBPACK_IMPORTED_MODULE_3__.$d,axisTitles:_utils_axes__WEBPACK_IMPORTED_MODULE_4__.x,axisMnemos:_utils_axes__WEBPACK_IMPORTED_MODULE_4__.N,options:{checkDatafileSchema:!0}},render:args=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(Template,args)},__namedExportsOrder=["Default"];Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'{\n  args: {\n    id: "Well-Log-Viewer-With-Scroller",\n    horizontal: false,\n    welllog: wellLog,\n    // TODO: Fix this the next time the file is edited.\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    template: require("../../../../../example-data/welllog_template_1.json"),\n    viewTitle: "Well \'" + wellLog.header.well + "\'",\n    colorTables: colorTables,\n    axisTitles: axisTitles,\n    axisMnemos: axisMnemos,\n    options: {\n      checkDatafileSchema: true\n    }\n  },\n  render: args => <Template {...args} />\n}',...Default.parameters?.docs?.source}}}},"../example-data/welllog_template_1.json":function(module){module.exports=JSON.parse('{"name":"Template 1","scale":{"primary":"md","allowSecondary":true},"tracks":[{"title":"Multiple","width":6,"plots":[{"name":"MDIA"},{"name":"HKLA","style":"HKL"}]},{"title":"Area","scale":"log","plots":[{"name":"HKLA","style":"HKL","type":"area","color":"blue","fill":"rgb(12,24,233)","inverseColor":"#00ff00"}]},{"title":"Differential","plots":[{"name":"HKLX","name2":"HKLA","type":"differential","scale":"linear","color":"blue","color2":"orange","fill":"green","fill2":"red"}]},{"title":"Gradient Fill & inverse","plots":[{"name":"HKLA","type":"gradientfill","color":"blue","colorTable":"Physics","inverseColorTable":"Physics"}]},{"plots":[{"name":"MFOA"}]},{"plots":[{"name":"DD_VOLUME"}]},{"plots":[{"name":"TEMP"}]},{"required":true,"plots":[{"name":"TQA","type":"dot"}]},{"plots":[{"name":"BITSIZE"}]},{"plots":[{"name":"GRSIM"}]},{"plots":[{"name":"RACESHM"}]},{"plots":[{"name":"SW","type":"line"}]},{"plots":[{"name":"MFIA","type":"dot"}]},{"plots":[{"name":"MDOA","style":"MD"}]},{"plots":[{"name":"MDIA","style":"MD"}]},{"plots":[{"name":"MTOA"}]},{"plots":[{"name":"MTIA"}]},{"plots":[{"name":"ECDT"}]},{"plots":[{"name":"BDTI"}]},{"plots":[{"name":"BDDI"}]},{"plots":[{"name":"BRVC"}]},{"plots":[{"name":"TCTI"}]}],"styles":[{"name":"HKL","type":"gradientfill","colorTable":"Physics","color":"green"},{"name":"MD","scale":"linear","type":"area","color":"blue","fill":"green"}]}')}}]);
\ No newline at end of file