@refinitiv-ui/elements 7.0.0 → 7.0.2

package/lib/button-bar/index.js

@@ -1,11 +1,11 @@
 var ButtonBar_1;
 import { __decorate } from "tslib";
-import { BasicElement, html, css } from '@refinitiv-ui/core';
+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 { ref, createRef } from '@refinitiv-ui/core/directives/ref.js';
-import { VERSION } from '../version.js';
+import { createRef, ref } from '@refinitiv-ui/core/directives/ref.js';
 import { Button } from '../button/index.js';
+import { VERSION } from '../version.js';
 /**
  * Used to display multiple buttons to create a list of commands bar.
  */
@@ -65,7 +65,7 @@ let ButtonBar = ButtonBar_1 = class ButtonBar extends BasicElement {
       :host ::slotted(ef-button:not(:hover):not(:focus)) {
         box-shadow: none;
       }
-      @media (pointer: coarse){
+      @media (pointer: coarse) {
         :host ::slotted(ef-button) {
           box-shadow: none;
         }
@@ -146,7 +146,7 @@ let ButtonBar = ButtonBar_1 = class ButtonBar extends BasicElement {
         if (buttons.length <= 0) {
             return;
         }
-        const focusedButtonIndex = buttons.findIndex(button => button === document.activeElement);
+        const focusedButtonIndex = buttons.findIndex((button) => button === document.activeElement);
         const nextButton = direction === 'next'
             ? buttons[focusedButtonIndex + 1] || buttons[0]
             : buttons[focusedButtonIndex - 1] || buttons[buttons.length - 1];
@@ -200,7 +200,7 @@ let ButtonBar = ButtonBar_1 = class ButtonBar extends BasicElement {
         const buttons = this.getFocusableButtons();
         if (buttons && buttons.length > 0) {
             // Set tabindex=0 to previous focused button when new button added If not found set it to first button instead
-            let focusedButtonIndex = buttons.findIndex(button => document.activeElement === button);
+            let focusedButtonIndex = buttons.findIndex((button) => document.activeElement === button);
             if (focusedButtonIndex === -1) {
                 focusedButtonIndex = 0;
             }
@@ -238,11 +238,11 @@ let ButtonBar = ButtonBar_1 = class ButtonBar extends BasicElement {
      */
     manageButtons(targetButton) {
         const managedButtons = this.getManagedButtons();
-        const isTargetOfManaged = managedButtons.some(managedButton => managedButton === targetButton);
+        const isTargetOfManaged = managedButtons.some((managedButton) => managedButton === targetButton);
         if (!isTargetOfManaged) {
             return;
         }
-        managedButtons.forEach(managedButton => {
+        managedButtons.forEach((managedButton) => {
             managedButton.active = managedButton === targetButton;
         });
     }
@@ -251,14 +251,14 @@ let ButtonBar = ButtonBar_1 = class ButtonBar extends BasicElement {
      * @returns the array of Element of the default slot
      */
     getElementsOfSlot() {
-        return this.defaultSlot.value?.assignedNodes().filter(node => node instanceof Element);
+        return this.defaultSlot.value?.assignedNodes().filter((node) => node instanceof Element);
     }
     /**
      * Return the array of Buttons which focusable
      * @returns the array of focusable Buttons
      */
     getFocusableButtons() {
-        return [...this.querySelectorAll('ef-button,coral-button')].filter(button => !button.disabled);
+        return [...this.querySelectorAll('ef-button,coral-button')].filter((button) => !button.disabled);
     }
     /**
      * Filter Button classes by the toggles property
@@ -267,7 +267,7 @@ let ButtonBar = ButtonBar_1 = class ButtonBar extends BasicElement {
      */
     getManagedButtons() {
         const elements = this.getElementsOfSlot();
-        return elements.filter(element => element instanceof Button && element.toggles);
+        return elements.filter((element) => element instanceof Button && element.toggles);
     }
     /**
      * A `TemplateResult` that will be used
@@ -275,7 +275,7 @@ let ButtonBar = ButtonBar_1 = class ButtonBar extends BasicElement {
      * @return {TemplateResult}  Render template
      */
     render() {
-        return html `<slot ${ref(this.defaultSlot)} ></slot>`;
+        return html `<slot ${ref(this.defaultSlot)}></slot>`;
     }
 };
 __decorate([

package/lib/calendar/index.d.ts

@@ -1,10 +1,10 @@
 import { JSXInterface } from '../jsx';
-import { ControlElement, TemplateResult, CSSResultGroup, PropertyValues, MultiValue } from '@refinitiv-ui/core';
+import { CSSResultGroup, ControlElement, MultiValue, PropertyValues, TemplateResult } from '@refinitiv-ui/core';
+import '@refinitiv-ui/phrasebook/locale/en/calendar.js';
 import { TranslateDirective, TranslatePromise } from '@refinitiv-ui/translate';
-import type { CalendarFilter } from './types';
-import './locales.js';
 import '../button/index.js';
-import '@refinitiv-ui/phrasebook/locale/en/calendar.js';
+import './locales.js';
+import type { CalendarFilter } from './types';
 export { CalendarFilter };
 /**
  * Standard calendar element
@@ -40,39 +40,39 @@ export declare class Calendar extends ControlElement implements MultiValue {
     private viewBtnRef;
     private _min;
     /**
-    * Set minimum date
-    * @param min min date
-    * @default -
-    */
+     * Set minimum date
+     * @param min min date
+     * @default -
+     */
     set min(min: string);
     get min(): string;
     private _max;
     /**
-    * Set maximum date
-    * @param max max date
-    * @default -
-    */
+     * Set maximum date
+     * @param max max date
+     * @default -
+     */
     set max(max: string);
     get max(): string;
     /**
-    * Only enable weekdays
-    */
+     * Only enable weekdays
+     */
     weekdaysOnly: boolean;
     /**
-    * Only enable weekends
-    */
+     * Only enable weekends
+     */
     weekendsOnly: boolean;
     /**
-    * Custom filter, used for enabling/disabling certain dates
-    * @type {CalendarFilter | null}
-    */
+     * Custom filter, used for enabling/disabling certain dates
+     * @type {CalendarFilter | null}
+     */
     filter: CalendarFilter | null;
     private _view;
     /**
-    * Current calendar view date
-    * @param view view date
-    * @default -
-    */
+     * Current calendar view date
+     * @param view view date
+     * @default -
+     */
     set view(view: string);
     get view(): string;
     private localFirstDayOfWeek;
@@ -89,18 +89,18 @@ export declare class Calendar extends ControlElement implements MultiValue {
     set firstDayOfWeek(firstDayOfWeek: number);
     get firstDayOfWeek(): number;
     /**
-    * Set to switch to range select mode
-    */
+     * Set to switch to range select mode
+     */
     range: boolean;
     /**
-    * Set to switch to multiple select mode
-    */
+     * Set to switch to multiple select mode
+     */
     multiple: boolean;
     /**
-    * Current date time value
-    * @param value Calendar value
-    * @default -
-    */
+     * Current date time value
+     * @param value Calendar value
+     * @default -
+     */
     set value(value: string);
     get value(): string;
     private _values;
@@ -186,10 +186,10 @@ export declare class Calendar extends ControlElement implements MultiValue {
      */
     protected willUpdate(changedProperties: PropertyValues): void;
     /**
-    * Updates the element
-    * @param changedProperties Properties that has changed
-    * @returns {void}
-    */
+     * Updates the element
+     * @param changedProperties Properties that has changed
+     * @returns {void}
+     */
     protected update(changedProperties: PropertyValues): void;
     /**
      * Called after render life-cycle finished
@@ -216,10 +216,10 @@ export declare class Calendar extends ControlElement implements MultiValue {
      */
     protected warnInvalidValue(value: string): void;
     /**
-    * Validate that the value confirms the control type
-    * @param value Value to check
-    * @returns false if value is invalid
-    */
+     * Validate that the value confirms the control type
+     * @param value Value to check
+     * @returns false if value is invalid
+     */
     protected isValidValue(value: string): boolean;
     /**
      * A helper method to make sure that only valid values are passed