From dfcbf5152a17e08b2735a51d6f82de51ed059cd8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 5 Jun 2023 14:24:13 +0300
Subject: [PATCH] Refactor #3965 - Refactor on responsive components

---
 components/lib/carousel/Carousel.vue           | 4 ++--
 components/lib/datatable/DataTable.vue         | 2 +-
 components/lib/dialog/Dialog.vue               | 4 ++--
 components/lib/galleria/GalleriaThumbnails.vue | 2 +-
 components/lib/orderlist/OrderList.vue         | 2 +-
 components/lib/overlaypanel/OverlayPanel.vue   | 4 ++--
 components/lib/paginator/Paginator.vue         | 2 +-
 components/lib/picklist/PickList.vue           | 2 +-
 components/lib/toast/Toast.vue                 | 4 ++--
 9 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/components/lib/carousel/Carousel.vue b/components/lib/carousel/Carousel.vue
index 430f968df..28d150b09 100755
--- a/components/lib/carousel/Carousel.vue
+++ b/components/lib/carousel/Carousel.vue
@@ -111,13 +111,13 @@
 </template>
 
 <script>
-import BaseCarousel from './BaseCarousel.vue';
 import ChevronDownIcon from 'primevue/icons/chevrondown';
 import ChevronLeftIcon from 'primevue/icons/chevronleft';
 import ChevronRightIcon from 'primevue/icons/chevronright';
 import ChevronUpIcon from 'primevue/icons/chevronup';
 import Ripple from 'primevue/ripple';
 import { DomHandler, UniqueComponentId } from 'primevue/utils';
+import BaseCarousel from './BaseCarousel.vue';
 
 export default {
     name: 'Carousel',
@@ -553,7 +553,7 @@ export default {
                 }
             `;
 
-            if (this.responsiveOptions) {
+            if (this.responsiveOptions && !this.isUnstyled) {
                 let _responsiveOptions = [...this.responsiveOptions];
 
                 _responsiveOptions.sort((data1, data2) => {
diff --git a/components/lib/datatable/DataTable.vue b/components/lib/datatable/DataTable.vue
index 0babc094f..9d0ec0393 100755
--- a/components/lib/datatable/DataTable.vue
+++ b/components/lib/datatable/DataTable.vue
@@ -408,7 +408,7 @@ export default {
     mounted() {
         this.$el.setAttribute(this.attributeSelector, '');
 
-        if (this.responsiveLayout === 'stack' && !this.scrollable) {
+        if (this.responsiveLayout === 'stack' && !this.scrollable && !this.unstyled) {
             this.createResponsiveStyle();
         }
 
diff --git a/components/lib/dialog/Dialog.vue b/components/lib/dialog/Dialog.vue
index 83dcd2208..619ad509e 100755
--- a/components/lib/dialog/Dialog.vue
+++ b/components/lib/dialog/Dialog.vue
@@ -43,7 +43,6 @@
 </template>
 
 <script>
-import BaseDialog from './BaseDialog.vue';
 import FocusTrap from 'primevue/focustrap';
 import TimesIcon from 'primevue/icons/times';
 import WindowMaximizeIcon from 'primevue/icons/windowmaximize';
@@ -52,6 +51,7 @@ import Portal from 'primevue/portal';
 import Ripple from 'primevue/ripple';
 import { DomHandler, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
 import { computed } from 'vue';
+import BaseDialog from './BaseDialog.vue';
 
 export default {
     name: 'Dialog',
@@ -250,7 +250,7 @@ export default {
             this.closeButton = el;
         },
         createStyle() {
-            if (!this.styleElement) {
+            if (!this.styleElement && !this.isUnstyled) {
                 this.styleElement = document.createElement('style');
                 this.styleElement.type = 'text/css';
                 document.head.appendChild(this.styleElement);
diff --git a/components/lib/galleria/GalleriaThumbnails.vue b/components/lib/galleria/GalleriaThumbnails.vue
index 2c97f4f5a..5bccdc215 100755
--- a/components/lib/galleria/GalleriaThumbnails.vue
+++ b/components/lib/galleria/GalleriaThumbnails.vue
@@ -432,7 +432,7 @@ export default {
                 }
             `;
 
-            if (this.responsiveOptions) {
+            if (this.responsiveOptions && !this.isUnstyled) {
                 this.sortedResponsiveOptions = [...this.responsiveOptions];
                 this.sortedResponsiveOptions.sort((data1, data2) => {
                     const value1 = data1.breakpoint;
diff --git a/components/lib/orderlist/OrderList.vue b/components/lib/orderlist/OrderList.vue
index 1ac089910..65bd0c55b 100755
--- a/components/lib/orderlist/OrderList.vue
+++ b/components/lib/orderlist/OrderList.vue
@@ -484,7 +484,7 @@ export default {
             }
         },
         createStyle() {
-            if (!this.styleElement) {
+            if (!this.styleElement && !this.isUnstyled) {
                 this.$el.setAttribute(this.attributeSelector, '');
                 this.styleElement = document.createElement('style');
                 this.styleElement.type = 'text/css';
diff --git a/components/lib/overlaypanel/OverlayPanel.vue b/components/lib/overlaypanel/OverlayPanel.vue
index 7dab6901f..4ee6aece5 100755
--- a/components/lib/overlaypanel/OverlayPanel.vue
+++ b/components/lib/overlaypanel/OverlayPanel.vue
@@ -16,13 +16,13 @@
 </template>
 
 <script>
-import BaseOverlayPanel from './BaseOverlayPanel.vue';
 import FocusTrap from 'primevue/focustrap';
 import TimesIcon from 'primevue/icons/times';
 import OverlayEventBus from 'primevue/overlayeventbus';
 import Portal from 'primevue/portal';
 import Ripple from 'primevue/ripple';
 import { ConnectedOverlayScrollHandler, DomHandler, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
+import BaseOverlayPanel from './BaseOverlayPanel.vue';
 
 export default {
     name: 'OverlayPanel',
@@ -239,7 +239,7 @@ export default {
             this.container = el;
         },
         createStyle() {
-            if (!this.styleElement) {
+            if (!this.styleElement && !this.isUnstyled) {
                 this.styleElement = document.createElement('style');
                 this.styleElement.type = 'text/css';
                 document.head.appendChild(this.styleElement);
diff --git a/components/lib/paginator/Paginator.vue b/components/lib/paginator/Paginator.vue
index 9bcd01dee..af9fb3617 100755
--- a/components/lib/paginator/Paginator.vue
+++ b/components/lib/paginator/Paginator.vue
@@ -141,7 +141,7 @@ export default {
             this.changePage(this.page);
         },
         createStyle() {
-            if (this.hasBreakpoints()) {
+            if (this.hasBreakpoints() && !this.isUnstyled) {
                 this.styleElement = document.createElement('style');
                 this.styleElement.type = 'text/css';
                 document.head.appendChild(this.styleElement);
diff --git a/components/lib/picklist/PickList.vue b/components/lib/picklist/PickList.vue
index 06fa5adfb..8e10e1877 100755
--- a/components/lib/picklist/PickList.vue
+++ b/components/lib/picklist/PickList.vue
@@ -787,7 +787,7 @@ export default {
             }
         },
         createStyle() {
-            if (!this.styleElement) {
+            if (!this.styleElement && !this.isUnstyled) {
                 this.$el.setAttribute(this.attributeSelector, '');
                 this.styleElement = document.createElement('style');
                 this.styleElement.type = 'text/css';
diff --git a/components/lib/toast/Toast.vue b/components/lib/toast/Toast.vue
index dea999347..705a6ef8f 100755
--- a/components/lib/toast/Toast.vue
+++ b/components/lib/toast/Toast.vue
@@ -22,10 +22,10 @@
 </template>
 
 <script>
-import BaseToast from './BaseToast.vue';
 import Portal from 'primevue/portal';
 import ToastEventBus from 'primevue/toasteventbus';
 import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
+import BaseToast from './BaseToast.vue';
 import ToastMessage from './ToastMessage.vue';
 
 var messageIdx = 0;
@@ -111,7 +111,7 @@ export default {
             }
         },
         createStyle() {
-            if (!this.styleElement) {
+            if (!this.styleElement && !this.isUnstyled) {
                 this.styleElement = document.createElement('style');
                 this.styleElement.type = 'text/css';
                 document.head.appendChild(this.styleElement);