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

package/lib/email-field/themes/solar/pearl/index.js

@@ -1,3 +1,4 @@
 import '@refinitiv-ui/elements/icon/themes/solar/pearl';
+import '@refinitiv-ui/elements/tooltip/themes/solar/pearl';
 
-dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-email-field', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:13rem;font-weight:400;height:23px;width:140px;max-width:100%;padding:0 5px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#484848;border-radius:0;text-overflow:ellipsis;background-color:#fff;border:1px solid #a9afba}:host([type=number]){padding-right:0}:host([error]),:host([error][warning]){border:1px solid #d94255}:host([error][disabled]),:host([error][warning][disabled]){color:rgba(72,72,72,.6);border:1px solid rgba(217,66,85,.6)}:host ::-ms-clear{display:none}:host [part=input]{color:inherit;padding:0;margin:0;flex:1 1 auto;min-width:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;touch-action:manipulation}:host [part=input]::-webkit-clear-button,:host [part=input]::-webkit-inner-spin-button,:host [part=input]::-webkit-search-cancel-button,:host [part=input]::-webkit-search-decoration{-webkit-appearance:none}:host [part=input]:invalid{box-shadow:none}:host [part=icon]{color:#acafb5;min-width:1em}:host([disabled]) [part=input]{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([disabled]){border:1px solid rgba(169,175,186,.6);color:rgba(72,72,72,.6)}:host([readonly]){border:1px solid rgba(169,175,186,.6)}:host(:not([focused]):not(:focus):not([disabled]):not([readonly]):hover){border:1px solid #bfc3cb}:host([warning]){background-color:#fff;border:1px solid #f93}:host([warning][disabled]){border:1px solid rgba(255,153,51,.6);color:rgba(72,72,72,.6)}:host([warning][readonly]){border:1px solid rgba(255,153,51,.6)}:host([warning]:not([focused]):not(:focus):not([disabled]):not([readonly]):hover){border:1px solid #ffb366}:host([error]),:host([error][warning]:not([focused])){background-color:#fff;border:1px solid #d94255}:host([error][disabled]),:host([error][warning]:not([focused])[disabled]){border:1px solid rgba(217,66,85,.6);color:rgba(72,72,72,.6)}:host([error][readonly]),:host([error][warning]:not([focused])[readonly]){border:1px solid rgba(217,66,85,.6)}:host([error]:not([focused]):not(:focus):not([disabled]):not([readonly]):hover),:host([error][warning]:not([focused]):not([focused]):not(:focus):not([disabled]):not([readonly]):hover){border:1px solid #e37180}:host([highlight]){background-color:#b0ffff;border:1px solid #a9afba}:host([highlight][disabled]){border:1px solid rgba(169,175,186,.6);color:rgba(72,72,72,.6);background-color:rgba(176,255,255,.6)}:host([highlight][readonly]){border:1px solid rgba(169,175,186,.6)}:host([highlight]:not([focused]):not(:focus):not([disabled]):not([readonly]):hover){border:1px solid #bfc3cb}:host([indirect]){color:#009494;background-color:#effefe;border:1px solid #898623}:host([indirect][disabled]){border:1px solid rgba(137,134,35,.6);color:rgba(0,148,148,.6)}:host([indirect][readonly]){border:1px solid rgba(137,134,35,.6)}:host([indirect]:not([focused]):not(:focus):not([disabled]):not([readonly]):hover){border:1px solid #a7a45a}:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#ffb266;border-style:dotted}:host([disabled]) [part=input]::-webkit-input-placeholder{color:rgba(102,101,112,.6)}:host([disabled]) [part=input]::-moz-placeholder{color:rgba(102,101,112,.6)}:host([disabled]) [part=input]:-ms-input-placeholder{color:rgba(102,101,112,.6)}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-email-field', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:13px;font-weight:400;height:23px;width:140px;max-width:100%;padding:0 5px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#484848;border-radius:0;text-overflow:ellipsis;background-color:#fff;border:1px solid #a9afba}:host([type=number]){padding-right:0}:host([error]),:host([error][warning]){border:1px solid #d94255}:host([error][disabled]),:host([error][warning][disabled]){color:rgba(72,72,72,.6);border:1px solid rgba(217,66,85,.6)}:host [part=input]{color:inherit;padding:0;margin:0;flex:1 1 auto;min-width:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;touch-action:manipulation}:host [part=input]::-webkit-clear-button,:host [part=input]::-webkit-inner-spin-button,:host [part=input]::-webkit-search-cancel-button,:host [part=input]::-webkit-search-decoration{-webkit-appearance:none}:host [part=input]:invalid{box-shadow:none}:host [part=icon]{color:#acafb5;min-width:1em}:host([disabled]) [part=input]{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([disabled]){border:1px solid rgba(169,175,186,.6);color:rgba(72,72,72,.6)}:host([readonly]){border:1px solid rgba(169,175,186,.6)}:host(:not([focused]):not(:focus):not([disabled]):not([readonly]):hover){border:1px solid #bfc3cb}:host([warning]){background-color:#fff;border:1px solid #f93}:host([warning][disabled]){border:1px solid rgba(255,153,51,.6);color:rgba(72,72,72,.6)}:host([warning][readonly]){border:1px solid rgba(255,153,51,.6)}:host([warning]:not([focused]):not(:focus):not([disabled]):not([readonly]):hover){border:1px solid #ffb366}:host([error]),:host([error][warning]:not([focused])){background-color:#fff;border:1px solid #d94255}:host([error][disabled]),:host([error][warning]:not([focused])[disabled]){border:1px solid rgba(217,66,85,.6);color:rgba(72,72,72,.6)}:host([error][readonly]),:host([error][warning]:not([focused])[readonly]){border:1px solid rgba(217,66,85,.6)}:host([error]:not([focused]):not(:focus):not([disabled]):not([readonly]):hover),:host([error][warning]:not([focused]):not([focused]):not(:focus):not([disabled]):not([readonly]):hover){border:1px solid #e37180}:host([highlight]){background-color:#b0ffff;border:1px solid #a9afba}:host([highlight][disabled]){border:1px solid rgba(169,175,186,.6);color:rgba(72,72,72,.6);background-color:rgba(176,255,255,.6)}:host([highlight][readonly]){border:1px solid rgba(169,175,186,.6)}:host([highlight]:not([focused]):not(:focus):not([disabled]):not([readonly]):hover){border:1px solid #bfc3cb}:host([indirect]){color:#009494;background-color:#effefe;border:1px solid #898623}:host([indirect][disabled]){border:1px solid rgba(137,134,35,.6);color:rgba(0,148,148,.6)}:host([indirect][readonly]){border:1px solid rgba(137,134,35,.6)}:host([indirect]:not([focused]):not(:focus):not([disabled]):not([readonly]):hover){border:1px solid #a7a45a}:host([focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#ffb266;border-style:dotted}:host([disabled]) [part=input]::-moz-placeholder{color:rgba(102,101,112,.6)}:host([disabled]) [part=input]::placeholder{color:rgba(102,101,112,.6)}' }}));

package/lib/events.d.ts

@@ -3,7 +3,7 @@ import type { TapEvent, ResizeEvent, FocusedChangedEvent } from '@refinitiv-ui/c
  * Dispatched when `opened` state changes
  * Prevent default to stop opening/closing pipeline
  */
-declare type OpenedChangedEvent = CustomEvent<{
+type OpenedChangedEvent = CustomEvent<{
     /**
      * `opened` value
      */
@@ -12,7 +12,7 @@ declare type OpenedChangedEvent = CustomEvent<{
 /**
  * Dispatched when `value` changes
  */
-declare type ValueChangedEvent = CustomEvent<{
+type ValueChangedEvent = CustomEvent<{
     /**
      * new `value`
      */
@@ -21,7 +21,7 @@ declare type ValueChangedEvent = CustomEvent<{
 /**
  * Dispatched when `error` state changes
  */
-declare type ErrorChangedEvent = CustomEvent<{
+type ErrorChangedEvent = CustomEvent<{
     /**
      * `error` value
      */
@@ -30,7 +30,7 @@ declare type ErrorChangedEvent = CustomEvent<{
 /**
  * Dispatched when `active` state changes
  */
-declare type ActiveChangedEvent = CustomEvent<{
+type ActiveChangedEvent = CustomEvent<{
     /**
      * `active` value
      */
@@ -39,7 +39,7 @@ declare type ActiveChangedEvent = CustomEvent<{
 /**
  * Dispatched when `query` state changes
  */
-declare type QueryChangedEvent = CustomEvent<{
+type QueryChangedEvent = CustomEvent<{
     /**
      * `query` value
      */
@@ -48,7 +48,7 @@ declare type QueryChangedEvent = CustomEvent<{
 /**
  * Dispatched when `view` state changes
  */
-declare type ViewChangedEvent = CustomEvent<{
+type ViewChangedEvent = CustomEvent<{
     /**
      * `view` value
      */
@@ -57,7 +57,7 @@ declare type ViewChangedEvent = CustomEvent<{
 /**
  * Dispatched when `page` state changes
  */
-declare type PageChangedEvent = CustomEvent<{
+type PageChangedEvent = CustomEvent<{
     /**
      * `page` value
      */
@@ -66,7 +66,7 @@ declare type PageChangedEvent = CustomEvent<{
 /**
  * Dispatched when `from` state changes
  */
-declare type FromChangedEvent = CustomEvent<{
+type FromChangedEvent = CustomEvent<{
     /**
      * `from` value
      */
@@ -75,7 +75,7 @@ declare type FromChangedEvent = CustomEvent<{
 /**
  * Dispatched when `to` state changes
  */
-declare type ToChangedEvent = CustomEvent<{
+type ToChangedEvent = CustomEvent<{
     /**
      * `to` value
      */
@@ -84,7 +84,7 @@ declare type ToChangedEvent = CustomEvent<{
 /**
  * Dispatched when `checked` state changes
  */
-declare type CheckChangedEvent = CustomEvent<{
+type CheckChangedEvent = CustomEvent<{
     /**
      * `checked` value
      */
@@ -93,7 +93,7 @@ declare type CheckChangedEvent = CustomEvent<{
 /**
  * Dispatched when `offset` state changes
  */
-declare type OffsetChangedEvent = CustomEvent<{
+type OffsetChangedEvent = CustomEvent<{
     /**
      * `offset` value
      */
@@ -103,7 +103,7 @@ declare type OffsetChangedEvent = CustomEvent<{
  * Dispatched when `expanded` state changes
  * Prevent default to stop expand/collapse pipeline
  */
-declare type ExpandedChangedEvent = CustomEvent<{
+type ExpandedChangedEvent = CustomEvent<{
     /**
      * `expanded` value
      */
@@ -112,7 +112,7 @@ declare type ExpandedChangedEvent = CustomEvent<{
 /**
  * Dispatched when the user clicks on internal `item`
  */
-declare type ItemTriggerEvent = CustomEvent<{
+type ItemTriggerEvent = CustomEvent<{
     /**
      * `item` value
      */

package/lib/flag/custom-elements.json

@@ -3,16 +3,10 @@
   "tags": [
     {
       "name": "ef-flag",
-      "description": "Provides a collection of flags.",
       "attributes": [
         {
           "name": "flag",
-          "description": "Name of a known flag to render.",
-          "type": "string | null"
-        },
-        {
-          "name": "src",
-          "description": "Src location of an svg flag.",
+          "description": "Code of a known flag to render or URL of flag SVG file.",
           "type": "string | null"
         }
       ],
@@ -20,13 +14,7 @@
         {
           "name": "flag",
           "attribute": "flag",
-          "description": "Name of a known flag to render.",
-          "type": "string | null"
-        },
-        {
-          "name": "src",
-          "attribute": "src",
-          "description": "Src location of an svg flag.",
+          "description": "Code of a known flag to render or URL of flag SVG file.",
           "type": "string | null"
         }
       ]

package/lib/flag/custom-elements.md

@@ -1,10 +1,7 @@
 # ef-flag
 
-Provides a collection of flags.
-
 ## Properties
 
-| Property | Attribute | Type             | Default | Description                     |
-|----------|-----------|------------------|---------|---------------------------------|
-| `flag`   | `flag`    | `string \| null` | null    | Name of a known flag to render. |
-| `src`    | `src`     | `string \| null` | null    | Src location of an svg flag.    |
+| Property | Attribute | Type             | Default | Description                                      |
+|----------|-----------|------------------|---------|--------------------------------------------------|
+| `flag`   | `flag`    | `string \| null` | null    | Code of a known flag to render or URL of flag SVG file. |

package/lib/flag/index.d.ts

@@ -1,13 +1,6 @@
 import { JSXInterface } from '../jsx';
 import { BasicElement, CSSResultGroup, TemplateResult, PropertyValues } from '@refinitiv-ui/core';
 export { preload } from './utils/FlagLoader.js';
-/**
- * Provides a collection of flags.
- *
- * @attr {string | null} src - Src location of a svg flag.
- * @prop {string | null} src - Src location of a svg flag
- *
- */
 export declare class Flag extends BasicElement {
     /**
      * Element version number
@@ -23,8 +16,8 @@ export declare class Flag extends BasicElement {
     static get styles(): CSSResultGroup;
     private _flag;
     /**
-     * Name of a known flag to render.
-     * @example gb
+     * Code of a known flag to render or URL of flag SVG file.
+     * @example gb | https://cdn.io/flags/gb.svg
      * @default null
      */
     get flag(): string | null;
@@ -32,10 +25,16 @@ export declare class Flag extends BasicElement {
     private _src;
     /**
      * Src location of an svg flag.
+     * @ignore
      * @example https://cdn.io/flags/gb.svg
+     * @deprecated Use `flag` instead
      * @default null
      */
     get src(): string | null;
+    /**
+      * @ignore
+      * @param value Location of an svg
+      */
     set src(value: string | null);
     private _template;
     /**
@@ -43,12 +42,25 @@ export declare class Flag extends BasicElement {
      */
     private get template();
     private set template(value);
+    /**
+     * A deferred promise representing flag ready.
+     * It would be resolved when the flag svg has been fetched and parsed, or
+     * when the flag svg is unavailable/invalid.
+     */
+    private flagReady;
+    constructor();
     /**
      * Called after the component is first rendered
      * @param changedProperties Properties which have changed
      * @returns {void}
      */
     protected firstUpdated(changedProperties: PropertyValues): void;
+    protected getUpdateComplete(): Promise<boolean>;
+    /**
+     * instantiate a new deferred promise for flag ready if it's not pending already
+     * @returns {void}
+     */
+    private deferFlagReady;
     /**
      * Helper method, used to set the flag src.
      * @returns {void}

package/lib/flag/index.js

@@ -3,24 +3,12 @@ import { BasicElement, svg, css } from '@refinitiv-ui/core';
 import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
 import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { unsafeHTML } from '@refinitiv-ui/core/directives/unsafe-html.js';
+import { Deferred } from '@refinitiv-ui/utils/loader.js';
 import { VERSION } from '../version.js';
 import { FlagLoader } from './utils/FlagLoader.js';
 export { preload } from './utils/FlagLoader.js';
 const EmptyTemplate = svg ``;
-/**
- * Provides a collection of flags.
- *
- * @attr {string | null} src - Src location of a svg flag.
- * @prop {string | null} src - Src location of a svg flag
- *
- */
 let Flag = class Flag extends BasicElement {
-    constructor() {
-        super(...arguments);
-        this._flag = null;
-        this._src = null;
-        this._template = EmptyTemplate;
-    }
     /**
      * Element version number
      * @returns version number
@@ -51,8 +39,8 @@ let Flag = class Flag extends BasicElement {
     `;
     }
     /**
-     * Name of a known flag to render.
-     * @example gb
+     * Code of a known flag to render or URL of flag SVG file.
+     * @example gb | https://cdn.io/flags/gb.svg
      * @default null
      */
     get flag() {
@@ -60,25 +48,35 @@ let Flag = class Flag extends BasicElement {
     }
     set flag(value) {
         if (this.flag !== value) {
+            this.deferFlagReady();
             this._flag = value;
             void this.setFlagSrc();
         }
     }
     /**
      * Src location of an svg flag.
+     * @ignore
      * @example https://cdn.io/flags/gb.svg
+     * @deprecated Use `flag` instead
      * @default null
      */
     get src() {
         return this._src;
     }
+    /**
+      * @ignore
+      * @param value Location of an svg
+      */
     set src(value) {
         if (this.src !== value) {
+            this.deferFlagReady();
             this._src = value;
-            this.clearFlag();
             if (value) {
                 void this.loadAndRenderFlag(value);
             }
+            else {
+                this.clearFlag();
+            }
         }
     }
     /**
@@ -92,6 +90,17 @@ let Flag = class Flag extends BasicElement {
             this._template = value;
             this.requestUpdate();
         }
+        this.flagReady.resolve();
+    }
+    constructor() {
+        super();
+        this._flag = null;
+        this._src = null;
+        this._template = EmptyTemplate;
+        this.flagReady = new Deferred();
+        // `flagReady` resolves at this stage so that `updateComplete` would be resolvable
+        // even in the case that both `flag` and `src` attribute are missing.
+        this.flagReady.resolve();
     }
     /**
      * Called after the component is first rendered
@@ -100,18 +109,30 @@ let Flag = class Flag extends BasicElement {
      */
     firstUpdated(changedProperties) {
         super.firstUpdated(changedProperties);
-        /**
-         * We have to call this here because
-         * polyfilled browsers only get variables at this point.
-         */
         this.setPrefix();
     }
+    async getUpdateComplete() {
+        const result = await super.getUpdateComplete();
+        await this.flagReady.promise;
+        return result;
+    }
+    /**
+     * instantiate a new deferred promise for flag ready if it's not pending already
+     * @returns {void}
+     */
+    deferFlagReady() {
+        if (this.flagReady.isPending()) {
+            return;
+        }
+        this.flagReady = new Deferred();
+    }
     /**
      * Helper method, used to set the flag src.
      * @returns {void}
      */
     async setFlagSrc() {
-        this.src = this.flag ? await FlagLoader.getSrc(this.flag) : null;
+        // keep `src` in-sync with `flag` so that flag svg would be resolved after every `flag` update
+        this.src = this.flag ? await FlagLoader.getSrc(this.flag) : this.flag;
     }
     /**
      * Tries to load an flag from the url provided
@@ -121,9 +142,7 @@ let Flag = class Flag extends BasicElement {
      */
     async loadAndRenderFlag(src) {
         const svgBody = await FlagLoader.loadSVG(src);
-        if (svgBody) {
-            this.template = svg `${unsafeHTML(svgBody)}`;
-        }
+        this.template = svgBody ? svg `${unsafeHTML(svgBody)}` : EmptyTemplate;
     }
     /**
      * Get and cache CDN prefix

package/lib/header/themes/halo/dark/index.js

@@ -1,2 +1,2 @@
 
-dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-header', styles: ':host{color:#ccc;padding:0 0 0 4px;height:28px;font-size:12rem;font-family:inherit;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;background-color:#333;text-transform:uppercase}:host [part=spacer]{flex:none;width:4px}:host [part=label]{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:8px}:host ::slotted(ef-button[transparent]){color:inherit!important}:host([level="1"]){background-color:#404040}:host([level="3"]){background-color:#262626}:host([level="4"]){background-color:#1a1a1a}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-header', styles: ':host{color:#ccc;padding:0 0 0 4px;height:28px;font-size:12px;font-family:inherit;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;background-color:#333;text-transform:uppercase}:host [part=spacer]{flex:none;width:4px}:host [part=label]{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:8px}:host ::slotted(ef-button[transparent]){color:inherit!important}:host([level="1"]){background-color:#404040}:host([level="3"]){background-color:#262626}:host([level="4"]){background-color:#1a1a1a}' }}));

package/lib/header/themes/halo/light/index.js

@@ -1,2 +1,2 @@
 
-dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-header', styles: ':host{color:#0d0d0d;padding:0 0 0 4px;height:28px;font-size:12rem;font-family:inherit;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;background-color:#e6e6e6;text-transform:uppercase}:host [part=spacer]{flex:none;width:4px}:host [part=label]{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:8px}:host ::slotted(ef-button[transparent]){color:inherit!important}:host([level="1"]){background-color:#d9d9d9}:host([level="3"]){background-color:#f2f2f2}:host([level="4"]){background-color:#fafafa}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-header', styles: ':host{color:#0d0d0d;padding:0 0 0 4px;height:28px;font-size:12px;font-family:inherit;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;background-color:#e6e6e6;text-transform:uppercase}:host [part=spacer]{flex:none;width:4px}:host [part=label]{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:8px}:host ::slotted(ef-button[transparent]){color:inherit!important}:host([level="1"]){background-color:#d9d9d9}:host([level="3"]){background-color:#f2f2f2}:host([level="4"]){background-color:#fafafa}' }}));

package/lib/header/themes/solar/charcoal/index.js

@@ -1,2 +1,2 @@
 
-dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-header', styles: ':host{padding:0 0 0 5px;height:27px;font-size:14rem;font-family:inherit;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;position:relative;color:#c2c2c2;background-color:#2e2e33}:host [part=spacer]{flex:none;width:5px}:host [part=label]{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;font-weight:600;text-transform:uppercase}:host ::slotted(ef-button[transparent]){color:inherit!important}:host([level="3"]) [part=label]{text-transform:none}:host([level="1"]){color:#e2e2e2;background-color:#4a4a52;background-image:linear-gradient(rgba(255,255,255,.03) 0,rgba(255,255,255,0) 100%)}:host([level="3"]){color:#8c8c8c;background-color:#212124}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-header', styles: ':host{padding:0 0 0 5px;height:27px;font-size:14px;font-family:inherit;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;position:relative;color:#c2c2c2;background-color:#2e2e33}:host [part=spacer]{flex:none;width:5px}:host [part=label]{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;font-weight:600;text-transform:uppercase}:host ::slotted(ef-button[transparent]){color:inherit!important}:host([level="3"]) [part=label]{text-transform:none}:host([level="1"]){color:#e2e2e2;background-color:#4a4a52;background-image:linear-gradient(rgba(255,255,255,.03) 0,rgba(255,255,255,0) 100%)}:host([level="3"]){color:#8c8c8c;background-color:#212124}' }}));

package/lib/header/themes/solar/pearl/index.js

@@ -1,2 +1,2 @@
 
-dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-header', styles: ':host{padding:0 0 0 5px;height:27px;font-size:14rem;font-family:inherit;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;position:relative;color:#505050;background-color:#d0d4db}:host [part=spacer]{flex:none;width:5px}:host [part=label]{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;font-weight:600;text-transform:uppercase}:host ::slotted(ef-button[transparent]){color:inherit!important}:host([level="3"]) [part=label]{text-transform:none}:host([level="1"]){color:#484848;background-color:#bec3cc;background-image:linear-gradient(rgba(255,255,255,.18) 0,rgba(255,255,255,0) 100%)}:host([level="3"]){color:#6e6e78;background-color:#e4e8ed}' }}));
+dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-header', styles: ':host{padding:0 0 0 5px;height:27px;font-size:14px;font-family:inherit;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;position:relative;color:#505050;background-color:#d0d4db}:host [part=spacer]{flex:none;width:5px}:host [part=label]{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;font-weight:600;text-transform:uppercase}:host ::slotted(ef-button[transparent]){color:inherit!important}:host([level="3"]) [part=label]{text-transform:none}:host([level="1"]){color:#484848;background-color:#bec3cc;background-image:linear-gradient(rgba(255,255,255,.18) 0,rgba(255,255,255,0) 100%)}:host([level="3"]){color:#6e6e78;background-color:#e4e8ed}' }}));

package/lib/heatmap/helpers/color.js

@@ -1,4 +1,4 @@
-/* istanbul ignore file */
+/* c8 ignore start */
 import { color, rgb, hsl } from '@refinitiv-ui/utils/color.js';
 import { interpolate } from 'd3-interpolate';
 /**
@@ -64,3 +64,4 @@ const blend = (color1, color2, backgroundColor, amount) => {
     return color(`rgb(${red}, ${green}, ${blue})`)?.toString() || '';
 };
 export { blend, brighten, darken, isLight, interpolate };
+/* c8 ignore stop */

package/lib/heatmap/helpers/text.d.ts

@@ -1,5 +1,5 @@
 import type { HeatmapCell } from './types';
-declare const MIN_FONT_SIZE = 10;
+declare const MIN_FONT_SIZE = 12;
 declare const MAX_FONT_SIZE = 16;
 /**
  * Calculate responsive font size according to the screen width

package/lib/heatmap/helpers/text.js

@@ -1,4 +1,4 @@
-const MIN_FONT_SIZE = 10;
+const MIN_FONT_SIZE = 12;
 const MAX_FONT_SIZE = 16;
 /**
  * Calculate responsive font size according to the screen width

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

@@ -1,18 +1,18 @@
-declare type HeatmapConfig = {
+type HeatmapConfig = {
     data: Array<HeatmapCell[]>;
     yAxis?: HeatmapYAxis;
     xAxis?: HeatmapXAxis;
 };
-declare type HeatmapXAxis = {
+type HeatmapXAxis = {
     labels: string[];
     shortLabels: string[];
     position: 'top' | 'bottom';
 };
-declare type HeatmapYAxis = {
+type HeatmapYAxis = {
     labels: string[];
     position: 'left' | 'right';
 };
-declare type HeatmapCell = {
+type HeatmapCell = {
     rowIndex: number;
     colIndex: number;
     x: number;
@@ -30,11 +30,11 @@ declare type HeatmapCell = {
     customBackgroundColor?: string;
     customForegroundColor?: string;
 };
-declare type HeatmapCustomisableProperties = {
+type HeatmapCustomisableProperties = {
     label?: string;
     backgroundColor?: string;
     foregroundColor?: string;
 };
-declare type HeatmapTooltipCallback = (activeCell: HeatmapCell) => HTMLElement | undefined;
-declare type HeatmapRenderCallback = (cell: HeatmapCell) => HeatmapCustomisableProperties;
+type HeatmapTooltipCallback = (activeCell: HeatmapCell) => HTMLElement | undefined;
+type HeatmapRenderCallback = (cell: HeatmapCell) => HeatmapCustomisableProperties;
 export { HeatmapCell, HeatmapXAxis, HeatmapYAxis, HeatmapConfig, HeatmapTooltipCallback, HeatmapRenderCallback, HeatmapCustomisableProperties };