@strands.gg/accui 2.11.4 → 2.11.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/index.cjs.js +1 -1
- package/dist/index.es.js +306 -273
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -92,8 +92,8 @@ const _hoisted_4$G = {
|
|
|
92
92
|
viewBox: "0 0 20 20",
|
|
93
93
|
"aria-hidden": "true"
|
|
94
94
|
};
|
|
95
|
-
const _hoisted_5$
|
|
96
|
-
const _hoisted_6$
|
|
95
|
+
const _hoisted_5$A = ["d"];
|
|
96
|
+
const _hoisted_6$u = { class: "alert-text-container" };
|
|
97
97
|
const _hoisted_7$s = {
|
|
98
98
|
key: 0,
|
|
99
99
|
class: "alert-dismiss-container"
|
|
@@ -146,10 +146,10 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
|
146
146
|
"fill-rule": "evenodd",
|
|
147
147
|
d: iconPath.value,
|
|
148
148
|
"clip-rule": "evenodd"
|
|
149
|
-
}, null, 8, _hoisted_5$
|
|
149
|
+
}, null, 8, _hoisted_5$A)
|
|
150
150
|
]))
|
|
151
151
|
]),
|
|
152
|
-
createElementVNode("div", _hoisted_6$
|
|
152
|
+
createElementVNode("div", _hoisted_6$u, [
|
|
153
153
|
_ctx.title ? (openBlock(), createElementBlock("h3", {
|
|
154
154
|
key: 0,
|
|
155
155
|
class: normalizeClass(titleClasses.value)
|
|
@@ -197,8 +197,8 @@ const _hoisted_1$S = {
|
|
|
197
197
|
const _hoisted_2$K = ["width", "height"];
|
|
198
198
|
const _hoisted_3$H = ["d"];
|
|
199
199
|
const _hoisted_4$F = ["stroke-width"];
|
|
200
|
-
const _hoisted_5$
|
|
201
|
-
const _hoisted_6$
|
|
200
|
+
const _hoisted_5$z = ["stroke-width"];
|
|
201
|
+
const _hoisted_6$t = ["width", "height"];
|
|
202
202
|
const _hoisted_7$r = {
|
|
203
203
|
key: 3,
|
|
204
204
|
class: "loader-text"
|
|
@@ -266,7 +266,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
266
266
|
"stroke-linecap": "round",
|
|
267
267
|
"stroke-linejoin": "round",
|
|
268
268
|
class: "loader-animated-path"
|
|
269
|
-
}, null, 8, _hoisted_5$
|
|
269
|
+
}, null, 8, _hoisted_5$z)
|
|
270
270
|
], 8, _hoisted_2$K))
|
|
271
271
|
])) : _ctx.variant === "circle" ? (openBlock(), createElementBlock("div", {
|
|
272
272
|
key: 1,
|
|
@@ -288,7 +288,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
288
288
|
"stroke-linecap": "round",
|
|
289
289
|
class: "loader-circle-path"
|
|
290
290
|
}, null, -1)
|
|
291
|
-
])], 8, _hoisted_6$
|
|
291
|
+
])], 8, _hoisted_6$t))
|
|
292
292
|
], 4)) : _ctx.variant === "bar" ? (openBlock(), createElementBlock("div", {
|
|
293
293
|
key: 2,
|
|
294
294
|
class: "loader-bar",
|
|
@@ -388,7 +388,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
388
388
|
};
|
|
389
389
|
}
|
|
390
390
|
});
|
|
391
|
-
const UiButtonContent = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-
|
|
391
|
+
const UiButtonContent = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-97962cf6"]]);
|
|
392
392
|
const _hoisted_1$Q = ["href", "target", "rel"];
|
|
393
393
|
const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
394
394
|
__name: "UiButton.Anchor",
|
|
@@ -796,7 +796,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
796
796
|
};
|
|
797
797
|
}
|
|
798
798
|
});
|
|
799
|
-
const StrandsUiButton = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-
|
|
799
|
+
const StrandsUiButton = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-8817cc57"]]);
|
|
800
800
|
const CompoundUiButton = StrandsUiButton;
|
|
801
801
|
CompoundUiButton.Content = UiButtonContent;
|
|
802
802
|
CompoundUiButton.Anchor = _sfc_main$Y;
|
|
@@ -818,11 +818,11 @@ const _hoisted_4$D = {
|
|
|
818
818
|
key: 0,
|
|
819
819
|
class: "ui-card-subtitle"
|
|
820
820
|
};
|
|
821
|
-
const _hoisted_5$
|
|
821
|
+
const _hoisted_5$y = {
|
|
822
822
|
key: 1,
|
|
823
823
|
class: "ui-card-content"
|
|
824
824
|
};
|
|
825
|
-
const _hoisted_6$
|
|
825
|
+
const _hoisted_6$s = {
|
|
826
826
|
key: 2,
|
|
827
827
|
class: "ui-card-footer"
|
|
828
828
|
};
|
|
@@ -866,10 +866,10 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
866
866
|
renderSlot(_ctx.$slots, "actions", {}, void 0, true)
|
|
867
867
|
], true)
|
|
868
868
|
])) : createCommentVNode("", true),
|
|
869
|
-
_ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
869
|
+
_ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_5$y, [
|
|
870
870
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
871
871
|
])) : createCommentVNode("", true),
|
|
872
|
-
_ctx.$slots["footer"] ? (openBlock(), createElementBlock("div", _hoisted_6$
|
|
872
|
+
_ctx.$slots["footer"] ? (openBlock(), createElementBlock("div", _hoisted_6$s, [
|
|
873
873
|
renderSlot(_ctx.$slots, "footer", {}, void 0, true)
|
|
874
874
|
])) : createCommentVNode("", true)
|
|
875
875
|
], 2);
|
|
@@ -1443,7 +1443,7 @@ const _hoisted_4$C = {
|
|
|
1443
1443
|
key: 2,
|
|
1444
1444
|
class: "input-trailing-icon"
|
|
1445
1445
|
};
|
|
1446
|
-
const _hoisted_5$
|
|
1446
|
+
const _hoisted_5$x = {
|
|
1447
1447
|
key: 3,
|
|
1448
1448
|
class: "input-trailing-icon"
|
|
1449
1449
|
};
|
|
@@ -1592,7 +1592,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
1592
1592
|
]),
|
|
1593
1593
|
_: 1
|
|
1594
1594
|
}, 8, ["tabindex"])
|
|
1595
|
-
])) : hasTrailingIcon.value ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
1595
|
+
])) : hasTrailingIcon.value ? (openBlock(), createElementBlock("div", _hoisted_5$x, [
|
|
1596
1596
|
renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
|
|
1597
1597
|
])) : createCommentVNode("", true)
|
|
1598
1598
|
], 2);
|
|
@@ -1923,11 +1923,11 @@ const _hoisted_4$B = {
|
|
|
1923
1923
|
key: 0,
|
|
1924
1924
|
class: "input-select-text"
|
|
1925
1925
|
};
|
|
1926
|
-
const _hoisted_5$
|
|
1926
|
+
const _hoisted_5$w = {
|
|
1927
1927
|
key: 1,
|
|
1928
1928
|
class: "input-select-placeholder"
|
|
1929
1929
|
};
|
|
1930
|
-
const _hoisted_6$
|
|
1930
|
+
const _hoisted_6$r = {
|
|
1931
1931
|
key: 1,
|
|
1932
1932
|
class: "input-trailing-icon"
|
|
1933
1933
|
};
|
|
@@ -2282,7 +2282,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
|
2282
2282
|
"aria-controls": dropdownId.value
|
|
2283
2283
|
}, [
|
|
2284
2284
|
createElementVNode("div", _hoisted_3$C, [
|
|
2285
|
-
displayValue.value ? (openBlock(), createElementBlock("span", _hoisted_4$B, toDisplayString(displayValue.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$
|
|
2285
|
+
displayValue.value ? (openBlock(), createElementBlock("span", _hoisted_4$B, toDisplayString(displayValue.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$w, toDisplayString(_ctx.placeholder || "Select an option..."), 1))
|
|
2286
2286
|
]),
|
|
2287
2287
|
createElementVNode("div", {
|
|
2288
2288
|
class: normalizeClass(["input-select-arrow", { "input-select-arrow-open": dropdownState.value.isOpen }])
|
|
@@ -2290,7 +2290,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
|
2290
2290
|
createVNode(unref(ChevronDown))
|
|
2291
2291
|
], 2)
|
|
2292
2292
|
], 42, _hoisted_2$F),
|
|
2293
|
-
_ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_6$
|
|
2293
|
+
_ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_6$r, [
|
|
2294
2294
|
renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
|
|
2295
2295
|
])) : createCommentVNode("", true)
|
|
2296
2296
|
], 2),
|
|
@@ -2369,11 +2369,11 @@ const _hoisted_1$K = { class: "input-leading-icon" };
|
|
|
2369
2369
|
const _hoisted_2$E = ["src"];
|
|
2370
2370
|
const _hoisted_3$B = ["id", "accept", "multiple", "disabled", "required"];
|
|
2371
2371
|
const _hoisted_4$A = { class: "input-file-content" };
|
|
2372
|
-
const _hoisted_5$
|
|
2372
|
+
const _hoisted_5$v = {
|
|
2373
2373
|
key: 0,
|
|
2374
2374
|
class: "input-file-prompt"
|
|
2375
2375
|
};
|
|
2376
|
-
const _hoisted_6$
|
|
2376
|
+
const _hoisted_6$q = { class: "input-file-prompt-text" };
|
|
2377
2377
|
const _hoisted_7$p = {
|
|
2378
2378
|
key: 0,
|
|
2379
2379
|
class: "input-file-accept-text"
|
|
@@ -2611,8 +2611,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
2611
2611
|
onFocus: handleFocus
|
|
2612
2612
|
}, null, 40, _hoisted_3$B),
|
|
2613
2613
|
createElementVNode("div", _hoisted_4$A, [
|
|
2614
|
-
selectedFiles.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
2615
|
-
createElementVNode("div", _hoisted_6$
|
|
2614
|
+
selectedFiles.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$v, [
|
|
2615
|
+
createElementVNode("div", _hoisted_6$q, toDisplayString(_ctx.dragDropText || "Click to select or drag and drop"), 1),
|
|
2616
2616
|
_ctx.accept ? (openBlock(), createElementBlock("div", _hoisted_7$p, toDisplayString(_ctx.accept), 1)) : createCommentVNode("", true)
|
|
2617
2617
|
])) : (openBlock(), createElementBlock("div", _hoisted_8$n, [
|
|
2618
2618
|
createElementVNode("div", _hoisted_9$m, toDisplayString(_ctx.selectedText || `${selectedFiles.value.length} file(s) selected`), 1),
|
|
@@ -2657,7 +2657,7 @@ const _hoisted_4$z = {
|
|
|
2657
2657
|
key: 1,
|
|
2658
2658
|
class: "tabs-after"
|
|
2659
2659
|
};
|
|
2660
|
-
const _hoisted_5$
|
|
2660
|
+
const _hoisted_5$u = ["aria-labelledby"];
|
|
2661
2661
|
const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
2662
2662
|
__name: "UiTabs",
|
|
2663
2663
|
props: {
|
|
@@ -3042,7 +3042,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
3042
3042
|
id: "tabpanel"
|
|
3043
3043
|
}, [
|
|
3044
3044
|
renderSlot(_ctx.$slots, "content", { activeTab: activeTab.value }, void 0, true)
|
|
3045
|
-
], 10, _hoisted_5$
|
|
3045
|
+
], 10, _hoisted_5$u)) : createCommentVNode("", true)
|
|
3046
3046
|
], 2);
|
|
3047
3047
|
};
|
|
3048
3048
|
}
|
|
@@ -3123,11 +3123,11 @@ const _hoisted_4$y = {
|
|
|
3123
3123
|
key: 0,
|
|
3124
3124
|
class: "datetime-picker-value"
|
|
3125
3125
|
};
|
|
3126
|
-
const _hoisted_5$
|
|
3126
|
+
const _hoisted_5$t = {
|
|
3127
3127
|
key: 1,
|
|
3128
3128
|
class: "datetime-picker-placeholder"
|
|
3129
3129
|
};
|
|
3130
|
-
const _hoisted_6$
|
|
3130
|
+
const _hoisted_6$p = {
|
|
3131
3131
|
key: 1,
|
|
3132
3132
|
class: "datetime-picker-trailing-icon"
|
|
3133
3133
|
};
|
|
@@ -3146,8 +3146,8 @@ const _hoisted_14$j = {
|
|
|
3146
3146
|
class: "datetime-picker-panel datetime-picker-time-panel"
|
|
3147
3147
|
};
|
|
3148
3148
|
const _hoisted_15$g = { class: "time-selector" };
|
|
3149
|
-
const _hoisted_16$
|
|
3150
|
-
const _hoisted_17$
|
|
3149
|
+
const _hoisted_16$f = { class: "time-column" };
|
|
3150
|
+
const _hoisted_17$e = { class: "time-scroll" };
|
|
3151
3151
|
const _hoisted_18$e = { class: "time-column" };
|
|
3152
3152
|
const _hoisted_19$d = { class: "time-scroll" };
|
|
3153
3153
|
const _hoisted_20$b = {
|
|
@@ -3502,7 +3502,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
3502
3502
|
_ctx.type === "date" ? (openBlock(), createBlock(unref(Calendar), { key: 0 })) : _ctx.type === "time" ? (openBlock(), createBlock(unref(Clock), { key: 1 })) : (openBlock(), createBlock(unref(CalendarClock), { key: 2 }))
|
|
3503
3503
|
]),
|
|
3504
3504
|
createElementVNode("div", _hoisted_3$z, [
|
|
3505
|
-
displayValue.value ? (openBlock(), createElementBlock("span", _hoisted_4$y, toDisplayString(displayValue.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$
|
|
3505
|
+
displayValue.value ? (openBlock(), createElementBlock("span", _hoisted_4$y, toDisplayString(displayValue.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$t, toDisplayString(_ctx.placeholder || getDefaultPlaceholder()), 1))
|
|
3506
3506
|
]),
|
|
3507
3507
|
_ctx.modelValue && !_ctx.disabled && !_ctx.readonly ? (openBlock(), createElementBlock("div", {
|
|
3508
3508
|
key: 0,
|
|
@@ -3510,7 +3510,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
3510
3510
|
onClick: withModifiers(clearValue, ["stop"])
|
|
3511
3511
|
}, [
|
|
3512
3512
|
createVNode(unref(X))
|
|
3513
|
-
])) : (openBlock(), createElementBlock("div", _hoisted_6$
|
|
3513
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_6$p, [
|
|
3514
3514
|
createVNode(unref(ChevronDown))
|
|
3515
3515
|
]))
|
|
3516
3516
|
], 2),
|
|
@@ -3624,9 +3624,9 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
3624
3624
|
])) : createCommentVNode("", true),
|
|
3625
3625
|
showTimePanel.value ? (openBlock(), createElementBlock("div", _hoisted_14$j, [
|
|
3626
3626
|
createElementVNode("div", _hoisted_15$g, [
|
|
3627
|
-
createElementVNode("div", _hoisted_16$
|
|
3627
|
+
createElementVNode("div", _hoisted_16$f, [
|
|
3628
3628
|
_cache[6] || (_cache[6] = createElementVNode("label", { class: "time-label" }, "Hour", -1)),
|
|
3629
|
-
createElementVNode("div", _hoisted_17$
|
|
3629
|
+
createElementVNode("div", _hoisted_17$e, [
|
|
3630
3630
|
(openBlock(true), createElementBlock(Fragment$1, null, renderList(hours.value, (hour) => {
|
|
3631
3631
|
return openBlock(), createBlock(StrandsUiButton, {
|
|
3632
3632
|
key: hour,
|
|
@@ -24845,8 +24845,8 @@ const _hoisted_1$G = { class: "input-richtext-toolbar" };
|
|
|
24845
24845
|
const _hoisted_2$B = { class: "input-richtext-group" };
|
|
24846
24846
|
const _hoisted_3$y = { class: "input-richtext-group" };
|
|
24847
24847
|
const _hoisted_4$x = { class: "input-richtext-group" };
|
|
24848
|
-
const _hoisted_5$
|
|
24849
|
-
const _hoisted_6$
|
|
24848
|
+
const _hoisted_5$s = { class: "input-richtext-group" };
|
|
24849
|
+
const _hoisted_6$o = { class: "input-richtext-group" };
|
|
24850
24850
|
const _hoisted_7$n = { class: "input-richtext-editor-wrapper" };
|
|
24851
24851
|
const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
24852
24852
|
__name: "UiInput.RichText",
|
|
@@ -25096,7 +25096,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
25096
25096
|
spacing: "28px",
|
|
25097
25097
|
margin: "4px"
|
|
25098
25098
|
}),
|
|
25099
|
-
createElementVNode("div", _hoisted_5$
|
|
25099
|
+
createElementVNode("div", _hoisted_5$s, [
|
|
25100
25100
|
createVNode(StrandsUiButton, {
|
|
25101
25101
|
color: unref(editor)?.isActive("bulletList") ? "primary" : "secondary",
|
|
25102
25102
|
size: "sm",
|
|
@@ -25159,7 +25159,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
25159
25159
|
spacing: "28px",
|
|
25160
25160
|
margin: "4px"
|
|
25161
25161
|
}),
|
|
25162
|
-
createElementVNode("div", _hoisted_6$
|
|
25162
|
+
createElementVNode("div", _hoisted_6$o, [
|
|
25163
25163
|
createVNode(StrandsUiButton, {
|
|
25164
25164
|
color: "secondary",
|
|
25165
25165
|
size: "sm",
|
|
@@ -25226,7 +25226,7 @@ const _hoisted_4$w = {
|
|
|
25226
25226
|
key: 1,
|
|
25227
25227
|
class: "pincode-divider"
|
|
25228
25228
|
};
|
|
25229
|
-
const _hoisted_5$
|
|
25229
|
+
const _hoisted_5$r = {
|
|
25230
25230
|
key: 1,
|
|
25231
25231
|
class: "pincode-icon pincode-icon-trailing"
|
|
25232
25232
|
};
|
|
@@ -25447,7 +25447,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
25447
25447
|
}, dividerProps.value, { class: "pincode-custom-divider" }), null, 16)) : shouldShowDivider(index) ? (openBlock(), createElementBlock("span", _hoisted_4$w, toDisplayString(dividerCharacter.value), 1)) : createCommentVNode("", true)
|
|
25448
25448
|
], 64);
|
|
25449
25449
|
}), 128)),
|
|
25450
|
-
_ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
25450
|
+
_ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_5$r, [
|
|
25451
25451
|
renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
|
|
25452
25452
|
])) : createCommentVNode("", true)
|
|
25453
25453
|
])
|
|
@@ -25469,7 +25469,7 @@ const _hoisted_4$v = {
|
|
|
25469
25469
|
key: 2,
|
|
25470
25470
|
class: "input-error-text"
|
|
25471
25471
|
};
|
|
25472
|
-
const _hoisted_5$
|
|
25472
|
+
const _hoisted_5$q = {
|
|
25473
25473
|
key: 3,
|
|
25474
25474
|
class: "input-help-text"
|
|
25475
25475
|
};
|
|
@@ -25798,7 +25798,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
25798
25798
|
_ctx.$slots["hint"] ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
|
|
25799
25799
|
renderSlot(_ctx.$slots, "hint", {}, void 0, true)
|
|
25800
25800
|
])) : createCommentVNode("", true),
|
|
25801
|
-
props.error && props.error !== true ? (openBlock(), createElementBlock("p", _hoisted_4$v, toDisplayString(typeof props.error === "string" ? props.error : props.error?.message || String(props.error)), 1)) : props.helpText ? (openBlock(), createElementBlock("p", _hoisted_5$
|
|
25801
|
+
props.error && props.error !== true ? (openBlock(), createElementBlock("p", _hoisted_4$v, toDisplayString(typeof props.error === "string" ? props.error : props.error?.message || String(props.error)), 1)) : props.helpText ? (openBlock(), createElementBlock("p", _hoisted_5$q, toDisplayString(props.helpText), 1)) : createCommentVNode("", true)
|
|
25802
25802
|
], 2);
|
|
25803
25803
|
};
|
|
25804
25804
|
}
|
|
@@ -25990,8 +25990,8 @@ const _hoisted_3$u = {
|
|
|
25990
25990
|
class: "editor-container"
|
|
25991
25991
|
};
|
|
25992
25992
|
const _hoisted_4$t = { class: "editor-main" };
|
|
25993
|
-
const _hoisted_5$
|
|
25994
|
-
const _hoisted_6$
|
|
25993
|
+
const _hoisted_5$p = { class: "canvas-container" };
|
|
25994
|
+
const _hoisted_6$n = ["width", "height"];
|
|
25995
25995
|
const _hoisted_7$m = { class: "crop-overlay" };
|
|
25996
25996
|
const _hoisted_8$l = { class: "crop-backdrop" };
|
|
25997
25997
|
const _hoisted_9$k = { class: "crop-svg" };
|
|
@@ -26001,8 +26001,8 @@ const _hoisted_12$k = ["cx", "cy", "r"];
|
|
|
26001
26001
|
const _hoisted_13$i = ["width", "height"];
|
|
26002
26002
|
const _hoisted_14$i = { class: "crop-svg" };
|
|
26003
26003
|
const _hoisted_15$f = ["cx", "cy", "r"];
|
|
26004
|
-
const _hoisted_16$
|
|
26005
|
-
const _hoisted_17$
|
|
26004
|
+
const _hoisted_16$e = { class: "controls" };
|
|
26005
|
+
const _hoisted_17$d = { class: "zoom-control" };
|
|
26006
26006
|
const _hoisted_18$d = ["min", "max"];
|
|
26007
26007
|
const _hoisted_19$c = { class: "action-buttons" };
|
|
26008
26008
|
const _hoisted_20$a = { class: "preview-section" };
|
|
@@ -26322,7 +26322,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
26322
26322
|
createStaticVNode('<div class="upload-content"><svg class="upload-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg><h3 class="upload-title">Upload your photo</h3><p class="upload-subtitle">Drag and drop or click to browse</p><div class="upload-formats"><span class="format-tag">JPG</span><span class="format-tag">PNG</span><span class="format-tag">GIF</span></div></div>', 1)
|
|
26323
26323
|
])], 32)) : (openBlock(), createElementBlock("div", _hoisted_3$u, [
|
|
26324
26324
|
createElementVNode("div", _hoisted_4$t, [
|
|
26325
|
-
createElementVNode("div", _hoisted_5$
|
|
26325
|
+
createElementVNode("div", _hoisted_5$p, [
|
|
26326
26326
|
createElementVNode("canvas", {
|
|
26327
26327
|
ref_key: "canvas",
|
|
26328
26328
|
ref: canvas,
|
|
@@ -26331,7 +26331,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
26331
26331
|
class: "canvas",
|
|
26332
26332
|
onMousedown: startDrag,
|
|
26333
26333
|
onWheel: handleWheel
|
|
26334
|
-
}, null, 40, _hoisted_6$
|
|
26334
|
+
}, null, 40, _hoisted_6$n),
|
|
26335
26335
|
createElementVNode("div", _hoisted_7$m, [
|
|
26336
26336
|
createElementVNode("div", _hoisted_8$l, [
|
|
26337
26337
|
(openBlock(), createElementBlock("svg", _hoisted_9$k, [
|
|
@@ -26376,8 +26376,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
26376
26376
|
]))
|
|
26377
26377
|
])
|
|
26378
26378
|
]),
|
|
26379
|
-
createElementVNode("div", _hoisted_16$
|
|
26380
|
-
createElementVNode("div", _hoisted_17$
|
|
26379
|
+
createElementVNode("div", _hoisted_16$e, [
|
|
26380
|
+
createElementVNode("div", _hoisted_17$d, [
|
|
26381
26381
|
createVNode(StrandsUiButton, {
|
|
26382
26382
|
onClick: _cache[2] || (_cache[2] = ($event) => {
|
|
26383
26383
|
zoom.value = Math.max(minZoom.value, zoom.value - 0.1);
|
|
@@ -26791,8 +26791,8 @@ const _hoisted_1$A = { class: "level-progress-container" };
|
|
|
26791
26791
|
const _hoisted_2$v = ["width", "height", "viewBox"];
|
|
26792
26792
|
const _hoisted_3$t = { key: 0 };
|
|
26793
26793
|
const _hoisted_4$s = ["r"];
|
|
26794
|
-
const _hoisted_5$
|
|
26795
|
-
const _hoisted_6$
|
|
26794
|
+
const _hoisted_5$o = ["y"];
|
|
26795
|
+
const _hoisted_6$m = ["d", "stroke-width"];
|
|
26796
26796
|
const _hoisted_7$l = ["d", "stroke", "stroke-width"];
|
|
26797
26797
|
const _hoisted_8$k = ["d"];
|
|
26798
26798
|
const _hoisted_9$j = ["d", "stroke", "stroke-width"];
|
|
@@ -26995,7 +26995,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
26995
26995
|
"font-weight": "bold",
|
|
26996
26996
|
fill: "#fff",
|
|
26997
26997
|
style: { "font-family": "'Montserrat', sans-serif" }
|
|
26998
|
-
}, "Level Up", 8, _hoisted_5$
|
|
26998
|
+
}, "Level Up", 8, _hoisted_5$o)
|
|
26999
26999
|
])) : createCommentVNode("", true),
|
|
27000
27000
|
animatedValue.value >= 0 && animatedValue.value < props.max ? (openBlock(), createElementBlock("path", {
|
|
27001
27001
|
key: 1,
|
|
@@ -27004,7 +27004,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
27004
27004
|
"stroke-width": thickness.value,
|
|
27005
27005
|
fill: "none",
|
|
27006
27006
|
"stroke-linecap": "round"
|
|
27007
|
-
}, null, 8, _hoisted_6$
|
|
27007
|
+
}, null, 8, _hoisted_6$m)) : createCommentVNode("", true),
|
|
27008
27008
|
createElementVNode("path", {
|
|
27009
27009
|
d: staticArcPath.value,
|
|
27010
27010
|
stroke: staticArcGradient.value,
|
|
@@ -27282,11 +27282,11 @@ const _hoisted_1$z = {
|
|
|
27282
27282
|
const _hoisted_2$u = { class: "ui-modal-header-content" };
|
|
27283
27283
|
const _hoisted_3$s = { class: "ui-modal-title" };
|
|
27284
27284
|
const _hoisted_4$r = { key: 0 };
|
|
27285
|
-
const _hoisted_5$
|
|
27285
|
+
const _hoisted_5$n = {
|
|
27286
27286
|
key: 1,
|
|
27287
27287
|
class: "ui-modal-subtitle"
|
|
27288
27288
|
};
|
|
27289
|
-
const _hoisted_6$
|
|
27289
|
+
const _hoisted_6$l = { class: "ui-modal-body-content" };
|
|
27290
27290
|
const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
27291
27291
|
__name: "UiModal",
|
|
27292
27292
|
props: {
|
|
@@ -27463,7 +27463,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
27463
27463
|
openModal
|
|
27464
27464
|
}, () => [
|
|
27465
27465
|
_ctx.$props.title ? (openBlock(), createElementBlock("h2", _hoisted_4$r, toDisplayString(_ctx.$props.title), 1)) : createCommentVNode("", true),
|
|
27466
|
-
_ctx.$props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$
|
|
27466
|
+
_ctx.$props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$n, toDisplayString(_ctx.$props.subtitle), 1)) : createCommentVNode("", true)
|
|
27467
27467
|
], true)
|
|
27468
27468
|
]),
|
|
27469
27469
|
_ctx.showCloseButton ? (openBlock(), createElementBlock("button", {
|
|
@@ -27487,7 +27487,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
27487
27487
|
])
|
|
27488
27488
|
]),
|
|
27489
27489
|
default: withCtx(() => [
|
|
27490
|
-
createElementVNode("div", _hoisted_6$
|
|
27490
|
+
createElementVNode("div", _hoisted_6$l, [
|
|
27491
27491
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
27492
27492
|
])
|
|
27493
27493
|
]),
|
|
@@ -28122,8 +28122,8 @@ const _hoisted_1$y = { class: "ui-color-picker" };
|
|
|
28122
28122
|
const _hoisted_2$t = { class: "ui-color-picker-main" };
|
|
28123
28123
|
const _hoisted_3$r = ["viewBox"];
|
|
28124
28124
|
const _hoisted_4$q = ["d"];
|
|
28125
|
-
const _hoisted_5$
|
|
28126
|
-
const _hoisted_6$
|
|
28125
|
+
const _hoisted_5$m = ["d"];
|
|
28126
|
+
const _hoisted_6$k = ["d"];
|
|
28127
28127
|
const _hoisted_7$k = ["d"];
|
|
28128
28128
|
const _hoisted_8$j = ["d"];
|
|
28129
28129
|
const _hoisted_9$i = ["d"];
|
|
@@ -28136,8 +28136,8 @@ const _hoisted_12$i = { class: "ui-color-picker-contrast-header" };
|
|
|
28136
28136
|
const _hoisted_13$h = { class: "ui-color-picker-contrast-colors" };
|
|
28137
28137
|
const _hoisted_14$h = { class: "ui-color-picker-contrast-color-demo" };
|
|
28138
28138
|
const _hoisted_15$e = { class: "ui-color-picker-contrast-ratio" };
|
|
28139
|
-
const _hoisted_16$
|
|
28140
|
-
const _hoisted_17$
|
|
28139
|
+
const _hoisted_16$d = { class: "ui-color-picker-contrast-levels" };
|
|
28140
|
+
const _hoisted_17$c = { class: "ui-color-picker-contrast-level-value" };
|
|
28141
28141
|
const _hoisted_18$c = { class: "ui-color-picker-contrast-level-value" };
|
|
28142
28142
|
const _hoisted_19$b = { class: "ui-color-picker-contrast-graph" };
|
|
28143
28143
|
const _hoisted_20$9 = {
|
|
@@ -29822,7 +29822,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
29822
29822
|
fill: "url(#redDotsPattern)",
|
|
29823
29823
|
"clip-path": "url(#canvasClip)",
|
|
29824
29824
|
opacity: "0.4"
|
|
29825
|
-
}, null, 8, _hoisted_5$
|
|
29825
|
+
}, null, 8, _hoisted_5$m)) : createCommentVNode("", true),
|
|
29826
29826
|
contrastBoundaryTopCurve.value ? (openBlock(), createElementBlock("path", {
|
|
29827
29827
|
key: 2,
|
|
29828
29828
|
d: contrastBoundaryTopCurve.value,
|
|
@@ -29834,7 +29834,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
29834
29834
|
"stroke-dasharray": "6 8",
|
|
29835
29835
|
"stroke-opacity": "0.5",
|
|
29836
29836
|
"clip-path": "url(#canvasClip)"
|
|
29837
|
-
}, null, 8, _hoisted_6$
|
|
29837
|
+
}, null, 8, _hoisted_6$k)) : createCommentVNode("", true),
|
|
29838
29838
|
contrastBoundaryBottomCurve.value ? (openBlock(), createElementBlock("path", {
|
|
29839
29839
|
key: 3,
|
|
29840
29840
|
d: contrastBoundaryBottomCurve.value,
|
|
@@ -29942,7 +29942,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
29942
29942
|
createElementVNode("div", _hoisted_15$e, toDisplayString(contrastData.value.ratio.toFixed(2)) + ":1 ", 1)
|
|
29943
29943
|
])
|
|
29944
29944
|
]),
|
|
29945
|
-
createElementVNode("div", _hoisted_16$
|
|
29945
|
+
createElementVNode("div", _hoisted_16$d, [
|
|
29946
29946
|
createElementVNode("div", {
|
|
29947
29947
|
class: normalizeClass(["ui-color-picker-contrast-level", {
|
|
29948
29948
|
"ui-color-picker-contrast-level--pass": contrastData.value.normalText !== "FAIL",
|
|
@@ -29953,7 +29953,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
29953
29953
|
createElementVNode("div", { class: "ui-color-picker-contrast-level-line ui-color-picker-contrast-level-line--solid" }),
|
|
29954
29954
|
createElementVNode("span", { class: "ui-color-picker-contrast-level-label" }, "Normal Text")
|
|
29955
29955
|
], -1)),
|
|
29956
|
-
createElementVNode("span", _hoisted_17$
|
|
29956
|
+
createElementVNode("span", _hoisted_17$c, toDisplayString(contrastData.value.normalText), 1)
|
|
29957
29957
|
], 2),
|
|
29958
29958
|
createElementVNode("div", {
|
|
29959
29959
|
class: normalizeClass(["ui-color-picker-contrast-level", {
|
|
@@ -30720,8 +30720,8 @@ const _hoisted_2$r = {
|
|
|
30720
30720
|
};
|
|
30721
30721
|
const _hoisted_3$q = ["onDragenter", "onDrop"];
|
|
30722
30722
|
const _hoisted_4$p = { class: "ui-table-header-content" };
|
|
30723
|
-
const _hoisted_5$
|
|
30724
|
-
const _hoisted_6$
|
|
30723
|
+
const _hoisted_5$l = ["onClick"];
|
|
30724
|
+
const _hoisted_6$j = ["onDragstart"];
|
|
30725
30725
|
const _hoisted_7$j = {
|
|
30726
30726
|
key: 1,
|
|
30727
30727
|
class: "ui-table-sort-icon"
|
|
@@ -30737,8 +30737,8 @@ const _hoisted_12$h = { class: "ui-table-body" };
|
|
|
30737
30737
|
const _hoisted_13$g = { class: "ui-table-group-content" };
|
|
30738
30738
|
const _hoisted_14$g = { class: "ui-table-group-name" };
|
|
30739
30739
|
const _hoisted_15$d = { class: "ui-table-group-count" };
|
|
30740
|
-
const _hoisted_16$
|
|
30741
|
-
const _hoisted_17$
|
|
30740
|
+
const _hoisted_16$c = ["onClick"];
|
|
30741
|
+
const _hoisted_17$b = ["onClick"];
|
|
30742
30742
|
const _hoisted_18$b = { key: 1 };
|
|
30743
30743
|
const _hoisted_19$a = { class: "ui-table-subrow-content" };
|
|
30744
30744
|
const _hoisted_20$8 = { class: "ui-table-subrow-default" };
|
|
@@ -31124,7 +31124,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
31124
31124
|
onDragend: handleDragEnd
|
|
31125
31125
|
}, [
|
|
31126
31126
|
createVNode(unref(GripVertical), { size: 14 })
|
|
31127
|
-
], 40, _hoisted_6$
|
|
31127
|
+
], 40, _hoisted_6$j)) : createCommentVNode("", true),
|
|
31128
31128
|
createElementVNode("span", null, toDisplayString(column.label), 1),
|
|
31129
31129
|
column.sortable ? (openBlock(), createElementBlock("span", _hoisted_7$j, [
|
|
31130
31130
|
sortKey.value === column.key && sortOrder.value === "asc" ? (openBlock(), createBlock(unref(ChevronUp), {
|
|
@@ -31138,7 +31138,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
31138
31138
|
size: 16
|
|
31139
31139
|
}))
|
|
31140
31140
|
])) : createCommentVNode("", true)
|
|
31141
|
-
], 8, _hoisted_5$
|
|
31141
|
+
], 8, _hoisted_5$l),
|
|
31142
31142
|
createElementVNode("div", _hoisted_8$i, [
|
|
31143
31143
|
_ctx.filterable || column.filterable ? (openBlock(), createElementBlock("button", {
|
|
31144
31144
|
key: 0,
|
|
@@ -31268,9 +31268,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
31268
31268
|
} : void 0
|
|
31269
31269
|
]), 1032, ["modelValue", "type", "options", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_18$b, toDisplayString(getCellValue(row, column.key, column)), 1))
|
|
31270
31270
|
], true)
|
|
31271
|
-
], 14, _hoisted_17$
|
|
31271
|
+
], 14, _hoisted_17$b);
|
|
31272
31272
|
}), 128))
|
|
31273
|
-
], 10, _hoisted_16$
|
|
31273
|
+
], 10, _hoisted_16$c)),
|
|
31274
31274
|
expandedRows.value.has(rowIndex) ? (openBlock(), createElementBlock("div", {
|
|
31275
31275
|
key: 2,
|
|
31276
31276
|
class: "ui-table-subrow",
|
|
@@ -31338,11 +31338,11 @@ const _hoisted_4$o = {
|
|
|
31338
31338
|
key: 1,
|
|
31339
31339
|
class: "ui-hero-description"
|
|
31340
31340
|
};
|
|
31341
|
-
const _hoisted_5$
|
|
31341
|
+
const _hoisted_5$k = {
|
|
31342
31342
|
key: 1,
|
|
31343
31343
|
class: "ui-hero-navigation"
|
|
31344
31344
|
};
|
|
31345
|
-
const _hoisted_6$
|
|
31345
|
+
const _hoisted_6$i = {
|
|
31346
31346
|
key: 2,
|
|
31347
31347
|
class: "ui-hero-body"
|
|
31348
31348
|
};
|
|
@@ -31436,10 +31436,10 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
31436
31436
|
_ctx.description ? (openBlock(), createElementBlock("p", _hoisted_4$o, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
|
|
31437
31437
|
], true)
|
|
31438
31438
|
])) : createCommentVNode("", true),
|
|
31439
|
-
hasNavigationSlot.value ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
31439
|
+
hasNavigationSlot.value ? (openBlock(), createElementBlock("div", _hoisted_5$k, [
|
|
31440
31440
|
renderSlot(_ctx.$slots, "navigation", {}, void 0, true)
|
|
31441
31441
|
])) : createCommentVNode("", true),
|
|
31442
|
-
hasDefaultSlot.value ? (openBlock(), createElementBlock("div", _hoisted_6$
|
|
31442
|
+
hasDefaultSlot.value ? (openBlock(), createElementBlock("div", _hoisted_6$i, [
|
|
31443
31443
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
31444
31444
|
])) : createCommentVNode("", true)
|
|
31445
31445
|
]),
|
|
@@ -31639,18 +31639,16 @@ function useTheme(fallbackTheme = "auto") {
|
|
|
31639
31639
|
themeClass
|
|
31640
31640
|
};
|
|
31641
31641
|
}
|
|
31642
|
-
const _hoisted_1$t = {
|
|
31643
|
-
const _hoisted_2$p = { class: "ui-theme-toggle" };
|
|
31644
|
-
const _hoisted_3$o = {
|
|
31642
|
+
const _hoisted_1$t = {
|
|
31645
31643
|
key: 1,
|
|
31646
31644
|
class: "ui-theme-toggle-dropdown"
|
|
31647
31645
|
};
|
|
31648
|
-
const
|
|
31649
|
-
const
|
|
31646
|
+
const _hoisted_2$p = ["disabled", "onClick"];
|
|
31647
|
+
const _hoisted_3$o = {
|
|
31650
31648
|
key: 0,
|
|
31651
31649
|
class: "ui-theme-toggle-option-indicator"
|
|
31652
31650
|
};
|
|
31653
|
-
const
|
|
31651
|
+
const _hoisted_4$n = {
|
|
31654
31652
|
key: 2,
|
|
31655
31653
|
class: "ui-theme-toggle-segmented",
|
|
31656
31654
|
role: "group",
|
|
@@ -31660,7 +31658,9 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
31660
31658
|
__name: "UiThemeToggle",
|
|
31661
31659
|
props: {
|
|
31662
31660
|
variant: { default: "button" },
|
|
31663
|
-
size: { default: "md" }
|
|
31661
|
+
size: { default: "md" },
|
|
31662
|
+
fullWidth: { type: Boolean, default: false },
|
|
31663
|
+
includeLabel: { type: Boolean, default: false }
|
|
31664
31664
|
},
|
|
31665
31665
|
setup(__props) {
|
|
31666
31666
|
const props = __props;
|
|
@@ -31706,98 +31706,131 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
31706
31706
|
document.removeEventListener("click", handleClickOutside);
|
|
31707
31707
|
});
|
|
31708
31708
|
return (_ctx, _cache) => {
|
|
31709
|
-
return openBlock(), createElementBlock("div",
|
|
31710
|
-
|
|
31711
|
-
|
|
31712
|
-
|
|
31713
|
-
|
|
31709
|
+
return openBlock(), createElementBlock("div", {
|
|
31710
|
+
class: normalizeClass(["ui-theme-toggle", { "ui-theme-toggle--full-width": _ctx.fullWidth }])
|
|
31711
|
+
}, [
|
|
31712
|
+
_ctx.variant === "button" ? (openBlock(), createBlock(StrandsUiButton, {
|
|
31713
|
+
key: 0,
|
|
31714
|
+
icon: !_ctx.includeLabel,
|
|
31715
|
+
squircle: true,
|
|
31716
|
+
variant: "ghost",
|
|
31717
|
+
size: _ctx.size,
|
|
31718
|
+
disabled: isDisabled.value,
|
|
31719
|
+
onClick: _cache[0] || (_cache[0] = ($event) => isDisabled.value ? null : toggleTheme),
|
|
31720
|
+
title: isDisabled.value ? "Theme is locked by app settings" : `Switch to ${nextThemeLabel.value.toLowerCase()} theme`,
|
|
31721
|
+
class: normalizeClass(["ui-theme-toggle-button", { "ui-theme-toggle--disabled": isDisabled.value }])
|
|
31722
|
+
}, createSlots({
|
|
31723
|
+
default: withCtx(() => [
|
|
31724
|
+
_ctx.includeLabel ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
|
|
31725
|
+
createTextVNode(toDisplayString(unref(themeLabel)) + toDisplayString(isDisabled.value ? " (Locked)" : ""), 1)
|
|
31726
|
+
], 64)) : createCommentVNode("", true)
|
|
31727
|
+
]),
|
|
31728
|
+
_: 2
|
|
31729
|
+
}, [
|
|
31730
|
+
_ctx.includeLabel ? {
|
|
31731
|
+
name: "leading-icon",
|
|
31732
|
+
fn: withCtx(() => [
|
|
31733
|
+
(openBlock(), createBlock(resolveDynamicComponent(getIconComponent(currentIcon.value))))
|
|
31734
|
+
]),
|
|
31735
|
+
key: "0"
|
|
31736
|
+
} : {
|
|
31737
|
+
name: "icon",
|
|
31738
|
+
fn: withCtx(() => [
|
|
31739
|
+
(openBlock(), createBlock(resolveDynamicComponent(getIconComponent(currentIcon.value))))
|
|
31740
|
+
]),
|
|
31741
|
+
key: "1"
|
|
31742
|
+
}
|
|
31743
|
+
]), 1032, ["icon", "size", "disabled", "title", "class"])) : _ctx.variant === "dropdown" ? (openBlock(), createElementBlock("div", _hoisted_1$t, [
|
|
31744
|
+
createVNode(StrandsUiButton, {
|
|
31714
31745
|
squircle: true,
|
|
31715
31746
|
variant: "ghost",
|
|
31716
31747
|
size: _ctx.size,
|
|
31717
31748
|
disabled: isDisabled.value,
|
|
31718
|
-
onClick: _cache[
|
|
31719
|
-
|
|
31720
|
-
|
|
31749
|
+
onClick: _cache[1] || (_cache[1] = ($event) => isDisabled.value ? null : showDropdown.value = !showDropdown.value),
|
|
31750
|
+
class: normalizeClass(["ui-theme-toggle-trigger", { "ui-theme-toggle--disabled": isDisabled.value }]),
|
|
31751
|
+
title: isDisabled.value ? "Theme is locked by app settings" : void 0
|
|
31721
31752
|
}, {
|
|
31722
|
-
icon: withCtx(() => [
|
|
31753
|
+
"leading-icon": withCtx(() => [
|
|
31723
31754
|
(openBlock(), createBlock(resolveDynamicComponent(getIconComponent(currentIcon.value))))
|
|
31724
31755
|
]),
|
|
31756
|
+
"trailing-icon": withCtx(() => [
|
|
31757
|
+
(openBlock(), createBlock(resolveDynamicComponent(getIconComponent(showDropdown.value ? "chevron-up" : "chevron-down"))))
|
|
31758
|
+
]),
|
|
31759
|
+
default: withCtx(() => [
|
|
31760
|
+
createTextVNode(" " + toDisplayString(unref(themeLabel)) + toDisplayString(isDisabled.value ? " (Locked)" : "") + " ", 1)
|
|
31761
|
+
]),
|
|
31725
31762
|
_: 1
|
|
31726
|
-
}, 8, ["size", "disabled", "
|
|
31727
|
-
|
|
31728
|
-
|
|
31729
|
-
|
|
31763
|
+
}, 8, ["size", "disabled", "class", "title"]),
|
|
31764
|
+
showDropdown.value ? (openBlock(), createElementBlock("div", {
|
|
31765
|
+
key: 0,
|
|
31766
|
+
class: "ui-theme-toggle-menu",
|
|
31767
|
+
onClick: _cache[2] || (_cache[2] = ($event) => showDropdown.value = false)
|
|
31768
|
+
}, [
|
|
31769
|
+
(openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(themeOptions), (option) => {
|
|
31770
|
+
return openBlock(), createElementBlock("button", {
|
|
31771
|
+
key: option.value,
|
|
31772
|
+
class: normalizeClass([
|
|
31773
|
+
"ui-theme-toggle-option",
|
|
31774
|
+
{
|
|
31775
|
+
"ui-theme-toggle-option--active": unref(currentTheme2) === option.value,
|
|
31776
|
+
"ui-theme-toggle-option--disabled": isDisabled.value
|
|
31777
|
+
}
|
|
31778
|
+
]),
|
|
31779
|
+
disabled: isDisabled.value,
|
|
31780
|
+
onClick: ($event) => isDisabled.value ? null : unref(setTheme)(option.value)
|
|
31781
|
+
}, [
|
|
31782
|
+
(openBlock(), createBlock(resolveDynamicComponent(getIconComponent(option.icon)), { class: "ui-theme-toggle-option-icon" })),
|
|
31783
|
+
createElementVNode("span", null, toDisplayString(option.label), 1),
|
|
31784
|
+
unref(currentTheme2) === option.value ? (openBlock(), createElementBlock("div", _hoisted_3$o)) : createCommentVNode("", true)
|
|
31785
|
+
], 10, _hoisted_2$p);
|
|
31786
|
+
}), 128))
|
|
31787
|
+
])) : createCommentVNode("", true)
|
|
31788
|
+
])) : _ctx.variant === "segmented" ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
|
|
31789
|
+
(openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(themeOptions), (option) => {
|
|
31790
|
+
return openBlock(), createBlock(StrandsUiButton, {
|
|
31791
|
+
key: option.value,
|
|
31792
|
+
variant: unref(currentTheme2) === option.value ? "primary" : "ghost",
|
|
31730
31793
|
size: _ctx.size,
|
|
31731
|
-
|
|
31732
|
-
|
|
31733
|
-
|
|
31734
|
-
|
|
31735
|
-
|
|
31736
|
-
|
|
31737
|
-
(openBlock(), createBlock(resolveDynamicComponent(getIconComponent(currentIcon.value))))
|
|
31738
|
-
]),
|
|
31739
|
-
"trailing-icon": withCtx(() => [
|
|
31740
|
-
(openBlock(), createBlock(resolveDynamicComponent(getIconComponent(showDropdown.value ? "chevron-up" : "chevron-down"))))
|
|
31794
|
+
squircle: "",
|
|
31795
|
+
icon: !_ctx.includeLabel,
|
|
31796
|
+
"full-width": "",
|
|
31797
|
+
class: normalizeClass([
|
|
31798
|
+
"ui-theme-toggle-segment",
|
|
31799
|
+
{ "ui-theme-toggle-segment--active": unref(currentTheme2) === option.value }
|
|
31741
31800
|
]),
|
|
31801
|
+
"aria-pressed": unref(currentTheme2) === option.value,
|
|
31802
|
+
"aria-label": `${option.label} theme`,
|
|
31803
|
+
onClick: ($event) => unref(setTheme)(option.value),
|
|
31804
|
+
title: `Switch to ${option.label.toLowerCase()} theme`
|
|
31805
|
+
}, createSlots({
|
|
31742
31806
|
default: withCtx(() => [
|
|
31743
|
-
|
|
31807
|
+
_ctx.includeLabel ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
|
|
31808
|
+
createTextVNode(toDisplayString(option.label), 1)
|
|
31809
|
+
], 64)) : createCommentVNode("", true)
|
|
31744
31810
|
]),
|
|
31745
|
-
_:
|
|
31746
|
-
}, 8, ["size", "disabled", "class", "title"]),
|
|
31747
|
-
showDropdown.value ? (openBlock(), createElementBlock("div", {
|
|
31748
|
-
key: 0,
|
|
31749
|
-
class: "ui-theme-toggle-menu",
|
|
31750
|
-
onClick: _cache[2] || (_cache[2] = ($event) => showDropdown.value = false)
|
|
31811
|
+
_: 2
|
|
31751
31812
|
}, [
|
|
31752
|
-
|
|
31753
|
-
|
|
31754
|
-
|
|
31755
|
-
|
|
31756
|
-
"ui-theme-toggle-option",
|
|
31757
|
-
{
|
|
31758
|
-
"ui-theme-toggle-option--active": unref(currentTheme2) === option.value,
|
|
31759
|
-
"ui-theme-toggle-option--disabled": isDisabled.value
|
|
31760
|
-
}
|
|
31761
|
-
]),
|
|
31762
|
-
disabled: isDisabled.value,
|
|
31763
|
-
onClick: ($event) => isDisabled.value ? null : unref(setTheme)(option.value)
|
|
31764
|
-
}, [
|
|
31765
|
-
(openBlock(), createBlock(resolveDynamicComponent(getIconComponent(option.icon)), { class: "ui-theme-toggle-option-icon" })),
|
|
31766
|
-
createElementVNode("span", null, toDisplayString(option.label), 1),
|
|
31767
|
-
unref(currentTheme2) === option.value ? (openBlock(), createElementBlock("div", _hoisted_5$k)) : createCommentVNode("", true)
|
|
31768
|
-
], 10, _hoisted_4$n);
|
|
31769
|
-
}), 128))
|
|
31770
|
-
])) : createCommentVNode("", true)
|
|
31771
|
-
])) : _ctx.variant === "segmented" ? (openBlock(), createElementBlock("div", _hoisted_6$i, [
|
|
31772
|
-
(openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(themeOptions), (option) => {
|
|
31773
|
-
return openBlock(), createBlock(StrandsUiButton, {
|
|
31774
|
-
key: option.value,
|
|
31775
|
-
variant: unref(currentTheme2) === option.value ? "primary" : "ghost",
|
|
31776
|
-
icon: true,
|
|
31777
|
-
squircle: true,
|
|
31778
|
-
size: _ctx.size,
|
|
31779
|
-
class: normalizeClass([
|
|
31780
|
-
"ui-theme-toggle-segment",
|
|
31781
|
-
{ "ui-theme-toggle-segment--active": unref(currentTheme2) === option.value }
|
|
31813
|
+
_ctx.includeLabel ? {
|
|
31814
|
+
name: "leading-icon",
|
|
31815
|
+
fn: withCtx(() => [
|
|
31816
|
+
(openBlock(), createBlock(resolveDynamicComponent(getIconComponent(option.icon))))
|
|
31782
31817
|
]),
|
|
31783
|
-
"
|
|
31784
|
-
|
|
31785
|
-
|
|
31786
|
-
|
|
31787
|
-
}, {
|
|
31788
|
-
icon: withCtx(() => [
|
|
31818
|
+
key: "0"
|
|
31819
|
+
} : {
|
|
31820
|
+
name: "icon",
|
|
31821
|
+
fn: withCtx(() => [
|
|
31789
31822
|
(openBlock(), createBlock(resolveDynamicComponent(getIconComponent(option.icon))))
|
|
31790
31823
|
]),
|
|
31791
|
-
|
|
31792
|
-
}
|
|
31793
|
-
|
|
31794
|
-
|
|
31795
|
-
])
|
|
31796
|
-
]);
|
|
31824
|
+
key: "1"
|
|
31825
|
+
}
|
|
31826
|
+
]), 1032, ["variant", "size", "icon", "class", "aria-pressed", "aria-label", "onClick", "title"]);
|
|
31827
|
+
}), 128))
|
|
31828
|
+
])) : createCommentVNode("", true)
|
|
31829
|
+
], 2);
|
|
31797
31830
|
};
|
|
31798
31831
|
}
|
|
31799
31832
|
});
|
|
31800
|
-
const UiThemeToggle = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-
|
|
31833
|
+
const UiThemeToggle = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-9feda151"]]);
|
|
31801
31834
|
const _hoisted_1$s = {
|
|
31802
31835
|
key: 0,
|
|
31803
31836
|
class: "slider-header"
|
|
@@ -32205,13 +32238,13 @@ const _hoisted_13$e = {
|
|
|
32205
32238
|
};
|
|
32206
32239
|
const _hoisted_14$e = ["id", "checked", "indeterminate"];
|
|
32207
32240
|
const _hoisted_15$c = { class: "checkbox-button" };
|
|
32208
|
-
const _hoisted_16$
|
|
32241
|
+
const _hoisted_16$b = {
|
|
32209
32242
|
key: 0,
|
|
32210
32243
|
class: "checkbox-check",
|
|
32211
32244
|
viewBox: "0 0 20 20",
|
|
32212
32245
|
fill: "currentColor"
|
|
32213
32246
|
};
|
|
32214
|
-
const _hoisted_17$
|
|
32247
|
+
const _hoisted_17$a = {
|
|
32215
32248
|
key: 1,
|
|
32216
32249
|
class: "checkbox-indeterminate",
|
|
32217
32250
|
viewBox: "0 0 20 20",
|
|
@@ -32403,13 +32436,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
32403
32436
|
onChange: handleSelectAll
|
|
32404
32437
|
}, null, 40, _hoisted_14$e),
|
|
32405
32438
|
createElementVNode("div", _hoisted_15$c, [
|
|
32406
|
-
isAllSelected.value ? (openBlock(), createElementBlock("svg", _hoisted_16$
|
|
32439
|
+
isAllSelected.value ? (openBlock(), createElementBlock("svg", _hoisted_16$b, [..._cache[2] || (_cache[2] = [
|
|
32407
32440
|
createElementVNode("path", {
|
|
32408
32441
|
"fill-rule": "evenodd",
|
|
32409
32442
|
d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
|
|
32410
32443
|
"clip-rule": "evenodd"
|
|
32411
32444
|
}, null, -1)
|
|
32412
|
-
])])) : isSomeSelected.value ? (openBlock(), createElementBlock("svg", _hoisted_17$
|
|
32445
|
+
])])) : isSomeSelected.value ? (openBlock(), createElementBlock("svg", _hoisted_17$a, [..._cache[3] || (_cache[3] = [
|
|
32413
32446
|
createElementVNode("path", {
|
|
32414
32447
|
"fill-rule": "evenodd",
|
|
32415
32448
|
d: "M4 10a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1z",
|
|
@@ -32809,8 +32842,8 @@ const _hoisted_13$d = {
|
|
|
32809
32842
|
};
|
|
32810
32843
|
const _hoisted_14$d = { class: "mfa-single-method-content" };
|
|
32811
32844
|
const _hoisted_15$b = { class: "mfa-single-method-name" };
|
|
32812
|
-
const _hoisted_16$
|
|
32813
|
-
const _hoisted_17$
|
|
32845
|
+
const _hoisted_16$a = { class: "mfa-single-method-type" };
|
|
32846
|
+
const _hoisted_17$9 = {
|
|
32814
32847
|
key: 2,
|
|
32815
32848
|
class: "mfa-email-request"
|
|
32816
32849
|
};
|
|
@@ -33298,11 +33331,11 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
33298
33331
|
})),
|
|
33299
33332
|
createElementVNode("div", null, [
|
|
33300
33333
|
createElementVNode("h3", _hoisted_15$b, toDisplayString(selectedMethod.value.device_name), 1),
|
|
33301
|
-
createElementVNode("p", _hoisted_16$
|
|
33334
|
+
createElementVNode("p", _hoisted_16$a, toDisplayString(unref(getDeviceTypeName)(selectedMethod.value.device_type)), 1)
|
|
33302
33335
|
])
|
|
33303
33336
|
])
|
|
33304
33337
|
])) : createCommentVNode("", true),
|
|
33305
|
-
selectedMethod.value?.device_type === "email" && !emailCodeSent.value ? (openBlock(), createElementBlock("div", _hoisted_17$
|
|
33338
|
+
selectedMethod.value?.device_type === "email" && !emailCodeSent.value ? (openBlock(), createElementBlock("div", _hoisted_17$9, [
|
|
33306
33339
|
_cache[10] || (_cache[10] = createElementVNode("p", { class: "mfa-email-request-text" }, "Click below to receive your verification code", -1)),
|
|
33307
33340
|
createVNode(unref(CompoundUiButton), {
|
|
33308
33341
|
variant: "primary",
|
|
@@ -33794,8 +33827,8 @@ const _hoisted_14$c = {
|
|
|
33794
33827
|
class: "auth-oauth-generic-icon"
|
|
33795
33828
|
};
|
|
33796
33829
|
const _hoisted_15$a = { class: "auth-oauth-generic-text" };
|
|
33797
|
-
const _hoisted_16$
|
|
33798
|
-
const _hoisted_17$
|
|
33830
|
+
const _hoisted_16$9 = { class: "auth-oauth-text" };
|
|
33831
|
+
const _hoisted_17$8 = {
|
|
33799
33832
|
key: 0,
|
|
33800
33833
|
class: "auth-divider"
|
|
33801
33834
|
};
|
|
@@ -34180,7 +34213,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
34180
34213
|
createElementVNode("span", _hoisted_15$a, toDisplayString((provider.displayName || provider.name).charAt(0).toUpperCase()), 1)
|
|
34181
34214
|
]))
|
|
34182
34215
|
]),
|
|
34183
|
-
createElementVNode("span", _hoisted_16$
|
|
34216
|
+
createElementVNode("span", _hoisted_16$9, " Continue with " + toDisplayString(provider.displayName || provider.name.charAt(0).toUpperCase() + provider.name.slice(1)), 1)
|
|
34184
34217
|
]),
|
|
34185
34218
|
_: 2
|
|
34186
34219
|
}, 1032, ["disabled", "onClick"]);
|
|
@@ -34198,7 +34231,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
34198
34231
|
onAfterLeave
|
|
34199
34232
|
}, {
|
|
34200
34233
|
default: withCtx(() => [
|
|
34201
|
-
!isPasswordReset.value && displayProviders.value?.length ? (openBlock(), createElementBlock("div", _hoisted_17$
|
|
34234
|
+
!isPasswordReset.value && displayProviders.value?.length ? (openBlock(), createElementBlock("div", _hoisted_17$8, [
|
|
34202
34235
|
createElementVNode("span", _hoisted_18$8, "Or " + toDisplayString(isSignUp.value ? "create account" : "sign in") + " with email", 1)
|
|
34203
34236
|
])) : createCommentVNode("", true)
|
|
34204
34237
|
]),
|
|
@@ -34447,8 +34480,8 @@ const _hoisted_13$b = {
|
|
|
34447
34480
|
};
|
|
34448
34481
|
const _hoisted_14$b = { class: "accui-form-group" };
|
|
34449
34482
|
const _hoisted_15$9 = { class: "accui-input-wrapper" };
|
|
34450
|
-
const _hoisted_16$
|
|
34451
|
-
const _hoisted_17$
|
|
34483
|
+
const _hoisted_16$8 = { class: "accui-form-group" };
|
|
34484
|
+
const _hoisted_17$7 = { class: "accui-input-wrapper" };
|
|
34452
34485
|
const _hoisted_18$7 = { class: "accui-auth-links" };
|
|
34453
34486
|
const _hoisted_19$6 = { class: "accui-auth-link-text" };
|
|
34454
34487
|
const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
@@ -34618,9 +34651,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
34618
34651
|
])
|
|
34619
34652
|
])
|
|
34620
34653
|
]),
|
|
34621
|
-
createElementVNode("div", _hoisted_16$
|
|
34654
|
+
createElementVNode("div", _hoisted_16$8, [
|
|
34622
34655
|
_cache[11] || (_cache[11] = createElementVNode("label", { class: "accui-form-label" }, "Password", -1)),
|
|
34623
|
-
createElementVNode("div", _hoisted_17$
|
|
34656
|
+
createElementVNode("div", _hoisted_17$7, [
|
|
34624
34657
|
_cache[10] || (_cache[10] = createElementVNode("svg", {
|
|
34625
34658
|
class: "accui-input-icon",
|
|
34626
34659
|
viewBox: "0 0 20 20",
|
|
@@ -34737,8 +34770,8 @@ const _hoisted_15$8 = {
|
|
|
34737
34770
|
key: 0,
|
|
34738
34771
|
class: "oauth-icon"
|
|
34739
34772
|
};
|
|
34740
|
-
const _hoisted_16$
|
|
34741
|
-
const _hoisted_17$
|
|
34773
|
+
const _hoisted_16$7 = ["src", "alt"];
|
|
34774
|
+
const _hoisted_17$6 = {
|
|
34742
34775
|
key: 1,
|
|
34743
34776
|
viewBox: "0 0 24 24",
|
|
34744
34777
|
class: "oauth-icon"
|
|
@@ -34951,8 +34984,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
34951
34984
|
class: "oauth-icon-image",
|
|
34952
34985
|
width: "20",
|
|
34953
34986
|
height: "20"
|
|
34954
|
-
}, null, 8, _hoisted_16$
|
|
34955
|
-
])) : provider.id === "google" ? (openBlock(), createElementBlock("svg", _hoisted_17$
|
|
34987
|
+
}, null, 8, _hoisted_16$7)
|
|
34988
|
+
])) : provider.id === "google" ? (openBlock(), createElementBlock("svg", _hoisted_17$6, [..._cache[6] || (_cache[6] = [
|
|
34956
34989
|
createElementVNode("path", {
|
|
34957
34990
|
fill: "#4285F4",
|
|
34958
34991
|
d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
|
|
@@ -35459,8 +35492,8 @@ const _hoisted_14$8 = {
|
|
|
35459
35492
|
class: "totp-setup-step"
|
|
35460
35493
|
};
|
|
35461
35494
|
const _hoisted_15$7 = { class: "totp-setup-backup-codes" };
|
|
35462
|
-
const _hoisted_16$
|
|
35463
|
-
const _hoisted_17$
|
|
35495
|
+
const _hoisted_16$6 = { class: "totp-setup-backup-grid-wrapper" };
|
|
35496
|
+
const _hoisted_17$5 = { class: "totp-setup-backup-grid" };
|
|
35464
35497
|
const _hoisted_18$5 = { class: "totp-setup-backup-actions" };
|
|
35465
35498
|
const _hoisted_19$4 = { class: "totp-setup-final-actions" };
|
|
35466
35499
|
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
@@ -35745,8 +35778,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
35745
35778
|
createElementVNode("p", { class: "totp-setup-backup-header-description" }, " Store these codes in a safe place. Each code can only be used once. ")
|
|
35746
35779
|
])
|
|
35747
35780
|
], -1)),
|
|
35748
|
-
createElementVNode("div", _hoisted_16$
|
|
35749
|
-
createElementVNode("div", _hoisted_17$
|
|
35781
|
+
createElementVNode("div", _hoisted_16$6, [
|
|
35782
|
+
createElementVNode("div", _hoisted_17$5, [
|
|
35750
35783
|
(openBlock(true), createElementBlock(Fragment$1, null, renderList(totpSetupData.value?.backup_codes, (code, index) => {
|
|
35751
35784
|
return openBlock(), createElementBlock("div", {
|
|
35752
35785
|
key: index,
|
|
@@ -36136,8 +36169,8 @@ const _hoisted_12$7 = {
|
|
|
36136
36169
|
const _hoisted_13$7 = { class: "hardware-key-setup-backup-codes" };
|
|
36137
36170
|
const _hoisted_14$7 = { class: "hardware-key-setup-codes-container" };
|
|
36138
36171
|
const _hoisted_15$6 = { class: "hardware-key-setup-codes-grid" };
|
|
36139
|
-
const _hoisted_16$
|
|
36140
|
-
const _hoisted_17$
|
|
36172
|
+
const _hoisted_16$5 = { class: "hardware-key-setup-copy-action" };
|
|
36173
|
+
const _hoisted_17$4 = { class: "hardware-key-setup-final-action" };
|
|
36141
36174
|
const _hoisted_18$4 = {
|
|
36142
36175
|
key: 4,
|
|
36143
36176
|
class: "hardware-key-setup-step"
|
|
@@ -36598,7 +36631,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
36598
36631
|
}), 128))
|
|
36599
36632
|
])
|
|
36600
36633
|
]),
|
|
36601
|
-
createElementVNode("div", _hoisted_16$
|
|
36634
|
+
createElementVNode("div", _hoisted_16$5, [
|
|
36602
36635
|
createVNode(unref(CompoundUiButton), {
|
|
36603
36636
|
variant: "secondary",
|
|
36604
36637
|
size: "sm",
|
|
@@ -36611,7 +36644,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
36611
36644
|
})
|
|
36612
36645
|
])
|
|
36613
36646
|
]),
|
|
36614
|
-
createElementVNode("div", _hoisted_17$
|
|
36647
|
+
createElementVNode("div", _hoisted_17$4, [
|
|
36615
36648
|
createVNode(unref(CompoundUiButton), {
|
|
36616
36649
|
variant: "primary",
|
|
36617
36650
|
onClick: finish
|
|
@@ -36698,7 +36731,7 @@ const _hoisted_14$6 = {
|
|
|
36698
36731
|
class: "backup-codes-regenerate-warning"
|
|
36699
36732
|
};
|
|
36700
36733
|
const _hoisted_15$5 = { class: "backup-codes-regenerate-content" };
|
|
36701
|
-
const _hoisted_16$
|
|
36734
|
+
const _hoisted_16$4 = { class: "backup-codes-regenerate-actions" };
|
|
36702
36735
|
const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
36703
36736
|
__name: "StrandsBackupCodesModal",
|
|
36704
36737
|
props: {
|
|
@@ -36909,7 +36942,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
36909
36942
|
createElementVNode("div", null, [
|
|
36910
36943
|
_cache[11] || (_cache[11] = createElementVNode("p", { class: "backup-codes-regenerate-title" }, "Regenerate Backup Codes?", -1)),
|
|
36911
36944
|
_cache[12] || (_cache[12] = createElementVNode("p", { class: "backup-codes-regenerate-description" }, " This will invalidate all current backup codes. Make sure to save the new ones. ", -1)),
|
|
36912
|
-
createElementVNode("div", _hoisted_16$
|
|
36945
|
+
createElementVNode("div", _hoisted_16$4, [
|
|
36913
36946
|
createVNode(unref(CompoundUiButton), {
|
|
36914
36947
|
variant: "primary",
|
|
36915
36948
|
size: "sm",
|
|
@@ -37052,8 +37085,8 @@ const _hoisted_12$5 = { class: "mfa-device-option" };
|
|
|
37052
37085
|
const _hoisted_13$5 = { class: "mfa-device-option-content" };
|
|
37053
37086
|
const _hoisted_14$5 = { class: "mfa-device-option-icon" };
|
|
37054
37087
|
const _hoisted_15$4 = { class: "mfa-device-option" };
|
|
37055
|
-
const _hoisted_16$
|
|
37056
|
-
const _hoisted_17$
|
|
37088
|
+
const _hoisted_16$3 = { class: "mfa-device-option-content" };
|
|
37089
|
+
const _hoisted_17$3 = { class: "mfa-device-option-icon" };
|
|
37057
37090
|
const _hoisted_18$3 = { class: "mfa-device-option" };
|
|
37058
37091
|
const _hoisted_19$2 = { class: "mfa-device-option-content" };
|
|
37059
37092
|
const _hoisted_20$2 = { class: "mfa-device-option-icon" };
|
|
@@ -37326,8 +37359,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
37326
37359
|
})
|
|
37327
37360
|
]),
|
|
37328
37361
|
createElementVNode("div", _hoisted_15$4, [
|
|
37329
|
-
createElementVNode("div", _hoisted_16$
|
|
37330
|
-
createElementVNode("div", _hoisted_17$
|
|
37362
|
+
createElementVNode("div", _hoisted_16$3, [
|
|
37363
|
+
createElementVNode("div", _hoisted_17$3, [
|
|
37331
37364
|
createVNode(Mail, { size: 24 })
|
|
37332
37365
|
]),
|
|
37333
37366
|
_cache[16] || (_cache[16] = createElementVNode("div", { class: "mfa-device-option-info" }, [
|
|
@@ -37795,11 +37828,11 @@ const _hoisted_12$3 = { class: "sessions-list" };
|
|
|
37795
37828
|
const _hoisted_13$3 = { class: "session-header" };
|
|
37796
37829
|
const _hoisted_14$3 = { class: "session-device-info" };
|
|
37797
37830
|
const _hoisted_15$3 = { class: "session-device-name" };
|
|
37798
|
-
const _hoisted_16$
|
|
37831
|
+
const _hoisted_16$2 = {
|
|
37799
37832
|
key: 0,
|
|
37800
37833
|
class: "session-current-badge"
|
|
37801
37834
|
};
|
|
37802
|
-
const _hoisted_17$
|
|
37835
|
+
const _hoisted_17$2 = { class: "session-location" };
|
|
37803
37836
|
const _hoisted_18$2 = {
|
|
37804
37837
|
key: 0,
|
|
37805
37838
|
class: "session-actions"
|
|
@@ -38075,9 +38108,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
38075
38108
|
createElementVNode("div", _hoisted_14$3, [
|
|
38076
38109
|
createElementVNode("h4", _hoisted_15$3, [
|
|
38077
38110
|
createTextVNode(toDisplayString(getDeviceName(session)) + " ", 1),
|
|
38078
|
-
session.is_current ? (openBlock(), createElementBlock("span", _hoisted_16$
|
|
38111
|
+
session.is_current ? (openBlock(), createElementBlock("span", _hoisted_16$2, " Current ")) : createCommentVNode("", true)
|
|
38079
38112
|
]),
|
|
38080
|
-
createElementVNode("div", _hoisted_17$
|
|
38113
|
+
createElementVNode("div", _hoisted_17$2, [
|
|
38081
38114
|
createVNode(MapPin, { size: 14 }),
|
|
38082
38115
|
createElementVNode("span", null, toDisplayString(getLocationString(session)), 1)
|
|
38083
38116
|
])
|
|
@@ -38177,11 +38210,11 @@ const _hoisted_12$2 = { class: "profile-section" };
|
|
|
38177
38210
|
const _hoisted_13$2 = { class: "profile-setting-card" };
|
|
38178
38211
|
const _hoisted_14$2 = { class: "profile-setting-header" };
|
|
38179
38212
|
const _hoisted_15$2 = { class: "profile-setting-subtitle" };
|
|
38180
|
-
const _hoisted_16$
|
|
38213
|
+
const _hoisted_16$1 = {
|
|
38181
38214
|
key: 0,
|
|
38182
38215
|
class: "profile-change-form"
|
|
38183
38216
|
};
|
|
38184
|
-
const _hoisted_17$
|
|
38217
|
+
const _hoisted_17$1 = { class: "profile-field-section" };
|
|
38185
38218
|
const _hoisted_18$1 = { class: "profile-field-header" };
|
|
38186
38219
|
const _hoisted_19 = { class: "profile-field-subtitle" };
|
|
38187
38220
|
const _hoisted_20 = {
|
|
@@ -39013,7 +39046,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
39013
39046
|
]),
|
|
39014
39047
|
createVNode(Transition, { name: "expand" }, {
|
|
39015
39048
|
default: withCtx(() => [
|
|
39016
|
-
showEmailChange.value ? (openBlock(), createElementBlock("div", _hoisted_16$
|
|
39049
|
+
showEmailChange.value ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
|
|
39017
39050
|
createVNode(unref(StrandsUiInput), {
|
|
39018
39051
|
modelValue: emailChangeForm.newEmail,
|
|
39019
39052
|
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emailChangeForm.newEmail = $event),
|
|
@@ -39046,7 +39079,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
39046
39079
|
_: 1
|
|
39047
39080
|
})
|
|
39048
39081
|
]),
|
|
39049
|
-
createElementVNode("div", _hoisted_17$
|
|
39082
|
+
createElementVNode("div", _hoisted_17$1, [
|
|
39050
39083
|
createElementVNode("div", _hoisted_18$1, [
|
|
39051
39084
|
createElementVNode("div", null, [
|
|
39052
39085
|
_cache[16] || (_cache[16] = createElementVNode("h4", { class: "profile-field-title" }, "Username", -1)),
|
|
@@ -39758,35 +39791,33 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
39758
39791
|
};
|
|
39759
39792
|
}
|
|
39760
39793
|
});
|
|
39761
|
-
const _hoisted_1$3 = {
|
|
39762
|
-
const _hoisted_2$2 = {
|
|
39794
|
+
const _hoisted_1$3 = {
|
|
39763
39795
|
key: 0,
|
|
39764
39796
|
class: "user-info"
|
|
39765
39797
|
};
|
|
39766
|
-
const
|
|
39767
|
-
const
|
|
39768
|
-
const
|
|
39769
|
-
const
|
|
39770
|
-
const _hoisted_7$1 = {
|
|
39798
|
+
const _hoisted_2$2 = { class: "user-name" };
|
|
39799
|
+
const _hoisted_3$2 = { class: "avatar-wrapper" };
|
|
39800
|
+
const _hoisted_4$2 = ["src", "alt"];
|
|
39801
|
+
const _hoisted_5$1 = {
|
|
39771
39802
|
key: 1,
|
|
39772
39803
|
class: "avatar-default"
|
|
39773
39804
|
};
|
|
39774
|
-
const
|
|
39775
|
-
const
|
|
39776
|
-
const
|
|
39777
|
-
const
|
|
39805
|
+
const _hoisted_6$1 = ["onKeydown"];
|
|
39806
|
+
const _hoisted_7$1 = { class: "dropdown-content" };
|
|
39807
|
+
const _hoisted_8$1 = { class: "dropdown-header" };
|
|
39808
|
+
const _hoisted_9$1 = {
|
|
39778
39809
|
key: 0,
|
|
39779
39810
|
class: "dropdown-avatar-container"
|
|
39780
39811
|
};
|
|
39781
|
-
const
|
|
39782
|
-
const
|
|
39812
|
+
const _hoisted_10$1 = ["src", "alt"];
|
|
39813
|
+
const _hoisted_11$1 = {
|
|
39783
39814
|
key: 1,
|
|
39784
39815
|
class: "dropdown-avatar-default"
|
|
39785
39816
|
};
|
|
39786
|
-
const
|
|
39787
|
-
const
|
|
39788
|
-
const
|
|
39789
|
-
const
|
|
39817
|
+
const _hoisted_12$1 = { class: "dropdown-user-details" };
|
|
39818
|
+
const _hoisted_13$1 = { class: "dropdown-user-name" };
|
|
39819
|
+
const _hoisted_14$1 = { class: "dropdown-user-email" };
|
|
39820
|
+
const _hoisted_15$1 = { class: "sign-in-auth-wrapper" };
|
|
39790
39821
|
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
39791
39822
|
__name: "StrandsUserButton",
|
|
39792
39823
|
props: {
|
|
@@ -39905,7 +39936,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
39905
39936
|
onClick: openSignIn,
|
|
39906
39937
|
"aria-label": "Sign in"
|
|
39907
39938
|
}, {
|
|
39908
|
-
|
|
39939
|
+
"leading-icon": withCtx(() => [..._cache[8] || (_cache[8] = [
|
|
39909
39940
|
createElementVNode("svg", {
|
|
39910
39941
|
class: "sign-in-icon",
|
|
39911
39942
|
fill: "none",
|
|
@@ -39918,9 +39949,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
39918
39949
|
"stroke-width": "2",
|
|
39919
39950
|
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"
|
|
39920
39951
|
})
|
|
39921
|
-
], -1)
|
|
39922
|
-
createElementVNode("span", null, "Sign In", -1)
|
|
39952
|
+
], -1)
|
|
39923
39953
|
])]),
|
|
39954
|
+
default: withCtx(() => [
|
|
39955
|
+
_cache[9] || (_cache[9] = createTextVNode(" Sign In ", -1))
|
|
39956
|
+
]),
|
|
39924
39957
|
_: 1
|
|
39925
39958
|
}),
|
|
39926
39959
|
createVNode(unref(UiModal), {
|
|
@@ -39929,7 +39962,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
39929
39962
|
"fullscreen-on-mobile": false
|
|
39930
39963
|
}, {
|
|
39931
39964
|
default: withCtx(() => [
|
|
39932
|
-
createElementVNode("div",
|
|
39965
|
+
createElementVNode("div", _hoisted_15$1, [
|
|
39933
39966
|
createVNode(unref(StrandsAuth), {
|
|
39934
39967
|
onSignedIn: handleSignedIn,
|
|
39935
39968
|
onError: handleSignInError,
|
|
@@ -39964,51 +39997,51 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
39964
39997
|
"aria-expanded": showDropdown.value,
|
|
39965
39998
|
"aria-label": "User menu"
|
|
39966
39999
|
}, {
|
|
39967
|
-
|
|
39968
|
-
createElementVNode("div",
|
|
39969
|
-
|
|
39970
|
-
|
|
39971
|
-
|
|
39972
|
-
|
|
39973
|
-
|
|
39974
|
-
|
|
39975
|
-
|
|
39976
|
-
|
|
39977
|
-
|
|
39978
|
-
|
|
39979
|
-
|
|
39980
|
-
|
|
39981
|
-
|
|
39982
|
-
|
|
39983
|
-
|
|
39984
|
-
|
|
39985
|
-
|
|
39986
|
-
|
|
39987
|
-
|
|
39988
|
-
|
|
39989
|
-
|
|
39990
|
-
d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
|
|
39991
|
-
"clip-rule": "evenodd"
|
|
39992
|
-
})
|
|
39993
|
-
], -1)
|
|
39994
|
-
])]))
|
|
39995
|
-
])
|
|
39996
|
-
]),
|
|
39997
|
-
(openBlock(), createElementBlock("svg", {
|
|
39998
|
-
class: normalizeClass(["dropdown-arrow", { "dropdown-arrow-open": showDropdown.value }]),
|
|
39999
|
-
fill: "none",
|
|
40000
|
-
stroke: "currentColor",
|
|
40001
|
-
viewBox: "0 0 24 24"
|
|
40002
|
-
}, [..._cache[3] || (_cache[3] = [
|
|
40003
|
-
createElementVNode("path", {
|
|
40004
|
-
"stroke-linecap": "round",
|
|
40005
|
-
"stroke-linejoin": "round",
|
|
40006
|
-
"stroke-width": "2",
|
|
40007
|
-
d: "M19 9l-7 7-7-7"
|
|
40008
|
-
}, null, -1)
|
|
40009
|
-
])], 2))
|
|
40000
|
+
"leading-icon": withCtx(() => [
|
|
40001
|
+
createElementVNode("div", _hoisted_3$2, [
|
|
40002
|
+
user.value?.avatar ? (openBlock(), createElementBlock("img", {
|
|
40003
|
+
key: 0,
|
|
40004
|
+
src: user.value.avatar,
|
|
40005
|
+
alt: `${user.value.firstName || user.value.email}'s avatar`,
|
|
40006
|
+
class: "avatar-image",
|
|
40007
|
+
width: "32",
|
|
40008
|
+
height: "32",
|
|
40009
|
+
loading: "eager"
|
|
40010
|
+
}, null, 8, _hoisted_4$2)) : (openBlock(), createElementBlock("div", _hoisted_5$1, [..._cache[2] || (_cache[2] = [
|
|
40011
|
+
createElementVNode("svg", {
|
|
40012
|
+
class: "avatar-icon",
|
|
40013
|
+
fill: "currentColor",
|
|
40014
|
+
viewBox: "0 0 20 20"
|
|
40015
|
+
}, [
|
|
40016
|
+
createElementVNode("path", {
|
|
40017
|
+
"fill-rule": "evenodd",
|
|
40018
|
+
d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
|
|
40019
|
+
"clip-rule": "evenodd"
|
|
40020
|
+
})
|
|
40021
|
+
], -1)
|
|
40022
|
+
])]))
|
|
40010
40023
|
])
|
|
40011
40024
|
]),
|
|
40025
|
+
"trailing-icon": withCtx(() => [
|
|
40026
|
+
(openBlock(), createElementBlock("svg", {
|
|
40027
|
+
class: normalizeClass(["dropdown-arrow", { "dropdown-arrow-open": showDropdown.value }]),
|
|
40028
|
+
fill: "none",
|
|
40029
|
+
stroke: "currentColor",
|
|
40030
|
+
viewBox: "0 0 24 24"
|
|
40031
|
+
}, [..._cache[3] || (_cache[3] = [
|
|
40032
|
+
createElementVNode("path", {
|
|
40033
|
+
"stroke-linecap": "round",
|
|
40034
|
+
"stroke-linejoin": "round",
|
|
40035
|
+
"stroke-width": "2",
|
|
40036
|
+
d: "M19 9l-7 7-7-7"
|
|
40037
|
+
}, null, -1)
|
|
40038
|
+
])], 2))
|
|
40039
|
+
]),
|
|
40040
|
+
default: withCtx(() => [
|
|
40041
|
+
!_ctx.hideUser ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
|
|
40042
|
+
createElementVNode("div", _hoisted_2$2, toDisplayString(displayName.value), 1)
|
|
40043
|
+
])) : createCommentVNode("", true)
|
|
40044
|
+
]),
|
|
40012
40045
|
_: 1
|
|
40013
40046
|
}, 8, ["active", "onKeydown", "aria-expanded"]),
|
|
40014
40047
|
(openBlock(), createBlock(Teleport, { to: "body" }, [
|
|
@@ -40028,9 +40061,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
40028
40061
|
withKeys(withModifiers(focusLast, ["prevent"]), ["end"])
|
|
40029
40062
|
]
|
|
40030
40063
|
}, [
|
|
40031
|
-
createElementVNode("div",
|
|
40032
|
-
createElementVNode("div",
|
|
40033
|
-
user.value ? (openBlock(), createElementBlock("div",
|
|
40064
|
+
createElementVNode("div", _hoisted_7$1, [
|
|
40065
|
+
createElementVNode("div", _hoisted_8$1, [
|
|
40066
|
+
user.value ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
|
|
40034
40067
|
createVNode(unref(UiLevelProgress), {
|
|
40035
40068
|
size: 80,
|
|
40036
40069
|
value: user.value.xp,
|
|
@@ -40047,7 +40080,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
40047
40080
|
class: "dropdown-avatar-image",
|
|
40048
40081
|
width: "64",
|
|
40049
40082
|
height: "64"
|
|
40050
|
-
}, null, 8,
|
|
40083
|
+
}, null, 8, _hoisted_10$1)) : (openBlock(), createElementBlock("div", _hoisted_11$1, [..._cache[4] || (_cache[4] = [
|
|
40051
40084
|
createElementVNode("svg", {
|
|
40052
40085
|
class: "dropdown-avatar-icon",
|
|
40053
40086
|
fill: "currentColor",
|
|
@@ -40061,9 +40094,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
40061
40094
|
], -1)
|
|
40062
40095
|
])]))
|
|
40063
40096
|
])) : createCommentVNode("", true),
|
|
40064
|
-
createElementVNode("div",
|
|
40065
|
-
createElementVNode("div",
|
|
40066
|
-
createElementVNode("div",
|
|
40097
|
+
createElementVNode("div", _hoisted_12$1, [
|
|
40098
|
+
createElementVNode("div", _hoisted_13$1, toDisplayString(displayName.value), 1),
|
|
40099
|
+
createElementVNode("div", _hoisted_14$1, toDisplayString(user.value?.email), 1)
|
|
40067
40100
|
])
|
|
40068
40101
|
]),
|
|
40069
40102
|
renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
@@ -40092,7 +40125,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
40092
40125
|
_: 1
|
|
40093
40126
|
})
|
|
40094
40127
|
])
|
|
40095
|
-
], 44,
|
|
40128
|
+
], 44, _hoisted_6$1)) : createCommentVNode("", true)
|
|
40096
40129
|
])),
|
|
40097
40130
|
createVNode(unref(UiModal), {
|
|
40098
40131
|
modelValue: showProfileModal.value,
|
|
@@ -40115,7 +40148,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
40115
40148
|
};
|
|
40116
40149
|
}
|
|
40117
40150
|
});
|
|
40118
|
-
const StrandsUserButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-
|
|
40151
|
+
const StrandsUserButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a0ed0ab9"]]);
|
|
40119
40152
|
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
40120
40153
|
__name: "StrandsNav",
|
|
40121
40154
|
props: {
|