@lluc_llull/ui-lib 0.34.3 → 0.36.0

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

@@ -1 +1 @@
-{"version":3,"file":"lluc_llull-ui-lib-footers.mjs","names":[],"sources":["../../../projects/ui-lib/footers/legal-footer/legal-footer.component.ts","../../../projects/ui-lib/footers/legal-footer/legal-footer.component.html","../../../projects/ui-lib/footers/links-footer/links-footer.component.ts","../../../projects/ui-lib/footers/links-footer/links-footer.component.html","../../../projects/ui-lib/footers/social-footer/social-footer.component.ts","../../../projects/ui-lib/footers/social-footer/social-footer.component.html","../../../projects/ui-lib/footers/visual-footer/visual-footer.component.ts","../../../projects/ui-lib/footers/visual-footer/visual-footer.component.html","../../../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 { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\n\nexport type LegalFooterVariant = 'simple' | 'extended';\n\n@Component({\n    selector: 'lib-legal-footer',\n    standalone: true,\n    imports: [CommonModule],\n    templateUrl: './legal-footer.component.html',\n    styleUrl: './legal-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class LegalFooterComponent {\n    @Input() year?: number;\n    @Input() brand?: string;\n    @Input() credits?: string;\n    @Input() links?: UiLibButtonI[];\n    @Input() variant: LegalFooterVariant = 'simple';\n}\n","<div class=\"legal-footer col-span-full sm:col-span-12 sm:col-start-1\" [ngClass]=\"variant\">\n  <!-- Variante simple -->\n  @if (variant === 'simple') {\n    <div class=\"legal-footer__simple main-grid col-span-full\">\n      <span class=\"legal-footer__simple-brand col-span-full sm:col-span-6 sm:col-start-1\">\n        <b>{{ brand }} © {{ year }}</b>\n      </span>\n      <span class=\"legal-footer__simple-credits col-span-full sm:col-span-6 sm:col-start-7\">{{ credits }}</span>\n    </div>\n  }\n\n  <!-- Variante extendida -->\n  @if (variant === 'extended') {\n    <div class=\"legal-footer__extended col-span-full\">\n      <span class=\"legal-footer__year col-span-full sm:col-span-3 sm:col-start-1\">\n        <b>{{ brand }} © {{ year }}</b>\n      </span>\n\n      <div class=\"legal-footer__right col-span-full sm:col-span-9 sm:col-start-4\">\n        @if (links?.length) {\n          <ul class=\"legal-footer__links\">\n            @for (link of links; track $index) {\n              <li>\n                <a [href]=\"link.url\">{{ link.label }}</a>\n              </li>\n            }\n            <li class=\"legal-footer__credits\">{{ credits }}</li>\n          </ul>\n        }\n      </div>\n    </div>\n  }\n</div>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\nimport { LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\n\n@Component({\n    selector: 'lib-links-footer',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective],\n    templateUrl: './links-footer.component.html',\n    styleUrl: './links-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class LinksFooterComponent {\n    @Input() links?: UiLibButtonI[];\n}\n","@if (links) {\n  <div class=\"links-footer main-grid col-span-full\">\n    <ul class=\"col-span-full\">\n      @for (link of links; track $index) {\n        <li>\n          <a [href]=\"link.url\" [linkType]=\"link.linkType\" class=\"btn btn-link\">\n            {{ link.label }}\n          </a>\n        </li>\n      }\n    </ul>\n  </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UiLibButtonI, UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\nimport { SwiperDirective } from '@lluc_llull/ui-lib/sliders';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n    selector: 'lib-social-footer',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective, SwiperDirective, UiIconComponent],\n    templateUrl: './social-footer.component.html',\n    styleUrl: './social-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class SocialFooterComponent {\n    @Input() images?: UiLibImageI[];\n    @Input() socials?: UiLibButtonI[];\n    @Input() hashtag?: string;\n}\n","<div class=\"social-footer main-grid col-span-full sm:col-span-12 sm:col-start-1\">\n  <div class=\"social-footer__slider-images swiper col-span-full\" appSwiper>\n    <div class=\"swiper-wrapper\">\n      @for (image of images; track $index) {\n        <div class=\"swiper-slide\">\n          <img [src]=\"image?.url\" [alt]=\"image?.alt || ''\" />\n        </div>\n      }\n    </div>\n    <div class=\"swiper-button-prev\">\n       <ui-icon name=\"arrow-left\" [size]=\"17\" color=\"#fff\"></ui-icon>\n    </div>\n    <div class=\"swiper-button-next\">\n      <ui-icon name=\"arrow-right\" [size]=\"17\" color=\"#fff\"></ui-icon>\n    </div>\n  </div>\n\n  <div class=\"social-footer__bottom-section main-grid col-span-full\">\n    @if (hashtag) {\n      <div class=\"social-footer__hashtag col-span-full sm:col-span-6 sm:col-start-1\">\n        <span>{{ hashtag }}</span>\n      </div>\n    }\n    @if (socials) {\n      <div class=\"social-footer__socials col-span-full sm:col-span-6 sm:col-start-7\">\n        @for (social of socials; track $index) {\n          <a [href]=\"social.url\" [attr.aria-label]=\"social.label\" [linkType]=\"social.linkType\">\n            @if (social.icon) {\n              <ui-icon [name]=\"social.icon\" [size]=\"28\"></ui-icon>\n            }\n          </a>\n        }\n      </div>\n    }\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UiLibAddressI, UiLibButtonI, UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\n\n@Component({\n    selector: 'lib-visual-footer',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective],\n    templateUrl: './visual-footer.component.html',\n    styleUrl: './visual-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class VisualFooterComponent {\n    @Input() contactTitle?: string;\n    @Input() contactPhone?: UiLibButtonI;\n    @Input() contactEmail?: UiLibButtonI;\n    @Input() addressTitle?: string;\n    @Input() address?: UiLibAddressI;\n    @Input() socialsTitle?: string;\n    @Input() socials?: UiLibButtonI[];\n    @Input() image?: UiLibImageI;\n}\n","<div class=\"visual-footer main-grid col-span-full sm:col-span-12 sm:col-start-1\">\n  <div class=\"visual-footer__texts col-span-full sm:col-span-3 sm:col-start-1\">\n    <div class=\"visual-footer__contact\">\n      @if (contactTitle) {\n        <h2 class=\"title\">{{ contactTitle }}</h2>\n      }\n      @if (contactPhone) {\n        <a [href]=\"contactPhone.url\" [linkType]=\"contactPhone.linkType\" class=\"btn btn-link\">\n          <span>{{ contactPhone.label }}</span>\n        </a>\n      }\n      @if (contactEmail) {\n        <a [href]=\"contactEmail.url\" [linkType]=\"contactEmail.linkType\" class=\"btn btn-link\">\n          <span>{{ contactEmail.label }}</span>\n        </a>\n      }\n    </div>\n    <div class=\"visual-footer__address\">\n      @if (addressTitle) {\n        <h2 class=\"title\">{{ addressTitle }}</h2>\n      }\n      <p class=\"text\">\n        <span>{{ address?.address }}</span>\n        <span>{{ address?.cp }} {{ address?.city }}</span>\n        <span>{{ address?.province }} {{ address?.country }}</span>\n      </p>\n    </div>\n    <div class=\"visual-footer__socials\">\n      @if (socialsTitle) {\n        <h2 class=\"title\">{{ socialsTitle }}</h2>\n      }\n      @if (socials) {\n        @for (social of socials; track $index) {\n          <a [href]=\"social.url\" [linkType]=\"social.linkType\" class=\"btn btn-link\">\n            <span>{{ social.label }}</span>\n          </a>\n        }\n      }\n    </div>\n  </div>\n  <div class=\"visual-footer__image col-span-full sm:col-span-8 sm:col-start-5\">\n    @if (image) {\n      <img [src]=\"image.url\" [alt]=\"image.alt\" loading=\"lazy\" />\n    }\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\n\n@Component({\n    selector: 'lib-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":"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"}
+{"version":3,"file":"lluc_llull-ui-lib-footers.mjs","names":[],"sources":["../../../projects/ui-lib/footers/legal-footer/legal-footer.component.ts","../../../projects/ui-lib/footers/legal-footer/legal-footer.component.html","../../../projects/ui-lib/footers/links-footer/links-footer.component.ts","../../../projects/ui-lib/footers/links-footer/links-footer.component.html","../../../projects/ui-lib/footers/social-footer/social-footer.component.ts","../../../projects/ui-lib/footers/social-footer/social-footer.component.html","../../../projects/ui-lib/footers/visual-footer/visual-footer.component.ts","../../../projects/ui-lib/footers/visual-footer/visual-footer.component.html","../../../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 { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\n\nexport type LegalFooterVariant = 'simple' | 'extended';\n\n@Component({\n    selector: 'lib-legal-footer',\n    standalone: true,\n    imports: [CommonModule],\n    templateUrl: './legal-footer.component.html',\n    styleUrl: './legal-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class LegalFooterComponent {\n    @Input() year?: number;\n    @Input() brand?: string;\n    @Input() credits?: string;\n    @Input() links?: UiLibButtonI[];\n    @Input() variant: LegalFooterVariant = 'simple';\n}\n","<div class=\"legal-footer col-span-full sm:col-span-12 sm:col-start-1\" [ngClass]=\"variant\">\n  <!-- Variante simple -->\n  @if (variant === 'simple') {\n    <div class=\"legal-footer__simple main-grid col-span-full\">\n      <span class=\"legal-footer__simple-brand col-span-full sm:col-span-6 sm:col-start-1\">\n        <b>{{ brand }} © {{ year }}</b>\n      </span>\n      <span class=\"legal-footer__simple-credits col-span-full sm:col-span-6 sm:col-start-7\">{{ credits }}</span>\n    </div>\n  }\n\n  <!-- Variante extendida -->\n  @if (variant === 'extended') {\n    <div class=\"legal-footer__extended col-span-full\">\n      <span class=\"legal-footer__year col-span-full sm:col-span-3 sm:col-start-1\">\n        <b>{{ brand }} © {{ year }}</b>\n      </span>\n\n      <div class=\"legal-footer__right col-span-full sm:col-span-9 sm:col-start-4\">\n        @if (links?.length) {\n          <ul class=\"legal-footer__links\">\n            @for (link of links; track $index) {\n              <li>\n                <a [href]=\"link.url\">{{ link.label }}</a>\n              </li>\n            }\n            <li class=\"legal-footer__credits\">{{ credits }}</li>\n          </ul>\n        }\n      </div>\n    </div>\n  }\n</div>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\nimport { LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\n\n@Component({\n    selector: 'lib-links-footer',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective],\n    templateUrl: './links-footer.component.html',\n    styleUrl: './links-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class LinksFooterComponent {\n    @Input() links?: UiLibButtonI[];\n}\n","@if (links) {\n  <div class=\"links-footer main-grid col-span-full\">\n    <ul class=\"col-span-full\">\n      @for (link of links; track $index) {\n        <li>\n          <a [href]=\"link.url\" [linkType]=\"link.linkType\" class=\"btn btn-link\">\n            {{ link.label }}\n          </a>\n        </li>\n      }\n    </ul>\n  </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UiLibButtonI, UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\nimport { SwiperDirective } from '@lluc_llull/ui-lib/sliders';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n    selector: 'lib-social-footer',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective, SwiperDirective, UiIconComponent],\n    templateUrl: './social-footer.component.html',\n    styleUrl: './social-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class SocialFooterComponent {\n    @Input() images?: UiLibImageI[];\n    @Input() socials?: UiLibButtonI[];\n    @Input() hashtag?: string;\n}\n","<div class=\"social-footer main-grid col-span-full sm:col-span-12 sm:col-start-1\">\n  <div class=\"social-footer__slider-images swiper col-span-full\" appSwiper>\n    <div class=\"swiper-wrapper\">\n      @for (image of images; track $index) {\n        <div class=\"swiper-slide\">\n          <img [src]=\"image?.url\" [alt]=\"image?.alt || ''\" />\n        </div>\n      }\n    </div>\n    <div class=\"swiper-button-prev\">\n       <ui-icon name=\"arrow-left\" [size]=\"17\" color=\"#fff\"></ui-icon>\n    </div>\n    <div class=\"swiper-button-next\">\n      <ui-icon name=\"arrow-right\" [size]=\"17\" color=\"#fff\"></ui-icon>\n    </div>\n  </div>\n\n  <div class=\"social-footer__bottom-section main-grid col-span-full\">\n    @if (hashtag) {\n      <div class=\"social-footer__hashtag col-span-full sm:col-span-6 sm:col-start-1\">\n        <span>{{ hashtag }}</span>\n      </div>\n    }\n    @if (socials) {\n      <div class=\"social-footer__socials col-span-full sm:col-span-6 sm:col-start-7\">\n        @for (social of socials; track $index) {\n          <a [href]=\"social.url\" [attr.aria-label]=\"social.label\" [linkType]=\"social.linkType\">\n            @if (social.icon) {\n              <ui-icon [name]=\"social.icon\" [size]=\"28\"></ui-icon>\n            }\n          </a>\n        }\n      </div>\n    }\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UiLibAddressI, UiLibButtonI, UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\n\n@Component({\n    selector: 'lib-visual-footer',\n    standalone: true,\n    imports: [CommonModule, LinkTypeDirective],\n    templateUrl: './visual-footer.component.html',\n    styleUrl: './visual-footer.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class VisualFooterComponent {\n    @Input() contactTitle?: string;\n    @Input() contactPhone?: UiLibButtonI;\n    @Input() contactEmail?: UiLibButtonI;\n    @Input() addressTitle?: string;\n    @Input() address?: UiLibAddressI;\n    @Input() socialsTitle?: string;\n    @Input() socials?: UiLibButtonI[];\n    @Input() image?: UiLibImageI;\n}\n","<div class=\"visual-footer main-grid col-span-full sm:col-span-12 sm:col-start-1\">\n  <div class=\"visual-footer__texts col-span-full sm:col-span-3 sm:col-start-1\">\n    <div class=\"visual-footer__contact\">\n      @if (contactTitle) {\n        <h2 class=\"title\">{{ contactTitle }}</h2>\n      }\n      @if (contactPhone) {\n        <a [href]=\"contactPhone.url\" [linkType]=\"contactPhone.linkType\" class=\"btn btn-link\">\n          <span>{{ contactPhone.label }}</span>\n        </a>\n      }\n      @if (contactEmail) {\n        <a [href]=\"contactEmail.url\" [linkType]=\"contactEmail.linkType\" class=\"btn btn-link\">\n          <span>{{ contactEmail.label }}</span>\n        </a>\n      }\n    </div>\n    <div class=\"visual-footer__address\">\n      @if (addressTitle) {\n        <h2 class=\"title\">{{ addressTitle }}</h2>\n      }\n      <p class=\"text\">\n        <span>{{ address?.address }}</span>\n        <span>{{ address?.cp }} {{ address?.city }}</span>\n        <span>{{ address?.province }} {{ address?.country }}</span>\n      </p>\n    </div>\n    <div class=\"visual-footer__socials\">\n      @if (socialsTitle) {\n        <h2 class=\"title\">{{ socialsTitle }}</h2>\n      }\n      @if (socials) {\n        @for (social of socials; track $index) {\n          <a [href]=\"social.url\" [linkType]=\"social.linkType\" class=\"btn btn-link\">\n            <span>{{ social.label }}</span>\n          </a>\n        }\n      }\n    </div>\n  </div>\n  <div class=\"visual-footer__image col-span-full sm:col-span-8 sm:col-start-5\">\n    @if (image) {\n      <img [src]=\"image.url\" [alt]=\"image.alt\" loading=\"lazy\" />\n    }\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\nimport { UiLibButtonI } from '@lluc_llull/ui-lib/interfaces';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n    selector: 'lib-columns-footer',\n    imports: [CommonModule, LinkTypeDirective, UiIconComponent],\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  scrollToTop(): void {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\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        <button\n          type=\"button\"\n          class=\"columns-footer__one-to-top\"\n          aria-label=\"Volver arriba\"\n          (click)=\"scrollToTop()\"\n        >\n          <ui-icon name=\"arrow-up-right\" [size]=\"20\" color=\"currentColor\"></ui-icon>\n        </button>\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":"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"}

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

@@ -0,0 +1,254 @@
+import * as i0 from "@angular/core";
+import { Component, EventEmitter, Input, Output, signal } from "@angular/core";
+import * as i1 from "@angular/forms";
+import { FormControl, FormGroup, ReactiveFormsModule, Validators } from "@angular/forms";
+import { FormFieldComponent, FormInputComponent, FormTextareaComponent } from "@lluc_llull/ui-lib/forms";
+import { UiIconComponent, UiImageComponent } from "@lluc_llull/ui-lib/shared";
+var ContactFormComponent = class ContactFormComponent {
+	texts;
+	privacyUrl = "/es/privacy";
+	img = null;
+	messageSubmitted = new EventEmitter();
+	status = signal("idle", ...ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []);
+	submissionError = signal("", ...ngDevMode ? [{ debugName: "submissionError" }] : /* istanbul ignore next */ []);
+	submitted = false;
+	form = new FormGroup({
+		name: new FormControl("", {
+			nonNullable: true,
+			validators: [
+				Validators.required,
+				Validators.pattern(/\S/),
+				Validators.maxLength(80)
+			]
+		}),
+		surname: new FormControl("", {
+			nonNullable: true,
+			validators: [Validators.maxLength(100)]
+		}),
+		email: new FormControl("", {
+			nonNullable: true,
+			validators: [
+				Validators.required,
+				Validators.email,
+				Validators.maxLength(254)
+			]
+		}),
+		phone: new FormControl("", {
+			nonNullable: true,
+			validators: [Validators.maxLength(40)]
+		}),
+		message: new FormControl("", {
+			nonNullable: true,
+			validators: [
+				Validators.required,
+				Validators.pattern(/\S/),
+				Validators.maxLength(5e3)
+			]
+		}),
+		website: new FormControl("", { nonNullable: true })
+	});
+	getError(field) {
+		const control = this.form.controls[field];
+		if (!control.invalid || !control.touched && !this.submitted) return "";
+		if (control.hasError("required") || control.hasError("pattern")) return this.texts.requiredError;
+		if (control.hasError("email")) return this.texts.emailError;
+		if (control.hasError("maxlength")) return this.texts.lengthError;
+		return this.texts.invalidError;
+	}
+	submit() {
+		if (this.status() === "sending") return;
+		this.submitted = true;
+		this.status.set("idle");
+		if (this.form.invalid) {
+			this.form.markAllAsTouched();
+			return;
+		}
+		this.status.set("sending");
+		this.messageSubmitted.emit(this.form.getRawValue());
+	}
+	setSubmissionResult(success, errorMessage = this.texts.error) {
+		this.status.set(success ? "success" : "error");
+		this.submissionError.set(success ? "" : errorMessage);
+		if (success) {
+			this.form.reset();
+			this.submitted = false;
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: ContactFormComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: ContactFormComponent,
+		isStandalone: true,
+		selector: "lib-contact-form",
+		inputs: {
+			texts: "texts",
+			privacyUrl: "privacyUrl",
+			img: "img"
+		},
+		outputs: { messageSubmitted: "messageSubmitted" },
+		host: { styleAttribute: "display: contents" },
+		ngImport: i0,
+		template: "<section\n  class=\"contact-form-section main-grid col-span-full md:col-span-12 md:col-start-1\"\n  aria-labelledby=\"contact-form-title\"\n>\n  <div class=\"contact-form-heading col-span-full md:col-span-12 md:col-start-1\">\n    @if(texts.title) {\n      <h2 class=\"title\" id=\"contact-form-title\">{{ texts.title }}</h2>  \n    }\n    @if(texts.intro) {\n      <p class=\"text\">{{ texts.intro }}</p>\n    }\n  </div>\n\n  <form\n    class=\"contact-form col-span-full\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"submit()\"\n    [attr.aria-busy]=\"status() === 'sending' ? 'true' : null\"\n    novalidate\n  >\n    <p class=\"contact-form-required-hint col-span-full\">{{ texts.requiredHint }}</p>\n\n    <div class=\"contact-form-body main-grid col-span-full\">\n      <div class=\"contact-form-grid col-span-full md:col-span-6 md:col-start-1\">\n        <lib-form-field\n          class=\"col-span-full md:col-span-6\"\n          controlId=\"contact-name\"\n          [label]=\"texts.name\"\n          [required]=\"true\"\n          [error]=\"getError('name')\"\n        >\n          <lib-form-input\n            id=\"contact-name\"\n            formControlName=\"name\"\n            autocomplete=\"given-name\"\n            [placeholder]=\"texts.namePlaceholder\"\n            [describedBy]=\"getError('name') ? 'contact-name-error' : ''\"\n            [invalid]=\"!!getError('name')\"\n            [required]=\"true\"\n            [maxLength]=\"80\"\n          />\n        </lib-form-field>\n\n        <lib-form-field\n          class=\"col-span-full md:col-span-6\"\n          controlId=\"contact-surname\"\n          [label]=\"texts.surname\"\n        >\n          <lib-form-input\n            id=\"contact-surname\"\n            formControlName=\"surname\"\n            autocomplete=\"family-name\"\n            [placeholder]=\"texts.surnamePlaceholder\"\n            [maxLength]=\"100\"\n          />\n        </lib-form-field>\n\n        <lib-form-field\n          class=\"col-span-full md:col-span-6\"\n          controlId=\"contact-email\"\n          [label]=\"texts.email\"\n          [required]=\"true\"\n          [error]=\"getError('email')\"\n        >\n          <lib-form-input\n            id=\"contact-email\"\n            type=\"email\"\n            formControlName=\"email\"\n            autocomplete=\"email\"\n            [placeholder]=\"texts.emailPlaceholder\"\n            [describedBy]=\"getError('email') ? 'contact-email-error' : ''\"\n            [invalid]=\"!!getError('email')\"\n            [required]=\"true\"\n            [maxLength]=\"254\"\n          />\n        </lib-form-field>\n\n        <lib-form-field\n          class=\"col-span-full md:col-span-6\"\n          controlId=\"contact-phone\"\n          [label]=\"texts.phone\"\n        >\n          <lib-form-input\n            id=\"contact-phone\"\n            type=\"tel\"\n            formControlName=\"phone\"\n            autocomplete=\"tel\"\n            [placeholder]=\"texts.phonePlaceholder\"\n            [maxLength]=\"40\"\n          />\n        </lib-form-field>\n\n        <lib-form-field\n      class=\"contact-form-field--message col-span-full\"\n      controlId=\"contact-message\"\n      [label]=\"texts.message\"\n      [required]=\"true\"\n      [error]=\"getError('message')\"\n    >\n      <lib-form-textarea\n        id=\"contact-message\"\n        formControlName=\"message\"\n        [placeholder]=\"texts.messagePlaceholder\"\n        [describedBy]=\"getError('message') ? 'contact-message-error' : ''\"\n        [invalid]=\"!!getError('message')\"\n        [required]=\"true\"\n        [maxLength]=\"5000\"\n        [rows]=\"6\"\n        [showCounter]=\"true\"\n      />\n    </lib-form-field>\n\n      </div>\n\n      @if (img) {\n        <figure class=\"contact-form-image col-span-full md:col-span-6 md:col-start-7\">\n          @if (img.publicId) {\n            <ui-image\n              [publicId]=\"img.publicId\"\n              [width]=\"img.width\"\n              [height]=\"img.height\"\n              [eager]=\"true\"\n            />\n          } @else {\n            <img\n              [src]=\"img.url\"\n              [alt]=\"img.alt\"\n              loading=\"eager\"\n              fetchpriority=\"high\"\n              [attr.width]=\"img.width || 800\"\n              [attr.height]=\"img.height || 600\"\n            />\n          }\n        </figure>\n      }\n    </div>\n\n    <div class=\"contact-form-honeypot\" aria-hidden=\"true\">\n      <label for=\"contact-website\">Website</label>\n      <input\n        id=\"contact-website\"\n        type=\"text\"\n        formControlName=\"website\"\n        tabindex=\"-1\"\n        autocomplete=\"off\"\n      />\n    </div>\n\n    <div class=\"contact-form-footer col-span-full\">\n      <p class=\"contact-form-privacy col-span-full md:col-span-8\">\n        <strong>{{ texts.privacyTitle }}</strong>\n        {{ texts.privacyResponsible }}\n        {{ texts.privacyPurpose }}\n        {{ texts.privacyLegalBasis }}\n        {{ texts.privacyRecipients }}\n        {{ texts.privacyRetention }}\n        {{ texts.privacyRights }}\n        {{ texts.privacyLinkLead }}\n        <a class=\"contact-form-privacy__link\" [href]=\"privacyUrl\">{{ texts.privacyLink }}</a>\n        {{ texts.privacyLinkTail }}\n      </p>\n\n      <button\n        class=\"contact-form-submit col-span-full md:col-span-4\"\n        type=\"submit\"\n        [disabled]=\"status() === 'sending'\"\n      >\n        <span>{{ status() === 'sending' ? texts.sending : texts.send }}</span>\n        <ui-icon name=\"arrow-up-right\" [size]=\"20\" color=\"currentColor\"></ui-icon>\n      </button>\n    </div>\n\n    @if (status() !== 'idle') {\n      <p\n        class=\"contact-form-status col-span-full\"\n        [class.contact-form-status--success]=\"status() === 'success'\"\n        [class.contact-form-status--error]=\"status() === 'error'\"\n        [attr.role]=\"status() === 'error' ? 'alert' : 'status'\"\n        aria-live=\"polite\"\n      >\n        {{\n          status() === 'sending'\n            ? texts.sending\n            : status() === 'success'\n              ? texts.success\n              : submissionError() || texts.error\n        }}\n      </p>\n    }\n  </form>\n</section>\n",
+		styles: [":host{color:var(--text-primary)}.contact-form-section{padding-top:0!important}.title{text-transform:uppercase}.contact-form-required-hint{font-family:var(--font-base);text-transform:uppercase}.contact-form-body{padding-top:0!important}.contact-form-required-hint{margin:0;color:var(--text-primary-60);font-size:.8rem}.contact-form-image{min-width:0;min-height:100%;margin:0;overflow:hidden}.contact-form-image ui-image,.contact-form-image img{display:block;width:100%;min-height:20rem;object-fit:cover}@media(max-width:1024px){.contact-form-image{display:none}}.contact-form-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.contact-form-privacy{margin:0;padding-bottom:2rem!important;color:var(--text-primary-60);font-family:var(--font-base);font-size:.82rem;line-height:1.65}.contact-form-privacy strong{color:var(--text-primary-80);font-weight:600}.contact-form-privacy a{color:var(--text-primary);background-image:linear-gradient(var(--text-primary-70),var(--text-primary-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}.contact-form-privacy 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%}}.contact-form-footer button{padding-bottom:2rem;display:inline-flex;min-height:3.5rem;align-items:center;justify-content:space-between;gap:.5rem;border:4px solid var(--border-primary);border-radius:0;padding:.9rem 1.2rem;background:var(--button-primary-bg);color:var(--button-primary-text);cursor:pointer;font-family:var(--font-base);font-size:1rem;text-transform:uppercase;transition:background-color .16s ease,color .16s ease,transform .16s ease;justify-self:end}.contact-form-footer button:hover:not(:disabled){background:var(--button-primary-bg-hover);transform:translateY(-2px)}.contact-form-footer button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}.contact-form-footer button:disabled{cursor:wait;opacity:.65}.contact-form-arrow{font-size:1.2rem}.contact-form-status{margin:0;font-family:var(--font-base);line-height:1.5}.contact-form-status--success{color:#18794e}.contact-form-status--error{color:#b42318}.contact-form-submit{max-width:100%}@media(max-width:1024px){.contact-form-submit{width:100%}}@media(prefers-reduced-motion:reduce){.contact-form-footer button{transition:none}}\n"],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: ReactiveFormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i1.RequiredValidator,
+				selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+				inputs: ["required"]
+			},
+			{
+				kind: "directive",
+				type: i1.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i1.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "component",
+				type: FormFieldComponent,
+				selector: "lib-form-field",
+				inputs: [
+					"controlId",
+					"label",
+					"required",
+					"hint",
+					"error"
+				]
+			},
+			{
+				kind: "component",
+				type: FormInputComponent,
+				selector: "lib-form-input",
+				inputs: [
+					"id",
+					"type",
+					"placeholder",
+					"autocomplete",
+					"describedBy",
+					"maxLength",
+					"required",
+					"invalid"
+				]
+			},
+			{
+				kind: "component",
+				type: FormTextareaComponent,
+				selector: "lib-form-textarea",
+				inputs: [
+					"id",
+					"placeholder",
+					"describedBy",
+					"rows",
+					"maxLength",
+					"required",
+					"invalid",
+					"showCounter"
+				]
+			},
+			{
+				kind: "component",
+				type: UiImageComponent,
+				selector: "ui-image",
+				inputs: [
+					"publicId",
+					"cloudName",
+					"transformations",
+					"eager",
+					"width",
+					"height"
+				]
+			},
+			{
+				kind: "component",
+				type: UiIconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"name",
+					"size",
+					"color"
+				]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: ContactFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-contact-form",
+			standalone: true,
+			imports: [
+				ReactiveFormsModule,
+				FormFieldComponent,
+				FormInputComponent,
+				FormTextareaComponent,
+				UiImageComponent,
+				UiIconComponent
+			],
+			host: { style: "display: contents" },
+			template: "<section\n  class=\"contact-form-section main-grid col-span-full md:col-span-12 md:col-start-1\"\n  aria-labelledby=\"contact-form-title\"\n>\n  <div class=\"contact-form-heading col-span-full md:col-span-12 md:col-start-1\">\n    @if(texts.title) {\n      <h2 class=\"title\" id=\"contact-form-title\">{{ texts.title }}</h2>  \n    }\n    @if(texts.intro) {\n      <p class=\"text\">{{ texts.intro }}</p>\n    }\n  </div>\n\n  <form\n    class=\"contact-form col-span-full\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"submit()\"\n    [attr.aria-busy]=\"status() === 'sending' ? 'true' : null\"\n    novalidate\n  >\n    <p class=\"contact-form-required-hint col-span-full\">{{ texts.requiredHint }}</p>\n\n    <div class=\"contact-form-body main-grid col-span-full\">\n      <div class=\"contact-form-grid col-span-full md:col-span-6 md:col-start-1\">\n        <lib-form-field\n          class=\"col-span-full md:col-span-6\"\n          controlId=\"contact-name\"\n          [label]=\"texts.name\"\n          [required]=\"true\"\n          [error]=\"getError('name')\"\n        >\n          <lib-form-input\n            id=\"contact-name\"\n            formControlName=\"name\"\n            autocomplete=\"given-name\"\n            [placeholder]=\"texts.namePlaceholder\"\n            [describedBy]=\"getError('name') ? 'contact-name-error' : ''\"\n            [invalid]=\"!!getError('name')\"\n            [required]=\"true\"\n            [maxLength]=\"80\"\n          />\n        </lib-form-field>\n\n        <lib-form-field\n          class=\"col-span-full md:col-span-6\"\n          controlId=\"contact-surname\"\n          [label]=\"texts.surname\"\n        >\n          <lib-form-input\n            id=\"contact-surname\"\n            formControlName=\"surname\"\n            autocomplete=\"family-name\"\n            [placeholder]=\"texts.surnamePlaceholder\"\n            [maxLength]=\"100\"\n          />\n        </lib-form-field>\n\n        <lib-form-field\n          class=\"col-span-full md:col-span-6\"\n          controlId=\"contact-email\"\n          [label]=\"texts.email\"\n          [required]=\"true\"\n          [error]=\"getError('email')\"\n        >\n          <lib-form-input\n            id=\"contact-email\"\n            type=\"email\"\n            formControlName=\"email\"\n            autocomplete=\"email\"\n            [placeholder]=\"texts.emailPlaceholder\"\n            [describedBy]=\"getError('email') ? 'contact-email-error' : ''\"\n            [invalid]=\"!!getError('email')\"\n            [required]=\"true\"\n            [maxLength]=\"254\"\n          />\n        </lib-form-field>\n\n        <lib-form-field\n          class=\"col-span-full md:col-span-6\"\n          controlId=\"contact-phone\"\n          [label]=\"texts.phone\"\n        >\n          <lib-form-input\n            id=\"contact-phone\"\n            type=\"tel\"\n            formControlName=\"phone\"\n            autocomplete=\"tel\"\n            [placeholder]=\"texts.phonePlaceholder\"\n            [maxLength]=\"40\"\n          />\n        </lib-form-field>\n\n        <lib-form-field\n      class=\"contact-form-field--message col-span-full\"\n      controlId=\"contact-message\"\n      [label]=\"texts.message\"\n      [required]=\"true\"\n      [error]=\"getError('message')\"\n    >\n      <lib-form-textarea\n        id=\"contact-message\"\n        formControlName=\"message\"\n        [placeholder]=\"texts.messagePlaceholder\"\n        [describedBy]=\"getError('message') ? 'contact-message-error' : ''\"\n        [invalid]=\"!!getError('message')\"\n        [required]=\"true\"\n        [maxLength]=\"5000\"\n        [rows]=\"6\"\n        [showCounter]=\"true\"\n      />\n    </lib-form-field>\n\n      </div>\n\n      @if (img) {\n        <figure class=\"contact-form-image col-span-full md:col-span-6 md:col-start-7\">\n          @if (img.publicId) {\n            <ui-image\n              [publicId]=\"img.publicId\"\n              [width]=\"img.width\"\n              [height]=\"img.height\"\n              [eager]=\"true\"\n            />\n          } @else {\n            <img\n              [src]=\"img.url\"\n              [alt]=\"img.alt\"\n              loading=\"eager\"\n              fetchpriority=\"high\"\n              [attr.width]=\"img.width || 800\"\n              [attr.height]=\"img.height || 600\"\n            />\n          }\n        </figure>\n      }\n    </div>\n\n    <div class=\"contact-form-honeypot\" aria-hidden=\"true\">\n      <label for=\"contact-website\">Website</label>\n      <input\n        id=\"contact-website\"\n        type=\"text\"\n        formControlName=\"website\"\n        tabindex=\"-1\"\n        autocomplete=\"off\"\n      />\n    </div>\n\n    <div class=\"contact-form-footer col-span-full\">\n      <p class=\"contact-form-privacy col-span-full md:col-span-8\">\n        <strong>{{ texts.privacyTitle }}</strong>\n        {{ texts.privacyResponsible }}\n        {{ texts.privacyPurpose }}\n        {{ texts.privacyLegalBasis }}\n        {{ texts.privacyRecipients }}\n        {{ texts.privacyRetention }}\n        {{ texts.privacyRights }}\n        {{ texts.privacyLinkLead }}\n        <a class=\"contact-form-privacy__link\" [href]=\"privacyUrl\">{{ texts.privacyLink }}</a>\n        {{ texts.privacyLinkTail }}\n      </p>\n\n      <button\n        class=\"contact-form-submit col-span-full md:col-span-4\"\n        type=\"submit\"\n        [disabled]=\"status() === 'sending'\"\n      >\n        <span>{{ status() === 'sending' ? texts.sending : texts.send }}</span>\n        <ui-icon name=\"arrow-up-right\" [size]=\"20\" color=\"currentColor\"></ui-icon>\n      </button>\n    </div>\n\n    @if (status() !== 'idle') {\n      <p\n        class=\"contact-form-status col-span-full\"\n        [class.contact-form-status--success]=\"status() === 'success'\"\n        [class.contact-form-status--error]=\"status() === 'error'\"\n        [attr.role]=\"status() === 'error' ? 'alert' : 'status'\"\n        aria-live=\"polite\"\n      >\n        {{\n          status() === 'sending'\n            ? texts.sending\n            : status() === 'success'\n              ? texts.success\n              : submissionError() || texts.error\n        }}\n      </p>\n    }\n  </form>\n</section>\n",
+			styles: [":host{color:var(--text-primary)}.contact-form-section{padding-top:0!important}.title{text-transform:uppercase}.contact-form-required-hint{font-family:var(--font-base);text-transform:uppercase}.contact-form-body{padding-top:0!important}.contact-form-required-hint{margin:0;color:var(--text-primary-60);font-size:.8rem}.contact-form-image{min-width:0;min-height:100%;margin:0;overflow:hidden}.contact-form-image ui-image,.contact-form-image img{display:block;width:100%;min-height:20rem;object-fit:cover}@media(max-width:1024px){.contact-form-image{display:none}}.contact-form-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.contact-form-privacy{margin:0;padding-bottom:2rem!important;color:var(--text-primary-60);font-family:var(--font-base);font-size:.82rem;line-height:1.65}.contact-form-privacy strong{color:var(--text-primary-80);font-weight:600}.contact-form-privacy a{color:var(--text-primary);background-image:linear-gradient(var(--text-primary-70),var(--text-primary-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}.contact-form-privacy 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%}}.contact-form-footer button{padding-bottom:2rem;display:inline-flex;min-height:3.5rem;align-items:center;justify-content:space-between;gap:.5rem;border:4px solid var(--border-primary);border-radius:0;padding:.9rem 1.2rem;background:var(--button-primary-bg);color:var(--button-primary-text);cursor:pointer;font-family:var(--font-base);font-size:1rem;text-transform:uppercase;transition:background-color .16s ease,color .16s ease,transform .16s ease;justify-self:end}.contact-form-footer button:hover:not(:disabled){background:var(--button-primary-bg-hover);transform:translateY(-2px)}.contact-form-footer button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}.contact-form-footer button:disabled{cursor:wait;opacity:.65}.contact-form-arrow{font-size:1.2rem}.contact-form-status{margin:0;font-family:var(--font-base);line-height:1.5}.contact-form-status--success{color:#18794e}.contact-form-status--error{color:#b42318}.contact-form-submit{max-width:100%}@media(max-width:1024px){.contact-form-submit{width:100%}}@media(prefers-reduced-motion:reduce){.contact-form-footer button{transition:none}}\n"]
+		}]
+	}],
+	propDecorators: {
+		texts: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		privacyUrl: [{ type: Input }],
+		img: [{ type: Input }],
+		messageSubmitted: [{ type: Output }]
+	}
+});
+export { ContactFormComponent };
+
+//# sourceMappingURL=lluc_llull-ui-lib-forms-contact-form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lluc_llull-ui-lib-forms-contact-form.mjs","names":[],"sources":["../../../projects/ui-lib/forms/contact-form/contact-form.component.ts","../../../projects/ui-lib/forms/contact-form/contact-form.component.html"],"sourcesContent":["import { Component, EventEmitter, Input, Output, signal } from '@angular/core';\nimport { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';\nimport {\n    FormFieldComponent,\n    FormInputComponent,\n    FormTextareaComponent,\n} from '@lluc_llull/ui-lib/forms';\nimport { UiLibImageI } from '@lluc_llull/ui-lib/interfaces';\nimport { UiImageComponent } from '@lluc_llull/ui-lib/shared';\nimport { ContactFormSubmissionI, ContactFormTextsI } from './contact-form.interface';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\ntype ContactField = 'name' | 'email' | 'message';\ntype ContactFormStatus = 'idle' | 'sending' | 'success' | 'error';\n\n@Component({\n    selector: 'lib-contact-form',\n    standalone: true,\n    imports: [\n        ReactiveFormsModule,\n        FormFieldComponent,\n        FormInputComponent,\n        FormTextareaComponent,\n        UiImageComponent,\n        UiIconComponent\n    ],\n    templateUrl: './contact-form.component.html',\n    styleUrl: './contact-form.component.scss',\n    host: {\n        style: 'display: contents',\n    },\n})\nexport class ContactFormComponent {\n    @Input({ required: true }) texts!: ContactFormTextsI;\n    @Input() privacyUrl = '/es/privacy';\n    @Input() img: UiLibImageI | null = null;\n    @Output() readonly messageSubmitted = new EventEmitter<ContactFormSubmissionI>();\n\n    readonly status = signal<ContactFormStatus>('idle');\n    readonly submissionError = signal('');\n    submitted = false;\n\n    readonly form = new FormGroup({\n        name: new FormControl('', {\n            nonNullable: true,\n            validators: [Validators.required, Validators.pattern(/\\S/), Validators.maxLength(80)],\n        }),\n        surname: new FormControl('', {\n            nonNullable: true,\n            validators: [Validators.maxLength(100)],\n        }),\n        email: new FormControl('', {\n            nonNullable: true,\n            validators: [Validators.required, Validators.email, Validators.maxLength(254)],\n        }),\n        phone: new FormControl('', {\n            nonNullable: true,\n            validators: [Validators.maxLength(40)],\n        }),\n        message: new FormControl('', {\n            nonNullable: true,\n            validators: [Validators.required, Validators.pattern(/\\S/), Validators.maxLength(5000)],\n        }),\n        website: new FormControl('', { nonNullable: true }),\n    });\n\n    getError(field: ContactField): string {\n        const control = this.form.controls[field];\n        if (!control.invalid || (!control.touched && !this.submitted)) return '';\n        if (control.hasError('required') || control.hasError('pattern')) {\n            return this.texts.requiredError;\n        }\n        if (control.hasError('email')) return this.texts.emailError;\n        if (control.hasError('maxlength')) return this.texts.lengthError;\n        return this.texts.invalidError;\n    }\n\n    submit(): void {\n        if (this.status() === 'sending') return;\n\n        this.submitted = true;\n        this.status.set('idle');\n        if (this.form.invalid) {\n            this.form.markAllAsTouched();\n            return;\n        }\n\n        this.status.set('sending');\n        this.messageSubmitted.emit(this.form.getRawValue());\n    }\n\n    setSubmissionResult(success: boolean, errorMessage = this.texts.error): void {\n        this.status.set(success ? 'success' : 'error');\n        this.submissionError.set(success ? '' : errorMessage);\n        if (success) {\n            this.form.reset();\n            this.submitted = false;\n        }\n    }\n}\n","<section\n  class=\"contact-form-section main-grid col-span-full md:col-span-12 md:col-start-1\"\n  aria-labelledby=\"contact-form-title\"\n>\n  <div class=\"contact-form-heading col-span-full md:col-span-12 md:col-start-1\">\n    @if(texts.title) {\n      <h2 class=\"title\" id=\"contact-form-title\">{{ texts.title }}</h2>  \n    }\n    @if(texts.intro) {\n      <p class=\"text\">{{ texts.intro }}</p>\n    }\n  </div>\n\n  <form\n    class=\"contact-form col-span-full\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"submit()\"\n    [attr.aria-busy]=\"status() === 'sending' ? 'true' : null\"\n    novalidate\n  >\n    <p class=\"contact-form-required-hint col-span-full\">{{ texts.requiredHint }}</p>\n\n    <div class=\"contact-form-body main-grid col-span-full\">\n      <div class=\"contact-form-grid col-span-full md:col-span-6 md:col-start-1\">\n        <lib-form-field\n          class=\"col-span-full md:col-span-6\"\n          controlId=\"contact-name\"\n          [label]=\"texts.name\"\n          [required]=\"true\"\n          [error]=\"getError('name')\"\n        >\n          <lib-form-input\n            id=\"contact-name\"\n            formControlName=\"name\"\n            autocomplete=\"given-name\"\n            [placeholder]=\"texts.namePlaceholder\"\n            [describedBy]=\"getError('name') ? 'contact-name-error' : ''\"\n            [invalid]=\"!!getError('name')\"\n            [required]=\"true\"\n            [maxLength]=\"80\"\n          />\n        </lib-form-field>\n\n        <lib-form-field\n          class=\"col-span-full md:col-span-6\"\n          controlId=\"contact-surname\"\n          [label]=\"texts.surname\"\n        >\n          <lib-form-input\n            id=\"contact-surname\"\n            formControlName=\"surname\"\n            autocomplete=\"family-name\"\n            [placeholder]=\"texts.surnamePlaceholder\"\n            [maxLength]=\"100\"\n          />\n        </lib-form-field>\n\n        <lib-form-field\n          class=\"col-span-full md:col-span-6\"\n          controlId=\"contact-email\"\n          [label]=\"texts.email\"\n          [required]=\"true\"\n          [error]=\"getError('email')\"\n        >\n          <lib-form-input\n            id=\"contact-email\"\n            type=\"email\"\n            formControlName=\"email\"\n            autocomplete=\"email\"\n            [placeholder]=\"texts.emailPlaceholder\"\n            [describedBy]=\"getError('email') ? 'contact-email-error' : ''\"\n            [invalid]=\"!!getError('email')\"\n            [required]=\"true\"\n            [maxLength]=\"254\"\n          />\n        </lib-form-field>\n\n        <lib-form-field\n          class=\"col-span-full md:col-span-6\"\n          controlId=\"contact-phone\"\n          [label]=\"texts.phone\"\n        >\n          <lib-form-input\n            id=\"contact-phone\"\n            type=\"tel\"\n            formControlName=\"phone\"\n            autocomplete=\"tel\"\n            [placeholder]=\"texts.phonePlaceholder\"\n            [maxLength]=\"40\"\n          />\n        </lib-form-field>\n\n        <lib-form-field\n      class=\"contact-form-field--message col-span-full\"\n      controlId=\"contact-message\"\n      [label]=\"texts.message\"\n      [required]=\"true\"\n      [error]=\"getError('message')\"\n    >\n      <lib-form-textarea\n        id=\"contact-message\"\n        formControlName=\"message\"\n        [placeholder]=\"texts.messagePlaceholder\"\n        [describedBy]=\"getError('message') ? 'contact-message-error' : ''\"\n        [invalid]=\"!!getError('message')\"\n        [required]=\"true\"\n        [maxLength]=\"5000\"\n        [rows]=\"6\"\n        [showCounter]=\"true\"\n      />\n    </lib-form-field>\n\n      </div>\n\n      @if (img) {\n        <figure class=\"contact-form-image col-span-full md:col-span-6 md:col-start-7\">\n          @if (img.publicId) {\n            <ui-image\n              [publicId]=\"img.publicId\"\n              [width]=\"img.width\"\n              [height]=\"img.height\"\n              [eager]=\"true\"\n            />\n          } @else {\n            <img\n              [src]=\"img.url\"\n              [alt]=\"img.alt\"\n              loading=\"eager\"\n              fetchpriority=\"high\"\n              [attr.width]=\"img.width || 800\"\n              [attr.height]=\"img.height || 600\"\n            />\n          }\n        </figure>\n      }\n    </div>\n\n    <div class=\"contact-form-honeypot\" aria-hidden=\"true\">\n      <label for=\"contact-website\">Website</label>\n      <input\n        id=\"contact-website\"\n        type=\"text\"\n        formControlName=\"website\"\n        tabindex=\"-1\"\n        autocomplete=\"off\"\n      />\n    </div>\n\n    <div class=\"contact-form-footer col-span-full\">\n      <p class=\"contact-form-privacy col-span-full md:col-span-8\">\n        <strong>{{ texts.privacyTitle }}</strong>\n        {{ texts.privacyResponsible }}\n        {{ texts.privacyPurpose }}\n        {{ texts.privacyLegalBasis }}\n        {{ texts.privacyRecipients }}\n        {{ texts.privacyRetention }}\n        {{ texts.privacyRights }}\n        {{ texts.privacyLinkLead }}\n        <a class=\"contact-form-privacy__link\" [href]=\"privacyUrl\">{{ texts.privacyLink }}</a>\n        {{ texts.privacyLinkTail }}\n      </p>\n\n      <button\n        class=\"contact-form-submit col-span-full md:col-span-4\"\n        type=\"submit\"\n        [disabled]=\"status() === 'sending'\"\n      >\n        <span>{{ status() === 'sending' ? texts.sending : texts.send }}</span>\n        <ui-icon name=\"arrow-up-right\" [size]=\"20\" color=\"currentColor\"></ui-icon>\n      </button>\n    </div>\n\n    @if (status() !== 'idle') {\n      <p\n        class=\"contact-form-status col-span-full\"\n        [class.contact-form-status--success]=\"status() === 'success'\"\n        [class.contact-form-status--error]=\"status() === 'error'\"\n        [attr.role]=\"status() === 'error' ? 'alert' : 'status'\"\n        aria-live=\"polite\"\n      >\n        {{\n          status() === 'sending'\n            ? texts.sending\n            : status() === 'success'\n              ? texts.success\n              : submissionError() || texts.error\n        }}\n      </p>\n    }\n  </form>\n</section>\n"],"mappings":"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"}