Fixed #4848 - Dialog: PT options rename

components/lib/confirmdialog/ConfirmDialog.d.ts

@@ -54,11 +54,11 @@ export interface ConfirmDialogPassThroughOptions {
     /**
      * Used to pass attributes to the header title's DOM element.
      */
-    headerTitle?: ConfirmDialogPassThroughOptionType;
+    title?: ConfirmDialogPassThroughOptionType;
     /**
      * Used to pass attributes to the header icons' DOM element.
      */
-    headerIcons?: ConfirmDialogPassThroughOptionType;
+    icons?: ConfirmDialogPassThroughOptionType;
     /**
      * Used to pass attributes to the close button's component.
      */

components/lib/dialog/Dialog.d.ts

@@ -54,11 +54,11 @@ export interface DialogPassThroughOptions {
     /**
      * Used to pass attributes to the header title's DOM element.
      */
-    headerTitle?: DialogPassThroughOptionType;
+    title?: DialogPassThroughOptionType;
     /**
      * Used to pass attributes to the header icons' DOM element.
      */
-    headerIcons?: DialogPassThroughOptionType;
+    icons?: DialogPassThroughOptionType;
     /**
      * Used to pass attributes to the maximizable button's DOM element.
      */

components/lib/dialog/Dialog.vue

@@ -6,10 +6,10 @@
                     <slot v-if="$slots.container" name="container" :onClose="close" :onMaximize="(event) => maximize(event)" :closeCallback="close" :maximizeCallback="(event) => maximize(event)"></slot>
                     <template v-else>
                         <div v-if="showHeader" :ref="headerContainerRef" :class="cx('header')" @mousedown="initDrag" v-bind="ptm('header')">
-                            <slot name="header" :class="cx('headerTitle')">
-                                <span v-if="header" :id="ariaLabelledById" :class="cx('headerTitle')" v-bind="ptm('headerTitle')">{{ header }}</span>
+                            <slot name="header" :class="cx('title')">
+                                <span v-if="header" :id="ariaLabelledById" :class="cx('title')" v-bind="ptm('title')">{{ header }}</span>
                             </slot>
-                            <div :class="cx('headerIcons')" v-bind="ptm('headerIcons')">
+                            <div :class="cx('icons')" v-bind="ptm('icons')">
                                 <button
                                     v-if="maximizable"
                                     :ref="maximizableRef"
@@ -283,7 +283,7 @@ export default {
             }
         },
         initDrag(event) {
-            if (event.target.closest('div').getAttribute('data-pc-section') === 'headericons') {
+            if (event.target.closest('div').getAttribute('data-pc-section') === 'icons') {
                 return;
             }
 

components/lib/dialog/style/DialogStyle.js

@@ -179,8 +179,8 @@ const classes = {
         }
     ],
     header: 'p-dialog-header',
-    headerTitle: 'p-dialog-title',
-    headerIcons: 'p-dialog-header-icons',
+    title: 'p-dialog-title',
+    icons: 'p-dialog-header-icons',
     maximizableButton: 'p-dialog-header-icon p-dialog-header-maximize p-link',
     maximizableIcon: 'p-dialog-header-maximize-icon',
     closeButton: 'p-dialog-header-icon p-dialog-header-close p-link',