@lluc_llull/ui-lib 0.15.2 → 0.16.1

package/{lib/components/core/content → content}/hero-section/hero-section.component.d.ts

@@ -1,4 +1,4 @@
-import { UiLibButtonI } from '../../../../interfaces/ui-lib-button.interface';
+import { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';
 import * as i0 from "@angular/core";
 export declare class HeroSectionComponent {
     pretitle?: string;

package/{lib/components/core/content → content}/hero-section/hero-section.interface.d.ts

@@ -1,4 +1,4 @@
-import { UiLibButtonI } from '../../../../interfaces';
+import { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';
 export interface HeroSectionI {
     pretitle?: string;
     title?: string;

package/{lib/components/core/content → content}/section-intro/section-intro.component.d.ts

@@ -1,4 +1,4 @@
-import { UiLibButtonI } from '../../../../interfaces';
+import { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';
 import * as i0 from "@angular/core";
 export declare class SectionIntroComponent {
     pretitle?: string;

package/{lib/directives → directives}/link-type.directive.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
-import { LinkType } from '../enums/link-type.enum';
+import { LinkType } from '@lluc_llull/ui-lib/enums';
 import * as i0 from "@angular/core";
 export declare class LinkTypeDirective implements OnInit {
     private readonly router;

package/enums/index.d.ts

@@ -0,0 +1 @@
+export * from './link-type.enum';

package/{lib/components/core/feedback → feedback}/404/404.component.d.ts

@@ -1,4 +1,4 @@
-import { UiLibButtonI } from '../../../../interfaces';
+import { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';
 import * as i0 from "@angular/core";
 export declare class NotFoundComponent {
     title?: string;

package/{lib/components/core/feedback → feedback}/404/404.inteface.d.ts

@@ -1,4 +1,4 @@
-import { UiLibButtonI } from '../../../../interfaces/ui-lib-button.interface';
+import { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';
 export interface NotFoundI {
     title?: string;
     subtitle?: string;

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

@@ -0,0 +1,104 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { LinkTypeDirective } from '@lluc_llull/ui-lib/directives';
+import { LinkType } from '@lluc_llull/ui-lib/enums';
+
+class CategoryProgressComponent {
+    pretitle;
+    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\">\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\">{{ category.title }}</h3>\n\n        @for (item of category.items; track $index) {\n          <div class=\"item\">\n            <span class=\"label\">{{ item.label }}</span>\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: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.category-progress{text-align:start;padding:2rem 10rem;align-items:start}@media (max-width: 768px){.category-progress{padding:2rem 4rem}}.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}.item .label{font-size:.9rem;margin-bottom:.3rem;display:block}.item .bar{background-color:var(--progress-bg);height:6px;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 }], 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], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"category-progress\">\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\">{{ category.title }}</h3>\n\n        @for (item of category.items; track $index) {\n          <div class=\"item\">\n            <span class=\"label\">{{ item.label }}</span>\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: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.category-progress{text-align:start;padding:2rem 10rem;align-items:start}@media (max-width: 768px){.category-progress{padding:2rem 4rem}}.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}.item .label{font-size:.9rem;margin-bottom:.3rem;display:block}.item .bar{background-color:var(--progress-bg);height:6px;border-radius:3px;overflow:hidden}.item .bar .fill{background-color:var(--progress-color);height:100%;width:0;transition:width .3s ease}\n"] }]
+        }], propDecorators: { pretitle: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], categories: [{
+                type: Input
+            }] } });
+
+class HeroSectionComponent {
+    pretitle;
+    title;
+    subtitle;
+    text;
+    buttons;
+    highlight;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: HeroSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: HeroSectionComponent, isStandalone: true, selector: "lib-hero-section", inputs: { pretitle: "pretitle", title: "title", subtitle: "subtitle", text: "text", buttons: "buttons", highlight: "highlight" }, ngImport: i0, template: "<div class=\"hero-section\">\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=\"buttons\">\n      @for (button of buttons; track $index) {\n        <a class=\"btn btn-link\" [href]=\"button.url\" [linkType]=\"button.linkType\">\n          <span>{{ button.icon }}</span>\n          {{ button.label }}\n        </a>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;flex:1 1 auto;height:100%}.hero-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.buttons{display:flex;flex-wrap:wrap;justify-content:center}.title{text-transform:uppercase;font-size:4.5rem}.title .highlight-text{cursor:help;display:inline;position:relative;z-index:99}.title .highlight-text .wave-wrapper{position:absolute;top:90%;left:0;width:100%;height:30px;z-index:-1}.title .highlight-text .wave{position:absolute;background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0A<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->%0A<svg version=\"1.1\" id=\"Calque_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0A%09 viewBox=\"0 0 27.6 8.4\" style=\"enable-background:new 0 0 27.6 8.4;\" xml:space=\"preserve\">%0A<style type=\"text/css\">%0A%09.st0{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-miterlimit:10;}%0A<\\/style>%0A<path class=\"st0\" d=\"M0,1c2.7,0,5.2,1.2,6.9,3.2s4.2,3.2,6.9,3.2c2.7,0,5.2-1.2,6.9-3.2S24.9,1,27.6,1\"/>%0A</svg>%0A');background-repeat:repeat-x;background-position-x:0;background-position-y:0;top:-1.2rem;opacity:.5;width:100%;height:50%}.title .highlight-text:hover .wave{animation:moveWave 5s infinite linear}@media (max-width: 768px){.title .highlight-text{display:block;margin-top:.5rem}}@keyframes moveWave{0%{background-position-x:0}to{background-position-x:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: HeroSectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-hero-section', standalone: true, imports: [CommonModule, LinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"hero-section\">\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=\"buttons\">\n      @for (button of buttons; track $index) {\n        <a class=\"btn btn-link\" [href]=\"button.url\" [linkType]=\"button.linkType\">\n          <span>{{ button.icon }}</span>\n          {{ button.label }}\n        </a>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;flex:1 1 auto;height:100%}.hero-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.buttons{display:flex;flex-wrap:wrap;justify-content:center}.title{text-transform:uppercase;font-size:4.5rem}.title .highlight-text{cursor:help;display:inline;position:relative;z-index:99}.title .highlight-text .wave-wrapper{position:absolute;top:90%;left:0;width:100%;height:30px;z-index:-1}.title .highlight-text .wave{position:absolute;background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0A<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->%0A<svg version=\"1.1\" id=\"Calque_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0A%09 viewBox=\"0 0 27.6 8.4\" style=\"enable-background:new 0 0 27.6 8.4;\" xml:space=\"preserve\">%0A<style type=\"text/css\">%0A%09.st0{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-miterlimit:10;}%0A<\\/style>%0A<path class=\"st0\" d=\"M0,1c2.7,0,5.2,1.2,6.9,3.2s4.2,3.2,6.9,3.2c2.7,0,5.2-1.2,6.9-3.2S24.9,1,27.6,1\"/>%0A</svg>%0A');background-repeat:repeat-x;background-position-x:0;background-position-y:0;top:-1.2rem;opacity:.5;width:100%;height:50%}.title .highlight-text:hover .wave{animation:moveWave 5s infinite linear}@media (max-width: 768px){.title .highlight-text{display:block;margin-top:.5rem}}@keyframes moveWave{0%{background-position-x:0}to{background-position-x:100%}}\n"] }]
+        }], propDecorators: { pretitle: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], buttons: [{
+                type: Input
+            }], highlight: [{
+                type: Input
+            }] } });
+
+var heroSection_stories = {
+    title: 'Core/Content/HeroSection',
+    component: HeroSectionComponent,
+    tags: ['autodocs'],
+    argTypes: {
+        title: { control: 'text' },
+        subtitle: { control: 'text' },
+        text: { control: 'text' },
+        buttons: { control: 'object' },
+    },
+};
+const Default = {
+    args: {
+        title: 'Título de ejemplo',
+        subtitle: 'Subtítulo de ejemplo',
+        text: 'Texto descriptivo de ejemplo para el Hero Section.',
+        buttons: [
+            { label: 'Botón 1', url: 'https://www.google.com', linkType: LinkType.External },
+            { label: 'Botón 2', url: 'https://www.google.com', linkType: LinkType.External },
+        ],
+    },
+};
+
+class SectionIntroComponent {
+    pretitle;
+    title;
+    subtitle;
+    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\">\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    <a [href]=\"button.url\" [linkType]=\"button.linkType\" class=\"btn btn-link\">\n      {{ button.label }}\n    </a>\n  }\n</div>\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.section-intro{text-align:start;padding:2rem 10rem;align-items:start}@media (max-width: 768px){.section-intro{padding:2rem 4rem}}.title,.subtitle{text-transform:uppercase}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }], 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], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section-intro\">\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    <a [href]=\"button.url\" [linkType]=\"button.linkType\" class=\"btn btn-link\">\n      {{ button.label }}\n    </a>\n  }\n</div>\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.section-intro{text-align:start;padding:2rem 10rem;align-items:start}@media (max-width: 768px){.section-intro{padding:2rem 4rem}}.title,.subtitle{text-transform:uppercase}\n"] }]
+        }], propDecorators: { pretitle: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], button: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CategoryProgressComponent, Default, HeroSectionComponent, SectionIntroComponent };
+//# sourceMappingURL=lluc_llull-ui-lib-content.mjs.map

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

@@ -0,0 +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/lluc_llull-ui-lib-content.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n    selector: 'lib-category-progress',\n    standalone: true,\n    imports: [CommonModule],\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\">\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\">{{ category.title }}</h3>\n\n        @for (item of category.items; track $index) {\n          <div class=\"item\">\n            <span class=\"label\">{{ item.label }}</span>\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 } from '@lluc_llull/ui-lib/directives';\nimport { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\n\n@Component({\n    selector: 'lib-hero-section',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective],\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\">\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=\"buttons\">\n      @for (button of buttons; track $index) {\n        <a class=\"btn btn-link\" [href]=\"button.url\" [linkType]=\"button.linkType\">\n          <span>{{ button.icon }}</span>\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 } from '@lluc_llull/ui-lib/directives';\nimport { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\n\n@Component({\n    selector: 'lib-section-intro',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective],\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\">\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    <a [href]=\"button.url\" [linkType]=\"button.linkType\" class=\"btn btn-link\">\n      {{ button.label }}\n    </a>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,121 @@
+import { isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, PLATFORM_ID, HostListener, Output, Input, Directive } from '@angular/core';
+export { LinkType } from '@lluc_llull/ui-lib/enums';
+import * as i1 from '@angular/router';
+
+class LinkTypeDirective {
+    router;
+    elRef;
+    linkType;
+    href;
+    anchorClicked = new EventEmitter();
+    platformId = inject(PLATFORM_ID);
+    isBrowser = isPlatformBrowser(this.platformId);
+    constructor(router, elRef) {
+        this.router = router;
+        this.elRef = elRef;
+    }
+    ngOnInit() {
+        this.setupAttributes();
+    }
+    onClick(event) {
+        if (!this.linkType || !this.href)
+            return;
+        switch (this.linkType) {
+            case 'internal':
+                event.preventDefault();
+                this.navigateInternal(this.href);
+                break;
+            case 'anchor':
+                event.preventDefault();
+                this.scrollToAnchor(this.href);
+                break;
+            case 'nolink':
+                event.preventDefault();
+                break;
+            case 'external':
+            case 'pdf':
+            default:
+                break;
+        }
+    }
+    setupAttributes() {
+        const element = this.elRef.nativeElement;
+        const resolvedHref = this.resolveHref();
+        if (!resolvedHref)
+            return;
+        element.setAttribute('href', resolvedHref);
+        if (this.linkType === 'external' || this.linkType === 'pdf') {
+            element.setAttribute('target', '_blank');
+            element.setAttribute('rel', 'noopener noreferrer nofollow');
+        }
+    }
+    resolveHref() {
+        if (!this.href)
+            return '';
+        // si ya es absoluta, no tocarla
+        if (this.href.startsWith('/')) {
+            return this.href;
+        }
+        if (this.linkType === 'internal') {
+            const lang = this.getCurrentLang();
+            return `/${lang}/${this.href}`;
+        }
+        return this.href;
+    }
+    navigateInternal(url) {
+        // si ya es absoluta, navega directamente
+        if (url.startsWith('/')) {
+            this.router.navigateByUrl(url);
+            return;
+        }
+        const lang = this.getCurrentLang();
+        this.anchorClicked.emit();
+        this.router.navigate(['/', lang, url]);
+    }
+    getCurrentLang() {
+        const firstSegment = this.router.url.split('?')[0].split('#')[0].split('/')[1];
+        return firstSegment || 'es';
+    }
+    scrollToAnchor(id) {
+        if (!this.isBrowser)
+            return;
+        const cleanId = id.replace(/^#/, '');
+        const el = document.getElementById(cleanId);
+        if (!el)
+            return;
+        const yOffset = -160;
+        const y = el.getBoundingClientRect().top + window.scrollY + yOffset;
+        window.scrollTo({
+            top: y,
+            behavior: 'smooth',
+        });
+        this.anchorClicked.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LinkTypeDirective, deps: [{ token: i1.Router }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: LinkTypeDirective, isStandalone: true, selector: "[linkType]", inputs: { linkType: "linkType", href: "href" }, outputs: { anchorClicked: "anchorClicked" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LinkTypeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[linkType]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i0.ElementRef }], propDecorators: { linkType: [{
+                type: Input
+            }], href: [{
+                type: Input
+            }], anchorClicked: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LinkTypeDirective };
+//# sourceMappingURL=lluc_llull-ui-lib-directives.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lluc_llull-ui-lib-directives.mjs","sources":["../../../projects/ui-lib/directives/link-type.directive.ts","../../../projects/ui-lib/directives/lluc_llull-ui-lib-directives.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n    Directive,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    Input,\n    OnInit,\n    Output,\n    PLATFORM_ID,\n    inject,\n} from '@angular/core';\nimport { Router } from '@angular/router';\nimport { LinkType } from '@lluc_llull/ui-lib/enums';\n\n@Directive({\n    selector: '[linkType]',\n    standalone: true,\n})\nexport class LinkTypeDirective implements OnInit {\n    @Input() linkType?: LinkType;\n    @Input() href?: string;\n    @Output() anchorClicked = new EventEmitter<void>();\n\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly isBrowser = isPlatformBrowser(this.platformId);\n\n    constructor(\n        private readonly router: Router,\n        private readonly elRef: ElementRef<HTMLAnchorElement>,\n    ) {}\n\n    ngOnInit(): void {\n        this.setupAttributes();\n    }\n\n    @HostListener('click', ['$event'])\n    onClick(event: Event): void {\n        if (!this.linkType || !this.href) return;\n\n        switch (this.linkType) {\n            case 'internal':\n                event.preventDefault();\n                this.navigateInternal(this.href);\n                break;\n\n            case 'anchor':\n                event.preventDefault();\n                this.scrollToAnchor(this.href);\n                break;\n\n            case 'nolink':\n                event.preventDefault();\n                break;\n\n            case 'external':\n            case 'pdf':\n            default:\n                break;\n        }\n    }\n\n    private setupAttributes(): void {\n        const element = this.elRef.nativeElement;\n        const resolvedHref = this.resolveHref();\n\n        if (!resolvedHref) return;\n\n        element.setAttribute('href', resolvedHref);\n\n        if (this.linkType === 'external' || this.linkType === 'pdf') {\n            element.setAttribute('target', '_blank');\n            element.setAttribute('rel', 'noopener noreferrer nofollow');\n        }\n    }\n\n    private resolveHref(): string {\n        if (!this.href) return '';\n\n        // si ya es absoluta, no tocarla\n        if (this.href.startsWith('/')) {\n            return this.href;\n        }\n\n        if (this.linkType === 'internal') {\n            const lang = this.getCurrentLang();\n            return `/${lang}/${this.href}`;\n        }\n\n        return this.href;\n    }\n\n    private navigateInternal(url: string): void {\n        // si ya es absoluta, navega directamente\n        if (url.startsWith('/')) {\n            this.router.navigateByUrl(url);\n            return;\n        }\n\n        const lang = this.getCurrentLang();\n\n        this.anchorClicked.emit();\n        this.router.navigate(['/', lang, url]);\n    }\n\n    private getCurrentLang(): string {\n        const firstSegment = this.router.url.split('?')[0].split('#')[0].split('/')[1];\n        return firstSegment || 'es';\n    }\n\n    private scrollToAnchor(id: string): void {\n        if (!this.isBrowser) return;\n\n        const cleanId = id.replace(/^#/, '');\n        const el = document.getElementById(cleanId);\n        if (!el) return;\n\n        const yOffset = -160;\n        const y = el.getBoundingClientRect().top + window.scrollY + yOffset;\n\n        window.scrollTo({\n            top: y,\n            behavior: 'smooth',\n        });\n\n        this.anchorClicked.emit();\n    }\n}\n\nexport { LinkType };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/{lluc_llull-ui-lib-src-lib-effects.mjs → lluc_llull-ui-lib-effects.mjs}

@@ -141,4 +141,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  */
 
 export { DynamicBackgroundComponent };
-//# sourceMappingURL=lluc_llull-ui-lib-src-lib-effects.mjs.map
+//# sourceMappingURL=lluc_llull-ui-lib-effects.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lluc_llull-ui-lib-effects.mjs","sources":["../../../projects/ui-lib/effects/dynamic-background/effects/sphere-deform/sphere-deform.effect.ts","../../../projects/ui-lib/effects/dynamic-background/effects/effect-registry.ts","../../../projects/ui-lib/effects/dynamic-background/dynamic-background.component.ts","../../../projects/ui-lib/effects/dynamic-background/dynamic-background.component.html","../../../projects/ui-lib/effects/lluc_llull-ui-lib-effects.ts"],"sourcesContent":["import * as THREE from 'three';\nimport { DynamicEffect } from '../dynamic-effect.interface';\n\nexport class SphereDeformEffect implements DynamicEffect {\n    private mesh!: THREE.Mesh;\n    private time = 0;\n\n    constructor(\n        private size: number,\n        private rotationSpeed: number,\n        private color?: string,\n    ) {}\n\n    init(scene: THREE.Scene, _options: any): void {\n        const geometry = new THREE.SphereGeometry(this.size, 128, 128);\n\n        const material = this.color\n            ? new THREE.MeshStandardMaterial({ color: this.color, flatShading: true })\n            : new THREE.MeshNormalMaterial({ flatShading: true });\n\n        this.mesh = new THREE.Mesh(geometry, material);\n        scene.add(this.mesh);\n    }\n\n    animate(): void {\n        this.time += 0.02;\n        const positionAttr = this.mesh.geometry.attributes['position'] as THREE.BufferAttribute;\n        const vertex = new THREE.Vector3();\n\n        for (let i = 0; i < positionAttr.count; i++) {\n            vertex.fromBufferAttribute(positionAttr, i);\n\n            const offset =\n                Math.sin(vertex.x * 3 + this.time) * 0.2 +\n                Math.cos(vertex.y * 5 + this.time * 0.7) * 0.2;\n\n            vertex.normalize().multiplyScalar(this.size + offset);\n\n            positionAttr.setXYZ(i, vertex.x, vertex.y, vertex.z);\n        }\n\n        positionAttr.needsUpdate = true;\n        this.mesh.geometry.computeVertexNormals();\n\n        this.mesh.rotation.y += this.rotationSpeed;\n    }\n\n    dispose(): void {\n        this.mesh?.geometry.dispose();\n        (this.mesh?.material as THREE.Material)?.dispose();\n    }\n}\n","import { DynamicEffect } from './dynamic-effect.interface';\nimport { SphereDeformEffect } from './sphere-deform/sphere-deform.effect';\n// import { RingTransformEffect } from './ring-transform/ring-transform.effect';\n// import { ParticlesEffect } from './particles/particles.effect';\n\nexport type EffectKey = 'sphere-deform' | 'ring-transform' | 'particles';\n\nexport const EFFECT_REGISTRY: Partial<Record<EffectKey, new (...args: any[]) => DynamicEffect>> = {\n    'sphere-deform': SphereDeformEffect,\n    // 'ring-transform': RingTransformEffect,\n    // 'particles': ParticlesEffect,\n};\n","import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    Input,\n    OnDestroy,\n    OnInit,\n    PLATFORM_ID,\n    ViewChild,\n    inject,\n} from '@angular/core';\nimport * as THREE from 'three';\nimport { DynamicEffect } from './effects/dynamic-effect.interface';\nimport { EFFECT_REGISTRY, EffectKey } from './effects/effect-registry';\n\n@Component({\n    selector: 'lib-dynamic-background',\n    standalone: true,\n    imports: [CommonModule],\n    templateUrl: './dynamic-background.component.html',\n    styleUrl: './dynamic-background.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DynamicBackgroundComponent implements OnInit, OnDestroy {\n    @ViewChild('bgCanvas', { static: true }) canvasRef!: ElementRef<HTMLCanvasElement>;\n\n    @Input() effect: EffectKey = 'sphere-deform';\n    @Input() rotationSpeed = 0.01;\n    @Input() size = 2;\n    @Input() backgroundColor = '#000000';\n    @Input() elementColor?: string;\n\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly isBrowser = isPlatformBrowser(this.platformId);\n\n    private scene!: THREE.Scene;\n    private camera!: THREE.PerspectiveCamera;\n    private renderer!: THREE.WebGLRenderer;\n    private animationId!: number;\n\n    private currentEffect!: DynamicEffect;\n\n    ngOnInit(): void {\n        if (this.isBrowser) {\n            this.initScene();\n            this.loadEffect();\n            this.animate();\n            window.addEventListener('resize', this.onResize);\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (this.isBrowser) {\n            cancelAnimationFrame(this.animationId);\n            this.renderer?.dispose();\n            this.currentEffect?.dispose();\n            window.removeEventListener('resize', this.onResize);\n        }\n    }\n\n    private initScene(): void {\n        const width = window.innerWidth;\n        const height = window.innerHeight;\n\n        this.scene = new THREE.Scene();\n        this.scene.background = new THREE.Color(this.backgroundColor);\n\n        this.camera = new THREE.PerspectiveCamera(75, width / height, 0.1, 1000);\n        this.camera.position.z = 5;\n\n        this.renderer = new THREE.WebGLRenderer({\n            canvas: this.canvasRef.nativeElement,\n            antialias: true,\n        });\n        this.renderer.setSize(width, height);\n\n        const light = new THREE.DirectionalLight(0xffffff, 1);\n        light.position.set(5, 5, 5).normalize();\n        this.scene.add(light);\n    }\n\n    private loadEffect(): void {\n        const EffectClass = EFFECT_REGISTRY[this.effect];\n        if (!EffectClass) {\n            throw new Error(`Efecto \"${this.effect}\" no está registrado en EFFECT_REGISTRY`);\n        }\n        this.currentEffect = new EffectClass(this.size, this.rotationSpeed, this.elementColor);\n        this.currentEffect.init(this.scene, {});\n    }\n\n    private animate = (): void => {\n        this.animationId = requestAnimationFrame(this.animate);\n        this.currentEffect.animate();\n        this.renderer.render(this.scene, this.camera);\n    };\n\n    private onResize = (): void => {\n        const width = window.innerWidth;\n        const height = window.innerHeight;\n        this.camera.aspect = width / height;\n        this.camera.updateProjectionMatrix();\n        this.renderer.setSize(width, height);\n    };\n}\n","<canvas #bgCanvas class=\"dynamic-bg-canvas\"></canvas>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+var LinkType;
+(function (LinkType) {
+    LinkType["Internal"] = "internal";
+    LinkType["External"] = "external";
+    LinkType["Anchor"] = "anchor";
+    LinkType["Pdf"] = "pdf";
+    LinkType["NoLink"] = "nolink";
+})(LinkType || (LinkType = {}));
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LinkType };
+//# sourceMappingURL=lluc_llull-ui-lib-enums.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lluc_llull-ui-lib-enums.mjs","sources":["../../../projects/ui-lib/enums/link-type.enum.ts","../../../projects/ui-lib/enums/lluc_llull-ui-lib-enums.ts"],"sourcesContent":["export enum LinkType {\n    Internal = 'internal',\n    External = 'external',\n    Anchor = 'anchor',\n    Pdf = 'pdf',\n    NoLink = 'nolink',\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,QAAQ,EAAA;AAChB,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,QAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACrB,CAAC,EANW,QAAQ,KAAR,QAAQ,GAAA,EAAA,CAAA,CAAA;;ACApB;;AAEG;;;;"}

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

@@ -0,0 +1,32 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { LinkTypeDirective } from '@lluc_llull/ui-lib/directives';
+
+class NotFoundComponent {
+    title;
+    subtitle;
+    highlight;
+    button;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: NotFoundComponent, isStandalone: true, selector: "lib-404", inputs: { title: "title", subtitle: "subtitle", highlight: "highlight", button: "button" }, ngImport: i0, template: "<div class=\"notfound\">\n  <div class=\"notfound__content\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\">{{ subtitle }}</h2>\n    }\n\n    @if (button) {\n      <a\n        [href]=\"button.url\"\n        [linkType]=\"button.linkType\"\n        class=\"btn btn-primary btn-primary--outline\"\n      >\n        <span>\u2197</span> {{ button.label }}\n      </a>\n    }\n  </div>\n\n  @if (highlight) {\n    <div class=\"notfound__highlight\">\n      {{ highlight }}\n    </div>\n  }\n</div>", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.notfound{min-height:100%;overflow:hidden;padding:6rem 4rem 0}.notfound__content{max-width:55rem;position:relative;z-index:2}.notfound__title{font-size:3rem;font-weight:600;font-family:var(--font-base);margin:0}.notfound__subtitle{font-size:3rem;font-weight:600;line-height:1.2;font-family:var(--font-base);padding-block:0 1rem;margin:0}.notfound__highlight{position:fixed;bottom:0;left:50%;transform:translate(-50%,33%);font-size:38rem;color:var(--color-primary);font-family:var(--font-titles);z-index:1;pointer-events:none}@media (max-width: 768px){.notfound__highlight{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NotFoundComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-404', standalone: true, imports: [CommonModule, LinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"notfound\">\n  <div class=\"notfound__content\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\">{{ subtitle }}</h2>\n    }\n\n    @if (button) {\n      <a\n        [href]=\"button.url\"\n        [linkType]=\"button.linkType\"\n        class=\"btn btn-primary btn-primary--outline\"\n      >\n        <span>\u2197</span> {{ button.label }}\n      </a>\n    }\n  </div>\n\n  @if (highlight) {\n    <div class=\"notfound__highlight\">\n      {{ highlight }}\n    </div>\n  }\n</div>", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.notfound{min-height:100%;overflow:hidden;padding:6rem 4rem 0}.notfound__content{max-width:55rem;position:relative;z-index:2}.notfound__title{font-size:3rem;font-weight:600;font-family:var(--font-base);margin:0}.notfound__subtitle{font-size:3rem;font-weight:600;line-height:1.2;font-family:var(--font-base);padding-block:0 1rem;margin:0}.notfound__highlight{position:fixed;bottom:0;left:50%;transform:translate(-50%,33%);font-size:38rem;color:var(--color-primary);font-family:var(--font-titles);z-index:1;pointer-events:none}@media (max-width: 768px){.notfound__highlight{display:none}}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], highlight: [{
+                type: Input
+            }], button: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NotFoundComponent };
+//# sourceMappingURL=lluc_llull-ui-lib-feedback.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lluc_llull-ui-lib-feedback.mjs","sources":["../../../projects/ui-lib/feedback/404/404.component.ts","../../../projects/ui-lib/feedback/404/404.component.html","../../../projects/ui-lib/feedback/lluc_llull-ui-lib-feedback.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\nimport { LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\n\n@Component({\n    selector: 'lib-404',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective],\n    templateUrl: './404.component.html',\n    styleUrl: './404.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NotFoundComponent {\n    @Input() title?: string;\n    @Input() subtitle?: string;\n    @Input() highlight?: string;\n    @Input() button?: UiLibButtonI;\n}\n","<div class=\"notfound\">\n  <div class=\"notfound__content\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\">{{ subtitle }}</h2>\n    }\n\n    @if (button) {\n      <a\n        [href]=\"button.url\"\n        [linkType]=\"button.linkType\"\n        class=\"btn btn-primary btn-primary--outline\"\n      >\n        <span>↗</span> {{ button.label }}\n      </a>\n    }\n  </div>\n\n  @if (highlight) {\n    <div class=\"notfound__highlight\">\n      {{ highlight }}\n    </div>\n  }\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAaa,iBAAiB,CAAA;AACjB,IAAA,KAAK;AACL,IAAA,QAAQ;AACR,IAAA,SAAS;AACT,IAAA,MAAM;wGAJN,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECb9B,+kBA0BM,EAAA,MAAA,EAAA,CAAA,kzBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDlBQ,YAAY,+BAAE,iBAAiB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAKhC,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;+BACI,SAAS,EAAA,UAAA,EACP,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,iBAAiB,CAAC,EAAA,eAAA,EAGzB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+kBAAA,EAAA,MAAA,EAAA,CAAA,kzBAAA,CAAA,EAAA;8BAGtC,KAAK,EAAA,CAAA;sBAAb;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,MAAM,EAAA,CAAA;sBAAd;;;AEjBL;;AAEG;;;;"}