npm - @lluc_llull/ui-lib - Versions diffs - 0.33.9 → 0.34.0 - Mend

@lluc_llull/ui-lib 0.33.9 → 0.34.0

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.

Files changed (262) hide show

package/fesm2022/lluc_llull-ui-lib-content-mosaic-grid.mjs CHANGED Viewed

@@ -1,45 +1,100 @@
-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 MosaicGridComponent {
-    text;
-    images;
-    imageGroups = [];
-    ngOnInit() {
-        console.log('MosaicGridComponent initialized with images:', this.images);
-        if (!this.images?.length) {
-            this.imageGroups = [];
-            return;
-        }
-        const groups = [];
-        for (let i = 0; i < this.images.length; i += 5) {
-            groups.push({
-                row1: this.images.slice(i, i + 3),
-                row2: this.images.slice(i + 3, i + 5)
-            });
-        }
-        this.imageGroups = groups;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MosaicGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: MosaicGridComponent, isStandalone: true, selector: "lib-mosaic-grid", inputs: { text: "text", images: "images" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: "<div class=\"mosaic-grid main-grid\" scrollReveal>\n  @if (text) {\n    <p\n      class=\"mosaic-grid__text col-span-full md:col-span-6 md:col-start-7\"\n      [innerHTML]=\"text\"\n    ></p>\n  }\n\n  @for (group of imageGroups; track $index) {\n\n    <!-- row 1: 3 im\u00E1genes -->\n    <div class=\"mosaic-grid__images main-grid col-span-full\">\n      @for (img of group.row1; track $index) {\n        @if (img.publicId) {\n          <ui-image [publicId]=\"img.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-{{ $index * 4 + 1 }}\" [class.image-half-height]=\"$index === 2\"></ui-image>\n        } @else {\n          <img [src]=\"img.url\" [alt]=\"img.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-{{ $index * 4 + 1 }}\" [class.image-half-height]=\"$index === 2\" />\n        }\n      }\n    </div>\n\n    <!-- row 2: 1 peque\u00F1a + 1 grande -->\n    @if (group.row2.length) {\n      <div class=\"mosaic-grid__images main-grid col-span-full\">\n        @if (group.row2[0]!.publicId) {\n          <ui-image [publicId]=\"group.row2[0]!.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-1 image-half-height\"></ui-image>\n        } @else {\n          <img [src]=\"group.row2[0]!.url\" [alt]=\"group.row2[0]!.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-1 image-half-height\" />\n        }\n\n        @if (group.row2[1]) {\n          @if (group.row2[1]!.publicId) {\n            <ui-image [publicId]=\"group.row2[1]!.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-8 md:col-start-5\"></ui-image>\n          } @else {\n            <img [src]=\"group.row2[1]!.url\" [alt]=\"group.row2[1]!.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-8 md:col-start-5\" />\n          }\n        }\n      </div>\n    }\n\n  }\n</div>\n", styles: ["ui-image{object-fit:cover}ui-image.image-half-height{height:50%!important}\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: MosaicGridComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-mosaic-grid', imports: [CommonModule, UiImageComponent, ScrollRevealDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        style: 'display: contents',
-                    }, template: "<div class=\"mosaic-grid main-grid\" scrollReveal>\n  @if (text) {\n    <p\n      class=\"mosaic-grid__text col-span-full md:col-span-6 md:col-start-7\"\n      [innerHTML]=\"text\"\n    ></p>\n  }\n\n  @for (group of imageGroups; track $index) {\n\n    <!-- row 1: 3 im\u00E1genes -->\n    <div class=\"mosaic-grid__images main-grid col-span-full\">\n      @for (img of group.row1; track $index) {\n        @if (img.publicId) {\n          <ui-image [publicId]=\"img.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-{{ $index * 4 + 1 }}\" [class.image-half-height]=\"$index === 2\"></ui-image>\n        } @else {\n          <img [src]=\"img.url\" [alt]=\"img.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-{{ $index * 4 + 1 }}\" [class.image-half-height]=\"$index === 2\" />\n        }\n      }\n    </div>\n\n    <!-- row 2: 1 peque\u00F1a + 1 grande -->\n    @if (group.row2.length) {\n      <div class=\"mosaic-grid__images main-grid col-span-full\">\n        @if (group.row2[0]!.publicId) {\n          <ui-image [publicId]=\"group.row2[0]!.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-1 image-half-height\"></ui-image>\n        } @else {\n          <img [src]=\"group.row2[0]!.url\" [alt]=\"group.row2[0]!.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-1 image-half-height\" />\n        }\n\n        @if (group.row2[1]) {\n          @if (group.row2[1]!.publicId) {\n            <ui-image [publicId]=\"group.row2[1]!.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-8 md:col-start-5\"></ui-image>\n          } @else {\n            <img [src]=\"group.row2[1]!.url\" [alt]=\"group.row2[1]!.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-8 md:col-start-5\" />\n          }\n        }\n      </div>\n    }\n\n  }\n</div>\n", styles: ["ui-image{object-fit:cover}ui-image.image-half-height{height:50%!important}\n"] }]
-        }], propDecorators: { text: [{
-                type: Input
-            }], images: [{
-                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 MosaicGridComponent = class MosaicGridComponent {
+	text;
+	images;
+	imageGroups = [];
+	ngOnInit() {
+		console.log("MosaicGridComponent initialized with images:", this.images);
+		if (!this.images?.length) {
+			this.imageGroups = [];
+			return;
+		}
+		const groups = [];
+		for (let i = 0; i < this.images.length; i += 5) groups.push({
+			row1: this.images.slice(i, i + 3),
+			row2: this.images.slice(i + 3, i + 5)
+		});
+		this.imageGroups = groups;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: MosaicGridComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: MosaicGridComponent,
+		isStandalone: true,
+		selector: "lib-mosaic-grid",
+		inputs: {
+			text: "text",
+			images: "images"
+		},
+		host: { styleAttribute: "display: contents" },
+		ngImport: i0,
+		template: "<div class=\"mosaic-grid main-grid\" scrollReveal>\n  @if (text) {\n    <p\n      class=\"mosaic-grid__text col-span-full md:col-span-6 md:col-start-7\"\n      [innerHTML]=\"text\"\n    ></p>\n  }\n\n  @for (group of imageGroups; track $index) {\n\n    <!-- row 1: 3 imágenes -->\n    <div class=\"mosaic-grid__images main-grid col-span-full\">\n      @for (img of group.row1; track $index) {\n        @if (img.publicId) {\n          <ui-image [publicId]=\"img.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-{{ $index * 4 + 1 }}\" [class.image-half-height]=\"$index === 2\"></ui-image>\n        } @else {\n          <img [src]=\"img.url\" [alt]=\"img.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-{{ $index * 4 + 1 }}\" [class.image-half-height]=\"$index === 2\" />\n        }\n      }\n    </div>\n\n    <!-- row 2: 1 pequeña + 1 grande -->\n    @if (group.row2.length) {\n      <div class=\"mosaic-grid__images main-grid col-span-full\">\n        @if (group.row2[0]!.publicId) {\n          <ui-image [publicId]=\"group.row2[0]!.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-1 image-half-height\"></ui-image>\n        } @else {\n          <img [src]=\"group.row2[0]!.url\" [alt]=\"group.row2[0]!.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-1 image-half-height\" />\n        }\n\n        @if (group.row2[1]) {\n          @if (group.row2[1]!.publicId) {\n            <ui-image [publicId]=\"group.row2[1]!.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-8 md:col-start-5\"></ui-image>\n          } @else {\n            <img [src]=\"group.row2[1]!.url\" [alt]=\"group.row2[1]!.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-8 md:col-start-5\" />\n          }\n        }\n      </div>\n    }\n\n  }\n</div>\n",
+		styles: ["ui-image{object-fit:cover}ui-image.image-half-height{height:50%!important}\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: MosaicGridComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-mosaic-grid",
+			imports: [
+				CommonModule,
+				UiImageComponent,
+				ScrollRevealDirective
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { style: "display: contents" },
+			template: "<div class=\"mosaic-grid main-grid\" scrollReveal>\n  @if (text) {\n    <p\n      class=\"mosaic-grid__text col-span-full md:col-span-6 md:col-start-7\"\n      [innerHTML]=\"text\"\n    ></p>\n  }\n\n  @for (group of imageGroups; track $index) {\n\n    <!-- row 1: 3 imágenes -->\n    <div class=\"mosaic-grid__images main-grid col-span-full\">\n      @for (img of group.row1; track $index) {\n        @if (img.publicId) {\n          <ui-image [publicId]=\"img.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-{{ $index * 4 + 1 }}\" [class.image-half-height]=\"$index === 2\"></ui-image>\n        } @else {\n          <img [src]=\"img.url\" [alt]=\"img.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-{{ $index * 4 + 1 }}\" [class.image-half-height]=\"$index === 2\" />\n        }\n      }\n    </div>\n\n    <!-- row 2: 1 pequeña + 1 grande -->\n    @if (group.row2.length) {\n      <div class=\"mosaic-grid__images main-grid col-span-full\">\n        @if (group.row2[0]!.publicId) {\n          <ui-image [publicId]=\"group.row2[0]!.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-1 image-half-height\"></ui-image>\n        } @else {\n          <img [src]=\"group.row2[0]!.url\" [alt]=\"group.row2[0]!.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-1 image-half-height\" />\n        }\n\n        @if (group.row2[1]) {\n          @if (group.row2[1]!.publicId) {\n            <ui-image [publicId]=\"group.row2[1]!.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-8 md:col-start-5\"></ui-image>\n          } @else {\n            <img [src]=\"group.row2[1]!.url\" [alt]=\"group.row2[1]!.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-8 md:col-start-5\" />\n          }\n        }\n      </div>\n    }\n\n  }\n</div>\n",
+			styles: ["ui-image{object-fit:cover}ui-image.image-half-height{height:50%!important}\n"]
+		}]
+	}],
+	propDecorators: {
+		text: [{ type: Input }],
+		images: [{ type: Input }]
+	}
+});
 export { MosaicGridComponent };
-//# sourceMappingURL=lluc_llull-ui-lib-content-mosaic-grid.mjs.map
+//# sourceMappingURL=lluc_llull-ui-lib-content-mosaic-grid.mjs.map

package/fesm2022/lluc_llull-ui-lib-content-mosaic-grid.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lluc_llull-ui-lib-content-mosaic-grid.mjs","sources":["../../../projects/ui-lib/content/mosaic-grid/mosaic-grid.component.ts","../../../projects/ui-lib/content/mosaic-grid/mosaic-grid.component.html"~~,"../../../projects/ui-lib/content/mosaic-grid/lluc_llull-ui-lib-content-mosaic-grid.ts"~~],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, OnInit } 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-mosaic-grid',\n imports: [CommonModule, UiImageComponent, ScrollRevealDirective],\n templateUrl: './mosaic-grid.component.html',\n styleUrl: './mosaic-grid.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n style: 'display: contents',\n },\n})\nexport class MosaicGridComponent implements OnInit{\n @Input() text?: string;\n @Input() images?: UiLibImageI[];\n\n imageGroups: { row1: UiLibImageI[], row2: UiLibImageI[] }[] = [];\n\n ngOnInit(): void {\n console.log('MosaicGridComponent initialized with images:', this.images);\n if (!this.images?.length) {\n this.imageGroups = [];\n return;\n }\n const groups = [];\n for (let i = 0; i < this.images.length; i += 5) {\n groups.push({\n row1: this.images.slice(i, i + 3),\n row2: this.images.slice(i + 3, i + 5)\n });\n }\n this.imageGroups = groups;\n }\n}","<div class=\"mosaic-grid main-grid\" scrollReveal>\n @if (text) {\n <p\n class=\"mosaic-grid__text col-span-full md:col-span-6 md:col-start-7\"\n [innerHTML]=\"text\"\n ></p>\n }\n\n @for (group of imageGroups; track $index) {\n\n <!-- row 1: 3 imágenes -->\n <div class=\"mosaic-grid__images main-grid col-span-full\">\n @for (img of group.row1; track $index) {\n @if (img.publicId) {\n <ui-image [publicId]=\"img.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-{{ $index * 4 + 1 }}\" [class.image-half-height]=\"$index === 2\"></ui-image>\n } @else {\n <img [src]=\"img.url\" [alt]=\"img.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-{{ $index * 4 + 1 }}\" [class.image-half-height]=\"$index === 2\" />\n }\n }\n </div>\n\n <!-- row 2: 1 pequeña + 1 grande -->\n @if (group.row2.length) {\n <div class=\"mosaic-grid__images main-grid col-span-full\">\n @if (group.row2[0]!.publicId) {\n <ui-image [publicId]=\"group.row2[0]!.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-1 image-half-height\"></ui-image>\n } @else {\n <img [src]=\"group.row2[0]!.url\" [alt]=\"group.row2[0]!.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-1 image-half-height\" />\n }\n\n @if (group.row2[1]) {\n @if (group.row2[1]!.publicId) {\n <ui-image [publicId]=\"group.row2[1]!.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-8 md:col-start-5\"></ui-image>\n } @else {\n <img [src]=\"group.row2[1]!.url\" [alt]=\"group.row2[1]!.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-8 md:col-start-5\" />\n }\n }\n </div>\n }\n\n }\n</div>\n"~~,"/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"~~],"~~names":[],"~~mappings":"~~;;;;;;MAgBa~~,~~mBAAmB~~,~~CAAA;AACrB~~,~~IAAA~~,~~IAAI~~;~~AACJ~~,~~IAAA~~,~~MAAM~~;~~IAEf~~,~~WAAW,GAAmD,EAAE~~;~~IAEhE~~,QAAQ,~~GAAA;QACN~~,~~OAAO~~,~~CAAC~~,~~GAAG,CAAC,8CAA8C,EAAE,IAAI,CAAC,~~MAAM~~,CAAC~~;~~AACxE~~,~~QAAA,~~IAAI,CAAC,~~IAAI~~,~~CAAC~~,~~MAAM,EAAE,MAAM,EAAE~~;~~AACxB~~,~~YAAA~~,~~IAAI~~,~~CAAC,WAAW,GAAG,EAAE~~;~~YACrB~~;~~QACF~~;~~QACA~~,MAAM,~~MAAM~~,~~GAAG,EAAE~~;~~AACjB~~,~~QAAA,~~KAAK,IAAI,~~CAAC~~,GAAG,~~CAAC~~,~~EAAE~~,~~CAAC~~,~~GAAG~~,~~IAAI~~,~~CAAC~~,~~MAAM~~,~~CAAC~~,MAAM,~~EAAE~~,~~CAAC~~,~~IAAI,CAAC,EAAE;YAC9C,~~MAAM,~~CAAC~~,IAAI,CAAC;~~AACV~~,~~gBAAA,IAAI,EAAE,IAAI,CAAC,~~MAAM,~~CAAC,~~KAAK,~~CAAC~~,~~CAAC~~,~~EAAE~~,~~CAAC,~~GAAG,~~CAAC~~,CAAC;~~AACjC~~,~~gBAAA~~,~~IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,~~KAAK,~~CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC~~;~~AACrC,aAAA,CAAC~~;~~QACJ;AACA~~,~~QAAA~~,~~IAAI~~,~~CAAC~~,~~WAAW,GAAG,MAAM~~;~~IAC3B;wGApBW,mBAAmB,~~EAAA,~~IAAA,~~EAAA,EAAA,EAAA,MAAA,~~EAAA~~,EAAA,~~CAAA~~,~~eAAA~~,CAAA,~~SAAA,EAAA,~~CAAA;~~AAAnB~~,~~IAAA~~,OAAA,~~IAAA,~~GAAA,EAAA,~~CAAA~~,~~oBAAA~~,~~CAAA~~,EAAA,UAAA,EAAA,QAAA,~~EAAA~~,~~OAAA,~~EAAA,~~SAAA~~,EAAA,~~IAAA~~,EAAA,~~mBAAmB,sKChBhC,07DA0CA,~~EAAA,~~MAAA~~,~~EAAA~~,CAAA,8EAAA~~,CAAA,~~EAAA,~~YAAA~~,~~EAAA~~,~~CAAA~~,~~EAAA,~~IAAA,~~EAAA~~,UAAA,~~EAAA,~~IAAA,~~EDlCY,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,mBAAmB,EAAA,UAAA,EAAA,CAAA~~;~~kBAV~~/B,~~SAAS~~;~~AACE~~,~~YAAA~~,~~IAAA,EAAA,~~CAAA,~~EAAA~~,~~QAAA~~,~~EAAA,iBAAiB,EAAA,OAAA,EAClB,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,07DAAA,EAAA,MAAA,EAAA,~~CAAA,8EAAA,CAAA,~~EAAA;8BAGQ~~,~~IAAI~~,~~EAAA,CAAA~~;~~sBAAZ;gBACQ~~,~~MAAM~~,~~EAAA~~,~~CAAA;sBAAd;;;AElBH;;AAEG;;;;~~"}
1	+ {"version":3,"file":"lluc_llull-ui-lib-content-mosaic-grid.mjs","names":[],"sources":["../../../projects/ui-lib/content/mosaic-grid/mosaic-grid.component.ts","../../../projects/ui-lib/content/mosaic-grid/mosaic-grid.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, OnInit } 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-mosaic-grid',\n imports: [CommonModule, UiImageComponent, ScrollRevealDirective],\n templateUrl: './mosaic-grid.component.html',\n styleUrl: './mosaic-grid.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n style: 'display: contents',\n },\n})\nexport class MosaicGridComponent implements OnInit{\n @Input() text?: string;\n @Input() images?: UiLibImageI[];\n\n imageGroups: { row1: UiLibImageI[], row2: UiLibImageI[] }[] = [];\n\n ngOnInit(): void {\n console.log('MosaicGridComponent initialized with images:', this.images);\n if (!this.images?.length) {\n this.imageGroups = [];\n return;\n }\n const groups = [];\n for (let i = 0; i < this.images.length; i += 5) {\n groups.push({\n row1: this.images.slice(i, i + 3),\n row2: this.images.slice(i + 3, i + 5)\n });\n }\n this.imageGroups = groups;\n }\n}","<div class=\"mosaic-grid main-grid\" scrollReveal>\n @if (text) {\n <p\n class=\"mosaic-grid__text col-span-full md:col-span-6 md:col-start-7\"\n [innerHTML]=\"text\"\n ></p>\n }\n\n @for (group of imageGroups; track $index) {\n\n <!-- row 1: 3 imágenes -->\n <div class=\"mosaic-grid__images main-grid col-span-full\">\n @for (img of group.row1; track $index) {\n @if (img.publicId) {\n <ui-image [publicId]=\"img.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-{{ $index * 4 + 1 }}\" [class.image-half-height]=\"$index === 2\"></ui-image>\n } @else {\n <img [src]=\"img.url\" [alt]=\"img.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-{{ $index * 4 + 1 }}\" [class.image-half-height]=\"$index === 2\" />\n }\n }\n </div>\n\n <!-- row 2: 1 pequeña + 1 grande -->\n @if (group.row2.length) {\n <div class=\"mosaic-grid__images main-grid col-span-full\">\n @if (group.row2[0]!.publicId) {\n <ui-image [publicId]=\"group.row2[0]!.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-1 image-half-height\"></ui-image>\n } @else {\n <img [src]=\"group.row2[0]!.url\" [alt]=\"group.row2[0]!.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-4 md:col-start-1 image-half-height\" />\n }\n\n @if (group.row2[1]) {\n @if (group.row2[1]!.publicId) {\n <ui-image [publicId]=\"group.row2[1]!.publicId\" [eager]=\"true\" class=\"mosaic-grid__images col-span-full md:col-span-8 md:col-start-5\"></ui-image>\n } @else {\n <img [src]=\"group.row2[1]!.url\" [alt]=\"group.row2[1]!.alt\" loading=\"eager\" class=\"mosaic-grid__images col-span-full md:col-span-8 md:col-start-5\" />\n }\n }\n </div>\n }\n\n }\n</div>\n"],"mappings":";;;;;AAgBA,IAAa,sBAAb,MAAa,oBAAmB;CACrB;CACA;CAET,cAA8D,CAAA;CAE9D,WAAQ;EACN,QAAQ,IAAI,gDAAgD,KAAK,MAAM;EACvE,IAAI,CAAC,KAAK,QAAQ,QAAQ;GACxB,KAAK,cAAc,CAAA;GACnB;EACF;EACA,MAAM,SAAS,CAAA;EACf,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,OAAO,QAAQ,KAAK,GAC3C,OAAO,KAAK;GACV,MAAM,KAAK,OAAO,MAAM,GAAG,IAAI,CAAC;GAChC,MAAM,KAAK,OAAO,MAAM,IAAI,GAAG,IAAI,CAAC;EACrC,CAAA;EAEH,KAAK,cAAc;CACrB;CApBW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAnB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAmB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,MAAA;GAAA,QAAA;EAAA;EAAA,MAAA,EAAA,gBAAA,oBAAA;EAAA,UAAA;EAAA,UChBhC;EA0CA,QAAA,CAAA,8EAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MDlCY;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;CAAmB,YAAA,CAAA;EAV/B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAiB,SAClB;IAAC;IAAc;IAAkB;GAAqB;GAAC,iBAG/C,wBAAwB;GAAM,MACzC,EACF,OAAO,oBACV;GAAA,UAAA;GAAA,QAAA,CAAA,8EAAA;EAAA,CAAA;;;E,SAGA,MAAA,M;E,WACA,MAAA,M"}

package/fesm2022/lluc_llull-ui-lib-content-mosaic-parallax.mjs CHANGED Viewed

@@ -1,58 +1,110 @@
-import { isPlatformBrowser } from '@angular/common';
-import * as i0 from '@angular/core';
-import { signal, PLATFORM_ID, ViewChild, Input, Inject, ChangeDetectionStrategy, Component } from '@angular/core';
-import { UiImageComponent } from '@lluc_llull/ui-lib/shared';
-class MosaicParallaxComponent {
-    title;
-    text;
-    images;
-    mosaicSection;
-    isVisible = signal(false);
-    observer;
-    isBrowser;
-    constructor(platformId) {
-        this.isBrowser = isPlatformBrowser(platformId);
-    }
-    ngAfterViewInit() {
-        if (!this.isBrowser)
-            return;
-        this.observer = new IntersectionObserver(([entry]) => {
-            if (entry.isIntersecting && !this.isVisible()) {
-                this.isVisible.set(true);
-                this.observer?.disconnect();
-            }
-        }, { threshold: 0.1 });
-        this.observer.observe(this.mosaicSection.nativeElement);
-    }
-    ngOnDestroy() {
-        this.observer?.disconnect();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MosaicParallaxComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: MosaicParallaxComponent, isStandalone: true, selector: "app-mosaic-parallax", inputs: { title: "title", text: "text", images: "images" }, host: { styleAttribute: "display: contents" }, viewQueries: [{ propertyName: "mosaicSection", first: true, predicate: ["mosaicSection"], descendants: true }], ngImport: i0, template: "<div class=\"mosaic-parallax main-grid col-span-full\" #mosaicSection>\n\n  @if (title) {\n    <h2 class=\"subtitle md:col-span-3 md:col-start-1\">{{ title }}</h2>\n  }\n\n  @if (text) {\n    <p class=\"text col-span-full md:col-span-5 md:col-start-1\">\n      {{ text }}\n    </p>\n  }\n\n  @if (images && images.length > 0) {\n    <div class=\"mosaic-parallax__track col-span-full md:col-span-10 md:col-start-2\">\n      @for (item of images; track $index) {\n        <article\n          class=\"mosaic-item\"\n          [class.mosaic-item--visible]=\"isVisible()\"\n          [style.--item-index]=\"images.length - 1 - $index\"\n          [style.--anim-delay]=\"(images.length - 1 - $index) * 250 + 'ms'\"\n        >\n          <div class=\"mosaic-item__media\">\n            @if (item.publicId) {\n              <ui-image [publicId]=\"item.publicId\"></ui-image>\n            } @else {\n              <img [src]=\"item.url\" [alt]=\"item.alt\" loading=\"lazy\" />\n            }\n          </div>\n          @if (item.texts; as texts) {\n            <div class=\"mosaic-item__content\">\n              <p class=\"mosaic-item__description\">{{ texts.text }}</p>\n              <div class=\"mosaic-item__meta\">\n                <span class=\"mosaic-item__date\">{{ texts.title }}</span>\n                <span class=\"mosaic-item__index\">\n                  {{ ($index + 1).toString().padStart(2, '0') }}\n                </span>\n              </div>\n            </div>\n          }\n        </article>\n      }\n    </div>\n  }\n\n</div>", styles: ["@charset \"UTF-8\";.mosaic-parallax{position:relative;align-items:start;padding-block:4rem}.text{grid-row:2}.mosaic-parallax__track{grid-row:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));align-items:start;justify-content:center;gap:2.25rem;width:100%;overflow:hidden;padding-block:0 4rem}.mosaic-item{flex-shrink:0;width:95%;display:flex;flex-direction:column;border:2px solid var(--border-primary);overflow:hidden;background:var(--content-bg-light);margin-top:calc(var(--item-index) * 80px);transform:translateY(100px);transition:transform 1.4s cubic-bezier(.16,1,.3,1) var(--anim-delay),opacity .8s ease var(--anim-delay)}.mosaic-item--visible{transform:translateY(0);opacity:1}.mosaic-item__media{width:100%;aspect-ratio:4/3;overflow:hidden}.mosaic-item__media img,.mosaic-item__media ui-image{width:100%;height:100%;object-fit:cover;display:block}.mosaic-item__content{display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem 1.5rem;min-height:11rem;background:var(--content-bg-dark);color:var(--text-inverse);border-top:2px solid var(--border-primary)}.mosaic-item:nth-child(2n) .mosaic-item__content{background:var(--content-bg-light);color:var(--text-primary)}.mosaic-item:nth-child(2n) .mosaic-item__index{background:var(--content-bg-dark);color:var(--text-inverse)}.mosaic-item__description{font-size:.9rem;line-height:1.4;margin:0 0 1rem}.mosaic-item__meta{display:flex;justify-content:space-between;align-items:flex-end}.mosaic-item__date{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.mosaic-item__index{font-size:3rem;font-weight:900;line-height:1;background:#f2f2f2;color:var(--text-primary);padding:.5rem 1rem;border-left:2px solid var(--border-primary);margin:0 -1.5rem -1.2rem 0}@media(max-width:1024px){.mosaic-parallax__track{flex-direction:column;align-items:center;justify-items:center;overflow:visible;grid-row:3}.mosaic-item{width:90%;height:90%;margin-top:0!important}}@media(max-width:768px){.mosaic-item{width:85%;margin-top:0!important}}\n"], dependencies: [{ 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: MosaicParallaxComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-mosaic-parallax', standalone: true, imports: [UiImageComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        style: 'display: contents',
-                    }, template: "<div class=\"mosaic-parallax main-grid col-span-full\" #mosaicSection>\n\n  @if (title) {\n    <h2 class=\"subtitle md:col-span-3 md:col-start-1\">{{ title }}</h2>\n  }\n\n  @if (text) {\n    <p class=\"text col-span-full md:col-span-5 md:col-start-1\">\n      {{ text }}\n    </p>\n  }\n\n  @if (images && images.length > 0) {\n    <div class=\"mosaic-parallax__track col-span-full md:col-span-10 md:col-start-2\">\n      @for (item of images; track $index) {\n        <article\n          class=\"mosaic-item\"\n          [class.mosaic-item--visible]=\"isVisible()\"\n          [style.--item-index]=\"images.length - 1 - $index\"\n          [style.--anim-delay]=\"(images.length - 1 - $index) * 250 + 'ms'\"\n        >\n          <div class=\"mosaic-item__media\">\n            @if (item.publicId) {\n              <ui-image [publicId]=\"item.publicId\"></ui-image>\n            } @else {\n              <img [src]=\"item.url\" [alt]=\"item.alt\" loading=\"lazy\" />\n            }\n          </div>\n          @if (item.texts; as texts) {\n            <div class=\"mosaic-item__content\">\n              <p class=\"mosaic-item__description\">{{ texts.text }}</p>\n              <div class=\"mosaic-item__meta\">\n                <span class=\"mosaic-item__date\">{{ texts.title }}</span>\n                <span class=\"mosaic-item__index\">\n                  {{ ($index + 1).toString().padStart(2, '0') }}\n                </span>\n              </div>\n            </div>\n          }\n        </article>\n      }\n    </div>\n  }\n\n</div>", styles: ["@charset \"UTF-8\";.mosaic-parallax{position:relative;align-items:start;padding-block:4rem}.text{grid-row:2}.mosaic-parallax__track{grid-row:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));align-items:start;justify-content:center;gap:2.25rem;width:100%;overflow:hidden;padding-block:0 4rem}.mosaic-item{flex-shrink:0;width:95%;display:flex;flex-direction:column;border:2px solid var(--border-primary);overflow:hidden;background:var(--content-bg-light);margin-top:calc(var(--item-index) * 80px);transform:translateY(100px);transition:transform 1.4s cubic-bezier(.16,1,.3,1) var(--anim-delay),opacity .8s ease var(--anim-delay)}.mosaic-item--visible{transform:translateY(0);opacity:1}.mosaic-item__media{width:100%;aspect-ratio:4/3;overflow:hidden}.mosaic-item__media img,.mosaic-item__media ui-image{width:100%;height:100%;object-fit:cover;display:block}.mosaic-item__content{display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem 1.5rem;min-height:11rem;background:var(--content-bg-dark);color:var(--text-inverse);border-top:2px solid var(--border-primary)}.mosaic-item:nth-child(2n) .mosaic-item__content{background:var(--content-bg-light);color:var(--text-primary)}.mosaic-item:nth-child(2n) .mosaic-item__index{background:var(--content-bg-dark);color:var(--text-inverse)}.mosaic-item__description{font-size:.9rem;line-height:1.4;margin:0 0 1rem}.mosaic-item__meta{display:flex;justify-content:space-between;align-items:flex-end}.mosaic-item__date{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.mosaic-item__index{font-size:3rem;font-weight:900;line-height:1;background:#f2f2f2;color:var(--text-primary);padding:.5rem 1rem;border-left:2px solid var(--border-primary);margin:0 -1.5rem -1.2rem 0}@media(max-width:1024px){.mosaic-parallax__track{flex-direction:column;align-items:center;justify-items:center;overflow:visible;grid-row:3}.mosaic-item{width:90%;height:90%;margin-top:0!important}}@media(max-width:768px){.mosaic-item{width:85%;margin-top:0!important}}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }], propDecorators: { title: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], images: [{
-                type: Input
-            }], mosaicSection: [{
-                type: ViewChild,
-                args: ['mosaicSection']
-            }] } });
-/**
- * Generated bundle index. Do not edit.
- */
+import { isPlatformBrowser } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Inject, Input, PLATFORM_ID, ViewChild, signal } from "@angular/core";
+import { UiImageComponent } from "@lluc_llull/ui-lib/shared";
+var MosaicParallaxComponent = class MosaicParallaxComponent {
+	title;
+	text;
+	images;
+	mosaicSection;
+	isVisible = signal(false, ...ngDevMode ? [{ debugName: "isVisible" }] : /* istanbul ignore next */ []);
+	observer;
+	isBrowser;
+	constructor(platformId) {
+		this.isBrowser = isPlatformBrowser(platformId);
+	}
+	ngAfterViewInit() {
+		if (!this.isBrowser) return;
+		this.observer = new IntersectionObserver(([entry]) => {
+			if (entry.isIntersecting && !this.isVisible()) {
+				this.isVisible.set(true);
+				this.observer?.disconnect();
+			}
+		}, { threshold: .1 });
+		this.observer.observe(this.mosaicSection.nativeElement);
+	}
+	ngOnDestroy() {
+		this.observer?.disconnect();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: MosaicParallaxComponent,
+		deps: [{ token: PLATFORM_ID }],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: MosaicParallaxComponent,
+		isStandalone: true,
+		selector: "app-mosaic-parallax",
+		inputs: {
+			title: "title",
+			text: "text",
+			images: "images"
+		},
+		host: { styleAttribute: "display: contents" },
+		viewQueries: [{
+			propertyName: "mosaicSection",
+			first: true,
+			predicate: ["mosaicSection"],
+			descendants: true
+		}],
+		ngImport: i0,
+		template: "<div class=\"mosaic-parallax main-grid col-span-full\" #mosaicSection>\n\n  @if (title) {\n    <h2 class=\"subtitle md:col-span-3 md:col-start-1\">{{ title }}</h2>\n  }\n\n  @if (text) {\n    <p class=\"text col-span-full md:col-span-5 md:col-start-1\">\n      {{ text }}\n    </p>\n  }\n\n  @if (images && images.length > 0) {\n    <div class=\"mosaic-parallax__track col-span-full md:col-span-10 md:col-start-2\">\n      @for (item of images; track $index) {\n        <article\n          class=\"mosaic-item\"\n          [class.mosaic-item--visible]=\"isVisible()\"\n          [style.--item-index]=\"images.length - 1 - $index\"\n          [style.--anim-delay]=\"(images.length - 1 - $index) * 250 + 'ms'\"\n        >\n          <div class=\"mosaic-item__media\">\n            @if (item.publicId) {\n              <ui-image [publicId]=\"item.publicId\"></ui-image>\n            } @else {\n              <img [src]=\"item.url\" [alt]=\"item.alt\" loading=\"lazy\" />\n            }\n          </div>\n          @if (item.texts; as texts) {\n            <div class=\"mosaic-item__content\">\n              <p class=\"mosaic-item__description\">{{ texts.text }}</p>\n              <div class=\"mosaic-item__meta\">\n                <span class=\"mosaic-item__date\">{{ texts.title }}</span>\n                <span class=\"mosaic-item__index\">\n                  {{ ($index + 1).toString().padStart(2, '0') }}\n                </span>\n              </div>\n            </div>\n          }\n        </article>\n      }\n    </div>\n  }\n\n</div>",
+		styles: ["@charset \"UTF-8\";.mosaic-parallax{position:relative;align-items:start;padding-block:4rem}.text{grid-row:2}.mosaic-parallax__track{grid-row:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));align-items:start;justify-content:center;gap:2.25rem;width:100%;overflow:hidden;padding-block:0 4rem}.mosaic-item{flex-shrink:0;width:95%;display:flex;flex-direction:column;border:2px solid var(--border-primary);overflow:hidden;background:var(--content-bg-light);margin-top:calc(var(--item-index) * 80px);transform:translateY(100px);transition:transform 1.4s cubic-bezier(.16,1,.3,1) var(--anim-delay),opacity .8s ease var(--anim-delay)}.mosaic-item--visible{transform:translateY(0);opacity:1}.mosaic-item__media{width:100%;aspect-ratio:4/3;overflow:hidden}.mosaic-item__media img,.mosaic-item__media ui-image{width:100%;height:100%;object-fit:cover;display:block}.mosaic-item__content{display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem 1.5rem;min-height:11rem;background:var(--content-bg-dark);color:var(--text-inverse);border-top:2px solid var(--border-primary)}.mosaic-item:nth-child(2n) .mosaic-item__content{background:var(--content-bg-light);color:var(--text-primary)}.mosaic-item:nth-child(2n) .mosaic-item__index{background:var(--content-bg-dark);color:var(--text-inverse)}.mosaic-item__description{font-size:.9rem;line-height:1.4;margin:0 0 1rem}.mosaic-item__meta{display:flex;justify-content:space-between;align-items:flex-end}.mosaic-item__date{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.mosaic-item__index{font-size:3rem;font-weight:900;line-height:1;background:#f2f2f2;color:var(--text-primary);padding:.5rem 1rem;border-left:2px solid var(--border-primary);margin:0 -1.5rem -1.2rem 0}@media(max-width:1024px){.mosaic-parallax__track{flex-direction:column;align-items:center;justify-items:center;overflow:visible;grid-row:3}.mosaic-item{width:90%;height:90%;margin-top:0!important}}@media(max-width:768px){.mosaic-item{width:85%;margin-top:0!important}}\n"],
+		dependencies: [{
+			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: MosaicParallaxComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-mosaic-parallax",
+			standalone: true,
+			imports: [UiImageComponent],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { style: "display: contents" },
+			template: "<div class=\"mosaic-parallax main-grid col-span-full\" #mosaicSection>\n\n  @if (title) {\n    <h2 class=\"subtitle md:col-span-3 md:col-start-1\">{{ title }}</h2>\n  }\n\n  @if (text) {\n    <p class=\"text col-span-full md:col-span-5 md:col-start-1\">\n      {{ text }}\n    </p>\n  }\n\n  @if (images && images.length > 0) {\n    <div class=\"mosaic-parallax__track col-span-full md:col-span-10 md:col-start-2\">\n      @for (item of images; track $index) {\n        <article\n          class=\"mosaic-item\"\n          [class.mosaic-item--visible]=\"isVisible()\"\n          [style.--item-index]=\"images.length - 1 - $index\"\n          [style.--anim-delay]=\"(images.length - 1 - $index) * 250 + 'ms'\"\n        >\n          <div class=\"mosaic-item__media\">\n            @if (item.publicId) {\n              <ui-image [publicId]=\"item.publicId\"></ui-image>\n            } @else {\n              <img [src]=\"item.url\" [alt]=\"item.alt\" loading=\"lazy\" />\n            }\n          </div>\n          @if (item.texts; as texts) {\n            <div class=\"mosaic-item__content\">\n              <p class=\"mosaic-item__description\">{{ texts.text }}</p>\n              <div class=\"mosaic-item__meta\">\n                <span class=\"mosaic-item__date\">{{ texts.title }}</span>\n                <span class=\"mosaic-item__index\">\n                  {{ ($index + 1).toString().padStart(2, '0') }}\n                </span>\n              </div>\n            </div>\n          }\n        </article>\n      }\n    </div>\n  }\n\n</div>",
+			styles: ["@charset \"UTF-8\";.mosaic-parallax{position:relative;align-items:start;padding-block:4rem}.text{grid-row:2}.mosaic-parallax__track{grid-row:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));align-items:start;justify-content:center;gap:2.25rem;width:100%;overflow:hidden;padding-block:0 4rem}.mosaic-item{flex-shrink:0;width:95%;display:flex;flex-direction:column;border:2px solid var(--border-primary);overflow:hidden;background:var(--content-bg-light);margin-top:calc(var(--item-index) * 80px);transform:translateY(100px);transition:transform 1.4s cubic-bezier(.16,1,.3,1) var(--anim-delay),opacity .8s ease var(--anim-delay)}.mosaic-item--visible{transform:translateY(0);opacity:1}.mosaic-item__media{width:100%;aspect-ratio:4/3;overflow:hidden}.mosaic-item__media img,.mosaic-item__media ui-image{width:100%;height:100%;object-fit:cover;display:block}.mosaic-item__content{display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem 1.5rem;min-height:11rem;background:var(--content-bg-dark);color:var(--text-inverse);border-top:2px solid var(--border-primary)}.mosaic-item:nth-child(2n) .mosaic-item__content{background:var(--content-bg-light);color:var(--text-primary)}.mosaic-item:nth-child(2n) .mosaic-item__index{background:var(--content-bg-dark);color:var(--text-inverse)}.mosaic-item__description{font-size:.9rem;line-height:1.4;margin:0 0 1rem}.mosaic-item__meta{display:flex;justify-content:space-between;align-items:flex-end}.mosaic-item__date{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.mosaic-item__index{font-size:3rem;font-weight:900;line-height:1;background:#f2f2f2;color:var(--text-primary);padding:.5rem 1rem;border-left:2px solid var(--border-primary);margin:0 -1.5rem -1.2rem 0}@media(max-width:1024px){.mosaic-parallax__track{flex-direction:column;align-items:center;justify-items:center;overflow:visible;grid-row:3}.mosaic-item{width:90%;height:90%;margin-top:0!important}}@media(max-width:768px){.mosaic-item{width:85%;margin-top:0!important}}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{
+			type: Inject,
+			args: [PLATFORM_ID]
+		}]
+	}],
+	propDecorators: {
+		title: [{ type: Input }],
+		text: [{ type: Input }],
+		images: [{ type: Input }],
+		mosaicSection: [{
+			type: ViewChild,
+			args: ["mosaicSection"]
+		}]
+	}
+});
 export { MosaicParallaxComponent };
-//# sourceMappingURL=lluc_llull-ui-lib-content-mosaic-parallax.mjs.map
+//# sourceMappingURL=lluc_llull-ui-lib-content-mosaic-parallax.mjs.map

package/fesm2022/lluc_llull-ui-lib-content-mosaic-parallax.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lluc_llull-ui-lib-content-mosaic-parallax.mjs","sources":["../../../projects/ui-lib/content/mosaic-parallax/mosaic-parallax.component.ts","../../../projects/ui-lib/content/mosaic-parallax/mosaic-parallax.component.html"~~,"../../../projects/ui-lib/content/mosaic-parallax/lluc_llull-ui-lib-content-mosaic-parallax.ts"~~],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Inject,\n Input,\n OnDestroy,\n PLATFORM_ID,\n signal,\n ViewChild,\n} from '@angular/core';\nimport { UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { UiImageComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n selector: 'app-mosaic-parallax',\n standalone: true,\n imports: [UiImageComponent],\n templateUrl: './mosaic-parallax.component.html',\n styleUrls: ['./mosaic-parallax.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n style: 'display: contents',\n },\n})\nexport class MosaicParallaxComponent implements AfterViewInit, OnDestroy {\n @Input() title?: string;\n @Input() text?: string;\n @Input() images?: UiLibImageI[];\n\n @ViewChild('mosaicSection') mosaicSection!: ElementRef<HTMLElement>;\n\n isVisible = signal(false);\n private observer?: IntersectionObserver;\n private isBrowser: boolean;\n\n constructor(@Inject(PLATFORM_ID) platformId: object) {\n this.isBrowser = isPlatformBrowser(platformId);\n }\n\n ngAfterViewInit() {\n if (!this.isBrowser) return;\n\n this.observer = new IntersectionObserver(\n ([entry]) => {\n if (entry.isIntersecting && !this.isVisible()) {\n this.isVisible.set(true);\n this.observer?.disconnect();\n }\n },\n { threshold: 0.1 },\n );\n\n this.observer.observe(this.mosaicSection.nativeElement);\n }\n\n ngOnDestroy() {\n this.observer?.disconnect();\n }\n}\n","<div class=\"mosaic-parallax main-grid col-span-full\" #mosaicSection>\n\n @if (title) {\n <h2 class=\"subtitle md:col-span-3 md:col-start-1\">{{ title }}</h2>\n }\n\n @if (text) {\n <p class=\"text col-span-full md:col-span-5 md:col-start-1\">\n {{ text }}\n </p>\n }\n\n @if (images && images.length > 0) {\n <div class=\"mosaic-parallax__track col-span-full md:col-span-10 md:col-start-2\">\n @for (item of images; track $index) {\n <article\n class=\"mosaic-item\"\n [class.mosaic-item--visible]=\"isVisible()\"\n [style.--item-index]=\"images.length - 1 - $index\"\n [style.--anim-delay]=\"(images.length - 1 - $index) * 250 + 'ms'\"\n >\n <div class=\"mosaic-item__media\">\n @if (item.publicId) {\n <ui-image [publicId]=\"item.publicId\"></ui-image>\n } @else {\n <img [src]=\"item.url\" [alt]=\"item.alt\" loading=\"lazy\" />\n }\n </div>\n @if (item.texts; as texts) {\n <div class=\"mosaic-item__content\">\n <p class=\"mosaic-item__description\">{{ texts.text }}</p>\n <div class=\"mosaic-item__meta\">\n <span class=\"mosaic-item__date\">{{ texts.title }}</span>\n <span class=\"mosaic-item__index\">\n {{ ($index + 1).toString().padStart(2, '0') }}\n </span>\n </div>\n </div>\n }\n </article>\n }\n </div>\n }\n\n</div>"~~,"/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"~~],"~~names":[],"~~mappings":"~~;;;;;MA2Ba~~,~~uBAAuB~~,~~CAAA;AACvB~~,~~IAAA~~,~~KAAK~~;~~AACL,IAAA,IAAI~~;~~AACJ,IAAA,MAAM~~;~~AAEa~~,~~IAAA~~,~~aAAa;AAEzC~~,~~IAAA~~,~~SAAS~~,~~GAAG~~,~~MAAM~~,~~CAAC~~,~~KAAK~~,~~CAAC;AACjB~~,~~IAAA~~,~~QAAQ;AACR~~,~~IAAA,SAAS~~;~~AAEjB~~,~~IAAA~~,~~WAAA,CAAiC,UAAkB,EAAA~~;~~AAC~~/C,~~QAAA~~,~~IAAI~~,~~CAAC~~,~~SAAS,GAAG,iBAAiB,CAAC,~~UAAU~~,CAAC~~;~~IAClD~~;~~IAEA~~,~~eAAe,GAAA~~;~~QACX~~,IAAI,CAAC,~~IAAI~~,~~CAAC,SAAS~~;~~YAAE;QAErB~~,~~IAAI~~,~~CAAC~~,~~QAAQ,GAAG,~~IAAI,~~oBAAoB~~,~~CACpC,~~CAAC,~~CAAC,KAAK,CAAC,KAAI~~;~~YACR~~,IAAI,~~KAAK~~,~~CAAC~~,~~cAAc,IAAI,~~CAAC,~~IAAI~~,~~CAAC~~,~~SAAS~~,~~EAAE~~,~~EAAE;AAC3C~~,~~gBAAA,~~IAAI,~~CAAC,SAAS,CAAC,GAAG,CAAC,~~IAAI~~,CAAC~~;~~AACxB~~,~~gBAAA~~,~~IAAI,CAAC,QAAQ,EAAE,~~UAAU,~~EAAE~~;~~YAC/B~~;~~AACJ~~,~~QAAA~~,~~CAAC,EACD,~~EAAE,~~SAAS~~,~~EAAE,~~GAAG,~~EAAE,CACrB~~;~~QAED~~,~~IAAI~~,~~CAAC~~,QAAQ,~~CAAC~~,~~OAAO~~,~~CAAC,IAAI,CAAC,~~aAAa~~,CAAC,aAAa,CAAC~~;~~IAC3D~~;~~IAEA~~,~~WAAW,GAAA~~;~~AACP~~,~~QAAA~~,~~IAAI,CAAC,QAAQ,EAAE,~~UAAU,~~EAAE~~;~~IAC/B~~;~~AAjCS~~,~~IAAA~~,OAAA,~~IAAA,~~GAAA,EAAA,~~CAAA,kBAAA,CAAA,~~EAAA,~~UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA,EAAA,~~QAAA,~~EAAA,~~EAAA~~,~~EAAA~~,~~IAAA~~,EAAA,~~uBAAuB~~,~~kBAWZ~~,~~WAAW,EAAA,~~CAAA,EAAA,~~MAAA~~,~~EAAA~~,~~EAAA~~,CAAA,~~eAAA~~,~~CAAA~~,~~SAAA~~,~~EAAA,CAAA~~;~~4FAXtB,uBAAuB,~~EAAA,YAAA,EAAA,~~IAAA,~~EAAA,~~QAAA,EAAA,qBAAA,EAAA,~~MAAA,EAAA,EAAA,~~KAAA~~,~~EAAA,~~OAAA,~~EAAA,IAAA,EAAA,~~MAAA,EAAA,MAAA,EAAA,~~QAAA~~,EAAA,~~EAAA~~,~~IAAA~~,~~EAAA,EAAA,~~cAAA,~~EAAA~~,~~mBAAA,EAAA,EAAA,~~WAAA,~~EAAA,~~CAAA,~~EAAA,YAAA,EAAA,~~eAAA,EAAA,~~KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,~~CAAA~~,eAAA,CAAA,~~EAAA,~~WAAA,~~EAAA,~~IAAA~~,~~EAAA,CAAA,EAAA,~~QAAA,~~EAAA,EAAA,EAAA,QAAA,EC3BpC,0gDA4CM,EAAA,MAAA,EAAA,~~CAAA,2gEAAA~~,CAAA,~~EAAA,~~YAAA~~,~~EAAA,~~CAAA,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~WAAA,EAAA,~~IAAA~~,EDzBQ,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~~;;4FAQjB~~,~~uBAAuB~~,~~EAAA~~,~~UAAA,EAAA,~~CAAA;~~kBAXnC~~,~~SAAS;+BACI,qBAAqB,EAAA,~~UAAA,~~EACnB~~,~~IAAI~~,~~EAAA,OAAA,EACP,~~CAAC,gBAAgB,~~CAAC~~,~~EAAA~~,~~eAAA~~,~~EAGV~~,~~uBAAuB~~,~~CAAC~~,~~MAAM,EAAA,IAAA,EACzC~~;~~AACF~~,~~wBAAA~~,~~KAAK~~,~~EAAE,mBAAmB~~;~~AAC7B,qBAAA,~~EAAA,~~QAAA~~,~~EAAA~~,~~0gDAAA,EAAA,~~MAAA,~~EAAA,~~CAAA,~~2gEAAA~~,~~CAAA~~,~~EAAA;;0BAaY~~,~~MAAM~~;~~2BAAC~~,~~WAAW;yCAVtB~~,~~KAAK~~,~~EAAA,CAAA~~;~~sBAAb;gBACQ~~,~~IAAI~~,~~EAAA~~,~~CAAA;sBAAZ;gBACQ~~,~~MAAM,EAAA,CAAA~~;~~sBAAd;gBAE2B~~,~~aAAa~~,~~EAAA,~~CAAA~~;sBAAxC~~,~~SAAS;uBAAC,~~eAAe~~;;;AEhC9B;;AAEG;;;;~~"}
1	+ {"version":3,"file":"lluc_llull-ui-lib-content-mosaic-parallax.mjs","names":[],"sources":["../../../projects/ui-lib/content/mosaic-parallax/mosaic-parallax.component.ts","../../../projects/ui-lib/content/mosaic-parallax/mosaic-parallax.component.html"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Inject,\n Input,\n OnDestroy,\n PLATFORM_ID,\n signal,\n ViewChild,\n} from '@angular/core';\nimport { UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { UiImageComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n selector: 'app-mosaic-parallax',\n standalone: true,\n imports: [UiImageComponent],\n templateUrl: './mosaic-parallax.component.html',\n styleUrls: ['./mosaic-parallax.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n style: 'display: contents',\n },\n})\nexport class MosaicParallaxComponent implements AfterViewInit, OnDestroy {\n @Input() title?: string;\n @Input() text?: string;\n @Input() images?: UiLibImageI[];\n\n @ViewChild('mosaicSection') mosaicSection!: ElementRef<HTMLElement>;\n\n isVisible = signal(false);\n private observer?: IntersectionObserver;\n private isBrowser: boolean;\n\n constructor(@Inject(PLATFORM_ID) platformId: object) {\n this.isBrowser = isPlatformBrowser(platformId);\n }\n\n ngAfterViewInit() {\n if (!this.isBrowser) return;\n\n this.observer = new IntersectionObserver(\n ([entry]) => {\n if (entry.isIntersecting && !this.isVisible()) {\n this.isVisible.set(true);\n this.observer?.disconnect();\n }\n },\n { threshold: 0.1 },\n );\n\n this.observer.observe(this.mosaicSection.nativeElement);\n }\n\n ngOnDestroy() {\n this.observer?.disconnect();\n }\n}\n","<div class=\"mosaic-parallax main-grid col-span-full\" #mosaicSection>\n\n @if (title) {\n <h2 class=\"subtitle md:col-span-3 md:col-start-1\">{{ title }}</h2>\n }\n\n @if (text) {\n <p class=\"text col-span-full md:col-span-5 md:col-start-1\">\n {{ text }}\n </p>\n }\n\n @if (images && images.length > 0) {\n <div class=\"mosaic-parallax__track col-span-full md:col-span-10 md:col-start-2\">\n @for (item of images; track $index) {\n <article\n class=\"mosaic-item\"\n [class.mosaic-item--visible]=\"isVisible()\"\n [style.--item-index]=\"images.length - 1 - $index\"\n [style.--anim-delay]=\"(images.length - 1 - $index) * 250 + 'ms'\"\n >\n <div class=\"mosaic-item__media\">\n @if (item.publicId) {\n <ui-image [publicId]=\"item.publicId\"></ui-image>\n } @else {\n <img [src]=\"item.url\" [alt]=\"item.alt\" loading=\"lazy\" />\n }\n </div>\n @if (item.texts; as texts) {\n <div class=\"mosaic-item__content\">\n <p class=\"mosaic-item__description\">{{ texts.text }}</p>\n <div class=\"mosaic-item__meta\">\n <span class=\"mosaic-item__date\">{{ texts.title }}</span>\n <span class=\"mosaic-item__index\">\n {{ ($index + 1).toString().padStart(2, '0') }}\n </span>\n </div>\n </div>\n }\n </article>\n }\n </div>\n }\n\n</div>"],"mappings":";;;;AA2BA,IAAa,0BAAb,MAAa,wBAAuB;CACvB;CACA;CACA;CAEmB;CAE5B,YAAY,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CACjB;CACA;CAER,YAAiC,YAAkB;EAC/C,KAAK,YAAY,kBAAkB,UAAU;CACjD;CAEA,kBAAe;EACX,IAAI,CAAC,KAAK,WAAW;EAErB,KAAK,WAAW,IAAI,sBACf,CAAC,WAAU;GACR,IAAI,MAAM,kBAAkB,CAAC,KAAK,UAAS,GAAI;IAC3C,KAAK,UAAU,IAAI,IAAI;IACvB,KAAK,UAAU,WAAU;GAC7B;EACJ,GACA,EAAE,WAAW,GAAG,CAAE;EAGtB,KAAK,SAAS,QAAQ,KAAK,cAAc,aAAa;CAC1D;CAEA,cAAW;EACP,KAAK,UAAU,WAAU;CAC7B;CAjCS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAuB,MAAA,CAAA,EAAA,OAWZ,YAAW,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAXtB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAuB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;GAAA,MAAA;GAAA,QAAA;EAAA;EAAA,MAAA,EAAA,gBAAA,oBAAA;EAAA,aAAA,CAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WAAA,CAAA,eAAA;GAAA,aAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UC3BpC;EA4CM,QAAA,CAAA,2gEAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MDzBQ;GAAgB,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAQjB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAuB,YAAA,CAAA;EAXnC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAqB,YACnB;GAAI,SACP,CAAC,gBAAgB;GAAC,iBAGV,wBAAwB;GAAM,MACzC,EACF,OAAO,oBACV;GAAA,UAAA;GAAA,QAAA,CAAA,2gEAAA;EAAA,CAAA;;;;;GAaY,MAAA;GAAO,MAAA,CAAA,WAAW;;;;E,UAV9B,MAAA,M;E,SACA,MAAA,M;E,WACA,MAAA,M;;GAEA,MAAA;GAAU,MAAA,CAAA,eAAe"}

package/fesm2022/lluc_llull-ui-lib-content-section-intro.mjs CHANGED Viewed

@@ -1,38 +1,101 @@
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-import { LinkTypeDirective, ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';
-import { UiIconComponent } from '@lluc_llull/ui-lib/shared';
-class SectionIntroComponent {
-    pretitle;
-    title;
-    subtitle;
-    text;
-    button;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SectionIntroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: SectionIntroComponent, isStandalone: true, selector: "lib-section-intro", inputs: { pretitle: "pretitle", title: "title", subtitle: "subtitle", text: "text", button: "button" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: "<div class=\"section-intro col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  @if (pretitle) {\n    <h2 class=\"pretitle\">{{ pretitle }}</h2>\n  }\n  @if (title) {\n    <h1 class=\"title\">{{ title }}</h1>\n  }\n  @if (subtitle) {\n    <h2 class=\"subtitle\">{{ subtitle }}</h2>\n  }\n  @if (text) {\n    <p class=\"text\">{{ text }}</p>\n  }\n  @if (button) {\n    <div class=\"btn-group\">\n      <a [href]=\"button.url\" [linkType]=\"button.linkType\" class=\"btn btn-link\">\n        <ui-icon [name]=\"button.icon!\" [size]=\"17\" [color]=\"'var(--color-primary)'\"></ui-icon>\n        {{ button.label }}\n      </a>\n    </div>\n  }\n</div>\n", styles: [".section-intro{text-align:start;align-items:start}.title,.subtitle{text-transform:uppercase}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "color"] }, { 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: SectionIntroComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-section-intro', standalone: true, imports: [CommonModule, LinkTypeDirective, UiIconComponent, ScrollRevealDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        style: 'display: contents',
-                    }, template: "<div class=\"section-intro col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  @if (pretitle) {\n    <h2 class=\"pretitle\">{{ pretitle }}</h2>\n  }\n  @if (title) {\n    <h1 class=\"title\">{{ title }}</h1>\n  }\n  @if (subtitle) {\n    <h2 class=\"subtitle\">{{ subtitle }}</h2>\n  }\n  @if (text) {\n    <p class=\"text\">{{ text }}</p>\n  }\n  @if (button) {\n    <div class=\"btn-group\">\n      <a [href]=\"button.url\" [linkType]=\"button.linkType\" class=\"btn btn-link\">\n        <ui-icon [name]=\"button.icon!\" [size]=\"17\" [color]=\"'var(--color-primary)'\"></ui-icon>\n        {{ button.label }}\n      </a>\n    </div>\n  }\n</div>\n", styles: [".section-intro{text-align:start;align-items:start}.title,.subtitle{text-transform:uppercase}\n"] }]
-        }], propDecorators: { pretitle: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], subtitle: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], button: [{
-                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 { LinkTypeDirective, ScrollRevealDirective } from "@lluc_llull/ui-lib/directives";
+import { UiIconComponent } from "@lluc_llull/ui-lib/shared";
+var SectionIntroComponent = class SectionIntroComponent {
+	pretitle;
+	title;
+	subtitle;
+	text;
+	button;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: SectionIntroComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: SectionIntroComponent,
+		isStandalone: true,
+		selector: "lib-section-intro",
+		inputs: {
+			pretitle: "pretitle",
+			title: "title",
+			subtitle: "subtitle",
+			text: "text",
+			button: "button"
+		},
+		host: { styleAttribute: "display: contents" },
+		ngImport: i0,
+		template: "<div class=\"section-intro col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  @if (pretitle) {\n    <h2 class=\"pretitle\">{{ pretitle }}</h2>\n  }\n  @if (title) {\n    <h1 class=\"title\">{{ title }}</h1>\n  }\n  @if (subtitle) {\n    <h2 class=\"subtitle\">{{ subtitle }}</h2>\n  }\n  @if (text) {\n    <p class=\"text\">{{ text }}</p>\n  }\n  @if (button) {\n    <div class=\"btn-group\">\n      <a [href]=\"button.url\" [linkType]=\"button.linkType\" class=\"btn btn-link\">\n        <ui-icon [name]=\"button.icon!\" [size]=\"17\" [color]=\"'var(--color-primary)'\"></ui-icon>\n        {{ button.label }}\n      </a>\n    </div>\n  }\n</div>\n",
+		styles: [".section-intro{text-align:start;align-items:start}.title,.subtitle{text-transform:uppercase}\n"],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: LinkTypeDirective,
+				selector: "[linkType]",
+				inputs: ["linkType", "href"],
+				outputs: ["anchorClicked"]
+			},
+			{
+				kind: "component",
+				type: UiIconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"name",
+					"size",
+					"color"
+				]
+			},
+			{
+				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: SectionIntroComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-section-intro",
+			standalone: true,
+			imports: [
+				CommonModule,
+				LinkTypeDirective,
+				UiIconComponent,
+				ScrollRevealDirective
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { style: "display: contents" },
+			template: "<div class=\"section-intro col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  @if (pretitle) {\n    <h2 class=\"pretitle\">{{ pretitle }}</h2>\n  }\n  @if (title) {\n    <h1 class=\"title\">{{ title }}</h1>\n  }\n  @if (subtitle) {\n    <h2 class=\"subtitle\">{{ subtitle }}</h2>\n  }\n  @if (text) {\n    <p class=\"text\">{{ text }}</p>\n  }\n  @if (button) {\n    <div class=\"btn-group\">\n      <a [href]=\"button.url\" [linkType]=\"button.linkType\" class=\"btn btn-link\">\n        <ui-icon [name]=\"button.icon!\" [size]=\"17\" [color]=\"'var(--color-primary)'\"></ui-icon>\n        {{ button.label }}\n      </a>\n    </div>\n  }\n</div>\n",
+			styles: [".section-intro{text-align:start;align-items:start}.title,.subtitle{text-transform:uppercase}\n"]
+		}]
+	}],
+	propDecorators: {
+		pretitle: [{ type: Input }],
+		title: [{ type: Input }],
+		subtitle: [{ type: Input }],
+		text: [{ type: Input }],
+		button: [{ type: Input }]
+	}
+});
 export { SectionIntroComponent };
-//# sourceMappingURL=lluc_llull-ui-lib-content-section-intro.mjs.map
+//# sourceMappingURL=lluc_llull-ui-lib-content-section-intro.mjs.map

package/fesm2022/lluc_llull-ui-lib-content-section-intro.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lluc_llull-ui-lib-content-section-intro.mjs","sources":["../../../projects/ui-lib/content/section-intro/section-intro.component.ts","../../../projects/ui-lib/content/section-intro/section-intro.component.html"~~,"../../../projects/ui-lib/content/section-intro/lluc_llull-ui-lib-content-section-intro.ts"~~],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { LinkTypeDirective, ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n selector: 'lib-section-intro',\n standalone: true,\n imports: [CommonModule, LinkTypeDirective, UiIconComponent, ScrollRevealDirective],\n templateUrl: './section-intro.component.html',\n styleUrl: './section-intro.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n style: 'display: contents',\n },\n})\nexport class SectionIntroComponent {\n @Input() pretitle?: string;\n @Input() title?: string;\n @Input() subtitle?: string;\n @Input() text?: string;\n @Input() button?: UiLibButtonI;\n}\n","<div class=\"section-intro col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n @if (pretitle) {\n <h2 class=\"pretitle\">{{ pretitle }}</h2>\n }\n @if (title) {\n <h1 class=\"title\">{{ title }}</h1>\n }\n @if (subtitle) {\n <h2 class=\"subtitle\">{{ subtitle }}</h2>\n }\n @if (text) {\n <p class=\"text\">{{ text }}</p>\n }\n @if (button) {\n <div class=\"btn-group\">\n <a [href]=\"button.url\" [linkType]=\"button.linkType\" class=\"btn btn-link\">\n <ui-icon [name]=\"button.icon!\" [size]=\"17\" [color]=\"'var(--color-primary)'\"></ui-icon>\n {{ button.label }}\n </a>\n </div>\n }\n</div>\n"~~,"/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"~~],"~~names":[],"~~mappings":"~~;;;;;;MAiBa~~,~~qBAAqB~~,~~CAAA;AACrB~~,~~IAAA~~,~~QAAQ~~;~~AACR,IAAA,KAAK~~;~~AACL,IAAA,QAAQ~~;~~AACR~~,~~IAAA~~,~~IAAI;AACJ~~,~~IAAA~~,~~MAAM~~;~~wGALN,qBAAqB,~~EAAA,~~IAAA,~~EAAA,EAAA,EAAA,MAAA,~~EAAA~~,EAAA,~~CAAA~~,~~eAAA~~,CAAA,~~SAAA,EAAA,~~CAAA;~~4FAArB~~,~~qBAAqB~~,~~EAAA~~,~~YAAA~~,EAAA,~~IAAA,~~EAAA,~~QAAA,~~EAAA,~~mBAAA,EAAA,~~MAAA,EAAA,EAAA,QAAA,~~EAAA,~~UAAA,~~EAAA,KAAA,EAAA,~~OAAA,~~EAAA,QAAA,EAAA,~~UAAA,~~EAAA,IAAA,EAAA,~~MAAA,~~EAAA,MAAA,EAAA,~~QAAA,EAAA,EAAA,~~IAAA~~,EAAA,~~EAAA~~,~~cAAA,~~EAAA,~~mBAAA,~~EAAA,~~EAAA~~,QAAA,~~EAAA,EAAA,EAAA,QAAA,ECjBlC,spBAsBA,EAAA,MAAA,EAAA,~~CAAA,gGAAA~~,CAAA,~~EAAA,~~YAAA~~,~~EAAA~~,~~CAAA~~,~~EAAA,~~IAAA,~~EAAA~~,UAAA~~,EAAA,~~IAAA,~~EDbc,YAAY,+BAAE,iBAAiB,EAAA,~~QAAA,~~EAAA~~,YAAA,~~EAAA,~~MAAA,~~EAAA~~,CAAA,~~UAAA~~,~~EAAA,~~MAAA~~,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,~~IAAA,~~EAAA~~,~~WAAA,EAAA,~~IAAA,~~EAAE,eAAe,EAAA,~~QAAA,~~EAAA,SAAA,EAAA,~~MAAA~~,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,~~IAAA,~~EAAA~~,~~WAAA,EAAA,~~IAAA,~~EAAE,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~~;;4FAQxE~~,~~qBAAqB,EAAA,~~UAAA~~,EAAA,~~CAAA~~;kBAXjC~~,~~SAAS~~;~~AACI~~,YAAA,~~IAAA,EAAA,~~CAAA,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~mBAAmB~~,~~cACjB~~,~~IAAI~~,~~EAAA~~,~~OAAA~~,~~EACP~~,~~CAAC~~,~~YAAY~~,~~EAAE,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAGjE,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC~~;~~AACF~~,~~wBAAA,KAAK,EAAE,mBAAmB~~;~~AAC7B~~,~~qBAAA,EAAA,~~QAAA,~~EAAA,spBAAA,EAAA,MAAA,EAAA,~~CAAA,gGAAA,CAAA,~~EAAA;8BAGQ~~,~~QAAQ~~,~~EAAA,CAAA~~;~~sBAAhB;gBACQ~~,~~KAAK~~,~~EAAA~~,~~CAAA~~;~~sBAAb;gBACQ~~,~~QAAQ~~,~~EAAA~~,~~CAAA~~;~~sBAAhB;gBACQ~~,~~IAAI~~,~~EAAA~~,~~CAAA~~;~~sBAAZ;gBACQ~~,~~MAAM~~,~~EAAA~~,~~CAAA;sBAAd;;;AEtBL;;AAEG;;;;~~"}
1	+ {"version":3,"file":"lluc_llull-ui-lib-content-section-intro.mjs","names":[],"sources":["../../../projects/ui-lib/content/section-intro/section-intro.component.ts","../../../projects/ui-lib/content/section-intro/section-intro.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { LinkTypeDirective, ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n selector: 'lib-section-intro',\n standalone: true,\n imports: [CommonModule, LinkTypeDirective, UiIconComponent, ScrollRevealDirective],\n templateUrl: './section-intro.component.html',\n styleUrl: './section-intro.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n style: 'display: contents',\n },\n})\nexport class SectionIntroComponent {\n @Input() pretitle?: string;\n @Input() title?: string;\n @Input() subtitle?: string;\n @Input() text?: string;\n @Input() button?: UiLibButtonI;\n}\n","<div class=\"section-intro col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n @if (pretitle) {\n <h2 class=\"pretitle\">{{ pretitle }}</h2>\n }\n @if (title) {\n <h1 class=\"title\">{{ title }}</h1>\n }\n @if (subtitle) {\n <h2 class=\"subtitle\">{{ subtitle }}</h2>\n }\n @if (text) {\n <p class=\"text\">{{ text }}</p>\n }\n @if (button) {\n <div class=\"btn-group\">\n <a [href]=\"button.url\" [linkType]=\"button.linkType\" class=\"btn btn-link\">\n <ui-icon [name]=\"button.icon!\" [size]=\"17\" [color]=\"'var(--color-primary)'\"></ui-icon>\n {{ button.label }}\n </a>\n </div>\n }\n</div>\n"],"mappings":";;;;;AAiBA,IAAa,wBAAb,MAAa,sBAAqB;CACrB;CACA;CACA;CACA;CACA;CALA,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAqB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAArB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAqB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,UAAA;GAAA,OAAA;GAAA,UAAA;GAAA,MAAA;GAAA,QAAA;EAAA;EAAA,MAAA,EAAA,gBAAA,oBAAA;EAAA,UAAA;EAAA,UCjBlC;EAsBA,QAAA,CAAA,gGAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MDbc;GAAY;GAAA;IAAA,MAAA;IAAA,MAAE;IAAiB,UAAA;IAAA,QAAA,CAAA,YAAA,MAAA;IAAA,SAAA,CAAA,eAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAe,UAAA;IAAA,QAAA;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;;AAQxE,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EAXjC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAmB,YACjB;GAAI,SACP;IAAC;IAAc;IAAmB;IAAiB;GAAqB;GAAC,iBAGjE,wBAAwB;GAAM,MACzC,EACF,OAAO,oBACV;GAAA,UAAA;GAAA,QAAA,CAAA,gGAAA;EAAA,CAAA;;;E,aAGA,MAAA,M;E,UACA,MAAA,M;E,aACA,MAAA,M;E,SACA,MAAA,M;E,WACA,MAAA,M"}