@sankhyalabs/ezui 1.1.121 → 1.1.124
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/{ApplicationUtils-93721afc.js → ApplicationUtils-4a223c7a.js} +15 -9
- package/dist/cjs/{AssetsUtils-4909c6de.js → AssetsUtils-78164781.js} +1 -1
- package/dist/cjs/ez-action-chip.cjs.entry.js +1 -1
- package/dist/cjs/ez-application.cjs.entry.js +1 -1
- package/dist/cjs/ez-button.cjs.entry.js +2 -2
- package/dist/cjs/ez-calendar.cjs.entry.js +1 -1
- package/dist/cjs/ez-check.cjs.entry.js +1 -1
- package/dist/cjs/ez-collapsible-box.cjs.entry.js +1 -1
- package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
- package/dist/cjs/ez-date-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-date-time-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-dialog.cjs.entry.js +15 -11
- package/dist/cjs/ez-filter-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-form.cjs.entry.js +23 -11
- package/dist/cjs/ez-grid.cjs.entry.js +37 -29
- package/dist/cjs/ez-icon.cjs.entry.js +1 -1
- package/dist/cjs/ez-label-chip.cjs.entry.js +1 -1
- package/dist/cjs/ez-list.cjs.entry.js +1 -1
- package/dist/cjs/ez-modal.cjs.entry.js +1 -1
- package/dist/cjs/ez-number-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-popover.cjs.entry.js +1 -1
- package/dist/cjs/ez-popup.cjs.entry.js +1 -1
- package/dist/cjs/ez-search.cjs.entry.js +1 -1
- package/dist/cjs/ez-tabselector.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-area.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-time-input.cjs.entry.js +2 -2
- package/dist/cjs/ez-toast.cjs.entry.js +1 -1
- package/dist/cjs/ez-upload.cjs.entry.js +2 -2
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/grid-config.cjs.entry.js +2 -2
- package/dist/cjs/{index-88286449.js → index-0e284e03.js} +5 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/select-box.cjs.entry.js +1 -1
- package/dist/cjs/test-du.cjs.entry.js +2 -2
- package/dist/collection/components/ez-button/ez-button.css +23 -1
- package/dist/collection/components/ez-dialog/ez-dialog.css +16 -2
- package/dist/collection/components/ez-dialog/ez-dialog.js +26 -13
- package/dist/collection/components/ez-form/DataBinder.js +8 -4
- package/dist/collection/components/ez-form/ez-form.js +31 -6
- package/dist/collection/components/ez-grid/controller/DataUnitBridge.js +31 -28
- package/dist/collection/components/ez-grid/ez-grid.js +5 -0
- package/dist/collection/utils/ApplicationUtils.js +15 -9
- package/dist/custom-elements/index.js +87 -57
- package/dist/esm/{ApplicationUtils-3ca0e68d.js → ApplicationUtils-35350d20.js} +15 -9
- package/dist/esm/{AssetsUtils-9b1329a3.js → AssetsUtils-aab9ca8f.js} +1 -1
- package/dist/esm/ez-action-chip.entry.js +1 -1
- package/dist/esm/ez-application.entry.js +1 -1
- package/dist/esm/ez-button.entry.js +2 -2
- package/dist/esm/ez-calendar.entry.js +1 -1
- package/dist/esm/ez-check.entry.js +1 -1
- package/dist/esm/ez-collapsible-box.entry.js +1 -1
- package/dist/esm/ez-combo-box.entry.js +1 -1
- package/dist/esm/ez-date-input.entry.js +1 -1
- package/dist/esm/ez-date-time-input.entry.js +1 -1
- package/dist/esm/ez-dialog.entry.js +15 -11
- package/dist/esm/ez-filter-input.entry.js +1 -1
- package/dist/esm/ez-form.entry.js +23 -11
- package/dist/esm/ez-grid.entry.js +37 -29
- package/dist/esm/ez-icon.entry.js +1 -1
- package/dist/esm/ez-label-chip.entry.js +1 -1
- package/dist/esm/ez-list.entry.js +1 -1
- package/dist/esm/ez-modal.entry.js +1 -1
- package/dist/esm/ez-number-input.entry.js +1 -1
- package/dist/esm/ez-popover.entry.js +1 -1
- package/dist/esm/ez-popup.entry.js +1 -1
- package/dist/esm/ez-search.entry.js +1 -1
- package/dist/esm/ez-tabselector.entry.js +1 -1
- package/dist/esm/ez-text-area.entry.js +1 -1
- package/dist/esm/ez-text-input.entry.js +1 -1
- package/dist/esm/ez-time-input.entry.js +2 -2
- package/dist/esm/ez-toast.entry.js +1 -1
- package/dist/esm/ez-upload.entry.js +2 -2
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/grid-config.entry.js +2 -2
- package/dist/esm/{index-6b8bfbeb.js → index-bf1aef20.js} +5 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/select-box.entry.js +1 -1
- package/dist/esm/test-du.entry.js +2 -2
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-05cca198.entry.js +1 -0
- package/dist/ezui/{p-8c447785.entry.js → p-0927092b.entry.js} +1 -1
- package/dist/ezui/{p-363fc3af.entry.js → p-0965bcae.entry.js} +1 -1
- package/dist/ezui/{p-f8d3c04d.entry.js → p-0cb4aec1.entry.js} +1 -1
- package/dist/ezui/p-0cd386db.js +1 -0
- package/dist/ezui/{p-97f77023.entry.js → p-1c28d99b.entry.js} +1 -1
- package/dist/ezui/{p-502d7e0d.entry.js → p-1ced597f.entry.js} +1 -1
- package/dist/ezui/{p-8f2d46f8.entry.js → p-1db59c89.entry.js} +1 -1
- package/dist/ezui/{p-6f39077b.entry.js → p-28ce145e.entry.js} +1 -1
- package/dist/ezui/{p-25e050f5.entry.js → p-2d55888f.entry.js} +1 -1
- package/dist/ezui/{p-83d5f1ca.entry.js → p-2d894fed.entry.js} +1 -1
- package/dist/ezui/{p-c86cd69e.entry.js → p-4262a462.entry.js} +2 -2
- package/dist/ezui/{p-2f14fe3d.entry.js → p-46d1340b.entry.js} +1 -1
- package/dist/ezui/p-4884b056.entry.js +1 -0
- package/dist/ezui/p-495cdb4c.entry.js +1 -0
- package/dist/ezui/{p-477bb703.js → p-51b878f7.js} +1 -1
- package/dist/ezui/{p-01169201.entry.js → p-5e989ecf.entry.js} +1 -1
- package/dist/ezui/{p-89a57641.js → p-60138b72.js} +1 -1
- package/dist/ezui/{p-a5f1f9c4.entry.js → p-6745931a.entry.js} +1 -1
- package/dist/ezui/{p-a6e28794.entry.js → p-6aa0c6f1.entry.js} +1 -1
- package/dist/ezui/{p-804c118a.entry.js → p-7df61f4a.entry.js} +1 -1
- package/dist/ezui/{p-43feac7d.entry.js → p-8543a1b3.entry.js} +1 -1
- package/dist/ezui/{p-b8678ee6.entry.js → p-8a0e5e59.entry.js} +1 -1
- package/dist/ezui/p-91e51dc9.entry.js +1 -0
- package/dist/ezui/{p-d3d3e2ac.entry.js → p-9a9b2936.entry.js} +1 -1
- package/dist/ezui/{p-31b0e21a.entry.js → p-a44dcc62.entry.js} +1 -1
- package/dist/ezui/{p-8793a124.entry.js → p-a4a21738.entry.js} +1 -1
- package/dist/ezui/{p-542d3d29.entry.js → p-bd29c55f.entry.js} +1 -1
- package/dist/ezui/{p-c6f2aa6c.entry.js → p-c621cab9.entry.js} +1 -1
- package/dist/ezui/{p-76b64956.entry.js → p-dc0aa563.entry.js} +1 -1
- package/dist/ezui/{p-055f1b6a.entry.js → p-e62f5c77.entry.js} +1 -1
- package/dist/ezui/{p-f78c7ec9.entry.js → p-ef8f1275.entry.js} +1 -1
- package/dist/ezui/{p-59a8448a.entry.js → p-fa9157c1.entry.js} +1 -1
- package/dist/types/components/ez-dialog/ez-dialog.d.ts +4 -1
- package/dist/types/components/ez-form/DataBinder.d.ts +2 -0
- package/dist/types/components/ez-form/ez-form.d.ts +7 -0
- package/dist/types/components/ez-grid/controller/DataUnitBridge.d.ts +1 -0
- package/dist/types/components/ez-grid/ez-grid.d.ts +1 -0
- package/dist/types/components.d.ts +5 -1
- package/dist/types/utils/ApplicationUtils.d.ts +6 -3
- package/package.json +3 -2
- package/dist/ezui/p-24ff7d92.entry.js +0 -1
- package/dist/ezui/p-3c71a597.js +0 -1
- package/dist/ezui/p-68c509a7.entry.js +0 -1
- package/dist/ezui/p-95fc543c.entry.js +0 -1
- package/dist/ezui/p-c13353f1.entry.js +0 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-0e284e03.js');
|
|
6
6
|
|
|
7
7
|
const ezPopupCss = ":host{display:flex;--ez-popup-z-index:var(--most-visible, 3);--ez-popup__container--color:var(--title--primary, #2b3a54);--ez-popup__container--padding:var(--space--large, 24px);--ez-popup__header--padding-bottom:var(--space--medium, 12px);--ez-popup__title--font-family:var(--font-pattern, \"'Sora', 'Algerian'\");--ez-popup__title--font-size:var(--title--extra-large, 24px);--ez-popup__title--color:var(--title--primary, #2b3a54);--ez-popup__title--font-weight:var(--text-weight--large, 600);--ez-popup__btn__close--icon-color:var(--title--primary, #2b3a54);--ez-popup__btn__close--icon:url('data:image/svg+xml;utf8,<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 8.2421753,6.9944578 13.743748,1.4930784 C 13.907781,1.3290628 14,1.1065946 14,0.87462511 14,0.64266712 13.907782,0.42019873 13.743748,0.25617155 13.579712,0.09215597 13.35727,6.48e-8 13.125266,6.48e-8 12.89338,6.48e-8 12.670821,0.09215634 12.506787,0.25617155 L 7.005215,5.7575508 1.5035972,0.25617155 C 1.3395631,0.09215597 1.1170968,6.48e-8 0.88511716,6.48e-8 0.65314917,6.48e-8 0.4306712,0.09215597 0.26663695,0.25617155 0.10260271,0.42019873 0.01045441,0.64266712 0.01045441,0.87462511 c 0,0.23196949 0.0921483,0.45443769 0.25618254,0.61845329 L 5.7682546,6.9944578 0.26663695,12.497027 c -0.0834745,0.08067 -0.15003245,0.1772 -0.19581514,0.283871 C 0.02505077,12.887561 9.831648e-4,13.002399 2.950369e-5,13.118395 -9.2415746e-4,13.234504 0.02125019,13.349689 0.06527245,13.457057 c 0.04401053,0.107479 0.10898307,0.205064 0.1911168,0.287137 0.0821454,0.08208 0.17979645,0.146888 0.28727561,0.190839 0.10747906,0.04395 0.22262954,0.06598 0.33872417,0.06493 0.116095,-10e-4 0.23082547,-0.0253 0.33747687,-0.07112 0.1066637,-0.04593 0.2031133,-0.112615 0.2837313,-0.196086 L 7.005215,8.2313646 12.506787,13.732768 c 0.164034,0.164027 0.386593,0.256125 0.618479,0.256125 0.232004,0 0.454446,-0.09209 0.618482,-0.256125 C 13.907781,13.568741 14,13.346308 14,13.114315 14,12.882323 13.90779,12.659888 13.743748,12.495861 Z\"/></svg>')}.overlay{position:fixed;display:flex;top:0px;z-index:var(--ez-popup-z-index);left:0px;width:100%;align-items:center;justify-content:center;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.popup{display:flex;height:100%;align-items:center;justify-content:center;box-sizing:border-box}.popup__container{width:100%;max-height:90%;height:100%;display:flex;flex-wrap:wrap;overflow:hidden;background:#FFFF;color:var(--ez-popup__container--color);border-radius:12px;box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122);box-sizing:border-box;padding:var(--ez-popup__container--padding)}.popup__content{box-sizing:border-box;max-height:100%;width:100%;display:grid;grid-template-rows:auto 1fr}.popup__expandable-content{box-sizing:border-box;overflow-y:auto;height:100%;width:100%}.popup__header{padding-bottom:var(--ez-popup__header--padding-bottom);width:100%;display:flex}.popup__title{display:flex;margin:0;width:100%;font-family:var(--ez-popup__title--font-family);font-size:var(--ez-popup__title--font-size);font-weight:var(--ez-popup__title--font-weight);color:var(--ez-popup__title--color);line-height:1.3}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:var(--ez-popup__btn__close--icon-color);width:14px;height:14px;-webkit-mask-image:var(--ez-popup__btn__close--icon);mask-image:var(--ez-popup__btn__close--icon)}.btn-close--solo{width:100%}.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%}}";
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-0e284e03.js');
|
|
6
6
|
const CSSVarsUtils = require('./CSSVarsUtils-8fbdf2e0.js');
|
|
7
7
|
|
|
8
8
|
const ezSearchCss = ":host{width:100%}";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-0e284e03.js');
|
|
6
6
|
|
|
7
7
|
const ezTabselectorCss = "@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}:host{display:flex;position:relative;width:100%;overflow:hidden;--tabselector--backward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--tabselector--forward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>')}.scroll{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.scroll.startHidden{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px)}.scroll.midle{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px, #000 calc(100% - 48px), transparent calc(100% - 20px))}.scroll.endHidden{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 48px), transparent calc(100% - 20px))}.tab{display:flex;border:none;min-width:100px;background-color:unset;cursor:pointer;padding:6px 12px;align-items:center;justify-content:center;color:var(--text--primary, #626e82);font-family:var(--font-pattern, \"Sora, Algerian\");font-size:var(--title--small, 14px)}.tab:focus,.forward-button,.backward-button{outline:none}.is-active{position:relative;color:var(--color--primary, #008561)}.is-active::after{content:\"\";position:absolute;width:100%;height:100%;background-color:var(--color--primary, #008561);clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out}.is-focused{border:1px dashed var(--color--primary, #000000c5)}.tab-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--text-shadow);margin-bottom:var(--space--extra-small, 3px)}.forward-button,.backward-button{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.backward-button{left:0px}.forward-button::after,.backward-button::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:10px;height:16px}.forward-button::after{-webkit-mask-image:var(--tabselector--forward-icon);mask-image:var(--tabselector--forward-icon)}.backward-button::after{-webkit-mask-image:var(--tabselector--backward-icon);mask-image:var(--tabselector--backward-icon)}.forward-button:hover::after,.backward-button:hover::after{background-color:var(--color--primary, #4e4e4e)}.hidden{display:none}.scroll::-webkit-scrollbar{display:none}";
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-0e284e03.js');
|
|
6
6
|
|
|
7
7
|
const ezTextAreaCss = ":host{--text-area--width:100%;--text-area--border-radius:var(--border--radius-medium, 12px);--text-area--font-size:var(--text--medium, 14px);--text-area--font-family:var(--font-pattern, Arial);--text-area--font-weight:var(--text-weight--medium, 400);--text-area--color:var(--title--primary, #000);--text-area__input--background-color:var(--background--medium, #e0e0e0);--text-area__input--border:var(--border--medium, 2px solid);--text-area__input--border-color:var(--text-area__input--background-color);--text-area__input--focus--border-color:var(--color--primary, #008561);--text-area__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--text-area__input--disabled--color:var(--text--disable, #AFB6C0);--text-area__input--error--border-color:#CC2936;--text-area__message_box--font-size:var(--text--small, 12px);--text-area__message_box--info--color:var(--color--success, #22085d);--text-area__message_box--error--color:var(--color--error, #FF0000);--text-area__label--floating--top:6px;--text-area__label--padding-top:12px;--text-area__label--padding-left:14px;--text-area__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--text-area--width)}textarea{box-sizing:border-box;border:none;resize:none;margin-top:calc(var(--space--medium, 12px) + 4px);width:100%;font-weight:var(--text-weight--large, 600);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);color:var(--text-area--color);padding:0;background:none}textarea:focus{outline:none}textarea:disabled{background-color:transparent;color:var(--text-area__input--disabled--color)}.textarea{width:100%;box-sizing:border-box;padding-left:var(--space--medium);padding-right:var(--space--extra-small);border-radius:var(--text-area--border-radius);border:var(--text-area__input--border);border-color:var(--text-area__input--border-color);background-color:var(--text-area__input--background-color)}.textarea--focus{border-color:var(--text-area__input--focus--border-color)}.textarea.hasError{color:var(--text-area--color);border-color:var(--text-area__input--error--border-color)}.message-box{min-height:16px;min-width:100%;margin-top:3px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--text-area--font-family);font-size:var(--text-area__message_box--font-size);color:var(--text-area__message_box--info--color)}.hasError{color:var(--text-area__message_box--error--color)}.textarea__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--text-area__label--padding-right));left:var(--text-area--space--medium);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color);top:var(--text-area__label--padding-top);left:var(--text-area__label--padding-left);padding-right:var(--text-area__label--padding-right)}.textarea__label--floated{font-family:var(--text-area--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--text-area__label--floating--top)}.textarea__label--disabled{color:var(--text-area__input--disabled--color)}.textarea--slim{margin-top:var(--space--small, 6px)}.textarea--slim::-webkit-input-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim:-moz-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim::-moz-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim:-ms-input-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim::placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim:disabled::-webkit-input-placeholder{color:var(--text-area__input--disabled--color)}.textarea--slim:disabled:-moz-placeholder{color:var(--text-area__input--disabled--color)}.textarea--slim:disabled::-moz-placeholder{color:var(--text-area__input--disabled--color)}.textarea--slim:disabled:-ms-input-placeholder{color:var(--text-area__input--disabled--color)}.textarea--slim:disabled::placeholder{color:var(--text-area__input--disabled--color)}";
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-0e284e03.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
|
|
8
8
|
const ezTextInputCss = ":host{--ez-text-input--height:42px;--ez-text-input--width:100%;--ez-text-input__icon--width:48px;--ez-text-input--height--slim:32px;--ez-text-input--border-radius:var(--border--radius-medium, 12px);--ez-text-input--font-size:var(--text--medium, 14px);--ez-text-input--font-family:var(--font-pattern, Arial);--ez-text-input--font-weight:var(--text-weight--medium, 400);--ez-text-input--color:var(--title--primary, #000);--ez-text-input__input--background-color:var(--background--medium, #e0e0e0);--ez-text-input__input--border:var(--border--medium, 2px solid);--ez-text-input__input--border-color:var(--ez-text-input__input--background-color);--ez-text-input__input--focus--border-color:var(--color--primary, #008561);--ez-text-input__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-text-input__input--disabled--color:var(--text--disable, #AFB6C0);--ez-text-input__input--error--border-color:#CC2936;--ez-text-input__message_box--font-size:var(--text--small, 12px);--ez-text-input__message_box--info--color:var(--color--success, #22085d);--ez-text-input__message_box--error--color:var(--color--error, #FF0000);--ez-text-input__label--floating--top:6px;--ez-text-input__label--padding-top:12px;--ez-text-input__label--padding-left:14px;--ez-text-input__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--ez-text-input--width)}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--ez-text-input--height);border-radius:var(--ez-text-input--border-radius);font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);border:var(--ez-text-input__input--border);border-color:var(--ez-text-input__input--border-color);background-color:var(--ez-text-input__input--background-color);color:var(--ez-text-input--color)}input:disabled{background-color:var(--ez-text-input__input--disabled--background-color);color:var(--ez-text-input__input--disabled--color)}input:focus{outline:none;border-color:var(--ez-text-input__input--focus--border-color)}input.icon--left{padding-left:var(--ez-text-input__icon--width)}input.icon--right{padding-right:var(--ez-text-input__icon--width)}input.hasError{color:var(--ez-text-input--color);border-color:var(--ez-text-input__input--error--border-color)}input:disabled.hasError{color:var(--ez-text-input__input--disabled--color)}input.text--right{text-align:right}.message-box{min-height:16px;min-width:100%;margin-top:3px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input__message_box--font-size);color:var(--ez-text-input__message_box--info--color)}.hasError{color:var(--ez-text-input__message_box--error--color)}.input__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--ez-text-input__label--padding-right));left:var(--ez-text-input--space--medium);font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color);top:var(--ez-text-input__label--padding-top);left:var(--ez-text-input__label--padding-left);padding-right:var(--ez-text-input__label--padding-right)}.input__label--floated{font-family:var(--ez-text-input--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--ez-text-input__label--floating--top)}.input__label--disabled{color:var(--ez-text-input__input--disabled--color)}.input__label--left{text-align:left;left:calc(var(--ez-text-input__icon--width) + 2px);width:calc(100% - var(--ez-text-input__icon--width))}.input__label--right{right:var(--ez-text-input__icon--width);width:calc(100% - var(--ez-text-input__icon--width))}.input__label--left.input__label--right{left:calc(var(--ez-text-input__icon--width) + 2px);width:calc(100% - var(--ez-text-input__icon--width) * 2)}.input--with--label{padding-bottom:0}.input--slim{padding-top:var(--space--small, 3px);padding-bottom:var(--space--small, 3px);height:var(--ez-text-input--height--slim)}.input--slim::-webkit-input-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim:-moz-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim::-moz-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim:-ms-input-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim::placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim:disabled::-webkit-input-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled:-moz-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled::-moz-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled:-ms-input-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled::placeholder{color:var(--ez-text-input__input--disabled--color)}";
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-0e284e03.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
const CSSVarsUtils = require('./CSSVarsUtils-8fbdf2e0.js');
|
|
8
|
-
const AssetsUtils = require('./AssetsUtils-
|
|
8
|
+
const AssetsUtils = require('./AssetsUtils-78164781.js');
|
|
9
9
|
|
|
10
10
|
const ezTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";
|
|
11
11
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-0e284e03.js');
|
|
6
6
|
|
|
7
7
|
const ezToastCss = ":host{--ez-toast__btn__close__image:url('data:image/svg+xml;utf8,<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg%22%3E<path d=\"M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z\"/></svg>');--ez-toast__container-z-index:var(--more-visible, 2);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;bottom:100px;z-index:var(--ez-toast__container-z-index);left:100px;width:280px;box-sizing:border-box;background-color:var(--ez-toast__container--background-color);border-radius:6px;align-items:center;padding:12px;visibility:hidden}.message__container{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis}.message__conteiner--icon{padding-left:var(--ez-toast__icon--padding-left);width:80%}.btn-close{margin-top:3px;display:flex;justify-content:flex-end;align-self:flex-start;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--opened{animation:fadein 0.5s, fadeout 0.5s 3s;visibility:visible}@-webkit-keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@-webkit-keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}";
|
|
8
8
|
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const ApplicationUtils = require('./ApplicationUtils-
|
|
5
|
+
const index = require('./index-0e284e03.js');
|
|
6
|
+
const ApplicationUtils = require('./ApplicationUtils-4a223c7a.js');
|
|
7
7
|
|
|
8
8
|
class RemoteFile {
|
|
9
9
|
constructor(file) {
|
package/dist/cjs/ezui.cjs.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const AssetsUtils = require('./AssetsUtils-
|
|
5
|
+
const index = require('./index-0e284e03.js');
|
|
6
|
+
const AssetsUtils = require('./AssetsUtils-78164781.js');
|
|
7
7
|
const core = require('@sankhyalabs/core');
|
|
8
8
|
|
|
9
9
|
const gridConfigCss = ".sc-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--ez-grid-config__subtitle--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-weight:var(--text-weight--large, 700);--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__main__scrollbar--background-color:var(--text--primary, #626e82);--ez-grid-config__main__scrollbar--border-radius:var(--border--radius-medium, 12px);--ez-grid__group--font-family:var(--font-pattern, \"Sora\");--ez-grid__group--font-size:var(--text--medium, 14px);--ez-grid__group--font-weight:var(--text-weight--large, 600);--ez-grid__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.padding-right--medium.sc-grid-config{padding-right:var(--space--medium)}ez-list.sc-grid-config{height:100%}.heigth-calc.sc-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-grid-config{padding-top:var(--ez-grid-config__footer--padding-top);display:flex;justify-content:flex-end;width:100%}.hidden.sc-grid-config{display:none}.grid-config__main.sc-grid-config{padding-right:var(--ez-grid-config__main--padding-right);overflow-y:auto}.tabselector-container.sc-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-grid-config{display:flex;justify-content:space-between;align-items:center;width:359px}.subtitle.sc-grid-config{font-family:var(--ez-grid-config__subtitle--font-family);font-size:var(--ez-grid-config__subtitle--font-size);color:var(--text--primary)}.title.sc-grid-config{display:flex;margin:0;font-family:var(--ez-grid-config__title--font-family);font-size:var(--title--large);font-weight:var(--ez-grid-config__title--font-weight);line-height:normal;letter-spacing:0em;text-align:left;color:var(--title--primary)}.grid-config__main.sc-grid-config::-webkit-scrollbar-track{background-color:#f0f2f5}.grid-config__main.sc-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__main__scrollbar--background-color);border-radius:var(--ez-grid-config__main__scrollbar--border-radius)}.grid-config__main.sc-grid-config::-webkit-scrollbar{background-color:#f0f2f5;width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width)}.group-name.sc-grid-config{font-family:var(--ez-grid__group--font-family);font-size:var(--ez-grid__group--font-size);font-weight:var(--ez-grid__group--font-weight);padding-bottom:var(--ez-grid__group--padding-bottom)}";
|
|
@@ -1542,7 +1542,11 @@ const setContentReference = (elm) => {
|
|
|
1542
1542
|
};
|
|
1543
1543
|
const disconnectedCallback = (elm) => {
|
|
1544
1544
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
1545
|
-
getHostRef(elm);
|
|
1545
|
+
const hostRef = getHostRef(elm);
|
|
1546
|
+
const instance = hostRef.$lazyInstance$ ;
|
|
1547
|
+
{
|
|
1548
|
+
safeCall(instance, 'disconnectedCallback');
|
|
1549
|
+
}
|
|
1546
1550
|
}
|
|
1547
1551
|
};
|
|
1548
1552
|
const bootstrapLazy = (lazyBundles, options = {}) => {
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-0e284e03.js');
|
|
6
6
|
|
|
7
7
|
const selectBoxCss = "ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
|
|
8
8
|
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-0e284e03.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
|
-
const ApplicationUtils = require('./ApplicationUtils-
|
|
7
|
+
const ApplicationUtils = require('./ApplicationUtils-4a223c7a.js');
|
|
8
8
|
|
|
9
9
|
const testDuCss = ":host{display:block}";
|
|
10
10
|
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
/* general */
|
|
25
25
|
/*@doc Define a cor do label.*/
|
|
26
|
-
--ez-button--color: var(--
|
|
26
|
+
--ez-button--color: var(--title--primary, #FFF);
|
|
27
27
|
/*@doc Define o tamanho do label.*/
|
|
28
28
|
--ez-button--font-size: var(--text--medium, 14px);
|
|
29
29
|
/*@doc Define a família da fonte do label.*/
|
|
@@ -39,6 +39,13 @@
|
|
|
39
39
|
|
|
40
40
|
/*@doc Define a cor de fundo quando o cursor está sobre o botão.*/
|
|
41
41
|
--ez-button--hover--background-color: var(--background--strong, var(--ez-button--background-color));
|
|
42
|
+
/*@doc Define a cor do texto quando o cursor está sobre o botão.*/
|
|
43
|
+
--ez-button--hover-color: var(--color--primary-600);
|
|
44
|
+
|
|
45
|
+
/*@doc Define a cor de fundo quando o botão está ativado.*/
|
|
46
|
+
--ez-button--active--background-color: var(--background--strong, --color--primary-700);
|
|
47
|
+
/*@doc Define a cor do texto quando o botão está ativado.*/
|
|
48
|
+
--ez-button--active-color: var(--color--primary-700);
|
|
42
49
|
|
|
43
50
|
/*@doc Define a cor do texto quando o botão está desabilitado.*/
|
|
44
51
|
--ez-button--disabled-color: var(--text--disable);
|
|
@@ -85,10 +92,15 @@ button {
|
|
|
85
92
|
color: var(--ez-button--color);
|
|
86
93
|
fill: var(--ez-button--color);
|
|
87
94
|
border: var(--ez-button--border);
|
|
95
|
+
--ez-icon--color: var(--ez-button--color);
|
|
88
96
|
}
|
|
89
97
|
|
|
90
98
|
button:hover {
|
|
99
|
+
outline: none;
|
|
100
|
+
color: var(--ez-button--hover-color);
|
|
101
|
+
fill: var(--ez-button--hover-color);
|
|
91
102
|
background-color: var(--ez-button--hover--background-color);
|
|
103
|
+
--ez-icon--color: var(--ez-button--hover-color);
|
|
92
104
|
}
|
|
93
105
|
|
|
94
106
|
button:focus {
|
|
@@ -97,10 +109,20 @@ button:focus {
|
|
|
97
109
|
box-shadow: var(--ez-button--focus--box-shadow);
|
|
98
110
|
}
|
|
99
111
|
|
|
112
|
+
button:active {
|
|
113
|
+
outline: none;
|
|
114
|
+
box-shadow: none;
|
|
115
|
+
background-color: var(--ez-button--active--background-color);
|
|
116
|
+
color: var(--ez-button--active-color);
|
|
117
|
+
fill: var(--ez-button--active-color);
|
|
118
|
+
--ez-icon--color: var(--ez-button--active-color);
|
|
119
|
+
}
|
|
120
|
+
|
|
100
121
|
button:disabled {
|
|
101
122
|
background-color: var(--ez-button--disabled--background-color);
|
|
102
123
|
color: var(--ez-button--disabled-color);
|
|
103
124
|
fill: var(--ez-button--disabled-color);
|
|
125
|
+
--ez-icon--color: var(--ez-button--disabled-color);
|
|
104
126
|
border: none;
|
|
105
127
|
cursor: no-drop;
|
|
106
128
|
}
|
|
@@ -237,11 +237,25 @@ h2 {
|
|
|
237
237
|
justify-content: flex-end;
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.
|
|
240
|
+
.button__cancel {
|
|
241
241
|
padding-right: var(--dialog__btn__no--padding-right);
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
.
|
|
244
|
+
.button__confirm{
|
|
245
|
+
--ez-button--background-color: var(--color--primary);
|
|
246
|
+
--ez-button--color: var(--color--inverted);
|
|
247
|
+
--ez-button--hover--background-color: var(--color--primary-600);
|
|
248
|
+
--ez-button--hover-color: var(--color--inverted);
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
.button__confirm--danger{
|
|
252
|
+
--ez-button--background-color: var(--color--alert-error-800, #BD0025);
|
|
253
|
+
--ez-button--color: var(--color--inverted);
|
|
254
|
+
--ez-button--hover--background-color: var(--color-alert--error-900, #a10020);
|
|
255
|
+
--ez-button--hover-color: var(--color--inverted);
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.button__confirm--container {
|
|
245
259
|
display: flex;
|
|
246
260
|
justify-content: flex-end;
|
|
247
261
|
}
|
|
@@ -1,16 +1,22 @@
|
|
|
1
1
|
import { Component, h, Prop, Method, Event, forceUpdate } from "@stencil/core";
|
|
2
2
|
class Message {
|
|
3
|
-
constructor(title, message, critical, confirm, icon, callBack) {
|
|
3
|
+
constructor(title, message, critical, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger, callBack) {
|
|
4
4
|
this.title = title;
|
|
5
5
|
this.message = message;
|
|
6
6
|
this.critical = critical;
|
|
7
7
|
this.confirm = confirm;
|
|
8
8
|
this.icon = icon;
|
|
9
|
+
this.labelCancel = labelCancel;
|
|
10
|
+
this.labelConfirm = labelConfirm;
|
|
11
|
+
this.btnConfirmDanger = btnConfirmDanger;
|
|
9
12
|
this.callBack = callBack;
|
|
10
13
|
}
|
|
11
14
|
}
|
|
12
15
|
export class EzDialog {
|
|
13
16
|
constructor() {
|
|
17
|
+
this.labelConfirm = 'Sim';
|
|
18
|
+
this.labelCancel = 'Não';
|
|
19
|
+
this.btnConfirmDanger = false;
|
|
14
20
|
/**
|
|
15
21
|
* Define se o componente será utilizado no modo de confirmação.
|
|
16
22
|
*/
|
|
@@ -42,10 +48,10 @@ export class EzDialog {
|
|
|
42
48
|
/**
|
|
43
49
|
* Faz com que o componente seja exibido.
|
|
44
50
|
*/
|
|
45
|
-
async show(title, message, critical, confirm, icon) {
|
|
51
|
+
async show(title, message, critical, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger) {
|
|
46
52
|
this.opened = true;
|
|
47
53
|
return new Promise(resolve => {
|
|
48
|
-
this._messageQueue.push(new Message(title, message, critical, confirm, icon, resolve));
|
|
54
|
+
this._messageQueue.push(new Message(title, message, critical, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger, resolve));
|
|
49
55
|
});
|
|
50
56
|
}
|
|
51
57
|
componentWillRender() {
|
|
@@ -55,7 +61,7 @@ export class EzDialog {
|
|
|
55
61
|
}
|
|
56
62
|
else {
|
|
57
63
|
if (this.opened) {
|
|
58
|
-
this._currentMessage = new Message(this.ezTitle, this.message, this.critical, this.confirm, this.personalizedIconPath, null);
|
|
64
|
+
this._currentMessage = new Message(this.ezTitle, this.message, this.critical, this.confirm, this.personalizedIconPath, this.labelCancel, this.labelConfirm, this.btnConfirmDanger, null);
|
|
59
65
|
}
|
|
60
66
|
}
|
|
61
67
|
}
|
|
@@ -75,15 +81,13 @@ export class EzDialog {
|
|
|
75
81
|
h("div", { class: "title title--label", innerHTML: this._currentMessage.title })),
|
|
76
82
|
h("button", { class: "btn-close", onClick: () => this.handleButtonClick(false) })),
|
|
77
83
|
h("div", { class: "message", innerHTML: this._currentMessage.message }),
|
|
78
|
-
this._currentMessage.confirm
|
|
84
|
+
this._currentMessage.confirm &&
|
|
79
85
|
h("div", { class: "button-yes-no__container" },
|
|
80
|
-
h("ez-button", { class: "
|
|
81
|
-
h("ez-button", {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
h("ez-button", { label: "Ok", onClick: () => this.handleButtonClick(true) }))
|
|
86
|
-
: undefined))));
|
|
86
|
+
h("ez-button", { class: "button__cancel", label: this._currentMessage.labelCancel, onClick: () => this.handleButtonClick(false) }),
|
|
87
|
+
h("ez-button", { class: !this._currentMessage.btnConfirmDanger ? "button__confirm" : "button__confirm--danger", label: this._currentMessage.labelConfirm, onClick: () => this.handleButtonClick(true) })),
|
|
88
|
+
!this._currentMessage.confirm &&
|
|
89
|
+
h("div", { class: "button__confirm--container" },
|
|
90
|
+
h("ez-button", { label: 'Ok', class: "button__confirm", onClick: () => this.handleButtonClick(true) }))))));
|
|
87
91
|
}
|
|
88
92
|
return null;
|
|
89
93
|
}
|
|
@@ -255,7 +259,7 @@ export class EzDialog {
|
|
|
255
259
|
},
|
|
256
260
|
"show": {
|
|
257
261
|
"complexType": {
|
|
258
|
-
"signature": "(title: string, message: string, critical: boolean, confirm: boolean, icon: string) => Promise<boolean>",
|
|
262
|
+
"signature": "(title: string, message: string, critical: boolean, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean) => Promise<boolean>",
|
|
259
263
|
"parameters": [{
|
|
260
264
|
"tags": [],
|
|
261
265
|
"text": ""
|
|
@@ -271,6 +275,15 @@ export class EzDialog {
|
|
|
271
275
|
}, {
|
|
272
276
|
"tags": [],
|
|
273
277
|
"text": ""
|
|
278
|
+
}, {
|
|
279
|
+
"tags": [],
|
|
280
|
+
"text": ""
|
|
281
|
+
}, {
|
|
282
|
+
"tags": [],
|
|
283
|
+
"text": ""
|
|
284
|
+
}, {
|
|
285
|
+
"tags": [],
|
|
286
|
+
"text": ""
|
|
274
287
|
}],
|
|
275
288
|
"references": {
|
|
276
289
|
"Promise": {
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { ApplicationContext, Action } from "@sankhyalabs/core";
|
|
2
2
|
export default class DataBinder {
|
|
3
3
|
constructor(dataUnit) {
|
|
4
|
-
this.
|
|
5
|
-
this._dataUnit = dataUnit;
|
|
6
|
-
this._dataUnit.subscribe(action => {
|
|
4
|
+
this.onDataUnitEvent = (action) => {
|
|
7
5
|
var _a;
|
|
8
6
|
switch (action.type) {
|
|
9
7
|
case Action.DATA_LOADED:
|
|
@@ -23,7 +21,10 @@ export default class DataBinder {
|
|
|
23
21
|
});
|
|
24
22
|
break;
|
|
25
23
|
}
|
|
26
|
-
}
|
|
24
|
+
};
|
|
25
|
+
this._fields = new Map();
|
|
26
|
+
this._dataUnit = dataUnit;
|
|
27
|
+
this._dataUnit.subscribe(this.onDataUnitEvent);
|
|
27
28
|
}
|
|
28
29
|
bind(fields) {
|
|
29
30
|
fields.forEach(fieldElement => {
|
|
@@ -31,6 +32,9 @@ export default class DataBinder {
|
|
|
31
32
|
this.updateBind(fieldName, fieldElement);
|
|
32
33
|
});
|
|
33
34
|
}
|
|
35
|
+
onDisconnectedCallback() {
|
|
36
|
+
this._dataUnit.unsubscribe(this.onDataUnitEvent);
|
|
37
|
+
}
|
|
34
38
|
updateValue(fieldName, field) {
|
|
35
39
|
const oldValue = field["value"];
|
|
36
40
|
const newValue = this._dataUnit.getFieldValue(fieldName);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, h, Host, Prop, Element, forceUpdate, Method, Watch } from "@stencil/core";
|
|
1
|
+
import { Component, h, Host, Prop, Element, forceUpdate, Method, Watch, Event } from "@stencil/core";
|
|
2
2
|
import { DataUnit, Action, DataUnitAction } from "@sankhyalabs/core";
|
|
3
3
|
import { FormSheet } from "./structure/FormSheet";
|
|
4
4
|
import { buildFromConfig, buildFromDataUnit } from "./structure/FormSheetMetadata";
|
|
@@ -7,6 +7,13 @@ import { formReducer, selectCurrentSheet, selectFormMetadata, loadMetadata, chan
|
|
|
7
7
|
import DataBinder from "./DataBinder";
|
|
8
8
|
import ApplicationUtils from "../../utils/ApplicationUtils";
|
|
9
9
|
export class EzForm {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.onDataUnitAction = (action) => {
|
|
12
|
+
if (action.type === Action.METADATA_LOADED) {
|
|
13
|
+
this.processMetadata();
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
}
|
|
10
17
|
submit() {
|
|
11
18
|
return Promise.resolve();
|
|
12
19
|
}
|
|
@@ -99,11 +106,7 @@ export class EzForm {
|
|
|
99
106
|
this.dataUnit = new DataUnit("ez-form");
|
|
100
107
|
}
|
|
101
108
|
this.dataUnit.addInterceptor(this);
|
|
102
|
-
this.dataUnit.subscribe(
|
|
103
|
-
if (action.type === Action.METADATA_LOADED) {
|
|
104
|
-
this.processMetadata();
|
|
105
|
-
}
|
|
106
|
-
});
|
|
109
|
+
this.dataUnit.subscribe(this.onDataUnitAction);
|
|
107
110
|
this._dataBinder = new DataBinder(this.dataUnit);
|
|
108
111
|
this._store = createStore(formReducer);
|
|
109
112
|
this._store.subscribe(() => forceUpdate(this));
|
|
@@ -112,6 +115,12 @@ export class EzForm {
|
|
|
112
115
|
}
|
|
113
116
|
componentDidRender() {
|
|
114
117
|
this._dataBinder.bind(Array.from(this._element.querySelectorAll("[data-field-name]")));
|
|
118
|
+
this.ezReady.emit();
|
|
119
|
+
}
|
|
120
|
+
disconnectedCallback() {
|
|
121
|
+
this.dataUnit.unsubscribe(this.onDataUnitAction);
|
|
122
|
+
this.dataUnit.removeInterceptor(this);
|
|
123
|
+
this._dataBinder.onDisconnectedCallback();
|
|
115
124
|
}
|
|
116
125
|
render() {
|
|
117
126
|
return (h(Host, null, this.isStatic() ? null : this.getDynamicContent()));
|
|
@@ -167,6 +176,22 @@ export class EzForm {
|
|
|
167
176
|
}
|
|
168
177
|
}
|
|
169
178
|
}; }
|
|
179
|
+
static get events() { return [{
|
|
180
|
+
"method": "ezReady",
|
|
181
|
+
"name": "ezReady",
|
|
182
|
+
"bubbles": true,
|
|
183
|
+
"cancelable": true,
|
|
184
|
+
"composed": true,
|
|
185
|
+
"docs": {
|
|
186
|
+
"tags": [],
|
|
187
|
+
"text": "Evento disparado quando o formul\u00E1rio est\u00E1 dispon\u00EDvel na DOM."
|
|
188
|
+
},
|
|
189
|
+
"complexType": {
|
|
190
|
+
"original": "void",
|
|
191
|
+
"resolved": "void",
|
|
192
|
+
"references": {}
|
|
193
|
+
}
|
|
194
|
+
}]; }
|
|
170
195
|
static get methods() { return {
|
|
171
196
|
"submit": {
|
|
172
197
|
"complexType": {
|
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
import { Action } from "@sankhyalabs/core";
|
|
2
2
|
export default class DataUnitBridge {
|
|
3
3
|
constructor(gridController, dataUnit) {
|
|
4
|
+
this.processAction = (action) => {
|
|
5
|
+
switch (action.type) {
|
|
6
|
+
case Action.METADATA_LOADED:
|
|
7
|
+
this._gridController.setColumnsDef(this.buildColumnDefs(), true);
|
|
8
|
+
break;
|
|
9
|
+
case Action.RECORDS_REMOVED:
|
|
10
|
+
const { records } = action.payload;
|
|
11
|
+
this._gridController.removeRows(records);
|
|
12
|
+
break;
|
|
13
|
+
case Action.RECORDS_ADDED:
|
|
14
|
+
case Action.RECORDS_COPIED:
|
|
15
|
+
this._gridController.addRows(action.payload);
|
|
16
|
+
break;
|
|
17
|
+
case Action.EDITION_CANCELED:
|
|
18
|
+
case Action.DATA_SAVED:
|
|
19
|
+
this._gridController.refresh();
|
|
20
|
+
break;
|
|
21
|
+
case Action.SELECTION_CHANGED:
|
|
22
|
+
const { selection } = action.payload;
|
|
23
|
+
this._gridController.selectRows(selection);
|
|
24
|
+
break;
|
|
25
|
+
case Action.DATA_CHANGED:
|
|
26
|
+
const changes = Object.assign({}, action.payload);
|
|
27
|
+
delete changes.records;
|
|
28
|
+
this._gridController.changeValues(changes, action.payload.records);
|
|
29
|
+
}
|
|
30
|
+
};
|
|
4
31
|
this._gridController = gridController;
|
|
5
32
|
this._dataUnit = dataUnit;
|
|
6
|
-
this._dataUnit.subscribe(
|
|
7
|
-
}
|
|
8
|
-
processAction(action) {
|
|
9
|
-
switch (action.type) {
|
|
10
|
-
case Action.METADATA_LOADED:
|
|
11
|
-
this._gridController.setColumnsDef(this.buildColumnDefs(), true);
|
|
12
|
-
break;
|
|
13
|
-
case Action.RECORDS_REMOVED:
|
|
14
|
-
const { records } = action.payload;
|
|
15
|
-
this._gridController.removeRows(records);
|
|
16
|
-
break;
|
|
17
|
-
case Action.RECORDS_ADDED:
|
|
18
|
-
case Action.RECORDS_COPIED:
|
|
19
|
-
this._gridController.addRows(action.payload);
|
|
20
|
-
break;
|
|
21
|
-
case Action.EDITION_CANCELED:
|
|
22
|
-
case Action.DATA_SAVED:
|
|
23
|
-
this._gridController.refresh();
|
|
24
|
-
break;
|
|
25
|
-
case Action.SELECTION_CHANGED:
|
|
26
|
-
const { selection } = action.payload;
|
|
27
|
-
this._gridController.selectRows(selection);
|
|
28
|
-
break;
|
|
29
|
-
case Action.DATA_CHANGED:
|
|
30
|
-
const changes = Object.assign({}, action.payload);
|
|
31
|
-
delete changes.records;
|
|
32
|
-
this._gridController.changeValues(changes, action.payload.records);
|
|
33
|
-
}
|
|
33
|
+
this._dataUnit.subscribe(this.processAction);
|
|
34
34
|
}
|
|
35
35
|
buildColumnDefs() {
|
|
36
36
|
const columnDefs = [];
|
|
@@ -44,4 +44,7 @@ export default class DataUnitBridge {
|
|
|
44
44
|
}
|
|
45
45
|
return columnDefs;
|
|
46
46
|
}
|
|
47
|
+
onDisconnectedCallback() {
|
|
48
|
+
this._dataUnit.unsubscribe(this.processAction);
|
|
49
|
+
}
|
|
47
50
|
}
|
|
@@ -95,6 +95,11 @@ export class EzGrid {
|
|
|
95
95
|
this._gridController.setColumnsDef(this._dataUnitBridge.buildColumnDefs(), true);
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
|
+
disconnectedCallback() {
|
|
99
|
+
if (this._dataUnitBridge) {
|
|
100
|
+
this._dataUnitBridge.onDisconnectedCallback();
|
|
101
|
+
}
|
|
102
|
+
}
|
|
98
103
|
getPaginationControl() {
|
|
99
104
|
if (this.pageSize === -1) {
|
|
100
105
|
return null;
|
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
export default class ApplicationUtils {
|
|
2
|
-
static async showDialog(title, message, icon = null, confirm, critical = false) {
|
|
2
|
+
static async showDialog(title, message, icon = null, confirm, critical = false, options) {
|
|
3
|
+
if (options) {
|
|
4
|
+
options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
|
|
5
|
+
}
|
|
3
6
|
return new Promise(resolve => {
|
|
4
7
|
let dialog = document.querySelector("ez-dialog");
|
|
5
8
|
if (!dialog) {
|
|
6
9
|
dialog = document.createElement("ez-dialog");
|
|
7
10
|
window.document.body.appendChild(dialog);
|
|
8
11
|
}
|
|
9
|
-
dialog.show(title, message, critical, confirm, icon).then(ok => resolve(ok));
|
|
12
|
+
dialog.show(title, message, critical, confirm, icon, options.labelCancel, options.labelConfirm, options.btnConfirmDanger).then(ok => resolve(ok));
|
|
10
13
|
});
|
|
11
14
|
}
|
|
12
|
-
static async alert(title, message, icon = null) {
|
|
13
|
-
return ApplicationUtils.showDialog(title, message, icon, false, false);
|
|
15
|
+
static async alert(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
|
|
16
|
+
return ApplicationUtils.showDialog(title, message, icon, false, false, options);
|
|
14
17
|
}
|
|
15
|
-
static async error(title, message, icon = null) {
|
|
16
|
-
return ApplicationUtils.showDialog(title, message, icon, false, true);
|
|
18
|
+
static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
|
|
19
|
+
return ApplicationUtils.showDialog(title, message, icon, false, true, options);
|
|
17
20
|
}
|
|
18
|
-
static async confirm(title, message, icon = null, critical = false) {
|
|
19
|
-
return ApplicationUtils.showDialog(title, message, icon, true, critical);
|
|
21
|
+
static async confirm(title, message, icon = null, critical = false, options = ApplicationUtils.defaultMessageOptions) {
|
|
22
|
+
return ApplicationUtils.showDialog(title, message, icon, true, critical, options);
|
|
20
23
|
}
|
|
21
24
|
static async info(message, options = ApplicationUtils.defaultMessageOptions) {
|
|
22
25
|
let toast = document.querySelector("ez-toast");
|
|
@@ -28,6 +31,9 @@ export default class ApplicationUtils {
|
|
|
28
31
|
}
|
|
29
32
|
}
|
|
30
33
|
ApplicationUtils.defaultMessageOptions = {
|
|
31
|
-
canClose: true
|
|
34
|
+
canClose: true,
|
|
35
|
+
labelCancel: 'Não',
|
|
36
|
+
labelConfirm: 'Sim',
|
|
37
|
+
btnConfirmDanger: false
|
|
32
38
|
};
|
|
33
39
|
;
|