@lluc_llull/ui-lib 0.33.10 → 0.34.0

package/README.md

@@ -17,7 +17,7 @@ After building your library with `ng build ui-lib`, go to the dist folder `cd di
 
 ## Running unit tests
 
-Run `ng test ui-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
+Run `ng test ui-lib` to execute the unit tests via Vitest.
 
 ## Further help
 

package/fesm2022/lluc_llull-ui-lib-content-asymmetric-media.mjs

@@ -1,29 +1,86 @@
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-import { ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';
-import { UiImageComponent } from '@lluc_llull/ui-lib/shared';
-
-class AsymmetricMediaComponent {
-    media;
-    direction = 'right';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AsymmetricMediaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: AsymmetricMediaComponent, isStandalone: true, selector: "lib-asymmetric-media", inputs: { media: "media", direction: "direction" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: "<div \n    class=\"asymmetric-media main-grid col-span-full md:col-span-12 md:col-start-1\" \n    scrollReveal\n>\n    @if(media && media.length > 0) {\n        <div class=\"asymmetric-media__items main-grid col-span-full md:col-span-12 md:col-start-1\">\n            @if(direction === 'left') {\n                <div class=\"asymmetric-media__items--small col-span-full md:col-span-4 md:col-start-1\">\n                    @if (media[0]!.publicId) {\n                        <ui-image [publicId]=\"media[0]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[0]!.url\" [alt]=\"media[0]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n                <div class=\"asymmetric-media__items--big col-span-full md:col-span-8 md:col-start-5\">\n                    @if (media[1]!.publicId) {\n                        <ui-image [publicId]=\"media[1]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[1]!.url\" [alt]=\"media[1]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n            }\n            @if(direction === 'right') {\n                <div class=\"asymmetric-media__items--small col-span-full md:col-span-8 md:col-start-1\">\n                    @if (media[0]!.publicId) {\n                        <ui-image [publicId]=\"media[0]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[0]!.url\" [alt]=\"media[0]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n                <div class=\"asymmetric-media__items--big col-span-full md:col-span-4 md:col-start-9\">\n                    @if (media[1]!.publicId) {\n                        <ui-image [publicId]=\"media[1]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[1]!.url\" [alt]=\"media[1]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n            }\n        </div>\n    }\n</div>\n", styles: [".asymmetric-media{background-color:var(--content-bg-dark);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);padding-block:10rem 1rem}.asymmetric-media__items{align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UiImageComponent, selector: "ui-image", inputs: ["publicId", "cloudName", "transformations", "eager", "width", "height"] }, { kind: "directive", type: ScrollRevealDirective, selector: "[scrollReveal]", inputs: ["distance", "duration"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AsymmetricMediaComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-asymmetric-media', imports: [CommonModule, UiImageComponent, ScrollRevealDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        style: 'display: contents',
-                    }, template: "<div \n    class=\"asymmetric-media main-grid col-span-full md:col-span-12 md:col-start-1\" \n    scrollReveal\n>\n    @if(media && media.length > 0) {\n        <div class=\"asymmetric-media__items main-grid col-span-full md:col-span-12 md:col-start-1\">\n            @if(direction === 'left') {\n                <div class=\"asymmetric-media__items--small col-span-full md:col-span-4 md:col-start-1\">\n                    @if (media[0]!.publicId) {\n                        <ui-image [publicId]=\"media[0]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[0]!.url\" [alt]=\"media[0]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n                <div class=\"asymmetric-media__items--big col-span-full md:col-span-8 md:col-start-5\">\n                    @if (media[1]!.publicId) {\n                        <ui-image [publicId]=\"media[1]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[1]!.url\" [alt]=\"media[1]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n            }\n            @if(direction === 'right') {\n                <div class=\"asymmetric-media__items--small col-span-full md:col-span-8 md:col-start-1\">\n                    @if (media[0]!.publicId) {\n                        <ui-image [publicId]=\"media[0]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[0]!.url\" [alt]=\"media[0]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n                <div class=\"asymmetric-media__items--big col-span-full md:col-span-4 md:col-start-9\">\n                    @if (media[1]!.publicId) {\n                        <ui-image [publicId]=\"media[1]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[1]!.url\" [alt]=\"media[1]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n            }\n        </div>\n    }\n</div>\n", styles: [".asymmetric-media{background-color:var(--content-bg-dark);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);padding-block:10rem 1rem}.asymmetric-media__items{align-items:center}\n"] }]
-        }], propDecorators: { media: [{
-                type: Input
-            }], direction: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+import { ScrollRevealDirective } from "@lluc_llull/ui-lib/directives";
+import { UiImageComponent } from "@lluc_llull/ui-lib/shared";
+var AsymmetricMediaComponent = class AsymmetricMediaComponent {
+	media;
+	direction = "right";
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: AsymmetricMediaComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: AsymmetricMediaComponent,
+		isStandalone: true,
+		selector: "lib-asymmetric-media",
+		inputs: {
+			media: "media",
+			direction: "direction"
+		},
+		host: { styleAttribute: "display: contents" },
+		ngImport: i0,
+		template: "<div \n    class=\"asymmetric-media main-grid col-span-full md:col-span-12 md:col-start-1\" \n    scrollReveal\n>\n    @if(media && media.length > 0) {\n        <div class=\"asymmetric-media__items main-grid col-span-full md:col-span-12 md:col-start-1\">\n            @if(direction === 'left') {\n                <div class=\"asymmetric-media__items--small col-span-full md:col-span-4 md:col-start-1\">\n                    @if (media[0]!.publicId) {\n                        <ui-image [publicId]=\"media[0]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[0]!.url\" [alt]=\"media[0]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n                <div class=\"asymmetric-media__items--big col-span-full md:col-span-8 md:col-start-5\">\n                    @if (media[1]!.publicId) {\n                        <ui-image [publicId]=\"media[1]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[1]!.url\" [alt]=\"media[1]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n            }\n            @if(direction === 'right') {\n                <div class=\"asymmetric-media__items--small col-span-full md:col-span-8 md:col-start-1\">\n                    @if (media[0]!.publicId) {\n                        <ui-image [publicId]=\"media[0]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[0]!.url\" [alt]=\"media[0]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n                <div class=\"asymmetric-media__items--big col-span-full md:col-span-4 md:col-start-9\">\n                    @if (media[1]!.publicId) {\n                        <ui-image [publicId]=\"media[1]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[1]!.url\" [alt]=\"media[1]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n            }\n        </div>\n    }\n</div>\n",
+		styles: [".asymmetric-media{background-color:var(--content-bg-dark);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);padding-block:10rem 1rem}.asymmetric-media__items{align-items:center}\n"],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "component",
+				type: UiImageComponent,
+				selector: "ui-image",
+				inputs: [
+					"publicId",
+					"cloudName",
+					"transformations",
+					"eager",
+					"width",
+					"height"
+				]
+			},
+			{
+				kind: "directive",
+				type: ScrollRevealDirective,
+				selector: "[scrollReveal]",
+				inputs: ["distance", "duration"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: AsymmetricMediaComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-asymmetric-media",
+			imports: [
+				CommonModule,
+				UiImageComponent,
+				ScrollRevealDirective
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { style: "display: contents" },
+			template: "<div \n    class=\"asymmetric-media main-grid col-span-full md:col-span-12 md:col-start-1\" \n    scrollReveal\n>\n    @if(media && media.length > 0) {\n        <div class=\"asymmetric-media__items main-grid col-span-full md:col-span-12 md:col-start-1\">\n            @if(direction === 'left') {\n                <div class=\"asymmetric-media__items--small col-span-full md:col-span-4 md:col-start-1\">\n                    @if (media[0]!.publicId) {\n                        <ui-image [publicId]=\"media[0]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[0]!.url\" [alt]=\"media[0]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n                <div class=\"asymmetric-media__items--big col-span-full md:col-span-8 md:col-start-5\">\n                    @if (media[1]!.publicId) {\n                        <ui-image [publicId]=\"media[1]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[1]!.url\" [alt]=\"media[1]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n            }\n            @if(direction === 'right') {\n                <div class=\"asymmetric-media__items--small col-span-full md:col-span-8 md:col-start-1\">\n                    @if (media[0]!.publicId) {\n                        <ui-image [publicId]=\"media[0]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[0]!.url\" [alt]=\"media[0]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n                <div class=\"asymmetric-media__items--big col-span-full md:col-span-4 md:col-start-9\">\n                    @if (media[1]!.publicId) {\n                        <ui-image [publicId]=\"media[1]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[1]!.url\" [alt]=\"media[1]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n            }\n        </div>\n    }\n</div>\n",
+			styles: [".asymmetric-media{background-color:var(--content-bg-dark);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);padding-block:10rem 1rem}.asymmetric-media__items{align-items:center}\n"]
+		}]
+	}],
+	propDecorators: {
+		media: [{ type: Input }],
+		direction: [{ type: Input }]
+	}
+});
 export { AsymmetricMediaComponent };
-//# sourceMappingURL=lluc_llull-ui-lib-content-asymmetric-media.mjs.map
+
+//# sourceMappingURL=lluc_llull-ui-lib-content-asymmetric-media.mjs.map

package/fesm2022/lluc_llull-ui-lib-content-asymmetric-media.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lluc_llull-ui-lib-content-asymmetric-media.mjs","sources":["../../../projects/ui-lib/content/asymmetric-media/asymmetric-media.component.ts","../../../projects/ui-lib/content/asymmetric-media/asymmetric-media.component.html","../../../projects/ui-lib/content/asymmetric-media/lluc_llull-ui-lib-content-asymmetric-media.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { UiImageComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n  selector: 'lib-asymmetric-media',\n  imports: [CommonModule, UiImageComponent, ScrollRevealDirective],\n  templateUrl: './asymmetric-media.component.html',\n  styleUrl: './asymmetric-media.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n      style: 'display: contents',\n  },\n})\nexport class AsymmetricMediaComponent {\n  @Input() media?: UiLibImageI[];\n  @Input() direction: 'left' | 'right' = 'right';\n}\n","<div \n    class=\"asymmetric-media main-grid col-span-full md:col-span-12 md:col-start-1\" \n    scrollReveal\n>\n    @if(media && media.length > 0) {\n        <div class=\"asymmetric-media__items main-grid col-span-full md:col-span-12 md:col-start-1\">\n            @if(direction === 'left') {\n                <div class=\"asymmetric-media__items--small col-span-full md:col-span-4 md:col-start-1\">\n                    @if (media[0]!.publicId) {\n                        <ui-image [publicId]=\"media[0]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[0]!.url\" [alt]=\"media[0]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n                <div class=\"asymmetric-media__items--big col-span-full md:col-span-8 md:col-start-5\">\n                    @if (media[1]!.publicId) {\n                        <ui-image [publicId]=\"media[1]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[1]!.url\" [alt]=\"media[1]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n            }\n            @if(direction === 'right') {\n                <div class=\"asymmetric-media__items--small col-span-full md:col-span-8 md:col-start-1\">\n                    @if (media[0]!.publicId) {\n                        <ui-image [publicId]=\"media[0]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[0]!.url\" [alt]=\"media[0]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n                <div class=\"asymmetric-media__items--big col-span-full md:col-span-4 md:col-start-9\">\n                    @if (media[1]!.publicId) {\n                        <ui-image [publicId]=\"media[1]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[1]!.url\" [alt]=\"media[1]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n            }\n        </div>\n    }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAgBa,wBAAwB,CAAA;AAC1B,IAAA,KAAK;IACL,SAAS,GAAqB,OAAO;wGAFnC,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,mLChBrC,k0EAyCA,EAAA,MAAA,EAAA,CAAA,6PAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDjCY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,uIAAE,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAQpD,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAVpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAAA,OAAA,EACvB,CAAC,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAG/C,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,mBAAmB;AAC7B,qBAAA,EAAA,QAAA,EAAA,k0EAAA,EAAA,MAAA,EAAA,CAAA,6PAAA,CAAA,EAAA;8BAGQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,SAAS,EAAA,CAAA;sBAAjB;;;AElBH;;AAEG;;;;"}
+{"version":3,"file":"lluc_llull-ui-lib-content-asymmetric-media.mjs","names":[],"sources":["../../../projects/ui-lib/content/asymmetric-media/asymmetric-media.component.ts","../../../projects/ui-lib/content/asymmetric-media/asymmetric-media.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { UiImageComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n  selector: 'lib-asymmetric-media',\n  imports: [CommonModule, UiImageComponent, ScrollRevealDirective],\n  templateUrl: './asymmetric-media.component.html',\n  styleUrl: './asymmetric-media.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n      style: 'display: contents',\n  },\n})\nexport class AsymmetricMediaComponent {\n  @Input() media?: UiLibImageI[];\n  @Input() direction: 'left' | 'right' = 'right';\n}\n","<div \n    class=\"asymmetric-media main-grid col-span-full md:col-span-12 md:col-start-1\" \n    scrollReveal\n>\n    @if(media && media.length > 0) {\n        <div class=\"asymmetric-media__items main-grid col-span-full md:col-span-12 md:col-start-1\">\n            @if(direction === 'left') {\n                <div class=\"asymmetric-media__items--small col-span-full md:col-span-4 md:col-start-1\">\n                    @if (media[0]!.publicId) {\n                        <ui-image [publicId]=\"media[0]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[0]!.url\" [alt]=\"media[0]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n                <div class=\"asymmetric-media__items--big col-span-full md:col-span-8 md:col-start-5\">\n                    @if (media[1]!.publicId) {\n                        <ui-image [publicId]=\"media[1]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[1]!.url\" [alt]=\"media[1]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n            }\n            @if(direction === 'right') {\n                <div class=\"asymmetric-media__items--small col-span-full md:col-span-8 md:col-start-1\">\n                    @if (media[0]!.publicId) {\n                        <ui-image [publicId]=\"media[0]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[0]!.url\" [alt]=\"media[0]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n                <div class=\"asymmetric-media__items--big col-span-full md:col-span-4 md:col-start-9\">\n                    @if (media[1]!.publicId) {\n                        <ui-image [publicId]=\"media[1]!.publicId!\" [eager]=\"true\" class=\"asymmetric-media-img\"></ui-image>\n                    } @else {\n                        <img [src]=\"media[1]!.url\" [alt]=\"media[1]!.alt\" class=\"asymmetric-media-img\" loading=\"eager\" />\n                    }\n                </div>\n            }\n        </div>\n    }\n</div>\n"],"mappings":";;;;;AAgBA,IAAa,2BAAb,MAAa,yBAAwB;CAC1B;CACA,YAA8B;CAF5B,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAwB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAxB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAwB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;GAAA,WAAA;EAAA;EAAA,MAAA,EAAA,gBAAA,oBAAA;EAAA,UAAA;EAAA,UChBrC;EAyCA,QAAA,CAAA,6PAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MDjCY;GAAY;GAAA;IAAA,MAAA;IAAA,MAAE;IAAgB,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAqB,UAAA;IAAA,QAAA,CAAA,YAAA,UAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAQpD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAwB,YAAA,CAAA;EAVpC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAsB,SACvB;IAAC;IAAc;IAAkB;GAAqB;GAAC,iBAG/C,wBAAwB;GAAM,MACzC,EACF,OAAO,oBACV;GAAA,UAAA;GAAA,QAAA,CAAA,6PAAA;EAAA,CAAA;;;E,UAGA,MAAA,M;E,cACA,MAAA,M"}

package/fesm2022/lluc_llull-ui-lib-content-category-progress.mjs

@@ -1,31 +1,82 @@
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-import { HighlightDirective, ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';
-
-class CategoryProgressComponent {
-    pretitle;
-    title;
-    categories;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CategoryProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CategoryProgressComponent, isStandalone: true, selector: "lib-category-progress", inputs: { pretitle: "pretitle", title: "title", categories: "categories" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: "<div class=\"category-progress col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  @if (pretitle) {\n    <h3 class=\"pretitle\">{{ pretitle }}</h3>\n  }\n  @if (title) {\n    <h2 class=\"title\">{{ title }}</h2>\n  }\n  <div class=\"progress-grid\">\n    @for (category of categories; track $index) {\n      <div class=\"category\">\n        <h3 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ category.title }}</h3>\n\n        @for (item of category.items; track $index) {\n          <div class=\"item\">\n            <div class=\"item-info\">\n              <span class=\"label\">{{ item.label }}</span>\n              <span class=\"value\">{{ item.value }}%</span>\n            </div>\n\n            <div class=\"bar\">\n              <div class=\"fill\" [style.width.%]=\"item.value\"></div>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [".category-progress{text-align:start;align-items:start}.title{text-transform:uppercase}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.category{display:flex;flex-direction:column;gap:1.5rem}.category-title{font-weight:600;font-size:1.1rem}.subtitle{font-size:1.8rem;width:fit-content}.item{margin-bottom:0rem}.item .item-info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.item .label,.item .value{font-size:1.3rem;margin-bottom:0;display:inline-block}.item .bar{background-color:var(--progress-bg);height:2px;border-radius:3px;overflow:hidden}.item .bar .fill{background-color:var(--progress-color);height:100%;width:0;transition:width .3s ease}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: HighlightDirective, selector: "[highlight]", inputs: ["highlight", "highlightThickness"] }, { kind: "directive", type: ScrollRevealDirective, selector: "[scrollReveal]", inputs: ["distance", "duration"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CategoryProgressComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-category-progress', standalone: true, imports: [CommonModule, HighlightDirective, ScrollRevealDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        style: 'display: contents',
-                    }, template: "<div class=\"category-progress col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  @if (pretitle) {\n    <h3 class=\"pretitle\">{{ pretitle }}</h3>\n  }\n  @if (title) {\n    <h2 class=\"title\">{{ title }}</h2>\n  }\n  <div class=\"progress-grid\">\n    @for (category of categories; track $index) {\n      <div class=\"category\">\n        <h3 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ category.title }}</h3>\n\n        @for (item of category.items; track $index) {\n          <div class=\"item\">\n            <div class=\"item-info\">\n              <span class=\"label\">{{ item.label }}</span>\n              <span class=\"value\">{{ item.value }}%</span>\n            </div>\n\n            <div class=\"bar\">\n              <div class=\"fill\" [style.width.%]=\"item.value\"></div>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [".category-progress{text-align:start;align-items:start}.title{text-transform:uppercase}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.category{display:flex;flex-direction:column;gap:1.5rem}.category-title{font-weight:600;font-size:1.1rem}.subtitle{font-size:1.8rem;width:fit-content}.item{margin-bottom:0rem}.item .item-info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.item .label,.item .value{font-size:1.3rem;margin-bottom:0;display:inline-block}.item .bar{background-color:var(--progress-bg);height:2px;border-radius:3px;overflow:hidden}.item .bar .fill{background-color:var(--progress-color);height:100%;width:0;transition:width .3s ease}\n"] }]
-        }], propDecorators: { pretitle: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], categories: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+import { HighlightDirective, ScrollRevealDirective } from "@lluc_llull/ui-lib/directives";
+var CategoryProgressComponent = class CategoryProgressComponent {
+	pretitle;
+	title;
+	categories;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: CategoryProgressComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: CategoryProgressComponent,
+		isStandalone: true,
+		selector: "lib-category-progress",
+		inputs: {
+			pretitle: "pretitle",
+			title: "title",
+			categories: "categories"
+		},
+		host: { styleAttribute: "display: contents" },
+		ngImport: i0,
+		template: "<div class=\"category-progress col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  @if (pretitle) {\n    <h3 class=\"pretitle\">{{ pretitle }}</h3>\n  }\n  @if (title) {\n    <h2 class=\"title\">{{ title }}</h2>\n  }\n  <div class=\"progress-grid\">\n    @for (category of categories; track $index) {\n      <div class=\"category\">\n        <h3 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ category.title }}</h3>\n\n        @for (item of category.items; track $index) {\n          <div class=\"item\">\n            <div class=\"item-info\">\n              <span class=\"label\">{{ item.label }}</span>\n              <span class=\"value\">{{ item.value }}%</span>\n            </div>\n\n            <div class=\"bar\">\n              <div class=\"fill\" [style.width.%]=\"item.value\"></div>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n",
+		styles: [".category-progress{text-align:start;align-items:start}.title{text-transform:uppercase}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.category{display:flex;flex-direction:column;gap:1.5rem}.category-title{font-weight:600;font-size:1.1rem}.subtitle{font-size:1.8rem;width:fit-content}.item{margin-bottom:0rem}.item .item-info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.item .label,.item .value{font-size:1.3rem;margin-bottom:0;display:inline-block}.item .bar{background-color:var(--progress-bg);height:2px;border-radius:3px;overflow:hidden}.item .bar .fill{background-color:var(--progress-color);height:100%;width:0;transition:width .3s ease}\n"],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: HighlightDirective,
+				selector: "[highlight]",
+				inputs: ["highlight", "highlightThickness"]
+			},
+			{
+				kind: "directive",
+				type: ScrollRevealDirective,
+				selector: "[scrollReveal]",
+				inputs: ["distance", "duration"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: CategoryProgressComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-category-progress",
+			standalone: true,
+			imports: [
+				CommonModule,
+				HighlightDirective,
+				ScrollRevealDirective
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { style: "display: contents" },
+			template: "<div class=\"category-progress col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  @if (pretitle) {\n    <h3 class=\"pretitle\">{{ pretitle }}</h3>\n  }\n  @if (title) {\n    <h2 class=\"title\">{{ title }}</h2>\n  }\n  <div class=\"progress-grid\">\n    @for (category of categories; track $index) {\n      <div class=\"category\">\n        <h3 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ category.title }}</h3>\n\n        @for (item of category.items; track $index) {\n          <div class=\"item\">\n            <div class=\"item-info\">\n              <span class=\"label\">{{ item.label }}</span>\n              <span class=\"value\">{{ item.value }}%</span>\n            </div>\n\n            <div class=\"bar\">\n              <div class=\"fill\" [style.width.%]=\"item.value\"></div>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n",
+			styles: [".category-progress{text-align:start;align-items:start}.title{text-transform:uppercase}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.category{display:flex;flex-direction:column;gap:1.5rem}.category-title{font-weight:600;font-size:1.1rem}.subtitle{font-size:1.8rem;width:fit-content}.item{margin-bottom:0rem}.item .item-info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.item .label,.item .value{font-size:1.3rem;margin-bottom:0;display:inline-block}.item .bar{background-color:var(--progress-bg);height:2px;border-radius:3px;overflow:hidden}.item .bar .fill{background-color:var(--progress-color);height:100%;width:0;transition:width .3s ease}\n"]
+		}]
+	}],
+	propDecorators: {
+		pretitle: [{ type: Input }],
+		title: [{ type: Input }],
+		categories: [{ type: Input }]
+	}
+});
 export { CategoryProgressComponent };
-//# sourceMappingURL=lluc_llull-ui-lib-content-category-progress.mjs.map
+
+//# sourceMappingURL=lluc_llull-ui-lib-content-category-progress.mjs.map

package/fesm2022/lluc_llull-ui-lib-content-category-progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lluc_llull-ui-lib-content-category-progress.mjs","sources":["../../../projects/ui-lib/content/category-progress/category-progress.component.ts","../../../projects/ui-lib/content/category-progress/category-progress.component.html","../../../projects/ui-lib/content/category-progress/lluc_llull-ui-lib-content-category-progress.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { HighlightDirective, ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';\n\n@Component({\n    selector: 'lib-category-progress',\n    standalone: true,\n    imports: [CommonModule, HighlightDirective, ScrollRevealDirective],\n    templateUrl: './category-progress.component.html',\n    styleUrl: './category-progress.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class CategoryProgressComponent {\n    @Input() pretitle?: string;\n    @Input() title?: string;\n    @Input() categories?: ProgressCategoryI[];\n}\n\nexport interface ProgressItemI {\n    label: string;\n    value: number;\n}\n\nexport interface ProgressCategoryI {\n    title: string;\n    items: ProgressItemI[];\n}\n","<div class=\"category-progress col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  @if (pretitle) {\n    <h3 class=\"pretitle\">{{ pretitle }}</h3>\n  }\n  @if (title) {\n    <h2 class=\"title\">{{ title }}</h2>\n  }\n  <div class=\"progress-grid\">\n    @for (category of categories; track $index) {\n      <div class=\"category\">\n        <h3 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ category.title }}</h3>\n\n        @for (item of category.items; track $index) {\n          <div class=\"item\">\n            <div class=\"item-info\">\n              <span class=\"label\">{{ item.label }}</span>\n              <span class=\"value\">{{ item.value }}%</span>\n            </div>\n\n            <div class=\"bar\">\n              <div class=\"fill\" [style.width.%]=\"item.value\"></div>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAea,yBAAyB,CAAA;AACzB,IAAA,QAAQ;AACR,IAAA,KAAK;AACL,IAAA,UAAU;wGAHV,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,4MCftC,k4BA4BA,EAAA,MAAA,EAAA,CAAA,8tBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrBc,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,qGAAE,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAQxD,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAXrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EAAA,UAAA,EACrB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAGjD,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,mBAAmB;AAC7B,qBAAA,EAAA,QAAA,EAAA,k4BAAA,EAAA,MAAA,EAAA,CAAA,8tBAAA,CAAA,EAAA;8BAGQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,UAAU,EAAA,CAAA;sBAAlB;;;AElBL;;AAEG;;;;"}
+{"version":3,"file":"lluc_llull-ui-lib-content-category-progress.mjs","names":[],"sources":["../../../projects/ui-lib/content/category-progress/category-progress.component.ts","../../../projects/ui-lib/content/category-progress/category-progress.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { HighlightDirective, ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';\n\n@Component({\n    selector: 'lib-category-progress',\n    standalone: true,\n    imports: [CommonModule, HighlightDirective, ScrollRevealDirective],\n    templateUrl: './category-progress.component.html',\n    styleUrl: './category-progress.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class CategoryProgressComponent {\n    @Input() pretitle?: string;\n    @Input() title?: string;\n    @Input() categories?: ProgressCategoryI[];\n}\n\nexport interface ProgressItemI {\n    label: string;\n    value: number;\n}\n\nexport interface ProgressCategoryI {\n    title: string;\n    items: ProgressItemI[];\n}\n","<div class=\"category-progress col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  @if (pretitle) {\n    <h3 class=\"pretitle\">{{ pretitle }}</h3>\n  }\n  @if (title) {\n    <h2 class=\"title\">{{ title }}</h2>\n  }\n  <div class=\"progress-grid\">\n    @for (category of categories; track $index) {\n      <div class=\"category\">\n        <h3 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ category.title }}</h3>\n\n        @for (item of category.items; track $index) {\n          <div class=\"item\">\n            <div class=\"item-info\">\n              <span class=\"label\">{{ item.label }}</span>\n              <span class=\"value\">{{ item.value }}%</span>\n            </div>\n\n            <div class=\"bar\">\n              <div class=\"fill\" [style.width.%]=\"item.value\"></div>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n"],"mappings":";;;;AAeA,IAAa,4BAAb,MAAa,0BAAyB;CACzB;CACA;CACA;CAHA,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAyB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAzB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAyB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,UAAA;GAAA,OAAA;GAAA,YAAA;EAAA;EAAA,MAAA,EAAA,gBAAA,oBAAA;EAAA,UAAA;EAAA,UCftC;EA4BA,QAAA,CAAA,8tBAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MDrBc;GAAY;GAAA;IAAA,MAAA;IAAA,MAAE;IAAkB,UAAA;IAAA,QAAA,CAAA,aAAA,oBAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAqB,UAAA;IAAA,QAAA,CAAA,YAAA,UAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAQxD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAyB,YAAA,CAAA;EAXrC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAuB,YACrB;GAAI,SACP;IAAC;IAAc;IAAoB;GAAqB;GAAC,iBAGjD,wBAAwB;GAAM,MACzC,EACF,OAAO,oBACV;GAAA,UAAA;GAAA,QAAA,CAAA,8tBAAA;EAAA,CAAA;;;E,aAGA,MAAA,M;E,UACA,MAAA,M;E,eACA,MAAA,M"}

package/fesm2022/lluc_llull-ui-lib-content-columns-media-stacked.mjs

@@ -1,35 +1,91 @@
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-import { ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';
-import { UiImageComponent } from '@lluc_llull/ui-lib/shared';
-
-class ColumnsMediaStackedComponent {
-    leftColumn;
-    rightColumn;
-    direction = 'right';
-    image;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ColumnsMediaStackedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: ColumnsMediaStackedComponent, isStandalone: true, selector: "lib-columns-media-stacked", inputs: { leftColumn: "leftColumn", rightColumn: "rightColumn", direction: "direction", image: "image" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: "<div class=\"columns-media-stacked main-grid col-span-full\" scrollReveal>\n    <div class=\"columns-media-stacked__content main-grid col-span-full\">\n        @if(leftColumn) {\n            <p \n                class=\"columns-media-stacked__content-column col-span-full md:col-span-4\"\n                [class.md:col-start-1]=\"direction === 'left'\"\n                [class.md:col-start-5]=\"direction === 'right'\"\n                [innerHTML]=\"leftColumn\"\n            >   \n            </p>\n        }\n        @if(rightColumn) {\n            <p \n                class=\"columns-media-stacked__content-column col-span-full md:col-span-4\"\n                [class.md:col-start-5]=\"direction === 'left'\"\n                [class.md:col-start-9]=\"direction === 'right'\"\n                [innerHTML]=\"rightColumn\"\n            >   \n            </p>\n        }\n    </div>\n    @if(image) {\n        <div \n            class=\"columns-media-stacked__image col-span-full md:col-span-10\"\n            [class.md:col-start-1]=\"direction === 'left'\"\n            [class.md:col-start-3]=\"direction === 'right'\"\n        >\n             @if (image.publicId) {\n                <ui-image [publicId]=\"image.publicId\" [eager]=\"true\" class=\"media-intro-img\"></ui-image>\n             } @else {\n                <img [src]=\"image.url\" [alt]=\"image.alt\" class=\"media-intro-img\" loading=\"eager\" />\n             }\n        </div>\n    }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: ScrollRevealDirective, selector: "[scrollReveal]", inputs: ["distance", "duration"] }, { kind: "component", type: UiImageComponent, selector: "ui-image", inputs: ["publicId", "cloudName", "transformations", "eager", "width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ColumnsMediaStackedComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-columns-media-stacked', imports: [CommonModule, ScrollRevealDirective, UiImageComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        style: 'display: contents',
-                    }, template: "<div class=\"columns-media-stacked main-grid col-span-full\" scrollReveal>\n    <div class=\"columns-media-stacked__content main-grid col-span-full\">\n        @if(leftColumn) {\n            <p \n                class=\"columns-media-stacked__content-column col-span-full md:col-span-4\"\n                [class.md:col-start-1]=\"direction === 'left'\"\n                [class.md:col-start-5]=\"direction === 'right'\"\n                [innerHTML]=\"leftColumn\"\n            >   \n            </p>\n        }\n        @if(rightColumn) {\n            <p \n                class=\"columns-media-stacked__content-column col-span-full md:col-span-4\"\n                [class.md:col-start-5]=\"direction === 'left'\"\n                [class.md:col-start-9]=\"direction === 'right'\"\n                [innerHTML]=\"rightColumn\"\n            >   \n            </p>\n        }\n    </div>\n    @if(image) {\n        <div \n            class=\"columns-media-stacked__image col-span-full md:col-span-10\"\n            [class.md:col-start-1]=\"direction === 'left'\"\n            [class.md:col-start-3]=\"direction === 'right'\"\n        >\n             @if (image.publicId) {\n                <ui-image [publicId]=\"image.publicId\" [eager]=\"true\" class=\"media-intro-img\"></ui-image>\n             } @else {\n                <img [src]=\"image.url\" [alt]=\"image.alt\" class=\"media-intro-img\" loading=\"eager\" />\n             }\n        </div>\n    }\n</div>\n" }]
-        }], propDecorators: { leftColumn: [{
-                type: Input
-            }], rightColumn: [{
-                type: Input
-            }], direction: [{
-                type: Input
-            }], image: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+import { ScrollRevealDirective } from "@lluc_llull/ui-lib/directives";
+import { UiImageComponent } from "@lluc_llull/ui-lib/shared";
+var ColumnsMediaStackedComponent = class ColumnsMediaStackedComponent {
+	leftColumn;
+	rightColumn;
+	direction = "right";
+	image;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: ColumnsMediaStackedComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: ColumnsMediaStackedComponent,
+		isStandalone: true,
+		selector: "lib-columns-media-stacked",
+		inputs: {
+			leftColumn: "leftColumn",
+			rightColumn: "rightColumn",
+			direction: "direction",
+			image: "image"
+		},
+		host: { styleAttribute: "display: contents" },
+		ngImport: i0,
+		template: "<div class=\"columns-media-stacked main-grid col-span-full\" scrollReveal>\n    <div class=\"columns-media-stacked__content main-grid col-span-full\">\n        @if(leftColumn) {\n            <p \n                class=\"columns-media-stacked__content-column col-span-full md:col-span-4\"\n                [class.md:col-start-1]=\"direction === 'left'\"\n                [class.md:col-start-5]=\"direction === 'right'\"\n                [innerHTML]=\"leftColumn\"\n            >   \n            </p>\n        }\n        @if(rightColumn) {\n            <p \n                class=\"columns-media-stacked__content-column col-span-full md:col-span-4\"\n                [class.md:col-start-5]=\"direction === 'left'\"\n                [class.md:col-start-9]=\"direction === 'right'\"\n                [innerHTML]=\"rightColumn\"\n            >   \n            </p>\n        }\n    </div>\n    @if(image) {\n        <div \n            class=\"columns-media-stacked__image col-span-full md:col-span-10\"\n            [class.md:col-start-1]=\"direction === 'left'\"\n            [class.md:col-start-3]=\"direction === 'right'\"\n        >\n             @if (image.publicId) {\n                <ui-image [publicId]=\"image.publicId\" [eager]=\"true\" class=\"media-intro-img\"></ui-image>\n             } @else {\n                <img [src]=\"image.url\" [alt]=\"image.alt\" class=\"media-intro-img\" loading=\"eager\" />\n             }\n        </div>\n    }\n</div>\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: ScrollRevealDirective,
+				selector: "[scrollReveal]",
+				inputs: ["distance", "duration"]
+			},
+			{
+				kind: "component",
+				type: UiImageComponent,
+				selector: "ui-image",
+				inputs: [
+					"publicId",
+					"cloudName",
+					"transformations",
+					"eager",
+					"width",
+					"height"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: ColumnsMediaStackedComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-columns-media-stacked",
+			imports: [
+				CommonModule,
+				ScrollRevealDirective,
+				UiImageComponent
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { style: "display: contents" },
+			template: "<div class=\"columns-media-stacked main-grid col-span-full\" scrollReveal>\n    <div class=\"columns-media-stacked__content main-grid col-span-full\">\n        @if(leftColumn) {\n            <p \n                class=\"columns-media-stacked__content-column col-span-full md:col-span-4\"\n                [class.md:col-start-1]=\"direction === 'left'\"\n                [class.md:col-start-5]=\"direction === 'right'\"\n                [innerHTML]=\"leftColumn\"\n            >   \n            </p>\n        }\n        @if(rightColumn) {\n            <p \n                class=\"columns-media-stacked__content-column col-span-full md:col-span-4\"\n                [class.md:col-start-5]=\"direction === 'left'\"\n                [class.md:col-start-9]=\"direction === 'right'\"\n                [innerHTML]=\"rightColumn\"\n            >   \n            </p>\n        }\n    </div>\n    @if(image) {\n        <div \n            class=\"columns-media-stacked__image col-span-full md:col-span-10\"\n            [class.md:col-start-1]=\"direction === 'left'\"\n            [class.md:col-start-3]=\"direction === 'right'\"\n        >\n             @if (image.publicId) {\n                <ui-image [publicId]=\"image.publicId\" [eager]=\"true\" class=\"media-intro-img\"></ui-image>\n             } @else {\n                <img [src]=\"image.url\" [alt]=\"image.alt\" class=\"media-intro-img\" loading=\"eager\" />\n             }\n        </div>\n    }\n</div>\n"
+		}]
+	}],
+	propDecorators: {
+		leftColumn: [{ type: Input }],
+		rightColumn: [{ type: Input }],
+		direction: [{ type: Input }],
+		image: [{ type: Input }]
+	}
+});
 export { ColumnsMediaStackedComponent };
-//# sourceMappingURL=lluc_llull-ui-lib-content-columns-media-stacked.mjs.map
+
+//# sourceMappingURL=lluc_llull-ui-lib-content-columns-media-stacked.mjs.map

package/fesm2022/lluc_llull-ui-lib-content-columns-media-stacked.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lluc_llull-ui-lib-content-columns-media-stacked.mjs","sources":["../../../projects/ui-lib/content/columns-media-stacked/columns-media-stacked.component.ts","../../../projects/ui-lib/content/columns-media-stacked/columns-media-stacked.component.html","../../../projects/ui-lib/content/columns-media-stacked/lluc_llull-ui-lib-content-columns-media-stacked.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { UiImageComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n  selector: 'lib-columns-media-stacked',\n  imports: [CommonModule, ScrollRevealDirective, UiImageComponent],\n  templateUrl: './columns-media-stacked.component.html',\n  styleUrl: './columns-media-stacked.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n      style: 'display: contents',\n  },\n})\nexport class ColumnsMediaStackedComponent {\n  @Input() leftColumn?: string;\n  @Input() rightColumn?: string;\n  @Input() direction: 'left' | 'right' = 'right';\n  @Input() image?: UiLibImageI;\n}\n","<div class=\"columns-media-stacked main-grid col-span-full\" scrollReveal>\n    <div class=\"columns-media-stacked__content main-grid col-span-full\">\n        @if(leftColumn) {\n            <p \n                class=\"columns-media-stacked__content-column col-span-full md:col-span-4\"\n                [class.md:col-start-1]=\"direction === 'left'\"\n                [class.md:col-start-5]=\"direction === 'right'\"\n                [innerHTML]=\"leftColumn\"\n            >   \n            </p>\n        }\n        @if(rightColumn) {\n            <p \n                class=\"columns-media-stacked__content-column col-span-full md:col-span-4\"\n                [class.md:col-start-5]=\"direction === 'left'\"\n                [class.md:col-start-9]=\"direction === 'right'\"\n                [innerHTML]=\"rightColumn\"\n            >   \n            </p>\n        }\n    </div>\n    @if(image) {\n        <div \n            class=\"columns-media-stacked__image col-span-full md:col-span-10\"\n            [class.md:col-start-1]=\"direction === 'left'\"\n            [class.md:col-start-3]=\"direction === 'right'\"\n        >\n             @if (image.publicId) {\n                <ui-image [publicId]=\"image.publicId\" [eager]=\"true\" class=\"media-intro-img\"></ui-image>\n             } @else {\n                <img [src]=\"image.url\" [alt]=\"image.alt\" class=\"media-intro-img\" loading=\"eager\" />\n             }\n        </div>\n    }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAgBa,4BAA4B,CAAA;AAC9B,IAAA,UAAU;AACV,IAAA,WAAW;IACX,SAAS,GAAqB,OAAO;AACrC,IAAA,KAAK;wGAJH,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,8OChBzC,u7CAmCA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED3BY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,qBAAqB,6FAAE,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAQpD,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAVxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAAA,OAAA,EAC5B,CAAC,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,CAAC,EAAA,eAAA,EAG/C,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,mBAAmB;AAC7B,qBAAA,EAAA,QAAA,EAAA,u7CAAA,EAAA;8BAGQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,KAAK,EAAA,CAAA;sBAAb;;;AEpBH;;AAEG;;;;"}
+{"version":3,"file":"lluc_llull-ui-lib-content-columns-media-stacked.mjs","names":[],"sources":["../../../projects/ui-lib/content/columns-media-stacked/columns-media-stacked.component.ts","../../../projects/ui-lib/content/columns-media-stacked/columns-media-stacked.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { UiImageComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n  selector: 'lib-columns-media-stacked',\n  imports: [CommonModule, ScrollRevealDirective, UiImageComponent],\n  templateUrl: './columns-media-stacked.component.html',\n  styleUrl: './columns-media-stacked.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n      style: 'display: contents',\n  },\n})\nexport class ColumnsMediaStackedComponent {\n  @Input() leftColumn?: string;\n  @Input() rightColumn?: string;\n  @Input() direction: 'left' | 'right' = 'right';\n  @Input() image?: UiLibImageI;\n}\n","<div class=\"columns-media-stacked main-grid col-span-full\" scrollReveal>\n    <div class=\"columns-media-stacked__content main-grid col-span-full\">\n        @if(leftColumn) {\n            <p \n                class=\"columns-media-stacked__content-column col-span-full md:col-span-4\"\n                [class.md:col-start-1]=\"direction === 'left'\"\n                [class.md:col-start-5]=\"direction === 'right'\"\n                [innerHTML]=\"leftColumn\"\n            >   \n            </p>\n        }\n        @if(rightColumn) {\n            <p \n                class=\"columns-media-stacked__content-column col-span-full md:col-span-4\"\n                [class.md:col-start-5]=\"direction === 'left'\"\n                [class.md:col-start-9]=\"direction === 'right'\"\n                [innerHTML]=\"rightColumn\"\n            >   \n            </p>\n        }\n    </div>\n    @if(image) {\n        <div \n            class=\"columns-media-stacked__image col-span-full md:col-span-10\"\n            [class.md:col-start-1]=\"direction === 'left'\"\n            [class.md:col-start-3]=\"direction === 'right'\"\n        >\n             @if (image.publicId) {\n                <ui-image [publicId]=\"image.publicId\" [eager]=\"true\" class=\"media-intro-img\"></ui-image>\n             } @else {\n                <img [src]=\"image.url\" [alt]=\"image.alt\" class=\"media-intro-img\" loading=\"eager\" />\n             }\n        </div>\n    }\n</div>\n"],"mappings":";;;;;AAgBA,IAAa,+BAAb,MAAa,6BAA4B;CAC9B;CACA;CACA,YAA8B;CAC9B;CAJE,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAA4B,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAA5B,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAA4B,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,YAAA;GAAA,aAAA;GAAA,WAAA;GAAA,OAAA;EAAA;EAAA,MAAA,EAAA,gBAAA,oBAAA;EAAA,UAAA;EAAA,UChBzC;EAmCA,QAAA,CAAA,EAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MD3BY;GAAY;GAAA;IAAA,MAAA;IAAA,MAAE;IAAqB,UAAA;IAAA,QAAA,CAAA,YAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAgB,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAQpD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA4B,YAAA,CAAA;EAVxC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAA2B,SAC5B;IAAC;IAAc;IAAuB;GAAgB;GAAC,iBAG/C,wBAAwB;GAAM,MACzC,EACF,OAAO,oBACV;GAAA,UAAA;EAAA,CAAA;;;E,eAGA,MAAA,M;E,gBACA,MAAA,M;E,cACA,MAAA,M;E,UACA,MAAA,M"}