codexly-ui 0.7.4 → 0.7.5
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
|
@@ -9865,9 +9865,20 @@ class ClxMenuItemComponent {
|
|
|
9865
9865
|
}, ...(ngDevMode ? [{ debugName: "_geom" }] : /* istanbul ignore next */ []));
|
|
9866
9866
|
_iconCls = computed(() => resolveColor(this._resolved().color).textSubtle, ...(ngDevMode ? [{ debugName: "_iconCls" }] : /* istanbul ignore next */ []));
|
|
9867
9867
|
_typography = computed(() => resolveNavZoneTypography(this._resolved()), ...(ngDevMode ? [{ debugName: "_typography" }] : /* istanbul ignore next */ []));
|
|
9868
|
-
|
|
9868
|
+
// Nested items (children under a clx-menu module) stay flat — only the label/icon color
|
|
9869
|
+
// changes. Top-level items (e.g. Dashboard) get the same hover/active pill as clx-menu.
|
|
9870
|
+
_idleCls = computed(() => {
|
|
9871
|
+
if (!this.nested()) {
|
|
9872
|
+
const hover = resolveColor(this._resolved().color).hoverBgMuted;
|
|
9873
|
+
return `${NAV_ITEM_BASE} ${this._typography()} ${this._geom()} ${hover} rounded-lg`;
|
|
9874
|
+
}
|
|
9875
|
+
return `${NAV_ITEM_BASE} ${this._typography()} ${this._geom()}`;
|
|
9876
|
+
}, ...(ngDevMode ? [{ debugName: "_idleCls" }] : /* istanbul ignore next */ []));
|
|
9869
9877
|
_activeCls = computed(() => {
|
|
9870
9878
|
const t = resolveColor(this._resolved().color);
|
|
9879
|
+
if (!this.nested()) {
|
|
9880
|
+
return `${NAV_ITEM_BASE} ${this._typography()} ${this._geom()} ${t.textSubtle} ${t.bgMuted} rounded-lg`;
|
|
9881
|
+
}
|
|
9871
9882
|
return `${NAV_ITEM_BASE} ${this._typography()} ${this._geom()} ${t.textSubtle}`;
|
|
9872
9883
|
}, ...(ngDevMode ? [{ debugName: "_activeCls" }] : /* istanbul ignore next */ []));
|
|
9873
9884
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|