codexly-ui 0.10.7 → 0.10.9

package/fesm2022/codexly-ui.mjs

@@ -4393,6 +4393,7 @@ class ClxCheckboxComponent {
       type="checkbox"
       class="sr-only"
       aria-hidden="true"
+      tabindex="-1"
       [checked]="_checked()"
       [disabled]="_disabled()"
       (click)="$event.stopPropagation()"
@@ -4427,6 +4428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
       type="checkbox"
       class="sr-only"
       aria-hidden="true"
+      tabindex="-1"
       [checked]="_checked()"
       [disabled]="_disabled()"
       (click)="$event.stopPropagation()"
@@ -4597,6 +4599,7 @@ class ClxRadioComponent {
       type="radio"
       class="sr-only"
       aria-hidden="true"
+      tabindex="-1"
       [checked]="_checked()"
       [disabled]="_isDisabled()"
       (click)="$event.stopPropagation()"
@@ -4620,6 +4623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
       type="radio"
       class="sr-only"
       aria-hidden="true"
+      tabindex="-1"
       [checked]="_checked()"
       [disabled]="_isDisabled()"
       (click)="$event.stopPropagation()"
@@ -4722,6 +4726,7 @@ class ClxSwitchComponent {
     <input
       type="checkbox"
       class="sr-only"
+      tabindex="-1"
       [checked]="_checked()"
       [disabled]="_disabled()"
       (change)="_handleChange($event)"
@@ -4751,6 +4756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
     <input
       type="checkbox"
       class="sr-only"
+      tabindex="-1"
       [checked]="_checked()"
       [disabled]="_disabled()"
       (change)="_handleChange($event)"
@@ -14099,13 +14105,19 @@ class ClxProductComponent {
     _buttonSize = computed(() => this._sm() ? 'sm' : 'md', ...(ngDevMode ? [{ debugName: "_buttonSize" }] : /* istanbul ignore next */ []));
     _skeletonW = computed(() => this._sm() ? 'sm:w-32' : 'sm:w-44', ...(ngDevMode ? [{ debugName: "_skeletonW" }] : /* istanbul ignore next */ []));
     _skeletonH = computed(() => this._sm() ? '160px' : '200px', ...(ngDevMode ? [{ debugName: "_skeletonH" }] : /* istanbul ignore next */ []));
-    _cardClass = computed(() => `bg-clx-surface rounded-2xl shadow-sm transition-[box-shadow,transform] duration-300 overflow-hidden group hover:shadow-xl hover:-translate-y-0.5 ${this._h() ? 'flex flex-col sm:flex-row' : 'flex flex-col'}`, ...(ngDevMode ? [{ debugName: "_cardClass" }] : /* istanbul ignore next */ []));
+    _cardClass = computed(() => {
+        const hover = this._disabled() ? '' : 'hover:shadow-xl hover:-translate-y-0.5';
+        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'}`;
+    }, ...(ngDevMode ? [{ debugName: "_cardClass" }] : /* istanbul ignore next */ []));
     _imageContainerClass = computed(() => this._h()
         ? `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`
         : 'relative w-full aspect-square overflow-hidden rounded-t-2xl', ...(ngDevMode ? [{ debugName: "_imageContainerClass" }] : /* istanbul ignore next */ []));
-    _imageClass = computed(() => this.imageFit() === 'contain'
-        ? 'w-full h-full object-contain p-6 transition-transform duration-500 group-hover:scale-105'
-        : 'w-full h-full object-cover transition-transform duration-500 group-hover:scale-105', ...(ngDevMode ? [{ debugName: "_imageClass" }] : /* istanbul ignore next */ []));
+    _imageClass = computed(() => {
+        const zoom = this._disabled() ? '' : 'group-hover:scale-105';
+        return this.imageFit() === 'contain'
+            ? `w-full h-full object-contain p-6 transition-transform duration-500 ${zoom}`
+            : `w-full h-full object-cover transition-transform duration-500 ${zoom}`;
+    }, ...(ngDevMode ? [{ debugName: "_imageClass" }] : /* istanbul ignore next */ []));
     _contentClass = computed(() => 'flex flex-col gap-2 flex-1 p-3', ...(ngDevMode ? [{ debugName: "_contentClass" }] : /* istanbul ignore next */ []));
     _actionsClass = computed(() => this._h()
         ? 'flex flex-col sm:flex-row items-stretch sm:items-center gap-2 mt-3'