@autenticar-me/vue 0.3.0 → 0.5.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/README.md +80 -4
- package/dist/components/Buttons/SignInButton.vue.d.ts +5 -1
- package/dist/components/Buttons/SignInButton.vue.d.ts.map +1 -1
- package/dist/components/Buttons/SignUpButton.vue.d.ts +5 -1
- package/dist/components/Buttons/SignUpButton.vue.d.ts.map +1 -1
- package/dist/components/Modals/SignInModal.vue.d.ts +7 -3
- package/dist/components/Modals/SignInModal.vue.d.ts.map +1 -1
- package/dist/components/Modals/SignUpModal.vue.d.ts +7 -3
- package/dist/components/Modals/SignUpModal.vue.d.ts.map +1 -1
- package/dist/components/SignIn.vue.d.ts +7 -3
- package/dist/components/SignIn.vue.d.ts.map +1 -1
- package/dist/components/SignUp.vue.d.ts +7 -3
- package/dist/components/SignUp.vue.d.ts.map +1 -1
- package/dist/index.cjs +113 -29
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +113 -29
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,8 @@ export { default as SignOutButton } from './components/Buttons/SignOutButton.vue
|
|
|
5
5
|
export { default as SignUpButton } from './components/Buttons/SignUpButton.vue';
|
|
6
6
|
export { default as SignedIn } from './components/Layout/SignedIn.vue';
|
|
7
7
|
export { default as SignedOut } from './components/Layout/SignedOut.vue';
|
|
8
|
+
export { default as SignIn } from './components/SignIn.vue';
|
|
9
|
+
export { default as SignUp } from './components/SignUp.vue';
|
|
8
10
|
export { useAtm } from './composables/useAtm';
|
|
9
11
|
export { useAtmClient } from './composables/useAtmClient';
|
|
10
12
|
export { useAuth } from './composables/useAuth';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAChE,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAC7C,YAAY,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AACpC,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
|
-
(function() {
|
|
3
|
-
|
|
4
|
-
|
|
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-69af412a] {\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-69af412a] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-69af412a] {\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-69af412a] {\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-69af412a] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--e2d4c99e);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-69af412a] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: #666;\n}\n.atm-form-group[data-v-69af412a] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-69af412a] {\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-69af412a] {\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-69af412a]:focus {\n outline: none;\n border-color: var(--e2d4c99e);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-69af412a]:disabled {\n background-color: #f5f5f5;\n cursor: not-allowed;\n}\n.atm-field-error[data-v-69af412a] {\n color: #dc3545;\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-alternative-options[data-v-69af412a] {\n margin-top: 8px;\n text-align: center;\n}\n.atm-forgot-password-link[data-v-69af412a] {\n font-size: 12px;\n background: none;\n border: none;\n color: var(--v182122ff);\n cursor: pointer;\n text-decoration: none;\n padding: 0;\n font-family: inherit;\n}\n.atm-forgot-password-link[data-v-69af412a]:hover:not(:disabled) {\n text-decoration: underline;\n}\n.atm-forgot-password-link[data-v-69af412a]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-strategy-choice[data-v-69af412a] {\n text-align: center;\n margin-bottom: 12px;\n}\n.atm-strategy-title[data-v-69af412a] {\n font-size: 14px;\n color: #666;\n margin-bottom: 12px;\n}\n.atm-strategy-buttons[data-v-69af412a] {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-strategy-button[data-v-69af412a] {\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-69af412a]:hover:not(:disabled) {\n background: #e9ecef;\n border-color: var(--e2d4c99e);\n}\n.atm-strategy-button[data-v-69af412a]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-email-link-text[data-v-69af412a] {\n font-size: 14px;\n color: #666;\n margin: 0;\n text-align: center;\n}\n.atm-login-button[data-v-69af412a] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--e2d4c99e);\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-69af412a]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-login-button[data-v-69af412a]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-69af412a] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-69af412a] {\n animation: spin-69af412a 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-69af412a] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-69af412a {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-69af412a] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-signup-text[data-v-69af412a] {\n color: #666;\n margin-bottom: 6px;\n}\n.atm-signup-link[data-v-69af412a] {\n color: var(--v182122ff);\n text-decoration: none;\n cursor: pointer;\n}\n.atm-signup-link[data-v-69af412a]:hover {\n text-decoration: underline;\n}\n.atm-powered-by[data-v-69af412a] {\n color: #999;\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-69af412a] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-69af412a] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-69af412a] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-69af412a] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-69af412a] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-login-button[data-v-69af412a] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-strategy-button[data-v-69af412a] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-footer-links[data-v-69af412a] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-69af412a] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-69af412a] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-69af412a] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-69af412a] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-69af412a] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-69af412a] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-69af412a] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-login-button[data-v-69af412a] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-forgot-password-link[data-v-69af412a] {\n font-size: 11px;\n}\n.atm-strategy-title[data-v-69af412a] {\n font-size: 13px;\n margin-bottom: 10px;\n}\n.atm-strategy-button[data-v-69af412a] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-email-link-text[data-v-69af412a] {\n font-size: 13px;\n}\n.atm-footer-links[data-v-69af412a] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-69af412a] {\n font-size: 10px;\n}\n.spinner-svg[data-v-69af412a] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-69af412a] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-69af412a] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-69af412a] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-69af412a] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-69af412a] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-69af412a] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-69af412a] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-69af412a] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-login-button[data-v-69af412a] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-strategy-button[data-v-69af412a] {\n padding: 8px;\n font-size: 12px;\n}\n.atm-footer-links[data-v-69af412a] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-69af412a] {\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-de716df2] {\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-de716df2] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-de716df2] {\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-de716df2] {\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-de716df2] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v8c008960);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-de716df2] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: #666;\n}\n.atm-form-group[data-v-de716df2] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-de716df2] {\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-de716df2] {\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-de716df2]:focus {\n outline: none;\n border-color: var(--v8c008960);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-de716df2]:disabled {\n background-color: #f5f5f5;\n cursor: not-allowed;\n}\n.atm-field-error[data-v-de716df2] {\n color: #dc3545;\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-signup-button[data-v-de716df2] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v8c008960);\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-de716df2]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-signup-button[data-v-de716df2]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-de716df2] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-de716df2] {\n animation: spin-de716df2 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-de716df2] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-de716df2 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-de716df2] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-login-text[data-v-de716df2] {\n color: #666;\n margin-bottom: 6px;\n}\n.atm-login-link[data-v-de716df2] {\n color: var(--v1183b75e);\n text-decoration: none;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-login-link[data-v-de716df2]:hover:not(.disabled-link) {\n text-decoration: underline;\n}\n.atm-login-link.disabled-link[data-v-de716df2] {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n.atm-powered-by[data-v-de716df2] {\n color: #999;\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-de716df2] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-de716df2] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-de716df2] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-de716df2] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-de716df2] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-de716df2] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-footer-links[data-v-de716df2] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-de716df2] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-de716df2] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-de716df2] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-de716df2] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-de716df2] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-de716df2] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-de716df2] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-de716df2] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-footer-links[data-v-de716df2] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-de716df2] {\n font-size: 10px;\n}\n.spinner-svg[data-v-de716df2] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-de716df2] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-de716df2] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-de716df2] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-de716df2] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-de716df2] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-de716df2] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-de716df2] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-de716df2] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-signup-button[data-v-de716df2] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-footer-links[data-v-de716df2] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-de716df2] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signin-btn[data-v-4139c6d0] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v0f0ded3a);\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-4139c6d0]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signin-btn[data-v-4139c6d0] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signin-btn[data-v-4139c6d0] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signin-btn[data-v-4139c6d0] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-signup-btn[data-v-959aa7ef] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v1112fbaa);\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-959aa7ef]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signup-btn[data-v-959aa7ef] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signup-btn[data-v-959aa7ef] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signup-btn[data-v-959aa7ef] {\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";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
})();
|
|
9
|
-
import { inject, defineComponent, createElementBlock, openBlock, createElementVNode, normalizeStyle, createCommentVNode, toDisplayString, renderSlot, useCssVars, computed, ref, onMounted, nextTick, watch, unref, withModifiers, withDirectives, vModelText, Fragment, renderList, createTextVNode, createBlock, Teleport, createVNode, Transition, withCtx, normalizeClass, onUnmounted, provide } from "vue";
|
|
2
|
+
(function() {
|
|
3
|
+
if (typeof document !== 'undefined') {
|
|
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";
|
|
6
|
+
document.head.appendChild(style);
|
|
7
|
+
}
|
|
8
|
+
})();
|
|
9
|
+
import { inject, defineComponent, createElementBlock, openBlock, createElementVNode, normalizeStyle, createCommentVNode, toDisplayString, renderSlot, useCssVars, computed, ref, onMounted, nextTick, watch, unref, withModifiers, withDirectives, vModelText, Fragment, renderList, createTextVNode, getCurrentInstance, createBlock, Teleport, createVNode, Transition, withCtx, normalizeClass, onUnmounted, provide } from "vue";
|
|
10
10
|
import UniversalCookie from "universal-cookie";
|
|
11
11
|
import { AtmClient } from "@autenticar-me/client-js";
|
|
12
12
|
const writeAccessTokenInCookie = (accessToken) => {
|
|
@@ -248,18 +248,26 @@ const _hoisted_24$2 = {
|
|
|
248
248
|
const _hoisted_25$2 = { key: 0 };
|
|
249
249
|
const _hoisted_26$2 = { key: 1 };
|
|
250
250
|
const _hoisted_27$2 = { class: "atm-footer-links" };
|
|
251
|
-
const _hoisted_28$1 = {
|
|
251
|
+
const _hoisted_28$1 = {
|
|
252
|
+
key: 0,
|
|
253
|
+
class: "atm-signup-text"
|
|
254
|
+
};
|
|
252
255
|
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
253
256
|
__name: "SignIn",
|
|
257
|
+
props: {
|
|
258
|
+
redirect: {},
|
|
259
|
+
signUpLink: {}
|
|
260
|
+
},
|
|
254
261
|
emits: [
|
|
255
262
|
"completed",
|
|
256
263
|
"sign-up"
|
|
257
264
|
],
|
|
258
265
|
setup(__props, { emit: __emit }) {
|
|
259
266
|
useCssVars((_ctx) => ({
|
|
260
|
-
"
|
|
261
|
-
"
|
|
267
|
+
"v36da353d": atmPrimaryColor.value,
|
|
268
|
+
"v7cb12bea": atmSecondaryColor.value
|
|
262
269
|
}));
|
|
270
|
+
const props = __props;
|
|
263
271
|
const emit = __emit;
|
|
264
272
|
const showNotification = inject("showNotification");
|
|
265
273
|
const form = ref({
|
|
@@ -284,6 +292,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
284
292
|
const atmPrimaryColor = computed(() => configurations.value?.design?.primaryColor);
|
|
285
293
|
const atmSecondaryColor = computed(() => configurations.value?.design?.secondaryColor);
|
|
286
294
|
const logoUrl = computed(() => configurations.value?.project?.logo || "");
|
|
295
|
+
const isRegisterEnabled = computed(() => configurations.value?.register?.enable !== false);
|
|
287
296
|
const buttonText = computed(() => {
|
|
288
297
|
if (currentStep.value === "email") return "Entrar";
|
|
289
298
|
if (currentStep.value === "choose_strategy") return "";
|
|
@@ -430,6 +439,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
430
439
|
showNotification?.("Login realizado com sucesso!", "success");
|
|
431
440
|
setTimeout(() => {
|
|
432
441
|
emit("completed");
|
|
442
|
+
if (props.redirect) {
|
|
443
|
+
const instance = getCurrentInstance();
|
|
444
|
+
const router = instance?.appContext.config.globalProperties.$router;
|
|
445
|
+
if (router) {
|
|
446
|
+
router.push(props.redirect);
|
|
447
|
+
} else {
|
|
448
|
+
window.location.href = props.redirect;
|
|
449
|
+
}
|
|
450
|
+
}
|
|
433
451
|
}, 1e3);
|
|
434
452
|
} catch (error) {
|
|
435
453
|
showNotification?.(error.message || "Erro ao finalizar autenticação");
|
|
@@ -481,7 +499,19 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
481
499
|
isLoading.value = false;
|
|
482
500
|
}
|
|
483
501
|
};
|
|
484
|
-
const signUp = () =>
|
|
502
|
+
const signUp = () => {
|
|
503
|
+
if (props.signUpLink) {
|
|
504
|
+
const instance = getCurrentInstance();
|
|
505
|
+
const router = instance?.appContext.config.globalProperties.$router;
|
|
506
|
+
if (router) {
|
|
507
|
+
router.push(props.signUpLink);
|
|
508
|
+
} else {
|
|
509
|
+
window.location.href = props.signUpLink;
|
|
510
|
+
}
|
|
511
|
+
} else {
|
|
512
|
+
emit("sign-up");
|
|
513
|
+
}
|
|
514
|
+
};
|
|
485
515
|
onMounted(() => {
|
|
486
516
|
nextTick(() => {
|
|
487
517
|
if (emailInput.value) {
|
|
@@ -601,13 +631,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
601
631
|
]))
|
|
602
632
|
], 8, _hoisted_22$2)) : createCommentVNode("", true),
|
|
603
633
|
createElementVNode("div", _hoisted_27$2, [
|
|
604
|
-
|
|
634
|
+
isRegisterEnabled.value ? (openBlock(), createElementBlock("p", _hoisted_28$1, [
|
|
605
635
|
_cache[11] || (_cache[11] = createTextVNode(" Ainda não tem uma conta? ", -1)),
|
|
606
636
|
createElementVNode("a", {
|
|
607
637
|
onClick: _cache[3] || (_cache[3] = ($event) => signUp()),
|
|
608
638
|
class: "atm-signup-link"
|
|
609
639
|
}, "Cadastre aqui")
|
|
610
|
-
]),
|
|
640
|
+
])) : createCommentVNode("", true),
|
|
611
641
|
_cache[12] || (_cache[12] = createElementVNode("p", { class: "atm-powered-by" }, [
|
|
612
642
|
createTextVNode(" Secured by "),
|
|
613
643
|
createElementVNode("strong", null, "Autenticar.me")
|
|
@@ -618,7 +648,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
618
648
|
};
|
|
619
649
|
}
|
|
620
650
|
});
|
|
621
|
-
const SignIn = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-
|
|
651
|
+
const SignIn = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c3d00fb8"]]);
|
|
622
652
|
const _hoisted_1$6 = {
|
|
623
653
|
key: 0,
|
|
624
654
|
class: "atm-notification-container"
|
|
@@ -710,12 +740,17 @@ const _hoisted_26$1 = { class: "atm-footer-links" };
|
|
|
710
740
|
const _hoisted_27$1 = { class: "atm-login-text" };
|
|
711
741
|
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
712
742
|
__name: "SignUp",
|
|
743
|
+
props: {
|
|
744
|
+
redirect: {},
|
|
745
|
+
signInLink: {}
|
|
746
|
+
},
|
|
713
747
|
emits: ["completed", "sign-in"],
|
|
714
748
|
setup(__props, { emit: __emit }) {
|
|
715
749
|
useCssVars((_ctx) => ({
|
|
716
|
-
"
|
|
717
|
-
"
|
|
750
|
+
"v9e732be0": atmPrimaryColor.value,
|
|
751
|
+
"v7159b61e": atmSecondaryColor.value
|
|
718
752
|
}));
|
|
753
|
+
const props = __props;
|
|
719
754
|
const emit = __emit;
|
|
720
755
|
const { configurations } = useAtm();
|
|
721
756
|
const form = ref({
|
|
@@ -857,6 +892,15 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
857
892
|
showNotification("Login realizado com sucesso!", "success");
|
|
858
893
|
setTimeout(() => {
|
|
859
894
|
emit("completed");
|
|
895
|
+
if (props.redirect) {
|
|
896
|
+
const instance = getCurrentInstance();
|
|
897
|
+
const router = instance?.appContext.config.globalProperties.$router;
|
|
898
|
+
if (router) {
|
|
899
|
+
router.push(props.redirect);
|
|
900
|
+
} else {
|
|
901
|
+
window.location.href = props.redirect;
|
|
902
|
+
}
|
|
903
|
+
}
|
|
860
904
|
}, 1e3);
|
|
861
905
|
} catch (error) {
|
|
862
906
|
if (error.errors && typeof error.errors === "object") {
|
|
@@ -867,7 +911,19 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
867
911
|
isLoading.value = false;
|
|
868
912
|
}
|
|
869
913
|
};
|
|
870
|
-
const signIn = () =>
|
|
914
|
+
const signIn = () => {
|
|
915
|
+
if (props.signInLink) {
|
|
916
|
+
const instance = getCurrentInstance();
|
|
917
|
+
const router = instance?.appContext.config.globalProperties.$router;
|
|
918
|
+
if (router) {
|
|
919
|
+
router.push(props.signInLink);
|
|
920
|
+
} else {
|
|
921
|
+
window.location.href = props.signInLink;
|
|
922
|
+
}
|
|
923
|
+
} else {
|
|
924
|
+
emit("sign-in");
|
|
925
|
+
}
|
|
926
|
+
};
|
|
871
927
|
return (_ctx, _cache) => {
|
|
872
928
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
873
929
|
createVNode(Notification, {
|
|
@@ -1000,9 +1056,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
1000
1056
|
};
|
|
1001
1057
|
}
|
|
1002
1058
|
});
|
|
1003
|
-
const SignUp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-
|
|
1059
|
+
const SignUp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-3359c6ca"]]);
|
|
1004
1060
|
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
1005
1061
|
__name: "SignInModal",
|
|
1062
|
+
props: {
|
|
1063
|
+
redirect: {},
|
|
1064
|
+
signUpLink: {}
|
|
1065
|
+
},
|
|
1006
1066
|
emits: [
|
|
1007
1067
|
"close"
|
|
1008
1068
|
],
|
|
@@ -1038,14 +1098,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
1038
1098
|
default: withCtx(() => [
|
|
1039
1099
|
component.value === "sign-in" ? (openBlock(), createBlock(SignIn, {
|
|
1040
1100
|
key: 0,
|
|
1101
|
+
redirect: __props.redirect,
|
|
1102
|
+
signUpLink: __props.signUpLink,
|
|
1041
1103
|
onSignUp: _cache[0] || (_cache[0] = ($event) => signUp()),
|
|
1042
1104
|
onCompleted: _cache[1] || (_cache[1] = ($event) => close())
|
|
1043
|
-
})) : createCommentVNode("", true),
|
|
1105
|
+
}, null, 8, ["redirect", "signUpLink"])) : createCommentVNode("", true),
|
|
1044
1106
|
component.value === "sign-up" ? (openBlock(), createBlock(SignUp, {
|
|
1045
1107
|
key: 1,
|
|
1108
|
+
redirect: __props.redirect,
|
|
1046
1109
|
onSignIn: _cache[2] || (_cache[2] = ($event) => signIn()),
|
|
1047
1110
|
onCompleted: _cache[3] || (_cache[3] = ($event) => close())
|
|
1048
|
-
})) : createCommentVNode("", true)
|
|
1111
|
+
}, null, 8, ["redirect"])) : createCommentVNode("", true)
|
|
1049
1112
|
]),
|
|
1050
1113
|
_: 1
|
|
1051
1114
|
}, 8, ["max-width"]);
|
|
@@ -1054,9 +1117,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
1054
1117
|
});
|
|
1055
1118
|
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
1056
1119
|
__name: "SignInButton",
|
|
1120
|
+
props: {
|
|
1121
|
+
redirect: {},
|
|
1122
|
+
signUpLink: {}
|
|
1123
|
+
},
|
|
1057
1124
|
setup(__props) {
|
|
1058
1125
|
useCssVars((_ctx) => ({
|
|
1059
|
-
"
|
|
1126
|
+
"v111e7704": atmPrimaryColor.value
|
|
1060
1127
|
}));
|
|
1061
1128
|
const showSignInModal = ref(false);
|
|
1062
1129
|
const { configurations } = useAtm();
|
|
@@ -1089,8 +1156,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
1089
1156
|
}, null, 8, ["show", "message", "type"]),
|
|
1090
1157
|
showSignInModal.value ? (openBlock(), createBlock(_sfc_main$8, {
|
|
1091
1158
|
key: 0,
|
|
1159
|
+
redirect: __props.redirect,
|
|
1160
|
+
signUpLink: __props.signUpLink,
|
|
1092
1161
|
onClose: _cache[0] || (_cache[0] = () => showSignInModal.value = false)
|
|
1093
|
-
})) : createCommentVNode("", true),
|
|
1162
|
+
}, null, 8, ["redirect", "signUpLink"])) : createCommentVNode("", true),
|
|
1094
1163
|
createElementVNode("button", {
|
|
1095
1164
|
onClick: _cache[1] || (_cache[1] = ($event) => signIn()),
|
|
1096
1165
|
class: "atm-signin-btn"
|
|
@@ -1099,13 +1168,17 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
1099
1168
|
};
|
|
1100
1169
|
}
|
|
1101
1170
|
});
|
|
1102
|
-
const SignInButton = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-
|
|
1171
|
+
const SignInButton = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-e490ca63"]]);
|
|
1103
1172
|
const _hoisted_1$4 = {
|
|
1104
1173
|
key: 2,
|
|
1105
1174
|
style: { "padding": "24px", "text-align": "center" }
|
|
1106
1175
|
};
|
|
1107
1176
|
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
1108
1177
|
__name: "SignUpModal",
|
|
1178
|
+
props: {
|
|
1179
|
+
redirect: {},
|
|
1180
|
+
signInLink: {}
|
|
1181
|
+
},
|
|
1109
1182
|
emits: [
|
|
1110
1183
|
"close"
|
|
1111
1184
|
],
|
|
@@ -1143,14 +1216,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
1143
1216
|
default: withCtx(() => [
|
|
1144
1217
|
component.value === "sign-in" ? (openBlock(), createBlock(SignIn, {
|
|
1145
1218
|
key: 0,
|
|
1219
|
+
redirect: __props.redirect,
|
|
1146
1220
|
onSignUp: _cache[0] || (_cache[0] = ($event) => signUp()),
|
|
1147
1221
|
onCompleted: _cache[1] || (_cache[1] = ($event) => close())
|
|
1148
|
-
})) : createCommentVNode("", true),
|
|
1222
|
+
}, null, 8, ["redirect"])) : createCommentVNode("", true),
|
|
1149
1223
|
component.value === "sign-up" && isRegistrationAllowed.value ? (openBlock(), createBlock(SignUp, {
|
|
1150
1224
|
key: 1,
|
|
1225
|
+
redirect: __props.redirect,
|
|
1226
|
+
signInLink: __props.signInLink,
|
|
1151
1227
|
onSignIn: _cache[2] || (_cache[2] = ($event) => signIn()),
|
|
1152
1228
|
onCompleted: _cache[3] || (_cache[3] = ($event) => close())
|
|
1153
|
-
})) : component.value === "sign-up" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
|
|
1229
|
+
}, null, 8, ["redirect", "signInLink"])) : component.value === "sign-up" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
|
|
1154
1230
|
_cache[6] || (_cache[6] = createElementVNode("p", { style: { "margin-bottom": "16px" } }, "Registro não está disponível no momento", -1)),
|
|
1155
1231
|
createElementVNode("button", {
|
|
1156
1232
|
onClick: _cache[4] || (_cache[4] = ($event) => signIn()),
|
|
@@ -1165,9 +1241,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
1165
1241
|
});
|
|
1166
1242
|
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
1167
1243
|
__name: "SignUpButton",
|
|
1244
|
+
props: {
|
|
1245
|
+
redirect: {},
|
|
1246
|
+
signInLink: {}
|
|
1247
|
+
},
|
|
1168
1248
|
setup(__props) {
|
|
1169
1249
|
useCssVars((_ctx) => ({
|
|
1170
|
-
"
|
|
1250
|
+
"v334adbc1": atmPrimaryColor.value
|
|
1171
1251
|
}));
|
|
1172
1252
|
const showSignUpModal = ref(false);
|
|
1173
1253
|
const { configurations } = useAtm();
|
|
@@ -1180,8 +1260,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
1180
1260
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
1181
1261
|
showSignUpModal.value ? (openBlock(), createBlock(_sfc_main$6, {
|
|
1182
1262
|
key: 0,
|
|
1263
|
+
redirect: __props.redirect,
|
|
1264
|
+
signInLink: __props.signInLink,
|
|
1183
1265
|
onClose: _cache[0] || (_cache[0] = () => showSignUpModal.value = false)
|
|
1184
|
-
})) : createCommentVNode("", true),
|
|
1266
|
+
}, null, 8, ["redirect", "signInLink"])) : createCommentVNode("", true),
|
|
1185
1267
|
isRegistrationAllowed.value ? (openBlock(), createElementBlock("button", {
|
|
1186
1268
|
key: 1,
|
|
1187
1269
|
onClick: _cache[1] || (_cache[1] = ($event) => signUp()),
|
|
@@ -1191,7 +1273,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
1191
1273
|
};
|
|
1192
1274
|
}
|
|
1193
1275
|
});
|
|
1194
|
-
const SignUpButton = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-
|
|
1276
|
+
const SignUpButton = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-7346e92d"]]);
|
|
1195
1277
|
const _hoisted_1$3 = {
|
|
1196
1278
|
key: 0,
|
|
1197
1279
|
class: "atm-profile-container"
|
|
@@ -2263,8 +2345,10 @@ const atmPlugin = {
|
|
|
2263
2345
|
};
|
|
2264
2346
|
export {
|
|
2265
2347
|
AuthSwitcher,
|
|
2348
|
+
SignIn,
|
|
2266
2349
|
SignInButton,
|
|
2267
2350
|
SignOutButton,
|
|
2351
|
+
SignUp,
|
|
2268
2352
|
SignUpButton,
|
|
2269
2353
|
_sfc_main$1 as SignedIn,
|
|
2270
2354
|
_sfc_main as SignedOut,
|