codexly-ui 0.12.21 → 0.12.22
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 +13 -11
- package/fesm2022/codexly-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/codexly-ui.d.ts +6 -4
package/fesm2022/codexly-ui.mjs
CHANGED
|
@@ -16060,9 +16060,11 @@ class ClxWishlistComponent {
|
|
|
16060
16060
|
* text illegible against a light-tinted background. Undefined leaves clx-button's own
|
|
16061
16061
|
* automatic resolution untouched. */
|
|
16062
16062
|
checkoutAllTextColor = input(undefined, ...(ngDevMode ? [{ debugName: "checkoutAllTextColor" }] : /* istanbul ignore next */ []));
|
|
16063
|
-
/**
|
|
16064
|
-
* `color
|
|
16065
|
-
|
|
16063
|
+
/** Override for each item's own "Añadir al carrito" button (variant="solid") — same naming as
|
|
16064
|
+
* clx-product-detail's actionColor/actionTextColor. Falls back to `color()` when unset. */
|
|
16065
|
+
actionColor = input(undefined, ...(ngDevMode ? [{ debugName: "actionColor" }] : /* istanbul ignore next */ []));
|
|
16066
|
+
actionTextColor = input(undefined, ...(ngDevMode ? [{ debugName: "actionTextColor" }] : /* istanbul ignore next */ []));
|
|
16067
|
+
_actionColor = computed(() => this.actionColor() ?? this.color() ?? this._themeSvc.config().primaryColor, ...(ngDevMode ? [{ debugName: "_actionColor" }] : /* istanbul ignore next */ []));
|
|
16066
16068
|
/** Product card drop shadow — same ClxCardShadow scale as clx-card ('none' turns it off
|
|
16067
16069
|
* entirely). Falls back to 'sm', the shadow these cards have always rendered with. */
|
|
16068
16070
|
shadow = input(undefined, ...(ngDevMode ? [{ debugName: "shadow" }] : /* istanbul ignore next */ []));
|
|
@@ -16164,7 +16166,7 @@ class ClxWishlistComponent {
|
|
|
16164
16166
|
this.onCheckoutAll.emit(this._filtered());
|
|
16165
16167
|
}
|
|
16166
16168
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClxWishlistComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16167
|
-
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 }, checkoutAllTextColor: { classPropertyName: "checkoutAllTextColor", publicName: "checkoutAllTextColor", isSignal: true, isRequired: false, transformFunction: null },
|
|
16169
|
+
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 }, checkoutAllTextColor: { classPropertyName: "checkoutAllTextColor", publicName: "checkoutAllTextColor", isSignal: true, isRequired: false, transformFunction: null }, actionColor: { classPropertyName: "actionColor", publicName: "actionColor", isSignal: true, isRequired: false, transformFunction: null }, actionTextColor: { classPropertyName: "actionTextColor", publicName: "actionTextColor", isSignal: true, isRequired: false, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", 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: `
|
|
16168
16170
|
<div class="flex flex-col gap-6">
|
|
16169
16171
|
|
|
16170
16172
|
@if (loading() || items().length > 0) {
|
|
@@ -16197,7 +16199,7 @@ class ClxWishlistComponent {
|
|
|
16197
16199
|
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3">
|
|
16198
16200
|
<div class="flex items-center gap-2">
|
|
16199
16201
|
<h2 class="text-base font-semibold text-clx-text-label">Productos</h2>
|
|
16200
|
-
<span clx-badge variant="
|
|
16202
|
+
<span clx-badge variant="solid" [color]="_accentColor()" size="sm">{{ _totalItems() }}</span>
|
|
16201
16203
|
</div>
|
|
16202
16204
|
<button
|
|
16203
16205
|
clx-button
|
|
@@ -16320,8 +16322,8 @@ class ClxWishlistComponent {
|
|
|
16320
16322
|
<button
|
|
16321
16323
|
clx-button
|
|
16322
16324
|
type="button"
|
|
16323
|
-
[color]="
|
|
16324
|
-
[textColor]="
|
|
16325
|
+
[color]="_actionColor()"
|
|
16326
|
+
[textColor]="actionTextColor()"
|
|
16325
16327
|
variant="solid"
|
|
16326
16328
|
size="md"
|
|
16327
16329
|
icon="shopping_cart"
|
|
@@ -16406,7 +16408,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
16406
16408
|
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3">
|
|
16407
16409
|
<div class="flex items-center gap-2">
|
|
16408
16410
|
<h2 class="text-base font-semibold text-clx-text-label">Productos</h2>
|
|
16409
|
-
<span clx-badge variant="
|
|
16411
|
+
<span clx-badge variant="solid" [color]="_accentColor()" size="sm">{{ _totalItems() }}</span>
|
|
16410
16412
|
</div>
|
|
16411
16413
|
<button
|
|
16412
16414
|
clx-button
|
|
@@ -16529,8 +16531,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
16529
16531
|
<button
|
|
16530
16532
|
clx-button
|
|
16531
16533
|
type="button"
|
|
16532
|
-
[color]="
|
|
16533
|
-
[textColor]="
|
|
16534
|
+
[color]="_actionColor()"
|
|
16535
|
+
[textColor]="actionTextColor()"
|
|
16534
16536
|
variant="solid"
|
|
16535
16537
|
size="md"
|
|
16536
16538
|
icon="shopping_cart"
|
|
@@ -16567,7 +16569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
16567
16569
|
encapsulation: ViewEncapsulation.None,
|
|
16568
16570
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
16569
16571
|
}]
|
|
16570
|
-
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], checkoutAllTextColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkoutAllTextColor", required: false }] }],
|
|
16572
|
+
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], checkoutAllTextColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkoutAllTextColor", required: false }] }], actionColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionColor", required: false }] }], actionTextColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionTextColor", required: false }] }], shadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "shadow", required: false }] }], sortOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortOptions", required: false }] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }, { type: i0.Output, args: ["pageSizeChange"] }], sortValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortValue", required: false }] }, { type: i0.Output, args: ["sortValueChange"] }], searchValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchValue", required: false }] }, { type: i0.Output, args: ["searchValueChange"] }], onRemove: [{ type: i0.Output, args: ["onRemove"] }], onAddToCart: [{ type: i0.Output, args: ["onAddToCart"] }], onSearchChange: [{ type: i0.Output, args: ["onSearchChange"] }], onSortChange: [{ type: i0.Output, args: ["onSortChange"] }], onPageChange: [{ type: i0.Output, args: ["onPageChange"] }], onCheckoutAll: [{ type: i0.Output, args: ["onCheckoutAll"] }], onBrowseCatalog: [{ type: i0.Output, args: ["onBrowseCatalog"] }] } });
|
|
16571
16573
|
|
|
16572
16574
|
class ClxCartComponent {
|
|
16573
16575
|
items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
|