@sankhyalabs/ezui 1.1.46 → 1.1.47
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-modal.cjs.entry.js +1 -5
- package/dist/collection/components/ez-modal/ez-modal.js +1 -5
- package/dist/custom-elements/index.js +1 -5
- package/dist/esm/ez-modal.entry.js +1 -5
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-b4b43048.entry.js +1 -0
- package/dist/types/components/ez-modal/ez-modal.d.ts +0 -1
- package/package.json +1 -1
- package/dist/ezui/p-06c7c4e3.entry.js +0 -1
|
@@ -100,16 +100,12 @@ let EzModal = class {
|
|
|
100
100
|
this.closeModal();
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
|
-
onWeelHandler(event) {
|
|
104
|
-
event.stopPropagation();
|
|
105
|
-
event.preventDefault();
|
|
106
|
-
}
|
|
107
103
|
//Ainda teremos ajustes visuais
|
|
108
104
|
render() {
|
|
109
105
|
const positionSufix = this.align === "left" ? "left" : "right";
|
|
110
106
|
return (index.h(index.Host, null, this.oppened
|
|
111
107
|
?
|
|
112
|
-
index.h("div", { class: 'modal', onMouseDown: evt => this.onMouseDownHandler(evt)
|
|
108
|
+
index.h("div", { class: 'modal', onMouseDown: evt => this.onMouseDownHandler(evt) }, index.h("div", { class: `modal__container modal__container--${positionSufix}`, ref: ref => this._overlay = ref }, index.h("div", { class: `modal__content modal__content--${positionSufix} ${this.modalsize}` }, index.h("slot", null))))
|
|
113
109
|
:
|
|
114
110
|
undefined));
|
|
115
111
|
}
|
|
@@ -91,16 +91,12 @@ export class EzModal {
|
|
|
91
91
|
this.closeModal();
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
|
-
onWeelHandler(event) {
|
|
95
|
-
event.stopPropagation();
|
|
96
|
-
event.preventDefault();
|
|
97
|
-
}
|
|
98
94
|
//Ainda teremos ajustes visuais
|
|
99
95
|
render() {
|
|
100
96
|
const positionSufix = this.align === "left" ? "left" : "right";
|
|
101
97
|
return (h(Host, null, this.oppened
|
|
102
98
|
?
|
|
103
|
-
h("div", { class: 'modal', onMouseDown: evt => this.onMouseDownHandler(evt)
|
|
99
|
+
h("div", { class: 'modal', onMouseDown: evt => this.onMouseDownHandler(evt) },
|
|
104
100
|
h("div", { class: `modal__container modal__container--${positionSufix}`, ref: ref => this._overlay = ref },
|
|
105
101
|
h("div", { class: `modal__content modal__content--${positionSufix} ${this.modalsize}` },
|
|
106
102
|
h("slot", null))))
|
|
@@ -3928,16 +3928,12 @@ let EzModal$1 = class extends HTMLElement {
|
|
|
3928
3928
|
this.closeModal();
|
|
3929
3929
|
}
|
|
3930
3930
|
}
|
|
3931
|
-
onWeelHandler(event) {
|
|
3932
|
-
event.stopPropagation();
|
|
3933
|
-
event.preventDefault();
|
|
3934
|
-
}
|
|
3935
3931
|
//Ainda teremos ajustes visuais
|
|
3936
3932
|
render() {
|
|
3937
3933
|
const positionSufix = this.align === "left" ? "left" : "right";
|
|
3938
3934
|
return (h(Host, null, this.oppened
|
|
3939
3935
|
?
|
|
3940
|
-
h("div", { class: 'modal', onMouseDown: evt => this.onMouseDownHandler(evt)
|
|
3936
|
+
h("div", { class: 'modal', onMouseDown: evt => this.onMouseDownHandler(evt) }, h("div", { class: `modal__container modal__container--${positionSufix}`, ref: ref => this._overlay = ref }, h("div", { class: `modal__content modal__content--${positionSufix} ${this.modalsize}` }, h("slot", null))))
|
|
3941
3937
|
:
|
|
3942
3938
|
undefined));
|
|
3943
3939
|
}
|
|
@@ -96,16 +96,12 @@ let EzModal = class {
|
|
|
96
96
|
this.closeModal();
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
|
-
onWeelHandler(event) {
|
|
100
|
-
event.stopPropagation();
|
|
101
|
-
event.preventDefault();
|
|
102
|
-
}
|
|
103
99
|
//Ainda teremos ajustes visuais
|
|
104
100
|
render() {
|
|
105
101
|
const positionSufix = this.align === "left" ? "left" : "right";
|
|
106
102
|
return (h(Host, null, this.oppened
|
|
107
103
|
?
|
|
108
|
-
h("div", { class: 'modal', onMouseDown: evt => this.onMouseDownHandler(evt)
|
|
104
|
+
h("div", { class: 'modal', onMouseDown: evt => this.onMouseDownHandler(evt) }, h("div", { class: `modal__container modal__container--${positionSufix}`, ref: ref => this._overlay = ref }, h("div", { class: `modal__content modal__content--${positionSufix} ${this.modalsize}` }, h("slot", null))))
|
|
109
105
|
:
|
|
110
106
|
undefined));
|
|
111
107
|
}
|
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-1ff02df6",[[1,"ez-dialog",{confirm:[1028],critical:[1028],message:[1025],oppened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],handleButtonClick:[64]}]]],["p-55c5b134",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[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-b81916dd",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["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-1ff02df6",[[1,"ez-dialog",{confirm:[1028],critical:[1028],message:[1025],oppened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],handleButtonClick:[64]}]]],["p-55c5b134",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[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-b81916dd",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["p-b4b43048",[[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-171bdc12",[[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-4a87d740",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[1540,"use-header"],ezTitle:[1,"ez-title"]}]]],["p-c3b18332",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],show:[64]}]]],["p-2fb1b3fd",[[0,"ez-form",{metadataexecutor:[1],loadexecutor:[1],saveexecutor:[1],removeexecutor:[1],fieldsearchexecutor:[1],ignoresavevalidation:[4],metadata:[16],slavemode:[4],enabled:[4],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-collapsable-box",{value:[1540],label:[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 d,c as t,h as i,H as o}from"./p-762ac7a0.js";let l=class{constructor(i){d(this,i),this.ezChange=t(this,"ezChange",7),this.oppened=!0,this.closeesc=!1,this.closeoutsideclick=!1,this.handleKeyboardEvent=d=>{"Escape"===(null==d?void 0:d.key)&&this.closeesc&&this.closeModal()}}handleOppenedChange(){this.oppened?document.addEventListener("keydown",this.handleKeyboardEvent):document.removeEventListener("keydown",this.handleKeyboardEvent)}closeModal(){this.oppened=!1,this.ezChange.emit(this.oppened)}componentDidLoad(){this.handleOppenedChange()}onMouseDownHandler(d){this.closeoutsideclick&&d.target===this._overlay&&this.closeModal()}render(){const d="left"===this.align?"left":"right";return i(o,null,this.oppened?i("div",{class:"modal",onMouseDown:d=>this.onMouseDownHandler(d)},i("div",{class:`modal__container modal__container--${d}`,ref:d=>this._overlay=d},i("div",{class:`modal__content modal__content--${d} ${this.modalsize}`},i("slot",null)))):void 0)}static get watchers(){return{oppened:["handleOppenedChange"]}}};l.style=":host{--modal-z-index:var(--most-visible, 3);--modal-vertical-padding:var(--space--large, 24px);display:block}.modal{position:fixed;padding:var(--modal-vertical-padding) 0;display:flex;top:0px;z-index:var(--modal-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;height:100%;box-sizing:border-box;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;max-height:calc(100% - 48px);overflow-y:auto;background-color:rgb(255, 255, 255);padding:24px;border-radius:12px 0px 0px 12px;box-shadow:rgb(0 38 111 / 12%) 0px 0px 16px 0px}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";export{l as ez_modal}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as d,c as t,h as i,H as o}from"./p-762ac7a0.js";let l=class{constructor(i){d(this,i),this.ezChange=t(this,"ezChange",7),this.oppened=!0,this.closeesc=!1,this.closeoutsideclick=!1,this.handleKeyboardEvent=d=>{"Escape"===(null==d?void 0:d.key)&&this.closeesc&&this.closeModal()}}handleOppenedChange(){this.oppened?document.addEventListener("keydown",this.handleKeyboardEvent):document.removeEventListener("keydown",this.handleKeyboardEvent)}closeModal(){this.oppened=!1,this.ezChange.emit(this.oppened)}componentDidLoad(){this.handleOppenedChange()}onMouseDownHandler(d){this.closeoutsideclick&&d.target===this._overlay&&this.closeModal()}onWeelHandler(d){d.stopPropagation(),d.preventDefault()}render(){const d="left"===this.align?"left":"right";return i(o,null,this.oppened?i("div",{class:"modal",onMouseDown:d=>this.onMouseDownHandler(d),onWheel:d=>this.onWeelHandler(d)},i("div",{class:`modal__container modal__container--${d}`,ref:d=>this._overlay=d},i("div",{class:`modal__content modal__content--${d} ${this.modalsize}`},i("slot",null)))):void 0)}static get watchers(){return{oppened:["handleOppenedChange"]}}};l.style=":host{--modal-z-index:var(--most-visible, 3);--modal-vertical-padding:var(--space--large, 24px);display:block}.modal{position:fixed;padding:var(--modal-vertical-padding) 0;display:flex;top:0px;z-index:var(--modal-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;height:100%;box-sizing:border-box;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;max-height:calc(100% - 48px);overflow-y:auto;background-color:rgb(255, 255, 255);padding:24px;border-radius:12px 0px 0px 12px;box-shadow:rgb(0 38 111 / 12%) 0px 0px 16px 0px}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";export{l as ez_modal}
|