Update #3965 - Overlay - misc components

components/lib/avatar/BaseAvatar.vue

@@ -84,15 +84,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/badge/BaseBadge.vue

@@ -74,15 +74,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/blockui/BaseBlockUI.vue

@@ -52,15 +52,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/chip/BaseChip.vue

@@ -66,15 +66,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/confirmdialog/BaseConfirmDialog.vue

@@ -27,6 +27,11 @@ export default {
     },
     css: {
         classes
+    },
+    provide() {
+        return {
+            $parentInstance: this
+        };
     }
 };
 </script>

components/lib/confirmpopup/BaseConfirmPopup.vue

@@ -101,15 +101,13 @@ export default {
         group: String
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/dialog/BaseDialog.vue

@@ -316,15 +316,13 @@ export default {
         _instance: null
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/divider/BaseDivider.vue

@@ -124,15 +124,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/inplace/BaseInplace.vue

@@ -60,15 +60,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/overlaypanel/BaseOverlayPanel.vue

@@ -126,15 +126,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/progressbar/BaseProgressBar.vue

@@ -145,15 +145,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/progressspinner/BaseProgressSpinner.vue

@@ -56,15 +56,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/radiobutton/BaseRadioButton.vue

@@ -98,15 +98,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/scrollpanel/BaseScrollPanel.vue

@@ -80,15 +80,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/scrolltop/BaseScrollTop.vue

@@ -66,15 +66,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/selectbutton/BaseSelectButton.vue

@@ -36,6 +36,11 @@ export default {
     },
     css: {
         classes
+    },
+    provide() {
+        return {
+            $parentInstance: this
+        };
     }
 };
 </script>

components/lib/sidebar/BaseSidebar.vue

@@ -247,15 +247,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/skeleton/BaseSkeleton.vue

@@ -84,15 +84,13 @@ export default {
     },
     css: {
         classes,
-        inlineStyles
+        inlineStyles,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/slider/BaseSlider.vue

@@ -106,15 +106,13 @@ export default {
     },
     css: {
         classes,
-        inlineStyles
+        inlineStyles,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/tag/BaseTag.vue

@@ -47,15 +47,13 @@ export default {
         icon: String
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/terminal/BaseTerminal.vue

@@ -53,15 +53,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/textarea/BaseTextarea.vue

@@ -23,7 +23,7 @@ const classes = {
     ]
 };
 
-const { load: loadStyle, unload: unloadStyle } = useStyle(styles, { id: 'primevue_textarea_style', manual: true });
+const { load: loadStyle } = useStyle(styles, { id: 'primevue_textarea_style', manual: true });
 
 export default {
     name: 'BaseTextarea',
@@ -33,15 +33,13 @@ export default {
         autoResize: Boolean
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/toast/BaseToast.vue

@@ -185,15 +185,13 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        loadStyle
     },
-    watch: {
+    provide() {
-        isUnstyled: {
+        return {
-            immediate: true,
+            $parentInstance: this
-            handler(newValue) {
+        };
-                !newValue && loadStyle();
-            }
-        }
     }
 };
 </script>

components/lib/toast/ToastMessage.vue

@@ -25,11 +25,11 @@ import InfoCircleIcon from 'primevue/icons/infocircle';
 import TimesIcon from 'primevue/icons/times';
 import TimesCircleIcon from 'primevue/icons/timescircle';
 import Ripple from 'primevue/ripple';
-import BaseToast from './BaseToast.vue';
+import BaseComponent from 'primevue/basecomponent';
 
 export default {
     name: 'ToastMessage',
-    extends: BaseToast,
+    extends: BaseComponent,
     emits: ['close'],
     closeTimeout: null,
     props: {

components/lib/togglebutton/BaseToggleButton.vue

@@ -77,6 +77,11 @@ export default {
     },
     css: {
         classes
+    },
+    provide() {
+        return {
+            $parentInstance: this
+        };
     }
 };
 </script>

components/lib/tristatecheckbox/BaseTriStateCheckbox.vue

@@ -57,6 +57,11 @@ export default {
     },
     css: {
         classes
+    },
+    provide() {
+        return {
+            $parentInstance: this
+        };
     }
 };
 </script>