@autenticar-me/vue 0.5.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/UserProfile.vue.d.ts.map +1 -1
- package/dist/index.cjs +157 -124
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +157 -124
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
(function() {
|
|
3
3
|
if (typeof document !== 'undefined') {
|
|
4
4
|
const style = document.createElement('style');
|
|
5
|
-
style.textContent = "\n.atm-overlay[data-v-c347df44] {\n position: fixed;\n inset: 0;\n z-index: 99999;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(4px);\n overflow-y: auto;\n padding: 1.5rem 0;\n}\n.atm-container[data-v-c347df44] {\n padding: 0 1.5rem;\n width: 100%;\n margin: auto;\n}\n.atm-fade-layer[data-v-c347df44] {\n position: fixed;\n inset: 0;\n transition: opacity 0.2s ease;\n pointer-events: none;\n}\n.atm-fade-bg[data-v-c347df44] {\n position: absolute;\n inset: 0;\n opacity: 0.75;\n}\n.atm-modal[data-v-c347df44] {\n position: relative;\n display: inline-block;\n vertical-align: bottom;\n background-color: #ffffff;\n border-radius: 0.5rem;\n text-align: left;\n box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);\n transform: translate(0);\n transition: all 0.2s ease-in-out;\n max-width: 32rem;\n width: 100%;\n max-height: calc(100vh - 3rem);\n display: flex;\n flex-direction: column;\n}\n.atm-close-button[data-v-c347df44] {\n position: absolute;\n top: 1rem;\n right: 1rem;\n color: #9ca3af;\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n}\n.atm-close-button[data-v-c347df44]:hover {\n color: #4b5563;\n}\n.atm-icon[data-v-c347df44] {\n width: 1.5rem;\n height: 1.5rem;\n}\n.atm-modal-content[data-v-c347df44] {\n padding: 1.25rem;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-modal-title[data-v-c347df44] {\n font-size: 1.125rem;\n font-weight: 500;\n color: #111827;\n margin: 0;\n margin-bottom: 0.75rem;\n}\n@media (max-width: 768px) {\n.atm-overlay[data-v-c347df44] {\n padding: 1rem 0;\n}\n.atm-container[data-v-c347df44] {\n padding: 0 1rem;\n}\n.atm-modal[data-v-c347df44] {\n border-radius: 0.375rem;\n max-height: calc(100vh - 2rem);\n}\n.atm-modal-content[data-v-c347df44] {\n padding: 1rem;\n}\n.atm-modal-title[data-v-c347df44] {\n font-size: 1rem;\n margin-bottom: 0.75rem;\n}\n.atm-close-button[data-v-c347df44] {\n top: 0.75rem;\n right: 0.75rem;\n}\n.atm-icon[data-v-c347df44] {\n width: 1.25rem;\n height: 1.25rem;\n}\n}\n@media (max-width: 480px) {\n.atm-overlay[data-v-c347df44] {\n padding: 0.5rem 0;\n}\n.atm-container[data-v-c347df44] {\n padding: 0 0.5rem;\n}\n.atm-modal[data-v-c347df44] {\n border-radius: 0.25rem;\n max-width: 100%;\n max-height: calc(100vh - 1rem);\n}\n.atm-modal-content[data-v-c347df44] {\n padding: 0.875rem;\n}\n.atm-modal-title[data-v-c347df44] {\n font-size: 0.9375rem;\n margin-bottom: 0.625rem;\n}\n.atm-close-button[data-v-c347df44] {\n top: 0.5rem;\n right: 0.5rem;\n}\n}\n@media (max-width: 360px) {\n.atm-overlay[data-v-c347df44] {\n padding: 0.25rem 0;\n}\n.atm-container[data-v-c347df44] {\n padding: 0 0.25rem;\n}\n.atm-modal[data-v-c347df44] {\n max-height: calc(100vh - 0.5rem);\n}\n.atm-modal-content[data-v-c347df44] {\n padding: 0.75rem;\n}\n.atm-modal-title[data-v-c347df44] {\n font-size: 0.875rem;\n margin-bottom: 0.5rem;\n}\n}\n\n.atm-login-container[data-v-c3d00fb8] {\n background: #ffffff;\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-c3d00fb8] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-c3d00fb8] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f0f0f0;\n border-radius: 50%;\n color: #888;\n font-size: 11px;\n}\n.atm-logo-image[data-v-c3d00fb8] {\n max-width: 44px;\n max-height: 44px;\n margin: 0 auto;\n display: block;\n border-radius: 4px;\n object-fit: contain;\n}\n.atm-project-name[data-v-c3d00fb8] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v36da353d);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-c3d00fb8] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: #666;\n}\n.atm-form-group[data-v-c3d00fb8] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-c3d00fb8] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: #555;\n font-weight: 500;\n}\n.atm-input-field[data-v-c3d00fb8] {\n width: 100%;\n padding: 8px 10px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-c3d00fb8]:focus {\n outline: none;\n border-color: var(--v36da353d);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-c3d00fb8]:disabled {\n background-color: #f5f5f5;\n cursor: not-allowed;\n}\n.atm-field-error[data-v-c3d00fb8] {\n color: #dc3545;\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-alternative-options[data-v-c3d00fb8] {\n margin-top: 8px;\n text-align: center;\n}\n.atm-forgot-password-link[data-v-c3d00fb8] {\n font-size: 12px;\n background: none;\n border: none;\n color: var(--v7cb12bea);\n cursor: pointer;\n text-decoration: none;\n padding: 0;\n font-family: inherit;\n}\n.atm-forgot-password-link[data-v-c3d00fb8]:hover:not(:disabled) {\n text-decoration: underline;\n}\n.atm-forgot-password-link[data-v-c3d00fb8]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-strategy-choice[data-v-c3d00fb8] {\n text-align: center;\n margin-bottom: 12px;\n}\n.atm-strategy-title[data-v-c3d00fb8] {\n font-size: 14px;\n color: #666;\n margin-bottom: 12px;\n}\n.atm-strategy-buttons[data-v-c3d00fb8] {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-strategy-button[data-v-c3d00fb8] {\n width: 100%;\n padding: 10px;\n background: #f8f9fa;\n color: #333;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.2s;\n}\n.atm-strategy-button[data-v-c3d00fb8]:hover:not(:disabled) {\n background: #e9ecef;\n border-color: var(--v36da353d);\n}\n.atm-strategy-button[data-v-c3d00fb8]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-email-link-text[data-v-c3d00fb8] {\n font-size: 14px;\n color: #666;\n margin: 0;\n text-align: center;\n}\n.atm-login-button[data-v-c3d00fb8] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v36da353d);\n color: #fff;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.atm-login-button[data-v-c3d00fb8]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-login-button[data-v-c3d00fb8]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-c3d00fb8] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-c3d00fb8] {\n animation: spin-c3d00fb8 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-c3d00fb8] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-c3d00fb8 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-c3d00fb8] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-signup-text[data-v-c3d00fb8] {\n color: #666;\n margin-bottom: 6px;\n}\n.atm-signup-link[data-v-c3d00fb8] {\n color: var(--v7cb12bea);\n text-decoration: none;\n cursor: pointer;\n}\n.atm-signup-link[data-v-c3d00fb8]:hover {\n text-decoration: underline;\n}\n.atm-powered-by[data-v-c3d00fb8] {\n color: #999;\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-c3d00fb8] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-c3d00fb8] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-c3d00fb8] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-c3d00fb8] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-c3d00fb8] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-login-button[data-v-c3d00fb8] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-strategy-button[data-v-c3d00fb8] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-footer-links[data-v-c3d00fb8] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-c3d00fb8] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-c3d00fb8] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-c3d00fb8] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-c3d00fb8] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-c3d00fb8] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-c3d00fb8] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-c3d00fb8] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-login-button[data-v-c3d00fb8] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-forgot-password-link[data-v-c3d00fb8] {\n font-size: 11px;\n}\n.atm-strategy-title[data-v-c3d00fb8] {\n font-size: 13px;\n margin-bottom: 10px;\n}\n.atm-strategy-button[data-v-c3d00fb8] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-email-link-text[data-v-c3d00fb8] {\n font-size: 13px;\n}\n.atm-footer-links[data-v-c3d00fb8] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-c3d00fb8] {\n font-size: 10px;\n}\n.spinner-svg[data-v-c3d00fb8] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-c3d00fb8] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-c3d00fb8] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-c3d00fb8] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-c3d00fb8] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-c3d00fb8] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-c3d00fb8] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-c3d00fb8] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-c3d00fb8] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-login-button[data-v-c3d00fb8] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-strategy-button[data-v-c3d00fb8] {\n padding: 8px;\n font-size: 12px;\n}\n.atm-footer-links[data-v-c3d00fb8] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-c3d00fb8] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-notification-container[data-v-f5e47084] {\n font-family: Arial, Helvetica, sans-serif;\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 99999;\n pointer-events: none;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 12px 16px;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n min-width: 250px;\n max-width: 350px;\n pointer-events: auto;\n}\n.atm-notification--error[data-v-f5e47084] {\n background: #ff3333;\n color: #FFF;\n}\n.atm-notification--success[data-v-f5e47084] {\n background: #00a622;\n color: #FFF;\n}\n.atm-notification--warning[data-v-f5e47084] {\n background: #ffa500;\n color: #FFF;\n}\n.atm-notification-enter-active[data-v-f5e47084] {\n transition: all 0.3s ease-out;\n}\n.atm-notification-leave-active[data-v-f5e47084] {\n transition: all 0.3s ease-in;\n}\n.atm-notification-enter-from[data-v-f5e47084] {\n transform: translateX(100%);\n opacity: 0;\n}\n.atm-notification-leave-to[data-v-f5e47084] {\n transform: translateX(100%);\n opacity: 0;\n}\n@media (max-width: 768px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 16px;\n right: 16px;\n left: 16px;\n}\n.atm-notification[data-v-f5e47084] {\n min-width: auto;\n max-width: 100%;\n padding: 11px 14px;\n font-size: 13px;\n}\n}\n@media (max-width: 480px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 12px;\n right: 12px;\n left: 12px;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 10px 12px;\n font-size: 12px;\n border-radius: 5px;\n}\n}\n@media (max-width: 360px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 10px;\n right: 10px;\n left: 10px;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 9px 11px;\n font-size: 11px;\n border-radius: 4px;\n}\n}\n\n.atm-signup-container[data-v-3359c6ca] {\n width: 100%;\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-3359c6ca] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-3359c6ca] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f0f0f0;\n border-radius: 50%;\n color: #888;\n font-size: 11px;\n}\n.atm-logo-image[data-v-3359c6ca] {\n max-width: 44px;\n max-height: 44px;\n margin: 0 auto;\n display: block;\n border-radius: 4px;\n object-fit: contain;\n}\n.atm-project-name[data-v-3359c6ca] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v9e732be0);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-3359c6ca] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: #666;\n}\n.atm-form-group[data-v-3359c6ca] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-3359c6ca] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: #555;\n font-weight: 500;\n}\n.atm-input-field[data-v-3359c6ca] {\n width: 100%;\n padding: 8px 10px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-3359c6ca]:focus {\n outline: none;\n border-color: var(--v9e732be0);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-3359c6ca]:disabled {\n background-color: #f5f5f5;\n cursor: not-allowed;\n}\n.atm-field-error[data-v-3359c6ca] {\n color: #dc3545;\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-signup-button[data-v-3359c6ca] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v9e732be0);\n color: #fff;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.atm-signup-button[data-v-3359c6ca]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-signup-button[data-v-3359c6ca]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-3359c6ca] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-3359c6ca] {\n animation: spin-3359c6ca 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-3359c6ca] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-3359c6ca {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-3359c6ca] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-login-text[data-v-3359c6ca] {\n color: #666;\n margin-bottom: 6px;\n}\n.atm-login-link[data-v-3359c6ca] {\n color: var(--v7159b61e);\n text-decoration: none;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-login-link[data-v-3359c6ca]:hover:not(.disabled-link) {\n text-decoration: underline;\n}\n.atm-login-link.disabled-link[data-v-3359c6ca] {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n.atm-powered-by[data-v-3359c6ca] {\n color: #999;\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-3359c6ca] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-3359c6ca] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-3359c6ca] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-3359c6ca] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-3359c6ca] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-3359c6ca] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-footer-links[data-v-3359c6ca] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-3359c6ca] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-3359c6ca] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-3359c6ca] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-3359c6ca] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-3359c6ca] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-3359c6ca] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-3359c6ca] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-3359c6ca] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-footer-links[data-v-3359c6ca] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-3359c6ca] {\n font-size: 10px;\n}\n.spinner-svg[data-v-3359c6ca] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-3359c6ca] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-3359c6ca] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-3359c6ca] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-3359c6ca] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-3359c6ca] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-3359c6ca] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-3359c6ca] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-3359c6ca] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-signup-button[data-v-3359c6ca] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-footer-links[data-v-3359c6ca] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-3359c6ca] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signin-btn[data-v-e490ca63] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v111e7704);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s;\n min-height: 44px;\n}\n.atm-signin-btn[data-v-e490ca63]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signin-btn[data-v-e490ca63] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signin-btn[data-v-e490ca63] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signin-btn[data-v-e490ca63] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-signup-btn[data-v-7346e92d] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v334adbc1);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s;\n min-height: 44px;\n}\n.atm-signup-btn[data-v-7346e92d]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signup-btn[data-v-7346e92d] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signup-btn[data-v-7346e92d] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signup-btn[data-v-7346e92d] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-profile-container {\n position: relative;\n display: inline-block;\n font-family: 'Segoe UI', system-ui, sans-serif;\n}\n.atm-profile-button {\n display: flex;\n align-items: center;\n gap: 8px;\n background: none;\n border: none;\n cursor: pointer;\n padding: 8px 12px;\n border-radius: 6px;\n transition: background 0.2s;\n}\n.atm-profile-button:hover {\n background: #f0f0f0;\n}\n.atm-profile-avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background-color: var(--v1982ae74);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 500;\n}\n.atm-profile-avatar.large {\n width: 48px;\n height: 48px;\n font-size: 16px;\n}\n.atm-profile-avatar-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n}\n.atm-profile-name {\n font-size: 14px;\n color: #333;\n font-weight: 500;\n}\n.atm-profile-arrow {\n width: 16px;\n height: 16px;\n transition: transform 0.2s;\n}\n.atm-rotate {\n transform: rotate(180deg);\n}\n.atm-profile-menu {\n position: absolute;\n top: 100%;\n left: 0;\n width: 280px;\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n z-index: 1000;\n overflow: hidden;\n margin-top: 4px;\n}\n.atm-profile-info {\n display: flex;\n gap: 12px;\n padding: 16px;\n border-bottom: 1px solid #f0f0f0;\n}\n.atm-profile-details {\n flex: 1;\n min-width: 0;\n}\n.atm-profile-fullname {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: #333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.atm-profile-email {\n margin: 4px 0 0;\n font-size: 13px;\n color: #666;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.atm-profile-options {\n padding: 8px 0;\n}\n.atm-profile-option {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 16px;\n background: none;\n border: none;\n text-align: left;\n cursor: pointer;\n font-size: 14px;\n color: #333;\n gap: 10px;\n transition: background 0.2s;\n}\n.atm-profile-option:hover {\n background: #f5f5f5;\n}\n.atm-profile-icon {\n width: 18px;\n height: 18px;\n color: #666;\n}\n.atm-fade-enter-active,\n.atm-fade-leave-active {\n transition: opacity 0.2s, transform 0.2s;\n}\n.atm-fade-enter-from,\n.atm-fade-leave-to {\n opacity: 0;\n transform: translateY(-10px);\n}\n.atm-profile-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow-y: auto;\n padding: 1.5rem;\n}\n.atm-profile-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n pointer-events: none;\n}\n.atm-profile-content {\n position: relative;\n width: 100%;\n max-width: 450px;\n background: white;\n border-radius: 12px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n z-index: 1;\n max-height: calc(100vh - 3rem);\n display: flex;\n flex-direction: column;\n margin: auto;\n}\n.atm-profile-header {\n padding: 16px;\n border-bottom: 1px solid #f0f0f0;\n display: flex;\n align-items: center;\n}\n.atm-profile-close {\n background: none;\n border: none;\n font-size: 24px;\n cursor: pointer;\n padding: 8px;\n margin-right: 12px;\n color: #666;\n}\n.atm-profile-title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: #333;\n}\n.atm-profile-tabs {\n display: flex;\n border-bottom: 1px solid #f0f0f0;\n background: #f8f9fa;\n}\n.atm-tab {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n padding: 12px 16px;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n color: #666;\n transition: all 0.2s;\n}\n.atm-tab:hover {\n background: #e9ecef;\n}\n.atm-tab-active {\n color: var(--v1982ae74) !important;\n background: white;\n border-bottom: 2px solid var(--v1982ae74);\n}\n.atm-tab-icon {\n width: 16px;\n height: 16px;\n}\n.atm-profile-body {\n padding: 24px;\n text-align: center;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-profile-avatar-large {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background-color: var(--v1982ae74);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 600;\n margin: 0 auto 20px;\n}\n.atm-profile-info-grid {\n width: 100%;\n text-align: left;\n margin-top: 20px;\n}\n.atm-profile-info-row {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\n font-size: 13px;\n color: #666;\n margin-bottom: 4px;\n}\n.atm-profile-info-value {\n font-size: 16px;\n color: #333;\n font-weight: 500;\n}\n.atm-profile-edit-form {\n width: 100%;\n text-align: left;\n margin-top: 20px;\n}\n.atm-form-group {\n margin-bottom: 16px;\n}\n.atm-input-label {\n display: block;\n margin-bottom: 6px;\n font-size: 13px;\n color: #555;\n font-weight: 500;\n}\n.atm-input-field {\n width: 100%;\n padding: 10px 12px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field:focus {\n outline: none;\n border-color: var(--v1982ae74);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-form-actions {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n.atm-save-btn,\n.atm-edit-profile-btn,\n.atm-reset-password-btn,\n.atm-add-email-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: var(--v1982ae74);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n justify-content: center;\n}\n.atm-save-btn:hover,\n.atm-edit-profile-btn:hover,\n.atm-reset-password-btn:hover,\n.atm-add-email-btn:hover {\n opacity: 0.9;\n}\n.atm-cancel-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1;\n padding: 12px;\n background: #f8f9fa;\n color: #666;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n justify-content: center;\n}\n.atm-cancel-btn:hover {\n background: #e9ecef;\n}\n.atm-btn-icon {\n width: 16px;\n height: 16px;\n}\n.atm-email-add-section {\n margin-bottom: 24px;\n text-align: left;\n}\n.atm-email-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n text-align: left;\n}\n.atm-email-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n background: #f8f9fa;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n}\n.atm-email-info {\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n}\n.atm-email-address {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.atm-email-icon {\n width: 16px;\n height: 16px;\n color: var(--c7d31cfc);\n}\n.atm-email-badges {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n}\n.atm-badge {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n font-size: 11px;\n font-weight: 500;\n border-radius: 12px;\n text-transform: uppercase;\n}\n.atm-badge-icon {\n width: 12px;\n height: 12px;\n}\n.atm-badge-primary {\n background: #e3f2fd;\n color: #1976d2;\n}\n.atm-badge-verified {\n background: #e8f5e8;\n color: #2e7d32;\n}\n.atm-badge-unverified {\n background: #fff3e0;\n color: #f57c00;\n}\n.atm-email-actions {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.atm-verify-btn {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: var(--v1982ae74);\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-verify-btn:hover {\n opacity: 0.9;\n}\n.atm-delete-btn {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: #dc3545;\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-delete-btn:hover {\n opacity: 0.9;\n}\n.atm-password-section {\n text-align: left;\n}\n.atm-sessions-section {\n text-align: left;\n}\n.atm-sessions-info {\n margin-bottom: 20px;\n}\n.atm-sessions-description {\n margin: 0;\n font-size: 14px;\n color: #666;\n line-height: 1.5;\n}\n.atm-sessions-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.atm-session-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px;\n background: #f8f9fa;\n border-radius: 8px;\n border: 1px solid #e9ecef;\n gap: 16px;\n}\n.atm-session-header {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n}\n.atm-session-icon {\n width: 24px;\n height: 24px;\n color: var(--c7d31cfc);\n flex-shrink: 0;\n}\n.atm-session-details {\n flex: 1;\n min-width: 0;\n}\n.atm-session-title {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 4px;\n font-size: 15px;\n font-weight: 600;\n color: #333;\n}\n.atm-session-device-info {\n font-size: 13px;\n color: #666;\n margin-bottom: 8px;\n}\n.atm-badge-current {\n background: #d1f4e0;\n color: #0f9d58;\n}\n.atm-session-timestamps {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.atm-session-timestamp {\n display: flex;\n gap: 6px;\n font-size: 13px;\n color: #666;\n}\n.atm-timestamp-label {\n font-weight: 500;\n color: #555;\n}\n.atm-session-actions {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-close-session-btn {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #dc3545;\n color: white;\n border: none;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n white-space: nowrap;\n}\n.atm-close-session-btn:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-profile-button {\n padding: 6px 10px;\n gap: 6px;\n}\n.atm-profile-name {\n font-size: 13px;\n}\n.atm-profile-menu {\n width: 260px;\n}\n.atm-profile-modal {\n padding: 1rem;\n}\n.atm-profile-content {\n max-width: 90%;\n max-height: calc(100vh - 2rem);\n}\n.atm-profile-header {\n padding: 14px;\n}\n.atm-profile-title {\n font-size: 16px;\n}\n.atm-profile-body {\n padding: 20px;\n}\n.atm-tab {\n padding: 10px 12px;\n font-size: 13px;\n gap: 4px;\n}\n.atm-tab-icon {\n width: 14px;\n height: 14px;\n}\n.atm-profile-avatar-large {\n width: 70px;\n height: 70px;\n font-size: 22px;\n}\n.atm-email-item {\n flex-direction: column;\n gap: 12px;\n align-items: flex-start;\n}\n.atm-email-actions {\n flex-direction: row;\n width: 100%;\n}\n.atm-verify-btn,\n .atm-delete-btn {\n flex: 1;\n justify-content: center;\n}\n.atm-session-item {\n flex-direction: column;\n align-items: flex-start;\n}\n.atm-session-actions {\n width: 100%;\n}\n.atm-close-session-btn {\n width: 100%;\n justify-content: center;\n}\n}\n@media (max-width: 480px) {\n.atm-profile-button {\n padding: 4px 8px;\n gap: 4px;\n}\n.atm-profile-avatar {\n width: 28px;\n height: 28px;\n font-size: 11px;\n}\n.atm-profile-avatar.large {\n width: 40px;\n height: 40px;\n font-size: 14px;\n}\n.atm-profile-name {\n font-size: 12px;\n}\n.atm-profile-arrow {\n width: 14px;\n height: 14px;\n}\n.atm-profile-menu {\n width: calc(100vw - 20px);\n max-width: 240px;\n}\n.atm-profile-info {\n padding: 12px;\n gap: 10px;\n}\n.atm-profile-fullname {\n font-size: 13px;\n}\n.atm-profile-email {\n font-size: 12px;\n}\n.atm-profile-option {\n padding: 8px 12px;\n font-size: 13px;\n gap: 8px;\n}\n.atm-profile-icon {\n width: 16px;\n height: 16px;\n}\n.atm-profile-modal {\n padding: 0.5rem;\n}\n.atm-profile-content {\n max-width: 95%;\n max-height: calc(100vh - 1rem);\n}\n.atm-profile-header {\n padding: 12px;\n}\n.atm-profile-close {\n font-size: 20px;\n padding: 4px;\n margin-right: 8px;\n}\n.atm-profile-title {\n font-size: 15px;\n}\n.atm-profile-body {\n padding: 16px;\n}\n.atm-tab {\n padding: 8px 8px;\n font-size: 12px;\n gap: 3px;\n}\n.atm-tab-icon {\n width: 13px;\n height: 13px;\n}\n.atm-profile-avatar-large {\n width: 60px;\n height: 60px;\n font-size: 20px;\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\n font-size: 12px;\n}\n.atm-profile-info-value {\n font-size: 14px;\n}\n.atm-input-label {\n font-size: 12px;\n}\n.atm-input-field {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-form-actions {\n flex-direction: column;\n gap: 8px;\n}\n.atm-save-btn,\n .atm-cancel-btn,\n .atm-edit-profile-btn,\n .atm-reset-password-btn {\n width: 100%;\n padding: 10px;\n font-size: 13px;\n}\n.atm-email-item {\n padding: 10px;\n}\n.atm-email-address {\n font-size: 13px;\n}\n.atm-badge {\n font-size: 10px;\n padding: 2px 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-profile-button {\n padding: 4px 6px;\n}\n.atm-profile-avatar {\n width: 26px;\n height: 26px;\n font-size: 10px;\n}\n.atm-profile-name {\n display: none;\n}\n.atm-profile-menu {\n width: calc(100vw - 16px);\n max-width: 220px;\n}\n.atm-profile-modal {\n padding: 0.25rem;\n}\n.atm-profile-content {\n max-width: 98%;\n max-height: calc(100vh - 0.5rem);\n}\n.atm-profile-body {\n padding: 12px;\n}\n.atm-tab {\n padding: 8px 6px;\n font-size: 11px;\n flex-direction: column;\n gap: 2px;\n}\n.atm-profile-avatar-large {\n width: 50px;\n height: 50px;\n font-size: 18px;\n}\n.atm-email-item {\n padding: 8px;\n}\n}\n\n.atm-auth-buttons[data-v-0c63ecb8] {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n}\n@media (max-width: 768px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 14px;\n}\n}\n@media (max-width: 480px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 12px;\n flex-direction: column;\n}\n}\n@media (max-width: 360px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 10px;\n}\n}\n\n.atm-logout-btn[data-v-7157f989] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v2ec0f896);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n min-height: 44px;\n}\n.atm-logout-btn[data-v-7157f989]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-logout-btn[data-v-7157f989] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-logout-btn[data-v-7157f989] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-logout-btn[data-v-7157f989] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n";
|
|
5
|
+
style.textContent = "\n.atm-overlay[data-v-c347df44] {\n position: fixed;\n inset: 0;\n z-index: 99999;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(4px);\n overflow-y: auto;\n padding: 1.5rem 0;\n}\n.atm-container[data-v-c347df44] {\n padding: 0 1.5rem;\n width: 100%;\n margin: auto;\n}\n.atm-fade-layer[data-v-c347df44] {\n position: fixed;\n inset: 0;\n transition: opacity 0.2s ease;\n pointer-events: none;\n}\n.atm-fade-bg[data-v-c347df44] {\n position: absolute;\n inset: 0;\n opacity: 0.75;\n}\n.atm-modal[data-v-c347df44] {\n position: relative;\n display: inline-block;\n vertical-align: bottom;\n background-color: #ffffff;\n border-radius: 0.5rem;\n text-align: left;\n box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);\n transform: translate(0);\n transition: all 0.2s ease-in-out;\n max-width: 32rem;\n width: 100%;\n max-height: calc(100vh - 3rem);\n display: flex;\n flex-direction: column;\n}\n.atm-close-button[data-v-c347df44] {\n position: absolute;\n top: 1rem;\n right: 1rem;\n color: #9ca3af;\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n}\n.atm-close-button[data-v-c347df44]:hover {\n color: #4b5563;\n}\n.atm-icon[data-v-c347df44] {\n width: 1.5rem;\n height: 1.5rem;\n}\n.atm-modal-content[data-v-c347df44] {\n padding: 1.25rem;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-modal-title[data-v-c347df44] {\n font-size: 1.125rem;\n font-weight: 500;\n color: #111827;\n margin: 0;\n margin-bottom: 0.75rem;\n}\n@media (max-width: 768px) {\n.atm-overlay[data-v-c347df44] {\n padding: 1rem 0;\n}\n.atm-container[data-v-c347df44] {\n padding: 0 1rem;\n}\n.atm-modal[data-v-c347df44] {\n border-radius: 0.375rem;\n max-height: calc(100vh - 2rem);\n}\n.atm-modal-content[data-v-c347df44] {\n padding: 1rem;\n}\n.atm-modal-title[data-v-c347df44] {\n font-size: 1rem;\n margin-bottom: 0.75rem;\n}\n.atm-close-button[data-v-c347df44] {\n top: 0.75rem;\n right: 0.75rem;\n}\n.atm-icon[data-v-c347df44] {\n width: 1.25rem;\n height: 1.25rem;\n}\n}\n@media (max-width: 480px) {\n.atm-overlay[data-v-c347df44] {\n padding: 0.5rem 0;\n}\n.atm-container[data-v-c347df44] {\n padding: 0 0.5rem;\n}\n.atm-modal[data-v-c347df44] {\n border-radius: 0.25rem;\n max-width: 100%;\n max-height: calc(100vh - 1rem);\n}\n.atm-modal-content[data-v-c347df44] {\n padding: 0.875rem;\n}\n.atm-modal-title[data-v-c347df44] {\n font-size: 0.9375rem;\n margin-bottom: 0.625rem;\n}\n.atm-close-button[data-v-c347df44] {\n top: 0.5rem;\n right: 0.5rem;\n}\n}\n@media (max-width: 360px) {\n.atm-overlay[data-v-c347df44] {\n padding: 0.25rem 0;\n}\n.atm-container[data-v-c347df44] {\n padding: 0 0.25rem;\n}\n.atm-modal[data-v-c347df44] {\n max-height: calc(100vh - 0.5rem);\n}\n.atm-modal-content[data-v-c347df44] {\n padding: 0.75rem;\n}\n.atm-modal-title[data-v-c347df44] {\n font-size: 0.875rem;\n margin-bottom: 0.5rem;\n}\n}\n\n.atm-login-container[data-v-c3d00fb8] {\n background: #ffffff;\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-c3d00fb8] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-c3d00fb8] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f0f0f0;\n border-radius: 50%;\n color: #888;\n font-size: 11px;\n}\n.atm-logo-image[data-v-c3d00fb8] {\n max-width: 44px;\n max-height: 44px;\n margin: 0 auto;\n display: block;\n border-radius: 4px;\n object-fit: contain;\n}\n.atm-project-name[data-v-c3d00fb8] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v36da353d);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-c3d00fb8] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: #666;\n}\n.atm-form-group[data-v-c3d00fb8] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-c3d00fb8] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: #555;\n font-weight: 500;\n}\n.atm-input-field[data-v-c3d00fb8] {\n width: 100%;\n padding: 8px 10px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-c3d00fb8]:focus {\n outline: none;\n border-color: var(--v36da353d);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-c3d00fb8]:disabled {\n background-color: #f5f5f5;\n cursor: not-allowed;\n}\n.atm-field-error[data-v-c3d00fb8] {\n color: #dc3545;\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-alternative-options[data-v-c3d00fb8] {\n margin-top: 8px;\n text-align: center;\n}\n.atm-forgot-password-link[data-v-c3d00fb8] {\n font-size: 12px;\n background: none;\n border: none;\n color: var(--v7cb12bea);\n cursor: pointer;\n text-decoration: none;\n padding: 0;\n font-family: inherit;\n}\n.atm-forgot-password-link[data-v-c3d00fb8]:hover:not(:disabled) {\n text-decoration: underline;\n}\n.atm-forgot-password-link[data-v-c3d00fb8]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-strategy-choice[data-v-c3d00fb8] {\n text-align: center;\n margin-bottom: 12px;\n}\n.atm-strategy-title[data-v-c3d00fb8] {\n font-size: 14px;\n color: #666;\n margin-bottom: 12px;\n}\n.atm-strategy-buttons[data-v-c3d00fb8] {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-strategy-button[data-v-c3d00fb8] {\n width: 100%;\n padding: 10px;\n background: #f8f9fa;\n color: #333;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.2s;\n}\n.atm-strategy-button[data-v-c3d00fb8]:hover:not(:disabled) {\n background: #e9ecef;\n border-color: var(--v36da353d);\n}\n.atm-strategy-button[data-v-c3d00fb8]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-email-link-text[data-v-c3d00fb8] {\n font-size: 14px;\n color: #666;\n margin: 0;\n text-align: center;\n}\n.atm-login-button[data-v-c3d00fb8] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v36da353d);\n color: #fff;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.atm-login-button[data-v-c3d00fb8]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-login-button[data-v-c3d00fb8]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-c3d00fb8] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-c3d00fb8] {\n animation: spin-c3d00fb8 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-c3d00fb8] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-c3d00fb8 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-c3d00fb8] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-signup-text[data-v-c3d00fb8] {\n color: #666;\n margin-bottom: 6px;\n}\n.atm-signup-link[data-v-c3d00fb8] {\n color: var(--v7cb12bea);\n text-decoration: none;\n cursor: pointer;\n}\n.atm-signup-link[data-v-c3d00fb8]:hover {\n text-decoration: underline;\n}\n.atm-powered-by[data-v-c3d00fb8] {\n color: #999;\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-c3d00fb8] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-c3d00fb8] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-c3d00fb8] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-c3d00fb8] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-c3d00fb8] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-login-button[data-v-c3d00fb8] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-strategy-button[data-v-c3d00fb8] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-footer-links[data-v-c3d00fb8] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-c3d00fb8] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-c3d00fb8] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-c3d00fb8] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-c3d00fb8] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-c3d00fb8] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-c3d00fb8] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-c3d00fb8] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-login-button[data-v-c3d00fb8] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-forgot-password-link[data-v-c3d00fb8] {\n font-size: 11px;\n}\n.atm-strategy-title[data-v-c3d00fb8] {\n font-size: 13px;\n margin-bottom: 10px;\n}\n.atm-strategy-button[data-v-c3d00fb8] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-email-link-text[data-v-c3d00fb8] {\n font-size: 13px;\n}\n.atm-footer-links[data-v-c3d00fb8] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-c3d00fb8] {\n font-size: 10px;\n}\n.spinner-svg[data-v-c3d00fb8] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-c3d00fb8] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-c3d00fb8] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-c3d00fb8] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-c3d00fb8] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-c3d00fb8] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-c3d00fb8] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-c3d00fb8] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-c3d00fb8] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-login-button[data-v-c3d00fb8] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-strategy-button[data-v-c3d00fb8] {\n padding: 8px;\n font-size: 12px;\n}\n.atm-footer-links[data-v-c3d00fb8] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-c3d00fb8] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-notification-container[data-v-f5e47084] {\n font-family: Arial, Helvetica, sans-serif;\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 99999;\n pointer-events: none;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 12px 16px;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n min-width: 250px;\n max-width: 350px;\n pointer-events: auto;\n}\n.atm-notification--error[data-v-f5e47084] {\n background: #ff3333;\n color: #FFF;\n}\n.atm-notification--success[data-v-f5e47084] {\n background: #00a622;\n color: #FFF;\n}\n.atm-notification--warning[data-v-f5e47084] {\n background: #ffa500;\n color: #FFF;\n}\n.atm-notification-enter-active[data-v-f5e47084] {\n transition: all 0.3s ease-out;\n}\n.atm-notification-leave-active[data-v-f5e47084] {\n transition: all 0.3s ease-in;\n}\n.atm-notification-enter-from[data-v-f5e47084] {\n transform: translateX(100%);\n opacity: 0;\n}\n.atm-notification-leave-to[data-v-f5e47084] {\n transform: translateX(100%);\n opacity: 0;\n}\n@media (max-width: 768px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 16px;\n right: 16px;\n left: 16px;\n}\n.atm-notification[data-v-f5e47084] {\n min-width: auto;\n max-width: 100%;\n padding: 11px 14px;\n font-size: 13px;\n}\n}\n@media (max-width: 480px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 12px;\n right: 12px;\n left: 12px;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 10px 12px;\n font-size: 12px;\n border-radius: 5px;\n}\n}\n@media (max-width: 360px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 10px;\n right: 10px;\n left: 10px;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 9px 11px;\n font-size: 11px;\n border-radius: 4px;\n}\n}\n\n.atm-signup-container[data-v-3359c6ca] {\n width: 100%;\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-3359c6ca] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-3359c6ca] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f0f0f0;\n border-radius: 50%;\n color: #888;\n font-size: 11px;\n}\n.atm-logo-image[data-v-3359c6ca] {\n max-width: 44px;\n max-height: 44px;\n margin: 0 auto;\n display: block;\n border-radius: 4px;\n object-fit: contain;\n}\n.atm-project-name[data-v-3359c6ca] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v9e732be0);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-3359c6ca] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: #666;\n}\n.atm-form-group[data-v-3359c6ca] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-3359c6ca] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: #555;\n font-weight: 500;\n}\n.atm-input-field[data-v-3359c6ca] {\n width: 100%;\n padding: 8px 10px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-3359c6ca]:focus {\n outline: none;\n border-color: var(--v9e732be0);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-3359c6ca]:disabled {\n background-color: #f5f5f5;\n cursor: not-allowed;\n}\n.atm-field-error[data-v-3359c6ca] {\n color: #dc3545;\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-signup-button[data-v-3359c6ca] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v9e732be0);\n color: #fff;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.atm-signup-button[data-v-3359c6ca]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-signup-button[data-v-3359c6ca]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-3359c6ca] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-3359c6ca] {\n animation: spin-3359c6ca 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-3359c6ca] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-3359c6ca {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-3359c6ca] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-login-text[data-v-3359c6ca] {\n color: #666;\n margin-bottom: 6px;\n}\n.atm-login-link[data-v-3359c6ca] {\n color: var(--v7159b61e);\n text-decoration: none;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-login-link[data-v-3359c6ca]:hover:not(.disabled-link) {\n text-decoration: underline;\n}\n.atm-login-link.disabled-link[data-v-3359c6ca] {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n.atm-powered-by[data-v-3359c6ca] {\n color: #999;\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-3359c6ca] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-3359c6ca] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-3359c6ca] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-3359c6ca] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-3359c6ca] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-3359c6ca] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-footer-links[data-v-3359c6ca] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-3359c6ca] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-3359c6ca] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-3359c6ca] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-3359c6ca] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-3359c6ca] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-3359c6ca] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-3359c6ca] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-3359c6ca] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-footer-links[data-v-3359c6ca] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-3359c6ca] {\n font-size: 10px;\n}\n.spinner-svg[data-v-3359c6ca] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-3359c6ca] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-3359c6ca] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-3359c6ca] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-3359c6ca] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-3359c6ca] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-3359c6ca] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-3359c6ca] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-3359c6ca] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-signup-button[data-v-3359c6ca] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-footer-links[data-v-3359c6ca] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-3359c6ca] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signin-btn[data-v-e490ca63] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v111e7704);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s;\n min-height: 44px;\n}\n.atm-signin-btn[data-v-e490ca63]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signin-btn[data-v-e490ca63] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signin-btn[data-v-e490ca63] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signin-btn[data-v-e490ca63] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-signup-btn[data-v-7346e92d] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v334adbc1);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s;\n min-height: 44px;\n}\n.atm-signup-btn[data-v-7346e92d]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signup-btn[data-v-7346e92d] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signup-btn[data-v-7346e92d] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signup-btn[data-v-7346e92d] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-profile-container {\n position: relative;\n display: inline-block;\n font-family: 'Segoe UI', system-ui, sans-serif;\n}\n.atm-profile-button {\n display: flex;\n align-items: center;\n gap: 8px;\n background: none;\n border: none;\n cursor: pointer;\n padding: 8px 12px;\n border-radius: 6px;\n transition: background 0.2s;\n}\n.atm-profile-button:hover {\n background: #f0f0f0;\n}\n.atm-profile-avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background-color: var(--v4406ee78);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 500;\n}\n.atm-profile-avatar.large {\n width: 48px;\n height: 48px;\n font-size: 16px;\n}\n.atm-profile-avatar-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n}\n.atm-profile-name {\n font-size: 14px;\n color: #333;\n font-weight: 500;\n}\n.atm-profile-arrow {\n width: 16px;\n height: 16px;\n transition: transform 0.2s;\n}\n.atm-rotate {\n transform: rotate(180deg);\n}\n.atm-profile-menu {\n position: absolute;\n top: 100%;\n width: 280px;\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n z-index: 1000;\n overflow: hidden;\n margin-top: 4px;\n}\n.atm-position-left {\n left: 0;\n right: auto;\n}\n.atm-position-right {\n right: 0;\n left: auto;\n}\n.atm-profile-info {\n display: flex;\n gap: 12px;\n padding: 16px;\n border-bottom: 1px solid #f0f0f0;\n}\n.atm-profile-details {\n flex: 1;\n min-width: 0;\n}\n.atm-profile-fullname {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: #333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.atm-profile-email {\n margin: 4px 0 0;\n font-size: 13px;\n color: #666;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.atm-profile-options {\n padding: 8px 0;\n}\n.atm-profile-option {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 16px;\n background: none;\n border: none;\n text-align: left;\n cursor: pointer;\n font-size: 14px;\n color: #333;\n gap: 10px;\n transition: background 0.2s;\n}\n.atm-profile-option:hover {\n background: #f5f5f5;\n}\n.atm-profile-icon {\n width: 18px;\n height: 18px;\n color: #666;\n}\n.atm-fade-enter-active,\n.atm-fade-leave-active {\n transition: opacity 0.2s, transform 0.2s;\n}\n.atm-fade-enter-from,\n.atm-fade-leave-to {\n opacity: 0;\n transform: translateY(-10px);\n}\n.atm-profile-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow-y: auto;\n padding: 1.5rem;\n}\n.atm-profile-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n pointer-events: none;\n}\n.atm-profile-content {\n position: relative;\n width: 100%;\n max-width: 450px;\n background: white;\n border-radius: 12px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n z-index: 1;\n max-height: calc(100vh - 3rem);\n display: flex;\n flex-direction: column;\n margin: auto;\n}\n.atm-profile-header {\n padding: 16px;\n border-bottom: 1px solid #f0f0f0;\n display: flex;\n align-items: center;\n}\n.atm-profile-close {\n background: none;\n border: none;\n font-size: 24px;\n cursor: pointer;\n padding: 8px;\n margin-right: 12px;\n color: #666;\n}\n.atm-profile-title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: #333;\n}\n.atm-profile-tabs {\n display: flex;\n border-bottom: 1px solid #f0f0f0;\n background: #f8f9fa;\n}\n.atm-tab {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n padding: 12px 16px;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n color: #666;\n transition: all 0.2s;\n}\n.atm-tab:hover {\n background: #e9ecef;\n}\n.atm-tab-active {\n color: var(--v4406ee78) !important;\n background: white;\n border-bottom: 2px solid var(--v4406ee78);\n}\n.atm-tab-icon {\n width: 16px;\n height: 16px;\n}\n.atm-profile-body {\n padding: 24px;\n text-align: center;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-profile-avatar-large {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background-color: var(--v4406ee78);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 600;\n margin: 0 auto 20px;\n}\n.atm-profile-info-grid {\n width: 100%;\n text-align: left;\n margin-top: 20px;\n}\n.atm-profile-info-row {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\n font-size: 13px;\n color: #666;\n margin-bottom: 4px;\n}\n.atm-profile-info-value {\n font-size: 16px;\n color: #333;\n font-weight: 500;\n}\n.atm-profile-edit-form {\n width: 100%;\n text-align: left;\n margin-top: 20px;\n}\n.atm-form-group {\n margin-bottom: 16px;\n}\n.atm-input-label {\n display: block;\n margin-bottom: 6px;\n font-size: 13px;\n color: #555;\n font-weight: 500;\n}\n.atm-input-field {\n width: 100%;\n padding: 10px 12px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field:focus {\n outline: none;\n border-color: var(--v4406ee78);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-form-actions {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n.atm-save-btn,\n.atm-edit-profile-btn,\n.atm-reset-password-btn,\n.atm-add-email-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: var(--v4406ee78);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n justify-content: center;\n}\n.atm-save-btn:hover,\n.atm-edit-profile-btn:hover,\n.atm-reset-password-btn:hover,\n.atm-add-email-btn:hover {\n opacity: 0.9;\n}\n.atm-cancel-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1;\n padding: 12px;\n background: #f8f9fa;\n color: #666;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n justify-content: center;\n}\n.atm-cancel-btn:hover {\n background: #e9ecef;\n}\n.atm-btn-icon {\n width: 16px;\n height: 16px;\n}\n.atm-email-add-section {\n margin-bottom: 24px;\n text-align: left;\n}\n.atm-email-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n text-align: left;\n}\n.atm-email-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n background: #f8f9fa;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n}\n.atm-email-info {\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n}\n.atm-email-address {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.atm-email-icon {\n width: 16px;\n height: 16px;\n color: var(--v2982f7d2);\n}\n.atm-email-badges {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n}\n.atm-badge {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n font-size: 11px;\n font-weight: 500;\n border-radius: 12px;\n text-transform: uppercase;\n}\n.atm-badge-icon {\n width: 12px;\n height: 12px;\n}\n.atm-badge-primary {\n background: #e3f2fd;\n color: #1976d2;\n}\n.atm-badge-verified {\n background: #e8f5e8;\n color: #2e7d32;\n}\n.atm-badge-unverified {\n background: #fff3e0;\n color: #f57c00;\n}\n.atm-email-actions {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.atm-verify-btn {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: var(--v4406ee78);\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-verify-btn:hover {\n opacity: 0.9;\n}\n.atm-delete-btn {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: #dc3545;\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-delete-btn:hover {\n opacity: 0.9;\n}\n.atm-password-section {\n text-align: left;\n}\n.atm-sessions-section {\n text-align: left;\n}\n.atm-sessions-info {\n margin-bottom: 20px;\n}\n.atm-sessions-description {\n margin: 0;\n font-size: 14px;\n color: #666;\n line-height: 1.5;\n}\n.atm-sessions-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.atm-session-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px;\n background: #f8f9fa;\n border-radius: 8px;\n border: 1px solid #e9ecef;\n gap: 16px;\n}\n.atm-session-header {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n}\n.atm-session-icon {\n width: 24px;\n height: 24px;\n color: var(--v2982f7d2);\n flex-shrink: 0;\n}\n.atm-session-details {\n flex: 1;\n min-width: 0;\n}\n.atm-session-title {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 4px;\n font-size: 15px;\n font-weight: 600;\n color: #333;\n}\n.atm-session-device-info {\n font-size: 13px;\n color: #666;\n margin-bottom: 8px;\n}\n.atm-badge-current {\n background: #d1f4e0;\n color: #0f9d58;\n}\n.atm-session-timestamps {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.atm-session-timestamp {\n display: flex;\n gap: 6px;\n font-size: 13px;\n color: #666;\n}\n.atm-timestamp-label {\n font-weight: 500;\n color: #555;\n}\n.atm-session-actions {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-close-session-btn {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #dc3545;\n color: white;\n border: none;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n white-space: nowrap;\n}\n.atm-close-session-btn:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-profile-button {\n padding: 6px 10px;\n gap: 6px;\n}\n.atm-profile-name {\n font-size: 13px;\n}\n.atm-profile-menu {\n width: 260px;\n}\n.atm-profile-modal {\n padding: 1rem;\n}\n.atm-profile-content {\n max-width: 90%;\n max-height: calc(100vh - 2rem);\n}\n.atm-profile-header {\n padding: 14px;\n}\n.atm-profile-title {\n font-size: 16px;\n}\n.atm-profile-body {\n padding: 20px;\n}\n.atm-tab {\n padding: 10px 12px;\n font-size: 13px;\n gap: 4px;\n}\n.atm-tab-icon {\n width: 14px;\n height: 14px;\n}\n.atm-profile-avatar-large {\n width: 70px;\n height: 70px;\n font-size: 22px;\n}\n.atm-email-item {\n flex-direction: column;\n gap: 12px;\n align-items: flex-start;\n}\n.atm-email-actions {\n flex-direction: row;\n width: 100%;\n}\n.atm-verify-btn,\n .atm-delete-btn {\n flex: 1;\n justify-content: center;\n}\n.atm-session-item {\n flex-direction: column;\n align-items: flex-start;\n}\n.atm-session-actions {\n width: 100%;\n}\n.atm-close-session-btn {\n width: 100%;\n justify-content: center;\n}\n}\n@media (max-width: 480px) {\n.atm-profile-button {\n padding: 4px 8px;\n gap: 4px;\n}\n.atm-profile-avatar {\n width: 28px;\n height: 28px;\n font-size: 11px;\n}\n.atm-profile-avatar.large {\n width: 40px;\n height: 40px;\n font-size: 14px;\n}\n.atm-profile-name {\n font-size: 12px;\n}\n.atm-profile-arrow {\n width: 14px;\n height: 14px;\n}\n.atm-profile-menu {\n width: calc(100vw - 20px);\n max-width: 240px;\n}\n.atm-profile-info {\n padding: 12px;\n gap: 10px;\n}\n.atm-profile-fullname {\n font-size: 13px;\n}\n.atm-profile-email {\n font-size: 12px;\n}\n.atm-profile-option {\n padding: 8px 12px;\n font-size: 13px;\n gap: 8px;\n}\n.atm-profile-icon {\n width: 16px;\n height: 16px;\n}\n.atm-profile-modal {\n padding: 0.5rem;\n}\n.atm-profile-content {\n max-width: 95%;\n max-height: calc(100vh - 1rem);\n}\n.atm-profile-header {\n padding: 12px;\n}\n.atm-profile-close {\n font-size: 20px;\n padding: 4px;\n margin-right: 8px;\n}\n.atm-profile-title {\n font-size: 15px;\n}\n.atm-profile-body {\n padding: 16px;\n}\n.atm-tab {\n padding: 8px 8px;\n font-size: 12px;\n gap: 3px;\n}\n.atm-tab-icon {\n width: 13px;\n height: 13px;\n}\n.atm-profile-avatar-large {\n width: 60px;\n height: 60px;\n font-size: 20px;\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\n font-size: 12px;\n}\n.atm-profile-info-value {\n font-size: 14px;\n}\n.atm-input-label {\n font-size: 12px;\n}\n.atm-input-field {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-form-actions {\n flex-direction: column;\n gap: 8px;\n}\n.atm-save-btn,\n .atm-cancel-btn,\n .atm-edit-profile-btn,\n .atm-reset-password-btn {\n width: 100%;\n padding: 10px;\n font-size: 13px;\n}\n.atm-email-item {\n padding: 10px;\n}\n.atm-email-address {\n font-size: 13px;\n}\n.atm-badge {\n font-size: 10px;\n padding: 2px 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-profile-button {\n padding: 4px 6px;\n}\n.atm-profile-avatar {\n width: 26px;\n height: 26px;\n font-size: 10px;\n}\n.atm-profile-name {\n display: none;\n}\n.atm-profile-menu {\n width: calc(100vw - 16px);\n max-width: 220px;\n}\n.atm-profile-modal {\n padding: 0.25rem;\n}\n.atm-profile-content {\n max-width: 98%;\n max-height: calc(100vh - 0.5rem);\n}\n.atm-profile-body {\n padding: 12px;\n}\n.atm-tab {\n padding: 8px 6px;\n font-size: 11px;\n flex-direction: column;\n gap: 2px;\n}\n.atm-profile-avatar-large {\n width: 50px;\n height: 50px;\n font-size: 18px;\n}\n.atm-email-item {\n padding: 8px;\n}\n}\n\n.atm-auth-buttons[data-v-0c63ecb8] {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n}\n@media (max-width: 768px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 14px;\n}\n}\n@media (max-width: 480px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 12px;\n flex-direction: column;\n}\n}\n@media (max-width: 360px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 10px;\n}\n}\n\n.atm-logout-btn[data-v-7157f989] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v2ec0f896);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n min-height: 44px;\n}\n.atm-logout-btn[data-v-7157f989]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-logout-btn[data-v-7157f989] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-logout-btn[data-v-7157f989] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-logout-btn[data-v-7157f989] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n";
|
|
6
6
|
document.head.appendChild(style);
|
|
7
7
|
}
|
|
8
8
|
})();
|
|
@@ -1290,147 +1290,143 @@ const _hoisted_5 = {
|
|
|
1290
1290
|
key: 0,
|
|
1291
1291
|
class: "atm-profile-name"
|
|
1292
1292
|
};
|
|
1293
|
-
const _hoisted_6 = {
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
const _hoisted_7 = { class: "atm-profile-info" };
|
|
1298
|
-
const _hoisted_8 = ["src"];
|
|
1299
|
-
const _hoisted_9 = { key: 1 };
|
|
1300
|
-
const _hoisted_10 = {
|
|
1293
|
+
const _hoisted_6 = { class: "atm-profile-info" };
|
|
1294
|
+
const _hoisted_7 = ["src"];
|
|
1295
|
+
const _hoisted_8 = { key: 1 };
|
|
1296
|
+
const _hoisted_9 = {
|
|
1301
1297
|
key: 2,
|
|
1302
1298
|
viewBox: "0 0 24 24",
|
|
1303
1299
|
class: "atm-btn-icon",
|
|
1304
1300
|
style: { "width": "40px", "height": "40px", "color": "white" }
|
|
1305
1301
|
};
|
|
1306
|
-
const
|
|
1307
|
-
const
|
|
1302
|
+
const _hoisted_10 = { class: "atm-profile-details" };
|
|
1303
|
+
const _hoisted_11 = {
|
|
1308
1304
|
key: 0,
|
|
1309
1305
|
class: "atm-profile-fullname"
|
|
1310
1306
|
};
|
|
1311
|
-
const
|
|
1307
|
+
const _hoisted_12 = {
|
|
1312
1308
|
key: 1,
|
|
1313
1309
|
class: "atm-profile-fullname"
|
|
1314
1310
|
};
|
|
1315
|
-
const
|
|
1316
|
-
const
|
|
1311
|
+
const _hoisted_13 = { class: "atm-profile-email" };
|
|
1312
|
+
const _hoisted_14 = {
|
|
1317
1313
|
key: 0,
|
|
1318
1314
|
class: "atm-profile-modal",
|
|
1319
1315
|
role: "dialog",
|
|
1320
1316
|
"aria-modal": "true",
|
|
1321
1317
|
"aria-labelledby": "profile-modal-title"
|
|
1322
1318
|
};
|
|
1323
|
-
const
|
|
1324
|
-
const
|
|
1325
|
-
const
|
|
1319
|
+
const _hoisted_15 = { class: "atm-profile-content" };
|
|
1320
|
+
const _hoisted_16 = { class: "atm-profile-tabs" };
|
|
1321
|
+
const _hoisted_17 = {
|
|
1326
1322
|
key: 0,
|
|
1327
1323
|
class: "atm-profile-body"
|
|
1328
1324
|
};
|
|
1329
|
-
const
|
|
1330
|
-
const
|
|
1331
|
-
const
|
|
1325
|
+
const _hoisted_18 = ["src"];
|
|
1326
|
+
const _hoisted_19 = { key: 1 };
|
|
1327
|
+
const _hoisted_20 = {
|
|
1332
1328
|
key: 2,
|
|
1333
1329
|
viewBox: "0 0 24 24",
|
|
1334
1330
|
class: "atm-btn-icon",
|
|
1335
1331
|
style: { "width": "80px", "height": "80px", "color": "white", "margin": "0 auto" }
|
|
1336
1332
|
};
|
|
1337
|
-
const
|
|
1333
|
+
const _hoisted_21 = {
|
|
1338
1334
|
key: 0,
|
|
1339
1335
|
class: "atm-profile-info-grid"
|
|
1340
1336
|
};
|
|
1341
|
-
const
|
|
1342
|
-
const
|
|
1337
|
+
const _hoisted_22 = { class: "atm-profile-info-row" };
|
|
1338
|
+
const _hoisted_23 = {
|
|
1343
1339
|
key: 0,
|
|
1344
1340
|
class: "atm-profile-info-value"
|
|
1345
1341
|
};
|
|
1346
|
-
const
|
|
1342
|
+
const _hoisted_24 = {
|
|
1347
1343
|
key: 1,
|
|
1348
1344
|
class: "atm-profile-info-value"
|
|
1349
1345
|
};
|
|
1350
|
-
const
|
|
1351
|
-
const
|
|
1346
|
+
const _hoisted_25 = { class: "atm-profile-info-row" };
|
|
1347
|
+
const _hoisted_26 = {
|
|
1352
1348
|
key: 0,
|
|
1353
1349
|
class: "atm-profile-info-value"
|
|
1354
1350
|
};
|
|
1355
|
-
const
|
|
1351
|
+
const _hoisted_27 = {
|
|
1356
1352
|
key: 1,
|
|
1357
1353
|
class: "atm-profile-info-value"
|
|
1358
1354
|
};
|
|
1359
|
-
const
|
|
1360
|
-
const
|
|
1361
|
-
const
|
|
1355
|
+
const _hoisted_28 = { class: "atm-profile-info-row" };
|
|
1356
|
+
const _hoisted_29 = { class: "atm-profile-info-value" };
|
|
1357
|
+
const _hoisted_30 = {
|
|
1362
1358
|
key: 1,
|
|
1363
1359
|
class: "atm-profile-edit-form"
|
|
1364
1360
|
};
|
|
1361
|
+
const _hoisted_31 = { class: "atm-form-group" };
|
|
1365
1362
|
const _hoisted_32 = { class: "atm-form-group" };
|
|
1366
|
-
const _hoisted_33 = {
|
|
1367
|
-
const _hoisted_34 = {
|
|
1363
|
+
const _hoisted_33 = {
|
|
1368
1364
|
key: 1,
|
|
1369
1365
|
class: "atm-profile-body"
|
|
1370
1366
|
};
|
|
1371
|
-
const
|
|
1372
|
-
const
|
|
1373
|
-
const
|
|
1374
|
-
const
|
|
1375
|
-
const
|
|
1376
|
-
const
|
|
1377
|
-
const
|
|
1378
|
-
const
|
|
1367
|
+
const _hoisted_34 = { class: "atm-email-add-section" };
|
|
1368
|
+
const _hoisted_35 = { class: "atm-form-group" };
|
|
1369
|
+
const _hoisted_36 = { class: "atm-badge" };
|
|
1370
|
+
const _hoisted_37 = { class: "atm-email-list" };
|
|
1371
|
+
const _hoisted_38 = { class: "atm-email-info" };
|
|
1372
|
+
const _hoisted_39 = { class: "atm-email-address" };
|
|
1373
|
+
const _hoisted_40 = { class: "atm-email-badges" };
|
|
1374
|
+
const _hoisted_41 = {
|
|
1379
1375
|
key: 0,
|
|
1380
1376
|
class: "atm-badge atm-badge-primary"
|
|
1381
1377
|
};
|
|
1382
|
-
const
|
|
1378
|
+
const _hoisted_42 = {
|
|
1383
1379
|
key: 1,
|
|
1384
1380
|
class: "atm-badge atm-badge-verified"
|
|
1385
1381
|
};
|
|
1386
|
-
const
|
|
1382
|
+
const _hoisted_43 = {
|
|
1387
1383
|
key: 2,
|
|
1388
1384
|
class: "atm-badge atm-badge-unverified"
|
|
1389
1385
|
};
|
|
1390
|
-
const
|
|
1386
|
+
const _hoisted_44 = { class: "atm-email-actions" };
|
|
1387
|
+
const _hoisted_45 = ["onClick"];
|
|
1391
1388
|
const _hoisted_46 = ["onClick"];
|
|
1392
|
-
const _hoisted_47 =
|
|
1393
|
-
const _hoisted_48 = {
|
|
1389
|
+
const _hoisted_47 = {
|
|
1394
1390
|
key: 2,
|
|
1395
1391
|
class: "atm-profile-body"
|
|
1396
1392
|
};
|
|
1397
|
-
const
|
|
1393
|
+
const _hoisted_48 = {
|
|
1398
1394
|
key: 3,
|
|
1399
1395
|
class: "atm-profile-body"
|
|
1400
1396
|
};
|
|
1401
|
-
const
|
|
1402
|
-
const
|
|
1403
|
-
const
|
|
1404
|
-
const
|
|
1405
|
-
const
|
|
1397
|
+
const _hoisted_49 = { class: "atm-sessions-section" };
|
|
1398
|
+
const _hoisted_50 = { class: "atm-sessions-list" };
|
|
1399
|
+
const _hoisted_51 = { class: "atm-session-info" };
|
|
1400
|
+
const _hoisted_52 = { class: "atm-session-header" };
|
|
1401
|
+
const _hoisted_53 = {
|
|
1406
1402
|
viewBox: "0 0 24 24",
|
|
1407
1403
|
class: "atm-session-icon"
|
|
1408
1404
|
};
|
|
1409
|
-
const
|
|
1410
|
-
const
|
|
1411
|
-
const
|
|
1412
|
-
const
|
|
1405
|
+
const _hoisted_54 = ["d"];
|
|
1406
|
+
const _hoisted_55 = { class: "atm-session-details" };
|
|
1407
|
+
const _hoisted_56 = { class: "atm-session-title" };
|
|
1408
|
+
const _hoisted_57 = {
|
|
1413
1409
|
key: 0,
|
|
1414
1410
|
class: "atm-badge atm-badge-current"
|
|
1415
1411
|
};
|
|
1416
|
-
const
|
|
1412
|
+
const _hoisted_58 = {
|
|
1417
1413
|
key: 0,
|
|
1418
1414
|
class: "atm-session-device-info"
|
|
1419
1415
|
};
|
|
1420
|
-
const
|
|
1421
|
-
const
|
|
1422
|
-
const
|
|
1423
|
-
const
|
|
1416
|
+
const _hoisted_59 = { key: 0 };
|
|
1417
|
+
const _hoisted_60 = { key: 1 };
|
|
1418
|
+
const _hoisted_61 = { key: 2 };
|
|
1419
|
+
const _hoisted_62 = { class: "atm-session-timestamps" };
|
|
1420
|
+
const _hoisted_63 = { class: "atm-session-timestamp" };
|
|
1424
1421
|
const _hoisted_64 = { class: "atm-session-timestamp" };
|
|
1425
|
-
const _hoisted_65 = { class: "atm-session-
|
|
1426
|
-
const _hoisted_66 =
|
|
1427
|
-
const _hoisted_67 = ["onClick"];
|
|
1422
|
+
const _hoisted_65 = { class: "atm-session-actions" };
|
|
1423
|
+
const _hoisted_66 = ["onClick"];
|
|
1428
1424
|
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
1429
1425
|
__name: "UserProfile",
|
|
1430
1426
|
setup(__props) {
|
|
1431
1427
|
useCssVars((_ctx) => ({
|
|
1432
|
-
"
|
|
1433
|
-
"
|
|
1428
|
+
"v4406ee78": atmPrimaryColor.value,
|
|
1429
|
+
"v2982f7d2": atmSecondaryColor.value
|
|
1434
1430
|
}));
|
|
1435
1431
|
const { user, logout } = useAuth();
|
|
1436
1432
|
const { configurations } = useAtm();
|
|
@@ -1440,6 +1436,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
1440
1436
|
const isProfileModalOpen = ref(false);
|
|
1441
1437
|
const isEditingProfile = ref(false);
|
|
1442
1438
|
const buttonRef = ref(null);
|
|
1439
|
+
const dropdownPosition = ref("left");
|
|
1443
1440
|
const emailAddresses = ref([]);
|
|
1444
1441
|
const newEmail = ref("");
|
|
1445
1442
|
const activeTab = ref("geral");
|
|
@@ -1470,7 +1467,34 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
1470
1467
|
if (!user.value || !user.value.firstName) return "";
|
|
1471
1468
|
return (user.value.firstName.charAt(0) + (user.value.lastName?.charAt(0) || "")).toUpperCase();
|
|
1472
1469
|
});
|
|
1473
|
-
const
|
|
1470
|
+
const calculateDropdownPosition = () => {
|
|
1471
|
+
if (!buttonRef.value) return;
|
|
1472
|
+
const buttonRect = buttonRef.value.getBoundingClientRect();
|
|
1473
|
+
const viewportWidth = window.innerWidth;
|
|
1474
|
+
let dropdownWidth = 280;
|
|
1475
|
+
if (viewportWidth <= 360) {
|
|
1476
|
+
dropdownWidth = Math.min(220, viewportWidth - 16);
|
|
1477
|
+
} else if (viewportWidth <= 480) {
|
|
1478
|
+
dropdownWidth = Math.min(240, viewportWidth - 20);
|
|
1479
|
+
} else if (viewportWidth <= 768) {
|
|
1480
|
+
dropdownWidth = 260;
|
|
1481
|
+
}
|
|
1482
|
+
const spaceOnRight = viewportWidth - buttonRect.right;
|
|
1483
|
+
const spaceOnLeft = buttonRect.left;
|
|
1484
|
+
if (spaceOnRight >= dropdownWidth) {
|
|
1485
|
+
dropdownPosition.value = "left";
|
|
1486
|
+
} else if (spaceOnLeft >= dropdownWidth) {
|
|
1487
|
+
dropdownPosition.value = "right";
|
|
1488
|
+
} else {
|
|
1489
|
+
dropdownPosition.value = spaceOnRight >= spaceOnLeft ? "left" : "right";
|
|
1490
|
+
}
|
|
1491
|
+
};
|
|
1492
|
+
const toggleMenu = () => {
|
|
1493
|
+
isDropdownOpen.value = !isDropdownOpen.value;
|
|
1494
|
+
if (isDropdownOpen.value) {
|
|
1495
|
+
setTimeout(() => calculateDropdownPosition(), 0);
|
|
1496
|
+
}
|
|
1497
|
+
};
|
|
1474
1498
|
const closeMenu = (event) => {
|
|
1475
1499
|
if (buttonRef.value && !buttonRef.value.contains(event.target)) {
|
|
1476
1500
|
isDropdownOpen.value = false;
|
|
@@ -1716,8 +1740,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
1716
1740
|
const hasFullName = computed(() => {
|
|
1717
1741
|
return !!(user.value?.firstName && user.value?.lastName);
|
|
1718
1742
|
});
|
|
1719
|
-
onMounted(() =>
|
|
1720
|
-
|
|
1743
|
+
onMounted(() => {
|
|
1744
|
+
document.addEventListener("click", closeMenu);
|
|
1745
|
+
window.addEventListener("resize", calculateDropdownPosition);
|
|
1746
|
+
});
|
|
1747
|
+
onUnmounted(() => {
|
|
1748
|
+
document.removeEventListener("click", closeMenu);
|
|
1749
|
+
window.removeEventListener("resize", calculateDropdownPosition);
|
|
1750
|
+
});
|
|
1721
1751
|
return (_ctx, _cache) => {
|
|
1722
1752
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
1723
1753
|
createVNode(Notification, {
|
|
@@ -1761,8 +1791,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
1761
1791
|
], 512),
|
|
1762
1792
|
createVNode(Transition, { name: "atm-fade" }, {
|
|
1763
1793
|
default: withCtx(() => [
|
|
1764
|
-
isDropdownOpen.value ? (openBlock(), createElementBlock("div",
|
|
1765
|
-
|
|
1794
|
+
isDropdownOpen.value ? (openBlock(), createElementBlock("div", {
|
|
1795
|
+
key: 0,
|
|
1796
|
+
class: normalizeClass(["atm-profile-menu", `atm-position-${dropdownPosition.value}`])
|
|
1797
|
+
}, [
|
|
1798
|
+
createElementVNode("div", _hoisted_6, [
|
|
1766
1799
|
createElementVNode("div", {
|
|
1767
1800
|
class: "atm-profile-avatar large",
|
|
1768
1801
|
style: normalizeStyle(unref(user)?.profileImage ? {} : { backgroundColor: atmPrimaryColor.value })
|
|
@@ -1772,16 +1805,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
1772
1805
|
src: unref(user).profileImage,
|
|
1773
1806
|
alt: "Profile",
|
|
1774
1807
|
class: "atm-profile-avatar-img"
|
|
1775
|
-
}, null, 8,
|
|
1808
|
+
}, null, 8, _hoisted_7)) : hasFullName.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(userInitials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_9, [..._cache[9] || (_cache[9] = [
|
|
1776
1809
|
createElementVNode("path", {
|
|
1777
1810
|
fill: "currentColor",
|
|
1778
1811
|
d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
|
|
1779
1812
|
}, null, -1)
|
|
1780
1813
|
])]))
|
|
1781
1814
|
], 4),
|
|
1782
|
-
createElementVNode("div",
|
|
1783
|
-
hasFullName.value ? (openBlock(), createElementBlock("p",
|
|
1784
|
-
createElementVNode("p",
|
|
1815
|
+
createElementVNode("div", _hoisted_10, [
|
|
1816
|
+
hasFullName.value ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(unref(user).firstName) + " " + toDisplayString(unref(user).lastName), 1)) : (openBlock(), createElementBlock("p", _hoisted_12, "Usuário")),
|
|
1817
|
+
createElementVNode("p", _hoisted_13, toDisplayString(unref(user).primaryEmailAddress), 1)
|
|
1785
1818
|
])
|
|
1786
1819
|
]),
|
|
1787
1820
|
createElementVNode("div", { class: "atm-profile-options" }, [
|
|
@@ -1818,16 +1851,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
1818
1851
|
createTextVNode(" Sair ", -1)
|
|
1819
1852
|
])])
|
|
1820
1853
|
])
|
|
1821
|
-
])) : createCommentVNode("", true)
|
|
1854
|
+
], 2)) : createCommentVNode("", true)
|
|
1822
1855
|
]),
|
|
1823
1856
|
_: 1
|
|
1824
1857
|
}),
|
|
1825
|
-
isProfileModalOpen.value ? (openBlock(), createElementBlock("div",
|
|
1858
|
+
isProfileModalOpen.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
|
|
1826
1859
|
createElementVNode("div", {
|
|
1827
1860
|
class: "atm-profile-overlay",
|
|
1828
1861
|
onClick: closeProfileModal
|
|
1829
1862
|
}),
|
|
1830
|
-
createElementVNode("div",
|
|
1863
|
+
createElementVNode("div", _hoisted_15, [
|
|
1831
1864
|
createElementVNode("div", { class: "atm-profile-header" }, [
|
|
1832
1865
|
createElementVNode("button", {
|
|
1833
1866
|
onClick: closeProfileModal,
|
|
@@ -1839,7 +1872,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
1839
1872
|
class: "atm-profile-title"
|
|
1840
1873
|
}, "Meu Perfil", -1))
|
|
1841
1874
|
]),
|
|
1842
|
-
createElementVNode("div",
|
|
1875
|
+
createElementVNode("div", _hoisted_16, [
|
|
1843
1876
|
createElementVNode("button", {
|
|
1844
1877
|
onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "geral"),
|
|
1845
1878
|
class: normalizeClass(["atm-tab", { "atm-tab-active": activeTab.value === "geral" }])
|
|
@@ -1901,7 +1934,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
1901
1934
|
createTextVNode(" Sessões ", -1)
|
|
1902
1935
|
])], 2)
|
|
1903
1936
|
]),
|
|
1904
|
-
activeTab.value === "geral" ? (openBlock(), createElementBlock("div",
|
|
1937
|
+
activeTab.value === "geral" ? (openBlock(), createElementBlock("div", _hoisted_17, [
|
|
1905
1938
|
createElementVNode("div", {
|
|
1906
1939
|
class: "atm-profile-avatar-large",
|
|
1907
1940
|
style: normalizeStyle(unref(user)?.profileImage ? {} : { backgroundColor: atmPrimaryColor.value })
|
|
@@ -1911,25 +1944,25 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
1911
1944
|
src: unref(user).profileImage,
|
|
1912
1945
|
alt: "Profile",
|
|
1913
1946
|
class: "atm-profile-avatar-img"
|
|
1914
|
-
}, null, 8,
|
|
1947
|
+
}, null, 8, _hoisted_18)) : hasFullName.value ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString(userInitials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_20, [..._cache[17] || (_cache[17] = [
|
|
1915
1948
|
createElementVNode("path", {
|
|
1916
1949
|
fill: "currentColor",
|
|
1917
1950
|
d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
|
|
1918
1951
|
}, null, -1)
|
|
1919
1952
|
])]))
|
|
1920
1953
|
], 4),
|
|
1921
|
-
!isEditingProfile.value ? (openBlock(), createElementBlock("div",
|
|
1922
|
-
createElementVNode("div",
|
|
1954
|
+
!isEditingProfile.value ? (openBlock(), createElementBlock("div", _hoisted_21, [
|
|
1955
|
+
createElementVNode("div", _hoisted_22, [
|
|
1923
1956
|
_cache[18] || (_cache[18] = createElementVNode("span", { class: "atm-profile-info-label" }, "Nome", -1)),
|
|
1924
|
-
hasFullName.value ? (openBlock(), createElementBlock("span",
|
|
1957
|
+
hasFullName.value ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString(profileForm.value.firstName), 1)) : (openBlock(), createElementBlock("span", _hoisted_24, "Não informado"))
|
|
1925
1958
|
]),
|
|
1926
|
-
createElementVNode("div",
|
|
1959
|
+
createElementVNode("div", _hoisted_25, [
|
|
1927
1960
|
_cache[19] || (_cache[19] = createElementVNode("span", { class: "atm-profile-info-label" }, "Sobrenome", -1)),
|
|
1928
|
-
hasFullName.value ? (openBlock(), createElementBlock("span",
|
|
1961
|
+
hasFullName.value ? (openBlock(), createElementBlock("span", _hoisted_26, toDisplayString(profileForm.value.lastName), 1)) : (openBlock(), createElementBlock("span", _hoisted_27, "Não informado"))
|
|
1929
1962
|
]),
|
|
1930
|
-
createElementVNode("div",
|
|
1963
|
+
createElementVNode("div", _hoisted_28, [
|
|
1931
1964
|
_cache[20] || (_cache[20] = createElementVNode("span", { class: "atm-profile-info-label" }, "Email Principal", -1)),
|
|
1932
|
-
createElementVNode("span",
|
|
1965
|
+
createElementVNode("span", _hoisted_29, toDisplayString(profileForm.value.primaryEmailAddress), 1)
|
|
1933
1966
|
]),
|
|
1934
1967
|
createElementVNode("div", { class: "atm-profile-info-row" }, [
|
|
1935
1968
|
createElementVNode("button", {
|
|
@@ -1949,8 +1982,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
1949
1982
|
createTextVNode(" Editar Perfil ", -1)
|
|
1950
1983
|
])])
|
|
1951
1984
|
])
|
|
1952
|
-
])) : (openBlock(), createElementBlock("div",
|
|
1953
|
-
createElementVNode("div",
|
|
1985
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_30, [
|
|
1986
|
+
createElementVNode("div", _hoisted_31, [
|
|
1954
1987
|
_cache[22] || (_cache[22] = createElementVNode("label", { class: "atm-input-label" }, "Nome", -1)),
|
|
1955
1988
|
withDirectives(createElementVNode("input", {
|
|
1956
1989
|
type: "text",
|
|
@@ -1961,7 +1994,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
1961
1994
|
[vModelText, profileForm.value.firstName]
|
|
1962
1995
|
])
|
|
1963
1996
|
]),
|
|
1964
|
-
createElementVNode("div",
|
|
1997
|
+
createElementVNode("div", _hoisted_32, [
|
|
1965
1998
|
_cache[23] || (_cache[23] = createElementVNode("label", { class: "atm-input-label" }, "Sobrenome", -1)),
|
|
1966
1999
|
withDirectives(createElementVNode("input", {
|
|
1967
2000
|
type: "text",
|
|
@@ -2008,11 +2041,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2008
2041
|
])
|
|
2009
2042
|
]))
|
|
2010
2043
|
])) : createCommentVNode("", true),
|
|
2011
|
-
activeTab.value === "emails" ? (openBlock(), createElementBlock("div",
|
|
2012
|
-
createElementVNode("div",
|
|
2013
|
-
createElementVNode("div",
|
|
2044
|
+
activeTab.value === "emails" ? (openBlock(), createElementBlock("div", _hoisted_33, [
|
|
2045
|
+
createElementVNode("div", _hoisted_34, [
|
|
2046
|
+
createElementVNode("div", _hoisted_35, [
|
|
2014
2047
|
_cache[27] || (_cache[27] = createElementVNode("label", { class: "atm-input-label" }, "Adicionar novo email", -1)),
|
|
2015
|
-
createElementVNode("div",
|
|
2048
|
+
createElementVNode("div", _hoisted_36, [
|
|
2016
2049
|
withDirectives(createElementVNode("input", {
|
|
2017
2050
|
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => newEmail.value = $event),
|
|
2018
2051
|
type: "email",
|
|
@@ -2039,14 +2072,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2039
2072
|
])
|
|
2040
2073
|
])
|
|
2041
2074
|
]),
|
|
2042
|
-
createElementVNode("div",
|
|
2075
|
+
createElementVNode("div", _hoisted_37, [
|
|
2043
2076
|
(openBlock(true), createElementBlock(Fragment, null, renderList(emailAddresses.value, (email) => {
|
|
2044
2077
|
return openBlock(), createElementBlock("div", {
|
|
2045
2078
|
key: email.id,
|
|
2046
2079
|
class: "atm-email-item"
|
|
2047
2080
|
}, [
|
|
2048
|
-
createElementVNode("div",
|
|
2049
|
-
createElementVNode("div",
|
|
2081
|
+
createElementVNode("div", _hoisted_38, [
|
|
2082
|
+
createElementVNode("div", _hoisted_39, [
|
|
2050
2083
|
_cache[28] || (_cache[28] = createElementVNode("svg", {
|
|
2051
2084
|
viewBox: "0 0 24 24",
|
|
2052
2085
|
class: "atm-email-icon"
|
|
@@ -2058,9 +2091,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2058
2091
|
], -1)),
|
|
2059
2092
|
createElementVNode("span", null, toDisplayString(email.email_address), 1)
|
|
2060
2093
|
]),
|
|
2061
|
-
createElementVNode("div",
|
|
2062
|
-
email.primary ? (openBlock(), createElementBlock("span",
|
|
2063
|
-
email.verified ? (openBlock(), createElementBlock("span",
|
|
2094
|
+
createElementVNode("div", _hoisted_40, [
|
|
2095
|
+
email.primary ? (openBlock(), createElementBlock("span", _hoisted_41, "Principal")) : createCommentVNode("", true),
|
|
2096
|
+
email.verified ? (openBlock(), createElementBlock("span", _hoisted_42, [..._cache[29] || (_cache[29] = [
|
|
2064
2097
|
createElementVNode("svg", {
|
|
2065
2098
|
viewBox: "0 0 24 24",
|
|
2066
2099
|
class: "atm-badge-icon"
|
|
@@ -2071,7 +2104,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2071
2104
|
})
|
|
2072
2105
|
], -1),
|
|
2073
2106
|
createTextVNode(" Verificado ", -1)
|
|
2074
|
-
])])) : (openBlock(), createElementBlock("span",
|
|
2107
|
+
])])) : (openBlock(), createElementBlock("span", _hoisted_43, [..._cache[30] || (_cache[30] = [
|
|
2075
2108
|
createElementVNode("svg", {
|
|
2076
2109
|
viewBox: "0 0 24 24",
|
|
2077
2110
|
class: "atm-badge-icon"
|
|
@@ -2085,7 +2118,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2085
2118
|
])]))
|
|
2086
2119
|
])
|
|
2087
2120
|
]),
|
|
2088
|
-
createElementVNode("div",
|
|
2121
|
+
createElementVNode("div", _hoisted_44, [
|
|
2089
2122
|
!email.verified ? (openBlock(), createElementBlock("button", {
|
|
2090
2123
|
key: 0,
|
|
2091
2124
|
onClick: ($event) => requestEmailVerification(email.id),
|
|
@@ -2102,7 +2135,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2102
2135
|
})
|
|
2103
2136
|
], -1),
|
|
2104
2137
|
createTextVNode(" Verificar ", -1)
|
|
2105
|
-
])], 8,
|
|
2138
|
+
])], 8, _hoisted_45)) : createCommentVNode("", true),
|
|
2106
2139
|
!email.primary ? (openBlock(), createElementBlock("button", {
|
|
2107
2140
|
key: 1,
|
|
2108
2141
|
onClick: ($event) => deleteEmailAddress(email.id),
|
|
@@ -2119,13 +2152,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2119
2152
|
})
|
|
2120
2153
|
], -1),
|
|
2121
2154
|
createTextVNode(" Remover ", -1)
|
|
2122
|
-
])], 8,
|
|
2155
|
+
])], 8, _hoisted_46)) : createCommentVNode("", true)
|
|
2123
2156
|
])
|
|
2124
2157
|
]);
|
|
2125
2158
|
}), 128))
|
|
2126
2159
|
])
|
|
2127
2160
|
])) : createCommentVNode("", true),
|
|
2128
|
-
activeTab.value === "senha" ? (openBlock(), createElementBlock("div",
|
|
2161
|
+
activeTab.value === "senha" ? (openBlock(), createElementBlock("div", _hoisted_47, [
|
|
2129
2162
|
createElementVNode("div", { class: "atm-password-section" }, [
|
|
2130
2163
|
_cache[34] || (_cache[34] = createElementVNode("div", { class: "atm-profile-info-row" }, [
|
|
2131
2164
|
createElementVNode("span", { class: "atm-profile-info-label" }, "Redefinir Senha"),
|
|
@@ -2151,41 +2184,41 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2151
2184
|
])
|
|
2152
2185
|
])
|
|
2153
2186
|
])) : createCommentVNode("", true),
|
|
2154
|
-
activeTab.value === "sessoes" ? (openBlock(), createElementBlock("div",
|
|
2155
|
-
createElementVNode("div",
|
|
2187
|
+
activeTab.value === "sessoes" ? (openBlock(), createElementBlock("div", _hoisted_48, [
|
|
2188
|
+
createElementVNode("div", _hoisted_49, [
|
|
2156
2189
|
_cache[38] || (_cache[38] = createElementVNode("div", { class: "atm-sessions-info" }, [
|
|
2157
2190
|
createElementVNode("p", { class: "atm-sessions-description" }, " Gerencie os dispositivos conectados à sua conta. Você pode encerrar sessões em dispositivos que não reconhece. ")
|
|
2158
2191
|
], -1)),
|
|
2159
|
-
createElementVNode("div",
|
|
2192
|
+
createElementVNode("div", _hoisted_50, [
|
|
2160
2193
|
(openBlock(true), createElementBlock(Fragment, null, renderList(sessions.value, (session) => {
|
|
2161
2194
|
return openBlock(), createElementBlock("div", {
|
|
2162
2195
|
key: session.id,
|
|
2163
2196
|
class: "atm-session-item"
|
|
2164
2197
|
}, [
|
|
2165
|
-
createElementVNode("div",
|
|
2166
|
-
createElementVNode("div",
|
|
2167
|
-
(openBlock(), createElementBlock("svg",
|
|
2198
|
+
createElementVNode("div", _hoisted_51, [
|
|
2199
|
+
createElementVNode("div", _hoisted_52, [
|
|
2200
|
+
(openBlock(), createElementBlock("svg", _hoisted_53, [
|
|
2168
2201
|
createElementVNode("path", {
|
|
2169
2202
|
fill: "currentColor",
|
|
2170
2203
|
d: getDeviceIcon(session.device)
|
|
2171
|
-
}, null, 8,
|
|
2204
|
+
}, null, 8, _hoisted_54)
|
|
2172
2205
|
])),
|
|
2173
|
-
createElementVNode("div",
|
|
2174
|
-
createElementVNode("div",
|
|
2206
|
+
createElementVNode("div", _hoisted_55, [
|
|
2207
|
+
createElementVNode("div", _hoisted_56, [
|
|
2175
2208
|
createElementVNode("span", null, toDisplayString(session.ip_address), 1),
|
|
2176
|
-
session.current === 1 ? (openBlock(), createElementBlock("span",
|
|
2209
|
+
session.current === 1 ? (openBlock(), createElementBlock("span", _hoisted_57, "Atual")) : createCommentVNode("", true)
|
|
2177
2210
|
]),
|
|
2178
|
-
session.device.browser || session.device.platform ? (openBlock(), createElementBlock("div",
|
|
2179
|
-
session.device.browser ? (openBlock(), createElementBlock("span",
|
|
2180
|
-
session.device.browser && session.device.platform ? (openBlock(), createElementBlock("span",
|
|
2181
|
-
session.device.platform ? (openBlock(), createElementBlock("span",
|
|
2211
|
+
session.device.browser || session.device.platform ? (openBlock(), createElementBlock("div", _hoisted_58, [
|
|
2212
|
+
session.device.browser ? (openBlock(), createElementBlock("span", _hoisted_59, toDisplayString(session.device.browser) + toDisplayString(session.device.browser_version ? ` ${session.device.browser_version}` : ""), 1)) : createCommentVNode("", true),
|
|
2213
|
+
session.device.browser && session.device.platform ? (openBlock(), createElementBlock("span", _hoisted_60, " • ")) : createCommentVNode("", true),
|
|
2214
|
+
session.device.platform ? (openBlock(), createElementBlock("span", _hoisted_61, toDisplayString(session.device.platform), 1)) : createCommentVNode("", true)
|
|
2182
2215
|
])) : createCommentVNode("", true),
|
|
2183
|
-
createElementVNode("div",
|
|
2184
|
-
createElementVNode("div",
|
|
2216
|
+
createElementVNode("div", _hoisted_62, [
|
|
2217
|
+
createElementVNode("div", _hoisted_63, [
|
|
2185
2218
|
_cache[35] || (_cache[35] = createElementVNode("span", { class: "atm-timestamp-label" }, "Iniciada:", -1)),
|
|
2186
2219
|
createElementVNode("span", null, toDisplayString(formatDate(session.started_at)), 1)
|
|
2187
2220
|
]),
|
|
2188
|
-
createElementVNode("div",
|
|
2221
|
+
createElementVNode("div", _hoisted_64, [
|
|
2189
2222
|
_cache[36] || (_cache[36] = createElementVNode("span", { class: "atm-timestamp-label" }, "Última atividade:", -1)),
|
|
2190
2223
|
createElementVNode("span", null, toDisplayString(formatDate(session.last_activity_at)), 1)
|
|
2191
2224
|
])
|
|
@@ -2193,7 +2226,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2193
2226
|
])
|
|
2194
2227
|
])
|
|
2195
2228
|
]),
|
|
2196
|
-
createElementVNode("div",
|
|
2229
|
+
createElementVNode("div", _hoisted_65, [
|
|
2197
2230
|
session.current !== 1 ? (openBlock(), createElementBlock("button", {
|
|
2198
2231
|
key: 0,
|
|
2199
2232
|
onClick: ($event) => closeSessionById(session.id),
|
|
@@ -2210,7 +2243,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2210
2243
|
})
|
|
2211
2244
|
], -1),
|
|
2212
2245
|
createTextVNode(" Encerrar ", -1)
|
|
2213
|
-
])], 8,
|
|
2246
|
+
])], 8, _hoisted_66)) : createCommentVNode("", true)
|
|
2214
2247
|
])
|
|
2215
2248
|
]);
|
|
2216
2249
|
}), 128))
|