@sankhyalabs/ezui 4.11.3 → 4.12.0

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.
Files changed (31) hide show
  1. package/dist/cjs/ApplicationUtils-8cc2f37b.js +161 -0
  2. package/dist/cjs/ez-actions-button.cjs.entry.js +1 -1
  3. package/dist/cjs/ez-collapsible-box.cjs.entry.js +2 -2
  4. package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
  5. package/dist/cjs/ez-form.cjs.entry.js +1 -1
  6. package/dist/cjs/ez-text-edit.cjs.entry.js +1 -1
  7. package/dist/cjs/ez-upload.cjs.entry.js +1 -1
  8. package/dist/collection/collection-manifest.json +1 -1
  9. package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +0 -1
  10. package/dist/collection/utils/ApplicationUtils.js +28 -0
  11. package/dist/custom-elements/index.js +93 -1
  12. package/dist/esm/ApplicationUtils-19857f60.js +159 -0
  13. package/dist/esm/ez-actions-button.entry.js +1 -1
  14. package/dist/esm/ez-collapsible-box.entry.js +2 -2
  15. package/dist/esm/ez-combo-box.entry.js +1 -1
  16. package/dist/esm/ez-form.entry.js +1 -1
  17. package/dist/esm/ez-text-edit.entry.js +1 -1
  18. package/dist/esm/ez-upload.entry.js +1 -1
  19. package/dist/ezui/ezui.esm.js +1 -1
  20. package/dist/ezui/{p-4f9931d8.entry.js → p-22b106d7.entry.js} +1 -1
  21. package/dist/ezui/{p-5844ec15.entry.js → p-370ad5c9.entry.js} +1 -1
  22. package/dist/ezui/p-41ce6f98.js +1 -0
  23. package/dist/ezui/{p-b8281997.entry.js → p-60e30f92.entry.js} +1 -1
  24. package/dist/ezui/{p-a98176cb.entry.js → p-709067e4.entry.js} +1 -1
  25. package/dist/ezui/{p-9feb7d03.entry.js → p-805ee4c2.entry.js} +1 -1
  26. package/dist/ezui/{p-be09b541.entry.js → p-ea5a5236.entry.js} +1 -1
  27. package/dist/types/utils/ApplicationUtils.d.ts +12 -1
  28. package/package.json +3 -1
  29. package/dist/cjs/ApplicationUtils-d71aed06.js +0 -69
  30. package/dist/esm/ApplicationUtils-3d870a53.js +0 -67
  31. package/dist/ezui/p-ab2a3006.js +0 -1
package/dist/cjs/ApplicationUtils-8cc2f37b.js ADDED
@@ -0,0 +1,161 @@
1
+ 'use strict';
2
+
3
+ const DialogType = require('./DialogType-2114c337.js');
4
+
5
+ // Unique ID creation requires a high quality random # generator. In the browser we therefore
6
+ // require the crypto API and do not support built-in fallback to lower quality random number
7
+ // generators (like Math.random()).
8
+ let getRandomValues;
9
+ const rnds8 = new Uint8Array(16);
10
+ function rng() {
11
+ // lazy load so that environments that need to polyfill have a chance to do so
12
+ if (!getRandomValues) {
13
+ // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
14
+ getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
15
+
16
+ if (!getRandomValues) {
17
+ throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
18
+ }
19
+ }
20
+
21
+ return getRandomValues(rnds8);
22
+ }
23
+
24
+ /**
25
+ * Convert array of 16 byte values to UUID string format of the form:
26
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
27
+ */
28
+
29
+ const byteToHex = [];
30
+
31
+ for (let i = 0; i < 256; ++i) {
32
+ byteToHex.push((i + 0x100).toString(16).slice(1));
33
+ }
34
+
35
+ function unsafeStringify(arr, offset = 0) {
36
+ // Note: Be careful editing this code! It's been tuned for performance
37
+ // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
38
+ return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
39
+ }
40
+
41
+ const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
42
+ const native = {
43
+ randomUUID
44
+ };
45
+
46
+ function v4(options, buf, offset) {
47
+ if (native.randomUUID && !buf && !options) {
48
+ return native.randomUUID();
49
+ }
50
+
51
+ options = options || {};
52
+ const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
53
+
54
+ rnds[6] = rnds[6] & 0x0f | 0x40;
55
+ rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
56
+
57
+ if (buf) {
58
+ offset = offset || 0;
59
+
60
+ for (let i = 0; i < 16; ++i) {
61
+ buf[offset + i] = rnds[i];
62
+ }
63
+
64
+ return buf;
65
+ }
66
+
67
+ return unsafeStringify(rnds);
68
+ }
69
+
70
+ class ApplicationUtils {
71
+ static async showDialog(title, message, icon = null, confirm, dialogType = DialogType.DialogType.DEFAULT, options) {
72
+ if (options) {
73
+ options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
74
+ }
75
+ return new Promise(resolve => {
76
+ let dialog = document.querySelector("ez-dialog");
77
+ if (!dialog) {
78
+ dialog = document.createElement("ez-dialog");
79
+ window.document.body.appendChild(dialog);
80
+ }
81
+ dialog.show(title, message, dialogType, confirm, icon, options.labelCancel, options.labelConfirm, options.btnConfirmDanger, options.beforeClose).then(ok => resolve(ok));
82
+ });
83
+ }
84
+ static async alert(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
85
+ return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DialogType.WARN, options);
86
+ }
87
+ static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
88
+ return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DialogType.CRITICAL, options);
89
+ }
90
+ static async success(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
91
+ return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DialogType.SUCCESS, options);
92
+ }
93
+ static async confirm(title, message, icon = null, dialogType = DialogType.DialogType.WARN, options = ApplicationUtils.defaultMessageOptions) {
94
+ return ApplicationUtils.showDialog(title, message, icon, true, dialogType, options);
95
+ }
96
+ static async message(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
97
+ return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DialogType.DEFAULT, options);
98
+ }
99
+ static async info(message, options = ApplicationUtils.defaultMessageOptions) {
100
+ if (options !== ApplicationUtils.defaultMessageOptions) {
101
+ options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
102
+ }
103
+ let useIcon = false;
104
+ let toast = document.querySelector("ez-toast");
105
+ if (!toast) {
106
+ toast = document.createElement("ez-toast");
107
+ const icon = document.createElement("ez-icon");
108
+ icon.className = "ez-margin-right--small";
109
+ icon.slot = "icon";
110
+ icon.style.setProperty("--ez-icon--color", "var(--color--success)");
111
+ toast.appendChild(icon);
112
+ window.document.body.appendChild(toast);
113
+ }
114
+ if (options.iconName) {
115
+ const iconElem = toast.querySelector("ez-icon");
116
+ if (iconElem) {
117
+ iconElem.iconName = options.iconName;
118
+ useIcon = true;
119
+ }
120
+ }
121
+ else {
122
+ useIcon = false;
123
+ }
124
+ toast.show(message, 5000, useIcon, options.canClose);
125
+ }
126
+ static async showModal(modalProps) {
127
+ modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
128
+ const modal = document.createElement("ez-modal");
129
+ window.document.body.appendChild(modal);
130
+ modal.setAttribute('id', v4());
131
+ modal.modalSize = modalProps.size;
132
+ modal.align = modalProps.position;
133
+ modal.heightMode = modalProps.heightMode;
134
+ modal.closeEsc = modalProps.closeEsc;
135
+ modal.closeOutsideClick = modalProps.closeOutsideClick;
136
+ if (modalProps.content instanceof String || typeof modalProps.content === 'string') {
137
+ modal.innerHTML = modalProps.content;
138
+ }
139
+ else {
140
+ modal.appendChild(modalProps.content);
141
+ }
142
+ modal.opened = true;
143
+ return () => modal.remove();
144
+ }
145
+ }
146
+ ApplicationUtils.defaultMessageOptions = {
147
+ canClose: true,
148
+ labelCancel: 'Não',
149
+ labelConfirm: 'Sim',
150
+ btnConfirmDanger: false
151
+ };
152
+ ApplicationUtils.defaultModalProps = {
153
+ content: null,
154
+ position: 'right',
155
+ size: 'small',
156
+ heightMode: 'regular',
157
+ closeOutsideClick: true,
158
+ closeEsc: true
159
+ };
160
+
161
+ exports.ApplicationUtils = ApplicationUtils;
package/dist/cjs/ez-actions-button.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-7854a33d.js');
6
6
  const core = require('@sankhyalabs/core');
7
- require('./ApplicationUtils-d71aed06.js');
7
+ require('./ApplicationUtils-8cc2f37b.js');
8
8
  const CSSVarsUtils = require('./CSSVarsUtils-af809e73.js');
9
9
  require('./DialogType-2114c337.js');
10
10
  require('./CheckMode-ecb90b87.js');
package/dist/cjs/ez-collapsible-box.cjs.entry.js CHANGED
@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-7854a33d.js');
6
6
  const core = require('@sankhyalabs/core');
7
- const ApplicationUtils = require('./ApplicationUtils-d71aed06.js');
7
+ const ApplicationUtils = require('./ApplicationUtils-8cc2f37b.js');
8
8
  require('./DialogType-2114c337.js');
9
9
  require('./CheckMode-ecb90b87.js');
10
10
 
11
- const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--subtitle--font-size:var(--text--medium, 14px);--ez-collapsible-box--subtitle--font-family:var(--font-pattern, 'Roboto');--ez-collapsible-box--subtitle--font-weight:var(--text-weight--medium, 400);--ez-collapsible-box--subtitle--color:var(--text--primary);--ez-collapsible-box--subtitle--margin-bottom:var(--space--medium, 12px);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:auto;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:flex;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.subtitle-box__label{display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;font-family:var(--ez-collapsible-box--subtitle--font-family);font-size:var(--ez-collapsible-box--subtitle--font-size);font-weight:var(--ez-collapsible-box--subtitle--font-weight);color:var(--ez-collapsible-box--subtitle--color);margin-bottom:var(--ez-collapsible-box--subtitle--margin-bottom)}.subtitle-box__content{width:100%}.collapsible-box__label ez-icon{visibility:hidden;transition:0.25s linear}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--left{margin-right:auto}.collapsible-box__title--right{margin-left:auto}.collapsible-box__title--center{margin-left:auto;margin-right:auto}.collapsible-box__title--stretch{justify-content:space-between;width:100%}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";
11
+ const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--subtitle--font-size:var(--text--medium, 14px);--ez-collapsible-box--subtitle--font-family:var(--font-pattern, 'Roboto');--ez-collapsible-box--subtitle--font-weight:var(--text-weight--medium, 400);--ez-collapsible-box--subtitle--color:var(--text--primary);--ez-collapsible-box--subtitle--margin-bottom:var(--space--medium, 12px);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:auto;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:flex;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.subtitle-box__label{display:flex;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;font-family:var(--ez-collapsible-box--subtitle--font-family);font-size:var(--ez-collapsible-box--subtitle--font-size);font-weight:var(--ez-collapsible-box--subtitle--font-weight);color:var(--ez-collapsible-box--subtitle--color);margin-bottom:var(--ez-collapsible-box--subtitle--margin-bottom)}.subtitle-box__content{width:100%}.collapsible-box__label ez-icon{visibility:hidden;transition:0.25s linear}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--left{margin-right:auto}.collapsible-box__title--right{margin-left:auto}.collapsible-box__title--center{margin-left:auto;margin-right:auto}.collapsible-box__title--stretch{justify-content:space-between;width:100%}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";
12
12
 
13
13
  const EzCollapsibleBox = class {
14
14
  constructor(hostRef) {
package/dist/cjs/ez-combo-box.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-7854a33d.js');
6
6
  const core = require('@sankhyalabs/core');
7
- const ApplicationUtils = require('./ApplicationUtils-d71aed06.js');
7
+ const ApplicationUtils = require('./ApplicationUtils-8cc2f37b.js');
8
8
  const CSSVarsUtils = require('./CSSVarsUtils-af809e73.js');
9
9
  require('./DialogType-2114c337.js');
10
10
  require('./CheckMode-ecb90b87.js');
package/dist/cjs/ez-form.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-7854a33d.js');
6
6
  const core = require('@sankhyalabs/core');
7
- const ApplicationUtils = require('./ApplicationUtils-d71aed06.js');
7
+ const ApplicationUtils = require('./ApplicationUtils-8cc2f37b.js');
8
8
  require('./DialogType-2114c337.js');
9
9
 
10
10
  const DETAIL_PATTERN = /child\[([^\]]+)\]/;
package/dist/cjs/ez-text-edit.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-7854a33d.js');
6
6
  const core = require('@sankhyalabs/core');
7
- const ApplicationUtils = require('./ApplicationUtils-d71aed06.js');
7
+ const ApplicationUtils = require('./ApplicationUtils-8cc2f37b.js');
8
8
  require('./DialogType-2114c337.js');
9
9
  require('./CheckMode-ecb90b87.js');
10
10
 
package/dist/cjs/ez-upload.cjs.entry.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-7854a33d.js');
6
- const ApplicationUtils = require('./ApplicationUtils-d71aed06.js');
6
+ const ApplicationUtils = require('./ApplicationUtils-8cc2f37b.js');
7
7
  const core = require('@sankhyalabs/core');
8
8
  require('./DialogType-2114c337.js');
9
9
 
package/dist/collection/collection-manifest.json CHANGED
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "entries": [
3
+ "./components/ez-modal/ez-modal.js",
3
4
  "./components/ez-actions-button/ez-actions-button.js",
4
5
  "./components/ez-breadcrumb/ez-breadcrumb.js",
5
6
  "./components/ez-card-item/ez-card-item.js",
@@ -29,7 +30,6 @@
29
30
  "./components/ez-guide-navigator/ez-guide-navigator.js",
30
31
  "./components/ez-icon/ez-icon.js",
31
32
  "./components/ez-loading-bar/ez-loading-bar.js",
32
- "./components/ez-modal/ez-modal.js",
33
33
  "./components/ez-modal-container/ez-modal-container.js",
34
34
  "./components/ez-number-input/ez-number-input.js",
35
35
  "./components/ez-popover/ez-popover.js",
package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css CHANGED
@@ -108,7 +108,6 @@ ez-icon {
108
108
  .subtitle-box__label {
109
109
  /*private*/
110
110
  display: flex;
111
- white-space: nowrap;
112
111
  overflow: hidden;
113
112
  text-overflow: ellipsis;
114
113
  box-sizing: border-box;
package/dist/collection/utils/ApplicationUtils.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { v4 as uuid } from "uuid";
1
2
  import { DialogType } from "../components/ez-dialog/DialogType";
2
3
  export default class ApplicationUtils {
3
4
  static async showDialog(title, message, icon = null, confirm, dialogType = DialogType.DEFAULT, options) {
@@ -55,6 +56,25 @@ export default class ApplicationUtils {
55
56
  }
56
57
  toast.show(message, 5000, useIcon, options.canClose);
57
58
  }
59
+ static async showModal(modalProps) {
60
+ modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
61
+ const modal = document.createElement("ez-modal");
62
+ window.document.body.appendChild(modal);
63
+ modal.setAttribute('id', uuid());
64
+ modal.modalSize = modalProps.size;
65
+ modal.align = modalProps.position;
66
+ modal.heightMode = modalProps.heightMode;
67
+ modal.closeEsc = modalProps.closeEsc;
68
+ modal.closeOutsideClick = modalProps.closeOutsideClick;
69
+ if (modalProps.content instanceof String || typeof modalProps.content === 'string') {
70
+ modal.innerHTML = modalProps.content;
71
+ }
72
+ else {
73
+ modal.appendChild(modalProps.content);
74
+ }
75
+ modal.opened = true;
76
+ return () => modal.remove();
77
+ }
58
78
  }
59
79
  ApplicationUtils.defaultMessageOptions = {
60
80
  canClose: true,
@@ -62,4 +82,12 @@ ApplicationUtils.defaultMessageOptions = {
62
82
  labelConfirm: 'Sim',
63
83
  btnConfirmDanger: false
64
84
  };
85
+ ApplicationUtils.defaultModalProps = {
86
+ content: null,
87
+ position: 'right',
88
+ size: 'small',
89
+ heightMode: 'regular',
90
+ closeOutsideClick: true,
91
+ closeEsc: true
92
+ };
65
93
  ;
package/dist/custom-elements/index.js CHANGED
@@ -3,6 +3,71 @@ export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client'
3
3
  import { UserInterface, DateUtils as DateUtils$1, Action, WaitingChangeException, ApplicationContext, DataUnitAction, FloatingManager, ElementIDUtils, ObjectUtils as ObjectUtils$1, JSUtils, StringUtils as StringUtils$1, TimeFormatter, DataUnit, NumberUtils as NumberUtils$1, DataType, SortMode, MaskFormatter } from '@sankhyalabs/core';
4
4
  import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
5
5
 
6
+ // Unique ID creation requires a high quality random # generator. In the browser we therefore
7
+ // require the crypto API and do not support built-in fallback to lower quality random number
8
+ // generators (like Math.random()).
9
+ let getRandomValues;
10
+ const rnds8 = new Uint8Array(16);
11
+ function rng() {
12
+ // lazy load so that environments that need to polyfill have a chance to do so
13
+ if (!getRandomValues) {
14
+ // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
15
+ getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
16
+
17
+ if (!getRandomValues) {
18
+ throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
19
+ }
20
+ }
21
+
22
+ return getRandomValues(rnds8);
23
+ }
24
+
25
+ /**
26
+ * Convert array of 16 byte values to UUID string format of the form:
27
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
28
+ */
29
+
30
+ const byteToHex = [];
31
+
32
+ for (let i = 0; i < 256; ++i) {
33
+ byteToHex.push((i + 0x100).toString(16).slice(1));
34
+ }
35
+
36
+ function unsafeStringify(arr, offset = 0) {
37
+ // Note: Be careful editing this code! It's been tuned for performance
38
+ // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
39
+ return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
40
+ }
41
+
42
+ const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
43
+ const native = {
44
+ randomUUID
45
+ };
46
+
47
+ function v4(options, buf, offset) {
48
+ if (native.randomUUID && !buf && !options) {
49
+ return native.randomUUID();
50
+ }
51
+
52
+ options = options || {};
53
+ const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
54
+
55
+ rnds[6] = rnds[6] & 0x0f | 0x40;
56
+ rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
57
+
58
+ if (buf) {
59
+ offset = offset || 0;
60
+
61
+ for (let i = 0; i < 16; ++i) {
62
+ buf[offset + i] = rnds[i];
63
+ }
64
+
65
+ return buf;
66
+ }
67
+
68
+ return unsafeStringify(rnds);
69
+ }
70
+
6
71
  var DialogType;
7
72
  (function (DialogType) {
8
73
  DialogType["WARN"] = "warn";
@@ -67,6 +132,25 @@ class ApplicationUtils {
67
132
  }
68
133
  toast.show(message, 5000, useIcon, options.canClose);
69
134
  }
135
+ static async showModal(modalProps) {
136
+ modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
137
+ const modal = document.createElement("ez-modal");
138
+ window.document.body.appendChild(modal);
139
+ modal.setAttribute('id', v4());
140
+ modal.modalSize = modalProps.size;
141
+ modal.align = modalProps.position;
142
+ modal.heightMode = modalProps.heightMode;
143
+ modal.closeEsc = modalProps.closeEsc;
144
+ modal.closeOutsideClick = modalProps.closeOutsideClick;
145
+ if (modalProps.content instanceof String || typeof modalProps.content === 'string') {
146
+ modal.innerHTML = modalProps.content;
147
+ }
148
+ else {
149
+ modal.appendChild(modalProps.content);
150
+ }
151
+ modal.opened = true;
152
+ return () => modal.remove();
153
+ }
70
154
  }
71
155
  ApplicationUtils.defaultMessageOptions = {
72
156
  canClose: true,
@@ -74,6 +158,14 @@ ApplicationUtils.defaultMessageOptions = {
74
158
  labelConfirm: 'Sim',
75
159
  btnConfirmDanger: false
76
160
  };
161
+ ApplicationUtils.defaultModalProps = {
162
+ content: null,
163
+ position: 'right',
164
+ size: 'small',
165
+ heightMode: 'regular',
166
+ closeOutsideClick: true,
167
+ closeEsc: true
168
+ };
77
169
 
78
170
  class CSSVarsUtils {
79
171
  static applyCSSVars(document, host, child) {
@@ -1837,7 +1929,7 @@ var ChipSize;
1837
1929
  ChipSize[ChipSize["CHAR_LIMIT"] = 28] = "CHAR_LIMIT";
1838
1930
  })(ChipSize || (ChipSize = {}));
1839
1931
 
1840
- const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--subtitle--font-size:var(--text--medium, 14px);--ez-collapsible-box--subtitle--font-family:var(--font-pattern, 'Roboto');--ez-collapsible-box--subtitle--font-weight:var(--text-weight--medium, 400);--ez-collapsible-box--subtitle--color:var(--text--primary);--ez-collapsible-box--subtitle--margin-bottom:var(--space--medium, 12px);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:auto;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:flex;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.subtitle-box__label{display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;font-family:var(--ez-collapsible-box--subtitle--font-family);font-size:var(--ez-collapsible-box--subtitle--font-size);font-weight:var(--ez-collapsible-box--subtitle--font-weight);color:var(--ez-collapsible-box--subtitle--color);margin-bottom:var(--ez-collapsible-box--subtitle--margin-bottom)}.subtitle-box__content{width:100%}.collapsible-box__label ez-icon{visibility:hidden;transition:0.25s linear}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--left{margin-right:auto}.collapsible-box__title--right{margin-left:auto}.collapsible-box__title--center{margin-left:auto;margin-right:auto}.collapsible-box__title--stretch{justify-content:space-between;width:100%}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";
1932
+ const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--subtitle--font-size:var(--text--medium, 14px);--ez-collapsible-box--subtitle--font-family:var(--font-pattern, 'Roboto');--ez-collapsible-box--subtitle--font-weight:var(--text-weight--medium, 400);--ez-collapsible-box--subtitle--color:var(--text--primary);--ez-collapsible-box--subtitle--margin-bottom:var(--space--medium, 12px);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:auto;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:flex;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.subtitle-box__label{display:flex;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;font-family:var(--ez-collapsible-box--subtitle--font-family);font-size:var(--ez-collapsible-box--subtitle--font-size);font-weight:var(--ez-collapsible-box--subtitle--font-weight);color:var(--ez-collapsible-box--subtitle--color);margin-bottom:var(--ez-collapsible-box--subtitle--margin-bottom)}.subtitle-box__content{width:100%}.collapsible-box__label ez-icon{visibility:hidden;transition:0.25s linear}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--left{margin-right:auto}.collapsible-box__title--right{margin-left:auto}.collapsible-box__title--center{margin-left:auto;margin-right:auto}.collapsible-box__title--stretch{justify-content:space-between;width:100%}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";
1841
1933
 
1842
1934
  const EzCollapsibleBox$1 = class extends HTMLElement$1 {
1843
1935
  constructor() {
package/dist/esm/ApplicationUtils-19857f60.js ADDED
@@ -0,0 +1,159 @@
1
+ import { D as DialogType } from './DialogType-54a62731.js';
2
+
3
+ // Unique ID creation requires a high quality random # generator. In the browser we therefore
4
+ // require the crypto API and do not support built-in fallback to lower quality random number
5
+ // generators (like Math.random()).
6
+ let getRandomValues;
7
+ const rnds8 = new Uint8Array(16);
8
+ function rng() {
9
+ // lazy load so that environments that need to polyfill have a chance to do so
10
+ if (!getRandomValues) {
11
+ // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
12
+ getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
13
+
14
+ if (!getRandomValues) {
15
+ throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
16
+ }
17
+ }
18
+
19
+ return getRandomValues(rnds8);
20
+ }
21
+
22
+ /**
23
+ * Convert array of 16 byte values to UUID string format of the form:
24
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
25
+ */
26
+
27
+ const byteToHex = [];
28
+
29
+ for (let i = 0; i < 256; ++i) {
30
+ byteToHex.push((i + 0x100).toString(16).slice(1));
31
+ }
32
+
33
+ function unsafeStringify(arr, offset = 0) {
34
+ // Note: Be careful editing this code! It's been tuned for performance
35
+ // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
36
+ return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
37
+ }
38
+
39
+ const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
40
+ const native = {
41
+ randomUUID
42
+ };
43
+
44
+ function v4(options, buf, offset) {
45
+ if (native.randomUUID && !buf && !options) {
46
+ return native.randomUUID();
47
+ }
48
+
49
+ options = options || {};
50
+ const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
51
+
52
+ rnds[6] = rnds[6] & 0x0f | 0x40;
53
+ rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
54
+
55
+ if (buf) {
56
+ offset = offset || 0;
57
+
58
+ for (let i = 0; i < 16; ++i) {
59
+ buf[offset + i] = rnds[i];
60
+ }
61
+
62
+ return buf;
63
+ }
64
+
65
+ return unsafeStringify(rnds);
66
+ }
67
+
68
+ class ApplicationUtils {
69
+ static async showDialog(title, message, icon = null, confirm, dialogType = DialogType.DEFAULT, options) {
70
+ if (options) {
71
+ options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
72
+ }
73
+ return new Promise(resolve => {
74
+ let dialog = document.querySelector("ez-dialog");
75
+ if (!dialog) {
76
+ dialog = document.createElement("ez-dialog");
77
+ window.document.body.appendChild(dialog);
78
+ }
79
+ dialog.show(title, message, dialogType, confirm, icon, options.labelCancel, options.labelConfirm, options.btnConfirmDanger, options.beforeClose).then(ok => resolve(ok));
80
+ });
81
+ }
82
+ static async alert(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
83
+ return ApplicationUtils.showDialog(title, message, icon, false, DialogType.WARN, options);
84
+ }
85
+ static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
86
+ return ApplicationUtils.showDialog(title, message, icon, false, DialogType.CRITICAL, options);
87
+ }
88
+ static async success(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
89
+ return ApplicationUtils.showDialog(title, message, icon, false, DialogType.SUCCESS, options);
90
+ }
91
+ static async confirm(title, message, icon = null, dialogType = DialogType.WARN, options = ApplicationUtils.defaultMessageOptions) {
92
+ return ApplicationUtils.showDialog(title, message, icon, true, dialogType, options);
93
+ }
94
+ static async message(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
95
+ return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DEFAULT, options);
96
+ }
97
+ static async info(message, options = ApplicationUtils.defaultMessageOptions) {
98
+ if (options !== ApplicationUtils.defaultMessageOptions) {
99
+ options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
100
+ }
101
+ let useIcon = false;
102
+ let toast = document.querySelector("ez-toast");
103
+ if (!toast) {
104
+ toast = document.createElement("ez-toast");
105
+ const icon = document.createElement("ez-icon");
106
+ icon.className = "ez-margin-right--small";
107
+ icon.slot = "icon";
108
+ icon.style.setProperty("--ez-icon--color", "var(--color--success)");
109
+ toast.appendChild(icon);
110
+ window.document.body.appendChild(toast);
111
+ }
112
+ if (options.iconName) {
113
+ const iconElem = toast.querySelector("ez-icon");
114
+ if (iconElem) {
115
+ iconElem.iconName = options.iconName;
116
+ useIcon = true;
117
+ }
118
+ }
119
+ else {
120
+ useIcon = false;
121
+ }
122
+ toast.show(message, 5000, useIcon, options.canClose);
123
+ }
124
+ static async showModal(modalProps) {
125
+ modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
126
+ const modal = document.createElement("ez-modal");
127
+ window.document.body.appendChild(modal);
128
+ modal.setAttribute('id', v4());
129
+ modal.modalSize = modalProps.size;
130
+ modal.align = modalProps.position;
131
+ modal.heightMode = modalProps.heightMode;
132
+ modal.closeEsc = modalProps.closeEsc;
133
+ modal.closeOutsideClick = modalProps.closeOutsideClick;
134
+ if (modalProps.content instanceof String || typeof modalProps.content === 'string') {
135
+ modal.innerHTML = modalProps.content;
136
+ }
137
+ else {
138
+ modal.appendChild(modalProps.content);
139
+ }
140
+ modal.opened = true;
141
+ return () => modal.remove();
142
+ }
143
+ }
144
+ ApplicationUtils.defaultMessageOptions = {
145
+ canClose: true,
146
+ labelCancel: 'Não',
147
+ labelConfirm: 'Sim',
148
+ btnConfirmDanger: false
149
+ };
150
+ ApplicationUtils.defaultModalProps = {
151
+ content: null,
152
+ position: 'right',
153
+ size: 'small',
154
+ heightMode: 'regular',
155
+ closeOutsideClick: true,
156
+ closeEsc: true
157
+ };
158
+
159
+ export { ApplicationUtils as A };
package/dist/esm/ez-actions-button.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6fbf1820.js';
2
2
  import { FloatingManager, ElementIDUtils } from '@sankhyalabs/core';
3
- import './ApplicationUtils-3d870a53.js';
3
+ import './ApplicationUtils-19857f60.js';
4
4
  import { C as CSSVarsUtils } from './CSSVarsUtils-00f67f32.js';
5
5
  import './DialogType-54a62731.js';
6
6
  import './CheckMode-bdb2ec19.js';
package/dist/esm/ez-collapsible-box.entry.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, c as createEvent, h, g as getElement } from './index-6fbf1820.js';
2
2
  import { ElementIDUtils } from '@sankhyalabs/core';
3
- import { A as ApplicationUtils } from './ApplicationUtils-3d870a53.js';
3
+ import { A as ApplicationUtils } from './ApplicationUtils-19857f60.js';
4
4
  import './DialogType-54a62731.js';
5
5
  import './CheckMode-bdb2ec19.js';
6
6
 
7
- const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--subtitle--font-size:var(--text--medium, 14px);--ez-collapsible-box--subtitle--font-family:var(--font-pattern, 'Roboto');--ez-collapsible-box--subtitle--font-weight:var(--text-weight--medium, 400);--ez-collapsible-box--subtitle--color:var(--text--primary);--ez-collapsible-box--subtitle--margin-bottom:var(--space--medium, 12px);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:auto;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:flex;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.subtitle-box__label{display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;font-family:var(--ez-collapsible-box--subtitle--font-family);font-size:var(--ez-collapsible-box--subtitle--font-size);font-weight:var(--ez-collapsible-box--subtitle--font-weight);color:var(--ez-collapsible-box--subtitle--color);margin-bottom:var(--ez-collapsible-box--subtitle--margin-bottom)}.subtitle-box__content{width:100%}.collapsible-box__label ez-icon{visibility:hidden;transition:0.25s linear}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--left{margin-right:auto}.collapsible-box__title--right{margin-left:auto}.collapsible-box__title--center{margin-left:auto;margin-right:auto}.collapsible-box__title--stretch{justify-content:space-between;width:100%}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";
7
+ const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--subtitle--font-size:var(--text--medium, 14px);--ez-collapsible-box--subtitle--font-family:var(--font-pattern, 'Roboto');--ez-collapsible-box--subtitle--font-weight:var(--text-weight--medium, 400);--ez-collapsible-box--subtitle--color:var(--text--primary);--ez-collapsible-box--subtitle--margin-bottom:var(--space--medium, 12px);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:auto;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:flex;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.subtitle-box__label{display:flex;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;font-family:var(--ez-collapsible-box--subtitle--font-family);font-size:var(--ez-collapsible-box--subtitle--font-size);font-weight:var(--ez-collapsible-box--subtitle--font-weight);color:var(--ez-collapsible-box--subtitle--color);margin-bottom:var(--ez-collapsible-box--subtitle--margin-bottom)}.subtitle-box__content{width:100%}.collapsible-box__label ez-icon{visibility:hidden;transition:0.25s linear}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--left{margin-right:auto}.collapsible-box__title--right{margin-left:auto}.collapsible-box__title--center{margin-left:auto;margin-right:auto}.collapsible-box__title--stretch{justify-content:space-between;width:100%}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";
8
8
 
9
9
  const EzCollapsibleBox = class {
10
10
  constructor(hostRef) {
package/dist/esm/ez-combo-box.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6fbf1820.js';
2
2
  import { ObjectUtils, FloatingManager, StringUtils, ElementIDUtils } from '@sankhyalabs/core';
3
- import { A as ApplicationUtils } from './ApplicationUtils-3d870a53.js';
3
+ import { A as ApplicationUtils } from './ApplicationUtils-19857f60.js';
4
4
  import { C as CSSVarsUtils } from './CSSVarsUtils-00f67f32.js';
5
5
  import './DialogType-54a62731.js';
6
6
  import './CheckMode-bdb2ec19.js';