@refinitiv-ui/elements 7.0.0-next.0 → 7.0.0-next.2

package/CHANGELOG.md

@@ -3,6 +3,121 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.8.2](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.8.1...@refinitiv-ui/elements@6.8.2) (2023-05-24)
+
+
+### Bug Fixes
+
+* remove `z-index` from collapse implementation ([#682](https://github.com/Refinitiv/refinitiv-ui/issues/682)) ([c3b6f76](https://github.com/Refinitiv/refinitiv-ui/commit/c3b6f76b178a0339de8f3bc153e1378398d68831))
+
+
+
+
+
+## [6.8.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.8.0...@refinitiv-ui/elements@6.8.1) (2023-05-12)
+
+**Note:** Version bump only for package @refinitiv-ui/elements
+
+
+
+
+
+# [6.8.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.7.3...@refinitiv-ui/elements@6.8.0) (2023-05-08)
+
+
+### Features
+
+* remove font bold ([#665](https://github.com/Refinitiv/refinitiv-ui/issues/665)) ([a8f9015](https://github.com/Refinitiv/refinitiv-ui/commit/a8f9015ac194c8f6125220eea4689f10f43a9e23))
+
+
+
+
+
+## [6.7.3](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.7.2...@refinitiv-ui/elements@6.7.3) (2023-04-21)
+
+
+### Bug Fixes
+
+* **calendar:** unexpected `blur` event fired when view changes ([#655](https://github.com/Refinitiv/refinitiv-ui/issues/655)) ([fae9141](https://github.com/Refinitiv/refinitiv-ui/commit/fae9141ed0e0832fc51175bfc3e90dbb35d82497))
+
+
+
+
+
+## [6.7.2](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.7.1...@refinitiv-ui/elements@6.7.2) (2023-03-23)
+
+
+### Bug Fixes
+
+* **card:** Card can not expand nested overlay-menu in touch devices ([#623](https://github.com/Refinitiv/refinitiv-ui/issues/623)) ([09a95c6](https://github.com/Refinitiv/refinitiv-ui/commit/09a95c665b1622b7112da12cf8fb138d0738a5b5))
+* **tooltip:** fix missing tooltip in consecutive buttons ([#601](https://github.com/Refinitiv/refinitiv-ui/issues/601)) ([be77306](https://github.com/Refinitiv/refinitiv-ui/commit/be773067b542cafdcdbec92ba660d8464cc7f422))
+
+
+
+
+
+## [6.7.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.7.0...@refinitiv-ui/elements@6.7.1) (2023-03-14)
+
+
+### Bug Fixes
+
+* **tooltip:** custom renderer demo block ([#621](https://github.com/Refinitiv/refinitiv-ui/issues/621)) ([3156ccd](https://github.com/Refinitiv/refinitiv-ui/commit/3156ccdad5d369955c63830b50e1dcd25265744c))
+
+
+
+
+
+# [6.7.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.6.2...@refinitiv-ui/elements@6.7.0) (2023-02-27)
+
+
+### Features
+
+* **heatmap:** increase heatmap font-size threshold & scaling factor and decrease cell padding ([#589](https://github.com/Refinitiv/refinitiv-ui/issues/589)) ([31f5b57](https://github.com/Refinitiv/refinitiv-ui/commit/31f5b57df0ec2b1f1d25c9c27e0be35f8c7f3812))
+
+
+
+
+
+## [6.6.2](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.6.1...@refinitiv-ui/elements@6.6.2) (2023-02-14)
+
+### Bug Fixes
+
+* **combo-box:** fix value-changed event of free text mode ([#583](https://github.com/Refinitiv/refinitiv-ui/pull/583))  ([bae20f0](https://github.com/Refinitiv/refinitiv-ui/commit/bae20f0854d9f95d8c10985f8b2c5a9619922004))
+
+
+
+
+
+## [6.6.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.6.0...@refinitiv-ui/elements@6.6.1) (2023-01-27)
+
+
+### Bug Fixes
+
+* **list:** error custom renderer requires key ([#575](https://github.com/Refinitiv/refinitiv-ui/issues/575)) ([1a960c9](https://github.com/Refinitiv/refinitiv-ui/commit/1a960c9234fb4a370b60d3901e65b437b1444823))
+* **pagination, tree-select:** remove unused element imports ([#572](https://github.com/Refinitiv/refinitiv-ui/issues/572)) ([0bfc2f5](https://github.com/Refinitiv/refinitiv-ui/commit/0bfc2f5eccd0a6ea50c3927d71d545df20c79d90))
+* **select:** unset cursor of header items ([#571](https://github.com/Refinitiv/refinitiv-ui/issues/571)) ([eff8a75](https://github.com/Refinitiv/refinitiv-ui/commit/eff8a75a68f23348178f05c716db673c97acf2f1))
+
+
+
+
+
+# [6.6.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.5.3...@refinitiv-ui/elements@6.6.0) (2023-01-06)
+
+
+### Bug Fixes
+
+* **chart:** change chart property access modifier from private to public ([#565](https://github.com/Refinitiv/refinitiv-ui/issues/565)) ([a25a506](https://github.com/Refinitiv/refinitiv-ui/commit/a25a506e334dead2004ebaca4a815bbf284e9990))
+* **color-dialog:** can not change between default and black color ([#557](https://github.com/Refinitiv/refinitiv-ui/issues/557)) ([27d9f2c](https://github.com/Refinitiv/refinitiv-ui/commit/27d9f2c81336c5cc4ba5bde1b7e5b3918f8c78c8))
+
+
+### Features
+
+* remove alias ([#553](https://github.com/Refinitiv/refinitiv-ui/issues/553)) ([32ce300](https://github.com/Refinitiv/refinitiv-ui/commit/32ce300e6ea0f730abd95f305b15cce406dab1c7))
+
+
+
+
+
 ## [6.5.3](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.5.2...@refinitiv-ui/elements@6.5.3) (2022-12-19)
 
 

package/cli.mjs

@@ -0,0 +1,21 @@
+#!/usr/bin/env node
+import yargs from 'yargs/yargs';
+import { hideBin } from 'yargs/helpers';
+import { errorHandler, info } from './scripts/helpers/index.mjs';
+import { commands } from './scripts/cmd/index.mjs';
+
+yargs(hideBin(process.argv))
+  .usage('Element Framework CLI Commands\n\nUsage: $0 <command> [options]')
+  .command(commands)
+  .demandCommand(1, 'You need at least one command.')
+  .version(false)
+  .help('help').alias('help', 'h')
+  .fail(function (msg, err, yargs) {
+    if (msg) {
+      errorHandler(msg);
+    }
+
+    info('\nSpecify --help for available options.\n');
+    process.exit(1);
+  })
+  .parse();

package/lib/accordion/index.js

@@ -6,20 +6,11 @@ import { VERSION } from '../version.js';
 import { Collapse } from '../collapse/index.js';
 /**
  * Finds closest accordion parent of element.
- * Created, because IE11 doesn't support closest() method.
  * @param element - potential child of accordion
  * @returns found accordion parent or null, if not found
  */
 const getClosestAccordion = (element) => {
-    while (element) {
-        if (element instanceof Accordion) {
-            return element;
-        }
-        else {
-            element = element.parentElement;
-        }
-    }
-    return null;
+    return element.closest('ef-accordion');
 };
 /**
  * Checks if specified element is a direct child of current accordion.

package/lib/appstate-bar/custom-elements.json

@@ -35,13 +35,13 @@
       "events": [
         {
           "name": "clear",
-          "description": "fired when clear button is clicked"
+          "description": "Fired when the user taps clear button."
         }
       ],
       "slots": [
         {
           "name": "right",
-          "description": "place custom content on the right of bar."
+          "description": "Place custom content on the right of bar."
         }
       ]
     }

package/lib/appstate-bar/custom-elements.md

@@ -11,12 +11,12 @@ Used to display at the top of application to provide a status or information.
 
 ## Events
 
-| Event   | Description                        |
-|---------|------------------------------------|
-| `clear` | fired when clear button is clicked |
+| Event   | Description                            |
+|---------|----------------------------------------|
+| `clear` | Fired when the user taps clear button. |
 
 ## Slots
 
 | Name    | Description                               |
 |---------|-------------------------------------------|
-| `right` | place custom content on the right of bar. |
+| `right` | Place custom content on the right of bar. |

package/lib/appstate-bar/index.d.ts

@@ -5,9 +5,9 @@ import '@refinitiv-ui/phrasebook/locale/en/appstate-bar.js';
 import '../icon/index.js';
 /**
  * Used to display at the top of application to provide a status or information.
- * @slot right - place custom content on the right of bar.
+ * @slot right - Place custom content on the right of bar.
  *
- * @fires clear - fired when clear button is clicked
+ * @fires clear - Fired when the user taps clear button.
  */
 export declare class AppstateBar extends BasicElement {
     /**

package/lib/appstate-bar/index.js

@@ -8,9 +8,9 @@ import '@refinitiv-ui/phrasebook/locale/en/appstate-bar.js';
 import '../icon/index.js';
 /**
  * Used to display at the top of application to provide a status or information.
- * @slot right - place custom content on the right of bar.
+ * @slot right - Place custom content on the right of bar.
  *
- * @fires clear - fired when clear button is clicked
+ * @fires clear - Fired when the user taps clear button.
  */
 let AppstateBar = class AppstateBar extends BasicElement {
     constructor() {
@@ -32,12 +32,6 @@ let AppstateBar = class AppstateBar extends BasicElement {
         this.clear = (event) => {
             event.stopPropagation();
             this.style.display = 'none';
-            /**
-             * Clear Event
-             * Fired when clear button is clicked
-             *
-             * @event clear
-             */
             this.dispatchEvent(new CustomEvent('clear'));
         };
     }

package/lib/appstate-bar/themes/halo/dark/index.js

@@ -1,3 +1,3 @@
 import '@refinitiv-ui/elements/icon/themes/halo/dark';
 
-dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-appstate-bar', styles: ':host{--heading-text-color:#CCCCCC;--heading-background-color:#334BFF;--text-color:#000000;--background-color:hsl(236, 77%, 92%);--border-color:#404040;display:flex;align-items:center;background:var(--background-color);color:var(--text-color);outline:solid 1px var(--border-color);font-size:12rem;height:28px;--heading-text-color:#FFFFFF;--heading-background-color:#0F1E8A;--text-color:#CCCCCC;--background-color:#262626}:host([state=highlight]){--heading-background-color:hsl(337, 80%, 49%);--heading-background-color:#334BFF}:host([state=info]){--heading-background-color:#6678FF;--heading-background-color:#007678}:host ::slotted(*){padding-right:10px}:host [part=heading]{display:flex;flex:0 0 auto;align-items:center;height:100%;text-transform:uppercase;font-weight:600;background:var(--heading-background-color);color:var(--heading-text-color);padding:0 8px}:host [part=message]{flex:1 1000000 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;text-align:inherit}:host [part=right]{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [part=close]{touch-action:manipulation;flex:0 0 auto;width:16px;height:16px;margin-right:10px;stroke-width:.11em;cursor:pointer}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-appstate-bar', styles: ':host{--heading-text-color:#CCCCCC;--heading-background-color:#334BFF;--text-color:#000000;--background-color:hsl(236, 77%, 92%);--border-color:#404040;display:flex;align-items:center;background:var(--background-color);color:var(--text-color);outline:solid 1px var(--border-color);font-size:12px;height:28px;--heading-text-color:#FFFFFF;--heading-background-color:#0F1E8A;--text-color:#CCCCCC;--background-color:#262626}:host([state=highlight]){--heading-background-color:hsl(337, 80%, 49%);--heading-background-color:#334BFF}:host([state=info]){--heading-background-color:#6678FF;--heading-background-color:#007678}:host ::slotted(*){padding-right:10px}:host [part=heading]{display:flex;flex:0 0 auto;align-items:center;height:100%;text-transform:uppercase;font-weight:600;background:var(--heading-background-color);color:var(--heading-text-color);padding:0 8px}:host [part=message]{flex:1 1000000 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;text-align:inherit}:host [part=right]{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [part=close]{touch-action:manipulation;flex:0 0 auto;width:16px;height:16px;margin-right:10px;stroke-width:.11em;cursor:pointer}' }}));

package/lib/appstate-bar/themes/halo/light/index.js

@@ -1,3 +1,3 @@
 import '@refinitiv-ui/elements/icon/themes/halo/light';
 
-dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-appstate-bar', styles: ':host{--heading-text-color:#0D0D0D;--heading-background-color:#334BFF;--text-color:#000000;--background-color:hsl(236, 77%, 92%);--border-color:#595959;display:flex;align-items:center;background:var(--background-color);color:var(--text-color);outline:solid 1px var(--border-color);font-size:12rem;height:28px;--heading-text-color:#FFFFFF;--heading-background-color:#0F1E8A;--text-color:#0D0D0D;--background-color:#F2F2F2;--border-color:#CCCCCC}:host([state=highlight]){--heading-background-color:hsl(337, 80%, 49%);--heading-background-color:#334BFF}:host([state=info]){--heading-background-color:#6678FF;--heading-background-color:#007678}:host ::slotted(*){padding-right:10px}:host [part=heading]{display:flex;flex:0 0 auto;align-items:center;height:100%;text-transform:uppercase;font-weight:600;background:var(--heading-background-color);color:var(--heading-text-color);padding:0 8px}:host [part=message]{flex:1 1000000 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;text-align:inherit}:host [part=right]{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [part=close]{touch-action:manipulation;flex:0 0 auto;width:16px;height:16px;margin-right:10px;stroke-width:.11em;cursor:pointer}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-appstate-bar', styles: ':host{--heading-text-color:#0D0D0D;--heading-background-color:#334BFF;--text-color:#000000;--background-color:hsl(236, 77%, 92%);--border-color:#595959;display:flex;align-items:center;background:var(--background-color);color:var(--text-color);outline:solid 1px var(--border-color);font-size:12px;height:28px;--heading-text-color:#FFFFFF;--heading-background-color:#0F1E8A;--text-color:#0D0D0D;--background-color:#F2F2F2;--border-color:#CCCCCC}:host([state=highlight]){--heading-background-color:hsl(337, 80%, 49%);--heading-background-color:#334BFF}:host([state=info]){--heading-background-color:#6678FF;--heading-background-color:#007678}:host ::slotted(*){padding-right:10px}:host [part=heading]{display:flex;flex:0 0 auto;align-items:center;height:100%;text-transform:uppercase;font-weight:600;background:var(--heading-background-color);color:var(--heading-text-color);padding:0 8px}:host [part=message]{flex:1 1000000 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;text-align:inherit}:host [part=right]{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [part=close]{touch-action:manipulation;flex:0 0 auto;width:16px;height:16px;margin-right:10px;stroke-width:.11em;cursor:pointer}' }}));

package/lib/appstate-bar/themes/solar/charcoal/index.js

@@ -1,3 +1,3 @@
 import '@refinitiv-ui/elements/icon/themes/solar/charcoal';
 
-dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-appstate-bar', styles: ':host{--heading-text-color:#E2E2E2;--heading-background-color:#FF9933;--text-color:#000000;--background-color:hsl(236, 77%, 92%);--border-color:#4A4A52;display:flex;align-items:center;background:var(--background-color);color:var(--text-color);outline:solid 1px var(--border-color);font-size:14rem;--heading-text-color:#46A0F0;--heading-background-color:#142E45;--text-color:#C2C2C2;--background-color:#0F2233;--border-color:#000000;height:24px}:host([state=highlight]){--heading-background-color:hsl(337, 80%, 49%);--heading-text-color:#000000;--heading-background-color:#FF9933}:host([state=info]){--heading-background-color:#b35900;--heading-text-color:#C2C2C2;--heading-background-color:#282E33}:host ::slotted(*){padding-right:10px}:host [part=heading]{display:flex;flex:0 0 auto;align-items:center;height:100%;text-transform:uppercase;font-weight:600;background:var(--heading-background-color);color:var(--heading-text-color);padding:0 10px}:host [part=message]{flex:1 1000000 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;text-align:inherit}:host [part=right]{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [part=close]{touch-action:manipulation;flex:0 0 auto;margin-right:10px;stroke-width:.11em;cursor:pointer;width:15px;height:15px;stroke-width:.12em}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-appstate-bar', styles: ':host{--heading-text-color:#E2E2E2;--heading-background-color:#FF9933;--text-color:#000000;--background-color:hsl(236, 77%, 92%);--border-color:#4A4A52;display:flex;align-items:center;background:var(--background-color);color:var(--text-color);outline:solid 1px var(--border-color);font-size:14px;--heading-text-color:#46A0F0;--heading-background-color:#142E45;--text-color:#C2C2C2;--background-color:#0F2233;--border-color:#000000;height:24px}:host([state=highlight]){--heading-background-color:hsl(337, 80%, 49%);--heading-text-color:#000000;--heading-background-color:#FF9933}:host([state=info]){--heading-background-color:#b35900;--heading-text-color:#C2C2C2;--heading-background-color:#282E33}:host ::slotted(*){padding-right:10px}:host [part=heading]{display:flex;flex:0 0 auto;align-items:center;height:100%;text-transform:uppercase;font-weight:600;background:var(--heading-background-color);color:var(--heading-text-color);padding:0 10px}:host [part=message]{flex:1 1000000 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;text-align:inherit}:host [part=right]{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [part=close]{touch-action:manipulation;flex:0 0 auto;margin-right:10px;stroke-width:.11em;cursor:pointer;width:15px;height:15px;stroke-width:.12em}' }}));

package/lib/appstate-bar/themes/solar/pearl/index.js

@@ -1,3 +1,3 @@
 import '@refinitiv-ui/elements/icon/themes/solar/pearl';
 
-dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-appstate-bar', styles: ':host{--heading-text-color:#484848;--heading-background-color:#FF9933;--text-color:#000000;--background-color:hsl(236, 77%, 92%);--border-color:#A9AFBA;display:flex;align-items:center;background:var(--background-color);color:var(--text-color);outline:solid 1px var(--border-color);font-size:14rem;--heading-text-color:#FFFFFF;--heading-background-color:#2A6090;--text-color:#484848;--background-color:#C1E3FE;--border-color:#FFFFFF;height:24px}:host([state=highlight]){--heading-background-color:hsl(337, 80%, 49%);--heading-text-color:#FFFFFF;--heading-background-color:#CC7F33}:host([state=info]){--heading-background-color:#EE7600;--heading-text-color:#FFFFFF;--heading-background-color:#666570}:host ::slotted(*){padding-right:10px}:host [part=heading]{display:flex;flex:0 0 auto;align-items:center;height:100%;text-transform:uppercase;font-weight:600;background:var(--heading-background-color);color:var(--heading-text-color);padding:0 10px}:host [part=message]{flex:1 1000000 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;text-align:inherit}:host [part=right]{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [part=close]{touch-action:manipulation;flex:0 0 auto;margin-right:10px;stroke-width:.11em;cursor:pointer;width:15px;height:15px;stroke-width:.12em}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-appstate-bar', styles: ':host{--heading-text-color:#484848;--heading-background-color:#FF9933;--text-color:#000000;--background-color:hsl(236, 77%, 92%);--border-color:#A9AFBA;display:flex;align-items:center;background:var(--background-color);color:var(--text-color);outline:solid 1px var(--border-color);font-size:14px;--heading-text-color:#FFFFFF;--heading-background-color:#2A6090;--text-color:#484848;--background-color:#C1E3FE;--border-color:#FFFFFF;height:24px}:host([state=highlight]){--heading-background-color:hsl(337, 80%, 49%);--heading-text-color:#FFFFFF;--heading-background-color:#CC7F33}:host([state=info]){--heading-background-color:#EE7600;--heading-text-color:#FFFFFF;--heading-background-color:#666570}:host ::slotted(*){padding-right:10px}:host [part=heading]{display:flex;flex:0 0 auto;align-items:center;height:100%;text-transform:uppercase;font-weight:600;background:var(--heading-background-color);color:var(--heading-text-color);padding:0 10px}:host [part=message]{flex:1 1000000 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;text-align:inherit}:host [part=right]{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [part=close]{touch-action:manipulation;flex:0 0 auto;margin-right:10px;stroke-width:.11em;cursor:pointer;width:15px;height:15px;stroke-width:.12em}' }}));

package/lib/autosuggest/custom-elements.json

@@ -136,35 +136,35 @@
       "events": [
         {
           "name": "item-highlight",
-          "description": "Fired when an item gets highlighted or highlight is removed"
+          "description": "Fired when the user highlights an item or removes highlight from the item."
         },
         {
           "name": "add-attach-target-events",
-          "description": "Fired when attach has been set"
+          "description": "Fired when `attach` has been set to bind the control with any custom inputs."
         },
         {
           "name": "remove-attach-target-events",
-          "description": "Fired when attach has been removed"
+          "description": "Fired when `attach` has been removed to unbind the control with the inputs."
         },
         {
           "name": "item-select",
-          "description": "Fired when an item gets selected"
+          "description": "Fired when the user selects an item on autosuggest."
         },
         {
           "name": "suggestions-fetch-requested",
-          "description": "Fired when auto suggest requests the data"
+          "description": "Fired when autosuggest requests the data. The event will be triggered when the value of the attached control has changed or when keyboard navigation is performed."
         },
         {
           "name": "suggestions-clear-requested",
-          "description": "Fired when auto suggest requests to clear the data. If used in reactive application, prevent default and set suggestions to []"
+          "description": "Fired when autosuggest requests to clear the data. If used in reactive application, prevent default and set suggestions to []."
         },
         {
           "name": "suggestions-query",
-          "description": "Fired when input value has changed and the query must be set"
+          "description": "Fired when the user changes value in input control and you might need to update suggestion items accordingly."
         },
         {
           "name": "suggestions-changed",
-          "description": "Fired when suggestions changed"
+          "description": "Fired when suggestion items changed."
         }
       ],
       "slots": [

package/lib/autosuggest/custom-elements.md

@@ -37,14 +37,14 @@ custom rendering, pagination, asynchronous data request, etc.
 
 | Event                         | Description                                      |
 |-------------------------------|--------------------------------------------------|
-| `add-attach-target-events`    | Fired when attach has been set                   |
-| `item-highlight`              | Fired when an item gets highlighted or highlight is removed |
-| `item-select`                 | Fired when an item gets selected                 |
-| `remove-attach-target-events` | Fired when attach has been removed               |
-| `suggestions-changed`         | Fired when suggestions changed                   |
-| `suggestions-clear-requested` | Fired when auto suggest requests to clear the data. If used in reactive application, prevent default and set suggestions to [] |
-| `suggestions-fetch-requested` | Fired when auto suggest requests the data        |
-| `suggestions-query`           | Fired when input value has changed and the query must be set |
+| `add-attach-target-events`    | Fired when `attach` has been set to bind the control with any custom inputs. |
+| `item-highlight`              | Fired when the user highlights an item or removes highlight from the item. |
+| `item-select`                 | Fired when the user selects an item on autosuggest. |
+| `remove-attach-target-events` | Fired when `attach` has been removed to unbind the control with the inputs. |
+| `suggestions-changed`         | Fired when suggestion items changed.             |
+| `suggestions-clear-requested` | Fired when autosuggest requests to clear the data. If used in reactive application, prevent default and set suggestions to []. |
+| `suggestions-fetch-requested` | Fired when autosuggest requests the data. The event will be triggered when the value of the attached control has changed or when keyboard navigation is performed. |
+| `suggestions-query`           | Fired when the user changes value in input control and you might need to update suggestion items accordingly. |
 
 ## Slots
 

package/lib/autosuggest/helpers/types.d.ts

@@ -1,17 +1,17 @@
 import type { ItemType } from '../../item';
-export declare type AutosuggestSelectItemEvent = CustomEvent<{
+export type AutosuggestSelectItemEvent = CustomEvent<{
     query: string;
     suggestion: Suggestion;
 }>;
-export declare type AutosuggestHighlightItem = HTMLElement & {
+export type AutosuggestHighlightItem = HTMLElement & {
     highlighted: boolean;
 };
-export declare type AutosuggestHighlightItemEvent = CustomEvent<{
+export type AutosuggestHighlightItemEvent = CustomEvent<{
     target: AutosuggestHighlightItem;
     oldTarget: AutosuggestHighlightItem;
 }>;
-export declare type AutosuggestQueryAction = (event: CustomEvent) => void;
-export declare type AutosuggestReason = 'value-changed' | 'input-focus' | 'suggestions-revealed' | 'escape-pressed' | 'enter-pressed' | 'more-results';
+export type AutosuggestQueryAction = (event: CustomEvent) => void;
+export type AutosuggestReason = 'value-changed' | 'input-focus' | 'suggestions-revealed' | 'escape-pressed' | 'enter-pressed' | 'more-results';
 export interface Suggestion {
     /**
      * Type of item. Value can be `text`, `header`, `divider`
@@ -46,21 +46,21 @@ export interface Suggestion {
      */
     id?: string;
 }
-export declare type AutosuggestItem = Suggestion | string | unknown;
+export type AutosuggestItem = Suggestion | string | unknown;
 export interface AutosuggestQuery {
     toString(): string;
 }
-export declare type AutosuggestTargetElement = HTMLElement & {
+export type AutosuggestTargetElement = HTMLElement & {
     value: string;
 };
-export declare type AutosuggestMethodType = 'click' | 'enter' | 'clear' | 'reset' | 'navigation';
-export declare type AutosuggestRenderer = (suggestion: AutosuggestItem, query: AutosuggestQuery | null) => HTMLElement;
-export declare type AutosuggestHighlightable = (suggestion: AutosuggestItem, target: HTMLElement) => boolean;
+export type AutosuggestMethodType = 'click' | 'enter' | 'clear' | 'reset' | 'navigation';
+export type AutosuggestRenderer = (suggestion: AutosuggestItem, query: AutosuggestQuery | null) => HTMLElement;
+export type AutosuggestHighlightable = (suggestion: AutosuggestItem, target: HTMLElement) => boolean;
 /**
  * @event item-highlight
  * Fired when an item gets highlighted or highlight is removed
  */
-export declare type ItemHighlightEvent = CustomEvent<{
+export type ItemHighlightEvent = CustomEvent<{
     /**
      * New highlight target
      */
@@ -83,18 +83,18 @@ export declare type ItemHighlightEvent = CustomEvent<{
  * Fired when attach has been set.
  * Add attach target listeners
  */
-export declare type AddAttachTargetEventsEvent = CustomEvent;
+export type AddAttachTargetEventsEvent = CustomEvent;
 /**
  * @event remove-attach-target-events
  * Fired when attach has been removed.
  * Remove attach target listeners
  */
-export declare type RemoveAttachTargetEventsEvent = CustomEvent;
+export type RemoveAttachTargetEventsEvent = CustomEvent;
 /**
  * @event item-select
  * Fired when an item gets selected
  */
-export declare type ItemSelectEvent = CustomEvent<{
+export type ItemSelectEvent = CustomEvent<{
     /**
      * Select method
      */
@@ -116,7 +116,7 @@ export declare type ItemSelectEvent = CustomEvent<{
  * @event suggestions-fetch-requested
  * Fired when auto suggest requests the data
  */
-export declare type SuggestionsFetchRequestedEvent = CustomEvent<{
+export type SuggestionsFetchRequestedEvent = CustomEvent<{
     /**
      * Input query
      */
@@ -131,12 +131,12 @@ export declare type SuggestionsFetchRequestedEvent = CustomEvent<{
  * Fired when auto suggest requests to clear the data.
  * If used in reactive application, prevent default and set suggestions to []
  */
-export declare type SuggestionsClearRequestedEvent = CustomEvent;
+export type SuggestionsClearRequestedEvent = CustomEvent;
 /**
  * @event suggestions-query
  * Fired when input value has changed and the query must be set.
  */
-export declare type SuggestionsQueryEvent = CustomEvent<{
+export type SuggestionsQueryEvent = CustomEvent<{
     /**
      * The reason to request query
      */
@@ -146,7 +146,7 @@ export declare type SuggestionsQueryEvent = CustomEvent<{
  * @event suggestions-changed
  * Fired when suggestions changed
  */
-export declare type SuggestionsChangedEvent = CustomEvent<{
+export type SuggestionsChangedEvent = CustomEvent<{
     /**
      * Suggestion Items
      */

package/lib/autosuggest/index.d.ts

@@ -1,5 +1,5 @@
 import { JSXInterface } from '../jsx';
-import { CSSResultGroup, ElementSize, PropertyValues, TemplateResult } from '@refinitiv-ui/core';
+import { CSSResultGroup, PropertyValues, TemplateResult } from '@refinitiv-ui/core';
 import { TranslateDirective } from '@refinitiv-ui/translate';
 import type { AutosuggestTargetElement, AutosuggestHighlightable, AutosuggestMethodType, AutosuggestQuery, AutosuggestRenderer, AutosuggestReason, AutosuggestItem, AutosuggestSelectItemEvent, AutosuggestHighlightItemEvent } from './helpers/types';
 import { escapeRegExp, itemHighlightable, queryWordSelect } from './helpers/utils.js';
@@ -19,14 +19,14 @@ export { itemHighlightable, escapeRegExp, queryWordSelect, renderer, renderer as
  * Autosuggest supports various use cases such as
  * custom rendering, pagination, asynchronous data request, etc.
  *
- * @fires item-highlight Fired when an item gets highlighted or highlight is removed
- * @fires add-attach-target-events Fired when attach has been set
- * @fires remove-attach-target-events Fired when attach has been removed
- * @fires item-select Fired when an item gets selected
- * @fires suggestions-fetch-requested Fired when auto suggest requests the data
- * @fires suggestions-clear-requested Fired when auto suggest requests to clear the data. If used in reactive application, prevent default and set suggestions to []
- * @fires suggestions-query Fired when input value has changed and the query must be set
- * @fires suggestions-changed Fired when suggestions changed
+ * @fires item-highlight - Fired when the user highlights an item or removes highlight from the item.
+ * @fires add-attach-target-events - Fired when `attach` has been set to bind the control with any custom inputs.
+ * @fires remove-attach-target-events - Fired when `attach` has been removed to unbind the control with the inputs.
+ * @fires item-select - Fired when the user selects an item on autosuggest.
+ * @fires suggestions-fetch-requested - Fired when autosuggest requests the data. The event will be triggered when the value of the attached control has changed or when keyboard navigation is performed.
+ * @fires suggestions-clear-requested - Fired when autosuggest requests to clear the data. If used in reactive application, prevent default and set suggestions to [].
+ * @fires suggestions-query - Fired when the user changes value in input control and you might need to update suggestion items accordingly.
+ * @fires suggestions-changed - Fired when suggestion items changed.
  *
  * @attr {boolean} opened - Set to open auto suggest popup
  * @prop {boolean} [opened=false] -  Auto suggest popup's open state
@@ -144,7 +144,6 @@ export declare class Autosuggest extends Overlay {
     private lastActiveElement;
     private suspendedKey;
     private preservedQueryValue;
-    private focusSuspended;
     private jobRunner;
     private attachChangeRunner;
     private moreResultsRunner;
@@ -178,13 +177,6 @@ export declare class Autosuggest extends Overlay {
      * @returns {void}
      */
     onInputKeyDown(event: KeyboardEvent): void;
-    /**
-     * @ignore
-     * Called when the element's dimensions have changed
-     * @param size dimension details
-     * @returns {void}
-     */
-    resizedCallback(size: ElementSize): void;
     /**
      * Called once after the component is first rendered
      * @param changedProperties map of changed properties with old values
@@ -203,9 +195,6 @@ export declare class Autosuggest extends Overlay {
      * @returns {void}
      */
     protected updated(changedProperties: PropertyValues): void;
-    /**
-     * inheritance callbacks
-     */
     /**
      * Run when the slot has changed.
      * @param event Slot change query
@@ -511,18 +500,6 @@ export declare class Autosuggest extends Overlay {
      * @return Render template
      */
     protected render(): TemplateResult;
-    /**
-     * IE11 only: Restrict maximum height of content element
-     * @param [maxHeight] Maximum height of content element
-     * @returns {void}
-     */
-    private restrictContentMaxHeight;
-    /**
-     * IE11 only: Calculate the maxHeight of content element
-     * @param size Size of the dialog
-     * @returns {void}
-     */
-    private calculateContentMaxHeight;
 }
 declare global {
     interface HTMLElementTagNameMap {