codexly-ui 0.12.28 → 0.12.29

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.
@@ -13403,20 +13403,22 @@ class ClxFilterPanelComponent {
13403
13403
  <!-- Header -->
13404
13404
  <div [class]="_headerClass()" (click)="collapsible() ? _togglePanel() : null">
13405
13405
  <div class="flex items-center gap-2">
13406
- @if (collapsible()) {
13407
- <span clx-icon [name]="panelCollapsed() ? 'expand_more' : 'expand_less'" size="sm" class="text-clx-text-subtle"></span>
13408
- }
13409
13406
  <span clx-icon name="filter_list" size="sm" class="text-clx-text-subtle"></span>
13410
13407
  <span class="text-sm font-semibold text-clx-text-label">Filtros</span>
13411
13408
  @if (_activeCount() > 0) {
13412
13409
  <span [class]="_badgeCls()">{{ _activeCount() }}</span>
13413
13410
  }
13414
13411
  </div>
13415
- @if (_activeCount() > 0 && !panelCollapsed()) {
13416
- <button clx-button type="button" variant="ghost" color="slate" size="sm" (click)="$event.stopPropagation(); _reset()">
13417
- Limpiar
13418
- </button>
13419
- }
13412
+ <div class="flex items-center gap-1">
13413
+ @if (_activeCount() > 0 && !panelCollapsed()) {
13414
+ <button clx-button type="button" variant="ghost" color="slate" size="sm" (click)="$event.stopPropagation(); _reset()">
13415
+ Limpiar
13416
+ </button>
13417
+ }
13418
+ @if (collapsible()) {
13419
+ <span clx-icon [name]="panelCollapsed() ? 'expand_more' : 'expand_less'" size="sm" class="text-clx-text-subtle"></span>
13420
+ }
13421
+ </div>
13420
13422
  </div>
13421
13423
 
13422
13424
  <!-- Fields -->
@@ -13542,20 +13544,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
13542
13544
  <!-- Header -->
13543
13545
  <div [class]="_headerClass()" (click)="collapsible() ? _togglePanel() : null">
13544
13546
  <div class="flex items-center gap-2">
13545
- @if (collapsible()) {
13546
- <span clx-icon [name]="panelCollapsed() ? 'expand_more' : 'expand_less'" size="sm" class="text-clx-text-subtle"></span>
13547
- }
13548
13547
  <span clx-icon name="filter_list" size="sm" class="text-clx-text-subtle"></span>
13549
13548
  <span class="text-sm font-semibold text-clx-text-label">Filtros</span>
13550
13549
  @if (_activeCount() > 0) {
13551
13550
  <span [class]="_badgeCls()">{{ _activeCount() }}</span>
13552
13551
  }
13553
13552
  </div>
13554
- @if (_activeCount() > 0 && !panelCollapsed()) {
13555
- <button clx-button type="button" variant="ghost" color="slate" size="sm" (click)="$event.stopPropagation(); _reset()">
13556
- Limpiar
13557
- </button>
13558
- }
13553
+ <div class="flex items-center gap-1">
13554
+ @if (_activeCount() > 0 && !panelCollapsed()) {
13555
+ <button clx-button type="button" variant="ghost" color="slate" size="sm" (click)="$event.stopPropagation(); _reset()">
13556
+ Limpiar
13557
+ </button>
13558
+ }
13559
+ @if (collapsible()) {
13560
+ <span clx-icon [name]="panelCollapsed() ? 'expand_more' : 'expand_less'" size="sm" class="text-clx-text-subtle"></span>
13561
+ }
13562
+ </div>
13559
13563
  </div>
13560
13564
 
13561
13565
  <!-- Fields -->