@refinitiv-ui/elements 5.7.0 → 5.8.0

package/lib/counter/index.d.ts

@@ -21,6 +21,7 @@ export declare class Counter extends BasicElement {
     /**
     * The value of counter as string number
     * @param value counter value
+    * @default -
     */
     set value(value: string);
     /**
@@ -32,6 +33,7 @@ export declare class Counter extends BasicElement {
      * Set maximum counter value.
      * This value will be displayed with suffix `+` if count value is larger than max.
      * @param value counter value
+     * @default -
      */
     set max(value: string);
     /**

package/lib/counter/index.js

@@ -30,6 +30,7 @@ let Counter = class Counter extends BasicElement {
     /**
     * The value of counter as string number
     * @param value counter value
+    * @default -
     */
     set value(value) {
         value = this.validateValue(value, 'value');
@@ -50,6 +51,7 @@ let Counter = class Counter extends BasicElement {
      * Set maximum counter value.
      * This value will be displayed with suffix `+` if count value is larger than max.
      * @param value counter value
+     * @default -
      */
     set max(value) {
         value = this.validateValue(value, 'max');

package/lib/datetime-picker/custom-elements.json

@@ -8,12 +8,14 @@
         {
           "name": "min",
           "description": "Set minimum date",
-          "type": "string"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "max",
           "description": "Set maximum date",
-          "type": "string"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "weekdays-only",
@@ -41,12 +43,14 @@
         {
           "name": "value",
           "description": "Current date time value",
-          "type": "string"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "values",
           "description": "Set multiple selected values",
-          "type": "string[]"
+          "type": "string[]",
+          "default": "[]"
         },
         {
           "name": "am-pm",
@@ -63,7 +67,8 @@
         {
           "name": "placeholder",
           "description": "Placeholder to display when no value is set",
-          "type": "string"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "opened",
@@ -104,7 +109,8 @@
         {
           "name": "format",
           "description": "Set the datetime format\nBased on dane-fns datetime formats",
-          "type": "string"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "timepicker",
@@ -120,7 +126,8 @@
         {
           "name": "view",
           "description": "Set the current calendar view.\nAccepted format: 'yyyy-MM'",
-          "type": "string"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "readonly",
@@ -140,13 +147,15 @@
           "name": "min",
           "attribute": "min",
           "description": "Set minimum date",
-          "type": "string"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "max",
           "attribute": "max",
           "description": "Set maximum date",
-          "type": "string"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "weekdaysOnly",
@@ -180,21 +189,19 @@
           "type": "boolean",
           "default": "false"
         },
-        {
-          "name": "multiple",
-          "type": "boolean"
-        },
         {
           "name": "value",
           "attribute": "value",
           "description": "Current date time value",
-          "type": "string"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "values",
           "attribute": "values",
           "description": "Set multiple selected values",
-          "type": "string[]"
+          "type": "string[]",
+          "default": "[]"
         },
         {
           "name": "amPm",
@@ -214,7 +221,8 @@
           "name": "placeholder",
           "attribute": "placeholder",
           "description": "Placeholder to display when no value is set",
-          "type": "string"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "opened",
@@ -262,7 +270,8 @@
           "name": "format",
           "attribute": "format",
           "description": "Set the datetime format\nBased on dane-fns datetime formats",
-          "type": "string"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "timepicker",
@@ -281,12 +290,14 @@
           "name": "view",
           "attribute": "view",
           "description": "Set the current calendar view.\nAccepted format: 'yyyy-MM'",
-          "type": "string"
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "views",
           "description": "Set the current calendar views for duplex mode\nAccepted format: 'yyyy-MM'",
-          "type": "string[]"
+          "type": "string[]",
+          "default": "[]"
         },
         {
           "name": "readonly",
@@ -321,6 +332,24 @@
           "description": "Dispatched when internal view changes"
         }
       ],
+      "slots": [
+        {
+          "name": "header",
+          "description": "Slot to add custom contents at the top of popup"
+        },
+        {
+          "name": "right",
+          "description": "Slot to add custom contents at the right of popup"
+        },
+        {
+          "name": "footer",
+          "description": "Slot to add custom contents at the bottom of popup"
+        },
+        {
+          "name": "left",
+          "description": "Slot to add custom contents at the left of popup"
+        }
+      ],
       "methods": [
         {
           "name": "validateInput",

package/lib/datetime-picker/custom-elements.md

@@ -4,34 +4,33 @@ Control to pick date and time
 
 ## Properties
 
-| Property               | Attribute                | Modifiers | Type                             | Default | Description                                      |
-|------------------------|--------------------------|-----------|----------------------------------|---------|--------------------------------------------------|
-| `amPm`                 | `am-pm`                  |           | `boolean`                        | false   | Toggles 12hr time display                        |
-| `disabled`             | `disabled`               |           | `boolean`                        | false   | Set disabled state                               |
-| `duplex`               | `duplex`                 |           | `"" \| "consecutive" \| "split"` | null    | Display two calendar pickers.                    |
-| `error`                | `error`                  |           | `boolean`                        | false   | Set state to error                               |
-| `filter`               |                          |           | `DatetimePickerFilter \| null`   | null    | Custom filter, used for enabling/disabling certain dates |
-| `firstDayOfWeek`       | `first-day-of-week`      |           | `number \| undefined`            |         | Set the first day of the week.<br />0 - for Sunday, 6 - for Saturday |
-| `format`               | `format`                 |           | `string`                         |         | Set the datetime format<br />Based on dane-fns datetime formats |
-| `inputDisabled`        | `input-disabled`         |           | `boolean`                        | false   | Disable input part of the picker                 |
-| `inputTriggerDisabled` | `input-trigger-disabled` |           | `boolean`                        | false   | Only open picker panel when calendar icon is clicked.<br />Clicking on the input will no longer open the picker. |
-| `max`                  | `max`                    |           | `string`                         |         | Set maximum date                                 |
-| `min`                  | `min`                    |           | `string`                         |         | Set minimum date                                 |
-| `multiple`             |                          | readonly  | `boolean`                        |         |                                                  |
-| `opened`               | `opened`                 |           | `boolean`                        | false   | Toggles the opened state of the list             |
-| `placeholder`          | `placeholder`            |           | `string`                         |         | Placeholder to display when no value is set      |
-| `popupDisabled`        | `popup-disabled`         |           | `boolean`                        | false   | Disable the popup                                |
-| `range`                | `range`                  |           | `boolean`                        | false   | Set to switch to range select mode               |
-| `readonly`             | `readonly`               |           | `boolean`                        | false   | Set readonly state                               |
-| `showSeconds`          | `show-seconds`           |           | `boolean`                        | false   | Flag to show seconds time segment in display.<br />Seconds are automatically shown when `hh:mm:ss` time format is provided as a value. |
-| `timepicker`           | `timepicker`             |           | `boolean`                        | false   | Toggle to display the time picker                |
-| `value`                | `value`                  |           | `string`                         |         | Current date time value                          |
-| `values`               | `values`                 |           | `string[]`                       |         | Set multiple selected values                     |
-| `view`                 | `view`                   |           | `string`                         |         | Set the current calendar view.<br />Accepted format: 'yyyy-MM' |
-| `views`                |                          |           | `string[]`                       |         | Set the current calendar views for duplex mode<br />Accepted format: 'yyyy-MM' |
-| `warning`              | `warning`                |           | `boolean`                        | false   | Set state to warning                             |
-| `weekdaysOnly`         | `weekdays-only`          |           | `boolean`                        | false   | Only enable weekdays                             |
-| `weekendsOnly`         | `weekends-only`          |           | `boolean`                        | false   | Only enable weekends                             |
+| Property               | Attribute                | Type                             | Default | Description                                      |
+|------------------------|--------------------------|----------------------------------|---------|--------------------------------------------------|
+| `amPm`                 | `am-pm`                  | `boolean`                        | false   | Toggles 12hr time display                        |
+| `disabled`             | `disabled`               | `boolean`                        | false   | Set disabled state                               |
+| `duplex`               | `duplex`                 | `"" \| "consecutive" \| "split"` | null    | Display two calendar pickers.                    |
+| `error`                | `error`                  | `boolean`                        | false   | Set state to error                               |
+| `filter`               |                          | `DatetimePickerFilter \| null`   | null    | Custom filter, used for enabling/disabling certain dates |
+| `firstDayOfWeek`       | `first-day-of-week`      | `number \| undefined`            |         | Set the first day of the week.<br />0 - for Sunday, 6 - for Saturday |
+| `format`               | `format`                 | `string`                         | ""      | Set the datetime format<br />Based on dane-fns datetime formats |
+| `inputDisabled`        | `input-disabled`         | `boolean`                        | false   | Disable input part of the picker                 |
+| `inputTriggerDisabled` | `input-trigger-disabled` | `boolean`                        | false   | Only open picker panel when calendar icon is clicked.<br />Clicking on the input will no longer open the picker. |
+| `max`                  | `max`                    | `string`                         | ""      | Set maximum date                                 |
+| `min`                  | `min`                    | `string`                         | ""      | Set minimum date                                 |
+| `opened`               | `opened`                 | `boolean`                        | false   | Toggles the opened state of the list             |
+| `placeholder`          | `placeholder`            | `string`                         | ""      | Placeholder to display when no value is set      |
+| `popupDisabled`        | `popup-disabled`         | `boolean`                        | false   | Disable the popup                                |
+| `range`                | `range`                  | `boolean`                        | false   | Set to switch to range select mode               |
+| `readonly`             | `readonly`               | `boolean`                        | false   | Set readonly state                               |
+| `showSeconds`          | `show-seconds`           | `boolean`                        | false   | Flag to show seconds time segment in display.<br />Seconds are automatically shown when `hh:mm:ss` time format is provided as a value. |
+| `timepicker`           | `timepicker`             | `boolean`                        | false   | Toggle to display the time picker                |
+| `value`                | `value`                  | `string`                         | ""      | Current date time value                          |
+| `values`               | `values`                 | `string[]`                       | []      | Set multiple selected values                     |
+| `view`                 | `view`                   | `string`                         | ""      | Set the current calendar view.<br />Accepted format: 'yyyy-MM' |
+| `views`                |                          | `string[]`                       | []      | Set the current calendar views for duplex mode<br />Accepted format: 'yyyy-MM' |
+| `warning`              | `warning`                | `boolean`                        | false   | Set state to warning                             |
+| `weekdaysOnly`         | `weekdays-only`          | `boolean`                        | false   | Only enable weekdays                             |
+| `weekendsOnly`         | `weekends-only`          | `boolean`                        | false   | Only enable weekends                             |
 
 ## Methods
 
@@ -47,3 +46,12 @@ Control to pick date and time
 | `opened-changed` | Dispatched when when opened attribute changes internally |
 | `value-changed`  | Dispatched when value changes                    |
 | `view-changed`   | Dispatched when internal view changes            |
+
+## Slots
+
+| Name     | Description                                      |
+|----------|--------------------------------------------------|
+| `footer` | Slot to add custom contents at the bottom of popup |
+| `header` | Slot to add custom contents at the top of popup  |
+| `left`   | Slot to add custom contents at the left of popup |
+| `right`  | Slot to add custom contents at the right of popup |

package/lib/datetime-picker/index.d.ts

@@ -22,10 +22,10 @@ export type { DatetimePickerFilter, DatetimePickerDuplex };
  * @attr {boolean} disabled - Set disabled state
  * @prop {boolean} [disabled=false] - Set disabled state
  *
- * @slots header - Header slot
- * @slots right - Right slot
- * @slots footer - Footer slot
- * @slots left - Left slot
+ * @slot header - Slot to add custom contents at the top of popup
+ * @slot right - Slot to add custom contents at the right of popup
+ * @slot footer - Slot to add custom contents at the bottom of popup
+ * @slot left - Slot to add custom contents at the left of popup
  */
 export declare class DatetimePicker extends ControlElement implements MultiValue {
     /**
@@ -50,6 +50,7 @@ export declare class DatetimePicker extends ControlElement implements MultiValue
     /**
     * Set minimum date
     * @param min date
+    * @default -
     */
     set min(min: string);
     get min(): string;
@@ -58,6 +59,7 @@ export declare class DatetimePicker extends ControlElement implements MultiValue
     /**
     * Set maximum date
     * @param max date
+    * @default -
     */
     set max(max: string);
     get max(): string;
@@ -90,10 +92,14 @@ export declare class DatetimePicker extends ControlElement implements MultiValue
     * @param multiple Multiple
     */
     set multiple(multiple: boolean);
+    /**
+    * @ignore
+    */
     get multiple(): boolean;
     /**
     * Current date time value
     * @param value Calendar value
+    * @default -
     */
     set value(value: string);
     get value(): string;
@@ -103,6 +109,7 @@ export declare class DatetimePicker extends ControlElement implements MultiValue
     * Set multiple selected values
     * @param values Values to set
     * @type {string[]}
+    * @default []
     */
     set values(values: string[]);
     get values(): string[];
@@ -119,6 +126,7 @@ export declare class DatetimePicker extends ControlElement implements MultiValue
     /**
     * Placeholder to display when no value is set
     * @param placeholder Placeholder
+    * @default -
     */
     set placeholder(placeholder: string);
     get placeholder(): string;
@@ -152,6 +160,7 @@ export declare class DatetimePicker extends ControlElement implements MultiValue
     * Set the datetime format
     * Based on dane-fns datetime formats
     * @param format Date format
+    * @default -
     */
     set format(format: string);
     get format(): string;
@@ -168,6 +177,7 @@ export declare class DatetimePicker extends ControlElement implements MultiValue
     * Set the current calendar view.
     * Accepted format: 'yyyy-MM'
     * @param view view date
+    * @default -
     */
     set view(view: string);
     get view(): string;
@@ -177,6 +187,7 @@ export declare class DatetimePicker extends ControlElement implements MultiValue
     * Accepted format: 'yyyy-MM'
     * @param views view dates
     * @type {string[]}
+    * @default []
     */
     set views(views: string[]);
     get views(): string[];

package/lib/datetime-picker/index.js

@@ -41,10 +41,10 @@ const INPUT_FORMAT = {
  * @attr {boolean} disabled - Set disabled state
  * @prop {boolean} [disabled=false] - Set disabled state
  *
- * @slots header - Header slot
- * @slots right - Right slot
- * @slots footer - Footer slot
- * @slots left - Left slot
+ * @slot header - Slot to add custom contents at the top of popup
+ * @slot right - Slot to add custom contents at the right of popup
+ * @slot footer - Slot to add custom contents at the bottom of popup
+ * @slot left - Slot to add custom contents at the left of popup
  */
 let DatetimePicker = class DatetimePicker extends ControlElement {
     constructor() {
@@ -182,6 +182,7 @@ let DatetimePicker = class DatetimePicker extends ControlElement {
     /**
     * Set minimum date
     * @param min date
+    * @default -
     */
     set min(min) {
         if (!this.isValidValue(min)) {
@@ -201,6 +202,7 @@ let DatetimePicker = class DatetimePicker extends ControlElement {
     /**
     * Set maximum date
     * @param max date
+    * @default -
     */
     set max(max) {
         if (!this.isValidValue(max)) {
@@ -226,12 +228,16 @@ let DatetimePicker = class DatetimePicker extends ControlElement {
     set multiple(multiple) {
         new WarningNotice('multiple is not currently supported').show();
     }
+    /**
+    * @ignore
+    */
     get multiple() {
         return false;
     }
     /**
     * Current date time value
     * @param value Calendar value
+    * @default -
     */
     set value(value) {
         this.values = value ? [value] : [];
@@ -243,6 +249,7 @@ let DatetimePicker = class DatetimePicker extends ControlElement {
     * Set multiple selected values
     * @param values Values to set
     * @type {string[]}
+    * @default []
     */
     set values(values) {
         const oldValues = this._values;
@@ -258,6 +265,7 @@ let DatetimePicker = class DatetimePicker extends ControlElement {
     /**
     * Placeholder to display when no value is set
     * @param placeholder Placeholder
+    * @default -
     */
     set placeholder(placeholder) {
         const oldPlaceholder = this._placeholder;
@@ -273,6 +281,7 @@ let DatetimePicker = class DatetimePicker extends ControlElement {
     * Set the datetime format
     * Based on dane-fns datetime formats
     * @param format Date format
+    * @default -
     */
     set format(format) {
         const oldFormat = this._format;
@@ -292,6 +301,7 @@ let DatetimePicker = class DatetimePicker extends ControlElement {
     * Set the current calendar view.
     * Accepted format: 'yyyy-MM'
     * @param view view date
+    * @default -
     */
     set view(view) {
         this.views = view ? [view] : [];
@@ -304,6 +314,7 @@ let DatetimePicker = class DatetimePicker extends ControlElement {
     * Accepted format: 'yyyy-MM'
     * @param views view dates
     * @type {string[]}
+    * @default []
     */
     set views(views) {
         const oldViews = this._views;

package/lib/dialog/custom-elements.json

@@ -22,15 +22,32 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "no-cancel-on-esc-key",
+          "description": "Prevents dialog to close when user presses ESC key",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "x",
           "description": "Set a specific x coordinate of dialog",
-          "type": "string"
+          "type": "string | undefined"
         },
         {
           "name": "y",
           "description": "Set a specific y coordinate of dialog",
-          "type": "string"
+          "type": "string | undefined"
+        },
+        {
+          "name": "full-screen",
+          "description": "Set dialog to full screen",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "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-esc-key",
@@ -46,7 +63,7 @@
         {
           "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"
+          "type": "string | undefined"
         }
       ],
       "properties": [
@@ -66,7 +83,8 @@
         {
           "name": "noCancelOnOutsideClick",
           "description": "Prevents dialog to close when user clicks outside the dialog.",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "true"
         },
         {
           "name": "opened",
@@ -77,6 +95,7 @@
         },
         {
           "name": "noCancelOnEscKey",
+          "attribute": "no-cancel-on-esc-key",
           "description": "Prevents dialog to close when user presses ESC key",
           "type": "boolean",
           "default": "false"
@@ -85,23 +104,26 @@
           "name": "x",
           "attribute": "x",
           "description": "Set a specific x coordinate of dialog",
-          "type": "string"
+          "type": "string | undefined"
         },
         {
           "name": "y",
           "attribute": "y",
           "description": "Set a specific y coordinate of dialog",
-          "type": "string"
+          "type": "string | undefined"
         },
         {
           "name": "fullScreen",
+          "attribute": "full-screen",
           "description": "Set dialog to full screen",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "positionTarget",
+          "attribute": "position-target",
           "description": "Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`.",
-          "type": "string"
+          "type": "string | undefined"
         }
       ],
       "events": [

package/lib/dialog/custom-elements.md

@@ -6,25 +6,25 @@ and also allows custom footers and control buttons to be used.
 
 ## Attributes
 
-| Attribute              | Type      | Default | Description                                      |
-|------------------------|-----------|---------|--------------------------------------------------|
-| `full-screen`          | `boolean` |         | Set dialog to full screen                        |
-| `no-cancel-on-esc-key` | `boolean` | false   | Prevents dialog to close when user presses ESC key |
-| `position-target`      | `string`  |         | Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`. |
+| Attribute              | Type                  | Default | Description                                      |
+|------------------------|-----------------------|---------|--------------------------------------------------|
+| `full-screen`          | `boolean`             |         | Set dialog to full screen                        |
+| `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`. |
 
 ## Properties
 
-| Property                 | Attribute   | Type             | Default | Description                                      |
-|--------------------------|-------------|------------------|---------|--------------------------------------------------|
-| `draggable`              | `draggable` | `boolean`        | false   | Should the dialog be draggable                   |
-| `fullScreen`             |             | `boolean`        |         | Set dialog to full screen                        |
-| `header`                 | `header`    | `string \| null` | null    | Set Header/Title of the dialog                   |
-| `noCancelOnEscKey`       |             | `boolean`        | false   | Prevents dialog to close when user presses ESC key |
-| `noCancelOnOutsideClick` |             | `boolean`        |         | Prevents dialog to close when user clicks outside the dialog. |
-| `opened`                 | `opened`    | `boolean`        | false   | Set dialog to open                               |
-| `positionTarget`         |             | `string`         |         | Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`. |
-| `x`                      | `x`         | `string`         |         | Set a specific x coordinate of dialog            |
-| `y`                      | `y`         | `string`         |         | Set a specific y coordinate of dialog            |
+| Property                 | Attribute              | Type                  | Default | Description                                      |
+|--------------------------|------------------------|-----------------------|---------|--------------------------------------------------|
+| `draggable`              | `draggable`            | `boolean`             | false   | Should the dialog be draggable                   |
+| `fullScreen`             | `full-screen`          | `boolean`             | false   | Set dialog to full screen                        |
+| `header`                 | `header`               | `string \| null`      | null    | Set Header/Title of the dialog                   |
+| `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`. |
+| `x`                      | `x`                    | `string \| undefined` |         | Set a specific x coordinate of dialog            |
+| `y`                      | `y`                    | `string \| undefined` |         | Set a specific y coordinate of dialog            |
 
 ## Methods
 

package/lib/dialog/index.d.ts

@@ -20,17 +20,17 @@ import '@refinitiv-ui/phrasebook/lib/locale/en/dialog.js';
  * @attr {boolean} [no-cancel-on-esc-key=false] - Prevents dialog to close when user presses ESC key
  * @prop {boolean} [noCancelOnEscKey=false] - Prevents dialog to close when user presses ESC key
  *
- * @attr {string} x - Set a specific x coordinate of dialog
- * @prop {string} x - Set a specific x coordinate of dialog
+ * @attr {string | undefined} x - Set a specific x coordinate of dialog
+ * @prop {string | undefined} x - Set a specific x coordinate of dialog
  *
- * @attr {string} y - Set a specific y coordinate of dialog
- * @prop {string} y - Set a specific y coordinate of dialog
+ * @attr {string | undefined} y - Set a specific y coordinate of dialog
+ * @prop {string | undefined} y - Set a specific y coordinate of dialog
  *
  * @attr {boolean} full-screen - Set dialog to full screen
- * @prop {boolean} fullScreen - Set dialog to full screen
+ * @prop {boolean} [fullScreen=false] - Set dialog to full screen
  *
- * @attr {string} position-target - Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`.
- * @prop {string} positionTarget - Set position of dialog i.e. `top`, `right`, `left`, `bottom`, `center` or combination of theme e.g. `top right`.
+ * @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`.
  *
  * @fires opened-changed - Fired when value of `opened` property is changed. Prevent default to stop default action
  * @fires confirm - Fired when dialog is closed by user clicked a default OK button. Prevent default to stop default action
@@ -79,9 +79,6 @@ export declare class Dialog extends Overlay {
      * Footer Element
      */
     private footerElement;
-    /**
-    * @ignore
-    */
     noCancelOnOutsideClick: boolean;
     /**
     * @ignore