@refinitiv-ui/elements 5.10.0 → 5.10.2-build.1841524222.1.59

package/lib/clock/utils/TickManager.js

@@ -1,5 +1,5 @@
-import { TimeoutTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
-import { MILLISECONDS_IN_SECOND } from '@refinitiv-ui/utils/lib/date.js';
+import { TimeoutTaskRunner } from '@refinitiv-ui/utils/async.js';
+import { MILLISECONDS_IN_SECOND } from '@refinitiv-ui/utils/date.js';
 const tickSet = new Set();
 let timeout = null;
 /**

package/lib/collapse/index.js

@@ -1,9 +1,9 @@
 var Collapse_1;
 import { __decorate } from "tslib";
 import { BasicElement, css, html } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
 import { VERSION } from '../version.js';
 import '../header/index.js';
 import '../panel/index.js';

package/lib/color-dialog/elements/color-palettes.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { html, css, svg } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
 import { VERSION } from '../../version.js';
 import { Palettes } from './palettes.js';
 import { COLOR_ITEMS } from '../helpers/color-helpers.js';

package/lib/color-dialog/elements/grayscale-palettes.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { html, css, svg } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { VERSION } from '../../version.js';
 import { Palettes } from './palettes.js';
 import { GRAYSCALE_ITEMS, NOCOLOR_POINTS } from '../helpers/color-helpers.js';

package/lib/color-dialog/elements/palettes.js

@@ -1,9 +1,9 @@
 import { __decorate } from "tslib";
 import { BasicElement, svg } from '@refinitiv-ui/core';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
 import { VERSION } from '../../version.js';
-import { rgb } from '@refinitiv-ui/utils/lib/color.js';
+import { rgb } from '@refinitiv-ui/utils/color.js';
 import { isHex } from '../helpers/color-helpers.js';
 /**
  * Element base class usually used

package/lib/color-dialog/helpers/value-model.js

@@ -1,4 +1,4 @@
-import { rgb } from '@refinitiv-ui/utils/lib/color.js';
+import { rgb } from '@refinitiv-ui/utils/color.js';
 import { isHex } from './color-helpers.js';
 const rgbNumberToString = (value) => isNaN(value) ? '' : `${value}`; // replace NaN with empty string
 /**

package/lib/color-dialog/index.d.ts

@@ -7,7 +7,7 @@ import { Dialog } from '../dialog/index.js';
 import './elements/color-palettes.js';
 import './elements/grayscale-palettes.js';
 import { Translate } from '@refinitiv-ui/translate';
-import '@refinitiv-ui/phrasebook/lib/locale/en/color-dialog.js';
+import '@refinitiv-ui/phrasebook/locale/en/color-dialog.js';
 /**
  * Displays a colour picker dialog,
  * for selecting a predefined range of colours.

package/lib/color-dialog/index.js

@@ -1,10 +1,10 @@
 import { __decorate } from "tslib";
 import { html, css, WarningNotice } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
-import { styleMap } from '@refinitiv-ui/core/lib/directives/style-map.js';
-import { rgb } from '@refinitiv-ui/utils/lib/color.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
+import { styleMap } from '@refinitiv-ui/core/directives/style-map.js';
+import { rgb } from '@refinitiv-ui/utils/color.js';
 import { VERSION } from '../version.js';
 import { ValueModel } from './helpers/value-model.js';
 import { isHex, removeHashSign } from './helpers/color-helpers.js';
@@ -15,7 +15,7 @@ import { Dialog } from '../dialog/index.js';
 import './elements/color-palettes.js';
 import './elements/grayscale-palettes.js';
 import { translate } from '@refinitiv-ui/translate';
-import '@refinitiv-ui/phrasebook/lib/locale/en/color-dialog.js';
+import '@refinitiv-ui/phrasebook/locale/en/color-dialog.js';
 /**
  * Displays a colour picker dialog,
  * for selecting a predefined range of colours.

package/lib/combo-box/helpers/filter.d.ts

@@ -1,4 +1,4 @@
-import type { DataItem } from '@refinitiv-ui/utils/lib/collection';
+import type { DataItem } from '@refinitiv-ui/utils/collection.js';
 import type { ComboBox } from '../index';
 import type { ComboBoxFilter } from './types';
 import type { ItemData } from '../../item';

package/lib/combo-box/helpers/types.d.ts

@@ -1,4 +1,4 @@
-import type { DataItem } from '@refinitiv-ui/utils/lib/collection';
+import type { DataItem } from '@refinitiv-ui/utils/collection.js';
 import type { ItemData } from '../../item';
 /**
  * Predicate callback

package/lib/combo-box/index.d.ts

@@ -1,8 +1,8 @@
 import { JSXInterface } from '../jsx';
 import { FormFieldElement, CSSResultGroup, PropertyValues, TapEvent, TemplateResult, StyleMap } from '@refinitiv-ui/core';
-import { TemplateMap } from '@refinitiv-ui/core/lib/directives/template-map.js';
-import { CollectionComposer, DataItem } from '@refinitiv-ui/utils/lib/collection.js';
-import { AnimationTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
+import { TemplateMap } from '@refinitiv-ui/core/directives/template-map.js';
+import { CollectionComposer, DataItem } from '@refinitiv-ui/utils/collection.js';
+import { AnimationTaskRunner } from '@refinitiv-ui/utils/async.js';
 import { ItemData } from '../item';
 import { ComboBoxData, ComboBoxFilter } from './helpers/types';
 import type { List } from '../list/index.js';
@@ -13,7 +13,7 @@ import '../overlay/index.js';
 import '../list/index.js';
 import '../counter/index.js';
 import { TranslateDirective } from '@refinitiv-ui/translate';
-import '@refinitiv-ui/phrasebook/lib/locale/en/combo-box.js';
+import '@refinitiv-ui/phrasebook/locale/en/combo-box.js';
 export type { ComboBoxFilter, ComboBoxData };
 export { ComboBoxRenderer };
 /**

package/lib/combo-box/index.js

@@ -1,14 +1,14 @@
 import { __decorate } from "tslib";
 import { FormFieldElement, css, html, WarningNotice, FocusedPropertyKey } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
-import { eventOptions } from '@refinitiv-ui/core/lib/decorators/event-options.js';
-import { styleMap } from '@refinitiv-ui/core/lib/directives/style-map.js';
-import { ifDefined } from '@refinitiv-ui/core/lib/directives/if-defined.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
+import { eventOptions } from '@refinitiv-ui/core/decorators/event-options.js';
+import { styleMap } from '@refinitiv-ui/core/directives/style-map.js';
+import { ifDefined } from '@refinitiv-ui/core/directives/if-defined.js';
 import { VERSION } from '../version.js';
-import { CollectionComposer } from '@refinitiv-ui/utils/lib/collection.js';
-import { AnimationTaskRunner, TimeoutTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
+import { CollectionComposer } from '@refinitiv-ui/utils/collection.js';
+import { AnimationTaskRunner, TimeoutTaskRunner } from '@refinitiv-ui/utils/async.js';
 import { ComboBoxRenderer } from './helpers/renderer.js';
 import { defaultFilter } from './helpers/filter.js';
 import { CustomKeyboardEvent } from './helpers/keyboard-event.js';
@@ -17,7 +17,7 @@ import '../overlay/index.js';
 import '../list/index.js';
 import '../counter/index.js';
 import { translate } from '@refinitiv-ui/translate';
-import '@refinitiv-ui/phrasebook/lib/locale/en/combo-box.js';
+import '@refinitiv-ui/phrasebook/locale/en/combo-box.js';
 export { ComboBoxRenderer };
 const QUERY_DEBOUNCE_RATE = 0;
 // Maximum number of characters to display in multiple mode

package/lib/counter/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { BasicElement, html, css, WarningNotice } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { VERSION } from '../version.js';
 import { truncateDecimal, convertToCompactNotation } from './utils.js';
 /**

package/lib/datetime-picker/index.js

@@ -1,9 +1,9 @@
 import { __decorate } from "tslib";
 import { ControlElement, html, css, WarningNotice } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
-import { ifDefined } from '@refinitiv-ui/core/lib/directives/if-defined.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
+import { ifDefined } from '@refinitiv-ui/core/directives/if-defined.js';
 import { VERSION } from '../version.js';
 import '../calendar/index.js';
 import '../icon/index.js';
@@ -15,7 +15,7 @@ import { getDateFNSLocale } from './locales.js';
 import inputFormat from 'date-fns/esm/format/index.js';
 import inputParse from 'date-fns/esm/parse/index.js';
 import isValid from 'date-fns/esm/isValid/index.js';
-import { addMonths, subMonths, isAfter, isBefore, isValidDate, isValidDateTime, DateFormat, DateTimeFormat, parse, format } from '@refinitiv-ui/utils/lib/date.js';
+import { addMonths, subMonths, isAfter, isBefore, isValidDate, isValidDateTime, DateFormat, DateTimeFormat, parse, format } from '@refinitiv-ui/utils/date.js';
 import { DateTimeSegment, formatToView, getCurrentTime } from './utils.js';
 import { preload } from '../icon/index.js';
 preload('calendar', 'down', 'left', 'right'); /* preload calendar icons for faster loading */

package/lib/datetime-picker/utils.js

@@ -1,4 +1,4 @@
-import { format, DateFormat, parse, TimeFormat, toTimeSegment } from '@refinitiv-ui/utils/lib/date.js';
+import { format, DateFormat, parse, TimeFormat, toTimeSegment } from '@refinitiv-ui/utils/date.js';
 /**
  * A helper class to split date time string into date and time segments
  */

package/lib/dialog/custom-elements.json

@@ -151,6 +151,17 @@
           "name": "refit",
           "description": "Clear all cached values and fit the popup.\nUse this function only if maxWidth, maxHeight, minWidth, minHeight, height, width are changed",
           "params": []
+        },
+        {
+          "name": "willUpdate",
+          "description": "Compute property values that depend on other properties\nand are used in the rest of the update process.",
+          "params": [
+            {
+              "name": "changedProperties",
+              "description": "Properties that has changed",
+              "type": "PropertyValues"
+            }
+          ]
         }
       ]
     }

package/lib/dialog/custom-elements.md

@@ -28,9 +28,10 @@ and also allows custom footers and control buttons to be used.
 
 ## Methods
 
-| Method  | Type       | Description                                      |
-|---------|------------|--------------------------------------------------|
-| `refit` | `(): void` | Clear all cached values and fit the popup.<br />Use this function only if maxWidth, maxHeight, minWidth, minHeight, height, width are changed |
+| Method       | Type                             | Description                                      |
+|--------------|----------------------------------|--------------------------------------------------|
+| `refit`      | `(): void`                       | Clear all cached values and fit the popup.<br />Use this function only if maxWidth, maxHeight, minWidth, minHeight, height, width are changed |
+| `willUpdate` | `(changedProperties: any): void` | Compute property values that depend on other properties<br />and are used in the rest of the update process.<br /><br />**changedProperties**: Properties that has changed |
 
 ## Events
 

package/lib/dialog/index.d.ts

@@ -6,7 +6,7 @@ import '../panel/index.js';
 import '../header/index.js';
 import '../button/index.js';
 import { Translate } from '@refinitiv-ui/translate';
-import '@refinitiv-ui/phrasebook/lib/locale/en/dialog.js';
+import '@refinitiv-ui/phrasebook/locale/en/dialog.js';
 /**
  * Popup window, designed to contain and show any HTML content.
  * It provides modal and dragging functionality,
@@ -44,6 +44,10 @@ export declare class Dialog extends Overlay {
      * @returns version number
      */
     static get version(): string;
+    /**
+     * Default role of the element
+     */
+    protected readonly defaultRole: string | null;
     /**
      * A `CSSResultGroup` that will be used
      * to style the host, slotted children
@@ -108,6 +112,19 @@ export declare class Dialog extends Overlay {
      * @returns boolean should component update
      */
     protected shouldUpdate(changedProperties: PropertyValues): boolean;
+    /**
+     * Compute property values that depend on other properties
+     * and are used in the rest of the update process.
+     * @param changedProperties Properties that has changed
+     * @returns {void}
+     */
+    willUpdate(changedProperties: PropertyValues): void;
+    /**
+     * Called after the component is first rendered
+     * @param changedProperties Properties which have changed
+     * @return {void}
+     */
+    protected firstUpdated(changedProperties: PropertyValues): void;
     /**
      * Called after the element’s properties has been updated
      * @param changedProperties Properties that has changed

package/lib/dialog/index.js

@@ -1,10 +1,10 @@
 import { __decorate } from "tslib";
 import { css, html } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
 import { VERSION } from '../version.js';
-import { isIE } from '@refinitiv-ui/utils/lib/browser.js';
+import { isIE } from '@refinitiv-ui/utils/browser.js';
 import { deregister as draggableDeregister, register as draggableRegister } from './draggable-element.js';
 import { Overlay } from '../overlay/index.js';
 import '../icon/index.js';
@@ -12,7 +12,7 @@ import '../panel/index.js';
 import '../header/index.js';
 import '../button/index.js';
 import { translate, TranslatePropertyKey } from '@refinitiv-ui/translate';
-import '@refinitiv-ui/phrasebook/lib/locale/en/dialog.js';
+import '@refinitiv-ui/phrasebook/locale/en/dialog.js';
 /**
  * Popup window, designed to contain and show any HTML content.
  * It provides modal and dragging functionality,
@@ -47,6 +47,10 @@ import '@refinitiv-ui/phrasebook/lib/locale/en/dialog.js';
 let Dialog = class Dialog extends Overlay {
     constructor() {
         super(...arguments);
+        /**
+         * Default role of the element
+         */
+        this.defaultRole = 'dialog';
         /**
          * Set Header/Title of the dialog
          */
@@ -147,7 +151,28 @@ let Dialog = class Dialog extends Overlay {
     shouldUpdate(changedProperties) {
         const shouldUpdate = super.shouldUpdate(changedProperties);
         return shouldUpdate
-            || ((changedProperties.has('draggable') || changedProperties.has('header') || changedProperties.has(TranslatePropertyKey)) && this.opened);
+            || ((changedProperties.has('draggable') || changedProperties.has('header') || changedProperties.has('noInteractionLock') || changedProperties.has(TranslatePropertyKey)) && this.opened);
+    }
+    /**
+     * Compute property values that depend on other properties
+     * and are used in the rest of the update process.
+     * @param changedProperties Properties that has changed
+     * @returns {void}
+     */
+    willUpdate(changedProperties) {
+        // dialog only update when it is opened, so also checking `opened` change.
+        if (changedProperties.has('opened') || changedProperties.has('noInteractionLock')) {
+            this.setAttribute('aria-modal', String(!this.noInteractionLock));
+        }
+    }
+    /**
+     * Called after the component is first rendered
+     * @param changedProperties Properties which have changed
+     * @return {void}
+     */
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.setAttribute('aria-modal', String(!this.noInteractionLock));
     }
     /**
      * Called after the element’s properties has been updated
@@ -283,7 +308,7 @@ let Dialog = class Dialog extends Overlay {
     get headerRegion() {
         return html `
       ${this.header === null ? this.t('HEADER') : this.header}
-      <ef-icon part="close" icon="cross" slot="right" @tap="${this.defaultCancel}"></ef-icon>
+      <ef-icon aria-hidden="true" part="close" icon="cross" slot="right" @tap="${this.defaultCancel}"></ef-icon>
     `;
     }
     /**
@@ -293,9 +318,9 @@ let Dialog = class Dialog extends Overlay {
      */
     render() {
         return html `
-        <ef-header drag-handle part="header">${this.headerRegion}</ef-header>
-        <ef-panel part="content" spacing transparent>${this.contentRegion}</ef-panel>
-        <div part="footer">${this.footerRegion}</div>
+      <ef-header drag-handle part="header">${this.headerRegion}</ef-header>
+      <ef-panel part="content" spacing transparent>${this.contentRegion}</ef-panel>
+      <div part="footer">${this.footerRegion}</div>
     `;
     }
 };

package/lib/email-field/index.d.ts

@@ -2,7 +2,7 @@ import { JSXInterface } from '../jsx';
 import { PropertyValues } from '@refinitiv-ui/core';
 import '../icon/index.js';
 import { TextField } from '../text-field/index.js';
-import { TemplateMap } from '@refinitiv-ui/core/lib/directives/template-map.js';
+import { TemplateMap } from '@refinitiv-ui/core/directives/template-map.js';
 /**
  * A form control element for email.
  *

package/lib/email-field/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
 import '../icon/index.js';
 import { TextField } from '../text-field/index.js';
 /**

package/lib/flag/index.js

@@ -1,8 +1,8 @@
 import { __decorate } from "tslib";
 import { BasicElement, svg, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { unsafeHTML } from '@refinitiv-ui/core/lib/directives/unsafe-html.js';
+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 { VERSION } from '../version.js';
 import { FlagLoader } from './utils/FlagLoader.js';
 export { preload } from './utils/FlagLoader.js';

package/lib/flag/utils/FlagLoader.d.ts

@@ -1,4 +1,4 @@
-import { CdnLoader } from '@refinitiv-ui/utils/lib/loader.js';
+import { CdnLoader } from '@refinitiv-ui/utils/loader.js';
 /**
  * Caches and provides flag SVGs, Loaded either by name from CDN or directly by URL.
  * Uses singleton pattern

package/lib/flag/utils/FlagLoader.js

@@ -1,4 +1,4 @@
-import { CdnLoader, Deferred } from '@refinitiv-ui/utils/lib/loader.js';
+import { CdnLoader, Deferred } from '@refinitiv-ui/utils/loader.js';
 const isUrl = (str) => (/^https?:\/\//i).test(str);
 /**
  * Caches and provides flag SVGs, Loaded either by name from CDN or directly by URL.

package/lib/header/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { BasicElement, html, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { VERSION } from '../version.js';
 /**
  * Use to identify and separate different sections of a page.

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

@@ -1,4 +1,4 @@
-import { ColorCommonInstance } from '@refinitiv-ui/utils/lib/color.js';
+import { ColorCommonInstance } from '@refinitiv-ui/utils/color.js';
 import { interpolate } from 'd3-interpolate';
 /**
  * Check if the color is a light color

package/lib/heatmap/helpers/color.js

@@ -1,5 +1,5 @@
 /* istanbul ignore file */
-import { color, rgb, hsl } from '@refinitiv-ui/utils/lib/color.js';
+import { color, rgb, hsl } from '@refinitiv-ui/utils/color.js';
 import { interpolate } from 'd3-interpolate';
 /**
  * Check if the color is a light color

package/lib/heatmap/index.js

@@ -1,11 +1,11 @@
 import { __decorate } from "tslib";
 import { ResponsiveElement, html, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
 import { VERSION } from '../version.js';
-import { MicroTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
-import { color } from '@refinitiv-ui/utils/lib/color.js';
+import { MicroTaskRunner } from '@refinitiv-ui/utils/async.js';
+import { color } from '@refinitiv-ui/utils/color.js';
 import '../canvas/index.js';
 import '../tooltip/index.js';
 import { Track } from './helpers/track.js';

package/lib/icon/index.js

@@ -1,8 +1,8 @@
 import { __decorate } from "tslib";
 import { BasicElement, svg, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { unsafeSVG } from '@refinitiv-ui/core/lib/directives/unsafe-svg.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { unsafeSVG } from '@refinitiv-ui/core/directives/unsafe-svg.js';
 import { VERSION } from '../version.js';
 import { IconLoader } from './utils/IconLoader.js';
 export { preload } from './utils/IconLoader.js';

package/lib/icon/utils/IconLoader.d.ts

@@ -1,4 +1,4 @@
-import { CdnLoader } from '@refinitiv-ui/utils/lib/loader.js';
+import { CdnLoader } from '@refinitiv-ui/utils/loader.js';
 /**
  * Caches and provides icon SVGs, Loaded either by name from CDN or directly by URL.
  * Uses singleton pattern

package/lib/icon/utils/IconLoader.js

@@ -1,4 +1,4 @@
-import { CdnLoader, Deferred } from '@refinitiv-ui/utils/lib/loader.js';
+import { CdnLoader, Deferred } from '@refinitiv-ui/utils/loader.js';
 const isUrl = (str) => (/^(https?:\/{2}|\.?\/)/i).test(str);
 /**
  * Caches and provides icon SVGs, Loaded either by name from CDN or directly by URL.

package/lib/interactive-chart/helpers/types.d.ts

@@ -1,5 +1,5 @@
 import type { LineData, BarData, HistogramData, DeepPartial, ChartOptions, SeriesPartialOptions, LineSeriesPartialOptions, AreaSeriesPartialOptions, BarSeriesPartialOptions, CandlestickSeriesPartialOptions, HistogramSeriesPartialOptions, LineStyleOptions, AreaStyleOptions, BarStyleOptions, CandlestickStyleOptions, HistogramStyleOptions, ISeriesApi, SeriesType } from 'lightweight-charts';
-import type { RGBColor, HSLColor } from '@refinitiv-ui/utils/lib/color.js';
+import type { RGBColor, HSLColor } from '@refinitiv-ui/utils/color.js';
 declare type SeriesOptions = AreaSeriesPartialOptions | BarSeriesPartialOptions | CandlestickSeriesPartialOptions | HistogramSeriesPartialOptions | LineSeriesPartialOptions;
 declare type SeriesStyleOptions = LineStyleOptions & AreaStyleOptions & BarStyleOptions & CandlestickStyleOptions & HistogramStyleOptions;
 declare type SeriesData = LineData[] | BarData[] | HistogramData[];

package/lib/interactive-chart/index.js

@@ -1,11 +1,11 @@
 var InteractiveChart_1;
 import { __decorate } from "tslib";
 import { ResponsiveElement, html, css, DeprecationNotice } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
 import { VERSION } from '../version.js';
-import { color as parseColor } from '@refinitiv-ui/utils/lib/color.js';
+import { color as parseColor } from '@refinitiv-ui/utils/color.js';
 import { createChart as chart } from 'lightweight-charts';
 import '../tooltip/index.js';
 import { LegendStyle } from './helpers/types.js';

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

@@ -1,4 +1,4 @@
-import type { DataItem } from '@refinitiv-ui/utils/lib/collection.js';
+import type { DataItem } from '@refinitiv-ui/utils/collection.js';
 export declare type ItemType = 'text' | 'header' | 'divider';
 interface CommonItem extends DataItem {
     /**

package/lib/item/index.js

@@ -1,8 +1,8 @@
 import { __decorate } from "tslib";
 import { ControlElement, css, html } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
 import { VERSION } from '../version.js';
 import '../icon/index.js';
 import '../checkbox/index.js';

package/lib/label/index.js

@@ -1,10 +1,10 @@
 import { __decorate } from "tslib";
 import { BasicElement, html, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { styleMap } from '@refinitiv-ui/core/lib/directives/style-map.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { styleMap } from '@refinitiv-ui/core/directives/style-map.js';
 import { VERSION } from '../version.js';
-import { isIE } from '@refinitiv-ui/utils/lib/browser.js';
+import { isIE } from '@refinitiv-ui/utils/browser.js';
 import { addTooltipCondition, removeTooltipCondition } from '../tooltip/index.js';
 /**
  * Configuration object

package/lib/layout/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { ResponsiveElement, html, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { VERSION } from '../version.js';
 /**
  * Layout component for creating responsive applications and components

package/lib/led-gauge/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { BasicElement, html, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { VERSION } from '../version.js';
 import '../canvas/index.js';
 const ZERO_MAP = {

package/lib/list/custom-elements.json

@@ -11,6 +11,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "aria-multiselectable",
+          "description": "Aria indicating that list supports multiple selection",
+          "type": "string",
+          "default": "false"
+        },
         {
           "name": "multiple",
           "description": "Allow multiple selections",
@@ -44,6 +50,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "ariaMultiselectable",
+          "attribute": "aria-multiselectable",
+          "description": "Aria indicating that list supports multiple selection",
+          "type": "string",
+          "default": "false"
+        },
         {
           "name": "multiple",
           "attribute": "multiple",