v-sistec-features 1.9.2 → 1.9.3

package/dist/v-sistec-features.css

@@ -8,4 +8,4 @@
 * Copyright 2018-2025 The Tabler Authors
 * Copyright 2018-2025 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-*/[data-bs-theme-base=slate]{--tblr-gray-50:#f8fafc;--tblr-gray-100:#f1f5f9;--tblr-gray-200:#e2e8f0;--tblr-gray-300:#cbd5e1;--tblr-gray-400:#94a3b8;--tblr-gray-500:#64748b;--tblr-gray-600:#475569;--tblr-gray-700:#334155;--tblr-gray-800:#1e293b;--tblr-gray-900:#0f172a;--tblr-gray-950:#020617}[data-bs-theme-base=gray]{--tblr-gray-50:#f9fafb;--tblr-gray-100:#f3f4f6;--tblr-gray-200:#e5e7eb;--tblr-gray-300:#d1d5db;--tblr-gray-400:#9ca3af;--tblr-gray-500:#6b7280;--tblr-gray-600:#4b5563;--tblr-gray-700:#374151;--tblr-gray-800:#1f2937;--tblr-gray-900:#111827;--tblr-gray-950:#030712}[data-bs-theme-base=zinc]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f4f4f5;--tblr-gray-200:#e4e4e7;--tblr-gray-300:#d4d4d8;--tblr-gray-400:#a1a1aa;--tblr-gray-500:#71717a;--tblr-gray-600:#52525b;--tblr-gray-700:#3f3f46;--tblr-gray-800:#27272a;--tblr-gray-900:#18181b;--tblr-gray-950:#09090b}[data-bs-theme-base=neutral]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f5f5f5;--tblr-gray-200:#e5e5e5;--tblr-gray-300:#d4d4d4;--tblr-gray-400:#a3a3a3;--tblr-gray-500:#737373;--tblr-gray-600:#525252;--tblr-gray-700:#404040;--tblr-gray-800:#262626;--tblr-gray-900:#171717;--tblr-gray-950:#0a0a0a}[data-bs-theme-base=stone]{--tblr-gray-50:#fafaf9;--tblr-gray-100:#f5f5f4;--tblr-gray-200:#e7e5e4;--tblr-gray-300:#d6d3d1;--tblr-gray-400:#a8a29e;--tblr-gray-500:#78716c;--tblr-gray-600:#57534e;--tblr-gray-700:#44403c;--tblr-gray-800:#292524;--tblr-gray-900:#1c1917;--tblr-gray-950:#0c0a09}[data-bs-theme-base=pink]{--tblr-gray-50:#fdf2f8;--tblr-gray-100:#fce7f3;--tblr-gray-200:#fbcfe8;--tblr-gray-300:#f9a8d4;--tblr-gray-400:#f472b6;--tblr-gray-500:#ec4899;--tblr-gray-600:#db2777;--tblr-gray-700:#be185d;--tblr-gray-800:#9d174d;--tblr-gray-900:#831843;--tblr-gray-950:#500724}[data-bs-theme-primary=blue]{--tblr-primary:#066fd1;--tblr-primary-rgb:6,111,209}[data-bs-theme-primary=azure]{--tblr-primary:#4299e1;--tblr-primary-rgb:66,153,225}[data-bs-theme-primary=indigo]{--tblr-primary:#4263eb;--tblr-primary-rgb:66,99,235}[data-bs-theme-primary=purple]{--tblr-primary:#ae3ec9;--tblr-primary-rgb:174,62,201}[data-bs-theme-primary=pink]{--tblr-primary:#d6336c;--tblr-primary-rgb:214,51,108}[data-bs-theme-primary=red]{--tblr-primary:#d63939;--tblr-primary-rgb:214,57,57}[data-bs-theme-primary=orange]{--tblr-primary:#f76707;--tblr-primary-rgb:247,103,7}[data-bs-theme-primary=yellow]{--tblr-primary:#f59f00;--tblr-primary-rgb:245,159,0}[data-bs-theme-primary=lime]{--tblr-primary:#74b816;--tblr-primary-rgb:116,184,22}[data-bs-theme-primary=green]{--tblr-primary:#2fb344;--tblr-primary-rgb:47,179,68}[data-bs-theme-primary=teal]{--tblr-primary:#0ca678;--tblr-primary-rgb:12,166,120}[data-bs-theme-primary=cyan]{--tblr-primary:#17a2b8;--tblr-primary-rgb:23,162,184}[data-bs-theme-radius="0"]{--tblr-border-radius-scale:0}[data-bs-theme-radius="0.5"]{--tblr-border-radius-scale:.5}[data-bs-theme-radius="1"]{--tblr-border-radius-scale:1}[data-bs-theme-radius="1.5"]{--tblr-border-radius-scale:1.5}[data-bs-theme-radius="2"]{--tblr-border-radius-scale:2}[data-bs-theme-primary=inverted]{--tblr-primary:var(--tblr-gray-800);--tblr-primary-fg:var(--tblr-light);--tblr-primary-rgb:31,41,55}[data-bs-theme-primary=inverted] [data-bs-theme=dark],[data-bs-theme-primary=inverted][data-bs-theme=dark]{--tblr-primary:#f9fafb;--tblr-primary-fg:var(--tblr-dark);--tblr-primary-rgb:249,250,251}[data-bs-theme-font=monospace]{--tblr-body-font-family:var(--tblr-font-monospace);--tblr-body-font-size:80%}[data-bs-theme-font=sans-serif]{--tblr-body-font-family:var(--tblr-font-sans-serif)}[data-bs-theme-font=serif]{--tblr-body-font-family:var(--tblr-font-serif)}[data-bs-theme-font=comic]{--tblr-body-font-family:var(--tblr-font-comic)}:root{--color-error-inputs: red}[data-bs-theme=dark]{--color-error-inputs: oklch(.666 .179 58.318)}.style-custom-v-required-default{display:flex!important;justify-content:center!important;flex-direction:column!important;gap:2px}.style-custom-v-required-error .v-required-span{color:var(--color-error-inputs)!important;white-space:pre-wrap}.multiselect__tags{background-color:var(--cor-bg-inputs);border:var(--border-inputs);border-radius:5px!important;font-size:.875rem;line-height:1.4285714286}.multiselect__placeholder{color:var(--color-text-multiselect)!important}.style-custom-v-required-error input,.style-custom-v-required-error select,.style-custom-v-required-error textarea{border:2px solid var(--color-error-inputs)!important;color:var(--color-error-inputs)!important}.style-custom-v-required-error .multiselect__tags{border:2px solid var(--color-error-inputs)!important}.style-custom-v-required-error .multiselect__input{border:none!important}.style-custom-v-required-error .multiselect__placeholder{color:var(--color-error-inputs)!important}.style-custom-v-required-error .image-drop-zone{border-color:var(--color-error-inputs)!important}.style-custom-v-required-error .quillWrapper{border:2px solid var(--color-error-inputs)!important}.style-custom-v-required-error input::placeholder{color:var(--color-error-inputs)!important}.Vue-Toastification__container{z-index:9999;position:fixed;padding:4px;width:600px;box-sizing:border-box;display:flex;min-height:100%;color:#fff;flex-direction:column;pointer-events:none}@media only screen and (min-width:600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{left:50%;margin-left:-300px}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width:600px){.Vue-Toastification__container{width:100vw;padding:0;left:0;margin:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{display:inline-flex;position:relative;max-height:800px;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:22px 24px;border-radius:8px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;justify-content:space-between;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;max-width:600px;min-width:326px;pointer-events:auto;overflow:hidden;transform:translateZ(0);direction:ltr}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width:600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;line-height:24px;font-size:16px;word-break:break-word;white-space:pre-wrap}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{font-weight:700;font-size:24px;line-height:24px;background:transparent;outline:none;border:none;padding:0 0 0 10px;cursor:pointer;transition:.3s ease;align-items:center;color:#fff;opacity:.3;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:10000;background-color:#ffffffb3;transform-origin:left;animation:scale-x-frames linear 1 forwards}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:right}.Vue-Toastification__icon{margin:auto 18px auto 0;background:transparent;outline:none;border:none;padding:0;transition:.3s ease;align-items:center;width:20px;height:100%}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes fadeOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes fadeOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes fadeOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes fadeOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@keyframes fadeInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes slideInBlurredLeft{0%{transform:translate(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredTop{0%{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredRight{0%{transform:translate(1000px) scaleX(2.5) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredBottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideOutBlurredTop{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0%;filter:blur(0);opacity:1}to{transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredBottom{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredLeft{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}}@keyframes slideOutBlurredRight{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(1000px) scaleX(2) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}.rotate-180[data-v-785126fa] svg{transform:rotate(180deg)}.page-select[data-v-785126fa]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-785126fa]{border:none;--cor-escurecida: color-mix(in srgb, var(--tblr-primary), #000 25%);background:transparent;padding:1px 10px;border-radius:7px;margin:0!important;transition:color .15s ease-in-out,background-color .15s ease-in-out}.page-estilo[data-v-785126fa]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-785126fa]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-785126fa] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-785126fa] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-785126fa]{margin:0!important;padding:0!important}.t-container{width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff}.scroll-finish-style[data-v-77d6f2cb]{color:#6c757d;display:block;text-align:center;margin-top:1rem;margin-bottom:1rem}.inputClose[data-v-c7098e42]{color:var(--tblr-icon-color);z-index:10;position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:1.2em;min-width:2.5rem;display:flex;justify-content:center}.inputClose[data-v-c7098e42]:hover{cursor:pointer}.selected[data-v-c7098e42]:hover{background-color:#b02a2a!important;color:#fff!important}.table-responsive[data-v-e5706981]{overflow-x:auto}.state-feedback[data-v-e5706981]{padding:1rem;text-align:center}.state-feedback.error[data-v-e5706981]{color:red}.pagination-controls[data-v-e5706981]{margin-top:1rem;display:flex;justify-content:space-between}.placeholder-img[data-v-e5706981]{width:40px;height:40px;border-radius:4px}.container-img[data-v-e5706981]{aspect-ratio:1;display:flex;justify-content:center;overflow:hidden;position:relative;max-width:40px;min-width:40px}.container-img .img-tamanho-cover[data-v-e5706981]{position:absolute;top:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.5;filter:blur(4px)}.container-img .img-tamanho[data-v-e5706981]{object-fit:contain;width:100%;height:100%;z-index:2}.container-img.container-img-preview[data-v-e5706981]{cursor:pointer}.container-img.container-img-preview[data-v-e5706981]:hover{border-style:dashed;border-color:var(--tblr-primary);border-width:2px;transition:border-width .15s ease-in-out}.container-img.container-img-preview:hover .img-tamanho[data-v-e5706981]{opacity:.3}.erro-custom-container[data-v-e5706981]{display:inline-block;padding:.2em .6em;border-radius:4px;background-color:#fff;font-weight:700;text-transform:uppercase}.erro-custom-text[data-v-e5706981]{font-size:.8em;text-transform:uppercase;font-weight:700}.bg-img[data-v-e5706981]{background-color:#0000004d;position:absolute;top:0;width:100%;height:100%;z-index:1}.image-preview-container[data-v-e5706981]{position:fixed;z-index:9999;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;padding:5px;pointer-events:none;transition:opacity .2s ease-in-out}.image-preview-container .image-preview-large[data-v-e5706981]{display:block;max-width:250px;max-height:250px;border-radius:4px}.form-check-input[data-v-e5706981]{border-width:1px!important;border-color:#00000064!important;width:17px;height:17px}[data-bs-theme=dark] .form-check-input[data-v-e5706981]{border-color:#ffffff5f!important}.ghost-item[data-v-e5706981]{opacity:.5;background:var(--tblr-primary-lt, #e6f0ff);border-radius:8px}.dragging-item[data-v-e5706981]{cursor:grabbing;background:var(--tblr-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:.5;background-color:var(--tblr-primary-bg-subtle);filter:grayscale(0) invert(0)}.header-draggable[data-v-e5706981]{cursor:grab}.column-move-move[data-v-e5706981]{transition:transform .4s ease}.column-move-enter-active[data-v-e5706981],.column-move-leave-active[data-v-e5706981]{transition:all .4s ease}.header-ordering[data-v-e5706981]{display:flex;justify-content:space-between}
+*/[data-bs-theme-base=slate]{--tblr-gray-50:#f8fafc;--tblr-gray-100:#f1f5f9;--tblr-gray-200:#e2e8f0;--tblr-gray-300:#cbd5e1;--tblr-gray-400:#94a3b8;--tblr-gray-500:#64748b;--tblr-gray-600:#475569;--tblr-gray-700:#334155;--tblr-gray-800:#1e293b;--tblr-gray-900:#0f172a;--tblr-gray-950:#020617}[data-bs-theme-base=gray]{--tblr-gray-50:#f9fafb;--tblr-gray-100:#f3f4f6;--tblr-gray-200:#e5e7eb;--tblr-gray-300:#d1d5db;--tblr-gray-400:#9ca3af;--tblr-gray-500:#6b7280;--tblr-gray-600:#4b5563;--tblr-gray-700:#374151;--tblr-gray-800:#1f2937;--tblr-gray-900:#111827;--tblr-gray-950:#030712}[data-bs-theme-base=zinc]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f4f4f5;--tblr-gray-200:#e4e4e7;--tblr-gray-300:#d4d4d8;--tblr-gray-400:#a1a1aa;--tblr-gray-500:#71717a;--tblr-gray-600:#52525b;--tblr-gray-700:#3f3f46;--tblr-gray-800:#27272a;--tblr-gray-900:#18181b;--tblr-gray-950:#09090b}[data-bs-theme-base=neutral]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f5f5f5;--tblr-gray-200:#e5e5e5;--tblr-gray-300:#d4d4d4;--tblr-gray-400:#a3a3a3;--tblr-gray-500:#737373;--tblr-gray-600:#525252;--tblr-gray-700:#404040;--tblr-gray-800:#262626;--tblr-gray-900:#171717;--tblr-gray-950:#0a0a0a}[data-bs-theme-base=stone]{--tblr-gray-50:#fafaf9;--tblr-gray-100:#f5f5f4;--tblr-gray-200:#e7e5e4;--tblr-gray-300:#d6d3d1;--tblr-gray-400:#a8a29e;--tblr-gray-500:#78716c;--tblr-gray-600:#57534e;--tblr-gray-700:#44403c;--tblr-gray-800:#292524;--tblr-gray-900:#1c1917;--tblr-gray-950:#0c0a09}[data-bs-theme-base=pink]{--tblr-gray-50:#fdf2f8;--tblr-gray-100:#fce7f3;--tblr-gray-200:#fbcfe8;--tblr-gray-300:#f9a8d4;--tblr-gray-400:#f472b6;--tblr-gray-500:#ec4899;--tblr-gray-600:#db2777;--tblr-gray-700:#be185d;--tblr-gray-800:#9d174d;--tblr-gray-900:#831843;--tblr-gray-950:#500724}[data-bs-theme-primary=blue]{--tblr-primary:#066fd1;--tblr-primary-rgb:6,111,209}[data-bs-theme-primary=azure]{--tblr-primary:#4299e1;--tblr-primary-rgb:66,153,225}[data-bs-theme-primary=indigo]{--tblr-primary:#4263eb;--tblr-primary-rgb:66,99,235}[data-bs-theme-primary=purple]{--tblr-primary:#ae3ec9;--tblr-primary-rgb:174,62,201}[data-bs-theme-primary=pink]{--tblr-primary:#d6336c;--tblr-primary-rgb:214,51,108}[data-bs-theme-primary=red]{--tblr-primary:#d63939;--tblr-primary-rgb:214,57,57}[data-bs-theme-primary=orange]{--tblr-primary:#f76707;--tblr-primary-rgb:247,103,7}[data-bs-theme-primary=yellow]{--tblr-primary:#f59f00;--tblr-primary-rgb:245,159,0}[data-bs-theme-primary=lime]{--tblr-primary:#74b816;--tblr-primary-rgb:116,184,22}[data-bs-theme-primary=green]{--tblr-primary:#2fb344;--tblr-primary-rgb:47,179,68}[data-bs-theme-primary=teal]{--tblr-primary:#0ca678;--tblr-primary-rgb:12,166,120}[data-bs-theme-primary=cyan]{--tblr-primary:#17a2b8;--tblr-primary-rgb:23,162,184}[data-bs-theme-radius="0"]{--tblr-border-radius-scale:0}[data-bs-theme-radius="0.5"]{--tblr-border-radius-scale:.5}[data-bs-theme-radius="1"]{--tblr-border-radius-scale:1}[data-bs-theme-radius="1.5"]{--tblr-border-radius-scale:1.5}[data-bs-theme-radius="2"]{--tblr-border-radius-scale:2}[data-bs-theme-primary=inverted]{--tblr-primary:var(--tblr-gray-800);--tblr-primary-fg:var(--tblr-light);--tblr-primary-rgb:31,41,55}[data-bs-theme-primary=inverted] [data-bs-theme=dark],[data-bs-theme-primary=inverted][data-bs-theme=dark]{--tblr-primary:#f9fafb;--tblr-primary-fg:var(--tblr-dark);--tblr-primary-rgb:249,250,251}[data-bs-theme-font=monospace]{--tblr-body-font-family:var(--tblr-font-monospace);--tblr-body-font-size:80%}[data-bs-theme-font=sans-serif]{--tblr-body-font-family:var(--tblr-font-sans-serif)}[data-bs-theme-font=serif]{--tblr-body-font-family:var(--tblr-font-serif)}[data-bs-theme-font=comic]{--tblr-body-font-family:var(--tblr-font-comic)}:root{--color-error-inputs: red}[data-bs-theme=dark]{--color-error-inputs: oklch(.666 .179 58.318)}.style-custom-v-required-default{display:flex!important;justify-content:center!important;flex-direction:column!important;gap:2px}.style-custom-v-required-error .v-required-span{color:var(--color-error-inputs)!important;white-space:pre-wrap}.multiselect__tags{background-color:var(--cor-bg-inputs);border:var(--border-inputs);border-radius:5px!important;font-size:.875rem;line-height:1.4285714286}.multiselect__placeholder{color:var(--color-text-multiselect)!important}.style-custom-v-required-error input,.style-custom-v-required-error select,.style-custom-v-required-error textarea{border:2px solid var(--color-error-inputs)!important;color:var(--color-error-inputs)!important}.style-custom-v-required-error .multiselect__tags{border:2px solid var(--color-error-inputs)!important}.style-custom-v-required-error .multiselect__input{border:none!important}.style-custom-v-required-error .multiselect__placeholder{color:var(--color-error-inputs)!important}.style-custom-v-required-error .image-drop-zone{border-color:var(--color-error-inputs)!important}.style-custom-v-required-error .quillWrapper{border:2px solid var(--color-error-inputs)!important}.style-custom-v-required-error input::placeholder{color:var(--color-error-inputs)!important}.Vue-Toastification__container{z-index:9999;position:fixed;padding:4px;width:600px;box-sizing:border-box;display:flex;min-height:100%;color:#fff;flex-direction:column;pointer-events:none}@media only screen and (min-width:600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{left:50%;margin-left:-300px}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width:600px){.Vue-Toastification__container{width:100vw;padding:0;left:0;margin:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{display:inline-flex;position:relative;max-height:800px;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:22px 24px;border-radius:8px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;justify-content:space-between;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;max-width:600px;min-width:326px;pointer-events:auto;overflow:hidden;transform:translateZ(0);direction:ltr}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width:600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;line-height:24px;font-size:16px;word-break:break-word;white-space:pre-wrap}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{font-weight:700;font-size:24px;line-height:24px;background:transparent;outline:none;border:none;padding:0 0 0 10px;cursor:pointer;transition:.3s ease;align-items:center;color:#fff;opacity:.3;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:10000;background-color:#ffffffb3;transform-origin:left;animation:scale-x-frames linear 1 forwards}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:right}.Vue-Toastification__icon{margin:auto 18px auto 0;background:transparent;outline:none;border:none;padding:0;transition:.3s ease;align-items:center;width:20px;height:100%}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes fadeOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes fadeOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes fadeOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes fadeOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@keyframes fadeInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes slideInBlurredLeft{0%{transform:translate(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredTop{0%{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredRight{0%{transform:translate(1000px) scaleX(2.5) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredBottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideOutBlurredTop{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0%;filter:blur(0);opacity:1}to{transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredBottom{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredLeft{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}}@keyframes slideOutBlurredRight{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(1000px) scaleX(2) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}.rotate-180[data-v-785126fa] svg{transform:rotate(180deg)}.page-select[data-v-785126fa]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-785126fa]{border:none;--cor-escurecida: color-mix(in srgb, var(--tblr-primary), #000 25%);background:transparent;padding:1px 10px;border-radius:7px;margin:0!important;transition:color .15s ease-in-out,background-color .15s ease-in-out}.page-estilo[data-v-785126fa]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-785126fa]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-785126fa] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-785126fa] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-785126fa]{margin:0!important;padding:0!important}.t-container{width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff}.scroll-finish-style[data-v-77d6f2cb]{color:#6c757d;display:block;text-align:center;margin-top:1rem;margin-bottom:1rem}.inputClose[data-v-5bb59b4b]{color:var(--tblr-icon-color);z-index:10;position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:1.2em;min-width:2.5rem;display:flex;justify-content:center}.inputClose[data-v-5bb59b4b]:hover{cursor:pointer}.selected[data-v-5bb59b4b]:hover{background-color:#b02a2a!important;color:#fff!important}.table-responsive[data-v-1f716b02]{overflow-x:auto}.state-feedback[data-v-1f716b02]{padding:1rem;text-align:center}.state-feedback.error[data-v-1f716b02]{color:red}.pagination-controls[data-v-1f716b02]{margin-top:1rem;display:flex;justify-content:space-between}.placeholder-img[data-v-1f716b02]{width:40px;height:40px;border-radius:4px}.container-img[data-v-1f716b02]{aspect-ratio:1;display:flex;justify-content:center;overflow:hidden;position:relative;max-width:40px;min-width:40px}.container-img .img-tamanho-cover[data-v-1f716b02]{position:absolute;top:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.5;filter:blur(4px)}.container-img .img-tamanho[data-v-1f716b02]{object-fit:contain;width:100%;height:100%;z-index:2}.container-img.container-img-preview[data-v-1f716b02]{cursor:pointer}.container-img.container-img-preview[data-v-1f716b02]:hover{border-style:dashed;border-color:var(--tblr-primary);border-width:2px;transition:border-width .15s ease-in-out}.container-img.container-img-preview:hover .img-tamanho[data-v-1f716b02]{opacity:.3}.erro-custom-container[data-v-1f716b02]{display:inline-block;padding:.2em .6em;border-radius:4px;background-color:#fff;font-weight:700;text-transform:uppercase}.erro-custom-text[data-v-1f716b02]{font-size:.8em;text-transform:uppercase;font-weight:700}.bg-img[data-v-1f716b02]{background-color:#0000004d;position:absolute;top:0;width:100%;height:100%;z-index:1}.image-preview-container[data-v-1f716b02]{position:fixed;z-index:9999;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;padding:5px;pointer-events:none;transition:opacity .2s ease-in-out}.image-preview-container .image-preview-large[data-v-1f716b02]{display:block;max-width:250px;max-height:250px;border-radius:4px}.form-check-input[data-v-1f716b02]{border-width:1px!important;border-color:#00000064!important;width:17px;height:17px}[data-bs-theme=dark] .form-check-input[data-v-1f716b02]{border-color:#ffffff5f!important}.ghost-item[data-v-1f716b02]{opacity:.5;background:var(--tblr-primary-lt, #e6f0ff);border-radius:8px}.dragging-item[data-v-1f716b02]{cursor:grabbing;background:var(--tblr-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:.5;background-color:var(--tblr-primary-bg-subtle);filter:grayscale(0) invert(0)}.header-draggable[data-v-1f716b02]{cursor:grab}.column-move-move[data-v-1f716b02]{transition:transform .4s ease}.column-move-enter-active[data-v-1f716b02],.column-move-leave-active[data-v-1f716b02]{transition:all .4s ease}.header-ordering[data-v-1f716b02]{display:flex;justify-content:space-between}

package/dist/vDataTable.d.ts

@@ -148,6 +148,7 @@ declare interface VDataTableProps {
     class_container?: string;
     class_pagination?: string;
     class_filters?: string;
+    class_page_size?: string;
     min_loading_delay?: number;
     retry_attempts?: number;
     retry_delay?: number;
@@ -158,6 +159,7 @@ declare interface VDataTableProps {
     deactivate_selected_info?: boolean;
     immediate?: boolean;
     placeholder_search?: string;
+    deactivate_search_on_clear?: boolean;
 }
 
 export { }

package/dist/vDataTable.js

@@ -1,7 +1,7 @@
-import { defineComponent as R, useSlots as Ce, inject as Se, onMounted as $e, computed as M, watch as P, resolveComponent as ze, createElementBlock as l, openBlock as s, createCommentVNode as g, createElementVNode as t, withDirectives as le, withKeys as Ve, vModelText as re, Fragment as x, renderList as V, createBlock as U, withCtx as H, createTextVNode as B, toDisplayString as v, normalizeClass as m, withModifiers as se, ref as k, provide as Be, readonly as Ne, nextTick as Te, renderSlot as O, createVNode as Q, createStaticVNode as je, resolveDynamicComponent as ne, unref as f, TransitionGroup as De, mergeProps as Ae, normalizeStyle as Ee } from "vue";
+import { defineComponent as R, useSlots as Ce, inject as Se, onMounted as $e, computed as C, watch as P, resolveComponent as ze, createElementBlock as n, openBlock as s, createCommentVNode as g, createElementVNode as t, withDirectives as ne, withKeys as Be, vModelText as re, Fragment as M, renderList as B, createBlock as U, withCtx as H, createTextVNode as V, toDisplayString as v, normalizeClass as m, withModifiers as se, ref as k, provide as Ve, readonly as Ne, nextTick as Te, renderSlot as O, createVNode as Q, createStaticVNode as je, resolveDynamicComponent as le, unref as f, TransitionGroup as De, mergeProps as Ae, normalizeStyle as Ee } from "vue";
 import { _ as oe, P as Ie } from "./Pagination-DtVDFQ07.js";
 import Oe from "vuedraggable";
-const ie = Symbol("v-datatable-key"), Gt = /* @__PURE__ */ R({
+const ie = Symbol("v-datatable-key"), Xt = /* @__PURE__ */ R({
   __name: "VColumn",
   props: {
     field: { default: null },
@@ -22,7 +22,7 @@ const ie = Symbol("v-datatable-key"), Gt = /* @__PURE__ */ R({
     increasing_value: { default: "" }
   },
   setup(w) {
-    const i = w, C = Ce(), S = Se(ie);
+    const i = w, b = Ce(), S = Se(ie);
     if (!S)
       throw new Error("VColumn deve ser usado dentro de um VDataTable.");
     const z = ["text", "img", "date", "html"];
@@ -55,7 +55,7 @@ const ie = Symbol("v-datatable-key"), Gt = /* @__PURE__ */ R({
         param_ordering: i.param_ordering,
         decreasing_value: i.decreasing_value,
         increasing_value: i.increasing_value,
-        bodySlot: C.body,
+        bodySlot: b.body,
         ...i.type === "text" && { limite_text: Number(i.limite_text) },
         ...i.type === "img" && { deactivate_img_preview: i.deactivate_img_preview },
         ...i.type === "date" && { format: i.format }
@@ -81,41 +81,42 @@ const ie = Symbol("v-datatable-key"), Gt = /* @__PURE__ */ R({
     filter: { default: "" },
     list_filter: { default: () => [] },
     item_use: { default: () => [1, 2] },
-    placeholder_search: { default: "Buscar..." }
+    placeholder_search: { default: "Buscar..." },
+    deactivate_search_on_clear: { type: Boolean, default: !1 }
   },
   emits: ["update:search", "update:filter", "search"],
   setup(w, { emit: i }) {
-    const C = w, S = i, z = M({
-      get: () => C.search,
-      set: (c) => S("update:search", c)
-    }), $ = M({
-      get: () => C.filter,
-      set: (c) => S("update:filter", c)
+    const b = w, S = i, z = C({
+      get: () => b.search,
+      set: (p) => S("update:search", p)
+    }), $ = C({
+      get: () => b.filter,
+      set: (p) => S("update:filter", p)
     });
     P($, () => {
       S("search");
     }), P(
-      () => C.list_filter,
-      (c) => {
-        Array.isArray(c) ? (c.forEach((d, h) => {
+      () => b.list_filter,
+      (p) => {
+        Array.isArray(p) ? (p.forEach((d, h) => {
           d?.type === 1 && !d.to && console.error(`Filtro na posição ${h} é do tipo 'router-link' mas não possui a propriedade 'to'.`);
-        }), C.item_use.includes(2) && c.length === 0 && console.error("Nenhum filtro foi passado. Certifique-se de que o array de filtros não está vazio.")) : console.error("list_filter deve ser um array.");
+        }), b.item_use.includes(2) && p.length === 0 && console.error("Nenhum filtro foi passado. Certifique-se de que o array de filtros não está vazio.")) : console.error("list_filter deve ser um array.");
       },
       { immediate: !0, deep: !0 }
     );
-    function D(c) {
-      $.value === c ? $.value = "" : $.value = c;
+    function D(p) {
+      $.value === p ? $.value = "" : $.value = p;
     }
     function I() {
-      z.value = "", S("search");
+      z.value = "", b.deactivate_search_on_clear || S("search");
     }
-    function o(c) {
-      c.click && typeof c.click == "function" ? c.click() : console.error("O filtro selecionado não possui uma função de clique válida.");
+    function o(p) {
+      p.click && typeof p.click == "function" ? p.click() : console.error("O filtro selecionado não possui uma função de clique válida.");
     }
-    return (c, d) => {
+    return (p, d) => {
       const h = ze("router-link");
-      return s(), l("div", He, [
-        w.item_use.includes(2) ? (s(), l("a", Pe, [...d[3] || (d[3] = [
+      return s(), n("div", He, [
+        w.item_use.includes(2) ? (s(), n("a", Pe, [...d[3] || (d[3] = [
           t("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             class: "icon icon-tabler icon-tabler-filter",
@@ -137,17 +138,17 @@ const ie = Symbol("v-datatable-key"), Gt = /* @__PURE__ */ R({
           ], -1)
         ])])) : g("", !0),
         t("div", qe, [
-          le(t("input", {
+          ne(t("input", {
             type: "text",
             class: "form-control ms-1",
             id: "inputSearchVDataTable",
             "onUpdate:modelValue": d[0] || (d[0] = (u) => z.value = u),
-            onKeyup: d[1] || (d[1] = Ve((u) => c.$emit("search"), ["enter"])),
+            onKeyup: d[1] || (d[1] = Be((u) => p.$emit("search"), ["enter"])),
             placeholder: w.placeholder_search
           }, null, 40, Le), [
             [re, z.value]
           ]),
-          z.value ? (s(), l("span", {
+          z.value ? (s(), n("span", {
             key: 0,
             onClick: d[2] || (d[2] = (u) => I()),
             class: "inputClose",
@@ -173,7 +174,7 @@ const ie = Symbol("v-datatable-key"), Gt = /* @__PURE__ */ R({
               t("path", { d: "M18 6l-12 12" }),
               t("path", { d: "M6 6l12 12" })
             ], -1)
-          ])])) : (s(), l("span", Ue, [...d[5] || (d[5] = [
+          ])])) : (s(), n("span", Ue, [...d[5] || (d[5] = [
             t("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
@@ -196,22 +197,22 @@ const ie = Symbol("v-datatable-key"), Gt = /* @__PURE__ */ R({
             ], -1)
           ])]))
         ]),
-        w.item_use.includes(2) ? (s(), l("div", Fe, [
-          (s(!0), l(x, null, V(C.list_filter, (u, T) => (s(), l(x, { key: T }, [
+        w.item_use.includes(2) ? (s(), n("div", Fe, [
+          (s(!0), n(M, null, B(b.list_filter, (u, T) => (s(), n(M, { key: T }, [
             "type" in u && u.type === 1 && (!("visible" in u) || u.visible) ? (s(), U(h, {
               key: 0,
               to: u?.to,
               class: "dropdown-item cursor-pointer"
             }, {
               default: H(() => [
-                B(v(u.text), 1)
+                V(v(u.text), 1)
               ]),
               _: 2
-            }, 1032, ["to"])) : (!("type" in u) || u.type === 2) && (!("visible" in u) || u.visible) ? (s(), l("a", {
+            }, 1032, ["to"])) : (!("type" in u) || u.type === 2) && (!("visible" in u) || u.visible) ? (s(), n("a", {
               key: 1,
               onClick: se((_) => D(String(u.value)), ["prevent"]),
               class: m(["dropdown-item cursor-pointer", $.value === u?.value ? "bg-info text-dark selected" : ""])
-            }, v(u.text), 11, Ke)) : (!("type" in u) || u.type === 3) && (!("visible" in u) || u.visible) ? (s(), l("a", {
+            }, v(u.text), 11, Ke)) : (!("type" in u) || u.type === 3) && (!("visible" in u) || u.visible) ? (s(), n("a", {
               key: 2,
               onClick: se((_) => o(u), ["prevent"]),
               class: m(["dropdown-item cursor-pointer", u?.active ? "bg-info text-dark selected" : ""])
@@ -221,25 +222,25 @@ const ie = Symbol("v-datatable-key"), Gt = /* @__PURE__ */ R({
       ]);
     };
   }
-}), Ge = /* @__PURE__ */ oe(Xe, [["__scopeId", "data-v-c7098e42"]]);
+}), Ge = /* @__PURE__ */ oe(Xe, [["__scopeId", "data-v-5bb59b4b"]]);
 function We() {
-  const w = k(!1), i = k(""), C = k(0), S = k(0), z = M(() => ({
+  const w = k(!1), i = k(""), b = k(0), S = k(0), z = C(() => ({
     position: "fixed",
     zIndex: 9999,
     pointerEvents: "none",
     top: `${S.value + 15}px`,
-    left: `${C.value + 15}px`
+    left: `${b.value + 15}px`
   }));
-  function $(c) {
-    const d = c.clientX, h = c.clientY, u = window.innerHeight, T = 15, _ = 300;
-    let b = h + T;
-    b + _ > u && (b = h - _ - T, b < 0 && (b = 0)), C.value = d, S.value = b;
+  function $(p) {
+    const d = p.clientX, h = p.clientY, u = window.innerHeight, T = 15, _ = 300;
+    let x = h + T;
+    x + _ > u && (x = h - _ - T, x < 0 && (x = 0)), b.value = d, S.value = x;
   }
-  function D(c, d) {
-    w.value = !0, i.value = d, $(c);
+  function D(p, d) {
+    w.value = !0, i.value = d, $(p);
   }
-  function I(c) {
-    w.value && $(c);
+  function I(p) {
+    w.value && $(p);
   }
   function o() {
     w.value = !1;
@@ -253,42 +254,42 @@ function We() {
     handleMouseLeave: o
   };
 }
-const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, Re = {
+const Je = { class: "mx-2 d-inline-block" }, Qe = {
   key: 0,
   class: "alert alert-cyan d-flex justify-content-center align-items-center py-2",
   role: "alert"
-}, Ze = { class: "alert-title m-0" }, et = { class: "badge bg-azure text-azure-fg" }, tt = { key: 0 }, at = { key: 2 }, st = {
+}, Re = { class: "alert-title m-0" }, Ze = { class: "badge bg-azure text-azure-fg" }, et = { key: 0 }, tt = { key: 2 }, at = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, nt = { class: "badge bg-orange text-white erro-custom-text" }, lt = { key: 0 }, rt = { key: 2 }, ot = {
+}, st = { class: "badge bg-orange text-white erro-custom-text" }, lt = { key: 0 }, nt = { key: 2 }, rt = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, it = { class: "badge bg-orange text-white erro-custom-text" }, dt = ["colspan"], ut = {
+}, ot = { class: "badge bg-orange text-white erro-custom-text" }, it = ["colspan"], dt = {
   key: 0,
   class: "d-flex flex-column justify-content-center align-items-center",
   style: { height: "6rem" }
-}, pt = {
+}, ut = {
   key: 1,
   style: { height: "3rem" }
 }, ct = {
   key: 2,
   class: "p-3 text-center text-secondary"
-}, mt = {
+}, pt = {
   key: 1,
   class: "feedback-container text-center"
-}, vt = {
+}, mt = {
   key: 0,
   class: "text-secondary"
-}, _t = {
+}, vt = {
   key: 1,
   class: "text-secondary"
-}, ht = {
+}, _t = {
   key: 2,
   class: "table-responsive"
-}, ft = { key: 0 }, gt = {
+}, ht = { key: 0 }, ft = {
   key: 0,
   class: "w-1"
-}, kt = { class: "header-ordering" }, yt = ["onClick"], wt = {
+}, gt = { class: "header-ordering" }, kt = ["onClick"], yt = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -299,7 +300,7 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, bt = {
+}, wt = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -310,7 +311,7 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, xt = {
+}, bt = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -321,7 +322,7 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Mt = { class: "header-ordering" }, Ct = ["onClick"], St = {
+}, xt = { class: "header-ordering" }, Mt = ["onClick"], Ct = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -332,7 +333,7 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, $t = {
+}, St = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -343,7 +344,7 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, zt = {
+}, $t = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -354,16 +355,16 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Vt = {
+}, zt = {
   key: 0,
   class: "w-1"
-}, Bt = ["checked", "onChange"], Nt = ["onClick"], Tt = ["onClick"], jt = { key: 0 }, Dt = { key: 1 }, At = ["onClick", "innerHTML"], Et = ["onClick"], It = ["src"], Ot = ["src"], Ht = {
+}, Bt = ["checked", "onChange"], Vt = ["onClick"], Nt = ["onClick"], Tt = { key: 0 }, jt = { key: 1 }, Dt = ["onClick", "innerHTML"], At = ["onClick"], Et = ["src"], It = ["src"], Ot = {
   key: 5,
   class: "text-danger erro-custom-container"
-}, Pt = { class: "badge bg-orange text-white erro-custom-text" }, qt = { key: 1 }, Lt = {
+}, Ht = { class: "badge bg-orange text-white erro-custom-text" }, Pt = { key: 1 }, qt = {
   key: 2,
   class: "text-center p-4 text-secondary"
-}, Ut = ["src"], Ft = /* @__PURE__ */ R({
+}, Lt = ["src"], Ut = /* @__PURE__ */ R({
   __name: "VDataTable",
   props: {
     fetch: {},
@@ -387,6 +388,7 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
     class_container: { default: "" },
     class_pagination: { default: "" },
     class_filters: { default: "" },
+    class_page_size: { default: "" },
     min_loading_delay: { default: 600 },
     retry_attempts: { default: 3 },
     retry_delay: { default: 2e3 },
@@ -396,17 +398,18 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
     page_starts_at: { default: 0 },
     deactivate_selected_info: { type: Boolean, default: !1 },
     immediate: { type: Boolean, default: !0 },
-    placeholder_search: { default: "Buscar..." }
+    placeholder_search: { default: "Buscar..." },
+    deactivate_search_on_clear: { type: Boolean, default: !1 }
   },
   setup(w, { expose: i }) {
     const {
-      isHovering: C,
+      isHovering: b,
       previewSrc: S,
       previewStyle: z,
       handleMouseOver: $,
       handleMouseMove: D,
       handleMouseLeave: I
-    } = We(), o = w, c = k(!1), d = k({}), h = k([]), u = k([]), T = k(0), _ = k([]), b = k(null), F = k(!1), K = k(null), p = k({
+    } = We(), o = w, p = k(!1), d = k({}), h = k([]), u = k([]), T = k(0), _ = k([]), x = k(null), F = k(!1), K = k(null), c = k({
       current_page: o.page_starts_at,
       // pagina atual
       count: 0,
@@ -417,7 +420,7 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
       // termo de busca
       filter: ""
       // filtro selecionado
-    }), de = M(() => (p.value.current_page = o.page_starts_at, o.endpoint)), { data: ue, pending: pe, error: Y, execute: ce, attempt: A } = o.fetch(de, {
+    }), de = C(() => (c.value.current_page = o.page_starts_at, o.endpoint)), { data: ue, pending: ce, error: Y, execute: pe, attempt: A } = o.fetch(de, {
       params: () => o.deactivate_default_params ? o.add_params && typeof o.add_params == "function" ? {
         ...o.add_params(),
         ...q.value
@@ -437,9 +440,9 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
       retryDelay: o.retry_delay,
       paramsReactives: !1,
       immediate: !1
-    }, o.fetch_name), X = M(
+    }, o.fetch_name), X = C(
       () => h.value.filter((r) => r.locked)
-    ), G = M({
+    ), G = C({
       get() {
         return h.value.filter((r) => !r.locked);
       },
@@ -447,10 +450,10 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
         const e = X.value;
         h.value = [...r, ...e];
       }
-    }), me = M(() => [...G.value, ...X.value]), ve = M(() => {
+    }), me = C(() => [...G.value, ...X.value]), ve = C(() => {
       let r = [1];
       return o.list_filter.length > 0 && r.push(2), r;
-    }), q = M(() => {
+    }), q = C(() => {
       const r = {};
       for (const e of h.value)
         if (e.use_ordering)
@@ -463,35 +466,35 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
         else
           continue;
       return r;
-    }), W = M(() => ({
-      [o.page_param_name]: p.value.current_page + 1,
-      [o.page_size_param_name]: p.value.limit_per_page,
-      [o.search_param_name]: p.value.search || "",
-      [o.filter_param_name]: p.value.filter || ""
-    })), _e = M(() => pe.value || F.value), L = (r) => {
+    }), W = C(() => ({
+      [o.page_param_name]: c.value.current_page + 1,
+      [o.page_size_param_name]: c.value.limit_per_page,
+      [o.search_param_name]: c.value.search || "",
+      [o.filter_param_name]: c.value.filter || ""
+    })), _e = C(() => ce.value || F.value), L = (r) => {
       const e = o.item_key;
       return _.value.some((a) => a[e] === r[e]);
-    }, Z = M(() => {
+    }, Z = C(() => {
       if (!u.value.length) return !1;
       const r = u.value.filter((e) => L(e)).length;
       return r === 0 ? !1 : r === u.value.length ? !0 : "indeterminate";
-    }), he = M(() => _.value.length > 0);
-    P([Z, b], ([r]) => {
-      b.value && (r === "indeterminate" ? (b.value.checked = !1, b.value.indeterminate = !0) : (b.value.checked = r, b.value.indeterminate = !1));
+    }), he = C(() => _.value.length > 0);
+    P([Z, x], ([r]) => {
+      x.value && (r === "indeterminate" ? (x.value.checked = !1, x.value.indeterminate = !0) : (x.value.checked = r, x.value.indeterminate = !1));
     }, {
       immediate: !0,
       flush: "post"
     }), P(ue, (r) => {
-      r ? (u.value = r[o.data_key] || [], T.value = r[o.total_key] || 0, p.value.count = T.value) : (u.value = [], T.value = 0);
+      r ? (u.value = r[o.data_key] || [], T.value = r[o.total_key] || 0, c.value.count = T.value) : (u.value = [], T.value = 0);
     }, { immediate: !0 });
     function fe() {
       const r = u.value;
       if (!r.length) return;
       const e = Z.value;
       if (e === !0 || e === "indeterminate") {
-        const a = r.map((n) => n[o.item_key]);
+        const a = r.map((l) => l[o.item_key]);
         _.value = _.value.filter(
-          (n) => !a.includes(n[o.item_key])
+          (l) => !a.includes(l[o.item_key])
         );
       } else
         r.forEach((a) => {
@@ -499,30 +502,30 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
         });
     }
     function ge(r) {
-      const e = o.item_key, a = _.value.findIndex((n) => n[e] === r[e]);
+      const e = o.item_key, a = _.value.findIndex((l) => l[e] === r[e]);
       a > -1 ? _.value.splice(a, 1) : _.value.push(r);
     }
     function ke(r) {
       h.value.push(r);
     }
-    Be(ie, { addColumn: ke });
+    Ve(ie, { addColumn: ke });
     function E() {
-      c.value || (c.value = !0), K.value && clearTimeout(K.value), F.value = !0, K.value = setTimeout(() => {
+      p.value || (p.value = !0), K.value && clearTimeout(K.value), F.value = !0, K.value = setTimeout(() => {
         F.value = !1;
-      }, o.min_loading_delay), ce();
+      }, o.min_loading_delay), pe();
     }
     function N() {
-      p.value.current_page = o.page_starts_at, E();
+      c.value.current_page = o.page_starts_at, E();
     }
     const ee = (r) => {
       const e = r.target, a = parseInt(e.value, 10);
-      a > 0 && (p.value.limit_per_page = a, p.value.limit_per_page = a, N());
+      a > 0 && (c.value.limit_per_page = a, c.value.limit_per_page = a, N());
     };
     function j(r, e, a = null) {
       if (!r) return e;
-      const n = r.split(".");
+      const l = r.split(".");
       let y = e;
-      for (const J of n)
+      for (const J of l)
         y && typeof y == "object" && J in y ? y = y[J] : console.error(`Caminho inválido ou valor nulo em: ${r} na parte ${J}`);
       return a && (y = a(y)), y;
     }
@@ -536,21 +539,21 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
       e === "none" ? d.value[r] = "increasing" : e === "increasing" ? d.value[r] = "decreasing" : d.value[r] = "none", N();
     }
     function we(r) {
-      r > 0 ? (p.value.limit_per_page = r, N()) : console.warn("O limite deve ser um número maior que zero.");
+      r > 0 ? (c.value.limit_per_page = r, N()) : console.warn("O limite deve ser um número maior que zero.");
     }
     function be(r) {
-      p.value.search = r, N();
+      c.value.search = r, N();
     }
     function xe(r) {
-      p.value.filter = r, N();
+      c.value.filter = r, N();
     }
     function Me(r) {
-      r >= 0 && r <= Math.ceil(p.value.count / p.value.limit_per_page) ? (p.value.current_page = r, E()) : console.warn("Número de página inválido.");
+      r >= 0 && r <= Math.ceil(c.value.count / c.value.limit_per_page) ? (c.value.current_page = r, E()) : console.warn("Número de página inválido.");
     }
     i({
       execute: E,
       reSearch: N,
-      pagination: Ne(p),
+      pagination: Ne(c),
       set_limit_per_page: we,
       set_search: be,
       set_filter: xe,
@@ -568,7 +571,7 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
         }));
       },
       { deep: !0, immediate: o.immediate }
-    ), (r, e) => (s(), l("div", null, [
+    ), (r, e) => (s(), n("div", null, [
       t("div", {
         class: m(["", o.class_container])
       }, [
@@ -581,15 +584,17 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
           }, [
             O(r.$slots, "pageSize", {
               changePageSize: ee,
-              limit_per_page: p.value.limit_per_page
+              limit_per_page: c.value.limit_per_page
             }, () => [
-              t("div", Je, [
-                B(v(o.first_text_page_size) + " ", 1),
-                t("div", Qe, [
-                  le(t("input", {
+              t("div", {
+                class: m(["text-secondary", o.class_page_size])
+              }, [
+                V(v(o.first_text_page_size) + " ", 1),
+                t("div", Je, [
+                  ne(t("input", {
                     class: "form-control form-control-sm",
                     onChange: ee,
-                    "onUpdate:modelValue": e[0] || (e[0] = (a) => p.value.limit_per_page = a),
+                    "onUpdate:modelValue": e[0] || (e[0] = (a) => c.value.limit_per_page = a),
                     min: "1",
                     size: "3",
                     "aria-label": "Número de registros por página",
@@ -597,132 +602,133 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
                   }, null, 544), [
                     [
                       re,
-                      p.value.limit_per_page,
+                      c.value.limit_per_page,
                       void 0,
                       { lazy: !0 }
                     ]
                   ])
                 ]),
-                B(" " + v(o.second_text_page_size), 1)
-              ])
+                V(" " + v(o.second_text_page_size), 1)
+              ], 2)
             ], !0),
             O(r.$slots, "fieldMiddle", {}, void 0, !0),
             Q(Ge, {
-              search: p.value.search,
-              "onUpdate:search": e[1] || (e[1] = (a) => p.value.search = a),
-              filter: p.value.filter,
-              "onUpdate:filter": e[2] || (e[2] = (a) => p.value.filter = a),
+              search: c.value.search,
+              "onUpdate:search": e[1] || (e[1] = (a) => c.value.search = a),
+              filter: c.value.filter,
+              "onUpdate:filter": e[2] || (e[2] = (a) => c.value.filter = a),
               list_filter: o.list_filter,
               item_use: ve.value,
               onSearch: N,
+              deactivate_search_on_clear: o.deactivate_search_on_clear,
               placeholder_search: o.placeholder_search
-            }, null, 8, ["search", "filter", "list_filter", "item_use", "placeholder_search"])
+            }, null, 8, ["search", "filter", "list_filter", "item_use", "deactivate_search_on_clear", "placeholder_search"])
           ], 2),
           O(r.$slots, "item-selected-info", {
             selected_items: _.value,
             clearSelection: () => _.value = []
           }, () => [
-            o.use_checkbox && _.value.length > 0 && !o.deactivate_selected_info ? (s(), l("div", Re, [
-              t("h4", Ze, [
+            o.use_checkbox && _.value.length > 0 && !o.deactivate_selected_info ? (s(), n("div", Qe, [
+              t("h4", Re, [
                 e[5] || (e[5] = t("strong", null, "Itens Selecionados:", -1)),
-                e[6] || (e[6] = B()),
-                t("span", et, v(_.value.length), 1)
+                e[6] || (e[6] = V()),
+                t("span", Ze, v(_.value.length), 1)
               ]),
               t("a", {
                 class: "cursor-pointer",
                 onClick: e[3] || (e[3] = (a) => _.value = [])
               }, [...e[7] || (e[7] = [
-                je('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-trash" data-v-e5706981><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-e5706981></path><path d="M4 7l16 0" data-v-e5706981></path><path d="M10 11l0 6" data-v-e5706981></path><path d="M14 11l0 6" data-v-e5706981></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" data-v-e5706981></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" data-v-e5706981></path></svg> Limpar Seleção', 2)
+                je('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-trash" data-v-1f716b02><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-1f716b02></path><path d="M4 7l16 0" data-v-1f716b02></path><path d="M10 11l0 6" data-v-1f716b02></path><path d="M14 11l0 6" data-v-1f716b02></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" data-v-1f716b02></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" data-v-1f716b02></path></svg> Limpar Seleção', 2)
               ])])
             ])) : g("", !0)
           ], !0),
-          _e.value ? (s(), l(x, { key: 0 }, [
-            o.custom_loading ? (s(), U(ne(o.custom_loading), { key: 0 })) : (s(), l("table", {
+          _e.value ? (s(), n(M, { key: 0 }, [
+            o.custom_loading ? (s(), U(le(o.custom_loading), { key: 0 })) : (s(), n("table", {
               key: 1,
               class: m(["table table-vcenter table-selectable", o.class_table])
             }, [
               t("thead", null, [
                 t("tr", null, [
-                  (s(!0), l(x, null, V(h.value, (a) => (s(), l("th", {
+                  (s(!0), n(M, null, B(h.value, (a) => (s(), n("th", {
                     key: a.field || a.header,
                     class: m(a.class_column)
                   }, v(a.header), 3))), 128))
                 ])
               ]),
               t("tbody", null, [
-                o.type_loading === "placeholder" ? (s(!0), l(x, { key: 0 }, V(p.value.limit_per_page, (a) => (s(), l("tr", {
+                o.type_loading === "placeholder" ? (s(!0), n(M, { key: 0 }, B(c.value.limit_per_page, (a) => (s(), n("tr", {
                   key: "placeholder-" + a,
                   class: "placeholder-glow"
                 }, [
-                  (s(!0), l(x, null, V(h.value, (n) => (s(), l("td", {
-                    key: n.field || n.header,
-                    class: m(n.class_row)
+                  (s(!0), n(M, null, B(h.value, (l) => (s(), n("td", {
+                    key: l.field || l.header,
+                    class: m(l.class_row)
                   }, [
-                    n.bodySlot ? (s(), l("span", tt, [...e[8] || (e[8] = [
+                    l.bodySlot ? (s(), n("span", et, [...e[8] || (e[8] = [
                       t("span", { class: "placeholder col-8" }, null, -1)
-                    ])])) : n.type === "text" ? (s(), l("span", {
+                    ])])) : l.type === "text" ? (s(), n("span", {
                       key: 1,
-                      class: m(n.class_item)
+                      class: m(l.class_item)
                     }, [...e[9] || (e[9] = [
                       t("span", { class: "placeholder col-8" }, null, -1)
-                    ])], 2)) : n.type === "date" ? (s(), l("span", at, [...e[10] || (e[10] = [
+                    ])], 2)) : l.type === "date" ? (s(), n("span", tt, [...e[10] || (e[10] = [
                       t("span", { class: "placeholder col-9" }, null, -1)
-                    ])])) : n.type === "html" ? (s(), l("div", {
+                    ])])) : l.type === "html" ? (s(), n("div", {
                       key: 3,
-                      class: m(n.class_item)
+                      class: m(l.class_item)
                     }, [...e[11] || (e[11] = [
                       t("div", { class: "placeholder col-12" }, null, -1)
-                    ])], 2)) : n.type === "img" ? (s(), l("div", {
+                    ])], 2)) : l.type === "img" ? (s(), n("div", {
                       key: 4,
-                      class: m(n.class_item)
+                      class: m(l.class_item)
                     }, [...e[12] || (e[12] = [
                       t("div", { class: "placeholder placeholder-img" }, null, -1)
-                    ])], 2)) : (s(), l("span", st, [
-                      e[13] || (e[13] = B("tipo ", -1)),
-                      t("span", nt, v(n.type), 1),
-                      e[14] || (e[14] = B(" não suportado ", -1))
+                    ])], 2)) : (s(), n("span", at, [
+                      e[13] || (e[13] = V("tipo ", -1)),
+                      t("span", st, v(l.type), 1),
+                      e[14] || (e[14] = V(" não suportado ", -1))
                     ]))
                   ], 2))), 128))
-                ]))), 128)) : o.type_loading === "spiner-table" ? (s(!0), l(x, { key: 1 }, V(p.value.limit_per_page, (a) => (s(), l("tr", {
+                ]))), 128)) : o.type_loading === "spiner-table" ? (s(!0), n(M, { key: 1 }, B(c.value.limit_per_page, (a) => (s(), n("tr", {
                   key: "placeholder-" + a
                 }, [
-                  (s(!0), l(x, null, V(h.value, (n) => (s(), l("td", {
-                    key: n.field || n.header,
-                    class: m(n.class_row)
+                  (s(!0), n(M, null, B(h.value, (l) => (s(), n("td", {
+                    key: l.field || l.header,
+                    class: m(l.class_row)
                   }, [
-                    n.bodySlot ? (s(), l("span", lt, [...e[15] || (e[15] = [
+                    l.bodySlot ? (s(), n("span", lt, [...e[15] || (e[15] = [
                       t("span", {
                         class: "spinner-border spinner-border-sm",
                         role: "status",
                         "aria-hidden": "true"
                       }, null, -1)
-                    ])])) : n.type === "text" ? (s(), l("span", {
+                    ])])) : l.type === "text" ? (s(), n("span", {
                       key: 1,
-                      class: m(n.class_item)
+                      class: m(l.class_item)
                     }, [...e[16] || (e[16] = [
                       t("span", {
                         class: "spinner-border spinner-border-sm",
                         role: "status",
                         "aria-hidden": "true"
                       }, null, -1)
-                    ])], 2)) : n.type === "date" ? (s(), l("span", rt, [...e[17] || (e[17] = [
+                    ])], 2)) : l.type === "date" ? (s(), n("span", nt, [...e[17] || (e[17] = [
                       t("span", {
                         class: "spinner-border spinner-border-sm",
                         role: "status",
                         "aria-hidden": "true"
                       }, null, -1)
-                    ])])) : n.type === "html" ? (s(), l("div", {
+                    ])])) : l.type === "html" ? (s(), n("div", {
                       key: 3,
-                      class: m(n.class_item)
+                      class: m(l.class_item)
                     }, [...e[18] || (e[18] = [
                       t("span", {
                         class: "spinner-border spinner-border-sm",
                         role: "status",
                         "aria-hidden": "true"
                       }, null, -1)
-                    ])], 2)) : n.type === "img" ? (s(), l("div", {
+                    ])], 2)) : l.type === "img" ? (s(), n("div", {
                       key: 4,
-                      class: m(["", n.class_item])
+                      class: m(["", l.class_item])
                     }, [...e[19] || (e[19] = [
                       t("span", { class: "placeholder-img d-flex justify-content-center align-items-center" }, [
                         t("span", {
@@ -731,40 +737,40 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
                           "aria-hidden": "true"
                         })
                       ], -1)
-                    ])], 2)) : (s(), l("span", ot, [
-                      e[20] || (e[20] = B("tipo ", -1)),
-                      t("span", it, v(n.type), 1),
-                      e[21] || (e[21] = B(" não suportado ", -1))
+                    ])], 2)) : (s(), n("span", rt, [
+                      e[20] || (e[20] = V("tipo ", -1)),
+                      t("span", ot, v(l.type), 1),
+                      e[21] || (e[21] = V(" não suportado ", -1))
                     ]))
                   ], 2))), 128))
-                ]))), 128)) : o.type_loading === "spiner" ? (s(!0), l(x, { key: 2 }, V(p.value.limit_per_page, (a) => (s(), l("tr", { key: a }, [
+                ]))), 128)) : o.type_loading === "spiner" ? (s(!0), n(M, { key: 2 }, B(c.value.limit_per_page, (a) => (s(), n("tr", { key: a }, [
                   t("td", {
                     colspan: h.value.length,
                     class: "text-center p-0",
                     style: { "border-bottom": "none" }
                   }, [
-                    a === Math.floor(p.value.limit_per_page / 2) + 1 ? (s(), l("div", ut, [...e[22] || (e[22] = [
+                    a === Math.floor(c.value.limit_per_page / 2) + 1 ? (s(), n("div", dt, [...e[22] || (e[22] = [
                       t("div", {
                         class: "spinner-border",
                         style: { width: "3rem", height: "3rem" },
                         role: "status"
                       }, null, -1),
                       t("span", { class: "mt-2" }, "Carregando...", -1)
-                    ])])) : (s(), l("div", pt))
-                  ], 8, dt)
+                    ])])) : (s(), n("div", ut))
+                  ], 8, it)
                 ]))), 128)) : g("", !0)
               ])
             ], 2)),
-            f(A) && f(A).current > 1 ? (s(), l("div", ct, " A conexão falhou. Tentando novamente... (Tentativa " + v(f(A).current) + " de " + v(f(A).total) + ") ", 1)) : g("", !0)
-          ], 64)) : f(Y) ? (s(), l("div", mt, [
+            f(A) && f(A).current > 1 ? (s(), n("div", ct, " A conexão falhou. Tentando novamente... (Tentativa " + v(f(A).current) + " de " + v(f(A).total) + ") ", 1)) : g("", !0)
+          ], 64)) : f(Y) ? (s(), n("div", pt, [
             e[23] || (e[23] = t("h4", { class: "text-danger" }, "Ocorreu um Erro", -1)),
-            f(A) ? (s(), l("p", vt, " Não foi possível carregar os dados após " + v(f(A).total) + " tentativa(s). ", 1)) : (s(), l("p", _t, " Não foi possível carregar os dados. Verifique sua conexão. ")),
+            f(A) ? (s(), n("p", mt, " Não foi possível carregar os dados após " + v(f(A).total) + " tentativa(s). ", 1)) : (s(), n("p", vt, " Não foi possível carregar os dados. Verifique sua conexão. ")),
             t("button", {
               class: "btn btn-primary mt-2",
               onClick: E
             }, " Tentar Novamente ")
-          ])) : u.value ? (s(), l("div", ht, [
-            u.value.length > 0 ? (s(), l("div", ft, [
+          ])) : u.value ? (s(), n("div", _t, [
+            u.value.length > 0 ? (s(), n("div", ht, [
               t("table", {
                 class: m(["table table-vcenter table-selectable", o.class_table])
               }, [
@@ -779,92 +785,92 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
                     "drag-class": "dragging-item"
                   }, {
                     header: H(() => [
-                      o.use_checkbox ? (s(), l("th", gt, [
+                      o.use_checkbox ? (s(), n("th", ft, [
                         t("input", {
                           class: "form-check-input m-0",
                           type: "checkbox",
                           ref_key: "selectAllCheckbox",
-                          ref: b,
+                          ref: x,
                           onChange: fe,
                           "aria-label": "Selecionar todos os itens na página"
                         }, null, 544)
                       ])) : g("", !0)
                     ]),
                     item: H(({ element: a }) => [
-                      a.use_ordering ? (s(), l("th", {
+                      a.use_ordering ? (s(), n("th", {
                         key: 0,
                         class: m(["header-draggable", a.class_column])
                       }, [
-                        t("div", kt, [
+                        t("div", gt, [
                           t("span", null, v(a.header), 1),
                           t("span", {
                             onClick: () => te(a.header),
                             class: "ms-2 cursor-pointer"
                           }, [
-                            !d.value[a.header] || d.value[a.header] === "none" ? (s(), l("svg", wt, [...e[24] || (e[24] = [
+                            !d.value[a.header] || d.value[a.header] === "none" ? (s(), n("svg", yt, [...e[24] || (e[24] = [
                               t("path", { d: "m3 8 4-4 4 4" }, null, -1),
                               t("path", { d: "m11 16-4 4-4-4" }, null, -1),
                               t("path", { d: "M7 4v16" }, null, -1),
                               t("path", { d: "M15 8h6" }, null, -1),
                               t("path", { d: "M15 16h6" }, null, -1),
                               t("path", { d: "M13 12h8" }, null, -1)
-                            ])])) : d.value[a.header] === "decreasing" ? (s(), l("svg", bt, [...e[25] || (e[25] = [
+                            ])])) : d.value[a.header] === "decreasing" ? (s(), n("svg", wt, [...e[25] || (e[25] = [
                               t("path", { d: "m3 16 4 4 4-4" }, null, -1),
                               t("path", { d: "M7 20V4" }, null, -1),
                               t("path", { d: "M11 4h10" }, null, -1),
                               t("path", { d: "M11 8h7" }, null, -1),
                               t("path", { d: "M11 12h4" }, null, -1)
-                            ])])) : d.value[a.header] === "increasing" ? (s(), l("svg", xt, [...e[26] || (e[26] = [
+                            ])])) : d.value[a.header] === "increasing" ? (s(), n("svg", bt, [...e[26] || (e[26] = [
                               t("path", { d: "m3 8 4-4 4 4" }, null, -1),
                               t("path", { d: "M7 4v16" }, null, -1),
                               t("path", { d: "M11 12h4" }, null, -1),
                               t("path", { d: "M11 16h7" }, null, -1),
                               t("path", { d: "M11 20h10" }, null, -1)
                             ])])) : g("", !0)
-                          ], 8, yt)
+                          ], 8, kt)
                         ])
-                      ], 2)) : (s(), l("th", {
+                      ], 2)) : (s(), n("th", {
                         key: 1,
                         class: m(["header-draggable", a.class_column])
                       }, v(a.header), 3))
                     ]),
                     footer: H(() => [
-                      (s(!0), l(x, null, V(X.value, (a) => (s(), l(x, {
+                      (s(!0), n(M, null, B(X.value, (a) => (s(), n(M, {
                         key: a.field || a.header
                       }, [
-                        a.use_ordering ? (s(), l("th", {
+                        a.use_ordering ? (s(), n("th", {
                           key: 0,
                           class: m(["header-locked header-ordering", a.class_column])
                         }, [
-                          t("div", Mt, [
+                          t("div", xt, [
                             t("span", null, v(a.header), 1),
                             t("span", {
                               onClick: () => te(a.header),
                               class: "ms-2 cursor-pointer"
                             }, [
-                              !d.value[a.header] || d.value[a.header] === "none" ? (s(), l("svg", St, [...e[27] || (e[27] = [
+                              !d.value[a.header] || d.value[a.header] === "none" ? (s(), n("svg", Ct, [...e[27] || (e[27] = [
                                 t("path", { d: "m3 8 4-4 4 4" }, null, -1),
                                 t("path", { d: "m11 16-4 4-4-4" }, null, -1),
                                 t("path", { d: "M7 4v16" }, null, -1),
                                 t("path", { d: "M15 8h6" }, null, -1),
                                 t("path", { d: "M15 16h6" }, null, -1),
                                 t("path", { d: "M13 12h8" }, null, -1)
-                              ])])) : d.value[a.header] === "decreasing" ? (s(), l("svg", $t, [...e[28] || (e[28] = [
+                              ])])) : d.value[a.header] === "decreasing" ? (s(), n("svg", St, [...e[28] || (e[28] = [
                                 t("path", { d: "m3 16 4 4 4-4" }, null, -1),
                                 t("path", { d: "M7 20V4" }, null, -1),
                                 t("path", { d: "M11 4h10" }, null, -1),
                                 t("path", { d: "M11 8h7" }, null, -1),
                                 t("path", { d: "M11 12h4" }, null, -1)
-                              ])])) : d.value[a.header] === "increasing" ? (s(), l("svg", zt, [...e[29] || (e[29] = [
+                              ])])) : d.value[a.header] === "increasing" ? (s(), n("svg", $t, [...e[29] || (e[29] = [
                                 t("path", { d: "m3 8 4-4 4 4" }, null, -1),
                                 t("path", { d: "M7 4v16" }, null, -1),
                                 t("path", { d: "M11 12h4" }, null, -1),
                                 t("path", { d: "M11 16h7" }, null, -1),
                                 t("path", { d: "M11 20h10" }, null, -1)
                               ])])) : g("", !0)
-                            ], 8, Ct)
+                            ], 8, Mt)
                           ])
-                        ], 2)) : (s(), l("th", {
+                        ], 2)) : (s(), n("th", {
                           key: 1,
                           class: m(["header-locked", a.class_column])
                         }, v(a.header), 3))
@@ -874,78 +880,78 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
                   }, 8, ["modelValue"])
                 ]),
                 t("tbody", null, [
-                  (s(!0), l(x, null, V(u.value, (a) => (s(), U(De, {
+                  (s(!0), n(M, null, B(u.value, (a) => (s(), U(De, {
                     tag: "tr",
                     key: a[o.item_key],
                     name: "column-move"
                   }, {
                     default: H(() => [
-                      o.use_checkbox ? (s(), l("td", Vt, [
+                      o.use_checkbox ? (s(), n("td", zt, [
                         t("input", {
                           class: "form-check-input m-0",
                           type: "checkbox",
                           checked: L(a),
-                          onChange: (n) => ge(a),
+                          onChange: (l) => ge(a),
                           "aria-label": "Selecionar este item"
                         }, null, 40, Bt)
                       ])) : g("", !0),
-                      (s(!0), l(x, null, V(me.value, (n) => (s(), l("td", {
-                        key: n.field || n.header,
-                        class: m(n.class_row)
+                      (s(!0), n(M, null, B(me.value, (l) => (s(), n("td", {
+                        key: l.field || l.header,
+                        class: m(l.class_row)
                       }, [
-                        n.bodySlot ? (s(), U(ne(n.bodySlot), {
+                        l.bodySlot ? (s(), U(le(l.bodySlot), {
                           key: 0,
                           item: a,
                           "is-selected": L(a)
-                        }, null, 8, ["item", "is-selected"])) : n.type === "text" ? (s(), l("span", {
+                        }, null, 8, ["item", "is-selected"])) : l.type === "text" ? (s(), n("span", {
                           key: 1,
-                          onClick: (y) => n.click ? n.click(a) : null,
-                          class: m(n.class_item + (n.click ? " cursor-pointer" : ""))
-                        }, v(ye(j(n.field, a, n.transform_function), n.limite_text ?? null)), 11, Nt)) : n.type === "date" ? (s(), l("span", {
+                          onClick: (y) => l.click ? l.click(a) : null,
+                          class: m(l.class_item + (l.click ? " cursor-pointer" : ""))
+                        }, v(ye(j(l.field, a, l.transform_function), l.limite_text ?? null)), 11, Vt)) : l.type === "date" ? (s(), n("span", {
                           key: 2,
-                          onClick: (y) => n.click ? n.click(a) : null,
-                          class: m(n.class_item + (n.click ? " cursor-pointer" : ""))
+                          onClick: (y) => l.click ? l.click(a) : null,
+                          class: m(l.class_item + (l.click ? " cursor-pointer" : ""))
                         }, [
-                          n.format === "complete" ? (s(), l("span", jt, v(new Date(j(n.field, a)).toLocaleString()), 1)) : g("", !0),
-                          n.format === "simple" ? (s(), l("span", Dt, v(new Date(j(
-                            n.field,
+                          l.format === "complete" ? (s(), n("span", Tt, v(new Date(j(l.field, a)).toLocaleString()), 1)) : g("", !0),
+                          l.format === "simple" ? (s(), n("span", jt, v(new Date(j(
+                            l.field,
                             a
                           )).toLocaleDateString()), 1)) : g("", !0)
-                        ], 10, Tt)) : n.type === "html" ? (s(), l("div", {
+                        ], 10, Nt)) : l.type === "html" ? (s(), n("div", {
                           key: 3,
-                          onClick: (y) => n.click ? n.click(a) : null,
-                          class: m(n.class_item + (n.click ? " cursor-pointer" : "")),
-                          innerHTML: j(n.field, a)
-                        }, null, 10, At)) : n.type === "img" ? (s(), l("div", {
+                          onClick: (y) => l.click ? l.click(a) : null,
+                          class: m(l.class_item + (l.click ? " cursor-pointer" : "")),
+                          innerHTML: j(l.field, a)
+                        }, null, 10, Dt)) : l.type === "img" ? (s(), n("div", {
                           key: 4,
-                          onClick: (y) => n.click ? n.click(a) : null,
-                          class: m(n.class_item + (n.click ? " cursor-pointer" : ""))
+                          onClick: (y) => l.click ? l.click(a) : null,
+                          class: m(l.class_item + (l.click ? " cursor-pointer" : ""))
                         }, [
-                          j(n.field, a) ? (s(), l("div", Ae({
+                          j(l.field, a) ? (s(), n("div", Ae({
                             key: 0,
                             ref_for: !0
-                          }, n.deactivate_img_preview ? {
+                          }, l.deactivate_img_preview ? {
                             class: "container-img"
                           } : {
-                            onMouseover: (y) => f($)(y, j(n.field, a)),
+                            onMouseover: (y) => f($)(y, j(l.field, a)),
                             onMousemove: f(D),
                             onMouseleave: f(I),
                             class: "container-img container-img-preview"
                           }), [
                             t("img", {
                               class: "img-tamanho",
-                              src: j(n.field, a)
-                            }, null, 8, It),
+                              src: j(l.field, a)
+                            }, null, 8, Et),
                             t("img", {
                               class: "img-tamanho-cover",
-                              src: j(n.field, a)
-                            }, null, 8, Ot),
+                              src: j(l.field, a)
+                            }, null, 8, It),
                             e[30] || (e[30] = t("div", { class: "bg-img" }, null, -1))
                           ], 16)) : g("", !0)
-                        ], 10, Et)) : (s(), l("span", Ht, [
-                          e[31] || (e[31] = B("tipo ", -1)),
-                          t("span", Pt, v(n.type), 1),
-                          e[32] || (e[32] = B(" não suportado", -1))
+                        ], 10, At)) : (s(), n("span", Ot, [
+                          e[31] || (e[31] = V("tipo ", -1)),
+                          t("span", Ht, v(l.type), 1),
+                          e[32] || (e[32] = V(" não suportado", -1))
                         ]))
                       ], 2))), 128))
                     ]),
@@ -953,30 +959,30 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
                   }, 1024))), 128))
                 ])
               ], 2)
-            ])) : c.value === !1 ? (s(), l("div", qt)) : (s(), l("div", Lt, [...e[33] || (e[33] = [
+            ])) : p.value === !1 ? (s(), n("div", Pt)) : (s(), n("div", qt, [...e[33] || (e[33] = [
               t("p", { class: "m-0" }, "Nenhum item encontrado.", -1)
             ])]))
           ])) : g("", !0)
         ], 2)
       ], 2),
       O(r.$slots, "pagination", {
-        pagination: p.value,
+        pagination: c.value,
         tradePage: E,
         error: f(Y)
       }, () => [
-        !f(Y) && p.value.count > 0 ? (s(), l("div", {
+        !f(Y) && c.value.count > 0 ? (s(), n("div", {
           key: 0,
           class: m(["px-3", o.class_pagination])
         }, [
           Q(Ie, {
             page_starts_at: o.page_starts_at,
             filtering: !0,
-            pagination: p.value,
+            pagination: c.value,
             onTradePage: E
           }, null, 8, ["page_starts_at", "pagination"])
         ], 2)) : g("", !0)
       ], !0),
-      f(C) ? (s(), l("div", {
+      f(b) ? (s(), n("div", {
         key: 0,
         class: "image-preview-container",
         style: Ee(f(z))
@@ -985,12 +991,12 @@ const Je = { class: "text-secondary" }, Qe = { class: "mx-2 d-inline-block" }, R
           src: f(S),
           alt: "Preview",
           class: "image-preview-large"
-        }, null, 8, Ut)
+        }, null, 8, Lt)
       ], 4)) : g("", !0)
     ]));
   }
-}), Wt = /* @__PURE__ */ oe(Ft, [["__scopeId", "data-v-e5706981"]]);
+}), Gt = /* @__PURE__ */ oe(Ut, [["__scopeId", "data-v-1f716b02"]]);
 export {
-  Gt as VColumn,
-  Wt as VDataTable
+  Xt as VColumn,
+  Gt as VDataTable
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "v-sistec-features",
   "private": false,
-  "version": "1.9.2",
+  "version": "1.9.3",
   "author": "Márlon Bento Azevedo (https://github.com/marlon-bento)",
   "repository": {
     "type": "git",

package/src/DatatableVue/components/SearchDatatable.vue

@@ -62,6 +62,7 @@ interface SearchProps {
     list_filter?: any[];
     item_use?: number[];
     placeholder_search?: string;
+    deactivate_search_on_clear?: boolean;
 }
 const props = withDefaults(defineProps<SearchProps>(), {
     filter: "",
@@ -96,6 +97,7 @@ const props = withDefaults(defineProps<SearchProps>(), {
     // até o momento existem 2 items: 1 (search) e 2 (filter)
     placeholder_search: "Buscar...",
     click: null,
+    deactivate_search_on_clear: false,
 });
 
 const emit = defineEmits(['update:search', 'update:filter', "search"])
@@ -144,7 +146,9 @@ function tradeFilter(newFilter: string): void {
 
 function cleanSearch(): void {
     modelSearch.value = ""
-    emit('search'); // emite o evento de busca para atualizar a lista
+    if (!props.deactivate_search_on_clear){
+        emit('search'); // emite o evento de busca para atualizar a lista
+    }
 }
 
 function clickItem(filter: any): void {

package/src/DatatableVue/components/VDataTable.vue

@@ -5,7 +5,7 @@
       <div class="" :class="props.class_content">
         <div :class="props.class_filters" class="d-flex justify-content-between align-items-start ">
           <slot name="pageSize" :changePageSize="changePageSize" :limit_per_page="pagination.limit_per_page">
-            <div class="text-secondary">
+            <div class="text-secondary" :class="props.class_page_size">
               {{ props.first_text_page_size }}
               <div class="mx-2 d-inline-block">
                 <input class="form-control form-control-sm" @change="changePageSize"
@@ -21,7 +21,9 @@
           </slot>
 
           <Search v-model:search="pagination.search" v-model:filter="pagination.filter" :list_filter="props.list_filter"
-            :item_use="item_use" @search="reSearch" :placeholder_search="props.placeholder_search"/>
+            :item_use="item_use" @search="reSearch" 
+            :deactivate_search_on_clear="props.deactivate_search_on_clear"
+            :placeholder_search="props.placeholder_search"/>
         </div>
         <slot name="item-selected-info" :selected_items="selected_items" :clearSelection="() => selected_items = []">
           <div v-if="(props.use_checkbox && selected_items.length > 0) && !props.deactivate_selected_info"
@@ -397,6 +399,7 @@ const props = withDefaults(defineProps<VDataTableProps>(), {
   class_container: '',
   class_pagination: '',
   class_filters: '',
+  class_page_size: '',
   min_loading_delay: 600,
   retry_attempts: 3,
   retry_delay: 2000,
@@ -409,6 +412,7 @@ const props = withDefaults(defineProps<VDataTableProps>(), {
   deactivate_selected_info: false,
   immediate: true,
   placeholder_search: "Buscar...",
+  deactivate_search_on_clear: false,
 });
 
 

package/src/DatatableVue/keys.ts

@@ -19,6 +19,7 @@ export interface ColumnConfiguration {
   param_ordering: string;
   decreasing_value: string;
   increasing_value: string;
+
 }
 
 // A API que o VDataTable "fornece" para os filhos

package/src/DatatableVue/types/v-data-table.ts

@@ -37,6 +37,7 @@ export interface VDataTableProps {
   class_container?: string;
   class_pagination?: string;
   class_filters?: string;
+  class_page_size?: string;
 
   /*
   * tempo mínimo em ms para mostrar o loading para evitar telas piscando
@@ -61,6 +62,7 @@ export interface VDataTableProps {
   deactivate_selected_info?: boolean;
   immediate?: boolean;
   placeholder_search?: string;
+  deactivate_search_on_clear?: boolean;
 }
 
 export interface ExposedFunctions<T extends Record<string, any>> {