@lluc_llull/ui-lib 0.35.0 → 0.36.1

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

@@ -0,0 +1,443 @@
+import * as i0 from "@angular/core";
+import { Component, Input, forwardRef } from "@angular/core";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+var FormFieldComponent = class FormFieldComponent {
+	controlId = "";
+	label = "";
+	required = false;
+	hint = "";
+	error = "";
+	get errorId() {
+		return `${this.controlId}-error`;
+	}
+	get hintId() {
+		return `${this.controlId}-hint`;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: FormFieldComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: FormFieldComponent,
+		isStandalone: true,
+		selector: "lib-form-field",
+		inputs: {
+			controlId: "controlId",
+			label: "label",
+			required: "required",
+			hint: "hint",
+			error: "error"
+		},
+		host: { classAttribute: "form-field" },
+		ngImport: i0,
+		template: "@if (label) {\n    <label [for]=\"controlId\">\n        {{ label }}\n        @if (required) {\n            <span class=\"form-field-required\" aria-hidden=\"true\">*</span>\n        }\n    </label>\n}\n<ng-content />\n@if (hint && !error) {\n    <span class=\"form-field-hint\" [id]=\"hintId\">{{ hint }}</span>\n}\n@if (error) {\n    <span class=\"form-field-error\" [id]=\"errorId\" role=\"alert\">{{ error }}</span>\n}\n",
+		styles: [":host{display:flex;min-width:0;flex-direction:column;gap:.65rem}:host>label{color:var(--text-primary);font-family:var(--font-base);font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;padding-top:1rem}.form-field-required{color:var(--color-secondary)}.form-field-hint{color:var(--text-primary-60);font-size:.8rem;line-height:1.4}.form-field-error{color:#b42318;font-size:.875rem;line-height:1.4;opacity:1;transform:translateY(0);transition:opacity .15s ease-out,transform .18s cubic-bezier(.22,1,.36,1)}@starting-style{.form-field-error{opacity:0;transform:translateY(-.25rem)}}@media(prefers-reduced-motion:reduce){.form-field-error{transform:none;transition:opacity .12s ease-out}@starting-style{.form-field-error{transform:none}}}\n"]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: FormFieldComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-form-field",
+			standalone: true,
+			host: { class: "form-field" },
+			template: "@if (label) {\n    <label [for]=\"controlId\">\n        {{ label }}\n        @if (required) {\n            <span class=\"form-field-required\" aria-hidden=\"true\">*</span>\n        }\n    </label>\n}\n<ng-content />\n@if (hint && !error) {\n    <span class=\"form-field-hint\" [id]=\"hintId\">{{ hint }}</span>\n}\n@if (error) {\n    <span class=\"form-field-error\" [id]=\"errorId\" role=\"alert\">{{ error }}</span>\n}\n",
+			styles: [":host{display:flex;min-width:0;flex-direction:column;gap:.65rem}:host>label{color:var(--text-primary);font-family:var(--font-base);font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;padding-top:1rem}.form-field-required{color:var(--color-secondary)}.form-field-hint{color:var(--text-primary-60);font-size:.8rem;line-height:1.4}.form-field-error{color:#b42318;font-size:.875rem;line-height:1.4;opacity:1;transform:translateY(0);transition:opacity .15s ease-out,transform .18s cubic-bezier(.22,1,.36,1)}@starting-style{.form-field-error{opacity:0;transform:translateY(-.25rem)}}@media(prefers-reduced-motion:reduce){.form-field-error{transform:none;transition:opacity .12s ease-out}@starting-style{.form-field-error{transform:none}}}\n"]
+		}]
+	}],
+	propDecorators: {
+		controlId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		label: [{ type: Input }],
+		required: [{ type: Input }],
+		hint: [{ type: Input }],
+		error: [{ type: Input }]
+	}
+});
+var FormInputComponent = class FormInputComponent {
+	id = "";
+	type = "text";
+	placeholder = "";
+	autocomplete = "";
+	describedBy = "";
+	maxLength = null;
+	required = false;
+	invalid = false;
+	value = "";
+	disabled = false;
+	onChange = () => {};
+	onTouched = () => {};
+	writeValue(value) {
+		this.value = value ?? "";
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(disabled) {
+		this.disabled = disabled;
+	}
+	handleInput(event) {
+		this.value = event.target.value;
+		this.onChange(this.value);
+	}
+	handleBlur() {
+		this.onTouched();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: FormInputComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.4",
+		type: FormInputComponent,
+		isStandalone: true,
+		selector: "lib-form-input",
+		inputs: {
+			id: "id",
+			type: "type",
+			placeholder: "placeholder",
+			autocomplete: "autocomplete",
+			describedBy: "describedBy",
+			maxLength: "maxLength",
+			required: "required",
+			invalid: "invalid"
+		},
+		providers: [{
+			provide: NG_VALUE_ACCESSOR,
+			useExisting: forwardRef(() => FormInputComponent),
+			multi: true
+		}],
+		ngImport: i0,
+		template: "<input\n    [id]=\"id\"\n    [type]=\"type\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    [attr.autocomplete]=\"autocomplete || null\"\n    [attr.maxlength]=\"maxLength ?? null\"\n    [attr.aria-describedby]=\"describedBy || null\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [required]=\"required\"\n    [disabled]=\"disabled\"\n    (input)=\"handleInput($event)\"\n    (blur)=\"handleBlur()\"\n/>\n",
+		styles: [":host{display:block;min-width:0}input{box-sizing:border-box;width:100%;min-height:3.5rem;border:4px solid var(--border-primary);border-radius:0;padding:.9rem 1rem;background:var(--surface-primary);color:var(--text-primary);font:1rem/1.5 var(--font-base);transition:border-color .16s ease,box-shadow .16s ease}input::placeholder{color:var(--text-primary-50);opacity:1}input:hover:not(:disabled){border-color:var(--text-primary)}input:focus-visible{border-color:var(--color-secondary);outline:2px solid var(--color-secondary);outline-offset:3px;box-shadow:inset 0 -3px 0 var(--color-secondary)}input[aria-invalid=true]{border-color:#b42318}input:disabled{cursor:not-allowed;opacity:.65}@media(prefers-reduced-motion:reduce){input{transition:none}}\n"]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: FormInputComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-form-input",
+			standalone: true,
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => FormInputComponent),
+				multi: true
+			}],
+			template: "<input\n    [id]=\"id\"\n    [type]=\"type\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    [attr.autocomplete]=\"autocomplete || null\"\n    [attr.maxlength]=\"maxLength ?? null\"\n    [attr.aria-describedby]=\"describedBy || null\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [required]=\"required\"\n    [disabled]=\"disabled\"\n    (input)=\"handleInput($event)\"\n    (blur)=\"handleBlur()\"\n/>\n",
+			styles: [":host{display:block;min-width:0}input{box-sizing:border-box;width:100%;min-height:3.5rem;border:4px solid var(--border-primary);border-radius:0;padding:.9rem 1rem;background:var(--surface-primary);color:var(--text-primary);font:1rem/1.5 var(--font-base);transition:border-color .16s ease,box-shadow .16s ease}input::placeholder{color:var(--text-primary-50);opacity:1}input:hover:not(:disabled){border-color:var(--text-primary)}input:focus-visible{border-color:var(--color-secondary);outline:2px solid var(--color-secondary);outline-offset:3px;box-shadow:inset 0 -3px 0 var(--color-secondary)}input[aria-invalid=true]{border-color:#b42318}input:disabled{cursor:not-allowed;opacity:.65}@media(prefers-reduced-motion:reduce){input{transition:none}}\n"]
+		}]
+	}],
+	propDecorators: {
+		id: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		type: [{ type: Input }],
+		placeholder: [{ type: Input }],
+		autocomplete: [{ type: Input }],
+		describedBy: [{ type: Input }],
+		maxLength: [{ type: Input }],
+		required: [{ type: Input }],
+		invalid: [{ type: Input }]
+	}
+});
+var FormSelectComponent = class FormSelectComponent {
+	id = "";
+	options = [];
+	placeholder = "";
+	describedBy = "";
+	required = false;
+	invalid = false;
+	value = "";
+	disabled = false;
+	onChange = () => {};
+	onTouched = () => {};
+	writeValue(value) {
+		this.value = value ?? "";
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(disabled) {
+		this.disabled = disabled;
+	}
+	handleChange(event) {
+		this.value = event.target.value;
+		this.onChange(this.value);
+	}
+	handleBlur() {
+		this.onTouched();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: FormSelectComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: FormSelectComponent,
+		isStandalone: true,
+		selector: "lib-form-select",
+		inputs: {
+			id: "id",
+			options: "options",
+			placeholder: "placeholder",
+			describedBy: "describedBy",
+			required: "required",
+			invalid: "invalid"
+		},
+		providers: [{
+			provide: NG_VALUE_ACCESSOR,
+			useExisting: forwardRef(() => FormSelectComponent),
+			multi: true
+		}],
+		ngImport: i0,
+		template: "<select\n    [id]=\"id\"\n    [value]=\"value\"\n    [attr.aria-describedby]=\"describedBy || null\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [required]=\"required\"\n    [disabled]=\"disabled\"\n    (change)=\"handleChange($event)\"\n    (blur)=\"handleBlur()\"\n>\n    @if (placeholder) {\n        <option value=\"\" disabled>{{ placeholder }}</option>\n    }\n    @for (option of options; track option.value) {\n        <option [value]=\"option.value\" [disabled]=\"option.disabled ?? false\">\n            {{ option.label }}\n        </option>\n    }\n</select>\n",
+		styles: [":host{display:block;min-width:0}select{box-sizing:border-box;width:100%;min-height:3.5rem;border:4px solid var(--border-primary);border-radius:0;padding:.9rem 1rem;background:var(--surface-primary);color:var(--text-primary);font:1rem/1.5 var(--font-base)}select:hover:not(:disabled){border-color:var(--text-primary)}select:focus-visible{border-color:var(--color-secondary);outline:2px solid var(--color-secondary);outline-offset:3px}select[aria-invalid=true]{border-color:#b42318}select:disabled{cursor:not-allowed;opacity:.65}\n"]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: FormSelectComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-form-select",
+			standalone: true,
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => FormSelectComponent),
+				multi: true
+			}],
+			template: "<select\n    [id]=\"id\"\n    [value]=\"value\"\n    [attr.aria-describedby]=\"describedBy || null\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [required]=\"required\"\n    [disabled]=\"disabled\"\n    (change)=\"handleChange($event)\"\n    (blur)=\"handleBlur()\"\n>\n    @if (placeholder) {\n        <option value=\"\" disabled>{{ placeholder }}</option>\n    }\n    @for (option of options; track option.value) {\n        <option [value]=\"option.value\" [disabled]=\"option.disabled ?? false\">\n            {{ option.label }}\n        </option>\n    }\n</select>\n",
+			styles: [":host{display:block;min-width:0}select{box-sizing:border-box;width:100%;min-height:3.5rem;border:4px solid var(--border-primary);border-radius:0;padding:.9rem 1rem;background:var(--surface-primary);color:var(--text-primary);font:1rem/1.5 var(--font-base)}select:hover:not(:disabled){border-color:var(--text-primary)}select:focus-visible{border-color:var(--color-secondary);outline:2px solid var(--color-secondary);outline-offset:3px}select[aria-invalid=true]{border-color:#b42318}select:disabled{cursor:not-allowed;opacity:.65}\n"]
+		}]
+	}],
+	propDecorators: {
+		id: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		options: [{ type: Input }],
+		placeholder: [{ type: Input }],
+		describedBy: [{ type: Input }],
+		required: [{ type: Input }],
+		invalid: [{ type: Input }]
+	}
+});
+var FormTextareaComponent = class FormTextareaComponent {
+	id = "";
+	placeholder = "";
+	describedBy = "";
+	rows = 6;
+	maxLength = null;
+	required = false;
+	invalid = false;
+	showCounter = false;
+	value = "";
+	disabled = false;
+	onChange = () => {};
+	onTouched = () => {};
+	writeValue(value) {
+		this.value = value ?? "";
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(disabled) {
+		this.disabled = disabled;
+	}
+	handleInput(event) {
+		this.value = event.target.value;
+		this.onChange(this.value);
+	}
+	handleBlur() {
+		this.onTouched();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: FormTextareaComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: FormTextareaComponent,
+		isStandalone: true,
+		selector: "lib-form-textarea",
+		inputs: {
+			id: "id",
+			placeholder: "placeholder",
+			describedBy: "describedBy",
+			rows: "rows",
+			maxLength: "maxLength",
+			required: "required",
+			invalid: "invalid",
+			showCounter: "showCounter"
+		},
+		providers: [{
+			provide: NG_VALUE_ACCESSOR,
+			useExisting: forwardRef(() => FormTextareaComponent),
+			multi: true
+		}],
+		ngImport: i0,
+		template: "<textarea\n    [id]=\"id\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    [rows]=\"rows\"\n    [attr.maxlength]=\"maxLength ?? null\"\n    [attr.aria-describedby]=\"describedBy || null\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [required]=\"required\"\n    [disabled]=\"disabled\"\n    (input)=\"handleInput($event)\"\n    (blur)=\"handleBlur()\"\n></textarea>\n@if (showCounter && maxLength) {\n    <span class=\"form-textarea-counter\" aria-live=\"polite\">\n        {{ value.length }} / {{ maxLength }}\n    </span>\n}\n",
+		styles: [":host{display:block;min-width:0}textarea{box-sizing:border-box;display:block;width:100%;min-height:12rem;border:4px solid var(--border-primary);border-radius:0;padding:.9rem 1rem;background:var(--surface-primary);color:var(--text-primary);font:1rem/1.5 var(--font-base);resize:vertical;transition:border-color .16s ease,box-shadow .16s ease}textarea::placeholder{color:var(--text-primary-50);opacity:1}textarea:hover:not(:disabled){border-color:var(--text-primary)}textarea:focus-visible{border-color:var(--color-secondary);outline:2px solid var(--color-secondary);outline-offset:3px;box-shadow:inset 0 -3px 0 var(--color-secondary)}textarea[aria-invalid=true]{border-color:#b42318}textarea:disabled{cursor:not-allowed;opacity:.65}.form-textarea-counter{display:block;margin-top:.35rem;color:var(--text-primary-60);font-size:.75rem;text-align:right}@media(prefers-reduced-motion:reduce){textarea{transition:none}}\n"]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: FormTextareaComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-form-textarea",
+			standalone: true,
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => FormTextareaComponent),
+				multi: true
+			}],
+			template: "<textarea\n    [id]=\"id\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    [rows]=\"rows\"\n    [attr.maxlength]=\"maxLength ?? null\"\n    [attr.aria-describedby]=\"describedBy || null\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [required]=\"required\"\n    [disabled]=\"disabled\"\n    (input)=\"handleInput($event)\"\n    (blur)=\"handleBlur()\"\n></textarea>\n@if (showCounter && maxLength) {\n    <span class=\"form-textarea-counter\" aria-live=\"polite\">\n        {{ value.length }} / {{ maxLength }}\n    </span>\n}\n",
+			styles: [":host{display:block;min-width:0}textarea{box-sizing:border-box;display:block;width:100%;min-height:12rem;border:4px solid var(--border-primary);border-radius:0;padding:.9rem 1rem;background:var(--surface-primary);color:var(--text-primary);font:1rem/1.5 var(--font-base);resize:vertical;transition:border-color .16s ease,box-shadow .16s ease}textarea::placeholder{color:var(--text-primary-50);opacity:1}textarea:hover:not(:disabled){border-color:var(--text-primary)}textarea:focus-visible{border-color:var(--color-secondary);outline:2px solid var(--color-secondary);outline-offset:3px;box-shadow:inset 0 -3px 0 var(--color-secondary)}textarea[aria-invalid=true]{border-color:#b42318}textarea:disabled{cursor:not-allowed;opacity:.65}.form-textarea-counter{display:block;margin-top:.35rem;color:var(--text-primary-60);font-size:.75rem;text-align:right}@media(prefers-reduced-motion:reduce){textarea{transition:none}}\n"]
+		}]
+	}],
+	propDecorators: {
+		id: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		placeholder: [{ type: Input }],
+		describedBy: [{ type: Input }],
+		rows: [{ type: Input }],
+		maxLength: [{ type: Input }],
+		required: [{ type: Input }],
+		invalid: [{ type: Input }],
+		showCounter: [{ type: Input }]
+	}
+});
+var FormToggleComponent = class FormToggleComponent {
+	id = "";
+	describedBy = "";
+	checked = false;
+	disabled = false;
+	onChange = () => {};
+	onTouched = () => {};
+	writeValue(value) {
+		this.checked = value ?? false;
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(disabled) {
+		this.disabled = disabled;
+	}
+	handleChange(event) {
+		this.checked = event.target.checked;
+		this.onChange(this.checked);
+	}
+	handleBlur() {
+		this.onTouched();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: FormToggleComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.4",
+		type: FormToggleComponent,
+		isStandalone: true,
+		selector: "lib-form-toggle",
+		inputs: {
+			id: "id",
+			describedBy: "describedBy"
+		},
+		providers: [{
+			provide: NG_VALUE_ACCESSOR,
+			useExisting: forwardRef(() => FormToggleComponent),
+			multi: true
+		}],
+		ngImport: i0,
+		template: "<label class=\"form-toggle\" [for]=\"id\">\n    <input\n        [id]=\"id\"\n        type=\"checkbox\"\n        role=\"switch\"\n        [checked]=\"checked\"\n        [attr.aria-describedby]=\"describedBy || null\"\n        [disabled]=\"disabled\"\n        (change)=\"handleChange($event)\"\n        (blur)=\"handleBlur()\"\n    />\n    <span class=\"form-toggle-track\" aria-hidden=\"true\"><span></span></span>\n    <span class=\"form-toggle-label\"><ng-content /></span>\n</label>\n",
+		styles: [":host{display:inline-block}.form-toggle{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;font:1rem/1.5 var(--font-base)}.form-toggle input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.form-toggle-track{display:inline-flex;width:2.75rem;height:1.5rem;align-items:center;border:1px solid var(--border-primary-50);padding:.15rem;background:var(--surface-secondary);transition:background-color .16s ease}.form-toggle-track>span{width:1rem;height:1rem;background:var(--text-primary);transition:transform .16s ease}.form-toggle input:checked+.form-toggle-track{border-color:var(--color-secondary);background:var(--color-secondary)}.form-toggle input:checked+.form-toggle-track>span{background:var(--color-primary);transform:translate(1.2rem)}.form-toggle input:focus-visible+.form-toggle-track{outline:2px solid var(--color-secondary);outline-offset:3px}.form-toggle input:disabled+.form-toggle-track,.form-toggle input:disabled~.form-toggle-label{cursor:not-allowed;opacity:.6}@media(prefers-reduced-motion:reduce){.form-toggle-track,.form-toggle-track>span{transition:none}}\n"]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: FormToggleComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-form-toggle",
+			standalone: true,
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => FormToggleComponent),
+				multi: true
+			}],
+			template: "<label class=\"form-toggle\" [for]=\"id\">\n    <input\n        [id]=\"id\"\n        type=\"checkbox\"\n        role=\"switch\"\n        [checked]=\"checked\"\n        [attr.aria-describedby]=\"describedBy || null\"\n        [disabled]=\"disabled\"\n        (change)=\"handleChange($event)\"\n        (blur)=\"handleBlur()\"\n    />\n    <span class=\"form-toggle-track\" aria-hidden=\"true\"><span></span></span>\n    <span class=\"form-toggle-label\"><ng-content /></span>\n</label>\n",
+			styles: [":host{display:inline-block}.form-toggle{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;font:1rem/1.5 var(--font-base)}.form-toggle input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.form-toggle-track{display:inline-flex;width:2.75rem;height:1.5rem;align-items:center;border:1px solid var(--border-primary-50);padding:.15rem;background:var(--surface-secondary);transition:background-color .16s ease}.form-toggle-track>span{width:1rem;height:1rem;background:var(--text-primary);transition:transform .16s ease}.form-toggle input:checked+.form-toggle-track{border-color:var(--color-secondary);background:var(--color-secondary)}.form-toggle input:checked+.form-toggle-track>span{background:var(--color-primary);transform:translate(1.2rem)}.form-toggle input:focus-visible+.form-toggle-track{outline:2px solid var(--color-secondary);outline-offset:3px}.form-toggle input:disabled+.form-toggle-track,.form-toggle input:disabled~.form-toggle-label{cursor:not-allowed;opacity:.6}@media(prefers-reduced-motion:reduce){.form-toggle-track,.form-toggle-track>span{transition:none}}\n"]
+		}]
+	}],
+	propDecorators: {
+		id: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		describedBy: [{ type: Input }]
+	}
+});
+export { FormFieldComponent, FormInputComponent, FormSelectComponent, FormTextareaComponent, FormToggleComponent };
+
+//# sourceMappingURL=lluc_llull-ui-lib-forms.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lluc_llull-ui-lib-forms.mjs","names":[],"sources":["../../../projects/ui-lib/forms/form-field/form-field.component.ts","../../../projects/ui-lib/forms/form-field/form-field.component.html","../../../projects/ui-lib/forms/form-input/form-input.component.ts","../../../projects/ui-lib/forms/form-input/form-input.component.html","../../../projects/ui-lib/forms/form-select/form-select.component.ts","../../../projects/ui-lib/forms/form-select/form-select.component.html","../../../projects/ui-lib/forms/form-textarea/form-textarea.component.ts","../../../projects/ui-lib/forms/form-textarea/form-textarea.component.html","../../../projects/ui-lib/forms/form-toggle/form-toggle.component.ts","../../../projects/ui-lib/forms/form-toggle/form-toggle.component.html"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n    selector: 'lib-form-field',\n    standalone: true,\n    templateUrl: './form-field.component.html',\n    styleUrl: './form-field.component.scss',\n    host: {\n        class: 'form-field',\n    },\n})\nexport class FormFieldComponent {\n    @Input({ required: true }) controlId = '';\n    @Input() label = '';\n    @Input() required = false;\n    @Input() hint = '';\n    @Input() error = '';\n\n    get errorId(): string {\n        return `${this.controlId}-error`;\n    }\n\n    get hintId(): string {\n        return `${this.controlId}-hint`;\n    }\n}\n","@if (label) {\n    <label [for]=\"controlId\">\n        {{ label }}\n        @if (required) {\n            <span class=\"form-field-required\" aria-hidden=\"true\">*</span>\n        }\n    </label>\n}\n<ng-content />\n@if (hint && !error) {\n    <span class=\"form-field-hint\" [id]=\"hintId\">{{ hint }}</span>\n}\n@if (error) {\n    <span class=\"form-field-error\" [id]=\"errorId\" role=\"alert\">{{ error }}</span>\n}\n","import { Component, forwardRef, Input } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport type UiLibInputType = 'text' | 'email' | 'tel' | 'url' | 'search' | 'password';\n\n@Component({\n    selector: 'lib-form-input',\n    standalone: true,\n    templateUrl: './form-input.component.html',\n    styleUrl: './form-input.component.scss',\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => FormInputComponent),\n            multi: true,\n        },\n    ],\n})\nexport class FormInputComponent implements ControlValueAccessor {\n    @Input({ required: true }) id = '';\n    @Input() type: UiLibInputType = 'text';\n    @Input() placeholder = '';\n    @Input() autocomplete = '';\n    @Input() describedBy = '';\n    @Input() maxLength: number | null = null;\n    @Input() required = false;\n    @Input() invalid = false;\n\n    value = '';\n    disabled = false;\n    private onChange: (value: string) => void = () => {};\n    private onTouched: () => void = () => {};\n\n    writeValue(value: string | null): void {\n        this.value = value ?? '';\n    }\n\n    registerOnChange(fn: (value: string) => void): void {\n        this.onChange = fn;\n    }\n\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(disabled: boolean): void {\n        this.disabled = disabled;\n    }\n\n    handleInput(event: Event): void {\n        this.value = (event.target as HTMLInputElement).value;\n        this.onChange(this.value);\n    }\n\n    handleBlur(): void {\n        this.onTouched();\n    }\n}\n","<input\n    [id]=\"id\"\n    [type]=\"type\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    [attr.autocomplete]=\"autocomplete || null\"\n    [attr.maxlength]=\"maxLength ?? null\"\n    [attr.aria-describedby]=\"describedBy || null\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [required]=\"required\"\n    [disabled]=\"disabled\"\n    (input)=\"handleInput($event)\"\n    (blur)=\"handleBlur()\"\n/>\n","import { Component, forwardRef, Input } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport interface UiLibSelectOptionI {\n    label: string;\n    value: string;\n    disabled?: boolean;\n}\n\n@Component({\n    selector: 'lib-form-select',\n    standalone: true,\n    templateUrl: './form-select.component.html',\n    styleUrl: './form-select.component.scss',\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => FormSelectComponent),\n            multi: true,\n        },\n    ],\n})\nexport class FormSelectComponent implements ControlValueAccessor {\n    @Input({ required: true }) id = '';\n    @Input() options: UiLibSelectOptionI[] = [];\n    @Input() placeholder = '';\n    @Input() describedBy = '';\n    @Input() required = false;\n    @Input() invalid = false;\n\n    value = '';\n    disabled = false;\n    private onChange: (value: string) => void = () => {};\n    private onTouched: () => void = () => {};\n\n    writeValue(value: string | null): void {\n        this.value = value ?? '';\n    }\n\n    registerOnChange(fn: (value: string) => void): void {\n        this.onChange = fn;\n    }\n\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(disabled: boolean): void {\n        this.disabled = disabled;\n    }\n\n    handleChange(event: Event): void {\n        this.value = (event.target as HTMLSelectElement).value;\n        this.onChange(this.value);\n    }\n\n    handleBlur(): void {\n        this.onTouched();\n    }\n}\n","<select\n    [id]=\"id\"\n    [value]=\"value\"\n    [attr.aria-describedby]=\"describedBy || null\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [required]=\"required\"\n    [disabled]=\"disabled\"\n    (change)=\"handleChange($event)\"\n    (blur)=\"handleBlur()\"\n>\n    @if (placeholder) {\n        <option value=\"\" disabled>{{ placeholder }}</option>\n    }\n    @for (option of options; track option.value) {\n        <option [value]=\"option.value\" [disabled]=\"option.disabled ?? false\">\n            {{ option.label }}\n        </option>\n    }\n</select>\n","import { Component, forwardRef, Input } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n    selector: 'lib-form-textarea',\n    standalone: true,\n    templateUrl: './form-textarea.component.html',\n    styleUrl: './form-textarea.component.scss',\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => FormTextareaComponent),\n            multi: true,\n        },\n    ],\n})\nexport class FormTextareaComponent implements ControlValueAccessor {\n    @Input({ required: true }) id = '';\n    @Input() placeholder = '';\n    @Input() describedBy = '';\n    @Input() rows = 6;\n    @Input() maxLength: number | null = null;\n    @Input() required = false;\n    @Input() invalid = false;\n    @Input() showCounter = false;\n\n    value = '';\n    disabled = false;\n    private onChange: (value: string) => void = () => {};\n    private onTouched: () => void = () => {};\n\n    writeValue(value: string | null): void {\n        this.value = value ?? '';\n    }\n\n    registerOnChange(fn: (value: string) => void): void {\n        this.onChange = fn;\n    }\n\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(disabled: boolean): void {\n        this.disabled = disabled;\n    }\n\n    handleInput(event: Event): void {\n        this.value = (event.target as HTMLTextAreaElement).value;\n        this.onChange(this.value);\n    }\n\n    handleBlur(): void {\n        this.onTouched();\n    }\n}\n","<textarea\n    [id]=\"id\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    [rows]=\"rows\"\n    [attr.maxlength]=\"maxLength ?? null\"\n    [attr.aria-describedby]=\"describedBy || null\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [required]=\"required\"\n    [disabled]=\"disabled\"\n    (input)=\"handleInput($event)\"\n    (blur)=\"handleBlur()\"\n></textarea>\n@if (showCounter && maxLength) {\n    <span class=\"form-textarea-counter\" aria-live=\"polite\">\n        {{ value.length }} / {{ maxLength }}\n    </span>\n}\n","import { Component, forwardRef, Input } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n    selector: 'lib-form-toggle',\n    standalone: true,\n    templateUrl: './form-toggle.component.html',\n    styleUrl: './form-toggle.component.scss',\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => FormToggleComponent),\n            multi: true,\n        },\n    ],\n})\nexport class FormToggleComponent implements ControlValueAccessor {\n    @Input({ required: true }) id = '';\n    @Input() describedBy = '';\n\n    checked = false;\n    disabled = false;\n    private onChange: (value: boolean) => void = () => {};\n    private onTouched: () => void = () => {};\n\n    writeValue(value: boolean | null): void {\n        this.checked = value ?? false;\n    }\n\n    registerOnChange(fn: (value: boolean) => void): void {\n        this.onChange = fn;\n    }\n\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(disabled: boolean): void {\n        this.disabled = disabled;\n    }\n\n    handleChange(event: Event): void {\n        this.checked = (event.target as HTMLInputElement).checked;\n        this.onChange(this.checked);\n    }\n\n    handleBlur(): void {\n        this.onTouched();\n    }\n}\n","<label class=\"form-toggle\" [for]=\"id\">\n    <input\n        [id]=\"id\"\n        type=\"checkbox\"\n        role=\"switch\"\n        [checked]=\"checked\"\n        [attr.aria-describedby]=\"describedBy || null\"\n        [disabled]=\"disabled\"\n        (change)=\"handleChange($event)\"\n        (blur)=\"handleBlur()\"\n    />\n    <span class=\"form-toggle-track\" aria-hidden=\"true\"><span></span></span>\n    <span class=\"form-toggle-label\"><ng-content /></span>\n</label>\n"],"mappings":"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"}

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

@@ -25,6 +25,10 @@ const mapContactMinimal = (props, cdn) => ({
 	socials: mapButtons(props?.items?.[1]?.buttons),
 	img: mapImage(props?.multimedia?.image, cdn)
 });
+const mapContactForm = (props, cdn) => ({
+	...props,
+	img: mapImage(props?.multimedia?.image, cdn)
+});
 const mapNavModal = (navigation, lang) => {
 	if (!navigation?.items || !Array.isArray(navigation.items)) return [];
 	return navigation.items.map((item) => {
@@ -207,6 +211,7 @@ const componentMappers = {
 	"not-found": map404,
 	"split-previewer": mapSplitPreviewer,
 	"contact-minimal": mapContactMinimal,
+	"contact-form": mapContactForm,
 	"media-split": mapMediaSplit,
 	"stacked-rows": mapStackedRows,
 	"mosaic-parallax": mapMosaicParallax,
@@ -285,6 +290,6 @@ i0.ɵɵngDeclareClassMetadata({
 	}]
 });
 const CLOUDINARY_CLOUD_NAME = new InjectionToken("CLOUDINARY_CLOUD_NAME");
-export { CDN_BASE_URL, CLOUDINARY_CLOUD_NAME, MapperService, componentMappers, map404, mapAsymmetricMedia, mapCategoryProgress, mapColumnsFooter, mapColumnsMediaStacked, mapContactMinimal, mapContentDocument, mapHeaderClear, mapHeroSection, mapLangModal, mapLegalFooter, mapLinksFooter, mapMediaIntro, mapMediaSplit, mapMosaicGrid, mapMosaicParallax, mapNavModal, mapSectionIntro, mapSocialFooter, mapSocialLinks, mapSplitPreviewer, mapSplitShowcase, mapStackedRows, mapVisualFooter };
+export { CDN_BASE_URL, CLOUDINARY_CLOUD_NAME, MapperService, componentMappers, map404, mapAsymmetricMedia, mapCategoryProgress, mapColumnsFooter, mapColumnsMediaStacked, mapContactForm, mapContactMinimal, mapContentDocument, mapHeaderClear, mapHeroSection, mapLangModal, mapLegalFooter, mapLinksFooter, mapMediaIntro, mapMediaSplit, mapMosaicGrid, mapMosaicParallax, mapNavModal, mapSectionIntro, mapSocialFooter, mapSocialLinks, mapSplitPreviewer, mapSplitShowcase, mapStackedRows, mapVisualFooter };
 
 //# sourceMappingURL=lluc_llull-ui-lib-mapper.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"lluc_llull-ui-lib-mapper.mjs","names":[],"sources":["../../../projects/ui-lib/mapper/component-mappers/404.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/category-progress.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/contact-minimal.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/nav-modal.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/header-clear.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/hero-section.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/lang-modal.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/legal-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/links-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/section-intro.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/social-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/split-previewer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/visual-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/media-split.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/stacked-rows.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/mosaic-parallax.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/content-document.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/columns-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/split-showcase.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/asymmetric-media.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/media-intro.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/columns-media-stacked.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/mosaic-grid.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/index.ts","../../../projects/ui-lib/mapper/cdn.token.ts","../../../projects/ui-lib/mapper/mapper.service.ts","../../../projects/ui-lib/mapper/cloudinary.token.ts"],"sourcesContent":["import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const map404: ComponentMapperFn = (props) => ({\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    highlight: props?.texts?.highlight,\n    button: mapButtons(props?.buttons)[0],\n});\n","import { ComponentMapperFn } from './types';\n\nexport const mapCategoryProgress: ComponentMapperFn = (props) => ({\n    pretitle: props?.texts?.pretitle,\n    title: props?.texts?.title,\n    categories: props?.items?.map((item: any) => ({\n        title: item.title,\n        items: item.items?.map((subItem: any) => ({\n            label: subItem.name,\n            value: subItem.progress,\n        })),\n    })),\n});\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapContactMinimal: ComponentMapperFn = (props, cdn) => ({\n    contactsTitle: props?.texts?.contactsTitle,\n    socialsTitle: props?.texts?.socialsTitle,\n    contacts: mapButtons(props?.items?.[0]?.buttons),\n    socials: mapButtons(props?.items?.[1]?.buttons),\n    img: mapImage(props?.multimedia?.image, cdn),\n});\n","import { UiLibNavItemsI, UiLibSocialItemsI } from '@lluc_llull/ui-lib/interfaces';\n\nexport const mapNavModal = (navigation: any, lang: string): UiLibNavItemsI[] => {\n    if (!navigation?.items || !Array.isArray(navigation.items)) return [];\n\n    return navigation.items.map((item: any) => {\n        const slug = item.slug;\n\n        const url = slug === 'home' || slug === '' ? `/${lang}` : `/${lang}/${slug}`;\n\n        return {\n            label: item.label?.[lang] ?? item.label?.['es'] ?? slug,\n            url,\n            linkType: 'internal',\n            name: slug,\n            active: true,\n            children: [],\n        };\n    });\n};\n\nexport const mapSocialLinks = (navigation: any): UiLibSocialItemsI[] => {\n    if (!navigation?.social || !Array.isArray(navigation.social)) return [];\n\n    return navigation.social.map((item: any, index: number) => ({\n        label: item.label ?? '',\n        url: item.url ?? '',\n        linkType: item.linkType ?? 'external',\n        icon: item.icon ?? '',\n        order: item.order ?? index,\n    }));\n};\n","import { mapImage, mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { mapSocialLinks } from './nav-modal.mapper';\nimport { ComponentMapperFn } from './types';\n\nexport const mapHeaderClear: ComponentMapperFn = (props, cdn) => {\n    return {\n        logo: mapImage(props?.logo, cdn),\n        logoDark: mapImage(props?.logoDark, cdn),\n        lang: props?.lang || 'es',\n        navigation: props?.navigation,\n        socialItems: mapSocialLinks(props?.navigation),\n        homeLink: mapButtons(props?.buttons)[0],\n    };\n};\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapHeroSection: ComponentMapperFn = (props, cdn) => ({\n    pretitle: props?.texts?.pretitle,\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    text: props?.texts?.text,\n    buttons: mapButtons(props?.buttons),\n    highlight: props?.texts?.highlight,\n    variant: props?.variant,\n    image: mapImage(props?.multimedia?.image, cdn),\n});\n","import { UiLibLangItemI } from '@lluc_llull/ui-lib/interfaces';\n\nexport const mapLangModal = (langs: any[], currentLang: string = 'es'): UiLibLangItemI[] => {\n    if (!Array.isArray(langs)) return [];\n\n    return langs.map((lang, index) => {\n        const label = lang.labels?.[currentLang] || lang.labels?.[lang.code] || lang.code;\n\n        return {\n            id: lang.id ?? index,\n            code: lang.code,\n            label,\n        };\n    });\n};\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapLegalFooter: ComponentMapperFn = (props) => ({\n    year: props?.texts?.year,\n    brand: props?.texts?.brand,\n    credits: props?.texts?.credits,\n    links: mapButtons(props?.footer_links),\n    //variant\n});\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapLinksFooter: ComponentMapperFn = (props) => ({\n    links: mapButtons(props?.footer_links),\n});\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSectionIntro: ComponentMapperFn = (props) => ({\n    pretitle: props?.texts?.pretitle,\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    text: props?.texts?.text,\n    button: mapButtons(props?.buttons)[0],\n});\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSocialFooter: ComponentMapperFn = (props) => ({\n    images: mapImage(props?.multimedia),\n    socials: mapButtons(props?.social_links),\n    hashtag: props?.texts?.hashtag,\n});\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSplitPreviewer: ComponentMapperFn = (props, cdn) => ({\n    title: props?.texts?.title,\n    items: props?.items?.map((item: any) => ({\n        title: item.title,\n        description: item.description,\n        tags: item.tags,\n        link: mapButtons(item?.buttons)[0],\n        image: mapImage(item?.multimedia?.image, cdn),\n    })),\n    imageDefault: mapImage(props?.multimedia?.image, cdn),\n    direction: props?.direction ?? 'left',\n});\n","import { UiLibAddressI } from '@lluc_llull/ui-lib/interfaces';\nimport { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapVisualFooter: ComponentMapperFn = (props) => ({\n    contactTitle: props?.texts?.contactTitle,\n    contactPhone: mapButtons(props?.contactPhone),\n    contactEmail: mapButtons(props?.contactEmail),\n    addressTitle: props?.texts?.addressTitle,\n    address: {\n        address: props?.address?.address,\n        city: props?.address?.city,\n        country: props?.address?.country,\n        cp: props?.address?.cp,\n        province: props?.address?.province,\n    } as UiLibAddressI,\n    socialsTitle: props?.texts?.socialsTitle,\n    socials: mapButtons(props?.social_links),\n    image: mapImage(props?.multimedia),\n});\n","import { mapImageOrGallery } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapMediaSplit: ComponentMapperFn = (props, cdn) => ({\n    title: props?.texts?.title,\n    text: props?.texts?.text,\n    images: mapImageOrGallery(props?.multimedia?.images, cdn),\n});\n","import { ComponentMapperFn } from './types';\n\nexport const mapStackedRows: ComponentMapperFn = (props) => ({\n    title: props?.texts?.title,\n    text: props?.texts?.text,\n    items: props?.items?.map((item: any) => ({\n        title: item?.title,\n        text: item?.text,\n    })),\n});\n","import { mapImageOrGallery } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapMosaicParallax: ComponentMapperFn = (props, cdn) => ({\n    title: props?.texts?.title,\n    text: props?.texts?.text,\n    images: mapImageOrGallery(props?.multimedia?.images, cdn),\n});\n","import { ComponentMapperFn } from './types';\n\nexport const mapContentDocument: ComponentMapperFn = (props) => ({\n    title: props?.texts?.title,\n    items: props?.items?.map((item: any) => ({\n        title: item?.title,\n        text: item?.text,\n    })),\n});\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapColumnsFooter: ComponentMapperFn = (props) => ({\n    columns: props?.columns?.map((col: any) => ({\n        title: col?.texts?.title,\n        items: mapButtons(col?.buttons),\n    })),\n    copyright: {\n        year: props?.copyright?.texts?.year,\n        name: props?.copyright?.texts?.name,\n        rights: props?.copyright?.texts?.rights,\n    },\n});\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSplitShowcase: ComponentMapperFn = (props) => ({\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    description: props?.texts?.description,\n    metas: props?.meta?.map((item: any) => ({\n        label: item?.label,\n        value: item?.value,\n    })),\n    buttons: mapButtons(props?.buttons)\n});","import { mapImageOrGallery } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapAsymmetricMedia: ComponentMapperFn = (props, cdn) => ({\n    media: mapImageOrGallery(props?.multimedia?.images, cdn),\n    direction: props?.direction ?? 'left',\n});","import { mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapMediaIntro: ComponentMapperFn = (props, cdn) => ({\n    highlightedText: props?.texts?.highlightedText,\n    secondaryText: props?.texts?.secondaryText,\n    direction: props?.direction ?? 'left',\n    media: mapImage(props?.multimedia?.image, cdn),\n});","import { mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapColumnsMediaStacked: ComponentMapperFn = (props, cdn) => ({\n    leftColumn: props?.texts?.leftColumn,\n    rightColumn: props?.texts?.rightColumn,\n    direction: props?.direction ?? 'left',\n    image: mapImage(props?.multimedia?.image, cdn),\n});","import { mapImageOrGallery } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapMosaicGrid: ComponentMapperFn = (props, cdn) => ({\n    text: props?.texts?.editorialText,\n    images: mapImageOrGallery(props?.multimedia?.images, cdn),\n});\n","export * from './404.mapper';\nexport * from './category-progress.mapper';\nexport * from './contact-minimal.mapper';\nexport * from './header-clear.mapper';\nexport * from './hero-section.mapper';\nexport * from './lang-modal.mapper';\nexport * from './legal-footer.mapper';\nexport * from './links-footer.mapper';\nexport * from './nav-modal.mapper';\nexport * from './section-intro.mapper';\nexport * from './social-footer.mapper';\nexport * from './split-previewer.mapper';\nexport * from './visual-footer.mapper';\nexport * from './media-split.mapper';\nexport * from './stacked-rows.mapper';\nexport * from './mosaic-parallax.mapper';\nexport * from './content-document.mapper';\nexport * from './columns-footer.mapper';\nexport * from './split-showcase.mapper';\nexport * from './asymmetric-media.mapper';\nexport * from './media-intro.mapper';\nexport * from './columns-media-stacked.mapper';\nexport * from './mosaic-grid.mapper';\n\nimport { map404 } from './404.mapper';\nimport { mapCategoryProgress } from './category-progress.mapper';\nimport { mapContactMinimal } from './contact-minimal.mapper';\nimport { mapHeaderClear } from './header-clear.mapper';\nimport { mapHeroSection } from './hero-section.mapper';\nimport { mapLangModal } from './lang-modal.mapper';\nimport { mapLegalFooter } from './legal-footer.mapper';\nimport { mapLinksFooter } from './links-footer.mapper';\nimport { mapMediaSplit } from './media-split.mapper';\nimport { mapSectionIntro } from './section-intro.mapper';\nimport { mapSocialFooter } from './social-footer.mapper';\nimport { mapSplitPreviewer } from './split-previewer.mapper';\nimport { mapStackedRows } from './stacked-rows.mapper';\nimport { mapVisualFooter } from './visual-footer.mapper';\nimport { mapMosaicParallax } from './mosaic-parallax.mapper';\nimport { mapContentDocument } from './content-document.mapper';\nimport { mapColumnsFooter } from './columns-footer.mapper';\nimport { mapSplitShowcase } from './split-showcase.mapper';\nimport { mapAsymmetricMedia } from './asymmetric-media.mapper';\nimport { mapMediaIntro } from './media-intro.mapper';\nimport { mapColumnsMediaStacked } from './columns-media-stacked.mapper';\nimport { mapMosaicGrid } from './mosaic-grid.mapper';\n\nexport const componentMappers: Record<string, (props: any, cdn?: string) => any> = {\n    'hero-section': mapHeroSection,\n    'header-clear': mapHeaderClear,\n    'lang-modal': mapLangModal,\n    'section-intro': mapSectionIntro,\n    'category-progress': mapCategoryProgress,\n    'links-footer': mapLinksFooter,\n    'legal-footer': mapLegalFooter,\n    'social-footer': mapSocialFooter,\n    'visual-footer': mapVisualFooter,\n    'not-found': map404,\n    'split-previewer': mapSplitPreviewer,\n    'contact-minimal': mapContactMinimal,\n    'media-split': mapMediaSplit,\n    'stacked-rows': mapStackedRows,\n    'mosaic-parallax': mapMosaicParallax,\n    'content-document': mapContentDocument,\n    'columns-footer': mapColumnsFooter,\n    'split-showcase': mapSplitShowcase,\n    'asymmetric-media': mapAsymmetricMedia,\n    'media-intro': mapMediaIntro,\n    'columns-media-stacked': mapColumnsMediaStacked,\n    'mosaic-grid': mapMosaicGrid,\n};\n","import { InjectionToken } from '@angular/core';\n\nexport const CDN_BASE_URL = new InjectionToken<string>('CDN_BASE_URL');","import { Inject, Injectable, PLATFORM_ID } from '@angular/core';\nimport { BodyComponent } from '@lluc_llull/ui-lib/interfaces';\nimport { CDN_BASE_URL } from './cdn.token';\nimport { componentMappers } from './component-mappers';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class MapperService {\n\n    constructor(@Inject(PLATFORM_ID) private readonly platformId: Object, @Inject(CDN_BASE_URL) private readonly cdn: string) {}\n\n    mapComponents<T>(body: any[]): BodyComponent<T>[] {\n        if (!body || body.length === 0) {\n            return [];\n        }\n\n        return body\n            .filter((component) => component && component.name && component.props)\n            .map((component) => {\n                const name = component.name.toLowerCase();\n                const mapper = componentMappers[name];\n\n                const mapped: BodyComponent<T> = {\n                    name,\n                    order: component.order,\n                    props: {} as T,\n                };\n\n                if (mapper) {\n                    try {\n                        mapped.props = mapper(component.props, this.cdn) as T;\n                    } catch (e) {\n                        console.error(`Error mapping props for component \"${name}\"`, e);\n                    }\n                } else {\n                    console.warn(`No mapper found for component \"${name}\"`);\n                }\n\n                return mapped;\n            });\n    }\n}\n","import { InjectionToken } from '@angular/core';\n\nexport const CLOUDINARY_CLOUD_NAME = new InjectionToken<string>('CLOUDINARY_CLOUD_NAME');\n"],"mappings":"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"}
+{"version":3,"file":"lluc_llull-ui-lib-mapper.mjs","names":[],"sources":["../../../projects/ui-lib/mapper/component-mappers/404.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/category-progress.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/contact-minimal.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/contact-form.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/nav-modal.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/header-clear.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/hero-section.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/lang-modal.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/legal-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/links-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/section-intro.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/social-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/split-previewer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/visual-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/media-split.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/stacked-rows.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/mosaic-parallax.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/content-document.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/columns-footer.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/split-showcase.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/asymmetric-media.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/media-intro.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/columns-media-stacked.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/mosaic-grid.mapper.ts","../../../projects/ui-lib/mapper/component-mappers/index.ts","../../../projects/ui-lib/mapper/cdn.token.ts","../../../projects/ui-lib/mapper/mapper.service.ts","../../../projects/ui-lib/mapper/cloudinary.token.ts"],"sourcesContent":["import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const map404: ComponentMapperFn = (props) => ({\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    highlight: props?.texts?.highlight,\n    button: mapButtons(props?.buttons)[0],\n});\n","import { ComponentMapperFn } from './types';\n\nexport const mapCategoryProgress: ComponentMapperFn = (props) => ({\n    pretitle: props?.texts?.pretitle,\n    title: props?.texts?.title,\n    categories: props?.items?.map((item: any) => ({\n        title: item.title,\n        items: item.items?.map((subItem: any) => ({\n            label: subItem.name,\n            value: subItem.progress,\n        })),\n    })),\n});\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapContactMinimal: ComponentMapperFn = (props, cdn) => ({\n    contactsTitle: props?.texts?.contactsTitle,\n    socialsTitle: props?.texts?.socialsTitle,\n    contacts: mapButtons(props?.items?.[0]?.buttons),\n    socials: mapButtons(props?.items?.[1]?.buttons),\n    img: mapImage(props?.multimedia?.image, cdn),\n});\n","import { mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapContactForm: ComponentMapperFn = (props, cdn) => ({\n    ...props,\n    img: mapImage(props?.multimedia?.image, cdn),\n});\n","import { UiLibNavItemsI, UiLibSocialItemsI } from '@lluc_llull/ui-lib/interfaces';\n\nexport const mapNavModal = (navigation: any, lang: string): UiLibNavItemsI[] => {\n    if (!navigation?.items || !Array.isArray(navigation.items)) return [];\n\n    return navigation.items.map((item: any) => {\n        const slug = item.slug;\n\n        const url = slug === 'home' || slug === '' ? `/${lang}` : `/${lang}/${slug}`;\n\n        return {\n            label: item.label?.[lang] ?? item.label?.['es'] ?? slug,\n            url,\n            linkType: 'internal',\n            name: slug,\n            active: true,\n            children: [],\n        };\n    });\n};\n\nexport const mapSocialLinks = (navigation: any): UiLibSocialItemsI[] => {\n    if (!navigation?.social || !Array.isArray(navigation.social)) return [];\n\n    return navigation.social.map((item: any, index: number) => ({\n        label: item.label ?? '',\n        url: item.url ?? '',\n        linkType: item.linkType ?? 'external',\n        icon: item.icon ?? '',\n        order: item.order ?? index,\n    }));\n};\n","import { mapImage, mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { mapSocialLinks } from './nav-modal.mapper';\nimport { ComponentMapperFn } from './types';\n\nexport const mapHeaderClear: ComponentMapperFn = (props, cdn) => {\n    return {\n        logo: mapImage(props?.logo, cdn),\n        logoDark: mapImage(props?.logoDark, cdn),\n        lang: props?.lang || 'es',\n        navigation: props?.navigation,\n        socialItems: mapSocialLinks(props?.navigation),\n        homeLink: mapButtons(props?.buttons)[0],\n    };\n};\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapHeroSection: ComponentMapperFn = (props, cdn) => ({\n    pretitle: props?.texts?.pretitle,\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    text: props?.texts?.text,\n    buttons: mapButtons(props?.buttons),\n    highlight: props?.texts?.highlight,\n    variant: props?.variant,\n    image: mapImage(props?.multimedia?.image, cdn),\n});\n","import { UiLibLangItemI } from '@lluc_llull/ui-lib/interfaces';\n\nexport const mapLangModal = (langs: any[], currentLang: string = 'es'): UiLibLangItemI[] => {\n    if (!Array.isArray(langs)) return [];\n\n    return langs.map((lang, index) => {\n        const label = lang.labels?.[currentLang] || lang.labels?.[lang.code] || lang.code;\n\n        return {\n            id: lang.id ?? index,\n            code: lang.code,\n            label,\n        };\n    });\n};\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapLegalFooter: ComponentMapperFn = (props) => ({\n    year: props?.texts?.year,\n    brand: props?.texts?.brand,\n    credits: props?.texts?.credits,\n    links: mapButtons(props?.footer_links),\n    //variant\n});\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapLinksFooter: ComponentMapperFn = (props) => ({\n    links: mapButtons(props?.footer_links),\n});\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSectionIntro: ComponentMapperFn = (props) => ({\n    pretitle: props?.texts?.pretitle,\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    text: props?.texts?.text,\n    button: mapButtons(props?.buttons)[0],\n});\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSocialFooter: ComponentMapperFn = (props) => ({\n    images: mapImage(props?.multimedia),\n    socials: mapButtons(props?.social_links),\n    hashtag: props?.texts?.hashtag,\n});\n","import { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSplitPreviewer: ComponentMapperFn = (props, cdn) => ({\n    title: props?.texts?.title,\n    items: props?.items?.map((item: any) => ({\n        title: item.title,\n        description: item.description,\n        tags: item.tags,\n        link: mapButtons(item?.buttons)[0],\n        image: mapImage(item?.multimedia?.image, cdn),\n    })),\n    imageDefault: mapImage(props?.multimedia?.image, cdn),\n    direction: props?.direction ?? 'left',\n});\n","import { UiLibAddressI } from '@lluc_llull/ui-lib/interfaces';\nimport { mapButtons, mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapVisualFooter: ComponentMapperFn = (props) => ({\n    contactTitle: props?.texts?.contactTitle,\n    contactPhone: mapButtons(props?.contactPhone),\n    contactEmail: mapButtons(props?.contactEmail),\n    addressTitle: props?.texts?.addressTitle,\n    address: {\n        address: props?.address?.address,\n        city: props?.address?.city,\n        country: props?.address?.country,\n        cp: props?.address?.cp,\n        province: props?.address?.province,\n    } as UiLibAddressI,\n    socialsTitle: props?.texts?.socialsTitle,\n    socials: mapButtons(props?.social_links),\n    image: mapImage(props?.multimedia),\n});\n","import { mapImageOrGallery } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapMediaSplit: ComponentMapperFn = (props, cdn) => ({\n    title: props?.texts?.title,\n    text: props?.texts?.text,\n    images: mapImageOrGallery(props?.multimedia?.images, cdn),\n});\n","import { ComponentMapperFn } from './types';\n\nexport const mapStackedRows: ComponentMapperFn = (props) => ({\n    title: props?.texts?.title,\n    text: props?.texts?.text,\n    items: props?.items?.map((item: any) => ({\n        title: item?.title,\n        text: item?.text,\n    })),\n});\n","import { mapImageOrGallery } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapMosaicParallax: ComponentMapperFn = (props, cdn) => ({\n    title: props?.texts?.title,\n    text: props?.texts?.text,\n    images: mapImageOrGallery(props?.multimedia?.images, cdn),\n});\n","import { ComponentMapperFn } from './types';\n\nexport const mapContentDocument: ComponentMapperFn = (props) => ({\n    title: props?.texts?.title,\n    items: props?.items?.map((item: any) => ({\n        title: item?.title,\n        text: item?.text,\n    })),\n});\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapColumnsFooter: ComponentMapperFn = (props) => ({\n    columns: props?.columns?.map((col: any) => ({\n        title: col?.texts?.title,\n        items: mapButtons(col?.buttons),\n    })),\n    copyright: {\n        year: props?.copyright?.texts?.year,\n        name: props?.copyright?.texts?.name,\n        rights: props?.copyright?.texts?.rights,\n    },\n});\n","import { mapButtons } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapSplitShowcase: ComponentMapperFn = (props) => ({\n    title: props?.texts?.title,\n    subtitle: props?.texts?.subtitle,\n    description: props?.texts?.description,\n    metas: props?.meta?.map((item: any) => ({\n        label: item?.label,\n        value: item?.value,\n    })),\n    buttons: mapButtons(props?.buttons)\n});","import { mapImageOrGallery } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapAsymmetricMedia: ComponentMapperFn = (props, cdn) => ({\n    media: mapImageOrGallery(props?.multimedia?.images, cdn),\n    direction: props?.direction ?? 'left',\n});","import { mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapMediaIntro: ComponentMapperFn = (props, cdn) => ({\n    highlightedText: props?.texts?.highlightedText,\n    secondaryText: props?.texts?.secondaryText,\n    direction: props?.direction ?? 'left',\n    media: mapImage(props?.multimedia?.image, cdn),\n});","import { mapImage } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapColumnsMediaStacked: ComponentMapperFn = (props, cdn) => ({\n    leftColumn: props?.texts?.leftColumn,\n    rightColumn: props?.texts?.rightColumn,\n    direction: props?.direction ?? 'left',\n    image: mapImage(props?.multimedia?.image, cdn),\n});","import { mapImageOrGallery } from '@lluc_llull/ui-lib/utils';\nimport { ComponentMapperFn } from './types';\n\nexport const mapMosaicGrid: ComponentMapperFn = (props, cdn) => ({\n    text: props?.texts?.editorialText,\n    images: mapImageOrGallery(props?.multimedia?.images, cdn),\n});\n","export * from './404.mapper';\nexport * from './category-progress.mapper';\nexport * from './contact-minimal.mapper';\nexport * from './contact-form.mapper';\nexport * from './header-clear.mapper';\nexport * from './hero-section.mapper';\nexport * from './lang-modal.mapper';\nexport * from './legal-footer.mapper';\nexport * from './links-footer.mapper';\nexport * from './nav-modal.mapper';\nexport * from './section-intro.mapper';\nexport * from './social-footer.mapper';\nexport * from './split-previewer.mapper';\nexport * from './visual-footer.mapper';\nexport * from './media-split.mapper';\nexport * from './stacked-rows.mapper';\nexport * from './mosaic-parallax.mapper';\nexport * from './content-document.mapper';\nexport * from './columns-footer.mapper';\nexport * from './split-showcase.mapper';\nexport * from './asymmetric-media.mapper';\nexport * from './media-intro.mapper';\nexport * from './columns-media-stacked.mapper';\nexport * from './mosaic-grid.mapper';\n\nimport { map404 } from './404.mapper';\nimport { mapCategoryProgress } from './category-progress.mapper';\nimport { mapContactMinimal } from './contact-minimal.mapper';\nimport { mapContactForm } from './contact-form.mapper';\nimport { mapHeaderClear } from './header-clear.mapper';\nimport { mapHeroSection } from './hero-section.mapper';\nimport { mapLangModal } from './lang-modal.mapper';\nimport { mapLegalFooter } from './legal-footer.mapper';\nimport { mapLinksFooter } from './links-footer.mapper';\nimport { mapMediaSplit } from './media-split.mapper';\nimport { mapSectionIntro } from './section-intro.mapper';\nimport { mapSocialFooter } from './social-footer.mapper';\nimport { mapSplitPreviewer } from './split-previewer.mapper';\nimport { mapStackedRows } from './stacked-rows.mapper';\nimport { mapVisualFooter } from './visual-footer.mapper';\nimport { mapMosaicParallax } from './mosaic-parallax.mapper';\nimport { mapContentDocument } from './content-document.mapper';\nimport { mapColumnsFooter } from './columns-footer.mapper';\nimport { mapSplitShowcase } from './split-showcase.mapper';\nimport { mapAsymmetricMedia } from './asymmetric-media.mapper';\nimport { mapMediaIntro } from './media-intro.mapper';\nimport { mapColumnsMediaStacked } from './columns-media-stacked.mapper';\nimport { mapMosaicGrid } from './mosaic-grid.mapper';\n\nexport const componentMappers: Record<string, (props: any, cdn?: string) => any> = {\n    'hero-section': mapHeroSection,\n    'header-clear': mapHeaderClear,\n    'lang-modal': mapLangModal,\n    'section-intro': mapSectionIntro,\n    'category-progress': mapCategoryProgress,\n    'links-footer': mapLinksFooter,\n    'legal-footer': mapLegalFooter,\n    'social-footer': mapSocialFooter,\n    'visual-footer': mapVisualFooter,\n    'not-found': map404,\n    'split-previewer': mapSplitPreviewer,\n    'contact-minimal': mapContactMinimal,\n    'contact-form': mapContactForm,\n    'media-split': mapMediaSplit,\n    'stacked-rows': mapStackedRows,\n    'mosaic-parallax': mapMosaicParallax,\n    'content-document': mapContentDocument,\n    'columns-footer': mapColumnsFooter,\n    'split-showcase': mapSplitShowcase,\n    'asymmetric-media': mapAsymmetricMedia,\n    'media-intro': mapMediaIntro,\n    'columns-media-stacked': mapColumnsMediaStacked,\n    'mosaic-grid': mapMosaicGrid,\n};\n","import { InjectionToken } from '@angular/core';\n\nexport const CDN_BASE_URL = new InjectionToken<string>('CDN_BASE_URL');","import { Inject, Injectable, PLATFORM_ID } from '@angular/core';\nimport { BodyComponent } from '@lluc_llull/ui-lib/interfaces';\nimport { CDN_BASE_URL } from './cdn.token';\nimport { componentMappers } from './component-mappers';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class MapperService {\n\n    constructor(@Inject(PLATFORM_ID) private readonly platformId: Object, @Inject(CDN_BASE_URL) private readonly cdn: string) {}\n\n    mapComponents<T>(body: any[]): BodyComponent<T>[] {\n        if (!body || body.length === 0) {\n            return [];\n        }\n\n        return body\n            .filter((component) => component && component.name && component.props)\n            .map((component) => {\n                const name = component.name.toLowerCase();\n                const mapper = componentMappers[name];\n\n                const mapped: BodyComponent<T> = {\n                    name,\n                    order: component.order,\n                    props: {} as T,\n                };\n\n                if (mapper) {\n                    try {\n                        mapped.props = mapper(component.props, this.cdn) as T;\n                    } catch (e) {\n                        console.error(`Error mapping props for component \"${name}\"`, e);\n                    }\n                } else {\n                    console.warn(`No mapper found for component \"${name}\"`);\n                }\n\n                return mapped;\n            });\n    }\n}\n","import { InjectionToken } from '@angular/core';\n\nexport const CLOUDINARY_CLOUD_NAME = new InjectionToken<string>('CLOUDINARY_CLOUD_NAME');\n"],"mappings":"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"}