@strands.gg/accui 2.14.0 → 2.14.1
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/index.cjs.js +1 -1
- package/dist/index.es.js +103 -100
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -13949,7 +13949,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
13949
13949
|
});
|
|
13950
13950
|
const _hoisted_1$3 = {
|
|
13951
13951
|
key: 0,
|
|
13952
|
-
class: "mini-profile-avatar-
|
|
13952
|
+
class: "mini-profile-avatar-container"
|
|
13953
13953
|
};
|
|
13954
13954
|
const _hoisted_2$2 = ["src", "alt", "width", "height"];
|
|
13955
13955
|
const _hoisted_3$2 = {
|
|
@@ -14187,104 +14187,107 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
14187
14187
|
})
|
|
14188
14188
|
]),
|
|
14189
14189
|
default: withCtx(() => [
|
|
14190
|
-
|
|
14191
|
-
|
|
14192
|
-
|
|
14193
|
-
|
|
14194
|
-
|
|
14195
|
-
|
|
14196
|
-
|
|
14197
|
-
|
|
14198
|
-
|
|
14199
|
-
|
|
14200
|
-
|
|
14201
|
-
|
|
14202
|
-
|
|
14203
|
-
|
|
14204
|
-
|
|
14205
|
-
|
|
14206
|
-
|
|
14207
|
-
|
|
14208
|
-
|
|
14209
|
-
|
|
14210
|
-
|
|
14211
|
-
|
|
14212
|
-
|
|
14213
|
-
|
|
14214
|
-
|
|
14215
|
-
|
|
14216
|
-
|
|
14217
|
-
|
|
14218
|
-
|
|
14219
|
-
|
|
14220
|
-
|
|
14221
|
-
|
|
14222
|
-
|
|
14223
|
-
|
|
14224
|
-
|
|
14225
|
-
|
|
14226
|
-
|
|
14227
|
-
|
|
14228
|
-
|
|
14229
|
-
|
|
14230
|
-
|
|
14231
|
-
|
|
14232
|
-
|
|
14233
|
-
|
|
14234
|
-
|
|
14235
|
-
|
|
14236
|
-
|
|
14237
|
-
|
|
14238
|
-
|
|
14239
|
-
|
|
14240
|
-
|
|
14241
|
-
|
|
14242
|
-
|
|
14243
|
-
|
|
14244
|
-
|
|
14245
|
-
|
|
14246
|
-
|
|
14247
|
-
|
|
14248
|
-
|
|
14249
|
-
|
|
14250
|
-
|
|
14251
|
-
|
|
14252
|
-
|
|
14253
|
-
|
|
14254
|
-
|
|
14255
|
-
|
|
14256
|
-
|
|
14257
|
-
|
|
14258
|
-
|
|
14259
|
-
|
|
14260
|
-
|
|
14261
|
-
|
|
14262
|
-
|
|
14263
|
-
|
|
14264
|
-
|
|
14265
|
-
|
|
14266
|
-
|
|
14267
|
-
|
|
14268
|
-
|
|
14269
|
-
|
|
14270
|
-
|
|
14271
|
-
|
|
14272
|
-
"
|
|
14273
|
-
|
|
14274
|
-
|
|
14275
|
-
|
|
14276
|
-
|
|
14277
|
-
|
|
14278
|
-
|
|
14279
|
-
|
|
14280
|
-
|
|
14281
|
-
|
|
14282
|
-
|
|
14283
|
-
|
|
14284
|
-
|
|
14285
|
-
|
|
14286
|
-
|
|
14287
|
-
|
|
14190
|
+
createElementVNode("div", {
|
|
14191
|
+
class: normalizeClass(["user-button-wrapper", `user-button-size-${_ctx.size}`, _ctx.variant === "mini-profile" && "user-button-mini-profile"])
|
|
14192
|
+
}, [
|
|
14193
|
+
createVNode(unref(CompoundUiButton), {
|
|
14194
|
+
ref_key: "triggerRef",
|
|
14195
|
+
ref: triggerRef,
|
|
14196
|
+
color: "secondary",
|
|
14197
|
+
active: showDropdown.value,
|
|
14198
|
+
onClick: toggleDropdown,
|
|
14199
|
+
onKeydown: [
|
|
14200
|
+
withKeys(toggleDropdown, ["enter"]),
|
|
14201
|
+
withKeys(withModifiers(toggleDropdown, ["prevent"]), ["space"]),
|
|
14202
|
+
withKeys(closeDropdown, ["escape"]),
|
|
14203
|
+
withKeys(withModifiers(openDropdown, ["prevent"]), ["arrow-down"])
|
|
14204
|
+
],
|
|
14205
|
+
"aria-haspopup": "true",
|
|
14206
|
+
"aria-expanded": showDropdown.value,
|
|
14207
|
+
"aria-label": "User menu"
|
|
14208
|
+
}, {
|
|
14209
|
+
"leading-icon": withCtx(() => [
|
|
14210
|
+
_ctx.variant === "mini-profile" ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
|
|
14211
|
+
createVNode(unref(UiLevelProgress), {
|
|
14212
|
+
size: avatarSizeWithProgress.value,
|
|
14213
|
+
value: user.value?.xp || 0,
|
|
14214
|
+
max: user.value?.next_level_xp || 100,
|
|
14215
|
+
level: user.value?.level || 1,
|
|
14216
|
+
"level-label": `LEVEL ${user.value?.level || 1}`,
|
|
14217
|
+
"user-settings": user.value?.settings,
|
|
14218
|
+
class: "mini-profile-level-progress"
|
|
14219
|
+
}, null, 8, ["size", "value", "max", "level", "level-label", "user-settings"]),
|
|
14220
|
+
user.value?.avatar ? (openBlock(), createElementBlock("img", {
|
|
14221
|
+
key: 0,
|
|
14222
|
+
src: user.value.avatar,
|
|
14223
|
+
alt: `${user.value?.firstName || user.value?.email}'s avatar`,
|
|
14224
|
+
class: "mini-profile-avatar-image",
|
|
14225
|
+
width: avatarSize.value,
|
|
14226
|
+
height: avatarSize.value,
|
|
14227
|
+
loading: "eager"
|
|
14228
|
+
}, null, 8, _hoisted_2$2)) : (openBlock(), createElementBlock("div", _hoisted_3$2, [..._cache[2] || (_cache[2] = [
|
|
14229
|
+
createElementVNode("svg", {
|
|
14230
|
+
class: "mini-profile-avatar-icon",
|
|
14231
|
+
fill: "currentColor",
|
|
14232
|
+
viewBox: "0 0 20 20"
|
|
14233
|
+
}, [
|
|
14234
|
+
createElementVNode("path", {
|
|
14235
|
+
"fill-rule": "evenodd",
|
|
14236
|
+
d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
|
|
14237
|
+
"clip-rule": "evenodd"
|
|
14238
|
+
})
|
|
14239
|
+
], -1)
|
|
14240
|
+
])]))
|
|
14241
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_4$2, [
|
|
14242
|
+
user.value?.avatar ? (openBlock(), createElementBlock("img", {
|
|
14243
|
+
key: 0,
|
|
14244
|
+
src: user.value.avatar,
|
|
14245
|
+
alt: `${user.value?.firstName || user.value?.email}'s avatar`,
|
|
14246
|
+
class: "avatar-image",
|
|
14247
|
+
width: avatarSize.value,
|
|
14248
|
+
height: avatarSize.value,
|
|
14249
|
+
loading: "eager"
|
|
14250
|
+
}, null, 8, _hoisted_5$1)) : (openBlock(), createElementBlock("div", _hoisted_6$1, [..._cache[3] || (_cache[3] = [
|
|
14251
|
+
createElementVNode("svg", {
|
|
14252
|
+
class: "avatar-icon",
|
|
14253
|
+
fill: "currentColor",
|
|
14254
|
+
viewBox: "0 0 20 20"
|
|
14255
|
+
}, [
|
|
14256
|
+
createElementVNode("path", {
|
|
14257
|
+
"fill-rule": "evenodd",
|
|
14258
|
+
d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
|
|
14259
|
+
"clip-rule": "evenodd"
|
|
14260
|
+
})
|
|
14261
|
+
], -1)
|
|
14262
|
+
])]))
|
|
14263
|
+
]))
|
|
14264
|
+
]),
|
|
14265
|
+
"trailing-icon": withCtx(() => [
|
|
14266
|
+
(openBlock(), createElementBlock("svg", {
|
|
14267
|
+
class: normalizeClass(["dropdown-arrow", { "dropdown-arrow-open": showDropdown.value }]),
|
|
14268
|
+
fill: "none",
|
|
14269
|
+
stroke: "currentColor",
|
|
14270
|
+
viewBox: "0 0 24 24"
|
|
14271
|
+
}, [..._cache[4] || (_cache[4] = [
|
|
14272
|
+
createElementVNode("path", {
|
|
14273
|
+
"stroke-linecap": "round",
|
|
14274
|
+
"stroke-linejoin": "round",
|
|
14275
|
+
"stroke-width": "2",
|
|
14276
|
+
d: "M19 9l-7 7-7-7"
|
|
14277
|
+
}, null, -1)
|
|
14278
|
+
])], 2))
|
|
14279
|
+
]),
|
|
14280
|
+
default: withCtx(() => [
|
|
14281
|
+
_ctx.variant === "mini-profile" ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
|
|
14282
|
+
createElementVNode("div", _hoisted_8$1, toDisplayString(displayName.value), 1),
|
|
14283
|
+
createElementVNode("div", _hoisted_9$1, toDisplayString(user.value?.email), 1)
|
|
14284
|
+
])) : !_ctx.hideUser ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
|
|
14285
|
+
createElementVNode("div", _hoisted_11$1, toDisplayString(displayName.value), 1)
|
|
14286
|
+
])) : createCommentVNode("", true)
|
|
14287
|
+
]),
|
|
14288
|
+
_: 1
|
|
14289
|
+
}, 8, ["active", "onKeydown", "aria-expanded"])
|
|
14290
|
+
], 2),
|
|
14288
14291
|
(openBlock(), createBlock(Teleport, { to: "body" }, [
|
|
14289
14292
|
showDropdown.value ? (openBlock(), createElementBlock("div", {
|
|
14290
14293
|
key: 0,
|
|
@@ -14389,7 +14392,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
14389
14392
|
};
|
|
14390
14393
|
}
|
|
14391
14394
|
});
|
|
14392
|
-
const StrandsUserButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-
|
|
14395
|
+
const StrandsUserButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-2c322150"]]);
|
|
14393
14396
|
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
14394
14397
|
__name: "StrandsNav",
|
|
14395
14398
|
props: {
|