@affinda/wc 0.5.0 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/affinda/af-hero.entry.esm.js.map +1 -1
- package/dist/affinda/af-input.entry.esm.js.map +1 -1
- package/dist/affinda/af-paperclip-decoration.entry.esm.js.map +1 -1
- package/dist/affinda/af-textarea.entry.esm.js.map +1 -1
- package/dist/affinda/affinda.esm.js +1 -1
- package/dist/affinda/index.esm.js +1 -1
- package/dist/affinda/{p-bb80195f.entry.js → p-01b848e9.entry.js} +2 -2
- package/dist/affinda/{p-d9b0f217.entry.js → p-025851ca.entry.js} +2 -2
- package/dist/affinda/{p-1819ae80.entry.js → p-0cbb1cb2.entry.js} +2 -2
- package/dist/affinda/p-11d41c9a.entry.js +2 -0
- package/dist/affinda/p-160997b3.entry.js +2 -0
- package/dist/affinda/{p-15a1d019.entry.js.map → p-160997b3.entry.js.map} +1 -1
- package/dist/affinda/p-1c19e94c.entry.js +2 -0
- package/dist/affinda/{p-64159112.entry.js → p-1c922fff.entry.js} +2 -2
- package/dist/affinda/{p-b31e438d.entry.js → p-223b2e70.entry.js} +2 -2
- package/dist/affinda/{p-a4b36eb7.entry.js → p-2315cb6b.entry.js} +2 -2
- package/dist/affinda/{p-41580a3c.entry.js → p-296a6ece.entry.js} +2 -2
- package/dist/affinda/{p-e057ebf1.entry.js → p-2e67fb0d.entry.js} +2 -2
- package/dist/affinda/{p-5834ffe7.entry.js → p-319b51c7.entry.js} +2 -2
- package/dist/affinda/{p-50e12df0.entry.js → p-39a40e6a.entry.js} +2 -2
- package/dist/affinda/{p-c23d7aa5.entry.js → p-3df90209.entry.js} +2 -2
- package/dist/affinda/p-3ed2eb32.entry.js +2 -0
- package/dist/affinda/{p-fd772af4.entry.js.map → p-3ed2eb32.entry.js.map} +1 -1
- package/dist/affinda/{p-616e0116.entry.js → p-3fb33478.entry.js} +2 -2
- package/dist/affinda/p-5fdb4aad.entry.js +2 -0
- package/dist/affinda/{p-838bbc80.entry.js.map → p-5fdb4aad.entry.js.map} +1 -1
- package/dist/affinda/{p-be219843.entry.js → p-604399ed.entry.js} +2 -2
- package/dist/affinda/p-6525d4fe.entry.js +2 -0
- package/dist/affinda/p-6525d4fe.entry.js.map +1 -0
- package/dist/affinda/{p-c15d00b5.entry.js → p-653bca57.entry.js} +2 -2
- package/dist/affinda/{p-6ff65e42.entry.js → p-6c4137dc.entry.js} +2 -2
- package/dist/affinda/{p-95da58f3.entry.js → p-764601e6.entry.js} +2 -2
- package/dist/affinda/{p-8b0d08de.entry.js → p-765883e7.entry.js} +2 -2
- package/dist/affinda/{p-cea1c1ff.entry.js → p-7b60b684.entry.js} +2 -2
- package/dist/affinda/{p-df10dee2.entry.js → p-805148d0.entry.js} +2 -2
- package/dist/affinda/{p-d573d115.entry.js → p-8eb57e35.entry.js} +2 -2
- package/dist/affinda/{p-656630fc.entry.js → p-90e9e29c.entry.js} +2 -2
- package/dist/affinda/{p-eca85313.entry.js → p-9c470a88.entry.js} +2 -2
- package/dist/affinda/{p-1a71d0f9.entry.js → p-9c8d18a3.entry.js} +2 -2
- package/dist/affinda/{p-cc2539de.entry.js → p-9d85f685.entry.js} +2 -2
- package/dist/affinda/{p-3fd3d4cd.entry.js → p-aa0cb70d.entry.js} +2 -2
- package/dist/affinda/{p-1f2f7fff.entry.js → p-aabe4d24.entry.js} +2 -2
- package/dist/affinda/{p-88f38401.entry.js → p-ae27e9da.entry.js} +2 -2
- package/dist/affinda/{p-919e2144.entry.js → p-bc3d2bb4.entry.js} +2 -2
- package/dist/affinda/p-c87e5b29.entry.js +2 -0
- package/dist/affinda/p-cd8cfa7f.entry.js +2 -0
- package/dist/affinda/p-cd8cfa7f.entry.js.map +1 -0
- package/dist/affinda/p-da247ea4.entry.js +2 -0
- package/dist/affinda/{p-ea5aea86.entry.js.map → p-da247ea4.entry.js.map} +1 -1
- package/dist/affinda/{p-7b08b7ba.entry.js → p-dd30a9b8.entry.js} +2 -2
- package/dist/affinda/{p-8f36e911.entry.js → p-e2667603.entry.js} +2 -2
- package/dist/affinda/{p-02c6f6d1.entry.js → p-e678100f.entry.js} +2 -2
- package/dist/affinda/{p-374f9557.entry.js → p-e8a91b15.entry.js} +2 -2
- package/dist/affinda/{p-7eff3490.entry.js → p-e9527b93.entry.js} +2 -2
- package/dist/affinda/{p-67b08108.entry.js → p-eb611fb5.entry.js} +2 -2
- package/dist/affinda/{p-f1705df1.entry.js → p-edb426e6.entry.js} +2 -2
- package/dist/affinda/{p-54dc41a9.entry.js → p-f47d0d2d.entry.js} +2 -2
- package/dist/affinda/{p-56e96bd3.entry.js → p-f49b41f9.entry.js} +2 -2
- package/dist/affinda/{p-75d76909.entry.js → p-f5744d56.entry.js} +2 -2
- package/dist/affinda/{p-75d76909.entry.js.map → p-f5744d56.entry.js.map} +1 -1
- package/dist/affinda/{p-976e0c29.entry.js → p-f6e1750e.entry.js} +2 -2
- package/dist/affinda/{p-3084cb0f.entry.js → p-fad2d40b.entry.js} +2 -2
- package/dist/affinda/{p-a79077d5.entry.js → p-fc19f53c.entry.js} +2 -2
- package/dist/affinda/p-fd39a1c2.entry.js +2 -0
- package/dist/affinda/{p-a3ed4092.entry.js → p-fee9359c.entry.js} +2 -2
- package/dist/cjs/af-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/af-accordion.cjs.entry.js +1 -1
- package/dist/cjs/af-card.cjs.entry.js +1 -1
- package/dist/cjs/af-center.cjs.entry.js +1 -1
- package/dist/cjs/af-client-carousel.cjs.entry.js +1 -1
- package/dist/cjs/af-contact-item.cjs.entry.js +1 -1
- package/dist/cjs/af-divider.cjs.entry.js +1 -1
- package/dist/cjs/af-feature-accordion.cjs.entry.js +2 -2
- package/dist/cjs/af-feature-grid.cjs.entry.js +1 -1
- package/dist/cjs/af-footer-column.cjs.entry.js +1 -1
- package/dist/cjs/af-footer-link.cjs.entry.js +1 -1
- package/dist/cjs/af-footer.cjs.entry.js +1 -1
- package/dist/cjs/af-grid.cjs.entry.js +2 -2
- package/dist/cjs/af-hero.cjs.entry.js +3 -3
- package/dist/cjs/af-hero.entry.cjs.js.map +1 -1
- package/dist/cjs/af-icon-box.cjs.entry.js +1 -1
- package/dist/cjs/af-icon-text.cjs.entry.js +1 -1
- package/dist/cjs/af-illustrated-card.cjs.entry.js +1 -1
- package/dist/cjs/af-image.cjs.entry.js +1 -1
- package/dist/cjs/af-in-page-banner.cjs.entry.js +1 -1
- package/dist/cjs/af-inline.cjs.entry.js +1 -1
- package/dist/cjs/af-input.cjs.entry.js +23 -5
- package/dist/cjs/af-input.entry.cjs.js.map +1 -1
- package/dist/cjs/af-logo-well.cjs.entry.js +1 -1
- package/dist/cjs/af-nav-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/af-nav-accordion.cjs.entry.js +1 -1
- package/dist/cjs/af-nav-menu-nest.cjs.entry.js +1 -1
- package/dist/cjs/af-nav-menu.cjs.entry.js +1 -1
- package/dist/cjs/af-number-badge.cjs.entry.js +1 -1
- package/dist/cjs/af-numbered-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/af-numbered-stepper.cjs.entry.js +1 -1
- package/dist/cjs/af-paperclip-decoration.cjs.entry.js +9 -5
- package/dist/cjs/af-paperclip-decoration.entry.cjs.js.map +1 -1
- package/dist/cjs/af-progress-line.cjs.entry.js +2 -2
- package/dist/cjs/af-section.cjs.entry.js +2 -2
- package/dist/cjs/af-show.cjs.entry.js +1 -1
- package/dist/cjs/af-social-link.cjs.entry.js +1 -1
- package/dist/cjs/af-spacer.cjs.entry.js +1 -1
- package/dist/cjs/af-split-section.cjs.entry.js +2 -2
- package/dist/cjs/af-stack.cjs.entry.js +1 -1
- package/dist/cjs/af-stat.cjs.entry.js +1 -1
- package/dist/cjs/af-stats-row.cjs.entry.js +1 -1
- package/dist/cjs/af-stepper-step.cjs.entry.js +1 -1
- package/dist/cjs/af-stepper.cjs.entry.js +1 -1
- package/dist/cjs/af-tab-bar.cjs.entry.js +1 -1
- package/dist/cjs/af-tab.cjs.entry.js +1 -1
- package/dist/cjs/af-tag.cjs.entry.js +2 -2
- package/dist/cjs/af-testimonial-carousel.cjs.entry.js +1 -1
- package/dist/cjs/af-testimonial-stat.cjs.entry.js +1 -1
- package/dist/cjs/af-testimonial.cjs.entry.js +2 -2
- package/dist/cjs/af-text-image-nest.cjs.entry.js +1 -1
- package/dist/cjs/af-textarea.cjs.entry.js +14 -1
- package/dist/cjs/af-textarea.entry.cjs.js.map +1 -1
- package/dist/cjs/af-theme-override.cjs.entry.js +1 -1
- package/dist/cjs/af-video-container.cjs.entry.js +1 -1
- package/dist/cjs/af-visually-hidden.cjs.entry.js +1 -1
- package/dist/cjs/affinda.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/af-accordion/af-accordion.js +1 -1
- package/dist/collection/components/af-accordion-item/af-accordion-item.js +1 -1
- package/dist/collection/components/af-card/af-card.js +1 -1
- package/dist/collection/components/af-center/af-center.js +1 -1
- package/dist/collection/components/af-client-carousel/af-client-carousel.js +1 -1
- package/dist/collection/components/af-contact-item/af-contact-item.js +1 -1
- package/dist/collection/components/af-divider/af-divider.js +1 -1
- package/dist/collection/components/af-feature-accordion/af-feature-accordion.js +2 -2
- package/dist/collection/components/af-feature-grid/af-feature-grid.js +1 -1
- package/dist/collection/components/af-footer/af-footer.js +1 -1
- package/dist/collection/components/af-footer-column/af-footer-column.js +1 -1
- package/dist/collection/components/af-footer-link/af-footer-link.js +1 -1
- package/dist/collection/components/af-grid/af-grid.js +2 -2
- package/dist/collection/components/af-hero/af-hero.css +10 -5
- package/dist/collection/components/af-hero/af-hero.js +2 -2
- package/dist/collection/components/af-icon-box/af-icon-box.js +1 -1
- package/dist/collection/components/af-icon-text/af-icon-text.js +1 -1
- package/dist/collection/components/af-illustrated-card/af-illustrated-card.js +1 -1
- package/dist/collection/components/af-image/af-image.js +1 -1
- package/dist/collection/components/af-in-page-banner/af-in-page-banner.js +1 -1
- package/dist/collection/components/af-inline/af-inline.js +1 -1
- package/dist/collection/components/af-input/af-input.css +42 -0
- package/dist/collection/components/af-input/af-input.js +88 -10
- package/dist/collection/components/af-input/af-input.js.map +1 -1
- package/dist/collection/components/af-logo-well/af-logo-well.js +1 -1
- package/dist/collection/components/af-nav-accordion/af-nav-accordion.js +1 -1
- package/dist/collection/components/af-nav-accordion-item/af-nav-accordion-item.js +2 -2
- package/dist/collection/components/af-nav-menu/af-nav-menu.js +1 -1
- package/dist/collection/components/af-nav-menu-nest/af-nav-menu-nest.js +1 -1
- package/dist/collection/components/af-number-badge/af-number-badge.js +1 -1
- package/dist/collection/components/af-numbered-stepper/af-numbered-stepper.js +1 -1
- package/dist/collection/components/af-numbered-stepper-item/af-numbered-stepper-item.js +1 -1
- package/dist/collection/components/af-paperclip-decoration/af-paperclip-decoration.js +13 -9
- package/dist/collection/components/af-paperclip-decoration/af-paperclip-decoration.js.map +1 -1
- package/dist/collection/components/af-progress-line/af-progress-line.js +2 -2
- package/dist/collection/components/af-section/af-section.js +2 -2
- package/dist/collection/components/af-show/af-show.js +1 -1
- package/dist/collection/components/af-social-link/af-social-link.js +1 -1
- package/dist/collection/components/af-spacer/af-spacer.js +1 -1
- package/dist/collection/components/af-split-section/af-split-section.js +2 -2
- package/dist/collection/components/af-stack/af-stack.js +1 -1
- package/dist/collection/components/af-stat/af-stat.js +1 -1
- package/dist/collection/components/af-stats-row/af-stats-row.js +1 -1
- package/dist/collection/components/af-stepper/af-stepper.js +1 -1
- package/dist/collection/components/af-stepper-step/af-stepper-step.js +1 -1
- package/dist/collection/components/af-tab/af-tab.js +1 -1
- package/dist/collection/components/af-tab-bar/af-tab-bar.js +1 -1
- package/dist/collection/components/af-tag/af-tag.js +2 -2
- package/dist/collection/components/af-testimonial/af-testimonial.js +2 -2
- package/dist/collection/components/af-testimonial-carousel/af-testimonial-carousel.js +1 -1
- package/dist/collection/components/af-testimonial-stat/af-testimonial-stat.js +1 -1
- package/dist/collection/components/af-text-image-nest/af-text-image-nest.js +1 -1
- package/dist/collection/components/af-textarea/af-textarea.js +20 -1
- package/dist/collection/components/af-textarea/af-textarea.js.map +1 -1
- package/dist/collection/components/af-theme-override/af-theme-override.js +1 -1
- package/dist/collection/components/af-video-container/af-video-container.js +1 -1
- package/dist/collection/components/af-visually-hidden/af-visually-hidden.js +1 -1
- package/dist/components/af-accordion-item.js +1 -1
- package/dist/components/af-accordion.js +1 -1
- package/dist/components/af-card.js +1 -1
- package/dist/components/af-center.js +1 -1
- package/dist/components/af-client-carousel.js +1 -1
- package/dist/components/af-contact-item.js +1 -1
- package/dist/components/af-divider.js +1 -1
- package/dist/components/af-feature-accordion.js +2 -2
- package/dist/components/af-feature-card.js +1 -1
- package/dist/components/af-feature-grid.js +2 -2
- package/dist/components/af-footer-column.js +1 -1
- package/dist/components/af-footer-link.js +1 -1
- package/dist/components/af-footer.js +1 -1
- package/dist/components/af-grid.js +2 -2
- package/dist/components/af-hero.js +1 -1
- package/dist/components/af-icon-box.js +1 -1
- package/dist/components/af-icon-text.js +2 -2
- package/dist/components/af-illustrated-card.js +1 -1
- package/dist/components/af-image.js +1 -1
- package/dist/components/af-in-page-banner.js +1 -1
- package/dist/components/af-inline.js +1 -1
- package/dist/components/af-input.js +1 -1
- package/dist/components/af-logo-well.js +1 -1
- package/dist/components/af-nav-accordion-item.js +2 -2
- package/dist/components/af-nav-accordion.js +1 -1
- package/dist/components/af-nav-menu-nest.js +1 -1
- package/dist/components/af-nav-menu.js +1 -1
- package/dist/components/af-number-badge.js +1 -1
- package/dist/components/af-numbered-stepper-item.js +2 -2
- package/dist/components/af-numbered-stepper.js +1 -1
- package/dist/components/af-paperclip-decoration.js +9 -5
- package/dist/components/af-paperclip-decoration.js.map +1 -1
- package/dist/components/af-progress-line.js +1 -1
- package/dist/components/af-section.js +1 -1
- package/dist/components/af-show.js +1 -1
- package/dist/components/af-social-link.js +1 -1
- package/dist/components/af-spacer.js +1 -1
- package/dist/components/af-split-section.js +2 -2
- package/dist/components/af-stack.js +1 -1
- package/dist/components/af-stat.js +1 -1
- package/dist/components/af-stats-row.js +1 -1
- package/dist/components/af-stepper-step.js +1 -1
- package/dist/components/af-stepper.js +1 -1
- package/dist/components/af-tab-bar.js +1 -1
- package/dist/components/af-tab.js +1 -1
- package/dist/components/af-tag.js +1 -1
- package/dist/components/af-testimonial-carousel.js +2 -2
- package/dist/components/af-testimonial-stat.js +1 -1
- package/dist/components/af-testimonial.js +2 -2
- package/dist/components/af-text-image-nest.js +1 -1
- package/dist/components/af-text-image.js +1 -1
- package/dist/components/af-textarea.js +1 -1
- package/dist/components/af-theme-override.js +1 -1
- package/dist/components/af-video-container.js +1 -1
- package/dist/components/af-visually-hidden.js +1 -1
- package/dist/components/index.js +8 -8
- package/dist/components/{p-CmU4eYJE.js → p-B4bimVSM.js} +4 -4
- package/dist/components/{p-CmU4eYJE.js.map → p-B4bimVSM.js.map} +1 -1
- package/dist/components/{p-DUWgh2he.js → p-BgQvXXuB.js} +3 -3
- package/dist/components/{p-DUWgh2he.js.map → p-BgQvXXuB.js.map} +1 -1
- package/dist/components/{p-Dd_y3e80.js → p-BiSEOBg5.js} +3 -3
- package/dist/components/{p-Dd_y3e80.js.map → p-BiSEOBg5.js.map} +1 -1
- package/dist/components/{p-D1kXpb5A.js → p-BwowgpiS.js} +4 -4
- package/dist/components/{p-D1kXpb5A.js.map → p-BwowgpiS.js.map} +1 -1
- package/dist/components/{p-CxQXmlHR.js → p-CNPKZ3ct.js} +3 -3
- package/dist/components/{p-CxQXmlHR.js.map → p-CNPKZ3ct.js.map} +1 -1
- package/dist/components/{p-DinivoZj.js → p-CSejCgwa.js} +3 -3
- package/dist/components/{p-DinivoZj.js.map → p-CSejCgwa.js.map} +1 -1
- package/dist/components/{p-DNdQkidf.js → p-CTVS7dJ6.js} +3 -3
- package/dist/components/{p-DNdQkidf.js.map → p-CTVS7dJ6.js.map} +1 -1
- package/dist/components/{p-Bebi4EvS.js → p-CixFE5Cu.js} +16 -3
- package/dist/components/p-CixFE5Cu.js.map +1 -0
- package/dist/components/{p-DBtE-heu.js → p-DPgWkfHr.js} +4 -4
- package/dist/components/{p-DBtE-heu.js.map → p-DPgWkfHr.js.map} +1 -1
- package/dist/components/{p-DOZPKyww.js → p-Dacy0GsN.js} +28 -7
- package/dist/components/p-Dacy0GsN.js.map +1 -0
- package/dist/components/{p-CY3F_EFI.js → p-DxYqml-M.js} +3 -3
- package/dist/components/{p-CY3F_EFI.js.map → p-DxYqml-M.js.map} +1 -1
- package/dist/components/{p-WJ7nfpxz.js → p-SGoxmRPn.js} +6 -6
- package/dist/components/p-SGoxmRPn.js.map +1 -0
- package/dist/components/{p-CmOT3tAE.js → p-fLdNRQwR.js} +3 -3
- package/dist/components/{p-CmOT3tAE.js.map → p-fLdNRQwR.js.map} +1 -1
- package/dist/components/{p-CPPy4ZvS.js → p-sIePTJnR.js} +4 -4
- package/dist/components/{p-CPPy4ZvS.js.map → p-sIePTJnR.js.map} +1 -1
- package/dist/esm/af-accordion-item.entry.js +1 -1
- package/dist/esm/af-accordion.entry.js +1 -1
- package/dist/esm/af-card.entry.js +1 -1
- package/dist/esm/af-center.entry.js +1 -1
- package/dist/esm/af-client-carousel.entry.js +1 -1
- package/dist/esm/af-contact-item.entry.js +1 -1
- package/dist/esm/af-divider.entry.js +1 -1
- package/dist/esm/af-feature-accordion.entry.js +2 -2
- package/dist/esm/af-feature-grid.entry.js +1 -1
- package/dist/esm/af-footer-column.entry.js +1 -1
- package/dist/esm/af-footer-link.entry.js +1 -1
- package/dist/esm/af-footer.entry.js +1 -1
- package/dist/esm/af-grid.entry.js +2 -2
- package/dist/esm/af-hero.entry.js +3 -3
- package/dist/esm/af-hero.entry.js.map +1 -1
- package/dist/esm/af-icon-box.entry.js +1 -1
- package/dist/esm/af-icon-text.entry.js +1 -1
- package/dist/esm/af-illustrated-card.entry.js +1 -1
- package/dist/esm/af-image.entry.js +1 -1
- package/dist/esm/af-in-page-banner.entry.js +1 -1
- package/dist/esm/af-inline.entry.js +1 -1
- package/dist/esm/af-input.entry.js +23 -5
- package/dist/esm/af-input.entry.js.map +1 -1
- package/dist/esm/af-logo-well.entry.js +1 -1
- package/dist/esm/af-nav-accordion-item.entry.js +2 -2
- package/dist/esm/af-nav-accordion.entry.js +1 -1
- package/dist/esm/af-nav-menu-nest.entry.js +1 -1
- package/dist/esm/af-nav-menu.entry.js +1 -1
- package/dist/esm/af-number-badge.entry.js +1 -1
- package/dist/esm/af-numbered-stepper-item.entry.js +1 -1
- package/dist/esm/af-numbered-stepper.entry.js +1 -1
- package/dist/esm/af-paperclip-decoration.entry.js +9 -5
- package/dist/esm/af-paperclip-decoration.entry.js.map +1 -1
- package/dist/esm/af-progress-line.entry.js +2 -2
- package/dist/esm/af-section.entry.js +2 -2
- package/dist/esm/af-show.entry.js +1 -1
- package/dist/esm/af-social-link.entry.js +1 -1
- package/dist/esm/af-spacer.entry.js +1 -1
- package/dist/esm/af-split-section.entry.js +2 -2
- package/dist/esm/af-stack.entry.js +1 -1
- package/dist/esm/af-stat.entry.js +1 -1
- package/dist/esm/af-stats-row.entry.js +1 -1
- package/dist/esm/af-stepper-step.entry.js +1 -1
- package/dist/esm/af-stepper.entry.js +1 -1
- package/dist/esm/af-tab-bar.entry.js +1 -1
- package/dist/esm/af-tab.entry.js +1 -1
- package/dist/esm/af-tag.entry.js +2 -2
- package/dist/esm/af-testimonial-carousel.entry.js +1 -1
- package/dist/esm/af-testimonial-stat.entry.js +1 -1
- package/dist/esm/af-testimonial.entry.js +2 -2
- package/dist/esm/af-text-image-nest.entry.js +1 -1
- package/dist/esm/af-textarea.entry.js +14 -1
- package/dist/esm/af-textarea.entry.js.map +1 -1
- package/dist/esm/af-theme-override.entry.js +1 -1
- package/dist/esm/af-video-container.entry.js +1 -1
- package/dist/esm/af-visually-hidden.entry.js +1 -1
- package/dist/esm/affinda.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/hydrate/index.js +115 -71
- package/dist/hydrate/index.mjs +115 -71
- package/dist/types/components/af-input/af-input.d.ts +21 -6
- package/dist/types/components/af-paperclip-decoration/af-paperclip-decoration.d.ts +6 -2
- package/dist/types/components/af-textarea/af-textarea.d.ts +9 -0
- package/dist/types/components.d.ts +71 -21
- package/package.json +2 -2
- package/dist/affinda/p-15a1d019.entry.js +0 -2
- package/dist/affinda/p-838bbc80.entry.js +0 -2
- package/dist/affinda/p-a196f362.entry.js +0 -2
- package/dist/affinda/p-a6be61c2.entry.js +0 -2
- package/dist/affinda/p-b77fa201.entry.js +0 -2
- package/dist/affinda/p-b77fa201.entry.js.map +0 -1
- package/dist/affinda/p-c2a6c874.entry.js +0 -2
- package/dist/affinda/p-c925d301.entry.js +0 -2
- package/dist/affinda/p-c925d301.entry.js.map +0 -1
- package/dist/affinda/p-cd21a62a.entry.js +0 -2
- package/dist/affinda/p-ea5aea86.entry.js +0 -2
- package/dist/affinda/p-fd772af4.entry.js +0 -2
- package/dist/components/p-Bebi4EvS.js.map +0 -1
- package/dist/components/p-DOZPKyww.js.map +0 -1
- package/dist/components/p-WJ7nfpxz.js.map +0 -1
- /package/dist/affinda/{p-bb80195f.entry.js.map → p-01b848e9.entry.js.map} +0 -0
- /package/dist/affinda/{p-d9b0f217.entry.js.map → p-025851ca.entry.js.map} +0 -0
- /package/dist/affinda/{p-1819ae80.entry.js.map → p-0cbb1cb2.entry.js.map} +0 -0
- /package/dist/affinda/{p-a196f362.entry.js.map → p-11d41c9a.entry.js.map} +0 -0
- /package/dist/affinda/{p-a6be61c2.entry.js.map → p-1c19e94c.entry.js.map} +0 -0
- /package/dist/affinda/{p-64159112.entry.js.map → p-1c922fff.entry.js.map} +0 -0
- /package/dist/affinda/{p-b31e438d.entry.js.map → p-223b2e70.entry.js.map} +0 -0
- /package/dist/affinda/{p-a4b36eb7.entry.js.map → p-2315cb6b.entry.js.map} +0 -0
- /package/dist/affinda/{p-41580a3c.entry.js.map → p-296a6ece.entry.js.map} +0 -0
- /package/dist/affinda/{p-e057ebf1.entry.js.map → p-2e67fb0d.entry.js.map} +0 -0
- /package/dist/affinda/{p-5834ffe7.entry.js.map → p-319b51c7.entry.js.map} +0 -0
- /package/dist/affinda/{p-50e12df0.entry.js.map → p-39a40e6a.entry.js.map} +0 -0
- /package/dist/affinda/{p-c23d7aa5.entry.js.map → p-3df90209.entry.js.map} +0 -0
- /package/dist/affinda/{p-616e0116.entry.js.map → p-3fb33478.entry.js.map} +0 -0
- /package/dist/affinda/{p-be219843.entry.js.map → p-604399ed.entry.js.map} +0 -0
- /package/dist/affinda/{p-c15d00b5.entry.js.map → p-653bca57.entry.js.map} +0 -0
- /package/dist/affinda/{p-6ff65e42.entry.js.map → p-6c4137dc.entry.js.map} +0 -0
- /package/dist/affinda/{p-95da58f3.entry.js.map → p-764601e6.entry.js.map} +0 -0
- /package/dist/affinda/{p-8b0d08de.entry.js.map → p-765883e7.entry.js.map} +0 -0
- /package/dist/affinda/{p-cea1c1ff.entry.js.map → p-7b60b684.entry.js.map} +0 -0
- /package/dist/affinda/{p-df10dee2.entry.js.map → p-805148d0.entry.js.map} +0 -0
- /package/dist/affinda/{p-d573d115.entry.js.map → p-8eb57e35.entry.js.map} +0 -0
- /package/dist/affinda/{p-656630fc.entry.js.map → p-90e9e29c.entry.js.map} +0 -0
- /package/dist/affinda/{p-eca85313.entry.js.map → p-9c470a88.entry.js.map} +0 -0
- /package/dist/affinda/{p-1a71d0f9.entry.js.map → p-9c8d18a3.entry.js.map} +0 -0
- /package/dist/affinda/{p-cc2539de.entry.js.map → p-9d85f685.entry.js.map} +0 -0
- /package/dist/affinda/{p-3fd3d4cd.entry.js.map → p-aa0cb70d.entry.js.map} +0 -0
- /package/dist/affinda/{p-1f2f7fff.entry.js.map → p-aabe4d24.entry.js.map} +0 -0
- /package/dist/affinda/{p-88f38401.entry.js.map → p-ae27e9da.entry.js.map} +0 -0
- /package/dist/affinda/{p-919e2144.entry.js.map → p-bc3d2bb4.entry.js.map} +0 -0
- /package/dist/affinda/{p-cd21a62a.entry.js.map → p-c87e5b29.entry.js.map} +0 -0
- /package/dist/affinda/{p-7b08b7ba.entry.js.map → p-dd30a9b8.entry.js.map} +0 -0
- /package/dist/affinda/{p-8f36e911.entry.js.map → p-e2667603.entry.js.map} +0 -0
- /package/dist/affinda/{p-02c6f6d1.entry.js.map → p-e678100f.entry.js.map} +0 -0
- /package/dist/affinda/{p-374f9557.entry.js.map → p-e8a91b15.entry.js.map} +0 -0
- /package/dist/affinda/{p-7eff3490.entry.js.map → p-e9527b93.entry.js.map} +0 -0
- /package/dist/affinda/{p-67b08108.entry.js.map → p-eb611fb5.entry.js.map} +0 -0
- /package/dist/affinda/{p-f1705df1.entry.js.map → p-edb426e6.entry.js.map} +0 -0
- /package/dist/affinda/{p-54dc41a9.entry.js.map → p-f47d0d2d.entry.js.map} +0 -0
- /package/dist/affinda/{p-56e96bd3.entry.js.map → p-f49b41f9.entry.js.map} +0 -0
- /package/dist/affinda/{p-976e0c29.entry.js.map → p-f6e1750e.entry.js.map} +0 -0
- /package/dist/affinda/{p-3084cb0f.entry.js.map → p-fad2d40b.entry.js.map} +0 -0
- /package/dist/affinda/{p-a79077d5.entry.js.map → p-fc19f53c.entry.js.map} +0 -0
- /package/dist/affinda/{p-c2a6c874.entry.js.map → p-fd39a1c2.entry.js.map} +0 -0
- /package/dist/affinda/{p-a3ed4092.entry.js.map → p-fee9359c.entry.js.map} +0 -0
package/dist/hydrate/index.js
CHANGED
|
@@ -3460,7 +3460,7 @@ class AfAccordion {
|
|
|
3460
3460
|
});
|
|
3461
3461
|
}
|
|
3462
3462
|
render() {
|
|
3463
|
-
return (hAsync(Host, { key: '
|
|
3463
|
+
return (hAsync(Host, { key: 'e52f2563ca1e95fb07435cc40d66fa646ba1f573', class: { [`mode-${this.mode}`]: true } }, hAsync("div", { key: '7e7144bdb3980e07f5444284d4a37b066691de4e', class: "accordion" }, hAsync("slot", { key: '9068505989cd8dace365ba07f146957d91f2a0ce' }))));
|
|
3464
3464
|
}
|
|
3465
3465
|
get el() { return getElement(this); }
|
|
3466
3466
|
static get watchers() { return {
|
|
@@ -3553,7 +3553,7 @@ class AfAccordionItem {
|
|
|
3553
3553
|
const contentStyle = {
|
|
3554
3554
|
maxHeight: this.open ? `${this.contentHeight}px` : '0px'
|
|
3555
3555
|
};
|
|
3556
|
-
return (hAsync(Host, { key: '
|
|
3556
|
+
return (hAsync(Host, { key: 'd30690d684a945ec9215d3c3d469370d61c85514', class: { 'is-open': this.open, 'is-disabled': this.disabled } }, hAsync("div", { key: 'c2643ec1eebc84a2fd76eff1c8e3e6c814dfd897', class: "accordion-item" }, hAsync("button", { key: '9a36c7b2aeeed919ee02e1ed405966055bf4bed8', class: "trigger", onClick: this.handleTriggerClick, "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}`, disabled: this.disabled, type: "button" }, hAsync("div", { key: '81d8a18ccc1b4a1b62b58f55ed0ffbd897b6c5a2', class: "trigger-content" }, hAsync("slot", { key: '740345a52afa1e1d2e37f256b2d3236ba3ea159a', name: "trigger" })), hAsync("div", { key: '0b52647eb7c81d606bac7757828923e2bbf9e166', class: { 'chevron': true, 'is-open': this.open } }, hAsync("svg", { key: 'a6a53635a309fb072dc238dacd1969fbbcd47afb', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, hAsync("path", { key: '283405c12c608bec9b4c7b01bf132ee1db703893', d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), hAsync("div", { key: '7792fd00fbe5167d3bd1881fce95454429284046', id: `content-${this.itemId}`, class: "content-wrapper", style: contentStyle, "aria-hidden": !this.open ? 'true' : 'false' }, hAsync("div", { key: 'e0122e95976db46c0b42036033cca1db2c1b2b2d', class: "content", ref: (el) => (this.contentRef = el) }, hAsync("slot", { key: 'c99f7dcc539909ef037cc87de2786caad2a44ec5' }))))));
|
|
3557
3557
|
}
|
|
3558
3558
|
get el() { return getElement(this); }
|
|
3559
3559
|
static get watchers() { return {
|
|
@@ -3826,7 +3826,7 @@ class AfCard {
|
|
|
3826
3826
|
'card': true,
|
|
3827
3827
|
[`theme-${this.theme}`]: true
|
|
3828
3828
|
};
|
|
3829
|
-
return (hAsync(Host, { key: '
|
|
3829
|
+
return (hAsync(Host, { key: '8e58ce6e72f8c93f96661f56677a8ac861966e4b' }, hAsync("div", { key: '5ad157ce904665fcd07f847b2851a8c269f04dce', class: classes }, hAsync("div", { key: 'd662a3f05b9779d548a1393ce84ffa9d78be9646', class: "card__content" }, hAsync("slot", { key: 'eb52c38a4b17a88bdabc74a1ebe3a0e9c1ad287c' })))));
|
|
3830
3830
|
}
|
|
3831
3831
|
static get style() { return afCardCss; }
|
|
3832
3832
|
static get cmpMeta() { return {
|
|
@@ -3880,7 +3880,7 @@ class AfCenter {
|
|
|
3880
3880
|
if (this.minHeight) {
|
|
3881
3881
|
style.minHeight = this.minHeight;
|
|
3882
3882
|
}
|
|
3883
|
-
return (hAsync(Host, { key: '
|
|
3883
|
+
return (hAsync(Host, { key: 'e91358ecc8de26481c2360e73043316ac63bf7bd', style: style }, hAsync("slot", { key: 'e9d407b9a70103b215536cbab3a2a196d841f762' })));
|
|
3884
3884
|
}
|
|
3885
3885
|
static get style() { return afCenterCss; }
|
|
3886
3886
|
static get cmpMeta() { return {
|
|
@@ -4051,7 +4051,7 @@ class AfClientCarousel {
|
|
|
4051
4051
|
// Direction classes are left on in static mode too — the `.mode-static`
|
|
4052
4052
|
// CSS rule overrides `animation` to `none`, so the direction is a no-op
|
|
4053
4053
|
// visually but keeps the markup shape consistent across modes.
|
|
4054
|
-
return (hAsync(Host, { key: '
|
|
4054
|
+
return (hAsync(Host, { key: 'de2ab8e013b602bae7f3a7ec86f46008271017df', class: `theme-${this.theme} mode-${this.mode}` }, hAsync("div", { key: '2a7f391b7f2821cc2b1fd22c4fecee8db49993eb', class: `client-carousel theme-${this.theme} rows-${rows} mode-${this.mode}` }, hAsync("div", { key: 'a050be7df00baa8f606edaaffaf80bf66d2745a5', class: "carousel-container" }, hAsync("div", { key: '652ebd5057f104456d327ea0741676d4c5f365c1', class: "carousel-row scroll-left" }, hAsync("div", { key: '115c61cf864eafef5de415cf47d5e7ad78326f49', class: "logo-track", ref: (el) => (this.row1TrackRef = el) }, hAsync("slot", { key: '16d1001521b3950fbf24868df8f2f3141571ab9d', name: "row-1" }, hAsync("slot", { key: 'b939997a0c782911cc46b68d6a2ea14cb3a85018' })))), rows === 2 && (hAsync("div", { key: '3490957a149d49dbbf37571efb27663c64bd39ea', class: "carousel-row scroll-right" }, hAsync("div", { key: '46944607b424071fc97864601f4392a649f1a890', class: "logo-track", ref: (el) => (this.row2TrackRef = el) }, hAsync("slot", { key: 'ec1be2a0b81dccfeda6a29650242808fcc67b214', name: "row-2" }))))))));
|
|
4055
4055
|
}
|
|
4056
4056
|
get el() { return getElement(this); }
|
|
4057
4057
|
static get style() { return afClientCarouselCss; }
|
|
@@ -4113,7 +4113,7 @@ class AfContactItem {
|
|
|
4113
4113
|
this.value = '';
|
|
4114
4114
|
}
|
|
4115
4115
|
render() {
|
|
4116
|
-
return (hAsync(Host, { key: '
|
|
4116
|
+
return (hAsync(Host, { key: '2893556bc677a8897d47874fd033e5c1bb04779d' }, hAsync("div", { key: '94f6c309c6d624ce3682af895cc9fbfdb0a6b53d', class: "contact-item" }, this.label && (hAsync("h5", { key: '26940fbcd567d9e0261fb62782fa9707ac1e3d61', class: "contact-item__label" }, this.label)), this.value && (hAsync("p", { key: '9bbc554da519bfd25d50d7a5e23dfbff1ca5bc59', class: "contact-item__value" }, this.value)), hAsync("slot", { key: 'da7c5af2d1346ef6d9a2d2266138c49b9dbd93cc' }))));
|
|
4117
4117
|
}
|
|
4118
4118
|
static get style() { return afContactItemCss; }
|
|
4119
4119
|
static get cmpMeta() { return {
|
|
@@ -4195,7 +4195,7 @@ class AfDivider {
|
|
|
4195
4195
|
marginTop: spacingValue,
|
|
4196
4196
|
marginBottom: spacingValue,
|
|
4197
4197
|
};
|
|
4198
|
-
return (hAsync(Host, { key: '
|
|
4198
|
+
return (hAsync(Host, { key: 'ac8090274a8306a9882b32bb3d5e16a591b86f2f', class: {
|
|
4199
4199
|
'divider': true,
|
|
4200
4200
|
'divider--horizontal': !isVertical,
|
|
4201
4201
|
'divider--vertical': isVertical,
|
|
@@ -4317,13 +4317,13 @@ class AfFeatureAccordion {
|
|
|
4317
4317
|
render() {
|
|
4318
4318
|
const items = this.getItems();
|
|
4319
4319
|
const currentItem = items[this.expandedIndex];
|
|
4320
|
-
return (hAsync(Host, { key: '
|
|
4320
|
+
return (hAsync(Host, { key: '595e09ae8153ade7a4fa676eb6f286fc4fec5efe' }, hAsync("div", { key: 'ee35766aa1e9300b4826576913bb7c84ede6a1e7', class: "feature-accordion" }, hAsync("div", { key: 'a12641497c3c3de7e975ebd0735998d4febefb5f', class: "feature-accordion__container" }, hAsync("h2", { key: '42bb968907b3f2745f0ca8f2b40ccfb0e085dad5', class: "feature-accordion__heading" }, this.heading), hAsync("div", { key: 'b70e9007418de1a53cf3f77b4e5477b63d0a11f1', class: "feature-accordion__content" }, hAsync("div", { key: '3fdfbc954daa9d02efb1cdb4ea9d26caeba603c8', class: "feature-accordion__list" }, items.map((item, index) => (hAsync("div", { class: {
|
|
4321
4321
|
'accordion-item': true,
|
|
4322
4322
|
'accordion-item--expanded': this.expandedIndex === index
|
|
4323
4323
|
}, key: index }, hAsync("button", { class: "accordion-item__header", onClick: () => this.handleItemClick(index), "aria-expanded": this.expandedIndex === index ? 'true' : 'false' }, hAsync("h4", { class: "accordion-item__title" }, item.title), hAsync("span", { class: "accordion-item__icon", "aria-hidden": "true" }, hAsync("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { class: "accordion-item__icon-bar", d: "M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }), hAsync("path", { class: "accordion-item__icon-bar accordion-item__icon-bar--vert", d: "M12 5V19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })))), hAsync("div", { class: "accordion-item__content", style: {
|
|
4324
4324
|
maxHeight: this.expandedIndex === index ? '200px' : '0',
|
|
4325
4325
|
opacity: this.expandedIndex === index ? '1' : '0'
|
|
4326
|
-
} }, hAsync("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index && this.autoCycle && (hAsync("div", { class: "accordion-item__timer-track" }, hAsync("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), hAsync("div", { key: '
|
|
4326
|
+
} }, hAsync("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index && this.autoCycle && (hAsync("div", { class: "accordion-item__timer-track" }, hAsync("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), hAsync("div", { key: '902712779f4ff2eaae179762a7b78ff1f0784d58', class: "feature-accordion__image-container" }, hAsync("div", { key: 'b741cfaf96428e786e8780cfeff90a0c315716e8', class: "feature-accordion__image-wrapper" }, currentItem?.imageUrl && (hAsync("img", { key: '2a565b530441c9953139b3c0517f480a81f0a77a', src: currentItem.imageUrl, alt: currentItem.imageAlt || currentItem.title, class: "feature-accordion__image" })), !currentItem?.imageUrl && (hAsync("div", { key: 'f8248c73c5dcbd6b8224ad646ee867d34004437d', class: "feature-accordion__image-placeholder" }, hAsync("slot", { key: '9cbe9ee773b0acd5a1b80fa4f6dd2f293152e598', name: "image" }))))))))));
|
|
4327
4327
|
}
|
|
4328
4328
|
get el() { return getElement(this); }
|
|
4329
4329
|
static get watchers() { return {
|
|
@@ -4515,7 +4515,7 @@ class AfFeatureGrid {
|
|
|
4515
4515
|
[`feature-grid--mobile-${this.mobileLayout}`]: true,
|
|
4516
4516
|
};
|
|
4517
4517
|
const showProgressLine = this.mobileLayout === 'scroll';
|
|
4518
|
-
return (hAsync(Host, { key: '
|
|
4518
|
+
return (hAsync(Host, { key: '79843a96c9ee451709ed2dea2273fe5394c0f180' }, hAsync("div", { key: '83f10509eddca556b5c1bc0c9188a3e23d7a1726', class: gridClasses }, hAsync("div", { key: '794777d18ea5232a851ad86d7fe821d008e5f7ab', class: "feature-grid__cards" }, hAsync("slot", { key: 'ea4b54b056f3d91a73e302adedcfde3ef21c7a4c' })), showProgressLine && (hAsync("div", { key: 'ed2c80eed8b751d2a9e17bf1d1833f9fac7c681c', class: "feature-grid__progress" }, hAsync("af-progress-line", { key: '51fabf03ae0944dda30980a711d7f0ffdf44226d', progress: this.scrollProgress }))))));
|
|
4519
4519
|
}
|
|
4520
4520
|
get host() { return getElement(this); }
|
|
4521
4521
|
static get watchers() { return {
|
|
@@ -4607,7 +4607,7 @@ class AfFooter {
|
|
|
4607
4607
|
this.showStatus = true;
|
|
4608
4608
|
}
|
|
4609
4609
|
render() {
|
|
4610
|
-
return (hAsync(Host, { key: '
|
|
4610
|
+
return (hAsync(Host, { key: '4e02a8e9b378b3f06aca47609b7d39757dc4434f' }, hAsync("footer", { key: '41177e4981ae89efc453f4890545c970a949c1a0', class: "footer" }, hAsync("div", { key: '8c0450ada99ec27533aae3d15876ec4ca59c4b28', class: "footer__container" }, hAsync("div", { key: 'e3ede26f252e08d666829fb1be2accfe4860425b', class: "footer__top" }, hAsync("div", { key: 'cd8cb407f6d88cc404892d7fb58fa05046b3d332', class: "footer__brand" }, hAsync("div", { key: '7c62228d707d5b9befa08f3355af49074c9a91c1', class: "footer__brand-card" }, hAsync("div", { key: 'f3fc48dff5c9fe2800b7b1fffb21cb521485fb86', class: "footer__logo" }, hAsync("slot", { key: 'af62f8619641d28cd523e893d5228ef57a9c1983', name: "logo" })), hAsync("div", { key: '216a0eb37fb07916188acddf1521c547dffb0903', class: "footer__social" }, hAsync("slot", { key: 'a0ecbe24c06281a27717e6253d9a553b9059ec22', name: "social" }))), hAsync("div", { key: 'c00ecaab696e3320d1d8081ebee10818b3225bf6', class: "footer__contact-card" }, hAsync("slot", { key: 'b767fd999eefeaf80083a27cee564d968c325fc3', name: "contact" }))), hAsync("div", { key: '601d75ff49fb125e5de89af0e97f32728e2d8a18', class: "footer__nav" }, hAsync("div", { key: '2875b2b5b77ab9c109701e21db1eabf0067a7f05', class: "footer__nav-columns" }, hAsync("slot", { key: 'bf069f0ef3483210014c44de263357b5efe0437a', name: "nav" })), this.showStatus && (hAsync("div", { key: '2e74bf503b93c08f5fdcb053c4b1b6001272897f', class: "footer__status" }, hAsync("span", { key: '5009a1ba220866f9946d2efbbca2823ea8a5c4f2', class: `footer__status-dot ${this.systemsOperational ? 'footer__status-dot--operational' : 'footer__status-dot--issue'}` }), hAsync("span", { key: 'a34fb1674659a7072a3890b0d5da6fd1d7255335', class: "footer__status-text" }, this.statusText), this.statusUrl && (hAsync("a", { key: '5ee737874aea90717fd467d0dd2c2d63934d77c9', href: this.statusUrl, target: "_blank", rel: "noopener noreferrer", class: "footer__status-link" }, "Learn more")))))), hAsync("div", { key: 'ecbde350cdfd2f794ab6d23b776d2e6824e7e834', class: "footer__bottom" }, this.copyrightText && (hAsync("p", { key: 'e4f08b9cfe7a60319736b09ba88671963f8a0f38', class: "footer__copyright" }, this.copyrightText)), hAsync("div", { key: '9662a40dcb5766ef5b55b615e96e9be6ee8482ab', class: "footer__legal" }, hAsync("slot", { key: '4b4413033e24b82e11bcaa573c2b38d3a4657e01', name: "legal" })), hAsync("div", { key: '710e4692bbccf133eee78bce5a04c2da18096532', class: "footer__badges" }, hAsync("slot", { key: '1c9907e32621b27638b4294708fbb71254a950bf', name: "badges" })))))));
|
|
4611
4611
|
}
|
|
4612
4612
|
static get style() { return afFooterCss; }
|
|
4613
4613
|
static get cmpMeta() { return {
|
|
@@ -4639,7 +4639,7 @@ class AfFooterColumn {
|
|
|
4639
4639
|
this.heading = '';
|
|
4640
4640
|
}
|
|
4641
4641
|
render() {
|
|
4642
|
-
return (hAsync(Host, { key: '
|
|
4642
|
+
return (hAsync(Host, { key: '67e4bf8e1e6c60f1d00bf1cb5c064bd33f68fba5' }, hAsync("div", { key: '3a2dd16b71346ad2709b366e0c6de7762814748c', class: "footer-column" }, this.heading && (hAsync("h5", { key: '0e05841a9711fb6a04a5f977bf1c7f653ec52649', class: "footer-column__heading" }, this.heading)), hAsync("ul", { key: 'cb50c8d91046ec76a886854faf1ac33a8c0a1d7c', class: "footer-column__list" }, hAsync("slot", { key: '167597388a2dbe99b8a331e77c2491872112e82d' })))));
|
|
4643
4643
|
}
|
|
4644
4644
|
static get style() { return afFooterColumnCss; }
|
|
4645
4645
|
static get cmpMeta() { return {
|
|
@@ -4669,7 +4669,7 @@ class AfFooterLink {
|
|
|
4669
4669
|
this.external = false;
|
|
4670
4670
|
}
|
|
4671
4671
|
render() {
|
|
4672
|
-
return (hAsync(Host, { key: '
|
|
4672
|
+
return (hAsync(Host, { key: 'e341043b7d2a33e6bad09755eef69f170c7b809a' }, hAsync("li", { key: 'abd9188151d0d11b0b98ad28ec7263f68cf03ee9' }, hAsync("a", { key: '8de2cdf51282334947408dc2d5f5b4060a94e73a', href: this.href, class: "footer-link", target: this.external ? '_blank' : undefined, rel: this.external ? 'noopener noreferrer' : undefined }, hAsync("slot", { key: '3f2fd206e8b121afcd137de19e2ef7ce974ef16e' }), this.external && (hAsync("svg", { key: '9e3075f004cfdee1dcf25be2a0437f841a2baeda', class: "footer-link__external-icon", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, hAsync("path", { key: '72d0f422c4ded4b4ff44107edd5afa99b30ff123', d: "M10 6.5v3a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3M7.5 1.5h3v3M5.5 6.5l5-5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
|
|
4673
4673
|
}
|
|
4674
4674
|
static get style() { return afFooterLinkCss; }
|
|
4675
4675
|
static get cmpMeta() { return {
|
|
@@ -4717,14 +4717,14 @@ class AfGrid {
|
|
|
4717
4717
|
end: 'end',
|
|
4718
4718
|
stretch: 'stretch',
|
|
4719
4719
|
};
|
|
4720
|
-
return (hAsync(Host, { key: '
|
|
4720
|
+
return (hAsync(Host, { key: 'd8f5d8d0eb7a070892ed00bea3b6cacba55ebfd0', style: {
|
|
4721
4721
|
'--grid-columns': String(this.columns),
|
|
4722
4722
|
'--grid-columns-lg': String(this.columnsLg ?? this.columns),
|
|
4723
4723
|
'--grid-columns-md': String(this.columnsMd ?? this.columnsLg ?? this.columns),
|
|
4724
4724
|
'--grid-columns-sm': String(this.columnsSm ?? this.columnsMd ?? this.columnsLg ?? 1),
|
|
4725
4725
|
'--grid-gap': `var(--space-${this.gap})`,
|
|
4726
4726
|
'--grid-align': alignMap[this.align],
|
|
4727
|
-
} }, hAsync("div", { key: '
|
|
4727
|
+
} }, hAsync("div", { key: '11c90d93bb50c200faeab87ffaef287256609f4e', class: "grid" }, hAsync("slot", { key: '4e468e5ce63b0550ae6f16694b7e0a5e26d8564f' }))));
|
|
4728
4728
|
}
|
|
4729
4729
|
static get style() { return afGridCss; }
|
|
4730
4730
|
static get cmpMeta() { return {
|
|
@@ -4886,7 +4886,7 @@ class AfHeading {
|
|
|
4886
4886
|
}; }
|
|
4887
4887
|
}
|
|
4888
4888
|
|
|
4889
|
-
const afHeroCss = ".sc-af-hero-h{display:block;position:relative;width:100%;--af-hero-image-lift:-260px;--af-hero-image-min-height:360px}.hero__section.sc-af-hero{position:relative;overflow:hidden}.hero__paperclip.sc-af-hero{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none;z-index:0;width:
|
|
4889
|
+
const afHeroCss = ".sc-af-hero-h{display:block;position:relative;width:100%;--af-hero-image-lift:-260px;--af-hero-image-min-height:360px}.hero__section.sc-af-hero{position:relative;overflow:hidden}.hero__paperclip.sc-af-hero{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none;z-index:0;width:520px;height:600px}@media (max-width: 991px){.hero__paperclip.sc-af-hero{width:380px;height:437px}}@media (max-width: 767px){.hero__paperclip.sc-af-hero{display:none}}.hero__inner.sc-af-hero{position:relative;z-index:1;padding-bottom:40px}.hero--pad-default.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:124px}.hero--pad-loose.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:164px}.hero--inkwell-centered.hero--pad-default.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:180px}.hero__grid.sc-af-hero{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:center}.hero--soft-clay-illustration.sc-af-hero-h .hero__grid.sc-af-hero,.hero--mist-green-illustration.sc-af-hero-h .hero__grid.sc-af-hero{grid-template-columns:1fr auto;gap:48px}.hero--inkwell-illustration.sc-af-hero-h .hero__grid.sc-af-hero{grid-template-columns:1fr 1fr}.hero__copy.sc-af-hero{padding-left:16px}.hero--inkwell-photo.hero--pad-loose.sc-af-hero-h .hero__copy.sc-af-hero{padding-bottom:120px}.hero--inkwell-centered.sc-af-hero-h .hero__copy.sc-af-hero{padding-left:0;text-align:center}.hero__badge.sc-af-hero:not(:has(*)){display:none}.hero__badge.sc-af-hero:has(*){margin-bottom:16px}.hero__copy.sc-af-hero-s>[slot='badge'],.hero__copy .sc-af-hero-s>[slot='badge']{display:inline-block}.hero__buttons.sc-af-hero{margin-top:32px}.hero__buttons.sc-af-hero:empty{display:none}.hero--inkwell-centered.sc-af-hero-h .hero__buttons.sc-af-hero{display:flex;justify-content:center}.sc-af-hero-h{--af-hero-blob-mask:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NDEgOTQwIj48cGF0aCBkPSJNMTcwLjA2MyAxODEuOTQ1QzIzNC4xNTYgMzAuOTUxNCA0MDguNTE4IC0zOS40OTU1IDU1OS41MTIgMjQuNTk3NUM3MTAuNTA2IDg4LjY5MDQgNzgwLjk1MiAyNjMuMDUzIDcxNi44NTkgNDE0LjA0Nkw1NzAuODQ3IDc1OC4wMzFDNTA2Ljc1NCA5MDkuMDI0IDMzMi4zOTIgOTc5LjQ3MSAxODEuMzk4IDkxNS4zNzhDMzAuNDA0NSA4NTEuMjg1IC00MC4wNDI0IDY3Ni45MjMgMjQuMDUwNiA1MjUuOTI5TDE3MC4wNjMgMTgxLjk0NVoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=');--af-hero-blob-mask-mobile:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 768\"><path fill=\"%23000\" d=\"M1024 0H384A384 384 0 0 0 384 768H1024V0Z\"/></svg>')}.hero__image.sc-af-hero{min-height:var(--af-hero-image-min-height);overflow:visible;margin-top:var(--af-hero-image-lift);position:relative;z-index:1}.hero__image--masked.sc-af-hero-s>img,.hero__image--masked .sc-af-hero-s>img,.hero__image--masked.sc-af-hero-s>picture img,.hero__image--masked .sc-af-hero-s>picture img,.hero__image--masked.sc-af-hero-s>.af-hero-image,.hero__image--masked .sc-af-hero-s>.af-hero-image{display:block;width:100%;height:auto;-webkit-mask-image:var(--af-hero-blob-mask);mask-image:var(--af-hero-blob-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-mode:alpha}.hero__image--masked.sc-af-hero img.sc-af-hero{-webkit-mask-image:var(--af-hero-blob-mask);mask-image:var(--af-hero-blob-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-mode:alpha}.hero__illustration.sc-af-hero{flex:0 0 auto;width:100%;max-width:432px;line-height:0;justify-self:end}.hero__illustration.sc-af-hero-s>svg,.hero__illustration .sc-af-hero-s>svg,.hero__illustration.sc-af-hero-s>img,.hero__illustration .sc-af-hero-s>img{width:100%;height:auto;display:block;border-radius:16px}.hero--inkwell-illustration.sc-af-hero-h .hero__illustration.sc-af-hero{max-width:540px}.hero__logos.sc-af-hero{position:relative;z-index:2}.hero__logos.sc-af-hero:not(:has(*)){display:none}.hero--inkwell-photo.sc-af-hero-h .hero__logos.sc-af-hero:has(*){margin-top:-240px;padding-top:48px;padding-bottom:48px;background:var(--af-background-base, var(--colour-brand-inkwell, #14343b));border-top:1px solid\n var(--af-background-border-subtle, var(--colour-inkwell-450, #203e45))}@media (max-width: 991px){.hero--pad-default.sc-af-hero-h .hero__inner.sc-af-hero,.hero--pad-loose.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:112px}.hero--inkwell-centered.hero--pad-default.sc-af-hero-h .hero__inner.sc-af-hero{padding-top:144px}.hero__grid.sc-af-hero{grid-template-columns:1fr;gap:32px}.hero--soft-clay-illustration.sc-af-hero-h .hero__grid.sc-af-hero,.hero--mist-green-illustration.sc-af-hero-h .hero__grid.sc-af-hero,.hero--inkwell-illustration.sc-af-hero-h .hero__grid.sc-af-hero{grid-template-columns:1fr}.hero__copy.sc-af-hero{padding-left:0;padding-bottom:0}.hero__illustration.sc-af-hero{max-width:360px;margin-inline:auto;justify-self:center}.hero__image.sc-af-hero{margin-top:0;min-height:auto}.sc-af-hero-h.hero--inkwell-photo .hero__image--masked.sc-af-hero-s>img,.hero__image--masked .sc-af-hero-s>img,.hero--inkwell-photo.sc-af-hero-h .hero__image--masked.sc-af-hero img.sc-af-hero{-webkit-mask-image:var(--af-hero-blob-mask-mobile);mask-image:var(--af-hero-blob-mask-mobile)}.hero--inkwell-photo.sc-af-hero-h .hero__logos.sc-af-hero:has(*){margin-top:24px;padding-top:32px;padding-bottom:32px;background:transparent;border-top:none}}";
|
|
4890
4890
|
|
|
4891
4891
|
/**
|
|
4892
4892
|
* Map each variant to its underlying section theme token. Keeps one source
|
|
@@ -5015,12 +5015,12 @@ class AfHero {
|
|
|
5015
5015
|
const hasIllustration = v === 'inkwell-illustration' ||
|
|
5016
5016
|
v === 'soft-clay-illustration' ||
|
|
5017
5017
|
v === 'mist-green-illustration';
|
|
5018
|
-
return (hAsync(Host, { key: '
|
|
5018
|
+
return (hAsync(Host, { key: 'c40393e3a50d1beecbe83804a1407a51d46e82ce', class: {
|
|
5019
5019
|
[`hero--${v}`]: true,
|
|
5020
5020
|
[`hero--pad-${this.topPad}`]: true,
|
|
5021
5021
|
[`hero--theme-${this.theme}`]: true,
|
|
5022
5022
|
'hero--float-navbar': this.resolvedFloatNavbar,
|
|
5023
|
-
} }, hAsync("af-section", { key: '
|
|
5023
|
+
} }, hAsync("af-section", { key: '77ce170dadae5685fd58ccd3e9b679099ed7068f', theme: this.theme, padding: "none", container: false, class: "hero__section" }, centered && (hAsync("div", { key: 'e1f70ac7c9f4f708a3ac033aaba9c61aa1c5ca58', class: "hero__paperclip", "aria-hidden": "true" }, hAsync("slot", { key: '4cc7a2ca78151e4190e81af45ad9989e28c667b1', name: "paperclip" }))), hAsync("af-container", { key: 'c3e00acd79776207246290a7b3d5b8bb7b776791', class: "hero__inner" }, centered ? (this.renderCopy()) : (hAsync("div", { class: "hero__grid" }, this.renderCopy(), hasImage && this.renderPhoto(), hasIllustration && this.renderIllustration()))), hAsync("div", { key: '0cdd9f9071e3670a6d4b4a6082abe9252750d3b5', class: "hero__logos" }, hAsync("slot", { key: '8b53c58048c404b6d057f0e56d1ec0402ffd6e00', name: "logos-below" })))));
|
|
5024
5024
|
}
|
|
5025
5025
|
get el() { return getElement(this); }
|
|
5026
5026
|
static get style() { return afHeroCss; }
|
|
@@ -5442,7 +5442,7 @@ class AfIconBox {
|
|
|
5442
5442
|
[`icon-box--size-${this.size}`]: true,
|
|
5443
5443
|
};
|
|
5444
5444
|
const iconSize = this.size === 'small' ? 20 : this.size === 'large' ? 48 : 40;
|
|
5445
|
-
return (hAsync(Host, { key: '
|
|
5445
|
+
return (hAsync(Host, { key: '2a0468909e1ec2a92c20b7cda6cb39af8584a42b' }, hAsync("div", { key: '57eaff445b3d6a04c5eb7c39729bfb576866ca07', class: containerClasses }, hAsync("af-icon", { key: '5590e7bd7dea9951f2f647c85240ee6673bcac32', name: this.icon, size: iconSize }))));
|
|
5446
5446
|
}
|
|
5447
5447
|
static get style() { return afIconBoxCss; }
|
|
5448
5448
|
static get cmpMeta() { return {
|
|
@@ -5561,7 +5561,7 @@ class AfIconText {
|
|
|
5561
5561
|
'icon-text': true,
|
|
5562
5562
|
[`icon-text--${this.orientation}`]: true,
|
|
5563
5563
|
};
|
|
5564
|
-
return (hAsync(Host, { key: '
|
|
5564
|
+
return (hAsync(Host, { key: 'cff8f57c2175530744bbf82bcaf80883602dea66' }, hAsync("div", { key: '2fd499767ec70050ed0319a27d8cdb91b5b9432c', class: containerClasses }, hAsync("af-icon-box", { key: 'd39fe7b335e68064ee0ef88a9fa210ae7c7d5166', icon: this.icon, size: this.iconSize, class: "icon-text__icon" }), hAsync("af-typography-lockup", { key: 'f613b10a4f90fef207ac007170be63a06d3018a9', headingSize: this.headingSize, textAlignment: "left", buttonAlignment: "vertical", class: "icon-text__lockup" }, hAsync("slot", { key: '151b8544c65eede0f0c7fa3c0bfc003bed54c25a' }), hAsync("span", { key: 'eae7c355f05b99b3a443d2dd7a211d9c4ee9398c', slot: "description" }, hAsync("slot", { key: '2514ef8f6b6524d8647e43cc2a111a03ea17f094', name: "description" })), hAsync("span", { key: '0271986cc47f4b0625294109f720b76cb8917e21', slot: "buttons" }, hAsync("slot", { key: '28a5b615d74f94249a60ab59561e756ad49c9726', name: "buttons" }))))));
|
|
5565
5565
|
}
|
|
5566
5566
|
static get style() { return afIconTextCss; }
|
|
5567
5567
|
static get cmpMeta() { return {
|
|
@@ -5617,7 +5617,7 @@ class AfIllustratedCard {
|
|
|
5617
5617
|
[`illustrated-card--breakpoint-${this.breakpoint}`]: true,
|
|
5618
5618
|
[`illustrated-card--size-${this.cardSize}`]: true,
|
|
5619
5619
|
};
|
|
5620
|
-
return (hAsync(Host, { key: '
|
|
5620
|
+
return (hAsync(Host, { key: '9cb248db15ab8be5119df3183457470491de468b' }, hAsync("div", { key: 'c3ba0afed9c7fe45f5d577aedf9b320a1f875e47', class: wrapperClasses }, hAsync("af-card", { key: '07f201cc8c56bade2e793e68b7777c23ac7d0ba7', theme: this.theme }, hAsync("div", { key: '7f1a2579a29229f8161771836b60c0d882cabf59', class: "illustrated-card__content" }, hAsync("af-typography-lockup", { key: 'b5d9150b3f63e46e36f478380f36fb3f273f227c', headingSize: 3, breakpoint: this.breakpoint, textAlignment: "left", buttonLayout: "vertical" }, hAsync("slot", { key: '6aba88b9857866d246270d6a7c0ebe9ba67c5d74' }), hAsync("span", { key: '2e0454ef021e537917aad2227fd75e66b421761c', slot: "description" }, hAsync("slot", { key: 'a7779fbb7ce77d4d24ac834bd302e3aa437610ab', name: "body" })), hAsync("span", { key: 'c0c82b1f5470dfd8f7b75474b4730e679c2641d7', slot: "buttons" }, hAsync("slot", { key: '1a9ec3da3c50fe815e4502ec71218c8a21dc3b1c', name: "buttons" })))), hAsync("div", { key: 'e758d3071a54afdad44903e0002d5aa8a50b17e0', class: "illustrated-card__illustration-area" }, hAsync("slot", { key: '9521bbe523e32015e5bfd8f56cdcc1959e382fc2', name: "illustration" }))))));
|
|
5621
5621
|
}
|
|
5622
5622
|
static get style() { return afIllustratedCardCss; }
|
|
5623
5623
|
static get cmpMeta() { return {
|
|
@@ -5655,7 +5655,7 @@ class AfImage {
|
|
|
5655
5655
|
this.shape = 'rounded';
|
|
5656
5656
|
}
|
|
5657
5657
|
render() {
|
|
5658
|
-
return (hAsync(Host, { key: '
|
|
5658
|
+
return (hAsync(Host, { key: '4f48634e84e032c9a93cf48444709146ffe591b7' }, hAsync("div", { key: 'c26f889afa7c3d35e5f65dcc23d63a41a9c0987e', class: `image-container image-container--${this.shape}` }, hAsync("img", { key: 'c1474197475df3bff2263b509f3abf59a53aa932', src: this.src, alt: this.alt, class: "image" }), hAsync("div", { key: 'bb6e0cae628bf65e423d5986df8ed119af74e699', class: "image-border", "aria-hidden": "true" }))));
|
|
5659
5659
|
}
|
|
5660
5660
|
static get style() { return afImageCss; }
|
|
5661
5661
|
static get cmpMeta() { return {
|
|
@@ -5742,7 +5742,7 @@ class AfInPageBanner {
|
|
|
5742
5742
|
return (hAsync("div", { class: "banner__wave-overlay", "aria-hidden": "true" }, hAsync("svg", { viewBox: "0 0 521 323", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "banner__wave-svg" }, hAsync("path", { d: "M473.775 46.273C443.539 15.92 403.701 -0.631616 361.351 0.0184478H154.183L112.67 67.225H361.893C362.189 67.225 362.533 67.225 362.829 67.225C387.155 67.225 410.004 76.7259 427.289 94.0776C445.017 111.879 454.816 135.682 454.816 161.134C454.816 213.389 412.959 255.843 361.548 255.843H108.041C84.9457 255.843 66.1345 236.742 66.1345 213.289C66.1345 189.837 84.9949 170.435 107.992 169.735H334.957L377.799 102.528H106.859C47.9636 104.029 0 153.683 0 213.289C0 272.895 48.456 323 108.041 323H361.548C449.449 323 521 250.343 521 161.084C521 117.53 504.257 76.7759 473.824 46.2229L473.775 46.273Z", fill: "currentColor" }))));
|
|
5743
5743
|
}
|
|
5744
5744
|
render() {
|
|
5745
|
-
return (hAsync(Host, { key: '
|
|
5745
|
+
return (hAsync(Host, { key: '022f98e0925a4cdc04db66889b266f1741932513' }, hAsync("div", { key: '64f60ef33b18ba4e0e20d5248a3a8d396a72b4cd', class: `banner theme-${this.theme}` }, this.showWaveDecoration && this.renderWaveOverlay(), hAsync("div", { key: '26ff6aefd41268a5bece7fb2c5161cfacd38d54e', class: "banner__illustration" }, this.illustrationUrl ? (hAsync("img", { src: this.illustrationUrl, alt: "", class: "banner__illustration-img", loading: "lazy" })) : (hAsync("slot", { name: "illustration" }))), hAsync("div", { key: '025c1664b11d6531d2471ab652a0715e58ee5d46', class: "banner__content" }, hAsync("div", { key: 'e58cc91158e663068ddaa01fd9776135055769fc', class: "banner__copy" }, hAsync("h2", { key: '7f3afcf9b28cbc1b924f6dec0bf4882c64b1c306', class: "banner__heading" }, hAsync("slot", { key: 'ac04c8f27d294f97f79ab11595ce4c1e12e3d9f3', name: "heading" }, this.heading)), hAsync("div", { key: '7b5a689cf681591d8eac098f9e0a8d3b01348140', class: "banner__description" }, hAsync("slot", { key: '724079691b59aab3f336a3524b85f5fe27ad754d', name: "description" }, this.description))), hAsync("div", { key: 'e4d8eedee783e6b48ca780bf95337048384165fc', class: "banner__buttons" }, hAsync("slot", { key: 'e1b5995706145354b41daa5a774086ddaa65accc', name: "buttons" }, this.primaryButtonText && (hAsync("af-button", { key: 'c5e797d3c62876d4ba964272efe7d9d97b962a36', href: this.primaryButtonUrl, variant: "primary" }, this.primaryButtonText)), this.secondaryButtonText && (hAsync("af-button", { key: 'e4a8ba0065181b3201f906fdc718595ad9bdd4fc', href: this.secondaryButtonUrl, variant: "secondary" }, this.secondaryButtonText))))))));
|
|
5746
5746
|
}
|
|
5747
5747
|
static get style() { return afInPageBannerCss; }
|
|
5748
5748
|
static get cmpMeta() { return {
|
|
@@ -5818,7 +5818,7 @@ class AfInline {
|
|
|
5818
5818
|
justifyContent: justifyMap[this.justify],
|
|
5819
5819
|
flexWrap: this.wrap ? 'wrap' : 'nowrap',
|
|
5820
5820
|
};
|
|
5821
|
-
return (hAsync(Host, { key: '
|
|
5821
|
+
return (hAsync(Host, { key: '7069c721994bbd1acc8d57875522dbefdaf796d9', style: style }, hAsync("slot", { key: 'e39c2d982cca56ab6545e3e8a43eea7696708f21' })));
|
|
5822
5822
|
}
|
|
5823
5823
|
static get style() { return afInlineCss; }
|
|
5824
5824
|
static get cmpMeta() { return {
|
|
@@ -5836,11 +5836,11 @@ class AfInline {
|
|
|
5836
5836
|
}; }
|
|
5837
5837
|
}
|
|
5838
5838
|
|
|
5839
|
-
const afInputCss = ":host{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--sds-size-space-200, 8px);width:100%}.label-row{display:flex;align-items:center;gap:12px}.label{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:24px;color:var(--af-input-label, var(--af-typography-body-dark, #14343b));cursor:default}.required{color:var(--af-input-error, var(--colour-error, #be292a));margin-left:2px}.info-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0}.info-icon svg{width:20px;height:20px}.info-icon:hover{opacity:0.7}.info-icon:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.description{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-description, var(--af-typography-body-default, #2b484f));margin:0}.input-container{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--af-input-bg, #ffffff);border:1px solid var(--af-input-border, var(--af-background-border-default, #d1ddda));border-radius:var(--radii-input, 8px);transition:all 0.15s ease;min-height:48px;box-sizing:border-box}.input-container.hovered{background:var(--af-input-bg-hover, var(--af-background-base-hover, #f4f7f6));border-color:var(--af-input-border-hover, var(--af-background-border-heavy, #c6d5d1))}.input-container.focused{background:var(--af-input-bg, #ffffff);border-color:var(--af-input-border-active, var(--af-typography-body-dark, #14343b));box-shadow:0 0 0 4px var(--af-background-base, #ffffff), \n 0 0 0 5px var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b))}.input-container.error{border-color:var(--af-input-border-error, var(--colour-error, #be292a))}.input-container.disabled{background:var(--af-input-bg-disabled, var(--af-background-level-1, #e8eeed));border-color:var(--af-input-border, var(--af-background-border-default, #d1ddda));cursor:not-allowed}.search-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-icon, var(--af-background-icon-default, #14343b))}.search-icon svg{width:20px;height:20px}.disabled .search-icon{opacity:0.5}.input{flex:1;min-width:0;padding:0;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none}.input::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.input:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.input:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.input[type=\"search\"]::-webkit-search-decoration,.input[type=\"search\"]::-webkit-search-cancel-button,.input[type=\"search\"]::-webkit-search-results-button,.input[type=\"search\"]::-webkit-search-results-decoration{display:none}.input[type=\"number\"]::-webkit-inner-spin-button,.input[type=\"number\"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=\"number\"]{-moz-appearance:textfield}.clear-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0;opacity:0.6;transition:opacity 0.15s ease}.clear-button svg{width:16px;height:16px}.clear-button:hover{opacity:1}.clear-button:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.error-row{display:flex;align-items:center;gap:12px}.error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-error, var(--colour-error, #be292a))}.error-icon svg{width:20px;height:20px}.error-text{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-error, var(--colour-error, #be292a))}";
|
|
5839
|
+
const afInputCss = ":host{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--sds-size-space-200, 8px);width:100%}.label-row{display:flex;align-items:center;gap:12px}.label{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:24px;color:var(--af-input-label, var(--af-typography-body-dark, #14343b));cursor:default}.required{color:var(--af-input-error, var(--colour-error, #be292a));margin-left:2px}.info-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0}.info-icon svg{width:20px;height:20px}.info-icon:hover{opacity:0.7}.info-icon:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.description{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-description, var(--af-typography-body-default, #2b484f));margin:0}.input-container{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--af-input-bg, #ffffff);border:1px solid var(--af-input-border, var(--af-background-border-default, #d1ddda));border-radius:var(--radii-input, 8px);transition:all 0.15s ease;min-height:48px;box-sizing:border-box}.input-container.hovered{background:var(--af-input-bg-hover, var(--af-background-base-hover, #f4f7f6));border-color:var(--af-input-border-hover, var(--af-background-border-heavy, #c6d5d1))}.input-container.focused{background:var(--af-input-bg, #ffffff);border-color:var(--af-input-border-active, var(--af-typography-body-dark, #14343b));box-shadow:0 0 0 4px var(--af-background-base, #ffffff), \n 0 0 0 5px var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b))}.input-container.error{border-color:var(--af-input-border-error, var(--colour-error, #be292a))}.input-container.disabled{background:var(--af-input-bg-disabled, var(--af-background-level-1, #e8eeed));border-color:var(--af-input-border, var(--af-background-border-default, #d1ddda));cursor:not-allowed}.search-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-icon, var(--af-background-icon-default, #14343b))}.search-icon svg{width:20px;height:20px}.disabled .search-icon{opacity:0.5}.input{flex:1;min-width:0;padding:0;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none}.input::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.input:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.input:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.input[type=\"search\"]::-webkit-search-decoration,.input[type=\"search\"]::-webkit-search-cancel-button,.input[type=\"search\"]::-webkit-search-results-button,.input[type=\"search\"]::-webkit-search-results-decoration{display:none}.input[type=\"number\"]::-webkit-inner-spin-button,.input[type=\"number\"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=\"number\"]{-moz-appearance:textfield}.clear-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0;opacity:0.6;transition:opacity 0.15s ease}.clear-button svg{width:16px;height:16px}.clear-button:hover{opacity:1}.clear-button:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.input-container--multiline{padding:0;min-height:0;overflow:hidden}.input--multiline{flex:1;min-width:0;min-height:108px;padding:12px 16px;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none;resize:vertical}.input--multiline::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.input--multiline:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));resize:none}.input--multiline:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.error-row{display:flex;align-items:center;gap:12px}.error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-error, var(--colour-error, #be292a))}.error-icon svg{width:20px;height:20px}.error-text{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-error, var(--colour-error, #be292a))}";
|
|
5840
5840
|
|
|
5841
5841
|
/**
|
|
5842
5842
|
* Input field component with label, description, and error states.
|
|
5843
|
-
* Supports
|
|
5843
|
+
* Supports single-line and multi-line (textarea) modes via the `multiline` prop.
|
|
5844
5844
|
*
|
|
5845
5845
|
* @slot label-end - Content to display at the end of the label (e.g., info icon)
|
|
5846
5846
|
*/
|
|
@@ -5857,7 +5857,8 @@ class AfInput {
|
|
|
5857
5857
|
*/
|
|
5858
5858
|
this.value = '';
|
|
5859
5859
|
/**
|
|
5860
|
-
* The input type (text, email, password, number, tel, url, search)
|
|
5860
|
+
* The input type (text, email, password, number, tel, url, search).
|
|
5861
|
+
* Ignored when `multiline` is true.
|
|
5861
5862
|
*/
|
|
5862
5863
|
this.type = 'text';
|
|
5863
5864
|
/**
|
|
@@ -5877,13 +5878,27 @@ class AfInput {
|
|
|
5877
5878
|
*/
|
|
5878
5879
|
this.showInfoIcon = false;
|
|
5879
5880
|
/**
|
|
5880
|
-
* Whether to show a search icon in the input
|
|
5881
|
+
* Whether to show a search icon in the input. Ignored when `multiline` is true.
|
|
5881
5882
|
*/
|
|
5882
5883
|
this.showSearchIcon = false;
|
|
5883
5884
|
/**
|
|
5884
|
-
* Whether to show a clear button when input has value
|
|
5885
|
+
* Whether to show a clear button when input has value. Ignored when `multiline` is true.
|
|
5885
5886
|
*/
|
|
5886
5887
|
this.clearable = false;
|
|
5888
|
+
/**
|
|
5889
|
+
* Render as a multi-line textarea instead of a single-line input.
|
|
5890
|
+
* Activates `rows` and `resize` props; ignores `type`, `pattern`,
|
|
5891
|
+
* `autocomplete`, `showSearchIcon`, `clearable`.
|
|
5892
|
+
*/
|
|
5893
|
+
this.multiline = false;
|
|
5894
|
+
/**
|
|
5895
|
+
* Number of visible rows when `multiline` is true. Ignored otherwise.
|
|
5896
|
+
*/
|
|
5897
|
+
this.rows = 4;
|
|
5898
|
+
/**
|
|
5899
|
+
* Whether the textarea is resizable. Ignored when `multiline` is false.
|
|
5900
|
+
*/
|
|
5901
|
+
this.resize = 'vertical';
|
|
5887
5902
|
this.isFocused = false;
|
|
5888
5903
|
this.isHovered = false;
|
|
5889
5904
|
this.handleInput = (event) => {
|
|
@@ -5920,8 +5935,10 @@ class AfInput {
|
|
|
5920
5935
|
render() {
|
|
5921
5936
|
const hasError = !!this.error;
|
|
5922
5937
|
const hasValue = !!(this.value && this.value.length > 0);
|
|
5938
|
+
const multiline = this.multiline;
|
|
5923
5939
|
const wrapperClasses = {
|
|
5924
5940
|
'input-wrapper': true,
|
|
5941
|
+
'input-wrapper--multiline': multiline,
|
|
5925
5942
|
'disabled': this.disabled,
|
|
5926
5943
|
'error': hasError,
|
|
5927
5944
|
'focused': this.isFocused,
|
|
@@ -5930,12 +5947,13 @@ class AfInput {
|
|
|
5930
5947
|
};
|
|
5931
5948
|
const inputContainerClasses = {
|
|
5932
5949
|
'input-container': true,
|
|
5950
|
+
'input-container--multiline': multiline,
|
|
5933
5951
|
'disabled': this.disabled,
|
|
5934
5952
|
'error': hasError,
|
|
5935
5953
|
'focused': this.isFocused,
|
|
5936
5954
|
'hovered': this.isHovered && !this.disabled && !this.isFocused
|
|
5937
5955
|
};
|
|
5938
|
-
return (hAsync(Host, { key: '
|
|
5956
|
+
return (hAsync(Host, { key: '55cf204d355367913c765891190048599a46653e' }, hAsync("div", { key: '8f72840a7a6fa8615e535f171f5297fb5d0cdfe5', class: wrapperClasses }, this.label && (hAsync("div", { key: '06711c6031da07fca88bd438db7fb80acc12df71', class: "label-row" }, hAsync("label", { key: '1db607ff65a624aa2520bdfbc2063c0f6587b00c', class: "label", htmlFor: "input" }, this.label, this.required && hAsync("span", { key: 'd2ffc85aafb99e5fc7723993354a23fd99f04ac6', class: "required" }, "*")), this.showInfoIcon && (hAsync("button", { key: '1adcddb4121582d35eff611d8299ff4ed6d0cc24', type: "button", class: "info-icon", onClick: this.handleInfoClick, "aria-label": "More information" }, hAsync("svg", { key: 'e1abef80244c616ba98f89d23f9a4b6b2e4d97e1', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'fedd67859d45345298c7e6e4a67e1e98ac4a9178', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '076a1ff76cc8b5287dd29df42d6b629d34ae739e', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '640f19dd94e31f1090704ccc534b3917cc70a905', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), hAsync("slot", { key: 'e3b42a60ad6b2378ab6593e239208b847d20c8ad', name: "label-end" }))), this.description && (hAsync("p", { key: '8bf359cd53f562bedbe29f54004d5a974398db7b', class: "description" }, this.description)), hAsync("div", { key: 'eb5a21523188828d60713cc772a477fa2a22a3a3', class: inputContainerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, !multiline && this.showSearchIcon && (hAsync("span", { key: 'ed8945ddd4601e3d2ef84f2644a7ab567156157a', class: "search-icon" }, hAsync("svg", { key: '2684f4233757a74cb55abfb1e62481e5848a5fbc', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'f6855623658e5ea149421b37f039967e6622c955', d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: 'db81f64ac649e9f41bfdb47a287d3e671951f171', d: "M21 21L16.65 16.65", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), multiline ? (hAsync("textarea", { ref: (el) => this.inputEl = el ?? undefined, id: "input", class: "input input--multiline", name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, readonly: this.readonly, rows: this.rows, maxlength: this.maxlength, minlength: this.minlength, style: { resize: this.resize }, "aria-invalid": hasError ? 'true' : undefined, "aria-describedby": hasError ? 'error-message' : this.description ? 'description' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur })) : (hAsync("input", { ref: (el) => this.inputEl = el ?? undefined, id: "input", class: "input", type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, readonly: this.readonly, autocomplete: this.autocomplete, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, "aria-invalid": hasError ? 'true' : undefined, "aria-describedby": hasError ? 'error-message' : this.description ? 'description' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur })), !multiline && this.clearable && hasValue && !this.disabled && !this.readonly && (hAsync("button", { key: 'ed7c9c3753fd291aa1105c2f30e00a2b2868efed', type: "button", class: "clear-button", onClick: this.handleClear, "aria-label": "Clear input" }, hAsync("svg", { key: '0615828eb7d27c6cf45fa7f91b25a14dd97fe972', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '6a60d954427656fcc01940dd861c37bd214570d0', d: "M18 6L6 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '9471a7899c62b9fbce7ceafc4986b29c0000f26f', d: "M6 6L18 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), hasError && (hAsync("div", { key: '1972022a3ca5a7f366a83cf35e2eecb4b812bd29', class: "error-row", id: "error-message" }, hAsync("span", { key: '450e80c8d42914048eb114a222d9db8e9b94d3fa', class: "error-icon" }, hAsync("svg", { key: '57eeb2884b16a9adf5fe0744814d00465da436e1', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '9e25cb82f47c915b4c4afa0283a143c9221b465c', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: 'faf252192e9a4706c5ed363ba240a0cb1ddf6770', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '4eda8b2840b7bf70919460ffe46e54d702ec3191', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), hAsync("span", { key: 'a22e99093a097f8c7be12c8aa4a1b65a87484eb3', class: "error-text" }, this.error))))));
|
|
5939
5957
|
}
|
|
5940
5958
|
static get style() { return afInputCss; }
|
|
5941
5959
|
static get cmpMeta() { return {
|
|
@@ -5959,6 +5977,9 @@ class AfInput {
|
|
|
5959
5977
|
"maxlength": [2],
|
|
5960
5978
|
"minlength": [2],
|
|
5961
5979
|
"pattern": [1],
|
|
5980
|
+
"multiline": [4],
|
|
5981
|
+
"rows": [2],
|
|
5982
|
+
"resize": [1],
|
|
5962
5983
|
"isFocused": [32],
|
|
5963
5984
|
"isHovered": [32]
|
|
5964
5985
|
},
|
|
@@ -6001,7 +6022,7 @@ class AfLogoWell {
|
|
|
6001
6022
|
registerInstance(this, hostRef);
|
|
6002
6023
|
}
|
|
6003
6024
|
render() {
|
|
6004
|
-
return (hAsync(Host, { key: '
|
|
6025
|
+
return (hAsync(Host, { key: '89f971eecc9e4a0656c6a6865c2653e64bbdd7bb' }, hAsync("div", { key: 'a4ac54bd1649f010caa095b2ea1f8e7ea8b24a02', class: "logo-well" }, hAsync("slot", { key: '11cf1c916f2b056c6ee575351263d83778529146' }))));
|
|
6005
6026
|
}
|
|
6006
6027
|
static get style() { return afLogoWellCss; }
|
|
6007
6028
|
static get cmpMeta() { return {
|
|
@@ -6090,7 +6111,7 @@ class AfNavAccordion {
|
|
|
6090
6111
|
this.syncItems();
|
|
6091
6112
|
}
|
|
6092
6113
|
render() {
|
|
6093
|
-
return (hAsync(Host, { key: '
|
|
6114
|
+
return (hAsync(Host, { key: '111706b5210510f44864d0dd8f5d2fe1901839da', class: { [`breakpoint-${this.breakpoint}`]: true, [`mode-${this.mode}`]: true } }, hAsync("div", { key: 'e21f1a8ae3edf2c8aa08385240a536c69cf0da6e', class: "nav-accordion" }, hAsync("slot", { key: 'c452fa149aec51c88dbaef3e59de7e28c4f89de3' }))));
|
|
6094
6115
|
}
|
|
6095
6116
|
get el() { return getElement(this); }
|
|
6096
6117
|
static get style() { return afNavAccordionCss; }
|
|
@@ -6198,11 +6219,11 @@ class AfNavAccordionItem {
|
|
|
6198
6219
|
// sub-content to expand. A plain href item with no children is a
|
|
6199
6220
|
// direct link and shouldn't show a disclosure affordance.
|
|
6200
6221
|
const hasDropdownContent = this.hasContent;
|
|
6201
|
-
return (hAsync(Host, { key: '
|
|
6222
|
+
return (hAsync(Host, { key: 'bcdd77ad3dea306e2c1b9b8481d3e00a8cd8cc72', class: {
|
|
6202
6223
|
'is-open': this.open,
|
|
6203
6224
|
'is-disabled': this.disabled,
|
|
6204
6225
|
[`breakpoint-${this.breakpoint}`]: true
|
|
6205
|
-
} }, hAsync("div", { key: '
|
|
6226
|
+
} }, hAsync("div", { key: 'b82a343372689e06aff2ec3eb2b9b2b0ba02c14d', class: "nav-accordion-item" }, this.href ? (hAsync("a", { href: this.href, class: "trigger", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}` }, hAsync("div", { class: "trigger-content" }, hAsync("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, hAsync("span", { class: "label" }, this.label))), hasDropdownContent && (hAsync("button", { class: "chevron-button", onClick: (e) => { e.preventDefault(); e.stopPropagation(); this.toggle(); }, "aria-label": this.open ? 'Collapse' : 'Expand', type: "button" }, hAsync("div", { class: { 'chevron': true, 'is-open': this.open } }, hAsync("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, hAsync("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))) : (hAsync("button", { class: "trigger", onClick: this.handleTriggerClick, onKeyDown: this.handleKeyDown, "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}`, disabled: this.disabled, type: "button" }, hAsync("div", { class: "trigger-content" }, hAsync("slot", { name: "trigger", onSlotchange: this.handleSlotChange }, hAsync("span", { class: "label" }, this.label))), hasDropdownContent && (hAsync("div", { class: { 'chevron': true, 'is-open': this.open } }, hAsync("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, hAsync("path", { d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), hAsync("div", { key: '880a15014002f905a4c1c1e20dc5516022b9aee1', id: `content-${this.itemId}`, class: "content-wrapper", style: contentStyle, "aria-hidden": !this.open ? 'true' : 'false' }, hAsync("div", { key: 'e47b8972907ad32e3fee37f030f1d86c17ac30bc', class: "content", ref: (el) => (this.contentRef = el) }, hAsync("slot", { key: '1def93a51457196a6a023ab32905b8eaa7590c05' }))))));
|
|
6206
6227
|
}
|
|
6207
6228
|
get el() { return getElement(this); }
|
|
6208
6229
|
static get watchers() { return {
|
|
@@ -6411,7 +6432,7 @@ class AfNavMenu {
|
|
|
6411
6432
|
'has-border': this.showBorder,
|
|
6412
6433
|
'card-style': this.cardStyle
|
|
6413
6434
|
};
|
|
6414
|
-
return (hAsync(Host, { key: '
|
|
6435
|
+
return (hAsync(Host, { key: '3245ae98bb4b1ab013d36630802bb1cdece57675' }, hAsync("div", { key: 'e84dcdc45b92f928ee7b8dd2328a2b7276a2e02a', class: classes }, this.heading && (hAsync("div", { key: 'd42c91176b53b5d0375cb29d489b722dcd3c8e74', class: "menu-header" }, hAsync("h3", { key: 'b2cf5d6cb682db6f68c9a45045fb060710097137', class: "menu-heading" }, this.heading))), hAsync("div", { key: '89e7aef886d60d2ce3d8b82cd1b2c588d4894be8', class: "menu-items" }, hAsync("slot", { key: '29d596f664fdfc83fc40c17686751f1b893bce26' })))));
|
|
6415
6436
|
}
|
|
6416
6437
|
static get style() { return afNavMenuCss; }
|
|
6417
6438
|
static get cmpMeta() { return {
|
|
@@ -6481,7 +6502,7 @@ class AfNavMenuNest {
|
|
|
6481
6502
|
[`type-${this.type}`]: true,
|
|
6482
6503
|
[`breakpoint-${this.breakpoint}`]: true
|
|
6483
6504
|
};
|
|
6484
|
-
return (hAsync(Host, { key: '
|
|
6505
|
+
return (hAsync(Host, { key: 'b0eb2c4904916a16b2b6ec6d612337fed3c05e12' }, hAsync("div", { key: 'dd1836b1c6ee6f75555989334a35e2a41d9bacab', class: classes }, hAsync("div", { key: '4e3ae3951e9969d21a5e18a0489a33631bb1e8f2', class: "menu-columns" }, hAsync("slot", { key: '64c660d4a5b35dda06b0ff0ca21c0e24014ceef2' })), hAsync("div", { key: '7418a543431a9fd0fbbf95b1e3b5e862d5ac3917', class: "menu-sidebar" }, hAsync("slot", { key: 'd36bb4016c86d9258a70ddbb46232264bdb156e4', name: "sidebar" })))));
|
|
6485
6506
|
}
|
|
6486
6507
|
static get style() { return afNavMenuNestCss; }
|
|
6487
6508
|
static get cmpMeta() { return {
|
|
@@ -6732,7 +6753,7 @@ class AfNumberBadge {
|
|
|
6732
6753
|
height: `${this.size}px`,
|
|
6733
6754
|
fontSize: `${fontSize}px`,
|
|
6734
6755
|
};
|
|
6735
|
-
return (hAsync(Host, { key: '
|
|
6756
|
+
return (hAsync(Host, { key: 'e38ee2826f507669b252c5aac8b02c9f0040d97e', role: "img", "aria-label": `Number ${this.number}${isInCircle ? ' badge' : ''}` }, hAsync("span", { key: '49d9df033be715ce38e87b32a8fec3b2d9596675', class: {
|
|
6736
6757
|
'badge': true,
|
|
6737
6758
|
[`variant-${this.variant}`]: true,
|
|
6738
6759
|
}, style: badgeStyle }, this.number)));
|
|
@@ -6805,7 +6826,7 @@ class AfNumberedStepper {
|
|
|
6805
6826
|
});
|
|
6806
6827
|
}
|
|
6807
6828
|
render() {
|
|
6808
|
-
return (hAsync(Host, { key: '
|
|
6829
|
+
return (hAsync(Host, { key: '468809af144520073ec0924b8b293a1a7a98c2a6', class: `numbered-stepper numbered-stepper--${this.orientation}`, role: "list" }, hAsync("slot", { key: 'e7ab09871620ab5ccc1b384443824a91750a15c3' })));
|
|
6809
6830
|
}
|
|
6810
6831
|
get el() { return getElement(this); }
|
|
6811
6832
|
static get style() { return afNumberedStepperCss; }
|
|
@@ -6849,7 +6870,7 @@ class AfNumberedStepperItem {
|
|
|
6849
6870
|
render() {
|
|
6850
6871
|
// The badge supports 1–10; clamp for safety so we never pass a bad prop.
|
|
6851
6872
|
const clamped = Math.max(1, Math.min(10, this.index | 0));
|
|
6852
|
-
return (hAsync(Host, { key: '
|
|
6873
|
+
return (hAsync(Host, { key: '62bc6f558da62d664e22c680af3d4a0cd959ee27', role: "listitem" }, hAsync("div", { key: 'aac9fb7f30e3a0bbb70303102526bc9871910737', class: "numbered-stepper-item__marker-row", "aria-hidden": "true" }, hAsync("af-number-badge", { key: 'fb4ba62a61cdc4bced7985f8013a7adcc309cf0e', class: "numbered-stepper-item__badge", number: clamped, variant: "inCircle", size: 40 }), hAsync("span", { key: '3090034f17f0c62ab94a91bd45b5772856b6c632', class: "numbered-stepper-item__connector" })), hAsync("af-typography-lockup", { key: 'fdcc257515a9265330d4443d6e665ad44630cc73', class: "numbered-stepper-item__lockup", "heading-size": "card", "text-alignment": "center" }, hAsync("slot", { key: '6905c5a82d0dc82ed81ef3847f534bde32be9262', name: "heading" }), hAsync("span", { key: '8be84e524019bf3f51b5d8447eaae5d6d2b881f0', slot: "description" }, hAsync("slot", { key: '6c0b5d91a79706cb864fa532d6432699130bd728', name: "body" })))));
|
|
6853
6874
|
}
|
|
6854
6875
|
static get style() { return afNumberedStepperItemCss; }
|
|
6855
6876
|
static get cmpMeta() { return {
|
|
@@ -6897,14 +6918,18 @@ class AfPaperclipDecoration {
|
|
|
6897
6918
|
registerInstance(this, hostRef);
|
|
6898
6919
|
/**
|
|
6899
6920
|
* SVG width — accepts any CSS length or unitless number (pixels).
|
|
6900
|
-
*
|
|
6921
|
+
* Default sized so the watermark stays inside the af-hero
|
|
6922
|
+
* inkwell-centered column without bleeding into the `logos-below`
|
|
6923
|
+
* client-logo carousel. Override per-page via the prop if a larger
|
|
6924
|
+
* decorative scale is wanted somewhere with no logos slot.
|
|
6901
6925
|
*/
|
|
6902
|
-
this.width = '
|
|
6926
|
+
this.width = '520';
|
|
6903
6927
|
/**
|
|
6904
6928
|
* SVG height — accepts any CSS length or unitless number (pixels).
|
|
6905
|
-
*
|
|
6929
|
+
* Sized to match the trimmed `width` default; preserves the source
|
|
6930
|
+
* SVG's 655 × 754 aspect ratio.
|
|
6906
6931
|
*/
|
|
6907
|
-
this.height = '
|
|
6932
|
+
this.height = '600';
|
|
6908
6933
|
/**
|
|
6909
6934
|
* Fill opacity of the paperclip shape. Defaults to `0.06` to match the
|
|
6910
6935
|
* marketing-site watermark treatment.
|
|
@@ -6918,7 +6943,7 @@ class AfPaperclipDecoration {
|
|
|
6918
6943
|
this.fill = 'white';
|
|
6919
6944
|
}
|
|
6920
6945
|
render() {
|
|
6921
|
-
return (hAsync(Host, { key: '
|
|
6946
|
+
return (hAsync(Host, { key: '9db0e4d35474d6c783387ed5c522943ac89f5315' }, hAsync("svg", { key: 'a79d736a5ab711844bc1f2233c493edf66039fb4', "aria-hidden": "true", width: this.width, height: this.height, viewBox: "0 0 655 754", fill: "none", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none" }, hAsync("path", { key: 'c6a0f21366a159e5af9f69e324797450e4b31b15', d: "M1102.14 108.279C1031.8 37.5181 939.128 -1.06817 840.61 0.447304H358.674L262.104 157.124H841.87C842.558 157.124 843.36 157.124 844.047 157.124C900.638 157.124 953.791 179.273 994 219.725C1035.24 261.225 1058.04 316.715 1058.04 376.052C1058.04 497.872 960.665 596.844 841.068 596.844H251.335C197.609 596.844 153.848 552.313 153.848 497.639C153.848 442.965 197.723 397.734 251.221 396.102H779.208L878.872 239.426H248.586C111.577 242.923 0 358.682 0 497.639C0 636.596 112.723 753.404 251.335 753.404H841.068C1045.55 753.404 1212 584.021 1212 375.935C1212 274.398 1173.05 179.39 1102.26 108.162L1102.14 108.279Z", fill: this.fill, "fill-opacity": this.opacity }))));
|
|
6922
6947
|
}
|
|
6923
6948
|
static get style() { return afPaperclipDecorationCss; }
|
|
6924
6949
|
static get cmpMeta() { return {
|
|
@@ -6961,10 +6986,10 @@ class AfProgressLine {
|
|
|
6961
6986
|
// Clamp progress between 0 and 1
|
|
6962
6987
|
const clampedProgress = Math.max(0, Math.min(1, this.progress));
|
|
6963
6988
|
const progressPercent = clampedProgress * 100;
|
|
6964
|
-
return (hAsync(Host, { key: '
|
|
6989
|
+
return (hAsync(Host, { key: 'f56ae490d0d9e374f540ccb88b0af53430796b42' }, hAsync("div", { key: '20832426b290b5ee44d0507848f1cd4f06973202', class: {
|
|
6965
6990
|
'progress-line': true,
|
|
6966
6991
|
[`progress-line--${this.orientation}`]: true,
|
|
6967
|
-
}, role: "progressbar", "aria-valuenow": Math.round(progressPercent), "aria-valuemin": 0, "aria-valuemax": 100 }, hAsync("div", { key: '
|
|
6992
|
+
}, role: "progressbar", "aria-valuenow": Math.round(progressPercent), "aria-valuemin": 0, "aria-valuemax": 100 }, hAsync("div", { key: '19623163676a5fd71c7b5ba91b33f53d188647c9', class: "progress-line__background" }), hAsync("div", { key: '0bd6ccd0748930edd43a384bf8ddad55f8c9d07b', class: "progress-line__active", style: { width: `${progressPercent}%` } }))));
|
|
6968
6993
|
}
|
|
6969
6994
|
static get style() { return afProgressLineCss; }
|
|
6970
6995
|
static get cmpMeta() { return {
|
|
@@ -7062,8 +7087,8 @@ class AfSection {
|
|
|
7062
7087
|
this.container = true;
|
|
7063
7088
|
}
|
|
7064
7089
|
render() {
|
|
7065
|
-
const content = hAsync("slot", { key: '
|
|
7066
|
-
return (hAsync(Host, { key: '
|
|
7090
|
+
const content = hAsync("slot", { key: 'fd7304dd713f0cbad475910d56fd9e2622068fad' });
|
|
7091
|
+
return (hAsync(Host, { key: 'f1758977b8ce080e03631629507f33759d1696d9' }, hAsync("div", { key: 'af0fd30917df8a59cf7d441e9346ed643672aaec', class: `section padding-${this.padding} theme-${this.theme}` }, this.container ? (hAsync("af-container", null, content)) : content)));
|
|
7067
7092
|
}
|
|
7068
7093
|
static get style() { return afSectionCss; }
|
|
7069
7094
|
static get cmpMeta() { return {
|
|
@@ -7104,7 +7129,7 @@ class AfShow {
|
|
|
7104
7129
|
[`show-above-${this.above}`]: !!this.above,
|
|
7105
7130
|
[`show-below-${this.below}`]: !!this.below,
|
|
7106
7131
|
};
|
|
7107
|
-
return (hAsync(Host, { key: '
|
|
7132
|
+
return (hAsync(Host, { key: '42763e1aa4b245a42a4319ee3db31277b1bbca79', class: classes }, hAsync("slot", { key: '0f88b298410118de3a3963b30d48b24c180f6a86' })));
|
|
7108
7133
|
}
|
|
7109
7134
|
static get style() { return afShowCss; }
|
|
7110
7135
|
static get cmpMeta() { return {
|
|
@@ -7153,7 +7178,7 @@ class AfSocialLink {
|
|
|
7153
7178
|
}
|
|
7154
7179
|
}
|
|
7155
7180
|
render() {
|
|
7156
|
-
return (hAsync(Host, { key: '
|
|
7181
|
+
return (hAsync(Host, { key: 'ae4db8c4baeea96b707faf5581c5e5970019fad6' }, hAsync("a", { key: '53e90930c51f30fa0ec74773234b06e3c2e06d6c', href: this.href, target: "_blank", rel: "noopener noreferrer", class: "social-link", "aria-label": this.label }, this.renderIcon())));
|
|
7157
7182
|
}
|
|
7158
7183
|
static get style() { return afSocialLinkCss; }
|
|
7159
7184
|
static get cmpMeta() { return {
|
|
@@ -7208,7 +7233,7 @@ class AfSpacer {
|
|
|
7208
7233
|
style.height = sizeValue;
|
|
7209
7234
|
}
|
|
7210
7235
|
}
|
|
7211
|
-
return hAsync(Host, { key: '
|
|
7236
|
+
return hAsync(Host, { key: '0ffa6692a18f469b5fe09385e268b1a43f5fdbe9', style: style, "aria-hidden": "true" });
|
|
7212
7237
|
}
|
|
7213
7238
|
static get style() { return afSpacerCss; }
|
|
7214
7239
|
static get cmpMeta() { return {
|
|
@@ -7255,14 +7280,14 @@ class AfSplitSection {
|
|
|
7255
7280
|
this.container = true;
|
|
7256
7281
|
}
|
|
7257
7282
|
render() {
|
|
7258
|
-
const content = hAsync("slot", { key: '
|
|
7283
|
+
const content = hAsync("slot", { key: '25574554f5f24e11488e1b94842229b7b87b3ffe' });
|
|
7259
7284
|
// Create the split background using CSS gradient
|
|
7260
7285
|
const topColor = themeColors[this.topTheme];
|
|
7261
7286
|
const bottomColor = themeColors[this.bottomTheme];
|
|
7262
7287
|
const backgroundStyle = {
|
|
7263
7288
|
background: `linear-gradient(to bottom, ${topColor} 0%, ${topColor} 50%, ${bottomColor} 50%, ${bottomColor} 100%)`
|
|
7264
7289
|
};
|
|
7265
|
-
return (hAsync(Host, { key: '
|
|
7290
|
+
return (hAsync(Host, { key: '5745d7d5c8b238a4959a53f820498bf348b1c668' }, hAsync("div", { key: 'a2b8760b663800015b120c2ad82b004bced9882f', class: `split-section padding-${this.padding} top-theme-${this.topTheme}`, style: backgroundStyle }, this.container ? (hAsync("af-container", null, content)) : content)));
|
|
7266
7291
|
}
|
|
7267
7292
|
static get style() { return afSplitSectionCss; }
|
|
7268
7293
|
static get cmpMeta() { return {
|
|
@@ -7339,7 +7364,7 @@ class AfStack {
|
|
|
7339
7364
|
justifyContent: justifyMap[this.justify],
|
|
7340
7365
|
flexWrap: this.wrap ? 'wrap' : 'nowrap',
|
|
7341
7366
|
};
|
|
7342
|
-
return (hAsync(Host, { key: '
|
|
7367
|
+
return (hAsync(Host, { key: 'bf6f8a0e7454bbdf4a55a5723a32b40bef78805b', style: style }, hAsync("slot", { key: '54e82fd4bc6ca19d8b29ed424a2c7d54a8784a22' })));
|
|
7343
7368
|
}
|
|
7344
7369
|
static get style() { return afStackCss; }
|
|
7345
7370
|
static get cmpMeta() { return {
|
|
@@ -7373,7 +7398,7 @@ class AfStat {
|
|
|
7373
7398
|
registerInstance(this, hostRef);
|
|
7374
7399
|
}
|
|
7375
7400
|
render() {
|
|
7376
|
-
return (hAsync(Host, { key: '
|
|
7401
|
+
return (hAsync(Host, { key: 'db2aa04e087c7313db9dde512368413ea6428d38' }, hAsync("div", { key: '72f0578398f5d82dcd27bf7e4102f9801f1067b3', class: "stat" }, hAsync("af-heading", { key: '1accbab198a0923be4af5b5b6c0e7e5ca82c36b5', level: "2", class: "stat__value" }, this.value), hAsync("af-text", { key: '533ea04317fb66451e7d130369b25080e37cff41', variant: "medium", class: "stat__label" }, this.label))));
|
|
7377
7402
|
}
|
|
7378
7403
|
static get style() { return afStatCss; }
|
|
7379
7404
|
static get cmpMeta() { return {
|
|
@@ -7410,7 +7435,7 @@ class AfStatsRow {
|
|
|
7410
7435
|
registerInstance(this, hostRef);
|
|
7411
7436
|
}
|
|
7412
7437
|
render() {
|
|
7413
|
-
return (hAsync(Host, { key: '
|
|
7438
|
+
return (hAsync(Host, { key: '49538a82264992333834fdc12ec64522cf4242fe' }, hAsync("div", { key: '9d567f97bc5f2707fad9e40b8d3ce0c4658db73b', class: "stats-row" }, hAsync("slot", { key: 'f48aac6723185f8f10804355da4731f03285d9db' }))));
|
|
7414
7439
|
}
|
|
7415
7440
|
static get style() { return afStatsRowCss; }
|
|
7416
7441
|
static get cmpMeta() { return {
|
|
@@ -7467,7 +7492,7 @@ class AfStepper {
|
|
|
7467
7492
|
});
|
|
7468
7493
|
}
|
|
7469
7494
|
render() {
|
|
7470
|
-
return (hAsync(Host, { key: '
|
|
7495
|
+
return (hAsync(Host, { key: 'a8aeeb5a9274e24d0e3b4daf84f5ba4f30ce47d3', class: `stepper stepper--${this.orientation}` }, hAsync("div", { key: 'aa2263b4a10e144c376b6afad896f83d9c642a88', class: "stepper__connector", "aria-hidden": "true" }), hAsync("slot", { key: '6ff6d3ce84bd8c06599ef5e8e9244d210e16578a' })));
|
|
7471
7496
|
}
|
|
7472
7497
|
get el() { return getElement(this); }
|
|
7473
7498
|
static get style() { return afStepperCss; }
|
|
@@ -7505,7 +7530,7 @@ class AfStepperStep {
|
|
|
7505
7530
|
this.index = 1;
|
|
7506
7531
|
}
|
|
7507
7532
|
render() {
|
|
7508
|
-
return (hAsync(Host, { key: '
|
|
7533
|
+
return (hAsync(Host, { key: 'd7c49caaec94513a798ff851f8975b2df55848ce' }, hAsync("span", { key: 'd8f9d57de5434a961c217b57ac220f8930d17f6f', class: "stepper-step__badge" }, this.index), hAsync("div", { key: '62204e81ed7bfd36d342da448ea0ea8852e16854', class: "stepper-step__content" }, hAsync("div", { key: '40edc0e5973fabcfa781195e64fa0446d6be0e0c', class: "stepper-step__heading" }, hAsync("slot", { key: '090302f455303956e2b6185a2e30d41d13b489e0', name: "heading" })), hAsync("div", { key: '5fd26c30a269068568e95007f84dda0912a4bde4', class: "stepper-step__body" }, hAsync("slot", { key: '5f3f4178f54edbbf05be6cd3df74a30bc2e18f96', name: "body" })))));
|
|
7509
7534
|
}
|
|
7510
7535
|
static get style() { return afStepperStepCss; }
|
|
7511
7536
|
static get cmpMeta() { return {
|
|
@@ -7651,7 +7676,7 @@ class AfTab {
|
|
|
7651
7676
|
'disabled': this.disabled,
|
|
7652
7677
|
[`shape-${this.shape}`]: true,
|
|
7653
7678
|
};
|
|
7654
|
-
return (hAsync(Host, { key: '
|
|
7679
|
+
return (hAsync(Host, { key: '9e477df87e7bd6442e9f755d3caaf99e4138c60e' }, hAsync("button", { key: 'b7f4504a1be24fb9db831fbf6ca4da535b7eb200', class: tabClasses, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, disabled: this.disabled }, this.displayNumber && (hAsync("span", { key: 'd3dbb0dda4a819304ef8a70b34379c6b7fd2d85f', class: "number-slot" }, hAsync("slot", { key: '2a1b2881d7fcd689f3e4e5e4e06407084690966c', name: "number" }))), this.displayIcon && (hAsync("span", { key: 'b07f1d3f8c723ec260cfa4900e51f7581d2f8024', class: "icon-slot" }, hAsync("slot", { key: '6b80404c46e77ab06d3ca24a108fbea231420867', name: "icon" }))), hAsync("span", { key: 'e657d5ffa4938fb85dd165e8679eff694cbb357e', class: "label" }, this.label))));
|
|
7655
7680
|
}
|
|
7656
7681
|
static get style() { return afTabCss; }
|
|
7657
7682
|
static get cmpMeta() { return {
|
|
@@ -7763,7 +7788,7 @@ class AfTabBar {
|
|
|
7763
7788
|
[`shape-${this.shape}`]: true,
|
|
7764
7789
|
[`breakpoint-${this.breakpoint}`]: true,
|
|
7765
7790
|
};
|
|
7766
|
-
return (hAsync(Host, { key: '
|
|
7791
|
+
return (hAsync(Host, { key: '41e03f4561dc7f11c19b533e659b07053f08a5e3', role: "tablist" }, hAsync("div", { key: '191491f64e3d77fafe58e241f777a6a9e3b79e04', class: containerClasses }, hAsync("slot", { key: '181e1169bd9215cb99d8bd0dabeaa49aac5fc24a' }))));
|
|
7767
7792
|
}
|
|
7768
7793
|
get el() { return getElement(this); }
|
|
7769
7794
|
static get style() { return afTabBarCss; }
|
|
@@ -7816,11 +7841,11 @@ class AfTag {
|
|
|
7816
7841
|
render() {
|
|
7817
7842
|
const TagElement = this.href ? 'a' : 'span';
|
|
7818
7843
|
const linkProps = this.href ? { href: this.href } : {};
|
|
7819
|
-
return (hAsync(Host, { key: '
|
|
7844
|
+
return (hAsync(Host, { key: '95d6f9fcae0b4117edc2bd0918feeeee3ab32d17' }, hAsync(TagElement, { key: 'fb6f02834d02b8b5b43b3052f72688a99ea9f6d4', class: {
|
|
7820
7845
|
'tag': true,
|
|
7821
7846
|
[`size-${this.size}`]: true,
|
|
7822
7847
|
[`variant-${this.variant}`]: true,
|
|
7823
|
-
}, ...linkProps }, hAsync("slot", { key: '
|
|
7848
|
+
}, ...linkProps }, hAsync("slot", { key: 'a259918d262801ee8f005374ee2517535bcbd6f8' }))));
|
|
7824
7849
|
}
|
|
7825
7850
|
static get style() { return afTagCss; }
|
|
7826
7851
|
static get cmpMeta() { return {
|
|
@@ -7872,11 +7897,11 @@ class AfTestimonial {
|
|
|
7872
7897
|
};
|
|
7873
7898
|
}
|
|
7874
7899
|
render() {
|
|
7875
|
-
return (hAsync(Host, { key: '
|
|
7900
|
+
return (hAsync(Host, { key: '80a3efe588282b01d52658687773625f288a4b3e' }, hAsync("div", { key: '1bab71c2e9cd9642b974581ab1e81b4409c3db33', class: "testimonial-card" }, hAsync("div", { key: '757017d5e835d315098347d6ed57289f21c027d7', class: "testimonial-image" }, this.backgroundImage && (hAsync("img", { key: 'b34a06a82ca938e81e79380a6b5722bd078131f7', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (hAsync("div", { key: 'dba031936873eccadad941db017d5984088f0a50', class: "testimonial-logo" }, hAsync("img", { key: '078fc2154e5adc48b7f75f5a93031ef1eecd0d41', src: this.logoImage, alt: "Company logo" })))), hAsync("div", { key: '9f54287503b26830cfe219f34e4d761726f9f8b9', class: "testimonial-content" }, hAsync("div", { key: 'b6c72479f48f7069cca0836f983bedb5ca0d7616', class: "testimonial-quote-section" }, hAsync("div", { key: '5e89e9efd6e138724dc3e61179944673e1171eba', class: "testimonial-quote-icon" }, hAsync("slot", { key: '286f01b50320b8cbe558cdc843c1ba1da3ef5068', name: "quote-icon" }, hAsync("af-icon", { key: 'f960ac4275fb9bd80fdcee5f1de5fc5873e325d5', name: "quote", size: 48 }))), hAsync("div", { key: '57339e4a4c65e4525f2f04b8374734c4c71ecb93', class: "testimonial-text" }, hAsync("slot", { key: '35db736d11a36fbb91ce4f5a289f04cac83be2e5', name: "quote-body" }, this.quote)), hAsync("div", { key: '35db245f0a6324e5c3322cd5c4cf8206762c9ad3', class: "testimonial-attribution" }, this.attribution)), hAsync("div", { key: '67dbc98ab75bc036ca4b3f3976505345421231ef', class: "testimonial-stats" }, hAsync("slot", { key: 'd7499af5422f112c42cfd815fec43e9743876021', name: "stats" })), hAsync("div", { key: '0e557948da1a17d10b2e75f8f2cb9193a6ca6c07', class: "testimonial-footer" }, hAsync("div", { key: 'f942dacf7c4676be08b88c4ec6a5bfd8115e2e04', class: "testimonial-nav" }, this.showNavigation ? (
|
|
7876
7901
|
// Render built-in navigation buttons
|
|
7877
7902
|
hAsync("div", { class: "testimonial-nav-buttons" }, hAsync("af-icon-button", { variant: "secondary", disabled: !this.hasPrev, onClick: this.handlePrev, ariaLabel: "Previous testimonial" }, hAsync("af-icon", { name: "arrow-left", size: 24 })), hAsync("af-icon-button", { variant: "secondary", disabled: !this.hasNext, onClick: this.handleNext, ariaLabel: "Next testimonial" }, hAsync("af-icon", { name: "arrow-right", size: 24 })))) : (
|
|
7878
7903
|
// Allow custom navigation via slot
|
|
7879
|
-
hAsync("slot", { name: "navigation" }))), this.readMoreLink && (hAsync("af-button", { key: '
|
|
7904
|
+
hAsync("slot", { name: "navigation" }))), this.readMoreLink && (hAsync("af-button", { key: '6197b00d781b08eec10bf487918deed969408df4', variant: "secondary", href: this.readMoreLink }, "Read full story", hAsync("af-icon", { key: '2cdf53d215a417beff6e8edf20f510ee68d176ab', slot: "icon-right", name: "arrow-right", size: 24 }))))))));
|
|
7880
7905
|
}
|
|
7881
7906
|
static get style() { return afTestimonialCss; }
|
|
7882
7907
|
static get cmpMeta() { return {
|
|
@@ -7996,7 +8021,7 @@ class AfTestimonialCarousel {
|
|
|
7996
8021
|
return (this.currentIndex + 1) / this.testimonialCount;
|
|
7997
8022
|
}
|
|
7998
8023
|
render() {
|
|
7999
|
-
return (hAsync(Host, { key: '
|
|
8024
|
+
return (hAsync(Host, { key: '22b5bf9b57d64d03969fceef7c63a235cc3b28bb' }, hAsync("div", { key: '4522d4d723ed18d9c700276d2fa55ec3a78618d2', class: "testimonial-carousel" }, hAsync("div", { key: '3dc008449b1b7236ad5bb4f5a641b4635452dd1b', class: "testimonial-slides" }, hAsync("slot", { key: '2e6503ea2a6aaa0cfa04552668f07d88c9169b43' })), this.testimonialCount > 1 && (hAsync("div", { key: '7531aeca557692b0c6fad26031e9da67fe76a2a5', class: "testimonial-progress" }, hAsync("af-progress-line", { key: 'a72e2ae998da694906a261a9e505035e5306b93b', progress: this.getProgress() }))))));
|
|
8000
8025
|
}
|
|
8001
8026
|
get host() { return getElement(this); }
|
|
8002
8027
|
static get style() { return afTestimonialCarouselCss; }
|
|
@@ -8025,7 +8050,7 @@ class AfTestimonialStat {
|
|
|
8025
8050
|
this.accentBorder = false;
|
|
8026
8051
|
}
|
|
8027
8052
|
render() {
|
|
8028
|
-
return (hAsync(Host, { key: '
|
|
8053
|
+
return (hAsync(Host, { key: '91a17ccf44b3306f2fad218201c0df9d541bdefd' }, hAsync("div", { key: '6df0dc851385ea20371197016c421365ef230fc4', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, hAsync("af-heading", { key: 'dae1f4350a927c43a44d3030c39d9a6e4fd46f11', level: 2, class: "stat-value" }, this.value), hAsync("af-text", { key: '06db3eac580389a28974e9841d52b1175aa3d00a', variant: "medium", class: "stat-description" }, this.description))));
|
|
8029
8054
|
}
|
|
8030
8055
|
static get style() { return afTestimonialStatCss; }
|
|
8031
8056
|
static get cmpMeta() { return {
|
|
@@ -8189,7 +8214,7 @@ class AfTextImageNest {
|
|
|
8189
8214
|
'nest__grid': true,
|
|
8190
8215
|
[`grid-${this.layout}`]: true,
|
|
8191
8216
|
};
|
|
8192
|
-
return (hAsync(Host, { key: '
|
|
8217
|
+
return (hAsync(Host, { key: 'e250c2528e02050ea4debe9685eae3b6053a98b2' }, hAsync("div", { key: '2af2eb56c3f384a12f4fcf1cefc155bb5a063a38', class: containerClasses }, hAsync("div", { key: '270a0bf4748ab56477d0b9d79ebf4f4bbb122ac3', class: "nest__content" }, hAsync("div", { key: '76013f327279d631b59a97d659b6c6932d967041', class: gridClasses }, hAsync("slot", { key: '50c5772a355f729671ad38eb745f06040cecac16' })), hAsync("div", { key: 'd285fc3f8a66b869bfda14beb9903e19f9d0de84', class: "nest__footer" }, hAsync("slot", { key: '2f416cc2f07fb24149b8b8f9190c3fa7f8efe034', name: "buttons" }))))));
|
|
8193
8218
|
}
|
|
8194
8219
|
static get style() { return afTextImageNestCss; }
|
|
8195
8220
|
static get cmpMeta() { return {
|
|
@@ -8207,6 +8232,12 @@ class AfTextImageNest {
|
|
|
8207
8232
|
const afTextareaCss = ":host{display:block;width:100%}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--sds-size-space-200, 8px);width:100%}.label-row{display:flex;align-items:center;gap:12px}.label{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:24px;color:var(--af-input-label, var(--af-typography-body-dark, #14343b));cursor:default}.required{color:var(--af-input-error, var(--colour-error, #be292a));margin-left:2px}.info-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0}.info-icon svg{width:20px;height:20px}.info-icon:hover{opacity:0.7}.info-icon:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.description{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-description, var(--af-typography-body-default, #2b484f));margin:0}.textarea-container{display:flex;background:var(--af-input-bg, #ffffff);border:1px solid var(--af-input-border, var(--af-background-border-default, #d1ddda));border-radius:var(--radii-input, 8px);transition:all 0.15s ease;box-sizing:border-box;overflow:hidden}.textarea-container.hovered{background:var(--af-input-bg-hover, var(--af-background-base-hover, #f4f7f6));border-color:var(--af-input-border-hover, var(--af-background-border-heavy, #c6d5d1))}.textarea-container.focused{background:var(--af-input-bg, #ffffff);border-color:var(--af-input-border-active, var(--af-typography-body-dark, #14343b));box-shadow:0 0 0 4px var(--af-background-base, #ffffff), \n 0 0 0 5px var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b))}.textarea-container.error{border-color:var(--af-input-border-error, var(--colour-error, #be292a))}.textarea-container.disabled{background:var(--af-input-bg-disabled, var(--af-background-level-1, #e8eeed));border-color:var(--af-input-border, var(--af-background-border-default, #d1ddda));cursor:not-allowed}.textarea{flex:1;min-width:0;min-height:108px;padding:12px 16px;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none;resize:vertical}.textarea::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.textarea:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));resize:none}.textarea:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.error-row{display:flex;align-items:center;gap:12px}.error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-error, var(--colour-error, #be292a))}.error-icon svg{width:20px;height:20px}.error-text{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-error, var(--colour-error, #be292a))}";
|
|
8208
8233
|
|
|
8209
8234
|
/**
|
|
8235
|
+
* @deprecated Use `<af-input multiline>` instead. `af-textarea` is a deprecated
|
|
8236
|
+
* alias kept for one minor cycle for backward compatibility and will be removed
|
|
8237
|
+
* in a future major release. Prefer `af-input` with the `multiline`, `rows` and
|
|
8238
|
+
* `resize` props — the rendered output and `--af-input-*` CSS custom property
|
|
8239
|
+
* surface are identical.
|
|
8240
|
+
*
|
|
8210
8241
|
* Textarea component for multi-line text input with label, description, and error states.
|
|
8211
8242
|
*
|
|
8212
8243
|
* @slot label-end - Content to display at the end of the label (e.g., info icon)
|
|
@@ -8273,6 +8304,17 @@ class AfTextarea {
|
|
|
8273
8304
|
this.afInfoClick.emit();
|
|
8274
8305
|
};
|
|
8275
8306
|
}
|
|
8307
|
+
componentWillLoad() {
|
|
8308
|
+
if (typeof console !== 'undefined' && !AfTextarea.deprecationWarned) {
|
|
8309
|
+
AfTextarea.deprecationWarned = true;
|
|
8310
|
+
// eslint-disable-next-line no-console
|
|
8311
|
+
console.warn('[@affinda/wc] <af-textarea> is deprecated and will be removed in a ' +
|
|
8312
|
+
'future major release. Use <af-input multiline> instead — same props ' +
|
|
8313
|
+
'(label, description, placeholder, value, name, disabled, required, ' +
|
|
8314
|
+
'readonly, error, showInfoIcon, rows, resize, maxlength, minlength) ' +
|
|
8315
|
+
'and same rendered chrome. See @affinda/wc CHANGELOG for migration.');
|
|
8316
|
+
}
|
|
8317
|
+
}
|
|
8276
8318
|
render() {
|
|
8277
8319
|
const hasError = !!this.error;
|
|
8278
8320
|
const hasValue = !!(this.value && this.value.length > 0);
|
|
@@ -8291,7 +8333,7 @@ class AfTextarea {
|
|
|
8291
8333
|
'focused': this.isFocused,
|
|
8292
8334
|
'hovered': this.isHovered && !this.disabled && !this.isFocused
|
|
8293
8335
|
};
|
|
8294
|
-
return (hAsync(Host, { key: '
|
|
8336
|
+
return (hAsync(Host, { key: '362cc1d8d9a12a1622a3a4368c1690af22242290' }, hAsync("div", { key: '2b5193878afd041a2404e05628c8a2a27f070dd4', class: wrapperClasses }, this.label && (hAsync("div", { key: 'a4786205092ce86aa5d2b13b2eefc068776bc73c', class: "label-row" }, hAsync("label", { key: '9f674738598a0d8cd6ff3ca12d2eef1b82c683ab', class: "label", htmlFor: "textarea" }, this.label, this.required && hAsync("span", { key: 'e65cfaf5de0806fdaee3fd69fa142dbe80092377', class: "required" }, "*")), this.showInfoIcon && (hAsync("button", { key: 'b9c83365313296a885eced01f5e32d3880d0e6b6', type: "button", class: "info-icon", onClick: this.handleInfoClick, "aria-label": "More information" }, hAsync("svg", { key: 'f27bd125dad6258d48b27dce04ee3c91a9e765dd', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '9bfaed8ee3d846caad4cf6841e3a9deb4a050686', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '0c733ab918ce62dac76ff223eb7a361e11b444f1', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '9d2fd2885490c9563c48bdc40b988e6b6ed6d899', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), hAsync("slot", { key: 'a488fc5ce906aa2c6d36e3d1c5c6dc20955dfa7e', name: "label-end" }))), this.description && (hAsync("p", { key: '2b27b3f5362d87d9eef7a2261d324b7db03dbd7c', class: "description" }, this.description)), hAsync("div", { key: 'f900a4a8d7231bc43c41a77c331e6c90f8772c67', class: textareaContainerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, hAsync("textarea", { key: 'f48df2967a6d72daa2b93c635882c72021af33e7', ref: (el) => this.textareaEl = el ?? undefined, id: "textarea", class: "textarea", name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, readonly: this.readonly, rows: this.rows, maxlength: this.maxlength, minlength: this.minlength, style: { resize: this.resize }, "aria-invalid": hasError ? 'true' : undefined, "aria-describedby": hasError ? 'error-message' : this.description ? 'description' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur })), hasError && (hAsync("div", { key: '8793024cd9c7dec0a19a1acd789ecd8ed57f7168', class: "error-row", id: "error-message" }, hAsync("span", { key: 'dc457887b83f8c9fea7daca0bf5a0690474c4f49', class: "error-icon" }, hAsync("svg", { key: 'd8c6d985c7c219419072943adab3819217fb1ae4', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '75265f2e70dd27201b09033b4b5100df51d876f5', d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: 'b4225c6f1ae0e3246ad143fe6f2157daa615fcb6', d: "M12 16V12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), hAsync("path", { key: '48735f9ef113826e43488e0491d34a3b549924e5', d: "M12 8H12.01", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), hAsync("span", { key: '6a0a7e436977e6ecc37dd64db30aad7eb189e166', class: "error-text" }, this.error))))));
|
|
8295
8337
|
}
|
|
8296
8338
|
static get style() { return afTextareaCss; }
|
|
8297
8339
|
static get cmpMeta() { return {
|
|
@@ -8320,6 +8362,8 @@ class AfTextarea {
|
|
|
8320
8362
|
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
8321
8363
|
}; }
|
|
8322
8364
|
}
|
|
8365
|
+
/** @internal */
|
|
8366
|
+
AfTextarea.deprecationWarned = false;
|
|
8323
8367
|
|
|
8324
8368
|
const afThemeOverrideCss = ".sc-af-theme-override-h{display:contents}.theme-override.sc-af-theme-override{display:contents}.theme-white.sc-af-theme-override{--af-background-base:var(--colour-brand-white, #FFFFFF);--af-background-base-hover:var(--colour-mistgreen-100, #f4f7f6);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-mistgreen-200, #e8eeed);--af-background-level-1-hover:var(--colour-mistgreen-300, #dde6e3);--af-background-border-subtle:var(--colour-mistgreen-200, #e8eeed);--af-background-border-default:var(--colour-mistgreen-400, #d1ddda);--af-background-border-heavy:var(--colour-mistgreen-500, #c6d5d1);--af-background-border-active:var(--colour-softclay-800, #8a7049);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #B09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-mistgreen-200, #e8ebeb);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-mistgreen-500, #d0d6d8);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-mistgreen-500, #d0d6d8);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}.theme-inkwell.sc-af-theme-override{--af-background-base:var(--colour-brand-inkwell, #14343b);--af-background-base-hover:var(--colour-inkwell-600, #102a2f);--af-background-contrast:var(--colour-inkwell-700, #102a2f);--af-background-level-1:var(--colour-inkwell-450, #203e45);--af-background-level-1-hover:var(--colour-inkwell-400, #2b484f);--af-background-border-subtle:var(--colour-inkwell-450, #203e45);--af-background-border-default:var(--colour-inkwell-400, #2b484f);--af-background-border-heavy:var(--colour-inkwell-700, #102a2f);--af-background-border-active:var(--colour-brand-ice, #a6fffb);--af-background-icon-default:var(--colour-brand-white, #ffffff);--af-background-icon-accent:var(--colour-brand-ice, #a6fffb);--af-typography-heading-primary:var(--colour-brand-mist-green, #c6d5d1);--af-typography-heading-secondary:var(--colour-brand-white, #ffffff);--af-typography-body-dark:var(--colour-brand-white, #ffffff);--af-typography-body-default:var(--colour-inkwell-100, #d0d6d8);--af-typography-body-subtle:var(--colour-inkwell-200, #a1aeb1);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-icon:var(--colour-brand-white, #ffffff);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(255, 255, 255, 0.08);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff);--af-button-ghost-text:var(--colour-brand-white, #ffffff);--af-button-ghost-icon:var(--colour-brand-white, #ffffff);--af-button-ghost-stroke:var(--colour-brand-ice, #A6FFFB);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-inkwell-450, #203e45);--af-input-bg-hover:var(--colour-inkwell-400, #2b484f);--af-input-bg-disabled:var(--colour-inkwell-600, #102a2f);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--colour-brand-ice, #a6fffb);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--colour-brand-ice, #a6fffb);--af-form-control-bg:var(--colour-inkwell-450, #203e45);--af-form-control-bg-checked:var(--colour-brand-mist-green, #c6d5d1);--af-form-control-bg-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-bg-checked-disabled:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke:var(--colour-inkwell-350, #60767b);--af-form-control-stroke-hover:var(--colour-brand-white, #ffffff);--af-form-control-stroke-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-icon:var(--colour-brand-inkwell, #14343b);--af-form-control-label:var(--colour-brand-white, #ffffff)}.theme-mist-green.sc-af-theme-override{--af-background-base:var(--colour-brand-mist-green, #c6d5d1);--af-background-base-hover:var(--colour-mistgreen-600, #b2c0bc);--af-background-contrast:var(--colour-brand-soft-clay, #b09670);--af-background-level-1:var(--colour-mistgreen-300, #dde6e3);--af-background-level-1-hover:var(--colour-mistgreen-400, #d1ddda);--af-background-border-subtle:var(--colour-mistgreen-600, #b2c0bc);--af-background-border-default:var(--colour-mistgreen-700, #9eaaa7);--af-background-border-heavy:var(--colour-mistgreen-700, #9eaaa7);--af-background-border-active:var(--colour-softclay-800, #8a7049);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #B09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-mistgreen-300, #dde6e3);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-mistgreen-600, #b2c0bc);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}.theme-soft-clay.sc-af-theme-override{--af-background-base:var(--colour-softclay-400, #c0ab8d);--af-background-base-hover:var(--colour-softclay-500, #b09670);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-softclay-500, #b09670);--af-background-level-1-hover:var(--colour-softclay-600, #9e8765);--af-background-border-subtle:var(--colour-softclay-600, #9e8765);--af-background-border-default:var(--colour-softclay-700, #8d785a);--af-background-border-heavy:var(--colour-brand-inkwell, #14343b);--af-background-border-active:var(--colour-brand-ice, #a6fffb);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-inkwell, #14343b);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-softclay-300, #d0c1a8);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-softclay-700, #8d785a);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-softclay-600, #9e8765);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}.theme-white-ivory.sc-af-theme-override{--af-background-base:var(--colour-brand-ivory-paper, #fff9ee);--af-background-base-hover:var(--colour-ivory-100, #fff5e0);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-ivory-200, #ffefcc);--af-background-level-1-hover:var(--colour-ivory-300, #ffe9b8);--af-background-border-subtle:var(--colour-ivory-200, #ffefcc);--af-background-border-default:var(--colour-ivory-400, #ffe3a3);--af-background-border-heavy:var(--colour-brand-soft-clay, #b09670);--af-background-border-active:var(--colour-brand-soft-clay, #b09670);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #b09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-ivory-100, #fff5e0);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-ivory-200, #ffefcc);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-ivory-400, #ffe3a3);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-ivory-300, #ffe9b8);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}";
|
|
8325
8369
|
|
|
@@ -8343,7 +8387,7 @@ class AfThemeOverride {
|
|
|
8343
8387
|
this.theme = 'white';
|
|
8344
8388
|
}
|
|
8345
8389
|
render() {
|
|
8346
|
-
return (hAsync(Host, { key: '
|
|
8390
|
+
return (hAsync(Host, { key: '9f1536dead9af3d0f38365326732332b2094a79b' }, hAsync("div", { key: 'eb697aa425db29c5f0509cdbde23b9f5dad40dcc', class: `theme-override theme-${this.theme}` }, hAsync("slot", { key: '4cd377165126bbbc9e950e599d90eb0fb65e8afc' }))));
|
|
8347
8391
|
}
|
|
8348
8392
|
static get style() { return afThemeOverrideCss; }
|
|
8349
8393
|
static get cmpMeta() { return {
|
|
@@ -8574,7 +8618,7 @@ class AfVideoContainer {
|
|
|
8574
8618
|
};
|
|
8575
8619
|
}
|
|
8576
8620
|
render() {
|
|
8577
|
-
return (hAsync(Host, { key: '
|
|
8621
|
+
return (hAsync(Host, { key: '5cfc1f803b4f389b816ddf9029ded6eb37cf3fb6' }, hAsync("div", { key: '16af2ac32fd6321c60a6d5c236aad550918075df', class: "video-container" }, hAsync("div", { key: '8a0a72110769768b38dd9cf21635ada270e02be3', class: "video-container__top" }, hAsync("slot", { key: '16dcd7916b6a76081f3053cecede88416cd8bcc8', name: "top" })), hAsync("div", { key: 'bd45a68804569a2c4fec84508f64fceadb69f91a', class: "video-container__video" }, hAsync("af-aspect-ratio", { key: '7f2c7e03b7fb685ea559f394c823cce714ca0254', ratio: "16:9" }, hAsync("div", { key: 'd14bef603577d48e46b15f3cc5e199e0a36398db', class: "video-container__thumbnail-wrapper" }, this.videoThumbnailUrl && (hAsync("img", { key: 'a9346709bb21625d5d97851742ced12312e657e7', src: this.videoThumbnailUrl, alt: this.videoAlt, class: "video-container__thumbnail", loading: "lazy" })), hAsync("button", { key: 'e8e0c6a39b27fdc5a19590cdc1678300a428105d', class: "video-container__play-button", onClick: this.handlePlayClick, "aria-label": "Play video", type: "button" }, hAsync("af-icon", { key: '291a1a3015204bc0a5ec429cf69e29c44d0ec60b', name: "play", size: 24 }))))), hAsync("div", { key: 'ff49121c1d37c38c446cc7b8513483065cf4833d', class: "video-container__bottom" }, hAsync("slot", { key: '7818250e7dfdd1eedb3a970846dc2fb15bce51ac', name: "bottom" })))));
|
|
8578
8622
|
}
|
|
8579
8623
|
static get style() { return afVideoContainerCss; }
|
|
8580
8624
|
static get cmpMeta() { return {
|
|
@@ -8610,7 +8654,7 @@ class AfVisuallyHidden {
|
|
|
8610
8654
|
this.focusable = false;
|
|
8611
8655
|
}
|
|
8612
8656
|
render() {
|
|
8613
|
-
return (hAsync(Host, { key: '
|
|
8657
|
+
return (hAsync(Host, { key: '5d1151eb1606287c54b8c6612195aab2ee96bcd2', class: { 'focusable': this.focusable } }, hAsync("slot", { key: 'd60e1eb7d8da677aa44f3197c537736849fd7fea' })));
|
|
8614
8658
|
}
|
|
8615
8659
|
static get style() { return afVisuallyHiddenCss; }
|
|
8616
8660
|
static get cmpMeta() { return {
|