@ebot7/edem - npm Package Compare versions

Comparing version 0.8.3 to 0.9.0

dist/cjs/ed-button_2.cjs.entry.js

@@ -69,10 +69,2 @@ 'use strict';
     };
-    this.handleKeyup = (e) => {
-      if (['Enter'].includes(e.code)) {
-        this.root.click();
-        requestAnimationFrame(() => {
-          this.root.focus();
-        });
-      }
-    };
   }
@@ -95,7 +87,2 @@ /**
   }
-  async connectedCallback() {
-    if (!this.root.hasAttribute('tabindex')) {
-      this.root.tabIndex = 0;
-    }
-  }
   render() {
@@ -115,3 +102,3 @@ const { value, type, rel, target, disabled, active, fullWidth, href } = this;
         'button-active': active,
-      }, onClick: this.handleClick, onKeyUp: this.handleKeyup, onFocus: this.setFocus }, index.h(TagType, Object.assign({}, attrs, { tabIndex: -1, class: "native", part: "native-button", disabled: disabled, ref: (el) => (this.native = el) }), index.h("div", { class: "inner", part: "inner" }, index.h("slot", { name: "icon-only" }), index.h("slot", { name: "start" }), index.h("div", { class: "content", part: "label" }, index.h("slot", null)), index.h("slot", { name: "end" })))));
+      }, onClick: this.handleClick, onFocus: this.setFocus }, index.h(TagType, Object.assign({}, attrs, { class: "native", part: "native-button", disabled: disabled, ref: (el) => (this.native = el) }), index.h("div", { class: "inner", part: "inner" }, index.h("slot", { name: "icon-only" }), index.h("slot", { name: "start" }), index.h("div", { class: "content", part: "label" }, index.h("slot", null)), index.h("slot", { name: "end" })))));
   }
@@ -311,3 +298,3 @@ get root() { return index.getElement(this); }
 
-const edIconCss = ":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;line-height:1;box-sizing:content-box !important}.inner{display:block;height:100%;width:100%}:host([size=md]){font-size:18px !important;line-height:18px}:host([size=lg]){font-size:32px !important;line-height:32px}:host .inner svg{width:100% !important;height:100% !important}:host([color=default]){color:currentColor}:host([color=primary]){color:#046B99}:host([color=success]){color:#74AC41}:host([color=warning]){color:#F6C24E}:host([color=error]){color:#EB3343}:host([color=info]){color:#3689AD}";
+const edIconCss = ":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;line-height:1;box-sizing:content-box !important}.inner{display:block;height:100%;width:100%}:host([size=md]){font-size:24px !important;line-height:24px}:host([size=lg]){font-size:32px !important;line-height:32px}:host .inner svg{width:100% !important;height:100% !important}:host([color=default]){color:currentColor}:host([color=primary]){color:#046B99}:host([color=success]){color:#74AC41}:host([color=warning]){color:#F6C24E}:host([color=error]){color:#EB3343}:host([color=info]){color:#3689AD}";
 
@@ -314,0 +301,0 @@ const EdIcon = class {

dist/cjs/ed-button-group.cjs.entry.js

@@ -13,3 +13,2 @@ 'use strict';
     this.edFocus = index.createEvent(this, "edFocus", 7);
-    this.edChange = index.createEvent(this, "edChange", 7);
     this.edBlur = index.createEvent(this, "edBlur", 7);
@@ -30,7 +29,2 @@ /**
     /**
-     * If the `radio` is selected, then only one button could be active.
-     * Otherway users could select any number of buttons.
-     */
-    this.mode = null;
-    /**
      * The color to use from your application's palette.
@@ -37,0 +31,0 @@ */

dist/cjs/ed-dropdown_5.cjs.entry.js

@@ -500,6 +500,2 @@ 'use strict';
     this.edSelect = index.createEvent(this, "edSelect", 7);
-    /**
-     * If is `true` user can inser text to filter available options
-     */
-    this.searchable = false;
     this.clearActive = () => {
@@ -506,0 +502,0 @@ this.setActiveOption(-1);

dist/cjs/ed-select.cjs.entry.js

@@ -6,30 +6,4 @@ 'use strict';
 const index = require('./index-4c2a3d64.js');
+const renderHidden = require('./render-hidden-e5a3036e.js');
 
-const hasShadowDom = (el) => {
-  return !!el.shadowRoot && !!el.attachShadow;
-};
-const renderHiddenSelect = (always, container, name, value, disabled) => {
-  if (always || hasShadowDom(container)) {
-    let select = container.querySelector('select.aux-input');
-    if (!select) {
-      select = container.ownerDocument.createElement('select');
-      select.classList.add('aux-input');
-      select.style.display = 'none';
-      container.appendChild(select);
-    }
-    select.multiple = Array.isArray(value);
-    select.disabled = disabled;
-    select.name = name;
-    select.value = Array.isArray(value) ? value[0] : value || '';
-    select.innerHTML = '';
-    const values = Array.isArray(value) ? value : [value];
-    values.forEach(value => {
-      const option = container.ownerDocument.createElement('option');
-      option.value = value;
-      option.selected = true;
-      select.appendChild(option);
-    });
-  }
-};
-
 const getOptionName = (el) => {
@@ -299,3 +273,3 @@ const name = el.name;
     syncOptionsAndValue(value, options, this.compareFunc, this.multiple);
-    renderHiddenSelect(true, this.root, (_a = this.name) !== null && _a !== void 0 ? _a : '', value, this.disabled);
+    renderHidden.renderHiddenSelect(true, this.root, (_a = this.name) !== null && _a !== void 0 ? _a : '', value, this.disabled);
   }
@@ -302,0 +276,0 @@ /** Sets focus on the menu. */

dist/cjs/edem.cjs.js

@@ -18,3 +18,3 @@ 'use strict';
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["ed-select.cjs",[[1,"ed-select",{"color":[513],"fullWidth":[516,"full-width"],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"name":[513],"disabled":[516],"clearable":[516],"multiple":[516],"searchable":[516],"maxTags":[514,"max-tags"],"value":[1544],"label":[513],"placeholder":[513],"startIcon":[513,"start-icon"],"endIcon":[513,"end-icon"],"compareFunc":[513,"compare-func"],"searchFunc":[513,"search-func"],"open":[32],"inputValue":[32],"setFocus":[64],"removeFocus":[64]}]]],["ed-tree-node.cjs",[[1,"ed-tree-node",{"label":[513],"open":[1540],"color":[513],"fill":[513],"align":[513],"size":[513],"value":[520],"disabled":[516],"folder":[516]}]]],["ed-button-group.cjs",[[1,"ed-button-group",{"name":[513],"disabled":[516],"justified":[516],"fullWidth":[516,"full-width"],"value":[1544],"mode":[513],"color":[513],"compareFunc":[513,"compare-func"],"setFocus":[64],"removeFocus":[64]}]]],["ed-divider.cjs",[[1,"ed-divider"]]],["ed-menu-header.cjs",[[1,"ed-menu-header",{"label":[1]}]]],["ed-text.cjs",[[1,"ed-text",{"variant":[513],"weight":[1537],"case":[513],"component":[513],"align":[513],"color":[513],"noWrap":[516,"no-wrap"]}]]],["ed-tree-view.cjs",[[1,"ed-tree-view",{"allowDrag":[516,"allow-drag"],"allowFoldersDrag":[516,"allow-folders-drag"]}]]],["ed-button_2.cjs",[[1,"ed-button",{"fullWidth":[516,"full-width"],"color":[513],"align":[513],"size":[513],"fill":[513],"disabled":[516],"active":[516],"href":[513],"rel":[513],"target":[513],"type":[513],"name":[513],"value":[520],"setFocus":[64],"removeFocus":[64]}],[1,"ed-icon",{"name":[513],"color":[513],"size":[513],"iconContent":[32]}]]],["ed-accordion.cjs",[[1,"ed-accordion",{"label":[513],"color":[513],"size":[513],"fill":[513],"icon":[513],"open":[1540]}]]],["ed-dropdown_5.cjs",[[1,"ed-tag",{"clickable":[516],"deletable":[516],"noTruncate":[516,"no-truncate"],"color":[513],"fill":[513],"align":[513],"size":[513],"disabled":[516],"value":[520],"title":[32]}],[1,"ed-option",{"name":[513],"active":[516],"selected":[516],"disabled":[516],"value":[520]}],[1,"ed-dropdown",{"position":[513],"autoFocusOnContent":[516,"auto-focus-on-content"],"autoFocusOnTrigger":[516,"auto-focus-on-trigger"],"openEvent":[513,"open-event"],"closeEvent":[513,"close-event"],"open":[1540],"matchWidth":[516,"match-width"],"keyboardCloseDisabled":[516,"keyboard-close-disabled"],"clickAwayCloseDisabled":[516,"click-away-close-disabled"],"openTimeout":[514,"open-timeout"],"closeTimeout":[514,"close-timeout"],"dropdownID":[32],"update":[64]}],[6,"ed-input",{"color":[513],"fullWidth":[516,"full-width"],"label":[513],"accept":[513],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"selectOnFocus":[516,"select-on-focus"],"debounce":[514],"disabled":[516],"inputmode":[513],"rows":[514],"max":[513],"maxlength":[514],"min":[513],"minlength":[514],"multiple":[516],"multiline":[516],"name":[513],"pattern":[513],"placeholder":[513],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"readonly":[516],"required":[516],"step":[513],"size":[514],"type":[513],"align":[513],"value":[1025],"hideValue":[516,"hide-value"],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"selectText":[64]}],[1,"ed-menu",{"searchable":[516],"setFocus":[64],"removeFocus":[64],"getOptions":[64],"setFirstOptionActive":[64],"setNextOptionActive":[64],"setPrevOptionActive":[64],"selectActiveOption":[64]}]]]], options);
+  return index.bootstrapLazy([["ed-select.cjs",[[1,"ed-select",{"color":[513],"fullWidth":[516,"full-width"],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"name":[513],"disabled":[516],"clearable":[516],"multiple":[516],"searchable":[516],"maxTags":[514,"max-tags"],"value":[1544],"label":[513],"placeholder":[513],"startIcon":[513,"start-icon"],"endIcon":[513,"end-icon"],"compareFunc":[513,"compare-func"],"searchFunc":[513,"search-func"],"open":[32],"inputValue":[32],"setFocus":[64],"removeFocus":[64]}]]],["ed-tree-node.cjs",[[1,"ed-tree-node",{"label":[513],"open":[1540],"color":[513],"fill":[513],"align":[513],"size":[513],"value":[520],"disabled":[516],"folder":[516]}]]],["ed-checkbox.cjs",[[1,"ed-checkbox",{"color":[513],"name":[513],"checked":[1540],"indeterminate":[1540],"disabled":[516],"size":[513],"value":[520],"setFocus":[64],"removeFocus":[64]}]]],["ed-button-group.cjs",[[1,"ed-button-group",{"disabled":[516],"justified":[516],"fullWidth":[516,"full-width"],"color":[513],"setFocus":[64],"removeFocus":[64]}]]],["ed-divider.cjs",[[1,"ed-divider"]]],["ed-menu-header.cjs",[[1,"ed-menu-header"]]],["ed-text.cjs",[[1,"ed-text",{"variant":[513],"weight":[1537],"case":[513],"component":[513],"align":[513],"color":[513],"noWrap":[516,"no-wrap"]}]]],["ed-tree-view.cjs",[[1,"ed-tree-view",{"allowDrag":[516,"allow-drag"],"allowFoldersDrag":[516,"allow-folders-drag"]}]]],["ed-button_2.cjs",[[1,"ed-button",{"fullWidth":[516,"full-width"],"color":[513],"align":[513],"size":[513],"fill":[513],"disabled":[516],"active":[516],"href":[513],"rel":[513],"target":[513],"type":[513],"name":[513],"value":[520],"setFocus":[64],"removeFocus":[64]}],[1,"ed-icon",{"name":[513],"color":[513],"size":[513],"iconContent":[32]}]]],["ed-accordion.cjs",[[1,"ed-accordion",{"label":[513],"color":[513],"size":[513],"fill":[513],"icon":[513],"open":[1540]}]]],["ed-dropdown_5.cjs",[[1,"ed-tag",{"clickable":[516],"deletable":[516],"noTruncate":[516,"no-truncate"],"color":[513],"fill":[513],"align":[513],"size":[513],"disabled":[516],"value":[520],"title":[32]}],[1,"ed-option",{"name":[513],"active":[516],"selected":[516],"disabled":[516],"value":[520]}],[1,"ed-dropdown",{"position":[513],"autoFocusOnContent":[516,"auto-focus-on-content"],"autoFocusOnTrigger":[516,"auto-focus-on-trigger"],"openEvent":[513,"open-event"],"closeEvent":[513,"close-event"],"open":[1540],"matchWidth":[516,"match-width"],"keyboardCloseDisabled":[516,"keyboard-close-disabled"],"clickAwayCloseDisabled":[516,"click-away-close-disabled"],"openTimeout":[514,"open-timeout"],"closeTimeout":[514,"close-timeout"],"dropdownID":[32],"update":[64]}],[6,"ed-input",{"color":[513],"fullWidth":[516,"full-width"],"label":[513],"accept":[513],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"selectOnFocus":[516,"select-on-focus"],"debounce":[514],"disabled":[516],"inputmode":[513],"rows":[514],"max":[513],"maxlength":[514],"min":[513],"minlength":[514],"multiple":[516],"multiline":[516],"name":[513],"pattern":[513],"placeholder":[513],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"readonly":[516],"required":[516],"step":[513],"size":[514],"type":[513],"align":[513],"value":[1025],"hideValue":[516,"hide-value"],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"selectText":[64]}],[1,"ed-menu",{"setFocus":[64],"removeFocus":[64],"getOptions":[64],"setFirstOptionActive":[64],"setNextOptionActive":[64],"setPrevOptionActive":[64],"selectActiveOption":[64]}]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -17,3 +17,3 @@ 'use strict';
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["ed-select.cjs",[[1,"ed-select",{"color":[513],"fullWidth":[516,"full-width"],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"name":[513],"disabled":[516],"clearable":[516],"multiple":[516],"searchable":[516],"maxTags":[514,"max-tags"],"value":[1544],"label":[513],"placeholder":[513],"startIcon":[513,"start-icon"],"endIcon":[513,"end-icon"],"compareFunc":[513,"compare-func"],"searchFunc":[513,"search-func"],"open":[32],"inputValue":[32],"setFocus":[64],"removeFocus":[64]}]]],["ed-tree-node.cjs",[[1,"ed-tree-node",{"label":[513],"open":[1540],"color":[513],"fill":[513],"align":[513],"size":[513],"value":[520],"disabled":[516],"folder":[516]}]]],["ed-button-group.cjs",[[1,"ed-button-group",{"name":[513],"disabled":[516],"justified":[516],"fullWidth":[516,"full-width"],"value":[1544],"mode":[513],"color":[513],"compareFunc":[513,"compare-func"],"setFocus":[64],"removeFocus":[64]}]]],["ed-divider.cjs",[[1,"ed-divider"]]],["ed-menu-header.cjs",[[1,"ed-menu-header",{"label":[1]}]]],["ed-text.cjs",[[1,"ed-text",{"variant":[513],"weight":[1537],"case":[513],"component":[513],"align":[513],"color":[513],"noWrap":[516,"no-wrap"]}]]],["ed-tree-view.cjs",[[1,"ed-tree-view",{"allowDrag":[516,"allow-drag"],"allowFoldersDrag":[516,"allow-folders-drag"]}]]],["ed-button_2.cjs",[[1,"ed-button",{"fullWidth":[516,"full-width"],"color":[513],"align":[513],"size":[513],"fill":[513],"disabled":[516],"active":[516],"href":[513],"rel":[513],"target":[513],"type":[513],"name":[513],"value":[520],"setFocus":[64],"removeFocus":[64]}],[1,"ed-icon",{"name":[513],"color":[513],"size":[513],"iconContent":[32]}]]],["ed-accordion.cjs",[[1,"ed-accordion",{"label":[513],"color":[513],"size":[513],"fill":[513],"icon":[513],"open":[1540]}]]],["ed-dropdown_5.cjs",[[1,"ed-tag",{"clickable":[516],"deletable":[516],"noTruncate":[516,"no-truncate"],"color":[513],"fill":[513],"align":[513],"size":[513],"disabled":[516],"value":[520],"title":[32]}],[1,"ed-option",{"name":[513],"active":[516],"selected":[516],"disabled":[516],"value":[520]}],[1,"ed-dropdown",{"position":[513],"autoFocusOnContent":[516,"auto-focus-on-content"],"autoFocusOnTrigger":[516,"auto-focus-on-trigger"],"openEvent":[513,"open-event"],"closeEvent":[513,"close-event"],"open":[1540],"matchWidth":[516,"match-width"],"keyboardCloseDisabled":[516,"keyboard-close-disabled"],"clickAwayCloseDisabled":[516,"click-away-close-disabled"],"openTimeout":[514,"open-timeout"],"closeTimeout":[514,"close-timeout"],"dropdownID":[32],"update":[64]}],[6,"ed-input",{"color":[513],"fullWidth":[516,"full-width"],"label":[513],"accept":[513],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"selectOnFocus":[516,"select-on-focus"],"debounce":[514],"disabled":[516],"inputmode":[513],"rows":[514],"max":[513],"maxlength":[514],"min":[513],"minlength":[514],"multiple":[516],"multiline":[516],"name":[513],"pattern":[513],"placeholder":[513],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"readonly":[516],"required":[516],"step":[513],"size":[514],"type":[513],"align":[513],"value":[1025],"hideValue":[516,"hide-value"],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"selectText":[64]}],[1,"ed-menu",{"searchable":[516],"setFocus":[64],"removeFocus":[64],"getOptions":[64],"setFirstOptionActive":[64],"setNextOptionActive":[64],"setPrevOptionActive":[64],"selectActiveOption":[64]}]]]], options);
+  return index.bootstrapLazy([["ed-select.cjs",[[1,"ed-select",{"color":[513],"fullWidth":[516,"full-width"],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"name":[513],"disabled":[516],"clearable":[516],"multiple":[516],"searchable":[516],"maxTags":[514,"max-tags"],"value":[1544],"label":[513],"placeholder":[513],"startIcon":[513,"start-icon"],"endIcon":[513,"end-icon"],"compareFunc":[513,"compare-func"],"searchFunc":[513,"search-func"],"open":[32],"inputValue":[32],"setFocus":[64],"removeFocus":[64]}]]],["ed-tree-node.cjs",[[1,"ed-tree-node",{"label":[513],"open":[1540],"color":[513],"fill":[513],"align":[513],"size":[513],"value":[520],"disabled":[516],"folder":[516]}]]],["ed-checkbox.cjs",[[1,"ed-checkbox",{"color":[513],"name":[513],"checked":[1540],"indeterminate":[1540],"disabled":[516],"size":[513],"value":[520],"setFocus":[64],"removeFocus":[64]}]]],["ed-button-group.cjs",[[1,"ed-button-group",{"disabled":[516],"justified":[516],"fullWidth":[516,"full-width"],"color":[513],"setFocus":[64],"removeFocus":[64]}]]],["ed-divider.cjs",[[1,"ed-divider"]]],["ed-menu-header.cjs",[[1,"ed-menu-header"]]],["ed-text.cjs",[[1,"ed-text",{"variant":[513],"weight":[1537],"case":[513],"component":[513],"align":[513],"color":[513],"noWrap":[516,"no-wrap"]}]]],["ed-tree-view.cjs",[[1,"ed-tree-view",{"allowDrag":[516,"allow-drag"],"allowFoldersDrag":[516,"allow-folders-drag"]}]]],["ed-button_2.cjs",[[1,"ed-button",{"fullWidth":[516,"full-width"],"color":[513],"align":[513],"size":[513],"fill":[513],"disabled":[516],"active":[516],"href":[513],"rel":[513],"target":[513],"type":[513],"name":[513],"value":[520],"setFocus":[64],"removeFocus":[64]}],[1,"ed-icon",{"name":[513],"color":[513],"size":[513],"iconContent":[32]}]]],["ed-accordion.cjs",[[1,"ed-accordion",{"label":[513],"color":[513],"size":[513],"fill":[513],"icon":[513],"open":[1540]}]]],["ed-dropdown_5.cjs",[[1,"ed-tag",{"clickable":[516],"deletable":[516],"noTruncate":[516,"no-truncate"],"color":[513],"fill":[513],"align":[513],"size":[513],"disabled":[516],"value":[520],"title":[32]}],[1,"ed-option",{"name":[513],"active":[516],"selected":[516],"disabled":[516],"value":[520]}],[1,"ed-dropdown",{"position":[513],"autoFocusOnContent":[516,"auto-focus-on-content"],"autoFocusOnTrigger":[516,"auto-focus-on-trigger"],"openEvent":[513,"open-event"],"closeEvent":[513,"close-event"],"open":[1540],"matchWidth":[516,"match-width"],"keyboardCloseDisabled":[516,"keyboard-close-disabled"],"clickAwayCloseDisabled":[516,"click-away-close-disabled"],"openTimeout":[514,"open-timeout"],"closeTimeout":[514,"close-timeout"],"dropdownID":[32],"update":[64]}],[6,"ed-input",{"color":[513],"fullWidth":[516,"full-width"],"label":[513],"accept":[513],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"selectOnFocus":[516,"select-on-focus"],"debounce":[514],"disabled":[516],"inputmode":[513],"rows":[514],"max":[513],"maxlength":[514],"min":[513],"minlength":[514],"multiple":[516],"multiline":[516],"name":[513],"pattern":[513],"placeholder":[513],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"readonly":[516],"required":[516],"step":[513],"size":[514],"type":[513],"align":[513],"value":[1025],"hideValue":[516,"hide-value"],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"selectText":[64]}],[1,"ed-menu",{"setFocus":[64],"removeFocus":[64],"getOptions":[64],"setFirstOptionActive":[64],"setNextOptionActive":[64],"setPrevOptionActive":[64],"selectActiveOption":[64]}]]]], options);
   });
@@ -20,0 +20,0 @@ };

dist/collection/collection-manifest.json

 {
   "entries": [
-    "./components/ed-input/ed-input.js",
-    "./components/ed-tree-view/ed-tree-view.js",
     "./components/ed-accordion/ed-accordion.js",
     "./components/ed-button/ed-button.js",
     "./components/ed-button-group/ed-button-group.js",
+    "./components/ed-checkbox/ed-checkbox.js",
     "./components/ed-divider/ed-divider.js",
     "./components/ed-dropdown/ed-dropdown.js",
     "./components/ed-icon/ed-icon.js",
+    "./components/ed-input/ed-input.js",
     "./components/ed-menu/ed-menu.js",
@@ -17,3 +17,4 @@ "./components/ed-menu-header/ed-menu-header.js",
     "./components/ed-text/ed-text.js",
-    "./components/ed-tree-node/ed-tree-node.js"
+    "./components/ed-tree-node/ed-tree-node.js",
+    "./components/ed-tree-view/ed-tree-view.js"
   ],
@@ -20,0 +21,0 @@ "compiler": {

dist/collection/components/ed-accordion/ed-accordion.js

@@ -185,8 +185,13 @@ import { Component, Host, Element, h, Prop, Event, Watch } from '@stencil/core';
       "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        "original": "IconName",
+        "resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"attachment\" | \"block\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"dashboard\" | \"drag_handle\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"image\" | \"insert_link\" | \"intent_library\" | \"lock\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\"",
+        "references": {
+          "IconName": {
+            "location": "import",
+            "path": "../../interface"
+          }
+        }
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -208,3 +213,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -211,0 +216,0 @@ "tags": [],

dist/collection/components/ed-button-group/ed-button-group.js

@@ -26,7 +26,2 @@ import { Component, Host, h, Prop, Element, Event, Method } from '@stencil/core';
     /**
-     * If the `radio` is selected, then only one button could be active.
-     * Otherway users could select any number of buttons.
-     */
-    this.mode = null;
-    /**
      * The color to use from your application's palette.
@@ -68,19 +63,2 @@ */
   static get properties() { return {
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Name attribute for a form element"
-      },
-      "attribute": "name",
-      "reflect": true
-    },
     "disabled": {
@@ -95,3 +73,3 @@ "type": "boolean",
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -114,3 +92,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -142,42 +120,2 @@ "tags": [],
     },
-    "value": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "any | null",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Value of the element"
-      },
-      "attribute": "value",
-      "reflect": true
-    },
-    "mode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ButtonGroupMode",
-        "resolved": "\"checkbox\" | \"radio\"",
-        "references": {
-          "ButtonGroupMode": {
-            "location": "import",
-            "path": "../../interface"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If the `radio` is selected, then only one button could be active.\nOtherway users could select any number of buttons."
-      },
-      "attribute": "mode",
-      "reflect": true,
-      "defaultValue": "null"
-    },
     "color": {
@@ -205,24 +143,2 @@ "type": "string",
       "defaultValue": "'default'"
-    },
-    "compareFunc": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | CompareFn | null",
-        "resolved": "((currentValue: any, compareValue: any) => boolean) | string",
-        "references": {
-          "CompareFn": {
-            "location": "import",
-            "path": "../../interface"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Compare function to check is button selected or not.\nBy default all buttons compared by `Strict Equality Comparison`.\nIf is string passed then it would be used as a key: `compareFunc=\"id\"` goes to `button.id === value.id`\nIf is function passed it will be called: `compareFunc(button, value)`"
-      },
-      "attribute": "compare-func",
-      "reflect": true
     }
@@ -246,17 +162,2 @@ }; }
     }, {
-      "method": "edChange",
-      "name": "edChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fires every time when `value` is changed."
-      },
-      "complexType": {
-        "original": "any | null",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
       "method": "edBlur",
@@ -263,0 +164,0 @@ "name": "edBlur",

dist/collection/components/ed-button/ed-button.js

@@ -75,10 +75,2 @@ import { Component, Host, Prop, Element, Method, h } from '@stencil/core';
     };
-    this.handleKeyup = (e) => {
-      if (['Enter'].includes(e.code)) {
-        this.root.click();
-        requestAnimationFrame(() => {
-          this.root.focus();
-        });
-      }
-    };
   }
@@ -101,7 +93,2 @@ /**
   }
-  async connectedCallback() {
-    if (!this.root.hasAttribute('tabindex')) {
-      this.root.tabIndex = 0;
-    }
-  }
   render() {
@@ -121,4 +108,4 @@ const { value, type, rel, target, disabled, active, fullWidth, href } = this;
         'button-active': active,
-      }, onClick: this.handleClick, onKeyUp: this.handleKeyup, onFocus: this.setFocus },
-      h(TagType, Object.assign({}, attrs, { tabIndex: -1, class: "native", part: "native-button", disabled: disabled, ref: (el) => (this.native = el) }),
+      }, onClick: this.handleClick, onFocus: this.setFocus },
+      h(TagType, Object.assign({}, attrs, { class: "native", part: "native-button", disabled: disabled, ref: (el) => (this.native = el) }),
         h("div", { class: "inner", part: "inner" },
@@ -254,3 +241,3 @@ h("slot", { name: "icon-only" }),
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -273,3 +260,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -304,3 +291,3 @@ "tags": [],
       "complexType": {
-        "original": "string | undefined",
+        "original": "string",
         "resolved": "string",
@@ -310,3 +297,3 @@ "references": {}
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -323,3 +310,3 @@ "tags": [],
       "complexType": {
-        "original": "string | undefined",
+        "original": "string",
         "resolved": "string",
@@ -329,3 +316,3 @@ "references": {}
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -347,3 +334,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -350,0 +337,0 @@ "tags": [],

dist/collection/components/ed-dropdown/ed-dropdown.js

@@ -245,3 +245,3 @@ import { Component, Host, h, Prop, Element, Watch, Event, Method, State, writeTask, } from '@stencil/core';
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -264,3 +264,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -283,3 +283,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -302,3 +302,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -338,3 +338,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -357,3 +357,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -376,3 +376,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -395,3 +395,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -414,3 +414,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -433,3 +433,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -436,0 +436,0 @@ "tags": [],

dist/collection/components/ed-icon/ed-icon.js

@@ -41,5 +41,10 @@ import { Component, Host, State, Prop, Watch, h } from '@stencil/core';
       "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        "original": "IconName",
+        "resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"attachment\" | \"block\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"dashboard\" | \"drag_handle\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"image\" | \"insert_link\" | \"intent_library\" | \"lock\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\"",
+        "references": {
+          "IconName": {
+            "location": "import",
+            "path": "../../interface"
+          }
+        }
       },
@@ -82,3 +87,3 @@ "required": true,
       "complexType": {
-        "original": "'md' | 'lg' | undefined",
+        "original": "'md' | 'lg'",
         "resolved": "\"lg\" | \"md\"",
@@ -85,0 +90,0 @@ "references": {}

dist/collection/components/ed-input/ed-input.js

@@ -209,3 +209,3 @@ import { Component, Element, Event, Host, Method, Prop, State, Watch, h, } from '@stencil/core';
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -351,3 +351,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -370,3 +370,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -526,3 +526,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -612,3 +612,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -631,3 +631,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -689,3 +689,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -793,6 +793,7 @@ "tags": [],
         "original": "InputChangeEventDetail",
-        "resolved": "InputChangeEventDetail",
+        "resolved": "{ value: string; }",
         "references": {
           "InputChangeEventDetail": {
-            "location": "local"
+            "location": "import",
+            "path": "../../interface"
           }
@@ -799,0 +800,0 @@ }

dist/collection/components/ed-menu-header/ed-menu-header.js

@@ -1,2 +0,2 @@
-import { Component, Host, Prop, h } from '@stencil/core';
+import { Component, Host, h } from '@stencil/core';
 /**
@@ -21,21 +21,2 @@ *
   }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The label which will be displayed above the options group"
-      },
-      "attribute": "label",
-      "reflect": false
-    }
-  }; }
 }

dist/collection/components/ed-menu/ed-menu.js

@@ -1,2 +0,2 @@
-import { Component, Host, h, Element, Event, Method, Prop } from '@stencil/core';
+import { Component, Host, h, Element, Event, Method } from '@stencil/core';
 function isOption(element) {
@@ -15,6 +15,2 @@ return element.tagName.toLowerCase() === 'ed-option';
   constructor() {
-    /**
-     * If is `true` user can inser text to filter available options
-     */
-    this.searchable = false;
     this.clearActive = () => {
@@ -137,22 +133,2 @@ this.setActiveOption(-1);
   }; }
-  static get properties() { return {
-    "searchable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If is `true` user can inser text to filter available options"
-      },
-      "attribute": "searchable",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
   static get events() { return [{
@@ -199,7 +175,8 @@ "method": "edFocus",
       "complexType": {
-        "original": "{ option: HTMLEdOptionElement }",
+        "original": "MenuSelectEventDetail",
         "resolved": "{ option: HTMLEdOptionElement; }",
         "references": {
-          "HTMLEdOptionElement": {
-            "location": "global"
+          "MenuSelectEventDetail": {
+            "location": "import",
+            "path": "../../interface"
           }
@@ -206,0 +183,0 @@ }

dist/collection/components/ed-option/ed-option.js

@@ -54,3 +54,3 @@ import { Component, Host, Prop, h } from '@stencil/core';
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -72,3 +72,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -91,3 +91,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -110,3 +110,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -129,3 +129,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -132,0 +132,0 @@ "tags": [],

dist/collection/components/ed-select/ed-select.js

@@ -303,3 +303,3 @@ import { Component, Host, Prop, h, State, Watch, Element, Event, Method, writeTask, } from '@stencil/core';
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -356,3 +356,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -374,3 +374,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -393,3 +393,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -412,3 +412,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -431,3 +431,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -513,5 +513,10 @@ "tags": [],
       "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        "original": "IconName",
+        "resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"attachment\" | \"block\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"dashboard\" | \"drag_handle\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"image\" | \"insert_link\" | \"intent_library\" | \"lock\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\"",
+        "references": {
+          "IconName": {
+            "location": "import",
+            "path": "../../interface"
+          }
+        }
       },
@@ -518,0 +523,0 @@ "required": false,

dist/collection/components/ed-tag/ed-tag.js

@@ -218,3 +218,3 @@ import { Component, Host, Prop, Element, State, Event, h } from '@stencil/core';
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -221,0 +221,0 @@ "tags": [],

dist/collection/components/ed-text/ed-text.js

@@ -53,3 +53,3 @@ import { Component, Host, h, Prop, Element } from '@stencil/core';
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -72,3 +72,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -90,3 +90,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -108,3 +108,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -111,0 +111,0 @@ "tags": [],

dist/collection/components/ed-tree-node/ed-tree-node.js

@@ -90,3 +90,3 @@ import { Component, Host, h, Prop, Element } from '@stencil/core';
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -108,3 +108,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -231,3 +231,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -250,3 +250,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -253,0 +253,0 @@ "tags": [],

dist/collection/components/ed-tree-view/ed-tree-view.js

@@ -109,3 +109,3 @@ import { Component, Host, h, Prop, Event, Element } from '@stencil/core';
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -128,3 +128,3 @@ "tags": [],
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
@@ -150,7 +150,8 @@ "tags": [],
       "complexType": {
-        "original": "MoveNodePayload",
+        "original": "NodeMoveEventDetail",
         "resolved": "{ node: HTMLEdTreeNodeElement; src: HTMLEdTreeNodeElement; dest: HTMLEdTreeNodeElement; }",
         "references": {
-          "MoveNodePayload": {
-            "location": "local"
+          "NodeMoveEventDetail": {
+            "location": "import",
+            "path": "../../interface"
           }
@@ -157,0 +158,0 @@ }

dist/custom-elements/index.d.ts

@@ -23,2 +23,8 @@ /* edem custom elements bundle */
 
+interface EdCheckbox extends Components.EdCheckbox, HTMLElement {}
+export const EdCheckbox: {
+  prototype: EdCheckbox;
+  new (): EdCheckbox;
+};
+
 interface EdDivider extends Components.EdDivider, HTMLElement {}
@@ -25,0 +31,0 @@ export const EdDivider: {

dist/edem/edem.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-74035fb6.js";(()=>{const o=import.meta.url,l={};return""!==o&&(l.resourcesUrl=new URL(".",o).href),e(l)})().then((e=>o([["p-50f8abe3",[[1,"ed-select",{color:[513],fullWidth:[516,"full-width"],helpText:[513,"help-text"],followingHelpText:[513,"following-help-text"],name:[513],disabled:[516],clearable:[516],multiple:[516],searchable:[516],maxTags:[514,"max-tags"],value:[1544],label:[513],placeholder:[513],startIcon:[513,"start-icon"],endIcon:[513,"end-icon"],compareFunc:[513,"compare-func"],searchFunc:[513,"search-func"],open:[32],inputValue:[32],setFocus:[64],removeFocus:[64]}]]],["p-437e2094",[[1,"ed-tree-node",{label:[513],open:[1540],color:[513],fill:[513],align:[513],size:[513],value:[520],disabled:[516],folder:[516]}]]],["p-f46bbedd",[[1,"ed-button-group",{name:[513],disabled:[516],justified:[516],fullWidth:[516,"full-width"],value:[1544],mode:[513],color:[513],compareFunc:[513,"compare-func"],setFocus:[64],removeFocus:[64]}]]],["p-788c39c4",[[1,"ed-divider"]]],["p-c27379fa",[[1,"ed-menu-header",{label:[1]}]]],["p-c41b091b",[[1,"ed-text",{variant:[513],weight:[1537],case:[513],component:[513],align:[513],color:[513],noWrap:[516,"no-wrap"]}]]],["p-50374134",[[1,"ed-tree-view",{allowDrag:[516,"allow-drag"],allowFoldersDrag:[516,"allow-folders-drag"]}]]],["p-9be7e461",[[1,"ed-button",{fullWidth:[516,"full-width"],color:[513],align:[513],size:[513],fill:[513],disabled:[516],active:[516],href:[513],rel:[513],target:[513],type:[513],name:[513],value:[520],setFocus:[64],removeFocus:[64]}],[1,"ed-icon",{name:[513],color:[513],size:[513],iconContent:[32]}]]],["p-7ad005bd",[[1,"ed-accordion",{label:[513],color:[513],size:[513],fill:[513],icon:[513],open:[1540]}]]],["p-bcf88166",[[1,"ed-tag",{clickable:[516],deletable:[516],noTruncate:[516,"no-truncate"],color:[513],fill:[513],align:[513],size:[513],disabled:[516],value:[520],title:[32]}],[1,"ed-option",{name:[513],active:[516],selected:[516],disabled:[516],value:[520]}],[1,"ed-dropdown",{position:[513],autoFocusOnContent:[516,"auto-focus-on-content"],autoFocusOnTrigger:[516,"auto-focus-on-trigger"],openEvent:[513,"open-event"],closeEvent:[513,"close-event"],open:[1540],matchWidth:[516,"match-width"],keyboardCloseDisabled:[516,"keyboard-close-disabled"],clickAwayCloseDisabled:[516,"click-away-close-disabled"],openTimeout:[514,"open-timeout"],closeTimeout:[514,"close-timeout"],dropdownID:[32],update:[64]}],[6,"ed-input",{color:[513],fullWidth:[516,"full-width"],label:[513],accept:[513],autocapitalize:[513],autocomplete:[513],autocorrect:[513],autofocus:[516],selectOnFocus:[516,"select-on-focus"],debounce:[514],disabled:[516],inputmode:[513],rows:[514],max:[513],maxlength:[514],min:[513],minlength:[514],multiple:[516],multiline:[516],name:[513],pattern:[513],placeholder:[513],helpText:[513,"help-text"],followingHelpText:[513,"following-help-text"],readonly:[516],required:[516],step:[513],size:[514],type:[513],align:[513],value:[1025],hideValue:[516,"hide-value"],hasFocus:[32],setFocus:[64],removeFocus:[64],getInputElement:[64],selectText:[64]}],[1,"ed-menu",{searchable:[516],setFocus:[64],removeFocus:[64],getOptions:[64],setFirstOptionActive:[64],setNextOptionActive:[64],setPrevOptionActive:[64],selectActiveOption:[64]}]]]],e)));
+import{p as e,b as o}from"./p-74035fb6.js";(()=>{const o=import.meta.url,l={};return""!==o&&(l.resourcesUrl=new URL(".",o).href),e(l)})().then((e=>o([["p-e4555b09",[[1,"ed-select",{color:[513],fullWidth:[516,"full-width"],helpText:[513,"help-text"],followingHelpText:[513,"following-help-text"],name:[513],disabled:[516],clearable:[516],multiple:[516],searchable:[516],maxTags:[514,"max-tags"],value:[1544],label:[513],placeholder:[513],startIcon:[513,"start-icon"],endIcon:[513,"end-icon"],compareFunc:[513,"compare-func"],searchFunc:[513,"search-func"],open:[32],inputValue:[32],setFocus:[64],removeFocus:[64]}]]],["p-437e2094",[[1,"ed-tree-node",{label:[513],open:[1540],color:[513],fill:[513],align:[513],size:[513],value:[520],disabled:[516],folder:[516]}]]],["p-20669aa0",[[1,"ed-checkbox",{color:[513],name:[513],checked:[1540],indeterminate:[1540],disabled:[516],size:[513],value:[520],setFocus:[64],removeFocus:[64]}]]],["p-b5fe9d43",[[1,"ed-button-group",{disabled:[516],justified:[516],fullWidth:[516,"full-width"],color:[513],setFocus:[64],removeFocus:[64]}]]],["p-788c39c4",[[1,"ed-divider"]]],["p-c27379fa",[[1,"ed-menu-header"]]],["p-c41b091b",[[1,"ed-text",{variant:[513],weight:[1537],case:[513],component:[513],align:[513],color:[513],noWrap:[516,"no-wrap"]}]]],["p-50374134",[[1,"ed-tree-view",{allowDrag:[516,"allow-drag"],allowFoldersDrag:[516,"allow-folders-drag"]}]]],["p-1d80d27d",[[1,"ed-button",{fullWidth:[516,"full-width"],color:[513],align:[513],size:[513],fill:[513],disabled:[516],active:[516],href:[513],rel:[513],target:[513],type:[513],name:[513],value:[520],setFocus:[64],removeFocus:[64]}],[1,"ed-icon",{name:[513],color:[513],size:[513],iconContent:[32]}]]],["p-7ad005bd",[[1,"ed-accordion",{label:[513],color:[513],size:[513],fill:[513],icon:[513],open:[1540]}]]],["p-3ea42578",[[1,"ed-tag",{clickable:[516],deletable:[516],noTruncate:[516,"no-truncate"],color:[513],fill:[513],align:[513],size:[513],disabled:[516],value:[520],title:[32]}],[1,"ed-option",{name:[513],active:[516],selected:[516],disabled:[516],value:[520]}],[1,"ed-dropdown",{position:[513],autoFocusOnContent:[516,"auto-focus-on-content"],autoFocusOnTrigger:[516,"auto-focus-on-trigger"],openEvent:[513,"open-event"],closeEvent:[513,"close-event"],open:[1540],matchWidth:[516,"match-width"],keyboardCloseDisabled:[516,"keyboard-close-disabled"],clickAwayCloseDisabled:[516,"click-away-close-disabled"],openTimeout:[514,"open-timeout"],closeTimeout:[514,"close-timeout"],dropdownID:[32],update:[64]}],[6,"ed-input",{color:[513],fullWidth:[516,"full-width"],label:[513],accept:[513],autocapitalize:[513],autocomplete:[513],autocorrect:[513],autofocus:[516],selectOnFocus:[516,"select-on-focus"],debounce:[514],disabled:[516],inputmode:[513],rows:[514],max:[513],maxlength:[514],min:[513],minlength:[514],multiple:[516],multiline:[516],name:[513],pattern:[513],placeholder:[513],helpText:[513,"help-text"],followingHelpText:[513,"following-help-text"],readonly:[516],required:[516],step:[513],size:[514],type:[513],align:[513],value:[1025],hideValue:[516,"hide-value"],hasFocus:[32],setFocus:[64],removeFocus:[64],getInputElement:[64],selectText:[64]}],[1,"ed-menu",{setFocus:[64],removeFocus:[64],getOptions:[64],setFirstOptionActive:[64],setNextOptionActive:[64],setPrevOptionActive:[64],selectActiveOption:[64]}]]]],e)));

dist/esm/ed-button_2.entry.js

@@ -65,10 +65,2 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-84842128.js';
     };
-    this.handleKeyup = (e) => {
-      if (['Enter'].includes(e.code)) {
-        this.root.click();
-        requestAnimationFrame(() => {
-          this.root.focus();
-        });
-      }
-    };
   }
@@ -91,7 +83,2 @@ /**
   }
-  async connectedCallback() {
-    if (!this.root.hasAttribute('tabindex')) {
-      this.root.tabIndex = 0;
-    }
-  }
   render() {
@@ -111,3 +98,3 @@ const { value, type, rel, target, disabled, active, fullWidth, href } = this;
         'button-active': active,
-      }, onClick: this.handleClick, onKeyUp: this.handleKeyup, onFocus: this.setFocus }, h(TagType, Object.assign({}, attrs, { tabIndex: -1, class: "native", part: "native-button", disabled: disabled, ref: (el) => (this.native = el) }), h("div", { class: "inner", part: "inner" }, h("slot", { name: "icon-only" }), h("slot", { name: "start" }), h("div", { class: "content", part: "label" }, h("slot", null)), h("slot", { name: "end" })))));
+      }, onClick: this.handleClick, onFocus: this.setFocus }, h(TagType, Object.assign({}, attrs, { class: "native", part: "native-button", disabled: disabled, ref: (el) => (this.native = el) }), h("div", { class: "inner", part: "inner" }, h("slot", { name: "icon-only" }), h("slot", { name: "start" }), h("div", { class: "content", part: "label" }, h("slot", null)), h("slot", { name: "end" })))));
   }
@@ -307,3 +294,3 @@ get root() { return getElement(this); }
 
-const edIconCss = ":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;line-height:1;box-sizing:content-box !important}.inner{display:block;height:100%;width:100%}:host([size=md]){font-size:18px !important;line-height:18px}:host([size=lg]){font-size:32px !important;line-height:32px}:host .inner svg{width:100% !important;height:100% !important}:host([color=default]){color:currentColor}:host([color=primary]){color:#046B99}:host([color=success]){color:#74AC41}:host([color=warning]){color:#F6C24E}:host([color=error]){color:#EB3343}:host([color=info]){color:#3689AD}";
+const edIconCss = ":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;line-height:1;box-sizing:content-box !important}.inner{display:block;height:100%;width:100%}:host([size=md]){font-size:24px !important;line-height:24px}:host([size=lg]){font-size:32px !important;line-height:32px}:host .inner svg{width:100% !important;height:100% !important}:host([color=default]){color:currentColor}:host([color=primary]){color:#046B99}:host([color=success]){color:#74AC41}:host([color=warning]){color:#F6C24E}:host([color=error]){color:#EB3343}:host([color=info]){color:#3689AD}";
 
@@ -310,0 +297,0 @@ const EdIcon = class {

dist/esm/ed-button-group.entry.js

@@ -9,3 +9,2 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-84842128.js';
     this.edFocus = createEvent(this, "edFocus", 7);
-    this.edChange = createEvent(this, "edChange", 7);
     this.edBlur = createEvent(this, "edBlur", 7);
@@ -26,7 +25,2 @@ /**
     /**
-     * If the `radio` is selected, then only one button could be active.
-     * Otherway users could select any number of buttons.
-     */
-    this.mode = null;
-    /**
      * The color to use from your application's palette.
@@ -33,0 +27,0 @@ */

dist/esm/ed-dropdown_5.entry.js

@@ -496,6 +496,2 @@ import { r as registerInstance, c as createEvent, w as writeTask, h, H as Host, g as getElement } from './index-84842128.js';
     this.edSelect = createEvent(this, "edSelect", 7);
-    /**
-     * If is `true` user can inser text to filter available options
-     */
-    this.searchable = false;
     this.clearActive = () => {
@@ -502,0 +498,0 @@ this.setActiveOption(-1);

dist/esm/ed-select.entry.js

 import { r as registerInstance, c as createEvent, h, w as writeTask, H as Host, g as getElement } from './index-84842128.js';
+import { a as renderHiddenSelect } from './render-hidden-651cde64.js';
 
-const hasShadowDom = (el) => {
-  return !!el.shadowRoot && !!el.attachShadow;
-};
-const renderHiddenSelect = (always, container, name, value, disabled) => {
-  if (always || hasShadowDom(container)) {
-    let select = container.querySelector('select.aux-input');
-    if (!select) {
-      select = container.ownerDocument.createElement('select');
-      select.classList.add('aux-input');
-      select.style.display = 'none';
-      container.appendChild(select);
-    }
-    select.multiple = Array.isArray(value);
-    select.disabled = disabled;
-    select.name = name;
-    select.value = Array.isArray(value) ? value[0] : value || '';
-    select.innerHTML = '';
-    const values = Array.isArray(value) ? value : [value];
-    values.forEach(value => {
-      const option = container.ownerDocument.createElement('option');
-      option.value = value;
-      option.selected = true;
-      select.appendChild(option);
-    });
-  }
-};
-
 const getOptionName = (el) => {
@@ -31,0 +5,0 @@ const name = el.name;

dist/esm/edem.js

@@ -16,3 +16,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-84842128.js';
 patchBrowser().then(options => {
-  return bootstrapLazy([["ed-select",[[1,"ed-select",{"color":[513],"fullWidth":[516,"full-width"],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"name":[513],"disabled":[516],"clearable":[516],"multiple":[516],"searchable":[516],"maxTags":[514,"max-tags"],"value":[1544],"label":[513],"placeholder":[513],"startIcon":[513,"start-icon"],"endIcon":[513,"end-icon"],"compareFunc":[513,"compare-func"],"searchFunc":[513,"search-func"],"open":[32],"inputValue":[32],"setFocus":[64],"removeFocus":[64]}]]],["ed-tree-node",[[1,"ed-tree-node",{"label":[513],"open":[1540],"color":[513],"fill":[513],"align":[513],"size":[513],"value":[520],"disabled":[516],"folder":[516]}]]],["ed-button-group",[[1,"ed-button-group",{"name":[513],"disabled":[516],"justified":[516],"fullWidth":[516,"full-width"],"value":[1544],"mode":[513],"color":[513],"compareFunc":[513,"compare-func"],"setFocus":[64],"removeFocus":[64]}]]],["ed-divider",[[1,"ed-divider"]]],["ed-menu-header",[[1,"ed-menu-header",{"label":[1]}]]],["ed-text",[[1,"ed-text",{"variant":[513],"weight":[1537],"case":[513],"component":[513],"align":[513],"color":[513],"noWrap":[516,"no-wrap"]}]]],["ed-tree-view",[[1,"ed-tree-view",{"allowDrag":[516,"allow-drag"],"allowFoldersDrag":[516,"allow-folders-drag"]}]]],["ed-button_2",[[1,"ed-button",{"fullWidth":[516,"full-width"],"color":[513],"align":[513],"size":[513],"fill":[513],"disabled":[516],"active":[516],"href":[513],"rel":[513],"target":[513],"type":[513],"name":[513],"value":[520],"setFocus":[64],"removeFocus":[64]}],[1,"ed-icon",{"name":[513],"color":[513],"size":[513],"iconContent":[32]}]]],["ed-accordion",[[1,"ed-accordion",{"label":[513],"color":[513],"size":[513],"fill":[513],"icon":[513],"open":[1540]}]]],["ed-dropdown_5",[[1,"ed-tag",{"clickable":[516],"deletable":[516],"noTruncate":[516,"no-truncate"],"color":[513],"fill":[513],"align":[513],"size":[513],"disabled":[516],"value":[520],"title":[32]}],[1,"ed-option",{"name":[513],"active":[516],"selected":[516],"disabled":[516],"value":[520]}],[1,"ed-dropdown",{"position":[513],"autoFocusOnContent":[516,"auto-focus-on-content"],"autoFocusOnTrigger":[516,"auto-focus-on-trigger"],"openEvent":[513,"open-event"],"closeEvent":[513,"close-event"],"open":[1540],"matchWidth":[516,"match-width"],"keyboardCloseDisabled":[516,"keyboard-close-disabled"],"clickAwayCloseDisabled":[516,"click-away-close-disabled"],"openTimeout":[514,"open-timeout"],"closeTimeout":[514,"close-timeout"],"dropdownID":[32],"update":[64]}],[6,"ed-input",{"color":[513],"fullWidth":[516,"full-width"],"label":[513],"accept":[513],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"selectOnFocus":[516,"select-on-focus"],"debounce":[514],"disabled":[516],"inputmode":[513],"rows":[514],"max":[513],"maxlength":[514],"min":[513],"minlength":[514],"multiple":[516],"multiline":[516],"name":[513],"pattern":[513],"placeholder":[513],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"readonly":[516],"required":[516],"step":[513],"size":[514],"type":[513],"align":[513],"value":[1025],"hideValue":[516,"hide-value"],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"selectText":[64]}],[1,"ed-menu",{"searchable":[516],"setFocus":[64],"removeFocus":[64],"getOptions":[64],"setFirstOptionActive":[64],"setNextOptionActive":[64],"setPrevOptionActive":[64],"selectActiveOption":[64]}]]]], options);
+  return bootstrapLazy([["ed-select",[[1,"ed-select",{"color":[513],"fullWidth":[516,"full-width"],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"name":[513],"disabled":[516],"clearable":[516],"multiple":[516],"searchable":[516],"maxTags":[514,"max-tags"],"value":[1544],"label":[513],"placeholder":[513],"startIcon":[513,"start-icon"],"endIcon":[513,"end-icon"],"compareFunc":[513,"compare-func"],"searchFunc":[513,"search-func"],"open":[32],"inputValue":[32],"setFocus":[64],"removeFocus":[64]}]]],["ed-tree-node",[[1,"ed-tree-node",{"label":[513],"open":[1540],"color":[513],"fill":[513],"align":[513],"size":[513],"value":[520],"disabled":[516],"folder":[516]}]]],["ed-checkbox",[[1,"ed-checkbox",{"color":[513],"name":[513],"checked":[1540],"indeterminate":[1540],"disabled":[516],"size":[513],"value":[520],"setFocus":[64],"removeFocus":[64]}]]],["ed-button-group",[[1,"ed-button-group",{"disabled":[516],"justified":[516],"fullWidth":[516,"full-width"],"color":[513],"setFocus":[64],"removeFocus":[64]}]]],["ed-divider",[[1,"ed-divider"]]],["ed-menu-header",[[1,"ed-menu-header"]]],["ed-text",[[1,"ed-text",{"variant":[513],"weight":[1537],"case":[513],"component":[513],"align":[513],"color":[513],"noWrap":[516,"no-wrap"]}]]],["ed-tree-view",[[1,"ed-tree-view",{"allowDrag":[516,"allow-drag"],"allowFoldersDrag":[516,"allow-folders-drag"]}]]],["ed-button_2",[[1,"ed-button",{"fullWidth":[516,"full-width"],"color":[513],"align":[513],"size":[513],"fill":[513],"disabled":[516],"active":[516],"href":[513],"rel":[513],"target":[513],"type":[513],"name":[513],"value":[520],"setFocus":[64],"removeFocus":[64]}],[1,"ed-icon",{"name":[513],"color":[513],"size":[513],"iconContent":[32]}]]],["ed-accordion",[[1,"ed-accordion",{"label":[513],"color":[513],"size":[513],"fill":[513],"icon":[513],"open":[1540]}]]],["ed-dropdown_5",[[1,"ed-tag",{"clickable":[516],"deletable":[516],"noTruncate":[516,"no-truncate"],"color":[513],"fill":[513],"align":[513],"size":[513],"disabled":[516],"value":[520],"title":[32]}],[1,"ed-option",{"name":[513],"active":[516],"selected":[516],"disabled":[516],"value":[520]}],[1,"ed-dropdown",{"position":[513],"autoFocusOnContent":[516,"auto-focus-on-content"],"autoFocusOnTrigger":[516,"auto-focus-on-trigger"],"openEvent":[513,"open-event"],"closeEvent":[513,"close-event"],"open":[1540],"matchWidth":[516,"match-width"],"keyboardCloseDisabled":[516,"keyboard-close-disabled"],"clickAwayCloseDisabled":[516,"click-away-close-disabled"],"openTimeout":[514,"open-timeout"],"closeTimeout":[514,"close-timeout"],"dropdownID":[32],"update":[64]}],[6,"ed-input",{"color":[513],"fullWidth":[516,"full-width"],"label":[513],"accept":[513],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"selectOnFocus":[516,"select-on-focus"],"debounce":[514],"disabled":[516],"inputmode":[513],"rows":[514],"max":[513],"maxlength":[514],"min":[513],"minlength":[514],"multiple":[516],"multiline":[516],"name":[513],"pattern":[513],"placeholder":[513],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"readonly":[516],"required":[516],"step":[513],"size":[514],"type":[513],"align":[513],"value":[1025],"hideValue":[516,"hide-value"],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"selectText":[64]}],[1,"ed-menu",{"setFocus":[64],"removeFocus":[64],"getOptions":[64],"setFirstOptionActive":[64],"setNextOptionActive":[64],"setPrevOptionActive":[64],"selectActiveOption":[64]}]]]], options);
 });

dist/esm/loader.js

@@ -13,3 +13,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-84842128.js';
   return patchEsm().then(() => {
-  return bootstrapLazy([["ed-select",[[1,"ed-select",{"color":[513],"fullWidth":[516,"full-width"],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"name":[513],"disabled":[516],"clearable":[516],"multiple":[516],"searchable":[516],"maxTags":[514,"max-tags"],"value":[1544],"label":[513],"placeholder":[513],"startIcon":[513,"start-icon"],"endIcon":[513,"end-icon"],"compareFunc":[513,"compare-func"],"searchFunc":[513,"search-func"],"open":[32],"inputValue":[32],"setFocus":[64],"removeFocus":[64]}]]],["ed-tree-node",[[1,"ed-tree-node",{"label":[513],"open":[1540],"color":[513],"fill":[513],"align":[513],"size":[513],"value":[520],"disabled":[516],"folder":[516]}]]],["ed-button-group",[[1,"ed-button-group",{"name":[513],"disabled":[516],"justified":[516],"fullWidth":[516,"full-width"],"value":[1544],"mode":[513],"color":[513],"compareFunc":[513,"compare-func"],"setFocus":[64],"removeFocus":[64]}]]],["ed-divider",[[1,"ed-divider"]]],["ed-menu-header",[[1,"ed-menu-header",{"label":[1]}]]],["ed-text",[[1,"ed-text",{"variant":[513],"weight":[1537],"case":[513],"component":[513],"align":[513],"color":[513],"noWrap":[516,"no-wrap"]}]]],["ed-tree-view",[[1,"ed-tree-view",{"allowDrag":[516,"allow-drag"],"allowFoldersDrag":[516,"allow-folders-drag"]}]]],["ed-button_2",[[1,"ed-button",{"fullWidth":[516,"full-width"],"color":[513],"align":[513],"size":[513],"fill":[513],"disabled":[516],"active":[516],"href":[513],"rel":[513],"target":[513],"type":[513],"name":[513],"value":[520],"setFocus":[64],"removeFocus":[64]}],[1,"ed-icon",{"name":[513],"color":[513],"size":[513],"iconContent":[32]}]]],["ed-accordion",[[1,"ed-accordion",{"label":[513],"color":[513],"size":[513],"fill":[513],"icon":[513],"open":[1540]}]]],["ed-dropdown_5",[[1,"ed-tag",{"clickable":[516],"deletable":[516],"noTruncate":[516,"no-truncate"],"color":[513],"fill":[513],"align":[513],"size":[513],"disabled":[516],"value":[520],"title":[32]}],[1,"ed-option",{"name":[513],"active":[516],"selected":[516],"disabled":[516],"value":[520]}],[1,"ed-dropdown",{"position":[513],"autoFocusOnContent":[516,"auto-focus-on-content"],"autoFocusOnTrigger":[516,"auto-focus-on-trigger"],"openEvent":[513,"open-event"],"closeEvent":[513,"close-event"],"open":[1540],"matchWidth":[516,"match-width"],"keyboardCloseDisabled":[516,"keyboard-close-disabled"],"clickAwayCloseDisabled":[516,"click-away-close-disabled"],"openTimeout":[514,"open-timeout"],"closeTimeout":[514,"close-timeout"],"dropdownID":[32],"update":[64]}],[6,"ed-input",{"color":[513],"fullWidth":[516,"full-width"],"label":[513],"accept":[513],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"selectOnFocus":[516,"select-on-focus"],"debounce":[514],"disabled":[516],"inputmode":[513],"rows":[514],"max":[513],"maxlength":[514],"min":[513],"minlength":[514],"multiple":[516],"multiline":[516],"name":[513],"pattern":[513],"placeholder":[513],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"readonly":[516],"required":[516],"step":[513],"size":[514],"type":[513],"align":[513],"value":[1025],"hideValue":[516,"hide-value"],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"selectText":[64]}],[1,"ed-menu",{"searchable":[516],"setFocus":[64],"removeFocus":[64],"getOptions":[64],"setFirstOptionActive":[64],"setNextOptionActive":[64],"setPrevOptionActive":[64],"selectActiveOption":[64]}]]]], options);
+  return bootstrapLazy([["ed-select",[[1,"ed-select",{"color":[513],"fullWidth":[516,"full-width"],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"name":[513],"disabled":[516],"clearable":[516],"multiple":[516],"searchable":[516],"maxTags":[514,"max-tags"],"value":[1544],"label":[513],"placeholder":[513],"startIcon":[513,"start-icon"],"endIcon":[513,"end-icon"],"compareFunc":[513,"compare-func"],"searchFunc":[513,"search-func"],"open":[32],"inputValue":[32],"setFocus":[64],"removeFocus":[64]}]]],["ed-tree-node",[[1,"ed-tree-node",{"label":[513],"open":[1540],"color":[513],"fill":[513],"align":[513],"size":[513],"value":[520],"disabled":[516],"folder":[516]}]]],["ed-checkbox",[[1,"ed-checkbox",{"color":[513],"name":[513],"checked":[1540],"indeterminate":[1540],"disabled":[516],"size":[513],"value":[520],"setFocus":[64],"removeFocus":[64]}]]],["ed-button-group",[[1,"ed-button-group",{"disabled":[516],"justified":[516],"fullWidth":[516,"full-width"],"color":[513],"setFocus":[64],"removeFocus":[64]}]]],["ed-divider",[[1,"ed-divider"]]],["ed-menu-header",[[1,"ed-menu-header"]]],["ed-text",[[1,"ed-text",{"variant":[513],"weight":[1537],"case":[513],"component":[513],"align":[513],"color":[513],"noWrap":[516,"no-wrap"]}]]],["ed-tree-view",[[1,"ed-tree-view",{"allowDrag":[516,"allow-drag"],"allowFoldersDrag":[516,"allow-folders-drag"]}]]],["ed-button_2",[[1,"ed-button",{"fullWidth":[516,"full-width"],"color":[513],"align":[513],"size":[513],"fill":[513],"disabled":[516],"active":[516],"href":[513],"rel":[513],"target":[513],"type":[513],"name":[513],"value":[520],"setFocus":[64],"removeFocus":[64]}],[1,"ed-icon",{"name":[513],"color":[513],"size":[513],"iconContent":[32]}]]],["ed-accordion",[[1,"ed-accordion",{"label":[513],"color":[513],"size":[513],"fill":[513],"icon":[513],"open":[1540]}]]],["ed-dropdown_5",[[1,"ed-tag",{"clickable":[516],"deletable":[516],"noTruncate":[516,"no-truncate"],"color":[513],"fill":[513],"align":[513],"size":[513],"disabled":[516],"value":[520],"title":[32]}],[1,"ed-option",{"name":[513],"active":[516],"selected":[516],"disabled":[516],"value":[520]}],[1,"ed-dropdown",{"position":[513],"autoFocusOnContent":[516,"auto-focus-on-content"],"autoFocusOnTrigger":[516,"auto-focus-on-trigger"],"openEvent":[513,"open-event"],"closeEvent":[513,"close-event"],"open":[1540],"matchWidth":[516,"match-width"],"keyboardCloseDisabled":[516,"keyboard-close-disabled"],"clickAwayCloseDisabled":[516,"click-away-close-disabled"],"openTimeout":[514,"open-timeout"],"closeTimeout":[514,"close-timeout"],"dropdownID":[32],"update":[64]}],[6,"ed-input",{"color":[513],"fullWidth":[516,"full-width"],"label":[513],"accept":[513],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"selectOnFocus":[516,"select-on-focus"],"debounce":[514],"disabled":[516],"inputmode":[513],"rows":[514],"max":[513],"maxlength":[514],"min":[513],"minlength":[514],"multiple":[516],"multiline":[516],"name":[513],"pattern":[513],"placeholder":[513],"helpText":[513,"help-text"],"followingHelpText":[513,"following-help-text"],"readonly":[516],"required":[516],"step":[513],"size":[514],"type":[513],"align":[513],"value":[1025],"hideValue":[516,"hide-value"],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"selectText":[64]}],[1,"ed-menu",{"setFocus":[64],"removeFocus":[64],"getOptions":[64],"setFirstOptionActive":[64],"setNextOptionActive":[64],"setPrevOptionActive":[64],"selectActiveOption":[64]}]]]], options);
   });
@@ -16,0 +16,0 @@ };

dist/types/components.d.ts

@@ -8,5 +8,3 @@ /* eslint-disable */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Align, ButtonGroupMode, Color, CompareFn, Fill, FontColor, SearchFn, TextFieldTypes, TextVariants } from "./interface";
-import { InputChangeEventDetail } from "./components/ed-input/ed-input";
-import { MoveNodePayload } from "./components/ed-tree-view/ed-tree-view";
+import { Align, CheckboxChangeEventDetail, Color, CompareFn, Fill, FontColor, IconName, InputChangeEventDetail, MenuSelectEventDetail, NodeMoveEventDetail, SearchFn, TextFieldTypes, TextVariants } from "./interface";
 export namespace Components {
@@ -25,3 +23,3 @@ interface EdAccordion {
          */
-        "icon": string;
+        "icon"?: IconName;
         /**
@@ -34,3 +32,3 @@ * Label, noting special
          */
-        "open": boolean;
+        "open"?: boolean;
         /**
@@ -45,3 +43,3 @@ * The button's size. Default options are:  `"sm"`, `"md"`, `"lg"`.
          */
-        "active": boolean;
+        "active"?: boolean;
         /**
@@ -58,3 +56,3 @@ * The inner button elements alignment. Default options are: "start end center".
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
@@ -79,3 +77,3 @@ * Defines how the button will look like.  **Warning**: do not use any icons within the `clear` type
          */
-        "rel": string | undefined;
+        "rel"?: string;
         /**
@@ -96,7 +94,7 @@ * Removes focus on the specified button.
          */
-        "target": string | undefined;
+        "target"?: string;
         /**
           * The type of the button.
          */
-        "type": 'submit' | 'reset' | 'button';
+        "type"?: 'submit' | 'reset' | 'button';
         /**
@@ -113,9 +111,5 @@ * The value attribute of the button.
         /**
-          * Compare function to check is button selected or not. By default all buttons compared by `Strict Equality Comparison`. If is string passed then it would be used as a key: `compareFunc="id"` goes to `button.id === value.id` If is function passed it will be called: `compareFunc(button, value)`
-         */
-        "compareFunc"?: string | CompareFn | null;
-        /**
           * If is `true` user can't interact with the element
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
@@ -128,23 +122,49 @@ * The fullWidth props defines the width of the element If it set `true` the button will expand at 100% of it's parent.
          */
-        "justified": boolean;
+        "justified"?: boolean;
         /**
-          * If the `radio` is selected, then only one button could be active. Otherway users could select any number of buttons.
+          * Removes focus from the menu.
          */
-        "mode": ButtonGroupMode;
+        "removeFocus": () => Promise<void>;
         /**
-          * Name attribute for a form element
+          * Sets focus on the menu.
          */
+        "setFocus": () => Promise<void>;
+    }
+    interface EdCheckbox {
+        /**
+          * If `true`, the checkbox is selected.
+         */
+        "checked"?: boolean;
+        /**
+          * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
+         */
+        "color"?: Color;
+        /**
+          * If `true`, the user cannot interact with the checkbox.
+         */
+        "disabled"?: boolean;
+        /**
+          * If `true`, the checkbox will visually appear as indeterminate.
+         */
+        "indeterminate"?: boolean;
+        /**
+          * The name of the control, which is submitted with the form data.
+         */
         "name": string;
         /**
-          * Removes focus from the menu.
+          * Removes focus on the specified button.
          */
         "removeFocus": () => Promise<void>;
         /**
-          * Sets focus on the menu.
+          * Sets focus on the specified button.
          */
         "setFocus": () => Promise<void>;
         /**
-          * Value of the element
+          * A size of the icon.
          */
-        "value"?: any | null;
+        "size"?: 'md' | 'lg';
+        /**
+          * The value of the checkbox does not mean if it's checked or not, use the `checked` property for that.  The value of a checkbox is analogous to the value of an `<input type="checkbox">`, it's only used when the checkbox participates in a native `<form>`.
+         */
+        "value"?: any;
     }
@@ -157,11 +177,11 @@ interface EdDivider {
          */
-        "autoFocusOnContent": boolean;
+        "autoFocusOnContent"?: boolean;
         /**
           * If `true` then trigger will be focused once the dropdown closes
          */
-        "autoFocusOnTrigger": boolean;
+        "autoFocusOnTrigger"?: boolean;
         /**
           * If `false`, the dropdown will be closed when any other than popver element is clicked
          */
-        "clickAwayCloseDisabled": boolean;
+        "clickAwayCloseDisabled"?: boolean;
         /**
@@ -174,27 +194,27 @@ * A name of the event that fill be fired by trigger, after which dropdown will be closed. Any valid Event name which is produced by HTMLElement
          */
-        "closeTimeout": number;
+        "closeTimeout"?: number;
         /**
           * If `false`, the dropdown will be closed when `ESC` button is pressed
          */
-        "keyboardCloseDisabled": boolean;
+        "keyboardCloseDisabled"?: boolean;
         /**
           * If `true`, the `min-width` of the dropdown will be set the same as the trigger's width
          */
-        "matchWidth": boolean;
+        "matchWidth"?: boolean;
         /**
           * If `true`, the dropdown will be visible
          */
-        "open": boolean;
+        "open"?: boolean;
         /**
           * A name of the event that fill be fired by trigger, after which popove will open. Any valid Event name which is produced by HTMLElement
          */
-        "openEvent": string;
+        "openEvent"?: string;
         /**
           * A number of miliseconds to delay an open event.
          */
-        "openTimeout": number;
+        "openTimeout"?: number;
         /**
           * A position for the dropdown which is relative to the trigger. Format: `vertical horizonal`. Example: `"top left"` ->  dropdown's bottom border will be aligned with trigger's top border  and dropdown's left border will be aligned with trigger's left border.
          */
-        "position": | 'top left'
+        "position"?: | 'top left'
     | 'top center'
@@ -218,7 +238,7 @@ | 'top right'
          */
-        "name": string;
+        "name": IconName;
         /**
           * A size of the icon.
          */
-        "size"?: 'md' | 'lg' | undefined;
+        "size"?: 'md' | 'lg';
     }
@@ -257,7 +277,7 @@ interface EdInput {
          */
-        "debounce": number;
+        "debounce"?: number;
         /**
           * If `true`, the user cannot interact with the input.
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
@@ -270,3 +290,3 @@ * Usually used to show users how many carracthers are left.
          */
-        "fullWidth": boolean;
+        "fullWidth"?: boolean;
         /**
@@ -326,3 +346,3 @@ * Returns the native `<input>` or `<textarea>` element used under the hood.
          */
-        "name": string;
+        "name"?: string;
         /**
@@ -339,3 +359,3 @@ * A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
          */
-        "readonly": boolean;
+        "readonly"?: boolean;
         /**
@@ -348,3 +368,3 @@ * Removes focus on the specified `ed-input`.
          */
-        "required": boolean;
+        "required"?: boolean;
         /**
@@ -377,3 +397,3 @@ * The number of rows if the `multiple` attribute has been set
          */
-        "type": TextFieldTypes;
+        "type"?: TextFieldTypes;
         /**
@@ -394,6 +414,2 @@ * The value of the input.
         /**
-          * If is `true` user can inser text to filter available options
-         */
-        "searchable": boolean;
-        /**
           * Emits the `edSelect` event and passes the active option as a payload
@@ -420,6 +436,2 @@ */
     interface EdMenuHeader {
-        /**
-          * The label which will be displayed above the options group
-         */
-        "label": string;
     }
@@ -430,19 +442,19 @@ interface EdOption {
          */
-        "active": boolean;
+        "active"?: boolean;
         /**
           * If `true`, the user cannot interact with the element.
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
           * String value which is shown in the clickable element
          */
-        "name": string;
+        "name"?: string;
         /**
           * Shows the item either selected or not
          */
-        "selected": boolean;
+        "selected"?: boolean;
         /**
           * The value
          */
-        "value": any;
+        "value"?: any;
     }
@@ -453,3 +465,3 @@ interface EdSelect {
          */
-        "clearable": boolean;
+        "clearable"?: boolean;
         /**
@@ -466,3 +478,3 @@ * The color to use from your application's color palette.
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
@@ -479,3 +491,3 @@ * The end icon name
          */
-        "fullWidth": boolean;
+        "fullWidth"?: boolean;
         /**
@@ -496,7 +508,7 @@ * Helper text to give users a hint what is happening. It could be an error message, or instructions how to fill the password field.
          */
-        "multiple": boolean;
+        "multiple"?: boolean;
         /**
           * Name attribute for a form element
          */
-        "name": string;
+        "name"?: string;
         /**
@@ -517,3 +529,3 @@ * Instructional text that shows before the select has a value.
          */
-        "searchable": boolean;
+        "searchable"?: boolean;
         /**
@@ -526,3 +538,3 @@ * Sets focus on the menu.
          */
-        "startIcon"?: string;
+        "startIcon"?: IconName;
         /**
@@ -553,3 +565,3 @@ * Value of the element
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
@@ -580,3 +592,3 @@ * Defines how the button will look like.  **Warning**: do not use any icons within the `clear` fill type
          */
-        "case": 'upper' | 'lower' | 'capitalize';
+        "case"?: 'upper' | 'lower' | 'capitalize';
         /**
@@ -589,3 +601,3 @@ * The color to use from your application's color palette.
          */
-        "component": string;
+        "component"?: string;
         /**
@@ -598,7 +610,7 @@ * If true, the text will not wrap, but instead will truncate with a text overflow ellipsis. Note that text overflow can only happen with block or inline-block level elements (the element needs to have a width in order to overflow).
          */
-        "variant": TextVariants;
+        "variant"?: TextVariants;
         /**
           * A weight of the text.
          */
-        "weight": 'bold' | 'medium' | 'regular';
+        "weight"?: 'bold' | 'medium' | 'regular';
     }
@@ -617,3 +629,3 @@ interface EdTreeNode {
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
@@ -626,11 +638,11 @@ * Defines how the button will look like.  **Warning**: do not use any icons within the `clear` fill type
          */
-        "folder": boolean;
+        "folder"?: boolean;
         /**
           * The label element similar to `ed-accordion` label
          */
-        "label": string;
+        "label"?: string;
         /**
           * If `true`, the node's content will be visible
          */
-        "open": boolean;
+        "open"?: boolean;
         /**
@@ -649,7 +661,7 @@ * The tag's size. Default options are: `"sm"`, `"md"`, `"lg"`.
          */
-        "allowDrag": boolean;
+        "allowDrag"?: boolean;
         /**
           * If `true` then `folder` nodes could be moved to other ones
          */
-        "allowFoldersDrag": boolean;
+        "allowFoldersDrag"?: boolean;
     }
@@ -676,2 +688,8 @@ }
     };
+    interface HTMLEdCheckboxElement extends Components.EdCheckbox, HTMLStencilElement {
+    }
+    var HTMLEdCheckboxElement: {
+        prototype: HTMLEdCheckboxElement;
+        new (): HTMLEdCheckboxElement;
+    };
     interface HTMLEdDividerElement extends Components.EdDivider, HTMLStencilElement {
@@ -753,2 +771,3 @@ }
         "ed-button-group": HTMLEdButtonGroupElement;
+        "ed-checkbox": HTMLEdCheckboxElement;
         "ed-divider": HTMLEdDividerElement;
@@ -781,3 +800,3 @@ "ed-dropdown": HTMLEdDropdownElement;
          */
-        "icon"?: string;
+        "icon"?: IconName;
         /**
@@ -848,3 +867,3 @@ * Label, noting special
          */
-        "rel"?: string | undefined;
+        "rel"?: string;
         /**
@@ -857,3 +876,3 @@ * The button's size. Default options are:  `"sm"`, `"md"`, `"lg"`.
          */
-        "target"?: string | undefined;
+        "target"?: string;
         /**
@@ -874,6 +893,2 @@ * The type of the button.
         /**
-          * Compare function to check is button selected or not. By default all buttons compared by `Strict Equality Comparison`. If is string passed then it would be used as a key: `compareFunc="id"` goes to `button.id === value.id` If is function passed it will be called: `compareFunc(button, value)`
-         */
-        "compareFunc"?: string | CompareFn | null;
-        /**
           * If is `true` user can't interact with the element
@@ -891,25 +906,51 @@ */
         /**
-          * If the `radio` is selected, then only one button could be active. Otherway users could select any number of buttons.
+          * Emitted when the element loses focus.
          */
-        "mode"?: ButtonGroupMode;
+        "onEdBlur"?: (event: CustomEvent<void>) => void;
         /**
-          * Name attribute for a form element
+          * Fires every time when element gets focus.
          */
+        "onEdFocus"?: (event: CustomEvent<void>) => void;
+    }
+    interface EdCheckbox {
+        /**
+          * If `true`, the checkbox is selected.
+         */
+        "checked"?: boolean;
+        /**
+          * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
+         */
+        "color"?: Color;
+        /**
+          * If `true`, the user cannot interact with the checkbox.
+         */
+        "disabled"?: boolean;
+        /**
+          * If `true`, the checkbox will visually appear as indeterminate.
+         */
+        "indeterminate"?: boolean;
+        /**
+          * The name of the control, which is submitted with the form data.
+         */
         "name"?: string;
         /**
-          * Emitted when the element loses focus.
+          * Emitted when the checkbox loses focus.
          */
         "onEdBlur"?: (event: CustomEvent<void>) => void;
         /**
-          * Fires every time when `value` is changed.
+          * Emitted when the checked property has changed.
          */
-        "onEdChange"?: (event: CustomEvent<any | null>) => void;
+        "onEdChange"?: (event: CustomEvent<CheckboxChangeEventDetail>) => void;
         /**
-          * Fires every time when element gets focus.
+          * Emitted when the checkbox has focus.
          */
         "onEdFocus"?: (event: CustomEvent<void>) => void;
         /**
-          * Value of the element
+          * A size of the icon.
          */
-        "value"?: any | null;
+        "size"?: 'md' | 'lg';
+        /**
+          * The value of the checkbox does not mean if it's checked or not, use the `checked` property for that.  The value of a checkbox is analogous to the value of an `<input type="checkbox">`, it's only used when the checkbox participates in a native `<form>`.
+         */
+        "value"?: any;
     }
@@ -993,7 +1034,7 @@ interface EdDivider {
          */
-        "name": string;
+        "name": IconName;
         /**
           * A size of the icon.
          */
-        "size"?: 'md' | 'lg' | undefined;
+        "size"?: 'md' | 'lg';
     }
@@ -1165,13 +1206,5 @@ interface EdInput {
          */
-        "onEdSelect"?: (event: CustomEvent<{ option: HTMLEdOptionElement }>) => void;
-        /**
-          * If is `true` user can inser text to filter available options
-         */
-        "searchable"?: boolean;
+        "onEdSelect"?: (event: CustomEvent<MenuSelectEventDetail>) => void;
     }
     interface EdMenuHeader {
-        /**
-          * The label which will be displayed above the options group
-         */
-        "label"?: string;
     }
@@ -1288,3 +1321,3 @@ interface EdOption {
          */
-        "startIcon"?: string;
+        "startIcon"?: IconName;
         /**
@@ -1417,3 +1450,3 @@ * Value of the element
          */
-        "onEdMove"?: (event: CustomEvent<MoveNodePayload>) => void;
+        "onEdMove"?: (event: CustomEvent<NodeMoveEventDetail>) => void;
     }
@@ -1424,2 +1457,3 @@ interface IntrinsicElements {
         "ed-button-group": EdButtonGroup;
+        "ed-checkbox": EdCheckbox;
         "ed-divider": EdDivider;
@@ -1446,2 +1480,3 @@ "ed-dropdown": EdDropdown;
             "ed-button-group": LocalJSX.EdButtonGroup & JSXBase.HTMLAttributes<HTMLEdButtonGroupElement>;
+            "ed-checkbox": LocalJSX.EdCheckbox & JSXBase.HTMLAttributes<HTMLEdCheckboxElement>;
             "ed-divider": LocalJSX.EdDivider & JSXBase.HTMLAttributes<HTMLEdDividerElement>;
@@ -1448,0 +1483,0 @@ "ed-dropdown": LocalJSX.EdDropdown & JSXBase.HTMLAttributes<HTMLEdDropdownElement>;

dist/types/components/ed-accordion/ed-accordion.d.ts

 import { EventEmitter } from '../../stencil-public-runtime';
-import { Color, Fill } from '../../interface';
+import type { Color, Fill, IconName } from '../../interface';
 /**
@@ -42,7 +42,7 @@ *
    */
-  icon: string;
+  icon?: IconName;
   /**
    * If `true`, the accordion's content will be visible
    */
-  open: boolean;
+  open?: boolean;
   /**
@@ -49,0 +49,0 @@ * Event fires when the accordion is open

dist/types/components/ed-button-group/ed-button-group.d.ts

 import { EventEmitter } from '../../stencil-public-runtime';
-import type { ButtonGroupMode, Color, CompareFn } from '../../interface';
+import type { Color } from '../../interface';
 /**
@@ -14,13 +14,9 @@ *
   /**
-   * Name attribute for a form element
-   */
-  name: string;
-  /**
    * If is `true` user can't interact with the element
    */
-  disabled: boolean;
+  disabled?: boolean;
   /**
    * If is `true` every button will have an equal width
    */
-  justified: boolean;
+  justified?: boolean;
   /**
@@ -32,11 +28,2 @@ * The fullWidth props defines the width of the element
   /**
-   * Value of the element
-   */
-  value?: any | null;
-  /**
-   * If the `radio` is selected, then only one button could be active.
-   * Otherway users could select any number of buttons.
-   */
-  mode: ButtonGroupMode;
-  /**
    * The color to use from your application's palette.
@@ -46,9 +33,2 @@ */
   /**
-   * Compare function to check is button selected or not.
-   * By default all buttons compared by `Strict Equality Comparison`.
-   * If is string passed then it would be used as a key: `compareFunc="id"` goes to `button.id === value.id`
-   * If is function passed it will be called: `compareFunc(button, value)`
-   */
-  compareFunc?: string | CompareFn | null;
-  /**
    * Fires every time when element gets focus.
@@ -58,6 +38,2 @@ */
   /**
-   * Fires every time when `value` is changed.
-   */
-  edChange: EventEmitter<any | null>;
-  /**
    * Emitted when the element loses focus.
@@ -64,0 +40,0 @@ */

dist/types/components/ed-button/ed-button.d.ts

@@ -1,7 +0,2 @@
-import { ComponentInterface } from '../../stencil-public-runtime';
 import type { Align, Color, Fill } from '../../interface';
-interface ButtonInterface extends ComponentInterface {
-  type: 'submit' | 'reset' | 'button';
-  disabled: boolean;
-}
 /**
@@ -21,3 +16,3 @@ *
  */
-export declare class EdButton implements ButtonInterface {
+export declare class EdButton {
   private native;
@@ -53,3 +48,3 @@ root: HTMLEdButtonElement;
    */
-  disabled: boolean;
+  disabled?: boolean;
   /**
@@ -59,3 +54,3 @@ * If `true`, the button will be rendered with `active` styles.
    */
-  active: boolean;
+  active?: boolean;
   /**
@@ -70,3 +65,3 @@ * Contains a URL or a URL fragment that the hyperlink points to.
    */
-  rel: string | undefined;
+  rel?: string;
   /**
@@ -77,7 +72,7 @@ * Specifies where to display the linked URL.
    */
-  target: string | undefined;
+  target?: string;
   /**
    * The type of the button.
    */
-  type: 'submit' | 'reset' | 'button';
+  type?: 'submit' | 'reset' | 'button';
   /**
@@ -99,7 +94,4 @@ * The name attribute of the button.
   removeFocus(): Promise<void>;
-  connectedCallback(): Promise<void>;
   private handleClick;
-  private handleKeyup;
   render(): any;
 }
-export {};

dist/types/components/ed-dropdown/ed-dropdown.d.ts

@@ -29,11 +29,11 @@ import { EventEmitter } from '../../stencil-public-runtime';
    */
-  position: 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right';
+  position?: 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right';
   /**
    * If `true` then content will be focused once the dropdown opens
    */
-  autoFocusOnContent: boolean;
+  autoFocusOnContent?: boolean;
   /**
    * If `true` then trigger will be focused once the dropdown closes
    */
-  autoFocusOnTrigger: boolean;
+  autoFocusOnTrigger?: boolean;
   /**
@@ -43,3 +43,3 @@ * A name of the event that fill be fired by trigger, after which popove will open.
    */
-  openEvent: string;
+  openEvent?: string;
   /**
@@ -53,19 +53,19 @@ * A name of the event that fill be fired by trigger, after which dropdown will be closed.
    */
-  open: boolean;
+  open?: boolean;
   /**
    * If `true`, the `min-width` of the dropdown will be set the same as the trigger's width
    */
-  matchWidth: boolean;
+  matchWidth?: boolean;
   /**
    * If `false`, the dropdown will be closed when `ESC` button is pressed
    */
-  keyboardCloseDisabled: boolean;
+  keyboardCloseDisabled?: boolean;
   /**
    * If `false`, the dropdown will be closed when any other than popver element is clicked
    */
-  clickAwayCloseDisabled: boolean;
+  clickAwayCloseDisabled?: boolean;
   /**
    * A number of miliseconds to delay an open event.
    */
-  openTimeout: number;
+  openTimeout?: number;
   /**
@@ -75,3 +75,3 @@ * A number of miliseconds to delay a close event.
    */
-  closeTimeout: number;
+  closeTimeout?: number;
   /**
@@ -78,0 +78,0 @@ * Event fires when the dropdown is open

dist/types/components/ed-icon/ed-icon.d.ts

@@ -1,2 +0,2 @@
-import { Color } from '../../interface';
+import type { Color, IconName } from '../../interface';
 /**
@@ -10,3 +10,3 @@ * @example Icons list - list.html
    */
-  name: string;
+  name: IconName;
   /**
@@ -19,3 +19,3 @@ * The color to use from your application's color palette.
    */
-  size?: 'md' | 'lg' | undefined;
+  size?: 'md' | 'lg';
   componentWillLoad(): void;
@@ -22,0 +22,0 @@ private updateIcon;

dist/types/components/ed-input/ed-input.d.ts

 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { Align, TextFieldTypes, Color } from '../../interface';
-export interface InputChangeEventDetail {
-  value: string | undefined | null;
-}
+import type { Align, TextFieldTypes, Color, InputChangeEventDetail } from '../../interface';
 /**
@@ -31,3 +28,3 @@ *
    */
-  fullWidth: boolean;
+  fullWidth?: boolean;
   /**
@@ -64,7 +61,7 @@ * The input label
    */
-  debounce: number;
+  debounce?: number;
   /**
    * If `true`, the user cannot interact with the input.
    */
-  disabled: boolean;
+  disabled?: boolean;
   /**
@@ -107,3 +104,3 @@ * A hint to the browser for which keyboard to display.
    */
-  name: string;
+  name?: string;
   /**
@@ -130,7 +127,7 @@ * A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
    */
-  readonly: boolean;
+  readonly?: boolean;
   /**
    * If `true`, the user must fill in a value before submitting a form.
    */
-  required: boolean;
+  required?: boolean;
   /**
@@ -148,3 +145,3 @@ * Works with the min and max attributes to limit the increments at which a value can be set.
    */
-  type: TextFieldTypes;
+  type?: TextFieldTypes;
   /**
@@ -151,0 +148,0 @@ * The inner text alignment.

dist/types/components/ed-menu-header/ed-menu-header.d.ts

@@ -8,7 +8,3 @@ /**
 export declare class EdMenuHeader {
-  /**
-   * The label which will be displayed above the options group
-   */
-  label: string;
   render(): any;
 }

dist/types/components/ed-menu/ed-menu.d.ts

 import { EventEmitter } from '../../stencil-public-runtime';
+import type { MenuSelectEventDetail } from '../../interface';
 /**
@@ -14,6 +15,2 @@ *
   /**
-   * If is `true` user can inser text to filter available options
-   */
-  searchable: boolean;
-  /**
    * Fires when the elements gets focus
@@ -29,5 +26,3 @@ */
    */
-  edSelect: EventEmitter<{
-    option: HTMLEdOptionElement;
-  }>;
+  edSelect: EventEmitter<MenuSelectEventDetail>;
   /** Sets focus on the menu. */
@@ -34,0 +29,0 @@ setFocus(): Promise<void>;

dist/types/components/ed-option/ed-option.d.ts

@@ -16,20 +16,20 @@ /**
    */
-  name: string;
+  name?: string;
   /**
    * Shows the item either active or not
    */
-  active: boolean;
+  active?: boolean;
   /**
    * Shows the item either selected or not
    */
-  selected: boolean;
+  selected?: boolean;
   /**
    * If `true`, the user cannot interact with the element.
    */
-  disabled: boolean;
+  disabled?: boolean;
   /**
    * The value
    */
-  value: any;
+  value?: any;
   render(): any;
 }

dist/types/components/ed-select/ed-select.d.ts

 import { EventEmitter } from '../../stencil-public-runtime';
-import type { Color, CompareFn, SearchFn } from '../../interface';
+import type { Color, CompareFn, SearchFn, IconName } from '../../interface';
 /**
@@ -39,3 +39,3 @@ *
    */
-  fullWidth: boolean;
+  fullWidth?: boolean;
   /**
@@ -54,7 +54,7 @@ * Helper text to give users a hint what is happening.
    */
-  name: string;
+  name?: string;
   /**
    * If is `true` user can't interact with the element
    */
-  disabled: boolean;
+  disabled?: boolean;
   /**
@@ -64,11 +64,11 @@ * If is `true` user can deselect option.
    */
-  clearable: boolean;
+  clearable?: boolean;
   /**
    * If is `true` user can select multiple options
    */
-  multiple: boolean;
+  multiple?: boolean;
   /**
    * If is `true` user can inser text to filter available options
    */
-  searchable: boolean;
+  searchable?: boolean;
   /**
@@ -93,3 +93,3 @@ * The number of max visible tags
    */
-  startIcon?: string;
+  startIcon?: IconName;
   /**
@@ -96,0 +96,0 @@ * The end icon name

dist/types/components/ed-tag/ed-tag.d.ts

@@ -49,3 +49,3 @@ import { EventEmitter } from '../../stencil-public-runtime';
    */
-  disabled: boolean;
+  disabled?: boolean;
   /**
@@ -52,0 +52,0 @@ * The value attribute of the tag.

dist/types/components/ed-text/ed-text.d.ts

@@ -1,2 +0,2 @@
-import { FontColor, Align, TextVariants } from '../../interface';
+import type { FontColor, Align, TextVariants } from '../../interface';
 /**
@@ -12,15 +12,15 @@ *
    */
-  variant: TextVariants;
+  variant?: TextVariants;
   /**
    * A weight of the text.
    */
-  weight: 'bold' | 'medium' | 'regular';
+  weight?: 'bold' | 'medium' | 'regular';
   /**
    * A text case.
    */
-  case: 'upper' | 'lower' | 'capitalize';
+  case?: 'upper' | 'lower' | 'capitalize';
   /**
    * A component which will be used for the text container. It can be any valid html element.
    */
-  component: string;
+  component?: string;
   /**
@@ -27,0 +27,0 @@ * The inner button elements alignment.

dist/types/components/ed-tree-node/ed-tree-node.d.ts

@@ -14,7 +14,7 @@ import { Align, Color, Fill } from '../../interface';
    */
-  label: string;
+  label?: string;
   /**
    * If `true`, the node's content will be visible
    */
-  open: boolean;
+  open?: boolean;
   /**
@@ -48,7 +48,7 @@ * The color to use from your application's color palette.
    */
-  disabled: boolean;
+  disabled?: boolean;
   /**
    * If `true` the node could include other nodes.
    */
-  folder: boolean;
+  folder?: boolean;
   private show;
@@ -55,0 +55,0 @@ private hide;

dist/types/components/ed-tree-view/ed-tree-view.d.ts

 import { EventEmitter } from '../../stencil-public-runtime';
-export declare type MoveNodePayload = {
-  node: HTMLEdTreeNodeElement;
-  src: HTMLEdTreeNodeElement;
-  dest: HTMLEdTreeNodeElement;
-};
+import type { NodeMoveEventDetail } from '../../interface';
 /**
@@ -19,11 +15,11 @@ *
    */
-  allowDrag: boolean;
+  allowDrag?: boolean;
   /**
    * If `true` then `folder` nodes could be moved to other ones
    */
-  allowFoldersDrag: boolean;
+  allowFoldersDrag?: boolean;
   /**
    * Event fires when the node is moved
    */
-  edMove: EventEmitter<MoveNodePayload>;
+  edMove: EventEmitter<NodeMoveEventDetail>;
   connectedCallback(): Promise<void>;
@@ -30,0 +26,0 @@ disconnectedCallback(): void;

dist/types/interface.d.ts

@@ -0,1 +1,2 @@
+export declare type IconName = 'arrow_circle_left' | 'arrow_circle_right' | 'attachment' | 'block' | 'calendar' | 'check' | 'check_circle' | 'checkbox_checked' | 'checkbox_unchecked' | 'close' | 'dashboard' | 'drag_handle' | 'edit' | 'error' | 'facing_down' | 'facing_left' | 'facing_right' | 'facing_up' | 'file' | 'file_add' | 'flow' | 'folder' | 'folder_closed' | 'folder_new' | 'folder_opened' | 'format_bold' | 'format_italic' | 'format_list_bulleted' | 'format_list_numbered' | 'format_underlined' | 'fullscreen' | 'help' | 'home' | 'image' | 'insert_link' | 'intent_library' | 'lock' | 'logout' | 'mail' | 'menu' | 'message' | 'message_center' | 'minus' | 'more_vert' | 'movie' | 'my_bots' | 'orgs' | 'plus' | 'radiobutton_checked' | 'radiobutton_unchecked' | 'remove_filled' | 'remove_outlined' | 'search' | 'settings' | 'stats' | 'storage' | 'support_agents' | 'tooltip' | 'trash' | 'upload_file' | 'visibility_off' | 'visibility_on';
 export declare type PredefinedColors = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'default';
@@ -11,4 +12,18 @@ export declare type Color = PredefinedColors;
 export declare type TextVariants = 'small' | 'intro' | 'text' | 'h100' | 'h200' | 'h300' | 'h400' | 'h500' | 'h600' | 'h700' | 'h800' | 'h900';
-export declare type ButtonGroupMode = 'checkbox' | 'radio';
 export declare type CompareFn = (currentValue: any, compareValue: any) => boolean;
 export declare type SearchFn = (option: HTMLEdOptionElement, search: string) => boolean;
+export declare type MenuSelectEventDetail = {
+  option: HTMLEdOptionElement;
+};
+export declare type InputChangeEventDetail = {
+  value: string | undefined | null;
+};
+export declare type NodeMoveEventDetail = {
+  node: HTMLEdTreeNodeElement;
+  src: HTMLEdTreeNodeElement;
+  dest: HTMLEdTreeNodeElement;
+};
+export declare type CheckboxChangeEventDetail = {
+  value: any;
+  checked: boolean;
+};

package.json

 {
   "name": "@ebot7/edem",
-  "version": "0.8.3",
+  "version": "0.9.0",
   "main": "dist/index.cjs.js",
@@ -72,3 +72,4 @@ "module": "dist/index.js",
     "tempDirectory": "./coverage"
-  }
+  },
+  "gitHead": "7dbef771d9a677ef6494f61684058d0839bed56a"
 }

No alert changes

Improved metrics

Total package byte prevSize

1268217

increased by4.23%

Number of package files

272

increased by3.42%

Lines of code

26174

increased by5.99%

No dependency changes