From 1b88a2f7d1eeea74bf561a858c296a1ae942b7bd Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Tue, 30 Apr 2024 09:54:48 +0300
Subject: [PATCH] Refactor - Misc section

---
 components/lib/message/style/MessageStyle.js  |  2 +-
 components/lib/metergroup/MeterGroup.d.ts     | 38 ++++++++++---------
 components/lib/metergroup/MeterGroup.vue      |  2 +-
 components/lib/metergroup/MeterGroupLabel.vue | 12 +++---
 .../lib/metergroup/style/MeterGroupStyle.js   | 12 +++---
 components/lib/progressbar/ProgressBar.d.ts   |  4 ++
 components/lib/progressbar/ProgressBar.vue    |  2 +-
 .../lib/progressbar/style/ProgressBarStyle.js |  2 +-
 .../lib/progressspinner/ProgressSpinner.vue   |  2 +-
 .../style/ProgressSpinnerStyle.js             |  2 +-
 components/lib/tag/Tag.d.ts                   |  4 +-
 components/lib/tag/Tag.vue                    |  2 +-
 components/lib/tag/style/TagStyle.js          |  2 +-
 13 files changed, 47 insertions(+), 39 deletions(-)

diff --git a/components/lib/message/style/MessageStyle.js b/components/lib/message/style/MessageStyle.js
index e8c90e0d7..b59544aeb 100644
--- a/components/lib/message/style/MessageStyle.js
+++ b/components/lib/message/style/MessageStyle.js
@@ -2,7 +2,7 @@ import BaseStyle from 'primevue/base/style';
 
 const classes = {
     root: ({ props }) => 'p-message p-component p-message-' + props.severity,
-    wrapper: 'p-message-content',
+    content: 'p-message-content',
     icon: 'p-message-icon',
     text: 'p-message-text',
     closeButton: 'p-message-close-button',
diff --git a/components/lib/metergroup/MeterGroup.d.ts b/components/lib/metergroup/MeterGroup.d.ts
index 08ed74d16..fd6b84f2c 100644
--- a/components/lib/metergroup/MeterGroup.d.ts
+++ b/components/lib/metergroup/MeterGroup.d.ts
@@ -53,30 +53,34 @@ export interface MeterGroupPassThroughOptions {
      * Used to pass attributes to the root's DOM element.
      */
     root?: MeterGroupPassThroughOptionType;
-    /**
-     * Used to pass attributes to the label list's DOM element.
-     */
-    labellist?: MeterGroupPassThroughOptionType;
-    /**
-     * Used to pass attributes to the label list item's DOM element.
-     */
-    labellistitem?: MeterGroupPassThroughOptionType;
-    /**
-     * Used to pass attributes to the label list type's DOM element.
-     */
-    labellisttype?: MeterGroupPassThroughOptionType;
-    /**
-     * Used to pass attributes to the label's DOM element.
-     */
-    label?: MeterGroupPassThroughOptionType;
     /**
      * Used to pass attributes to the meter container's DOM element.
      */
-    metercontainer?: MeterGroupPassThroughOptionType;
+    meters?: MeterGroupPassThroughOptionType;
     /**
      * Used to pass attributes to the meter's DOM element.
      */
     meter?: MeterGroupPassThroughOptionType;
+    /**
+     * Used to pass attributes to the label list's DOM element.
+     */
+    labelList?: MeterGroupPassThroughOptionType;
+    /**
+     * Used to pass attributes to the label list item's DOM element.
+     */
+    label?: MeterGroupPassThroughOptionType;
+    /**
+     * Used to pass attributes to the label icon type's DOM element.
+     */
+    labelIcon?: MeterGroupPassThroughOptionType;
+    /**
+     * Used to pass attributes to the label list type's DOM element.
+     */
+    labelMarker?: MeterGroupPassThroughOptionType;
+    /**
+     * Used to pass attributes to the label's DOM element.
+     */
+    labelText?: MeterGroupPassThroughOptionType;
 }
 
 /**
diff --git a/components/lib/metergroup/MeterGroup.vue b/components/lib/metergroup/MeterGroup.vue
index c04e41ac3..5f3f43f7a 100644
--- a/components/lib/metergroup/MeterGroup.vue
+++ b/components/lib/metergroup/MeterGroup.vue
@@ -4,7 +4,7 @@
             <MeterGroupLabel :value="value" :labelPosition="labelPosition" :labelOrientation="labelOrientation" :unstyled="unstyled" :pt="pt" />
         </slot>
         <slot name="start" :value="value" :totalPercent="totalPercent" :percentages="percentages" />
-        <div :class="cx('metercontainer')" v-bind="ptm('metercontainer')">
+        <div :class="cx('meters')" v-bind="ptm('meters')">
             <template v-for="(val, index) in value" :key="index">
                 <slot name="meter" :value="val" :index="index" :class="cx('meter')" :orientation="orientation" :size="percentValue(val.value)" :totalPercent="totalPercent">
                     <span v-if="percent(val.value)" :class="cx('meter')" :style="meterCalculatedStyles(val)" v-bind="getPTOptions('meter', val, index)" />
diff --git a/components/lib/metergroup/MeterGroupLabel.vue b/components/lib/metergroup/MeterGroupLabel.vue
index f48ca85e2..33e953467 100644
--- a/components/lib/metergroup/MeterGroupLabel.vue
+++ b/components/lib/metergroup/MeterGroupLabel.vue
@@ -1,11 +1,11 @@
 <template>
-    <ol :class="cx('labellist')" v-bind="ptm('labellist')">
-        <li v-for="(val, index) in value" :key="index + '_label'" :class="cx('labellistitem')" v-bind="ptm('labellistitem')">
-            <slot name="icon" :value="val" :class="cx('labelicon')">
-                <i v-if="val.icon" :class="[val.icon, cx('labelicon')]" :style="{ color: val.color }" v-bind="ptm('labelicon')" />
-                <span v-else :class="cx('labellisttype')" :style="{ backgroundColor: val.color }" v-bind="ptm('labellisttype')" />
+    <ol :class="cx('labelList')" v-bind="ptm('labelList')">
+        <li v-for="(val, index) in value" :key="index + '_label'" :class="cx('label')" v-bind="ptm('label')">
+            <slot name="icon" :value="val" :class="cx('labelIcon')">
+                <i v-if="val.icon" :class="[val.icon, cx('labelIcon')]" :style="{ color: val.color }" v-bind="ptm('labelIcon')" />
+                <span v-else :class="cx('labelMarker')" :style="{ backgroundColor: val.color }" v-bind="ptm('labelMarker')" />
             </slot>
-            <span :class="cx('label')" v-bind="ptm('label')">{{ val.label }} ({{ $parentInstance.percentValue(val.value) }})</span>
+            <span :class="cx('labelText')" v-bind="ptm('labelText')">{{ val.label }} ({{ $parentInstance.percentValue(val.value) }})</span>
         </li>
     </ol>
 </template>
diff --git a/components/lib/metergroup/style/MeterGroupStyle.js b/components/lib/metergroup/style/MeterGroupStyle.js
index de682c5c6..13761854b 100644
--- a/components/lib/metergroup/style/MeterGroupStyle.js
+++ b/components/lib/metergroup/style/MeterGroupStyle.js
@@ -8,19 +8,19 @@ const classes = {
             'p-metergroup-vertical': props.orientation === 'vertical'
         }
     ],
-    metercontainer: 'p-metergroup-meters',
+    meters: 'p-metergroup-meters',
     meter: 'p-metergroup-meter',
-    labellist: ({ props }) => [
+    labelList: ({ props }) => [
         'p-metergroup-label-list',
         {
             'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',
             'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'
         }
     ],
-    labellistitem: 'p-metergroup-label',
-    labelicon: 'p-metergroup-label-icon',
-    labellisttype: 'p-metergroup-label-marker',
-    label: 'p-metergroup-label-text'
+    label: 'p-metergroup-label',
+    labelIcon: 'p-metergroup-label-icon',
+    labelMarker: 'p-metergroup-label-marker',
+    labelText: 'p-metergroup-label-text'
 };
 
 export default BaseStyle.extend({
diff --git a/components/lib/progressbar/ProgressBar.d.ts b/components/lib/progressbar/ProgressBar.d.ts
index 68fa701f7..0483e0430 100755
--- a/components/lib/progressbar/ProgressBar.d.ts
+++ b/components/lib/progressbar/ProgressBar.d.ts
@@ -45,6 +45,10 @@ export interface ProgressBarPassThroughOptions<T = any> {
      * Used to pass attributes to the root's DOM element.
      */
     root?: ProgressBarPassThroughOptionType<T>;
+    /**
+     * Used to pass attributes to the indeterminate container's DOM element.
+     */
+    indeterminateContainer?: ProgressBarPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the value's DOM element.
      */
diff --git a/components/lib/progressbar/ProgressBar.vue b/components/lib/progressbar/ProgressBar.vue
index 4f4c1e5dc..ca49b2926 100755
--- a/components/lib/progressbar/ProgressBar.vue
+++ b/components/lib/progressbar/ProgressBar.vue
@@ -5,7 +5,7 @@
                 <slot>{{ value + '%' }}</slot>
             </div>
         </div>
-        <div v-if="indeterminate" :class="cx('container')" v-bind="ptm('container')">
+        <div v-if="indeterminate" :class="cx('indeterminateContainer')" v-bind="ptm('indeterminateContainer')">
             <div :class="cx('value')" v-bind="ptm('value')"></div>
         </div>
     </div>
diff --git a/components/lib/progressbar/style/ProgressBarStyle.js b/components/lib/progressbar/style/ProgressBarStyle.js
index 67e3f2a6c..4248888c5 100644
--- a/components/lib/progressbar/style/ProgressBarStyle.js
+++ b/components/lib/progressbar/style/ProgressBarStyle.js
@@ -8,7 +8,7 @@ const classes = {
             'p-progressbar-indeterminate': instance.indeterminate
         }
     ],
-    container: 'p-progressbar-indeterminate-container',
+    indeterminateContainer: 'p-progressbar-indeterminate-container',
     value: 'p-progressbar-value',
     label: 'p-progressbar-label'
 };
diff --git a/components/lib/progressspinner/ProgressSpinner.vue b/components/lib/progressspinner/ProgressSpinner.vue
index 2eb21c513..7350cf5c6 100755
--- a/components/lib/progressspinner/ProgressSpinner.vue
+++ b/components/lib/progressspinner/ProgressSpinner.vue
@@ -1,6 +1,6 @@
 <template>
     <div :class="cx('root')" role="progressbar" v-bind="ptmi('root')">
-        <svg :class="cx('spinner')" viewBox="25 25 50 50" :style="svgStyle" v-bind="ptm('spinner')">
+        <svg :class="cx('spin')" viewBox="25 25 50 50" :style="svgStyle" v-bind="ptm('spin')">
             <circle :class="cx('circle')" cx="50" cy="50" r="20" :fill="fill" :stroke-width="strokeWidth" strokeMiterlimit="10" v-bind="ptm('circle')" />
         </svg>
     </div>
diff --git a/components/lib/progressspinner/style/ProgressSpinnerStyle.js b/components/lib/progressspinner/style/ProgressSpinnerStyle.js
index fc94f6139..0bd653a9d 100644
--- a/components/lib/progressspinner/style/ProgressSpinnerStyle.js
+++ b/components/lib/progressspinner/style/ProgressSpinnerStyle.js
@@ -2,7 +2,7 @@ import BaseStyle from 'primevue/base/style';
 
 const classes = {
     root: 'p-progressspinner',
-    spinner: 'p-progressspinner-spin',
+    spin: 'p-progressspinner-spin',
     circle: 'p-progressspinner-circle'
 };
 
diff --git a/components/lib/tag/Tag.d.ts b/components/lib/tag/Tag.d.ts
index 2cf783253..73ec18b06 100644
--- a/components/lib/tag/Tag.d.ts
+++ b/components/lib/tag/Tag.d.ts
@@ -54,9 +54,9 @@ export interface TagPassThroughOptions {
      */
     icon?: TagPassThroughOptionType;
     /**
-     * Used to pass attributes to the value's DOM element.
+     * Used to pass attributes to the label's DOM element.
      */
-    value?: TagPassThroughOptionType;
+    label?: TagPassThroughOptionType;
     /**
      * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}
diff --git a/components/lib/tag/Tag.vue b/components/lib/tag/Tag.vue
index 9115251ba..0208ddc00 100644
--- a/components/lib/tag/Tag.vue
+++ b/components/lib/tag/Tag.vue
@@ -3,7 +3,7 @@
         <component v-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" v-bind="ptm('icon')" />
         <span v-else-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></span>
         <slot v-if="value || $slots.default">
-            <span :class="cx('value')" v-bind="ptm('value')">{{ value }}</span>
+            <span :class="cx('label')" v-bind="ptm('label')">{{ value }}</span>
         </slot>
     </span>
 </template>
diff --git a/components/lib/tag/style/TagStyle.js b/components/lib/tag/style/TagStyle.js
index 7d5e41dff..ec229cf41 100644
--- a/components/lib/tag/style/TagStyle.js
+++ b/components/lib/tag/style/TagStyle.js
@@ -14,7 +14,7 @@ const classes = {
         }
     ],
     icon: 'p-tag-icon',
-    value: 'p-tag-label'
+    label: 'p-tag-label'
 };
 
 export default BaseStyle.extend({