@refinitiv-ui/elements 7.6.1 → 7.7.0

package/lib/checkbox/custom-elements.md

@@ -4,12 +4,12 @@ Form control for selecting one or several options
 
 ## Properties
 
-| Property        | Attribute       | Type      | Default | Description                |
-|-----------------|-----------------|-----------|---------|----------------------------|
-| `checked`       | `checked`       | `boolean` | false   | Value of checkbox          |
-| `disabled`      | `disabled`      | `boolean` | false   | Set disabled state         |
-| `indeterminate` | `indeterminate` | `boolean` | false   | Set state to indeterminate |
-| `readonly`      | `readonly`      | `boolean` | false   | Set readonly state         |
+| Property        | Attribute       | Type      | Default | Description             |
+|-----------------|-----------------|-----------|---------|-------------------------|
+| `checked`       | `checked`       | `boolean` | false   | Value of checkbox       |
+| `disabled`      | `disabled`      | `boolean` | false   | Set disabled state      |
+| `indeterminate` | `indeterminate` | `boolean` | false   | Set indeterminate state |
+| `readonly`      | `readonly`      | `boolean` | false   | Set readonly state      |
 
 ## Events
 

package/lib/checkbox/index.d.ts

@@ -30,7 +30,7 @@ export declare class Checkbox extends ControlElement {
      */
     checked: boolean;
     /**
-     * Set state to indeterminate
+     * Set indeterminate state
      */
     indeterminate: boolean;
     /**

package/lib/checkbox/index.js

@@ -25,7 +25,7 @@ let Checkbox = class Checkbox extends ControlElement {
          */
         this.checked = false;
         /**
-         * Set state to indeterminate
+         * Set indeterminate state
          */
         this.indeterminate = false;
     }

package/lib/clock/custom-elements.json

@@ -13,8 +13,9 @@
         },
         {
           "name": "offset",
-          "description": "Get offset value",
-          "type": "number"
+          "description": "number of seconds that the display time should be offset from the original value",
+          "type": "number",
+          "default": "\"0\""
         },
         {
           "name": "tick",
@@ -58,8 +59,9 @@
         {
           "name": "offset",
           "attribute": "offset",
-          "description": "Get offset value",
-          "type": "number"
+          "description": "number of seconds that the display time should be offset from the original value",
+          "type": "number",
+          "default": "\"0\""
         },
         {
           "name": "tick",
@@ -106,19 +108,6 @@
           "name": "offset-changed",
           "description": "Fired when the user offsets the clock in `interactive` mode. The event is not triggered if `offset` property is changed programmatically."
         }
-      ],
-      "methods": [
-        {
-          "name": "resizedCallback",
-          "description": "Called when the element's dimension have changed",
-          "params": [
-            {
-              "name": "size",
-              "description": "Element size",
-              "type": "ElementSize"
-            }
-          ]
-        }
       ]
     }
   ]

package/lib/clock/custom-elements.md

@@ -9,17 +9,11 @@ Display hours, minutes and seconds as clock interface
 | `amPm`        | `am-pm`        | `boolean` | false      | Display the digital clock in 12hr format.        |
 | `analogue`    | `analogue`     | `boolean` | false      | Display clock in analogue style.                 |
 | `interactive` | `interactive`  | `boolean` | false      | Enable interactive mode. Allowing the user to offset the value. |
-| `offset`      | `offset`       | `number`  |            | Get offset value                                 |
+| `offset`      | `offset`       | `number`  | "0"        | number of seconds that the display time should be offset from the original value |
 | `showSeconds` | `show-seconds` | `boolean` | false      | Display the seconds segment.                     |
 | `tick`        | `tick`         | `boolean` | false      | Toggles clock ticking function.                  |
 | `value`       | `value`        | `string`  | "00:00:00" | Get time value in format `hh:mm:ss`              |
 
-## Methods
-
-| Method            | Type                | Description                                      |
-|-------------------|---------------------|--------------------------------------------------|
-| `resizedCallback` | `(size: any): void` | Called when the element's dimension have changed<br /><br />**size**: Element size |
-
 ## Events
 
 | Event            | Description                                      |

package/lib/clock/index.d.ts

@@ -66,12 +66,13 @@ export declare class Clock extends ResponsiveElement {
     set value(value: string);
     private _offset;
     /**
-     * Get offset value
+     * number of seconds that the display time should be offset from the original value
+     * @default 0
      * @returns offset
      */
     get offset(): number;
     /**
-     * Amount to offset value in seconds.
+     * Shifts displayed time by seconds without changing the original value
      * @param offset new offset value
      * @returns {void}
      */
@@ -286,6 +287,7 @@ export declare class Clock extends ResponsiveElement {
     /**
      * Called when the element's dimension have changed
      * @param size Element size
+     * @ignore
      * @returns {void}
      */
     resizedCallback(size: ElementSize): void;

package/lib/clock/index.js

@@ -153,14 +153,15 @@ let Clock = class Clock extends ResponsiveElement {
         }
     }
     /**
-     * Get offset value
+     * number of seconds that the display time should be offset from the original value
+     * @default 0
      * @returns offset
      */
     get offset() {
         return this._offset;
     }
     /**
-     * Amount to offset value in seconds.
+     * Shifts displayed time by seconds without changing the original value
      * @param offset new offset value
      * @returns {void}
      */
@@ -508,6 +509,7 @@ let Clock = class Clock extends ResponsiveElement {
     /**
      * Called when the element's dimension have changed
      * @param size Element size
+     * @ignore
      * @returns {void}
      */
     resizedCallback(size) {

package/lib/collapse/custom-elements.json

@@ -69,11 +69,11 @@
       "slots": [
         {
           "name": "header-left",
-          "description": "Slot to add custom contents to the left side of header e.g. ef-icon, ef-checkbox"
+          "description": "Slot to add custom contents to the left side of header"
         },
         {
           "name": "header-right",
-          "description": "Slot to add custom contents to the right side of header e.g. ef-icon, ef-checkbox"
+          "description": "Slot to add custom contents to the right side of header"
         }
       ]
     }

package/lib/collapse/custom-elements.md

@@ -23,5 +23,5 @@ for their primary displays.
 
 | Name           | Description                                      |
 |----------------|--------------------------------------------------|
-| `header-left`  | Slot to add custom contents to the left side of header e.g. ef-icon, ef-checkbox |
-| `header-right` | Slot to add custom contents to the right side of header e.g. ef-icon, ef-checkbox |
+| `header-left`  | Slot to add custom contents to the left side of header |
+| `header-right` | Slot to add custom contents to the right side of header |

package/lib/collapse/index.d.ts

@@ -10,8 +10,8 @@ import '../panel/index.js';
  *
  * @fires expanded-changed - Fired when the user expands or collapses the control. The event is not triggered if `expanded` property is changed programmatically.
  *
- * @slot header-left - Slot to add custom contents to the left side of header e.g. ef-icon, ef-checkbox
- * @slot header-right - Slot to add custom contents to the right side of header e.g. ef-icon, ef-checkbox
+ * @slot header-left - Slot to add custom contents to the left side of header
+ * @slot header-right - Slot to add custom contents to the right side of header
  */
 export declare class Collapse extends BasicElement {
     /**

package/lib/collapse/index.js

@@ -15,8 +15,8 @@ import { VERSION } from '../version.js';
  *
  * @fires expanded-changed - Fired when the user expands or collapses the control. The event is not triggered if `expanded` property is changed programmatically.
  *
- * @slot header-left - Slot to add custom contents to the left side of header e.g. ef-icon, ef-checkbox
- * @slot header-right - Slot to add custom contents to the right side of header e.g. ef-icon, ef-checkbox
+ * @slot header-left - Slot to add custom contents to the left side of header
+ * @slot header-right - Slot to add custom contents to the right side of header
  */
 let Collapse = class Collapse extends BasicElement {
     constructor() {

package/lib/color-dialog/custom-elements.json

@@ -73,6 +73,24 @@
           "description": "Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`.",
           "type": "string | undefined"
         },
+        {
+          "name": "no-cancel-on-outside-click",
+          "description": "Prevents dialog to close when user clicks outside the dialog.",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "with-backdrop",
+          "description": "False to hide backdrop.",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "with-shadow",
+          "description": "False to remove shadow for dialog component.",
+          "type": "boolean",
+          "default": "true"
+        },
         {
           "name": "no-cancel-on-esc-key",
           "description": "Prevents dialog to close when user presses ESC key",
@@ -83,6 +101,21 @@
           "name": "position-target",
           "description": "Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`.",
           "type": "string | undefined"
+        },
+        {
+          "name": "no-cancel-on-outside-click",
+          "description": "Prevents dialog to close when user clicks outside the dialog.",
+          "type": "boolean"
+        },
+        {
+          "name": "with-backdrop",
+          "description": "False to hide backdrop.",
+          "type": "boolean"
+        },
+        {
+          "name": "with-shadow",
+          "description": "False to remove shadow for dialog component.",
+          "type": "boolean"
         }
       ],
       "properties": [
@@ -168,24 +201,21 @@
         },
         {
           "name": "noCancelOnOutsideClick",
+          "attribute": "no-cancel-on-outside-click",
           "description": "Prevents dialog to close when user clicks outside the dialog.",
           "type": "boolean",
           "default": "true"
         },
         {
           "name": "withBackdrop",
+          "attribute": "with-backdrop",
           "description": "False to hide backdrop.",
           "type": "boolean",
           "default": "true"
         },
-        {
-          "name": "draggable",
-          "description": "False to make the dialog not draggable.",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "withShadow",
+          "attribute": "with-shadow",
           "description": "False to remove shadow for dialog component.",
           "type": "boolean",
           "default": "true"

package/lib/color-dialog/custom-elements.md

@@ -5,31 +5,33 @@ for selecting a predefined range of colours.
 
 ## Attributes
 
-| Attribute              | Type                  | Default | Description                                      |
-|------------------------|-----------------------|---------|--------------------------------------------------|
-| `no-cancel-on-esc-key` | `boolean`             | false   | Prevents dialog to close when user presses ESC key |
-| `position-target`      | `string \| undefined` |         | Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`. |
+| Attribute                    | Type                  | Default | Description                                      |
+|------------------------------|-----------------------|---------|--------------------------------------------------|
+| `no-cancel-on-esc-key`       | `boolean`             | false   | Prevents dialog to close when user presses ESC key |
+| `no-cancel-on-outside-click` | `boolean`             |         | Prevents dialog to close when user clicks outside the dialog. |
+| `position-target`            | `string \| undefined` |         | Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`. |
+| `with-backdrop`              | `boolean`             |         | False to hide backdrop.                          |
+| `with-shadow`                | `boolean`             |         | False to remove shadow for dialog component.     |
 
 ## Properties
 
-| Property                 | Attribute              | Type                  | Default | Description                                      |
-|--------------------------|------------------------|-----------------------|---------|--------------------------------------------------|
-| `allowNocolor`           | `allow-nocolor`        | `boolean`             | false   | Set the palettes to activate no-color option     |
-| `blue`                   | `blue`                 | `string`              | ""      | Blue value from 0 to 255                         |
-| `draggable`              |                        | `boolean`             | true    | False to make the dialog not draggable.          |
-| `green`                  | `green`                | `string`              | ""      | Green value from 0 to 255                        |
-| `header`                 | `header`               | `string \| null`      | null    | Set Header/Title of the color dialog             |
-| `hex`                    | `hex`                  | `string`              | ""      | Value of hex without # sign, supports both 3-digits shorthand hex and regular 6-digits hex |
-| `noCancelOnEscKey`       | `no-cancel-on-esc-key` | `boolean`             | false   | Prevents dialog to close when user presses ESC key |
-| `noCancelOnOutsideClick` |                        | `boolean`             | true    | Prevents dialog to close when user clicks outside the dialog. |
-| `opened`                 | `opened`               | `boolean`             | false   | Set dialog to open                               |
-| `positionTarget`         | `position-target`      | `string \| undefined` |         | Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`. |
-| `red`                    | `red`                  | `string`              | ""      | Red value from 0 to 255                          |
-| `value`                  | `value`                | `string`              | ""      | Value of selected color from color dialog will be written here as hex value<br />e.g. "#00f" or "#0000ff" |
-| `withBackdrop`           |                        | `boolean`             | true    | False to hide backdrop.                          |
-| `withShadow`             |                        | `boolean`             | true    | False to remove shadow for dialog component.     |
-| `x`                      | `x`                    | `string \| undefined` |         | Set a specific x coordinate of dialog            |
-| `y`                      | `y`                    | `string \| undefined` |         | Set a specific y coordinate of dialog            |
+| Property                 | Attribute                    | Type                  | Default | Description                                      |
+|--------------------------|------------------------------|-----------------------|---------|--------------------------------------------------|
+| `allowNocolor`           | `allow-nocolor`              | `boolean`             | false   | Set the palettes to activate no-color option     |
+| `blue`                   | `blue`                       | `string`              | ""      | Blue value from 0 to 255                         |
+| `green`                  | `green`                      | `string`              | ""      | Green value from 0 to 255                        |
+| `header`                 | `header`                     | `string \| null`      | null    | Set Header/Title of the color dialog             |
+| `hex`                    | `hex`                        | `string`              | ""      | Value of hex without # sign, supports both 3-digits shorthand hex and regular 6-digits hex |
+| `noCancelOnEscKey`       | `no-cancel-on-esc-key`       | `boolean`             | false   | Prevents dialog to close when user presses ESC key |
+| `noCancelOnOutsideClick` | `no-cancel-on-outside-click` | `boolean`             | true    | Prevents dialog to close when user clicks outside the dialog. |
+| `opened`                 | `opened`                     | `boolean`             | false   | Set dialog to open                               |
+| `positionTarget`         | `position-target`            | `string \| undefined` |         | Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`. |
+| `red`                    | `red`                        | `string`              | ""      | Red value from 0 to 255                          |
+| `value`                  | `value`                      | `string`              | ""      | Value of selected color from color dialog will be written here as hex value<br />e.g. "#00f" or "#0000ff" |
+| `withBackdrop`           | `with-backdrop`              | `boolean`             | true    | False to hide backdrop.                          |
+| `withShadow`             | `with-shadow`                | `boolean`             | true    | False to remove shadow for dialog component.     |
+| `x`                      | `x`                          | `string \| undefined` |         | Set a specific x coordinate of dialog            |
+| `y`                      | `y`                          | `string \| undefined` |         | Set a specific y coordinate of dialog            |
 
 ## Events
 

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

@@ -33,12 +33,13 @@ import './elements/grayscale-palettes.js';
  * @attr {string | undefined} position-target - Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`.
  * @prop {string | undefined} positionTarget - Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`.
  *
+ * @attr {boolean} [no-cancel-on-outside-click] - Prevents dialog to close when user clicks outside the dialog.
  * @prop {boolean} [noCancelOnOutsideClick=true] - Prevents dialog to close when user clicks outside the dialog.
  *
+ * @attr {boolean} [with-backdrop] - False to hide backdrop.
  * @prop {boolean} [withBackdrop=true] - False to hide backdrop.
  *
- * @prop {boolean} [draggable=true] - False to make the dialog not draggable.
- *
+ * @attr {boolean} [with-shadow] - False to remove shadow for dialog component.
  * @prop {boolean} [withShadow=true] - False to remove shadow for dialog component.
  */
 export declare class ColorDialog extends Dialog {

package/lib/color-dialog/index.js

@@ -40,12 +40,13 @@ import { ValueModel } from './helpers/value-model.js';
  * @attr {string | undefined} position-target - Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`.
  * @prop {string | undefined} positionTarget - Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`.
  *
+ * @attr {boolean} [no-cancel-on-outside-click] - Prevents dialog to close when user clicks outside the dialog.
  * @prop {boolean} [noCancelOnOutsideClick=true] - Prevents dialog to close when user clicks outside the dialog.
  *
+ * @attr {boolean} [with-backdrop] - False to hide backdrop.
  * @prop {boolean} [withBackdrop=true] - False to hide backdrop.
  *
- * @prop {boolean} [draggable=true] - False to make the dialog not draggable.
- *
+ * @attr {boolean} [with-shadow] - False to remove shadow for dialog component.
  * @prop {boolean} [withShadow=true] - False to remove shadow for dialog component.
  */
 let ColorDialog = class ColorDialog extends Dialog {

package/lib/combo-box/custom-elements.json

@@ -37,20 +37,21 @@
         },
         {
           "name": "error",
-          "description": "Set state to error",
+          "description": "Set error state",
           "type": "boolean",
           "default": "false"
         },
         {
           "name": "warning",
-          "description": "Set state to warning",
+          "description": "Set warning state",
           "type": "boolean",
           "default": "false"
         },
         {
           "name": "query-debounce-rate",
-          "description": "Control query rate, defaults to 0",
-          "type": "number"
+          "description": "Control query rate in milliseconds",
+          "type": "number",
+          "default": "\"0\""
         },
         {
           "name": "value",
@@ -69,12 +70,6 @@
           "description": "Set disabled state",
           "type": "boolean",
           "default": "false"
-        },
-        {
-          "name": "name",
-          "description": "Set name of the element",
-          "type": "string",
-          "default": "\"\""
         }
       ],
       "properties": [
@@ -128,22 +123,23 @@
         {
           "name": "error",
           "attribute": "error",
-          "description": "Set state to error",
+          "description": "Set error state",
           "type": "boolean",
           "default": "false"
         },
         {
           "name": "warning",
           "attribute": "warning",
-          "description": "Set state to warning",
+          "description": "Set warning state",
           "type": "boolean",
           "default": "false"
         },
         {
           "name": "queryDebounceRate",
           "attribute": "query-debounce-rate",
-          "description": "Control query rate, defaults to 0",
-          "type": "number"
+          "description": "Control query rate in milliseconds",
+          "type": "number",
+          "default": "\"0\""
         },
         {
           "name": "data",
@@ -188,13 +184,6 @@
           "description": "Set disabled state",
           "type": "boolean",
           "default": "false"
-        },
-        {
-          "name": "name",
-          "attribute": "name",
-          "description": "Set name of the element",
-          "type": "string",
-          "default": "\"\""
         }
       ],
       "events": [

package/lib/combo-box/custom-elements.md

@@ -9,21 +9,20 @@ Combines a popup with a filterable selection list
 | `clears`            | `clears`              | `boolean`                   | false                        | Show clears button                               |
 | `data`              |                       | `ComboBoxData<T>`           | []                           | Data array to be displayed                       |
 | `disabled`          | `disabled`            | `boolean`                   | false                        | Set disabled state                               |
-| `error`             | `error`               | `boolean`                   | false                        | Set state to error                               |
+| `error`             | `error`               | `boolean`                   | false                        | Set error state                                  |
 | `filter`            |                       | `ComboBoxFilter<T> \| null` | "defaultFilter<T>(this)"     | Custom filter for static data<br />Set this to null when data is filtered externally, eg XHR |
 | `freeText`          | `free-text`           | `boolean`                   | false                        | Allow to enter any value                         |
 | `label (readonly)`  |                       | `string`                    | ""                           | Label of selected value                          |
 | `multiple`          | `multiple`            | `boolean`                   | false                        | Multiple selection mode                          |
-| `name`              | `name`                | `string`                    | ""                           | Set name of the element                          |
 | `opened`            | `opened`              | `boolean`                   | false                        | Track opened state of popup                      |
 | `placeholder`       | `placeholder`         | `string`                    | ""                           | Placeholder for input field                      |
 | `query`             |                       | `string \| null`            | null                         | Query string applied to combo-box<br />Set via internal input |
-| `queryDebounceRate` | `query-debounce-rate` | `number`                    |                              | Control query rate, defaults to 0                |
+| `queryDebounceRate` | `query-debounce-rate` | `number`                    | "0"                          | Control query rate in milliseconds               |
 | `readonly`          | `readonly`            | `boolean`                   | false                        | Set readonly state                               |
 | `renderer`          |                       | `ComboBoxRenderer`          | "new ComboBoxRenderer(this)" | Renderer used to render list item elements       |
 | `value`             | `value`               | `string`                    | ""                           | Returns the first selected item value.<br />Use `values` when multiple selection mode is enabled. |
 | `values`            |                       | `string[]`                  | []                           | Returns a values collection of the currently<br />selected item values |
-| `warning`           | `warning`             | `boolean`                   | false                        | Set state to warning                             |
+| `warning`           | `warning`             | `boolean`                   | false                        | Set warning state                                |
 
 ## Events
 

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

@@ -25,9 +25,6 @@ export { ComboBoxRenderer };
  * @attr {boolean} disabled - Set disabled state
  * @prop {boolean} [disabled=false] - Set disabled state
  *
- * @attr {string} name - Set name of the element
- * @prop {string} [name=''] - Set name of the element
- *
  * @fires value-changed - Fired when the user commits a value change. The event is not triggered if `value` property is changed programmatically.
  * @fires query-changed - Fired when the user changes value in the input to change a query word. If `query-debounce-rate` is set, this event will be triggered after debounce completion. The event is not triggered if `query` property is changed programmatically.
  * @fires opened-changed - Fired when the user opens or closes control's popup. The event is not triggered if `opened` property is changed programmatically.
@@ -85,17 +82,18 @@ export declare class ComboBox<T extends DataItem = ItemData> extends FormFieldEl
     set freeText(freeText: boolean);
     get freeText(): boolean;
     /**
-     * Set state to error
+     * Set error state
      */
     error: boolean;
     /**
-     * Set state to warning
+     * Set warning state
      */
     warning: boolean;
     private _queryDebounceRate;
     private queryDebouncer;
     /**
-     * Control query rate, defaults to 0
+     * Control query rate in milliseconds
+     * @default 0
      */
     get queryDebounceRate(): number;
     set queryDebounceRate(value: number);

package/lib/combo-box/index.js

@@ -38,9 +38,6 @@ const freeTextMultipleWarning = new WarningNotice('"free-text" mode is not compa
  * @attr {boolean} disabled - Set disabled state
  * @prop {boolean} [disabled=false] - Set disabled state
  *
- * @attr {string} name - Set name of the element
- * @prop {string} [name=''] - Set name of the element
- *
  * @fires value-changed - Fired when the user commits a value change. The event is not triggered if `value` property is changed programmatically.
  * @fires query-changed - Fired when the user changes value in the input to change a query word. If `query-debounce-rate` is set, this event will be triggered after debounce completion. The event is not triggered if `query` property is changed programmatically.
  * @fires opened-changed - Fired when the user opens or closes control's popup. The event is not triggered if `opened` property is changed programmatically.
@@ -74,11 +71,11 @@ let ComboBox = class ComboBox extends FormFieldElement {
         this.clears = false;
         this._freeText = false;
         /**
-         * Set state to error
+         * Set error state
          */
         this.error = false;
         /**
-         * Set state to warning
+         * Set warning state
          */
         this.warning = false;
         // Internal reference to debounce rate
@@ -202,7 +199,8 @@ let ComboBox = class ComboBox extends FormFieldElement {
         return this._freeText;
     }
     /**
-     * Control query rate, defaults to 0
+     * Control query rate in milliseconds
+     * @default 0
      */
     get queryDebounceRate() {
         return this._queryDebounceRate;

package/lib/configuration/custom-elements.json

@@ -3,11 +3,21 @@
   "tags": [
     {
       "name": "ef-configuration",
+      "attributes": [
+        {
+          "name": "-",
+          "description": "Configuration data",
+          "type": "Config",
+          "default": "\"{icon: { map: {} }}\""
+        }
+      ],
       "properties": [
         {
           "name": "config",
+          "attribute": "-",
           "description": "Configuration data",
-          "default": "\"DEFAULT_CONFIG\""
+          "type": "Config",
+          "default": "\"{icon: { map: {} }}\""
         }
       ]
     }

package/lib/configuration/custom-elements.md

@@ -2,6 +2,6 @@
 
 ## Properties
 
-| Property | Default          | Description        |
-|----------|------------------|--------------------|
-| `config` | "DEFAULT_CONFIG" | Configuration data |
+| Property | Attribute | Type     | Default               | Description        |
+|----------|-----------|----------|-----------------------|--------------------|
+| `config` | `-`       | `Config` | "{icon: { map: {} }}" | Configuration data |

package/lib/configuration/elements/configuration.d.ts

@@ -14,6 +14,9 @@ export declare class Configuration extends BasicElement {
     protected createRenderRoot(): this;
     /**
      * Configuration data
+     * @type {Config}
+     * @attr -
+     * @default {icon: { map: {} }}
      */
     config: Config;
     /**

package/lib/configuration/elements/configuration.js

@@ -10,6 +10,9 @@ let Configuration = class Configuration extends BasicElement {
         super(...arguments);
         /**
          * Configuration data
+         * @type {Config}
+         * @attr -
+         * @default {icon: { map: {} }}
          */
         this.config = DEFAULT_CONFIG;
     }

package/lib/counter/custom-elements.json

@@ -3,7 +3,7 @@
   "tags": [
     {
       "name": "ef-counter",
-      "description": "Counter is an item count badge,\nsupport maximun display number and notation of large numbers.",
+      "description": "Counter is an item count badge,\nsupport maximum display number and notation of large numbers.",
       "attributes": [
         {
           "name": "value",

package/lib/counter/custom-elements.md

@@ -1,7 +1,7 @@
 # ef-counter
 
 Counter is an item count badge,
-support maximun display number and notation of large numbers.
+support maximum display number and notation of large numbers.
 
 ## Properties