@stories-js/core/dist/core/p-327d7739.system.entry.js

Stories web components to build stories

/*!
 * (C) StoriesJS https://storiesjs.org - GPL-2.0 License
 */
System.register(["./p-fbcb0011.system.js"],(function(e){"use strict";var t,i,n,o;return{setters:[function(e){t=e.r;i=e.i;n=e.h;o=e.g}],execute:function(){var r=":host{display:grid;grid-template-columns:1fr -webkit-max-content 1fr;grid-template-columns:1fr max-content 1fr;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;cursor:auto;width:auto;height:100vh}:host([resizing]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([resizing][split=horizontal]){cursor:col-resize}:host #median{inline-size:0.5rem;grid-column:2/3}:host #median:hover{cursor:col-resize}:host [name=slot1]{grid-column:1/2;grid-row:1/1}:host [name=slot2]{grid-column:3/4;grid-row:1/1}:host([resizing][split=vertical]){cursor:row-resize}:host([split=vertical]){grid-template-rows:1fr -webkit-max-content 1fr;grid-template-rows:1fr max-content 1fr;grid-template-columns:none}:host([split=vertical]) #median{block-size:0.5rem;inline-size:auto;grid-row:2/3;grid-column:1/1}:host([split=vertical]) #median:hover{cursor:row-resize}:host([split=vertical]) [name=slot1]{grid-row:1/2;grid-column:1/1}:host([split=vertical]) [name=slot2]{grid-row:3/4;grid-column:1/1}#median{background:bisque}::slotted(*){overflow:auto}";var s=e("stories_split_pane",function(){function e(e){var n=this;t(this,e);this.storiesSizeChange=i(this,"storiesSizeChange",7);this.minSize=0;this.defaultSize=0;this.pointerDown=function(e){e.preventDefault();n.isResizing=true;var t=n.el.getBoundingClientRect();n.left=t.x;n.top=t.y;n.el.addEventListener("pointermove",n.pointerMove);n.el.addEventListener("pointerup",n.pointerUp)};this.pointerMove=function(e){e.preventDefault();if(n.split==="horizontal"){var t=e.clientX-n.left;var i=n.median.getBoundingClientRect().width;n.value=Math.round(t-i/2);n.value=n.value<n.minSize?n.minSize:n.value;n.el.style.gridTemplateColumns="".concat(n.value,"px ").concat(i,"px 1fr")}else{var o=e.clientY-n.top;var r=n.median.getBoundingClientRect().height;n.value=Math.round(o-r/2);n.value=n.value<n.minSize?n.minSize:n.value;n.el.style.gridTemplateRows="".concat(n.value,"px ").concat(r,"px 1fr")}};this.pointerUp=function(e){e.preventDefault();n.isResizing=false;n.storiesSizeChange.emit(n.value);n.el.removeEventListener("pointermove",n.pointerMove);n.el.removeEventListener("pointerup",n.pointerUp)}}e.prototype.componentDidLoad=function(){if(this.defaultSize>0||this.minSize>0){if(this.split==="horizontal"){var e=this.median.getBoundingClientRect().width;this.value=Math.round(this.defaultSize);this.value=this.value<this.minSize?this.minSize:this.value;this.el.style.gridTemplateColumns="".concat(this.value,"px ").concat(e,"px 1fr")}else{var t=this.median.getBoundingClientRect().height;this.value=Math.round(this.defaultSize);this.value=this.value<this.minSize?this.minSize:this.value;this.el.style.gridTemplateRows="".concat(this.value,"px ").concat(t,"px 1fr")}}};e.prototype.render=function(){var e=this;return[n("slot",{name:"slot1"}),n("div",{ref:function(t){return e.median=t},id:"median",onPointerDown:this.pointerDown}),n("slot",{name:"slot2"})]};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());s.style=r}}}));
//# sourceMappingURL=p-327d7739.system.entry.js.map