@autenticar-me/vue 0.13.0 → 0.15.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 +374 -360
- package/dist/components/Buttons/SignOutButton.vue.d.ts +5 -1
- package/dist/components/Buttons/SignOutButton.vue.d.ts.map +1 -1
- package/dist/components/UserProfile.vue.d.ts +5 -1
- package/dist/components/UserProfile.vue.d.ts.map +1 -1
- package/dist/composables/useAtm.d.ts +2 -0
- package/dist/composables/useAtm.d.ts.map +1 -1
- package/dist/composables/useAuth.d.ts +2 -0
- package/dist/composables/useAuth.d.ts.map +1 -1
- package/dist/index.cjs +97 -42
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +97 -42
- package/dist/index.js.map +1 -1
- package/dist/plugin.d.ts.map +1 -1
- package/dist/utils/fetch-user.d.ts.map +1 -1
- package/package.json +45 -45
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
2
|
+
logout: () => any;
|
|
3
|
+
}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
|
|
4
|
+
onLogout?: (() => any) | undefined;
|
|
5
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
6
|
export default _default;
|
|
3
7
|
//# sourceMappingURL=SignOutButton.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SignOutButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/SignOutButton.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SignOutButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/SignOutButton.vue"],"names":[],"mappings":";;;;;AAyIA,wBAMG"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
2
|
+
logout: () => any;
|
|
3
|
+
}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
|
|
4
|
+
onLogout?: (() => any) | undefined;
|
|
5
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
2
6
|
buttonRef: HTMLButtonElement;
|
|
3
7
|
}, any>;
|
|
4
8
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserProfile.vue.d.ts","sourceRoot":"","sources":["../../src/components/UserProfile.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UserProfile.vue.d.ts","sourceRoot":"","sources":["../../src/components/UserProfile.vue"],"names":[],"mappings":";;;;;;;AAqzFA,wBAOG"}
|
|
@@ -9,5 +9,7 @@ export type Atm = {
|
|
|
9
9
|
configurations: Ref<undefined | null | Configurations>;
|
|
10
10
|
isSignedIn: ComputedRef<boolean>;
|
|
11
11
|
isLoaded: Ref<boolean>;
|
|
12
|
+
onLogout: (callback: () => void) => (() => void);
|
|
13
|
+
emitLogout: () => void;
|
|
12
14
|
};
|
|
13
15
|
//# sourceMappingURL=useAtm.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAtm.d.ts","sourceRoot":"","sources":["../../src/composables/useAtm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,wBAAgB,MAAM,IAAI,GAAG,CAQ5B;AAED,MAAM,MAAM,GAAG,GAAG;IACd,MAAM,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,IAAI,EAAE,GAAG,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IACnC,cAAc,EAAE,GAAG,CAAC,SAAS,GAAG,IAAI,GAAG,cAAc,CAAC,CAAC;IACvD,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;CAC1B,CAAA"}
|
|
1
|
+
{"version":3,"file":"useAtm.d.ts","sourceRoot":"","sources":["../../src/composables/useAtm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,wBAAgB,MAAM,IAAI,GAAG,CAQ5B;AAED,MAAM,MAAM,GAAG,GAAG;IACd,MAAM,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,IAAI,EAAE,GAAG,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IACnC,cAAc,EAAE,GAAG,CAAC,SAAS,GAAG,IAAI,GAAG,cAAc,CAAC,CAAC;IACvD,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;IACjD,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAA"}
|
|
@@ -4,5 +4,7 @@ export declare function useAuth(): {
|
|
|
4
4
|
getAccessToken: () => Promise<string | null>;
|
|
5
5
|
fetchUser: (client: import('vue').Ref<import('@autenticar-me/client-js').AtmClient>, user: import('vue').Ref) => Promise<void>;
|
|
6
6
|
logout: () => Promise<void>;
|
|
7
|
+
startAuthPolling: () => void;
|
|
8
|
+
stopAuthPolling: () => void;
|
|
7
9
|
};
|
|
8
10
|
//# sourceMappingURL=useAuth.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/composables/useAuth.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/composables/useAuth.ts"],"names":[],"mappings":"AAMA,wBAAgB,OAAO;;uCAG6B,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;;;kBAK7C,OAAO,CAAC,IAAI,CAAC;4BAkBT,IAAI;2BAkBL,IAAI;EAgBnC"}
|
package/dist/index.cjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
(function() {
|
|
3
3
|
if (typeof document !== 'undefined') {
|
|
4
4
|
const style = document.createElement('style');
|
|
5
|
-
style.textContent = ":root {\r\n --atm-bg-primary: #ffffff;\r\n --atm-bg-secondary: #f8f9fa;\r\n --atm-bg-tertiary: #f0f0f0;\r\n\r\n --atm-text-primary: #333333;\r\n --atm-text-secondary: #666666;\r\n --atm-text-tertiary: #999999;\r\n --atm-text-muted: #888888;\r\n\r\n --atm-border-color: #dddddd;\r\n --atm-border-hover: #cccccc;\r\n\r\n --atm-input-bg: #ffffff;\r\n --atm-input-disabled: #f5f5f5;\r\n --atm-input-border: #dddddd;\r\n\r\n --atm-error-color: #dc3545;\r\n --atm-success-color: #28a745;\r\n\r\n --atm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n --atm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.atm-theme-dark,\r\n:root.atm-theme-dark {\r\n --atm-bg-primary: #1a1a1a;\r\n --atm-bg-secondary: #2d2d2d;\r\n --atm-bg-tertiary: #404040;\r\n\r\n --atm-text-primary: #e0e0e0;\r\n --atm-text-secondary: #b0b0b0;\r\n --atm-text-tertiary: #808080;\r\n --atm-text-muted: #999999;\r\n\r\n --atm-border-color: #404040;\r\n --atm-border-hover: #505050;\r\n\r\n --atm-input-bg: #2d2d2d;\r\n --atm-input-disabled: #1f1f1f;\r\n --atm-input-border: #404040;\r\n\r\n --atm-error-color: #ff6b6b;\r\n --atm-success-color: #51cf66;\r\n\r\n --atm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);\r\n --atm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.5);\r\n}\r\n\n.atm-overlay[data-v-cfc27a48] {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 99999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(4px);\r\n overflow-y: auto;\r\n padding: 1.5rem 0;\n}\n.atm-container[data-v-cfc27a48] {\r\n padding: 0 1.5rem;\r\n width: 100%;\r\n margin: auto;\n}\n.atm-fade-layer[data-v-cfc27a48] {\r\n position: fixed;\r\n inset: 0;\r\n transition: opacity 0.2s ease;\r\n pointer-events: none;\n}\n.atm-fade-bg[data-v-cfc27a48] {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.75;\n}\n.atm-modal[data-v-cfc27a48] {\r\n position: relative;\r\n display: inline-block;\r\n vertical-align: bottom;\r\n background-color: var(--atm-bg-primary);\r\n border-radius: 0.5rem;\r\n text-align: left;\r\n box-shadow: var(--atm-shadow-md);\r\n transform: translate(0);\r\n transition: all 0.2s ease-in-out;\r\n max-width: 32rem;\r\n width: 100%;\r\n max-height: calc(100vh - 3rem);\r\n display: flex;\r\n flex-direction: column;\n}\n.atm-close-button[data-v-cfc27a48] {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n color: var(--atm-text-tertiary);\r\n background: transparent;\r\n border: none;\r\n cursor: pointer;\r\n padding: 0.25rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 10;\r\n transition: color 0.2s;\n}\n.atm-close-button[data-v-cfc27a48]:hover {\r\n color: var(--atm-text-secondary);\n}\n.atm-icon[data-v-cfc27a48] {\r\n width: 1.5rem;\r\n height: 1.5rem;\n}\n.atm-modal-content[data-v-cfc27a48] {\r\n padding: 1.25rem;\r\n overflow-y: auto;\r\n flex: 1;\r\n min-height: 0;\n}\n.atm-modal-title[data-v-cfc27a48] {\r\n font-size: 1.125rem;\r\n font-weight: 500;\r\n color: var(--atm-text-primary);\r\n margin: 0;\r\n margin-bottom: 0.75rem;\n}\n@media (max-width: 768px) {\n.atm-overlay[data-v-cfc27a48] {\r\n padding: 1rem 0;\n}\n.atm-container[data-v-cfc27a48] {\r\n padding: 0 1rem;\n}\n.atm-modal[data-v-cfc27a48] {\r\n border-radius: 0.375rem;\r\n max-height: calc(100vh - 2rem);\n}\n.atm-modal-content[data-v-cfc27a48] {\r\n padding: 1rem;\n}\n.atm-modal-title[data-v-cfc27a48] {\r\n font-size: 1rem;\r\n margin-bottom: 0.75rem;\n}\n.atm-close-button[data-v-cfc27a48] {\r\n top: 0.75rem;\r\n right: 0.75rem;\n}\n.atm-icon[data-v-cfc27a48] {\r\n width: 1.25rem;\r\n height: 1.25rem;\n}\n}\n@media (max-width: 480px) {\n.atm-overlay[data-v-cfc27a48] {\r\n padding: 0.5rem 0;\n}\n.atm-container[data-v-cfc27a48] {\r\n padding: 0 0.5rem;\n}\n.atm-modal[data-v-cfc27a48] {\r\n border-radius: 0.25rem;\r\n max-width: 100%;\r\n max-height: calc(100vh - 1rem);\n}\n.atm-modal-content[data-v-cfc27a48] {\r\n padding: 0.875rem;\n}\n.atm-modal-title[data-v-cfc27a48] {\r\n font-size: 0.9375rem;\r\n margin-bottom: 0.625rem;\n}\n.atm-close-button[data-v-cfc27a48] {\r\n top: 0.5rem;\r\n right: 0.5rem;\n}\n}\n@media (max-width: 360px) {\n.atm-overlay[data-v-cfc27a48] {\r\n padding: 0.25rem 0;\n}\n.atm-container[data-v-cfc27a48] {\r\n padding: 0 0.25rem;\n}\n.atm-modal[data-v-cfc27a48] {\r\n max-height: calc(100vh - 0.5rem);\n}\n.atm-modal-content[data-v-cfc27a48] {\r\n padding: 0.75rem;\n}\n.atm-modal-title[data-v-cfc27a48] {\r\n font-size: 0.875rem;\r\n margin-bottom: 0.5rem;\n}\n}\r\n\n.atm-notification-container[data-v-7b14e826] {\r\n font-family: Arial, Helvetica, sans-serif;\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n z-index: 99999;\r\n pointer-events: none;\n}\n.atm-notification[data-v-7b14e826] {\r\n padding: 12px 16px;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n min-width: 250px;\r\n max-width: 350px;\r\n pointer-events: auto;\n}\n.atm-notification--error[data-v-7b14e826] {\r\n background: #ff3333;\r\n color: #FFF;\n}\n.atm-notification--success[data-v-7b14e826] {\r\n background: #00a622;\r\n color: #FFF;\n}\n.atm-notification--warning[data-v-7b14e826] {\r\n background: #ffa500;\r\n color: #FFF;\n}\n.atm-notification-enter-active[data-v-7b14e826] {\r\n transition: all 0.3s ease-out;\n}\n.atm-notification-leave-active[data-v-7b14e826] {\r\n transition: all 0.3s ease-in;\n}\n.atm-notification-enter-from[data-v-7b14e826] {\r\n transform: translateX(100%);\r\n opacity: 0;\n}\n.atm-notification-leave-to[data-v-7b14e826] {\r\n transform: translateX(100%);\r\n opacity: 0;\n}\n@media (max-width: 768px) {\n.atm-notification-container[data-v-7b14e826] {\r\n top: 16px;\r\n right: 16px;\r\n left: 16px;\n}\n.atm-notification[data-v-7b14e826] {\r\n min-width: auto;\r\n max-width: 100%;\r\n padding: 11px 14px;\r\n font-size: 13px;\n}\n}\n@media (max-width: 480px) {\n.atm-notification-container[data-v-7b14e826] {\r\n top: 12px;\r\n right: 12px;\r\n left: 12px;\n}\n.atm-notification[data-v-7b14e826] {\r\n padding: 10px 12px;\r\n font-size: 12px;\r\n border-radius: 5px;\n}\n}\n@media (max-width: 360px) {\n.atm-notification-container[data-v-7b14e826] {\r\n top: 10px;\r\n right: 10px;\r\n left: 10px;\n}\n.atm-notification[data-v-7b14e826] {\r\n padding: 9px 11px;\r\n font-size: 11px;\r\n border-radius: 4px;\n}\n}\r\n\n.atm-login-container[data-v-6de20a5a] {\r\n background: var(--atm-bg-primary);\r\n border-radius: 8px;\r\n font-family: 'Segoe UI', system-ui, sans-serif;\r\n text-align: center;\n}\n.atm-logo-container[data-v-6de20a5a] {\r\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-6de20a5a] {\r\n width: 44px;\r\n height: 44px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--atm-bg-tertiary);\r\n border-radius: 50%;\r\n color: var(--atm-text-muted);\r\n font-size: 11px;\n}\n.atm-logo-image[data-v-6de20a5a] {\r\n max-width: 44px;\r\n max-height: 44px;\r\n margin: 0 auto;\r\n display: block;\r\n border-radius: 4px;\r\n object-fit: contain;\n}\n.atm-project-name[data-v-6de20a5a] {\r\n margin: 0 0 4px 0;\r\n font-size: 18px;\r\n color: var(--v39829126);\r\n font-weight: 600;\n}\n.atm-welcome-text[data-v-6de20a5a] {\r\n margin: 0 0 16px 0;\r\n font-size: 14px;\r\n color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-6de20a5a] {\r\n margin-bottom: 12px;\r\n text-align: left;\n}\n.atm-input-label[data-v-6de20a5a] {\r\n display: block;\r\n margin-bottom: 4px;\r\n font-size: 13px;\r\n color: var(--atm-text-primary);\r\n font-weight: 500;\n}\n.atm-input-field[data-v-6de20a5a] {\r\n width: 100%;\r\n padding: 8px 10px;\r\n background: var(--atm-input-bg);\r\n color: var(--atm-text-primary);\r\n border: 1px solid var(--atm-input-border);\r\n border-radius: 6px;\r\n font-size: 14px;\r\n box-sizing: border-box;\r\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-6de20a5a]:focus {\r\n outline: none;\r\n border-color: var(--v39829126);\r\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-6de20a5a]:disabled {\r\n background-color: var(--atm-input-disabled);\r\n cursor: not-allowed;\n}\n.atm-field-error[data-v-6de20a5a] {\r\n color: var(--atm-error-color);\r\n font-size: 12px;\r\n margin-top: 4px;\r\n text-align: left;\n}\n.atm-alternative-options[data-v-6de20a5a] {\r\n margin-top: 8px;\r\n text-align: center;\n}\n.atm-forgot-password-link[data-v-6de20a5a] {\r\n font-size: 12px;\r\n background: none;\r\n border: none;\r\n color: var(--v3217bf8a);\r\n cursor: pointer;\r\n text-decoration: none;\r\n padding: 0;\r\n font-family: inherit;\n}\n.atm-forgot-password-link[data-v-6de20a5a]:hover:not(:disabled) {\r\n text-decoration: underline;\n}\n.atm-forgot-password-link[data-v-6de20a5a]:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\n}\n.atm-strategy-choice[data-v-6de20a5a] {\r\n text-align: center;\r\n margin-bottom: 12px;\n}\n.atm-strategy-title[data-v-6de20a5a] {\r\n font-size: 14px;\r\n color: var(--atm-text-secondary);\r\n margin-bottom: 12px;\n}\n.atm-strategy-buttons[data-v-6de20a5a] {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\n}\n.atm-strategy-button[data-v-6de20a5a] {\r\n width: 100%;\r\n padding: 10px;\r\n background: var(--atm-bg-secondary);\r\n color: var(--atm-text-primary);\r\n border: 1px solid var(--atm-border-color);\r\n border-radius: 6px;\r\n font-size: 14px;\r\n cursor: pointer;\r\n transition: all 0.2s;\n}\n.atm-strategy-button[data-v-6de20a5a]:hover:not(:disabled) {\r\n background: var(--atm-bg-tertiary);\r\n border-color: var(--v39829126);\n}\n.atm-strategy-button[data-v-6de20a5a]:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\n}\n.atm-email-link-text[data-v-6de20a5a] {\r\n font-size: 14px;\r\n color: var(--atm-text-secondary);\r\n margin: 0;\r\n text-align: center;\n}\n.atm-login-button[data-v-6de20a5a] {\r\n width: 100%;\r\n padding: 10px;\r\n margin-top: 4px;\r\n background: var(--v39829126);\r\n color: #ffffff;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n min-height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\n}\n.atm-login-button[data-v-6de20a5a]:hover:not(:disabled) {\r\n opacity: 0.9;\r\n transform: translateY(-1px);\n}\n.atm-login-button[data-v-6de20a5a]:disabled {\r\n opacity: 0.8;\r\n cursor: not-allowed;\r\n transform: none;\n}\n.button-spinner[data-v-6de20a5a] {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #fff;\r\n font-weight: 500;\n}\n.spinner-svg[data-v-6de20a5a] {\r\n animation: spin-6de20a5a 1s linear infinite;\r\n width: 18px;\r\n height: 18px;\r\n stroke: #fff;\n}\n.spinner-circle[data-v-6de20a5a] {\r\n stroke-dasharray: 90, 150;\r\n stroke-linecap: round;\n}\n@keyframes spin-6de20a5a {\n0% {\r\n transform: rotate(0deg);\n}\n100% {\r\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-6de20a5a] {\r\n margin-top: 16px;\r\n font-size: 13px;\n}\n.atm-signup-text[data-v-6de20a5a] {\r\n color: var(--atm-text-secondary);\r\n margin-bottom: 6px;\n}\n.atm-signup-link[data-v-6de20a5a] {\r\n color: var(--v3217bf8a);\r\n text-decoration: none;\r\n cursor: pointer;\n}\n.atm-signup-link[data-v-6de20a5a]:hover {\r\n text-decoration: underline;\n}\n.atm-powered-by[data-v-6de20a5a] {\r\n color: var(--atm-text-tertiary);\r\n font-size: 11px;\r\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-6de20a5a] {\r\n font-size: 17px;\n}\n.atm-welcome-text[data-v-6de20a5a] {\r\n font-size: 13px;\r\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-6de20a5a] {\r\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-6de20a5a] {\r\n font-size: 12px;\r\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-6de20a5a] {\r\n padding: 8px 10px;\r\n font-size: 13px;\n}\n.atm-login-button[data-v-6de20a5a] {\r\n font-size: 13px;\r\n padding: 9px;\r\n min-height: 40px;\n}\n.atm-strategy-button[data-v-6de20a5a] {\r\n padding: 9px;\r\n font-size: 13px;\n}\n.atm-footer-links[data-v-6de20a5a] {\r\n margin-top: 14px;\r\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-6de20a5a] {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 10px;\n}\n.atm-logo-image[data-v-6de20a5a] {\r\n max-width: 40px;\r\n max-height: 40px;\n}\n.atm-project-name[data-v-6de20a5a] {\r\n font-size: 16px;\r\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-6de20a5a] {\r\n font-size: 12px;\r\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-6de20a5a] {\r\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-6de20a5a] {\r\n font-size: 12px;\r\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-6de20a5a] {\r\n padding: 7px 9px;\r\n font-size: 13px;\n}\n.atm-login-button[data-v-6de20a5a] {\r\n font-size: 13px;\r\n padding: 9px;\r\n min-height: 38px;\n}\n.atm-forgot-password-link[data-v-6de20a5a] {\r\n font-size: 11px;\n}\n.atm-strategy-title[data-v-6de20a5a] {\r\n font-size: 13px;\r\n margin-bottom: 10px;\n}\n.atm-strategy-button[data-v-6de20a5a] {\r\n padding: 9px;\r\n font-size: 13px;\n}\n.atm-email-link-text[data-v-6de20a5a] {\r\n font-size: 13px;\n}\n.atm-footer-links[data-v-6de20a5a] {\r\n margin-top: 12px;\r\n font-size: 12px;\n}\n.atm-powered-by[data-v-6de20a5a] {\r\n font-size: 10px;\n}\n.spinner-svg[data-v-6de20a5a] {\r\n width: 16px;\r\n height: 16px;\n}\n.button-spinner[data-v-6de20a5a] {\r\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-6de20a5a] {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 9px;\n}\n.atm-logo-image[data-v-6de20a5a] {\r\n max-width: 36px;\r\n max-height: 36px;\n}\n.atm-project-name[data-v-6de20a5a] {\r\n font-size: 15px;\r\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-6de20a5a] {\r\n font-size: 11px;\r\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-6de20a5a] {\r\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-6de20a5a] {\r\n font-size: 11px;\r\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-6de20a5a] {\r\n padding: 6px 8px;\r\n font-size: 12px;\n}\n.atm-login-button[data-v-6de20a5a] {\r\n font-size: 12px;\r\n padding: 8px;\r\n min-height: 36px;\n}\n.atm-strategy-button[data-v-6de20a5a] {\r\n padding: 8px;\r\n font-size: 12px;\n}\n.atm-footer-links[data-v-6de20a5a] {\r\n margin-top: 10px;\r\n font-size: 11px;\n}\n.spinner-svg[data-v-6de20a5a] {\r\n width: 14px;\r\n height: 14px;\n}\n}\r\n\n.atm-signup-container[data-v-1f89f1bf] {\r\n width: 100%;\r\n background: var(--atm-bg-primary);\r\n border-radius: 8px;\r\n font-family: 'Segoe UI', system-ui, sans-serif;\r\n text-align: center;\n}\n.atm-logo-container[data-v-1f89f1bf] {\r\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-1f89f1bf] {\r\n width: 44px;\r\n height: 44px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--atm-bg-tertiary);\r\n border-radius: 50%;\r\n color: var(--atm-text-muted);\r\n font-size: 11px;\n}\n.atm-logo-image[data-v-1f89f1bf] {\r\n max-width: 44px;\r\n max-height: 44px;\r\n margin: 0 auto;\r\n display: block;\r\n border-radius: 4px;\r\n object-fit: contain;\n}\n.atm-project-name[data-v-1f89f1bf] {\r\n margin: 0 0 4px 0;\r\n font-size: 18px;\r\n color: var(--v8fb11080);\r\n font-weight: 600;\n}\n.atm-welcome-text[data-v-1f89f1bf] {\r\n margin: 0 0 16px 0;\r\n font-size: 14px;\r\n color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-1f89f1bf] {\r\n margin-bottom: 12px;\r\n text-align: left;\n}\n.atm-input-label[data-v-1f89f1bf] {\r\n display: block;\r\n margin-bottom: 4px;\r\n font-size: 13px;\r\n color: var(--atm-text-primary);\r\n font-weight: 500;\n}\n.atm-input-field[data-v-1f89f1bf] {\r\n width: 100%;\r\n padding: 8px 10px;\r\n background: var(--atm-input-bg);\r\n color: var(--atm-text-primary);\r\n border: 1px solid var(--atm-input-border);\r\n border-radius: 6px;\r\n font-size: 14px;\r\n box-sizing: border-box;\r\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-1f89f1bf]:focus {\r\n outline: none;\r\n border-color: var(--v8fb11080);\r\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-1f89f1bf]:disabled {\r\n background-color: var(--atm-input-disabled);\r\n cursor: not-allowed;\n}\n.atm-field-error[data-v-1f89f1bf] {\r\n color: var(--atm-error-color);\r\n font-size: 12px;\r\n margin-top: 4px;\r\n text-align: left;\n}\n.atm-signup-button[data-v-1f89f1bf] {\r\n width: 100%;\r\n padding: 10px;\r\n margin-top: 4px;\r\n background: var(--v8fb11080);\r\n color: #ffffff;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n min-height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\n}\n.atm-signup-button[data-v-1f89f1bf]:hover:not(:disabled) {\r\n opacity: 0.9;\r\n transform: translateY(-1px);\n}\n.atm-signup-button[data-v-1f89f1bf]:disabled {\r\n opacity: 0.8;\r\n cursor: not-allowed;\r\n transform: none;\n}\n.button-spinner[data-v-1f89f1bf] {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #fff;\r\n font-weight: 500;\n}\n.spinner-svg[data-v-1f89f1bf] {\r\n animation: spin-1f89f1bf 1s linear infinite;\r\n width: 18px;\r\n height: 18px;\r\n stroke: #fff;\n}\n.spinner-circle[data-v-1f89f1bf] {\r\n stroke-dasharray: 90, 150;\r\n stroke-linecap: round;\n}\n@keyframes spin-1f89f1bf {\n0% {\r\n transform: rotate(0deg);\n}\n100% {\r\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-1f89f1bf] {\r\n margin-top: 16px;\r\n font-size: 13px;\n}\n.atm-login-text[data-v-1f89f1bf] {\r\n color: var(--atm-text-secondary);\r\n margin-bottom: 6px;\n}\n.atm-login-link[data-v-1f89f1bf] {\r\n color: var(--v24ae17ce);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: opacity 0.2s;\n}\n.atm-login-link[data-v-1f89f1bf]:hover:not(.disabled-link) {\r\n text-decoration: underline;\n}\n.atm-login-link.disabled-link[data-v-1f89f1bf] {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n pointer-events: none;\n}\n.atm-powered-by[data-v-1f89f1bf] {\r\n color: var(--atm-text-tertiary);\r\n font-size: 11px;\r\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-1f89f1bf] {\r\n font-size: 17px;\n}\n.atm-welcome-text[data-v-1f89f1bf] {\r\n font-size: 13px;\r\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-1f89f1bf] {\r\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-1f89f1bf] {\r\n font-size: 12px;\r\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-1f89f1bf] {\r\n padding: 8px 10px;\r\n font-size: 13px;\n}\n.atm-signup-button[data-v-1f89f1bf] {\r\n font-size: 13px;\r\n padding: 9px;\r\n min-height: 40px;\n}\n.atm-footer-links[data-v-1f89f1bf] {\r\n margin-top: 14px;\r\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-1f89f1bf] {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 10px;\n}\n.atm-logo-image[data-v-1f89f1bf] {\r\n max-width: 40px;\r\n max-height: 40px;\n}\n.atm-project-name[data-v-1f89f1bf] {\r\n font-size: 16px;\r\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-1f89f1bf] {\r\n font-size: 12px;\r\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-1f89f1bf] {\r\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-1f89f1bf] {\r\n font-size: 12px;\r\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-1f89f1bf] {\r\n padding: 7px 9px;\r\n font-size: 13px;\n}\n.atm-signup-button[data-v-1f89f1bf] {\r\n font-size: 13px;\r\n padding: 9px;\r\n min-height: 38px;\n}\n.atm-footer-links[data-v-1f89f1bf] {\r\n margin-top: 12px;\r\n font-size: 12px;\n}\n.atm-powered-by[data-v-1f89f1bf] {\r\n font-size: 10px;\n}\n.spinner-svg[data-v-1f89f1bf] {\r\n width: 16px;\r\n height: 16px;\n}\n.button-spinner[data-v-1f89f1bf] {\r\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-1f89f1bf] {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 9px;\n}\n.atm-logo-image[data-v-1f89f1bf] {\r\n max-width: 36px;\r\n max-height: 36px;\n}\n.atm-project-name[data-v-1f89f1bf] {\r\n font-size: 15px;\r\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-1f89f1bf] {\r\n font-size: 11px;\r\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-1f89f1bf] {\r\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-1f89f1bf] {\r\n font-size: 11px;\r\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-1f89f1bf] {\r\n padding: 6px 8px;\r\n font-size: 12px;\n}\n.atm-signup-button[data-v-1f89f1bf] {\r\n font-size: 12px;\r\n padding: 8px;\r\n min-height: 36px;\n}\n.atm-footer-links[data-v-1f89f1bf] {\r\n margin-top: 10px;\r\n font-size: 11px;\n}\n.spinner-svg[data-v-1f89f1bf] {\r\n width: 14px;\r\n height: 14px;\n}\n}\r\n\n.atm-signin-btn[data-v-d6149360] {\r\n padding: 12px;\r\n margin-top: 8px;\r\n background: var(--v58d7bb9c);\r\n color: #FFF;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n min-height: 44px;\n}\n.atm-signin-btn[data-v-d6149360]:hover {\r\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signin-btn[data-v-d6149360] {\r\n padding: 11px;\r\n font-size: 13px;\r\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signin-btn[data-v-d6149360] {\r\n padding: 10px;\r\n font-size: 13px;\r\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signin-btn[data-v-d6149360] {\r\n padding: 9px;\r\n font-size: 12px;\r\n min-height: 38px;\n}\n}\r\n\n.atm-registration-disabled[data-v-fa119693] {\r\n padding: 24px;\r\n text-align: center;\n}\n.atm-disabled-message[data-v-fa119693] {\r\n margin-bottom: 16px;\r\n color: var(--atm-text-primary);\n}\n.atm-disabled-login-btn[data-v-fa119693] {\r\n padding: 12px 24px;\r\n background: #007bff;\r\n color: #ffffff;\r\n border: none;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n font-weight: 500;\r\n transition: opacity 0.2s;\n}\n.atm-disabled-login-btn[data-v-fa119693]:hover {\r\n opacity: 0.9;\n}\r\n\n.atm-signup-btn[data-v-27bcae38] {\r\n padding: 12px;\r\n margin-top: 8px;\r\n background: var(--v194cb454);\r\n color: #FFF;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n min-height: 44px;\n}\n.atm-signup-btn[data-v-27bcae38]:hover {\r\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signup-btn[data-v-27bcae38] {\r\n padding: 11px;\r\n font-size: 13px;\r\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signup-btn[data-v-27bcae38] {\r\n padding: 10px;\r\n font-size: 13px;\r\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signup-btn[data-v-27bcae38] {\r\n padding: 9px;\r\n font-size: 12px;\r\n min-height: 38px;\n}\n}\r\n\n.atm-profile-container {\r\n position: relative;\r\n display: inline-block;\r\n font-family: 'Segoe UI', system-ui, sans-serif;\n}\n.atm-profile-button {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 8px 12px;\r\n border-radius: 6px;\r\n transition: background 0.2s;\n}\n.atm-profile-button:hover {\r\n background: var(--atm-bg-secondary);\n}\n.atm-profile-avatar {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background-color: var(--v12371c47);\r\n color: #ffffff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: 500;\n}\n.atm-profile-avatar.large {\r\n width: 48px;\r\n height: 48px;\r\n font-size: 16px;\n}\n.atm-profile-avatar-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 50%;\n}\n.atm-profile-name {\r\n font-size: 14px;\r\n color: var(--atm-text-primary);\r\n font-weight: 500;\n}\n.atm-profile-arrow {\r\n width: 16px;\r\n height: 16px;\r\n color: var(--atm-text-primary);\r\n transition: transform 0.2s;\n}\n.atm-rotate {\r\n transform: rotate(180deg);\n}\n.atm-profile-menu {\r\n position: absolute;\r\n top: 100%;\r\n width: 280px;\r\n background: var(--atm-bg-primary);\r\n border: 1px solid var(--atm-border-color);\r\n border-radius: 8px;\r\n box-shadow: var(--atm-shadow-md);\r\n z-index: 1000;\r\n overflow: hidden;\r\n margin-top: 4px;\n}\n.atm-position-left {\r\n left: 0;\r\n right: auto;\n}\n.atm-position-right {\r\n right: 0;\r\n left: auto;\n}\n.atm-profile-info {\r\n display: flex;\r\n gap: 12px;\r\n padding: 16px;\r\n border-bottom: 1px solid var(--atm-border-color);\n}\n.atm-profile-details {\r\n flex: 1;\r\n min-width: 0;\n}\n.atm-profile-fullname {\r\n margin: 0;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--atm-text-primary);\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\n}\n.atm-profile-email {\r\n margin: 4px 0 0;\r\n font-size: 13px;\r\n color: var(--atm-text-secondary);\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\n}\n.atm-profile-options {\r\n padding: 8px 0;\n}\n.atm-profile-option {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n padding: 10px 16px;\r\n background: none;\r\n border: none;\r\n text-align: left;\r\n cursor: pointer;\r\n font-size: 14px;\r\n color: var(--atm-text-primary);\r\n gap: 10px;\r\n transition: background 0.2s;\n}\n.atm-profile-option:hover {\r\n background: var(--atm-bg-secondary);\n}\n.atm-profile-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: var(--atm-text-secondary);\n}\n.atm-fade-enter-active,\r\n.atm-fade-leave-active {\r\n transition: opacity 0.2s, transform 0.2s;\n}\n.atm-fade-enter-from,\r\n.atm-fade-leave-to {\r\n opacity: 0;\r\n transform: translateY(-10px);\n}\n.atm-profile-modal {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 9999;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n overflow-y: auto;\r\n padding: 1.5rem;\n}\n.atm-profile-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n pointer-events: none;\n}\n.atm-profile-content {\r\n position: relative;\r\n width: 100%;\r\n max-width: 450px;\r\n background: var(--atm-bg-primary);\r\n border-radius: 12px;\r\n box-shadow: var(--atm-shadow-md);\r\n z-index: 1;\r\n max-height: calc(100vh - 3rem);\r\n display: flex;\r\n flex-direction: column;\r\n margin: auto;\n}\n.atm-profile-header {\r\n padding: 16px;\r\n border-bottom: 1px solid var(--atm-border-color);\r\n display: flex;\r\n align-items: center;\n}\n.atm-profile-close {\r\n background: none;\r\n border: none;\r\n font-size: 24px;\r\n cursor: pointer;\r\n padding: 8px;\r\n margin-right: 12px;\r\n color: var(--atm-text-secondary);\r\n transition: color 0.2s;\n}\n.atm-profile-close:hover {\r\n color: var(--atm-text-primary);\n}\n.atm-profile-title {\r\n margin: 0;\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: var(--atm-text-primary);\n}\n.atm-profile-tabs {\r\n display: flex;\r\n border-bottom: 1px solid var(--atm-border-color);\r\n background: var(--atm-bg-secondary);\n}\n.atm-tab {\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n padding: 12px 16px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--atm-text-secondary);\r\n transition: all 0.2s;\n}\n.atm-tab:hover {\r\n background: var(--atm-bg-tertiary);\r\n color: var(--atm-text-primary);\n}\n.atm-tab-active {\r\n color: var(--v12371c47) !important;\r\n background: var(--atm-bg-primary);\r\n border-bottom: 2px solid var(--v12371c47);\n}\n.atm-tab-icon {\r\n width: 16px;\r\n height: 16px;\n}\n.atm-profile-body {\r\n padding: 24px;\r\n text-align: center;\r\n overflow-y: auto;\r\n flex: 1;\r\n min-height: 0;\n}\n.atm-profile-avatar-large {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%;\r\n background-color: var(--v12371c47);\r\n color: #ffffff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n font-weight: 600;\r\n margin: 0 auto 20px;\n}\n.atm-profile-info-grid {\r\n width: 100%;\r\n text-align: left;\r\n margin-top: 20px;\n}\n.atm-profile-info-row {\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\r\n font-size: 13px;\r\n color: var(--atm-text-secondary);\r\n margin-bottom: 4px;\n}\n.atm-profile-info-value {\r\n font-size: 16px;\r\n color: var(--atm-text-primary);\r\n font-weight: 500;\n}\n.atm-profile-edit-form {\r\n width: 100%;\r\n text-align: left;\r\n margin-top: 20px;\n}\n.atm-form-group {\r\n margin-bottom: 16px;\n}\n.atm-input-label {\r\n display: block;\r\n margin-bottom: 6px;\r\n font-size: 13px;\r\n color: var(--atm-text-primary);\r\n font-weight: 500;\n}\n.atm-input-field {\r\n width: 100%;\r\n padding: 10px 12px;\r\n background: var(--atm-input-bg);\r\n color: var(--atm-text-primary);\r\n border: 1px solid var(--atm-input-border);\r\n border-radius: 6px;\r\n font-size: 14px;\r\n box-sizing: border-box;\r\n transition: border-color 0.2s;\n}\n.atm-input-field:focus {\r\n outline: none;\r\n border-color: var(--v12371c47);\r\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-form-actions {\r\n display: flex;\r\n gap: 12px;\r\n margin-top: 24px;\n}\n.atm-save-btn,\r\n.atm-edit-profile-btn,\r\n.atm-reset-password-btn,\r\n.atm-add-email-btn {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px;\r\n background: var(--v12371c47);\r\n color: #FFF;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: opacity 0.2s;\r\n justify-content: center;\n}\n.atm-save-btn:hover,\r\n.atm-edit-profile-btn:hover,\r\n.atm-reset-password-btn:hover,\r\n.atm-add-email-btn:hover {\r\n opacity: 0.9;\n}\n.atm-cancel-btn {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex: 1;\r\n padding: 12px;\r\n background: var(--atm-bg-secondary);\r\n color: var(--atm-text-secondary);\r\n border: 1px solid var(--atm-border-color);\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n justify-content: center;\n}\n.atm-cancel-btn:hover {\r\n background: var(--atm-bg-tertiary);\r\n color: var(--atm-text-primary);\n}\n.atm-btn-icon {\r\n width: 16px;\r\n height: 16px;\n}\n.atm-email-add-section {\r\n margin-bottom: 24px;\r\n text-align: left;\n}\n.atm-email-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n text-align: left;\n}\n.atm-email-item {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 12px;\r\n background: var(--atm-bg-secondary);\r\n border-radius: 6px;\r\n border: 1px solid var(--atm-border-color);\n}\n.atm-email-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n flex: 1;\n}\n.atm-email-address {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--atm-text-primary);\n}\n.atm-email-icon {\r\n width: 16px;\r\n height: 16px;\r\n color: var(--v3966b695);\n}\n.atm-email-badges {\r\n display: flex;\r\n gap: 6px;\r\n flex-wrap: wrap;\n}\n.atm-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n padding: 2px 8px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n border-radius: 12px;\r\n text-transform: uppercase;\n}\n.atm-badge-icon {\r\n width: 12px;\r\n height: 12px;\n}\n.atm-badge-primary {\r\n background: #e3f2fd;\r\n color: #1976d2;\n}\n.atm-badge-verified {\r\n background: #e8f5e8;\r\n color: #2e7d32;\n}\n.atm-badge-unverified {\r\n background: #fff3e0;\r\n color: #f57c00;\n}\n.atm-email-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\n}\n.atm-verify-btn {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n padding: 6px 12px;\r\n background: var(--v12371c47);\r\n color: white;\r\n border: none;\r\n border-radius: 4px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: opacity 0.2s;\n}\n.atm-verify-btn:hover {\r\n opacity: 0.9;\n}\n.atm-delete-btn {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n padding: 6px 12px;\r\n background: #dc3545;\r\n color: white;\r\n border: none;\r\n border-radius: 4px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: opacity 0.2s;\n}\n.atm-delete-btn:hover {\r\n opacity: 0.9;\n}\n.atm-password-section {\r\n text-align: left;\n}\n.atm-sessions-section {\r\n text-align: left;\n}\n.atm-sessions-info {\r\n margin-bottom: 20px;\n}\n.atm-sessions-description {\r\n margin: 0;\r\n font-size: 14px;\r\n color: var(--atm-text-secondary);\r\n line-height: 1.5;\n}\n.atm-sessions-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\n}\n.atm-session-item {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 16px;\r\n background: var(--atm-bg-secondary);\r\n border-radius: 8px;\r\n border: 1px solid var(--atm-border-color);\r\n gap: 16px;\n}\n.atm-session-header {\r\n display: flex;\r\n gap: 12px;\r\n align-items: flex-start;\n}\n.atm-session-icon {\r\n width: 24px;\r\n height: 24px;\r\n color: var(--v3966b695);\r\n flex-shrink: 0;\n}\n.atm-session-details {\r\n flex: 1;\r\n min-width: 0;\n}\n.atm-session-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 4px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: var(--atm-text-primary);\n}\n.atm-session-device-info {\r\n font-size: 13px;\r\n color: var(--atm-text-secondary);\r\n margin-bottom: 8px;\n}\n.atm-badge-current {\r\n background: #d1f4e0;\r\n color: #0f9d58;\n}\n.atm-session-timestamps {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\n}\n.atm-session-timestamp {\r\n display: flex;\r\n gap: 6px;\r\n font-size: 13px;\r\n color: var(--atm-text-secondary);\n}\n.atm-timestamp-label {\r\n font-weight: 500;\r\n color: var(--atm-text-primary);\n}\n.atm-session-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\n}\n.atm-close-session-btn {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 14px;\r\n background: #dc3545;\r\n color: white;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: opacity 0.2s;\r\n white-space: nowrap;\n}\n.atm-close-session-btn:hover {\r\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-profile-button {\r\n padding: 6px 10px;\r\n gap: 6px;\n}\n.atm-profile-name {\r\n font-size: 13px;\n}\n.atm-profile-menu {\r\n width: 260px;\n}\n.atm-profile-modal {\r\n padding: 1rem;\n}\n.atm-profile-content {\r\n max-width: 90%;\r\n max-height: calc(100vh - 2rem);\n}\n.atm-profile-header {\r\n padding: 14px;\n}\n.atm-profile-title {\r\n font-size: 16px;\n}\n.atm-profile-body {\r\n padding: 20px;\n}\n.atm-tab {\r\n padding: 10px 12px;\r\n font-size: 13px;\r\n gap: 4px;\n}\n.atm-tab-icon {\r\n width: 14px;\r\n height: 14px;\n}\n.atm-profile-avatar-large {\r\n width: 70px;\r\n height: 70px;\r\n font-size: 22px;\n}\n.atm-email-item {\r\n flex-direction: column;\r\n gap: 12px;\r\n align-items: flex-start;\n}\n.atm-email-actions {\r\n flex-direction: row;\r\n width: 100%;\n}\n.atm-verify-btn,\r\n .atm-delete-btn {\r\n flex: 1;\r\n justify-content: center;\n}\n.atm-session-item {\r\n flex-direction: column;\r\n align-items: flex-start;\n}\n.atm-session-actions {\r\n width: 100%;\n}\n.atm-close-session-btn {\r\n width: 100%;\r\n justify-content: center;\n}\n}\n@media (max-width: 480px) {\n.atm-profile-button {\r\n padding: 4px 8px;\r\n gap: 4px;\n}\n.atm-profile-avatar {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 11px;\n}\n.atm-profile-avatar.large {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 14px;\n}\n.atm-profile-name {\r\n font-size: 12px;\n}\n.atm-profile-arrow {\r\n width: 14px;\r\n height: 14px;\n}\n.atm-profile-menu {\r\n width: calc(100vw - 20px);\r\n max-width: 240px;\n}\n.atm-profile-info {\r\n padding: 12px;\r\n gap: 10px;\n}\n.atm-profile-fullname {\r\n font-size: 13px;\n}\n.atm-profile-email {\r\n font-size: 12px;\n}\n.atm-profile-option {\r\n padding: 8px 12px;\r\n font-size: 13px;\r\n gap: 8px;\n}\n.atm-profile-icon {\r\n width: 16px;\r\n height: 16px;\n}\n.atm-profile-modal {\r\n padding: 0.5rem;\n}\n.atm-profile-content {\r\n max-width: 95%;\r\n max-height: calc(100vh - 1rem);\n}\n.atm-profile-header {\r\n padding: 12px;\n}\n.atm-profile-close {\r\n font-size: 20px;\r\n padding: 4px;\r\n margin-right: 8px;\n}\n.atm-profile-title {\r\n font-size: 15px;\n}\n.atm-profile-body {\r\n padding: 16px;\n}\n.atm-tab {\r\n padding: 8px 8px;\r\n font-size: 12px;\r\n gap: 3px;\n}\n.atm-tab-icon {\r\n width: 13px;\r\n height: 13px;\n}\n.atm-profile-avatar-large {\r\n width: 60px;\r\n height: 60px;\r\n font-size: 20px;\r\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\r\n font-size: 12px;\n}\n.atm-profile-info-value {\r\n font-size: 14px;\n}\n.atm-input-label {\r\n font-size: 12px;\n}\n.atm-input-field {\r\n padding: 8px 10px;\r\n font-size: 13px;\n}\n.atm-form-actions {\r\n flex-direction: column;\r\n gap: 8px;\n}\n.atm-save-btn,\r\n .atm-cancel-btn,\r\n .atm-edit-profile-btn,\r\n .atm-reset-password-btn {\r\n width: 100%;\r\n padding: 10px;\r\n font-size: 13px;\n}\n.atm-email-item {\r\n padding: 10px;\n}\n.atm-email-address {\r\n font-size: 13px;\n}\n.atm-badge {\r\n font-size: 10px;\r\n padding: 2px 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-profile-button {\r\n padding: 4px 6px;\n}\n.atm-profile-avatar {\r\n width: 26px;\r\n height: 26px;\r\n font-size: 10px;\n}\n.atm-profile-name {\r\n display: none;\n}\n.atm-profile-menu {\r\n width: calc(100vw - 16px);\r\n max-width: 220px;\n}\n.atm-profile-modal {\r\n padding: 0.25rem;\n}\n.atm-profile-content {\r\n max-width: 98%;\r\n max-height: calc(100vh - 0.5rem);\n}\n.atm-profile-body {\r\n padding: 12px;\n}\n.atm-tab {\r\n padding: 8px 6px;\r\n font-size: 11px;\r\n flex-direction: column;\r\n gap: 2px;\n}\n.atm-profile-avatar-large {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 18px;\n}\n.atm-email-item {\r\n padding: 8px;\n}\n}\r\n\n.atm-auth-buttons[data-v-e167c8f5] {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 16px;\n}\n@media (max-width: 768px) {\n.atm-auth-buttons[data-v-e167c8f5] {\r\n gap: 14px;\n}\n}\n@media (max-width: 480px) {\n.atm-auth-buttons[data-v-e167c8f5] {\r\n gap: 12px;\r\n flex-direction: column;\n}\n}\n@media (max-width: 360px) {\n.atm-auth-buttons[data-v-e167c8f5] {\r\n gap: 10px;\n}\n}\r\n\n.atm-logout-btn[data-v-e765edcb] {\r\n padding: 12px;\r\n margin-top: 8px;\r\n background: var(--f487bb94);\r\n color: #FFF;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: opacity 0.2s;\r\n min-height: 44px;\n}\n.atm-logout-btn[data-v-e765edcb]:hover {\r\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-logout-btn[data-v-e765edcb] {\r\n padding: 11px;\r\n font-size: 13px;\r\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-logout-btn[data-v-e765edcb] {\r\n padding: 10px;\r\n font-size: 13px;\r\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-logout-btn[data-v-e765edcb] {\r\n padding: 9px;\r\n font-size: 12px;\r\n min-height: 38px;\n}\n}\r\n";
|
|
5
|
+
style.textContent = ":root {\n --atm-bg-primary: #ffffff;\n --atm-bg-secondary: #f8f9fa;\n --atm-bg-tertiary: #f0f0f0;\n\n --atm-text-primary: #333333;\n --atm-text-secondary: #666666;\n --atm-text-tertiary: #999999;\n --atm-text-muted: #888888;\n\n --atm-border-color: #dddddd;\n --atm-border-hover: #cccccc;\n\n --atm-input-bg: #ffffff;\n --atm-input-disabled: #f5f5f5;\n --atm-input-border: #dddddd;\n\n --atm-error-color: #dc3545;\n --atm-success-color: #28a745;\n\n --atm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);\n --atm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.atm-theme-dark,\n:root.atm-theme-dark {\n --atm-bg-primary: #1a1a1a;\n --atm-bg-secondary: #2d2d2d;\n --atm-bg-tertiary: #404040;\n\n --atm-text-primary: #e0e0e0;\n --atm-text-secondary: #b0b0b0;\n --atm-text-tertiary: #808080;\n --atm-text-muted: #999999;\n\n --atm-border-color: #404040;\n --atm-border-hover: #505050;\n\n --atm-input-bg: #2d2d2d;\n --atm-input-disabled: #1f1f1f;\n --atm-input-border: #404040;\n\n --atm-error-color: #ff6b6b;\n --atm-success-color: #51cf66;\n\n --atm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);\n --atm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.5);\n}\n\n.atm-overlay[data-v-5a315eca] {\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-5a315eca] {\n padding: 0 1.5rem;\n width: 100%;\n margin: auto;\n}\n.atm-fade-layer[data-v-5a315eca] {\n position: fixed;\n inset: 0;\n transition: opacity 0.2s ease;\n pointer-events: none;\n}\n.atm-fade-bg[data-v-5a315eca] {\n position: absolute;\n inset: 0;\n opacity: 0.75;\n}\n.atm-modal[data-v-5a315eca] {\n position: relative;\n display: inline-block;\n vertical-align: bottom;\n background-color: var(--atm-bg-primary);\n border-radius: 0.5rem;\n text-align: left;\n box-shadow: var(--atm-shadow-md);\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-5a315eca] {\n position: absolute;\n top: 1rem;\n right: 1rem;\n color: var(--atm-text-tertiary);\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 transition: color 0.2s;\n}\n.atm-close-button[data-v-5a315eca]:hover {\n color: var(--atm-text-secondary);\n}\n.atm-icon[data-v-5a315eca] {\n width: 1.5rem;\n height: 1.5rem;\n}\n.atm-modal-content[data-v-5a315eca] {\n padding: 1.25rem;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-modal-title[data-v-5a315eca] {\n font-size: 1.125rem;\n font-weight: 500;\n color: var(--atm-text-primary);\n margin: 0;\n margin-bottom: 0.75rem;\n}\n@media (max-width: 768px) {\n.atm-overlay[data-v-5a315eca] {\n padding: 1rem 0;\n}\n.atm-container[data-v-5a315eca] {\n padding: 0 1rem;\n}\n.atm-modal[data-v-5a315eca] {\n border-radius: 0.375rem;\n max-height: calc(100vh - 2rem);\n}\n.atm-modal-content[data-v-5a315eca] {\n padding: 1rem;\n}\n.atm-modal-title[data-v-5a315eca] {\n font-size: 1rem;\n margin-bottom: 0.75rem;\n}\n.atm-close-button[data-v-5a315eca] {\n top: 0.75rem;\n right: 0.75rem;\n}\n.atm-icon[data-v-5a315eca] {\n width: 1.25rem;\n height: 1.25rem;\n}\n}\n@media (max-width: 480px) {\n.atm-overlay[data-v-5a315eca] {\n padding: 0.5rem 0;\n}\n.atm-container[data-v-5a315eca] {\n padding: 0 0.5rem;\n}\n.atm-modal[data-v-5a315eca] {\n border-radius: 0.25rem;\n max-width: 100%;\n max-height: calc(100vh - 1rem);\n}\n.atm-modal-content[data-v-5a315eca] {\n padding: 0.875rem;\n}\n.atm-modal-title[data-v-5a315eca] {\n font-size: 0.9375rem;\n margin-bottom: 0.625rem;\n}\n.atm-close-button[data-v-5a315eca] {\n top: 0.5rem;\n right: 0.5rem;\n}\n}\n@media (max-width: 360px) {\n.atm-overlay[data-v-5a315eca] {\n padding: 0.25rem 0;\n}\n.atm-container[data-v-5a315eca] {\n padding: 0 0.25rem;\n}\n.atm-modal[data-v-5a315eca] {\n max-height: calc(100vh - 0.5rem);\n}\n.atm-modal-content[data-v-5a315eca] {\n padding: 0.75rem;\n}\n.atm-modal-title[data-v-5a315eca] {\n font-size: 0.875rem;\n margin-bottom: 0.5rem;\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-login-container[data-v-b88e6b76] {\n background: var(--atm-bg-primary);\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-b88e6b76] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-b88e6b76] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--atm-bg-tertiary);\n border-radius: 50%;\n color: var(--atm-text-muted);\n font-size: 11px;\n}\n.atm-logo-image[data-v-b88e6b76] {\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-b88e6b76] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v70f1a692);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-b88e6b76] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field[data-v-b88e6b76] {\n width: 100%;\n padding: 8px 10px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\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-b88e6b76]:focus {\n outline: none;\n border-color: var(--v70f1a692);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-b88e6b76]:disabled {\n background-color: var(--atm-input-disabled);\n cursor: not-allowed;\n}\n.atm-field-error[data-v-b88e6b76] {\n color: var(--atm-error-color);\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-alternative-options[data-v-b88e6b76] {\n margin-top: 8px;\n text-align: center;\n}\n.atm-forgot-password-link[data-v-b88e6b76] {\n font-size: 12px;\n background: none;\n border: none;\n color: var(--v4a1729f6);\n cursor: pointer;\n text-decoration: none;\n padding: 0;\n font-family: inherit;\n}\n.atm-forgot-password-link[data-v-b88e6b76]:hover:not(:disabled) {\n text-decoration: underline;\n}\n.atm-forgot-password-link[data-v-b88e6b76]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-strategy-choice[data-v-b88e6b76] {\n text-align: center;\n margin-bottom: 12px;\n}\n.atm-strategy-title[data-v-b88e6b76] {\n font-size: 14px;\n color: var(--atm-text-secondary);\n margin-bottom: 12px;\n}\n.atm-strategy-buttons[data-v-b88e6b76] {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n width: 100%;\n padding: 10px;\n background: var(--atm-bg-secondary);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-border-color);\n border-radius: 6px;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.2s;\n}\n.atm-strategy-button[data-v-b88e6b76]:hover:not(:disabled) {\n background: var(--atm-bg-tertiary);\n border-color: var(--v70f1a692);\n}\n.atm-strategy-button[data-v-b88e6b76]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-email-link-text[data-v-b88e6b76] {\n font-size: 14px;\n color: var(--atm-text-secondary);\n margin: 0;\n text-align: center;\n}\n.atm-login-button[data-v-b88e6b76] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v70f1a692);\n color: #ffffff;\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-b88e6b76]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-login-button[data-v-b88e6b76]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-b88e6b76] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-b88e6b76] {\n animation: spin-b88e6b76 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-b88e6b76] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-b88e6b76 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-signup-text[data-v-b88e6b76] {\n color: var(--atm-text-secondary);\n margin-bottom: 6px;\n}\n.atm-signup-link[data-v-b88e6b76] {\n color: var(--v4a1729f6);\n text-decoration: none;\n cursor: pointer;\n}\n.atm-signup-link[data-v-b88e6b76]:hover {\n text-decoration: underline;\n}\n.atm-powered-by[data-v-b88e6b76] {\n color: var(--atm-text-tertiary);\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-b88e6b76] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-b88e6b76] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-b88e6b76] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-login-button[data-v-b88e6b76] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-b88e6b76] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-b88e6b76] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-b88e6b76] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-b88e6b76] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-b88e6b76] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-login-button[data-v-b88e6b76] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-forgot-password-link[data-v-b88e6b76] {\n font-size: 11px;\n}\n.atm-strategy-title[data-v-b88e6b76] {\n font-size: 13px;\n margin-bottom: 10px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-email-link-text[data-v-b88e6b76] {\n font-size: 13px;\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-b88e6b76] {\n font-size: 10px;\n}\n.spinner-svg[data-v-b88e6b76] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-b88e6b76] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-b88e6b76] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-b88e6b76] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-b88e6b76] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-b88e6b76] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-b88e6b76] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-login-button[data-v-b88e6b76] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n padding: 8px;\n font-size: 12px;\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-b88e6b76] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signup-container[data-v-00e77670] {\n width: 100%;\n background: var(--atm-bg-primary);\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-00e77670] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-00e77670] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--atm-bg-tertiary);\n border-radius: 50%;\n color: var(--atm-text-muted);\n font-size: 11px;\n}\n.atm-logo-image[data-v-00e77670] {\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-00e77670] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v68a45cdb);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-00e77670] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-00e77670] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field[data-v-00e77670] {\n width: 100%;\n padding: 8px 10px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\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-00e77670]:focus {\n outline: none;\n border-color: var(--v68a45cdb);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-00e77670]:disabled {\n background-color: var(--atm-input-disabled);\n cursor: not-allowed;\n}\n.atm-field-error[data-v-00e77670] {\n color: var(--atm-error-color);\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-signup-button[data-v-00e77670] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v68a45cdb);\n color: #ffffff;\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-00e77670]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-signup-button[data-v-00e77670]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-00e77670] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-00e77670] {\n animation: spin-00e77670 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-00e77670] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-00e77670 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-login-text[data-v-00e77670] {\n color: var(--atm-text-secondary);\n margin-bottom: 6px;\n}\n.atm-login-link[data-v-00e77670] {\n color: var(--acf3bbae);\n text-decoration: none;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-login-link[data-v-00e77670]:hover:not(.disabled-link) {\n text-decoration: underline;\n}\n.atm-login-link.disabled-link[data-v-00e77670] {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n.atm-powered-by[data-v-00e77670] {\n color: var(--atm-text-tertiary);\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-00e77670] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-00e77670] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-00e77670] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-00e77670] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-00e77670] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-00e77670] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-00e77670] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-00e77670] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-00e77670] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-00e77670] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-00e77670] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-00e77670] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-00e77670] {\n font-size: 10px;\n}\n.spinner-svg[data-v-00e77670] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-00e77670] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-00e77670] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-00e77670] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-00e77670] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-00e77670] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-00e77670] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-00e77670] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-signup-button[data-v-00e77670] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-00e77670] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signin-btn[data-v-43bf662d] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v12e673a0);\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-43bf662d]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-registration-disabled[data-v-b58cb91d] {\n padding: 24px;\n text-align: center;\n}\n.atm-disabled-message[data-v-b58cb91d] {\n margin-bottom: 16px;\n color: var(--atm-text-primary);\n}\n.atm-disabled-login-btn[data-v-b58cb91d] {\n padding: 12px 24px;\n background: #007bff;\n color: #ffffff;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n transition: opacity 0.2s;\n}\n.atm-disabled-login-btn[data-v-b58cb91d]:hover {\n opacity: 0.9;\n}\n\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v1c336c46);\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-d9ac9b54]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signup-btn[data-v-d9ac9b54] {\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: var(--atm-bg-secondary);\n}\n.atm-profile-avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background-color: var(--v4c42b40c);\n color: #ffffff;\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: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-profile-arrow {\n width: 16px;\n height: 16px;\n color: var(--atm-text-primary);\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: var(--atm-bg-primary);\n border: 1px solid var(--atm-border-color);\n border-radius: 8px;\n box-shadow: var(--atm-shadow-md);\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 var(--atm-border-color);\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: var(--atm-text-primary);\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: var(--atm-text-secondary);\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: var(--atm-text-primary);\n gap: 10px;\n transition: background 0.2s;\n}\n.atm-profile-option:hover {\n background: var(--atm-bg-secondary);\n}\n.atm-profile-icon {\n width: 18px;\n height: 18px;\n color: var(--atm-text-secondary);\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: var(--atm-bg-primary);\n border-radius: 12px;\n box-shadow: var(--atm-shadow-md);\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 var(--atm-border-color);\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: var(--atm-text-secondary);\n transition: color 0.2s;\n}\n.atm-profile-close:hover {\n color: var(--atm-text-primary);\n}\n.atm-profile-title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: var(--atm-text-primary);\n}\n.atm-profile-tabs {\n display: flex;\n border-bottom: 1px solid var(--atm-border-color);\n background: var(--atm-bg-secondary);\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: var(--atm-text-secondary);\n transition: all 0.2s;\n}\n.atm-tab:hover {\n background: var(--atm-bg-tertiary);\n color: var(--atm-text-primary);\n}\n.atm-tab-active {\n color: var(--v4c42b40c) !important;\n background: var(--atm-bg-primary);\n border-bottom: 2px solid var(--v4c42b40c);\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(--v4c42b40c);\n color: #ffffff;\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: var(--atm-text-secondary);\n margin-bottom: 4px;\n}\n.atm-profile-info-value {\n font-size: 16px;\n color: var(--atm-text-primary);\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: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field {\n width: 100%;\n padding: 10px 12px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\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(--v4c42b40c);\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(--v4c42b40c);\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: var(--atm-bg-secondary);\n color: var(--atm-text-secondary);\n border: 1px solid var(--atm-border-color);\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: var(--atm-bg-tertiary);\n color: var(--atm-text-primary);\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: var(--atm-bg-secondary);\n border-radius: 6px;\n border: 1px solid var(--atm-border-color);\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 color: var(--atm-text-primary);\n}\n.atm-email-icon {\n width: 16px;\n height: 16px;\n color: var(--v955ac0f0);\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(--v4c42b40c);\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: var(--atm-text-secondary);\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: var(--atm-bg-secondary);\n border-radius: 8px;\n border: 1px solid var(--atm-border-color);\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(--v955ac0f0);\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: var(--atm-text-primary);\n}\n.atm-session-device-info {\n font-size: 13px;\n color: var(--atm-text-secondary);\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: var(--atm-text-secondary);\n}\n.atm-timestamp-label {\n font-weight: 500;\n color: var(--atm-text-primary);\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-fc53d394] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v3d3b8ec0);\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-fc53d394]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n";
|
|
6
6
|
document.head.appendChild(style);
|
|
7
7
|
}
|
|
8
8
|
})();
|
|
@@ -37,21 +37,26 @@ const fetchUser = async (client, user) => {
|
|
|
37
37
|
user.value = null;
|
|
38
38
|
return;
|
|
39
39
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
40
|
+
try {
|
|
41
|
+
const response = await client.value.account(accessToken).getProfile();
|
|
42
|
+
user.value = {
|
|
43
|
+
id: response.id,
|
|
44
|
+
username: response.username,
|
|
45
|
+
firstName: response.first_name,
|
|
46
|
+
lastName: response.last_name,
|
|
47
|
+
primaryEmailAddress: response.primary_email_address,
|
|
48
|
+
primaryEmailAddressId: response.primary_email_address_id,
|
|
49
|
+
profileImage: response.profile_image,
|
|
50
|
+
attributes: response.attributes.map((atribute) => ({
|
|
51
|
+
key: atribute.key,
|
|
52
|
+
mode: atribute.mode,
|
|
53
|
+
value: atribute.value
|
|
54
|
+
}))
|
|
55
|
+
};
|
|
56
|
+
} catch (error) {
|
|
57
|
+
user.value = null;
|
|
58
|
+
throw error;
|
|
59
|
+
}
|
|
55
60
|
};
|
|
56
61
|
function useAtm() {
|
|
57
62
|
const ctx = vue.inject("atm");
|
|
@@ -60,13 +65,15 @@ function useAtm() {
|
|
|
60
65
|
}
|
|
61
66
|
return ctx;
|
|
62
67
|
}
|
|
68
|
+
let authPollingInterval = null;
|
|
63
69
|
function useAuth() {
|
|
64
|
-
const { client, user } = useAtm();
|
|
70
|
+
const { client, user, isSignedIn, emitLogout } = useAtm();
|
|
65
71
|
const signInByAccessToken = async (accessToken) => {
|
|
66
72
|
writeAccessTokenInCookie(accessToken);
|
|
67
73
|
await fetchUser(client, user);
|
|
68
74
|
};
|
|
69
75
|
const logout = async () => {
|
|
76
|
+
stopAuthPolling();
|
|
70
77
|
const accessToken = await getAccessToken();
|
|
71
78
|
if (accessToken == null) {
|
|
72
79
|
return;
|
|
@@ -74,13 +81,37 @@ function useAuth() {
|
|
|
74
81
|
await client.value.account(accessToken).logout();
|
|
75
82
|
user.value = null;
|
|
76
83
|
writeAccessTokenInCookie(null);
|
|
84
|
+
emitLogout();
|
|
85
|
+
};
|
|
86
|
+
const startAuthPolling = () => {
|
|
87
|
+
if (authPollingInterval !== null) {
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
authPollingInterval = window.setInterval(async () => {
|
|
91
|
+
if (!isSignedIn.value) {
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
try {
|
|
95
|
+
await fetchUser(client, user);
|
|
96
|
+
} catch (error) {
|
|
97
|
+
await logout();
|
|
98
|
+
}
|
|
99
|
+
}, 3e3);
|
|
100
|
+
};
|
|
101
|
+
const stopAuthPolling = () => {
|
|
102
|
+
if (authPollingInterval !== null) {
|
|
103
|
+
clearInterval(authPollingInterval);
|
|
104
|
+
authPollingInterval = null;
|
|
105
|
+
}
|
|
77
106
|
};
|
|
78
107
|
return {
|
|
79
108
|
user,
|
|
80
109
|
signInByAccessToken,
|
|
81
110
|
getAccessToken,
|
|
82
111
|
fetchUser,
|
|
83
|
-
logout
|
|
112
|
+
logout,
|
|
113
|
+
startAuthPolling,
|
|
114
|
+
stopAuthPolling
|
|
84
115
|
};
|
|
85
116
|
}
|
|
86
117
|
const _hoisted_1$8 = { class: "atm-overlay" };
|
|
@@ -159,7 +190,7 @@ const _export_sfc = (sfc, props) => {
|
|
|
159
190
|
}
|
|
160
191
|
return target;
|
|
161
192
|
};
|
|
162
|
-
const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-
|
|
193
|
+
const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-5a315eca"]]);
|
|
163
194
|
function useAtmClient() {
|
|
164
195
|
const { client } = useAtm();
|
|
165
196
|
return client.value;
|
|
@@ -220,7 +251,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
|
|
|
220
251
|
};
|
|
221
252
|
}
|
|
222
253
|
});
|
|
223
|
-
const Notification = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-
|
|
254
|
+
const Notification = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-f5e47084"]]);
|
|
224
255
|
const _hoisted_1$6 = { class: "atm-login-container" };
|
|
225
256
|
const _hoisted_2$2 = { class: "atm-logo-container" };
|
|
226
257
|
const _hoisted_3$2 = ["src"];
|
|
@@ -296,8 +327,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
|
|
296
327
|
],
|
|
297
328
|
setup(__props, { emit: __emit }) {
|
|
298
329
|
vue.useCssVars((_ctx) => ({
|
|
299
|
-
"
|
|
300
|
-
"
|
|
330
|
+
"v70f1a692": atmPrimaryColor.value,
|
|
331
|
+
"v4a1729f6": atmSecondaryColor.value
|
|
301
332
|
}));
|
|
302
333
|
const props = __props;
|
|
303
334
|
const emit = __emit;
|
|
@@ -701,7 +732,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
|
|
701
732
|
};
|
|
702
733
|
}
|
|
703
734
|
});
|
|
704
|
-
const SignIn = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-
|
|
735
|
+
const SignIn = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b88e6b76"]]);
|
|
705
736
|
const _hoisted_1$5 = { class: "atm-signup-container" };
|
|
706
737
|
const _hoisted_2$1 = { class: "atm-logo-container" };
|
|
707
738
|
const _hoisted_3$1 = ["src"];
|
|
@@ -772,8 +803,8 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
|
|
|
772
803
|
emits: ["completed", "sign-in"],
|
|
773
804
|
setup(__props, { emit: __emit }) {
|
|
774
805
|
vue.useCssVars((_ctx) => ({
|
|
775
|
-
"
|
|
776
|
-
"
|
|
806
|
+
"v68a45cdb": atmPrimaryColor.value,
|
|
807
|
+
"acf3bbae": atmSecondaryColor.value
|
|
777
808
|
}));
|
|
778
809
|
const props = __props;
|
|
779
810
|
const emit = __emit;
|
|
@@ -1081,7 +1112,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1081
1112
|
};
|
|
1082
1113
|
}
|
|
1083
1114
|
});
|
|
1084
|
-
const SignUp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-
|
|
1115
|
+
const SignUp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-00e77670"]]);
|
|
1085
1116
|
const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
|
|
1086
1117
|
__name: "SignInModal",
|
|
1087
1118
|
props: {
|
|
@@ -1154,7 +1185,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1154
1185
|
},
|
|
1155
1186
|
setup(__props) {
|
|
1156
1187
|
vue.useCssVars((_ctx) => ({
|
|
1157
|
-
"
|
|
1188
|
+
"v12e673a0": atmPrimaryColor.value
|
|
1158
1189
|
}));
|
|
1159
1190
|
const showSignInModal = vue.ref(false);
|
|
1160
1191
|
const { configurations } = useAtm();
|
|
@@ -1178,7 +1209,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1178
1209
|
};
|
|
1179
1210
|
}
|
|
1180
1211
|
});
|
|
1181
|
-
const SignInButton = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-
|
|
1212
|
+
const SignInButton = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-43bf662d"]]);
|
|
1182
1213
|
const _hoisted_1$4 = {
|
|
1183
1214
|
key: 2,
|
|
1184
1215
|
class: "atm-registration-disabled"
|
|
@@ -1255,7 +1286,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1255
1286
|
};
|
|
1256
1287
|
}
|
|
1257
1288
|
});
|
|
1258
|
-
const SignUpModal = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-
|
|
1289
|
+
const SignUpModal = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b58cb91d"]]);
|
|
1259
1290
|
const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
1260
1291
|
__name: "SignUpButton",
|
|
1261
1292
|
props: {
|
|
@@ -1264,7 +1295,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1264
1295
|
},
|
|
1265
1296
|
setup(__props) {
|
|
1266
1297
|
vue.useCssVars((_ctx) => ({
|
|
1267
|
-
"
|
|
1298
|
+
"v1c336c46": atmPrimaryColor.value
|
|
1268
1299
|
}));
|
|
1269
1300
|
const showSignUpModal = vue.ref(false);
|
|
1270
1301
|
const { configurations } = useAtm();
|
|
@@ -1290,7 +1321,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1290
1321
|
};
|
|
1291
1322
|
}
|
|
1292
1323
|
});
|
|
1293
|
-
const SignUpButton = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-
|
|
1324
|
+
const SignUpButton = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-d9ac9b54"]]);
|
|
1294
1325
|
const _hoisted_1$3 = {
|
|
1295
1326
|
key: 0,
|
|
1296
1327
|
class: "atm-profile-container"
|
|
@@ -1440,11 +1471,13 @@ const _hoisted_65 = { class: "atm-session-actions" };
|
|
|
1440
1471
|
const _hoisted_66 = ["onClick"];
|
|
1441
1472
|
const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
1442
1473
|
__name: "UserProfile",
|
|
1443
|
-
|
|
1474
|
+
emits: ["logout"],
|
|
1475
|
+
setup(__props, { emit: __emit }) {
|
|
1444
1476
|
vue.useCssVars((_ctx) => ({
|
|
1445
|
-
"
|
|
1446
|
-
"
|
|
1477
|
+
"v4c42b40c": atmPrimaryColor.value,
|
|
1478
|
+
"v955ac0f0": atmSecondaryColor.value
|
|
1447
1479
|
}));
|
|
1480
|
+
const emit = __emit;
|
|
1448
1481
|
const { user, logout } = useAuth();
|
|
1449
1482
|
const { configurations } = useAtm();
|
|
1450
1483
|
const atmPrimaryColor = vue.computed(() => configurations.value?.design?.primaryColor);
|
|
@@ -1663,9 +1696,10 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1663
1696
|
showNotification(error.message || "Erro ao atualizar perfil", "error");
|
|
1664
1697
|
}
|
|
1665
1698
|
};
|
|
1666
|
-
const logoutUser = () => {
|
|
1667
|
-
logout();
|
|
1699
|
+
const logoutUser = async () => {
|
|
1700
|
+
await logout();
|
|
1668
1701
|
isDropdownOpen.value = false;
|
|
1702
|
+
emit("logout");
|
|
1669
1703
|
};
|
|
1670
1704
|
const sendResetPasswordLink = async () => {
|
|
1671
1705
|
if (!user.value?.primaryEmailAddress) {
|
|
@@ -2292,26 +2326,32 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2292
2326
|
};
|
|
2293
2327
|
}
|
|
2294
2328
|
});
|
|
2295
|
-
const AuthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-
|
|
2329
|
+
const AuthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-0c63ecb8"]]);
|
|
2296
2330
|
const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
|
|
2297
2331
|
__name: "SignOutButton",
|
|
2298
|
-
|
|
2332
|
+
emits: ["logout"],
|
|
2333
|
+
setup(__props, { emit: __emit }) {
|
|
2299
2334
|
vue.useCssVars((_ctx) => ({
|
|
2300
|
-
"
|
|
2335
|
+
"v3d3b8ec0": atmPrimaryColor.value
|
|
2301
2336
|
}));
|
|
2302
2337
|
const { logout, user } = useAuth();
|
|
2303
2338
|
const { configurations } = useAtm();
|
|
2339
|
+
const emit = __emit;
|
|
2304
2340
|
const atmPrimaryColor = vue.computed(() => configurations.value?.design?.primaryColor);
|
|
2341
|
+
const handleLogout = async () => {
|
|
2342
|
+
await logout();
|
|
2343
|
+
emit("logout");
|
|
2344
|
+
};
|
|
2305
2345
|
return (_ctx, _cache) => {
|
|
2306
2346
|
return vue.unref(user) ? (vue.openBlock(), vue.createElementBlock("button", {
|
|
2307
2347
|
key: 0,
|
|
2308
|
-
onClick:
|
|
2348
|
+
onClick: handleLogout,
|
|
2309
2349
|
class: "atm-logout-btn"
|
|
2310
2350
|
}, " Sair ")) : vue.createCommentVNode("", true);
|
|
2311
2351
|
};
|
|
2312
2352
|
}
|
|
2313
2353
|
});
|
|
2314
|
-
const SignOutButton = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
2354
|
+
const SignOutButton = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-fc53d394"]]);
|
|
2315
2355
|
const _hoisted_1$1 = { key: 0 };
|
|
2316
2356
|
const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
2317
2357
|
__name: "SignedIn",
|
|
@@ -2452,6 +2492,19 @@ const atmPlugin = {
|
|
|
2452
2492
|
const configurations = vue.ref(null);
|
|
2453
2493
|
const isSignedIn = vue.computed(() => user.value !== void 0 && user.value !== null);
|
|
2454
2494
|
const isLoaded = vue.ref(false);
|
|
2495
|
+
const logoutCallbacks = [];
|
|
2496
|
+
const onLogout = (callback) => {
|
|
2497
|
+
logoutCallbacks.push(callback);
|
|
2498
|
+
return () => {
|
|
2499
|
+
const index = logoutCallbacks.indexOf(callback);
|
|
2500
|
+
if (index > -1) {
|
|
2501
|
+
logoutCallbacks.splice(index, 1);
|
|
2502
|
+
}
|
|
2503
|
+
};
|
|
2504
|
+
};
|
|
2505
|
+
const emitLogout = () => {
|
|
2506
|
+
logoutCallbacks.forEach((callback) => callback());
|
|
2507
|
+
};
|
|
2455
2508
|
Promise.all([
|
|
2456
2509
|
fetchUser(client, user),
|
|
2457
2510
|
fetchConfigurations(client, configurations)
|
|
@@ -2461,7 +2514,9 @@ const atmPlugin = {
|
|
|
2461
2514
|
user,
|
|
2462
2515
|
configurations,
|
|
2463
2516
|
isSignedIn,
|
|
2464
|
-
isLoaded
|
|
2517
|
+
isLoaded,
|
|
2518
|
+
onLogout,
|
|
2519
|
+
emitLogout
|
|
2465
2520
|
});
|
|
2466
2521
|
}
|
|
2467
2522
|
};
|