@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.
- package/dist/cjs/ez-popover.cjs.entry.js +8 -0
- package/dist/collection/components/ez-popover/ez-popover.js +10 -1
- package/dist/custom-elements/index.js +8 -0
- package/dist/esm/ez-popover.entry.js +8 -0
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-6a6f9712.entry.js +1 -0
- package/dist/types/components/ez-popover/ez-popover.d.ts +1 -0
- package/package.json +1 -1
- package/dist/ezui/p-3bff3292.entry.js +0 -1
|
@@ -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
|
|
package/dist/ezui/ezui.esm.js
CHANGED
|
@@ -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-
|
|
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 +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}
|