@refinitiv-ui/elements 6.7.1 → 6.7.3

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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)
 
 

package/lib/calendar/index.d.ts

@@ -5,6 +5,7 @@ import type { CalendarFilter } from './types';
 import './locales.js';
 import '../button/index.js';
 import '@refinitiv-ui/phrasebook/locale/en/calendar.js';
+import { PropertyValueMap } from 'lit';
 export { CalendarFilter };
 /**
  * Standard calendar element
@@ -178,6 +179,13 @@ export declare class Calendar extends ControlElement implements MultiValue {
      * @returns promise
      */
     protected performUpdate(): Promise<void>;
+    /**
+     * Invoked before update() to compute values needed during the update.
+     * Implement willUpdate to compute property values that depend on other properties and are used in the rest of the update process.
+     * @param changedProperties  Properties that will change
+     * @returns {void}
+     */
+    protected willUpdate(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     /**
     * Updates the element
     * @param changedProperties Properties that has changed

package/lib/calendar/index.js

@@ -345,6 +345,20 @@ let Calendar = class Calendar extends ControlElement {
         this.localFirstDayOfWeek = isNaN(localFirstDayOfWeek) ? FIRST_DAY_OF_WEEK : (localFirstDayOfWeek % 7);
         void super.performUpdate();
     }
+    /**
+     * Invoked before update() to compute values needed during the update.
+     * Implement willUpdate to compute property values that depend on other properties and are used in the rest of the update process.
+     * @param changedProperties  Properties that will change
+     * @returns {void}
+     */
+    willUpdate(changedProperties) {
+        super.willUpdate(changedProperties);
+        // This code is here to ensure that focus is not lost
+        // while navigating through the render views using keyboard
+        if (this.focused && changedProperties.has('renderView') && this.viewBtnRef.value && this.activeElement !== this.viewBtnRef.value) {
+            this.viewBtnRef.value.focus();
+        }
+    }
     /**
     * Updates the element
     * @param changedProperties Properties that has changed
@@ -372,11 +386,6 @@ let Calendar = class Calendar extends ControlElement {
      */
     updated(changedProperties) {
         super.updated(changedProperties);
-        // This code is here to ensure that focus is not lost
-        // while navigating through the render views using keyboard
-        if (this.focused && changedProperties.has('renderView') && this.viewBtnRef.value && this.activeElement !== this.viewBtnRef.value) {
-            this.viewBtnRef.value.focus();
-        }
         const cellIndex = this.activeCellIndex;
         if (cellIndex && changedProperties.has('activeCellIndex')) {
             const dateButtonEl = this.getDateButtonByIndex(cellIndex);

package/lib/card/index.d.ts

@@ -79,6 +79,7 @@ export declare class Card extends BasicElement {
     private openMenu;
     /**
      * Close menu
+     * @param event ItemTriggerEvent
      * @returns {void}
      */
     private closeMenu;

package/lib/card/index.js

@@ -102,10 +102,11 @@ let Card = class Card extends BasicElement {
     }
     /**
      * Close menu
+     * @param event ItemTriggerEvent
      * @returns {void}
      */
-    closeMenu() {
-        if (this.menuElement?.opened) {
+    closeMenu(event) {
+        if (this.menuElement?.opened && event.detail.value) {
             this.menuElement.opened = false;
             this.menuOpened = false;
         }
@@ -164,7 +165,7 @@ let Card = class Card extends BasicElement {
      */
     firstUpdated(changedProperties) {
         super.firstUpdated(changedProperties);
-        this.addEventListener('item-trigger', this.closeMenu); // Here to cover nested menus
+        this.addEventListener('item-trigger', (event) => this.closeMenu(event)); // Here to cover nested menus
     }
     /**
      * Template of menu

package/lib/combo-box/index.js

@@ -163,9 +163,6 @@ let ComboBox = class ComboBox extends FormFieldElement {
       [part~=input]::-ms-clear {
         display: none;
       }
-      [hidden] {
-        display: none !important;
-      }
     `;
     }
     /**
@@ -1008,12 +1005,12 @@ let ComboBox = class ComboBox extends FormFieldElement {
      * @returns Popup template or undefined
      */
     get clearButtonTemplate() {
-        if (this.clears) {
+        const hasText = (this.label || this.query || this.freeTextValue || this.inputText);
+        if (this.clears && hasText) {
             return html `
         <div
           id="clears-button"
-          part="button button-clear"
-          ?hidden=${!this.label && !this.query && !this.freeTextValue && !this.inputText}><ef-icon part="icon icon-clear" icon="cross"></ef-icon>
+          part="button button-clear"><ef-icon part="icon icon-clear" icon="cross"></ef-icon>
         </div>
       `;
         }

package/lib/overlay-menu/index.js

@@ -896,7 +896,7 @@ let OverlayMenu = OverlayMenu_1 = class OverlayMenu extends Overlay {
       .label=${label}
       .subLabel=${subLabel}
       .icon=${icon}
-      .value=${value}
+      .value=${ifDefined(value || undefined)}
       .for=${ifDefined(forMenu || undefined)}>
     </ef-item>`;
     }

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '6.7.1';
+export const VERSION = '6.7.3';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "6.7.1",
+  "version": "6.7.3",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -347,24 +347,24 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@refinitiv-ui/core": "^6.3.1",
-    "@refinitiv-ui/demo-block": "^6.0.16",
-    "@refinitiv-ui/i18n": "^6.0.10",
+    "@refinitiv-ui/core": "^6.3.2",
+    "@refinitiv-ui/demo-block": "^6.0.17",
+    "@refinitiv-ui/i18n": "^6.0.11",
     "@refinitiv-ui/phrasebook": "^6.3.1",
-    "@refinitiv-ui/test-helpers": "^6.0.7",
-    "@refinitiv-ui/translate": "^6.0.16",
+    "@refinitiv-ui/test-helpers": "^6.0.8",
+    "@refinitiv-ui/translate": "^6.0.17",
     "@refinitiv-ui/utils": "^6.2.3",
     "@types/d3-interpolate": "^3.0.1"
   },
   "peerDependencies": {
-    "@refinitiv-ui/core": "^6.3.1",
-    "@refinitiv-ui/i18n": "^6.0.10",
+    "@refinitiv-ui/core": "^6.3.2",
+    "@refinitiv-ui/i18n": "^6.0.11",
     "@refinitiv-ui/phrasebook": "^6.3.1",
-    "@refinitiv-ui/translate": "^6.0.16",
+    "@refinitiv-ui/translate": "^6.0.17",
     "@refinitiv-ui/utils": "^6.2.3"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e62cfbe61a6a47631050582aceb07a8f492e0914"
+  "gitHead": "ef1aaabba6f26738f0a7e838025ca2158173796f"
 }