codexly-ui 0.10.76 → 0.10.77

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 (3) hide show
  1. package/fesm2022/codexly-ui.mjs +82 -78
  2. package/fesm2022/codexly-ui.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/codexly-ui.mjs CHANGED
@@ -14771,48 +14771,50 @@ class ClxWishlistComponent {
14771
14771
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClxWishlistComponent, isStandalone: true, selector: "clx-wishlist", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, sortOptions: { classPropertyName: "sortOptions", publicName: "sortOptions", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, sortValue: { classPropertyName: "sortValue", publicName: "sortValue", isSignal: true, isRequired: false, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", pageSize: "pageSizeChange", sortValue: "sortValueChange", searchValue: "searchValueChange", onRemove: "onRemove", onAddToCart: "onAddToCart", onSearchChange: "onSearchChange", onSortChange: "onSortChange", onPageChange: "onPageChange", onCheckoutAll: "onCheckoutAll", onBrowseCatalog: "onBrowseCatalog" }, ngImport: i0, template: `
14772
14772
  <div class="flex flex-col gap-6">
14773
14773
 
14774
- <!-- ── Top Bar ──────────────────────────────────────────────────────── -->
14775
- <div class="flex flex-col sm:flex-row sm:items-center gap-3">
14776
- <div class="flex-1 min-w-0">
14777
- <clx-input
14778
- type="search"
14779
- placeholder="Search Here"
14780
- prefixIcon="search"
14781
- size="md"
14782
- [color]="color()"
14783
- [(ngModel)]="_searchModel"
14784
- (ngModelChange)="handleSearch($event)"
14785
- />
14786
- </div>
14787
- <div class="w-full sm:w-52 shrink-0">
14788
- <clx-select
14789
- placeholder="Sort By"
14790
- [options]="sortOptions()"
14791
- [activeColor]="color()"
14792
- size="md"
14793
- [(ngModel)]="_sortModel"
14794
- (ngModelChange)="handleSort($event)"
14795
- />
14774
+ @if (loading() || items().length > 0) {
14775
+ <!-- ── Top Bar ──────────────────────────────────────────────────────── -->
14776
+ <div class="flex flex-col sm:flex-row sm:items-center gap-3">
14777
+ <div class="flex-1 min-w-0">
14778
+ <clx-input
14779
+ type="search"
14780
+ placeholder="Search Here"
14781
+ prefixIcon="search"
14782
+ size="md"
14783
+ [color]="color()"
14784
+ [(ngModel)]="_searchModel"
14785
+ (ngModelChange)="handleSearch($event)"
14786
+ />
14787
+ </div>
14788
+ <div class="w-full sm:w-52 shrink-0">
14789
+ <clx-select
14790
+ placeholder="Sort By"
14791
+ [options]="sortOptions()"
14792
+ [activeColor]="color()"
14793
+ size="md"
14794
+ [(ngModel)]="_sortModel"
14795
+ (ngModelChange)="handleSort($event)"
14796
+ />
14797
+ </div>
14796
14798
  </div>
14797
- </div>
14798
14799
 
14799
- <!-- ── Info Bar ─────────────────────────────────────────────────────── -->
14800
- <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3">
14801
- <div class="flex items-center gap-2">
14802
- <h2 class="text-base font-semibold text-clx-text-label">Productos</h2>
14803
- <span clx-badge variant="light" [color]="color()" size="sm">{{ _totalItems() }}</span>
14800
+ <!-- ── Info Bar ─────────────────────────────────────────────────────── -->
14801
+ <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3">
14802
+ <div class="flex items-center gap-2">
14803
+ <h2 class="text-base font-semibold text-clx-text-label">Productos</h2>
14804
+ <span clx-badge variant="light" [color]="color()" size="sm">{{ _totalItems() }}</span>
14805
+ </div>
14806
+ <button
14807
+ clx-button
14808
+ type="button"
14809
+ variant="light"
14810
+ [color]="color()"
14811
+ icon="arrow_forward"
14812
+ iconPosition="right"
14813
+ [disabled]="_totalItems() === 0"
14814
+ (click)="handleCheckoutAll()"
14815
+ >Agregar todo al carrito</button>
14804
14816
  </div>
14805
- <button
14806
- clx-button
14807
- type="button"
14808
- variant="light"
14809
- [color]="color()"
14810
- icon="arrow_forward"
14811
- iconPosition="right"
14812
- [disabled]="_totalItems() === 0"
14813
- (click)="handleCheckoutAll()"
14814
- >Agregar todo al carrito</button>
14815
- </div>
14817
+ }
14816
14818
 
14817
14819
  <!-- ── List ─────────────────────────────────────────────────────────── -->
14818
14820
  @if (loading()) {
@@ -14976,48 +14978,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
14976
14978
  template: `
14977
14979
  <div class="flex flex-col gap-6">
14978
14980
 
14979
- <!-- ── Top Bar ──────────────────────────────────────────────────────── -->
14980
- <div class="flex flex-col sm:flex-row sm:items-center gap-3">
14981
- <div class="flex-1 min-w-0">
14982
- <clx-input
14983
- type="search"
14984
- placeholder="Search Here"
14985
- prefixIcon="search"
14986
- size="md"
14987
- [color]="color()"
14988
- [(ngModel)]="_searchModel"
14989
- (ngModelChange)="handleSearch($event)"
14990
- />
14991
- </div>
14992
- <div class="w-full sm:w-52 shrink-0">
14993
- <clx-select
14994
- placeholder="Sort By"
14995
- [options]="sortOptions()"
14996
- [activeColor]="color()"
14997
- size="md"
14998
- [(ngModel)]="_sortModel"
14999
- (ngModelChange)="handleSort($event)"
15000
- />
14981
+ @if (loading() || items().length > 0) {
14982
+ <!-- ── Top Bar ──────────────────────────────────────────────────────── -->
14983
+ <div class="flex flex-col sm:flex-row sm:items-center gap-3">
14984
+ <div class="flex-1 min-w-0">
14985
+ <clx-input
14986
+ type="search"
14987
+ placeholder="Search Here"
14988
+ prefixIcon="search"
14989
+ size="md"
14990
+ [color]="color()"
14991
+ [(ngModel)]="_searchModel"
14992
+ (ngModelChange)="handleSearch($event)"
14993
+ />
14994
+ </div>
14995
+ <div class="w-full sm:w-52 shrink-0">
14996
+ <clx-select
14997
+ placeholder="Sort By"
14998
+ [options]="sortOptions()"
14999
+ [activeColor]="color()"
15000
+ size="md"
15001
+ [(ngModel)]="_sortModel"
15002
+ (ngModelChange)="handleSort($event)"
15003
+ />
15004
+ </div>
15001
15005
  </div>
15002
- </div>
15003
15006
 
15004
- <!-- ── Info Bar ─────────────────────────────────────────────────────── -->
15005
- <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3">
15006
- <div class="flex items-center gap-2">
15007
- <h2 class="text-base font-semibold text-clx-text-label">Productos</h2>
15008
- <span clx-badge variant="light" [color]="color()" size="sm">{{ _totalItems() }}</span>
15007
+ <!-- ── Info Bar ─────────────────────────────────────────────────────── -->
15008
+ <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3">
15009
+ <div class="flex items-center gap-2">
15010
+ <h2 class="text-base font-semibold text-clx-text-label">Productos</h2>
15011
+ <span clx-badge variant="light" [color]="color()" size="sm">{{ _totalItems() }}</span>
15012
+ </div>
15013
+ <button
15014
+ clx-button
15015
+ type="button"
15016
+ variant="light"
15017
+ [color]="color()"
15018
+ icon="arrow_forward"
15019
+ iconPosition="right"
15020
+ [disabled]="_totalItems() === 0"
15021
+ (click)="handleCheckoutAll()"
15022
+ >Agregar todo al carrito</button>
15009
15023
  </div>
15010
- <button
15011
- clx-button
15012
- type="button"
15013
- variant="light"
15014
- [color]="color()"
15015
- icon="arrow_forward"
15016
- iconPosition="right"
15017
- [disabled]="_totalItems() === 0"
15018
- (click)="handleCheckoutAll()"
15019
- >Agregar todo al carrito</button>
15020
- </div>
15024
+ }
15021
15025
 
15022
15026
  <!-- ── List ─────────────────────────────────────────────────────────── -->
15023
15027
  @if (loading()) {