@lluc_llull/ui-lib 0.22.10 → 0.23.0

package/content/index.d.ts

@@ -3,3 +3,4 @@ export * from './hero-section';
 export * from './section-intro';
 export * from './split-previewer';
 export * from './contact-minimal';
+export * from './media-split';

package/content/media-split/index.d.ts

@@ -0,0 +1,2 @@
+export * from './media-split.component';
+export * from './media-split.interface';

package/content/media-split/media-split.component.d.ts

@@ -0,0 +1,12 @@
+import { UiLibImageI } from '@lluc_llull/ui-lib/interfaces';
+import * as i0 from "@angular/core";
+export declare class MediaSplitComponent {
+    title?: string;
+    text?: string;
+    images?: UiLibImageI[];
+    activeImageIndex: import("@angular/core").WritableSignal<number>;
+    updateActiveImage(index: number): void;
+    resetImage(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaSplitComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaSplitComponent, "lib-media-split", never, { "title": { "alias": "title"; "required": false; }; "text": { "alias": "text"; "required": false; }; "images": { "alias": "images"; "required": false; }; }, {}, never, never, true, never>;
+}

package/content/media-split/media-split.interface.d.ts

@@ -0,0 +1,6 @@
+import { UiLibImageI } from "@lluc_llull/ui-lib/interfaces";
+export interface MediaSplitI {
+    title?: string;
+    text?: string;
+    images?: UiLibImageI[];
+}

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

@@ -10,11 +10,11 @@ class CategoryProgressComponent {
     title;
     categories;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CategoryProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: CategoryProgressComponent, isStandalone: true, selector: "lib-category-progress", inputs: { pretitle: "pretitle", title: "title", categories: "categories" }, ngImport: i0, template: "<div class=\"category-progress col-span-full md:col-span-8 md:col-start-3\" 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: [":host{display:contents}.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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: CategoryProgressComponent, isStandalone: true, selector: "lib-category-progress", inputs: { pretitle: "pretitle", title: "title", categories: "categories" }, 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: [":host{display:contents}.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.19", ngImport: i0, type: CategoryProgressComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-category-progress', standalone: true, imports: [CommonModule, HighlightDirective, ScrollRevealDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"category-progress col-span-full md:col-span-8 md:col-start-3\" 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: [":host{display:contents}.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"] }]
+            args: [{ selector: 'lib-category-progress', standalone: true, imports: [CommonModule, HighlightDirective, ScrollRevealDirective], changeDetection: ChangeDetectionStrategy.OnPush, 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: [":host{display:contents}.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: [{
@@ -80,11 +80,11 @@ class SectionIntroComponent {
     text;
     button;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SectionIntroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: SectionIntroComponent, isStandalone: true, selector: "lib-section-intro", inputs: { pretitle: "pretitle", title: "title", subtitle: "subtitle", text: "text", button: "button" }, ngImport: i0, template: "<div class=\"section-intro col-span-full md:col-span-8 md:col-start-3\" 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: [":host{display:contents}.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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: SectionIntroComponent, isStandalone: true, selector: "lib-section-intro", inputs: { pretitle: "pretitle", title: "title", subtitle: "subtitle", text: "text", button: "button" }, 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: [":host{display:contents}.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.19", ngImport: i0, type: SectionIntroComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-section-intro', standalone: true, imports: [CommonModule, LinkTypeDirective, UiIconComponent, ScrollRevealDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section-intro col-span-full md:col-span-8 md:col-start-3\" 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: [":host{display:contents}.section-intro{text-align:start;align-items:start}.title,.subtitle{text-transform:uppercase}\n"] }]
+            args: [{ selector: 'lib-section-intro', standalone: true, imports: [CommonModule, LinkTypeDirective, UiIconComponent, ScrollRevealDirective], changeDetection: ChangeDetectionStrategy.OnPush, 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: [":host{display:contents}.section-intro{text-align:start;align-items:start}.title,.subtitle{text-transform:uppercase}\n"] }]
         }], propDecorators: { pretitle: [{
                 type: Input
             }], title: [{
@@ -107,11 +107,11 @@ class SplitPreviewerComponent {
         return this.items?.length || 0;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SplitPreviewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: SplitPreviewerComponent, isStandalone: true, selector: "lib-split-previewer", inputs: { title: "title", items: "items", imageDefault: "imageDefault", direction: "direction" }, ngImport: i0, template: "<div\n  class=\"split-previewer col-span-full md:col-span-8 md:col-start-3\"\n  [class]=\"'split-previewer--' + direction\"\n  scrollReveal\n>\n  <div class=\"split-previewer__text-column\">\n    <div class=\"split-previewer__header\">\n      @if (title) {\n        <h1 class=\"title\">{{ title }}</h1>\n      }\n      @if (count) {\n        <span class=\"count\">{{ count }}</span>\n      }\n    </div>\n\n    <div class=\"split-previewer__items\" (mouseleave)=\"activeImage.set(undefined)\">\n      @for (item of items; track item.title) {\n        <a\n          [href]=\"item.link?.url\"\n          (mouseenter)=\"activeImage.set(item.image?.url)\"\n          class=\"split-previewer__item-link\"\n        >\n          <div class=\"split-previewer__item\">\n            <h2 class=\"split-previewer__item-title\" [highlight]=\"'#FFFFFF'\">{{ item.title }}</h2>\n            <p class=\"split-previewer__item-text\">{{ item.description }}</p>\n            @if (item.tags?.length) {\n              <div class=\"split-previewer__item-tags\">\n                @for (tag of item.tags; track tag) {\n                  <span class=\"split-previewer__item-tag\">{{ tag }}</span>\n                }\n              </div>\n            }\n          </div>\n        </a>\n      }\n    </div>\n  </div>\n\n  <div class=\"split-previewer__media\">\n    <img\n      [src]=\"activeImage() || imageDefault?.url\"\n      alt=\"Preview\"\n      class=\"preview-img\"\n      loading=\"eager\"\n      fetchpriority=\"high\"\n      width=\"800\"\n      height=\"600\"\n    />\n  </div>\n</div>\n", styles: [":host{display:contents}.split-previewer{display:flex;gap:5rem;align-items:start;min-width:0}.split-previewer--left{flex-direction:row-reverse}.split-previewer--right{flex-direction:row}.split-previewer__text-column{flex:1;display:flex;flex-direction:column;min-width:0}.split-previewer__header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;min-width:0}.split-previewer__header .title{margin:0 0 1rem;text-transform:uppercase;min-width:0}.split-previewer__header .count{font-family:var(--font-base);font-size:1rem;font-weight:500;flex-shrink:0}.split-previewer__items{display:flex;flex-direction:column;min-width:0}.split-previewer__item-link{text-decoration:none;color:inherit;display:block;min-width:0}.split-previewer__item{transition:all .4s cubic-bezier(.25,.46,.45,.94);min-width:0}.split-previewer__item-title{margin-bottom:.5rem;display:inline-block;min-width:0}.split-previewer__item-text{line-height:1.6;max-width:min(500px,100%);opacity:.8;overflow-wrap:break-word}.split-previewer__item-tags{display:flex;flex-wrap:wrap;gap:1rem;margin-block:1rem;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.split-previewer__item-tag{font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.3rem .8rem;background-color:var(--tag-bg);color:var(--tag-color);border-radius:2px}.split-previewer__item-link:hover .split-previewer__item{padding-left:1rem}.split-previewer__item-link:hover .split-previewer__item-tags{opacity:1;transform:translateY(0)}.split-previewer__item-link:hover .split-previewer__item-text{opacity:1}.split-previewer__media{flex:1;min-width:0;position:sticky;top:4rem;height:fit-content;display:flex;justify-content:center;align-items:center;overflow:hidden}.split-previewer__media .preview-img{display:block;width:75%;max-width:100%;height:auto;object-fit:contain;animation:fadeInMedia .5s ease-out;filter:contrast(1.1) grayscale(.2)}@media (max-width: 1280px){.split-previewer{gap:3rem}}@media (max-width: 1024px){.split-previewer{display:block;width:100%;min-width:0}.split-previewer--left,.split-previewer--right{flex-direction:unset}.split-previewer__media{display:none}.split-previewer__header{display:block}.split-previewer__header .title{margin-bottom:.75rem}.split-previewer__header .count{display:inline-block}.split-previewer__item-link:hover .split-previewer__item{padding-left:0}.split-previewer__item-link:hover .split-previewer__item-tags{opacity:0;transform:translateY(10px)}.split-previewer__item-link:hover .split-previewer__item-text{opacity:.8}.split-previewer__item-text{max-width:100%}.split-previewer__item-tags{display:none}}@media (hover: none) and (pointer: coarse){.split-previewer__item-link:hover .split-previewer__item{padding-left:0}.split-previewer__item-link:hover .split-previewer__item-tags{opacity:0;transform:translateY(10px)}.split-previewer__item-link:hover .split-previewer__item-text{opacity:.8}}@keyframes fadeInMedia{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: HighlightDirective, selector: "[highlight]", inputs: ["highlight", "highlightThickness"] }, { kind: "directive", type: ScrollRevealDirective, selector: "[scrollReveal]", inputs: ["distance", "duration"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: SplitPreviewerComponent, isStandalone: true, selector: "lib-split-previewer", inputs: { title: "title", items: "items", imageDefault: "imageDefault", direction: "direction" }, ngImport: i0, template: "<div\n  class=\"split-previewer col-span-full md:col-span-12 md:col-start-1\"\n  [class]=\"'split-previewer--' + direction\"\n  scrollReveal\n>\n  <div class=\"split-previewer__text-column\">\n    <div class=\"split-previewer__header\">\n      @if (title) {\n        <h1 class=\"title\">{{ title }}</h1>\n      }\n      @if (count) {\n        <span class=\"count\">{{ count }}</span>\n      }\n    </div>\n\n    <div class=\"split-previewer__items\" (mouseleave)=\"activeImage.set(undefined)\">\n      @for (item of items; track item.title) {\n        <a\n          [href]=\"item.link?.url\"\n          (mouseenter)=\"activeImage.set(item.image?.url)\"\n          class=\"split-previewer__item-link\"\n        >\n          <div class=\"split-previewer__item\">\n            <h2 class=\"split-previewer__item-title\" [highlight]=\"'#FFFFFF'\">{{ item.title }}</h2>\n            <p class=\"split-previewer__item-text\">{{ item.description }}</p>\n            @if (item.tags?.length) {\n              <div class=\"split-previewer__item-tags\">\n                @for (tag of item.tags; track tag) {\n                  <span class=\"split-previewer__item-tag\">{{ tag }}</span>\n                }\n              </div>\n            }\n          </div>\n        </a>\n      }\n    </div>\n  </div>\n\n  <div class=\"split-previewer__media\">\n    <img\n      [src]=\"activeImage() || imageDefault?.url\"\n      alt=\"Preview\"\n      class=\"preview-img\"\n      loading=\"eager\"\n      fetchpriority=\"high\"\n      width=\"800\"\n      height=\"600\"\n    />\n  </div>\n</div>\n", styles: [":host{display:contents}.split-previewer{display:flex;gap:5rem;align-items:start;min-width:0}.split-previewer--left{flex-direction:row-reverse}.split-previewer--right{flex-direction:row}.split-previewer__text-column{flex:1;display:flex;flex-direction:column;min-width:0}.split-previewer__header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;min-width:0}.split-previewer__header .title{margin:0 0 1rem;text-transform:uppercase;min-width:0}.split-previewer__header .count{font-family:var(--font-base);font-size:1rem;font-weight:500;flex-shrink:0}.split-previewer__items{display:flex;flex-direction:column;min-width:0}.split-previewer__item-link{text-decoration:none;color:inherit;display:block;min-width:0}.split-previewer__item{transition:all .4s cubic-bezier(.25,.46,.45,.94);min-width:0}.split-previewer__item-title{margin-bottom:.5rem;display:inline-block;min-width:0}.split-previewer__item-text{line-height:1.6;max-width:min(1000px,100%);opacity:.8;overflow-wrap:break-word}.split-previewer__item-tags{display:flex;flex-wrap:wrap;gap:1rem;margin-block:1rem;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.split-previewer__item-tag{font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.3rem .8rem;background-color:var(--tag-bg);color:var(--tag-color);border-radius:2px}.split-previewer__item-link:hover .split-previewer__item{padding-left:1rem}.split-previewer__item-link:hover .split-previewer__item-tags{opacity:1;transform:translateY(0)}.split-previewer__item-link:hover .split-previewer__item-text{opacity:1}.split-previewer__media{flex:1;min-width:0;position:sticky;top:4rem;height:fit-content;display:flex;justify-content:center;align-items:center;overflow:hidden}.split-previewer__media .preview-img{display:block;width:75%;max-width:100%;height:auto;object-fit:contain;animation:fadeInMedia .5s ease-out;filter:contrast(1.1) grayscale(.2)}@media (max-width: 1280px){.split-previewer{gap:3rem}}@media (max-width: 1024px){.split-previewer{display:block;width:100%;min-width:0}.split-previewer--left,.split-previewer--right{flex-direction:unset}.split-previewer__media{display:none}.split-previewer__header{display:block}.split-previewer__header .title{margin-bottom:.75rem}.split-previewer__header .count{display:inline-block}.split-previewer__item-link:hover .split-previewer__item{padding-left:0}.split-previewer__item-link:hover .split-previewer__item-tags{opacity:0;transform:translateY(10px)}.split-previewer__item-link:hover .split-previewer__item-text{opacity:.8}.split-previewer__item-text{max-width:100%}.split-previewer__item-tags{display:none}}@media (hover: none) and (pointer: coarse){.split-previewer__item-link:hover .split-previewer__item{padding-left:0}.split-previewer__item-link:hover .split-previewer__item-tags{opacity:0;transform:translateY(10px)}.split-previewer__item-link:hover .split-previewer__item-text{opacity:.8}}@keyframes fadeInMedia{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}\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.19", ngImport: i0, type: SplitPreviewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-split-previewer', imports: [CommonModule, LinkTypeDirective, HighlightDirective, ScrollRevealDirective], template: "<div\n  class=\"split-previewer col-span-full md:col-span-8 md:col-start-3\"\n  [class]=\"'split-previewer--' + direction\"\n  scrollReveal\n>\n  <div class=\"split-previewer__text-column\">\n    <div class=\"split-previewer__header\">\n      @if (title) {\n        <h1 class=\"title\">{{ title }}</h1>\n      }\n      @if (count) {\n        <span class=\"count\">{{ count }}</span>\n      }\n    </div>\n\n    <div class=\"split-previewer__items\" (mouseleave)=\"activeImage.set(undefined)\">\n      @for (item of items; track item.title) {\n        <a\n          [href]=\"item.link?.url\"\n          (mouseenter)=\"activeImage.set(item.image?.url)\"\n          class=\"split-previewer__item-link\"\n        >\n          <div class=\"split-previewer__item\">\n            <h2 class=\"split-previewer__item-title\" [highlight]=\"'#FFFFFF'\">{{ item.title }}</h2>\n            <p class=\"split-previewer__item-text\">{{ item.description }}</p>\n            @if (item.tags?.length) {\n              <div class=\"split-previewer__item-tags\">\n                @for (tag of item.tags; track tag) {\n                  <span class=\"split-previewer__item-tag\">{{ tag }}</span>\n                }\n              </div>\n            }\n          </div>\n        </a>\n      }\n    </div>\n  </div>\n\n  <div class=\"split-previewer__media\">\n    <img\n      [src]=\"activeImage() || imageDefault?.url\"\n      alt=\"Preview\"\n      class=\"preview-img\"\n      loading=\"eager\"\n      fetchpriority=\"high\"\n      width=\"800\"\n      height=\"600\"\n    />\n  </div>\n</div>\n", styles: [":host{display:contents}.split-previewer{display:flex;gap:5rem;align-items:start;min-width:0}.split-previewer--left{flex-direction:row-reverse}.split-previewer--right{flex-direction:row}.split-previewer__text-column{flex:1;display:flex;flex-direction:column;min-width:0}.split-previewer__header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;min-width:0}.split-previewer__header .title{margin:0 0 1rem;text-transform:uppercase;min-width:0}.split-previewer__header .count{font-family:var(--font-base);font-size:1rem;font-weight:500;flex-shrink:0}.split-previewer__items{display:flex;flex-direction:column;min-width:0}.split-previewer__item-link{text-decoration:none;color:inherit;display:block;min-width:0}.split-previewer__item{transition:all .4s cubic-bezier(.25,.46,.45,.94);min-width:0}.split-previewer__item-title{margin-bottom:.5rem;display:inline-block;min-width:0}.split-previewer__item-text{line-height:1.6;max-width:min(500px,100%);opacity:.8;overflow-wrap:break-word}.split-previewer__item-tags{display:flex;flex-wrap:wrap;gap:1rem;margin-block:1rem;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.split-previewer__item-tag{font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.3rem .8rem;background-color:var(--tag-bg);color:var(--tag-color);border-radius:2px}.split-previewer__item-link:hover .split-previewer__item{padding-left:1rem}.split-previewer__item-link:hover .split-previewer__item-tags{opacity:1;transform:translateY(0)}.split-previewer__item-link:hover .split-previewer__item-text{opacity:1}.split-previewer__media{flex:1;min-width:0;position:sticky;top:4rem;height:fit-content;display:flex;justify-content:center;align-items:center;overflow:hidden}.split-previewer__media .preview-img{display:block;width:75%;max-width:100%;height:auto;object-fit:contain;animation:fadeInMedia .5s ease-out;filter:contrast(1.1) grayscale(.2)}@media (max-width: 1280px){.split-previewer{gap:3rem}}@media (max-width: 1024px){.split-previewer{display:block;width:100%;min-width:0}.split-previewer--left,.split-previewer--right{flex-direction:unset}.split-previewer__media{display:none}.split-previewer__header{display:block}.split-previewer__header .title{margin-bottom:.75rem}.split-previewer__header .count{display:inline-block}.split-previewer__item-link:hover .split-previewer__item{padding-left:0}.split-previewer__item-link:hover .split-previewer__item-tags{opacity:0;transform:translateY(10px)}.split-previewer__item-link:hover .split-previewer__item-text{opacity:.8}.split-previewer__item-text{max-width:100%}.split-previewer__item-tags{display:none}}@media (hover: none) and (pointer: coarse){.split-previewer__item-link:hover .split-previewer__item{padding-left:0}.split-previewer__item-link:hover .split-previewer__item-tags{opacity:0;transform:translateY(10px)}.split-previewer__item-link:hover .split-previewer__item-text{opacity:.8}}@keyframes fadeInMedia{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}\n"] }]
+            args: [{ selector: 'lib-split-previewer', imports: [CommonModule, LinkTypeDirective, HighlightDirective, ScrollRevealDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"split-previewer col-span-full md:col-span-12 md:col-start-1\"\n  [class]=\"'split-previewer--' + direction\"\n  scrollReveal\n>\n  <div class=\"split-previewer__text-column\">\n    <div class=\"split-previewer__header\">\n      @if (title) {\n        <h1 class=\"title\">{{ title }}</h1>\n      }\n      @if (count) {\n        <span class=\"count\">{{ count }}</span>\n      }\n    </div>\n\n    <div class=\"split-previewer__items\" (mouseleave)=\"activeImage.set(undefined)\">\n      @for (item of items; track item.title) {\n        <a\n          [href]=\"item.link?.url\"\n          (mouseenter)=\"activeImage.set(item.image?.url)\"\n          class=\"split-previewer__item-link\"\n        >\n          <div class=\"split-previewer__item\">\n            <h2 class=\"split-previewer__item-title\" [highlight]=\"'#FFFFFF'\">{{ item.title }}</h2>\n            <p class=\"split-previewer__item-text\">{{ item.description }}</p>\n            @if (item.tags?.length) {\n              <div class=\"split-previewer__item-tags\">\n                @for (tag of item.tags; track tag) {\n                  <span class=\"split-previewer__item-tag\">{{ tag }}</span>\n                }\n              </div>\n            }\n          </div>\n        </a>\n      }\n    </div>\n  </div>\n\n  <div class=\"split-previewer__media\">\n    <img\n      [src]=\"activeImage() || imageDefault?.url\"\n      alt=\"Preview\"\n      class=\"preview-img\"\n      loading=\"eager\"\n      fetchpriority=\"high\"\n      width=\"800\"\n      height=\"600\"\n    />\n  </div>\n</div>\n", styles: [":host{display:contents}.split-previewer{display:flex;gap:5rem;align-items:start;min-width:0}.split-previewer--left{flex-direction:row-reverse}.split-previewer--right{flex-direction:row}.split-previewer__text-column{flex:1;display:flex;flex-direction:column;min-width:0}.split-previewer__header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;min-width:0}.split-previewer__header .title{margin:0 0 1rem;text-transform:uppercase;min-width:0}.split-previewer__header .count{font-family:var(--font-base);font-size:1rem;font-weight:500;flex-shrink:0}.split-previewer__items{display:flex;flex-direction:column;min-width:0}.split-previewer__item-link{text-decoration:none;color:inherit;display:block;min-width:0}.split-previewer__item{transition:all .4s cubic-bezier(.25,.46,.45,.94);min-width:0}.split-previewer__item-title{margin-bottom:.5rem;display:inline-block;min-width:0}.split-previewer__item-text{line-height:1.6;max-width:min(1000px,100%);opacity:.8;overflow-wrap:break-word}.split-previewer__item-tags{display:flex;flex-wrap:wrap;gap:1rem;margin-block:1rem;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.split-previewer__item-tag{font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.3rem .8rem;background-color:var(--tag-bg);color:var(--tag-color);border-radius:2px}.split-previewer__item-link:hover .split-previewer__item{padding-left:1rem}.split-previewer__item-link:hover .split-previewer__item-tags{opacity:1;transform:translateY(0)}.split-previewer__item-link:hover .split-previewer__item-text{opacity:1}.split-previewer__media{flex:1;min-width:0;position:sticky;top:4rem;height:fit-content;display:flex;justify-content:center;align-items:center;overflow:hidden}.split-previewer__media .preview-img{display:block;width:75%;max-width:100%;height:auto;object-fit:contain;animation:fadeInMedia .5s ease-out;filter:contrast(1.1) grayscale(.2)}@media (max-width: 1280px){.split-previewer{gap:3rem}}@media (max-width: 1024px){.split-previewer{display:block;width:100%;min-width:0}.split-previewer--left,.split-previewer--right{flex-direction:unset}.split-previewer__media{display:none}.split-previewer__header{display:block}.split-previewer__header .title{margin-bottom:.75rem}.split-previewer__header .count{display:inline-block}.split-previewer__item-link:hover .split-previewer__item{padding-left:0}.split-previewer__item-link:hover .split-previewer__item-tags{opacity:0;transform:translateY(10px)}.split-previewer__item-link:hover .split-previewer__item-text{opacity:.8}.split-previewer__item-text{max-width:100%}.split-previewer__item-tags{display:none}}@media (hover: none) and (pointer: coarse){.split-previewer__item-link:hover .split-previewer__item{padding-left:0}.split-previewer__item-link:hover .split-previewer__item-tags{opacity:0;transform:translateY(10px)}.split-previewer__item-link:hover .split-previewer__item-text{opacity:.8}}@keyframes fadeInMedia{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], items: [{
@@ -129,11 +129,11 @@ class ContactMinimalComponent {
     socials;
     img;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ContactMinimalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: ContactMinimalComponent, isStandalone: true, selector: "lib-contact-minimal", inputs: { contactsTitle: "contactsTitle", socialsTitle: "socialsTitle", contacts: "contacts", socials: "socials", img: "img" }, ngImport: i0, template: "<div class=\"contact-minimal col-span-full md:col-span-8 md:col-start-3\" scrollReveal>\n  <div class=\"contact-minimal__content\">\n    <div class=\"contact-minimal__content--left\">\n      @if (contactsTitle) {\n        <h2 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ contactsTitle }}</h2>\n      }\n      @if (contacts && contacts.length > 0) {\n        <div class=\"btn-group\">\n          @for (contact of contacts; track $index) {\n            <a [href]=\"contact?.url\" [linkType]=\"contact?.linkType\" class=\"btn btn-link\">\n              {{ contact?.label }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"contact-minimal__content--right\">\n      @if (socialsTitle) {\n        <h2 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ socialsTitle }}</h2>\n      }\n      @if (socials && socials.length > 0) {\n        <div class=\"btn-group\">\n          @for (social of socials; track $index) {\n            <a [href]=\"social?.url\" [linkType]=\"social?.linkType\" class=\"btn btn-link\">\n              {{ social?.label }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n    @if (img) {\n      <div class=\"contact-minimal__content--media\">\n        <img\n          [src]=\"img.url\"\n          [alt]=\"img.alt\"\n          loading=\"eager\"\n          fetchpriority=\"high\"\n          [attr.width]=\"img.width || 800\"\n          [attr.height]=\"img.height || 600\"\n        />\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:contents}.contact-minimal__content{display:grid;grid-auto-flow:column;justify-content:space-between}.contact-minimal__content--media{display:flex;position:absolute;top:25rem;left:50%;transform:translate(-50%,-50%)}.contact-minimal__content--media img{transform:rotate(45deg);width:50rem}@media (max-width: 768px){.contact-minimal__content--media{top:16rem}.contact-minimal__content--media img{width:15rem;height:auto}}.contact-minimal .btn-group{display:flex;flex-direction:column;margin-top:0;gap:0}.contact-minimal .btn{justify-content:start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: HighlightDirective, selector: "[highlight]", inputs: ["highlight", "highlightThickness"] }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }, { kind: "directive", type: ScrollRevealDirective, selector: "[scrollReveal]", inputs: ["distance", "duration"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: ContactMinimalComponent, isStandalone: true, selector: "lib-contact-minimal", inputs: { contactsTitle: "contactsTitle", socialsTitle: "socialsTitle", contacts: "contacts", socials: "socials", img: "img" }, ngImport: i0, template: "<div class=\"contact-minimal col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  <div class=\"contact-minimal__content\">\n    <div class=\"contact-minimal__content--left\">\n      @if (contactsTitle) {\n        <h2 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ contactsTitle }}</h2>\n      }\n      @if (contacts && contacts.length > 0) {\n        <div class=\"btn-group\">\n          @for (contact of contacts; track $index) {\n            <a [href]=\"contact?.url\" [linkType]=\"contact?.linkType\" class=\"btn btn-link\">\n              {{ contact?.label }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"contact-minimal__content--right\">\n      @if (socialsTitle) {\n        <h2 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ socialsTitle }}</h2>\n      }\n      @if (socials && socials.length > 0) {\n        <div class=\"btn-group\">\n          @for (social of socials; track $index) {\n            <a [href]=\"social?.url\" [linkType]=\"social?.linkType\" class=\"btn btn-link\">\n              {{ social?.label }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n    @if (img) {\n      <div class=\"contact-minimal__content--media\">\n        <img\n          [src]=\"img.url\"\n          [alt]=\"img.alt\"\n          loading=\"eager\"\n          fetchpriority=\"high\"\n          [attr.width]=\"img.width || 800\"\n          [attr.height]=\"img.height || 600\"\n        />\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:contents}.contact-minimal__content{display:grid;grid-auto-flow:column;justify-content:space-between}.contact-minimal__content--media{display:flex;position:absolute;top:25rem;left:50%;transform:translate(-50%,-50%)}.contact-minimal__content--media img{transform:rotate(45deg);width:50rem}@media (max-width: 768px){.contact-minimal__content--media{top:16rem}.contact-minimal__content--media img{width:15rem;height:auto}}.contact-minimal .btn-group{display:flex;flex-direction:column;margin-top:0;gap:0}.contact-minimal .btn{justify-content:start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: HighlightDirective, selector: "[highlight]", inputs: ["highlight", "highlightThickness"] }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }, { kind: "directive", type: ScrollRevealDirective, selector: "[scrollReveal]", inputs: ["distance", "duration"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ContactMinimalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-contact-minimal', imports: [CommonModule, HighlightDirective, LinkTypeDirective, ScrollRevealDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"contact-minimal col-span-full md:col-span-8 md:col-start-3\" scrollReveal>\n  <div class=\"contact-minimal__content\">\n    <div class=\"contact-minimal__content--left\">\n      @if (contactsTitle) {\n        <h2 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ contactsTitle }}</h2>\n      }\n      @if (contacts && contacts.length > 0) {\n        <div class=\"btn-group\">\n          @for (contact of contacts; track $index) {\n            <a [href]=\"contact?.url\" [linkType]=\"contact?.linkType\" class=\"btn btn-link\">\n              {{ contact?.label }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"contact-minimal__content--right\">\n      @if (socialsTitle) {\n        <h2 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ socialsTitle }}</h2>\n      }\n      @if (socials && socials.length > 0) {\n        <div class=\"btn-group\">\n          @for (social of socials; track $index) {\n            <a [href]=\"social?.url\" [linkType]=\"social?.linkType\" class=\"btn btn-link\">\n              {{ social?.label }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n    @if (img) {\n      <div class=\"contact-minimal__content--media\">\n        <img\n          [src]=\"img.url\"\n          [alt]=\"img.alt\"\n          loading=\"eager\"\n          fetchpriority=\"high\"\n          [attr.width]=\"img.width || 800\"\n          [attr.height]=\"img.height || 600\"\n        />\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:contents}.contact-minimal__content{display:grid;grid-auto-flow:column;justify-content:space-between}.contact-minimal__content--media{display:flex;position:absolute;top:25rem;left:50%;transform:translate(-50%,-50%)}.contact-minimal__content--media img{transform:rotate(45deg);width:50rem}@media (max-width: 768px){.contact-minimal__content--media{top:16rem}.contact-minimal__content--media img{width:15rem;height:auto}}.contact-minimal .btn-group{display:flex;flex-direction:column;margin-top:0;gap:0}.contact-minimal .btn{justify-content:start}\n"] }]
+            args: [{ selector: 'lib-contact-minimal', imports: [CommonModule, HighlightDirective, LinkTypeDirective, ScrollRevealDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"contact-minimal col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  <div class=\"contact-minimal__content\">\n    <div class=\"contact-minimal__content--left\">\n      @if (contactsTitle) {\n        <h2 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ contactsTitle }}</h2>\n      }\n      @if (contacts && contacts.length > 0) {\n        <div class=\"btn-group\">\n          @for (contact of contacts; track $index) {\n            <a [href]=\"contact?.url\" [linkType]=\"contact?.linkType\" class=\"btn btn-link\">\n              {{ contact?.label }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"contact-minimal__content--right\">\n      @if (socialsTitle) {\n        <h2 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ socialsTitle }}</h2>\n      }\n      @if (socials && socials.length > 0) {\n        <div class=\"btn-group\">\n          @for (social of socials; track $index) {\n            <a [href]=\"social?.url\" [linkType]=\"social?.linkType\" class=\"btn btn-link\">\n              {{ social?.label }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n    @if (img) {\n      <div class=\"contact-minimal__content--media\">\n        <img\n          [src]=\"img.url\"\n          [alt]=\"img.alt\"\n          loading=\"eager\"\n          fetchpriority=\"high\"\n          [attr.width]=\"img.width || 800\"\n          [attr.height]=\"img.height || 600\"\n        />\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:contents}.contact-minimal__content{display:grid;grid-auto-flow:column;justify-content:space-between}.contact-minimal__content--media{display:flex;position:absolute;top:25rem;left:50%;transform:translate(-50%,-50%)}.contact-minimal__content--media img{transform:rotate(45deg);width:50rem}@media (max-width: 768px){.contact-minimal__content--media{top:16rem}.contact-minimal__content--media img{width:15rem;height:auto}}.contact-minimal .btn-group{display:flex;flex-direction:column;margin-top:0;gap:0}.contact-minimal .btn{justify-content:start}\n"] }]
         }], propDecorators: { contactsTitle: [{
                 type: Input
             }], socialsTitle: [{
@@ -146,9 +146,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 type: Input
             }] } });
 
+class MediaSplitComponent {
+    title;
+    text;
+    images;
+    activeImageIndex = signal(0);
+    updateActiveImage(index) {
+        this.activeImageIndex.set(index);
+    }
+    resetImage() {
+        this.activeImageIndex.set(0);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MediaSplitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: MediaSplitComponent, isStandalone: true, selector: "lib-media-split", inputs: { title: "title", text: "text", images: "images" }, ngImport: i0, template: "<div class=\"media-split main-grid col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  <div class=\"media-split__visual col-span-full md:col-span-7 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"title\">{{ title }}</h1>\n    }\n\n    @if (images?.length) {\n      <div class=\"image-stack\" (mouseleave)=\"resetImage()\">\n        @for (image of images; track $index) {\n          <img\n            [src]=\"image.url\"\n            [alt]=\"image.alt\"\n            class=\"img-responsive stack-item\"\n            [class.is-active]=\"$index === activeImageIndex()\"\n            loading=\"eager\"\n            fetchpriority=\"high\"\n          />\n        }\n\n        <div class=\"hover-grid\">\n          @for (image of images; track $index) {\n            <div class=\"hover-zone\" (mouseenter)=\"updateActiveImage($index)\"></div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <div class=\"media-split__info col-span-full md:col-span-5 md:col-start-8\">\n    @if (text) {\n      <p class=\"text\">{{ text }}</p>\n    }\n  </div>\n</div>\n", styles: [":host{display:contents}.media-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem;align-items:end;padding-block:2rem}.media-split__visual{display:flex;flex-direction:column;justify-content:flex-end}.media-split__visual .title{margin-bottom:1.5rem;text-transform:uppercase}.media-split__info{align-self:end;padding-bottom:.5rem}.img-responsive{width:100%;height:auto;display:block;object-fit:cover}.image-stack{position:relative;width:100%;aspect-ratio:14/9;overflow:hidden;cursor:ew-resize}.image-stack .stack-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .15s ease-in-out;pointer-events:none}.image-stack .stack-item.is-active{opacity:1;position:relative}.hover-grid{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:10}.hover-grid .hover-zone{flex:1;height:100%;cursor:inherit}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MediaSplitComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-media-split', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"media-split main-grid col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  <div class=\"media-split__visual col-span-full md:col-span-7 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"title\">{{ title }}</h1>\n    }\n\n    @if (images?.length) {\n      <div class=\"image-stack\" (mouseleave)=\"resetImage()\">\n        @for (image of images; track $index) {\n          <img\n            [src]=\"image.url\"\n            [alt]=\"image.alt\"\n            class=\"img-responsive stack-item\"\n            [class.is-active]=\"$index === activeImageIndex()\"\n            loading=\"eager\"\n            fetchpriority=\"high\"\n          />\n        }\n\n        <div class=\"hover-grid\">\n          @for (image of images; track $index) {\n            <div class=\"hover-zone\" (mouseenter)=\"updateActiveImage($index)\"></div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <div class=\"media-split__info col-span-full md:col-span-5 md:col-start-8\">\n    @if (text) {\n      <p class=\"text\">{{ text }}</p>\n    }\n  </div>\n</div>\n", styles: [":host{display:contents}.media-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem;align-items:end;padding-block:2rem}.media-split__visual{display:flex;flex-direction:column;justify-content:flex-end}.media-split__visual .title{margin-bottom:1.5rem;text-transform:uppercase}.media-split__info{align-self:end;padding-bottom:.5rem}.img-responsive{width:100%;height:auto;display:block;object-fit:cover}.image-stack{position:relative;width:100%;aspect-ratio:14/9;overflow:hidden;cursor:ew-resize}.image-stack .stack-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .15s ease-in-out;pointer-events:none}.image-stack .stack-item.is-active{opacity:1;position:relative}.hover-grid{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:10}.hover-grid .hover-zone{flex:1;height:100%;cursor:inherit}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], images: [{
+                type: Input
+            }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CategoryProgressComponent, ContactMinimalComponent, Default, HeroSectionComponent, SectionIntroComponent, SplitPreviewerComponent };
+export { CategoryProgressComponent, ContactMinimalComponent, Default, HeroSectionComponent, MediaSplitComponent, SectionIntroComponent, SplitPreviewerComponent };
 //# sourceMappingURL=lluc_llull-ui-lib-content.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"lluc_llull-ui-lib-content.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/hero-section/hero-section.component.ts","../../../projects/ui-lib/content/hero-section/hero-section.component.html","../../../projects/ui-lib/content/hero-section/hero-section.stories.ts","../../../projects/ui-lib/content/section-intro/section-intro.component.ts","../../../projects/ui-lib/content/section-intro/section-intro.component.html","../../../projects/ui-lib/content/split-previewer/split-previewer.component.ts","../../../projects/ui-lib/content/split-previewer/split-previewer.component.html","../../../projects/ui-lib/content/contact-minimal/contact-minimal.component.ts","../../../projects/ui-lib/content/contact-minimal/contact-minimal.component.html","../../../projects/ui-lib/content/lluc_llull-ui-lib-content.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})\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-8 md:col-start-3\" 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","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-hero-section',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective, UiIconComponent, ScrollRevealDirective],\n    templateUrl: './hero-section.component.html',\n    styleUrl: './hero-section.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroSectionComponent {\n    @Input() pretitle?: string;\n    @Input() title?: string;\n    @Input() subtitle?: string;\n    @Input() text?: string;\n    @Input() buttons?: UiLibButtonI[];\n    @Input() highlight?: string;\n}\n","<div class=\"hero-section col-span-full\" scrollReveal>\n  @if (pretitle) {\n    <h2 class=\"pretitle\">{{ pretitle }}</h2>\n  }\n  @if (title) {\n    <h1 class=\"title\">\n      @if (highlight && title.includes(highlight)) {\n        {{ title.replace(highlight, '') }}\n        <span class=\"highlight-text\">\n          {{ highlight }}\n          <div class=\"wave-wrapper\">\n            <div class=\"wave\"></div>\n          </div>\n        </span>\n      } @else {\n        {{ title }}\n      }\n    </h1>\n  }\n  @if (subtitle) {\n    <h2 class=\"subtitle\">{{ subtitle }}</h2>\n  }\n  @if (text) {\n    <p class=\"text\">{{ text }}</p>\n  }\n  @if (buttons && buttons.length > 0) {\n    <div class=\"btn-group--center\">\n      @for (button of buttons; track $index) {\n        <a class=\"btn btn-link\" [href]=\"button.url\" [linkType]=\"button.linkType\">\n           <ui-icon [name]=\"button.icon!\" [size]=\"17\" [color]=\"'var(--color-primary)'\"></ui-icon>\n          {{ button.label }}\n        </a>\n      }\n    </div>\n  }\n</div>\n","import { Meta, StoryObj } from '@storybook/angular';\nimport { LinkType } from \"@lluc_llull/ui-lib/enums\";\nimport { HeroSectionComponent } from './hero-section.component';\n\nexport default {\n    title: 'Core/Content/HeroSection',\n    component: HeroSectionComponent,\n    tags: ['autodocs'],\n    argTypes: {\n        title: { control: 'text' },\n        subtitle: { control: 'text' },\n        text: { control: 'text' },\n        buttons: { control: 'object' },\n    },\n} as Meta<HeroSectionComponent>;\n\ntype Story = StoryObj<HeroSectionComponent>;\n\nexport const Default: Story = {\n    args: {\n        title: 'Título de ejemplo',\n        subtitle: 'Subtítulo de ejemplo',\n        text: 'Texto descriptivo de ejemplo para el Hero Section.',\n        buttons: [\n            { label: 'Botón 1', url: 'https://www.google.com', linkType: LinkType.External },\n            { label: 'Botón 2', url: 'https://www.google.com', linkType: LinkType.External },\n        ],\n    },\n};\n","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})\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-8 md:col-start-3\" 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","import { CommonModule } from '@angular/common';\nimport { Component, Input, signal } from '@angular/core';\nimport { HighlightDirective, LinkTypeDirective, ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiLibButtonI, UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\n\n@Component({\n    selector: 'lib-split-previewer',\n    imports: [CommonModule, LinkTypeDirective, HighlightDirective, ScrollRevealDirective],\n    templateUrl: './split-previewer.component.html',\n    styleUrl: './split-previewer.component.scss',\n})\nexport class SplitPreviewerComponent {\n    @Input() title?: string;\n    @Input() items?: SplitPreviewerItemI[];\n    @Input() imageDefault?: UiLibImageI;\n    @Input() direction: 'left' | 'right' = 'right';\n\n    activeImage = signal<string | undefined>(undefined);\n\n    get count(): number {\n        return this.items?.length || 0;\n    }\n}\n\nexport interface SplitPreviewerItemI {\n    title?: string;\n    type?: string;\n    description?: string;\n    tags?: string[];\n    link?: UiLibButtonI;\n    image?: UiLibImageI;\n}\n","<div\n  class=\"split-previewer col-span-full md:col-span-8 md:col-start-3\"\n  [class]=\"'split-previewer--' + direction\"\n  scrollReveal\n>\n  <div class=\"split-previewer__text-column\">\n    <div class=\"split-previewer__header\">\n      @if (title) {\n        <h1 class=\"title\">{{ title }}</h1>\n      }\n      @if (count) {\n        <span class=\"count\">{{ count }}</span>\n      }\n    </div>\n\n    <div class=\"split-previewer__items\" (mouseleave)=\"activeImage.set(undefined)\">\n      @for (item of items; track item.title) {\n        <a\n          [href]=\"item.link?.url\"\n          (mouseenter)=\"activeImage.set(item.image?.url)\"\n          class=\"split-previewer__item-link\"\n        >\n          <div class=\"split-previewer__item\">\n            <h2 class=\"split-previewer__item-title\" [highlight]=\"'#FFFFFF'\">{{ item.title }}</h2>\n            <p class=\"split-previewer__item-text\">{{ item.description }}</p>\n            @if (item.tags?.length) {\n              <div class=\"split-previewer__item-tags\">\n                @for (tag of item.tags; track tag) {\n                  <span class=\"split-previewer__item-tag\">{{ tag }}</span>\n                }\n              </div>\n            }\n          </div>\n        </a>\n      }\n    </div>\n  </div>\n\n  <div class=\"split-previewer__media\">\n    <img\n      [src]=\"activeImage() || imageDefault?.url\"\n      alt=\"Preview\"\n      class=\"preview-img\"\n      loading=\"eager\"\n      fetchpriority=\"high\"\n      width=\"800\"\n      height=\"600\"\n    />\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UiLibButtonI, UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { HighlightDirective, LinkTypeDirective, ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';\n\n@Component({\n    selector: 'lib-contact-minimal',\n    imports: [CommonModule, HighlightDirective, LinkTypeDirective, ScrollRevealDirective],\n    templateUrl: './contact-minimal.component.html',\n    styleUrl: './contact-minimal.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContactMinimalComponent {\n    @Input() contactsTitle?: string;\n    @Input() socialsTitle?: string;\n    @Input() contacts?: UiLibButtonI[];\n    @Input() socials?: UiLibButtonI[];\n    @Input() img?: UiLibImageI;\n}\n\n","<div class=\"contact-minimal col-span-full md:col-span-8 md:col-start-3\" scrollReveal>\n  <div class=\"contact-minimal__content\">\n    <div class=\"contact-minimal__content--left\">\n      @if (contactsTitle) {\n        <h2 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ contactsTitle }}</h2>\n      }\n      @if (contacts && contacts.length > 0) {\n        <div class=\"btn-group\">\n          @for (contact of contacts; track $index) {\n            <a [href]=\"contact?.url\" [linkType]=\"contact?.linkType\" class=\"btn btn-link\">\n              {{ contact?.label }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"contact-minimal__content--right\">\n      @if (socialsTitle) {\n        <h2 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ socialsTitle }}</h2>\n      }\n      @if (socials && socials.length > 0) {\n        <div class=\"btn-group\">\n          @for (social of socials; track $index) {\n            <a [href]=\"social?.url\" [linkType]=\"social?.linkType\" class=\"btn btn-link\">\n              {{ social?.label }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n    @if (img) {\n      <div class=\"contact-minimal__content--media\">\n        <img\n          [src]=\"img.url\"\n          [alt]=\"img.alt\"\n          loading=\"eager\"\n          fetchpriority=\"high\"\n          [attr.width]=\"img.width || 800\"\n          [attr.height]=\"img.height || 600\"\n        />\n      </div>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAYa,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,6JCZtC,i4BA4BA,EAAA,MAAA,EAAA,CAAA,qvBAAA,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;;4FAKxD,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,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,QAAA,EAAA,i4BAAA,EAAA,MAAA,EAAA,CAAA,qvBAAA,CAAA,EAAA;8BAGtC,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,UAAU,EAAA,CAAA;sBAAlB;;;MEDQ,oBAAoB,CAAA;AACpB,IAAA,QAAQ;AACR,IAAA,KAAK;AACL,IAAA,QAAQ;AACR,IAAA,IAAI;AACJ,IAAA,OAAO;AACP,IAAA,SAAS;wGANT,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdjC,2hCAoCA,EAAA,MAAA,EAAA,CAAA,g5DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED3Bc,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;;4FAKxE,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAGjE,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2hCAAA,EAAA,MAAA,EAAA,CAAA,g5DAAA,CAAA,EAAA;8BAGtC,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,SAAS,EAAA,CAAA;sBAAjB;;;AEhBL,0BAAe;AACX,IAAA,KAAK,EAAE,0BAA0B;AACjC,IAAA,SAAS,EAAE,oBAAoB;IAC/B,IAAI,EAAE,CAAC,UAAU,CAAC;AAClB,IAAA,QAAQ,EAAE;AACN,QAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC1B,QAAA,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC7B,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AACzB,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;AACjC,KAAA;CAC0B;AAIxB,MAAM,OAAO,GAAU;AAC1B,IAAA,IAAI,EAAE;AACF,QAAA,KAAK,EAAE,mBAAmB;AAC1B,QAAA,QAAQ,EAAE,sBAAsB;AAChC,QAAA,IAAI,EAAE,oDAAoD;AAC1D,QAAA,OAAO,EAAE;AACL,YAAA,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,wBAAwB,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE;AAChF,YAAA,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,wBAAwB,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE;AACnF,SAAA;AACJ,KAAA;;;MCbQ,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,QAAA,EAAA,EAAA,EAAA,QAAA,ECdlC,qpBAsBA,EAAA,MAAA,EAAA,CAAA,uHAAA,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;;4FAKxE,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,UAAA,EACjB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAGjE,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,qpBAAA,EAAA,MAAA,EAAA,CAAA,uHAAA,CAAA,EAAA;8BAGtC,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,MAAM,EAAA,CAAA;sBAAd;;;MERQ,uBAAuB,CAAA;AACvB,IAAA,KAAK;AACL,IAAA,KAAK;AACL,IAAA,YAAY;IACZ,SAAS,GAAqB,OAAO;AAE9C,IAAA,WAAW,GAAG,MAAM,CAAqB,SAAS,CAAC;AAEnD,IAAA,IAAI,KAAK,GAAA;AACL,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClC;wGAVS,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,iLCXpC,wiDAkDA,EAAA,MAAA,EAAA,CAAA,w8FAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED3Cc,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAqB,kBAAkB,qGAAE,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAI3E,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BACI,qBAAqB,EAAA,OAAA,EACtB,CAAC,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,qBAAqB,CAAC,EAAA,QAAA,EAAA,wiDAAA,EAAA,MAAA,EAAA,CAAA,w8FAAA,CAAA,EAAA;8BAK5E,KAAK,EAAA,CAAA;sBAAb;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;;;MEHQ,uBAAuB,CAAA;AACvB,IAAA,aAAa;AACb,IAAA,YAAY;AACZ,IAAA,QAAQ;AACR,IAAA,OAAO;AACP,IAAA,GAAG;wGALH,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,GAAA,EAAA,KAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZpC,y9CA4CA,EAAA,MAAA,EAAA,CAAA,kjBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrCc,YAAY,+BAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,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,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;;4FAK3E,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,OAAA,EACtB,CAAC,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAGpE,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,y9CAAA,EAAA,MAAA,EAAA,CAAA,kjBAAA,CAAA,EAAA;8BAGtC,aAAa,EAAA,CAAA;sBAArB;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,GAAG,EAAA,CAAA;sBAAX;;;AEjBL;;AAEG;;;;"}
+{"version":3,"file":"lluc_llull-ui-lib-content.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/hero-section/hero-section.component.ts","../../../projects/ui-lib/content/hero-section/hero-section.component.html","../../../projects/ui-lib/content/hero-section/hero-section.stories.ts","../../../projects/ui-lib/content/section-intro/section-intro.component.ts","../../../projects/ui-lib/content/section-intro/section-intro.component.html","../../../projects/ui-lib/content/split-previewer/split-previewer.component.ts","../../../projects/ui-lib/content/split-previewer/split-previewer.component.html","../../../projects/ui-lib/content/contact-minimal/contact-minimal.component.ts","../../../projects/ui-lib/content/contact-minimal/contact-minimal.component.html","../../../projects/ui-lib/content/media-split/media-split.component.ts","../../../projects/ui-lib/content/media-split/media-split.component.html","../../../projects/ui-lib/content/lluc_llull-ui-lib-content.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})\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","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-hero-section',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective, UiIconComponent, ScrollRevealDirective],\n    templateUrl: './hero-section.component.html',\n    styleUrl: './hero-section.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroSectionComponent {\n    @Input() pretitle?: string;\n    @Input() title?: string;\n    @Input() subtitle?: string;\n    @Input() text?: string;\n    @Input() buttons?: UiLibButtonI[];\n    @Input() highlight?: string;\n}\n","<div class=\"hero-section col-span-full\" scrollReveal>\n  @if (pretitle) {\n    <h2 class=\"pretitle\">{{ pretitle }}</h2>\n  }\n  @if (title) {\n    <h1 class=\"title\">\n      @if (highlight && title.includes(highlight)) {\n        {{ title.replace(highlight, '') }}\n        <span class=\"highlight-text\">\n          {{ highlight }}\n          <div class=\"wave-wrapper\">\n            <div class=\"wave\"></div>\n          </div>\n        </span>\n      } @else {\n        {{ title }}\n      }\n    </h1>\n  }\n  @if (subtitle) {\n    <h2 class=\"subtitle\">{{ subtitle }}</h2>\n  }\n  @if (text) {\n    <p class=\"text\">{{ text }}</p>\n  }\n  @if (buttons && buttons.length > 0) {\n    <div class=\"btn-group--center\">\n      @for (button of buttons; track $index) {\n        <a class=\"btn btn-link\" [href]=\"button.url\" [linkType]=\"button.linkType\">\n           <ui-icon [name]=\"button.icon!\" [size]=\"17\" [color]=\"'var(--color-primary)'\"></ui-icon>\n          {{ button.label }}\n        </a>\n      }\n    </div>\n  }\n</div>\n","import { Meta, StoryObj } from '@storybook/angular';\nimport { LinkType } from \"@lluc_llull/ui-lib/enums\";\nimport { HeroSectionComponent } from './hero-section.component';\n\nexport default {\n    title: 'Core/Content/HeroSection',\n    component: HeroSectionComponent,\n    tags: ['autodocs'],\n    argTypes: {\n        title: { control: 'text' },\n        subtitle: { control: 'text' },\n        text: { control: 'text' },\n        buttons: { control: 'object' },\n    },\n} as Meta<HeroSectionComponent>;\n\ntype Story = StoryObj<HeroSectionComponent>;\n\nexport const Default: Story = {\n    args: {\n        title: 'Título de ejemplo',\n        subtitle: 'Subtítulo de ejemplo',\n        text: 'Texto descriptivo de ejemplo para el Hero Section.',\n        buttons: [\n            { label: 'Botón 1', url: 'https://www.google.com', linkType: LinkType.External },\n            { label: 'Botón 2', url: 'https://www.google.com', linkType: LinkType.External },\n        ],\n    },\n};\n","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})\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","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, signal } from '@angular/core';\nimport { HighlightDirective, LinkTypeDirective, ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiLibButtonI, UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\n\n@Component({\n    selector: 'lib-split-previewer',\n    imports: [CommonModule, LinkTypeDirective, HighlightDirective, ScrollRevealDirective],\n    templateUrl: './split-previewer.component.html',\n    styleUrl: './split-previewer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SplitPreviewerComponent {\n    @Input() title?: string;\n    @Input() items?: SplitPreviewerItemI[];\n    @Input() imageDefault?: UiLibImageI;\n    @Input() direction: 'left' | 'right' = 'right';\n\n    activeImage = signal<string | undefined>(undefined);\n\n    get count(): number {\n        return this.items?.length || 0;\n    }\n}\n\nexport interface SplitPreviewerItemI {\n    title?: string;\n    type?: string;\n    description?: string;\n    tags?: string[];\n    link?: UiLibButtonI;\n    image?: UiLibImageI;\n}\n","<div\n  class=\"split-previewer col-span-full md:col-span-12 md:col-start-1\"\n  [class]=\"'split-previewer--' + direction\"\n  scrollReveal\n>\n  <div class=\"split-previewer__text-column\">\n    <div class=\"split-previewer__header\">\n      @if (title) {\n        <h1 class=\"title\">{{ title }}</h1>\n      }\n      @if (count) {\n        <span class=\"count\">{{ count }}</span>\n      }\n    </div>\n\n    <div class=\"split-previewer__items\" (mouseleave)=\"activeImage.set(undefined)\">\n      @for (item of items; track item.title) {\n        <a\n          [href]=\"item.link?.url\"\n          (mouseenter)=\"activeImage.set(item.image?.url)\"\n          class=\"split-previewer__item-link\"\n        >\n          <div class=\"split-previewer__item\">\n            <h2 class=\"split-previewer__item-title\" [highlight]=\"'#FFFFFF'\">{{ item.title }}</h2>\n            <p class=\"split-previewer__item-text\">{{ item.description }}</p>\n            @if (item.tags?.length) {\n              <div class=\"split-previewer__item-tags\">\n                @for (tag of item.tags; track tag) {\n                  <span class=\"split-previewer__item-tag\">{{ tag }}</span>\n                }\n              </div>\n            }\n          </div>\n        </a>\n      }\n    </div>\n  </div>\n\n  <div class=\"split-previewer__media\">\n    <img\n      [src]=\"activeImage() || imageDefault?.url\"\n      alt=\"Preview\"\n      class=\"preview-img\"\n      loading=\"eager\"\n      fetchpriority=\"high\"\n      width=\"800\"\n      height=\"600\"\n    />\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UiLibButtonI, UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { HighlightDirective, LinkTypeDirective, ScrollRevealDirective } from '@lluc_llull/ui-lib/directives';\n\n@Component({\n    selector: 'lib-contact-minimal',\n    imports: [CommonModule, HighlightDirective, LinkTypeDirective, ScrollRevealDirective],\n    templateUrl: './contact-minimal.component.html',\n    styleUrl: './contact-minimal.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContactMinimalComponent {\n    @Input() contactsTitle?: string;\n    @Input() socialsTitle?: string;\n    @Input() contacts?: UiLibButtonI[];\n    @Input() socials?: UiLibButtonI[];\n    @Input() img?: UiLibImageI;\n}\n\n","<div class=\"contact-minimal col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  <div class=\"contact-minimal__content\">\n    <div class=\"contact-minimal__content--left\">\n      @if (contactsTitle) {\n        <h2 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ contactsTitle }}</h2>\n      }\n      @if (contacts && contacts.length > 0) {\n        <div class=\"btn-group\">\n          @for (contact of contacts; track $index) {\n            <a [href]=\"contact?.url\" [linkType]=\"contact?.linkType\" class=\"btn btn-link\">\n              {{ contact?.label }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"contact-minimal__content--right\">\n      @if (socialsTitle) {\n        <h2 class=\"subtitle\" [highlight]=\"'#FFFFFF'\">{{ socialsTitle }}</h2>\n      }\n      @if (socials && socials.length > 0) {\n        <div class=\"btn-group\">\n          @for (social of socials; track $index) {\n            <a [href]=\"social?.url\" [linkType]=\"social?.linkType\" class=\"btn btn-link\">\n              {{ social?.label }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n    @if (img) {\n      <div class=\"contact-minimal__content--media\">\n        <img\n          [src]=\"img.url\"\n          [alt]=\"img.alt\"\n          loading=\"eager\"\n          fetchpriority=\"high\"\n          [attr.width]=\"img.width || 800\"\n          [attr.height]=\"img.height || 600\"\n        />\n      </div>\n    }\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, signal } from '@angular/core';\nimport { UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\n\n@Component({\n  selector: 'lib-media-split',\n  imports: [CommonModule],\n  templateUrl: './media-split.component.html',\n  styleUrl: './media-split.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MediaSplitComponent {\n    @Input() title?: string;\n    @Input() text?: string;\n    @Input() images?: UiLibImageI[];\n\n    activeImageIndex = signal(0);\n\n    updateActiveImage(index: number) {\n      this.activeImageIndex.set(index);\n    }\n\n    resetImage() {\n      this.activeImageIndex.set(0);\n    }\n}\n","<div class=\"media-split main-grid col-span-full md:col-span-12 md:col-start-1\" scrollReveal>\n  <div class=\"media-split__visual col-span-full md:col-span-7 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"title\">{{ title }}</h1>\n    }\n\n    @if (images?.length) {\n      <div class=\"image-stack\" (mouseleave)=\"resetImage()\">\n        @for (image of images; track $index) {\n          <img\n            [src]=\"image.url\"\n            [alt]=\"image.alt\"\n            class=\"img-responsive stack-item\"\n            [class.is-active]=\"$index === activeImageIndex()\"\n            loading=\"eager\"\n            fetchpriority=\"high\"\n          />\n        }\n\n        <div class=\"hover-grid\">\n          @for (image of images; track $index) {\n            <div class=\"hover-zone\" (mouseenter)=\"updateActiveImage($index)\"></div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <div class=\"media-split__info col-span-full md:col-span-5 md:col-start-8\">\n    @if (text) {\n      <p class=\"text\">{{ text }}</p>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAYa,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,6JCZtC,k4BA4BA,EAAA,MAAA,EAAA,CAAA,qvBAAA,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;;4FAKxD,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,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,QAAA,EAAA,k4BAAA,EAAA,MAAA,EAAA,CAAA,qvBAAA,CAAA,EAAA;8BAGtC,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,UAAU,EAAA,CAAA;sBAAlB;;;MEDQ,oBAAoB,CAAA;AACpB,IAAA,QAAQ;AACR,IAAA,KAAK;AACL,IAAA,QAAQ;AACR,IAAA,IAAI;AACJ,IAAA,OAAO;AACP,IAAA,SAAS;wGANT,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdjC,2hCAoCA,EAAA,MAAA,EAAA,CAAA,g5DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED3Bc,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;;4FAKxE,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAGjE,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2hCAAA,EAAA,MAAA,EAAA,CAAA,g5DAAA,CAAA,EAAA;8BAGtC,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,SAAS,EAAA,CAAA;sBAAjB;;;AEhBL,0BAAe;AACX,IAAA,KAAK,EAAE,0BAA0B;AACjC,IAAA,SAAS,EAAE,oBAAoB;IAC/B,IAAI,EAAE,CAAC,UAAU,CAAC;AAClB,IAAA,QAAQ,EAAE;AACN,QAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC1B,QAAA,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC7B,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AACzB,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;AACjC,KAAA;CAC0B;AAIxB,MAAM,OAAO,GAAU;AAC1B,IAAA,IAAI,EAAE;AACF,QAAA,KAAK,EAAE,mBAAmB;AAC1B,QAAA,QAAQ,EAAE,sBAAsB;AAChC,QAAA,IAAI,EAAE,oDAAoD;AAC1D,QAAA,OAAO,EAAE;AACL,YAAA,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,wBAAwB,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE;AAChF,YAAA,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,wBAAwB,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE;AACnF,SAAA;AACJ,KAAA;;;MCbQ,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,QAAA,EAAA,EAAA,EAAA,QAAA,ECdlC,spBAsBA,EAAA,MAAA,EAAA,CAAA,uHAAA,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;;4FAKxE,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,UAAA,EACjB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAGjE,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,spBAAA,EAAA,MAAA,EAAA,CAAA,uHAAA,CAAA,EAAA;8BAGtC,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,MAAM,EAAA,CAAA;sBAAd;;;MEPQ,uBAAuB,CAAA;AACvB,IAAA,KAAK;AACL,IAAA,KAAK;AACL,IAAA,YAAY;IACZ,SAAS,GAAqB,OAAO;AAE9C,IAAA,WAAW,GAAG,MAAM,CAAqB,SAAS,CAAC;AAEnD,IAAA,IAAI,KAAK,GAAA;AACL,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClC;wGAVS,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,iLCZpC,yiDAkDA,EAAA,MAAA,EAAA,CAAA,y8FAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED3Cc,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAqB,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;;4FAK3E,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,OAAA,EACtB,CAAC,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAGpE,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yiDAAA,EAAA,MAAA,EAAA,CAAA,y8FAAA,CAAA,EAAA;8BAGtC,KAAK,EAAA,CAAA;sBAAb;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;;;MEJQ,uBAAuB,CAAA;AACvB,IAAA,aAAa;AACb,IAAA,YAAY;AACZ,IAAA,QAAQ;AACR,IAAA,OAAO;AACP,IAAA,GAAG;wGALH,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,GAAA,EAAA,KAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZpC,09CA4CA,EAAA,MAAA,EAAA,CAAA,kjBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrCc,YAAY,+BAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,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,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;;4FAK3E,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,OAAA,EACtB,CAAC,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAGpE,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,09CAAA,EAAA,MAAA,EAAA,CAAA,kjBAAA,CAAA,EAAA;8BAGtC,aAAa,EAAA,CAAA;sBAArB;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,GAAG,EAAA,CAAA;sBAAX;;;MENQ,mBAAmB,CAAA;AACnB,IAAA,KAAK;AACL,IAAA,IAAI;AACJ,IAAA,MAAM;AAEf,IAAA,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC;AAE5B,IAAA,iBAAiB,CAAC,KAAa,EAAA;AAC7B,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC;IAClC;IAEA,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9B;wGAbS,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXhC,2jCAkCA,EAAA,MAAA,EAAA,CAAA,k3BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5BY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAKX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,WAClB,CAAC,YAAY,CAAC,EAAA,eAAA,EAGJ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2jCAAA,EAAA,MAAA,EAAA,CAAA,k3BAAA,CAAA,EAAA;8BAGtC,KAAK,EAAA,CAAA;sBAAb;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,MAAM,EAAA,CAAA;sBAAd;;;AEdL;;AAEG;;;;"}

package/fesm2022/lluc_llull-ui-lib-mapper.mjs

@@ -1,4 +1,4 @@
-import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';
+import { mapButtons, mapImage, mapImageOrGallery } from '@lluc_llull/ui-lib/utils';
 import * as i0 from '@angular/core';
 import { InjectionToken, PLATFORM_ID, Inject, Injectable } from '@angular/core';
 
@@ -146,6 +146,12 @@ const mapVisualFooter = (props) => ({
     image: mapImage(props?.multimedia),
 });
 
+const mapMediaSplit = (props, cdn) => ({
+    title: props?.texts?.title,
+    text: props?.texts?.text,
+    images: mapImageOrGallery(props?.multimedia?.images, cdn),
+});
+
 const componentMappers = {
     'hero-section': mapHeroSection,
     'header-clear': mapHeaderClear,
@@ -159,6 +165,7 @@ const componentMappers = {
     'not-found': map404,
     'split-previewer': mapSplitPreviewer,
     'contact-minimal': mapContactMinimal,
+    'media-split': mapMediaSplit,
 };
 
 const CDN_BASE_URL = new InjectionToken('CDN_BASE_URL');
@@ -218,5 +225,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CDN_BASE_URL, MapperService, componentMappers, map404, mapCategoryProgress, mapContactMinimal, mapHeaderClear, mapHeroSection, mapLangModal, mapLegalFooter, mapLinksFooter, mapNavModal, mapSectionIntro, mapSocialFooter, mapSocialLinks, mapSplitPreviewer, mapVisualFooter };
+export { CDN_BASE_URL, MapperService, componentMappers, map404, mapCategoryProgress, mapContactMinimal, mapHeaderClear, mapHeroSection, mapLangModal, mapLegalFooter, mapLinksFooter, mapMediaSplit, mapNavModal, mapSectionIntro, mapSocialFooter, mapSocialLinks, mapSplitPreviewer, mapVisualFooter };
 //# sourceMappingURL=lluc_llull-ui-lib-mapper.mjs.map

package/fesm2022/lluc_llull-ui-lib-mapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lluc_llull-ui-lib-mapper.mjs","sources":["../../../projects/ui-lib/mapper/component-mappers/404.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/category-progress.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/contact-minimal.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/nav-modal.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/header-clear.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/hero-section.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/lang-modal.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/legal-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/links-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/section-intro.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/social-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/split-previewer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/visual-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/index.ts","../../../projects/ui-lib/mapper/cdn.token.ts","../../../projects/ui-lib/mapper/mapper.service.ts","../../../projects/ui-lib/mapper/lluc_llull-ui-lib-mapper.ts"],"sourcesContent":["import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const map404: ComponentMapperFn = (props) => ({\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    highlight: props?.texts?.highlight,\n    button: mapButtons(props?.buttons)[0],\n});\n","import { ComponentMapperFn } from './types';\n\nexport const mapCategoryProgress: ComponentMapperFn = (props) => ({\n    pretitle: props?.texts?.pretitle,\n    title: props?.texts?.title,\n    categories: props?.items?.map((item: any) => ({\n        title: item.title,\n        items: item.items?.map((subItem: any) => ({\n            label: subItem.name,\n            value: subItem.progress,\n        })),\n    })),\n});\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapContactMinimal: ComponentMapperFn = (props, cdn) => ({\n    contactsTitle: props?.texts?.contactsTitle,\n    socialsTitle: props?.texts?.socialsTitle,\n    contacts: mapButtons(props?.items?.[0]?.buttons),\n    socials: mapButtons(props?.items?.[1]?.buttons),\n    img: mapImage(props?.multimedia?.image, cdn),\n});\n","import { UiLibNavItemsI, UiLibSocialItemsI } from '@lluc_llull/ui-lib/interfaces';\n\nexport const mapNavModal = (navigation: any, lang: string): UiLibNavItemsI[] => {\n    if (!navigation?.items || !Array.isArray(navigation.items)) return [];\n\n    return navigation.items.map((item: any) => {\n        const slug = item.slug;\n\n        const url = slug === 'home' || slug === '' ? `/${lang}` : `/${lang}/${slug}`;\n\n        return {\n            label: item.label?.[lang] ?? item.label?.['es'] ?? slug,\n            url,\n            linkType: 'internal',\n            name: slug,\n            active: true,\n            children: [],\n        };\n    });\n};\n\nexport const mapSocialLinks = (navigation: any): UiLibSocialItemsI[] => {\n    if (!navigation?.social || !Array.isArray(navigation.social)) return [];\n\n    return navigation.social.map((item: any, index: number) => ({\n        label: item.label ?? '',\n        url: item.url ?? '',\n        linkType: item.linkType ?? 'external',\n        icon: item.icon ?? '',\n        order: item.order ?? index,\n    }));\n};\n","import { mapImage, mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { mapSocialLinks } from './nav-modal.mapper';\nimport { ComponentMapperFn } from './types';\n\nexport const mapHeaderClear: ComponentMapperFn = (props, cdn) => {\n    return {\n        logo: mapImage(props?.logo, cdn),\n        logoDark: mapImage(props?.logoDark, cdn),\n        lang: props?.lang || 'es',\n        navigation: props?.navigation,\n        socialItems: mapSocialLinks(props?.navigation),\n        homeLink: mapButtons(props?.buttons)[0],\n    };\n};\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapHeroSection: ComponentMapperFn = (props) => ({\n    pretitle: props?.texts?.pretitle,\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    text: props?.texts?.text,\n    buttons: mapButtons(props?.buttons),\n    highlight: props?.texts?.highlight,\n});\n","import { UiLibLangItemI } from '@lluc_llull/ui-lib/interfaces';\n\nexport const mapLangModal = (langs: any[], currentLang: string = 'es'): UiLibLangItemI[] => {\n    if (!Array.isArray(langs)) return [];\n\n    return langs.map((lang, index) => {\n        const label = lang.labels?.[currentLang] || lang.labels?.[lang.code] || lang.code;\n\n        return {\n            id: lang.id ?? index,\n            code: lang.code,\n            label,\n        };\n    });\n};\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapLegalFooter: ComponentMapperFn = (props) => ({\n    year: props?.texts?.year,\n    brand: props?.texts?.brand,\n    credits: props?.texts?.credits,\n    links: mapButtons(props?.footer_links),\n    //variant\n});\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapLinksFooter: ComponentMapperFn = (props) => ({\n    links: mapButtons(props?.footer_links),\n});\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSectionIntro: ComponentMapperFn = (props) => ({\n    pretitle: props?.texts?.pretitle,\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    text: props?.texts?.text,\n    button: mapButtons(props?.buttons)[0],\n});\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSocialFooter: ComponentMapperFn = (props) => ({\n    images: mapImage(props?.multimedia),\n    socials: mapButtons(props?.social_links),\n    hashtag: props?.texts?.hashtag,\n});\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSplitPreviewer: ComponentMapperFn = (props, cdn) => ({\n    title: props?.texts?.title,\n    items: props?.items?.map((item: any) => ({\n        title: item.title,\n        description: item.description,\n        tags: item.tags,\n        link: mapButtons(item?.buttons)[0],\n        image: mapImage(item?.multimedia?.image, cdn),\n    })),\n    imageDefault: mapImage(props?.multimedia?.image, cdn),\n    direction: props?.direction || 'right',\n});\n","import { UiLibAddressI } from '@lluc_llull/ui-lib/interfaces';\nimport { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapVisualFooter: ComponentMapperFn = (props) => ({\n    contactTitle: props?.texts?.contactTitle,\n    contactPhone: mapButtons(props?.contactPhone),\n    contactEmail: mapButtons(props?.contactEmail),\n    addressTitle: props?.texts?.addressTitle,\n    address: {\n        address: props?.address?.address,\n        city: props?.address?.city,\n        country: props?.address?.country,\n        cp: props?.address?.cp,\n        province: props?.address?.province,\n    } as UiLibAddressI,\n    socialsTitle: props?.texts?.socialsTitle,\n    socials: mapButtons(props?.social_links),\n    image: mapImage(props?.multimedia),\n});\n","export * from './404.mapper';\nexport * from './category-progress.mapper';\nexport * from './contact-minimal.mapper';\nexport * from './header-clear.mapper';\nexport * from './hero-section.mapper';\nexport * from './lang-modal.mapper';\nexport * from './legal-footer.mapper';\nexport * from './links-footer.mapper';\nexport * from './nav-modal.mapper';\nexport * from './section-intro.mapper';\nexport * from './social-footer.mapper';\nexport * from './split-previewer.mapper';\nexport * from './visual-footer.mapper';\n\nimport { map404 } from './404.mapper';\nimport { mapCategoryProgress } from './category-progress.mapper';\nimport { mapContactMinimal } from './contact-minimal.mapper';\nimport { mapHeaderClear } from './header-clear.mapper';\nimport { mapHeroSection } from './hero-section.mapper';\nimport { mapLangModal } from './lang-modal.mapper';\nimport { mapLegalFooter } from './legal-footer.mapper';\nimport { mapLinksFooter } from './links-footer.mapper';\nimport { mapSectionIntro } from './section-intro.mapper';\nimport { mapSocialFooter } from './social-footer.mapper';\nimport { mapSplitPreviewer } from './split-previewer.mapper';\nimport { mapVisualFooter } from './visual-footer.mapper';\n\nexport const componentMappers: Record<string, (props: any, cdn?: string) => any> = {\n    'hero-section': mapHeroSection,\n    'header-clear': mapHeaderClear,\n    'lang-modal': mapLangModal,\n    'section-intro': mapSectionIntro,\n    'category-progress': mapCategoryProgress,\n    'links-footer': mapLinksFooter,\n    'legal-footer': mapLegalFooter,\n    'social-footer': mapSocialFooter,\n    'visual-footer': mapVisualFooter,\n    'not-found': map404,\n    'split-previewer': mapSplitPreviewer,\n    'contact-minimal': mapContactMinimal,\n};\n","import { InjectionToken } from '@angular/core';\n\nexport const CDN_BASE_URL = new InjectionToken<string>('CDN_BASE_URL');","import { Inject, Injectable, PLATFORM_ID } from '@angular/core';\nimport { BodyComponent } from '@lluc_llull/ui-lib/interfaces';\nimport { CDN_BASE_URL } from './cdn.token';\nimport { componentMappers } from './component-mappers';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class MapperService {\n\n    constructor(@Inject(PLATFORM_ID) private readonly platformId: Object, @Inject(CDN_BASE_URL) private readonly cdn: string) {}\n\n    mapComponents<T>(body: any[]): BodyComponent<T>[] {\n        if (!body || body.length === 0) {\n            return [];\n        }\n\n        return body\n            .filter((component) => component && component.name && component.props)\n            .map((component) => {\n                const name = component.name.toLowerCase();\n                const mapper = componentMappers[name];\n\n                const mapped: BodyComponent<T> = {\n                    name,\n                    order: component.order,\n                    props: {} as T,\n                };\n\n                if (mapper) {\n                    try {\n                        mapped.props = mapper(component.props, this.cdn) as T;\n                    } catch (e) {\n                        console.error(`Error mapping props for component \"${name}\"`, e);\n                    }\n                } else {\n                    console.warn(`No mapper found for component \"${name}\"`);\n                }\n\n                return mapped;\n            });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lluc_llull-ui-lib-mapper.mjs","sources":["../../../projects/ui-lib/mapper/component-mappers/404.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/category-progress.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/contact-minimal.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/nav-modal.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/header-clear.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/hero-section.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/lang-modal.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/legal-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/links-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/section-intro.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/social-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/split-previewer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/visual-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/media-split.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/index.ts","../../../projects/ui-lib/mapper/cdn.token.ts","../../../projects/ui-lib/mapper/mapper.service.ts","../../../projects/ui-lib/mapper/lluc_llull-ui-lib-mapper.ts"],"sourcesContent":["import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const map404: ComponentMapperFn = (props) => ({\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    highlight: props?.texts?.highlight,\n    button: mapButtons(props?.buttons)[0],\n});\n","import { ComponentMapperFn } from './types';\n\nexport const mapCategoryProgress: ComponentMapperFn = (props) => ({\n    pretitle: props?.texts?.pretitle,\n    title: props?.texts?.title,\n    categories: props?.items?.map((item: any) => ({\n        title: item.title,\n        items: item.items?.map((subItem: any) => ({\n            label: subItem.name,\n            value: subItem.progress,\n        })),\n    })),\n});\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapContactMinimal: ComponentMapperFn = (props, cdn) => ({\n    contactsTitle: props?.texts?.contactsTitle,\n    socialsTitle: props?.texts?.socialsTitle,\n    contacts: mapButtons(props?.items?.[0]?.buttons),\n    socials: mapButtons(props?.items?.[1]?.buttons),\n    img: mapImage(props?.multimedia?.image, cdn),\n});\n","import { UiLibNavItemsI, UiLibSocialItemsI } from '@lluc_llull/ui-lib/interfaces';\n\nexport const mapNavModal = (navigation: any, lang: string): UiLibNavItemsI[] => {\n    if (!navigation?.items || !Array.isArray(navigation.items)) return [];\n\n    return navigation.items.map((item: any) => {\n        const slug = item.slug;\n\n        const url = slug === 'home' || slug === '' ? `/${lang}` : `/${lang}/${slug}`;\n\n        return {\n            label: item.label?.[lang] ?? item.label?.['es'] ?? slug,\n            url,\n            linkType: 'internal',\n            name: slug,\n            active: true,\n            children: [],\n        };\n    });\n};\n\nexport const mapSocialLinks = (navigation: any): UiLibSocialItemsI[] => {\n    if (!navigation?.social || !Array.isArray(navigation.social)) return [];\n\n    return navigation.social.map((item: any, index: number) => ({\n        label: item.label ?? '',\n        url: item.url ?? '',\n        linkType: item.linkType ?? 'external',\n        icon: item.icon ?? '',\n        order: item.order ?? index,\n    }));\n};\n","import { mapImage, mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { mapSocialLinks } from './nav-modal.mapper';\nimport { ComponentMapperFn } from './types';\n\nexport const mapHeaderClear: ComponentMapperFn = (props, cdn) => {\n    return {\n        logo: mapImage(props?.logo, cdn),\n        logoDark: mapImage(props?.logoDark, cdn),\n        lang: props?.lang || 'es',\n        navigation: props?.navigation,\n        socialItems: mapSocialLinks(props?.navigation),\n        homeLink: mapButtons(props?.buttons)[0],\n    };\n};\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapHeroSection: ComponentMapperFn = (props) => ({\n    pretitle: props?.texts?.pretitle,\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    text: props?.texts?.text,\n    buttons: mapButtons(props?.buttons),\n    highlight: props?.texts?.highlight,\n});\n","import { UiLibLangItemI } from '@lluc_llull/ui-lib/interfaces';\n\nexport const mapLangModal = (langs: any[], currentLang: string = 'es'): UiLibLangItemI[] => {\n    if (!Array.isArray(langs)) return [];\n\n    return langs.map((lang, index) => {\n        const label = lang.labels?.[currentLang] || lang.labels?.[lang.code] || lang.code;\n\n        return {\n            id: lang.id ?? index,\n            code: lang.code,\n            label,\n        };\n    });\n};\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapLegalFooter: ComponentMapperFn = (props) => ({\n    year: props?.texts?.year,\n    brand: props?.texts?.brand,\n    credits: props?.texts?.credits,\n    links: mapButtons(props?.footer_links),\n    //variant\n});\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapLinksFooter: ComponentMapperFn = (props) => ({\n    links: mapButtons(props?.footer_links),\n});\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSectionIntro: ComponentMapperFn = (props) => ({\n    pretitle: props?.texts?.pretitle,\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    text: props?.texts?.text,\n    button: mapButtons(props?.buttons)[0],\n});\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSocialFooter: ComponentMapperFn = (props) => ({\n    images: mapImage(props?.multimedia),\n    socials: mapButtons(props?.social_links),\n    hashtag: props?.texts?.hashtag,\n});\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSplitPreviewer: ComponentMapperFn = (props, cdn) => ({\n    title: props?.texts?.title,\n    items: props?.items?.map((item: any) => ({\n        title: item.title,\n        description: item.description,\n        tags: item.tags,\n        link: mapButtons(item?.buttons)[0],\n        image: mapImage(item?.multimedia?.image, cdn),\n    })),\n    imageDefault: mapImage(props?.multimedia?.image, cdn),\n    direction: props?.direction || 'right',\n});\n","import { UiLibAddressI } from '@lluc_llull/ui-lib/interfaces';\nimport { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapVisualFooter: ComponentMapperFn = (props) => ({\n    contactTitle: props?.texts?.contactTitle,\n    contactPhone: mapButtons(props?.contactPhone),\n    contactEmail: mapButtons(props?.contactEmail),\n    addressTitle: props?.texts?.addressTitle,\n    address: {\n        address: props?.address?.address,\n        city: props?.address?.city,\n        country: props?.address?.country,\n        cp: props?.address?.cp,\n        province: props?.address?.province,\n    } as UiLibAddressI,\n    socialsTitle: props?.texts?.socialsTitle,\n    socials: mapButtons(props?.social_links),\n    image: mapImage(props?.multimedia),\n});\n","import { mapImageOrGallery } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapMediaSplit: ComponentMapperFn = (props, cdn) => ({\n    title: props?.texts?.title,\n    text: props?.texts?.text,\n    images: mapImageOrGallery(props?.multimedia?.images, cdn),\n});\n","export * from './404.mapper';\nexport * from './category-progress.mapper';\nexport * from './contact-minimal.mapper';\nexport * from './header-clear.mapper';\nexport * from './hero-section.mapper';\nexport * from './lang-modal.mapper';\nexport * from './legal-footer.mapper';\nexport * from './links-footer.mapper';\nexport * from './nav-modal.mapper';\nexport * from './section-intro.mapper';\nexport * from './social-footer.mapper';\nexport * from './split-previewer.mapper';\nexport * from './visual-footer.mapper';\nexport * from './media-split.mapper';\n\nimport { map404 } from './404.mapper';\nimport { mapCategoryProgress } from './category-progress.mapper';\nimport { mapContactMinimal } from './contact-minimal.mapper';\nimport { mapHeaderClear } from './header-clear.mapper';\nimport { mapHeroSection } from './hero-section.mapper';\nimport { mapLangModal } from './lang-modal.mapper';\nimport { mapLegalFooter } from './legal-footer.mapper';\nimport { mapLinksFooter } from './links-footer.mapper';\nimport { mapMediaSplit } from './media-split.mapper';\nimport { mapSectionIntro } from './section-intro.mapper';\nimport { mapSocialFooter } from './social-footer.mapper';\nimport { mapSplitPreviewer } from './split-previewer.mapper';\nimport { mapVisualFooter } from './visual-footer.mapper';\n\nexport const componentMappers: Record<string, (props: any, cdn?: string) => any> = {\n    'hero-section': mapHeroSection,\n    'header-clear': mapHeaderClear,\n    'lang-modal': mapLangModal,\n    'section-intro': mapSectionIntro,\n    'category-progress': mapCategoryProgress,\n    'links-footer': mapLinksFooter,\n    'legal-footer': mapLegalFooter,\n    'social-footer': mapSocialFooter,\n    'visual-footer': mapVisualFooter,\n    'not-found': map404,\n    'split-previewer': mapSplitPreviewer,\n    'contact-minimal': mapContactMinimal,\n    'media-split': mapMediaSplit,\n};\n","import { InjectionToken } from '@angular/core';\n\nexport const CDN_BASE_URL = new InjectionToken<string>('CDN_BASE_URL');","import { Inject, Injectable, PLATFORM_ID } from '@angular/core';\nimport { BodyComponent } from '@lluc_llull/ui-lib/interfaces';\nimport { CDN_BASE_URL } from './cdn.token';\nimport { componentMappers } from './component-mappers';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class MapperService {\n\n    constructor(@Inject(PLATFORM_ID) private readonly platformId: Object, @Inject(CDN_BASE_URL) private readonly cdn: string) {}\n\n    mapComponents<T>(body: any[]): BodyComponent<T>[] {\n        if (!body || body.length === 0) {\n            return [];\n        }\n\n        return body\n            .filter((component) => component && component.name && component.props)\n            .map((component) => {\n                const name = component.name.toLowerCase();\n                const mapper = componentMappers[name];\n\n                const mapped: BodyComponent<T> = {\n                    name,\n                    order: component.order,\n                    props: {} as T,\n                };\n\n                if (mapper) {\n                    try {\n                        mapped.props = mapper(component.props, this.cdn) as T;\n                    } catch (e) {\n                        console.error(`Error mapping props for component \"${name}\"`, e);\n                    }\n                } else {\n                    console.warn(`No mapper found for component \"${name}\"`);\n                }\n\n                return mapped;\n            });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAGa,MAAM,GAAsB,CAAC,KAAK,MAAM;AACjD,IAAA,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;AAC1B,IAAA,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ;AAChC,IAAA,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS;IAClC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AACxC,CAAA;;MCNY,mBAAmB,GAAsB,CAAC,KAAK,MAAM;AAC9D,IAAA,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ;AAChC,IAAA,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;AAC1B,IAAA,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,IAAS,MAAM;QAC1C,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,QAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,OAAY,MAAM;YACtC,KAAK,EAAE,OAAO,CAAC,IAAI;YACnB,KAAK,EAAE,OAAO,CAAC,QAAQ;AAC1B,SAAA,CAAC,CAAC;AACN,KAAA,CAAC,CAAC;AACN,CAAA;;ACTM,MAAM,iBAAiB,GAAsB,CAAC,KAAK,EAAE,GAAG,MAAM;AACjE,IAAA,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa;AAC1C,IAAA,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY;AACxC,IAAA,QAAQ,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;AAChD,IAAA,OAAO,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;IAC/C,GAAG,EAAE,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,CAAC;AAC/C,CAAA;;MCPY,WAAW,GAAG,CAAC,UAAe,EAAE,IAAY,KAAsB;AAC3E,IAAA,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,EAAE;IAErE,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,KAAI;AACtC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI;QAEtB,MAAM,GAAG,GAAG,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,GAAG,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE,GAAG,IAAI,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE;QAE5E,OAAO;AACH,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI;YACvD,GAAG;AACH,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,QAAQ,EAAE,EAAE;SACf;AACL,IAAA,CAAC,CAAC;AACN;AAEO,MAAM,cAAc,GAAG,CAAC,UAAe,KAAyB;AACnE,IAAA,IAAI,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC;AAAE,QAAA,OAAO,EAAE;AAEvE,IAAA,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,KAAa,MAAM;AACxD,QAAA,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;AACvB,QAAA,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,EAAE;AACnB,QAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU;AACrC,QAAA,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE;AACrB,QAAA,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,KAAK;AAC7B,KAAA,CAAC,CAAC;AACP;;MC3Ba,cAAc,GAAsB,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5D,OAAO;QACH,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC;QAChC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC;AACxC,QAAA,IAAI,EAAE,KAAK,EAAE,IAAI,IAAI,IAAI;QACzB,UAAU,EAAE,KAAK,EAAE,UAAU;AAC7B,QAAA,WAAW,EAAE,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC;QAC9C,QAAQ,EAAE,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;KAC1C;AACL;;MCVa,cAAc,GAAsB,CAAC,KAAK,MAAM;AACzD,IAAA,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ;AAChC,IAAA,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;AAC1B,IAAA,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ;AAChC,IAAA,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI;AACxB,IAAA,OAAO,EAAE,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC;AACnC,IAAA,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS;AACrC,CAAA;;ACRM,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,WAAA,GAAsB,IAAI,KAAsB;AACvF,IAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,EAAE;IAEpC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;QAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI;QAEjF,OAAO;AACH,YAAA,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK;YACpB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK;SACR;AACL,IAAA,CAAC,CAAC;AACN;;MCXa,cAAc,GAAsB,CAAC,KAAK,MAAM;AACzD,IAAA,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI;AACxB,IAAA,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;AAC1B,IAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO;AAC9B,IAAA,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,YAAY,CAAC;;AAEzC,CAAA;;MCNY,cAAc,GAAsB,CAAC,KAAK,MAAM;AACzD,IAAA,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,YAAY,CAAC;AACzC,CAAA;;MCFY,eAAe,GAAsB,CAAC,KAAK,MAAM;AAC1D,IAAA,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ;AAChC,IAAA,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;AAC1B,IAAA,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ;AAChC,IAAA,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI;IACxB,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AACxC,CAAA;;MCNY,eAAe,GAAsB,CAAC,KAAK,MAAM;AAC1D,IAAA,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;AACnC,IAAA,OAAO,EAAE,UAAU,CAAC,KAAK,EAAE,YAAY,CAAC;AACxC,IAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO;AACjC,CAAA;;ACJM,MAAM,iBAAiB,GAAsB,CAAC,KAAK,EAAE,GAAG,MAAM;AACjE,IAAA,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;AAC1B,IAAA,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,IAAS,MAAM;QACrC,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,WAAW,EAAE,IAAI,CAAC,WAAW;QAC7B,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QAClC,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,CAAC;AAChD,KAAA,CAAC,CAAC;IACH,YAAY,EAAE,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,CAAC;AACrD,IAAA,SAAS,EAAE,KAAK,EAAE,SAAS,IAAI,OAAO;AACzC,CAAA;;MCVY,eAAe,GAAsB,CAAC,KAAK,MAAM;AAC1D,IAAA,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY;AACxC,IAAA,YAAY,EAAE,UAAU,CAAC,KAAK,EAAE,YAAY,CAAC;AAC7C,IAAA,YAAY,EAAE,UAAU,CAAC,KAAK,EAAE,YAAY,CAAC;AAC7C,IAAA,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY;AACxC,IAAA,OAAO,EAAE;AACL,QAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO;AAChC,QAAA,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI;AAC1B,QAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO;AAChC,QAAA,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;AACtB,QAAA,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ;AACpB,KAAA;AAClB,IAAA,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY;AACxC,IAAA,OAAO,EAAE,UAAU,CAAC,KAAK,EAAE,YAAY,CAAC;AACxC,IAAA,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;AACrC,CAAA;;AChBM,MAAM,aAAa,GAAsB,CAAC,KAAK,EAAE,GAAG,MAAM;AAC7D,IAAA,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;AAC1B,IAAA,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI;IACxB,MAAM,EAAE,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC;AAC5D,CAAA;;ACsBM,MAAM,gBAAgB,GAAsD;AAC/E,IAAA,cAAc,EAAE,cAAc;AAC9B,IAAA,cAAc,EAAE,cAAc;AAC9B,IAAA,YAAY,EAAE,YAAY;AAC1B,IAAA,eAAe,EAAE,eAAe;AAChC,IAAA,mBAAmB,EAAE,mBAAmB;AACxC,IAAA,cAAc,EAAE,cAAc;AAC9B,IAAA,cAAc,EAAE,cAAc;AAC9B,IAAA,eAAe,EAAE,eAAe;AAChC,IAAA,eAAe,EAAE,eAAe;AAChC,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,iBAAiB,EAAE,iBAAiB;AACpC,IAAA,iBAAiB,EAAE,iBAAiB;AACpC,IAAA,aAAa,EAAE,aAAa;;;MCxCnB,YAAY,GAAG,IAAI,cAAc,CAAS,cAAc;;MCMxD,aAAa,CAAA;AAE4B,IAAA,UAAA;AAA2D,IAAA,GAAA;IAA7G,WAAA,CAAkD,UAAkB,EAAyC,GAAW,EAAA;QAAtE,IAAA,CAAA,UAAU,GAAV,UAAU;QAAiD,IAAA,CAAA,GAAG,GAAH,GAAG;IAAW;AAE3H,IAAA,aAAa,CAAI,IAAW,EAAA;QACxB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;AAC5B,YAAA,OAAO,EAAE;QACb;AAEA,QAAA,OAAO;AACF,aAAA,MAAM,CAAC,CAAC,SAAS,KAAK,SAAS,IAAI,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,KAAK;AACpE,aAAA,GAAG,CAAC,CAAC,SAAS,KAAI;YACf,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE;AACzC,YAAA,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAErC,YAAA,MAAM,MAAM,GAAqB;gBAC7B,IAAI;gBACJ,KAAK,EAAE,SAAS,CAAC,KAAK;AACtB,gBAAA,KAAK,EAAE,EAAO;aACjB;YAED,IAAI,MAAM,EAAE;AACR,gBAAA,IAAI;AACA,oBAAA,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAM;gBACzD;gBAAE,OAAO,CAAC,EAAE;oBACR,OAAO,CAAC,KAAK,CAAC,CAAA,mCAAA,EAAsC,IAAI,CAAA,CAAA,CAAG,EAAE,CAAC,CAAC;gBACnE;YACJ;iBAAO;AACH,gBAAA,OAAO,CAAC,IAAI,CAAC,kCAAkC,IAAI,CAAA,CAAA,CAAG,CAAC;YAC3D;AAEA,YAAA,OAAO,MAAM;AACjB,QAAA,CAAC,CAAC;IACV;wGAjCS,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAEF,WAAW,EAAA,EAAA,EAAA,KAAA,EAA+C,YAAY,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAFjF,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,cAFV,MAAM,EAAA,CAAA;;4FAET,aAAa,EAAA,UAAA,EAAA,CAAA;kBAHzB,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA;;0BAGgB,MAAM;2BAAC,WAAW;;0BAAwC,MAAM;2BAAC,YAAY;;;ACV9F;;AAEG;;;;"}

package/fesm2022/lluc_llull-ui-lib-utils.mjs

@@ -40,11 +40,14 @@ function mapImage(data, cdn) {
 function mapImageOrGallery(data, cdn) {
     if (!data)
         return [];
+    if (data.images && Array.isArray(data.images)) {
+        data = data.images;
+    }
     if (Array.isArray(data)) {
         return data
             .filter((img) => img && typeof img === 'object')
             .map((img) => mapImage(img, cdn))
-            .filter(Boolean);
+            .filter((img) => !!img);
     }
     const single = mapImage(data, cdn);
     return single ? [single] : [];

package/fesm2022/lluc_llull-ui-lib-utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lluc_llull-ui-lib-utils.mjs","sources":["../../../projects/ui-lib/utils/utils.ts","../../../projects/ui-lib/utils/lluc_llull-ui-lib-utils.ts"],"sourcesContent":["import { UiLibButtonI, UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\n\nexport function mapButtons(data: any, lang: string = 'es'): UiLibButtonI[] {\n    if (!Array.isArray(data)) return [];\n\n    return data\n        .filter((item) => item && typeof item === 'object')\n        .map((item): UiLibButtonI => {\n            // 1. Gestión de etiquetas bilingües\n            const labelValue =\n                item.label && typeof item.label === 'object'\n                    ? (item.label[lang] ?? item.label['es'] ?? '')\n                    : (item.label ?? '');\n\n            // 2. Limpieza de 'home' y construcción de URL interna\n            let finalUrl = '';\n            if (item.link_type === 'internal') {\n                const slug = item.page === 'home' ? '' : (item.page ?? '');\n                finalUrl = slug === '' ? `/${lang}` : `/${lang}/${slug}`;\n            } else {\n                finalUrl = item.url ?? '';\n            }\n\n            return {\n                label: labelValue,\n                url: finalUrl,\n                linkType: item.link_type ?? 'none',\n                icon: item.icon,\n            };\n        });\n}\n\nexport function mapImage(data: any, cdn?: string): UiLibImageI | null {\n    if (!data || typeof data !== 'object') return null;\n\n    const src = data.url ?? data.src ?? '';\n\n    return {\n        url: src.startsWith('http') ? src : (cdn ?? '') + src,\n        alt: data.alt ?? '',\n        width: data.width,\n        height: data.height,\n        format: data.format,\n    };\n}\n\nexport function mapImageOrGallery(data: any, cdn?: string): UiLibImageI[] {\n    if (!data) return [];\n\n    if (Array.isArray(data)) {\n        return data\n            .filter((img) => img && typeof img === 'object')\n            .map((img) => mapImage(img, cdn)!)\n            .filter(Boolean);\n    }\n\n    const single = mapImage(data, cdn);\n    return single ? [single] : [];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"SAEgB,UAAU,CAAC,IAAS,EAAE,OAAe,IAAI,EAAA;AACrD,IAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAAE,QAAA,OAAO,EAAE;AAEnC,IAAA,OAAO;AACF,SAAA,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ;AACjD,SAAA,GAAG,CAAC,CAAC,IAAI,KAAkB;;QAExB,MAAM,UAAU,GACZ,IAAI,CAAC,KAAK,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK;AAChC,eAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;eAC1C,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;;QAG5B,IAAI,QAAQ,GAAG,EAAE;AACjB,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,UAAU,EAAE;YAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAC1D,YAAA,QAAQ,GAAG,IAAI,KAAK,EAAE,GAAG,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE,GAAG,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,IAAI,EAAE;QAC5D;aAAO;AACH,YAAA,QAAQ,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE;QAC7B;QAEA,OAAO;AACH,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,QAAQ,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM;YAClC,IAAI,EAAE,IAAI,CAAC,IAAI;SAClB;AACL,IAAA,CAAC,CAAC;AACV;AAEM,SAAU,QAAQ,CAAC,IAAS,EAAE,GAAY,EAAA;AAC5C,IAAA,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ;AAAE,QAAA,OAAO,IAAI;IAElD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,IAAI,EAAE;IAEtC,OAAO;QACH,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,EAAE,IAAI,GAAG;AACrD,QAAA,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,EAAE;QACnB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,MAAM,EAAE,IAAI,CAAC,MAAM;KACtB;AACL;AAEM,SAAU,iBAAiB,CAAC,IAAS,EAAE,GAAY,EAAA;AACrD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;AAEpB,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;AACrB,QAAA,OAAO;AACF,aAAA,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ;AAC9C,aAAA,GAAG,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAE;aAChC,MAAM,CAAC,OAAO,CAAC;IACxB;IAEA,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC;IAClC,OAAO,MAAM,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE;AACjC;;AC1DA;;AAEG;;;;"}
+{"version":3,"file":"lluc_llull-ui-lib-utils.mjs","sources":["../../../projects/ui-lib/utils/utils.ts","../../../projects/ui-lib/utils/lluc_llull-ui-lib-utils.ts"],"sourcesContent":["import { UiLibButtonI, UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\n\nexport function mapButtons(data: any, lang: string = 'es'): UiLibButtonI[] {\n    if (!Array.isArray(data)) return [];\n\n    return data\n        .filter((item) => item && typeof item === 'object')\n        .map((item): UiLibButtonI => {\n            // 1. Gestión de etiquetas bilingües\n            const labelValue =\n                item.label && typeof item.label === 'object'\n                    ? (item.label[lang] ?? item.label['es'] ?? '')\n                    : (item.label ?? '');\n\n            // 2. Limpieza de 'home' y construcción de URL interna\n            let finalUrl = '';\n            if (item.link_type === 'internal') {\n                const slug = item.page === 'home' ? '' : (item.page ?? '');\n                finalUrl = slug === '' ? `/${lang}` : `/${lang}/${slug}`;\n            } else {\n                finalUrl = item.url ?? '';\n            }\n\n            return {\n                label: labelValue,\n                url: finalUrl,\n                linkType: item.link_type ?? 'none',\n                icon: item.icon,\n            };\n        });\n}\n\nexport function mapImage(data: any, cdn?: string): UiLibImageI | null {\n    if (!data || typeof data !== 'object') return null;\n\n    const src = data.url ?? data.src ?? '';\n\n    return {\n        url: src.startsWith('http') ? src : (cdn ?? '') + src,\n        alt: data.alt ?? '',\n        width: data.width,\n        height: data.height,\n        format: data.format,\n    };\n}\n\nexport function mapImageOrGallery(data: any, cdn?: string): UiLibImageI[] {\n    if (!data) return [];\n\n    if (data.images && Array.isArray(data.images)) {\n        data = data.images;\n    }\n\n    if (Array.isArray(data)) {\n        return data\n            .filter((img) => img && typeof img === 'object')\n            .map((img) => mapImage(img, cdn))\n            .filter((img): img is UiLibImageI => !!img);\n    }\n\n    const single = mapImage(data, cdn);\n    return single ? [single] : [];\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"SAEgB,UAAU,CAAC,IAAS,EAAE,OAAe,IAAI,EAAA;AACrD,IAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAAE,QAAA,OAAO,EAAE;AAEnC,IAAA,OAAO;AACF,SAAA,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ;AACjD,SAAA,GAAG,CAAC,CAAC,IAAI,KAAkB;;QAExB,MAAM,UAAU,GACZ,IAAI,CAAC,KAAK,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK;AAChC,eAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;eAC1C,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;;QAG5B,IAAI,QAAQ,GAAG,EAAE;AACjB,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,UAAU,EAAE;YAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAC1D,YAAA,QAAQ,GAAG,IAAI,KAAK,EAAE,GAAG,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE,GAAG,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,IAAI,EAAE;QAC5D;aAAO;AACH,YAAA,QAAQ,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE;QAC7B;QAEA,OAAO;AACH,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,QAAQ,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM;YAClC,IAAI,EAAE,IAAI,CAAC,IAAI;SAClB;AACL,IAAA,CAAC,CAAC;AACV;AAEM,SAAU,QAAQ,CAAC,IAAS,EAAE,GAAY,EAAA;AAC5C,IAAA,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ;AAAE,QAAA,OAAO,IAAI;IAElD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,IAAI,EAAE;IAEtC,OAAO;QACH,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,EAAE,IAAI,GAAG;AACrD,QAAA,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,EAAE;QACnB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,MAAM,EAAE,IAAI,CAAC,MAAM;KACtB;AACL;AAEM,SAAU,iBAAiB,CAAC,IAAS,EAAE,GAAY,EAAA;AACrD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;AAEpB,IAAA,IAAI,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;AAC3C,QAAA,IAAI,GAAG,IAAI,CAAC,MAAM;IACtB;AAEA,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;AACrB,QAAA,OAAO;AACF,aAAA,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ;AAC9C,aAAA,GAAG,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC;aAC/B,MAAM,CAAC,CAAC,GAAG,KAAyB,CAAC,CAAC,GAAG,CAAC;IACnD;IAEA,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC;IAClC,OAAO,MAAM,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE;AACjC;;AC9DA;;AAEG;;;;"}

package/mapper/component-mappers/index.d.ts

@@ -11,4 +11,5 @@ export * from './section-intro.mapper';
 export * from './social-footer.mapper';
 export * from './split-previewer.mapper';
 export * from './visual-footer.mapper';
+export * from './media-split.mapper';
 export declare const componentMappers: Record<string, (props: any, cdn?: string) => any>;

package/mapper/component-mappers/media-split.mapper.d.ts

@@ -0,0 +1,2 @@
+import { ComponentMapperFn } from './types';
+export declare const mapMediaSplit: ComponentMapperFn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lluc_llull/ui-lib",
-  "version": "0.22.10",
+  "version": "0.23.0",
   "description": "Angular UI component library",
   "author": "lluc_llull",
   "license": "MIT",
@@ -61,14 +61,14 @@
       "types": "./feedback/index.d.ts",
       "default": "./fesm2022/lluc_llull-ui-lib-feedback.mjs"
     },
-    "./footers": {
-      "types": "./footers/index.d.ts",
-      "default": "./fesm2022/lluc_llull-ui-lib-footers.mjs"
-    },
     "./headers": {
       "types": "./headers/index.d.ts",
       "default": "./fesm2022/lluc_llull-ui-lib-headers.mjs"
     },
+    "./footers": {
+      "types": "./footers/index.d.ts",
+      "default": "./fesm2022/lluc_llull-ui-lib-footers.mjs"
+    },
     "./interfaces": {
       "types": "./interfaces/index.d.ts",
       "default": "./fesm2022/lluc_llull-ui-lib-interfaces.mjs"