@sankhyalabs/ezui 1.2.0-beta.8 → 1.2.0-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ez-grid.cjs.entry.js +6 -3
- package/dist/cjs/ez-scroller.cjs.entry.js +1 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +6 -3
- package/dist/collection/components/ez-scroller/ez-scroller.css +1 -0
- package/dist/custom-elements/index.js +7 -4
- package/dist/esm/ez-grid.entry.js +6 -3
- package/dist/esm/ez-scroller.entry.js +1 -1
- package/dist/ezui/ez-grid.entry.js +6 -3
- package/dist/ezui/ez-scroller.entry.js +1 -1
- package/dist/ezui/{p-88bfdea4.entry.js → p-3a0dd69f.entry.js} +1 -1
- package/dist/ezui/{p-867aac16.entry.js → p-c0dd9a2e.entry.js} +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as s}from"./p-3c7ea91b.js";var t;!function(r){r.HORIZONTAL="horizontal",r.VERTICAL="vertical",r.BOTH="both"}(t||(t={}));let i=class{constructor(s){r(this,s),this.direction=t.BOTH}getContainerClass(){return`ez-scroller__container ez-scroller__container--${this.direction}`}finishDrag(){this._container.classList.remove("dragging")}clickListener(r){this._controller&&this._controller.didScroll()&&(r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation())}mouseDownHandler(r){this._controller||(this._controller=new o(this._container)),this._controller.startDragg(r),this._container.classList.add("dragging")}mouseUpHandler(){this.finishDrag()}mouseMoveHandler(r){this._controller&&(0===r.buttons?this.finishDrag():this._controller.doScroll(r))}render(){return s("div",{ref:r=>this._container=r,class:this.getContainerClass()},s("slot",null))}};class o{constructor(r){this.scrollablePanel=r}startDragg(r){this.startX=this.measureX(r),this.startY=this.measureY(r),this.scrollWidth=0,this.scrollHeight=0}measureX(r){return r.pageX-this.scrollablePanel.offsetLeft}measureY(r){return r.pageY-this.scrollablePanel.offsetTop}doScroll(r){const s=this.measureX(r),t=this.measureY(r);if(s!=this.startX||t!=this.startY){const r=s-this.startX,i=t-this.startY;this.startX+=r,this.startY+=i,this.scrollWidth+=Math.abs(r),this.scrollHeight+=Math.abs(i),this.scrollablePanel.scrollLeft=Math.max(0,this.scrollablePanel.scrollLeft-r),this.scrollablePanel.scrollTop=Math.max(0,this.scrollablePanel.scrollTop-i)}}didScroll(){return this.scrollHeight>5||this.scrollWidth>5}}i.style=":host{display:flex;cursor:grab;width:100%}.dragging{cursor:grabbing}.ez-scroller__container{display:flex;flex-direction:column;overflow:hidden}.ez-scroller__container--horizontal{flex-direction:row;overflow-y:hidden;overflow-x:auto}.ez-scroller__container--vertical{overflow-y:auto;overflow-x:hidden}.ez-scroller__container--both{overflow:auto}::-webkit-scrollbar-track{background-color:var(--scrollbar--secondary);border-radius:var(--border--radius-small);visibility:hidden}::-webkit-scrollbar-thumb{background-color:#00000000;border-radius:var(--border--radius-small);background-color:var(--scrollbar--primary)}:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar--primary)}::-webkit-scrollbar{background-color:#00000000;width:var(--space--small);height:var(--space--small);max-width:var(--space--small);min-width:var(--space--small)}:hover::-webkit-scrollbar{background-color:var(--scrollbar--secondary)}";export{i as ez_scroller}
|
|
1
|
+
import{r,h as s}from"./p-3c7ea91b.js";var t;!function(r){r.HORIZONTAL="horizontal",r.VERTICAL="vertical",r.BOTH="both"}(t||(t={}));let i=class{constructor(s){r(this,s),this.direction=t.BOTH}getContainerClass(){return`ez-scroller__container ez-scroller__container--${this.direction}`}finishDrag(){this._container.classList.remove("dragging")}clickListener(r){this._controller&&this._controller.didScroll()&&(r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation())}mouseDownHandler(r){this._controller||(this._controller=new o(this._container)),this._controller.startDragg(r),this._container.classList.add("dragging")}mouseUpHandler(){this.finishDrag()}mouseMoveHandler(r){this._controller&&(0===r.buttons?this.finishDrag():this._controller.doScroll(r))}render(){return s("div",{ref:r=>this._container=r,class:this.getContainerClass()},s("slot",null))}};class o{constructor(r){this.scrollablePanel=r}startDragg(r){this.startX=this.measureX(r),this.startY=this.measureY(r),this.scrollWidth=0,this.scrollHeight=0}measureX(r){return r.pageX-this.scrollablePanel.offsetLeft}measureY(r){return r.pageY-this.scrollablePanel.offsetTop}doScroll(r){const s=this.measureX(r),t=this.measureY(r);if(s!=this.startX||t!=this.startY){const r=s-this.startX,i=t-this.startY;this.startX+=r,this.startY+=i,this.scrollWidth+=Math.abs(r),this.scrollHeight+=Math.abs(i),this.scrollablePanel.scrollLeft=Math.max(0,this.scrollablePanel.scrollLeft-r),this.scrollablePanel.scrollTop=Math.max(0,this.scrollablePanel.scrollTop-i)}}didScroll(){return this.scrollHeight>5||this.scrollWidth>5}}i.style=":host{display:flex;cursor:grab;width:100%}.dragging{cursor:grabbing}.ez-scroller__container{display:flex;flex-direction:column;overflow:hidden;scrollbar-width:thin}.ez-scroller__container--horizontal{flex-direction:row;overflow-y:hidden;overflow-x:auto}.ez-scroller__container--vertical{overflow-y:auto;overflow-x:hidden}.ez-scroller__container--both{overflow:auto}::-webkit-scrollbar-track{background-color:var(--scrollbar--secondary);border-radius:var(--border--radius-small);visibility:hidden}::-webkit-scrollbar-thumb{background-color:#00000000;border-radius:var(--border--radius-small);background-color:var(--scrollbar--primary)}:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar--primary)}::-webkit-scrollbar{background-color:#00000000;width:var(--space--small);height:var(--space--small);max-width:var(--space--small);min-width:var(--space--small)}:hover::-webkit-scrollbar{background-color:var(--scrollbar--secondary)}";export{i as ez_scroller}
|