@solcre-org/core-ui 2.11.33 → 2.11.34

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.
@@ -2,9 +2,18 @@
2
2
  /** COMPONENT: IMAGE PREVIEW
3
3
  /* ******************************************** */
4
4
 
5
+ *:has(> .c-img-preview){
6
+ position: relative;
7
+ }
8
+
5
9
  .c-img-preview{
6
10
  cursor: pointer;
7
- position: relative;
11
+ position: absolute;
12
+ left: 0;
13
+ top: 0;
14
+ width: 100%;
15
+ height: 100%;
16
+ object-fit: cover;
8
17
  }
9
18
 
10
19
  .c-img-preview::before {
@@ -43,6 +52,11 @@
43
52
  z-index: 2;
44
53
  }
45
54
 
55
+ .c-img-preview img{
56
+ object-fit: cover;
57
+ width: 100%;
58
+ height: 100%;
59
+ }
46
60
 
47
61
  /* Modal */
48
62
  .c-img-modal {
@@ -20,6 +20,7 @@
20
20
  position: relative;
21
21
  font-size: var(--tag-fz, var(--_fz));
22
22
  font-weight: var(--tag-fw, var(--_fw));
23
+ line-height: 1.1;
23
24
  color: hsl( var(--tag-color-hsl, var(--_color-main-hsl)) );
24
25
  }
25
26
 
@@ -14,9 +14,19 @@ router-outlet:empty{
14
14
  display: none;
15
15
  }
16
16
 
17
+ /* Img preview */
18
+
19
+ core-image-preview{
20
+ display: block;
21
+ height: 100%;
22
+ width: 100%;
23
+ }
24
+
17
25
  /* Components */
18
26
 
19
27
  *[appdynamicfield]:empty,
20
28
  *[coredynamicfield]:empty{
21
29
  display: none;
22
- }
30
+ }
31
+
32
+
@@ -977,11 +977,11 @@ class ImagePreviewComponent {
977
977
  });
978
978
  }
979
979
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ImagePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
980
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: ImagePreviewComponent, isStandalone: true, selector: "core-image-preview", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, objectFit: { classPropertyName: "objectFit", publicName: "objectFit", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, cursor: { classPropertyName: "cursor", publicName: "cursor", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"c-img-preview\" \n [style.width]=\"width()\"\n [style.height]=\"height()\"\n (click)=\"onImageClick()\">\n <img \n [src]=\"src()\" \n [alt]=\"alt()\"\n [title]=\"title()\"\n [loading]=\"loading()\"\n [style.object-fit]=\"objectFit()\"\n [style.border-radius]=\"borderRadius()\"\n [style.cursor]=\"cursor()\">\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
980
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: ImagePreviewComponent, isStandalone: true, selector: "core-image-preview", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, objectFit: { classPropertyName: "objectFit", publicName: "objectFit", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, cursor: { classPropertyName: "cursor", publicName: "cursor", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"c-img-preview\" \n (click)=\"onImageClick()\">\n <img \n [src]=\"src()\" \n [alt]=\"alt()\"\n [title]=\"title()\"\n [loading]=\"loading()\"\n [style.object-fit]=\"objectFit()\"\n [style.border-radius]=\"borderRadius()\"\n [style.cursor]=\"cursor()\">\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
981
981
  }
982
982
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ImagePreviewComponent, decorators: [{
983
983
  type: Component,
984
- args: [{ selector: 'core-image-preview', standalone: true, imports: [CommonModule], template: "<div class=\"c-img-preview\" \n [style.width]=\"width()\"\n [style.height]=\"height()\"\n (click)=\"onImageClick()\">\n <img \n [src]=\"src()\" \n [alt]=\"alt()\"\n [title]=\"title()\"\n [loading]=\"loading()\"\n [style.object-fit]=\"objectFit()\"\n [style.border-radius]=\"borderRadius()\"\n [style.cursor]=\"cursor()\">\n</div>" }]
984
+ args: [{ selector: 'core-image-preview', standalone: true, imports: [CommonModule], template: "<div class=\"c-img-preview\" \n (click)=\"onImageClick()\">\n <img \n [src]=\"src()\" \n [alt]=\"alt()\"\n [title]=\"title()\"\n [loading]=\"loading()\"\n [style.object-fit]=\"objectFit()\"\n [style.border-radius]=\"borderRadius()\"\n [style.cursor]=\"cursor()\">\n</div>" }]
985
985
  }] });
986
986
 
987
987
  class FileFieldComponent extends BaseFieldComponent {
@@ -10590,11 +10590,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
10590
10590
  // Este archivo es generado automáticamente por scripts/update-version.js
10591
10591
  // No edites manualmente este archivo
10592
10592
  const VERSION = {
10593
- full: '2.11.33',
10593
+ full: '2.11.34',
10594
10594
  major: 2,
10595
10595
  minor: 11,
10596
- patch: 33,
10597
- timestamp: '2025-09-01T16:54:48.798Z',
10596
+ patch: 34,
10597
+ timestamp: '2025-09-01T18:16:16.570Z',
10598
10598
  buildDate: '1/9/2025'
10599
10599
  };
10600
10600