codexly-ui 0.10.75 → 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 +90 -82
  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()) {
@@ -14887,10 +14889,12 @@ class ClxWishlistComponent {
14887
14889
 
14888
14890
  <!-- Price -->
14889
14891
  <div class="flex items-baseline gap-2 mt-2">
14890
- <span [class]="_priceClass">{{ (item.sale_price ?? item.product_sale_price) | currency:'COP':'$':'1.0-0' }}</span>
14892
+ <span [class]="_priceClass">
14893
+ {{ (item.has_discount && item.discount_price ? item.discount_price : (item.sale_price ?? item.product_sale_price)) | currency:'COP':'$':'1.0-0' }}
14894
+ </span>
14891
14895
  @if (item.has_discount && item.discount_price) {
14892
14896
  <span class="text-sm text-clx-text-subtle line-through">
14893
- {{ item.discount_price | currency:'COP':'$':'1.0-0' }}
14897
+ {{ (item.sale_price ?? item.product_sale_price) | currency:'COP':'$':'1.0-0' }}
14894
14898
  </span>
14895
14899
  }
14896
14900
  </div>
@@ -14974,48 +14978,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
14974
14978
  template: `
14975
14979
  <div class="flex flex-col gap-6">
14976
14980
 
14977
- <!-- ── Top Bar ──────────────────────────────────────────────────────── -->
14978
- <div class="flex flex-col sm:flex-row sm:items-center gap-3">
14979
- <div class="flex-1 min-w-0">
14980
- <clx-input
14981
- type="search"
14982
- placeholder="Search Here"
14983
- prefixIcon="search"
14984
- size="md"
14985
- [color]="color()"
14986
- [(ngModel)]="_searchModel"
14987
- (ngModelChange)="handleSearch($event)"
14988
- />
14989
- </div>
14990
- <div class="w-full sm:w-52 shrink-0">
14991
- <clx-select
14992
- placeholder="Sort By"
14993
- [options]="sortOptions()"
14994
- [activeColor]="color()"
14995
- size="md"
14996
- [(ngModel)]="_sortModel"
14997
- (ngModelChange)="handleSort($event)"
14998
- />
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>
14999
15005
  </div>
15000
- </div>
15001
15006
 
15002
- <!-- ── Info Bar ─────────────────────────────────────────────────────── -->
15003
- <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3">
15004
- <div class="flex items-center gap-2">
15005
- <h2 class="text-base font-semibold text-clx-text-label">Productos</h2>
15006
- <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>
15007
15023
  </div>
15008
- <button
15009
- clx-button
15010
- type="button"
15011
- variant="light"
15012
- [color]="color()"
15013
- icon="arrow_forward"
15014
- iconPosition="right"
15015
- [disabled]="_totalItems() === 0"
15016
- (click)="handleCheckoutAll()"
15017
- >Agregar todo al carrito</button>
15018
- </div>
15024
+ }
15019
15025
 
15020
15026
  <!-- ── List ─────────────────────────────────────────────────────────── -->
15021
15027
  @if (loading()) {
@@ -15090,10 +15096,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
15090
15096
 
15091
15097
  <!-- Price -->
15092
15098
  <div class="flex items-baseline gap-2 mt-2">
15093
- <span [class]="_priceClass">{{ (item.sale_price ?? item.product_sale_price) | currency:'COP':'$':'1.0-0' }}</span>
15099
+ <span [class]="_priceClass">
15100
+ {{ (item.has_discount && item.discount_price ? item.discount_price : (item.sale_price ?? item.product_sale_price)) | currency:'COP':'$':'1.0-0' }}
15101
+ </span>
15094
15102
  @if (item.has_discount && item.discount_price) {
15095
15103
  <span class="text-sm text-clx-text-subtle line-through">
15096
- {{ item.discount_price | currency:'COP':'$':'1.0-0' }}
15104
+ {{ (item.sale_price ?? item.product_sale_price) | currency:'COP':'$':'1.0-0' }}
15097
15105
  </span>
15098
15106
  }
15099
15107
  </div>