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

package/lib/accordion/index.js

@@ -129,8 +129,6 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], Accordion.prototype, "spacing", void 0);
 Accordion = __decorate([
-    customElement('ef-accordion', {
-        alias: 'coral-accordion'
-    })
+    customElement('ef-accordion')
 ], Accordion);
 export { Accordion };

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

@@ -1,5 +1,5 @@
 import { JSXInterface } from '../jsx';
-import { BasicElement, TemplateResult, CSSResultGroup, PropertyValues } from '@refinitiv-ui/core';
+import { BasicElement, TemplateResult, CSSResultGroup } from '@refinitiv-ui/core';
 import { Translate } from '@refinitiv-ui/translate';
 import '@refinitiv-ui/phrasebook/locale/en/appstate-bar.js';
 import '../icon/index.js';
@@ -35,12 +35,6 @@ export declare class AppstateBar extends BasicElement {
      * Used for translations
      */
     protected t: Translate;
-    /**
-     * Invoked whenever the element is updated
-     * @param {PropertyValues} changedProperties Map of changed properties with old values
-     * @returns {void}
-     */
-    protected updated(changedProperties: PropertyValues): void;
     /**
      * Hide the element when clear button is clicked
      * @param {Event} event - event params

package/lib/appstate-bar/index.js

@@ -62,18 +62,6 @@ let AppstateBar = class AppstateBar extends BasicElement {
       }
     `;
     }
-    /**
-     * Invoked whenever the element is updated
-     * @param {PropertyValues} changedProperties Map of changed properties with old values
-     * @returns {void}
-     */
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        // Call this.updateStyles() to update css variables
-        if (changedProperties.has('state')) {
-            this.updateStyles();
-        }
-    }
     /**
      * A `TemplateResult` that will be used
      * to render the updated internal template.
@@ -98,8 +86,6 @@ __decorate([
     translate()
 ], AppstateBar.prototype, "t", void 0);
 AppstateBar = __decorate([
-    customElement('ef-appstate-bar', {
-        alias: 'amber-appstate-bar'
-    })
+    customElement('ef-appstate-bar')
 ], AppstateBar);
 export { AppstateBar };

package/lib/autosuggest/index.js

@@ -1302,8 +1302,6 @@ __decorate([
     query('#moreResults')
 ], Autosuggest.prototype, "moreResultsItem", void 0);
 Autosuggest = Autosuggest_1 = __decorate([
-    customElement('ef-autosuggest', {
-        alias: 'emerald-autosuggest'
-    })
+    customElement('ef-autosuggest')
 ], Autosuggest);
 export { Autosuggest };

package/lib/button/index.js

@@ -200,8 +200,6 @@ __decorate([
     query('[part="label"]')
 ], Button.prototype, "labelElement", void 0);
 Button = __decorate([
-    customElement('ef-button', {
-        alias: 'coral-button'
-    })
+    customElement('ef-button')
 ], Button);
 export { Button };

package/lib/button-bar/index.js

@@ -287,8 +287,6 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], ButtonBar.prototype, "managed", void 0);
 ButtonBar = ButtonBar_1 = __decorate([
-    customElement('ef-button-bar', {
-        alias: 'coral-split-button'
-    })
+    customElement('ef-button-bar')
 ], ButtonBar);
 export { ButtonBar };

package/lib/calendar/index.js

@@ -1292,8 +1292,6 @@ __decorate([
     state()
 ], Calendar.prototype, "announceValues", void 0);
 Calendar = __decorate([
-    customElement('ef-calendar', {
-        alias: 'coral-calendar'
-    })
+    customElement('ef-calendar')
 ], Calendar);
 export { Calendar };

package/lib/canvas/index.js

@@ -165,8 +165,6 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], Canvas.prototype, "autoloop", null);
 Canvas = __decorate([
-    customElement('ef-canvas', {
-        alias: 'sapphire-canvas'
-    })
+    customElement('ef-canvas')
 ], Canvas);
 export { Canvas };

package/lib/card/index.js

@@ -263,8 +263,6 @@ __decorate([
     state()
 ], Card.prototype, "footerHasContent", void 0);
 Card = __decorate([
-    customElement('ef-card', {
-        alias: 'coral-card'
-    })
+    customElement('ef-card')
 ], Card);
 export { Card };

package/lib/chart/index.js

@@ -480,8 +480,6 @@ __decorate([
     query('ef-header')
 ], Chart.prototype, "titleElement", void 0);
 Chart = __decorate([
-    customElement('ef-chart', {
-        alias: 'sapphire-chart'
-    })
+    customElement('ef-chart')
 ], Chart);
 export { Chart };

package/lib/checkbox/index.js

@@ -165,8 +165,6 @@ __decorate([
     query('[part=label]', true)
 ], Checkbox.prototype, "labelEl", void 0);
 Checkbox = __decorate([
-    customElement('ef-checkbox', {
-        alias: 'coral-checkbox'
-    })
+    customElement('ef-checkbox')
 ], Checkbox);
 export { Checkbox };

package/lib/clock/index.js

@@ -693,8 +693,6 @@ __decorate([
     property({ type: String, attribute: 'size', reflect: true })
 ], Clock.prototype, "size", void 0);
 Clock = __decorate([
-    customElement('ef-clock', {
-        alias: 'sapphire-clock'
-    })
+    customElement('ef-clock')
 ], Clock);
 export { Clock };

package/lib/collapse/index.js

@@ -218,8 +218,6 @@ __decorate([
     state()
 ], Collapse.prototype, "headingLevel", void 0);
 Collapse = __decorate([
-    customElement('ef-collapse', {
-        alias: 'coral-collapse'
-    })
+    customElement('ef-collapse')
 ], Collapse);
 export { Collapse };

package/lib/color-dialog/index.js

@@ -456,8 +456,6 @@ __decorate([
     query('#blueInput')
 ], ColorDialog.prototype, "blueInputEl", void 0);
 ColorDialog = __decorate([
-    customElement('ef-color-dialog', {
-        alias: 'emerald-color-dialog'
-    })
+    customElement('ef-color-dialog')
 ], ColorDialog);
 export { ColorDialog };

package/lib/color-picker/index.js

@@ -294,8 +294,6 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], ColorPicker.prototype, "opened", void 0);
 ColorPicker = __decorate([
-    customElement('ef-color-picker', {
-        alias: 'emerald-color-picker'
-    })
+    customElement('ef-color-picker')
 ], ColorPicker);
 export { ColorPicker };

package/lib/combo-box/index.js

@@ -1200,8 +1200,6 @@ __decorate([
     eventOptions({ capture: true })
 ], ComboBox.prototype, "shiftFocus", null);
 ComboBox = __decorate([
-    customElement('ef-combo-box', {
-        alias: 'coral-combo-box'
-    })
+    customElement('ef-combo-box')
 ], ComboBox);
 export { ComboBox };

package/lib/counter/index.js

@@ -147,8 +147,6 @@ __decorate([
     property({ type: String })
 ], Counter.prototype, "max", null);
 Counter = __decorate([
-    customElement('ef-counter', {
-        alias: 'coral-counter'
-    })
+    customElement('ef-counter')
 ], Counter);
 export { Counter };

package/lib/datetime-picker/index.js

@@ -1172,8 +1172,6 @@ __decorate([
     query('#input-to')
 ], DatetimePicker.prototype, "inputToEl", void 0);
 DatetimePicker = __decorate([
-    customElement('ef-datetime-picker', {
-        alias: 'emerald-datetime-picker'
-    })
+    customElement('ef-datetime-picker')
 ], DatetimePicker);
 export { DatetimePicker };

package/lib/dialog/index.js

@@ -375,8 +375,6 @@ __decorate([
     property({ type: Boolean, reflect: true, attribute: 'with-shadow' })
 ], Dialog.prototype, "withShadow", void 0);
 Dialog = __decorate([
-    customElement('ef-dialog', {
-        alias: 'coral-dialog'
-    })
+    customElement('ef-dialog')
 ], Dialog);
 export { Dialog };

package/lib/email-field/index.js

@@ -84,8 +84,6 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], EmailField.prototype, "multiple", void 0);
 EmailField = __decorate([
-    customElement('ef-email-field', {
-        alias: 'coral-email-field'
-    })
+    customElement('ef-email-field')
 ], EmailField);
 export { EmailField };

package/lib/flag/index.js

@@ -161,8 +161,6 @@ __decorate([
     property({ type: String })
 ], Flag.prototype, "src", null);
 Flag = __decorate([
-    customElement('ef-flag', {
-        alias: 'coral-flag'
-    })
+    customElement('ef-flag')
 ], Flag);
 export { Flag };

package/lib/header/index.js

@@ -66,8 +66,6 @@ __decorate([
     property({ type: String, reflect: true })
 ], Header.prototype, "level", void 0);
 Header = __decorate([
-    customElement('ef-header', {
-        alias: 'coral-header'
-    })
+    customElement('ef-header')
 ], Header);
 export { Header };

package/lib/heatmap/index.js

@@ -1089,8 +1089,6 @@ __decorate([
     query('#tooltip-overlay')
 ], Heatmap.prototype, "tooltipOverlay", void 0);
 Heatmap = __decorate([
-    customElement('ef-heatmap', {
-        alias: 'sapphire-heatmap'
-    })
+    customElement('ef-heatmap')
 ], Heatmap);
 export { Heatmap };

package/lib/icon/index.js

@@ -164,8 +164,6 @@ __decorate([
     property({ type: String })
 ], Icon.prototype, "src", null);
 Icon = __decorate([
-    customElement('ef-icon', {
-        alias: 'coral-icon'
-    })
+    customElement('ef-icon')
 ], Icon);
 export { Icon };

package/lib/interactive-chart/index.js

@@ -1082,8 +1082,6 @@ __decorate([
     query('[part=branding-container]', true)
 ], InteractiveChart.prototype, "brandingContainer", void 0);
 InteractiveChart = InteractiveChart_1 = __decorate([
-    customElement('ef-interactive-chart', {
-        alias: 'sapphire-interactive-chart'
-    })
+    customElement('ef-interactive-chart')
 ], InteractiveChart);
 export { InteractiveChart };

package/lib/item/index.js

@@ -314,8 +314,6 @@ __decorate([
     property({ type: String, reflect: true })
 ], Item.prototype, "for", void 0);
 Item = __decorate([
-    customElement('ef-item', {
-        alias: 'coral-item'
-    })
+    customElement('ef-item')
 ], Item);
 export { Item };

package/lib/label/index.js

@@ -238,8 +238,6 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], Label.prototype, "warning", void 0);
 Label = __decorate([
-    customElement('ef-label', {
-        alias: 'quartz-label'
-    })
+    customElement('ef-label')
 ], Label);
 export { Label };

package/lib/layout/index.js

@@ -205,8 +205,6 @@ __decorate([
     property({ type: String, reflect: true, attribute: 'max-height' })
 ], Layout.prototype, "maxHeight", void 0);
 Layout = __decorate([
-    customElement('ef-layout', {
-        alias: 'quartz-layout'
-    })
+    customElement('ef-layout')
 ], Layout);
 export { Layout };

package/lib/led-gauge/index.js

@@ -431,8 +431,6 @@ __decorate([
     property({ type: String })
 ], LedGauge.prototype, "zero", null);
 LedGauge = __decorate([
-    customElement('ef-led-gauge', {
-        alias: 'sapphire-led-gauge'
-    })
+    customElement('ef-led-gauge')
 ], LedGauge);
 export { LedGauge };

package/lib/list/elements/list.js

@@ -624,8 +624,6 @@ __decorate([
     property({ type: Array, attribute: false })
 ], List.prototype, "values", null);
 List = __decorate([
-    customElement('ef-list', {
-        alias: 'coral-list'
-    })
+    customElement('ef-list')
 ], List);
 export { List };

package/lib/loader/index.js

@@ -58,8 +58,6 @@ let Loader = class Loader extends BasicElement {
     }
 };
 Loader = __decorate([
-    customElement('ef-loader', {
-        alias: 'amber-loader'
-    })
+    customElement('ef-loader')
 ], Loader);
 export { Loader };

package/lib/multi-input/index.js

@@ -585,8 +585,6 @@ __decorate([
     property({ type: String })
 ], MultiInput.prototype, "value", null);
 MultiInput = __decorate([
-    customElement('ef-multi-input', {
-        alias: 'coral-multi-input'
-    })
+    customElement('ef-multi-input')
 ], MultiInput);
 export { MultiInput };

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

@@ -160,8 +160,6 @@ __decorate([
     property({ type: String, reflect: true })
 ], NotificationTray.prototype, "attach", void 0);
 NotificationTray = __decorate([
-    customElement('ef-notification-tray', {
-        alias: 'amber-notification-tray'
-    })
+    customElement('ef-notification-tray')
 ], NotificationTray);
 export { NotificationTray };

package/lib/notification/elements/notification.d.ts

@@ -50,7 +50,6 @@ export declare class Notification extends BasicElement {
      * @returns {void}
      */
     protected firstUpdated(changedProperties: PropertyValues): void;
-    protected update(changedProperties: PropertyValues): void;
     /**
      * Dismisses the notification, firing a `dismiss` event and collapsing the notification.
      * @returns {void}

package/lib/notification/elements/notification.js

@@ -57,13 +57,6 @@ let Notification = class Notification extends BasicElement {
         super.firstUpdated(changedProperties);
         this.addEventListener('animationend', this.onAnimationEnd);
     }
-    update(changedProperties) {
-        super.update(changedProperties);
-        // Fix bg doesn't work on IE 11
-        if (changedProperties.has('confirm') || changedProperties.has('warning') || changedProperties.has('error')) {
-            this.updateStyles();
-        }
-    }
     /**
      * Dismisses the notification, firing a `dismiss` event and collapsing the notification.
      * @returns {void}
@@ -156,8 +149,6 @@ __decorate([
     translate()
 ], Notification.prototype, "t", void 0);
 Notification = __decorate([
-    customElement('ef-notification', {
-        alias: 'amber-notification'
-    })
+    customElement('ef-notification')
 ], Notification);
 export { Notification };

package/lib/number-field/index.js

@@ -752,8 +752,6 @@ __decorate([
     query('[part=spinner-down]')
 ], NumberField.prototype, "spinnerDownEl", void 0);
 NumberField = __decorate([
-    customElement('ef-number-field', {
-        alias: 'coral-number-field'
-    })
+    customElement('ef-number-field')
 ], NumberField);
 export { NumberField };

package/lib/overlay/elements/overlay.js

@@ -1421,8 +1421,6 @@ __decorate([
     })
 ], Overlay.prototype, "position", null);
 Overlay = Overlay_1 = __decorate([
-    customElement('ef-overlay', {
-        alias: 'coral-popup-panel'
-    })
+    customElement('ef-overlay')
 ], Overlay);
 export { Overlay };

package/lib/overlay-menu/index.js

@@ -956,8 +956,6 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], OverlayMenu.prototype, "nested", void 0);
 OverlayMenu = OverlayMenu_1 = __decorate([
-    customElement('ef-overlay-menu', {
-        alias: 'emerald-popup-menu'
-    })
+    customElement('ef-overlay-menu')
 ], OverlayMenu);
 export { OverlayMenu };

package/lib/pagination/index.js

@@ -511,8 +511,6 @@ __decorate([
     state()
 ], Pagination.prototype, "inputFocused", void 0);
 Pagination = __decorate([
-    customElement('ef-pagination', {
-        alias: 'emerald-pagination'
-    })
+    customElement('ef-pagination')
 ], Pagination);
 export { Pagination };

package/lib/panel/index.js

@@ -67,8 +67,6 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], Panel.prototype, "transparent", void 0);
 Panel = __decorate([
-    customElement('ef-panel', {
-        alias: 'coral-panel'
-    })
+    customElement('ef-panel')
 ], Panel);
 export { Panel };

package/lib/password-field/index.js

@@ -108,8 +108,6 @@ __decorate([
     state()
 ], PasswordField.prototype, "isPasswordVisible", void 0);
 PasswordField = __decorate([
-    customElement('ef-password-field', {
-        alias: 'coral-password-field'
-    })
+    customElement('ef-password-field')
 ], PasswordField);
 export { PasswordField };

package/lib/pill/index.js

@@ -198,8 +198,6 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], Pill.prototype, "pressed", void 0);
 Pill = __decorate([
-    customElement('ef-pill', {
-        alias: 'coral-pill'
-    })
+    customElement('ef-pill')
 ], Pill);
 export { Pill };

package/lib/progress-bar/index.js

@@ -150,8 +150,6 @@ __decorate([
     property({ type: String })
 ], ProgressBar.prototype, "label", void 0);
 ProgressBar = __decorate([
-    customElement('ef-progress-bar', {
-        alias: 'sapphire-bar'
-    })
+    customElement('ef-progress-bar')
 ], ProgressBar);
 export { ProgressBar };

package/lib/radio-button/index.js

@@ -243,8 +243,6 @@ __decorate([
     query('[part=label]', true)
 ], RadioButton.prototype, "labelEl", void 0);
 RadioButton = __decorate([
-    customElement('ef-radio-button', {
-        alias: 'coral-radio-button'
-    })
+    customElement('ef-radio-button')
 ], RadioButton);
 export { RadioButton };

package/lib/rating/index.js

@@ -279,8 +279,6 @@ __decorate([
     property({ type: String })
 ], Rating.prototype, "value", null);
 Rating = __decorate([
-    customElement('ef-rating', {
-        alias: 'sapphire-rating'
-    })
+    customElement('ef-rating')
 ], Rating);
 export { Rating };

package/lib/search-field/index.js

@@ -81,8 +81,6 @@ __decorate([
     translate({ scope: 'ef-search-field' })
 ], SearchField.prototype, "t", void 0);
 SearchField = __decorate([
-    customElement('ef-search-field', {
-        alias: 'coral-search-field'
-    })
+    customElement('ef-search-field')
 ], SearchField);
 export { SearchField };

package/lib/select/index.js

@@ -989,8 +989,6 @@ __decorate([
     property({ attribute: false })
 ], Select.prototype, "values", null);
 Select = __decorate([
-    customElement('ef-select', {
-        alias: 'coral-select'
-    })
+    customElement('ef-select')
 ], Select);
 export { Select };

package/lib/sidebar-layout/index.js

@@ -127,8 +127,6 @@ __decorate([
     query('[part=sidebar]')
 ], SidebarLayout.prototype, "sidebar", void 0);
 SidebarLayout = __decorate([
-    customElement('ef-sidebar-layout', {
-        alias: 'carbon-sidebar-layout'
-    })
+    customElement('ef-sidebar-layout')
 ], SidebarLayout);
 export { SidebarLayout };

package/lib/slider/index.js

@@ -1244,8 +1244,6 @@ __decorate([
     state()
 ], Slider.prototype, "changedThumb", void 0);
 Slider = __decorate([
-    customElement('ef-slider', {
-        alias: 'coral-slider'
-    })
+    customElement('ef-slider')
 ], Slider);
 export { Slider };

package/lib/sparkline/index.js

@@ -180,8 +180,6 @@ __decorate([
     query('browser-sparkline-chart')
 ], Sparkline.prototype, "chart", void 0);
 Sparkline = __decorate([
-    customElement('ef-sparkline', {
-        alias: 'sapphire-sparkline'
-    })
+    customElement('ef-sparkline')
 ], Sparkline);
 export { Sparkline };

package/lib/swing-gauge/index.js

@@ -763,8 +763,6 @@ __decorate([
     query('[part=canvas]', true)
 ], SwingGauge.prototype, "canvas", void 0);
 SwingGauge = __decorate([
-    customElement('ef-swing-gauge', {
-        alias: 'sapphire-swing-gauge'
-    })
+    customElement('ef-swing-gauge')
 ], SwingGauge);
 export { SwingGauge };

package/lib/tab/index.js

@@ -236,8 +236,6 @@ __decorate([
     state()
 ], Tab.prototype, "isSlotHasContent", void 0);
 Tab = __decorate([
-    customElement('ef-tab', {
-        alias: 'coral-tab'
-    })
+    customElement('ef-tab')
 ], Tab);
 export { Tab };

package/lib/tab-bar/index.js

@@ -432,8 +432,6 @@ __decorate([
     query('[part="right-btn"]')
 ], TabBar.prototype, "rightBtn", void 0);
 TabBar = __decorate([
-    customElement('ef-tab-bar', {
-        alias: 'coral-tab-bar'
-    })
+    customElement('ef-tab-bar')
 ], TabBar);
 export { TabBar };

package/lib/text-field/index.js

@@ -275,8 +275,6 @@ __decorate([
     property({ type: Number, attribute: 'minlength', reflect: true, hasChanged })
 ], TextField.prototype, "minLength", void 0);
 TextField = __decorate([
-    customElement('ef-text-field', {
-        alias: 'coral-text-field'
-    })
+    customElement('ef-text-field')
 ], TextField);
 export { TextField };

package/lib/time-picker/index.js

@@ -891,8 +891,6 @@ __decorate([
     state()
 ], TimePicker.prototype, "announceValues", void 0);
 TimePicker = TimePicker_1 = __decorate([
-    customElement('ef-time-picker', {
-        alias: 'coral-time-picker'
-    })
+    customElement('ef-time-picker')
 ], TimePicker);
 export { TimePicker };

package/lib/toggle/index.js

@@ -136,8 +136,6 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], Toggle.prototype, "checked", void 0);
 Toggle = __decorate([
-    customElement('ef-toggle', {
-        alias: 'coral-toggle'
-    })
+    customElement('ef-toggle')
 ], Toggle);
 export { Toggle };

package/lib/tooltip/elements/title-tooltip.js

@@ -1,4 +1,3 @@
-import { matches } from '@refinitiv-ui/core';
 import { addTooltipCondition } from './tooltip-element.js';
 import { tooltipRenderer } from '../helpers/renderer.js';
 // Support title attribute
@@ -15,4 +14,4 @@ Object.defineProperty(HTMLElement.prototype, 'title', {
         this.setAttribute('tooltip', value);
     }
 });
-addTooltipCondition(element => matches(element, '[title]'), tooltipRenderer);
+addTooltipCondition(element => element.matches('[title]'), tooltipRenderer);

package/lib/tooltip/index.js

@@ -1,6 +1,6 @@
 var Tooltip_1;
 import { __decorate } from "tslib";
-import { BasicElement, html, css, matches } from '@refinitiv-ui/core';
+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 { query } from '@refinitiv-ui/core/decorators/query.js';
@@ -241,7 +241,7 @@ let Tooltip = Tooltip_1 = class Tooltip extends BasicElement {
             return this.condition(element, paths);
         }
         if (this.selector) {
-            return matches(element, this.selector);
+            return element.matches(this.selector);
         }
         return false;
     }
@@ -468,9 +468,7 @@ __decorate([
     query('#contentSlot')
 ], Tooltip.prototype, "contentSlot", void 0);
 Tooltip = Tooltip_1 = __decorate([
-    customElement('ef-tooltip', {
-        alias: 'coral-tooltip'
-    })
+    customElement('ef-tooltip')
 ], Tooltip);
 export * from './elements/tooltip-element.js';
 export { registerOverflowTooltip, deregisterOverflowTooltip, Tooltip };

package/lib/tornado-chart/elements/tornado-chart.d.ts

@@ -29,6 +29,10 @@ export declare class TornadoChart extends ResponsiveElement {
      * True if legend's alignment is vertical
      */
     private legendAlignment;
+    /**
+     * Resize throttler to prevent resize observer loop
+     */
+    private resizedThrottler;
     /**
      * Set chart's legend alignment
      * @param responsive true if items needs to be responsive

package/lib/tornado-chart/elements/tornado-chart.js

@@ -1,6 +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 { AnimationTaskRunner } from '@refinitiv-ui/utils/async.js';
 import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { VERSION } from '../../version.js';
 import './tornado-item.js';
@@ -29,6 +30,10 @@ let TornadoChart = class TornadoChart extends ResponsiveElement {
          * True if legend's alignment is vertical
          */
         this.legendAlignment = false;
+        /**
+         * Resize throttler to prevent resize observer loop
+         */
+        this.resizedThrottler = new AnimationTaskRunner();
     }
     /**
      * Element version number
@@ -52,8 +57,10 @@ let TornadoChart = class TornadoChart extends ResponsiveElement {
      * @returns {void}
      */
     setItemAlignment(responsive) {
-        this.querySelectorAll('ef-tornado-item').forEach((item) => {
-            item.vertical = responsive;
+        this.resizedThrottler.schedule(() => {
+            this.querySelectorAll('ef-tornado-item').forEach((item) => {
+                item.vertical = responsive;
+            });
         });
     }
     /**
@@ -115,8 +122,6 @@ __decorate([
     property({ type: String })
 ], TornadoChart.prototype, "secondary", void 0);
 TornadoChart = __decorate([
-    customElement('ef-tornado-chart', {
-        alias: 'sapphire-parity-chart'
-    })
+    customElement('ef-tornado-chart')
 ], TornadoChart);
 export { TornadoChart };

package/lib/tree/elements/tree-item.js

@@ -233,8 +233,6 @@ __decorate([
     property({ reflect: true, type: Boolean })
 ], TreeItem.prototype, "highlighted", void 0);
 TreeItem = __decorate([
-    customElement('ef-tree-item', {
-        alias: 'coral-tree-item'
-    })
+    customElement('ef-tree-item')
 ], TreeItem);
 export { TreeItem };

package/lib/tree-select/index.js

@@ -895,8 +895,6 @@ __decorate([
     query('[part=list]')
 ], TreeSelect.prototype, "popupEl", void 0);
 TreeSelect = __decorate([
-    customElement('ef-tree-select', {
-        alias: 'emerald-multi-select'
-    })
+    customElement('ef-tree-select')
 ], TreeSelect);
 export { TreeSelect };

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '6.5.3';
+export const VERSION = '7.0.0-next.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "6.5.3",
+  "version": "7.0.0-next.0",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -337,8 +337,8 @@
   },
   "dependencies": {
     "@refinitiv-ui/browser-sparkline": "1.1.8",
-    "@refinitiv-ui/halo-theme": "^6.3.2",
-    "@refinitiv-ui/solar-theme": "^6.2.2",
+    "@refinitiv-ui/halo-theme": "^7.0.0-next.0",
+    "@refinitiv-ui/solar-theme": "^7.0.0-next.0",
     "@types/chart.js": "^2.9.31",
     "chart.js": "~2.9.4",
     "d3-interpolate": "^3.0.1",
@@ -347,24 +347,24 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@refinitiv-ui/core": "^6.2.1",
-    "@refinitiv-ui/demo-block": "^6.0.13",
-    "@refinitiv-ui/i18n": "^6.0.9",
-    "@refinitiv-ui/phrasebook": "^6.3.1",
-    "@refinitiv-ui/test-helpers": "^6.0.6",
-    "@refinitiv-ui/translate": "^6.0.12",
-    "@refinitiv-ui/utils": "^6.2.3",
+    "@refinitiv-ui/core": "^7.0.0-next.0",
+    "@refinitiv-ui/demo-block": "^7.0.0-next.0",
+    "@refinitiv-ui/i18n": "^7.0.0-next.0",
+    "@refinitiv-ui/phrasebook": "^7.0.0-next.0",
+    "@refinitiv-ui/test-helpers": "^7.0.0-next.0",
+    "@refinitiv-ui/translate": "^7.0.0-next.0",
+    "@refinitiv-ui/utils": "^7.0.0-next.0",
     "@types/d3-interpolate": "^3.0.1"
   },
   "peerDependencies": {
-    "@refinitiv-ui/core": "^6.2.1",
-    "@refinitiv-ui/i18n": "^6.0.9",
-    "@refinitiv-ui/phrasebook": "^6.3.1",
-    "@refinitiv-ui/translate": "^6.0.12",
-    "@refinitiv-ui/utils": "^6.2.3"
+    "@refinitiv-ui/core": "^7.0.0-next.0",
+    "@refinitiv-ui/i18n": "^7.0.0-next.0",
+    "@refinitiv-ui/phrasebook": "^7.0.0-next.0",
+    "@refinitiv-ui/translate": "^7.0.0-next.0",
+    "@refinitiv-ui/utils": "^7.0.0-next.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "69cae4d19528ee13a6d53f0703b75134f52c0524"
+  "gitHead": "96c383aaf7a31dc68da72eaa1ebf8fcb60c90015"
 }