@affinda/wc 0.5.0 → 0.6.0
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-input.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-75d76909.entry.js → p-0c4a59b3.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-d9b0f217.entry.js → p-be71688c.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-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 +2 -2
- 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 +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.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 +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 +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-WJ7nfpxz.js → p-BSgEGp12.js} +5 -5
- package/dist/components/{p-WJ7nfpxz.js.map → p-BSgEGp12.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-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 +2 -2
- 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 +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 +106 -66
- package/dist/hydrate/index.mjs +106 -66
- package/dist/types/components/af-input/af-input.d.ts +21 -6
- package/dist/types/components/af-textarea/af-textarea.d.ts +9 -0
- package/dist/types/components.d.ts +63 -13
- package/package.json +1 -1
- 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/affinda/{p-bb80195f.entry.js.map → p-01b848e9.entry.js.map} +0 -0
- /package/dist/affinda/{p-75d76909.entry.js.map → p-0c4a59b3.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-d9b0f217.entry.js.map → p-be71688c.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 {
|
|
@@ -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 {
|
|
@@ -6916,7 +6937,7 @@ class AfPaperclipDecoration {
|
|
|
6916
6937
|
this.fill = 'white';
|
|
6917
6938
|
}
|
|
6918
6939
|
render() {
|
|
6919
|
-
return (hAsync(Host, { key: '
|
|
6940
|
+
return (hAsync(Host, { key: '2056080b6be950fecf3cd1dc43114e457dac513b' }, hAsync("svg", { key: '8a054a7d2794adc1042d474cffb0e82ad686bb63', "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: 'e8704baa60e7b272d3c731b104b8e93f7a7ae517', 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
6941
|
}
|
|
6921
6942
|
static get style() { return afPaperclipDecorationCss; }
|
|
6922
6943
|
static get cmpMeta() { return {
|
|
@@ -6959,10 +6980,10 @@ class AfProgressLine {
|
|
|
6959
6980
|
// Clamp progress between 0 and 1
|
|
6960
6981
|
const clampedProgress = Math.max(0, Math.min(1, this.progress));
|
|
6961
6982
|
const progressPercent = clampedProgress * 100;
|
|
6962
|
-
return (hAsync(Host, { key: '
|
|
6983
|
+
return (hAsync(Host, { key: 'f56ae490d0d9e374f540ccb88b0af53430796b42' }, hAsync("div", { key: '20832426b290b5ee44d0507848f1cd4f06973202', class: {
|
|
6963
6984
|
'progress-line': true,
|
|
6964
6985
|
[`progress-line--${this.orientation}`]: true,
|
|
6965
|
-
}, role: "progressbar", "aria-valuenow": Math.round(progressPercent), "aria-valuemin": 0, "aria-valuemax": 100 }, hAsync("div", { key: '
|
|
6986
|
+
}, 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
6987
|
}
|
|
6967
6988
|
static get style() { return afProgressLineCss; }
|
|
6968
6989
|
static get cmpMeta() { return {
|
|
@@ -7060,8 +7081,8 @@ class AfSection {
|
|
|
7060
7081
|
this.container = true;
|
|
7061
7082
|
}
|
|
7062
7083
|
render() {
|
|
7063
|
-
const content = hAsync("slot", { key: '
|
|
7064
|
-
return (hAsync(Host, { key: '
|
|
7084
|
+
const content = hAsync("slot", { key: 'fd7304dd713f0cbad475910d56fd9e2622068fad' });
|
|
7085
|
+
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
7086
|
}
|
|
7066
7087
|
static get style() { return afSectionCss; }
|
|
7067
7088
|
static get cmpMeta() { return {
|
|
@@ -7102,7 +7123,7 @@ class AfShow {
|
|
|
7102
7123
|
[`show-above-${this.above}`]: !!this.above,
|
|
7103
7124
|
[`show-below-${this.below}`]: !!this.below,
|
|
7104
7125
|
};
|
|
7105
|
-
return (hAsync(Host, { key: '
|
|
7126
|
+
return (hAsync(Host, { key: '42763e1aa4b245a42a4319ee3db31277b1bbca79', class: classes }, hAsync("slot", { key: '0f88b298410118de3a3963b30d48b24c180f6a86' })));
|
|
7106
7127
|
}
|
|
7107
7128
|
static get style() { return afShowCss; }
|
|
7108
7129
|
static get cmpMeta() { return {
|
|
@@ -7151,7 +7172,7 @@ class AfSocialLink {
|
|
|
7151
7172
|
}
|
|
7152
7173
|
}
|
|
7153
7174
|
render() {
|
|
7154
|
-
return (hAsync(Host, { key: '
|
|
7175
|
+
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
7176
|
}
|
|
7156
7177
|
static get style() { return afSocialLinkCss; }
|
|
7157
7178
|
static get cmpMeta() { return {
|
|
@@ -7206,7 +7227,7 @@ class AfSpacer {
|
|
|
7206
7227
|
style.height = sizeValue;
|
|
7207
7228
|
}
|
|
7208
7229
|
}
|
|
7209
|
-
return hAsync(Host, { key: '
|
|
7230
|
+
return hAsync(Host, { key: '0ffa6692a18f469b5fe09385e268b1a43f5fdbe9', style: style, "aria-hidden": "true" });
|
|
7210
7231
|
}
|
|
7211
7232
|
static get style() { return afSpacerCss; }
|
|
7212
7233
|
static get cmpMeta() { return {
|
|
@@ -7253,14 +7274,14 @@ class AfSplitSection {
|
|
|
7253
7274
|
this.container = true;
|
|
7254
7275
|
}
|
|
7255
7276
|
render() {
|
|
7256
|
-
const content = hAsync("slot", { key: '
|
|
7277
|
+
const content = hAsync("slot", { key: '25574554f5f24e11488e1b94842229b7b87b3ffe' });
|
|
7257
7278
|
// Create the split background using CSS gradient
|
|
7258
7279
|
const topColor = themeColors[this.topTheme];
|
|
7259
7280
|
const bottomColor = themeColors[this.bottomTheme];
|
|
7260
7281
|
const backgroundStyle = {
|
|
7261
7282
|
background: `linear-gradient(to bottom, ${topColor} 0%, ${topColor} 50%, ${bottomColor} 50%, ${bottomColor} 100%)`
|
|
7262
7283
|
};
|
|
7263
|
-
return (hAsync(Host, { key: '
|
|
7284
|
+
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
7285
|
}
|
|
7265
7286
|
static get style() { return afSplitSectionCss; }
|
|
7266
7287
|
static get cmpMeta() { return {
|
|
@@ -7337,7 +7358,7 @@ class AfStack {
|
|
|
7337
7358
|
justifyContent: justifyMap[this.justify],
|
|
7338
7359
|
flexWrap: this.wrap ? 'wrap' : 'nowrap',
|
|
7339
7360
|
};
|
|
7340
|
-
return (hAsync(Host, { key: '
|
|
7361
|
+
return (hAsync(Host, { key: 'bf6f8a0e7454bbdf4a55a5723a32b40bef78805b', style: style }, hAsync("slot", { key: '54e82fd4bc6ca19d8b29ed424a2c7d54a8784a22' })));
|
|
7341
7362
|
}
|
|
7342
7363
|
static get style() { return afStackCss; }
|
|
7343
7364
|
static get cmpMeta() { return {
|
|
@@ -7371,7 +7392,7 @@ class AfStat {
|
|
|
7371
7392
|
registerInstance(this, hostRef);
|
|
7372
7393
|
}
|
|
7373
7394
|
render() {
|
|
7374
|
-
return (hAsync(Host, { key: '
|
|
7395
|
+
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
7396
|
}
|
|
7376
7397
|
static get style() { return afStatCss; }
|
|
7377
7398
|
static get cmpMeta() { return {
|
|
@@ -7408,7 +7429,7 @@ class AfStatsRow {
|
|
|
7408
7429
|
registerInstance(this, hostRef);
|
|
7409
7430
|
}
|
|
7410
7431
|
render() {
|
|
7411
|
-
return (hAsync(Host, { key: '
|
|
7432
|
+
return (hAsync(Host, { key: '49538a82264992333834fdc12ec64522cf4242fe' }, hAsync("div", { key: '9d567f97bc5f2707fad9e40b8d3ce0c4658db73b', class: "stats-row" }, hAsync("slot", { key: 'f48aac6723185f8f10804355da4731f03285d9db' }))));
|
|
7412
7433
|
}
|
|
7413
7434
|
static get style() { return afStatsRowCss; }
|
|
7414
7435
|
static get cmpMeta() { return {
|
|
@@ -7465,7 +7486,7 @@ class AfStepper {
|
|
|
7465
7486
|
});
|
|
7466
7487
|
}
|
|
7467
7488
|
render() {
|
|
7468
|
-
return (hAsync(Host, { key: '
|
|
7489
|
+
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
7490
|
}
|
|
7470
7491
|
get el() { return getElement(this); }
|
|
7471
7492
|
static get style() { return afStepperCss; }
|
|
@@ -7503,7 +7524,7 @@ class AfStepperStep {
|
|
|
7503
7524
|
this.index = 1;
|
|
7504
7525
|
}
|
|
7505
7526
|
render() {
|
|
7506
|
-
return (hAsync(Host, { key: '
|
|
7527
|
+
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
7528
|
}
|
|
7508
7529
|
static get style() { return afStepperStepCss; }
|
|
7509
7530
|
static get cmpMeta() { return {
|
|
@@ -7649,7 +7670,7 @@ class AfTab {
|
|
|
7649
7670
|
'disabled': this.disabled,
|
|
7650
7671
|
[`shape-${this.shape}`]: true,
|
|
7651
7672
|
};
|
|
7652
|
-
return (hAsync(Host, { key: '
|
|
7673
|
+
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
7674
|
}
|
|
7654
7675
|
static get style() { return afTabCss; }
|
|
7655
7676
|
static get cmpMeta() { return {
|
|
@@ -7761,7 +7782,7 @@ class AfTabBar {
|
|
|
7761
7782
|
[`shape-${this.shape}`]: true,
|
|
7762
7783
|
[`breakpoint-${this.breakpoint}`]: true,
|
|
7763
7784
|
};
|
|
7764
|
-
return (hAsync(Host, { key: '
|
|
7785
|
+
return (hAsync(Host, { key: '41e03f4561dc7f11c19b533e659b07053f08a5e3', role: "tablist" }, hAsync("div", { key: '191491f64e3d77fafe58e241f777a6a9e3b79e04', class: containerClasses }, hAsync("slot", { key: '181e1169bd9215cb99d8bd0dabeaa49aac5fc24a' }))));
|
|
7765
7786
|
}
|
|
7766
7787
|
get el() { return getElement(this); }
|
|
7767
7788
|
static get style() { return afTabBarCss; }
|
|
@@ -7814,11 +7835,11 @@ class AfTag {
|
|
|
7814
7835
|
render() {
|
|
7815
7836
|
const TagElement = this.href ? 'a' : 'span';
|
|
7816
7837
|
const linkProps = this.href ? { href: this.href } : {};
|
|
7817
|
-
return (hAsync(Host, { key: '
|
|
7838
|
+
return (hAsync(Host, { key: '95d6f9fcae0b4117edc2bd0918feeeee3ab32d17' }, hAsync(TagElement, { key: 'fb6f02834d02b8b5b43b3052f72688a99ea9f6d4', class: {
|
|
7818
7839
|
'tag': true,
|
|
7819
7840
|
[`size-${this.size}`]: true,
|
|
7820
7841
|
[`variant-${this.variant}`]: true,
|
|
7821
|
-
}, ...linkProps }, hAsync("slot", { key: '
|
|
7842
|
+
}, ...linkProps }, hAsync("slot", { key: 'a259918d262801ee8f005374ee2517535bcbd6f8' }))));
|
|
7822
7843
|
}
|
|
7823
7844
|
static get style() { return afTagCss; }
|
|
7824
7845
|
static get cmpMeta() { return {
|
|
@@ -7870,11 +7891,11 @@ class AfTestimonial {
|
|
|
7870
7891
|
};
|
|
7871
7892
|
}
|
|
7872
7893
|
render() {
|
|
7873
|
-
return (hAsync(Host, { key: '
|
|
7894
|
+
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
7895
|
// Render built-in navigation buttons
|
|
7875
7896
|
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
7897
|
// Allow custom navigation via slot
|
|
7877
|
-
hAsync("slot", { name: "navigation" }))), this.readMoreLink && (hAsync("af-button", { key: '
|
|
7898
|
+
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
7899
|
}
|
|
7879
7900
|
static get style() { return afTestimonialCss; }
|
|
7880
7901
|
static get cmpMeta() { return {
|
|
@@ -7994,7 +8015,7 @@ class AfTestimonialCarousel {
|
|
|
7994
8015
|
return (this.currentIndex + 1) / this.testimonialCount;
|
|
7995
8016
|
}
|
|
7996
8017
|
render() {
|
|
7997
|
-
return (hAsync(Host, { key: '
|
|
8018
|
+
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
8019
|
}
|
|
7999
8020
|
get host() { return getElement(this); }
|
|
8000
8021
|
static get style() { return afTestimonialCarouselCss; }
|
|
@@ -8023,7 +8044,7 @@ class AfTestimonialStat {
|
|
|
8023
8044
|
this.accentBorder = false;
|
|
8024
8045
|
}
|
|
8025
8046
|
render() {
|
|
8026
|
-
return (hAsync(Host, { key: '
|
|
8047
|
+
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
8048
|
}
|
|
8028
8049
|
static get style() { return afTestimonialStatCss; }
|
|
8029
8050
|
static get cmpMeta() { return {
|
|
@@ -8187,7 +8208,7 @@ class AfTextImageNest {
|
|
|
8187
8208
|
'nest__grid': true,
|
|
8188
8209
|
[`grid-${this.layout}`]: true,
|
|
8189
8210
|
};
|
|
8190
|
-
return (hAsync(Host, { key: '
|
|
8211
|
+
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
8212
|
}
|
|
8192
8213
|
static get style() { return afTextImageNestCss; }
|
|
8193
8214
|
static get cmpMeta() { return {
|
|
@@ -8205,6 +8226,12 @@ class AfTextImageNest {
|
|
|
8205
8226
|
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
8227
|
|
|
8207
8228
|
/**
|
|
8229
|
+
* @deprecated Use `<af-input multiline>` instead. `af-textarea` is a deprecated
|
|
8230
|
+
* alias kept for one minor cycle for backward compatibility and will be removed
|
|
8231
|
+
* in a future major release. Prefer `af-input` with the `multiline`, `rows` and
|
|
8232
|
+
* `resize` props — the rendered output and `--af-input-*` CSS custom property
|
|
8233
|
+
* surface are identical.
|
|
8234
|
+
*
|
|
8208
8235
|
* Textarea component for multi-line text input with label, description, and error states.
|
|
8209
8236
|
*
|
|
8210
8237
|
* @slot label-end - Content to display at the end of the label (e.g., info icon)
|
|
@@ -8271,6 +8298,17 @@ class AfTextarea {
|
|
|
8271
8298
|
this.afInfoClick.emit();
|
|
8272
8299
|
};
|
|
8273
8300
|
}
|
|
8301
|
+
componentWillLoad() {
|
|
8302
|
+
if (typeof console !== 'undefined' && !AfTextarea.deprecationWarned) {
|
|
8303
|
+
AfTextarea.deprecationWarned = true;
|
|
8304
|
+
// eslint-disable-next-line no-console
|
|
8305
|
+
console.warn('[@affinda/wc] <af-textarea> is deprecated and will be removed in a ' +
|
|
8306
|
+
'future major release. Use <af-input multiline> instead — same props ' +
|
|
8307
|
+
'(label, description, placeholder, value, name, disabled, required, ' +
|
|
8308
|
+
'readonly, error, showInfoIcon, rows, resize, maxlength, minlength) ' +
|
|
8309
|
+
'and same rendered chrome. See @affinda/wc CHANGELOG for migration.');
|
|
8310
|
+
}
|
|
8311
|
+
}
|
|
8274
8312
|
render() {
|
|
8275
8313
|
const hasError = !!this.error;
|
|
8276
8314
|
const hasValue = !!(this.value && this.value.length > 0);
|
|
@@ -8289,7 +8327,7 @@ class AfTextarea {
|
|
|
8289
8327
|
'focused': this.isFocused,
|
|
8290
8328
|
'hovered': this.isHovered && !this.disabled && !this.isFocused
|
|
8291
8329
|
};
|
|
8292
|
-
return (hAsync(Host, { key: '
|
|
8330
|
+
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
8331
|
}
|
|
8294
8332
|
static get style() { return afTextareaCss; }
|
|
8295
8333
|
static get cmpMeta() { return {
|
|
@@ -8318,6 +8356,8 @@ class AfTextarea {
|
|
|
8318
8356
|
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
8319
8357
|
}; }
|
|
8320
8358
|
}
|
|
8359
|
+
/** @internal */
|
|
8360
|
+
AfTextarea.deprecationWarned = false;
|
|
8321
8361
|
|
|
8322
8362
|
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
8363
|
|
|
@@ -8341,7 +8381,7 @@ class AfThemeOverride {
|
|
|
8341
8381
|
this.theme = 'white';
|
|
8342
8382
|
}
|
|
8343
8383
|
render() {
|
|
8344
|
-
return (hAsync(Host, { key: '
|
|
8384
|
+
return (hAsync(Host, { key: '9f1536dead9af3d0f38365326732332b2094a79b' }, hAsync("div", { key: 'eb697aa425db29c5f0509cdbde23b9f5dad40dcc', class: `theme-override theme-${this.theme}` }, hAsync("slot", { key: '4cd377165126bbbc9e950e599d90eb0fb65e8afc' }))));
|
|
8345
8385
|
}
|
|
8346
8386
|
static get style() { return afThemeOverrideCss; }
|
|
8347
8387
|
static get cmpMeta() { return {
|
|
@@ -8572,7 +8612,7 @@ class AfVideoContainer {
|
|
|
8572
8612
|
};
|
|
8573
8613
|
}
|
|
8574
8614
|
render() {
|
|
8575
|
-
return (hAsync(Host, { key: '
|
|
8615
|
+
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
8616
|
}
|
|
8577
8617
|
static get style() { return afVideoContainerCss; }
|
|
8578
8618
|
static get cmpMeta() { return {
|
|
@@ -8608,7 +8648,7 @@ class AfVisuallyHidden {
|
|
|
8608
8648
|
this.focusable = false;
|
|
8609
8649
|
}
|
|
8610
8650
|
render() {
|
|
8611
|
-
return (hAsync(Host, { key: '
|
|
8651
|
+
return (hAsync(Host, { key: '5d1151eb1606287c54b8c6612195aab2ee96bcd2', class: { 'focusable': this.focusable } }, hAsync("slot", { key: 'd60e1eb7d8da677aa44f3197c537736849fd7fea' })));
|
|
8612
8652
|
}
|
|
8613
8653
|
static get style() { return afVisuallyHiddenCss; }
|
|
8614
8654
|
static get cmpMeta() { return {
|