From 57f054348223ff48a344eb93cdaddd945a412fa6 Mon Sep 17 00:00:00 2001
From: luanfreitasdev <luanfreitas10@protonmail.com>
Date: Sun, 5 Nov 2023 09:46:23 -0300
Subject: [PATCH 1/2] add classes

---
 resources/css/style.css                              | 12 ++++++++++++
 .../tailwind/header/enabled-filters.blade.php        |  8 +++-----
 .../frameworks/tailwind/header/filters.blade.php     |  3 ++-
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/resources/css/style.css b/resources/css/style.css
index 1912d5cd..cfee0b21 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -168,3 +168,15 @@ table thead {
 .pg-filter-container {
     @apply py-3;
 }
+
+.pg-enabled-filters-base {
+    @apply flex items-center gap-2 mt-2 md:mt-0 flex-wrap
+}
+
+.pg-enabled-filters-span-clear-all {
+    @apply outline-none inline-flex justify-center items-center group rounded gap-x-1 text-xs font-semibold px-2.5 py-0.5 text-pg-primary-100 bg-pg-primary-500 dark:bg-pg-primary-700
+}
+
+.pg-enabled-filters-span {
+    @apply outline-none inline-flex justify-center items-center group rounded gap-x-1 text-xs font-semibold px-2.5 py-0.5 text-pg-primary-600 dark:text-pg-primary-200 bg-pg-primary-100 dark:bg-pg-primary-600
+}
diff --git a/resources/views/components/frameworks/tailwind/header/enabled-filters.blade.php b/resources/views/components/frameworks/tailwind/header/enabled-filters.blade.php
index df6044f9..ecfe2b03 100644
--- a/resources/views/components/frameworks/tailwind/header/enabled-filters.blade.php
+++ b/resources/views/components/frameworks/tailwind/header/enabled-filters.blade.php
@@ -1,9 +1,7 @@
 @if (count($enabledFilters))
-    <div class="flex items-center gap-2 mt-2 md:mt-0 flex-wrap">
+    <div class="pg-enabled-filters-base">
         @if (count($enabledFilters) > 1)
-            <span
-                class="outline-none inline-flex justify-center items-center group rounded gap-x-1 text-xs font-semibold px-2.5 py-0.5 text-pg-primary-100 bg-pg-primary-500 dark:bg-pg-primary-700"
-            >
+            <span class="pg-enabled-filters-clear-all">
                 {{ trans('livewire-powergrid::datatable.buttons.clear_all_filters') }}
                 <div class="relative flex items-center w-2 h-2">
                     <button
@@ -19,7 +17,7 @@ class="outline-none inline-flex justify-center items-center group rounded gap-x-
             @isset($filter['label'])
                 <span
                     wire:key="enabled-filters-{{ $field }}"
-                    class="outline-none inline-flex justify-center items-center group rounded gap-x-1 text-xs font-semibold px-2.5 py-0.5 text-pg-primary-600 dark:text-pg-primary-200 bg-pg-primary-100 dark:bg-pg-primary-600"
+                    class="pg-enabled-filters-span"
                 >
                     {{ $filter['label'] }}
                     <div class="relative flex items-center w-2 h-2">
diff --git a/resources/views/components/frameworks/tailwind/header/filters.blade.php b/resources/views/components/frameworks/tailwind/header/filters.blade.php
index 41c102a1..ec02ebb0 100644
--- a/resources/views/components/frameworks/tailwind/header/filters.blade.php
+++ b/resources/views/components/frameworks/tailwind/header/filters.blade.php
@@ -1,5 +1,6 @@
 <div
-    wire:key="toggle-filters-{{ $tableName }}')"
+    wire:key="toggle-filters-{{ $tableName }}"
+    id="toggle-filters"
     class="flex mr-2 mt-2 sm:mt-0 gap-3"
 >
     <button

From 236bcdbf835cf952a29ba8e99f9ad93065125e50 Mon Sep 17 00:00:00 2001
From: luanfreitasdev <luanfreitas10@protonmail.com>
Date: Sun, 5 Nov 2023 09:47:59 -0300
Subject: [PATCH 2/2] build

---
 dist/mix-manifest.json                                        | 2 +-
 dist/powergrid.css                                            | 2 +-
 resources/css/style.css                                       | 4 ++--
 .../frameworks/tailwind/header/enabled-filters.blade.php      | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index d89874bc..b482da9c 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,5 +1,5 @@
 {
     "/powergrid.js": "/powergrid.js?id=93c38e294a5e554c3ab33ee8983ab80a",
     "/tom-select.css": "/tom-select.css?id=df1e7c79b09161e80f1904c1f992e882",
-    "/powergrid.css": "/powergrid.css?id=cc27b8f3b6bf2f424aee745cc63a6a86"
+    "/powergrid.css": "/powergrid.css?id=efa12b9afdedc01efda000997c2e007c"
 }
diff --git a/dist/powergrid.css b/dist/powergrid.css
index 7ef05cc5..2d0e3815 100644
--- a/dist/powergrid.css
+++ b/dist/powergrid.css
@@ -1 +1 @@
-[x-cloak]{display:none}table{width:100%}.btn-light{background-color:#fff;border-color:#d7dbdf;color:#000;font-size:.85rem}.form-control:disabled,.form-control[readonly]{background-color:#fff!important;opacity:1}.btn-light:hover{background-color:#fff;border-color:#d7dbdf;color:#000;font-size:.85rem}.btn-light,.has-search .form-control{padding-left:10px!important}.table .checkbox-column{max-width:50px!important;text-align:center;width:50px!important}.accordion-button{padding:.7rem}.btn-light,.has-search .form-control{padding-left:2.375rem}.page-link{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 231 235/var(--tw-border-opacity));border-right-width:1px;color:rgb(30 64 175/var(--tw-text-opacity));display:block;font-size:.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;padding-bottom:.5rem;padding-top:.5rem;text-align:center;width:3rem}.page-link:last-child{border-width:0}.page-item.active .page-link,.page-link:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity));border-color:rgb(29 78 216/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.page-item.disabled .page-link{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 231 235/var(--tw-border-opacity));color:rgb(209 213 219/var(--tw-text-opacity))}.page-link{color:gray!important}.page-item.active .page-link{background-color:gray;border-color:gray;color:#fff!important}.loader{animation:spinner 1.5s linear infinite;border-top-color:#222}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}table thead{color:#6b6a6a;font-size:.75rem;padding-bottom:8px;padding-left:15px;padding-top:8px;text-transform:uppercase}.badge{font-size:.77em}.btn,.form-control{box-shadow:none!important}.btn-group-vertical>.btn,.btn-group>.btn{border-color:#ced4da!important;flex:1 1 auto;position:relative}[x-ref=editable].pg-single-line{overflow:hidden;white-space:nowrap}[x-ref=editable].pg-single-line br{display:none}[x-ref=editable].pg-single-line *{display:inline;white-space:nowrap}[x-ref=editable][placeholder]:empty:before{background-color:transparent;color:gray;content:attr(placeholder);position:absolute}.power-grid-button{width:100%}.pg-btn-white{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(226 232 240/var(--tw-ring-opacity));align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(203 213 225/var(--tw-border-opacity));border-radius:.5rem;border-width:1px;color:rgb(100 116 139/var(--tw-text-opacity));-moz-column-gap:.5rem;column-gap:.5rem;display:inline-flex;font-size:.875rem;justify-content:center;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;padding:.5rem .75rem}.pg-btn-white:hover{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(241 245 249/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pg-btn-white:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-offset-width:1px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.pg-btn-white:disabled{cursor:not-allowed;opacity:.8}.bs5-rotate-0{transform:rotate(0deg);transition:all .3s ease}.bs5-rotate-90{transform:rotate(90deg);transition:all .3s ease}.bs5-w-h-1_5em{height:1.5em;width:1.5em}.pg-filter-container{padding-bottom:.75rem;padding-top:.75rem}
+[x-cloak]{display:none}table{width:100%}.btn-light{background-color:#fff;border-color:#d7dbdf;color:#000;font-size:.85rem}.form-control:disabled,.form-control[readonly]{background-color:#fff!important;opacity:1}.btn-light:hover{background-color:#fff;border-color:#d7dbdf;color:#000;font-size:.85rem}.btn-light,.has-search .form-control{padding-left:10px!important}.table .checkbox-column{max-width:50px!important;text-align:center;width:50px!important}.accordion-button{padding:.7rem}.btn-light,.has-search .form-control{padding-left:2.375rem}.page-link{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 231 235/var(--tw-border-opacity));border-right-width:1px;color:rgb(30 64 175/var(--tw-text-opacity));display:block;font-size:.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;padding-bottom:.5rem;padding-top:.5rem;text-align:center;width:3rem}.page-link:last-child{border-width:0}.page-item.active .page-link,.page-link:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity));border-color:rgb(29 78 216/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.page-item.disabled .page-link{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 231 235/var(--tw-border-opacity));color:rgb(209 213 219/var(--tw-text-opacity))}.page-link{color:gray!important}.page-item.active .page-link{background-color:gray;border-color:gray;color:#fff!important}.loader{animation:spinner 1.5s linear infinite;border-top-color:#222}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}table thead{color:#6b6a6a;font-size:.75rem;padding-bottom:8px;padding-left:15px;padding-top:8px;text-transform:uppercase}.badge{font-size:.77em}.btn,.form-control{box-shadow:none!important}.btn-group-vertical>.btn,.btn-group>.btn{border-color:#ced4da!important;flex:1 1 auto;position:relative}[x-ref=editable].pg-single-line{overflow:hidden;white-space:nowrap}[x-ref=editable].pg-single-line br{display:none}[x-ref=editable].pg-single-line *{display:inline;white-space:nowrap}[x-ref=editable][placeholder]:empty:before{background-color:transparent;color:gray;content:attr(placeholder);position:absolute}.power-grid-button{width:100%}.pg-btn-white{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(226 232 240/var(--tw-ring-opacity));align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(203 213 225/var(--tw-border-opacity));border-radius:.5rem;border-width:1px;color:rgb(100 116 139/var(--tw-text-opacity));-moz-column-gap:.5rem;column-gap:.5rem;display:inline-flex;font-size:.875rem;justify-content:center;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;padding:.5rem .75rem}.pg-btn-white:hover{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(241 245 249/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pg-btn-white:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-offset-width:1px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.pg-btn-white:disabled{cursor:not-allowed;opacity:.8}.bs5-rotate-0{transform:rotate(0deg);transition:all .3s ease}.bs5-rotate-90{transform:rotate(90deg);transition:all .3s ease}.bs5-w-h-1_5em{height:1.5em;width:1.5em}.pg-filter-container{padding-bottom:.75rem;padding-top:.75rem}.pg-enabled-filters-base{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}@media (min-width:768px){.pg-enabled-filters-base{margin-top:0}}.pg-enabled-filters-span-clear-all{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(100 116 139/var(--tw-bg-opacity));border-radius:.25rem;color:rgb(241 245 249/var(--tw-text-opacity));-moz-column-gap:.25rem;column-gap:.25rem;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;line-height:1rem;outline:2px solid transparent;outline-offset:2px;padding:.125rem .625rem}@media (prefers-color-scheme:dark){.pg-enabled-filters-span-clear-all{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity))}}.pg-enabled-filters-span{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(241 245 249/var(--tw-bg-opacity));border-radius:.25rem;color:rgb(71 85 105/var(--tw-text-opacity));-moz-column-gap:.25rem;column-gap:.25rem;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;line-height:1rem;outline:2px solid transparent;outline-offset:2px;padding:.125rem .625rem}@media (prefers-color-scheme:dark){.pg-enabled-filters-span{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity));color:rgb(226 232 240/var(--tw-text-opacity))}}
diff --git a/resources/css/style.css b/resources/css/style.css
index cfee0b21..8731f06b 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -174,9 +174,9 @@ table thead {
 }
 
 .pg-enabled-filters-span-clear-all {
-    @apply outline-none inline-flex justify-center items-center group rounded gap-x-1 text-xs font-semibold px-2.5 py-0.5 text-pg-primary-100 bg-pg-primary-500 dark:bg-pg-primary-700
+    @apply outline-none inline-flex justify-center items-center rounded gap-x-1 text-xs font-semibold px-2.5 py-0.5 text-pg-primary-100 bg-pg-primary-500 dark:bg-pg-primary-700
 }
 
 .pg-enabled-filters-span {
-    @apply outline-none inline-flex justify-center items-center group rounded gap-x-1 text-xs font-semibold px-2.5 py-0.5 text-pg-primary-600 dark:text-pg-primary-200 bg-pg-primary-100 dark:bg-pg-primary-600
+    @apply outline-none inline-flex justify-center items-center rounded gap-x-1 text-xs font-semibold px-2.5 py-0.5 text-pg-primary-600 dark:text-pg-primary-200 bg-pg-primary-100 dark:bg-pg-primary-600
 }
diff --git a/resources/views/components/frameworks/tailwind/header/enabled-filters.blade.php b/resources/views/components/frameworks/tailwind/header/enabled-filters.blade.php
index ecfe2b03..36951263 100644
--- a/resources/views/components/frameworks/tailwind/header/enabled-filters.blade.php
+++ b/resources/views/components/frameworks/tailwind/header/enabled-filters.blade.php
@@ -1,7 +1,7 @@
 @if (count($enabledFilters))
     <div class="pg-enabled-filters-base">
         @if (count($enabledFilters) > 1)
-            <span class="pg-enabled-filters-clear-all">
+            <span class="group pg-enabled-filters-clear-all">
                 {{ trans('livewire-powergrid::datatable.buttons.clear_all_filters') }}
                 <div class="relative flex items-center w-2 h-2">
                     <button
@@ -17,7 +17,7 @@
             @isset($filter['label'])
                 <span
                     wire:key="enabled-filters-{{ $field }}"
-                    class="pg-enabled-filters-span"
+                    class="group pg-enabled-filters-span"
                 >
                     {{ $filter['label'] }}
                     <div class="relative flex items-center w-2 h-2">