@refinitiv-ui/elements 5.12.0-alpha.2 → 5.12.2

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/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
-import { query } from '@refinitiv-ui/core/decorators/query.js';
+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 { VERSION } from '../version.js';
-import { isIE } from '@refinitiv-ui/utils/browser.js';
+import { isIE } from '@refinitiv-ui/utils/lib/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/locale/en/dialog.js';
+import '@refinitiv-ui/phrasebook/lib/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/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/directives/template-map.js';
+import { TemplateMap } from '@refinitiv-ui/core/lib/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/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/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/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
-import { unsafeHTML } from '@refinitiv-ui/core/directives/unsafe-html.js';
+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 { 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/loader.js';
+import { CdnLoader } from '@refinitiv-ui/utils/lib/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/loader.js';
+import { CdnLoader, Deferred } from '@refinitiv-ui/utils/lib/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/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/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/color.js';
+import { ColorCommonInstance } from '@refinitiv-ui/utils/lib/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/color.js';
+import { color, rgb, hsl } from '@refinitiv-ui/utils/lib/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/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
-import { query } from '@refinitiv-ui/core/decorators/query.js';
+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 { VERSION } from '../version.js';
-import { MicroTaskRunner } from '@refinitiv-ui/utils/async.js';
-import { color } from '@refinitiv-ui/utils/color.js';
+import { MicroTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
+import { color } from '@refinitiv-ui/utils/lib/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/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
-import { unsafeSVG } from '@refinitiv-ui/core/directives/unsafe-svg.js';
+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 { 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/loader.js';
+import { CdnLoader } from '@refinitiv-ui/utils/lib/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/loader.js';
+import { CdnLoader, Deferred } from '@refinitiv-ui/utils/lib/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/color.js';
+import type { RGBColor, HSLColor } from '@refinitiv-ui/utils/lib/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/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
-import { query } from '@refinitiv-ui/core/decorators/query.js';
+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 { VERSION } from '../version.js';
-import { color as parseColor } from '@refinitiv-ui/utils/color.js';
+import { color as parseColor } from '@refinitiv-ui/utils/lib/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/collection.js';
+import type { DataItem } from '@refinitiv-ui/utils/lib/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/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
-import { query } from '@refinitiv-ui/core/decorators/query.js';
+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 { 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/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
-import { styleMap } from '@refinitiv-ui/core/directives/style-map.js';
+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 { VERSION } from '../version.js';
-import { isIE } from '@refinitiv-ui/utils/browser.js';
+import { isIE } from '@refinitiv-ui/utils/lib/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/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/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/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
 import { VERSION } from '../version.js';
 import '../canvas/index.js';
 const ZERO_MAP = {

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

@@ -1,3 +1,3 @@
-import type { CollectionComposer, DataItem } from '@refinitiv-ui/utils/collection.js';
+import type { CollectionComposer, DataItem } from '@refinitiv-ui/utils/lib/collection.js';
 import type { ItemData } from '../../item';
 export declare type ListData<T extends DataItem = ItemData> = T[] | CollectionComposer<T> | null;

package/lib/list/index.d.ts

@@ -1,6 +1,6 @@
 import { JSXInterface } from '../jsx';
 import { ControlElement, CSSResultGroup, PropertyValues, TapEvent, TemplateResult } from '@refinitiv-ui/core';
-import { CollectionComposer, DataItem } from '@refinitiv-ui/utils/collection.js';
+import { CollectionComposer, DataItem } from '@refinitiv-ui/utils/lib/collection.js';
 import type { ItemData } from '../item';
 import type { ListData } from './helpers/types';
 import { ListRenderer } from './helpers/list-renderer.js';

package/lib/list/index.js

@@ -1,9 +1,9 @@
 import { __decorate } from "tslib";
 import { ControlElement, css, html, WarningNotice } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
 import { VERSION } from '../version.js';
-import { CollectionComposer } from '@refinitiv-ui/utils/collection.js';
+import { CollectionComposer } from '@refinitiv-ui/utils/lib/collection.js';
 import { ListRenderer } from './helpers/list-renderer.js';
 import '../item/index.js';
 export { ListRenderer };

package/lib/list/renderer.d.ts

@@ -1,5 +1,5 @@
 import { ExtensibleFunction } from './extensible-function.js';
-import type { DataItem, CollectionComposer } from '@refinitiv-ui/utils/collection.js';
+import type { DataItem, CollectionComposer } from '@refinitiv-ui/utils/lib/collection.js';
 /**
  * Render function interface
  * TODO: Move this to @refinitiv-ui/utils

package/lib/loader/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { BasicElement, html } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
 import { VERSION } from '../version.js';
 /**
  * Global cache for loader template parts

package/lib/multi-input/helpers/types.d.ts

@@ -1,4 +1,4 @@
-import type { CollectionItem } from '@refinitiv-ui/utils/collection.js';
+import type { CollectionItem } from '@refinitiv-ui/utils/lib/collection.js';
 export declare type SelectionIndex = number | null;
 export declare type MultiInputEvents = 'item-added' | 'item-removed' | 'item-error';
 export declare type MultiInputData = MultiInputDataItem[];

package/lib/multi-input/index.js

@@ -1,11 +1,11 @@
 import { __decorate } from "tslib";
 import { ControlElement, css, html } from '@refinitiv-ui/core';
-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 { 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 { VERSION } from '../version.js';
-import { CollectionComposer } from '@refinitiv-ui/utils/collection.js';
+import { CollectionComposer } from '@refinitiv-ui/utils/lib/collection.js';
 import '../pill/index.js';
 import '../text-field/index.js';
 const hasChanged = (newVal, oldVal) => oldVal === undefined ? false : newVal !== oldVal;
@@ -445,7 +445,7 @@ let MultiInput = class MultiInput extends ControlElement {
     onPillClearsHandler(event) {
         const pill = event.target;
         const index = pill.getAttribute('index');
-        if (index == null) {
+        if (index === null) {
             return;
         }
         const items = this.composer.queryItems(() => true);

package/lib/notification/elements/notification-tray.js

@@ -1,9 +1,9 @@
 import { __decorate } from "tslib";
 import { ResponsiveElement, html } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
 import { VERSION } from '../../version.js';
-import { TimeoutTaskRunner } from '@refinitiv-ui/utils/async.js';
+import { TimeoutTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
 let NotificationTray = class NotificationTray extends ResponsiveElement {
     constructor() {
         super(...arguments);

package/lib/notification/elements/notification.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { BasicElement, html, 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 { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
 import { VERSION } from '../../version.js';
 import '../../icon/index.js';
 /**

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

@@ -1,6 +1,6 @@
 import { JSXInterface } from '../jsx';
 import { FormFieldElement, CSSResultGroup, TemplateResult, PropertyValues, TapEvent } from '@refinitiv-ui/core';
-import { TemplateMap } from '@refinitiv-ui/core/directives/template-map.js';
+import { TemplateMap } from '@refinitiv-ui/core/lib/directives/template-map.js';
 import '../icon/index.js';
 declare type SelectionDirection = 'forward' | 'backward' | 'none';
 declare enum Direction {

package/lib/number-field/index.js

@@ -1,8 +1,8 @@
 import { __decorate } from "tslib";
 import { FormFieldElement, html, css, FocusedPropertyKey } from '@refinitiv-ui/core';
-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 { 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 { VERSION } from '../version.js';
 import '../icon/index.js';
 const NUMBER_PATTERN = '^[-+]?[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?$';
@@ -658,6 +658,7 @@ let NumberField = class NumberField extends FormFieldElement {
      * @inheritDoc
      */
     /* istanbul ignore next */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     setSelectionRange(startSelection, endSelection, selectionDirection) {
         throw new Error('Failed to execute \'setSelectionRange\' on \'NumberField\': The element does not support selection.');
     }

package/lib/overlay/elements/overlay-backdrop.js

@@ -1,8 +1,8 @@
 var OverlayBackdrop_1;
 import { __decorate } from "tslib";
 import { BasicElement, css, html } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
 import { VERSION } from '../../version.js';
 /**
  * A private element to show backdrop for overlay

package/lib/overlay/elements/overlay-viewport.js

@@ -1,7 +1,7 @@
 var OverlayViewport_1;
 import { __decorate } from "tslib";
 import { ResponsiveElement, css, html } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
 import { VERSION } from '../../version.js';
 /**
  * A private element to find overlay size boundaries

package/lib/overlay/elements/overlay.js

@@ -1,11 +1,11 @@
 var Overlay_1;
 import { __decorate } from "tslib";
 import { ResponsiveElement, html, 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 { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
 import { VERSION } from '../../version.js';
-import { MicroTaskRunner, AnimationTaskRunner } from '@refinitiv-ui/utils/async.js';
-import { isIE, isEdge } from '@refinitiv-ui/utils/browser.js';
+import { MicroTaskRunner, AnimationTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
+import { isIE, isEdge } from '@refinitiv-ui/utils/lib/browser.js';
 import { DEFAULT_ALIGN, DEFAULT_TARGET_STRATEGY } from '../helpers/types.js';
 import { valueOrZero, valueOrNull } from '../helpers/functions.js';
 import { applyLock } from '../managers/interaction-lock-manager.js';
@@ -631,7 +631,7 @@ let Overlay = Overlay_1 = class Overlay extends ResponsiveElement {
                 this.setOpened(false);
             });
         }
-        const enablingFocusManagement = (opening && !this.noFocusManagement) || (opened && changedProperties.get('noFocusManagement'));
+        const enablingFocusManagement = (opening && !this.noFocusManagement) || (opened && !!changedProperties.get('noFocusManagement'));
         const disablingFocusManagement = opened && changedProperties.get('noFocusManagement') === false;
         if (enablingFocusManagement) {
             focusableRegister(this);
@@ -643,7 +643,7 @@ let Overlay = Overlay_1 = class Overlay extends ResponsiveElement {
             applyLock();
         }
         const enablingBackdrop = (opening && this.withBackdrop) || (opened && changedProperties.get('withBackdrop') === false);
-        const disablingBackdrop = opened && changedProperties.get('withBackdrop');
+        const disablingBackdrop = opened && !!changedProperties.get('withBackdrop');
         if (enablingBackdrop) {
             backdropRegister(this);
         }

package/lib/overlay/managers/focus-manager.js

@@ -1,4 +1,4 @@
-import { AnimationTaskRunner } from '@refinitiv-ui/utils/async.js';
+import { AnimationTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
 import { getOverlays } from './zindex-manager.js';
 import { FocusableHelper } from '@refinitiv-ui/core';
 /**

package/lib/overlay/managers/interaction-lock-manager.js

@@ -1,4 +1,4 @@
-import { AnimationTaskRunner } from '@refinitiv-ui/utils/async.js';
+import { AnimationTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
 import { getOverlays } from './zindex-manager.js';
 /**
 * Check if two arrays are shallow equal

package/lib/overlay/managers/viewport-manager.js

@@ -1,4 +1,4 @@
-import { AnimationTaskRunner } from '@refinitiv-ui/utils/async.js';
+import { AnimationTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
 import '../elements/overlay-viewport.js';
 /**
   * Default values for area info

package/lib/overlay/managers/zindex-manager.js

@@ -1,4 +1,4 @@
-import { AfterRenderTaskRunner } from '@refinitiv-ui/utils/async.js';
+import { AfterRenderTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
 export const ZIndex = 103; /* initial z-index to match Polymer. 102 is used for backdrop */
 /**
  * Z-index manager monitors z-indexes and ensures that the last opened/last

package/lib/overlay-menu/helpers/types.d.ts

@@ -1,4 +1,4 @@
-import type { CollectionComposer } from '@refinitiv-ui/utils/collection.js';
+import type { CollectionComposer } from '@refinitiv-ui/utils/lib/collection';
 import type { OverlayMenu } from '../index';
 import type { Item, ItemData } from '../../item';
 export declare type NestedMenu = {

package/lib/overlay-menu/index.js

@@ -1,13 +1,13 @@
 var OverlayMenu_1;
 import { __decorate } from "tslib";
 import { html, css, WarningNotice } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
-import { ifDefined } from '@refinitiv-ui/core/directives/if-defined.js';
+import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { ifDefined } from '@refinitiv-ui/core/lib/directives/if-defined.js';
 import { VERSION } from '../version.js';
-import { AnimationTaskRunner } from '@refinitiv-ui/utils/async.js';
-import { CollectionComposer } from '@refinitiv-ui/utils/collection.js';
-import { uuid } from '@refinitiv-ui/utils/uuid.js';
+import { AnimationTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
+import { CollectionComposer } from '@refinitiv-ui/utils/lib/collection.js';
+import { uuid } from '@refinitiv-ui/utils/lib/uuid.js';
 import '../icon/index.js';
 import '../item/index.js';
 import { Item } from '../item/index.js';

package/lib/overlay-menu/managers/menu-manager.js

@@ -1,4 +1,4 @@
-import { AfterRenderTaskRunner } from '@refinitiv-ui/utils/async.js';
+import { AfterRenderTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
 import { OverlayMenu } from '../index.js';
 import { getOverlays } from '../../overlay/managers/zindex-manager.js';
 /**

package/lib/pagination/index.d.ts

@@ -4,7 +4,7 @@ import '../button/index.js';
 import '../button-bar/index.js';
 import '../layout/index.js';
 import '../text-field/index.js';
-import '@refinitiv-ui/phrasebook/locale/en/pagination.js';
+import '@refinitiv-ui/phrasebook/lib/locale/en/pagination.js';
 import { Translate } from '@refinitiv-ui/translate';
 /**
  * Used to control and navigate through multiple pages

package/lib/pagination/index.js

@@ -1,15 +1,15 @@
 import { __decorate } from "tslib";
 import { BasicElement, html, css, WarningNotice, DeprecationNotice } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/decorators/property.js';
-import { state } from '@refinitiv-ui/core/decorators/state.js';
-import { query } from '@refinitiv-ui/core/decorators/query.js';
+import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { state } from '@refinitiv-ui/core/lib/decorators/state.js';
+import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
 import { VERSION } from '../version.js';
 import '../button/index.js';
 import '../button-bar/index.js';
 import '../layout/index.js';
 import '../text-field/index.js';
-import '@refinitiv-ui/phrasebook/locale/en/pagination.js';
+import '@refinitiv-ui/phrasebook/lib/locale/en/pagination.js';
 import { translate } from '@refinitiv-ui/translate';
 const pageDeprecation = new DeprecationNotice('Property `page` is deprecated, use `value` instead.');
 const pageSizeDeprecation = new DeprecationNotice('Property `pageSize ` is deprecated, use `max` instead.');

package/lib/panel/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { BasicElement, html, 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 { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
 import { VERSION } from '../version.js';
 /**
  * A container for components.

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

@@ -1,9 +1,9 @@
 import { JSXInterface } from '../jsx';
 import { PropertyValues, TemplateResult } from '@refinitiv-ui/core';
-import { TemplateMap } from '@refinitiv-ui/core/directives/template-map.js';
+import { TemplateMap } from '@refinitiv-ui/core/lib/directives/template-map.js';
 import { TextField } from '../text-field/index.js';
 import '../icon/index.js';
-import '@refinitiv-ui/phrasebook/locale/en/password-field.js';
+import '@refinitiv-ui/phrasebook/lib/locale/en/password-field.js';
 import { Translate } from '@refinitiv-ui/translate';
 /**
  * A form control element for password.