@strands.gg/accui 2.3.5 → 2.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accui.css +1 -1
- package/dist/strands-auth-ui.cjs.js +1 -1
- package/dist/strands-auth-ui.es.js +271 -261
- package/package.json +1 -1
|
@@ -1624,8 +1624,8 @@ const _hoisted_14$g = { class: "crop-svg" };
|
|
|
1624
1624
|
const _hoisted_15$e = ["cx", "cy", "r"];
|
|
1625
1625
|
const _hoisted_16$e = { class: "controls" };
|
|
1626
1626
|
const _hoisted_17$d = { class: "zoom-control" };
|
|
1627
|
-
const _hoisted_18$
|
|
1628
|
-
const _hoisted_19$
|
|
1627
|
+
const _hoisted_18$c = ["min", "max"];
|
|
1628
|
+
const _hoisted_19$b = { class: "action-buttons" };
|
|
1629
1629
|
const _hoisted_20$a = { class: "preview-section" };
|
|
1630
1630
|
const _hoisted_21$9 = { class: "preview-container" };
|
|
1631
1631
|
const _hoisted_22$9 = ["width", "height"];
|
|
@@ -2023,7 +2023,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
2023
2023
|
constrainImagePosition();
|
|
2024
2024
|
updateCanvas();
|
|
2025
2025
|
})
|
|
2026
|
-
}, null, 40, _hoisted_18$
|
|
2026
|
+
}, null, 40, _hoisted_18$c), [
|
|
2027
2027
|
[
|
|
2028
2028
|
vModelText,
|
|
2029
2029
|
zoom.value,
|
|
@@ -2045,7 +2045,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
2045
2045
|
"aria-label": "Zoom in"
|
|
2046
2046
|
})
|
|
2047
2047
|
]),
|
|
2048
|
-
createElementVNode("div", _hoisted_19$
|
|
2048
|
+
createElementVNode("div", _hoisted_19$b, [
|
|
2049
2049
|
createVNode(StrandsUiButton, {
|
|
2050
2050
|
onClick: resetImage,
|
|
2051
2051
|
variant: "outline",
|
|
@@ -3537,8 +3537,8 @@ const _hoisted_14$f = { class: "ui-color-picker-contrast-color-demo" };
|
|
|
3537
3537
|
const _hoisted_15$d = { class: "ui-color-picker-contrast-ratio" };
|
|
3538
3538
|
const _hoisted_16$d = { class: "ui-color-picker-contrast-levels" };
|
|
3539
3539
|
const _hoisted_17$c = { class: "ui-color-picker-contrast-level-value" };
|
|
3540
|
-
const _hoisted_18$
|
|
3541
|
-
const _hoisted_19$
|
|
3540
|
+
const _hoisted_18$b = { class: "ui-color-picker-contrast-level-value" };
|
|
3541
|
+
const _hoisted_19$a = { class: "ui-color-picker-contrast-graph" };
|
|
3542
3542
|
const _hoisted_20$9 = {
|
|
3543
3543
|
viewBox: "0 0 280 40",
|
|
3544
3544
|
class: "ui-color-picker-contrast-svg"
|
|
@@ -5154,10 +5154,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
5154
5154
|
createElementVNode("div", { class: "ui-color-picker-contrast-level-line ui-color-picker-contrast-level-line--dashed" }),
|
|
5155
5155
|
createElementVNode("span", { class: "ui-color-picker-contrast-level-label" }, "Large Text")
|
|
5156
5156
|
], -1)),
|
|
5157
|
-
createElementVNode("span", _hoisted_18$
|
|
5157
|
+
createElementVNode("span", _hoisted_18$b, toDisplayString(contrastData.value.largeText), 1)
|
|
5158
5158
|
], 2)
|
|
5159
5159
|
]),
|
|
5160
|
-
createElementVNode("div", _hoisted_19$
|
|
5160
|
+
createElementVNode("div", _hoisted_19$a, [
|
|
5161
5161
|
(openBlock(), createElementBlock("svg", _hoisted_20$9, [
|
|
5162
5162
|
_cache[13] || (_cache[13] = createStaticVNode('<defs data-v-e9e45931><linearGradient id="contrastGradientDefault" x1="0%" y1="0%" x2="100%" y2="0%" data-v-e9e45931><stop offset="0%" stop-color="#ef4444" data-v-e9e45931></stop><stop offset="21.4%" stop-color="#ef4444" data-v-e9e45931></stop><stop offset="21.4%" stop-color="#f59e0b" data-v-e9e45931></stop><stop offset="64.3%" stop-color="#f59e0b" data-v-e9e45931></stop><stop offset="64.3%" stop-color="#22c55e" data-v-e9e45931></stop><stop offset="100%" stop-color="#22c55e" data-v-e9e45931></stop></linearGradient></defs><rect x="0" y="15" width="280" height="10" fill="url(#contrastGradientDefault)" rx="5" data-v-e9e45931></rect><line x1="60" y1="10" x2="60" y2="30" stroke="#666" stroke-width="1" opacity="0.5" data-v-e9e45931></line><line x1="180" y1="10" x2="180" y2="30" stroke="#666" stroke-width="1" opacity="0.5" data-v-e9e45931></line>', 4)),
|
|
5163
5163
|
createElementVNode("circle", {
|
|
@@ -5820,8 +5820,8 @@ const _hoisted_14$e = { value: "" };
|
|
|
5820
5820
|
const _hoisted_15$c = ["value"];
|
|
5821
5821
|
const _hoisted_16$c = { class: "ui-table-body" };
|
|
5822
5822
|
const _hoisted_17$b = { class: "ui-table-group-content" };
|
|
5823
|
-
const _hoisted_18$
|
|
5824
|
-
const _hoisted_19$
|
|
5823
|
+
const _hoisted_18$a = { class: "ui-table-group-name" };
|
|
5824
|
+
const _hoisted_19$9 = { class: "ui-table-group-count" };
|
|
5825
5825
|
const _hoisted_20$8 = ["onClick"];
|
|
5826
5826
|
const _hoisted_21$7 = ["onClick"];
|
|
5827
5827
|
const _hoisted_22$7 = { class: "ui-table-subrow-content" };
|
|
@@ -6215,8 +6215,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
|
6215
6215
|
}, [
|
|
6216
6216
|
createElementVNode("div", _hoisted_17$b, [
|
|
6217
6217
|
createVNode(unref(Users), { size: 16 }),
|
|
6218
|
-
createElementVNode("span", _hoisted_18$
|
|
6219
|
-
createElementVNode("span", _hoisted_19$
|
|
6218
|
+
createElementVNode("span", _hoisted_18$a, toDisplayString(row._groupName), 1),
|
|
6219
|
+
createElementVNode("span", _hoisted_19$9, "(" + toDisplayString(row._groupCount) + " items)", 1)
|
|
6220
6220
|
])
|
|
6221
6221
|
], 4)) : (openBlock(), createElementBlock("div", {
|
|
6222
6222
|
key: 1,
|
|
@@ -7070,11 +7070,11 @@ const _hoisted_17$a = {
|
|
|
7070
7070
|
key: 2,
|
|
7071
7071
|
class: "mfa-email-request"
|
|
7072
7072
|
};
|
|
7073
|
-
const _hoisted_18$
|
|
7073
|
+
const _hoisted_18$9 = {
|
|
7074
7074
|
key: 3,
|
|
7075
7075
|
class: "mfa-hardware-section"
|
|
7076
7076
|
};
|
|
7077
|
-
const _hoisted_19$
|
|
7077
|
+
const _hoisted_19$8 = { class: "mfa-hardware-prompt" };
|
|
7078
7078
|
const _hoisted_20$7 = { class: "mfa-hardware-prompt-content" };
|
|
7079
7079
|
const _hoisted_21$6 = { class: "mfa-hardware-prompt-icon" };
|
|
7080
7080
|
const _hoisted_22$6 = { class: "mfa-hardware-prompt-text" };
|
|
@@ -7577,8 +7577,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
7577
7577
|
_: 1
|
|
7578
7578
|
}, 8, ["disabled", "loading"])
|
|
7579
7579
|
])) : createCommentVNode("", true),
|
|
7580
|
-
selectedMethod.value?.device_type === "hardware" || selectedMethod.value?.device_type === "passkey" ? (openBlock(), createElementBlock("div", _hoisted_18$
|
|
7581
|
-
createElementVNode("div", _hoisted_19$
|
|
7580
|
+
selectedMethod.value?.device_type === "hardware" || selectedMethod.value?.device_type === "passkey" ? (openBlock(), createElementBlock("div", _hoisted_18$9, [
|
|
7581
|
+
createElementVNode("div", _hoisted_19$8, [
|
|
7582
7582
|
createElementVNode("div", _hoisted_20$7, [
|
|
7583
7583
|
createElementVNode("div", _hoisted_21$6, [
|
|
7584
7584
|
(openBlock(), createBlock(resolveDynamicComponent(selectedMethod.value.device_type === "passkey" ? IconShield : IconKeyRound), {
|
|
@@ -8070,11 +8070,11 @@ const _hoisted_15$a = {
|
|
|
8070
8070
|
};
|
|
8071
8071
|
const _hoisted_16$a = { class: "auth-oauth-generic-text" };
|
|
8072
8072
|
const _hoisted_17$9 = { class: "auth-oauth-text" };
|
|
8073
|
-
const _hoisted_18$
|
|
8073
|
+
const _hoisted_18$8 = {
|
|
8074
8074
|
key: 0,
|
|
8075
8075
|
class: "auth-divider"
|
|
8076
8076
|
};
|
|
8077
|
-
const _hoisted_19$
|
|
8077
|
+
const _hoisted_19$7 = { class: "auth-divider-text" };
|
|
8078
8078
|
const _hoisted_20$6 = {
|
|
8079
8079
|
key: 0,
|
|
8080
8080
|
class: "auth-password-field"
|
|
@@ -8473,8 +8473,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
8473
8473
|
onAfterLeave
|
|
8474
8474
|
}, {
|
|
8475
8475
|
default: withCtx(() => [
|
|
8476
|
-
!isPasswordReset.value && displayProviders.value?.length ? (openBlock(), createElementBlock("div", _hoisted_18$
|
|
8477
|
-
createElementVNode("span", _hoisted_19$
|
|
8476
|
+
!isPasswordReset.value && displayProviders.value?.length ? (openBlock(), createElementBlock("div", _hoisted_18$8, [
|
|
8477
|
+
createElementVNode("span", _hoisted_19$7, "Or " + toDisplayString(isSignUp.value ? "create account" : "sign in") + " with email", 1)
|
|
8478
8478
|
])) : createCommentVNode("", true)
|
|
8479
8479
|
]),
|
|
8480
8480
|
_: 1
|
|
@@ -8722,8 +8722,8 @@ const _hoisted_14$b = { class: "accui-form-group" };
|
|
|
8722
8722
|
const _hoisted_15$9 = { class: "accui-input-wrapper" };
|
|
8723
8723
|
const _hoisted_16$9 = { class: "accui-form-group" };
|
|
8724
8724
|
const _hoisted_17$8 = { class: "accui-input-wrapper" };
|
|
8725
|
-
const _hoisted_18$
|
|
8726
|
-
const _hoisted_19$
|
|
8725
|
+
const _hoisted_18$7 = { class: "accui-auth-links" };
|
|
8726
|
+
const _hoisted_19$6 = { class: "accui-auth-link-text" };
|
|
8727
8727
|
const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
8728
8728
|
__name: "StrandsSignIn",
|
|
8729
8729
|
props: {
|
|
@@ -8941,8 +8941,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
8941
8941
|
dismissible: "",
|
|
8942
8942
|
onDismiss: _cache[4] || (_cache[4] = ($event) => error.value = "")
|
|
8943
8943
|
}, null, 8, ["message"])) : createCommentVNode("", true),
|
|
8944
|
-
createElementVNode("div", _hoisted_18$
|
|
8945
|
-
createElementVNode("p", _hoisted_19$
|
|
8944
|
+
createElementVNode("div", _hoisted_18$7, [
|
|
8945
|
+
createElementVNode("p", _hoisted_19$6, [
|
|
8946
8946
|
_cache[14] || (_cache[14] = createTextVNode(" Don't have an account? ", -1)),
|
|
8947
8947
|
createVNode(unref(StrandsUiLink), {
|
|
8948
8948
|
onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("switch-to-signup")),
|
|
@@ -9016,12 +9016,12 @@ const _hoisted_17$7 = {
|
|
|
9016
9016
|
viewBox: "0 0 24 24",
|
|
9017
9017
|
class: "oauth-icon"
|
|
9018
9018
|
};
|
|
9019
|
-
const _hoisted_18$
|
|
9019
|
+
const _hoisted_18$6 = {
|
|
9020
9020
|
key: 2,
|
|
9021
9021
|
class: "oauth-icon oauth-icon-github",
|
|
9022
9022
|
viewBox: "0 0 24 24"
|
|
9023
9023
|
};
|
|
9024
|
-
const _hoisted_19$
|
|
9024
|
+
const _hoisted_19$5 = {
|
|
9025
9025
|
key: 3,
|
|
9026
9026
|
class: "oauth-icon-fallback"
|
|
9027
9027
|
};
|
|
@@ -9242,9 +9242,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
9242
9242
|
fill: "#EA4335",
|
|
9243
9243
|
d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
|
|
9244
9244
|
}, null, -1)
|
|
9245
|
-
])])) : provider.id === "github" ? (openBlock(), createElementBlock("svg", _hoisted_18$
|
|
9245
|
+
])])) : provider.id === "github" ? (openBlock(), createElementBlock("svg", _hoisted_18$6, [..._cache[7] || (_cache[7] = [
|
|
9246
9246
|
createElementVNode("path", { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" }, null, -1)
|
|
9247
|
-
])])) : (openBlock(), createElementBlock("div", _hoisted_19$
|
|
9247
|
+
])])) : (openBlock(), createElementBlock("div", _hoisted_19$5, [
|
|
9248
9248
|
createElementVNode("span", _hoisted_20$5, toDisplayString((provider.displayName || provider.name).charAt(0).toUpperCase()), 1)
|
|
9249
9249
|
]))
|
|
9250
9250
|
]),
|
|
@@ -9734,8 +9734,8 @@ const _hoisted_15$7 = {
|
|
|
9734
9734
|
};
|
|
9735
9735
|
const _hoisted_16$7 = { class: "totp-setup-backup-codes" };
|
|
9736
9736
|
const _hoisted_17$6 = { class: "totp-setup-backup-grid-wrapper" };
|
|
9737
|
-
const _hoisted_18$
|
|
9738
|
-
const _hoisted_19$
|
|
9737
|
+
const _hoisted_18$5 = { class: "totp-setup-backup-grid" };
|
|
9738
|
+
const _hoisted_19$4 = { class: "totp-setup-backup-actions" };
|
|
9739
9739
|
const _hoisted_20$4 = { class: "totp-setup-final-actions" };
|
|
9740
9740
|
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
9741
9741
|
__name: "StrandsTotpSetupModal",
|
|
@@ -10018,7 +10018,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
10018
10018
|
])
|
|
10019
10019
|
], -1)),
|
|
10020
10020
|
createElementVNode("div", _hoisted_17$6, [
|
|
10021
|
-
createElementVNode("div", _hoisted_18$
|
|
10021
|
+
createElementVNode("div", _hoisted_18$5, [
|
|
10022
10022
|
(openBlock(true), createElementBlock(Fragment, null, renderList(totpSetupData.value?.backup_codes, (code, index) => {
|
|
10023
10023
|
return openBlock(), createElementBlock("div", {
|
|
10024
10024
|
key: index,
|
|
@@ -10027,7 +10027,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
10027
10027
|
}), 128))
|
|
10028
10028
|
])
|
|
10029
10029
|
]),
|
|
10030
|
-
createElementVNode("div", _hoisted_19$
|
|
10030
|
+
createElementVNode("div", _hoisted_19$4, [
|
|
10031
10031
|
createVNode(unref(StrandsUiButton), {
|
|
10032
10032
|
variant: "secondary",
|
|
10033
10033
|
size: "sm",
|
|
@@ -10408,8 +10408,8 @@ const _hoisted_14$7 = { class: "hardware-key-setup-backup-codes" };
|
|
|
10408
10408
|
const _hoisted_15$6 = { class: "hardware-key-setup-codes-container" };
|
|
10409
10409
|
const _hoisted_16$6 = { class: "hardware-key-setup-codes-grid" };
|
|
10410
10410
|
const _hoisted_17$5 = { class: "hardware-key-setup-copy-action" };
|
|
10411
|
-
const _hoisted_18$
|
|
10412
|
-
const _hoisted_19$
|
|
10411
|
+
const _hoisted_18$4 = { class: "hardware-key-setup-final-action" };
|
|
10412
|
+
const _hoisted_19$3 = {
|
|
10413
10413
|
key: 4,
|
|
10414
10414
|
class: "hardware-key-setup-step"
|
|
10415
10415
|
};
|
|
@@ -10883,7 +10883,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
10883
10883
|
})
|
|
10884
10884
|
])
|
|
10885
10885
|
]),
|
|
10886
|
-
createElementVNode("div", _hoisted_18$
|
|
10886
|
+
createElementVNode("div", _hoisted_18$4, [
|
|
10887
10887
|
createVNode(unref(StrandsUiButton), {
|
|
10888
10888
|
variant: "primary",
|
|
10889
10889
|
onClick: finish
|
|
@@ -10895,7 +10895,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
10895
10895
|
})
|
|
10896
10896
|
])
|
|
10897
10897
|
])) : createCommentVNode("", true),
|
|
10898
|
-
step.value === 5 ? (openBlock(), createElementBlock("div", _hoisted_19$
|
|
10898
|
+
step.value === 5 ? (openBlock(), createElementBlock("div", _hoisted_19$3, [
|
|
10899
10899
|
createElementVNode("div", _hoisted_20$3, [
|
|
10900
10900
|
_cache[25] || (_cache[25] = createElementVNode("div", { class: "hardware-key-setup-error-icon" }, [
|
|
10901
10901
|
createElementVNode("svg", {
|
|
@@ -11327,8 +11327,8 @@ const _hoisted_14$5 = { class: "mfa-device-option-icon" };
|
|
|
11327
11327
|
const _hoisted_15$4 = { class: "mfa-device-option" };
|
|
11328
11328
|
const _hoisted_16$4 = { class: "mfa-device-option-content" };
|
|
11329
11329
|
const _hoisted_17$4 = { class: "mfa-device-option-icon" };
|
|
11330
|
-
const _hoisted_18$
|
|
11331
|
-
const _hoisted_19$
|
|
11330
|
+
const _hoisted_18$3 = { class: "mfa-device-option" };
|
|
11331
|
+
const _hoisted_19$2 = { class: "mfa-device-option-content" };
|
|
11332
11332
|
const _hoisted_20$2 = { class: "mfa-device-option-icon" };
|
|
11333
11333
|
const _hoisted_21$2 = { class: "mfa-device-option" };
|
|
11334
11334
|
const _hoisted_22$2 = { class: "mfa-device-option-content" };
|
|
@@ -11619,8 +11619,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
11619
11619
|
_: 1
|
|
11620
11620
|
})
|
|
11621
11621
|
]),
|
|
11622
|
-
createElementVNode("div", _hoisted_18$
|
|
11623
|
-
createElementVNode("div", _hoisted_19$
|
|
11622
|
+
createElementVNode("div", _hoisted_18$3, [
|
|
11623
|
+
createElementVNode("div", _hoisted_19$2, [
|
|
11624
11624
|
createElementVNode("div", _hoisted_20$2, [
|
|
11625
11625
|
createVNode(Key, { size: 24 })
|
|
11626
11626
|
]),
|
|
@@ -12073,11 +12073,11 @@ const _hoisted_16$3 = {
|
|
|
12073
12073
|
class: "session-current-badge"
|
|
12074
12074
|
};
|
|
12075
12075
|
const _hoisted_17$3 = { class: "session-location" };
|
|
12076
|
-
const _hoisted_18$
|
|
12076
|
+
const _hoisted_18$2 = {
|
|
12077
12077
|
key: 0,
|
|
12078
12078
|
class: "session-actions"
|
|
12079
12079
|
};
|
|
12080
|
-
const _hoisted_19$
|
|
12080
|
+
const _hoisted_19$1 = { class: "session-details" };
|
|
12081
12081
|
const _hoisted_20$1 = { class: "detail-row" };
|
|
12082
12082
|
const _hoisted_21$1 = { class: "detail-icon" };
|
|
12083
12083
|
const _hoisted_22$1 = { class: "detail-text" };
|
|
@@ -12355,7 +12355,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
12355
12355
|
createElementVNode("span", null, toDisplayString(getLocationString(session)), 1)
|
|
12356
12356
|
])
|
|
12357
12357
|
]),
|
|
12358
|
-
!session.is_current ? (openBlock(), createElementBlock("div", _hoisted_18$
|
|
12358
|
+
!session.is_current ? (openBlock(), createElementBlock("div", _hoisted_18$2, [
|
|
12359
12359
|
createVNode(unref(StrandsUiButton), {
|
|
12360
12360
|
variant: "outline",
|
|
12361
12361
|
size: "xs",
|
|
@@ -12369,7 +12369,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
12369
12369
|
}, 1032, ["onClick", "disabled"])
|
|
12370
12370
|
])) : createCommentVNode("", true)
|
|
12371
12371
|
]),
|
|
12372
|
-
createElementVNode("div", _hoisted_19$
|
|
12372
|
+
createElementVNode("div", _hoisted_19$1, [
|
|
12373
12373
|
createElementVNode("div", _hoisted_20$1, [
|
|
12374
12374
|
createElementVNode("span", _hoisted_21$1, [
|
|
12375
12375
|
createVNode(Monitor2, { size: 14 })
|
|
@@ -12455,8 +12455,8 @@ const _hoisted_16$2 = {
|
|
|
12455
12455
|
class: "profile-change-form"
|
|
12456
12456
|
};
|
|
12457
12457
|
const _hoisted_17$2 = { class: "profile-field-section" };
|
|
12458
|
-
const _hoisted_18$
|
|
12459
|
-
const _hoisted_19
|
|
12458
|
+
const _hoisted_18$1 = { class: "profile-field-header" };
|
|
12459
|
+
const _hoisted_19 = { class: "profile-field-subtitle" };
|
|
12460
12460
|
const _hoisted_20 = {
|
|
12461
12461
|
key: 0,
|
|
12462
12462
|
class: "profile-change-form"
|
|
@@ -13320,10 +13320,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
13320
13320
|
})
|
|
13321
13321
|
]),
|
|
13322
13322
|
createElementVNode("div", _hoisted_17$2, [
|
|
13323
|
-
createElementVNode("div", _hoisted_18$
|
|
13323
|
+
createElementVNode("div", _hoisted_18$1, [
|
|
13324
13324
|
createElementVNode("div", null, [
|
|
13325
13325
|
_cache[16] || (_cache[16] = createElementVNode("h4", { class: "profile-field-title" }, "Username", -1)),
|
|
13326
|
-
createElementVNode("p", _hoisted_19
|
|
13326
|
+
createElementVNode("p", _hoisted_19, toDisplayString(currentUser.value?.username || "No username set"), 1)
|
|
13327
13327
|
]),
|
|
13328
13328
|
createVNode(unref(StrandsUiButton), {
|
|
13329
13329
|
variant: "secondary",
|
|
@@ -14033,37 +14033,35 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
14033
14033
|
};
|
|
14034
14034
|
}
|
|
14035
14035
|
});
|
|
14036
|
-
const _hoisted_1$3 = {
|
|
14037
|
-
const _hoisted_2$2 = {
|
|
14038
|
-
const _hoisted_3$2 = {
|
|
14036
|
+
const _hoisted_1$3 = { class: "user-button-content" };
|
|
14037
|
+
const _hoisted_2$2 = {
|
|
14039
14038
|
key: 0,
|
|
14040
14039
|
class: "user-info"
|
|
14041
14040
|
};
|
|
14042
|
-
const
|
|
14043
|
-
const
|
|
14044
|
-
const
|
|
14045
|
-
const
|
|
14046
|
-
const
|
|
14041
|
+
const _hoisted_3$2 = { class: "user-name" };
|
|
14042
|
+
const _hoisted_4$2 = { class: "avatar-container" };
|
|
14043
|
+
const _hoisted_5$1 = { class: "avatar-wrapper" };
|
|
14044
|
+
const _hoisted_6$1 = ["src", "alt"];
|
|
14045
|
+
const _hoisted_7$1 = {
|
|
14047
14046
|
key: 1,
|
|
14048
14047
|
class: "avatar-default"
|
|
14049
14048
|
};
|
|
14050
|
-
const
|
|
14051
|
-
const
|
|
14052
|
-
const
|
|
14053
|
-
const
|
|
14049
|
+
const _hoisted_8$1 = ["onKeydown"];
|
|
14050
|
+
const _hoisted_9$1 = { class: "dropdown-content" };
|
|
14051
|
+
const _hoisted_10$1 = { class: "dropdown-header" };
|
|
14052
|
+
const _hoisted_11$1 = {
|
|
14054
14053
|
key: 0,
|
|
14055
14054
|
class: "dropdown-avatar-container"
|
|
14056
14055
|
};
|
|
14057
|
-
const
|
|
14058
|
-
const
|
|
14056
|
+
const _hoisted_12$1 = ["src", "alt"];
|
|
14057
|
+
const _hoisted_13$1 = {
|
|
14059
14058
|
key: 1,
|
|
14060
14059
|
class: "dropdown-avatar-default"
|
|
14061
14060
|
};
|
|
14062
|
-
const
|
|
14063
|
-
const
|
|
14064
|
-
const
|
|
14065
|
-
const
|
|
14066
|
-
const _hoisted_19 = { class: "sign-in-auth-wrapper" };
|
|
14061
|
+
const _hoisted_14$1 = { class: "dropdown-user-details" };
|
|
14062
|
+
const _hoisted_15$1 = { class: "dropdown-user-name" };
|
|
14063
|
+
const _hoisted_16$1 = { class: "dropdown-user-email" };
|
|
14064
|
+
const _hoisted_17$1 = { class: "sign-in-auth-wrapper" };
|
|
14067
14065
|
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
14068
14066
|
__name: "StrandsUserButton",
|
|
14069
14067
|
props: {
|
|
@@ -14170,214 +14168,226 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
14170
14168
|
ref_key: "containerRef",
|
|
14171
14169
|
ref: containerRef
|
|
14172
14170
|
}, [
|
|
14173
|
-
|
|
14174
|
-
|
|
14175
|
-
|
|
14176
|
-
|
|
14177
|
-
|
|
14178
|
-
|
|
14179
|
-
|
|
14180
|
-
|
|
14181
|
-
|
|
14182
|
-
|
|
14183
|
-
|
|
14184
|
-
|
|
14185
|
-
|
|
14186
|
-
|
|
14187
|
-
|
|
14188
|
-
|
|
14189
|
-
|
|
14190
|
-
|
|
14191
|
-
|
|
14192
|
-
|
|
14193
|
-
|
|
14194
|
-
|
|
14195
|
-
|
|
14171
|
+
createVNode(SignedIn, {
|
|
14172
|
+
invert: !!user.value
|
|
14173
|
+
}, {
|
|
14174
|
+
default: withCtx(() => [
|
|
14175
|
+
createVNode(unref(StrandsUiButton), {
|
|
14176
|
+
color: "secondary",
|
|
14177
|
+
active: showDropdown.value,
|
|
14178
|
+
onClick: toggleDropdown,
|
|
14179
|
+
onKeydown: [
|
|
14180
|
+
withKeys(toggleDropdown, ["enter"]),
|
|
14181
|
+
withKeys(withModifiers(toggleDropdown, ["prevent"]), ["space"]),
|
|
14182
|
+
withKeys(closeDropdown, ["escape"]),
|
|
14183
|
+
withKeys(withModifiers(openDropdown, ["prevent"]), ["arrow-down"])
|
|
14184
|
+
],
|
|
14185
|
+
"aria-haspopup": "true",
|
|
14186
|
+
"aria-expanded": showDropdown.value,
|
|
14187
|
+
"aria-label": "User menu"
|
|
14188
|
+
}, {
|
|
14189
|
+
default: withCtx(() => [
|
|
14190
|
+
createElementVNode("div", _hoisted_1$3, [
|
|
14191
|
+
!_ctx.hideUser ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
|
|
14192
|
+
createElementVNode("div", _hoisted_3$2, toDisplayString(displayName.value), 1)
|
|
14193
|
+
])) : createCommentVNode("", true),
|
|
14194
|
+
createElementVNode("div", _hoisted_4$2, [
|
|
14195
|
+
createElementVNode("div", _hoisted_5$1, [
|
|
14196
|
+
user.value?.avatar ? (openBlock(), createElementBlock("img", {
|
|
14197
|
+
key: 0,
|
|
14198
|
+
src: user.value.avatar,
|
|
14199
|
+
alt: `${user.value.firstName || user.value.email}'s avatar`,
|
|
14200
|
+
class: "avatar-image",
|
|
14201
|
+
width: "32",
|
|
14202
|
+
height: "32",
|
|
14203
|
+
loading: "eager"
|
|
14204
|
+
}, null, 8, _hoisted_6$1)) : (openBlock(), createElementBlock("div", _hoisted_7$1, [..._cache[2] || (_cache[2] = [
|
|
14205
|
+
createElementVNode("svg", {
|
|
14206
|
+
class: "avatar-icon",
|
|
14207
|
+
fill: "currentColor",
|
|
14208
|
+
viewBox: "0 0 20 20"
|
|
14209
|
+
}, [
|
|
14210
|
+
createElementVNode("path", {
|
|
14211
|
+
"fill-rule": "evenodd",
|
|
14212
|
+
d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
|
|
14213
|
+
"clip-rule": "evenodd"
|
|
14214
|
+
})
|
|
14215
|
+
], -1)
|
|
14216
|
+
])]))
|
|
14217
|
+
])
|
|
14218
|
+
]),
|
|
14219
|
+
(openBlock(), createElementBlock("svg", {
|
|
14220
|
+
class: normalizeClass(["dropdown-arrow", { "dropdown-arrow-open": showDropdown.value }]),
|
|
14221
|
+
fill: "none",
|
|
14222
|
+
stroke: "currentColor",
|
|
14223
|
+
viewBox: "0 0 24 24"
|
|
14224
|
+
}, [..._cache[3] || (_cache[3] = [
|
|
14225
|
+
createElementVNode("path", {
|
|
14226
|
+
"stroke-linecap": "round",
|
|
14227
|
+
"stroke-linejoin": "round",
|
|
14228
|
+
"stroke-width": "2",
|
|
14229
|
+
d: "M19 9l-7 7-7-7"
|
|
14230
|
+
}, null, -1)
|
|
14231
|
+
])], 2))
|
|
14232
|
+
]),
|
|
14233
|
+
createVNode(Transition, { name: "dropdown" }, {
|
|
14234
|
+
default: withCtx(() => [
|
|
14235
|
+
showDropdown.value ? (openBlock(), createElementBlock("div", {
|
|
14196
14236
|
key: 0,
|
|
14197
|
-
|
|
14198
|
-
|
|
14199
|
-
|
|
14200
|
-
|
|
14201
|
-
|
|
14202
|
-
|
|
14203
|
-
|
|
14204
|
-
|
|
14205
|
-
|
|
14206
|
-
|
|
14207
|
-
|
|
14208
|
-
|
|
14209
|
-
|
|
14210
|
-
|
|
14211
|
-
|
|
14212
|
-
|
|
14237
|
+
class: normalizeClass([
|
|
14238
|
+
"dropdown-menu",
|
|
14239
|
+
`dropdown-menu-align-${props.menuAlign}`,
|
|
14240
|
+
`dropdown-menu-vertical-${props.menuVerticalAlign}`
|
|
14241
|
+
]),
|
|
14242
|
+
role: "menu",
|
|
14243
|
+
"aria-orientation": "vertical",
|
|
14244
|
+
onKeydown: [
|
|
14245
|
+
withKeys(closeDropdown, ["escape"]),
|
|
14246
|
+
withKeys(withModifiers(focusPrevious, ["prevent"]), ["arrow-up"]),
|
|
14247
|
+
withKeys(withModifiers(focusNext, ["prevent"]), ["arrow-down"]),
|
|
14248
|
+
withKeys(withModifiers(focusFirst, ["prevent"]), ["home"]),
|
|
14249
|
+
withKeys(withModifiers(focusLast, ["prevent"]), ["end"])
|
|
14250
|
+
]
|
|
14251
|
+
}, [
|
|
14252
|
+
createElementVNode("div", _hoisted_9$1, [
|
|
14253
|
+
createElementVNode("div", _hoisted_10$1, [
|
|
14254
|
+
user.value ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
|
|
14255
|
+
createVNode(unref(UiLevelProgress), {
|
|
14256
|
+
size: 80,
|
|
14257
|
+
value: user.value.xp,
|
|
14258
|
+
max: user.value.next_level_xp,
|
|
14259
|
+
level: user.value.level,
|
|
14260
|
+
"level-label": `LEVEL ${user.value.level}`,
|
|
14261
|
+
"user-settings": user.value.settings,
|
|
14262
|
+
class: "level-progress-overlay"
|
|
14263
|
+
}, null, 8, ["value", "max", "level", "level-label", "user-settings"]),
|
|
14264
|
+
user.value?.avatar ? (openBlock(), createElementBlock("img", {
|
|
14265
|
+
key: 0,
|
|
14266
|
+
src: user.value.avatar,
|
|
14267
|
+
alt: `${user.value.firstName || user.value.email}'s avatar`,
|
|
14268
|
+
class: "dropdown-avatar-image",
|
|
14269
|
+
width: "64",
|
|
14270
|
+
height: "64"
|
|
14271
|
+
}, null, 8, _hoisted_12$1)) : (openBlock(), createElementBlock("div", _hoisted_13$1, [..._cache[4] || (_cache[4] = [
|
|
14272
|
+
createElementVNode("svg", {
|
|
14273
|
+
class: "dropdown-avatar-icon",
|
|
14274
|
+
fill: "currentColor",
|
|
14275
|
+
viewBox: "0 0 20 20"
|
|
14276
|
+
}, [
|
|
14277
|
+
createElementVNode("path", {
|
|
14278
|
+
"fill-rule": "evenodd",
|
|
14279
|
+
d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
|
|
14280
|
+
"clip-rule": "evenodd"
|
|
14281
|
+
})
|
|
14282
|
+
], -1)
|
|
14283
|
+
])]))
|
|
14284
|
+
])) : createCommentVNode("", true),
|
|
14285
|
+
createElementVNode("div", _hoisted_14$1, [
|
|
14286
|
+
createElementVNode("div", _hoisted_15$1, toDisplayString(displayName.value), 1),
|
|
14287
|
+
createElementVNode("div", _hoisted_16$1, toDisplayString(user.value?.email), 1)
|
|
14288
|
+
])
|
|
14289
|
+
]),
|
|
14290
|
+
_cache[7] || (_cache[7] = createElementVNode("div", { class: "dropdown-divider" }, null, -1)),
|
|
14291
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
14292
|
+
_cache[8] || (_cache[8] = createElementVNode("div", { class: "dropdown-divider" }, null, -1)),
|
|
14293
|
+
createVNode(unref(StrandsNav), null, {
|
|
14294
|
+
default: withCtx(() => [
|
|
14295
|
+
createVNode(unref(StrandsNav).Item, { onClick: openProfile }, {
|
|
14296
|
+
default: withCtx(() => [..._cache[5] || (_cache[5] = [
|
|
14297
|
+
createTextVNode("Profile", -1)
|
|
14298
|
+
])]),
|
|
14299
|
+
_: 1
|
|
14300
|
+
}),
|
|
14301
|
+
createVNode(unref(StrandsNav).Item, {
|
|
14302
|
+
onClick: handleSignOut,
|
|
14303
|
+
color: "danger"
|
|
14304
|
+
}, {
|
|
14305
|
+
default: withCtx(() => [..._cache[6] || (_cache[6] = [
|
|
14306
|
+
createTextVNode("Sign Out", -1)
|
|
14307
|
+
])]),
|
|
14308
|
+
_: 1
|
|
14309
|
+
})
|
|
14310
|
+
]),
|
|
14311
|
+
_: 1
|
|
14213
14312
|
})
|
|
14214
|
-
]
|
|
14215
|
-
])
|
|
14216
|
-
])
|
|
14217
|
-
|
|
14218
|
-
|
|
14219
|
-
|
|
14313
|
+
])
|
|
14314
|
+
], 42, _hoisted_8$1)) : createCommentVNode("", true)
|
|
14315
|
+
]),
|
|
14316
|
+
_: 3
|
|
14317
|
+
})
|
|
14318
|
+
]),
|
|
14319
|
+
_: 3
|
|
14320
|
+
}, 8, ["active", "onKeydown", "aria-expanded"]),
|
|
14321
|
+
createVNode(unref(UiModal), {
|
|
14322
|
+
modelValue: showProfileModal.value,
|
|
14323
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showProfileModal.value = $event),
|
|
14324
|
+
"fullscreen-on-mobile": false
|
|
14325
|
+
}, {
|
|
14326
|
+
default: withCtx(() => [
|
|
14327
|
+
createVNode(unref(StrandsUserProfile), {
|
|
14328
|
+
user: user.value,
|
|
14329
|
+
onProfileUpdated: handleProfileUpdated,
|
|
14330
|
+
onError: handleProfileError,
|
|
14331
|
+
"in-modal": ""
|
|
14332
|
+
}, null, 8, ["user"])
|
|
14333
|
+
]),
|
|
14334
|
+
_: 1
|
|
14335
|
+
}, 8, ["modelValue"])
|
|
14336
|
+
]),
|
|
14337
|
+
fallback: withCtx(() => [
|
|
14338
|
+
createVNode(unref(StrandsUiButton), {
|
|
14339
|
+
onClick: openSignIn,
|
|
14340
|
+
"aria-label": "Sign in"
|
|
14341
|
+
}, {
|
|
14342
|
+
default: withCtx(() => [..._cache[9] || (_cache[9] = [
|
|
14343
|
+
createElementVNode("svg", {
|
|
14344
|
+
class: "sign-in-icon",
|
|
14220
14345
|
fill: "none",
|
|
14221
14346
|
stroke: "currentColor",
|
|
14222
14347
|
viewBox: "0 0 24 24"
|
|
14223
|
-
}, [
|
|
14348
|
+
}, [
|
|
14224
14349
|
createElementVNode("path", {
|
|
14225
14350
|
"stroke-linecap": "round",
|
|
14226
14351
|
"stroke-linejoin": "round",
|
|
14227
14352
|
"stroke-width": "2",
|
|
14228
|
-
d: "
|
|
14229
|
-
}
|
|
14230
|
-
]
|
|
14353
|
+
d: "M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
|
|
14354
|
+
})
|
|
14355
|
+
], -1),
|
|
14356
|
+
createElementVNode("span", null, "Sign In", -1)
|
|
14357
|
+
])]),
|
|
14358
|
+
_: 1
|
|
14359
|
+
}),
|
|
14360
|
+
createVNode(unref(UiModal), {
|
|
14361
|
+
modelValue: showSignInModal.value,
|
|
14362
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showSignInModal.value = $event),
|
|
14363
|
+
"fullscreen-on-mobile": false
|
|
14364
|
+
}, {
|
|
14365
|
+
default: withCtx(() => [
|
|
14366
|
+
createElementVNode("div", _hoisted_17$1, [
|
|
14367
|
+
createVNode(unref(StrandsAuth), {
|
|
14368
|
+
onSignedIn: handleSignedIn,
|
|
14369
|
+
onError: handleSignInError,
|
|
14370
|
+
"redirect-url": _ctx.redirectUrl,
|
|
14371
|
+
"in-modal": ""
|
|
14372
|
+
}, null, 8, ["redirect-url"])
|
|
14373
|
+
])
|
|
14231
14374
|
]),
|
|
14232
|
-
|
|
14233
|
-
|
|
14234
|
-
|
|
14235
|
-
|
|
14236
|
-
|
|
14237
|
-
|
|
14238
|
-
|
|
14239
|
-
|
|
14240
|
-
|
|
14241
|
-
|
|
14242
|
-
|
|
14243
|
-
onKeydown: [
|
|
14244
|
-
withKeys(closeDropdown, ["escape"]),
|
|
14245
|
-
withKeys(withModifiers(focusPrevious, ["prevent"]), ["arrow-up"]),
|
|
14246
|
-
withKeys(withModifiers(focusNext, ["prevent"]), ["arrow-down"]),
|
|
14247
|
-
withKeys(withModifiers(focusFirst, ["prevent"]), ["home"]),
|
|
14248
|
-
withKeys(withModifiers(focusLast, ["prevent"]), ["end"])
|
|
14249
|
-
]
|
|
14250
|
-
}, [
|
|
14251
|
-
createElementVNode("div", _hoisted_10$1, [
|
|
14252
|
-
createElementVNode("div", _hoisted_11$1, [
|
|
14253
|
-
user.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
|
|
14254
|
-
createVNode(unref(UiLevelProgress), {
|
|
14255
|
-
size: 80,
|
|
14256
|
-
value: user.value.xp,
|
|
14257
|
-
max: user.value.next_level_xp,
|
|
14258
|
-
level: user.value.level,
|
|
14259
|
-
"level-label": `LEVEL ${user.value.level}`,
|
|
14260
|
-
"user-settings": user.value.settings,
|
|
14261
|
-
class: "level-progress-overlay"
|
|
14262
|
-
}, null, 8, ["value", "max", "level", "level-label", "user-settings"]),
|
|
14263
|
-
user.value?.avatar ? (openBlock(), createElementBlock("img", {
|
|
14264
|
-
key: 0,
|
|
14265
|
-
src: user.value.avatar,
|
|
14266
|
-
alt: `${user.value.firstName || user.value.email}'s avatar`,
|
|
14267
|
-
class: "dropdown-avatar-image",
|
|
14268
|
-
width: "64",
|
|
14269
|
-
height: "64"
|
|
14270
|
-
}, null, 8, _hoisted_13$1)) : (openBlock(), createElementBlock("div", _hoisted_14$1, [..._cache[4] || (_cache[4] = [
|
|
14271
|
-
createElementVNode("svg", {
|
|
14272
|
-
class: "dropdown-avatar-icon",
|
|
14273
|
-
fill: "currentColor",
|
|
14274
|
-
viewBox: "0 0 20 20"
|
|
14275
|
-
}, [
|
|
14276
|
-
createElementVNode("path", {
|
|
14277
|
-
"fill-rule": "evenodd",
|
|
14278
|
-
d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
|
|
14279
|
-
"clip-rule": "evenodd"
|
|
14280
|
-
})
|
|
14281
|
-
], -1)
|
|
14282
|
-
])]))
|
|
14283
|
-
])) : createCommentVNode("", true),
|
|
14284
|
-
createElementVNode("div", _hoisted_15$1, [
|
|
14285
|
-
createElementVNode("div", _hoisted_16$1, toDisplayString(displayName.value), 1),
|
|
14286
|
-
createElementVNode("div", _hoisted_17$1, toDisplayString(user.value?.email), 1)
|
|
14287
|
-
])
|
|
14288
|
-
]),
|
|
14289
|
-
_cache[7] || (_cache[7] = createElementVNode("div", { class: "dropdown-divider" }, null, -1)),
|
|
14290
|
-
renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
14291
|
-
_cache[8] || (_cache[8] = createElementVNode("div", { class: "dropdown-divider" }, null, -1)),
|
|
14292
|
-
createVNode(unref(StrandsNav), null, {
|
|
14293
|
-
default: withCtx(() => [
|
|
14294
|
-
createVNode(unref(StrandsNav).Item, { onClick: openProfile }, {
|
|
14295
|
-
default: withCtx(() => [..._cache[5] || (_cache[5] = [
|
|
14296
|
-
createTextVNode("Profile", -1)
|
|
14297
|
-
])]),
|
|
14298
|
-
_: 1
|
|
14299
|
-
}),
|
|
14300
|
-
createVNode(unref(StrandsNav).Item, {
|
|
14301
|
-
onClick: handleSignOut,
|
|
14302
|
-
color: "danger"
|
|
14303
|
-
}, {
|
|
14304
|
-
default: withCtx(() => [..._cache[6] || (_cache[6] = [
|
|
14305
|
-
createTextVNode("Sign Out", -1)
|
|
14306
|
-
])]),
|
|
14307
|
-
_: 1
|
|
14308
|
-
})
|
|
14309
|
-
]),
|
|
14310
|
-
_: 1
|
|
14311
|
-
})
|
|
14312
|
-
])
|
|
14313
|
-
], 42, _hoisted_9$1)) : createCommentVNode("", true)
|
|
14314
|
-
]),
|
|
14315
|
-
_: 3
|
|
14316
|
-
})
|
|
14317
|
-
]),
|
|
14318
|
-
_: 3
|
|
14319
|
-
}, 8, ["active", "onKeydown", "aria-expanded"]),
|
|
14320
|
-
createVNode(unref(UiModal), {
|
|
14321
|
-
modelValue: showProfileModal.value,
|
|
14322
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showProfileModal.value = $event),
|
|
14323
|
-
"fullscreen-on-mobile": false
|
|
14324
|
-
}, {
|
|
14325
|
-
default: withCtx(() => [
|
|
14326
|
-
createVNode(unref(StrandsUserProfile), {
|
|
14327
|
-
user: user.value,
|
|
14328
|
-
onProfileUpdated: handleProfileUpdated,
|
|
14329
|
-
onError: handleProfileError,
|
|
14330
|
-
"in-modal": ""
|
|
14331
|
-
}, null, 8, ["user"])
|
|
14332
|
-
]),
|
|
14333
|
-
_: 1
|
|
14334
|
-
}, 8, ["modelValue"])
|
|
14335
|
-
])) : (openBlock(), createElementBlock("div", _hoisted_18$1, [
|
|
14336
|
-
createVNode(unref(StrandsUiButton), {
|
|
14337
|
-
onClick: openSignIn,
|
|
14338
|
-
"aria-label": "Sign in"
|
|
14339
|
-
}, {
|
|
14340
|
-
default: withCtx(() => [..._cache[9] || (_cache[9] = [
|
|
14341
|
-
createElementVNode("svg", {
|
|
14342
|
-
class: "sign-in-icon",
|
|
14343
|
-
fill: "none",
|
|
14344
|
-
stroke: "currentColor",
|
|
14345
|
-
viewBox: "0 0 24 24"
|
|
14346
|
-
}, [
|
|
14347
|
-
createElementVNode("path", {
|
|
14348
|
-
"stroke-linecap": "round",
|
|
14349
|
-
"stroke-linejoin": "round",
|
|
14350
|
-
"stroke-width": "2",
|
|
14351
|
-
d: "M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
|
|
14352
|
-
})
|
|
14353
|
-
], -1),
|
|
14354
|
-
createElementVNode("span", null, "Sign In", -1)
|
|
14355
|
-
])]),
|
|
14356
|
-
_: 1
|
|
14357
|
-
}),
|
|
14358
|
-
createVNode(unref(UiModal), {
|
|
14359
|
-
modelValue: showSignInModal.value,
|
|
14360
|
-
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showSignInModal.value = $event),
|
|
14361
|
-
"fullscreen-on-mobile": false
|
|
14362
|
-
}, {
|
|
14363
|
-
default: withCtx(() => [
|
|
14364
|
-
createElementVNode("div", _hoisted_19, [
|
|
14365
|
-
createVNode(unref(StrandsAuth), {
|
|
14366
|
-
onSignedIn: handleSignedIn,
|
|
14367
|
-
onError: handleSignInError,
|
|
14368
|
-
"redirect-url": _ctx.redirectUrl,
|
|
14369
|
-
"in-modal": ""
|
|
14370
|
-
}, null, 8, ["redirect-url"])
|
|
14371
|
-
])
|
|
14372
|
-
]),
|
|
14373
|
-
_: 1
|
|
14374
|
-
}, 8, ["modelValue"])
|
|
14375
|
-
]))
|
|
14375
|
+
_: 1
|
|
14376
|
+
}, 8, ["modelValue"])
|
|
14377
|
+
]),
|
|
14378
|
+
loading: withCtx(() => [
|
|
14379
|
+
createVNode(StrandsUiLoader, {
|
|
14380
|
+
variant: "circle",
|
|
14381
|
+
size: 30
|
|
14382
|
+
})
|
|
14383
|
+
]),
|
|
14384
|
+
_: 3
|
|
14385
|
+
}, 8, ["invert"])
|
|
14376
14386
|
], 512);
|
|
14377
14387
|
};
|
|
14378
14388
|
}
|
|
14379
14389
|
});
|
|
14380
|
-
const StrandsUserButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-
|
|
14390
|
+
const StrandsUserButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-77f059c0"]]);
|
|
14381
14391
|
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
14382
14392
|
__name: "StrandsNav",
|
|
14383
14393
|
props: {
|