codexly-ui 0.10.110 → 0.10.111
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/fesm2022/codexly-ui.mjs +20 -22
- package/fesm2022/codexly-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/codexly-ui.d.ts +10 -11
package/fesm2022/codexly-ui.mjs
CHANGED
|
@@ -10902,10 +10902,6 @@ class ClxProfileComponent {
|
|
|
10902
10902
|
const t = resolveColor(this._color());
|
|
10903
10903
|
return `focus-visible:${t.ringBase}`;
|
|
10904
10904
|
}, ...(ngDevMode ? [{ debugName: "_ringClass" }] : /* istanbul ignore next */ []));
|
|
10905
|
-
_avatarRingClass = computed(() => {
|
|
10906
|
-
const t = resolveColor(this._color());
|
|
10907
|
-
return `border-2 ${t.borderLight}`;
|
|
10908
|
-
}, ...(ngDevMode ? [{ debugName: "_avatarRingClass" }] : /* istanbul ignore next */ []));
|
|
10909
10905
|
// ── Methods ──────────────────────────────────────────────────────────────────
|
|
10910
10906
|
_toggle() { this._isOpen.update(v => !v); }
|
|
10911
10907
|
_close() { this._isOpen.set(false); }
|
|
@@ -10951,15 +10947,13 @@ class ClxProfileComponent {
|
|
|
10951
10947
|
|
|
10952
10948
|
<div class="w-72 bg-clx-surface rounded-2xl shadow-xl border border-clx-border-soft overflow-hidden mt-2">
|
|
10953
10949
|
|
|
10954
|
-
<!-- Header: avatar
|
|
10955
|
-
<div class="px-4 pt-
|
|
10956
|
-
<
|
|
10957
|
-
|
|
10958
|
-
|
|
10959
|
-
|
|
10960
|
-
|
|
10961
|
-
size="md" />
|
|
10962
|
-
</div>
|
|
10950
|
+
<!-- Header: avatar + name + role badge -->
|
|
10951
|
+
<div class="px-4 pt-4 pb-3 flex items-center gap-3">
|
|
10952
|
+
<clx-avatar
|
|
10953
|
+
[initials]="_initials()"
|
|
10954
|
+
[src]="avatarSrc()"
|
|
10955
|
+
[color]="_color()"
|
|
10956
|
+
size="md" />
|
|
10963
10957
|
<div class="flex-1 min-w-0">
|
|
10964
10958
|
<p class="text-sm font-semibold text-clx-text-label truncate">{{ fullName() }}</p>
|
|
10965
10959
|
<p class="text-xs text-clx-text-muted truncate">{{ username() }}</p>
|
|
@@ -10969,6 +10963,9 @@ class ClxProfileComponent {
|
|
|
10969
10963
|
</div>
|
|
10970
10964
|
</div>
|
|
10971
10965
|
|
|
10966
|
+
<!-- Divider -->
|
|
10967
|
+
<div class="border-t border-clx-border-soft"></div>
|
|
10968
|
+
|
|
10972
10969
|
<!-- Menu items -->
|
|
10973
10970
|
@if (menuItems().length) {
|
|
10974
10971
|
<div class="py-1.5">
|
|
@@ -11027,15 +11024,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
11027
11024
|
|
|
11028
11025
|
<div class="w-72 bg-clx-surface rounded-2xl shadow-xl border border-clx-border-soft overflow-hidden mt-2">
|
|
11029
11026
|
|
|
11030
|
-
<!-- Header: avatar
|
|
11031
|
-
<div class="px-4 pt-
|
|
11032
|
-
<
|
|
11033
|
-
|
|
11034
|
-
|
|
11035
|
-
|
|
11036
|
-
|
|
11037
|
-
size="md" />
|
|
11038
|
-
</div>
|
|
11027
|
+
<!-- Header: avatar + name + role badge -->
|
|
11028
|
+
<div class="px-4 pt-4 pb-3 flex items-center gap-3">
|
|
11029
|
+
<clx-avatar
|
|
11030
|
+
[initials]="_initials()"
|
|
11031
|
+
[src]="avatarSrc()"
|
|
11032
|
+
[color]="_color()"
|
|
11033
|
+
size="md" />
|
|
11039
11034
|
<div class="flex-1 min-w-0">
|
|
11040
11035
|
<p class="text-sm font-semibold text-clx-text-label truncate">{{ fullName() }}</p>
|
|
11041
11036
|
<p class="text-xs text-clx-text-muted truncate">{{ username() }}</p>
|
|
@@ -11045,6 +11040,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
11045
11040
|
</div>
|
|
11046
11041
|
</div>
|
|
11047
11042
|
|
|
11043
|
+
<!-- Divider -->
|
|
11044
|
+
<div class="border-t border-clx-border-soft"></div>
|
|
11045
|
+
|
|
11048
11046
|
<!-- Menu items -->
|
|
11049
11047
|
@if (menuItems().length) {
|
|
11050
11048
|
<div class="py-1.5">
|