@affinda/wc 0.0.23 → 0.0.25
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/affinda.esm.js +1 -1
- package/dist/affinda/p-04a096ee.entry.js +1 -0
- package/dist/affinda/{p-20fe557e.entry.js → p-0c408447.entry.js} +1 -1
- package/dist/affinda/{p-0ae3495c.entry.js → p-1d94a137.entry.js} +1 -1
- package/dist/affinda/p-1f51e065.entry.js +1 -0
- package/dist/affinda/{p-d9cfea73.entry.js → p-21b7ea67.entry.js} +1 -1
- package/dist/affinda/p-26362b90.entry.js +1 -0
- package/dist/affinda/{p-8742f8fe.entry.js → p-29fd5654.entry.js} +1 -1
- package/dist/affinda/p-2e1df315.entry.js +1 -0
- package/dist/affinda/{p-404f2cea.entry.js → p-39967eba.entry.js} +1 -1
- package/dist/affinda/{p-00a226ba.entry.js → p-3b4fb1a5.entry.js} +1 -1
- package/dist/affinda/p-40456eb5.entry.js +1 -0
- package/dist/affinda/{p-854f6a9e.entry.js → p-416836f3.entry.js} +1 -1
- package/dist/affinda/p-43c24797.entry.js +1 -0
- package/dist/affinda/{p-f825b81f.entry.js → p-45d62b98.entry.js} +1 -1
- package/dist/affinda/{p-26a60b00.entry.js → p-470b9a06.entry.js} +1 -1
- package/dist/affinda/p-4758f89c.entry.js +1 -0
- package/dist/affinda/{p-8c394de2.entry.js → p-4844d749.entry.js} +1 -1
- package/dist/affinda/p-4c362739.entry.js +1 -0
- package/dist/affinda/p-5636afa9.entry.js +1 -0
- package/dist/affinda/p-6059b95e.entry.js +1 -0
- package/dist/affinda/p-60cf2a82.entry.js +1 -0
- package/dist/affinda/p-65207722.entry.js +1 -0
- package/dist/affinda/{p-7ed6ee6a.entry.js → p-66dd6356.entry.js} +1 -1
- package/dist/affinda/{p-6c99b2bb.entry.js → p-678cb08c.entry.js} +1 -1
- package/dist/affinda/p-69cccdef.entry.js +1 -0
- package/dist/affinda/p-6d43ed06.entry.js +1 -0
- package/dist/affinda/p-6dc635ec.entry.js +1 -0
- package/dist/affinda/p-6f5d8680.entry.js +1 -0
- package/dist/affinda/p-7bc1ed79.entry.js +1 -0
- package/dist/affinda/{p-2d4c1202.entry.js → p-7c4f05a7.entry.js} +1 -1
- package/dist/affinda/p-821c1522.entry.js +1 -0
- package/dist/affinda/{p-81de8fbd.entry.js → p-8c34efbb.entry.js} +1 -1
- package/dist/affinda/p-ad71a40c.entry.js +1 -0
- package/dist/affinda/{p-468d16b1.entry.js → p-b0babcae.entry.js} +1 -1
- package/dist/affinda/p-b435de99.entry.js +1 -0
- package/dist/affinda/{p-e61dfb97.entry.js → p-b563bb90.entry.js} +1 -1
- package/dist/affinda/{p-f79781ff.entry.js → p-c1cb8ef8.entry.js} +1 -1
- package/dist/affinda/{p-9018ddec.entry.js → p-c1df7855.entry.js} +1 -1
- package/dist/affinda/p-c83e8184.entry.js +1 -0
- package/dist/affinda/p-cd138311.entry.js +1 -0
- package/dist/affinda/p-d3d9eac1.entry.js +1 -0
- package/dist/affinda/p-d3e3653e.entry.js +1 -0
- package/dist/affinda/{p-589a860a.entry.js → p-da9d1f7d.entry.js} +1 -1
- package/dist/affinda/{p-289cb56f.entry.js → p-dce846f2.entry.js} +1 -1
- package/dist/affinda/p-ddd41c87.entry.js +1 -0
- package/dist/affinda/{p-0264279f.entry.js → p-e169a37b.entry.js} +1 -1
- package/dist/affinda/p-e91ef47c.entry.js +1 -0
- package/dist/affinda/{p-b9f58a18.entry.js → p-fb01c4e0.entry.js} +1 -1
- package/dist/cjs/af-accordion-item.cjs.entry.js +27 -1
- package/dist/cjs/af-accordion.cjs.entry.js +1 -1
- package/dist/cjs/af-button.cjs.entry.js +4 -5
- package/dist/cjs/af-card.cjs.entry.js +2 -2
- package/dist/cjs/af-center.cjs.entry.js +1 -1
- package/dist/cjs/af-client-carousel.cjs.entry.js +30 -2
- package/dist/cjs/af-contact-item.cjs.entry.js +1 -1
- package/dist/cjs/af-container.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 +2 -2
- 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 +2 -2
- package/dist/cjs/af-grid.cjs.entry.js +3 -3
- package/dist/cjs/af-heading_5.cjs.entry.js +42 -11
- package/dist/cjs/af-icon-box.cjs.entry.js +1 -1
- package/dist/cjs/af-icon-button.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 +2 -12
- package/dist/cjs/af-in-page-banner.cjs.entry.js +2 -2
- package/dist/cjs/af-inline.cjs.entry.js +1 -1
- package/dist/cjs/af-logo-well.cjs.entry.js +1 -1
- package/dist/cjs/af-nav-accordion-item.cjs.entry.js +17 -2
- package/dist/cjs/af-nav-accordion.cjs.entry.js +1 -1
- package/dist/cjs/af-nav-menu-nest.cjs.entry.js +2 -2
- 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-progress-line.cjs.entry.js +2 -2
- package/dist/cjs/af-section.cjs.entry.js +3 -3
- package/dist/cjs/af-show.cjs.entry.js +2 -2
- 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-stepper-step.cjs.entry.js +1 -1
- package/dist/cjs/af-stepper.cjs.entry.js +1 -1
- package/dist/cjs/af-tag.cjs.entry.js +8 -7
- package/dist/cjs/af-testimonial-carousel.cjs.entry.js +2 -2
- package/dist/cjs/af-testimonial-stat.cjs.entry.js +1 -1
- package/dist/cjs/af-testimonial.cjs.entry.js +3 -3
- package/dist/cjs/af-text-image-nest.cjs.entry.js +1 -1
- package/dist/cjs/af-text-image.cjs.entry.js +2 -1
- package/dist/cjs/af-theme-override.cjs.entry.js +2 -2
- package/dist/cjs/af-typography-lockup.cjs.entry.js +49 -3
- 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 +27 -1
- package/dist/collection/components/af-button/af-button.css +24 -24
- package/dist/collection/components/af-button/af-button.js +9 -10
- package/dist/collection/components/af-card/af-card.css +2 -2
- 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.css +17 -2
- package/dist/collection/components/af-client-carousel/af-client-carousel.js +41 -5
- package/dist/collection/components/af-contact-item/af-contact-item.js +1 -1
- package/dist/collection/components/af-container/af-container.css +6 -11
- package/dist/collection/components/af-divider/af-divider.js +1 -1
- package/dist/collection/components/af-feature-accordion/af-feature-accordion.css +2 -0
- package/dist/collection/components/af-feature-accordion/af-feature-accordion.js +2 -2
- package/dist/collection/components/af-feature-card/af-feature-card.css +1 -0
- package/dist/collection/components/af-feature-grid/af-feature-grid.css +6 -4
- package/dist/collection/components/af-feature-grid/af-feature-grid.js +1 -1
- package/dist/collection/components/af-footer/af-footer.css +11 -4
- 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.css +5 -2
- package/dist/collection/components/af-grid/af-grid.js +2 -2
- package/dist/collection/components/af-grid-callout/af-grid-callout.css +2 -0
- package/dist/collection/components/af-heading/af-heading.css +19 -32
- package/dist/collection/components/af-icon-box/af-icon-box.js +1 -1
- package/dist/collection/components/af-icon-button/af-icon-button.css +2 -2
- package/dist/collection/components/af-icon-text/af-icon-text.css +1 -0
- package/dist/collection/components/af-icon-text/af-icon-text.js +3 -3
- package/dist/collection/components/af-illustrated-card/af-illustrated-card.js +3 -4
- package/dist/collection/components/af-image/af-image.css +4 -21
- package/dist/collection/components/af-image/af-image.js +1 -33
- package/dist/collection/components/af-in-page-banner/af-in-page-banner.css +3 -3
- package/dist/collection/components/af-in-page-banner/af-in-page-banner.js +1 -11
- package/dist/collection/components/af-inline/af-inline.js +1 -1
- package/dist/collection/components/af-logo-well/af-logo-well.css +1 -0
- 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 +19 -4
- package/dist/collection/components/af-nav-item/af-nav-item.css +5 -8
- package/dist/collection/components/af-nav-item/af-nav-item.js +31 -4
- 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.css +25 -1
- package/dist/collection/components/af-nav-menu-nest/af-nav-menu-nest.js +1 -1
- package/dist/collection/components/af-navbar/af-navbar.css +30 -14
- package/dist/collection/components/af-navbar/af-navbar.js +15 -4
- package/dist/collection/components/af-number-badge/af-number-badge.js +1 -1
- package/dist/collection/components/af-progress-line/af-progress-line.js +2 -2
- package/dist/collection/components/af-section/af-section.css +15 -15
- package/dist/collection/components/af-section/af-section.js +2 -2
- package/dist/collection/components/af-show/af-show.css +4 -4
- 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.css +1 -0
- 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-stepper/af-stepper.css +1 -0
- package/dist/collection/components/af-stepper/af-stepper.js +1 -1
- package/dist/collection/components/af-stepper-step/af-stepper-step.css +1 -0
- package/dist/collection/components/af-stepper-step/af-stepper-step.js +1 -1
- package/dist/collection/components/af-tag/af-tag.css +21 -41
- package/dist/collection/components/af-tag/af-tag.js +13 -16
- package/dist/collection/components/af-testimonial/af-testimonial.css +24 -29
- package/dist/collection/components/af-testimonial/af-testimonial.js +6 -14
- package/dist/collection/components/af-testimonial-carousel/af-testimonial-carousel.css +8 -0
- 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/af-text-image.css +10 -0
- package/dist/collection/components/af-text-image/af-text-image.js +4 -3
- package/dist/collection/components/af-text-image-nest/af-text-image-nest.css +1 -0
- package/dist/collection/components/af-text-image-nest/af-text-image-nest.js +1 -1
- package/dist/collection/components/af-theme-override/af-theme-override.css +15 -15
- package/dist/collection/components/af-theme-override/af-theme-override.js +1 -1
- package/dist/collection/components/af-typography-lockup/af-typography-lockup.css +4 -22
- package/dist/collection/components/af-typography-lockup/af-typography-lockup.js +76 -3
- package/dist/collection/components/af-video-container/af-video-container.css +1 -0
- 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-button.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-container.js +1 -1
- package/dist/components/af-divider.js +1 -1
- package/dist/components/af-feature-accordion.js +1 -1
- package/dist/components/af-feature-card.js +1 -1
- package/dist/components/af-feature-grid.js +1 -1
- 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-callout.js +1 -1
- package/dist/components/af-grid.js +1 -1
- package/dist/components/af-heading.js +1 -1
- package/dist/components/af-icon-box.js +1 -1
- package/dist/components/af-icon-button.js +1 -1
- package/dist/components/af-icon-text.js +1 -1
- 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-logo-well.js +1 -1
- package/dist/components/af-nav-accordion-item.js +1 -1
- package/dist/components/af-nav-accordion.js +1 -1
- package/dist/components/af-nav-item.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-navbar.js +1 -1
- package/dist/components/af-number-badge.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 +1 -1
- package/dist/components/af-stack.js +1 -1
- package/dist/components/af-stepper-step.js +1 -1
- package/dist/components/af-stepper.js +1 -1
- package/dist/components/af-tag.js +1 -1
- package/dist/components/af-testimonial-carousel.js +1 -1
- package/dist/components/af-testimonial-stat.js +1 -1
- package/dist/components/af-testimonial.js +1 -1
- package/dist/components/af-text-image-nest.js +1 -1
- package/dist/components/af-text-image.js +1 -1
- package/dist/components/af-theme-override.js +1 -1
- package/dist/components/af-typography-lockup.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 +1 -1
- package/dist/components/p-B7lJGMfD.js +1 -0
- package/dist/components/p-BAJW_4SY.js +1 -0
- package/dist/components/{p-9SgEr6QK.js → p-BE3eM0xx.js} +1 -1
- package/dist/components/p-BMwWkh8F.js +1 -0
- package/dist/components/p-BvLGR36l.js +1 -0
- package/dist/components/p-C5_nFNYV.js +1 -0
- package/dist/components/p-CQfk7gDb.js +1 -0
- package/dist/components/p-CRW9bpXa.js +1 -0
- package/dist/components/p-CYXTWxXF.js +1 -0
- package/dist/components/p-CwPFdy8d.js +1 -0
- package/dist/components/p-Doypq9O5.js +1 -0
- package/dist/components/p-oawfHsaK.js +1 -0
- package/dist/components/{p-DPujlxcb.js → p-sbtSgHjb.js} +1 -1
- package/dist/components/p-wM1k9Wi7.js +1 -0
- package/dist/esm/af-accordion-item.entry.js +27 -1
- package/dist/esm/af-accordion.entry.js +1 -1
- package/dist/esm/af-button.entry.js +4 -5
- package/dist/esm/af-card.entry.js +2 -2
- package/dist/esm/af-center.entry.js +1 -1
- package/dist/esm/af-client-carousel.entry.js +31 -3
- package/dist/esm/af-contact-item.entry.js +1 -1
- package/dist/esm/af-container.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 +2 -2
- 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 +2 -2
- package/dist/esm/af-grid.entry.js +3 -3
- package/dist/esm/af-heading_5.entry.js +42 -11
- package/dist/esm/af-icon-box.entry.js +1 -1
- package/dist/esm/af-icon-button.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 +2 -12
- package/dist/esm/af-in-page-banner.entry.js +2 -2
- package/dist/esm/af-inline.entry.js +1 -1
- package/dist/esm/af-logo-well.entry.js +1 -1
- package/dist/esm/af-nav-accordion-item.entry.js +17 -2
- package/dist/esm/af-nav-accordion.entry.js +1 -1
- package/dist/esm/af-nav-menu-nest.entry.js +2 -2
- package/dist/esm/af-nav-menu.entry.js +1 -1
- package/dist/esm/af-number-badge.entry.js +1 -1
- package/dist/esm/af-progress-line.entry.js +2 -2
- package/dist/esm/af-section.entry.js +3 -3
- package/dist/esm/af-show.entry.js +2 -2
- 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-stepper-step.entry.js +1 -1
- package/dist/esm/af-stepper.entry.js +1 -1
- package/dist/esm/af-tag.entry.js +8 -7
- package/dist/esm/af-testimonial-carousel.entry.js +2 -2
- package/dist/esm/af-testimonial-stat.entry.js +1 -1
- package/dist/esm/af-testimonial.entry.js +3 -3
- package/dist/esm/af-text-image-nest.entry.js +1 -1
- package/dist/esm/af-text-image.entry.js +2 -1
- package/dist/esm/af-theme-override.entry.js +2 -2
- package/dist/esm/af-typography-lockup.entry.js +50 -4
- 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/types/components/af-button/af-button.d.ts +5 -6
- package/dist/types/components/af-client-carousel/af-client-carousel.d.ts +26 -3
- package/dist/types/components/af-icon-text/af-icon-text.d.ts +2 -2
- package/dist/types/components/af-illustrated-card/af-illustrated-card.d.ts +2 -3
- package/dist/types/components/af-image/af-image.d.ts +0 -10
- package/dist/types/components/af-in-page-banner/af-in-page-banner.d.ts +0 -10
- package/dist/types/components/af-nav-accordion-item/af-nav-accordion-item.d.ts +9 -0
- package/dist/types/components/af-nav-item/af-nav-item.d.ts +14 -0
- package/dist/types/components/af-navbar/af-navbar.d.ts +9 -1
- package/dist/types/components/af-tag/af-tag.d.ts +7 -10
- package/dist/types/components/af-testimonial/af-testimonial.d.ts +2 -11
- package/dist/types/components/af-text-image/af-text-image.d.ts +2 -1
- package/dist/types/components/af-typography-lockup/af-typography-lockup.d.ts +40 -1
- package/dist/types/components.d.ts +180 -115
- package/package.json +1 -1
- package/dist/affinda/p-09184969.entry.js +0 -1
- package/dist/affinda/p-0c6b7f0b.entry.js +0 -1
- package/dist/affinda/p-14c85efd.entry.js +0 -1
- package/dist/affinda/p-1d72e1dd.entry.js +0 -1
- package/dist/affinda/p-2c0c94c5.entry.js +0 -1
- package/dist/affinda/p-2ce405df.entry.js +0 -1
- package/dist/affinda/p-2f1e0c44.entry.js +0 -1
- package/dist/affinda/p-3899a278.entry.js +0 -1
- package/dist/affinda/p-46efe4e4.entry.js +0 -1
- package/dist/affinda/p-63e86a14.entry.js +0 -1
- package/dist/affinda/p-9fea6229.entry.js +0 -1
- package/dist/affinda/p-a5f7d3d6.entry.js +0 -1
- package/dist/affinda/p-a8af25d5.entry.js +0 -1
- package/dist/affinda/p-af9e25ea.entry.js +0 -1
- package/dist/affinda/p-bd3f81fc.entry.js +0 -1
- package/dist/affinda/p-ca14e17a.entry.js +0 -1
- package/dist/affinda/p-cb889d6b.entry.js +0 -1
- package/dist/affinda/p-cbf0911b.entry.js +0 -1
- package/dist/affinda/p-d7129564.entry.js +0 -1
- package/dist/affinda/p-df7b1b09.entry.js +0 -1
- package/dist/affinda/p-e0915179.entry.js +0 -1
- package/dist/affinda/p-e3cd6671.entry.js +0 -1
- package/dist/affinda/p-e6b4761c.entry.js +0 -1
- package/dist/affinda/p-ef754e65.entry.js +0 -1
- package/dist/affinda/p-f3d5d1be.entry.js +0 -1
- package/dist/affinda/p-ffdd2c30.entry.js +0 -1
- package/dist/components/p-B6I3yxMd.js +0 -1
- package/dist/components/p-BUFbtjxU.js +0 -1
- package/dist/components/p-BeVM-2kH.js +0 -1
- package/dist/components/p-BlfywPKX.js +0 -1
- package/dist/components/p-BzH2LxRQ.js +0 -1
- package/dist/components/p-CHNaDIj5.js +0 -1
- package/dist/components/p-CSGAhCLK.js +0 -1
- package/dist/components/p-CTcar4TG.js +0 -1
- package/dist/components/p-DOJEJFNa.js +0 -1
- package/dist/components/p-UTiuvQaz.js +0 -1
- package/dist/components/p-tB2jS8S_.js +0 -1
- package/dist/components/p-tF59ipRp.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as a,h as o,c as e,t as f}from"./p-DsNqeD3z.js";const n=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.theme="white"}render(){return o(e,{key:"6398825554ab3e9ab2a87012c4fb94e711663eb3"},o("div",{key:"1353455a87e0efb9a5653938f13f5e325cec561d",class:"theme-override theme-"+this.theme},o("slot",{key:"60fa7a4fff57320ce113f693afc497bb63d3bc97"})))}static get style(){return".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)}"}},[262,"af-theme-override",{theme:[1]}]),t=n,b=function(){"undefined"!=typeof customElements&&["af-theme-override"].forEach((r=>{"af-theme-override"===r&&(customElements.get(f(r))||customElements.define(f(r),n))}))};export{t as AfThemeOverride,b as defineCustomElement}
|
|
1
|
+
import{p as r,H as a,h as o,c as e,t as f}from"./p-DsNqeD3z.js";const n=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.theme="white"}render(){return o(e,{key:"0dbebde89199b19c6716b0e521026ec82ae42ee5"},o("div",{key:"a8a5761b4ce5d48bc52579c995fde8f15f154aac",class:"theme-override theme-"+this.theme},o("slot",{key:"f2f30666635125d26438b8b5da72493830f226b7"})))}static get style(){return".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-tertiary-text:var(--colour-brand-inkwell, #14343b);--af-button-tertiary-icon:var(--colour-brand-inkwell, #14343b);--af-button-tertiary-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-tertiary-text:var(--colour-brand-white, #ffffff);--af-button-tertiary-icon:var(--colour-brand-white, #ffffff);--af-button-tertiary-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-tertiary-text:var(--colour-brand-inkwell, #14343b);--af-button-tertiary-icon:var(--colour-brand-inkwell, #14343b);--af-button-tertiary-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-tertiary-text:var(--colour-brand-inkwell, #14343b);--af-button-tertiary-icon:var(--colour-brand-inkwell, #14343b);--af-button-tertiary-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-tertiary-text:var(--colour-brand-inkwell, #14343b);--af-button-tertiary-icon:var(--colour-brand-inkwell, #14343b);--af-button-tertiary-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)}"}},[262,"af-theme-override",{theme:[1]}]),t=n,b=function(){"undefined"!=typeof customElements&&["af-theme-override"].forEach((r=>{"af-theme-override"===r&&(customElements.get(f(r))||customElements.define(f(r),n))}))};export{t as AfThemeOverride,b as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as o,d as s}from"./p-
|
|
1
|
+
import{A as o,d as s}from"./p-CQfk7gDb.js";const p=o,r=s;export{p as AfTypographyLockup,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as a,d as o,h as i,c as t,t as n}from"./p-DsNqeD3z.js";import{d as c}from"./p-0KrQFK77.js";import{d as r}from"./p-BeX5VmwL.js";const d=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.playClick=o(this,"playClick"),this.videoThumbnailUrl="",this.videoAlt="Video thumbnail",this.videoUrl="",this.handlePlayClick=()=>{!this.playClick.emit({videoUrl:this.videoUrl}).defaultPrevented&&this.videoUrl&&window.open(this.videoUrl,"_blank")}}render(){return i(t,{key:"
|
|
1
|
+
import{p as e,H as a,d as o,h as i,c as t,t as n}from"./p-DsNqeD3z.js";import{d as c}from"./p-0KrQFK77.js";import{d as r}from"./p-BeX5VmwL.js";const d=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.playClick=o(this,"playClick"),this.videoThumbnailUrl="",this.videoAlt="Video thumbnail",this.videoUrl="",this.handlePlayClick=()=>{!this.playClick.emit({videoUrl:this.videoUrl}).defaultPrevented&&this.videoUrl&&window.open(this.videoUrl,"_blank")}}render(){return i(t,{key:"9e6c5666aadff71d14dcff94469c194ad6255a8c"},i("div",{key:"3690b9c6db562b3777f140e8dbf406da3e4c8f4f",class:"video-container"},i("div",{key:"fa80fab02b3015eb872e3d1eb6f693357ebe8f8d",class:"video-container__top"},i("slot",{key:"795821203920f68f35c84b9155d0f44002a66042",name:"top"})),i("div",{key:"6f4fa9bd803141ce8df6468b7d29d5ba9bd6f237",class:"video-container__video"},i("af-aspect-ratio",{key:"bba59d56a42639aa2d4f43d84d5b95f0ef33ce72",ratio:"16:9"},i("div",{key:"af54817594a000b05621fb01be5d8f8fdc857ac6",class:"video-container__thumbnail-wrapper"},this.videoThumbnailUrl&&i("img",{key:"faba87de58bec4a981e8bf1382f744ac3e47ffbe",src:this.videoThumbnailUrl,alt:this.videoAlt,class:"video-container__thumbnail",loading:"lazy"}),i("button",{key:"1dbcf64a1a251e81eccf7013c6cd82e6b3e1b622",class:"video-container__play-button",onClick:this.handlePlayClick,"aria-label":"Play video",type:"button"},i("af-icon",{key:"aa96780fdaaa69d3299f25074122712cd57a0a49",name:"play",size:24}))))),i("div",{key:"070c4b3e448f5feff70c2bcc0f31e0dc9f90b0ce",class:"video-container__bottom"},i("slot",{key:"6a1fec74caa7385082fc59c5e2500043038dfca1",name:"bottom"}))))}static get style(){return".sc-af-video-container-h{display:block;width:100%}.video-container.sc-af-video-container{display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--space-10, 40px)}.video-container__top.sc-af-video-container,.video-container__bottom.sc-af-video-container{width:100%;display:flex;flex-direction:column;align-items:center}.video-container__top.sc-af-video-container:empty,.video-container__bottom.sc-af-video-container:empty{display:none}.video-container__video.sc-af-video-container{width:100%;max-width:1024px}.video-container__thumbnail-wrapper.sc-af-video-container{position:absolute;inset:0;border-radius:var(--radii-video-crop, 16px);overflow:hidden;background-color:var(--colour-inkwell-400, #2b484f)}.video-container__thumbnail.sc-af-video-container{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.video-container__play-button.sc-af-video-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;padding:24px;border-radius:var(--radii-button, 9999px);background-color:var(--af-button-primary-bg, var(--colour-brand-ice, #a6fffb));border:1px solid var(--af-button-primary-stroke, var(--colour-brand-inkwell, #14343b));cursor:pointer;transition:background-color 0.2s ease;color:var(--af-button-primary-icon, var(--colour-brand-inkwell, #14343b))}.video-container__play-button.sc-af-video-container:hover{background-color:var(--af-button-primary-bg-hover, var(--colour-ice-600, #95e6e2))}.video-container__play-button.sc-af-video-container:focus-visible{outline:2px solid var(--colour-brand-ice, #a6fffb);outline-offset:2px}@media (max-width: 768px){.video-container.sc-af-video-container{gap:var(--space-8, 32px)}.video-container__play-button.sc-af-video-container{padding:12px}}"}},[262,"af-video-container",{videoThumbnailUrl:[1,"video-thumbnail-url"],videoAlt:[1,"video-alt"],videoUrl:[1,"video-url"]}]),s=d,f=function(){"undefined"!=typeof customElements&&["af-video-container","af-aspect-ratio","af-icon"].forEach((e=>{switch(e){case"af-video-container":customElements.get(n(e))||customElements.define(n(e),d);break;case"af-aspect-ratio":customElements.get(n(e))||c();break;case"af-icon":customElements.get(n(e))||r()}}))};export{s as AfVideoContainer,f as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as i,h as
|
|
1
|
+
import{p as t,H as i,h as e,c as o,t as a}from"./p-DsNqeD3z.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.focusable=!1}render(){return e(o,{key:"23738df059de827e6d1441906ac4dc9f0e568193",class:{focusable:this.focusable}},e("slot",{key:"bd867e2e71c748fc4d7faed12e993cf14bd0b311"}))}static get style(){return":host{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}:host(.focusable:focus-within){position:static !important;width:auto !important;height:auto !important;padding:inherit !important;margin:inherit !important;overflow:visible !important;clip:auto !important;white-space:normal !important}"}},[257,"af-visually-hidden",{focusable:[4]}]),s=n,r=function(){"undefined"!=typeof customElements&&["af-visually-hidden"].forEach((t=>{"af-visually-hidden"===t&&(customElements.get(a(t))||customElements.define(a(t),n))}))};export{s as AfVisuallyHidden,r as defineCustomElement}
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-DsNqeD3z.js";export{A as AfHeading}from"./p-
|
|
1
|
+
export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-DsNqeD3z.js";export{A as AfHeading}from"./p-BvLGR36l.js";export{A as AfText}from"./p-DRm58pvc.js";export{A as AfColorSwatch}from"./p-BLzlyxBT.js";export{A as AfContainer}from"./p-C5_nFNYV.js";export{A as AfAspectRatio}from"./p-0KrQFK77.js";export{A as AfNavItem}from"./p-oawfHsaK.js";export{A as AfNavbar}from"./p-CYXTWxXF.js";export{A as AfLogo}from"./p-Dx31qPzk.js";export{A as AfButton}from"./p-wM1k9Wi7.js";export{A as AfIconButton}from"./p-B7lJGMfD.js";export{A as AfButtonGroup}from"./p--UJ_xE9Z.js";export{A as AfTypographyLockup}from"./p-CQfk7gDb.js";export{A as AfCheckbox}from"./p-BCCbAFc1.js";export{A as AfRadio}from"./p-BqUK0ZTO.js";export{A as AfSwitch}from"./p-HhMv1A3-.js";export{A as AfFieldset}from"./p-CDCZfKNt.js";export{A as AfInput}from"./p-CTFMTG3E.js";export{A as AfTextarea}from"./p-CVQiSujq.js";export{A as AfTag}from"./p-CRW9bpXa.js";export{A as AfTab}from"./p-DX19jO3u.js";export{A as AfTabBar}from"./p-C_BrhG1Q.js";export{A as AfFeatureCard}from"./p-sbtSgHjb.js";export{A as AfIllustratedCard}from"./p-Doypq9O5.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as r,H as a,h as t,c as o,t as n}from"./p-DsNqeD3z.js";const i=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.variant="primary",this.size="medium",this.disabled=!1,this.type="button"}render(){const r={"icon-button":!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,disabled:this.disabled},a=t("span",{class:"icon"},t("slot",null));return t(o,null,this.href&&!this.disabled?t("a",{href:this.href,class:r,"aria-label":this.ariaLabel},a):t("button",{type:this.type,disabled:this.disabled,class:r,"aria-label":this.ariaLabel},a))}static get style(){return':host{display:inline-block}:host([variant="secondary"]){color:var(--af-button-secondary-icon, var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343B)))}:host([variant="primary"]){color:var(--af-button-primary-icon, var(--colour-brand-inkwell, #14343B))}:host([variant="tertiary"]){color:var(--af-button-tertiary-icon, var(--colour-brand-inkwell, #14343B))}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent;box-sizing:border-box;flex-shrink:0;text-decoration:none;padding:0}.size-large{width:72px;height:72px;padding:24px}.size-large .icon{width:24px;height:24px}.size-medium{width:48px;height:48px;padding:12px}.size-medium .icon{width:24px;height:24px}.size-small{width:36px;height:36px;padding:8px}.size-small .icon{width:20px;height:20px}.icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.icon ::slotted(*){width:100%;height:100%;color:inherit}.variant-primary{background:var(--af-button-primary-bg, var(--colour-brand-ice, #A6FFFB));border-color:var(--af-button-primary-stroke, var(--colour-brand-inkwell, #14343B));color:var(--af-button-primary-text, var(--colour-brand-inkwell, #14343B))}.variant-primary:hover:not(.disabled){background:var(--af-button-primary-bg-hover, #95e6e2)}.variant-primary:active:not(.disabled){background:var(--af-button-primary-bg-hover, #95e6e2)}.variant-secondary{background:var(--af-button-secondary-bg, transparent);border-color:var(--af-button-secondary-stroke, currentColor);color:var(--af-button-secondary-text, var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343B)))}.variant-secondary:hover:not(.disabled){background:var(--af-button-secondary-bg-hover, rgba(128, 128, 128, 0.1))}.variant-secondary:active:not(.disabled){background:var(--af-button-secondary-bg-hover, rgba(128, 128, 128, 0.1))}.variant-tertiary{background:transparent;border-color:transparent;color:var(--af-button-tertiary-text, var(--colour-brand-inkwell, #14343B))}.variant-tertiary:hover:not(.disabled){opacity:0.8}.variant-tertiary:active:not(.disabled){opacity:0.6}.disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}button.icon-button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}button.icon-button.variant-primary{background:var(--af-button-primary-bg, var(--colour-brand-ice, #A6FFFB));border:1px solid var(--af-button-primary-stroke, var(--colour-brand-inkwell, #14343B))}button.icon-button.variant-secondary{background:var(--af-button-secondary-bg, transparent);border:1px solid var(--af-button-secondary-stroke, currentColor);color:var(--af-button-secondary-text, var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343B)))}button.icon-button.variant-tertiary{background:transparent;border:1px solid transparent}'}},[257,"af-icon-button",{variant:[513],size:[1],disabled:[4],href:[1],type:[1],ariaLabel:[1,"aria-label"]}]);function e(){"undefined"!=typeof customElements&&["af-icon-button"].forEach((r=>{"af-icon-button"===r&&(customElements.get(n(r))||customElements.define(n(r),i))}))}export{i as A,e as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as r,H as a,h as o,c as e,t as c}from"./p-DsNqeD3z.js";const f=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.theme="mist-green",this.stretch=!1}render(){return o(e,{key:"11db24244a880d989286e3a7506547107b50b82c"},o("div",{key:"eaab5bc65773efb1bb79002f3265afd6d82cc31a",class:{card:!0,[`theme-${this.theme}`]:!0}},o("div",{key:"b37815c69c6c479726ad0615e6475ff3e08bc977",class:"card__content"},o("slot",{key:"2adec851a56fc03bb42d2442ddcb140264192143"}))))}static get style(){return".sc-af-card-h{display:block;width:100%}[stretch].sc-af-card-h{display:flex;flex-direction:column;height:100%}[stretch].sc-af-card-h .card.sc-af-card{flex:1 1 auto}[stretch].sc-af-card-h .card__content.sc-af-card{flex:1 1 auto}.card.sc-af-card{border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;position:relative;display:flex;flex-direction:column;box-sizing:border-box}.card.theme-white.sc-af-card{background-color:var(--colour-brand-white, #ffffff);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-mistgreen-200, #e8eeed)}.card.theme-white-ivory.sc-af-card{background-color:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-ivory-200, #ffefcc)}.card.theme-inkwell.sc-af-card{background-color:var(--colour-brand-inkwell, #14343b);--af-typography-heading-primary:var(--colour-brand-mist-green, #c6d5d1);--af-typography-body-default:var(--colour-inkwell-100, #d0d6d8);--af-background-level-1:var(--colour-inkwell-450, #203e45);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff);--af-button-tertiary-text:var(--colour-brand-white, #ffffff);--af-button-tertiary-icon:var(--colour-brand-white, #ffffff);--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)}.card.theme-mist-green.sc-af-card{background-color:var(--colour-brand-mist-green, #c6d5d1);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-mistgreen-300, #dde6e3)}.card.theme-soft-clay.sc-af-card{background-color:var(--colour-softclay-400, #c0ab8d);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-softclay-500, #b09670)}.card__content.sc-af-card{position:relative;padding:var(--af-card-padding, 40px);display:flex;flex-direction:column;gap:var(--af-card-gap, 24px);flex:1;box-sizing:border-box;z-index:1}.card__content.sc-af-card-s>af-heading,.card__content .sc-af-card-s>af-heading{margin-bottom:0}.card__content.sc-af-card-s>af-text,.card__content .sc-af-card-s>af-text{line-height:1.44}"}},[262,"af-card",{theme:[1],stretch:[516]}]);function d(){"undefined"!=typeof customElements&&["af-card"].forEach((r=>{"af-card"===r&&(customElements.get(c(r))||customElements.define(c(r),f))}))}export{f as A,d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as s,h as r,c as a,t as o}from"./p-DsNqeD3z.js";const t=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.progress=0,this.orientation="horizontal"}render(){const e=100*Math.max(0,Math.min(1,this.progress));return r(a,{key:"
|
|
1
|
+
import{p as e,H as s,h as r,c as a,t as o}from"./p-DsNqeD3z.js";const t=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.progress=0,this.orientation="horizontal"}render(){const e=100*Math.max(0,Math.min(1,this.progress));return r(a,{key:"9a6fac61d82f79f36a4cb60e929e96449de232a8"},r("div",{key:"1d535263ab6274466280caebcaf52052adfbb4b5",class:{"progress-line":!0,[`progress-line--${this.orientation}`]:!0},role:"progressbar","aria-valuenow":Math.round(e),"aria-valuemin":0,"aria-valuemax":100},r("div",{key:"6f479550cd91f8c4f5a256546ed80a09498d6bba",class:"progress-line__background"}),r("div",{key:"b0f6e719cdede111f7a15651d9f5289456dbddf4",class:"progress-line__active",style:{width:`${e}%`}})))}static get style(){return".sc-af-progress-line-h{display:block;width:100%}.progress-line.sc-af-progress-line{position:relative;overflow:hidden}.progress-line--horizontal.sc-af-progress-line{height:3px;width:100%}.progress-line__background.sc-af-progress-line{position:absolute;inset:0;background:var(--af-background-border-default, var(--colour-background-border-default, #d1ddda));height:1px;top:50%;transform:translateY(-50%)}.progress-line__active.sc-af-progress-line{position:relative;height:100%;min-width:1px;background:var(--af-background-border-active, var(--colour-background-border-active, #8a7049));transition:width 0.15s ease-out}"}},[2,"af-progress-line",{progress:[2],orientation:[1]}]);function i(){"undefined"!=typeof customElements&&["af-progress-line"].forEach((e=>{"af-progress-line"===e&&(customElements.get(o(e))||customElements.define(o(e),t))}))}export{t as A,i as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as a,h as s,c as i,t}from"./p-DsNqeD3z.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(i,{key:"4cb4ea9887de4a009e044ff094061e776439c3a1"},s("div",{key:"e4db690fe52d08361b3420028aa80a7407e155c6",class:"image-container"},s("img",{key:"a3475febafc35e240ece6be513340bfb004e5315",src:this.src,alt:this.alt,class:"image"}),s("div",{key:"c1d492a212f6ad3c4b7eac4c56bf5b91b2ea1809",class:"image-border","aria-hidden":"true"})))}static get style(){return".sc-af-image-h{display:block;width:100%}.image-container.sc-af-image{position:relative;border-radius:var(--radius-md, 12px);overflow:hidden}.image.sc-af-image{display:block;width:100%;height:auto;object-fit:cover}.image-border.sc-af-image{position:absolute;inset:0;border-radius:var(--radius-md, 12px);box-shadow:inset 0 0 0 1px var(--af-background-border-subtle, rgba(0, 0, 0, 0.08));pointer-events:none}"}},[2,"af-image",{src:[1],alt:[1]}]);function c(){"undefined"!=typeof customElements&&["af-image"].forEach((e=>{"af-image"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}export{r as A,c as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,t as i,H as t,h as a}from"./p-DsNqeD3z.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.level="1",this.align="inherit"}getHeadingTag(){return{xl:"h1",1:"h1",2:"h2",3:"h3",4:"h4",5:"h5"}[this.level]||"h1"}render(){const e=this.getHeadingTag();return a(e,{key:"554451170ad9c9cf3345d4c115cc4bd360c54651",class:{heading:!0,[`level-${this.level}`]:!0,[`align-${this.align}`]:!0},part:"base"},a("slot",{key:"a41808f28f04efa17b49ef1a4ebfd79896ba8e98"}))}static get style(){return":host{display:block}.heading{margin:0;padding:0;font-family:var(--typography-headingfont, 'NeuSans', Arial, sans-serif);font-weight:var(--font-weight-regular, 400);color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343b));letter-spacing:var(--letter-spacing-heading, -0.02em)}.align-inherit{text-align:var(--af-text-align, left)}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.level-xl{font-size:var(--font-size-heading-xl-fluid, clamp(50px, 3.31vw + 37.57px, 80px));line-height:var(--line-height-heading-tight, 1)}.level-1{font-size:var(--font-size-heading-1-fluid, clamp(38px, 1.99vw + 30.54px, 56px));line-height:var(--line-height-heading-tight, 1)}.level-2{font-size:var(--font-size-heading-2-fluid, clamp(32px, 1.33vw + 27.03px, 44px));line-height:var(--line-height-heading-tight, 1)}.level-3{font-size:var(--font-size-heading-3-fluid, clamp(25px, 0.99vw + 21.27px, 34px));line-height:var(--line-height-heading-tight, 1)}.level-4{font-size:var(--font-size-heading-4-fluid, clamp(20px, 0.44vw + 18.34px, 24px));line-height:var(--line-height-heading-normal, 1.1)}@media (min-width: 768px){.level-4{line-height:var(--line-height-heading-relaxed, 1.2)}}.level-5{font-size:var(--font-size-heading-5-fluid, clamp(18px, 0.22vw + 17.17px, 20px));line-height:var(--line-height-heading-normal, 1.1)}@media (min-width: 768px){.level-5{line-height:var(--line-height-heading-relaxed, 1.2)}}"}},[257,"af-heading",{level:[1],align:[1]}]);function l(){"undefined"!=typeof customElements&&["af-heading"].forEach((e=>{"af-heading"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))}export{n as A,l as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,H as i,h as a,t as d}from"./p-DsNqeD3z.js";const e=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.maxWidth="xlarge"}render(){return a("div",{key:"4a40fad6df79915adeb7273a7c71ed26b327ff8f",class:`container max-width-${this.maxWidth}`},a("slot",{key:"a1759c05860511cdb6b916e44925df7f7a80bcf1"}))}static get style(){return":host{display:block;width:100%}.container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;padding-left:20px;padding-right:20px}@media (min-width: 768px){.container{padding-left:32px;padding-right:32px}.max-width-medium{max-width:768px}}@media (min-width: 1024px){.container{padding-left:64px;padding-right:64px}.max-width-large{max-width:1024px}.max-width-medium{max-width:768px}}@media (min-width: 1440px){.container{padding-left:80px;padding-right:80px}.max-width-xlarge{max-width:1440px}.max-width-large{max-width:1024px}.max-width-medium{max-width:768px}}.max-width-fluid{max-width:none}"}},[257,"af-container",{maxWidth:[1,"max-width"]}]);function n(){"undefined"!=typeof customElements&&["af-container"].forEach((t=>{"af-container"===t&&(customElements.get(d(t))||customElements.define(d(t),e))}))}export{e as A,n as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as t,h as i,c as a,t as n}from"./p-DsNqeD3z.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.headingSize=2,this.breakpoint="desktop",this.textAlignment="left",this.buttonLayout="vertical",this.headingColor="primary",this.descriptionColor="default",this.hasDescription=!1,this.hasButtons=!1,this.syncSlotState=()=>{this.hasDescription=(this.descriptionSlot?.assignedNodes({flatten:!0}).length??0)>0,this.hasButtons=(this.buttonsSlot?.assignedNodes({flatten:!0}).length??0)>0}}componentDidLoad(){if(this.syncSlotState(),this.descriptionSlot?.addEventListener("slotchange",this.syncSlotState),this.buttonsSlot?.addEventListener("slotchange",this.syncSlotState),"undefined"==typeof window)return;if(!window.__AF_STRICT_HEADINGS__)return;const e=Array.from(this.el.children).find((e=>!e.hasAttribute("slot")&&/^h[1-6]$/i.test(e.tagName)));if(!e)return;const t=Number(e.tagName.slice(1)),i=this.headingSize;Math.abs(t-i)>1&&console.warn(`[af-typography-lockup] heading-size=${i} paired with <${e.tagName.toLowerCase()}>; expected an <h${i}> for document outline. Pass deliberately or align the two.`)}disconnectedCallback(){this.descriptionSlot?.removeEventListener("slotchange",this.syncSlotState),this.buttonsSlot?.removeEventListener("slotchange",this.syncSlotState)}render(){const e=this.headingAlignment??this.textAlignment,t=this.descriptionAlignment??this.textAlignment,n=this.buttonsAlignment??this.textAlignment,o={lockup:!0,[`text-${this.textAlignment}`]:!0,[`layout-${this.buttonLayout}`]:!0,[`heading-${this.headingSize}`]:!0,[`breakpoint-${this.breakpoint}`]:!0},s={heading:!0,[`align-${e}`]:!0,[`heading-color-${this.headingColor}`]:!0},p={description:!0,[`align-${t}`]:!0,[`description-color-${this.descriptionColor}`]:!0},r={buttons:!0,[`align-${n}`]:!0};return i(a,{key:"9b31ef730abc5e33919d32480e260937ae450529"},i("div",{key:"95d33308deeb9c5488a89ef7161322a25b2e348f",class:o},i("div",{key:"78cff6a371d382a9ff69d06d25180efd667958ab",class:"copy",style:this.maxWidth?{maxWidth:`${this.maxWidth}px`}:{}},i("div",{key:"963e6233660bbe45084f42a70e0a1d54236c514e",class:s,part:"heading"},i("slot",{key:"b0b90701b673581cc08be3f79dea8068a85050ab"})),i("div",{key:"db4b15e80e9bbe683b425e3cc8e92a2fa00774e1",class:p,part:"body",hidden:!this.hasDescription},i("slot",{key:"d581dab0571d6e400be15fa6a285d0774f5dc978",name:"description",ref:e=>this.descriptionSlot=e}))),i("div",{key:"fb160cbfc354f41eefe600f295c3d86146eb6065",class:r,part:"buttons",hidden:!this.hasButtons},i("slot",{key:"a801bbb9ac25136b0073f68ab05ae7738d6079e5",name:"buttons",ref:e=>this.buttonsSlot=e}))))}get el(){return this}static get style(){return":host{display:block}.lockup{display:flex;flex-direction:column}.breakpoint-desktop.heading-1.lockup{gap:var(--space-6, 24px)}.breakpoint-mobile.heading-1.lockup{gap:var(--space-5, 20px)}.breakpoint-desktop.heading-2.lockup,.breakpoint-desktop.heading-3.lockup{gap:var(--space-4, 16px)}.breakpoint-mobile.heading-2.lockup{gap:var(--space-4, 16px)}.breakpoint-mobile.heading-3.lockup,.breakpoint-desktop.heading-4.lockup,.breakpoint-desktop.heading-5.lockup{gap:var(--space-3, 12px)}.breakpoint-mobile.heading-4.lockup,.breakpoint-mobile.heading-5.lockup{gap:var(--space-2, 8px)}.text-left{align-items:flex-start}.text-center{align-items:center}.text-right{align-items:flex-end}.text-justify{align-items:stretch}.align-left{text-align:left;--af-text-align:left}.align-center{text-align:center;--af-text-align:center}.align-right{text-align:right;--af-text-align:right}.align-justify{text-align:justify;--af-text-align:justify}.copy{display:flex;flex-direction:column;width:100%;max-width:840px}.breakpoint-desktop.heading-1 .copy{gap:var(--space-6, 24px)}.breakpoint-mobile.heading-1 .copy{gap:var(--space-5, 20px)}.breakpoint-desktop.heading-2 .copy,.breakpoint-desktop.heading-3 .copy{gap:var(--space-4, 16px)}.breakpoint-mobile.heading-2 .copy{gap:var(--space-4, 16px)}.breakpoint-mobile.heading-3 .copy,.breakpoint-desktop.heading-4 .copy,.breakpoint-desktop.heading-5 .copy{gap:var(--space-3, 12px)}.breakpoint-mobile.heading-4 .copy,.breakpoint-mobile.heading-5 .copy{gap:var(--space-2, 8px)}.heading{font-family:var(--typography-headingfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);color:var(--af-typography-heading-primary, var(--colour-typography-heading-primary, #14343B));line-height:var(--line-height-heading-tight, 1);letter-spacing:var(--letter-spacing-heading, -0.02em);white-space:pre-wrap}.breakpoint-desktop.heading-1 .heading{font-size:var(--font-size-heading-1-desktop, 56px)}.breakpoint-desktop.heading-2 .heading{font-size:var(--font-size-heading-2-desktop, 44px)}.breakpoint-desktop.heading-3 .heading{font-size:var(--font-size-heading-3-desktop, 34px)}.breakpoint-desktop.heading-4 .heading{font-size:var(--font-size-heading-4-desktop, 24px);line-height:var(--line-height-heading-relaxed, 1.2)}.breakpoint-desktop.heading-5 .heading{font-size:var(--font-size-heading-5-desktop, 20px);line-height:var(--line-height-heading-relaxed, 1.2)}.breakpoint-mobile.heading-1 .heading{font-size:var(--font-size-heading-1-mobile, 38px)}.breakpoint-mobile.heading-2 .heading{font-size:var(--font-size-heading-2-mobile, 32px)}.breakpoint-mobile.heading-3 .heading{font-size:var(--font-size-heading-3-mobile, 25px)}.breakpoint-mobile.heading-4 .heading{font-size:var(--font-size-heading-4-mobile, 20px);line-height:var(--line-height-heading-normal, 1.1)}.breakpoint-mobile.heading-5 .heading{font-size:var(--font-size-heading-5-mobile, 18px);line-height:var(--line-height-heading-normal, 1.1)}.description{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:var(--font-size-body-large, 18px);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-body-large, 26px);color:var(--af-typography-body-default, var(--colour-typography-body-default, #2B484F));white-space:pre-wrap}.breakpoint-mobile.heading-3 .description,.breakpoint-desktop.heading-4 .description,.breakpoint-mobile.heading-4 .description,.breakpoint-desktop.heading-5 .description,.breakpoint-mobile.heading-5 .description{font-size:var(--font-size-body-medium, 16px);line-height:var(--line-height-body-medium, 24px)}.description:empty{display:none}.buttons{display:flex;flex-direction:row;gap:var(--space-3, 12px)}.buttons:empty{display:none}.layout-horizontal .buttons{align-items:center}.text-left.layout-horizontal{flex-direction:row;align-items:center;gap:var(--space-4, 16px)}.text-left.layout-horizontal .copy{flex:1 0 0;max-width:950px}.text-left.layout-horizontal.heading-3 .copy,.text-left.layout-horizontal.heading-4 .copy{max-width:840px}.text-left.layout-horizontal .buttons{flex-shrink:0}.layout-vertical .buttons{align-items:flex-start}.buttons.align-left{justify-content:flex-start}.buttons.align-center{justify-content:center}.buttons.align-right{justify-content:flex-end}.buttons.align-justify{justify-content:space-between}.breakpoint-mobile .buttons{flex-direction:column;align-items:stretch}.breakpoint-mobile .buttons.align-center{align-items:center}.breakpoint-mobile .buttons.align-right{align-items:flex-end}.breakpoint-mobile .buttons.align-left{align-items:flex-start}.text-center .copy{max-width:840px}::slotted(*){margin:0}"}},[257,"af-typography-lockup",{headingSize:[2,"heading-size"],breakpoint:[1],textAlignment:[1,"text-alignment"],headingAlignment:[1,"heading-alignment"],descriptionAlignment:[1,"description-alignment"],buttonLayout:[1,"button-layout"],buttonsAlignment:[1,"buttons-alignment"],maxWidth:[2,"max-width"],headingColor:[1,"heading-color"],descriptionColor:[1,"description-color"],hasDescription:[32],hasButtons:[32]}]);function s(){"undefined"!=typeof customElements&&["af-typography-lockup"].forEach((e=>{"af-typography-lockup"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))}export{o as A,s as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as a,H as t,h as e,c as o,t as r}from"./p-DsNqeD3z.js";const n=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.size="small",this.variant="sand"}render(){const a=this.href?{href:this.href}:{};return e(o,{key:"0decd339f953b58f2bdc9adbe445fa2f0a2c3bf1"},e(this.href?"a":"span",{key:"9ae4d069098dd3d1caafac4918736921a76ffece",class:{tag:!0,[`size-${this.size}`]:!0,[`variant-${this.variant}`]:!0},...a},e("slot",{key:"2fcbbe7cc9c3954dbca1d1bff72d5c220c4afecc"})))}static get style(){return":host{display:inline-flex;flex-shrink:0}.tag{display:inline-flex;align-items:center;overflow:hidden;border-radius:4px;font-family:var(--typography-headingfont, 'NeuSans', Arial, sans-serif);font-weight:var(--font-weight-book, 500);line-height:1;text-decoration:none;transition:background-color 0.15s ease, box-shadow 0.15s ease;cursor:default}a.tag{cursor:pointer}.tag.variant-sand{background-color:var(--af-tag-sand-bg, var(--colour-brand-soft-clay, #b09670));color:var(--af-tag-sand-text, var(--colour-brand-inkwell, #14343b))}.tag.variant-sand:hover{background-color:var(--af-tag-sand-bg-hover, var(--colour-softclay-400, #c0ab8d))}.tag.variant-light{background-color:var(--af-tag-light-bg, var(--colour-background-level1, #e8eeed));color:var(--af-tag-light-text, var(--colour-brand-inkwell, #14343b))}.tag.variant-light:hover{background-color:var(--af-tag-light-bg-hover, var(--colour-tints-mist-green-200, #d2e8e3))}.tag.size-x-small{padding:6px 10px;font-size:var(--font-size-label-tag, 14px)}.tag.size-small{padding:8px 12px;font-size:var(--font-size-label-tag, 14px)}.tag.size-large{padding:12px 16px;font-size:var(--font-size-body-large, 18px)}.tag:focus{outline:none;box-shadow:0 0 0 4px var(--af-background-base, var(--colour-background-white, #ffffff)), 0 0 0 5px var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b))}.tag:focus-visible{outline:none;box-shadow:0 0 0 4px var(--af-background-base, var(--colour-background-white, #ffffff)), 0 0 0 5px var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b))}"}},[257,"af-tag",{size:[1],variant:[1],href:[1]}]);function s(){"undefined"!=typeof customElements&&["af-tag"].forEach((a=>{"af-tag"===a&&(customElements.get(r(a))||customElements.define(r(a),n))}))}export{n as A,s as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as a,H as e,h as n,c as o,t}from"./p-DsNqeD3z.js";import{d as r}from"./p-Dx31qPzk.js";const s=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.mobileMenuOpen=!1,this.activeDropdown=null,this.showDefaultLogo=!0,this.forceMobile=!1,this.toggleMobileMenu=()=>{this.mobileMenuOpen=!this.mobileMenuOpen,this.activeDropdown=null},this.openDropdown=a=>{this.activeDropdown=a},this.closeDropdown=()=>{this.activeDropdown=null},this.toggleDropdown=a=>{this.activeDropdown=this.activeDropdown===a?null:a}}handleTriggerClick(a){const e=a.target,n=e?.closest?.("[data-dropdown]");if(!n||!this.el.contains(n))return;const o=n.getAttribute("data-dropdown");o&&(a.preventDefault(),a.stopPropagation(),this.cancelScheduledClose(),this.lastActiveTrigger=n,this.toggleDropdown(o))}handleHover(a){const e=a.target,n=e?.closest?.("[data-dropdown]");if(!n||!this.el.contains(n))return;const o=n.getAttribute("data-dropdown");o&&this.activeDropdown!==o?(this.cancelScheduledClose(),this.lastActiveTrigger=n,this.openDropdown(o)):this.cancelScheduledClose()}handleHostLeave(){this.scheduleClose()}handleHostEnter(){this.cancelScheduledClose()}scheduleClose(){this.cancelScheduledClose(),this.closeTimer=window.setTimeout((()=>{this.closeDropdown(),this.closeTimer=void 0}),100)}cancelScheduledClose(){void 0!==this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=void 0)}handleDocumentClick(a){a.composedPath().includes(this.el)||this.closeDropdown()}componentDidLoad(){this.syncDropdownState()}componentDidUpdate(){this.syncDropdownState()}syncDropdownState(){this.el.querySelectorAll("[data-for]").forEach((a=>{this.el.contains(a)&&(a.hidden=a.getAttribute("data-for")!==this.activeDropdown)})),this.el.querySelectorAll("[data-dropdown]").forEach((a=>{if(!this.el.contains(a))return;const e=a.getAttribute("data-dropdown")===this.activeDropdown;e?a.setAttribute("data-active",""):a.removeAttribute("data-active"),a.setAttribute("aria-expanded",e?"true":"false")}))}handleKeyDown(a){if("Escape"===a.key&&null!==this.activeDropdown){const a=this.lastActiveTrigger;this.closeDropdown(),a?.focus?.()}}render(){const a=null!==this.activeDropdown;return n(o,{key:"bb5b7b7b1fe78eed12b3c16e2878d7905352d40c",class:{"has-dropdown-open":a}},n("div",{key:"d35c38cfbb329a7811abbc4bbc5b83e3673d3dab",class:"navbar-spacer"+(this.theme?` theme-${this.theme}`:"")}),n("nav",{key:"44d49577e393f60773db2d3b934ee1a253a3db1c",class:"navbar-container"},n("div",{key:"172dfc9bcfd092c62537e2906dce3b97ae0bc6f3",class:"navbar theme-white"},n("div",{key:"bb10a24a359b569bd29082a75264e0d150a0cfae",class:"navbar-left"},n("div",{key:"d9b13adcdd2936fbfe3d177c81597b36998239a5",class:"logo"},n("slot",{key:"e6752d9755b854dbca123f4e45f7c4194fba9997",name:"logo"},this.showDefaultLogo&&n("af-logo",{key:"414958654451d4ec05d2ede68f989d850d6e3326"}))),n("button",{key:"42361097f38ca78004d91299ff570f168b79c342",class:"mobile-menu-toggle",onClick:this.toggleMobileMenu,"aria-label":"Toggle navigation menu","aria-expanded":this.mobileMenuOpen?"true":"false"},n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},n("path",this.mobileMenuOpen?{d:"M18 6L6 18M6 6l12 12","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}:{d:"M3 12h18M3 6h18M3 18h18","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),n("div",{key:"11cedc5ae46d5bc4c1254c73571fa6d99849db15",class:"nav-links "+(this.mobileMenuOpen?"mobile-open":"")},n("slot",{key:"2ab1f72977583995c0ee569e34df8c87ea5a2787",name:"start"}))),n("div",{key:"aca92b065a53ee293a391bc32e3d1eb693acd7c0",class:"navbar-right "+(this.mobileMenuOpen?"mobile-open":"")},n("div",{key:"c94a0d6c88f6dbbdc92a328effa898a3b275466c",class:"nav-actions"},n("slot",{key:"051e4a16d64f9d8b66504921cfafd734a78a3148",name:"end"})),n("div",{key:"fc60234ab1b58d4bfb675d7a4d65253995c3b548",class:"nav-button"},n("slot",{key:"5a826f4d58eef982abd103e4b2fe076f0dfc138e",name:"button"})))),n("div",{key:"cd7c0db3e62cdb689ec75855109091666177deb7",class:"dropdown-container "+(a?"is-open":"")},n("div",{key:"c40e3a8032991758e8fbe40507533b9335febfef",class:"dropdown-panel theme-white"},n("slot",{key:"72680638403af582146ae0937d21dc8342cee1cb",name:"dropdowns"})))),n("div",{key:"12dbebc3c6bb463b63424d1ee431ecdcb2d11391",class:"mobile-menu-panel theme-white "+(this.mobileMenuOpen?"is-open":"")},n("div",{key:"db40b156136d18f54647583d03fbc108c1ea6243",class:"mobile-button-container"},n("slot",{key:"9a018110748c36f0129e30fadaffe4e15bf4c076",name:"mobile-button"},n("slot",{key:"8929b69c67419e9ceccaca72b90ffede5a2ade29",name:"button"}))),n("div",{key:"151a7cad7ad32874176c59a1729a37049ca57f75",class:"mobile-menu-content"},n("slot",{key:"caee9dd00f204a52e0e3b7598b215020a2bec70e",name:"mobile-menu"}))))}get el(){return this}static get style(){return".sc-af-navbar-h{display:block;width:100%}.navbar-spacer.sc-af-navbar{height:100px}.navbar-spacer.theme-white.sc-af-navbar{background-color:var(--colour-brand-white, #FFFFFF)}.navbar-spacer.theme-inkwell.sc-af-navbar{background-color:var(--colour-brand-inkwell, #14343B)}.navbar-spacer.theme-mist-green.sc-af-navbar{background-color:var(--colour-brand-mist-green, #C6D5D1)}.navbar-spacer.theme-soft-clay.sc-af-navbar{background-color:var(--colour-softclay-400, #c0ab8d)}.navbar-container.sc-af-navbar{position:fixed;top:max(32px, env(safe-area-inset-top));left:0;right:0;z-index:10;padding:0 calc(80px + env(safe-area-inset-right)) 0 calc(80px + env(safe-area-inset-left));box-sizing:border-box}.navbar.sc-af-navbar{background:var(--colour-background-white, #ffffff);border-radius:9999px;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 40px;box-sizing:border-box;flex-wrap:nowrap}.navbar-left.sc-af-navbar{display:flex;align-items:center;gap:32px;flex-shrink:0}.logo.sc-af-navbar{display:flex;align-items:center;flex-shrink:0}.mobile-menu-toggle.sc-af-navbar{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--colour-brand-inkwell, #14343b);margin-left:auto}.mobile-menu-toggle.sc-af-navbar svg.sc-af-navbar{display:block}.nav-links.sc-af-navbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.navbar-right.sc-af-navbar{display:flex;align-items:center;gap:20px}.nav-actions.sc-af-navbar{display:flex;align-items:center;gap:12px}.nav-button.sc-af-navbar{display:flex;align-items:center}.dropdown-container.sc-af-navbar{position:absolute;top:100px;left:0;right:0;padding:8px 80px 0;pointer-events:none;opacity:0;transform:translateY(-8px);transition:opacity 0.2s ease, transform 0.2s ease}.dropdown-container.is-open.sc-af-navbar{pointer-events:auto;opacity:1;transform:translateY(0)}.dropdown-panel.sc-af-navbar{background:var(--colour-background-base, #ffffff);border-radius:32px;overflow:hidden;box-shadow:0 4px 24px rgba(20, 52, 59, 0.12)}.dropdown-panel.sc-af-navbar:empty{display:none}.mobile-menu-panel.sc-af-navbar{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--colour-background-base, #ffffff);z-index:9;padding:max(100px, calc(100px + env(safe-area-inset-top))) calc(16px + env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));overflow-y:auto;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.mobile-menu-panel.is-open.sc-af-navbar{display:block;opacity:1;pointer-events:auto}.mobile-button-container.sc-af-navbar{margin-bottom:8px}.mobile-button-container.sc-af-navbar-s>*,.mobile-button-container .sc-af-navbar-s>*{width:100%}.mobile-menu-content.sc-af-navbar{display:flex;flex-direction:column;width:100%}.mobile-menu-content.sc-af-navbar-s>*,.mobile-menu-content .sc-af-navbar-s>*{flex:0 0 auto;width:100%}@media (max-width: 1099px){.nav-actions.sc-af-navbar{display:none}.navbar-right.sc-af-navbar{gap:0}}@media (max-width: 1024px){.navbar-spacer.sc-af-navbar{height:88px}.navbar-container.sc-af-navbar{top:max(24px, env(safe-area-inset-top));padding:0 calc(40px + env(safe-area-inset-right)) 0 calc(40px + env(safe-area-inset-left))}.navbar-left.sc-af-navbar{gap:24px}.nav-links.sc-af-navbar{gap:4px}.dropdown-container.sc-af-navbar{padding:0 40px}}@media (max-width: 991px){.navbar-spacer.sc-af-navbar{height:72px}.navbar-container.sc-af-navbar{top:max(16px, env(safe-area-inset-top));padding:0 calc(16px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left));z-index:11}.navbar.sc-af-navbar{padding:8px 8px 8px 24px;flex-direction:row;border-radius:9999px;gap:0}.navbar-left.sc-af-navbar{width:auto;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;flex:1}.mobile-menu-toggle.sc-af-navbar{display:flex;padding:12px;margin-left:auto;border-radius:9999px;border:1px solid var(--colour-brand-inkwell, #14343b)}.mobile-menu-toggle.sc-af-navbar:hover{background:rgba(20, 52, 59, 0.05)}.nav-links.sc-af-navbar{display:none}.navbar-right.sc-af-navbar{display:none}.dropdown-container.sc-af-navbar{display:none}.mobile-menu-panel.sc-af-navbar{padding-top:max(88px, calc(88px + env(safe-area-inset-top)))}.mobile-button-container.sc-af-navbar{padding:0 12px;margin-bottom:8px}.mobile-button-container.sc-af-navbar-s>af-button,.mobile-button-container .sc-af-navbar-s>af-button,.mobile-button-container.sc-af-navbar-s>button,.mobile-button-container .sc-af-navbar-s>button{width:100%;display:flex;justify-content:center}}[force-mobile].sc-af-navbar-h .navbar-spacer.sc-af-navbar{height:72px}[force-mobile].sc-af-navbar-h .navbar-container.sc-af-navbar{top:max(16px, env(safe-area-inset-top));padding:0 calc(16px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left));z-index:11}[force-mobile].sc-af-navbar-h .navbar.sc-af-navbar{padding:8px 8px 8px 24px;flex-direction:row;border-radius:9999px;gap:0}[force-mobile].sc-af-navbar-h .navbar-left.sc-af-navbar{width:auto;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;flex:1}[force-mobile].sc-af-navbar-h .mobile-menu-toggle.sc-af-navbar{display:flex;padding:12px;margin-left:auto;border-radius:9999px;border:1px solid var(--colour-brand-inkwell, #14343b)}[force-mobile].sc-af-navbar-h .mobile-menu-toggle.sc-af-navbar:hover{background:rgba(20, 52, 59, 0.05)}[force-mobile].sc-af-navbar-h .nav-links.sc-af-navbar{display:none}[force-mobile].sc-af-navbar-h .navbar-right.sc-af-navbar{display:none}[force-mobile].sc-af-navbar-h .nav-actions.sc-af-navbar{display:none}[force-mobile].sc-af-navbar-h .dropdown-container.sc-af-navbar{display:none}[force-mobile].sc-af-navbar-h .mobile-menu-panel.sc-af-navbar{padding-top:max(88px, calc(88px + env(safe-area-inset-top)))}[force-mobile].sc-af-navbar-h .mobile-menu-panel.is-open.sc-af-navbar{display:block;opacity:1;pointer-events:auto}[force-mobile].sc-af-navbar-h .mobile-button-container.sc-af-navbar{padding:0 12px;margin-bottom:8px}.sc-af-navbar-h[force-mobile] .mobile-button-container.sc-af-navbar-s>af-button,.mobile-button-container .sc-af-navbar-s>af-button,.sc-af-navbar-h[force-mobile] .mobile-button-container.sc-af-navbar-s>button,.mobile-button-container .sc-af-navbar-s>button{width:100%;display:flex;justify-content:center}[force-mobile].sc-af-navbar-h .mobile-menu-content.sc-af-navbar{display:flex;flex-direction:column}.sc-af-navbar-h[force-mobile] .mobile-menu-content.sc-af-navbar-s>*,.mobile-menu-content .sc-af-navbar-s>*{flex:0 0 auto;width:100%}"}},[262,"af-navbar",{showDefaultLogo:[4,"show-default-logo"],theme:[1],forceMobile:[516,"force-mobile"],mobileMenuOpen:[32],activeDropdown:[32]},[[0,"click","handleTriggerClick"],[1,"mouseover","handleHover"],[1,"mouseleave","handleHostLeave"],[1,"mouseenter","handleHostEnter"],[4,"click","handleDocumentClick"],[4,"keydown","handleKeyDown"]]]);function i(){"undefined"!=typeof customElements&&["af-navbar","af-logo"].forEach((a=>{switch(a){case"af-navbar":customElements.get(t(a))||customElements.define(t(a),s);break;case"af-logo":customElements.get(t(a))||r()}}))}export{s as A,i as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as o,h as i,c as a,t as s}from"./p-DsNqeD3z.js";import{d as c}from"./p-BeX5VmwL.js";const n=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.size="default"}render(){return i(a,{key:"189ba5a40dec4f6d2dc1090649f57137d15fc4e7"},i("div",{key:"2b4dc701b75b2490baf5a3470d8e38fa53bfffa3",class:{"icon-box":!0,[`icon-box--size-${this.size}`]:!0}},i("af-icon",{key:"eb83b4b9aa31c42b2714bfb1e1f39e87fee5de48",name:this.icon,size:"small"===this.size?20:"large"===this.size?48:40})))}static get style(){return".sc-af-icon-box-h{display:inline-block}.icon-box.sc-af-icon-box{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background-color:var(--af-background-contrast, var(--colour-brand-mist-green, #c6d5d1));color:var(--af-background-icon-default, var(--colour-brand-inkwell, #14343b));flex-shrink:0}.icon-box--size-small.sc-af-icon-box{width:48px;height:48px;padding:14px;border-radius:12px}.icon-box--size-default.sc-af-icon-box{width:64px;height:64px;padding:12px;border-radius:16px}.icon-box--size-large.sc-af-icon-box{width:80px;height:80px;padding:16px;border-radius:20px}"}},[2,"af-icon-box",{icon:[1],size:[1]}]);function t(){"undefined"!=typeof customElements&&["af-icon-box","af-icon"].forEach((e=>{switch(e){case"af-icon-box":customElements.get(s(e))||customElements.define(s(e),n);break;case"af-icon":customElements.get(s(e))||c()}}))}export{n as A,t as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as a,H as t,h as e,c as d,t as r}from"./p-DsNqeD3z.js";import{d as l}from"./p-BAJW_4SY.js";import{d as i}from"./p-CQfk7gDb.js";const s=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.theme="mist-green",this.breakpoint="desktop",this.cardSize="default"}render(){return e(d,{key:"7f7aea609db84c1efbd6d19068d4047ec92f40dc"},e("div",{key:"3d6d8412b526b38e0a8fb722f9dd690a7d386847",class:{"illustrated-card":!0,[`illustrated-card--breakpoint-${this.breakpoint}`]:!0,[`illustrated-card--size-${this.cardSize}`]:!0}},e("af-card",{key:"3fcefff2b10d0f81990d04bd46f965b00e70f456",theme:this.theme},e("div",{key:"d6faf6b89a08b62f30cac04a50fb417bb404cdb6",class:"illustrated-card__content"},e("af-typography-lockup",{key:"9d8ddd4653af4cebb9c96a7383eaef108e3d91c7",headingSize:3,breakpoint:this.breakpoint,textAlignment:"left",buttonAlignment:"vertical"},e("slot",{key:"c87cc8eec07ac2d04e1383bb75583114c9cceecd"}),e("span",{key:"eb87e83a60e38528577181e2e2ac5b25c846a662",slot:"description"},e("slot",{key:"83e551b037d4f7c497e5c8a40f1f151f6f9c9938",name:"body"})))),e("div",{key:"3ff9e46ae9df384d5f58a68ac5388a4b9269c6da",class:"illustrated-card__illustration-area"},e("slot",{key:"df24410a86179d2660162d4653d2543f0814addb",name:"illustration"})))))}static get style(){return".sc-af-illustrated-card-h{display:flex;flex-direction:column;width:100%;--af-card-padding:0;--af-card-gap:0}.illustrated-card.sc-af-illustrated-card{min-height:400px}.illustrated-card__content.sc-af-illustrated-card{position:relative;display:flex;flex-direction:column;box-sizing:border-box;z-index:1}.illustrated-card--breakpoint-desktop.illustrated-card--size-default.sc-af-illustrated-card .illustrated-card__content.sc-af-illustrated-card{padding:40px 32px 12px 32px}.illustrated-card--breakpoint-desktop.illustrated-card--size-large.sc-af-illustrated-card .illustrated-card__content.sc-af-illustrated-card{padding:40px 40px 0 40px}.illustrated-card--breakpoint-mobile.sc-af-illustrated-card .illustrated-card__content.sc-af-illustrated-card{padding:32px 24px 12px 24px}.illustrated-card__illustration-area.sc-af-illustrated-card{position:relative;width:100%;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.illustrated-card--breakpoint-desktop.sc-af-illustrated-card .illustrated-card__illustration-area.sc-af-illustrated-card{min-height:160px}.illustrated-card--breakpoint-mobile.sc-af-illustrated-card .illustrated-card__illustration-area.sc-af-illustrated-card{min-height:192px}.illustrated-card__illustration-placeholder.sc-af-illustrated-card{width:100%;height:100%;min-height:120px;display:flex;align-items:center;justify-content:center}.illustrated-card__illustration-area.sc-af-illustrated-card-s>img,.illustrated-card__illustration-area .sc-af-illustrated-card-s>img,.illustrated-card__illustration-area.sc-af-illustrated-card img.sc-af-illustrated-card{max-width:100%;max-height:200px;height:auto;object-fit:contain}.illustrated-card.sc-af-illustrated-card af-typography-lockup.sc-af-illustrated-card{--colour-typography-heading-primary:var(--af-typography-heading-primary);--colour-typography-body-default:var(--af-typography-body-default)}"}},[262,"af-illustrated-card",{theme:[1],breakpoint:[1],cardSize:[1,"card-size"]}]);function c(){"undefined"!=typeof customElements&&["af-illustrated-card","af-card","af-typography-lockup"].forEach((a=>{switch(a){case"af-illustrated-card":customElements.get(r(a))||customElements.define(r(a),s);break;case"af-card":customElements.get(r(a))||l();break;case"af-typography-lockup":customElements.get(r(a))||i()}}))}export{s as A,c as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as a,H as r,h as i,c as t,t as e}from"./p-DsNqeD3z.js";const n=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.hierarchy="primary",this.variant="01",this.breakpoint="desktop",this.active=!1,this.handleTriggerKeyDown=a=>{"Enter"!==a.key&&" "!==a.key&&"Spacebar"!==a.key||(a.preventDefault(),this.el.click())}}render(){const a={"nav-item":!0,[`hierarchy-${this.hierarchy}`]:!0,[`variant-${this.variant}`]:!0,[`breakpoint-${this.breakpoint}`]:!0,active:this.active},r=[i("slot",{name:"icon-left"}),i("div",{class:"label-container"},i("slot",null)),i("slot",{name:"icon-right"})];if(this.href)return i(t,null,i("a",{href:this.href,class:"nav-link"},i("div",{class:a},r)));const e=this.el.hasAttribute("data-dropdown");return i(t,null,i("div",e?{class:a,role:"button",tabindex:0,"aria-haspopup":"menu",onKeyDown:this.handleTriggerKeyDown}:{class:a},r))}get el(){return this}static get style(){return'.sc-af-nav-item-h{display:inline-block}[breakpoint="mobile"].sc-af-nav-item-h{display:block;width:100%}.nav-link.sc-af-nav-item{text-decoration:none;color:inherit;display:block}.nav-item.sc-af-nav-item{display:flex;align-items:center;gap:8px;box-sizing:border-box;cursor:pointer}.hierarchy-primary.sc-af-nav-item{padding:12px;justify-content:center}.hierarchy-primary.sc-af-nav-item .label-container.sc-af-nav-item{display:flex;align-items:center;justify-content:center;height:24px;gap:10px}.hierarchy-primary.variant-01.sc-af-nav-item{font-family:var(--typography-headingfont, \'NeuSans\', \'Inter\', system-ui, sans-serif);font-size:16px;font-weight:var(--font-weight-book, 500);line-height:20px;color:var(--af-nav-item-primary, var(--af-typography-body-dark, #14343b))}.hierarchy-primary.variant-01.sc-af-nav-item .label-container.sc-af-nav-item{border-bottom:1px solid transparent}.hierarchy-primary.variant-02.sc-af-nav-item{font-family:var(--typography-bodyfont, \'Helvetica\', \'Inter\', system-ui, sans-serif);font-size:16px;font-weight:var(--font-weight-regular, 400);line-height:20px;color:var(--af-nav-item-secondary, var(--af-typography-body-default, #2b484f))}.hierarchy-primary.variant-01.sc-af-nav-item:hover .label-container.sc-af-nav-item{border-bottom-color:currentColor}.hierarchy-primary.variant-01.active.sc-af-nav-item .label-container.sc-af-nav-item{border-bottom:2px solid var(--af-nav-border-active, var(--af-background-border-active, #8a7049));margin-bottom:-1px}.hierarchy-primary.variant-02.sc-af-nav-item:hover{background-color:rgba(20, 52, 59, 0.04);border-radius:8px}.hierarchy-primary.variant-02.active.sc-af-nav-item{background-color:rgba(20, 52, 59, 0.08);border-radius:8px}.hierarchy-secondary.sc-af-nav-item{padding:4px 0}.hierarchy-secondary.sc-af-nav-item .label-container.sc-af-nav-item{display:flex;align-items:center;flex:1;min-height:24px;gap:10px}.hierarchy-secondary.variant-01.sc-af-nav-item{font-family:var(--typography-headingfont, \'NeuSans\', \'Inter\', system-ui, sans-serif);font-size:14px;font-weight:500;line-height:20px;color:var(--af-nav-item-primary, var(--af-typography-body-dark, #14343b))}.hierarchy-secondary.variant-02.sc-af-nav-item{font-family:var(--typography-bodyfont, \'NeuSans\', \'Inter\', system-ui, sans-serif);font-size:14px;font-weight:400;line-height:20px;color:var(--af-nav-item-secondary, var(--af-typography-body-default, #2b484f))}.hierarchy-secondary.sc-af-nav-item:hover .label-container.sc-af-nav-item{text-decoration:underline}.nav-item.sc-af-nav-item:focus-within{outline:2px solid var(--af-nav-border-active, var(--af-background-border-active, #8a7049));outline-offset:2px;border-radius:4px}.nav-link.sc-af-nav-item:focus{outline:none}.nav-link.sc-af-nav-item:focus-visible+.nav-item.sc-af-nav-item,.sc-af-nav-item-h:focus-visible .nav-item.sc-af-nav-item{outline:2px solid var(--af-nav-border-active, var(--af-background-border-active, #8a7049));outline-offset:2px;border-radius:4px}.hierarchy-primary.breakpoint-mobile.sc-af-nav-item{padding:20px 12px;border-bottom:1px solid var(--af-nav-border-subtle, var(--af-background-border-subtle, #e8eeed));width:100%;justify-content:flex-start}.hierarchy-primary.breakpoint-mobile.sc-af-nav-item .label-container.sc-af-nav-item{flex:1;justify-content:flex-start}.hierarchy-primary.variant-01.breakpoint-mobile.sc-af-nav-item{font-size:20px;line-height:1.1;letter-spacing:-0.4px}.hierarchy-primary.variant-02.breakpoint-mobile.sc-af-nav-item{font-size:20px;line-height:1.1;letter-spacing:-0.4px;color:var(--af-nav-item-subtle, var(--af-typography-body-subtle, #60767b))}.hierarchy-secondary.breakpoint-mobile.sc-af-nav-item{padding:2px 0;height:40px}.hierarchy-secondary.breakpoint-mobile.sc-af-nav-item .label-container.sc-af-nav-item{min-height:24px}.hierarchy-primary.breakpoint-mobile.variant-01.sc-af-nav-item .label-container.sc-af-nav-item{border-bottom-color:transparent}.hierarchy-primary.breakpoint-mobile.variant-01.sc-af-nav-item:hover .label-container.sc-af-nav-item{border-bottom-color:transparent}.hierarchy-primary.breakpoint-mobile.variant-01.active.sc-af-nav-item .label-container.sc-af-nav-item{border-bottom-color:transparent;margin-bottom:0}.sc-af-nav-item-s>[slot="icon-left"],.sc-af-nav-item-s>[slot="icon-right"]{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease}.hierarchy-primary.variant-01.sc-af-nav-item-s>[slot="icon-left"],.hierarchy-primary.variant-01 .sc-af-nav-item-s>[slot="icon-left"],.hierarchy-primary.variant-01.sc-af-nav-item-s>[slot="icon-right"],.hierarchy-primary.variant-01 .sc-af-nav-item-s>[slot="icon-right"]{color:var(--af-nav-item-primary, var(--af-typography-body-dark, #14343b))}.hierarchy-primary.variant-02.sc-af-nav-item-s>[slot="icon-left"],.hierarchy-primary.variant-02 .sc-af-nav-item-s>[slot="icon-left"],.hierarchy-primary.variant-02.sc-af-nav-item-s>[slot="icon-right"],.hierarchy-primary.variant-02 .sc-af-nav-item-s>[slot="icon-right"]{color:var(--af-nav-item-secondary, var(--af-typography-body-default, #2b484f))}.hierarchy-primary.breakpoint-mobile.active.sc-af-nav-item-s>[slot="icon-right"],.hierarchy-primary.breakpoint-mobile.active .sc-af-nav-item-s>[slot="icon-right"]{transform:rotate(180deg)}.hierarchy-secondary.sc-af-nav-item-s>[slot="icon-right"],.hierarchy-secondary .sc-af-nav-item-s>[slot="icon-right"]{width:20px;height:20px}.hierarchy-secondary.variant-01.sc-af-nav-item-s>[slot="icon-right"],.hierarchy-secondary.variant-01 .sc-af-nav-item-s>[slot="icon-right"]{color:var(--af-nav-item-primary, var(--af-typography-body-dark, #14343b))}.hierarchy-secondary.variant-02.sc-af-nav-item-s>[slot="icon-right"],.hierarchy-secondary.variant-02 .sc-af-nav-item-s>[slot="icon-right"]{color:var(--af-nav-item-secondary, var(--af-typography-body-default, #2b484f))}@media (max-width: 1023px){[breakpoint="auto"].sc-af-nav-item-h .hierarchy-primary.sc-af-nav-item,.sc-af-nav-item-h:not([breakpoint]) .hierarchy-primary.sc-af-nav-item{padding:20px 12px;border-bottom:1px solid var(--af-nav-border-subtle, var(--af-background-border-subtle, #e8eeed));width:100%}[breakpoint="auto"].sc-af-nav-item-h .hierarchy-primary.sc-af-nav-item .label-container.sc-af-nav-item,.sc-af-nav-item-h:not([breakpoint]) .hierarchy-primary.sc-af-nav-item .label-container.sc-af-nav-item{flex:1;justify-content:flex-start}[breakpoint="auto"].sc-af-nav-item-h .hierarchy-primary.variant-01.sc-af-nav-item,.sc-af-nav-item-h:not([breakpoint]) .hierarchy-primary.variant-01.sc-af-nav-item{font-size:20px;line-height:1.1;letter-spacing:-0.4px}[breakpoint="auto"].sc-af-nav-item-h .hierarchy-primary.variant-02.sc-af-nav-item,.sc-af-nav-item-h:not([breakpoint]) .hierarchy-primary.variant-02.sc-af-nav-item{font-size:20px;line-height:1.1;letter-spacing:-0.4px;color:var(--af-nav-item-subtle, var(--af-typography-body-subtle, #60767b))}.sc-af-nav-item-h[breakpoint="auto"] .hierarchy-primary.active.sc-af-nav-item-s>[slot="icon-right"],.sc-af-nav-item-h[breakpoint="auto"] .hierarchy-primary.active .sc-af-nav-item-s>[slot="icon-right"],.sc-af-nav-item-h:not([breakpoint]) .hierarchy-primary.active.sc-af-nav-item-s>[slot="icon-right"],.sc-af-nav-item-h:not([breakpoint]) .hierarchy-primary.active .sc-af-nav-item-s>[slot="icon-right"]{transform:rotate(180deg)}.sc-af-nav-item-h[breakpoint="auto"] .hierarchy-primary:hover.sc-af-nav-item-s>[slot="icon-right"],.sc-af-nav-item-h[breakpoint="auto"] .hierarchy-primary:hover .sc-af-nav-item-s>[slot="icon-right"],.sc-af-nav-item-h:not([breakpoint]) .hierarchy-primary:hover.sc-af-nav-item-s>[slot="icon-right"],.sc-af-nav-item-h:not([breakpoint]) .hierarchy-primary:hover .sc-af-nav-item-s>[slot="icon-right"]{transform:none}.sc-af-nav-item-h[breakpoint="auto"] .hierarchy-primary.active:hover.sc-af-nav-item-s>[slot="icon-right"],.sc-af-nav-item-h[breakpoint="auto"] .hierarchy-primary.active:hover .sc-af-nav-item-s>[slot="icon-right"],.sc-af-nav-item-h:not([breakpoint]) .hierarchy-primary.active:hover.sc-af-nav-item-s>[slot="icon-right"],.sc-af-nav-item-h:not([breakpoint]) .hierarchy-primary.active:hover .sc-af-nav-item-s>[slot="icon-right"]{transform:rotate(180deg)}}'}},[262,"af-nav-item",{hierarchy:[1],variant:[1],breakpoint:[513],href:[1],active:[4]}]);function o(){"undefined"!=typeof customElements&&["af-nav-item"].forEach((a=>{"af-nav-item"===a&&(customElements.get(e(a))||customElements.define(e(a),n))}))}export{n as A,o as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as a,H as e,h as r,c as t,t as d}from"./p-DsNqeD3z.js";import{d as c}from"./p-
|
|
1
|
+
import{p as a,H as e,h as r,c as t,t as d}from"./p-DsNqeD3z.js";import{d as c}from"./p-BAJW_4SY.js";import{d as f}from"./p-CQfk7gDb.js";const i=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.theme="mist-green",this.layout="standard",this.cardSize="default",this.headingSize=3,this.imageAlt=""}render(){const a=!!this.imageSrc,e="full-bleed"===this.layout,d={"feature-card":!0,[`feature-card--layout-${this.layout}`]:!0,[`feature-card--size-${this.cardSize}`]:!0};return r(t,null,e?r("div",{class:d},a&&r("div",{class:"feature-card__background"},r("img",{src:this.imageSrc,alt:this.imageAlt,class:"feature-card__background-image"})),r("div",{class:"feature-card__overlay"},r("af-typography-lockup",{headingSize:this.headingSize,textAlignment:"left",buttonAlignment:"vertical"},r("slot",null),r("span",{slot:"description"},r("slot",{name:"body"}))))):r("div",{class:d},r("af-card",{theme:this.theme,stretch:"flexible"===this.cardSize},r("div",{class:"feature-card__content"},r("af-typography-lockup",{headingSize:this.headingSize,textAlignment:"left",buttonAlignment:"vertical"},r("slot",null),r("span",{slot:"description"},r("slot",{name:"body"})))),a&&r("div",{class:"feature-card__image-area"},r("img",{src:this.imageSrc,alt:this.imageAlt,class:"feature-card__image"})))))}static get style(){return'.sc-af-feature-card-h{display:block;--af-card-padding:0;--af-card-gap:0}[card-size="default"].sc-af-feature-card-h{width:544px}[card-size="large"].sc-af-feature-card-h{width:777px}[card-size="flexible"].sc-af-feature-card-h{display:flex;width:100%;height:100%}.feature-card.sc-af-feature-card{overflow:hidden;position:relative;display:flex;flex-direction:column;box-sizing:border-box;border-radius:var(--border-radius-card-level-1, 32px);width:100%;height:100%;isolation:isolate}.feature-card--layout-full-bleed.sc-af-feature-card{background:var(--background-base, var(--colour-brand-inkwell, #14343b))}[card-size="default"].sc-af-feature-card-h .feature-card--layout-full-bleed.sc-af-feature-card,[card-size="large"].sc-af-feature-card-h .feature-card--layout-full-bleed.sc-af-feature-card{height:660px}[card-size="flexible"].sc-af-feature-card-h .feature-card--layout-full-bleed.sc-af-feature-card{min-height:480px}.feature-card__background.sc-af-feature-card{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:0}.feature-card__background-image.sc-af-feature-card{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.feature-card__overlay.sc-af-feature-card{position:absolute;bottom:0;left:0;right:0;border-radius:0;backdrop-filter:blur(2px);background:linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);z-index:1;padding:124px 32px 32px 32px;--af-typography-heading-primary:var(--typography-heading-secondary, #ffffff);--af-typography-heading-secondary:var(--typography-heading-secondary, #ffffff);--af-typography-body-default:var(--typography-body-dark, #ffffff);--colour-typography-heading-primary:var(--typography-heading-secondary, #ffffff);--colour-typography-heading-secondary:var(--typography-heading-secondary, #ffffff);--colour-typography-body-default:var(--typography-body-dark, #ffffff)}.feature-card--layout-standard.sc-af-feature-card{background:var(--background-level-1, var(--colour-mistgreen-200, #e8eeed))}.feature-card--layout-standard.sc-af-feature-card af-card.sc-af-feature-card{--border-radius-card-level-1:0}[card-size="flexible"].sc-af-feature-card-h .feature-card--layout-standard.sc-af-feature-card{min-height:400px}.feature-card__content.sc-af-feature-card{position:relative;display:flex;flex-direction:column;box-sizing:border-box;z-index:1;padding:40px 32px 12px 32px;flex:1 1 auto}[card-size="large"].sc-af-feature-card-h .feature-card__content.sc-af-feature-card{padding:40px 40px 0 40px}.feature-card__image-area.sc-af-feature-card{position:relative;width:100%;height:160px;flex-shrink:0;overflow:hidden;border-radius:0}.feature-card__image.sc-af-feature-card{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:0}.feature-card.sc-af-feature-card af-typography-lockup.sc-af-feature-card{--colour-typography-heading-primary:var(--af-typography-heading-primary, var(--typography-heading-primary, #14343b));--colour-typography-body-default:var(--af-typography-body-default, var(--typography-body-default, #2b484f))}@media (max-width: 768px){.feature-card.sc-af-feature-card{border-radius:var(--border-radius-card-level-1, 24px)}[card-size="default"].sc-af-feature-card-h,[card-size="large"].sc-af-feature-card-h{width:335px}[card-size="default"].sc-af-feature-card-h .feature-card--layout-full-bleed.sc-af-feature-card,[card-size="large"].sc-af-feature-card-h .feature-card--layout-full-bleed.sc-af-feature-card{height:442px}[card-size="flexible"].sc-af-feature-card-h .feature-card--layout-standard.sc-af-feature-card{min-height:340px}[card-size="flexible"].sc-af-feature-card-h .feature-card--layout-full-bleed.sc-af-feature-card{min-height:380px}.feature-card__overlay.sc-af-feature-card{padding:80px 24px 28px 24px}.feature-card__content.sc-af-feature-card{padding:32px 24px 12px 24px}.feature-card__image-area.sc-af-feature-card{height:192px}}'}},[262,"af-feature-card",{theme:[1],layout:[1],cardSize:[513,"card-size"],headingSize:[2,"heading-size"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"]}]);function s(){"undefined"!=typeof customElements&&["af-feature-card","af-card","af-typography-lockup"].forEach((a=>{switch(a){case"af-feature-card":customElements.get(d(a))||customElements.define(d(a),i);break;case"af-card":customElements.get(d(a))||c();break;case"af-typography-lockup":customElements.get(d(a))||f()}}))}export{i as A,s as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as r,H as a,h as t,c as o,t as n}from"./p-DsNqeD3z.js";const i=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.variant="primary",this.size="default",this.disabled=!1,this.type="button",this.hasIconLeft=!1,this.hasIconRight=!1,this.handleSlotChange=r=>a=>{const t=a.target.assignedNodes().length>0;"icon-left"===r?this.hasIconLeft=t:this.hasIconRight=t}}render(){const r={button:!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,disabled:this.disabled},a=[t("span",{class:{"icon-left":!0,"has-content":this.hasIconLeft}},t("slot",{name:"icon-left",onSlotchange:this.handleSlotChange("icon-left")})),t("span",{class:"label"},t("slot",null)),t("span",{class:{"icon-right":!0,"has-content":this.hasIconRight}},t("slot",{name:"icon-right",onSlotchange:this.handleSlotChange("icon-right")}))];return t(o,null,this.href&&!this.disabled?t("a",{href:this.href,class:r},a):t("button",{type:this.type,disabled:this.disabled,class:r},a))}static get style(){return':host{display:inline-block}:host([variant="primary"]){color:var(--af-button-primary-icon, var(--colour-brand-inkwell, #14343B))}:host([variant="secondary"]){color:var(--af-button-secondary-icon, var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343B)))}:host([variant="tertiary"]){color:var(--af-button-tertiary-icon, var(--colour-brand-inkwell, #14343B))}:host([full-width]),:host(.full-width){display:block;width:100%}:host([full-width]) .button,:host(.full-width) .button{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:0;border-radius:9999px;font-family:var(--typography-primaryfont, \'NeuSans\', sans-serif);font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent;box-sizing:border-box;white-space:nowrap;width:var(--af-button-width, auto)}.size-default{padding:12px 24px;font-size:17px;line-height:20px}.size-small{padding:8px 16px;font-size:14px;line-height:16px}.icon-left,.icon-right{display:none;align-items:center;justify-content:center;flex-shrink:0}.icon-left.has-content,.icon-right.has-content{display:flex}.size-default .icon-left,.size-default .icon-right{width:24px;height:24px}.size-small .icon-left,.size-small .icon-right{width:20px;height:20px}.size-default .icon-left.has-content{margin-right:12px}.size-default .icon-right.has-content{margin-left:12px}.size-small .icon-left.has-content{margin-right:8px}.size-small .icon-right.has-content{margin-left:8px}.label{flex:0 1 auto;display:flex;align-items:center;justify-content:center}.size-default .label{height:24px}.size-small .label{height:20px}.variant-primary{background:var(--af-button-primary-bg, var(--colour-brand-ice, #a6fffb));border-color:var(--af-button-primary-stroke, var(--colour-brand-inkwell, #14343b));color:var(--af-button-primary-text, var(--colour-brand-inkwell, #14343b))}.variant-primary .icon-left,.variant-primary .icon-right{color:var(--af-button-primary-icon, var(--colour-brand-inkwell, #14343b))}.variant-primary:hover:not(.disabled){background:var(--af-button-primary-bg-hover, #95E6E2);border-color:var(--af-button-primary-stroke, #14343B)}.variant-primary:focus:not(.disabled),.variant-primary:focus-visible:not(.disabled){background:var(--af-button-primary-bg, #A6FFFB);border-color:var(--af-button-primary-stroke, #14343B);box-shadow:0 0 0 4px var(--af-background-base, #FFF), 0 0 0 5px var(--af-button-primary-stroke, #14343B);outline:none}.variant-primary:active:not(.disabled){background:var(--af-button-primary-bg-hover, #95E6E2)}.variant-secondary{background:var(--af-button-secondary-bg, transparent);border-color:var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b));color:var(--af-button-secondary-text, var(--colour-brand-inkwell, #14343b))}.variant-secondary .icon-left,.variant-secondary .icon-right{color:var(--af-button-secondary-icon, var(--colour-brand-inkwell, #14343b))}.variant-secondary:hover:not(.disabled){background:var(--af-button-secondary-bg-hover, rgba(128, 128, 128, 0.1));border-color:var(--af-button-secondary-stroke, currentColor)}.variant-secondary:focus:not(.disabled),.variant-secondary:focus-visible:not(.disabled){background:var(--af-background-base, #FFF);border-color:var(--af-button-secondary-stroke, currentColor);box-shadow:0 0 0 4px var(--af-background-base, #FFF), 0 0 0 5px var(--af-button-secondary-stroke, currentColor);outline:none}.variant-secondary:active:not(.disabled){background:var(--af-button-secondary-bg-hover, rgba(128, 128, 128, 0.1))}.variant-tertiary{background:transparent;border-color:transparent;border-radius:0;color:var(--af-button-tertiary-text, var(--colour-brand-inkwell, #14343b));padding-left:0;padding-right:0}.variant-tertiary .label{border-bottom:2px solid var(--af-button-tertiary-stroke, var(--colour-brand-soft-clay, #B09670))}.variant-tertiary .icon-left,.variant-tertiary .icon-right{color:var(--af-button-tertiary-icon, var(--colour-brand-inkwell, #14343b))}.variant-tertiary:hover:not(.disabled){opacity:0.8}.variant-tertiary:focus:not(.disabled),.variant-tertiary:focus-visible:not(.disabled){outline:none}.variant-tertiary:focus-visible:not(.disabled) .label{box-shadow:0 4px 0 0 var(--af-button-tertiary-stroke, var(--colour-brand-soft-clay, #B09670))}.variant-tertiary:active:not(.disabled){opacity:0.6}.disabled{cursor:not-allowed;pointer-events:none}.variant-primary.disabled{border:1px solid var(--af-button-primary-stroke, #14343B);background:var(--af-button-primary-bg, #A6FFFB);opacity:0.6}.variant-secondary.disabled{border:1px solid var(--af-button-secondary-stroke, currentColor);opacity:0.6}.variant-tertiary.disabled{opacity:0.6}button.button{font:inherit;cursor:pointer}button.button.variant-primary{background:var(--af-button-primary-bg, var(--colour-brand-ice, #a6fffb));border:1px solid var(--af-button-primary-stroke, var(--colour-brand-inkwell, #14343b))}button.button.variant-secondary{background:var(--af-button-secondary-bg, transparent);border:1px solid var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b))}button.button.variant-tertiary{background:transparent;border:none}a.button{text-decoration:none;color:inherit}a.button.variant-primary{background:var(--af-button-primary-bg, var(--colour-brand-ice, #a6fffb));border:1px solid var(--af-button-primary-stroke, var(--colour-brand-inkwell, #14343b))}a.button.variant-secondary{background:var(--af-button-secondary-bg, transparent);border:1px solid var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b))}a.button.variant-tertiary{background:transparent;border:none}'}},[257,"af-button",{variant:[513],size:[1],disabled:[4],type:[1],href:[1],hasIconLeft:[32],hasIconRight:[32]}]);function e(){"undefined"!=typeof customElements&&["af-button"].forEach((r=>{"af-button"===r&&(customElements.get(n(r))||customElements.define(n(r),i))}))}export{i as A,e as d}
|
|
@@ -27,9 +27,30 @@ const AfAccordionItem = class {
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
componentDidLoad() {
|
|
30
|
+
// #region agent log
|
|
31
|
+
fetch('http://127.0.0.1:7242/ingest/b0b55d5e-d10c-4b52-9f1d-02a40f4c5e87', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ location: 'af-accordion-item.tsx:componentDidLoad', message: 'Component loaded', data: { itemId: this.itemId, hasShadowRoot: !!this.el.shadowRoot }, timestamp: Date.now(), sessionId: 'debug-session', hypothesisId: 'E' }) }).catch(() => { });
|
|
32
|
+
// #endregion
|
|
33
|
+
// #region agent log
|
|
34
|
+
const shadowRoot = this.el.shadowRoot;
|
|
35
|
+
const triggerSlot = shadowRoot?.querySelector('slot[name="trigger"]');
|
|
36
|
+
const assignedNodes = triggerSlot?.assignedNodes() || [];
|
|
37
|
+
const assignedElements = triggerSlot?.assignedElements() || [];
|
|
38
|
+
fetch('http://127.0.0.1:7242/ingest/b0b55d5e-d10c-4b52-9f1d-02a40f4c5e87', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ location: 'af-accordion-item.tsx:componentDidLoad:slotCheck', message: 'Checking trigger slot content', data: { hasTriggerSlot: !!triggerSlot, assignedNodesCount: assignedNodes.length, assignedElementsCount: assignedElements.length, assignedContent: assignedElements.map(el => ({ tagName: el.tagName, textContent: el.textContent })) }, timestamp: Date.now(), sessionId: 'debug-session', hypothesisId: 'A' }) }).catch(() => { });
|
|
39
|
+
// #endregion
|
|
40
|
+
// #region agent log
|
|
41
|
+
const triggerContent = shadowRoot?.querySelector('.trigger-content');
|
|
42
|
+
const triggerContentStyles = triggerContent ? getComputedStyle(triggerContent) : null;
|
|
43
|
+
fetch('http://127.0.0.1:7242/ingest/b0b55d5e-d10c-4b52-9f1d-02a40f4c5e87', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ location: 'af-accordion-item.tsx:componentDidLoad:styleCheck', message: 'Checking trigger-content styles', data: { hasTriggerContent: !!triggerContent, width: triggerContent?.offsetWidth, height: triggerContent?.offsetHeight, color: triggerContentStyles?.color, display: triggerContentStyles?.display, visibility: triggerContentStyles?.visibility }, timestamp: Date.now(), sessionId: 'debug-session', hypothesisId: 'B,C' }) }).catch(() => { });
|
|
44
|
+
// #endregion
|
|
45
|
+
// #region agent log
|
|
46
|
+
const lightDomChildren = Array.from(this.el.children);
|
|
47
|
+
const slottedTrigger = this.el.querySelector('[slot="trigger"]');
|
|
48
|
+
fetch('http://127.0.0.1:7242/ingest/b0b55d5e-d10c-4b52-9f1d-02a40f4c5e87', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ location: 'af-accordion-item.tsx:componentDidLoad:lightDomCheck', message: 'Checking light DOM for slotted content', data: { lightDomChildCount: lightDomChildren.length, lightDomTags: lightDomChildren.map(c => c.tagName), hasSlottedTrigger: !!slottedTrigger, slottedTriggerText: slottedTrigger?.textContent }, timestamp: Date.now(), sessionId: 'debug-session', hypothesisId: 'D' }) }).catch(() => { });
|
|
49
|
+
// #endregion
|
|
30
50
|
if (this.open) {
|
|
31
51
|
this.measureContent();
|
|
32
52
|
}
|
|
53
|
+
// Set up ResizeObserver to handle dynamic content changes
|
|
33
54
|
this.resizeObserver = new ResizeObserver(() => {
|
|
34
55
|
if (this.open && this.contentRef) {
|
|
35
56
|
this.contentHeight = this.contentRef.scrollHeight;
|
|
@@ -40,6 +61,7 @@ const AfAccordionItem = class {
|
|
|
40
61
|
}
|
|
41
62
|
}
|
|
42
63
|
disconnectedCallback() {
|
|
64
|
+
// Clean up ResizeObserver
|
|
43
65
|
if (this.resizeObserver) {
|
|
44
66
|
this.resizeObserver.disconnect();
|
|
45
67
|
}
|
|
@@ -54,6 +76,7 @@ const AfAccordionItem = class {
|
|
|
54
76
|
}
|
|
55
77
|
}
|
|
56
78
|
measureContent() {
|
|
79
|
+
// Use requestAnimationFrame to ensure DOM has updated before measuring
|
|
57
80
|
requestAnimationFrame(() => {
|
|
58
81
|
if (this.contentRef) {
|
|
59
82
|
this.contentHeight = this.contentRef.scrollHeight;
|
|
@@ -61,10 +84,13 @@ const AfAccordionItem = class {
|
|
|
61
84
|
});
|
|
62
85
|
}
|
|
63
86
|
render() {
|
|
87
|
+
// #region agent log
|
|
88
|
+
fetch('http://127.0.0.1:7242/ingest/b0b55d5e-d10c-4b52-9f1d-02a40f4c5e87', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ location: 'af-accordion-item.tsx:render', message: 'Render called', data: { itemId: this.itemId, open: this.open }, timestamp: Date.now(), sessionId: 'debug-session', hypothesisId: 'E' }) }).catch(() => { });
|
|
89
|
+
// #endregion
|
|
64
90
|
const contentStyle = {
|
|
65
91
|
maxHeight: this.open ? `${this.contentHeight}px` : '0px'
|
|
66
92
|
};
|
|
67
|
-
return (h(Host, { key: '
|
|
93
|
+
return (h(Host, { key: '43f7afd57f2140281370bb017cfe2b51cd2842ce', class: { 'is-open': this.open, 'is-disabled': this.disabled } }, h("div", { key: '940e6da12aff564fba2e7fefe9d86da2ee75ace2', class: "accordion-item" }, h("button", { key: 'b95af456ed818845a063e171bf0f761ef9177d27', class: "trigger", onClick: this.handleTriggerClick, "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `content-${this.itemId}`, disabled: this.disabled, type: "button" }, h("div", { key: '20d794a74b04186e970ff1ca87dc1815dbe74db8', class: "trigger-content" }, h("slot", { key: '4093bf6319a38abe01c2c6543943a1057cb39bd6', name: "trigger" })), h("div", { key: '5e9245bb929007455538327366ed7b1ae29c82b1', class: { 'chevron': true, 'is-open': this.open } }, h("svg", { key: '1d6854e700f7ef35471093bc635d74a27bf370eb', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { key: '9b89ceb690f036e1504b73a61c9aa44295da6227', d: "M6 9l6 6 6-6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '8e7fe567cbbc396100bd6ea75ad8e8854bc92e2a', id: `content-${this.itemId}`, class: "content-wrapper", style: contentStyle, "aria-hidden": !this.open ? 'true' : 'false' }, h("div", { key: '4a64f911c697b4c5558cfe42f77f9afa99ea5ef9', class: "content", ref: (el) => (this.contentRef = el) }, h("slot", { key: 'aa5d84c7dc3a99e17a2f89a5247b3bd1b12c676b' }))))));
|
|
68
94
|
}
|
|
69
95
|
get el() { return getElement(this); }
|
|
70
96
|
static get watchers() { return {
|
|
@@ -87,7 +87,7 @@ const AfAccordion = class {
|
|
|
87
87
|
});
|
|
88
88
|
}
|
|
89
89
|
render() {
|
|
90
|
-
return (h(Host, { key: '
|
|
90
|
+
return (h(Host, { key: '2d84a14e0db5c7f1ab90d343196fdb5456a2de89', class: { [`mode-${this.mode}`]: true } }, h("div", { key: '773361b5629da5b3942f7686c1efc4ee89461b61', class: "accordion" }, h("slot", { key: 'e88462c8d101d071b8bcfc6be975dd553a13af30' }))));
|
|
91
91
|
}
|
|
92
92
|
get el() { return getElement(this); }
|
|
93
93
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-CPfAC9fk.js';
|
|
2
2
|
|
|
3
|
-
const afButtonCss = () => `:host{display:inline-block}:host([variant="primary"]){color:var(--af-button-primary-icon, var(--colour-brand-inkwell, #14343B))}:host([variant="secondary"]){color:var(--af-button-secondary-icon, var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343B)))}:host([variant="
|
|
3
|
+
const afButtonCss = () => `:host{display:inline-block}:host([variant="primary"]){color:var(--af-button-primary-icon, var(--colour-brand-inkwell, #14343B))}:host([variant="secondary"]){color:var(--af-button-secondary-icon, var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343B)))}:host([variant="tertiary"]){color:var(--af-button-tertiary-icon, var(--colour-brand-inkwell, #14343B))}:host([full-width]),:host(.full-width){display:block;width:100%}:host([full-width]) .button,:host(.full-width) .button{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:0;border-radius:9999px;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent;box-sizing:border-box;white-space:nowrap;width:var(--af-button-width, auto)}.size-default{padding:12px 24px;font-size:17px;line-height:20px}.size-small{padding:8px 16px;font-size:14px;line-height:16px}.icon-left,.icon-right{display:none;align-items:center;justify-content:center;flex-shrink:0}.icon-left.has-content,.icon-right.has-content{display:flex}.size-default .icon-left,.size-default .icon-right{width:24px;height:24px}.size-small .icon-left,.size-small .icon-right{width:20px;height:20px}.size-default .icon-left.has-content{margin-right:12px}.size-default .icon-right.has-content{margin-left:12px}.size-small .icon-left.has-content{margin-right:8px}.size-small .icon-right.has-content{margin-left:8px}.label{flex:0 1 auto;display:flex;align-items:center;justify-content:center}.size-default .label{height:24px}.size-small .label{height:20px}.variant-primary{background:var(--af-button-primary-bg, var(--colour-brand-ice, #a6fffb));border-color:var(--af-button-primary-stroke, var(--colour-brand-inkwell, #14343b));color:var(--af-button-primary-text, var(--colour-brand-inkwell, #14343b))}.variant-primary .icon-left,.variant-primary .icon-right{color:var(--af-button-primary-icon, var(--colour-brand-inkwell, #14343b))}.variant-primary:hover:not(.disabled){background:var(--af-button-primary-bg-hover, #95E6E2);border-color:var(--af-button-primary-stroke, #14343B)}.variant-primary:focus:not(.disabled),.variant-primary:focus-visible:not(.disabled){background:var(--af-button-primary-bg, #A6FFFB);border-color:var(--af-button-primary-stroke, #14343B);box-shadow:0 0 0 4px var(--af-background-base, #FFF), 0 0 0 5px var(--af-button-primary-stroke, #14343B);outline:none}.variant-primary:active:not(.disabled){background:var(--af-button-primary-bg-hover, #95E6E2)}.variant-secondary{background:var(--af-button-secondary-bg, transparent);border-color:var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b));color:var(--af-button-secondary-text, var(--colour-brand-inkwell, #14343b))}.variant-secondary .icon-left,.variant-secondary .icon-right{color:var(--af-button-secondary-icon, var(--colour-brand-inkwell, #14343b))}.variant-secondary:hover:not(.disabled){background:var(--af-button-secondary-bg-hover, rgba(128, 128, 128, 0.1));border-color:var(--af-button-secondary-stroke, currentColor)}.variant-secondary:focus:not(.disabled),.variant-secondary:focus-visible:not(.disabled){background:var(--af-background-base, #FFF);border-color:var(--af-button-secondary-stroke, currentColor);box-shadow:0 0 0 4px var(--af-background-base, #FFF), 0 0 0 5px var(--af-button-secondary-stroke, currentColor);outline:none}.variant-secondary:active:not(.disabled){background:var(--af-button-secondary-bg-hover, rgba(128, 128, 128, 0.1))}.variant-tertiary{background:transparent;border-color:transparent;border-radius:0;color:var(--af-button-tertiary-text, var(--colour-brand-inkwell, #14343b));padding-left:0;padding-right:0}.variant-tertiary .label{border-bottom:2px solid var(--af-button-tertiary-stroke, var(--colour-brand-soft-clay, #B09670))}.variant-tertiary .icon-left,.variant-tertiary .icon-right{color:var(--af-button-tertiary-icon, var(--colour-brand-inkwell, #14343b))}.variant-tertiary:hover:not(.disabled){opacity:0.8}.variant-tertiary:focus:not(.disabled),.variant-tertiary:focus-visible:not(.disabled){outline:none}.variant-tertiary:focus-visible:not(.disabled) .label{box-shadow:0 4px 0 0 var(--af-button-tertiary-stroke, var(--colour-brand-soft-clay, #B09670))}.variant-tertiary:active:not(.disabled){opacity:0.6}.disabled{cursor:not-allowed;pointer-events:none}.variant-primary.disabled{border:1px solid var(--af-button-primary-stroke, #14343B);background:var(--af-button-primary-bg, #A6FFFB);opacity:0.6}.variant-secondary.disabled{border:1px solid var(--af-button-secondary-stroke, currentColor);opacity:0.6}.variant-tertiary.disabled{opacity:0.6}button.button{font:inherit;cursor:pointer}button.button.variant-primary{background:var(--af-button-primary-bg, var(--colour-brand-ice, #a6fffb));border:1px solid var(--af-button-primary-stroke, var(--colour-brand-inkwell, #14343b))}button.button.variant-secondary{background:var(--af-button-secondary-bg, transparent);border:1px solid var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b))}button.button.variant-tertiary{background:transparent;border:none}a.button{text-decoration:none;color:inherit}a.button.variant-primary{background:var(--af-button-primary-bg, var(--colour-brand-ice, #a6fffb));border:1px solid var(--af-button-primary-stroke, var(--colour-brand-inkwell, #14343b))}a.button.variant-secondary{background:var(--af-button-secondary-bg, transparent);border:1px solid var(--af-button-secondary-stroke, var(--colour-brand-inkwell, #14343b))}a.button.variant-tertiary{background:transparent;border:none}`;
|
|
4
4
|
|
|
5
5
|
const AfButton = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -9,14 +9,13 @@ const AfButton = class {
|
|
|
9
9
|
* The visual variant of the button.
|
|
10
10
|
* - `primary` - Main CTA with filled background (use sparingly, 1-2 per view)
|
|
11
11
|
* - `secondary` - Supporting action with outlined style
|
|
12
|
-
* - `
|
|
13
|
-
* with a right-pointing icon. Matches Webflow's "button ghost" variant.
|
|
12
|
+
* - `tertiary` - Subtle text-link style with underline
|
|
14
13
|
*/
|
|
15
14
|
this.variant = 'primary';
|
|
16
15
|
/**
|
|
17
16
|
* The size of the button.
|
|
18
|
-
* - `default` - Standard size for primary CTAs
|
|
19
|
-
* - `
|
|
17
|
+
* - `default` - Standard size for primary CTAs
|
|
18
|
+
* - `small` - Compact size for inline or secondary contexts
|
|
20
19
|
*/
|
|
21
20
|
this.size = 'default';
|
|
22
21
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-CPfAC9fk.js';
|
|
2
2
|
|
|
3
|
-
const afCardCss = () => `.sc-af-card-h{display:block;width:100%}[stretch].sc-af-card-h{display:flex;flex-direction:column;height:100%}[stretch].sc-af-card-h .card.sc-af-card{flex:1 1 auto}[stretch].sc-af-card-h .card__content.sc-af-card{flex:1 1 auto}.card.sc-af-card{border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;position:relative;display:flex;flex-direction:column;box-sizing:border-box}.card.theme-white.sc-af-card{background-color:var(--colour-brand-white, #ffffff);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-mistgreen-200, #e8eeed)}.card.theme-white-ivory.sc-af-card{background-color:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-ivory-200, #ffefcc)}.card.theme-inkwell.sc-af-card{background-color:var(--colour-brand-inkwell, #14343b);--af-typography-heading-primary:var(--colour-brand-mist-green, #c6d5d1);--af-typography-body-default:var(--colour-inkwell-100, #d0d6d8);--af-background-level-1:var(--colour-inkwell-450, #203e45);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff);--af-button-
|
|
3
|
+
const afCardCss = () => `.sc-af-card-h{display:block;width:100%}[stretch].sc-af-card-h{display:flex;flex-direction:column;height:100%}[stretch].sc-af-card-h .card.sc-af-card{flex:1 1 auto}[stretch].sc-af-card-h .card__content.sc-af-card{flex:1 1 auto}.card.sc-af-card{border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;position:relative;display:flex;flex-direction:column;box-sizing:border-box}.card.theme-white.sc-af-card{background-color:var(--colour-brand-white, #ffffff);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-mistgreen-200, #e8eeed)}.card.theme-white-ivory.sc-af-card{background-color:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-ivory-200, #ffefcc)}.card.theme-inkwell.sc-af-card{background-color:var(--colour-brand-inkwell, #14343b);--af-typography-heading-primary:var(--colour-brand-mist-green, #c6d5d1);--af-typography-body-default:var(--colour-inkwell-100, #d0d6d8);--af-background-level-1:var(--colour-inkwell-450, #203e45);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff);--af-button-tertiary-text:var(--colour-brand-white, #ffffff);--af-button-tertiary-icon:var(--colour-brand-white, #ffffff);--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)}.card.theme-mist-green.sc-af-card{background-color:var(--colour-brand-mist-green, #c6d5d1);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-mistgreen-300, #dde6e3)}.card.theme-soft-clay.sc-af-card{background-color:var(--colour-softclay-400, #c0ab8d);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-background-level-1:var(--colour-softclay-500, #b09670)}.card__content.sc-af-card{position:relative;padding:var(--af-card-padding, 40px);display:flex;flex-direction:column;gap:var(--af-card-gap, 24px);flex:1;box-sizing:border-box;z-index:1}.card__content.sc-af-card-s>af-heading,.card__content .sc-af-card-s>af-heading{margin-bottom:0}.card__content.sc-af-card-s>af-text,.card__content .sc-af-card-s>af-text{line-height:1.44}`;
|
|
4
4
|
|
|
5
5
|
const AfCard = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -23,7 +23,7 @@ const AfCard = class {
|
|
|
23
23
|
'card': true,
|
|
24
24
|
[`theme-${this.theme}`]: true
|
|
25
25
|
};
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '11db24244a880d989286e3a7506547107b50b82c' }, h("div", { key: 'eaab5bc65773efb1bb79002f3265afd6d82cc31a', class: classes }, h("div", { key: 'b37815c69c6c479726ad0615e6475ff3e08bc977', class: "card__content" }, h("slot", { key: '2adec851a56fc03bb42d2442ddcb140264192143' })))));
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
AfCard.style = afCardCss();
|
|
@@ -31,7 +31,7 @@ const AfCenter = class {
|
|
|
31
31
|
if (this.minHeight) {
|
|
32
32
|
style.minHeight = this.minHeight;
|
|
33
33
|
}
|
|
34
|
-
return (h(Host, { key: '
|
|
34
|
+
return (h(Host, { key: 'd5155950c8c486ac95b394c8604e1b868becb524', style: style }, h("slot", { key: 'e53b6eeda1351177681e57bca66b6c508e445a43' })));
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
AfCenter.style = afCenterCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-CPfAC9fk.js';
|
|
1
|
+
import { r as registerInstance, h, H as Host, a as getElement } from './index-CPfAC9fk.js';
|
|
2
2
|
|
|
3
|
-
const afClientCarouselCss = () =>
|
|
3
|
+
const afClientCarouselCss = () => `.sc-af-client-carousel-h{display:block;width:100%}.client-carousel.sc-af-client-carousel{padding:48px 0;display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden}.carousel-container.sc-af-client-carousel{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%;overflow:hidden}.carousel-row.sc-af-client-carousel{display:flex;width:100%;overflow:hidden;position:relative}.logo-track.sc-af-client-carousel{display:flex;gap:var(--space-4, 16px);animation-timing-function:linear;animation-iteration-count:infinite}.scroll-left.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation-name:scroll-left;animation-duration:40s}.scroll-right.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation-name:scroll-right;animation-duration:40s}.sc-af-client-carousel-h:hover .logo-track.sc-af-client-carousel{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.logo-track.sc-af-client-carousel,.scroll-left.sc-af-client-carousel .logo-track.sc-af-client-carousel,.scroll-right.sc-af-client-carousel .logo-track.sc-af-client-carousel{animation:none;transform:translateX(0)}}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.logo-track.sc-af-client-carousel>*.sc-af-client-carousel{display:flex;flex-shrink:0;gap:var(--space-4, 16px);align-items:center}.theme-inkwell.sc-af-client-carousel-h,.client-carousel.theme-inkwell.sc-af-client-carousel{background-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-well-bg:var(--colour-background-level1-dark, #203e45);--af-carousel-logo-color:white;--af-carousel-logo-filter:brightness(0) invert(1)}.theme-white.sc-af-client-carousel-h,.client-carousel.theme-white.sc-af-client-carousel{background-color:var(--colour-brand-white, #FFFFFF);--af-carousel-logo-well-bg:var(--colour-background-level1, #e8eeed);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none}.theme-mist-green.sc-af-client-carousel-h,.client-carousel.theme-mist-green.sc-af-client-carousel{background-color:var(--colour-brand-mist-green, #C6D5D1);--af-carousel-logo-well-bg:var(--colour-mistgreen-300, #dde6e3);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none}.theme-soft-clay.sc-af-client-carousel-h,.client-carousel.theme-soft-clay.sc-af-client-carousel{background-color:var(--colour-softclay-400, #c0ab8d);--af-carousel-logo-well-bg:var(--colour-softclay-200, #d5c5b0);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none}.theme-white-ivory.sc-af-client-carousel-h,.client-carousel.theme-white-ivory.sc-af-client-carousel{background-color:var(--colour-brand-ivory-paper, #fff9ee);--af-carousel-logo-well-bg:var(--colour-softclay-100, #f2eadc);--af-carousel-logo-color:var(--colour-brand-inkwell, #14343B);--af-carousel-logo-filter:none}@media (max-width: 1024px){.client-carousel.sc-af-client-carousel{padding:32px 0}}@media (max-width: 767px){.client-carousel.sc-af-client-carousel{padding:24px 0}.carousel-container.sc-af-client-carousel{gap:var(--space-3, 12px)}.logo-track.sc-af-client-carousel{gap:var(--space-3, 12px)}.sc-af-client-carousel-s>*{gap:var(--space-3, 12px)}}`;
|
|
4
4
|
|
|
5
5
|
const AfClientCarousel = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -17,10 +17,38 @@ const AfClientCarousel = class {
|
|
|
17
17
|
*/
|
|
18
18
|
this.rows = 1;
|
|
19
19
|
}
|
|
20
|
+
componentDidLoad() {
|
|
21
|
+
this.duplicateTrackContent(this.row1TrackRef);
|
|
22
|
+
if (Number(this.rows) === 2) {
|
|
23
|
+
this.duplicateTrackContent(this.row2TrackRef);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Append clones of every existing track child into the track so the
|
|
28
|
+
* -50% translate animation loops seamlessly. Marks clones with
|
|
29
|
+
* `aria-hidden` and `data-carousel-clone` so assistive tech ignores
|
|
30
|
+
* them and we can skip them when re-duplicating.
|
|
31
|
+
*
|
|
32
|
+
* In scoped mode, slotted content is moved into the track as regular
|
|
33
|
+
* children (there's no `<slot>` element to read from), so we just
|
|
34
|
+
* iterate direct children that aren't themselves prior clones.
|
|
35
|
+
*/
|
|
36
|
+
duplicateTrackContent(track) {
|
|
37
|
+
if (!track)
|
|
38
|
+
return;
|
|
39
|
+
const originals = Array.from(track.children).filter((child) => !child.hasAttribute('data-carousel-clone'));
|
|
40
|
+
originals.forEach((el) => {
|
|
41
|
+
const clone = el.cloneNode(true);
|
|
42
|
+
clone.setAttribute('data-carousel-clone', '');
|
|
43
|
+
clone.setAttribute('aria-hidden', 'true');
|
|
44
|
+
track.appendChild(clone);
|
|
45
|
+
});
|
|
46
|
+
}
|
|
20
47
|
render() {
|
|
21
48
|
const rows = Number(this.rows);
|
|
22
|
-
return (h(Host, { key: '
|
|
49
|
+
return (h(Host, { key: 'fc74fb35c12175013e543fafa904552e612e6572', class: `theme-${this.theme}` }, h("div", { key: 'f3ef580c12bee50a21224a1acc9f00e6abfe8458', class: `client-carousel theme-${this.theme} rows-${rows}` }, h("div", { key: '2806047e790af64a279edcbb1267ce77f60ea931', class: "carousel-container" }, h("div", { key: 'cfc65a1943a7c2ff7ae7933f6c04161bce6bec18', class: "carousel-row scroll-left" }, h("div", { key: '1618027e9f638c25661c8f53b4b795e25daf0c21', class: "logo-track", ref: (el) => (this.row1TrackRef = el) }, h("slot", { key: '9ad4d469ffb23c24b75e4bb9a1bc4073ca0c4a9b', name: "row-1" }, h("slot", { key: 'f978cd8bf624f37d46b531172ef1f3201e473df7' })))), rows === 2 && (h("div", { key: 'a49696a412537b87b5b9852a52b9d541db9f2a4e', class: "carousel-row scroll-right" }, h("div", { key: '869ee5643bc328c6cdb12a22e0f82b39dd747e92', class: "logo-track", ref: (el) => (this.row2TrackRef = el) }, h("slot", { key: 'abc432acac79101902989317ee98d8cc421dcfee', name: "row-2" }))))))));
|
|
23
50
|
}
|
|
51
|
+
get el() { return getElement(this); }
|
|
24
52
|
};
|
|
25
53
|
AfClientCarousel.style = afClientCarouselCss();
|
|
26
54
|
|