@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-77126.0 → 0.0.0-bugfix-dev-KB-77074.0

package/dist/cjs/ez-list.cjs.entry.js

@@ -5,18 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 
-const ezListCss = ".sc-ez-list-h {\n  \n  --ez-list__host--z-index: var(--visible, 1);\n\n  \n  --ez-list__host--border-radius: var(--border--radius-medium, 12px);\n\n  \n  --ez-list__host--padding: var(--space--medium, 12px);\n\n  \n  --ez-list__icon--padding: var(--space--small, 6px);\n\n  \n  --ez-list__icon--color: #AFB6C0;\n\n  \n  --ez-list__item--margin: 0 var(--space--small, 6px);\n\n  \n  --ez-list__item--color: var(--title--primary, #2b3a54);\n\n  \n  --ez-list__item--border-bottom;\n\n  \n  --ez-list__item--border-bottom-color;\n\n  \n  --ez-list__item--font-family: var(--font-pattern, \"Roboto\");\n\n  \n  --ez-list__item--font-size: var(--text--medium, 14px);\n  \n  \n  --ez-list__item--white-space: var(--ez-list__item--white-space, nowrap);\n\n  \n  --ez-list__selectable--padding-right: var(--space--small, 6px);\n  \n  \n  --ez-list__selectable--padding-left: var(--space--small, 6px);\n\n  \n  --ez-list__selected-item--border-radius: var(--border--radius-small, 6px);\n  \n  \n  --ez-list__selected-item--background-color: var(--color--primary-300, #E2F4EF);\n\n  \n  --ez-list__group--font-family: var(--font-pattern, \"Roboto\");\n  \n  \n  --ez-list__group--font-size: var(--text--medium, 14px);\n  \n  \n  --ez-list__group--font-weight: var(--text-weight--large, 600);\n  \n  \n  --ez-list__group--padding-bottom: var(--space-small, 6px);\n\n  \n  --ez-list__group-overlay--font-family: var(--font-pattern, \"Roboto\");\n\n  \n  --ez-list__group-overlay--font-size: var(--text--medium, 14px);\n  \n  \n  --ez-list__over--border--color: var(--color--primary, #008561);\n\n  \n  --ez-list__last-droppable-space--height: var(--space--small, 6px);\n  \n  \n  --ez-list__draggable-list--padding-bottom: var(--space--small, 6px);\n\n  \n  --ez-list__draggable-icon--image: url('data:image/svg+xml;utf8,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m 6.75,2.25 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z\"/></svg>');\n\n  \n  \n  --ez-list__scrollbar--color-default: var(--scrollbar--default, #626e82);\n  \n  --ez-list__scrollbar--color-background: var(--scrollbar--background, #E5EAF0);\n  \n  --ez-list__scrollbar--color-hover: var(--scrollbar--hover, #2B3A54);\n  \n  --ez-list__scrollbar--color-clicked: var(--scrollbar--clicked, #a2abb9);\n  \n  --ez-list__scrollbar--border-radius: var(--border--radius-small, 6px);\n  \n  --ez-list__scrollbar--width: var(--space--medium, 12px);\n\n  max-height: 100%;\n  width: 100%;\n  background-color: #fff;\n  display: flex;\n\n  \n  z-index: var(--ez-list__host--z-index);\n}\n\np.sc-ez-list {\n  margin: 0;\n}\n\n.draggable.sc-ez-list {\n  \n  width: 100%;\n  display: grid;\n  grid-template-columns: minmax(0px, auto) minmax(0px, auto);\n  place-items: center;\n  border-top: 1px dashed #fff;\n  justify-content: space-between;\n\n  \n  font-family: var(--ez-list__item--font-family);\n  font-size: var(--ez-list__item--font-size);\n}\n\n.dragging.sc-ez-list {\n  background: #FFFFFF;\n  \n\n  border: 1px solid #008561;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 16px rgba(0, 38, 111, 0.122);\n  border-radius: 6px;\n}\n\n.selectable.sc-ez-list {\n  cursor: pointer;\n\n  \n  padding-right: var(--ez-list__selectable--padding-right);\n  padding-left: var(--ez-list__selectable--padding-left);\n}\n\n.selectable-container.sc-ez-list {\n  margin: 0px !important;\n}\n\n.hover-feedback.sc-ez-list:hover {\n  background-color: var(--background--medium);\n  border-radius: var(--border--radius-regular);\n}\n\n.item-content.sc-ez-list {\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.draggable-list.sc-ez-list {\n  padding: 0;\n  margin: 0;\n  width: 100%;\n  max-height: 100%;\n  scrollbar-width: thin;\n  \n  \n  color: var(--text-color);\n  scrollbar-color: var(--ez-list__scrollbar--color-clicked) var(--ez-list__scrollbar--color-background);\n}\n\n.draggable-list.sc-ez-list li.sc-ez-list {\n  display: flex;\n  \n  \n  font-family: var(--ez-list__item--font-family);\n  font-size: var(--ez-list__item--font-size);\n  color: var(--ez-list__item--color);\n  border-bottom: var(--ez-list__item--border-bottom, none) var(--ez-list__item--border-bottom-color);\n}\n\n.draggable-list.sc-ez-list li.sc-ez-list > div.sc-ez-list {\n  \n  padding: var(--space--3xs, 4px) var(--space--3xs, 4px);\n  margin: var(--ez-list__item--margin);\n}\n\n.over.sc-ez-list {\n  \n  border-top: 1px dashed var(--ez-list__over--border--color);\n}\n\n.last-droppable-space.sc-ez-list {\n  \n  height: var(--ez-list__last-droppable-space--height);\n}\n\n.draggable-selected.sc-ez-list {\n  \n  background-color: var(--background--strong) !important;\n}\n\n.draggable-selected.sc-ez-list div.sc-ez-list:hover {\n  \n  background-color: var(--background--strong) !important;\n}\n\n.draggable-list.sc-ez-list::-webkit-scrollbar {\n  \n  background-color: var(--ez-list__scrollbar--color-background);\n  width: var(--ez-list__scrollbar--width);\n  max-width: var(--ez-list__scrollbar--width);\n  min-width: var(--ez-list__scrollbar--width);\n}\n\n.draggable-list.sc-ez-list::-webkit-scrollbar-track {\n  \n  background-color: var(--ez-list__scrollbar--color-background);\n  border-radius: var(--ez-list__scrollbar--border-radius);\n}\n\n.draggable-list.sc-ez-list::-webkit-scrollbar-thumb {\n  \n  background-color: var(--ez-list__scrollbar--color-default);\n  border-radius: var(--ez-list__scrollbar--border-radius);\n}\n\n.draggable-list.sc-ez-list::-webkit-scrollbar-thumb:vertical:hover, .draggable-list.sc-ez-list::-webkit-scrollbar-thumb:horizontal:hover {\n  \n  background-color: var(--ez-list__scrollbar--color-hover);\n}\n\n.draggable-list.sc-ez-list::-webkit-scrollbar-thumb:vertical:active, .draggable-list.sc-ez-list::-webkit-scrollbar-thumb:horizontal:active {\n  \n  background-color: var(--ez-list__scrollbar--color-clicked);\n}\n\n.draggable-icon.sc-ez-list {\n  align-items: flex-start;\n  display: flex;\n  outline: none;\n  border: none;\n  background-color: unset;\n}\n\n.draggable-icon.sc-ez-list::after {\n  content: '';\n  display: flex;\n  width: 18px;\n  height: 18px;\n\n  \n  background-color: var(--ez-list__icon--color);\n  -webkit-mask-image: var(--ez-list__draggable-icon--image);\n  mask-image: var(--ez-list__draggable-icon--image);\n}\n\n*.sc-ez-list {\n  box-sizing: border-box;\n}\n\n.checkbox.sc-ez-list {\n  width: fit-content;\n}\n\n.text--ellipsis.sc-ez-list {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  \n  \n  white-space: var(--ez-list__item--white-space);\n}\n\n.group-container.sc-ez-list {\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n  overflow-y: auto;\n  outline: none;\n  width: 100%;\n  scrollbar-width: thin;\n\n  \n  scrollbar-color: var(--ez-list__scrollbar--color-clicked) var(--ez-list__scrollbar--color-background);\n}\n\n.group-name.sc-ez-list {\n  -webkit-user-select: none;\n  -moz-user-select: -moz-none;\n  -ms-user-select: none;\n  user-select: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  \n  color: var(--title--primary);\n  font-family: var(--ez-list__group--font-family);\n  font-size: var(--ez-list__group--font-size);\n  font-weight: var(--ez-list__group--font-weight);\n  padding-bottom: var(--ez-list__group--padding-bottom);\n}\n\n.group.sc-ez-list {\n  display: flex;\n  flex-direction: column;\n}\n\n.group-container.sc-ez-list::-webkit-scrollbar {\n  \n  background-color: var(--ez-list__scrollbar--color-background);\n  width: var(--ez-list__scrollbar--width);\n  max-width: var(--ez-list__scrollbar--width);\n  min-width: var(--ez-list__scrollbar--width);\n}\n\n.group-container.sc-ez-list::-webkit-scrollbar-track {\n  \n  background-color: var(--ez-list__scrollbar--color-background);\n  border-radius: var(--ez-list__scrollbar--border-radius);\n}\n\n.group-container.sc-ez-list::-webkit-scrollbar-thumb {\n  \n  background-color: var(--ez-list__scrollbar--color-default);\n  border-radius: var(--ez-list__scrollbar--border-radius);\n}\n\n.group-container.sc-ez-list::-webkit-scrollbar-thumb:vertical:hover, .group-container.sc-ez-list::-webkit-scrollbar-thumb:horizontal:hover {\n  \n  background-color: var(--ez-list__scrollbar--color-hover);\n}\n\n.group-container.sc-ez-list::-webkit-scrollbar-thumb:vertical:active, .group-container.sc-ez-list::-webkit-scrollbar-thumb:horizontal:active {\n  \n  background-color: var(--ez-list__scrollbar--color-clicked);\n}\n\n.section-container.sc-ez-list {\n  display: flex;\n  position: relative;\n  height: 100%;\n}\n\n.items-container.sc-ez-list {\n  width: 100%;\n  max-height: 100%;\n  outline: none;\n  scrollbar-width: thin;\n\n  \n  scrollbar-color: var(--ez-list__scrollbar--color-clicked) var(--ez-list__scrollbar--color-background);\n}\n\n.group-items-container.sc-ez-list {\n  width: 100%;\n  max-height: 100%;\n  height: 100%;\n  outline: none;\n}\n\n.items-container.sc-ez-list::-webkit-scrollbar {\n  \n  background-color: var(--ez-list__scrollbar--color-background);\n  width: var(--ez-list__scrollbar--width);\n  max-width: var(--ez-list__scrollbar--width);\n  min-width: var(--ez-list__scrollbar--width);\n}\n\n.items-container.sc-ez-list::-webkit-scrollbar-track {\n  \n  background-color: var(--ez-list__scrollbar--color-background);\n  border-radius: var(--ez-list__scrollbar--border-radius);\n}\n\n.items-container.sc-ez-list::-webkit-scrollbar-thumb {\n  \n  background-color: var(--ez-list__scrollbar--color-default);\n  border-radius: var(--ez-list__scrollbar--border-radius);\n}\n\n.items-container.sc-ez-list::-webkit-scrollbar-thumb:vertical:hover, .items-container.sc-ez-list::-webkit-scrollbar-thumb:horizontal:hover {\n  \n  background-color: var(--ez-list__scrollbar--color-hover);\n}\n\n.items-container.sc-ez-list::-webkit-scrollbar-thumb:vertical:active, .items-container.sc-ez-list::-webkit-scrollbar-thumb:horizontal:active {\n  \n  background-color: var(--ez-list__scrollbar--color-clicked);\n}\n\n.group-overlay.sc-ez-list {\n  background: rgba(226, 244, 239, 0.8);\n  border: 1px solid #008561;\n  border-radius: 8px;\n  position: absolute;\n  display: none;\n  place-items: center;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 2;\n  margin: 0;\n  cursor: pointer;\n\n  \n  font-family: var(--ez-list__group-overlay--font-family);\n  font-size: var(--ez-list__group-overlay--font-size);\n}\n\n.presetedHeight.sc-ez-list {\n  min-height: 100px;\n}\n\n.overlay-text.sc-ez-list {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  font-size: 50px;\n  color: white;\n  transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n}\n\n.selected-item.sc-ez-list {\n  \n  background: var(--ez-list__selected-item--background-color);\n  border-radius: var(--ez-list__selected-item--border-radius);\n}\n\n.slot-item.sc-ez-list {\n  align-items: flex-end;\n}\n\n.overGroup.sc-ez-list {\n  background: rgba(226, 244, 239, 0.8);\n  border: 1px solid #008561;\n  box-sizing: border-box;\n  border-radius: 8px;\n  padding-top: 6px;\n}";
+const ezListCss = ".sc-ez-list-h{--ez-list__host--z-index:var(--visible, 1);--ez-list__host--border-radius:var(--border--radius-medium, 12px);--ez-list__host--padding:var(--space--medium, 12px);--ez-list__icon--padding:var(--space--small, 6px);--ez-list__icon--color:#AFB6C0;--ez-list__item--margin:0 var(--space--small, 6px);--ez-list__item--color:var(--title--primary, #2b3a54);--ez-list__item--border-bottom:none;--ez-list__item--border-bottom-color:none;--ez-list__item--font-family:var(--font-pattern, \"Roboto\");--ez-list__item--font-size:var(--text--medium, 14px);--ez-list__item--white-space:var(--ez-list__item--white-space, nowrap);--ez-list__selectable--padding-right:var(--space--small, 6px);--ez-list__selectable--padding-left:var(--space--small, 6px);--ez-list__selected-item--border-radius:var(--border--radius-small, 6px);--ez-list__selected-item--background-color:var(--color--primary-300, #E2F4EF);--ez-list__group--font-family:var(--font-pattern, \"Roboto\");--ez-list__group--font-size:var(--text--medium, 14px);--ez-list__group--font-weight:var(--text-weight--large, 600);--ez-list__group--padding-bottom:var(--space-small, 6px);--ez-list__group-overlay--font-family:var(--font-pattern, \"Roboto\");--ez-list__group-overlay--font-size:var(--text--medium, 14px);--ez-list__over--border--color:var(--color--primary, #008561);--ez-list__last-droppable-space--height:var(--space--small, 6px);--ez-list__draggable-list--padding-bottom:var(--space--small, 6px);--ez-list__draggable-icon--image:url('data:image/svg+xml;utf8,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m 6.75,2.25 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z\"/></svg>');--ez-list__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-list__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-list__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-list__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-list__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-list__scrollbar--width:var(--space--medium, 12px);max-height:100%;width:100%;background-color:#fff;display:flex;z-index:var(--ez-list__host--z-index)}p.sc-ez-list{margin:0}.draggable.sc-ez-list{width:100%;display:grid;grid-template-columns:minmax(0px, auto) minmax(0px, auto);place-items:center;border-top:1px solid #fff;justify-content:space-between;font-family:var(--ez-list__item--font-family);font-size:var(--ez-list__item--font-size)}.dragging.sc-ez-list{background:#FFFFFF;border:1px solid #008561;box-sizing:border-box;box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122);border-radius:6px}.selectable.sc-ez-list{cursor:pointer;padding-right:var(--ez-list__selectable--padding-right);padding-left:var(--ez-list__selectable--padding-left)}.selectable-container.sc-ez-list{margin:0px !important}.hover-feedback.sc-ez-list:hover{background-color:var(--background--medium);border-radius:var(--border--radius-regular)}.item-content.sc-ez-list{display:flex;align-items:center;overflow:hidden;justify-content:flex-start;width:100%}.draggable-list.sc-ez-list{padding:0;margin:0;width:100%;max-height:100%;scrollbar-width:thin;color:var(--text-color);scrollbar-color:var(--ez-list__scrollbar--color-clicked) var(--ez-list__scrollbar--color-background)}.draggable-list.sc-ez-list li.sc-ez-list{display:flex;font-family:var(--ez-list__item--font-family);font-size:var(--ez-list__item--font-size);color:var(--ez-list__item--color);border-bottom:var(--ez-list__item--border-bottom, none) var(--ez-list__item--border-bottom-color)}.draggable-list.sc-ez-list li.sc-ez-list>div.sc-ez-list{padding:var(--space--2xs, 8px) var(--space--3xs, 4px);margin:var(--ez-list__item--margin)}.over.sc-ez-list{border-top:1px dashed var(--ez-list__over--border--color)}.last-droppable-space.sc-ez-list{height:var(--ez-list__last-droppable-space--height)}.draggable-selected.sc-ez-list{background-color:var(--background--strong) !important}.draggable-selected.sc-ez-list div.sc-ez-list:hover{background-color:var(--background--strong) !important}.draggable-list.sc-ez-list::-webkit-scrollbar{background-color:var(--ez-list__scrollbar--color-background);width:var(--ez-list__scrollbar--width);max-width:var(--ez-list__scrollbar--width);min-width:var(--ez-list__scrollbar--width)}.draggable-list.sc-ez-list::-webkit-scrollbar-track{background-color:var(--ez-list__scrollbar--color-background);border-radius:var(--ez-list__scrollbar--border-radius)}.draggable-list.sc-ez-list::-webkit-scrollbar-thumb{background-color:var(--ez-list__scrollbar--color-default);border-radius:var(--ez-list__scrollbar--border-radius)}.draggable-list.sc-ez-list::-webkit-scrollbar-thumb:vertical:hover,.draggable-list.sc-ez-list::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-list__scrollbar--color-hover)}.draggable-list.sc-ez-list::-webkit-scrollbar-thumb:vertical:active,.draggable-list.sc-ez-list::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-list__scrollbar--color-clicked)}.draggable-icon.sc-ez-list{align-items:flex-start;display:flex;outline:none;border:none;background-color:unset}.draggable-icon.sc-ez-list::after{content:'';display:flex;width:18px;height:18px;background-color:var(--ez-list__icon--color);-webkit-mask-image:var(--ez-list__draggable-icon--image);mask-image:var(--ez-list__draggable-icon--image)}*.sc-ez-list{box-sizing:border-box}.checkbox.sc-ez-list{width:fit-content}.text--ellipsis.sc-ez-list{overflow:hidden;text-overflow:ellipsis;white-space:var(--ez-list__item--white-space)}.group-container.sc-ez-list{display:flex;flex-direction:column;max-height:100%;overflow-y:auto;outline:none;width:100%;scrollbar-width:thin;scrollbar-color:var(--ez-list__scrollbar--color-clicked) var(--ez-list__scrollbar--color-background)}.group-name.sc-ez-list{-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--title--primary);font-family:var(--ez-list__group--font-family);font-size:var(--ez-list__group--font-size);font-weight:var(--ez-list__group--font-weight);padding-bottom:var(--ez-list__group--padding-bottom)}.group.sc-ez-list{display:flex;flex-direction:column}.group-container.sc-ez-list::-webkit-scrollbar{background-color:var(--ez-list__scrollbar--color-background);width:var(--ez-list__scrollbar--width);max-width:var(--ez-list__scrollbar--width);min-width:var(--ez-list__scrollbar--width)}.group-container.sc-ez-list::-webkit-scrollbar-track{background-color:var(--ez-list__scrollbar--color-background);border-radius:var(--ez-list__scrollbar--border-radius)}.group-container.sc-ez-list::-webkit-scrollbar-thumb{background-color:var(--ez-list__scrollbar--color-default);border-radius:var(--ez-list__scrollbar--border-radius)}.group-container.sc-ez-list::-webkit-scrollbar-thumb:vertical:hover,.group-container.sc-ez-list::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-list__scrollbar--color-hover)}.group-container.sc-ez-list::-webkit-scrollbar-thumb:vertical:active,.group-container.sc-ez-list::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-list__scrollbar--color-clicked)}.section-container.sc-ez-list{display:flex;position:relative;height:100%}.items-container.sc-ez-list{width:100%;max-height:100%;outline:none;scrollbar-width:thin;overflow:auto;scrollbar-color:var(--ez-list__scrollbar--color-clicked) var(--ez-list__scrollbar--color-background)}.group-items-container.sc-ez-list{width:100%;max-height:100%;height:100%;outline:none}.items-container.sc-ez-list::-webkit-scrollbar{background-color:var(--ez-list__scrollbar--color-background);width:var(--ez-list__scrollbar--width);max-width:var(--ez-list__scrollbar--width);min-width:var(--ez-list__scrollbar--width)}.items-container.sc-ez-list::-webkit-scrollbar-track{background-color:var(--ez-list__scrollbar--color-background);border-radius:var(--ez-list__scrollbar--border-radius)}.items-container.sc-ez-list::-webkit-scrollbar-thumb{background-color:var(--ez-list__scrollbar--color-default);border-radius:var(--ez-list__scrollbar--border-radius)}.items-container.sc-ez-list::-webkit-scrollbar-thumb:vertical:hover,.items-container.sc-ez-list::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-list__scrollbar--color-hover)}.items-container.sc-ez-list::-webkit-scrollbar-thumb:vertical:active,.items-container.sc-ez-list::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-list__scrollbar--color-clicked)}.group-overlay.sc-ez-list{background:rgba(226, 244, 239, 0.8);border:1px solid #008561;border-radius:8px;position:absolute;display:none;place-items:center;top:0;bottom:0;left:0;right:0;z-index:2;margin:0;cursor:pointer;font-family:var(--ez-list__group-overlay--font-family);font-size:var(--ez-list__group-overlay--font-size)}.presetedHeight.sc-ez-list{min-height:100px}.overlay-text.sc-ez-list{position:absolute;top:50%;left:50%;font-size:50px;color:white;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.selected-item.sc-ez-list{background:var(--ez-list__selected-item--background-color);border-radius:var(--ez-list__selected-item--border-radius)}.slot-item.sc-ez-list{align-items:flex-end}.overGroup.sc-ez-list{background:rgba(226, 244, 239, 0.8);border:1px solid #008561;box-sizing:border-box;border-radius:8px;padding-top:6px}";
 
 const EzList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ezChange = index.createEvent(this, "ezChange", 7);
     this.ezSelectItem = index.createEvent(this, "ezSelectItem", 7);
+    this.ezClickItem = index.createEvent(this, "ezClickItem", 7);
     this.ezCheckChange = index.createEvent(this, "ezCheckChange", 7);
     this.ezDoubleClick = index.createEvent(this, "ezDoubleClick", 7);
     this._listItemsHistory = [];
     this._listItems = [];
     this._listGroupItems = [];
+    this._selectedItem = undefined;
     this.dataSource = [];
     this.listMode = 'regular';
     this.useGroups = false;
@@ -25,6 +27,19 @@ const EzList = class {
     this.itemSlotBuilder = undefined;
     this.itemLeftSlotBuilder = undefined;
     this.hoverFeedback = false;
+    this.disableShortcuts = false;
+  }
+  /**
+   * Seleciona o próximo item.
+   */
+  async selectNextItem() {
+    this.nextOption();
+  }
+  /**
+   * Seleciona o item anterior.
+   */
+  async selectPreviousItem() {
+    this.previousOption();
   }
   /**
    * Limpa o histórico da lista.
@@ -48,23 +63,8 @@ const EzList = class {
    */
   async setSelection(selectedItem, scrollToOption) {
     if (selectedItem && this.ezSelectable) {
+      this._selectedItem = Object.assign({}, selectedItem);
       this.ezSelectItem.emit(selectedItem);
-      if (this.useGroups) {
-        let newList = [...this._listGroupItems];
-        newList.forEach(groupItem => {
-          groupItem.items.forEach(item => {
-            item.selected = item.id === selectedItem.id;
-          });
-        });
-        this._listGroupItems = newList;
-      }
-      else {
-        let newList = [...this._listItems];
-        newList.forEach(item => {
-          item.selected = item.id === selectedItem.id;
-        });
-        this._listItems = newList;
-      }
       if (scrollToOption) {
         let liElem = this.useGroups
           ? this._groupContainer.querySelector('li#item_' + selectedItem.id)
@@ -82,21 +82,7 @@ const EzList = class {
    * Obtém o item selecionado.
    */
   async getSelection() {
-    let selectedItem;
-    if (this.useGroups) {
-      this._listGroupItems.every(group => {
-        let item = group.items.find(item => item.selected == true);
-        if (item) {
-          selectedItem = item;
-          return false;
-        }
-        return true;
-      });
-    }
-    else {
-      selectedItem = this._listItems.find(item => item.selected == true);
-    }
-    return selectedItem;
+    return this._selectedItem;
   }
   /**
    * Obtém a lista de items ou grupos.
@@ -111,22 +97,7 @@ const EzList = class {
    * Limpa a seleção atual
    */
   async removeSelection() {
-    if (this.useGroups) {
-      let newList = [...this._listGroupItems];
-      newList.forEach(groupItem => {
-        groupItem.items.forEach(item => {
-          item.selected = false;
-        });
-      });
-      this._listGroupItems = newList;
-    }
-    else {
-      let newList = [...this._listItems];
-      newList.forEach(item => {
-        item.selected = false;
-      });
-      this._listItems = newList;
-    }
+    this._selectedItem = undefined;
   }
   applyUUID(item) {
     if (!item.id) {
@@ -186,6 +157,10 @@ const EzList = class {
   }
   componentDidLoad() {
     core.ElementIDUtils.addIDInfo(this._element);
+    this.bindKeyboardManager();
+  }
+  disconnectCallback() {
+    this.unbindKeyboardManager();
   }
   onDrop(ev, dragEndItem) {
     this.removeOverClass();
@@ -378,92 +353,58 @@ const EzList = class {
     if (this.useGroups) {
       this.setSelection(this._listGroupItems[0].items[0]);
     }
-    {
+    else {
       this.setSelection(this._listItems[0]);
     }
   }
-  nextOption(selectedItem) {
-    let nextItem = undefined;
+  getFlatedItems() {
     if (this.useGroups) {
-      this._listGroupItems.every((group, groupIndex, listGroupItems) => {
-        let item = undefined;
-        let itemIndex = group.items.findIndex(item => item.id == selectedItem.id);
-        if (itemIndex != undefined && itemIndex != -1) {
-          if (itemIndex === group.items.length - 1) {
-            if (groupIndex + 1 <= listGroupItems.length - 1) {
-              item = { label: listGroupItems[groupIndex + 1].items[0].label };
-            }
-          }
-          else {
-            item = { label: group.items[itemIndex + 1].label };
-          }
-        }
-        if (item != undefined) {
-          nextItem = item;
-          return false;
-        }
-        return true;
-      });
+      const itemsGroups = this._listGroupItems.map(({ items }) => items).flat();
+      return itemsGroups;
     }
-    else {
-      let itemIndex = this._listItems.findIndex(item => item.id === selectedItem.id);
-      if (itemIndex >= 0 && itemIndex < this._listItems.length) {
-        nextItem = this._listItems[itemIndex + 1];
-      }
-    }
-    this.setSelection(nextItem, true);
+    return this._listItems;
   }
-  previousOption(selectedItem) {
-    let previousItem = undefined;
-    if (this.useGroups) {
-      this._listGroupItems.every((group, groupIndex, listGroupItems) => {
-        let item = undefined;
-        let itemIndex = group.items.findIndex(item => item.id === selectedItem.id);
-        if (itemIndex != undefined && itemIndex != -1) {
-          if (itemIndex === 0) {
-            if (groupIndex - 1 >= 0) {
-              item = { label: listGroupItems[groupIndex - 1].items[listGroupItems[groupIndex - 1].items.length - 1].label };
-            }
-          }
-          else {
-            item = { label: group.items[itemIndex - 1].label };
-          }
-        }
-        if (item != undefined) {
-          previousItem = item;
-          return false;
-        }
-        return true;
-      });
+  getSelectedIndex(items) {
+    const itemIndex = items.findIndex(item => { var _a; return item.id === ((_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a.id); });
+    return itemIndex;
+  }
+  nextOption() {
+    if (!this._selectedItem) {
+      this.selectFirstItem();
+      return;
     }
-    else {
-      let itemIndex = this._listItems.findIndex(item => item.id === selectedItem.id);
-      if (itemIndex > 0 && itemIndex < this._listItems.length) {
-        previousItem = this._listItems[itemIndex - 1];
-      }
+    const items = this.getFlatedItems();
+    const itemIndex = this.getSelectedIndex(items);
+    if (itemIndex < (items.length - 1)) {
+      const nextItem = items[itemIndex + 1];
+      this.setSelection(nextItem, true);
     }
-    this.setSelection(previousItem, true);
   }
-  keyDownHandler(event) {
-    if (!event.ctrlKey) {
-      event.preventDefault();
+  previousOption() {
+    const items = this.getFlatedItems();
+    const itemIndex = this.getSelectedIndex(items);
+    if (itemIndex > 0) {
+      const previousItem = items[itemIndex - 1];
+      this.setSelection(previousItem, true);
     }
-    this.getSelection().then(selectedItem => {
-      if (selectedItem) {
-        switch (event.key) {
-          case 'ArrowDown':
-            this.nextOption(selectedItem);
-            break;
-          case 'ArrowUp':
-            this.previousOption(selectedItem);
-            break;
-        }
-      }
-      else {
-        this.selectFirstItem();
-      }
-    });
-    event.stopPropagation();
+  }
+  bindKeyboardManager() {
+    this._keyboardManager = new core.KeyboardManager({ propagate: false, element: this._element });
+    if (this.disableShortcuts) {
+      return;
+    }
+    this._keyboardManager
+      .bind("ArrowDown", () => this.nextOption())
+      .bind("ArrowUp", () => this.previousOption())
+      .bind("shift+Tab", () => this.previousOption())
+      .bind("Tab", () => this.nextOption());
+  }
+  unbindKeyboardManager() {
+    this._keyboardManager
+      .unbind("ArrowDown")
+      .unbind("ArrowUp")
+      .unbind("shift+Tab")
+      .unbind("Tab");
   }
   getDivGroupId(groupName) {
     if (groupName) {
@@ -528,38 +469,46 @@ const EzList = class {
   doubleClickItem(item) {
     this.ezDoubleClick.emit(item);
   }
+  onClickItem(item) {
+    this.setSelection(item);
+    this.ezClickItem.emit(item);
+  }
   render() {
-    return (index.h(index.Host, { ref: el => (this._element = el) }, this.useGroups ? (index.h("div", { class: "group-container", ref: el => (this._groupContainer = el), tabIndex: 0, onKeyDown: event => {
-        this.keyDownHandler(event);
-      } }, this._listGroupItems.map(group => {
-      return (index.h("div", { id: this.getDivGroupId(group.group), class: "group", key: group.group + group.items.length, onDrop: () => this.onDropGroup(group) }, index.h("label", { draggable: false, class: "group-name", title: group.group }, group.group), index.h("section", { class: "section-container", onDragOver: ev => ev.preventDefault() }, index.h("div", { class: "group-items-container" }, index.h("div", { class: "draggable-list" }, group.items.map((item, index$1) => (index.h("li", Object.assign({ id: 'item_' + item.id, class: {
+    return (index.h(index.Host, { ref: el => (this._element = el) }, this.useGroups ? (index.h("div", { class: "group-container", ref: el => (this._groupContainer = el), tabIndex: 0 }, this._listGroupItems.map(group => {
+      return (index.h("div", { id: this.getDivGroupId(group.group), class: "group", key: group.group + group.items.length, onDrop: () => this.onDropGroup(group) }, index.h("label", { draggable: false, class: "group-name", title: group.group }, group.group), index.h("section", { class: "section-container", onDragOver: ev => ev.preventDefault() }, index.h("div", { class: "group-items-container" }, index.h("div", { class: "draggable-list" }, group.items.map((item, index$1) => {
+        var _a;
+        return (index.h("li", Object.assign({ id: 'item_' + item.id, class: {
+            'selectable-container': this.ezSelectable,
+            'hover-feedback': this.hoverFeedback,
+          }, key: 'item_' + item.id }, {
+          [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: core.ElementIDUtils.getInternalIDInfo(`ezListItem__${core.StringUtils.replaceAccentuatedChars(item.label)}`),
+        }), index.h("div", { class: 'draggable' + (((_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a.id) === item.id ? ' selected-item ' : '') + (this.ezSelectable == true ? ' selectable ' : ''), onDblClick: () => {
+            this.doubleClickItem(item);
+          }, onClick: () => {
+            this.onClickItem(item);
+          }, onDragLeave: () => {
+            group.sort ? undefined : this.removeOverClass();
+          }, onDragEnd: () => this.onDragEnd(), onDragStart: () => this.onDragStart(item, group, index$1), onDragOver: event => {
+            group.sort ? undefined : this.onDragOverItem(event);
+          }, onDrop: event => this.onDrop(event, { groupName: group.group, item: item, index: index$1 }), draggable: this.ezDraggable }, index.h("div", { class: "item-content" }, this.ezDraggable ? index.h("span", { class: "draggable-icon" }) : undefined, this.listMode === 'regular' ? (index.h(index.Fragment, null, !!this.itemLeftSlotBuilder && this.getContainerItemBuilder('left', item, group), index.h("p", { title: item.label, class: "person-name text--ellipsis" }, item.label))) : (index.h("ez-check", { label: item.label, value: item.check, onEzChange: evt => this.ezCheckChange.emit({ id: item.id, label: item.label, check: evt.detail }) }))), !!this.itemSlotBuilder && this.getContainerItemBuilder('right', item, group, 'slot-item'))));
+      })), index.h("div", { class: "last-droppable-space", onDragLeave: () => this.removeOverClass(), onDragOver: event => {
+          this.onDragOverLastIndex(event);
+        }, onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDropLastIndex(event, group) })), group.sort ? (index.h("div", { id: this.getGroupOverlayId(group.group), class: "group-overlay" }, "Mover para ", group.group)) : undefined)));
+    }))) : (index.h("div", { class: "items-container", ref: el => (this._itemContainer = el), tabIndex: 0 }, index.h("ul", { class: "draggable-list" }, this._listItems.map((item, index$1) => {
+      var _a, _b;
+      return (index.h("li", Object.assign({ id: 'item_' + item.id, class: {
           'selectable-container': this.ezSelectable,
-          'hover-feedback': this.hoverFeedback,
-        }, key: 'item_' + item.id }, {
-        [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: core.ElementIDUtils.getInternalIDInfo(`ezListItem__${core.StringUtils.replaceAccentuatedChars(item.label)}`),
-      }), index.h("div", { class: 'draggable' + (item.selected == true ? ' selected-item ' : '') + (this.ezSelectable == true ? ' selectable ' : ''), onDblClick: () => {
+          'selected-item': ((_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a.id) === item.id,
+          'hover-feedback': this.hoverFeedback && ((_b = this._selectedItem) === null || _b === void 0 ? void 0 : _b.id) !== item.id,
+        }, key: 'item_' + item.id }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: core.ElementIDUtils.getInternalIDInfo(`ezListItem__${core.StringUtils.replaceAccentuatedChars(item.label)}`) }), index.h("div", { class: 'draggable' + (this.ezSelectable == true ? ' selectable ' : ''), onDragStart: () => this.onDragStart({ item: item, index: index$1 }), onDblClick: () => {
           this.doubleClickItem(item);
         }, onClick: () => {
-          this.setSelection(item);
-        }, onDragLeave: () => {
-          group.sort ? undefined : this.removeOverClass();
-        }, onDragEnd: () => this.onDragEnd(), onDragStart: () => this.onDragStart(item, group, index$1), onDragOver: event => {
-          group.sort ? undefined : this.onDragOverItem(event);
-        }, onDrop: event => this.onDrop(event, { groupName: group.group, item: item, index: index$1 }), draggable: this.ezDraggable }, index.h("div", { class: "item-content" }, this.ezDraggable ? index.h("span", { class: "draggable-icon" }) : undefined, this.listMode === 'regular' ? (index.h(index.Fragment, null, !!this.itemLeftSlotBuilder && this.getContainerItemBuilder('left', item, group), index.h("p", { title: item.label, class: "person-name text--ellipsis" }, item.label))) : (index.h("ez-check", { label: item.label, value: item.check, onEzChange: evt => this.ezCheckChange.emit({ id: item.id, label: item.label, check: evt.detail }) }))), !!this.itemSlotBuilder && this.getContainerItemBuilder('right', item, group, 'slot-item')))))), index.h("div", { class: "last-droppable-space", onDragLeave: () => this.removeOverClass(), onDragOver: event => {
+          this.onClickItem(item);
+        }, onDragLeave: () => this.removeOverClass(), onDragOver: event => this.onDragOverItem(event), onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDrop(event, { item: item, index: index$1 }), draggable: this.ezDraggable }, index.h("div", { class: "item-content" }, this.listMode === 'regular' ? (index.h(index.Fragment, null, this.ezDraggable ? index.h("span", { class: "draggable-icon" }) : undefined, !!this.itemLeftSlotBuilder && this.getContainerItemBuilder('left', item), index.h("p", { title: item.label, class: "person-name text--ellipsis" }, item.label))) : (index.h(index.Fragment, null, this.ezDraggable ? index.h("span", { class: "draggable-icon" }) : undefined, index.h("ez-check", { label: item.label, value: item.check, onEzChange: evt => this.ezCheckChange.emit({ id: item.id, label: item.label, check: evt.detail }) })))), !!this.itemSlotBuilder && this.getContainerItemBuilder('right', item))));
+    }), this.ezDraggable &&
+      index.h("div", { class: "last-droppable-space", onDragLeave: () => this.removeOverClass(), onDragOver: event => {
           this.onDragOverLastIndex(event);
-        }, onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDropLastIndex(event, group) })), group.sort ? (index.h("div", { id: this.getGroupOverlayId(group.group), class: "group-overlay" }, "Mover para ", group.group)) : undefined)));
-    }))) : (index.h("div", { class: "items-container", ref: el => (this._itemContainer = el), tabIndex: 0, onKeyDown: event => {
-        this.keyDownHandler(event);
-      } }, index.h("div", { class: "draggable-list" }, this._listItems.map((item, index$1) => (index.h("li", Object.assign({ id: 'item_' + item.id, class: {
-        'selectable-container': this.ezSelectable,
-        'hover-feedback': this.hoverFeedback,
-      }, key: 'item_' + item.id }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: core.ElementIDUtils.getInternalIDInfo(`ezListItem__${core.StringUtils.replaceAccentuatedChars(item.label)}`) }), index.h("div", { class: 'draggable' + (item.selected == true ? ' selected-item ' : '') + (this.ezSelectable == true ? ' selectable ' : ''), onDragStart: () => this.onDragStart({ item: item, index: index$1 }), onDblClick: () => {
-        this.doubleClickItem(item);
-      }, onClick: () => {
-        this.setSelection(item);
-      }, onDragLeave: () => this.removeOverClass(), onDragOver: event => this.onDragOverItem(event), onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDrop(event, { item: item, index: index$1 }), draggable: this.ezDraggable }, index.h("div", { class: "item-content" }, this.listMode === 'regular' ? (index.h(index.Fragment, null, this.ezDraggable ? index.h("span", { class: "draggable-icon" }) : undefined, !!this.itemLeftSlotBuilder && this.getContainerItemBuilder('left', item), index.h("p", { title: item.label, class: "person-name text--ellipsis" }, item.label))) : (index.h(index.Fragment, null, this.ezDraggable ? index.h("span", { class: "draggable-icon" }) : undefined, index.h("ez-check", { label: item.label, value: item.check, onEzChange: evt => this.ezCheckChange.emit({ id: item.id, label: item.label, check: evt.detail }) })))), !!this.itemSlotBuilder && this.getContainerItemBuilder('right', item))))), index.h("div", { class: "last-droppable-space", onDragLeave: () => this.removeOverClass(), onDragOver: event => {
-        this.onDragOverLastIndex(event);
-      }, onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDropLastIndex(event) }))))));
+        }, onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDropLastIndex(event) }))))));
   }
 };
 EzList.style = ezListCss;

package/dist/cjs/ez-number-input.cjs.entry.js

@@ -27,7 +27,6 @@ const EzNumberInput = class {
     this.precision = undefined;
     this.prettyPrecision = undefined;
     this.mode = "regular";
-    this.autoFocus = false;
   }
   /**
    * Aplica o foco no campo.
@@ -168,17 +167,11 @@ const EzNumberInput = class {
     const textValue = this.getTextValue(this.value) || '';
     if ((this._value || '') !== textValue) {
       this._value = textValue;
-      this._textInput.value = this._value;
     }
   }
   componentDidLoad() {
     CSSVarsUtils.CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
     this.setInputValue();
-    if (this.autoFocus) {
-      requestAnimationFrame(() => {
-        this.setFocus({ selectText: true });
-      });
-    }
   }
   render() {
     core.ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');

package/dist/cjs/ez-popover.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 
-const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--most-visible, 3);position:relative;display:flex;user-select:none}.popover__box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:100%}";
+const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--most-visible, 3);--ez-popover__height:fit-content;--ez-popover__max-height:fit-content;--ez-popover__margin:0;position:relative;display:flex;user-select:none}.popover__box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:var(--ez-popover__height);max-height:var(--ez-popover__max-height);background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow);margin:var(--ez-popover__margin)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:100%}";
 
 const EzPopover = class {
   constructor(hostRef) {

package/dist/cjs/ez-popup.cjs.entry.js

@@ -35,7 +35,7 @@ const EzPopup = class {
       this._popupRef.focus();
     }
     new core.KeyboardManager({ propagate: false, element: this._element })
-      .bind("Enter", this.ezPopupAction.emit.bind("OK"))
+      .bind("Enter", () => this.ezPopupAction.emit("OK"))
       .bind("Escape", () => this.closePopup())
       .bind("Esc", () => this.closePopup());
   }

package/dist/cjs/ez-search.cjs.entry.js

@@ -51,7 +51,6 @@ const EzSearch = class {
     this.suppressSearch = false;
     this.ensureClearButtonVisible = false;
     this.suppressPreLoad = false;
-    this.autoFocus = false;
   }
   observeErrorMessage() {
     var _a;
@@ -110,9 +109,9 @@ const EzSearch = class {
   /**
    * Aplica o foco no campo.
    */
-  async setFocus(options) {
+  async setFocus() {
     if (this._textInput) {
-      this._textInput.setFocus(options);
+      this._textInput.setFocus();
     }
   }
   /**
@@ -385,16 +384,15 @@ const EzSearch = class {
   replaceHighlight(value) {
     const startHighlight = new RegExp(this._startHighlightTag, 'g');
     const endHighlight = new RegExp(this._endHighlightTag, 'g');
-    return String(value !== null && value !== void 0 ? value : "").replace(startHighlight, '').replace(endHighlight, '');
+    return (value !== null && value !== void 0 ? value : "").replace(startHighlight, '').replace(endHighlight, '');
   }
-  selectOption(newOption, focusOnInput = true) {
+  selectOption(newOption) {
     var _a, _b;
     const currentValue = this.getSelectedOption(this.value);
     const newOptionsReplaced = Object.assign(Object.assign({}, newOption), { value: this.replaceHighlight(newOption === null || newOption === void 0 ? void 0 : newOption.value), label: this.replaceHighlight(newOption === null || newOption === void 0 ? void 0 : newOption.label) });
-    const newOptionsFormatted = Object.assign(Object.assign({}, newOptionsReplaced), { value: this.replaceQuotes(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value), label: this.replaceQuotes(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.label) });
-    if ((((_a = currentValue === null || currentValue === void 0 ? void 0 : currentValue.value) === null || _a === void 0 ? void 0 : _a.toString()) !== ((_b = newOptionsFormatted === null || newOptionsFormatted === void 0 ? void 0 : newOptionsFormatted.value) === null || _b === void 0 ? void 0 : _b.toString()))
-      || (currentValue == undefined && newOptionsFormatted != undefined && "value" in newOptionsFormatted)) {
-      const adjustedOpt = !(newOptionsFormatted === null || newOptionsFormatted === void 0 ? void 0 : newOptionsFormatted.value) ? undefined : newOptionsFormatted;
+    if ((((_a = currentValue === null || currentValue === void 0 ? void 0 : currentValue.value) === null || _a === void 0 ? void 0 : _a.toString()) !== ((_b = newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value) === null || _b === void 0 ? void 0 : _b.toString()))
+      || (currentValue == undefined && newOptionsReplaced != undefined && "value" in newOptionsReplaced)) {
+      const adjustedOpt = !(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value) ? undefined : newOptionsReplaced;
       this.value = adjustedOpt;
       this._currentValue = adjustedOpt;
     }
@@ -404,11 +402,6 @@ const EzSearch = class {
     }
     this._visibleOptions = [];
     this.clearSource();
-    if (focusOnInput) {
-      setTimeout(() => {
-        this.setFocus();
-      }, 0);
-    }
   }
   loadOptions(mode, argument = "") {
     this._criteria = argument;
@@ -445,7 +438,7 @@ const EzSearch = class {
     this.value = null;
     this._currentValue = null;
   }
-  controlListWithOnlyOne(focusOnInput = true) {
+  controlListWithOnlyOne() {
     var _a, _b;
     const source = (_a = this._visibleOptions) === null || _a === void 0 ? void 0 : _a.filter((opt) => opt.label !== "" && opt.value != undefined);
     if ((source === null || source === void 0 ? void 0 : source.length) > 0) {
@@ -456,7 +449,7 @@ const EzSearch = class {
         value: (_b = source[0].value) === null || _b === void 0 ? void 0 : _b.replace(startHighlight, '').replace(endHighlight, ''),
         label: title === null || title === void 0 ? void 0 : title.replace(startHighlight, '').replace(endHighlight, '')
       };
-      this.selectOption(option, focusOnInput);
+      this.selectOption(option);
     }
   }
   controlEmptySearch() {
@@ -582,11 +575,6 @@ const EzSearch = class {
         }
       });
     });
-    if (this.autoFocus) {
-      requestAnimationFrame(() => {
-        this.setFocus({ selectText: true });
-      });
-    }
   }
   //---------------------------------------------
   // Event handlers
@@ -656,16 +644,12 @@ const EzSearch = class {
     }
     switch (event.key) {
       case "ArrowDown":
-        event.stopPropagation();
-        if (this.canShowListOptions())
-          event.preventDefault();
         this.nextOption();
+        event.stopPropagation();
         break;
       case "ArrowUp":
-        event.stopPropagation();
-        if (this.canShowListOptions())
-          event.preventDefault();
         this.previousOption();
+        event.stopPropagation();
         break;
       case "Enter":
         this.handleEventPropagation(event);
@@ -676,7 +660,7 @@ const EzSearch = class {
         break;
       case "Tab":
         this._tabPressed = true;
-        this.controlListWithOnlyOne(false);
+        this.controlListWithOnlyOne();
         break;
     }
     //ATENÇÃO: Existe a necessidade de propagar o evento de teclado.