codexly-ui 0.0.59 → 0.0.61
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
|
@@ -4147,7 +4147,7 @@ class ClxSelectComponent {
|
|
|
4147
4147
|
_hintClass = computed(() => `${this._sizeConfig().hint} text-gray-400`, ...(ngDevMode ? [{ debugName: "_hintClass" }] : /* istanbul ignore next */ []));
|
|
4148
4148
|
_triggerClass = computed(() => {
|
|
4149
4149
|
const s = this._sizeConfig();
|
|
4150
|
-
const base = 'relative flex items-center rounded-md border transition-all duration-200 outline-none w-full';
|
|
4150
|
+
const base = 'relative flex items-center rounded-md border transition-all duration-200 outline-none w-full overflow-hidden';
|
|
4151
4151
|
if (this._disabled()) {
|
|
4152
4152
|
return `${base} ${s.minH} border-gray-200 bg-gray-50 cursor-not-allowed opacity-60`;
|
|
4153
4153
|
}
|
|
@@ -5419,7 +5419,7 @@ class ClxModalComponent {
|
|
|
5419
5419
|
</div>
|
|
5420
5420
|
|
|
5421
5421
|
<!-- Body -->
|
|
5422
|
-
<div class="flex-1 overflow-y-auto px-6 py-5">
|
|
5422
|
+
<div class="flex-1 min-h-0 overflow-y-auto px-6 py-5">
|
|
5423
5423
|
<ng-content />
|
|
5424
5424
|
</div>
|
|
5425
5425
|
|
|
@@ -5480,7 +5480,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5480
5480
|
</div>
|
|
5481
5481
|
|
|
5482
5482
|
<!-- Body -->
|
|
5483
|
-
<div class="flex-1 overflow-y-auto px-6 py-5">
|
|
5483
|
+
<div class="flex-1 min-h-0 overflow-y-auto px-6 py-5">
|
|
5484
5484
|
<ng-content />
|
|
5485
5485
|
</div>
|
|
5486
5486
|
|
|
@@ -11253,7 +11253,7 @@ class ClxMenuItemComponent {
|
|
|
11253
11253
|
[class]="rla.isActive ? _activeCls() : _idleCls()"
|
|
11254
11254
|
[title]="collapsed() ? label() : ''">
|
|
11255
11255
|
@if (icon()) {
|
|
11256
|
-
<span clx-icon [name]="icon()" size="sm" [class]="rla.isActive
|
|
11256
|
+
<span clx-icon [name]="icon()" size="sm" [class]="rla.isActive ? _iconCls() : 'text-slate-500'"></span>
|
|
11257
11257
|
}
|
|
11258
11258
|
@if (!collapsed()) {
|
|
11259
11259
|
<span class="flex-1 text-left truncate">{{ label() }}</span>
|
|
@@ -11266,7 +11266,7 @@ class ClxMenuItemComponent {
|
|
|
11266
11266
|
[title]="collapsed() ? label() : ''"
|
|
11267
11267
|
(click)="itemClick.emit()">
|
|
11268
11268
|
@if (icon()) {
|
|
11269
|
-
<span clx-icon [name]="icon()" size="sm" [class]="active()
|
|
11269
|
+
<span clx-icon [name]="icon()" size="sm" [class]="active() ? _iconCls() : 'text-slate-500'"></span>
|
|
11270
11270
|
}
|
|
11271
11271
|
@if (!collapsed()) {
|
|
11272
11272
|
<span class="flex-1 text-left truncate">{{ label() }}</span>
|
|
@@ -11291,7 +11291,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
11291
11291
|
[class]="rla.isActive ? _activeCls() : _idleCls()"
|
|
11292
11292
|
[title]="collapsed() ? label() : ''">
|
|
11293
11293
|
@if (icon()) {
|
|
11294
|
-
<span clx-icon [name]="icon()" size="sm" [class]="rla.isActive
|
|
11294
|
+
<span clx-icon [name]="icon()" size="sm" [class]="rla.isActive ? _iconCls() : 'text-slate-500'"></span>
|
|
11295
11295
|
}
|
|
11296
11296
|
@if (!collapsed()) {
|
|
11297
11297
|
<span class="flex-1 text-left truncate">{{ label() }}</span>
|
|
@@ -11304,7 +11304,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
11304
11304
|
[title]="collapsed() ? label() : ''"
|
|
11305
11305
|
(click)="itemClick.emit()">
|
|
11306
11306
|
@if (icon()) {
|
|
11307
|
-
<span clx-icon [name]="icon()" size="sm" [class]="active()
|
|
11307
|
+
<span clx-icon [name]="icon()" size="sm" [class]="active() ? _iconCls() : 'text-slate-500'"></span>
|
|
11308
11308
|
}
|
|
11309
11309
|
@if (!collapsed()) {
|
|
11310
11310
|
<span class="flex-1 text-left truncate">{{ label() }}</span>
|