@sankhyalabs/ezui 1.1.65 → 1.1.66

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.
@@ -40,6 +40,11 @@ let EzPopover = class {
40
40
  */
41
41
  this.boxwidth = 'fit-content';
42
42
  }
43
+ dispatchVisibilityChange(newValue, oldValue) {
44
+ if (newValue != oldValue) {
45
+ this.ezVisibilityChange.emit(newValue);
46
+ }
47
+ }
43
48
  /**
44
49
  * Atualiza a posição do popover em relação ao componente pai.
45
50
  */
@@ -112,6 +117,9 @@ let EzPopover = class {
112
117
  return (index.h(index.Host, null, index.h("section", { ref: el => this._container = el }, index.h("div", { class: `box ${this.boxwidth === 'fit-content' ? 'box--fit-content' : 'box--full-width'}`, ref: el => this._box = el }, index.h("slot", null)))));
113
118
  }
114
119
  get _host() { return index.getElement(this); }
120
+ static get watchers() { return {
121
+ "isOpened": ["dispatchVisibilityChange"]
122
+ }; }
115
123
  };
116
124
  EzPopover.style = ezPopoverCss;
117
125
 
@@ -1,4 +1,4 @@
1
- import { Component, h, Method, Element, Host, Prop, Event } from '@stencil/core';
1
+ import { Component, h, Method, Element, Host, Prop, Event, Watch } from '@stencil/core';
2
2
  import { FloatingManager } from '@sankhyalabs/core';
3
3
  export class EzPopover {
4
4
  constructor() {
@@ -30,6 +30,11 @@ export class EzPopover {
30
30
  */
31
31
  this.boxwidth = 'fit-content';
32
32
  }
33
+ dispatchVisibilityChange(newValue, oldValue) {
34
+ if (newValue != oldValue) {
35
+ this.ezVisibilityChange.emit(newValue);
36
+ }
37
+ }
33
38
  /**
34
39
  * Atualiza a posição do popover em relação ao componente pai.
35
40
  */
@@ -336,4 +341,8 @@ export class EzPopover {
336
341
  }
337
342
  }; }
338
343
  static get elementRef() { return "_host"; }
344
+ static get watchers() { return [{
345
+ "propName": "isOpened",
346
+ "methodName": "dispatchVisibilityChange"
347
+ }]; }
339
348
  }
@@ -4293,6 +4293,11 @@ let EzPopover$1 = class extends HTMLElement {
4293
4293
  */
4294
4294
  this.boxwidth = 'fit-content';
4295
4295
  }
4296
+ dispatchVisibilityChange(newValue, oldValue) {
4297
+ if (newValue != oldValue) {
4298
+ this.ezVisibilityChange.emit(newValue);
4299
+ }
4300
+ }
4296
4301
  /**
4297
4302
  * Atualiza a posição do popover em relação ao componente pai.
4298
4303
  */
@@ -4365,6 +4370,9 @@ let EzPopover$1 = class extends HTMLElement {
4365
4370
  return (h(Host, null, h("section", { ref: el => this._container = el }, h("div", { class: `box ${this.boxwidth === 'fit-content' ? 'box--fit-content' : 'box--full-width'}`, ref: el => this._box = el }, h("slot", null)))));
4366
4371
  }
4367
4372
  get _host() { return this; }
4373
+ static get watchers() { return {
4374
+ "isOpened": ["dispatchVisibilityChange"]
4375
+ }; }
4368
4376
  static get style() { return ezPopoverCss; }
4369
4377
  };
4370
4378
 
@@ -36,6 +36,11 @@ let EzPopover = class {
36
36
  */
37
37
  this.boxwidth = 'fit-content';
38
38
  }
39
+ dispatchVisibilityChange(newValue, oldValue) {
40
+ if (newValue != oldValue) {
41
+ this.ezVisibilityChange.emit(newValue);
42
+ }
43
+ }
39
44
  /**
40
45
  * Atualiza a posição do popover em relação ao componente pai.
41
46
  */
@@ -108,6 +113,9 @@ let EzPopover = class {
108
113
  return (h(Host, null, h("section", { ref: el => this._container = el }, h("div", { class: `box ${this.boxwidth === 'fit-content' ? 'box--fit-content' : 'box--full-width'}`, ref: el => this._box = el }, h("slot", null)))));
109
114
  }
110
115
  get _host() { return getElement(this); }
116
+ static get watchers() { return {
117
+ "isOpened": ["dispatchVisibilityChange"]
118
+ }; }
111
119
  };
112
120
  EzPopover.style = ezPopoverCss;
113
121
 
@@ -1 +1 @@
1
- import{p as e,b as a}from"./p-762ac7a0.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-8c8f1c00",[[1,"ez-dialog",{confirm:[1028],critical:[1028],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],handleButtonClick:[64],show:[64]}]]],["p-7f528c19",[[1,"ez-time-input",{label:[513],viewValue:[1537,"view-value"],value:[1026],enabled:[516],errormessage:[1537],showSeconds:[516,"show-seconds"],setFocus:[64],setBlur:[64]}]]],["p-4f4b8aae",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["p-9702db61",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-d185d7e8",[[1,"ez-modal",{modalsize:[1],align:[1],oppened:[4],closeesc:[4],closeoutsideclick:[4]}]]],["p-d8a47f23",[[1,"ez-number-input",{strvalue:[1025],value:[1026],label:[513],enabled:[516],errormessage:[1537],precision:[1538],prettyprecision:[1538],textleft:[516],formatnumber:[513],setFocus:[64],setBlur:[64],handleFocusout:[64]}]]],["p-3bff3292",[[1,"ez-popover",{autoclose:[516],top:[1537],left:[1537],bottom:[1537],right:[1537],boxwidth:[513],isOpened:[1540,"is-opened"],updatePosition:[64],show:[64],hide:[64]}]]],["p-7c7dbfcb",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[1540,"use-header"],ezTitle:[1,"ez-title"]}]]],["p-8d547517",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],show:[64]}]]],["p-afc553a4",[[0,"ez-form",{metadataexecutor:[1],loadexecutor:[1],saveexecutor:[1],removeexecutor:[1],fieldsearchexecutor:[1],ignoresavevalidation:[4],metadata:[16],slavemode:[4],enabled:[4],loading:[1540],validate:[64],getChanges:[64],changeFieldValue:[64]}],[1,"form-metadata",{name:[1],label:[1],dataunit:[1025],many:[4],autoload:[4],metadata:[1040]}],[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errormessage:[1537]}],[1,"ez-search",{value:[1537],label:[1537],enabled:[1540],errormessage:[1537],optionloader:[16],showselectedvalue:[4],showoptionvalue:[4]}],[1,"ez-numeric-input",{label:[513],value:[1538],enabled:[516],errormessage:[1537],precision:[8],prettyprecision:[8]}],[1,"ez-check",{label:[513],value:[1540],enabled:[516],mode:[513],getMode:[64],setFocus:[64]}],[1,"ez-collapsible-box",{value:[1540],label:[513],headersize:[513],iconplacement:[513],showHide:[64]}],[1,"ez-tabselector",{selectedindex:[1537],selectedtab:[1537],tabs:[1]}],[1,"ez-text-area",{label:[513],value:[1537],enabled:[516],loading:[516],errormessage:[1537],rows:[1538],setFocus:[64],setBlur:[64]}],[1,"ez-upload",{label:[1],enabled:[4],maxfilesize:[2],maxfiles:[2],requestheaders:[8],urlupload:[1],urldelete:[1],value:[1040],addFiles:[64]}],[1,"place-holder"],[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513]}],[1,"ez-combo-box",{value:[1537],label:[513],enabled:[516],options:[1040],errormessage:[1537],searchmode:[4],showselectedvalue:[4],showoptionvalue:[4],optionloader:[16],_preSelection:[32],_visibleOptions:[32]}],[1,"ez-calendar",{value:[1040],floating:[516],show:[64],fitVertical:[64],hide:[64]}],[1,"ez-icon",{size:[513],href:[513]}],[1,"ez-text-input",{label:[513],value:[1537],enabled:[516],loading:[516],errormessage:[1537],onlynumber:[516],mask:[1],restrict:[1],setFocus:[64],setBlur:[64]}]]]],e)));
1
+ import{p as e,b as a}from"./p-762ac7a0.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-8c8f1c00",[[1,"ez-dialog",{confirm:[1028],critical:[1028],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],handleButtonClick:[64],show:[64]}]]],["p-7f528c19",[[1,"ez-time-input",{label:[513],viewValue:[1537,"view-value"],value:[1026],enabled:[516],errormessage:[1537],showSeconds:[516,"show-seconds"],setFocus:[64],setBlur:[64]}]]],["p-4f4b8aae",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["p-9702db61",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-d185d7e8",[[1,"ez-modal",{modalsize:[1],align:[1],oppened:[4],closeesc:[4],closeoutsideclick:[4]}]]],["p-d8a47f23",[[1,"ez-number-input",{strvalue:[1025],value:[1026],label:[513],enabled:[516],errormessage:[1537],precision:[1538],prettyprecision:[1538],textleft:[516],formatnumber:[513],setFocus:[64],setBlur:[64],handleFocusout:[64]}]]],["p-6a6f9712",[[1,"ez-popover",{autoclose:[516],top:[1537],left:[1537],bottom:[1537],right:[1537],boxwidth:[513],isOpened:[1540,"is-opened"],updatePosition:[64],show:[64],hide:[64]}]]],["p-7c7dbfcb",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[1540,"use-header"],ezTitle:[1,"ez-title"]}]]],["p-8d547517",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],show:[64]}]]],["p-afc553a4",[[0,"ez-form",{metadataexecutor:[1],loadexecutor:[1],saveexecutor:[1],removeexecutor:[1],fieldsearchexecutor:[1],ignoresavevalidation:[4],metadata:[16],slavemode:[4],enabled:[4],loading:[1540],validate:[64],getChanges:[64],changeFieldValue:[64]}],[1,"form-metadata",{name:[1],label:[1],dataunit:[1025],many:[4],autoload:[4],metadata:[1040]}],[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errormessage:[1537]}],[1,"ez-search",{value:[1537],label:[1537],enabled:[1540],errormessage:[1537],optionloader:[16],showselectedvalue:[4],showoptionvalue:[4]}],[1,"ez-numeric-input",{label:[513],value:[1538],enabled:[516],errormessage:[1537],precision:[8],prettyprecision:[8]}],[1,"ez-check",{label:[513],value:[1540],enabled:[516],mode:[513],getMode:[64],setFocus:[64]}],[1,"ez-collapsible-box",{value:[1540],label:[513],headersize:[513],iconplacement:[513],showHide:[64]}],[1,"ez-tabselector",{selectedindex:[1537],selectedtab:[1537],tabs:[1]}],[1,"ez-text-area",{label:[513],value:[1537],enabled:[516],loading:[516],errormessage:[1537],rows:[1538],setFocus:[64],setBlur:[64]}],[1,"ez-upload",{label:[1],enabled:[4],maxfilesize:[2],maxfiles:[2],requestheaders:[8],urlupload:[1],urldelete:[1],value:[1040],addFiles:[64]}],[1,"place-holder"],[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513]}],[1,"ez-combo-box",{value:[1537],label:[513],enabled:[516],options:[1040],errormessage:[1537],searchmode:[4],showselectedvalue:[4],showoptionvalue:[4],optionloader:[16],_preSelection:[32],_visibleOptions:[32]}],[1,"ez-calendar",{value:[1040],floating:[516],show:[64],fitVertical:[64],hide:[64]}],[1,"ez-icon",{size:[513],href:[513]}],[1,"ez-text-input",{label:[513],value:[1537],enabled:[516],loading:[516],errormessage:[1537],onlynumber:[516],mask:[1],restrict:[1],setFocus:[64],setBlur:[64]}]]]],e)));
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as s,H as o,g as h}from"./p-762ac7a0.js";import"./p-9dfccb16.js";import{F as e}from"./p-ddd0ef12.js";let r=class{constructor(s){t(this,s),this.ezVisibilityChange=i(this,"ezVisibilityChange",7),this._firstRender=!0,this.autoclose=!0,this.top="0px",this.left="0px",this.bottom="0px",this.right="0px",this.boxwidth="fit-content"}dispatchVisibilityChange(t,i){t!=i&&this.ezVisibilityChange.emit(t)}async updatePosition(t=this.top,i=this.left,s=this.bottom,o=this.right){e.updateFloatPosition(this._box,this._container,{autoClose:this.autoclose,top:t,left:i,bottom:s,right:o,innerClickTest:(t,i)=>!!t.contains(i)||!(!t.shadowRoot||!t.shadowRoot.contains(i))||((t=this._host).lastElementChild.shadowRoot?t.lastElementChild.shadowRoot.contains(i):t.contains(i))})}async show(t=this.top,i=this.left,s=this.bottom,o=this.right){this._floatingID=e.float(this._box,this._container,{autoClose:this.autoclose,top:t,left:i,bottom:s,right:o,innerClickTest:(t,i)=>!!t.contains(i)||!(!t.shadowRoot||!t.shadowRoot.contains(i))||((t=this._host).lastElementChild.shadowRoot?t.lastElementChild.shadowRoot.contains(i):t.contains(i))}),this.isOpened=!0}async hide(){void 0!==this._floatingID&&(e.close(this._floatingID),this._floatingID=void 0,this.isOpened=!1)}componentDidRender(){this._firstRender&&(this._box.remove(),this._firstRender=!1)}render(){return s(o,null,s("section",{ref:t=>this._container=t},s("div",{class:"box "+("fit-content"===this.boxwidth?"box--fit-content":"box--full-width"),ref:t=>this._box=t},s("slot",null))))}get _host(){return h(this)}static get watchers(){return{isOpened:["dispatchVisibilityChange"]}}};r.style=":host{--pop__box--border-radius:var(--border--radius-medium, 12px);--pop__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);position:relative;display:flex;user-select:none;width:100%}.box{z-index:var(--more-visible, 1);display:flex;flex-direction:column;height:fit-content;background-color:transparent;border-radius:var(--pop__box--border-radius);box-shadow:var(--pop__box--box-shadow)}.box--fit-content{width:fit-content}.box--full-width{width:100%}";export{r as ez_popover}
@@ -39,6 +39,7 @@ export declare class EzPopover {
39
39
  * Evento disparado ao exibir/ocultar o componente.
40
40
  */
41
41
  ezVisibilityChange: EventEmitter<boolean>;
42
+ dispatchVisibilityChange(newValue: boolean, oldValue: boolean): void;
42
43
  /**
43
44
  * Atualiza a posição do popover em relação ao componente pai.
44
45
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui",
3
- "version": "1.1.65",
3
+ "version": "1.1.66",
4
4
  "description": "Biblioteca de componentes Sankhya.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/custom-elements/index.js",
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as s,H as o,g as h}from"./p-762ac7a0.js";import"./p-9dfccb16.js";import{F as e}from"./p-ddd0ef12.js";let r=class{constructor(s){t(this,s),this.ezVisibilityChange=i(this,"ezVisibilityChange",7),this._firstRender=!0,this.autoclose=!0,this.top="0px",this.left="0px",this.bottom="0px",this.right="0px",this.boxwidth="fit-content"}async updatePosition(t=this.top,i=this.left,s=this.bottom,o=this.right){e.updateFloatPosition(this._box,this._container,{autoClose:this.autoclose,top:t,left:i,bottom:s,right:o,innerClickTest:(t,i)=>!!t.contains(i)||!(!t.shadowRoot||!t.shadowRoot.contains(i))||((t=this._host).lastElementChild.shadowRoot?t.lastElementChild.shadowRoot.contains(i):t.contains(i))})}async show(t=this.top,i=this.left,s=this.bottom,o=this.right){this._floatingID=e.float(this._box,this._container,{autoClose:this.autoclose,top:t,left:i,bottom:s,right:o,innerClickTest:(t,i)=>!!t.contains(i)||!(!t.shadowRoot||!t.shadowRoot.contains(i))||((t=this._host).lastElementChild.shadowRoot?t.lastElementChild.shadowRoot.contains(i):t.contains(i))}),this.isOpened=!0}async hide(){void 0!==this._floatingID&&(e.close(this._floatingID),this._floatingID=void 0,this.isOpened=!1)}componentDidRender(){this._firstRender&&(this._box.remove(),this._firstRender=!1)}render(){return s(o,null,s("section",{ref:t=>this._container=t},s("div",{class:"box "+("fit-content"===this.boxwidth?"box--fit-content":"box--full-width"),ref:t=>this._box=t},s("slot",null))))}get _host(){return h(this)}};r.style=":host{--pop__box--border-radius:var(--border--radius-medium, 12px);--pop__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);position:relative;display:flex;user-select:none;width:100%}.box{z-index:var(--more-visible, 1);display:flex;flex-direction:column;height:fit-content;background-color:transparent;border-radius:var(--pop__box--border-radius);box-shadow:var(--pop__box--box-shadow)}.box--fit-content{width:fit-content}.box--full-width{width:100%}";export{r as ez_popover}