@lluc_llull/ui-lib 0.33.10 → 0.34.1

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

@@ -1,35 +1,98 @@
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-import { LinkTypeDirective, HighlightDirective } from '@lluc_llull/ui-lib/directives';
-import { UiIconComponent } from '@lluc_llull/ui-lib/shared';
-
-class NotFoundComponent {
-    title;
-    subtitle;
-    highlight;
-    button;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: NotFoundComponent, isStandalone: true, selector: "lib-404", inputs: { title: "title", subtitle: "subtitle", highlight: "highlight", button: "button" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: "<div class=\"notfound main-grid col-span-full md:col-span-12 md:col-start-1\">\n  \n  <!-- CONTENT -->\n  <div class=\"notfound__content col-span-full md:col-span-5 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\" [highlight]=\"'#FFFFFF'\">\n        {{ subtitle }}\n      </h2>\n    }\n\n    @if (button) {\n      <div class=\"btn-group\">\n        <a\n          [href]=\"button.url\"\n          [linkType]=\"button.linkType\"\n          class=\"btn btn-primary btn-primary--outline\"\n        >\n          <ui-icon\n            [name]=\"button.icon!\"\n            [size]=\"17\"\n            [color]=\"'var(--color-primary)'\"\n          ></ui-icon>\n          {{ button.label }}\n        </a>\n      </div>\n    }\n  </div>\n\n  <!-- BIG NUMBER -->\n  @if (highlight) {\n    <div class=\"notfound__highlight col-span-full\">\n      {{ highlight }}\n    </div>\n  }\n</div>", styles: [".notfound{min-height:84dvh;overflow:hidden}.notfound__content{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:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:38rem;line-height:.8;color:var(--color-primary);font-family:var(--font-titles);z-index:1;pointer-events:none}@media(max-width:1024px){.notfound__highlight{font-size:12rem;bottom:5rem}.notfound .btn-group{width:10rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }, { kind: "directive", type: HighlightDirective, selector: "[highlight]", inputs: ["highlight", "highlightThickness"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotFoundComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-404', standalone: true, imports: [CommonModule, LinkTypeDirective, HighlightDirective, UiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        style: 'display: contents',
-                    }, template: "<div class=\"notfound main-grid col-span-full md:col-span-12 md:col-start-1\">\n  \n  <!-- CONTENT -->\n  <div class=\"notfound__content col-span-full md:col-span-5 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\" [highlight]=\"'#FFFFFF'\">\n        {{ subtitle }}\n      </h2>\n    }\n\n    @if (button) {\n      <div class=\"btn-group\">\n        <a\n          [href]=\"button.url\"\n          [linkType]=\"button.linkType\"\n          class=\"btn btn-primary btn-primary--outline\"\n        >\n          <ui-icon\n            [name]=\"button.icon!\"\n            [size]=\"17\"\n            [color]=\"'var(--color-primary)'\"\n          ></ui-icon>\n          {{ button.label }}\n        </a>\n      </div>\n    }\n  </div>\n\n  <!-- BIG NUMBER -->\n  @if (highlight) {\n    <div class=\"notfound__highlight col-span-full\">\n      {{ highlight }}\n    </div>\n  }\n</div>", styles: [".notfound{min-height:84dvh;overflow:hidden}.notfound__content{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:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:38rem;line-height:.8;color:var(--color-primary);font-family:var(--font-titles);z-index:1;pointer-events:none}@media(max-width:1024px){.notfound__highlight{font-size:12rem;bottom:5rem}.notfound .btn-group{width:10rem}}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], subtitle: [{
-                type: Input
-            }], highlight: [{
-                type: Input
-            }], button: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+import { HighlightDirective, LinkTypeDirective } from "@lluc_llull/ui-lib/directives";
+import { UiIconComponent } from "@lluc_llull/ui-lib/shared";
+var NotFoundComponent = class NotFoundComponent {
+	title;
+	subtitle;
+	highlight;
+	button;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: NotFoundComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: NotFoundComponent,
+		isStandalone: true,
+		selector: "lib-404",
+		inputs: {
+			title: "title",
+			subtitle: "subtitle",
+			highlight: "highlight",
+			button: "button"
+		},
+		host: { styleAttribute: "display: contents" },
+		ngImport: i0,
+		template: "<div class=\"notfound main-grid col-span-full md:col-span-12 md:col-start-1\">\n  \n  <!-- CONTENT -->\n  <div class=\"notfound__content col-span-full md:col-span-5 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\" [highlight]=\"'#FFFFFF'\">\n        {{ subtitle }}\n      </h2>\n    }\n\n    @if (button) {\n      <div class=\"btn-group\">\n        <a\n          [href]=\"button.url\"\n          [linkType]=\"button.linkType\"\n          class=\"btn btn-primary btn-primary--outline\"\n        >\n          <ui-icon\n            [name]=\"button.icon!\"\n            [size]=\"17\"\n            [color]=\"'var(--color-primary)'\"\n          ></ui-icon>\n          {{ button.label }}\n        </a>\n      </div>\n    }\n  </div>\n\n  <!-- BIG NUMBER -->\n  @if (highlight) {\n    <div class=\"notfound__highlight col-span-full\">\n      {{ highlight }}\n    </div>\n  }\n</div>",
+		styles: [".notfound{min-height:84dvh;overflow:hidden}.notfound__content{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:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:38rem;line-height:.8;color:var(--color-primary);font-family:var(--font-titles);z-index:1;pointer-events:none}@media(max-width:1024px){.notfound__highlight{font-size:12rem;bottom:5rem}.notfound .btn-group{width:10rem}}\n"],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: LinkTypeDirective,
+				selector: "[linkType]",
+				inputs: ["linkType", "href"],
+				outputs: ["anchorClicked"]
+			},
+			{
+				kind: "directive",
+				type: HighlightDirective,
+				selector: "[highlight]",
+				inputs: ["highlight", "highlightThickness"]
+			},
+			{
+				kind: "component",
+				type: UiIconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"name",
+					"size",
+					"color"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: NotFoundComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-404",
+			standalone: true,
+			imports: [
+				CommonModule,
+				LinkTypeDirective,
+				HighlightDirective,
+				UiIconComponent
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { style: "display: contents" },
+			template: "<div class=\"notfound main-grid col-span-full md:col-span-12 md:col-start-1\">\n  \n  <!-- CONTENT -->\n  <div class=\"notfound__content col-span-full md:col-span-5 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\" [highlight]=\"'#FFFFFF'\">\n        {{ subtitle }}\n      </h2>\n    }\n\n    @if (button) {\n      <div class=\"btn-group\">\n        <a\n          [href]=\"button.url\"\n          [linkType]=\"button.linkType\"\n          class=\"btn btn-primary btn-primary--outline\"\n        >\n          <ui-icon\n            [name]=\"button.icon!\"\n            [size]=\"17\"\n            [color]=\"'var(--color-primary)'\"\n          ></ui-icon>\n          {{ button.label }}\n        </a>\n      </div>\n    }\n  </div>\n\n  <!-- BIG NUMBER -->\n  @if (highlight) {\n    <div class=\"notfound__highlight col-span-full\">\n      {{ highlight }}\n    </div>\n  }\n</div>",
+			styles: [".notfound{min-height:84dvh;overflow:hidden}.notfound__content{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:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:38rem;line-height:.8;color:var(--color-primary);font-family:var(--font-titles);z-index:1;pointer-events:none}@media(max-width:1024px){.notfound__highlight{font-size:12rem;bottom:5rem}.notfound .btn-group{width:10rem}}\n"]
+		}]
+	}],
+	propDecorators: {
+		title: [{ type: Input }],
+		subtitle: [{ type: Input }],
+		highlight: [{ type: Input }],
+		button: [{ type: Input }]
+	}
+});
 export { NotFoundComponent };
-//# sourceMappingURL=lluc_llull-ui-lib-feedback-404.mjs.map
+
+//# sourceMappingURL=lluc_llull-ui-lib-feedback-404.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"lluc_llull-ui-lib-feedback-404.mjs","sources":["../../../projects/ui-lib/feedback/404/404.component.ts","../../../projects/ui-lib/feedback/404/404.component.html","../../../projects/ui-lib/feedback/404/lluc_llull-ui-lib-feedback-404.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\nimport { LinkTypeDirective, HighlightDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n    selector: 'lib-404',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective, HighlightDirective, UiIconComponent],\n    templateUrl: './404.component.html',\n    styleUrl: './404.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\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 main-grid col-span-full md:col-span-12 md:col-start-1\">\n  \n  <!-- CONTENT -->\n  <div class=\"notfound__content col-span-full md:col-span-5 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\" [highlight]=\"'#FFFFFF'\">\n        {{ subtitle }}\n      </h2>\n    }\n\n    @if (button) {\n      <div class=\"btn-group\">\n        <a\n          [href]=\"button.url\"\n          [linkType]=\"button.linkType\"\n          class=\"btn btn-primary btn-primary--outline\"\n        >\n          <ui-icon\n            [name]=\"button.icon!\"\n            [size]=\"17\"\n            [color]=\"'var(--color-primary)'\"\n          ></ui-icon>\n          {{ button.label }}\n        </a>\n      </div>\n    }\n  </div>\n\n  <!-- BIG NUMBER -->\n  @if (highlight) {\n    <div class=\"notfound__highlight col-span-full\">\n      {{ highlight }}\n    </div>\n  }\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAiBa,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;4FAAjB,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,IAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjB9B,69BAsCM,EAAA,MAAA,EAAA,CAAA,wmBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED7BQ,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,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,oBAAA,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,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAQrE,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,cACP,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,eAAe,CAAC,EAAA,eAAA,EAG9D,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,mBAAmB;AAC7B,qBAAA,EAAA,QAAA,EAAA,69BAAA,EAAA,MAAA,EAAA,CAAA,wmBAAA,CAAA,EAAA;8BAGQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,MAAM,EAAA,CAAA;sBAAd;;;AErBL;;AAEG;;;;"}
+{"version":3,"file":"lluc_llull-ui-lib-feedback-404.mjs","names":[],"sources":["../../../projects/ui-lib/feedback/404/404.component.ts","../../../projects/ui-lib/feedback/404/404.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\nimport { LinkTypeDirective, HighlightDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n    selector: 'lib-404',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective, HighlightDirective, UiIconComponent],\n    templateUrl: './404.component.html',\n    styleUrl: './404.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\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 main-grid col-span-full md:col-span-12 md:col-start-1\">\n  \n  <!-- CONTENT -->\n  <div class=\"notfound__content col-span-full md:col-span-5 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\" [highlight]=\"'#FFFFFF'\">\n        {{ subtitle }}\n      </h2>\n    }\n\n    @if (button) {\n      <div class=\"btn-group\">\n        <a\n          [href]=\"button.url\"\n          [linkType]=\"button.linkType\"\n          class=\"btn btn-primary btn-primary--outline\"\n        >\n          <ui-icon\n            [name]=\"button.icon!\"\n            [size]=\"17\"\n            [color]=\"'var(--color-primary)'\"\n          ></ui-icon>\n          {{ button.label }}\n        </a>\n      </div>\n    }\n  </div>\n\n  <!-- BIG NUMBER -->\n  @if (highlight) {\n    <div class=\"notfound__highlight col-span-full\">\n      {{ highlight }}\n    </div>\n  }\n</div>"],"mappings":";;;;;AAiBA,IAAa,oBAAb,MAAa,kBAAiB;CACjB;CACA;CACA;CACA;CAJA,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAiB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAjB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAiB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;GAAA,UAAA;GAAA,WAAA;GAAA,QAAA;EAAA;EAAA,MAAA,EAAA,gBAAA,oBAAA;EAAA,UAAA;EAAA,UCjB9B;EAsCM,QAAA,CAAA,wmBAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MD7BQ;GAAY;GAAA;IAAA,MAAA;IAAA,MAAE;IAAiB,UAAA;IAAA,QAAA,CAAA,YAAA,MAAA;IAAA,SAAA,CAAA,eAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAkB,UAAA;IAAA,QAAA,CAAA,aAAA,oBAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAe,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;IAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAQrE,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiB,YAAA,CAAA;EAX7B,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAS,YACP;GAAI,SACP;IAAC;IAAc;IAAmB;IAAoB;GAAe;GAAC,iBAG9D,wBAAwB;GAAM,MACzC,EACF,OAAO,oBACV;GAAA,UAAA;GAAA,QAAA,CAAA,wmBAAA;EAAA,CAAA;;;E,UAGA,MAAA,M;E,aACA,MAAA,M;E,cACA,MAAA,M;E,WACA,MAAA,M"}

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

@@ -1,35 +1,98 @@
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-import { LinkTypeDirective, HighlightDirective } from '@lluc_llull/ui-lib/directives';
-import { UiIconComponent } from '@lluc_llull/ui-lib/shared';
-
-class NotFoundComponent {
-    title;
-    subtitle;
-    highlight;
-    button;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: NotFoundComponent, isStandalone: true, selector: "lib-404", inputs: { title: "title", subtitle: "subtitle", highlight: "highlight", button: "button" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: "<div class=\"notfound main-grid col-span-full md:col-span-12 md:col-start-1\">\n  \n  <!-- CONTENT -->\n  <div class=\"notfound__content col-span-full md:col-span-5 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\" [highlight]=\"'#FFFFFF'\">\n        {{ subtitle }}\n      </h2>\n    }\n\n    @if (button) {\n      <div class=\"btn-group\">\n        <a\n          [href]=\"button.url\"\n          [linkType]=\"button.linkType\"\n          class=\"btn btn-primary btn-primary--outline\"\n        >\n          <ui-icon\n            [name]=\"button.icon!\"\n            [size]=\"17\"\n            [color]=\"'var(--color-primary)'\"\n          ></ui-icon>\n          {{ button.label }}\n        </a>\n      </div>\n    }\n  </div>\n\n  <!-- BIG NUMBER -->\n  @if (highlight) {\n    <div class=\"notfound__highlight col-span-full\">\n      {{ highlight }}\n    </div>\n  }\n</div>", styles: [".notfound{min-height:84dvh;overflow:hidden}.notfound__content{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:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:38rem;line-height:.8;color:var(--color-primary);font-family:var(--font-titles);z-index:1;pointer-events:none}@media(max-width:1024px){.notfound__highlight{font-size:12rem;bottom:5rem}.notfound .btn-group{width:10rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }, { kind: "directive", type: HighlightDirective, selector: "[highlight]", inputs: ["highlight", "highlightThickness"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NotFoundComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-404', standalone: true, imports: [CommonModule, LinkTypeDirective, HighlightDirective, UiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        style: 'display: contents',
-                    }, template: "<div class=\"notfound main-grid col-span-full md:col-span-12 md:col-start-1\">\n  \n  <!-- CONTENT -->\n  <div class=\"notfound__content col-span-full md:col-span-5 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\" [highlight]=\"'#FFFFFF'\">\n        {{ subtitle }}\n      </h2>\n    }\n\n    @if (button) {\n      <div class=\"btn-group\">\n        <a\n          [href]=\"button.url\"\n          [linkType]=\"button.linkType\"\n          class=\"btn btn-primary btn-primary--outline\"\n        >\n          <ui-icon\n            [name]=\"button.icon!\"\n            [size]=\"17\"\n            [color]=\"'var(--color-primary)'\"\n          ></ui-icon>\n          {{ button.label }}\n        </a>\n      </div>\n    }\n  </div>\n\n  <!-- BIG NUMBER -->\n  @if (highlight) {\n    <div class=\"notfound__highlight col-span-full\">\n      {{ highlight }}\n    </div>\n  }\n</div>", styles: [".notfound{min-height:84dvh;overflow:hidden}.notfound__content{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:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:38rem;line-height:.8;color:var(--color-primary);font-family:var(--font-titles);z-index:1;pointer-events:none}@media(max-width:1024px){.notfound__highlight{font-size:12rem;bottom:5rem}.notfound .btn-group{width:10rem}}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], subtitle: [{
-                type: Input
-            }], highlight: [{
-                type: Input
-            }], button: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+import { HighlightDirective, LinkTypeDirective } from "@lluc_llull/ui-lib/directives";
+import { UiIconComponent } from "@lluc_llull/ui-lib/shared";
+var NotFoundComponent = class NotFoundComponent {
+	title;
+	subtitle;
+	highlight;
+	button;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: NotFoundComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: NotFoundComponent,
+		isStandalone: true,
+		selector: "lib-404",
+		inputs: {
+			title: "title",
+			subtitle: "subtitle",
+			highlight: "highlight",
+			button: "button"
+		},
+		host: { styleAttribute: "display: contents" },
+		ngImport: i0,
+		template: "<div class=\"notfound main-grid col-span-full md:col-span-12 md:col-start-1\">\n  \n  <!-- CONTENT -->\n  <div class=\"notfound__content col-span-full md:col-span-5 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\" [highlight]=\"'#FFFFFF'\">\n        {{ subtitle }}\n      </h2>\n    }\n\n    @if (button) {\n      <div class=\"btn-group\">\n        <a\n          [href]=\"button.url\"\n          [linkType]=\"button.linkType\"\n          class=\"btn btn-primary btn-primary--outline\"\n        >\n          <ui-icon\n            [name]=\"button.icon!\"\n            [size]=\"17\"\n            [color]=\"'var(--color-primary)'\"\n          ></ui-icon>\n          {{ button.label }}\n        </a>\n      </div>\n    }\n  </div>\n\n  <!-- BIG NUMBER -->\n  @if (highlight) {\n    <div class=\"notfound__highlight col-span-full\">\n      {{ highlight }}\n    </div>\n  }\n</div>",
+		styles: [".notfound{min-height:84dvh;overflow:hidden}.notfound__content{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:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:38rem;line-height:.8;color:var(--color-primary);font-family:var(--font-titles);z-index:1;pointer-events:none}@media(max-width:1024px){.notfound__highlight{font-size:12rem;bottom:5rem}.notfound .btn-group{width:10rem}}\n"],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: LinkTypeDirective,
+				selector: "[linkType]",
+				inputs: ["linkType", "href"],
+				outputs: ["anchorClicked"]
+			},
+			{
+				kind: "directive",
+				type: HighlightDirective,
+				selector: "[highlight]",
+				inputs: ["highlight", "highlightThickness"]
+			},
+			{
+				kind: "component",
+				type: UiIconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"name",
+					"size",
+					"color"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: NotFoundComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-404",
+			standalone: true,
+			imports: [
+				CommonModule,
+				LinkTypeDirective,
+				HighlightDirective,
+				UiIconComponent
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { style: "display: contents" },
+			template: "<div class=\"notfound main-grid col-span-full md:col-span-12 md:col-start-1\">\n  \n  <!-- CONTENT -->\n  <div class=\"notfound__content col-span-full md:col-span-5 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\" [highlight]=\"'#FFFFFF'\">\n        {{ subtitle }}\n      </h2>\n    }\n\n    @if (button) {\n      <div class=\"btn-group\">\n        <a\n          [href]=\"button.url\"\n          [linkType]=\"button.linkType\"\n          class=\"btn btn-primary btn-primary--outline\"\n        >\n          <ui-icon\n            [name]=\"button.icon!\"\n            [size]=\"17\"\n            [color]=\"'var(--color-primary)'\"\n          ></ui-icon>\n          {{ button.label }}\n        </a>\n      </div>\n    }\n  </div>\n\n  <!-- BIG NUMBER -->\n  @if (highlight) {\n    <div class=\"notfound__highlight col-span-full\">\n      {{ highlight }}\n    </div>\n  }\n</div>",
+			styles: [".notfound{min-height:84dvh;overflow:hidden}.notfound__content{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:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:38rem;line-height:.8;color:var(--color-primary);font-family:var(--font-titles);z-index:1;pointer-events:none}@media(max-width:1024px){.notfound__highlight{font-size:12rem;bottom:5rem}.notfound .btn-group{width:10rem}}\n"]
+		}]
+	}],
+	propDecorators: {
+		title: [{ type: Input }],
+		subtitle: [{ type: Input }],
+		highlight: [{ type: Input }],
+		button: [{ type: Input }]
+	}
+});
 export { NotFoundComponent };
-//# sourceMappingURL=lluc_llull-ui-lib-feedback.mjs.map
+
+//# sourceMappingURL=lluc_llull-ui-lib-feedback.mjs.map

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

@@ -1 +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, HighlightDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n    selector: 'lib-404',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective, HighlightDirective, UiIconComponent],\n    templateUrl: './404.component.html',\n    styleUrl: './404.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\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 main-grid col-span-full md:col-span-12 md:col-start-1\">\n  \n  <!-- CONTENT -->\n  <div class=\"notfound__content col-span-full md:col-span-5 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\" [highlight]=\"'#FFFFFF'\">\n        {{ subtitle }}\n      </h2>\n    }\n\n    @if (button) {\n      <div class=\"btn-group\">\n        <a\n          [href]=\"button.url\"\n          [linkType]=\"button.linkType\"\n          class=\"btn btn-primary btn-primary--outline\"\n        >\n          <ui-icon\n            [name]=\"button.icon!\"\n            [size]=\"17\"\n            [color]=\"'var(--color-primary)'\"\n          ></ui-icon>\n          {{ button.label }}\n        </a>\n      </div>\n    }\n  </div>\n\n  <!-- BIG NUMBER -->\n  @if (highlight) {\n    <div class=\"notfound__highlight col-span-full\">\n      {{ highlight }}\n    </div>\n  }\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAiBa,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;4FAAjB,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,IAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjB9B,69BAsCM,EAAA,MAAA,EAAA,CAAA,wmBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED7BQ,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,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,oBAAA,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,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAQrE,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,cACP,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,eAAe,CAAC,EAAA,eAAA,EAG9D,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,mBAAmB;AAC7B,qBAAA,EAAA,QAAA,EAAA,69BAAA,EAAA,MAAA,EAAA,CAAA,wmBAAA,CAAA,EAAA;8BAGQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,MAAM,EAAA,CAAA;sBAAd;;;AErBL;;AAEG;;;;"}
+{"version":3,"file":"lluc_llull-ui-lib-feedback.mjs","names":[],"sources":["../../../projects/ui-lib/feedback/404/404.component.ts","../../../projects/ui-lib/feedback/404/404.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\nimport { LinkTypeDirective, HighlightDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n    selector: 'lib-404',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective, HighlightDirective, UiIconComponent],\n    templateUrl: './404.component.html',\n    styleUrl: './404.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\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 main-grid col-span-full md:col-span-12 md:col-start-1\">\n  \n  <!-- CONTENT -->\n  <div class=\"notfound__content col-span-full md:col-span-5 md:col-start-1\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\" [highlight]=\"'#FFFFFF'\">\n        {{ subtitle }}\n      </h2>\n    }\n\n    @if (button) {\n      <div class=\"btn-group\">\n        <a\n          [href]=\"button.url\"\n          [linkType]=\"button.linkType\"\n          class=\"btn btn-primary btn-primary--outline\"\n        >\n          <ui-icon\n            [name]=\"button.icon!\"\n            [size]=\"17\"\n            [color]=\"'var(--color-primary)'\"\n          ></ui-icon>\n          {{ button.label }}\n        </a>\n      </div>\n    }\n  </div>\n\n  <!-- BIG NUMBER -->\n  @if (highlight) {\n    <div class=\"notfound__highlight col-span-full\">\n      {{ highlight }}\n    </div>\n  }\n</div>"],"mappings":";;;;;AAiBA,IAAa,oBAAb,MAAa,kBAAiB;CACjB;CACA;CACA;CACA;CAJA,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAiB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAjB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAiB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;GAAA,UAAA;GAAA,WAAA;GAAA,QAAA;EAAA;EAAA,MAAA,EAAA,gBAAA,oBAAA;EAAA,UAAA;EAAA,UCjB9B;EAsCM,QAAA,CAAA,wmBAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MD7BQ;GAAY;GAAA;IAAA,MAAA;IAAA,MAAE;IAAiB,UAAA;IAAA,QAAA,CAAA,YAAA,MAAA;IAAA,SAAA,CAAA,eAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAkB,UAAA;IAAA,QAAA,CAAA,aAAA,oBAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAe,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;IAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAQrE,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiB,YAAA,CAAA;EAX7B,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAS,YACP;GAAI,SACP;IAAC;IAAc;IAAmB;IAAoB;GAAe;GAAC,iBAG9D,wBAAwB;GAAM,MACzC,EACF,OAAO,oBACV;GAAA,UAAA;GAAA,QAAA,CAAA,wmBAAA;EAAA,CAAA;;;E,UAGA,MAAA,M;E,aACA,MAAA,M;E,cACA,MAAA,M;E,WACA,MAAA,M"}

package/fesm2022/lluc_llull-ui-lib-footers-columns-footer.mjs

@@ -1,28 +1,66 @@
-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 ColumnsFooterComponent {
-    columns;
-    copyright;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ColumnsFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: ColumnsFooterComponent, isStandalone: true, selector: "lib-columns-footer", inputs: { columns: "columns", copyright: "copyright" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: "<div class=\"columns-footer-wrapper col-span-full\">\n  <div class=\"columns-footer main-grid col-span-full sm:col-span-12 sm:col-start-1\">\n    @if (columns?.[0]; as column1) {\n      <div class=\"columns-footer__one col-span-full sm:col-span-3 sm:col-start-1\">\n        @if (column1.title) {\n          <h4 class=\"columns-footer__one-title\">\n            {{ column1.title }}\n          </h4>\n        }\n        @if (column1.items && column1.items.length > 0) {\n          <ul class=\"columns-footer__one-list\">\n            @for (item of column1.items; track $index) {\n              <li class=\"columns-footer__one-item\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n    @if (columns?.[1]; as column2) {\n      <div class=\"columns-footer__two col-span-full sm:col-span-6 sm:col-start-4\">\n        @if (column2.title) {\n          <h4 class=\"columns-footer__two-title\">\n            {{ column2.title }}\n          </h4>\n        }\n        @if (column2.items && column2.items.length > 0) {\n          <ul class=\"columns-footer__two-list\">\n            @for (item of column2.items; track $index) {\n              <li class=\"columns-footer__two-item\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n    @if (columns?.[2]; as column3) {\n      <div class=\"columns-footer__three col-span-full sm:col-span-3 sm:col-start-10\">\n        @if (column3.title) {\n          <h4 class=\"columns-footer__three-title\">\n            {{ column3.title }}\n          </h4>\n        }\n        @if (column3.items && column3.items.length > 0) {\n          <ul class=\"columns-footer__three-list\">\n            @for (item of column3.items; track $index) {\n              <li class=\"columns-footer__three-item\" [class.mt-separator]=\"$index > 0 && item.linkType !== column3.items[$index - 1].linkType\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"columns-footer__copyright col-span-full sm:col-span-12 sm:col-start-1\">\n    @if (copyright) {\n      <div class=\"columns-footer__copyright-text\">\n        <span>{{ copyright.year }}</span>\n        <span>{{ copyright.name }}</span>\n        <span>{{ copyright.rights }}</span>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".columns-footer-wrapper{background-color:var(--content-bg-dark);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.columns-footer-wrapper .columns-footer__one-title{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__one-item a{color:var(--text-secondary-70);text-transform:capitalize;font-size:1.1rem}.columns-footer-wrapper .columns-footer__one-item a:hover{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__two{justify-items:center}@media(max-width:480px){.columns-footer-wrapper .columns-footer__two{justify-items:start}}.columns-footer-wrapper .columns-footer__two-title{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__two-item{margin-bottom:1rem;justify-items:center;justify-self:center}@media(max-width:480px){.columns-footer-wrapper .columns-footer__two-item{justify-items:start;justify-self:start}}.columns-footer-wrapper .columns-footer__two-item a{color:var(--text-secondary-70);text-transform:uppercase;font-size:1.1rem}.columns-footer-wrapper .columns-footer__two-item a:hover,.columns-footer-wrapper .columns-footer__three-title{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__three-item.mt-separator{margin-top:1.5rem}.columns-footer-wrapper .columns-footer__three-item a{color:var(--text-secondary-70);text-decoration:none;font-size:1.1rem;display:inline-block;padding-bottom:2px;background-image:linear-gradient(var(--text-secondary-70),var(--text-secondary-70));background-size:100% 1px;background-position:0% 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,background-position .3s ease-in-out}.columns-footer-wrapper .columns-footer__three-item a:hover{background-size:0% 1px;background-position:100% 100%;animation:linkMove .4s forwards}@keyframes linkMove{0%{background-size:100% 1px;background-position:0% 100%}50%{background-size:0% 1px;background-position:100% 100%}51%{background-size:0% 1px;background-position:0% 100%}to{background-size:100% 1px;background-position:0% 100%}}.columns-footer-wrapper .columns-footer__copyright-text{display:flex;flex-direction:column;align-items:center;margin-block:6rem 2rem;color:var(--text-secondary-70)}\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.25", ngImport: i0, type: ColumnsFooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-columns-footer', imports: [CommonModule, LinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        style: 'display: contents',
-                    }, template: "<div class=\"columns-footer-wrapper col-span-full\">\n  <div class=\"columns-footer main-grid col-span-full sm:col-span-12 sm:col-start-1\">\n    @if (columns?.[0]; as column1) {\n      <div class=\"columns-footer__one col-span-full sm:col-span-3 sm:col-start-1\">\n        @if (column1.title) {\n          <h4 class=\"columns-footer__one-title\">\n            {{ column1.title }}\n          </h4>\n        }\n        @if (column1.items && column1.items.length > 0) {\n          <ul class=\"columns-footer__one-list\">\n            @for (item of column1.items; track $index) {\n              <li class=\"columns-footer__one-item\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n    @if (columns?.[1]; as column2) {\n      <div class=\"columns-footer__two col-span-full sm:col-span-6 sm:col-start-4\">\n        @if (column2.title) {\n          <h4 class=\"columns-footer__two-title\">\n            {{ column2.title }}\n          </h4>\n        }\n        @if (column2.items && column2.items.length > 0) {\n          <ul class=\"columns-footer__two-list\">\n            @for (item of column2.items; track $index) {\n              <li class=\"columns-footer__two-item\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n    @if (columns?.[2]; as column3) {\n      <div class=\"columns-footer__three col-span-full sm:col-span-3 sm:col-start-10\">\n        @if (column3.title) {\n          <h4 class=\"columns-footer__three-title\">\n            {{ column3.title }}\n          </h4>\n        }\n        @if (column3.items && column3.items.length > 0) {\n          <ul class=\"columns-footer__three-list\">\n            @for (item of column3.items; track $index) {\n              <li class=\"columns-footer__three-item\" [class.mt-separator]=\"$index > 0 && item.linkType !== column3.items[$index - 1].linkType\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"columns-footer__copyright col-span-full sm:col-span-12 sm:col-start-1\">\n    @if (copyright) {\n      <div class=\"columns-footer__copyright-text\">\n        <span>{{ copyright.year }}</span>\n        <span>{{ copyright.name }}</span>\n        <span>{{ copyright.rights }}</span>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".columns-footer-wrapper{background-color:var(--content-bg-dark);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.columns-footer-wrapper .columns-footer__one-title{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__one-item a{color:var(--text-secondary-70);text-transform:capitalize;font-size:1.1rem}.columns-footer-wrapper .columns-footer__one-item a:hover{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__two{justify-items:center}@media(max-width:480px){.columns-footer-wrapper .columns-footer__two{justify-items:start}}.columns-footer-wrapper .columns-footer__two-title{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__two-item{margin-bottom:1rem;justify-items:center;justify-self:center}@media(max-width:480px){.columns-footer-wrapper .columns-footer__two-item{justify-items:start;justify-self:start}}.columns-footer-wrapper .columns-footer__two-item a{color:var(--text-secondary-70);text-transform:uppercase;font-size:1.1rem}.columns-footer-wrapper .columns-footer__two-item a:hover,.columns-footer-wrapper .columns-footer__three-title{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__three-item.mt-separator{margin-top:1.5rem}.columns-footer-wrapper .columns-footer__three-item a{color:var(--text-secondary-70);text-decoration:none;font-size:1.1rem;display:inline-block;padding-bottom:2px;background-image:linear-gradient(var(--text-secondary-70),var(--text-secondary-70));background-size:100% 1px;background-position:0% 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,background-position .3s ease-in-out}.columns-footer-wrapper .columns-footer__three-item a:hover{background-size:0% 1px;background-position:100% 100%;animation:linkMove .4s forwards}@keyframes linkMove{0%{background-size:100% 1px;background-position:0% 100%}50%{background-size:0% 1px;background-position:100% 100%}51%{background-size:0% 1px;background-position:0% 100%}to{background-size:100% 1px;background-position:0% 100%}}.columns-footer-wrapper .columns-footer__copyright-text{display:flex;flex-direction:column;align-items:center;margin-block:6rem 2rem;color:var(--text-secondary-70)}\n"] }]
-        }], propDecorators: { columns: [{
-                type: Input
-            }], copyright: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+import { LinkTypeDirective } from "@lluc_llull/ui-lib/directives";
+var ColumnsFooterComponent = class ColumnsFooterComponent {
+	columns;
+	copyright;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: ColumnsFooterComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: ColumnsFooterComponent,
+		isStandalone: true,
+		selector: "lib-columns-footer",
+		inputs: {
+			columns: "columns",
+			copyright: "copyright"
+		},
+		host: { styleAttribute: "display: contents" },
+		ngImport: i0,
+		template: "<div class=\"columns-footer-wrapper col-span-full\">\n  <div class=\"columns-footer main-grid col-span-full sm:col-span-12 sm:col-start-1\">\n    @if (columns?.[0]; as column1) {\n      <div class=\"columns-footer__one col-span-full sm:col-span-3 sm:col-start-1\">\n        @if (column1.title) {\n          <h4 class=\"columns-footer__one-title\">\n            {{ column1.title }}\n          </h4>\n        }\n        @if (column1.items && column1.items.length > 0) {\n          <ul class=\"columns-footer__one-list\">\n            @for (item of column1.items; track $index) {\n              <li class=\"columns-footer__one-item\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n    @if (columns?.[1]; as column2) {\n      <div class=\"columns-footer__two col-span-full sm:col-span-6 sm:col-start-4\">\n        @if (column2.title) {\n          <h4 class=\"columns-footer__two-title\">\n            {{ column2.title }}\n          </h4>\n        }\n        @if (column2.items && column2.items.length > 0) {\n          <ul class=\"columns-footer__two-list\">\n            @for (item of column2.items; track $index) {\n              <li class=\"columns-footer__two-item\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n    @if (columns?.[2]; as column3) {\n      <div class=\"columns-footer__three col-span-full sm:col-span-3 sm:col-start-10\">\n        @if (column3.title) {\n          <h4 class=\"columns-footer__three-title\">\n            {{ column3.title }}\n          </h4>\n        }\n        @if (column3.items && column3.items.length > 0) {\n          <ul class=\"columns-footer__three-list\">\n            @for (item of column3.items; track $index) {\n              <li class=\"columns-footer__three-item\" [class.mt-separator]=\"$index > 0 && item.linkType !== column3.items[$index - 1].linkType\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"columns-footer__copyright col-span-full sm:col-span-12 sm:col-start-1\">\n    @if (copyright) {\n      <div class=\"columns-footer__copyright-text\">\n        <span>{{ copyright.year }}</span>\n        <span>{{ copyright.name }}</span>\n        <span>{{ copyright.rights }}</span>\n      </div>\n    }\n  </div>\n  @if (copyright?.name; as signature) {\n    <div class=\"columns-footer__signature\" aria-label=\"{{ signature }}\">\n      @let signatureParts = signature.split(' ');\n      <span>\n        <em>{{ signatureParts[0] }}</em>\n        <strong>{{ signatureParts[1] }}</strong>\n      </span>\n    </div>\n  }\n</div>\n",
+		styles: [".columns-footer-wrapper{background-color:var(--content-bg-dark);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.columns-footer-wrapper .columns-footer__one-title{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__one-item a{color:var(--text-secondary-70);text-transform:capitalize;font-size:1.1rem}.columns-footer-wrapper .columns-footer__one-item a:hover{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__two{justify-items:center}@media(max-width:480px){.columns-footer-wrapper .columns-footer__two{justify-items:start}}.columns-footer-wrapper .columns-footer__two-title{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__two-item{margin-bottom:1rem;justify-items:center;justify-self:center}@media(max-width:480px){.columns-footer-wrapper .columns-footer__two-item{justify-items:start;justify-self:start}}.columns-footer-wrapper .columns-footer__two-item a{color:var(--text-secondary-70);text-transform:uppercase;font-size:1.1rem}.columns-footer-wrapper .columns-footer__two-item a:hover,.columns-footer-wrapper .columns-footer__three-title{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__three-item.mt-separator{margin-top:1.5rem}.columns-footer-wrapper .columns-footer__three-item a{color:var(--text-secondary-70);text-decoration:none;font-size:1.1rem;display:inline-block;padding-bottom:2px;background-image:linear-gradient(var(--text-secondary-70),var(--text-secondary-70));background-size:100% 1px;background-position:0% 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,background-position .3s ease-in-out}.columns-footer-wrapper .columns-footer__three-item a:hover{background-size:0% 1px;background-position:100% 100%;animation:linkMove .4s forwards}@keyframes linkMove{0%{background-size:100% 1px;background-position:0% 100%}50%{background-size:0% 1px;background-position:100% 100%}51%{background-size:0% 1px;background-position:0% 100%}to{background-size:100% 1px;background-position:0% 100%}}.columns-footer-wrapper .columns-footer__copyright-text{display:flex;flex-direction:column;align-items:center;margin-block:6rem 2rem;color:var(--text-secondary-70)}.columns-footer-wrapper .columns-footer__signature{width:100%;overflow:hidden;color:var(--text-secondary-70);line-height:.72;text-align:center;-webkit-user-select:none;user-select:none}@media(max-width:480px){.columns-footer-wrapper .columns-footer__signature{padding-bottom:4rem}}.columns-footer-wrapper .columns-footer__signature span{display:block;width:max-content;margin-inline:auto;font-size:clamp(5rem,22vw,21rem);font-weight:900;white-space:nowrap}.columns-footer-wrapper .columns-footer__signature span em{font-style:italic;margin-right:5rem}@media(max-width:480px){.columns-footer-wrapper .columns-footer__signature span em{margin-right:1rem}}.columns-footer-wrapper .columns-footer__signature span strong{font-style:normal}\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: "22.2.4",
+	ngImport: i0,
+	type: ColumnsFooterComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-columns-footer",
+			imports: [CommonModule, LinkTypeDirective],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { style: "display: contents" },
+			template: "<div class=\"columns-footer-wrapper col-span-full\">\n  <div class=\"columns-footer main-grid col-span-full sm:col-span-12 sm:col-start-1\">\n    @if (columns?.[0]; as column1) {\n      <div class=\"columns-footer__one col-span-full sm:col-span-3 sm:col-start-1\">\n        @if (column1.title) {\n          <h4 class=\"columns-footer__one-title\">\n            {{ column1.title }}\n          </h4>\n        }\n        @if (column1.items && column1.items.length > 0) {\n          <ul class=\"columns-footer__one-list\">\n            @for (item of column1.items; track $index) {\n              <li class=\"columns-footer__one-item\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n    @if (columns?.[1]; as column2) {\n      <div class=\"columns-footer__two col-span-full sm:col-span-6 sm:col-start-4\">\n        @if (column2.title) {\n          <h4 class=\"columns-footer__two-title\">\n            {{ column2.title }}\n          </h4>\n        }\n        @if (column2.items && column2.items.length > 0) {\n          <ul class=\"columns-footer__two-list\">\n            @for (item of column2.items; track $index) {\n              <li class=\"columns-footer__two-item\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n    @if (columns?.[2]; as column3) {\n      <div class=\"columns-footer__three col-span-full sm:col-span-3 sm:col-start-10\">\n        @if (column3.title) {\n          <h4 class=\"columns-footer__three-title\">\n            {{ column3.title }}\n          </h4>\n        }\n        @if (column3.items && column3.items.length > 0) {\n          <ul class=\"columns-footer__three-list\">\n            @for (item of column3.items; track $index) {\n              <li class=\"columns-footer__three-item\" [class.mt-separator]=\"$index > 0 && item.linkType !== column3.items[$index - 1].linkType\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"columns-footer__copyright col-span-full sm:col-span-12 sm:col-start-1\">\n    @if (copyright) {\n      <div class=\"columns-footer__copyright-text\">\n        <span>{{ copyright.year }}</span>\n        <span>{{ copyright.name }}</span>\n        <span>{{ copyright.rights }}</span>\n      </div>\n    }\n  </div>\n  @if (copyright?.name; as signature) {\n    <div class=\"columns-footer__signature\" aria-label=\"{{ signature }}\">\n      @let signatureParts = signature.split(' ');\n      <span>\n        <em>{{ signatureParts[0] }}</em>\n        <strong>{{ signatureParts[1] }}</strong>\n      </span>\n    </div>\n  }\n</div>\n",
+			styles: [".columns-footer-wrapper{background-color:var(--content-bg-dark);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.columns-footer-wrapper .columns-footer__one-title{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__one-item a{color:var(--text-secondary-70);text-transform:capitalize;font-size:1.1rem}.columns-footer-wrapper .columns-footer__one-item a:hover{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__two{justify-items:center}@media(max-width:480px){.columns-footer-wrapper .columns-footer__two{justify-items:start}}.columns-footer-wrapper .columns-footer__two-title{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__two-item{margin-bottom:1rem;justify-items:center;justify-self:center}@media(max-width:480px){.columns-footer-wrapper .columns-footer__two-item{justify-items:start;justify-self:start}}.columns-footer-wrapper .columns-footer__two-item a{color:var(--text-secondary-70);text-transform:uppercase;font-size:1.1rem}.columns-footer-wrapper .columns-footer__two-item a:hover,.columns-footer-wrapper .columns-footer__three-title{color:var(--text-secondary)}.columns-footer-wrapper .columns-footer__three-item.mt-separator{margin-top:1.5rem}.columns-footer-wrapper .columns-footer__three-item a{color:var(--text-secondary-70);text-decoration:none;font-size:1.1rem;display:inline-block;padding-bottom:2px;background-image:linear-gradient(var(--text-secondary-70),var(--text-secondary-70));background-size:100% 1px;background-position:0% 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,background-position .3s ease-in-out}.columns-footer-wrapper .columns-footer__three-item a:hover{background-size:0% 1px;background-position:100% 100%;animation:linkMove .4s forwards}@keyframes linkMove{0%{background-size:100% 1px;background-position:0% 100%}50%{background-size:0% 1px;background-position:100% 100%}51%{background-size:0% 1px;background-position:0% 100%}to{background-size:100% 1px;background-position:0% 100%}}.columns-footer-wrapper .columns-footer__copyright-text{display:flex;flex-direction:column;align-items:center;margin-block:6rem 2rem;color:var(--text-secondary-70)}.columns-footer-wrapper .columns-footer__signature{width:100%;overflow:hidden;color:var(--text-secondary-70);line-height:.72;text-align:center;-webkit-user-select:none;user-select:none}@media(max-width:480px){.columns-footer-wrapper .columns-footer__signature{padding-bottom:4rem}}.columns-footer-wrapper .columns-footer__signature span{display:block;width:max-content;margin-inline:auto;font-size:clamp(5rem,22vw,21rem);font-weight:900;white-space:nowrap}.columns-footer-wrapper .columns-footer__signature span em{font-style:italic;margin-right:5rem}@media(max-width:480px){.columns-footer-wrapper .columns-footer__signature span em{margin-right:1rem}}.columns-footer-wrapper .columns-footer__signature span strong{font-style:normal}\n"]
+		}]
+	}],
+	propDecorators: {
+		columns: [{ type: Input }],
+		copyright: [{ type: Input }]
+	}
+});
 export { ColumnsFooterComponent };
-//# sourceMappingURL=lluc_llull-ui-lib-footers-columns-footer.mjs.map
+
+//# sourceMappingURL=lluc_llull-ui-lib-footers-columns-footer.mjs.map

package/fesm2022/lluc_llull-ui-lib-footers-columns-footer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lluc_llull-ui-lib-footers-columns-footer.mjs","sources":["../../../projects/ui-lib/footers/columns-footer/columns-footer.component.ts","../../../projects/ui-lib/footers/columns-footer/columns-footer.component.html","../../../projects/ui-lib/footers/columns-footer/lluc_llull-ui-lib-footers-columns-footer.ts"],"sourcesContent":["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-columns-footer',\n    imports: [CommonModule, LinkTypeDirective],\n    templateUrl: './columns-footer.component.html',\n    styleUrl: './columns-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class ColumnsFooterComponent {\n  @Input() columns?: ColumnsFooterItemI[];\n  @Input() copyright?: ColumnsFooterCopyRightI;\n}\n\nexport interface ColumnsFooterItemI {\n  title: string;\n  items: UiLibButtonI[];\n}\n\nexport interface ColumnsFooterCopyRightI {\n  year: string;\n  name?: string;\n  rights?: string;\n}\n","<div class=\"columns-footer-wrapper col-span-full\">\n  <div class=\"columns-footer main-grid col-span-full sm:col-span-12 sm:col-start-1\">\n    @if (columns?.[0]; as column1) {\n      <div class=\"columns-footer__one col-span-full sm:col-span-3 sm:col-start-1\">\n        @if (column1.title) {\n          <h4 class=\"columns-footer__one-title\">\n            {{ column1.title }}\n          </h4>\n        }\n        @if (column1.items && column1.items.length > 0) {\n          <ul class=\"columns-footer__one-list\">\n            @for (item of column1.items; track $index) {\n              <li class=\"columns-footer__one-item\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n    @if (columns?.[1]; as column2) {\n      <div class=\"columns-footer__two col-span-full sm:col-span-6 sm:col-start-4\">\n        @if (column2.title) {\n          <h4 class=\"columns-footer__two-title\">\n            {{ column2.title }}\n          </h4>\n        }\n        @if (column2.items && column2.items.length > 0) {\n          <ul class=\"columns-footer__two-list\">\n            @for (item of column2.items; track $index) {\n              <li class=\"columns-footer__two-item\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n    @if (columns?.[2]; as column3) {\n      <div class=\"columns-footer__three col-span-full sm:col-span-3 sm:col-start-10\">\n        @if (column3.title) {\n          <h4 class=\"columns-footer__three-title\">\n            {{ column3.title }}\n          </h4>\n        }\n        @if (column3.items && column3.items.length > 0) {\n          <ul class=\"columns-footer__three-list\">\n            @for (item of column3.items; track $index) {\n              <li class=\"columns-footer__three-item\" [class.mt-separator]=\"$index > 0 && item.linkType !== column3.items[$index - 1].linkType\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"columns-footer__copyright col-span-full sm:col-span-12 sm:col-start-1\">\n    @if (copyright) {\n      <div class=\"columns-footer__copyright-text\">\n        <span>{{ copyright.year }}</span>\n        <span>{{ copyright.name }}</span>\n        <span>{{ copyright.rights }}</span>\n      </div>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAea,sBAAsB,CAAA;AACxB,IAAA,OAAO;AACP,IAAA,SAAS;wGAFP,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfnC,6hFAmEA,EAAA,MAAA,EAAA,CAAA,wsEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5Dc,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;;4FAQhC,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;+BACI,oBAAoB,EAAA,OAAA,EACrB,CAAC,YAAY,EAAE,iBAAiB,CAAC,EAAA,eAAA,EAGzB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,mBAAmB;AAC7B,qBAAA,EAAA,QAAA,EAAA,6hFAAA,EAAA,MAAA,EAAA,CAAA,wsEAAA,CAAA,EAAA;8BAGM,OAAO,EAAA,CAAA;sBAAf;gBACQ,SAAS,EAAA,CAAA;sBAAjB;;;AEjBH;;AAEG;;;;"}
+{"version":3,"file":"lluc_llull-ui-lib-footers-columns-footer.mjs","names":[],"sources":["../../../projects/ui-lib/footers/columns-footer/columns-footer.component.ts","../../../projects/ui-lib/footers/columns-footer/columns-footer.component.html"],"sourcesContent":["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-columns-footer',\n    imports: [CommonModule, LinkTypeDirective],\n    templateUrl: './columns-footer.component.html',\n    styleUrl: './columns-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class ColumnsFooterComponent {\n  @Input() columns?: ColumnsFooterItemI[];\n  @Input() copyright?: ColumnsFooterCopyRightI;\n}\n\nexport interface ColumnsFooterItemI {\n  title: string;\n  items: UiLibButtonI[];\n}\n\nexport interface ColumnsFooterCopyRightI {\n  year: string;\n  name?: string;\n  rights?: string;\n}\n","<div class=\"columns-footer-wrapper col-span-full\">\n  <div class=\"columns-footer main-grid col-span-full sm:col-span-12 sm:col-start-1\">\n    @if (columns?.[0]; as column1) {\n      <div class=\"columns-footer__one col-span-full sm:col-span-3 sm:col-start-1\">\n        @if (column1.title) {\n          <h4 class=\"columns-footer__one-title\">\n            {{ column1.title }}\n          </h4>\n        }\n        @if (column1.items && column1.items.length > 0) {\n          <ul class=\"columns-footer__one-list\">\n            @for (item of column1.items; track $index) {\n              <li class=\"columns-footer__one-item\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n    @if (columns?.[1]; as column2) {\n      <div class=\"columns-footer__two col-span-full sm:col-span-6 sm:col-start-4\">\n        @if (column2.title) {\n          <h4 class=\"columns-footer__two-title\">\n            {{ column2.title }}\n          </h4>\n        }\n        @if (column2.items && column2.items.length > 0) {\n          <ul class=\"columns-footer__two-list\">\n            @for (item of column2.items; track $index) {\n              <li class=\"columns-footer__two-item\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n    @if (columns?.[2]; as column3) {\n      <div class=\"columns-footer__three col-span-full sm:col-span-3 sm:col-start-10\">\n        @if (column3.title) {\n          <h4 class=\"columns-footer__three-title\">\n            {{ column3.title }}\n          </h4>\n        }\n        @if (column3.items && column3.items.length > 0) {\n          <ul class=\"columns-footer__three-list\">\n            @for (item of column3.items; track $index) {\n              <li class=\"columns-footer__three-item\" [class.mt-separator]=\"$index > 0 && item.linkType !== column3.items[$index - 1].linkType\">\n                <a [href]=\"item.url\" [linkType]=\"item.linkType\">{{ item.label }}</a>\n              </li>\n            }\n          </ul>\n        }\n      </div>\n    }\n  </div>\n  <div class=\"columns-footer__copyright col-span-full sm:col-span-12 sm:col-start-1\">\n    @if (copyright) {\n      <div class=\"columns-footer__copyright-text\">\n        <span>{{ copyright.year }}</span>\n        <span>{{ copyright.name }}</span>\n        <span>{{ copyright.rights }}</span>\n      </div>\n    }\n  </div>\n  @if (copyright?.name; as signature) {\n    <div class=\"columns-footer__signature\" aria-label=\"{{ signature }}\">\n      @let signatureParts = signature.split(' ');\n      <span>\n        <em>{{ signatureParts[0] }}</em>\n        <strong>{{ signatureParts[1] }}</strong>\n      </span>\n    </div>\n  }\n</div>\n"],"mappings":";;;;AAeA,IAAa,yBAAb,MAAa,uBAAsB;CACxB;CACA;CAFE,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAsB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAtB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAsB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;GAAA,WAAA;EAAA;EAAA,MAAA,EAAA,gBAAA,oBAAA;EAAA,UAAA;EAAA,UCfnC;EA4EA,QAAA,CAAA,s6FAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MDrEc;EAAY,GAAA;GAAA,MAAA;GAAA,MAAE;GAAiB,UAAA;GAAA,QAAA,CAAA,YAAA,MAAA;GAAA,SAAA,CAAA,eAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAQhC,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EAVlC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAoB,SACrB,CAAC,cAAc,iBAAiB;GAAC,iBAGzB,wBAAwB;GAAM,MACzC,EACF,OAAO,oBACV;GAAA,UAAA;GAAA,QAAA,CAAA,s6FAAA;EAAA,CAAA;;;E,YAGF,MAAA,M;E,cACA,MAAA,M"}