codexly-ui 0.1.14 → 0.1.16

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.
Files changed (4) hide show
  1. package/fesm2022/codexly-ui.mjs +14 -15
  2. package/fesm2022/codexly-ui.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/codexly-ui.d.ts +0 -1
package/fesm2022/codexly-ui.mjs CHANGED
@@ -12042,10 +12042,9 @@ class ClxMenuItemComponent {
12042
12042
  return this.nested() ? NAV_ITEM_L2 : NAV_ITEM_L1;
12043
12043
  }, ...(ngDevMode ? [{ debugName: "_geom" }] : /* istanbul ignore next */ []));
12044
12044
  _iconCls = computed(() => resolveColor(this._resolvedColor()).textSubtle, ...(ngDevMode ? [{ debugName: "_iconCls" }] : /* istanbul ignore next */ []));
12045
- _idleIconCls = computed(() => NAV_ITEM_IDLE, ...(ngDevMode ? [{ debugName: "_idleIconCls" }] : /* istanbul ignore next */ []));
12046
12045
  _idleCls = computed(() => {
12047
12046
  const hover = resolveColor(this._resolvedColor()).hoverBgMuted;
12048
- return `${NAV_ITEM_BASE} ${this._geom()} ${NAV_ITEM_IDLE} ${hover}`;
12047
+ return `${NAV_ITEM_BASE} ${this._geom()} ${hover}`;
12049
12048
  }, ...(ngDevMode ? [{ debugName: "_idleCls" }] : /* istanbul ignore next */ []));
12050
12049
  _activeCls = computed(() => {
12051
12050
  const t = resolveColor(this._resolvedColor());
@@ -12065,10 +12064,10 @@ class ClxMenuItemComponent {
12065
12064
  [class]="rla.isActive ? _activeCls() : _idleCls()"
12066
12065
  [title]="collapsed() ? label() : ''">
12067
12066
  @if (icon()) {
12068
- <span clx-icon [name]="icon()" size="sm" [class]="rla.isActive ? _iconCls() : _idleIconCls()"></span>
12067
+ <span clx-icon [name]="icon()" size="sm" [class]="_iconCls()"></span>
12069
12068
  }
12070
12069
  @if (!collapsed()) {
12071
- <span class="flex-1 text-left truncate">{{ label() }}</span>
12070
+ <span class="flex-1 text-left truncate" [class]="rla.isActive ? '' : 'text-clx-text-subtle'">{{ label() }}</span>
12072
12071
  }
12073
12072
  </a>
12074
12073
  } @else {
@@ -12078,10 +12077,10 @@ class ClxMenuItemComponent {
12078
12077
  [title]="collapsed() ? label() : ''"
12079
12078
  (click)="itemClick.emit()">
12080
12079
  @if (icon()) {
12081
- <span clx-icon [name]="icon()" size="sm" [class]="active() ? _iconCls() : _idleIconCls()"></span>
12080
+ <span clx-icon [name]="icon()" size="sm" [class]="_iconCls()"></span>
12082
12081
  }
12083
12082
  @if (!collapsed()) {
12084
- <span class="flex-1 text-left truncate">{{ label() }}</span>
12083
+ <span class="flex-1 text-left truncate" [class]="active() ? '' : 'text-clx-text-subtle'">{{ label() }}</span>
12085
12084
  }
12086
12085
  </button>
12087
12086
  }
@@ -12103,10 +12102,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
12103
12102
  [class]="rla.isActive ? _activeCls() : _idleCls()"
12104
12103
  [title]="collapsed() ? label() : ''">
12105
12104
  @if (icon()) {
12106
- <span clx-icon [name]="icon()" size="sm" [class]="rla.isActive ? _iconCls() : _idleIconCls()"></span>
12105
+ <span clx-icon [name]="icon()" size="sm" [class]="_iconCls()"></span>
12107
12106
  }
12108
12107
  @if (!collapsed()) {
12109
- <span class="flex-1 text-left truncate">{{ label() }}</span>
12108
+ <span class="flex-1 text-left truncate" [class]="rla.isActive ? '' : 'text-clx-text-subtle'">{{ label() }}</span>
12110
12109
  }
12111
12110
  </a>
12112
12111
  } @else {
@@ -12116,10 +12115,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
12116
12115
  [title]="collapsed() ? label() : ''"
12117
12116
  (click)="itemClick.emit()">
12118
12117
  @if (icon()) {
12119
- <span clx-icon [name]="icon()" size="sm" [class]="active() ? _iconCls() : _idleIconCls()"></span>
12118
+ <span clx-icon [name]="icon()" size="sm" [class]="_iconCls()"></span>
12120
12119
  }
12121
12120
  @if (!collapsed()) {
12122
- <span class="flex-1 text-left truncate">{{ label() }}</span>
12121
+ <span class="flex-1 text-left truncate" [class]="active() ? '' : 'text-clx-text-subtle'">{{ label() }}</span>
12123
12122
  }
12124
12123
  </button>
12125
12124
  }
@@ -12169,7 +12168,7 @@ class ClxMenuComponent {
12169
12168
  return `${base} ${t.textSubtle} font-semibold`;
12170
12169
  return `${base} ${t.textSubtle} font-semibold border-l-2 ${t.borderLight} !pl-[22px]`;
12171
12170
  }
12172
- return `${base} ${NAV_ITEM_IDLE} ${t.hoverBgMuted}`;
12171
+ return `${base} ${t.hoverBgMuted}`;
12173
12172
  }
12174
12173
  NAV_CHILDREN_WRAPPER = NAV_CHILDREN_WRAPPER;
12175
12174
  NAV_CHILDREN_INNER = NAV_CHILDREN_INNER;
@@ -12192,7 +12191,7 @@ class ClxMenuComponent {
12192
12191
  <span clx-icon [name]="icon()" size="sm" [class]="_iconCls()"></span>
12193
12192
  }
12194
12193
  @if (!collapsed()) {
12195
- <span class="flex-1 text-left truncate">{{ label() }}</span>
12194
+ <span class="flex-1 text-left truncate" [class]="rla.isActive ? '' : 'text-clx-text-subtle'">{{ label() }}</span>
12196
12195
  <span
12197
12196
  clx-icon
12198
12197
  name="expand_more"
@@ -12212,7 +12211,7 @@ class ClxMenuComponent {
12212
12211
  <span clx-icon [name]="icon()" size="sm" [class]="_iconCls()"></span>
12213
12212
  }
12214
12213
  @if (!collapsed()) {
12215
- <span class="flex-1 text-left truncate">{{ label() }}</span>
12214
+ <span class="flex-1 text-left truncate" [class]="active() ? '' : 'text-clx-text-subtle'">{{ label() }}</span>
12216
12215
  <span
12217
12216
  clx-icon
12218
12217
  name="expand_more"
@@ -12255,7 +12254,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
12255
12254
  <span clx-icon [name]="icon()" size="sm" [class]="_iconCls()"></span>
12256
12255
  }
12257
12256
  @if (!collapsed()) {
12258
- <span class="flex-1 text-left truncate">{{ label() }}</span>
12257
+ <span class="flex-1 text-left truncate" [class]="rla.isActive ? '' : 'text-clx-text-subtle'">{{ label() }}</span>
12259
12258
  <span
12260
12259
  clx-icon
12261
12260
  name="expand_more"
@@ -12275,7 +12274,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
12275
12274
  <span clx-icon [name]="icon()" size="sm" [class]="_iconCls()"></span>
12276
12275
  }
12277
12276
  @if (!collapsed()) {
12278
- <span class="flex-1 text-left truncate">{{ label() }}</span>
12277
+ <span class="flex-1 text-left truncate" [class]="active() ? '' : 'text-clx-text-subtle'">{{ label() }}</span>
12279
12278
  <span
12280
12279
  clx-icon
12281
12280
  name="expand_more"