@sankhyalabs/ezui 2.4.0 → 2.4.2

package/dist/ezui/p-bd9d791c.entry.js

@@ -0,0 +1 @@
+import{r,h as o,H as s}from"./p-3c7ea91b.js";import{JSUtils as t,UserAgentUtils as e}from"@sankhyalabs/core";var i;!function(r){r.HORIZONTAL="horizontal",r.VERTICAL="vertical",r.BOTH="both"}(i||(i={}));let l=class{constructor(o){r(this,o),this._classHidden="ez-scroller__shadow--hidden",this.isFirefox=!1,this.isActive=!1,this.locked=!1,this.activeShadow=!1}getContainerClass(){return`ez-scroller__container ez-scroller__container--${this.direction}\n      ${this.locked?" ez-scroller__container--locked":""}\n      ${this.isFirefox&&this.isActive?" ez-scroller__container--no-overlay":""}\n    `}getShadowStartClass(){return`ez-scroller__shadow-start ez-scroller__shadow-start--${this.direction}`}getShadowEndClass(){return`ez-scroller__shadow-end ez-scroller__shadow-end--${this.direction}`}finishDrag(){this._controller&&this._container.classList.remove("dragging")}updateShadow(){const r=this._container;if(r){let o;if(this.direction===i.HORIZONTAL){const{scrollWidth:s,clientWidth:t,scrollLeft:e}=r;o=s-t-Math.ceil(e),this._startHidden=r.scrollLeft>0}else if(this.direction===i.VERTICAL){const{scrollHeight:s,clientHeight:t,scrollTop:e}=r;o=s-t-Math.ceil(e),this._startHidden=r.scrollTop>0}this._endHidden=o>0,this.isActive=this._startHidden||this._endHidden;const s=["","start","end","middle"][Number(this._startHidden)|Number(this._endHidden)<<1];"start"===s?(this._shadowStart.classList.remove(this._classHidden),this._shadowEnd.classList.add(this._classHidden)):"end"===s?(this._shadowStart.classList.add(this._classHidden),this._shadowEnd.classList.remove(this._classHidden)):"middle"===s?(this._shadowStart.classList.remove(this._classHidden),this._shadowEnd.classList.remove(this._classHidden)):(this._shadowStart.classList.add(this._classHidden),this._shadowEnd.classList.add(this._classHidden))}}configResize(){const r=this._container;null!=r&&(null!=this._resizeObserver&&this._resizeObserver.unobserve(r),this._resizeObserver=new ResizeObserver(t.debounce(this.updateShadow.bind(this),200)),this._resizeObserver.observe(r))}clickListener(r){this._controller&&this._controller.didScroll()&&(r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation())}mouseDownHandler(r){this.locked?this.finishDrag():(this._controller||(this._controller=new a(this._container)),this._controller.startDragg(r),this._container.classList.add("dragging"))}mouseUpHandler(){this.finishDrag()}mouseMoveHandler(r){this.locked?this.finishDrag():this._controller&&(0===r.buttons?this.finishDrag():this._controller.doScroll(r))}componentDidLoad(){this.isFirefox=e.isFirefox()}componentDidRender(){var r,o;if(this.direction===i.BOTH)return null===(r=this._shadowStart)||void 0===r||r.classList.add(this._classHidden),void(null===(o=this._shadowEnd)||void 0===o||o.classList.add(this._classHidden));this._container&&this.activeShadow&&(this._container.onscroll=this.updateShadow.bind(this),this.configResize(),this.updateShadow())}render(){return o(s,null,this.activeShadow&&o("span",{ref:r=>this._shadowStart=r,class:this.getShadowStartClass()}),o("div",{ref:r=>this._container=r,class:this.getContainerClass()},o("slot",null)),this.activeShadow&&o("span",{ref:r=>this._shadowEnd=r,class:this.getShadowEndClass()}))}};class a{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 o=this.measureX(r),s=this.measureY(r);if(o!=this.startX||s!=this.startY){const r=o-this.startX,t=s-this.startY;this.startX+=r,this.startY+=t,this.scrollWidth+=Math.abs(r),this.scrollHeight+=Math.abs(t),this.scrollablePanel.scrollLeft=Math.max(0,this.scrollablePanel.scrollLeft-r),this.scrollablePanel.scrollTop=Math.max(0,this.scrollablePanel.scrollTop-t)}}didScroll(){return this.scrollHeight>5||this.scrollWidth>5}}l.style=":host{--ez-scroller--box-shadow-color:var(--background--body, #fafcff);display:flex;cursor:grab;width:100%}.dragging{cursor:grabbing}.ez-scroller__container{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar--primary) var(--scrollbar--secondary)}.ez-scroller__container--horizontal{flex-direction:row;overflow-y:hidden;overflow-x:hidden;padding-bottom:var(--space--small);margin-bottom:calc(var(--space--small) * -1)}.ez-scroller__container--horizontal:not(.ez-scroller__container--no-overlay):not(.ez-scroller__container--locked):hover{overflow-x:overlay}.ez-scroller__container--horizontal.ez-scroller__container--no-overlay{padding-bottom:8px;margin-bottom:-8px}.ez-scroller__container--horizontal.ez-scroller__container--no-overlay:not(.ez-scroller__container--locked):hover{overflow-x:auto;padding-bottom:0px}.ez-scroller__container--vertical{overflow-y:hidden;overflow-x:hidden;padding-right:var(--space--small);margin-right:calc(var(--space--small) * -1)}.ez-scroller__container--vertical:not(.ez-scroller__container--no-overlay):not(.ez-scroller__container--locked):hover{overflow-y:overlay}.ez-scroller__container--vertical.ez-scroller__container--no-overlay{padding-right:8px;margin-right:-8px}.ez-scroller__container--vertical.ez-scroller__container--no-overlay:not(.ez-scroller__container--locked):hover{overflow-y:auto;padding-right:0px}.ez-scroller__container--both{overflow:auto}.ez-scroller__container::-webkit-scrollbar-track{background-color:var(--scrollbar--secondary);border-radius:var(--border--radius-small);visibility:hidden}.ez-scroller__container::-webkit-scrollbar-thumb{background-color:var(--scrollbar--primary);border-radius:var(--border--radius-small)}.ez-scroller__container::-webkit-scrollbar{background-color:var(--scrollbar--secondary);width:var(--space--small);height:var(--space--small);max-width:var(--space--small);min-width:var(--space--small)}.ez-scroller__shadow-start,.ez-scroller__shadow-end{display:flex;position:relative;z-index:0;background:var(--ez-scroller--box-shadow-color)}.ez-scroller__shadow-start--horizontal,.ez-scroller__shadow-end--horizontal{width:10px;min-height:100%;top:-13px}.ez-scroller__shadow-start--horizontal{box-shadow:var(--ez-scroller--box-shadow-color) -4px 0px 6px 10px;margin-right:-10px}.ez-scroller__shadow-end--horizontal{box-shadow:var(--ez-scroller--box-shadow-color) 4px 0px 6px 10px;margin-left:-10px}.ez-scroller__shadow-start--vertical,.ez-scroller__shadow-end--vertical{min-width:100%;height:10px;left:-13px}.ez-scroller__shadow-start--vertical{box-shadow:var(--ez-scroller--box-shadow-color) 0px -4px 6px 10px;margin-bottom:-10px}.ez-scroller__shadow-end--vertical{box-shadow:var(--ez-scroller--box-shadow-color) 0px 4px 6px 10px;margin-top:-10px}.ez-scroller__shadow--hidden{display:none}";export{l as ez_scroller}

package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts

@@ -27,6 +27,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   private getRowHeight;
   private getHeaderRowHeight;
   private navigateToNextCell;
+  private defineRowModelType;
   private setOptionsEvents;
   private setOptionsSupress;
   private getSelectionHeaderStatus;

package/dist/types/components/ez-scroller/ez-scroller.d.ts

@@ -6,8 +6,10 @@ export declare class EzScroller {
   private _controller;
   private _startHidden;
   private _endHidden;
+  private _resizeObserver;
   private _classHidden;
   isFirefox: boolean;
+  isActive: boolean;
   /**
    * Define a direção em que haverá scroll.
    */
@@ -25,6 +27,7 @@ export declare class EzScroller {
   private getShadowEndClass;
   private finishDrag;
   private updateShadow;
+  private configResize;
   clickListener(evt: MouseEvent): void;
   mouseDownHandler(evt: MouseEvent): void;
   mouseUpHandler(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -47,7 +47,7 @@
   "license": "ISC",
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
-    "@sankhyalabs/core": "^2.3.0",
+    "@sankhyalabs/core": "^2.5.0",
     "@sankhyalabs/docscss": "^1.0.4",
     "@sankhyalabs/ez-design": "^2.0.0",
     "@sankhyalabs/skippeerdeps": "^1.0.2",

package/dist/ezui/p-e165c3ef.entry.js

@@ -1 +0,0 @@
-import{r,h as o,H as s}from"./p-3c7ea91b.js";import{UserAgentUtils as e}from"@sankhyalabs/core";var t;!function(r){r.HORIZONTAL="horizontal",r.VERTICAL="vertical",r.BOTH="both"}(t||(t={}));let l=class{constructor(o){r(this,o),this._classHidden="ez-scroller__shadow--hidden",this.isFirefox=!1,this.locked=!1,this.activeShadow=!1}getContainerClass(){return`ez-scroller__container ez-scroller__container--${this.direction}\n      ${this.locked?" ez-scroller__container--locked":""}\n      ${this.isFirefox?" ez-scroller__container--no-overlay":""}\n    `}getShadowStartClass(){return`ez-scroller__shadow-start ez-scroller__shadow-start--${this.direction}`}getShadowEndClass(){return`ez-scroller__shadow-end ez-scroller__shadow-end--${this.direction}`}finishDrag(){this._controller&&this._container.classList.remove("dragging")}updateShadow(){const r=this._container;if(r){let o;if(this.direction===t.HORIZONTAL){const{scrollWidth:s,clientWidth:e,scrollLeft:t}=r;o=s-e-Math.ceil(t),this._startHidden=r.scrollLeft>0}else if(this.direction===t.VERTICAL){const{scrollHeight:s,clientHeight:e,scrollTop:t}=r;o=s-e-Math.ceil(t),this._startHidden=r.scrollTop>0}this._endHidden=o>0;const s=["","start","end","middle"][Number(this._startHidden)|Number(this._endHidden)<<1];"start"===s?(this._shadowStart.classList.remove(this._classHidden),this._shadowEnd.classList.add(this._classHidden)):"end"===s?(this._shadowStart.classList.add(this._classHidden),this._shadowEnd.classList.remove(this._classHidden)):"middle"===s?(this._shadowStart.classList.remove(this._classHidden),this._shadowEnd.classList.remove(this._classHidden)):(this._shadowStart.classList.add(this._classHidden),this._shadowEnd.classList.add(this._classHidden))}}clickListener(r){this._controller&&this._controller.didScroll()&&(r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation())}mouseDownHandler(r){this.locked?this.finishDrag():(this._controller||(this._controller=new i(this._container)),this._controller.startDragg(r),this._container.classList.add("dragging"))}mouseUpHandler(){this.finishDrag()}mouseMoveHandler(r){this.locked?this.finishDrag():this._controller&&(0===r.buttons?this.finishDrag():this._controller.doScroll(r))}componentDidLoad(){this.isFirefox=e.isFirefox()}componentDidRender(){var r,o;if(this.direction===t.BOTH)return null===(r=this._shadowStart)||void 0===r||r.classList.add(this._classHidden),void(null===(o=this._shadowEnd)||void 0===o||o.classList.add(this._classHidden));this._container&&this.activeShadow&&(this._container.onscroll=this.updateShadow.bind(this),this.updateShadow())}render(){return o(s,null,this.activeShadow&&o("span",{ref:r=>this._shadowStart=r,class:this.getShadowStartClass()}),o("div",{ref:r=>this._container=r,class:this.getContainerClass()},o("slot",null)),this.activeShadow&&o("span",{ref:r=>this._shadowEnd=r,class:this.getShadowEndClass()}))}};class i{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 o=this.measureX(r),s=this.measureY(r);if(o!=this.startX||s!=this.startY){const r=o-this.startX,e=s-this.startY;this.startX+=r,this.startY+=e,this.scrollWidth+=Math.abs(r),this.scrollHeight+=Math.abs(e),this.scrollablePanel.scrollLeft=Math.max(0,this.scrollablePanel.scrollLeft-r),this.scrollablePanel.scrollTop=Math.max(0,this.scrollablePanel.scrollTop-e)}}didScroll(){return this.scrollHeight>5||this.scrollWidth>5}}l.style=":host{--ez-scroller--box-shadow-color:var(--background--body, #fafcff);display:flex;cursor:grab;width:100%}.dragging{cursor:grabbing}.ez-scroller__container{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar--primary) var(--scrollbar--secondary)}.ez-scroller__container--horizontal{flex-direction:row;overflow-y:hidden;overflow-x:hidden;padding-bottom:var(--space--small);margin-bottom:calc(var(--space--small) * -1)}.ez-scroller__container--horizontal:not(.ez-scroller__container--no-overlay):not(.ez-scroller__container--locked):hover{overflow-x:overlay}.ez-scroller__container--horizontal.ez-scroller__container--no-overlay{padding-bottom:8px;margin-bottom:-8px}.ez-scroller__container--horizontal.ez-scroller__container--no-overlay:not(.ez-scroller__container--locked):hover{overflow-x:auto;padding-bottom:0px}.ez-scroller__container--vertical{overflow-y:hidden;overflow-x:hidden;padding-right:var(--space--small);margin-right:calc(var(--space--small) * -1)}.ez-scroller__container--vertical:not(.ez-scroller__container--no-overlay):not(.ez-scroller__container--locked):hover{overflow-y:overlay}.ez-scroller__container--vertical.ez-scroller__container--no-overlay{padding-right:8px;margin-right:-8px}.ez-scroller__container--vertical.ez-scroller__container--no-overlay:not(.ez-scroller__container--locked):hover{overflow-y:auto;padding-right:0px}.ez-scroller__container--both{overflow:auto}.ez-scroller__container::-webkit-scrollbar-track{background-color:var(--scrollbar--secondary);border-radius:var(--border--radius-small);visibility:hidden}.ez-scroller__container::-webkit-scrollbar-thumb{background-color:var(--scrollbar--primary);border-radius:var(--border--radius-small)}.ez-scroller__container::-webkit-scrollbar{background-color:var(--scrollbar--secondary);width:var(--space--small);height:var(--space--small);max-width:var(--space--small);min-width:var(--space--small)}.ez-scroller__shadow-start,.ez-scroller__shadow-end{display:flex;position:relative;z-index:0;background:var(--ez-scroller--box-shadow-color)}.ez-scroller__shadow-start--horizontal,.ez-scroller__shadow-end--horizontal{width:10px;min-height:100%;top:-13px}.ez-scroller__shadow-start--horizontal{box-shadow:var(--ez-scroller--box-shadow-color) -4px 0px 6px 10px;margin-right:-10px}.ez-scroller__shadow-end--horizontal{box-shadow:var(--ez-scroller--box-shadow-color) 4px 0px 6px 10px;margin-left:-10px}.ez-scroller__shadow-start--vertical,.ez-scroller__shadow-end--vertical{min-width:100%;height:10px;left:-13px}.ez-scroller__shadow-start--vertical{box-shadow:var(--ez-scroller--box-shadow-color) 0px -4px 6px 10px;margin-bottom:-10px}.ez-scroller__shadow-end--vertical{box-shadow:var(--ez-scroller--box-shadow-color) 0px 4px 6px 10px;margin-top:-10px}.ez-scroller__shadow--hidden{display:none}";export{l as ez_scroller}