@sankhyalabs/ezui 0.0.0-feat-dev-KB-69274.2 → 0.0.0-feat-dev-KB-69274.3

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 (52) hide show
  1. package/dist/cjs/ez-actions-button.cjs.entry.js +1 -1
  2. package/dist/cjs/ez-collapsible-box.cjs.entry.js +1 -1
  3. package/dist/cjs/ez-combo-box-list_3.cjs.entry.js +2 -2
  4. package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
  5. package/dist/cjs/ez-form-view.cjs.entry.js +3 -2
  6. package/dist/cjs/ez-grid.cjs.entry.js +5 -5
  7. package/dist/cjs/ez-search-plus.cjs.entry.js +25 -29
  8. package/dist/cjs/ez-search-result-list.cjs.entry.js +2 -0
  9. package/dist/cjs/ez-search.cjs.entry.js +1 -1
  10. package/dist/cjs/ez-split-item.cjs.entry.js +1 -1
  11. package/dist/cjs/{ICustomRender-6fafffce.js → types-19240201.js} +7 -0
  12. package/dist/collection/components/ez-form-view/fieldbuilder/templates/SearchInputPlus.tpl.js +4 -2
  13. package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +1 -1
  14. package/dist/collection/components/ez-grid/controller/ag-grid/GridEditionManager.js +1 -1
  15. package/dist/collection/components/ez-search-plus/ez-search-plus.js +22 -26
  16. package/dist/collection/components/ez-search-plus/subcomponent/ez-search-result-list/ez-search-result-list.js +2 -0
  17. package/dist/collection/utils/index.js +1 -0
  18. package/dist/collection/utils/search/types.js +6 -1
  19. package/dist/custom-elements/index.js +50 -44
  20. package/dist/esm/ez-actions-button.entry.js +1 -1
  21. package/dist/esm/ez-collapsible-box.entry.js +1 -1
  22. package/dist/esm/ez-combo-box-list_3.entry.js +1 -1
  23. package/dist/esm/ez-combo-box.entry.js +1 -1
  24. package/dist/esm/ez-form-view.entry.js +4 -3
  25. package/dist/esm/ez-grid.entry.js +3 -3
  26. package/dist/esm/ez-search-plus.entry.js +23 -27
  27. package/dist/esm/ez-search-result-list.entry.js +2 -0
  28. package/dist/esm/ez-search.entry.js +1 -1
  29. package/dist/esm/ez-split-item.entry.js +1 -1
  30. package/dist/esm/{ICustomRender-875b5a40.js → types-8c36b482.js} +8 -1
  31. package/dist/ezui/ezui.esm.js +1 -1
  32. package/dist/ezui/{p-556468d9.entry.js → p-11b18ed4.entry.js} +1 -1
  33. package/dist/ezui/{p-f5931caa.entry.js → p-238ebd02.entry.js} +1 -1
  34. package/dist/ezui/{p-e347df9c.entry.js → p-54b8b037.entry.js} +1 -1
  35. package/dist/ezui/p-65d603c6.entry.js +1 -0
  36. package/dist/ezui/p-6a9f9c36.entry.js +1 -0
  37. package/dist/ezui/p-81145609.entry.js +1 -0
  38. package/dist/ezui/{p-b86f5cc3.entry.js → p-ab87e7a5.entry.js} +2 -2
  39. package/dist/ezui/{p-2a0001be.entry.js → p-c2b34fae.entry.js} +1 -1
  40. package/dist/ezui/{p-15134d97.entry.js → p-e476b0b1.entry.js} +1 -1
  41. package/dist/ezui/p-ec8f865b.js +1 -0
  42. package/dist/ezui/{p-3429080c.entry.js → p-fbf1305c.entry.js} +1 -1
  43. package/dist/types/components/ez-form-view/fieldbuilder/templates/SearchInputPlus.tpl.d.ts +1 -1
  44. package/dist/types/components/ez-search-plus/ez-search-plus.d.ts +4 -7
  45. package/dist/types/components/ez-search-plus/subcomponent/ez-search-result-list/ez-search-result-list.d.ts +3 -3
  46. package/dist/types/utils/index.d.ts +1 -1
  47. package/dist/types/utils/search/types.d.ts +5 -0
  48. package/package.json +1 -1
  49. package/dist/ezui/p-06ea81e8.entry.js +0 -1
  50. package/dist/ezui/p-4607fb89.js +0 -1
  51. package/dist/ezui/p-6cd022b6.entry.js +0 -1
  52. package/dist/ezui/p-a173696e.entry.js +0 -1
@@ -8,7 +8,7 @@ require('./ApplicationUtils-c9d1205c.js');
8
8
  const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
9
9
  require('./DialogType-2114c337.js');
10
10
  require('./CheckMode-ecb90b87.js');
11
- require('./ICustomRender-6fafffce.js');
11
+ require('./types-19240201.js');
12
12
 
13
13
  const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-list--z-index:var(--ez-elevation--8, 8);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--ez-actions-button__actions-list--z-index);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--ez-actions-button__actions-list--z-index) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}.ez-actions-button--bottom-padding{padding-bottom:var(--space--small, 6px)}";
14
14
 
@@ -7,7 +7,7 @@ const core = require('@sankhyalabs/core');
7
7
  const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
8
8
  require('./DialogType-2114c337.js');
9
9
  require('./CheckMode-ecb90b87.js');
10
- require('./ICustomRender-6fafffce.js');
10
+ require('./types-19240201.js');
11
11
 
12
12
  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%}.collapsable-box--bordered{border:var(--border--small);border-color:var(--color--strokes);border-radius:var(--border--radius-medium);padding:var(--space--xs)}.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:100%;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:block;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:2s all ease-in-out}.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}";
13
13
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-a7b0c73d.js');
6
6
  const core = require('@sankhyalabs/core');
7
- const ICustomRender = require('./ICustomRender-6fafffce.js');
7
+ const types = require('./types-19240201.js');
8
8
  const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
9
9
  require('./DialogType-2114c337.js');
10
10
  require('./CheckMode-ecb90b87.js');
@@ -214,7 +214,7 @@ const EzCustomFormInput = class {
214
214
  props: this.formViewField.props ? fieldProps : undefined,
215
215
  optionLoader: this.formViewField.optionLoader
216
216
  },
217
- source: ICustomRender.CustomEditorSource.FORM,
217
+ source: types.CustomEditorSource.FORM,
218
218
  detailContext: this.detailContext
219
219
  };
220
220
  let gui = this.customEditor.getEditorElement(params);
@@ -8,7 +8,7 @@ require('./ApplicationUtils-c9d1205c.js');
8
8
  const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
9
9
  require('./DialogType-2114c337.js');
10
10
  require('./CheckMode-ecb90b87.js');
11
- require('./ICustomRender-6fafffce.js');
11
+ require('./types-19240201.js');
12
12
 
13
13
  const ezComboBoxCss = ":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box__input--background-color:var(--background--medium, #e0e0e0);--ez-combo-box__input--border:var(--border--medium, 2px solid);--ez-combo-box__input--border-color:var(--ez-combo-box__input--background-color);--ez-combo-box__input--focus--border-color:var(--color--primary, #008561);--ez-combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn--color:var(--title--primary, #2B3A54);--ez-combo-box__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-hover--color:var(--color--primary, #4e4e4e);width:var(--ez-combo-box--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.btn{outline:none;border:none;background:none;cursor:pointer;padding:0px;color:var(--ez-combo-box__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:disabled:hover{cursor:not-allowed;color:var(--ez-combo-box__btn-disabled--color)}.btn:hover{color:var(--ez-combo-box__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}.text-input-slot-container{--ez-text-input__icon--width:32px;--ez-text-input__min-width:var(--ez-combo-box__min-width);--ez-text-input__max-width:var(--ez-combo-box__max-width)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
14
14
 
@@ -87,9 +87,10 @@ const buildTextInput = ({ name, label, readOnly, contextName, canShowError, prop
87
87
  index.h("ez-text-input", { class: "ez-input__no-margin", label: label, "data-field-name": name, "data-context-name": contextName, key: name, enabled: !readOnly, canShowError: canShowError, mask: props === null || props === void 0 ? void 0 : props.mask, "clean-value-mask": props === null || props === void 0 ? void 0 : props.cleanValueMask })));
88
88
  };
89
89
 
90
- const buildSearchPlus = ({ name, label, readOnly, contextName, canShowError, optionLoader }) => {
90
+ const buildSearchPlus = ({ name, label, readOnly, contextName, canShowError, optionLoader, props }) => {
91
+ const hasDescriptionField = !core.StringUtils.isEmpty(props === null || props === void 0 ? void 0 : props.DESCRIPTIONFIELD);
91
92
  return (index.h("div", { class: "ez-col ez-col--sd-12" },
92
- index.h("ez-search-plus", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader })));
93
+ index.h("ez-search-plus", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, hideDescriptionInput: !hasDescriptionField })));
93
94
  };
94
95
 
95
96
  const buildSearch = ({ name, label, readOnly, required, contextName, canShowError, optionLoader, props }) => {
@@ -8,7 +8,7 @@ const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
8
8
  const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
9
9
  require('./DialogType-2114c337.js');
10
10
  require('./CheckMode-ecb90b87.js');
11
- const ICustomRender = require('./ICustomRender-6fafffce.js');
11
+ const types = require('./types-19240201.js');
12
12
  const constants = require('./constants-569271bc.js');
13
13
  const DataBinder = require('./DataBinder-c2060474.js');
14
14
  const FocusResolver = require('./FocusResolver-885f2173.js');
@@ -50805,7 +50805,7 @@ class EzGridCustomCellEditor extends EzCellEditor {
50805
50805
  charPress: params.charPress,
50806
50806
  currentEditor: this._defaultGui,
50807
50807
  name: this._fieldName,
50808
- source: ICustomRender.CustomEditorSource.GRID,
50808
+ source: types.CustomEditorSource.GRID,
50809
50809
  detailContext: params.customEditorsInfo.detailContext,
50810
50810
  setValue: (value) => this.setValue(value),
50811
50811
  getValue: () => this.getValue(),
@@ -50912,7 +50912,7 @@ class EzGridCustomCellRender extends EzCellRender {
50912
50912
  charPress: '',
50913
50913
  currentRender: super.getGui(),
50914
50914
  name: this._fieldName,
50915
- source: ICustomRender.CustomRenderSource.GRID,
50915
+ source: types.CustomRenderSource.GRID,
50916
50916
  getValue: () => params.getValue(),
50917
50917
  detailContext: params.customRendersInfo.detailContext,
50918
50918
  renderMetadata: {
@@ -51116,7 +51116,7 @@ class GridEditionManager {
51116
51116
  }
51117
51117
  configureColumn(col) {
51118
51118
  col.cellEditor = 'ezCellEditor';
51119
- if (col.editable == undefined) {
51119
+ if (col.editable != false) {
51120
51120
  col.editable = params => this.canEdit(params);
51121
51121
  }
51122
51122
  col.suppressKeyboardEvent = (params) => {
@@ -65681,7 +65681,7 @@ class AgGridController {
65681
65681
  return this.getFormatterByColumn(params, source);
65682
65682
  },
65683
65683
  cellStyle: this.getStyleByColumn(source),
65684
- editable: ((_d = source.props) === null || _d === void 0 ? void 0 : _d.get(constants.PRESENTATION_FROM_COL_PROP_NAME)) != undefined ? false : undefined
65684
+ editable: !((_d = source.props) === null || _d === void 0 ? void 0 : _d.has(constants.PRESENTATION_FROM_COL_PROP_NAME))
65685
65685
  });
65686
65686
  }
65687
65687
  setCustomFormatters(customFormatters) {
@@ -8,7 +8,7 @@ require('./ApplicationUtils-c9d1205c.js');
8
8
  const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
9
9
  require('./DialogType-2114c337.js');
10
10
  require('./CheckMode-ecb90b87.js');
11
- require('./ICustomRender-6fafffce.js');
11
+ const types = require('./types-19240201.js');
12
12
 
13
13
  const ezSearchPlusCss = ":host{--ez-search--height:42px;--ez-search--width:100%;--ez-search__icon--width:48px;--ez-search--border-radius:var(--border--radius-medium, 12px);--ez-search--border-radius-small:var(--border--radius-small, 6px);--ez-search--font-size:var(--text--medium, 14px);--ez-search--font-family:var(--font-pattern, Arial);--ez-search--font-weight--large:var(--text-weight--large, 500);--ez-search--font-weight--medium:var(--text-weight--medium, 400);--ez-search--background-color--xlight:var(--background--xlight, #fff);--ez-search--background-medium:var(--background--medium, #f0f3f7);--ez-search--line-height:calc(var(--text--medium, 14px) + 4px);--ez-search__input--background-color:var(--background--medium, #e0e0e0);--ez-search__input--border:var(--border--medium, 2px solid);--ez-search__input--border-color:var(--ez-search__input--background-color);--ez-search__input--focus--border-color:var(--color--primary, #008561);--ez-search__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-search__input--disabled--color:var(--text--disable, #AFB6C0);--ez-search__input--error--border-color:#CC2936;--ez-search__btn--color:var(--title--primary, #2B3A54);--ez-search__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-search__btn-hover--color:var(--color--primary, #4e4e4e);--ez-search__label--color:var(--title--primary, #2B3A54);--ez-search__list-title--primary:var(--title--primary, #2B3A54);--ez-search__list-text--primary:var(--text--primary, #626e82);--ez-search__list-height:calc(var(--ez-search--font-size) + var(--ez-search--space--medium) + 4px);--ez-search__list-min-width:64px;--ez-search--space--medium:var(--space--medium, 12px);--ez-search--space--small:var(--space--small, 6px);--ez-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-search__scrollbar--width:var(--space--medium, 12px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-search--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.list-container{min-width:var(--ez-search__list-min-width);overflow:auto;position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:0;z-index:var(--more-visible, 2);max-height:350px;min-width:150px;background-color:var(--ez-search--background-color--xlight);border-radius:var(--ez-search--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.list-options{margin-top:0px;box-sizing:border-box;width:100%;height:100%;padding:0;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-search__scrollbar--color-clicked) var(--ez-search__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--scrollbar--background);width:var(--space--small);max-width:var(--space--small);min-width:var(--space--small);height:var(--space--small);max-height:var(--space--small);min-height:var(--space--small)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-search__scrollbar--color-background);border-radius:var(--ez-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-search__scrollbar--color-default);border-radius:var(--ez-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-search__scrollbar--color-clicked)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-search--border-radius-small);gap:var(--space--small, 6px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-search__list-title--primary);font-family:var(--ez-search--font-family);font-size:var(--ez-search--font-size);line-height:var(--ez-search--line-height)}.item__label{font-weight:var(--ez-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-search__list-text--primary);font-weight:var(--ez-search--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:var(--ez-search__list-height)}.message__no-result{color:var(--ez-search__list-title--primary);font-family:var(--ez-search--font-family);font-size:var(--ez-search--font-size)}.message__loading{border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-search__list-title--primary);border-top:3px solid transparent}.item__list>li:hover{background-color:var(--ez-search--background-medium)}.preselected{background-color:var(--background--medium)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-search__btn--color)}.btn:disabled{cursor:not-allowed;color:var(--ez-search__btn-disabled--color)}.btn:disabled:hover{cursor:not-allowed;color:var(--ez-search__btn-disabled--color)}.btn:hover{color:var(--ez-search__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@supports not (scrollbar-width: thin){.item{padding-right:8px}}.ez-search-plus__container{display:flex;flex-grow:1;gap:3px}.ez-search-plus__text-input{--ez-text-input--border-top-left-radius:0px;--ez-text-input--border-bottom-left-radius:0px}.ez-search-plus__code-input-no-border{--ez-text-input--border-top-right-radius:0px;--ez-text-input--border-bottom-right-radius:0px}.ez-search-plus__code-input{width:107px}.ez-search-plus__code-input-full{width:100%}.description-input-container{width:100%}";
14
14
 
@@ -17,6 +17,7 @@ const EzSearchPlus = class {
17
17
  index.registerInstance(this, hostRef);
18
18
  this.ezChange = index.createEvent(this, "ezChange", 7);
19
19
  this.SEARCH_DESCRIPTION_TIMEOUT = 300;
20
+ this.INTERVAL_TO_RETRY_ASYNC_VALUE = 100;
20
21
  this.value = undefined;
21
22
  this.enabled = true;
22
23
  this.disableCodeInput = false;
@@ -54,6 +55,8 @@ const EzSearchPlus = class {
54
55
  if (newNormalizedValue == oldNormalizedValue)
55
56
  return;
56
57
  if (newNormalizedValue == undefined) {
58
+ this.codeValue = undefined;
59
+ this.descriptionValue = undefined;
57
60
  this.ezChange.emit(undefined);
58
61
  return;
59
62
  }
@@ -63,6 +66,7 @@ const EzSearchPlus = class {
63
66
  }
64
67
  catch (err) {
65
68
  this.value = undefined;
69
+ console.warn("[EzSearchPlus] Erro ao obter descrição do registro.", err);
66
70
  throw err;
67
71
  }
68
72
  this.ezChange.emit(this.buildCurrentValue());
@@ -101,7 +105,7 @@ const EzSearchPlus = class {
101
105
  const currentOpt = this.buildCurrentValue();
102
106
  resolve(currentOpt);
103
107
  }
104
- }, 100);
108
+ }, this.INTERVAL_TO_RETRY_ASYNC_VALUE);
105
109
  });
106
110
  }
107
111
  /**
@@ -125,7 +129,7 @@ const EzSearchPlus = class {
125
129
  return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
126
130
  }
127
131
  componentWillLoad() {
128
- if (this.value && !this.codeValue) {
132
+ if (this.value && core.StringUtils.isEmpty(this.codeValue)) {
129
133
  this.observeValue(this.value, undefined);
130
134
  }
131
135
  }
@@ -194,7 +198,7 @@ const EzSearchPlus = class {
194
198
  }
195
199
  try {
196
200
  this.isLoadingDescription = true;
197
- const searchArgument = { mode: SearchMode.LOAD_DESCRIPTION, argument: codeValue };
201
+ const searchArgument = { mode: types.SearchMode.LOAD_DESCRIPTION, argument: codeValue };
198
202
  const loadedOption = await this.optionLoader(searchArgument);
199
203
  if (!loadedOption) {
200
204
  return "";
@@ -219,7 +223,7 @@ const EzSearchPlus = class {
219
223
  console.warn("optionLoader não definido");
220
224
  return;
221
225
  }
222
- const searchArgument = { mode: SearchMode.ADVANCED, argument: "" };
226
+ const searchArgument = { mode: types.SearchMode.ADVANCED, argument: "" };
223
227
  let selectedItem = undefined;
224
228
  try {
225
229
  selectedItem = await this.optionLoader(searchArgument, this.contextProperties);
@@ -230,7 +234,7 @@ const EzSearchPlus = class {
230
234
  this.value = selectedItem;
231
235
  }
232
236
  buildCurrentValue() {
233
- if (!this.codeValue) {
237
+ if (this.codeValue == undefined) {
234
238
  return undefined;
235
239
  }
236
240
  return {
@@ -239,25 +243,24 @@ const EzSearchPlus = class {
239
243
  };
240
244
  }
241
245
  async handleTextInputChangeHandler(event) {
246
+ if (!this.searchDescriptionIsOpen) {
247
+ this._popover.show();
248
+ }
249
+ const argument = event.target.value;
250
+ this.debounceLoaderOptions(argument);
251
+ }
252
+ debounceLoaderOptions(argument) {
253
+ if (this._debounceSearch)
254
+ clearTimeout(this._debounceSearch);
255
+ this._debounceSearch = setTimeout(async () => await this.processOptionsLoader(argument), this.SEARCH_DESCRIPTION_TIMEOUT);
256
+ }
257
+ async processOptionsLoader(argument) {
242
258
  try {
243
- if (this._debounceSearch)
244
- clearTimeout(this._debounceSearch);
245
259
  this.showLoading = true;
246
- if (!this.searchDescriptionIsOpen) {
247
- this._popover.show();
248
- }
249
- const argument = event.target.value;
250
- const searchArgument = { mode: SearchMode.PREDICTIVE, argument };
251
- this._debounceSearch = setTimeout(async () => {
252
- try {
253
- this.visibleOptions = await this.optionLoader(searchArgument);
254
- }
255
- finally {
256
- this.showLoading = false;
257
- }
258
- }, this.SEARCH_DESCRIPTION_TIMEOUT);
260
+ const searchArgument = { mode: types.SearchMode.PREDICTIVE, argument };
261
+ this.visibleOptions = await this.optionLoader(searchArgument);
259
262
  }
260
- catch (_a) {
263
+ finally {
261
264
  this.showLoading = false;
262
265
  }
263
266
  }
@@ -355,13 +358,6 @@ const EzSearchPlus = class {
355
358
  "value": ["observeValue"]
356
359
  }; }
357
360
  };
358
- var SearchMode;
359
- (function (SearchMode) {
360
- SearchMode["ADVANCED"] = "ADVANCED";
361
- SearchMode["PRELOAD"] = "PRELOAD";
362
- SearchMode["PREDICTIVE"] = "PREDICTIVE";
363
- SearchMode["LOAD_DESCRIPTION"] = "LOAD_DESCRIPTION";
364
- })(SearchMode || (SearchMode = {}));
365
361
  EzSearchPlus.style = ezSearchPlusCss;
366
362
 
367
363
  exports.ez_search_plus = EzSearchPlus;
@@ -51,6 +51,8 @@ const EzSearchResultList = class {
51
51
  this.selectOption(option);
52
52
  }
53
53
  scrollToOption(opt) {
54
+ if (!(opt === null || opt === void 0 ? void 0 : opt.value) || !this._optionsList)
55
+ return;
54
56
  window.requestAnimationFrame(() => {
55
57
  var _a;
56
58
  const currentValue = String((_a = opt === null || opt === void 0 ? void 0 : opt.value) !== null && _a !== void 0 ? _a : "");
@@ -8,7 +8,7 @@ const core = require('@sankhyalabs/core');
8
8
  const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
9
9
  require('./DialogType-2114c337.js');
10
10
  require('./CheckMode-ecb90b87.js');
11
- require('./ICustomRender-6fafffce.js');
11
+ require('./types-19240201.js');
12
12
  const constants = require('./constants-569271bc.js');
13
13
  const searchFormatters = require('./searchFormatters-b7e1ed1e.js');
14
14
 
@@ -8,7 +8,7 @@ const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
8
8
  require('./DialogType-2114c337.js');
9
9
  require('./CheckMode-ecb90b87.js');
10
10
  require('@sankhyalabs/core');
11
- require('./ICustomRender-6fafffce.js');
11
+ require('./types-19240201.js');
12
12
 
13
13
  const ezSplitItemCss = ".box_split-item{background-color:var(--background--xlight);width:100%;height:100%;border-radius:var(--border--radius-medium);box-shadow:var(--shadow--xsmall);flex-direction:column;overflow:hidden;display:flex;padding:var(--space--nano)}.box_split-item>.ez-split-item--content{overflow:auto}.expanded__item{position:absolute;z-index:var(--more-visible);top:0;left:0;width:100%;height:100%}.ez-split-item--header{display:flex;align-items:center;justify-content:space-between}.ez-split-item--header-title{flex:1;white-space:nowrap;overflow:hidden}.ez-split-item--header-title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ez-split-item--header-buttons{display:flex;align-items:center;max-height:20px}.ez-split-item--content{display:block;height:100%}h3.ez-margin--small{margin-left:var(--space--small)}.structural__item{background:none;box-shadow:none;padding:0;margin:0;border:0}.content__item{margin:var(--space--extra-small);width:calc(100% - 2*(var(--space--extra-small)));height:calc(100% - 2*(var(--space--extra-small)))}";
14
14
 
@@ -11,3 +11,10 @@ exports.CustomRenderSource = void 0;
11
11
  CustomRenderSource["GRID"] = "GRID";
12
12
  CustomRenderSource["FORM"] = "FORM";
13
13
  })(exports.CustomRenderSource || (exports.CustomRenderSource = {}));
14
+
15
+ exports.SearchMode = void 0;
16
+ (function (SearchMode) {
17
+ SearchMode["ADVANCED"] = "ADVANCED";
18
+ SearchMode["PREDICTIVE"] = "PREDICTIVE";
19
+ SearchMode["LOAD_DESCRIPTION"] = "LOAD_DESCRIPTION";
20
+ })(exports.SearchMode || (exports.SearchMode = {}));
@@ -1,4 +1,6 @@
1
1
  import { h } from "@stencil/core";
2
- export const buildSearchPlus = ({ name, label, readOnly, contextName, canShowError, optionLoader }) => {
3
- return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-search-plus", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader })));
2
+ import { StringUtils } from "@sankhyalabs/core";
3
+ export const buildSearchPlus = ({ name, label, readOnly, contextName, canShowError, optionLoader, props }) => {
4
+ const hasDescriptionField = !StringUtils.isEmpty(props === null || props === void 0 ? void 0 : props.DESCRIPTIONFIELD);
5
+ return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-search-plus", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, hideDescriptionInput: !hasDescriptionField })));
4
6
  };
@@ -898,7 +898,7 @@ export default class AgGridController {
898
898
  return this.getFormatterByColumn(params, source);
899
899
  },
900
900
  cellStyle: this.getStyleByColumn(source),
901
- editable: ((_d = source.props) === null || _d === void 0 ? void 0 : _d.get(PRESENTATION_FROM_COL_PROP_NAME)) != undefined ? false : undefined
901
+ editable: !((_d = source.props) === null || _d === void 0 ? void 0 : _d.has(PRESENTATION_FROM_COL_PROP_NAME))
902
902
  });
903
903
  }
904
904
  setCustomFormatters(customFormatters) {
@@ -184,7 +184,7 @@ export default class GridEditionManager {
184
184
  }
185
185
  configureColumn(col) {
186
186
  col.cellEditor = 'ezCellEditor';
187
- if (col.editable == undefined) {
187
+ if (col.editable != false) {
188
188
  col.editable = params => this.canEdit(params);
189
189
  }
190
190
  col.suppressKeyboardEvent = (params) => {
@@ -1,9 +1,10 @@
1
1
  import { h, Host, } from "@stencil/core";
2
2
  import { ElementIDUtils, KeyboardManager, StringUtils, } from "@sankhyalabs/core";
3
- import { CSSVarsUtils } from "../../utils";
3
+ import { CSSVarsUtils, SearchMode } from "../../utils";
4
4
  export class EzSearchPlus {
5
5
  constructor() {
6
6
  this.SEARCH_DESCRIPTION_TIMEOUT = 300;
7
+ this.INTERVAL_TO_RETRY_ASYNC_VALUE = 100;
7
8
  this.value = undefined;
8
9
  this.enabled = true;
9
10
  this.disableCodeInput = false;
@@ -41,6 +42,8 @@ export class EzSearchPlus {
41
42
  if (newNormalizedValue == oldNormalizedValue)
42
43
  return;
43
44
  if (newNormalizedValue == undefined) {
45
+ this.codeValue = undefined;
46
+ this.descriptionValue = undefined;
44
47
  this.ezChange.emit(undefined);
45
48
  return;
46
49
  }
@@ -50,6 +53,7 @@ export class EzSearchPlus {
50
53
  }
51
54
  catch (err) {
52
55
  this.value = undefined;
56
+ console.warn("[EzSearchPlus] Erro ao obter descrição do registro.", err);
53
57
  throw err;
54
58
  }
55
59
  this.ezChange.emit(this.buildCurrentValue());
@@ -88,7 +92,7 @@ export class EzSearchPlus {
88
92
  const currentOpt = this.buildCurrentValue();
89
93
  resolve(currentOpt);
90
94
  }
91
- }, 100);
95
+ }, this.INTERVAL_TO_RETRY_ASYNC_VALUE);
92
96
  });
93
97
  }
94
98
  /**
@@ -112,7 +116,7 @@ export class EzSearchPlus {
112
116
  return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
113
117
  }
114
118
  componentWillLoad() {
115
- if (this.value && !this.codeValue) {
119
+ if (this.value && StringUtils.isEmpty(this.codeValue)) {
116
120
  this.observeValue(this.value, undefined);
117
121
  }
118
122
  }
@@ -217,7 +221,7 @@ export class EzSearchPlus {
217
221
  this.value = selectedItem;
218
222
  }
219
223
  buildCurrentValue() {
220
- if (!this.codeValue) {
224
+ if (this.codeValue == undefined) {
221
225
  return undefined;
222
226
  }
223
227
  return {
@@ -226,25 +230,24 @@ export class EzSearchPlus {
226
230
  };
227
231
  }
228
232
  async handleTextInputChangeHandler(event) {
233
+ if (!this.searchDescriptionIsOpen) {
234
+ this._popover.show();
235
+ }
236
+ const argument = event.target.value;
237
+ this.debounceLoaderOptions(argument);
238
+ }
239
+ debounceLoaderOptions(argument) {
240
+ if (this._debounceSearch)
241
+ clearTimeout(this._debounceSearch);
242
+ this._debounceSearch = setTimeout(async () => await this.processOptionsLoader(argument), this.SEARCH_DESCRIPTION_TIMEOUT);
243
+ }
244
+ async processOptionsLoader(argument) {
229
245
  try {
230
- if (this._debounceSearch)
231
- clearTimeout(this._debounceSearch);
232
246
  this.showLoading = true;
233
- if (!this.searchDescriptionIsOpen) {
234
- this._popover.show();
235
- }
236
- const argument = event.target.value;
237
247
  const searchArgument = { mode: SearchMode.PREDICTIVE, argument };
238
- this._debounceSearch = setTimeout(async () => {
239
- try {
240
- this.visibleOptions = await this.optionLoader(searchArgument);
241
- }
242
- finally {
243
- this.showLoading = false;
244
- }
245
- }, this.SEARCH_DESCRIPTION_TIMEOUT);
248
+ this.visibleOptions = await this.optionLoader(searchArgument);
246
249
  }
247
- catch (_a) {
250
+ finally {
248
251
  this.showLoading = false;
249
252
  }
250
253
  }
@@ -951,10 +954,3 @@ export class EzSearchPlus {
951
954
  }];
952
955
  }
953
956
  }
954
- var SearchMode;
955
- (function (SearchMode) {
956
- SearchMode["ADVANCED"] = "ADVANCED";
957
- SearchMode["PRELOAD"] = "PRELOAD";
958
- SearchMode["PREDICTIVE"] = "PREDICTIVE";
959
- SearchMode["LOAD_DESCRIPTION"] = "LOAD_DESCRIPTION";
960
- })(SearchMode || (SearchMode = {}));
@@ -42,6 +42,8 @@ export class EzSearchResultList {
42
42
  this.selectOption(option);
43
43
  }
44
44
  scrollToOption(opt) {
45
+ if (!(opt === null || opt === void 0 ? void 0 : opt.value) || !this._optionsList)
46
+ return;
45
47
  window.requestAnimationFrame(() => {
46
48
  var _a;
47
49
  const currentValue = String((_a = opt === null || opt === void 0 ? void 0 : opt.value) !== null && _a !== void 0 ? _a : "");
@@ -6,3 +6,4 @@ export { FormMetadata } from './form/FormMetadata';
6
6
  export { default as DataBinder } from './form/DataBinder';
7
7
  export { CustomEditorSource } from './customEditor/interfaces/ICustomEditor';
8
8
  export { CustomRenderSource } from './customRender/interfaces/ICustomRender';
9
+ export { SearchMode } from './search/types';
@@ -1 +1,6 @@
1
- export {};
1
+ export var SearchMode;
2
+ (function (SearchMode) {
3
+ SearchMode["ADVANCED"] = "ADVANCED";
4
+ SearchMode["PREDICTIVE"] = "PREDICTIVE";
5
+ SearchMode["LOAD_DESCRIPTION"] = "LOAD_DESCRIPTION";
6
+ })(SearchMode || (SearchMode = {}));