@refinitiv-ui/elements 5.7.0 → 5.8.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.8.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@5.7.0...@refinitiv-ui/elements@5.8.0) (2021-12-03)
+
+
+### Bug Fixes
+
+* change default role to more generic type for better extendibility ([#100](https://github.com/Refinitiv/refinitiv-ui/issues/100)) ([fe999dc](https://github.com/Refinitiv/refinitiv-ui/commit/fe999dc66b5f42581a37329ced697ae6ac2dc929))
+* **combo-box:** fix arrow icon not show in Solar when disabled ([55c1008](https://github.com/Refinitiv/refinitiv-ui/commit/55c1008b7b63f915a7575059c6539e63a757e389))
+* **combo-box:** import counter instead of pill ([6410c03](https://github.com/Refinitiv/refinitiv-ui/commit/6410c03dd12077f25347dddb249b6a6700186abc))
+
+
+### Features
+
+* **list:** improve screen reader ([0bc3a8c](https://github.com/Refinitiv/refinitiv-ui/commit/0bc3a8c9c4051200cd1a5c8ed655d1d3ebbd9021))
+* **select:** improve screen reader support ([#80](https://github.com/Refinitiv/refinitiv-ui/issues/80)) ([a43fbcd](https://github.com/Refinitiv/refinitiv-ui/commit/a43fbcd4b23b2f508ddc94b8007913f66da1ae89))
+
+
+
+
+
 # [5.7.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@5.6.0...@refinitiv-ui/elements@5.7.0) (2021-11-22)
 
 

package/lib/autosuggest/custom-elements.json

@@ -26,7 +26,7 @@
           "name": "more-search-text",
           "description": "Custom text for More Search",
           "type": "string",
-          "default": "\"defaultMoreSearchText\""
+          "default": "\"More results for {0}\""
         },
         {
           "name": "loading",
@@ -55,12 +55,12 @@
       ],
       "properties": [
         {
-          "name": "defaultDebounceRate",
+          "name": "defaultDebounceRate (readonly)",
           "type": "100",
           "default": "100"
         },
         {
-          "name": "defaultMoreSearchText",
+          "name": "defaultMoreSearchText (readonly)",
           "type": "\"More results for {0}\"",
           "default": "\"More results for {0}\""
         },
@@ -89,7 +89,7 @@
           "attribute": "more-search-text",
           "description": "Custom text for More Search",
           "type": "string",
-          "default": "\"defaultMoreSearchText\""
+          "default": "\"More results for {0}\""
         },
         {
           "name": "loading",
@@ -177,6 +177,16 @@
           "description": "Fired when suggestions changed"
         }
       ],
+      "slots": [
+        {
+          "name": "header",
+          "description": "Slot to add custom contents at the top of autosuggest popup"
+        },
+        {
+          "name": "footer",
+          "description": "Slot to add custom contents at the bottom of autosuggest popup"
+        }
+      ],
       "methods": [
         {
           "name": "onInputValueChange",

package/lib/autosuggest/custom-elements.md

@@ -8,20 +8,20 @@ custom rendering, pagination, asynchronous data request, etc.
 
 ## Properties
 
-| Property         | Attribute          | Type                                         | Default                 | Description                                      |
-|------------------|--------------------|----------------------------------------------|-------------------------|--------------------------------------------------|
-| `attach`         | `attach`           | `AutosuggestTargetElement \| string \| null` | null                    | An HTML Element or CSS selector                  |
-| `debounceRate`   | `debounce-rate`    | `number`                                     | "100"                   | Debounce rate in ms of the filter as a number.<br />Used to throttle the filter rate so as not to trigger unneeded filtering |
-| `highlightable`  |                    | `AutosuggestHighlightable`                   | "itemHighlightable"     | A function that is applied to every suggestion during the render process<br />to say whether the item can be highlighted and selected. Only items that return true are considered.<br />By default the function checks for `item` `highlightable` property. |
-| `htmlRenderer`   | `html-renderer`    | `boolean`                                    | false                   | If set to true, the render function is not called. Instead the wrapper element<br />should populate and destroy suggestion elements. Rendering items manually<br />may have performance benefits in frameworks that use virtual DOM (such as `Vue`, `React`, `hyperHTML` and others) |
-| `loading`        | `loading`          | `boolean`                                    | false                   | If set to true show loading mask                 |
-| `moreResults`    | `more-results`     | `boolean`                                    | false                   | If set to true display 'Has more results' item   |
-| `moreSearchText` | `more-search-text` | `string`                                     | "defaultMoreSearchText" | Custom text for More Search                      |
-| `opened`         | `opened`           | `boolean`                                    | false                   | Auto suggest popup's open state                  |
-| `query`          |                    | `AutosuggestQuery \| null`                   | null                    | An object that represents a query from attach target |
-| `renderer`       |                    | `AutosuggestRenderer`                        | "itemRenderer"          | A renderer applied to suggestion.<br />By default a render maps data to item attributes |
-| `requestOnFocus` | `request-on-focus` | `boolean`                                    | false                   | Request suggestions when attach target is focused |
-| `suggestions`    |                    | `AutosuggestItem[]`                          | []                      | A list of suggestion items                       |
+| Property         | Attribute          | Type                                         | Default                | Description                                      |
+|------------------|--------------------|----------------------------------------------|------------------------|--------------------------------------------------|
+| `attach`         | `attach`           | `AutosuggestTargetElement \| string \| null` | null                   | An HTML Element or CSS selector                  |
+| `debounceRate`   | `debounce-rate`    | `number`                                     | "100"                  | Debounce rate in ms of the filter as a number.<br />Used to throttle the filter rate so as not to trigger unneeded filtering |
+| `highlightable`  |                    | `AutosuggestHighlightable`                   | "itemHighlightable"    | A function that is applied to every suggestion during the render process<br />to say whether the item can be highlighted and selected. Only items that return true are considered.<br />By default the function checks for `item` `highlightable` property. |
+| `htmlRenderer`   | `html-renderer`    | `boolean`                                    | false                  | If set to true, the render function is not called. Instead the wrapper element<br />should populate and destroy suggestion elements. Rendering items manually<br />may have performance benefits in frameworks that use virtual DOM (such as `Vue`, `React`, `hyperHTML` and others) |
+| `loading`        | `loading`          | `boolean`                                    | false                  | If set to true show loading mask                 |
+| `moreResults`    | `more-results`     | `boolean`                                    | false                  | If set to true display 'Has more results' item   |
+| `moreSearchText` | `more-search-text` | `string`                                     | "More results for {0}" | Custom text for More Search                      |
+| `opened`         | `opened`           | `boolean`                                    | false                  | Auto suggest popup's open state                  |
+| `query`          |                    | `AutosuggestQuery \| null`                   | null                   | An object that represents a query from attach target |
+| `renderer`       |                    | `AutosuggestRenderer`                        | "itemRenderer"         | A renderer applied to suggestion.<br />By default a render maps data to item attributes |
+| `requestOnFocus` | `request-on-focus` | `boolean`                                    | false                  | Request suggestions when attach target is focused |
+| `suggestions`    |                    | `AutosuggestItem[]`                          | []                     | A list of suggestion items                       |
 
 ## Methods
 
@@ -45,3 +45,10 @@ custom rendering, pagination, asynchronous data request, etc.
 | `suggestions-clear-requested` | Fired when auto suggest requests to clear the data. If used in reactive application, prevent default and set suggestions to [] |
 | `suggestions-fetch-requested` | Fired when auto suggest requests the data        |
 | `suggestions-query`           | Fired when input value has changed and the query must be set |
+
+## Slots
+
+| Name     | Description                                      |
+|----------|--------------------------------------------------|
+| `footer` | Slot to add custom contents at the bottom of autosuggest popup |
+| `header` | Slot to add custom contents at the top of autosuggest popup |

package/lib/autosuggest/index.d.ts

@@ -24,6 +24,9 @@ export { queryWordSelect, itemRenderer, escapeRegExp, itemHighlightable, updateE
  *
  * @attr {boolean} opened - Set to open auto suggest popup
  * @prop {boolean} [opened=false] -  Auto suggest popup's open state
+ *
+ * @slot header - Slot to add custom contents at the top of autosuggest popup
+ * @slot footer - Slot to add custom contents at the bottom of autosuggest popup
  */
 export declare class Autosuggest extends Overlay {
     /**
@@ -83,6 +86,7 @@ export declare class Autosuggest extends Overlay {
     moreResults: boolean;
     /**
      * Custom text for More Search
+     * @default More results for {0}
      */
     moreSearchText: string;
     /**

package/lib/autosuggest/index.js

@@ -31,6 +31,9 @@ export { queryWordSelect, itemRenderer, escapeRegExp, itemHighlightable, updateE
  *
  * @attr {boolean} opened - Set to open auto suggest popup
  * @prop {boolean} [opened=false] -  Auto suggest popup's open state
+ *
+ * @slot header - Slot to add custom contents at the top of autosuggest popup
+ * @slot footer - Slot to add custom contents at the bottom of autosuggest popup
  */
 let Autosuggest = Autosuggest_1 = class Autosuggest extends Overlay {
     /**
@@ -53,6 +56,7 @@ let Autosuggest = Autosuggest_1 = class Autosuggest extends Overlay {
         this.moreResults = false;
         /**
          * Custom text for More Search
+         * @default More results for {0}
          */
         this.moreSearchText = Autosuggest_1.defaultMoreSearchText;
         /**

package/lib/calendar/custom-elements.json

@@ -61,7 +61,8 @@
         {
           "name": "values",
           "description": "Set multiple selected values",
-          "type": "string[]"
+          "type": "string[]",
+          "default": "[]"
         },
         {
           "name": "fill-cells",
@@ -154,7 +155,8 @@
           "name": "values",
           "attribute": "values",
           "description": "Set multiple selected values",
-          "type": "string[]"
+          "type": "string[]",
+          "default": "[]"
         },
         {
           "name": "fillCells",

package/lib/calendar/custom-elements.md

@@ -9,14 +9,14 @@ Standard calendar element
 | `disabled`       | `disabled`          | `boolean`                | false   | Set disabled state                               |
 | `fillCells`      | `fill-cells`        | `boolean`                | false   | Fill head and tail cell dates                    |
 | `filter`         |                     | `CalendarFilter \| null` | null    | Custom filter, used for enabling/disabling certain dates |
-| `firstDayOfWeek` | `first-day-of-week` | `number \| null`         |         | Set the first day of the week.<br />0 - for Sunday, 6 - for Saturday |
+| `firstDayOfWeek` | `first-day-of-week` | `number \| null`         | null    | Set the first day of the week.<br />0 - for Sunday, 6 - for Saturday |
 | `max`            | `max`               | `string`                 | ""      | Set maximum date                                 |
 | `min`            | `min`               | `string`                 | ""      | Set minimum date                                 |
 | `multiple`       | `multiple`          | `boolean`                | false   | Set to switch to multiple select mode            |
 | `range`          | `range`             | `boolean`                | false   | Set to switch to range select mode               |
 | `readonly`       | `readonly`          | `boolean`                | false   | Set readonly state                               |
 | `value`          | `value`             | `string`                 | ""      | Current date time value                          |
-| `values`         | `values`            | `string[]`               |         | Set multiple selected values                     |
+| `values`         | `values`            | `string[]`               | []      | Set multiple selected values                     |
 | `view`           | `view`              | `string`                 | ""      | Current calendar view date                       |
 | `weekdaysOnly`   | `weekdays-only`     | `boolean`                | false   | Only enable weekdays                             |
 | `weekendsOnly`   | `weekends-only`     | `boolean`                | false   | Only enable weekends                             |

package/lib/calendar/index.d.ts

@@ -78,6 +78,7 @@ export declare class Calendar extends ControlElement implements MultiValue {
      * 0 - for Sunday, 6 - for Saturday
      * @param firstDayOfWeek The first day of the week
      * @type {number | null}
+     * @default null
      */
     set firstDayOfWeek(firstDayOfWeek: number);
     get firstDayOfWeek(): number;
@@ -101,6 +102,7 @@ export declare class Calendar extends ControlElement implements MultiValue {
      * Set multiple selected values
      * @param values Values to set
      * @type {string[]}
+     * @default []
      */
     set values(values: string[]);
     get values(): string[];

package/lib/calendar/index.js

@@ -199,6 +199,7 @@ let Calendar = class Calendar extends ControlElement {
      * 0 - for Sunday, 6 - for Saturday
      * @param firstDayOfWeek The first day of the week
      * @type {number | null}
+     * @default null
      */
     set firstDayOfWeek(firstDayOfWeek) {
         firstDayOfWeek %= 7;
@@ -226,6 +227,7 @@ let Calendar = class Calendar extends ControlElement {
      * Set multiple selected values
      * @param values Values to set
      * @type {string[]}
+     * @default []
      */
     set values(values) {
         const oldValues = this._values;

package/lib/canvas/custom-elements.json

@@ -8,7 +8,8 @@
         {
           "name": "autoloop",
           "description": "Starts an automatic animation loop.\nEnabling the frame event.",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -16,20 +17,21 @@
           "name": "autoloop",
           "attribute": "autoloop",
           "description": "Starts an automatic animation loop.\nEnabling the frame event.",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "canvas",
+          "name": "canvas (readonly)",
           "description": "Html canvas element",
           "type": "HTMLCanvasElement"
         },
         {
-          "name": "ctx",
+          "name": "ctx (readonly)",
           "description": "Alias of context",
           "type": "CanvasRenderingContext2D | null"
         },
         {
-          "name": "context",
+          "name": "context (readonly)",
           "description": "The 2 dimensional context of the canvas, used for drawing",
           "type": "CanvasRenderingContext2D | null"
         },

package/lib/canvas/custom-elements.md

@@ -5,14 +5,14 @@ it works similarly to the normal HTML5 Canvas element.
 
 ## Properties
 
-| Property   | Attribute  | Modifiers | Type                               | Default | Description                                      |
-|------------|------------|-----------|------------------------------------|---------|--------------------------------------------------|
-| `autoloop` | `autoloop` |           | `boolean`                          |         | Starts an automatic animation loop.<br />Enabling the frame event. |
-| `canvas`   |            | readonly  | `HTMLCanvasElement`                |         | Html canvas element                              |
-| `context`  |            | readonly  | `CanvasRenderingContext2D \| null` |         | The 2 dimensional context of the canvas, used for drawing |
-| `ctx`      |            | readonly  | `CanvasRenderingContext2D \| null` |         | Alias of context                                 |
-| `height`   |            |           | `number`                           | 0       | Height of canvas                                 |
-| `width`    |            |           | `number`                           | 0       | Width of canvas                                  |
+| Property             | Attribute  | Type                               | Default | Description                                      |
+|----------------------|------------|------------------------------------|---------|--------------------------------------------------|
+| `autoloop`           | `autoloop` | `boolean`                          | false   | Starts an automatic animation loop.<br />Enabling the frame event. |
+| `canvas (readonly)`  |            | `HTMLCanvasElement`                |         | Html canvas element                              |
+| `context (readonly)` |            | `CanvasRenderingContext2D \| null` |         | The 2 dimensional context of the canvas, used for drawing |
+| `ctx (readonly)`     |            | `CanvasRenderingContext2D \| null` |         | Alias of context                                 |
+| `height`             |            | `number`                           | 0       | Height of canvas                                 |
+| `width`              |            | `number`                           | 0       | Width of canvas                                  |
 
 ## Methods
 

package/lib/canvas/index.d.ts

@@ -26,6 +26,7 @@ export declare class Canvas extends ResponsiveElement {
     /**
      * Starts an automatic animation loop.
      * Enabling the frame event.
+     * @default false
      */
     get autoloop(): boolean;
     set autoloop(val: boolean);

package/lib/canvas/index.js

@@ -48,6 +48,7 @@ let Canvas = class Canvas extends ResponsiveElement {
     /**
      * Starts an automatic animation loop.
      * Enabling the frame event.
+     * @default false
      */
     get autoloop() {
         return this._autoloop;

package/lib/card/custom-elements.json

@@ -35,7 +35,9 @@
         },
         {
           "name": "config",
-          "description": "Set card configurations"
+          "description": "Set card configurations",
+          "type": "CardConfig",
+          "default": "{}"
         }
       ],
       "events": [

package/lib/card/custom-elements.md

@@ -4,11 +4,11 @@ A card frame component.
 
 ## Properties
 
-| Property | Attribute | Type     | Default | Description             |
-|----------|-----------|----------|---------|-------------------------|
-| `config` |           |          |         | Set card configurations |
-| `footer` | `footer`  | `string` | ""      | Set text on the footer  |
-| `header` | `header`  | `string` | ""      | Set text on the header  |
+| Property | Attribute | Type         | Default | Description             |
+|----------|-----------|--------------|---------|-------------------------|
+| `config` |           | `CardConfig` | {}      | Set card configurations |
+| `footer` | `footer`  | `string`     | ""      | Set text on the footer  |
+| `header` | `header`  | `string`     | ""      | Set text on the header  |
 
 ## Events
 

package/lib/card/index.d.ts

@@ -37,6 +37,8 @@ export declare class Card extends BasicElement {
     footer: string;
     /**
      * Set card configurations
+     * @type {CardConfig}
+     * @default {}
      */
     get config(): CardConfig;
     set config(config: CardConfig);

package/lib/card/index.js

@@ -71,6 +71,8 @@ let Card = class Card extends BasicElement {
     }
     /**
      * Set card configurations
+     * @type {CardConfig}
+     * @default {}
      */
     get config() {
         return this._config;

package/lib/chart/custom-elements.json

@@ -19,7 +19,7 @@
           "type": "ChartConfig"
         },
         {
-          "name": "colors",
+          "name": "colors (readonly)",
           "description": "List of available chart colors",
           "type": "string[]"
         }

package/lib/chart/custom-elements.md

@@ -4,10 +4,10 @@ Charting component that use ChartJS library
 
 ## Properties
 
-| Property | Attribute | Modifiers | Type          | Default | Description                                      |
-|----------|-----------|-----------|---------------|---------|--------------------------------------------------|
-| `colors` |           | readonly  | `string[]`    |         | List of available chart colors                   |
-| `config` | `config`  |           | `ChartConfig` | null    | Chart configurations. Same configuration as ChartJS |
+| Property            | Attribute | Type          | Default | Description                                      |
+|---------------------|-----------|---------------|---------|--------------------------------------------------|
+| `colors (readonly)` |           | `string[]`    |         | List of available chart colors                   |
+| `config`            | `config`  | `ChartConfig` | null    | Chart configurations. Same configuration as ChartJS |
 
 ## Methods
 

package/lib/checkbox/custom-elements.json

@@ -8,12 +8,14 @@
         {
           "name": "checked",
           "description": "Value of checkbox",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "indeterminate",
           "description": "Set state to indeterminate",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "readonly",
@@ -33,13 +35,15 @@
           "name": "checked",
           "attribute": "checked",
           "description": "Value of checkbox",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "indeterminate",
           "attribute": "indeterminate",
           "description": "Set state to indeterminate",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "readonly",

package/lib/checkbox/custom-elements.md

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

package/lib/checkbox/index.d.ts

@@ -17,7 +17,7 @@ export declare class Checkbox extends ControlElement {
      * @returns version number
      */
     static get version(): string;
-    protected readonly defaultRole = "checkbox";
+    protected readonly defaultRole: string | null;
     /**
      * A `CSSResultGroup` that will be used
      * to style the host, slotted children
@@ -29,6 +29,7 @@ export declare class Checkbox extends ControlElement {
     /**
      * Value of checkbox
      * @param value new checked value
+     * @default false
      */
     set checked(value: boolean);
     get checked(): boolean;
@@ -36,6 +37,7 @@ export declare class Checkbox extends ControlElement {
     /**
      * Set state to indeterminate
      * @param value new indeterminate value
+     * @default false
      */
     set indeterminate(value: boolean);
     get indeterminate(): boolean;

package/lib/checkbox/index.js

@@ -71,6 +71,7 @@ let Checkbox = class Checkbox extends ControlElement {
     /**
      * Value of checkbox
      * @param value new checked value
+     * @default false
      */
     set checked(value) {
         const oldValue = this._checked;
@@ -90,6 +91,7 @@ let Checkbox = class Checkbox extends ControlElement {
     /**
      * Set state to indeterminate
      * @param value new indeterminate value
+     * @default false
      */
     set indeterminate(value) {
         const oldValue = this._indeterminate;

package/lib/clock/custom-elements.json

@@ -8,7 +8,8 @@
         {
           "name": "value",
           "description": "Get time value in format `hh:mm:ss`",
-          "type": "string"
+          "type": "string",
+          "default": "\"00:00:00\""
         },
         {
           "name": "offset",
@@ -18,7 +19,8 @@
         {
           "name": "tick",
           "description": "Toggles clock ticking function.",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "am-pm",
@@ -50,7 +52,8 @@
           "name": "value",
           "attribute": "value",
           "description": "Get time value in format `hh:mm:ss`",
-          "type": "string"
+          "type": "string",
+          "default": "\"00:00:00\""
         },
         {
           "name": "offset",
@@ -62,7 +65,8 @@
           "name": "tick",
           "attribute": "tick",
           "description": "Toggles clock ticking function.",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "amPm",

package/lib/clock/custom-elements.md

@@ -4,15 +4,15 @@ Display hours, minutes and seconds as clock interface
 
 ## Properties
 
-| Property      | Attribute      | Type      | Default | Description                                      |
-|---------------|----------------|-----------|---------|--------------------------------------------------|
-| `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   | Enabled interactive mode. Allowing the user to offset the value. |
-| `offset`      | `offset`       | `number`  |         | Get offset value                                 |
-| `showSeconds` | `show-seconds` | `boolean` | false   | Display the seconds segment.                     |
-| `tick`        | `tick`         | `boolean` |         | Toggles clock ticking function.                  |
-| `value`       | `value`        | `string`  |         | Get time value in format `hh:mm:ss`              |
+| Property      | Attribute      | Type      | Default    | Description                                      |
+|---------------|----------------|-----------|------------|--------------------------------------------------|
+| `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      | Enabled interactive mode. Allowing the user to offset the value. |
+| `offset`      | `offset`       | `number`  |            | Get offset 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
 

package/lib/clock/index.d.ts

@@ -44,6 +44,7 @@ export declare class Clock extends ResponsiveElement {
     private tickTimestamp;
     /**
      * Get time value in format `hh:mm:ss`
+     * @default 00:00:00
      * @returns value
      */
     get value(): string;
@@ -68,6 +69,7 @@ export declare class Clock extends ResponsiveElement {
     private _tick;
     /**
      * Toggles clock ticking function.
+     * @default false
      */
     get tick(): boolean;
     set tick(value: boolean);

package/lib/clock/index.js

@@ -110,6 +110,7 @@ let Clock = class Clock extends ResponsiveElement {
     }
     /**
      * Get time value in format `hh:mm:ss`
+     * @default 00:00:00
      * @returns value
      */
     get value() {
@@ -164,6 +165,7 @@ let Clock = class Clock extends ResponsiveElement {
     }
     /**
      * Toggles clock ticking function.
+     * @default false
      */
     get tick() {
         return this._tick;