@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.mjs
CHANGED
|
@@ -3458,7 +3458,7 @@ class AfAccordion {
|
|
|
3458
3458
|
});
|
|
3459
3459
|
}
|
|
3460
3460
|
render() {
|
|
3461
|
-
return (hAsync(Host, { key: '
|
|
3461
|
+
return (hAsync(Host, { key: 'e52f2563ca1e95fb07435cc40d66fa646ba1f573', class: { [`mode-${this.mode}`]: true } }, hAsync("div", { key: '7e7144bdb3980e07f5444284d4a37b066691de4e', class: "accordion" }, hAsync("slot", { key: '9068505989cd8dace365ba07f146957d91f2a0ce' }))));
|
|
3462
3462
|
}
|
|
3463
3463
|
get el() { return getElement(this); }
|
|
3464
3464
|
static get watchers() { return {
|
|
@@ -3551,7 +3551,7 @@ class AfAccordionItem {
|
|
|
3551
3551
|
const contentStyle = {
|
|
3552
3552
|
maxHeight: this.open ? `${this.contentHeight}px` : '0px'
|
|
3553
3553
|
};
|
|
3554
|
-
return (hAsync(Host, { key: '
|
|
3554
|
+
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' }))))));
|
|
3555
3555
|
}
|
|
3556
3556
|
get el() { return getElement(this); }
|
|
3557
3557
|
static get watchers() { return {
|
|
@@ -3824,7 +3824,7 @@ class AfCard {
|
|
|
3824
3824
|
'card': true,
|
|
3825
3825
|
[`theme-${this.theme}`]: true
|
|
3826
3826
|
};
|
|
3827
|
-
return (hAsync(Host, { key: '
|
|
3827
|
+
return (hAsync(Host, { key: '8e58ce6e72f8c93f96661f56677a8ac861966e4b' }, hAsync("div", { key: '5ad157ce904665fcd07f847b2851a8c269f04dce', class: classes }, hAsync("div", { key: 'd662a3f05b9779d548a1393ce84ffa9d78be9646', class: "card__content" }, hAsync("slot", { key: 'eb52c38a4b17a88bdabc74a1ebe3a0e9c1ad287c' })))));
|
|
3828
3828
|
}
|
|
3829
3829
|
static get style() { return afCardCss; }
|
|
3830
3830
|
static get cmpMeta() { return {
|
|
@@ -3878,7 +3878,7 @@ class AfCenter {
|
|
|
3878
3878
|
if (this.minHeight) {
|
|
3879
3879
|
style.minHeight = this.minHeight;
|
|
3880
3880
|
}
|
|
3881
|
-
return (hAsync(Host, { key: '
|
|
3881
|
+
return (hAsync(Host, { key: 'e91358ecc8de26481c2360e73043316ac63bf7bd', style: style }, hAsync("slot", { key: 'e9d407b9a70103b215536cbab3a2a196d841f762' })));
|
|
3882
3882
|
}
|
|
3883
3883
|
static get style() { return afCenterCss; }
|
|
3884
3884
|
static get cmpMeta() { return {
|
|
@@ -4049,7 +4049,7 @@ class AfClientCarousel {
|
|
|
4049
4049
|
// Direction classes are left on in static mode too — the `.mode-static`
|
|
4050
4050
|
// CSS rule overrides `animation` to `none`, so the direction is a no-op
|
|
4051
4051
|
// visually but keeps the markup shape consistent across modes.
|
|
4052
|
-
return (hAsync(Host, { key: '
|
|
4052
|
+
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" }))))))));
|
|
4053
4053
|
}
|
|
4054
4054
|
get el() { return getElement(this); }
|
|
4055
4055
|
static get style() { return afClientCarouselCss; }
|
|
@@ -4111,7 +4111,7 @@ class AfContactItem {
|
|
|
4111
4111
|
this.value = '';
|
|
4112
4112
|
}
|
|
4113
4113
|
render() {
|
|
4114
|
-
return (hAsync(Host, { key: '
|
|
4114
|
+
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' }))));
|
|
4115
4115
|
}
|
|
4116
4116
|
static get style() { return afContactItemCss; }
|
|
4117
4117
|
static get cmpMeta() { return {
|
|
@@ -4193,7 +4193,7 @@ class AfDivider {
|
|
|
4193
4193
|
marginTop: spacingValue,
|
|
4194
4194
|
marginBottom: spacingValue,
|
|
4195
4195
|
};
|
|
4196
|
-
return (hAsync(Host, { key: '
|
|
4196
|
+
return (hAsync(Host, { key: 'ac8090274a8306a9882b32bb3d5e16a591b86f2f', class: {
|
|
4197
4197
|
'divider': true,
|
|
4198
4198
|
'divider--horizontal': !isVertical,
|
|
4199
4199
|
'divider--vertical': isVertical,
|
|
@@ -4315,13 +4315,13 @@ class AfFeatureAccordion {
|
|
|
4315
4315
|
render() {
|
|
4316
4316
|
const items = this.getItems();
|
|
4317
4317
|
const currentItem = items[this.expandedIndex];
|
|
4318
|
-
return (hAsync(Host, { key: '
|
|
4318
|
+
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: {
|
|
4319
4319
|
'accordion-item': true,
|
|
4320
4320
|
'accordion-item--expanded': this.expandedIndex === index
|
|
4321
4321
|
}, 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: {
|
|
4322
4322
|
maxHeight: this.expandedIndex === index ? '200px' : '0',
|
|
4323
4323
|
opacity: this.expandedIndex === index ? '1' : '0'
|
|
4324
|
-
} }, 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: '
|
|
4324
|
+
} }, 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" }))))))))));
|
|
4325
4325
|
}
|
|
4326
4326
|
get el() { return getElement(this); }
|
|
4327
4327
|
static get watchers() { return {
|
|
@@ -4513,7 +4513,7 @@ class AfFeatureGrid {
|
|
|
4513
4513
|
[`feature-grid--mobile-${this.mobileLayout}`]: true,
|
|
4514
4514
|
};
|
|
4515
4515
|
const showProgressLine = this.mobileLayout === 'scroll';
|
|
4516
|
-
return (hAsync(Host, { key: '
|
|
4516
|
+
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 }))))));
|
|
4517
4517
|
}
|
|
4518
4518
|
get host() { return getElement(this); }
|
|
4519
4519
|
static get watchers() { return {
|
|
@@ -4605,7 +4605,7 @@ class AfFooter {
|
|
|
4605
4605
|
this.showStatus = true;
|
|
4606
4606
|
}
|
|
4607
4607
|
render() {
|
|
4608
|
-
return (hAsync(Host, { key: '
|
|
4608
|
+
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" })))))));
|
|
4609
4609
|
}
|
|
4610
4610
|
static get style() { return afFooterCss; }
|
|
4611
4611
|
static get cmpMeta() { return {
|
|
@@ -4637,7 +4637,7 @@ class AfFooterColumn {
|
|
|
4637
4637
|
this.heading = '';
|
|
4638
4638
|
}
|
|
4639
4639
|
render() {
|
|
4640
|
-
return (hAsync(Host, { key: '
|
|
4640
|
+
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' })))));
|
|
4641
4641
|
}
|
|
4642
4642
|
static get style() { return afFooterColumnCss; }
|
|
4643
4643
|
static get cmpMeta() { return {
|
|
@@ -4667,7 +4667,7 @@ class AfFooterLink {
|
|
|
4667
4667
|
this.external = false;
|
|
4668
4668
|
}
|
|
4669
4669
|
render() {
|
|
4670
|
-
return (hAsync(Host, { key: '
|
|
4670
|
+
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" })))))));
|
|
4671
4671
|
}
|
|
4672
4672
|
static get style() { return afFooterLinkCss; }
|
|
4673
4673
|
static get cmpMeta() { return {
|
|
@@ -4715,14 +4715,14 @@ class AfGrid {
|
|
|
4715
4715
|
end: 'end',
|
|
4716
4716
|
stretch: 'stretch',
|
|
4717
4717
|
};
|
|
4718
|
-
return (hAsync(Host, { key: '
|
|
4718
|
+
return (hAsync(Host, { key: 'd8f5d8d0eb7a070892ed00bea3b6cacba55ebfd0', style: {
|
|
4719
4719
|
'--grid-columns': String(this.columns),
|
|
4720
4720
|
'--grid-columns-lg': String(this.columnsLg ?? this.columns),
|
|
4721
4721
|
'--grid-columns-md': String(this.columnsMd ?? this.columnsLg ?? this.columns),
|
|
4722
4722
|
'--grid-columns-sm': String(this.columnsSm ?? this.columnsMd ?? this.columnsLg ?? 1),
|
|
4723
4723
|
'--grid-gap': `var(--space-${this.gap})`,
|
|
4724
4724
|
'--grid-align': alignMap[this.align],
|
|
4725
|
-
} }, hAsync("div", { key: '
|
|
4725
|
+
} }, hAsync("div", { key: '11c90d93bb50c200faeab87ffaef287256609f4e', class: "grid" }, hAsync("slot", { key: '4e468e5ce63b0550ae6f16694b7e0a5e26d8564f' }))));
|
|
4726
4726
|
}
|
|
4727
4727
|
static get style() { return afGridCss; }
|
|
4728
4728
|
static get cmpMeta() { return {
|
|
@@ -4884,7 +4884,7 @@ class AfHeading {
|
|
|
4884
4884
|
}; }
|
|
4885
4885
|
}
|
|
4886
4886
|
|
|
4887
|
-
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:
|
|
4887
|
+
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}}";
|
|
4888
4888
|
|
|
4889
4889
|
/**
|
|
4890
4890
|
* Map each variant to its underlying section theme token. Keeps one source
|
|
@@ -5013,12 +5013,12 @@ class AfHero {
|
|
|
5013
5013
|
const hasIllustration = v === 'inkwell-illustration' ||
|
|
5014
5014
|
v === 'soft-clay-illustration' ||
|
|
5015
5015
|
v === 'mist-green-illustration';
|
|
5016
|
-
return (hAsync(Host, { key: '
|
|
5016
|
+
return (hAsync(Host, { key: 'c40393e3a50d1beecbe83804a1407a51d46e82ce', class: {
|
|
5017
5017
|
[`hero--${v}`]: true,
|
|
5018
5018
|
[`hero--pad-${this.topPad}`]: true,
|
|
5019
5019
|
[`hero--theme-${this.theme}`]: true,
|
|
5020
5020
|
'hero--float-navbar': this.resolvedFloatNavbar,
|
|
5021
|
-
} }, hAsync("af-section", { key: '
|
|
5021
|
+
} }, 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" })))));
|
|
5022
5022
|
}
|
|
5023
5023
|
get el() { return getElement(this); }
|
|
5024
5024
|
static get style() { return afHeroCss; }
|
|
@@ -5440,7 +5440,7 @@ class AfIconBox {
|
|
|
5440
5440
|
[`icon-box--size-${this.size}`]: true,
|
|
5441
5441
|
};
|
|
5442
5442
|
const iconSize = this.size === 'small' ? 20 : this.size === 'large' ? 48 : 40;
|
|
5443
|
-
return (hAsync(Host, { key: '
|
|
5443
|
+
return (hAsync(Host, { key: '2a0468909e1ec2a92c20b7cda6cb39af8584a42b' }, hAsync("div", { key: '57eaff445b3d6a04c5eb7c39729bfb576866ca07', class: containerClasses }, hAsync("af-icon", { key: '5590e7bd7dea9951f2f647c85240ee6673bcac32', name: this.icon, size: iconSize }))));
|
|
5444
5444
|
}
|
|
5445
5445
|
static get style() { return afIconBoxCss; }
|
|
5446
5446
|
static get cmpMeta() { return {
|
|
@@ -5559,7 +5559,7 @@ class AfIconText {
|
|
|
5559
5559
|
'icon-text': true,
|
|
5560
5560
|
[`icon-text--${this.orientation}`]: true,
|
|
5561
5561
|
};
|
|
5562
|
-
return (hAsync(Host, { key: '
|
|
5562
|
+
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" }))))));
|
|
5563
5563
|
}
|
|
5564
5564
|
static get style() { return afIconTextCss; }
|
|
5565
5565
|
static get cmpMeta() { return {
|
|
@@ -5615,7 +5615,7 @@ class AfIllustratedCard {
|
|
|
5615
5615
|
[`illustrated-card--breakpoint-${this.breakpoint}`]: true,
|
|
5616
5616
|
[`illustrated-card--size-${this.cardSize}`]: true,
|
|
5617
5617
|
};
|
|
5618
|
-
return (hAsync(Host, { key: '
|
|
5618
|
+
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" }))))));
|
|
5619
5619
|
}
|
|
5620
5620
|
static get style() { return afIllustratedCardCss; }
|
|
5621
5621
|
static get cmpMeta() { return {
|
|
@@ -5653,7 +5653,7 @@ class AfImage {
|
|
|
5653
5653
|
this.shape = 'rounded';
|
|
5654
5654
|
}
|
|
5655
5655
|
render() {
|
|
5656
|
-
return (hAsync(Host, { key: '
|
|
5656
|
+
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" }))));
|
|
5657
5657
|
}
|
|
5658
5658
|
static get style() { return afImageCss; }
|
|
5659
5659
|
static get cmpMeta() { return {
|
|
@@ -5740,7 +5740,7 @@ class AfInPageBanner {
|
|
|
5740
5740
|
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" }))));
|
|
5741
5741
|
}
|
|
5742
5742
|
render() {
|
|
5743
|
-
return (hAsync(Host, { key: '
|
|
5743
|
+
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))))))));
|
|
5744
5744
|
}
|
|
5745
5745
|
static get style() { return afInPageBannerCss; }
|
|
5746
5746
|
static get cmpMeta() { return {
|
|
@@ -5816,7 +5816,7 @@ class AfInline {
|
|
|
5816
5816
|
justifyContent: justifyMap[this.justify],
|
|
5817
5817
|
flexWrap: this.wrap ? 'wrap' : 'nowrap',
|
|
5818
5818
|
};
|
|
5819
|
-
return (hAsync(Host, { key: '
|
|
5819
|
+
return (hAsync(Host, { key: '7069c721994bbd1acc8d57875522dbefdaf796d9', style: style }, hAsync("slot", { key: 'e39c2d982cca56ab6545e3e8a43eea7696708f21' })));
|
|
5820
5820
|
}
|
|
5821
5821
|
static get style() { return afInlineCss; }
|
|
5822
5822
|
static get cmpMeta() { return {
|
|
@@ -5834,11 +5834,11 @@ class AfInline {
|
|
|
5834
5834
|
}; }
|
|
5835
5835
|
}
|
|
5836
5836
|
|
|
5837
|
-
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))}";
|
|
5837
|
+
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))}";
|
|
5838
5838
|
|
|
5839
5839
|
/**
|
|
5840
5840
|
* Input field component with label, description, and error states.
|
|
5841
|
-
* Supports
|
|
5841
|
+
* Supports single-line and multi-line (textarea) modes via the `multiline` prop.
|
|
5842
5842
|
*
|
|
5843
5843
|
* @slot label-end - Content to display at the end of the label (e.g., info icon)
|
|
5844
5844
|
*/
|
|
@@ -5855,7 +5855,8 @@ class AfInput {
|
|
|
5855
5855
|
*/
|
|
5856
5856
|
this.value = '';
|
|
5857
5857
|
/**
|
|
5858
|
-
* The input type (text, email, password, number, tel, url, search)
|
|
5858
|
+
* The input type (text, email, password, number, tel, url, search).
|
|
5859
|
+
* Ignored when `multiline` is true.
|
|
5859
5860
|
*/
|
|
5860
5861
|
this.type = 'text';
|
|
5861
5862
|
/**
|
|
@@ -5875,13 +5876,27 @@ class AfInput {
|
|
|
5875
5876
|
*/
|
|
5876
5877
|
this.showInfoIcon = false;
|
|
5877
5878
|
/**
|
|
5878
|
-
* Whether to show a search icon in the input
|
|
5879
|
+
* Whether to show a search icon in the input. Ignored when `multiline` is true.
|
|
5879
5880
|
*/
|
|
5880
5881
|
this.showSearchIcon = false;
|
|
5881
5882
|
/**
|
|
5882
|
-
* Whether to show a clear button when input has value
|
|
5883
|
+
* Whether to show a clear button when input has value. Ignored when `multiline` is true.
|
|
5883
5884
|
*/
|
|
5884
5885
|
this.clearable = false;
|
|
5886
|
+
/**
|
|
5887
|
+
* Render as a multi-line textarea instead of a single-line input.
|
|
5888
|
+
* Activates `rows` and `resize` props; ignores `type`, `pattern`,
|
|
5889
|
+
* `autocomplete`, `showSearchIcon`, `clearable`.
|
|
5890
|
+
*/
|
|
5891
|
+
this.multiline = false;
|
|
5892
|
+
/**
|
|
5893
|
+
* Number of visible rows when `multiline` is true. Ignored otherwise.
|
|
5894
|
+
*/
|
|
5895
|
+
this.rows = 4;
|
|
5896
|
+
/**
|
|
5897
|
+
* Whether the textarea is resizable. Ignored when `multiline` is false.
|
|
5898
|
+
*/
|
|
5899
|
+
this.resize = 'vertical';
|
|
5885
5900
|
this.isFocused = false;
|
|
5886
5901
|
this.isHovered = false;
|
|
5887
5902
|
this.handleInput = (event) => {
|
|
@@ -5918,8 +5933,10 @@ class AfInput {
|
|
|
5918
5933
|
render() {
|
|
5919
5934
|
const hasError = !!this.error;
|
|
5920
5935
|
const hasValue = !!(this.value && this.value.length > 0);
|
|
5936
|
+
const multiline = this.multiline;
|
|
5921
5937
|
const wrapperClasses = {
|
|
5922
5938
|
'input-wrapper': true,
|
|
5939
|
+
'input-wrapper--multiline': multiline,
|
|
5923
5940
|
'disabled': this.disabled,
|
|
5924
5941
|
'error': hasError,
|
|
5925
5942
|
'focused': this.isFocused,
|
|
@@ -5928,12 +5945,13 @@ class AfInput {
|
|
|
5928
5945
|
};
|
|
5929
5946
|
const inputContainerClasses = {
|
|
5930
5947
|
'input-container': true,
|
|
5948
|
+
'input-container--multiline': multiline,
|
|
5931
5949
|
'disabled': this.disabled,
|
|
5932
5950
|
'error': hasError,
|
|
5933
5951
|
'focused': this.isFocused,
|
|
5934
5952
|
'hovered': this.isHovered && !this.disabled && !this.isFocused
|
|
5935
5953
|
};
|
|
5936
|
-
return (hAsync(Host, { key: '
|
|
5954
|
+
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))))));
|
|
5937
5955
|
}
|
|
5938
5956
|
static get style() { return afInputCss; }
|
|
5939
5957
|
static get cmpMeta() { return {
|
|
@@ -5957,6 +5975,9 @@ class AfInput {
|
|
|
5957
5975
|
"maxlength": [2],
|
|
5958
5976
|
"minlength": [2],
|
|
5959
5977
|
"pattern": [1],
|
|
5978
|
+
"multiline": [4],
|
|
5979
|
+
"rows": [2],
|
|
5980
|
+
"resize": [1],
|
|
5960
5981
|
"isFocused": [32],
|
|
5961
5982
|
"isHovered": [32]
|
|
5962
5983
|
},
|
|
@@ -5999,7 +6020,7 @@ class AfLogoWell {
|
|
|
5999
6020
|
registerInstance(this, hostRef);
|
|
6000
6021
|
}
|
|
6001
6022
|
render() {
|
|
6002
|
-
return (hAsync(Host, { key: '
|
|
6023
|
+
return (hAsync(Host, { key: '89f971eecc9e4a0656c6a6865c2653e64bbdd7bb' }, hAsync("div", { key: 'a4ac54bd1649f010caa095b2ea1f8e7ea8b24a02', class: "logo-well" }, hAsync("slot", { key: '11cf1c916f2b056c6ee575351263d83778529146' }))));
|
|
6003
6024
|
}
|
|
6004
6025
|
static get style() { return afLogoWellCss; }
|
|
6005
6026
|
static get cmpMeta() { return {
|
|
@@ -6088,7 +6109,7 @@ class AfNavAccordion {
|
|
|
6088
6109
|
this.syncItems();
|
|
6089
6110
|
}
|
|
6090
6111
|
render() {
|
|
6091
|
-
return (hAsync(Host, { key: '
|
|
6112
|
+
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' }))));
|
|
6092
6113
|
}
|
|
6093
6114
|
get el() { return getElement(this); }
|
|
6094
6115
|
static get style() { return afNavAccordionCss; }
|
|
@@ -6196,11 +6217,11 @@ class AfNavAccordionItem {
|
|
|
6196
6217
|
// sub-content to expand. A plain href item with no children is a
|
|
6197
6218
|
// direct link and shouldn't show a disclosure affordance.
|
|
6198
6219
|
const hasDropdownContent = this.hasContent;
|
|
6199
|
-
return (hAsync(Host, { key: '
|
|
6220
|
+
return (hAsync(Host, { key: 'bcdd77ad3dea306e2c1b9b8481d3e00a8cd8cc72', class: {
|
|
6200
6221
|
'is-open': this.open,
|
|
6201
6222
|
'is-disabled': this.disabled,
|
|
6202
6223
|
[`breakpoint-${this.breakpoint}`]: true
|
|
6203
|
-
} }, hAsync("div", { key: '
|
|
6224
|
+
} }, 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' }))))));
|
|
6204
6225
|
}
|
|
6205
6226
|
get el() { return getElement(this); }
|
|
6206
6227
|
static get watchers() { return {
|
|
@@ -6409,7 +6430,7 @@ class AfNavMenu {
|
|
|
6409
6430
|
'has-border': this.showBorder,
|
|
6410
6431
|
'card-style': this.cardStyle
|
|
6411
6432
|
};
|
|
6412
|
-
return (hAsync(Host, { key: '
|
|
6433
|
+
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' })))));
|
|
6413
6434
|
}
|
|
6414
6435
|
static get style() { return afNavMenuCss; }
|
|
6415
6436
|
static get cmpMeta() { return {
|
|
@@ -6479,7 +6500,7 @@ class AfNavMenuNest {
|
|
|
6479
6500
|
[`type-${this.type}`]: true,
|
|
6480
6501
|
[`breakpoint-${this.breakpoint}`]: true
|
|
6481
6502
|
};
|
|
6482
|
-
return (hAsync(Host, { key: '
|
|
6503
|
+
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" })))));
|
|
6483
6504
|
}
|
|
6484
6505
|
static get style() { return afNavMenuNestCss; }
|
|
6485
6506
|
static get cmpMeta() { return {
|
|
@@ -6730,7 +6751,7 @@ class AfNumberBadge {
|
|
|
6730
6751
|
height: `${this.size}px`,
|
|
6731
6752
|
fontSize: `${fontSize}px`,
|
|
6732
6753
|
};
|
|
6733
|
-
return (hAsync(Host, { key: '
|
|
6754
|
+
return (hAsync(Host, { key: 'e38ee2826f507669b252c5aac8b02c9f0040d97e', role: "img", "aria-label": `Number ${this.number}${isInCircle ? ' badge' : ''}` }, hAsync("span", { key: '49d9df033be715ce38e87b32a8fec3b2d9596675', class: {
|
|
6734
6755
|
'badge': true,
|
|
6735
6756
|
[`variant-${this.variant}`]: true,
|
|
6736
6757
|
}, style: badgeStyle }, this.number)));
|
|
@@ -6803,7 +6824,7 @@ class AfNumberedStepper {
|
|
|
6803
6824
|
});
|
|
6804
6825
|
}
|
|
6805
6826
|
render() {
|
|
6806
|
-
return (hAsync(Host, { key: '
|
|
6827
|
+
return (hAsync(Host, { key: '468809af144520073ec0924b8b293a1a7a98c2a6', class: `numbered-stepper numbered-stepper--${this.orientation}`, role: "list" }, hAsync("slot", { key: 'e7ab09871620ab5ccc1b384443824a91750a15c3' })));
|
|
6807
6828
|
}
|
|
6808
6829
|
get el() { return getElement(this); }
|
|
6809
6830
|
static get style() { return afNumberedStepperCss; }
|
|
@@ -6847,7 +6868,7 @@ class AfNumberedStepperItem {
|
|
|
6847
6868
|
render() {
|
|
6848
6869
|
// The badge supports 1–10; clamp for safety so we never pass a bad prop.
|
|
6849
6870
|
const clamped = Math.max(1, Math.min(10, this.index | 0));
|
|
6850
|
-
return (hAsync(Host, { key: '
|
|
6871
|
+
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" })))));
|
|
6851
6872
|
}
|
|
6852
6873
|
static get style() { return afNumberedStepperItemCss; }
|
|
6853
6874
|
static get cmpMeta() { return {
|
|
@@ -6895,14 +6916,18 @@ class AfPaperclipDecoration {
|
|
|
6895
6916
|
registerInstance(this, hostRef);
|
|
6896
6917
|
/**
|
|
6897
6918
|
* SVG width — accepts any CSS length or unitless number (pixels).
|
|
6898
|
-
*
|
|
6919
|
+
* Default sized so the watermark stays inside the af-hero
|
|
6920
|
+
* inkwell-centered column without bleeding into the `logos-below`
|
|
6921
|
+
* client-logo carousel. Override per-page via the prop if a larger
|
|
6922
|
+
* decorative scale is wanted somewhere with no logos slot.
|
|
6899
6923
|
*/
|
|
6900
|
-
this.width = '
|
|
6924
|
+
this.width = '520';
|
|
6901
6925
|
/**
|
|
6902
6926
|
* SVG height — accepts any CSS length or unitless number (pixels).
|
|
6903
|
-
*
|
|
6927
|
+
* Sized to match the trimmed `width` default; preserves the source
|
|
6928
|
+
* SVG's 655 × 754 aspect ratio.
|
|
6904
6929
|
*/
|
|
6905
|
-
this.height = '
|
|
6930
|
+
this.height = '600';
|
|
6906
6931
|
/**
|
|
6907
6932
|
* Fill opacity of the paperclip shape. Defaults to `0.06` to match the
|
|
6908
6933
|
* marketing-site watermark treatment.
|
|
@@ -6916,7 +6941,7 @@ class AfPaperclipDecoration {
|
|
|
6916
6941
|
this.fill = 'white';
|
|
6917
6942
|
}
|
|
6918
6943
|
render() {
|
|
6919
|
-
return (hAsync(Host, { key: '
|
|
6944
|
+
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 }))));
|
|
6920
6945
|
}
|
|
6921
6946
|
static get style() { return afPaperclipDecorationCss; }
|
|
6922
6947
|
static get cmpMeta() { return {
|
|
@@ -6959,10 +6984,10 @@ class AfProgressLine {
|
|
|
6959
6984
|
// Clamp progress between 0 and 1
|
|
6960
6985
|
const clampedProgress = Math.max(0, Math.min(1, this.progress));
|
|
6961
6986
|
const progressPercent = clampedProgress * 100;
|
|
6962
|
-
return (hAsync(Host, { key: '
|
|
6987
|
+
return (hAsync(Host, { key: 'f56ae490d0d9e374f540ccb88b0af53430796b42' }, hAsync("div", { key: '20832426b290b5ee44d0507848f1cd4f06973202', class: {
|
|
6963
6988
|
'progress-line': true,
|
|
6964
6989
|
[`progress-line--${this.orientation}`]: true,
|
|
6965
|
-
}, role: "progressbar", "aria-valuenow": Math.round(progressPercent), "aria-valuemin": 0, "aria-valuemax": 100 }, hAsync("div", { key: '
|
|
6990
|
+
}, 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}%` } }))));
|
|
6966
6991
|
}
|
|
6967
6992
|
static get style() { return afProgressLineCss; }
|
|
6968
6993
|
static get cmpMeta() { return {
|
|
@@ -7060,8 +7085,8 @@ class AfSection {
|
|
|
7060
7085
|
this.container = true;
|
|
7061
7086
|
}
|
|
7062
7087
|
render() {
|
|
7063
|
-
const content = hAsync("slot", { key: '
|
|
7064
|
-
return (hAsync(Host, { key: '
|
|
7088
|
+
const content = hAsync("slot", { key: 'fd7304dd713f0cbad475910d56fd9e2622068fad' });
|
|
7089
|
+
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)));
|
|
7065
7090
|
}
|
|
7066
7091
|
static get style() { return afSectionCss; }
|
|
7067
7092
|
static get cmpMeta() { return {
|
|
@@ -7102,7 +7127,7 @@ class AfShow {
|
|
|
7102
7127
|
[`show-above-${this.above}`]: !!this.above,
|
|
7103
7128
|
[`show-below-${this.below}`]: !!this.below,
|
|
7104
7129
|
};
|
|
7105
|
-
return (hAsync(Host, { key: '
|
|
7130
|
+
return (hAsync(Host, { key: '42763e1aa4b245a42a4319ee3db31277b1bbca79', class: classes }, hAsync("slot", { key: '0f88b298410118de3a3963b30d48b24c180f6a86' })));
|
|
7106
7131
|
}
|
|
7107
7132
|
static get style() { return afShowCss; }
|
|
7108
7133
|
static get cmpMeta() { return {
|
|
@@ -7151,7 +7176,7 @@ class AfSocialLink {
|
|
|
7151
7176
|
}
|
|
7152
7177
|
}
|
|
7153
7178
|
render() {
|
|
7154
|
-
return (hAsync(Host, { key: '
|
|
7179
|
+
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())));
|
|
7155
7180
|
}
|
|
7156
7181
|
static get style() { return afSocialLinkCss; }
|
|
7157
7182
|
static get cmpMeta() { return {
|
|
@@ -7206,7 +7231,7 @@ class AfSpacer {
|
|
|
7206
7231
|
style.height = sizeValue;
|
|
7207
7232
|
}
|
|
7208
7233
|
}
|
|
7209
|
-
return hAsync(Host, { key: '
|
|
7234
|
+
return hAsync(Host, { key: '0ffa6692a18f469b5fe09385e268b1a43f5fdbe9', style: style, "aria-hidden": "true" });
|
|
7210
7235
|
}
|
|
7211
7236
|
static get style() { return afSpacerCss; }
|
|
7212
7237
|
static get cmpMeta() { return {
|
|
@@ -7253,14 +7278,14 @@ class AfSplitSection {
|
|
|
7253
7278
|
this.container = true;
|
|
7254
7279
|
}
|
|
7255
7280
|
render() {
|
|
7256
|
-
const content = hAsync("slot", { key: '
|
|
7281
|
+
const content = hAsync("slot", { key: '25574554f5f24e11488e1b94842229b7b87b3ffe' });
|
|
7257
7282
|
// Create the split background using CSS gradient
|
|
7258
7283
|
const topColor = themeColors[this.topTheme];
|
|
7259
7284
|
const bottomColor = themeColors[this.bottomTheme];
|
|
7260
7285
|
const backgroundStyle = {
|
|
7261
7286
|
background: `linear-gradient(to bottom, ${topColor} 0%, ${topColor} 50%, ${bottomColor} 50%, ${bottomColor} 100%)`
|
|
7262
7287
|
};
|
|
7263
|
-
return (hAsync(Host, { key: '
|
|
7288
|
+
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)));
|
|
7264
7289
|
}
|
|
7265
7290
|
static get style() { return afSplitSectionCss; }
|
|
7266
7291
|
static get cmpMeta() { return {
|
|
@@ -7337,7 +7362,7 @@ class AfStack {
|
|
|
7337
7362
|
justifyContent: justifyMap[this.justify],
|
|
7338
7363
|
flexWrap: this.wrap ? 'wrap' : 'nowrap',
|
|
7339
7364
|
};
|
|
7340
|
-
return (hAsync(Host, { key: '
|
|
7365
|
+
return (hAsync(Host, { key: 'bf6f8a0e7454bbdf4a55a5723a32b40bef78805b', style: style }, hAsync("slot", { key: '54e82fd4bc6ca19d8b29ed424a2c7d54a8784a22' })));
|
|
7341
7366
|
}
|
|
7342
7367
|
static get style() { return afStackCss; }
|
|
7343
7368
|
static get cmpMeta() { return {
|
|
@@ -7371,7 +7396,7 @@ class AfStat {
|
|
|
7371
7396
|
registerInstance(this, hostRef);
|
|
7372
7397
|
}
|
|
7373
7398
|
render() {
|
|
7374
|
-
return (hAsync(Host, { key: '
|
|
7399
|
+
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))));
|
|
7375
7400
|
}
|
|
7376
7401
|
static get style() { return afStatCss; }
|
|
7377
7402
|
static get cmpMeta() { return {
|
|
@@ -7408,7 +7433,7 @@ class AfStatsRow {
|
|
|
7408
7433
|
registerInstance(this, hostRef);
|
|
7409
7434
|
}
|
|
7410
7435
|
render() {
|
|
7411
|
-
return (hAsync(Host, { key: '
|
|
7436
|
+
return (hAsync(Host, { key: '49538a82264992333834fdc12ec64522cf4242fe' }, hAsync("div", { key: '9d567f97bc5f2707fad9e40b8d3ce0c4658db73b', class: "stats-row" }, hAsync("slot", { key: 'f48aac6723185f8f10804355da4731f03285d9db' }))));
|
|
7412
7437
|
}
|
|
7413
7438
|
static get style() { return afStatsRowCss; }
|
|
7414
7439
|
static get cmpMeta() { return {
|
|
@@ -7465,7 +7490,7 @@ class AfStepper {
|
|
|
7465
7490
|
});
|
|
7466
7491
|
}
|
|
7467
7492
|
render() {
|
|
7468
|
-
return (hAsync(Host, { key: '
|
|
7493
|
+
return (hAsync(Host, { key: 'a8aeeb5a9274e24d0e3b4daf84f5ba4f30ce47d3', class: `stepper stepper--${this.orientation}` }, hAsync("div", { key: 'aa2263b4a10e144c376b6afad896f83d9c642a88', class: "stepper__connector", "aria-hidden": "true" }), hAsync("slot", { key: '6ff6d3ce84bd8c06599ef5e8e9244d210e16578a' })));
|
|
7469
7494
|
}
|
|
7470
7495
|
get el() { return getElement(this); }
|
|
7471
7496
|
static get style() { return afStepperCss; }
|
|
@@ -7503,7 +7528,7 @@ class AfStepperStep {
|
|
|
7503
7528
|
this.index = 1;
|
|
7504
7529
|
}
|
|
7505
7530
|
render() {
|
|
7506
|
-
return (hAsync(Host, { key: '
|
|
7531
|
+
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" })))));
|
|
7507
7532
|
}
|
|
7508
7533
|
static get style() { return afStepperStepCss; }
|
|
7509
7534
|
static get cmpMeta() { return {
|
|
@@ -7649,7 +7674,7 @@ class AfTab {
|
|
|
7649
7674
|
'disabled': this.disabled,
|
|
7650
7675
|
[`shape-${this.shape}`]: true,
|
|
7651
7676
|
};
|
|
7652
|
-
return (hAsync(Host, { key: '
|
|
7677
|
+
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))));
|
|
7653
7678
|
}
|
|
7654
7679
|
static get style() { return afTabCss; }
|
|
7655
7680
|
static get cmpMeta() { return {
|
|
@@ -7761,7 +7786,7 @@ class AfTabBar {
|
|
|
7761
7786
|
[`shape-${this.shape}`]: true,
|
|
7762
7787
|
[`breakpoint-${this.breakpoint}`]: true,
|
|
7763
7788
|
};
|
|
7764
|
-
return (hAsync(Host, { key: '
|
|
7789
|
+
return (hAsync(Host, { key: '41e03f4561dc7f11c19b533e659b07053f08a5e3', role: "tablist" }, hAsync("div", { key: '191491f64e3d77fafe58e241f777a6a9e3b79e04', class: containerClasses }, hAsync("slot", { key: '181e1169bd9215cb99d8bd0dabeaa49aac5fc24a' }))));
|
|
7765
7790
|
}
|
|
7766
7791
|
get el() { return getElement(this); }
|
|
7767
7792
|
static get style() { return afTabBarCss; }
|
|
@@ -7814,11 +7839,11 @@ class AfTag {
|
|
|
7814
7839
|
render() {
|
|
7815
7840
|
const TagElement = this.href ? 'a' : 'span';
|
|
7816
7841
|
const linkProps = this.href ? { href: this.href } : {};
|
|
7817
|
-
return (hAsync(Host, { key: '
|
|
7842
|
+
return (hAsync(Host, { key: '95d6f9fcae0b4117edc2bd0918feeeee3ab32d17' }, hAsync(TagElement, { key: 'fb6f02834d02b8b5b43b3052f72688a99ea9f6d4', class: {
|
|
7818
7843
|
'tag': true,
|
|
7819
7844
|
[`size-${this.size}`]: true,
|
|
7820
7845
|
[`variant-${this.variant}`]: true,
|
|
7821
|
-
}, ...linkProps }, hAsync("slot", { key: '
|
|
7846
|
+
}, ...linkProps }, hAsync("slot", { key: 'a259918d262801ee8f005374ee2517535bcbd6f8' }))));
|
|
7822
7847
|
}
|
|
7823
7848
|
static get style() { return afTagCss; }
|
|
7824
7849
|
static get cmpMeta() { return {
|
|
@@ -7870,11 +7895,11 @@ class AfTestimonial {
|
|
|
7870
7895
|
};
|
|
7871
7896
|
}
|
|
7872
7897
|
render() {
|
|
7873
|
-
return (hAsync(Host, { key: '
|
|
7898
|
+
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 ? (
|
|
7874
7899
|
// Render built-in navigation buttons
|
|
7875
7900
|
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 })))) : (
|
|
7876
7901
|
// Allow custom navigation via slot
|
|
7877
|
-
hAsync("slot", { name: "navigation" }))), this.readMoreLink && (hAsync("af-button", { key: '
|
|
7902
|
+
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 }))))))));
|
|
7878
7903
|
}
|
|
7879
7904
|
static get style() { return afTestimonialCss; }
|
|
7880
7905
|
static get cmpMeta() { return {
|
|
@@ -7994,7 +8019,7 @@ class AfTestimonialCarousel {
|
|
|
7994
8019
|
return (this.currentIndex + 1) / this.testimonialCount;
|
|
7995
8020
|
}
|
|
7996
8021
|
render() {
|
|
7997
|
-
return (hAsync(Host, { key: '
|
|
8022
|
+
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() }))))));
|
|
7998
8023
|
}
|
|
7999
8024
|
get host() { return getElement(this); }
|
|
8000
8025
|
static get style() { return afTestimonialCarouselCss; }
|
|
@@ -8023,7 +8048,7 @@ class AfTestimonialStat {
|
|
|
8023
8048
|
this.accentBorder = false;
|
|
8024
8049
|
}
|
|
8025
8050
|
render() {
|
|
8026
|
-
return (hAsync(Host, { key: '
|
|
8051
|
+
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))));
|
|
8027
8052
|
}
|
|
8028
8053
|
static get style() { return afTestimonialStatCss; }
|
|
8029
8054
|
static get cmpMeta() { return {
|
|
@@ -8187,7 +8212,7 @@ class AfTextImageNest {
|
|
|
8187
8212
|
'nest__grid': true,
|
|
8188
8213
|
[`grid-${this.layout}`]: true,
|
|
8189
8214
|
};
|
|
8190
|
-
return (hAsync(Host, { key: '
|
|
8215
|
+
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" }))))));
|
|
8191
8216
|
}
|
|
8192
8217
|
static get style() { return afTextImageNestCss; }
|
|
8193
8218
|
static get cmpMeta() { return {
|
|
@@ -8205,6 +8230,12 @@ class AfTextImageNest {
|
|
|
8205
8230
|
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))}";
|
|
8206
8231
|
|
|
8207
8232
|
/**
|
|
8233
|
+
* @deprecated Use `<af-input multiline>` instead. `af-textarea` is a deprecated
|
|
8234
|
+
* alias kept for one minor cycle for backward compatibility and will be removed
|
|
8235
|
+
* in a future major release. Prefer `af-input` with the `multiline`, `rows` and
|
|
8236
|
+
* `resize` props — the rendered output and `--af-input-*` CSS custom property
|
|
8237
|
+
* surface are identical.
|
|
8238
|
+
*
|
|
8208
8239
|
* Textarea component for multi-line text input with label, description, and error states.
|
|
8209
8240
|
*
|
|
8210
8241
|
* @slot label-end - Content to display at the end of the label (e.g., info icon)
|
|
@@ -8271,6 +8302,17 @@ class AfTextarea {
|
|
|
8271
8302
|
this.afInfoClick.emit();
|
|
8272
8303
|
};
|
|
8273
8304
|
}
|
|
8305
|
+
componentWillLoad() {
|
|
8306
|
+
if (typeof console !== 'undefined' && !AfTextarea.deprecationWarned) {
|
|
8307
|
+
AfTextarea.deprecationWarned = true;
|
|
8308
|
+
// eslint-disable-next-line no-console
|
|
8309
|
+
console.warn('[@affinda/wc] <af-textarea> is deprecated and will be removed in a ' +
|
|
8310
|
+
'future major release. Use <af-input multiline> instead — same props ' +
|
|
8311
|
+
'(label, description, placeholder, value, name, disabled, required, ' +
|
|
8312
|
+
'readonly, error, showInfoIcon, rows, resize, maxlength, minlength) ' +
|
|
8313
|
+
'and same rendered chrome. See @affinda/wc CHANGELOG for migration.');
|
|
8314
|
+
}
|
|
8315
|
+
}
|
|
8274
8316
|
render() {
|
|
8275
8317
|
const hasError = !!this.error;
|
|
8276
8318
|
const hasValue = !!(this.value && this.value.length > 0);
|
|
@@ -8289,7 +8331,7 @@ class AfTextarea {
|
|
|
8289
8331
|
'focused': this.isFocused,
|
|
8290
8332
|
'hovered': this.isHovered && !this.disabled && !this.isFocused
|
|
8291
8333
|
};
|
|
8292
|
-
return (hAsync(Host, { key: '
|
|
8334
|
+
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))))));
|
|
8293
8335
|
}
|
|
8294
8336
|
static get style() { return afTextareaCss; }
|
|
8295
8337
|
static get cmpMeta() { return {
|
|
@@ -8318,6 +8360,8 @@ class AfTextarea {
|
|
|
8318
8360
|
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
8319
8361
|
}; }
|
|
8320
8362
|
}
|
|
8363
|
+
/** @internal */
|
|
8364
|
+
AfTextarea.deprecationWarned = false;
|
|
8321
8365
|
|
|
8322
8366
|
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)}";
|
|
8323
8367
|
|
|
@@ -8341,7 +8385,7 @@ class AfThemeOverride {
|
|
|
8341
8385
|
this.theme = 'white';
|
|
8342
8386
|
}
|
|
8343
8387
|
render() {
|
|
8344
|
-
return (hAsync(Host, { key: '
|
|
8388
|
+
return (hAsync(Host, { key: '9f1536dead9af3d0f38365326732332b2094a79b' }, hAsync("div", { key: 'eb697aa425db29c5f0509cdbde23b9f5dad40dcc', class: `theme-override theme-${this.theme}` }, hAsync("slot", { key: '4cd377165126bbbc9e950e599d90eb0fb65e8afc' }))));
|
|
8345
8389
|
}
|
|
8346
8390
|
static get style() { return afThemeOverrideCss; }
|
|
8347
8391
|
static get cmpMeta() { return {
|
|
@@ -8572,7 +8616,7 @@ class AfVideoContainer {
|
|
|
8572
8616
|
};
|
|
8573
8617
|
}
|
|
8574
8618
|
render() {
|
|
8575
|
-
return (hAsync(Host, { key: '
|
|
8619
|
+
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" })))));
|
|
8576
8620
|
}
|
|
8577
8621
|
static get style() { return afVideoContainerCss; }
|
|
8578
8622
|
static get cmpMeta() { return {
|
|
@@ -8608,7 +8652,7 @@ class AfVisuallyHidden {
|
|
|
8608
8652
|
this.focusable = false;
|
|
8609
8653
|
}
|
|
8610
8654
|
render() {
|
|
8611
|
-
return (hAsync(Host, { key: '
|
|
8655
|
+
return (hAsync(Host, { key: '5d1151eb1606287c54b8c6612195aab2ee96bcd2', class: { 'focusable': this.focusable } }, hAsync("slot", { key: 'd60e1eb7d8da677aa44f3197c537736849fd7fea' })));
|
|
8612
8656
|
}
|
|
8613
8657
|
static get style() { return afVisuallyHiddenCss; }
|
|
8614
8658
|
static get cmpMeta() { return {
|