codexly-ui 0.12.20 → 0.12.21
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
CHANGED
|
@@ -10977,6 +10977,14 @@ class ClxProfileComponent {
|
|
|
10977
10977
|
const t = resolveColor(this._color());
|
|
10978
10978
|
return `focus-visible:${t.ringBase}`;
|
|
10979
10979
|
}, ...(ngDevMode ? [{ debugName: "_ringClass" }] : /* istanbul ignore next */ []));
|
|
10980
|
+
/** Dropdown panel border — was a hardcoded border-clx-border-soft (a fixed global CSS var, same
|
|
10981
|
+
* gray in every theme) instead of reading the theme like every other card-shaped component
|
|
10982
|
+
* (clx-card, clx-product, clx-wishlist, clx-notification, clx-filter-panel all use
|
|
10983
|
+
* cardBorderColor/borderLight). Now consistent with those. */
|
|
10984
|
+
_panelClass = computed(() => {
|
|
10985
|
+
const t = resolveColor(this._themeSvc.cardBorderColor());
|
|
10986
|
+
return `w-72 bg-clx-surface rounded-2xl shadow-xl border ${t.borderLight} overflow-hidden mt-2`;
|
|
10987
|
+
}, ...(ngDevMode ? [{ debugName: "_panelClass" }] : /* istanbul ignore next */ []));
|
|
10980
10988
|
// ── Methods ──────────────────────────────────────────────────────────────────
|
|
10981
10989
|
_toggle() { this._isOpen.update(v => !v); }
|
|
10982
10990
|
_close() { this._isOpen.set(false); }
|
|
@@ -11020,7 +11028,7 @@ class ClxProfileComponent {
|
|
|
11020
11028
|
(overlayOutsideClick)="_close()"
|
|
11021
11029
|
(overlayKeydown)="_onKeydown($event)">
|
|
11022
11030
|
|
|
11023
|
-
<div class="
|
|
11031
|
+
<div [class]="_panelClass()">
|
|
11024
11032
|
|
|
11025
11033
|
<!-- Header: avatar + name + role badge -->
|
|
11026
11034
|
<div class="px-4 pt-4 pb-3 flex items-center gap-3">
|
|
@@ -11097,7 +11105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
11097
11105
|
(overlayOutsideClick)="_close()"
|
|
11098
11106
|
(overlayKeydown)="_onKeydown($event)">
|
|
11099
11107
|
|
|
11100
|
-
<div class="
|
|
11108
|
+
<div [class]="_panelClass()">
|
|
11101
11109
|
|
|
11102
11110
|
<!-- Header: avatar + name + role badge -->
|
|
11103
11111
|
<div class="px-4 pt-4 pb-3 flex items-center gap-3">
|