codexly-ui 0.10.7 → 0.10.8
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
|
@@ -14099,13 +14099,19 @@ class ClxProductComponent {
|
|
|
14099
14099
|
_buttonSize = computed(() => this._sm() ? 'sm' : 'md', ...(ngDevMode ? [{ debugName: "_buttonSize" }] : /* istanbul ignore next */ []));
|
|
14100
14100
|
_skeletonW = computed(() => this._sm() ? 'sm:w-32' : 'sm:w-44', ...(ngDevMode ? [{ debugName: "_skeletonW" }] : /* istanbul ignore next */ []));
|
|
14101
14101
|
_skeletonH = computed(() => this._sm() ? '160px' : '200px', ...(ngDevMode ? [{ debugName: "_skeletonH" }] : /* istanbul ignore next */ []));
|
|
14102
|
-
_cardClass = computed(() =>
|
|
14102
|
+
_cardClass = computed(() => {
|
|
14103
|
+
const hover = this._disabled() ? '' : 'hover:shadow-xl hover:-translate-y-0.5';
|
|
14104
|
+
return `bg-clx-surface rounded-2xl shadow-sm transition-[box-shadow,transform] duration-300 overflow-hidden group ${hover} ${this._h() ? 'flex flex-col sm:flex-row' : 'flex flex-col'}`;
|
|
14105
|
+
}, ...(ngDevMode ? [{ debugName: "_cardClass" }] : /* istanbul ignore next */ []));
|
|
14103
14106
|
_imageContainerClass = computed(() => this._h()
|
|
14104
14107
|
? `relative shrink-0 w-full aspect-square sm:aspect-auto ${this._sm() ? 'sm:w-32' : 'sm:w-44'} overflow-hidden rounded-t-2xl sm:rounded-t-none sm:rounded-l-2xl`
|
|
14105
14108
|
: 'relative w-full aspect-square overflow-hidden rounded-t-2xl', ...(ngDevMode ? [{ debugName: "_imageContainerClass" }] : /* istanbul ignore next */ []));
|
|
14106
|
-
_imageClass = computed(() =>
|
|
14107
|
-
|
|
14108
|
-
|
|
14109
|
+
_imageClass = computed(() => {
|
|
14110
|
+
const zoom = this._disabled() ? '' : 'group-hover:scale-105';
|
|
14111
|
+
return this.imageFit() === 'contain'
|
|
14112
|
+
? `w-full h-full object-contain p-6 transition-transform duration-500 ${zoom}`
|
|
14113
|
+
: `w-full h-full object-cover transition-transform duration-500 ${zoom}`;
|
|
14114
|
+
}, ...(ngDevMode ? [{ debugName: "_imageClass" }] : /* istanbul ignore next */ []));
|
|
14109
14115
|
_contentClass = computed(() => 'flex flex-col gap-2 flex-1 p-3', ...(ngDevMode ? [{ debugName: "_contentClass" }] : /* istanbul ignore next */ []));
|
|
14110
14116
|
_actionsClass = computed(() => this._h()
|
|
14111
14117
|
? 'flex flex-col sm:flex-row items-stretch sm:items-center gap-2 mt-3'
|