codexly-ui 0.0.98 → 0.0.99
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
|
@@ -11907,9 +11907,10 @@ class ClxMenuItemComponent {
|
|
|
11907
11907
|
return this.nested() ? NAV_ITEM_L2 : NAV_ITEM_L1;
|
|
11908
11908
|
}, ...(ngDevMode ? [{ debugName: "_geom" }] : /* istanbul ignore next */ []));
|
|
11909
11909
|
_iconCls = computed(() => resolveColor(this._resolvedColor()).textSubtle, ...(ngDevMode ? [{ debugName: "_iconCls" }] : /* istanbul ignore next */ []));
|
|
11910
|
+
_idleIconCls = computed(() => resolveColor(this._resolvedColor()).textMuted, ...(ngDevMode ? [{ debugName: "_idleIconCls" }] : /* istanbul ignore next */ []));
|
|
11910
11911
|
_idleCls = computed(() => {
|
|
11911
11912
|
const t = resolveColor(this._resolvedColor());
|
|
11912
|
-
return `${NAV_ITEM_BASE} ${this._geom()} ${
|
|
11913
|
+
return `${NAV_ITEM_BASE} ${this._geom()} ${t.textMuted} ${t.hoverBgMuted}`;
|
|
11913
11914
|
}, ...(ngDevMode ? [{ debugName: "_idleCls" }] : /* istanbul ignore next */ []));
|
|
11914
11915
|
_activeCls = computed(() => {
|
|
11915
11916
|
const t = resolveColor(this._resolvedColor());
|
|
@@ -11929,7 +11930,7 @@ class ClxMenuItemComponent {
|
|
|
11929
11930
|
[class]="rla.isActive ? _activeCls() : _idleCls()"
|
|
11930
11931
|
[title]="collapsed() ? label() : ''">
|
|
11931
11932
|
@if (icon()) {
|
|
11932
|
-
<span clx-icon [name]="icon()" size="sm" [class]="rla.isActive ? _iconCls() :
|
|
11933
|
+
<span clx-icon [name]="icon()" size="sm" [class]="rla.isActive ? _iconCls() : _idleIconCls()"></span>
|
|
11933
11934
|
}
|
|
11934
11935
|
@if (!collapsed()) {
|
|
11935
11936
|
<span class="flex-1 text-left truncate">{{ label() }}</span>
|
|
@@ -11942,7 +11943,7 @@ class ClxMenuItemComponent {
|
|
|
11942
11943
|
[title]="collapsed() ? label() : ''"
|
|
11943
11944
|
(click)="itemClick.emit()">
|
|
11944
11945
|
@if (icon()) {
|
|
11945
|
-
<span clx-icon [name]="icon()" size="sm" [class]="active() ? _iconCls() :
|
|
11946
|
+
<span clx-icon [name]="icon()" size="sm" [class]="active() ? _iconCls() : _idleIconCls()"></span>
|
|
11946
11947
|
}
|
|
11947
11948
|
@if (!collapsed()) {
|
|
11948
11949
|
<span class="flex-1 text-left truncate">{{ label() }}</span>
|
|
@@ -11967,7 +11968,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
11967
11968
|
[class]="rla.isActive ? _activeCls() : _idleCls()"
|
|
11968
11969
|
[title]="collapsed() ? label() : ''">
|
|
11969
11970
|
@if (icon()) {
|
|
11970
|
-
<span clx-icon [name]="icon()" size="sm" [class]="rla.isActive ? _iconCls() :
|
|
11971
|
+
<span clx-icon [name]="icon()" size="sm" [class]="rla.isActive ? _iconCls() : _idleIconCls()"></span>
|
|
11971
11972
|
}
|
|
11972
11973
|
@if (!collapsed()) {
|
|
11973
11974
|
<span class="flex-1 text-left truncate">{{ label() }}</span>
|
|
@@ -11980,7 +11981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
11980
11981
|
[title]="collapsed() ? label() : ''"
|
|
11981
11982
|
(click)="itemClick.emit()">
|
|
11982
11983
|
@if (icon()) {
|
|
11983
|
-
<span clx-icon [name]="icon()" size="sm" [class]="active() ? _iconCls() :
|
|
11984
|
+
<span clx-icon [name]="icon()" size="sm" [class]="active() ? _iconCls() : _idleIconCls()"></span>
|
|
11984
11985
|
}
|
|
11985
11986
|
@if (!collapsed()) {
|
|
11986
11987
|
<span class="flex-1 text-left truncate">{{ label() }}</span>
|