@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,12 +1,14 @@
|
|
|
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 afTypographyLockupCss = () => `: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-
|
|
3
|
+
const afTypographyLockupCss = () => `: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}`;
|
|
4
4
|
|
|
5
5
|
const AfTypographyLockup = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
/**
|
|
9
|
-
* The heading size (1-5, where 1 is largest)
|
|
9
|
+
* The heading size (1-5, where 1 is largest). Controls visual scale
|
|
10
|
+
* only — pair with a matching <h1>-<h5> slotted element for correct
|
|
11
|
+
* document outline (see component docblock).
|
|
10
12
|
*/
|
|
11
13
|
this.headingSize = 2;
|
|
12
14
|
/**
|
|
@@ -37,6 +39,49 @@ const AfTypographyLockup = class {
|
|
|
37
39
|
* - `secondary` - uses `--af-typography-heading-secondary`
|
|
38
40
|
*/
|
|
39
41
|
this.descriptionColor = 'default';
|
|
42
|
+
/**
|
|
43
|
+
* Whether the consumer passed anything into the description / buttons
|
|
44
|
+
* slots. The CSS `:empty` selector can't help here — the `<slot>`
|
|
45
|
+
* element itself counts as a child, so the wrapper divs would always
|
|
46
|
+
* render as empty-but-visible lines of gap. Tracked on mount and on
|
|
47
|
+
* any `slotchange` so wrappers collapse cleanly when there's nothing
|
|
48
|
+
* to show.
|
|
49
|
+
*/
|
|
50
|
+
this.hasDescription = false;
|
|
51
|
+
this.hasButtons = false;
|
|
52
|
+
this.syncSlotState = () => {
|
|
53
|
+
this.hasDescription = (this.descriptionSlot?.assignedNodes({ flatten: true }).length ?? 0) > 0;
|
|
54
|
+
this.hasButtons = (this.buttonsSlot?.assignedNodes({ flatten: true }).length ?? 0) > 0;
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
componentDidLoad() {
|
|
58
|
+
this.syncSlotState();
|
|
59
|
+
this.descriptionSlot?.addEventListener('slotchange', this.syncSlotState);
|
|
60
|
+
this.buttonsSlot?.addEventListener('slotchange', this.syncSlotState);
|
|
61
|
+
// Dev-time check that the slotted semantic tag (h1-h6) is within one
|
|
62
|
+
// level of the visual headingSize. Pairs with the class-level docblock;
|
|
63
|
+
// silent in production unless the author explicitly turned on dev mode
|
|
64
|
+
// via `window.__AF_STRICT_HEADINGS__`.
|
|
65
|
+
if (typeof window === 'undefined')
|
|
66
|
+
return;
|
|
67
|
+
const strict = window
|
|
68
|
+
.__AF_STRICT_HEADINGS__;
|
|
69
|
+
if (!strict)
|
|
70
|
+
return;
|
|
71
|
+
const heading = Array.from(this.el.children).find((child) => !child.hasAttribute('slot') && /^h[1-6]$/i.test(child.tagName));
|
|
72
|
+
if (!heading)
|
|
73
|
+
return;
|
|
74
|
+
const slottedLevel = Number(heading.tagName.slice(1));
|
|
75
|
+
const expected = this.headingSize;
|
|
76
|
+
if (Math.abs(slottedLevel - expected) > 1) {
|
|
77
|
+
// eslint-disable-next-line no-console
|
|
78
|
+
console.warn(`[af-typography-lockup] heading-size=${expected} paired with <${heading.tagName.toLowerCase()}>; ` +
|
|
79
|
+
`expected an <h${expected}> for document outline. Pass deliberately or align the two.`);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
disconnectedCallback() {
|
|
83
|
+
this.descriptionSlot?.removeEventListener('slotchange', this.syncSlotState);
|
|
84
|
+
this.buttonsSlot?.removeEventListener('slotchange', this.syncSlotState);
|
|
40
85
|
}
|
|
41
86
|
render() {
|
|
42
87
|
const effectiveHeadingAlignment = this.headingAlignment ?? this.textAlignment;
|
|
@@ -64,8 +109,9 @@ const AfTypographyLockup = class {
|
|
|
64
109
|
[`align-${effectiveButtonsAlignment}`]: true
|
|
65
110
|
};
|
|
66
111
|
const copyStyle = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};
|
|
67
|
-
return (h(Host, { key: '
|
|
112
|
+
return (h(Host, { key: '9b31ef730abc5e33919d32480e260937ae450529' }, h("div", { key: '95d33308deeb9c5488a89ef7161322a25b2e348f', class: containerClasses }, h("div", { key: '78cff6a371d382a9ff69d06d25180efd667958ab', class: "copy", style: copyStyle }, h("div", { key: '963e6233660bbe45084f42a70e0a1d54236c514e', class: headingClasses, part: "heading" }, h("slot", { key: 'b0b90701b673581cc08be3f79dea8068a85050ab' })), h("div", { key: 'db4b15e80e9bbe683b425e3cc8e92a2fa00774e1', class: descriptionClasses, part: "body", hidden: !this.hasDescription }, h("slot", { key: 'd581dab0571d6e400be15fa6a285d0774f5dc978', name: "description", ref: (el) => (this.descriptionSlot = el) }))), h("div", { key: 'fb160cbfc354f41eefe600f295c3d86146eb6065', class: buttonsClasses, part: "buttons", hidden: !this.hasButtons }, h("slot", { key: 'a801bbb9ac25136b0073f68ab05ae7738d6079e5', name: "buttons", ref: (el) => (this.buttonsSlot = el) })))));
|
|
68
113
|
}
|
|
114
|
+
get el() { return getElement(this); }
|
|
69
115
|
};
|
|
70
116
|
AfTypographyLockup.style = afTypographyLockupCss();
|
|
71
117
|
|
|
@@ -24,7 +24,7 @@ const AfVideoContainer = class {
|
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: '9e6c5666aadff71d14dcff94469c194ad6255a8c' }, h("div", { key: '3690b9c6db562b3777f140e8dbf406da3e4c8f4f', class: "video-container" }, h("div", { key: 'fa80fab02b3015eb872e3d1eb6f693357ebe8f8d', class: "video-container__top" }, h("slot", { key: '795821203920f68f35c84b9155d0f44002a66042', name: "top" })), h("div", { key: '6f4fa9bd803141ce8df6468b7d29d5ba9bd6f237', class: "video-container__video" }, h("af-aspect-ratio", { key: 'bba59d56a42639aa2d4f43d84d5b95f0ef33ce72', ratio: "16:9" }, h("div", { key: 'af54817594a000b05621fb01be5d8f8fdc857ac6', class: "video-container__thumbnail-wrapper" }, this.videoThumbnailUrl && (h("img", { key: 'faba87de58bec4a981e8bf1382f744ac3e47ffbe', src: this.videoThumbnailUrl, alt: this.videoAlt, class: "video-container__thumbnail", loading: "lazy" })), h("button", { key: '1dbcf64a1a251e81eccf7013c6cd82e6b3e1b622', class: "video-container__play-button", onClick: this.handlePlayClick, "aria-label": "Play video", type: "button" }, h("af-icon", { key: 'aa96780fdaaa69d3299f25074122712cd57a0a49', name: "play", size: 24 }))))), h("div", { key: '070c4b3e448f5feff70c2bcc0f31e0dc9f90b0ce', class: "video-container__bottom" }, h("slot", { key: '6a1fec74caa7385082fc59c5e2500043038dfca1', name: "bottom" })))));
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
AfVideoContainer.style = afVideoContainerCss();
|
|
@@ -12,7 +12,7 @@ const AfVisuallyHidden = class {
|
|
|
12
12
|
this.focusable = false;
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: '23738df059de827e6d1441906ac4dc9f0e568193', class: { 'focusable': this.focusable } }, h("slot", { key: 'bd867e2e71c748fc4d7faed12e993cf14bd0b311' })));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
AfVisuallyHidden.style = afVisuallyHiddenCss();
|
package/dist/esm/affinda.js
CHANGED
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["af-
|
|
19
|
+
return bootstrapLazy([["af-testimonial",[[262,"af-testimonial",{"backgroundImage":[1,"background-image"],"logoImage":[1,"logo-image"],"quote":[1],"attribution":[1],"readMoreLink":[1,"read-more-link"],"showNavigation":[1028,"show-navigation"],"hasPrev":[1028,"has-prev"],"hasNext":[1028,"has-next"]}]]],["af-icon-text",[[262,"af-icon-text",{"icon":[1],"headingSize":[2,"heading-size"],"orientation":[1],"iconSize":[1,"icon-size"]}]]],["af-feature-card",[[262,"af-feature-card",{"theme":[1],"layout":[1],"cardSize":[513,"card-size"],"headingSize":[2,"heading-size"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"]}]]],["af-illustrated-card",[[262,"af-illustrated-card",{"theme":[1],"breakpoint":[1],"cardSize":[1,"card-size"]}]]],["af-testimonial-stat",[[2,"af-testimonial-stat",{"value":[1],"description":[1],"accentBorder":[4,"accent-border"]}]]],["af-video-container",[[262,"af-video-container",{"videoThumbnailUrl":[1,"video-thumbnail-url"],"videoAlt":[1,"video-alt"],"videoUrl":[1,"video-url"]}]]],["af-feature-grid",[[262,"af-feature-grid",{"columns":[2],"mobileLayout":[1,"mobile-layout"],"scrollProgress":[32]},null,{"mobileLayout":[{"onMobileLayoutChange":0}]}]]],["af-grid-callout",[[262,"af-grid-callout",{"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"imagePosition":[1,"image-position"],"columns":[2],"headingSize":[2,"heading-size"]}]]],["af-in-page-banner",[[262,"af-in-page-banner",{"theme":[1],"heading":[1],"description":[1],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"illustrationUrl":[1,"illustration-url"],"showWaveDecoration":[4,"show-wave-decoration"]}]]],["af-section",[[262,"af-section",{"padding":[1],"theme":[1],"container":[4]}]]],["af-split-section",[[262,"af-split-section",{"topTheme":[1,"top-theme"],"bottomTheme":[1,"bottom-theme"],"padding":[1],"container":[4]}]]],["af-testimonial-carousel",[[262,"af-testimonial-carousel",{"currentIndex":[32],"isAnimating":[32],"testimonialCount":[32]},[[0,"navPrev","handleNavPrev"],[0,"navNext","handleNavNext"]]]]],["af-text-image",[[262,"af-text-image",{"imagePosition":[1,"image-position"],"imageProportion":[1,"image-proportion"],"src":[1],"alt":[1],"showSecondLockup":[4,"show-second-lockup"]}]]],["af-accordion",[[262,"af-accordion",{"mode":[1],"value":[1025],"defaultValue":[1,"default-value"],"internalValue":[32]},[[0,"af-accordion-toggle","handleItemToggle"]],{"value":[{"handleValueChange":0}]}]]],["af-accordion-item",[[257,"af-accordion-item",{"itemId":[513,"item-id"],"open":[1540],"disabled":[516],"contentHeight":[32],"toggle":[64]},null,{"open":[{"handleOpenChange":0}]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-center",[[257,"af-center",{"axis":[1],"inline":[4],"minHeight":[1,"min-height"]}]]],["af-checkbox",[[257,"af-checkbox",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[1],"value":[1]}]]],["af-client-carousel",[[262,"af-client-carousel",{"theme":[1],"rows":[2]}]]],["af-color-swatch",[[1,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-contact-item",[[262,"af-contact-item",{"label":[1],"value":[1]}]]],["af-divider",[[1,"af-divider",{"orientation":[1],"spacing":[1]}]]],["af-feature-accordion",[[262,"af-feature-accordion",{"heading":[1],"items":[1],"cycleInterval":[2,"cycle-interval"],"autoCycle":[4,"auto-cycle"],"expandedIndex":[32],"timerProgress":[32]},null,{"autoCycle":[{"handleAutoCycleChange":0}]}]]],["af-fieldset",[[257,"af-fieldset",{"legend":[1],"orientation":[1],"disabled":[516]}]]],["af-footer",[[262,"af-footer",{"copyrightText":[1,"copyright-text"],"statusText":[1,"status-text"],"statusUrl":[1,"status-url"],"systemsOperational":[4,"systems-operational"],"showStatus":[4,"show-status"]}]]],["af-footer-column",[[262,"af-footer-column",{"heading":[1]}]]],["af-footer-link",[[262,"af-footer-link",{"href":[1],"external":[4]}]]],["af-grid",[[257,"af-grid",{"columns":[2],"columnsLg":[2,"columns-lg"],"columnsMd":[2,"columns-md"],"columnsSm":[2,"columns-sm"],"gap":[1],"align":[1]}]]],["af-inline",[[257,"af-inline",{"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["af-input",[[257,"af-input",{"label":[1],"description":[1],"placeholder":[1],"value":[1025],"type":[1],"name":[1],"disabled":[516],"required":[4],"readonly":[4],"error":[1],"showInfoIcon":[4,"show-info-icon"],"showSearchIcon":[4,"show-search-icon"],"clearable":[4],"autocomplete":[1],"maxlength":[2],"minlength":[2],"pattern":[1],"isFocused":[32],"isHovered":[32]}]]],["af-logo-well",[[257,"af-logo-well"]]],["af-nav-accordion",[[262,"af-nav-accordion",{"mode":[1],"breakpoint":[513],"value":[1025],"internalValue":[32]},[[0,"af-nav-accordion-item-toggle","handleItemToggle"]]]]],["af-nav-accordion-item",[[262,"af-nav-accordion-item",{"itemId":[513,"item-id"],"label":[1],"open":[1540],"disabled":[516],"href":[1],"breakpoint":[513],"contentHeight":[32],"hasTriggerSlot":[32],"hasContent":[32],"toggle":[64]},null,{"open":[{"handleOpenChange":0}]}]]],["af-nav-card",[[2,"af-nav-card",{"heading":[1],"href":[1],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"isHovered":[32]}]]],["af-nav-menu",[[262,"af-nav-menu",{"heading":[1],"breakpoint":[1],"showBorder":[4,"show-border"],"cardStyle":[516,"card-style"]}]]],["af-nav-menu-nest",[[262,"af-nav-menu-nest",{"type":[1],"breakpoint":[1],"showSidebarBorder":[516,"show-sidebar-border"]}]]],["af-number-badge",[[1,"af-number-badge",{"number":[2],"variant":[1],"size":[2]}]]],["af-radio",[[257,"af-radio",{"checked":[1540],"disabled":[516],"name":[513],"value":[1]}]]],["af-show",[[257,"af-show",{"above":[1],"below":[1]}]]],["af-social-link",[[262,"af-social-link",{"href":[1],"label":[1],"icon":[1]}]]],["af-spacer",[[1,"af-spacer",{"size":[1],"flex":[4],"axis":[1]}]]],["af-stack",[[257,"af-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["af-stepper",[[262,"af-stepper",{"orientation":[1]}]]],["af-stepper-step",[[262,"af-stepper-step",{"index":[514]}]]],["af-switch",[[257,"af-switch",{"active":[1540],"disabled":[516],"name":[1],"value":[1]}]]],["af-tab",[[257,"af-tab",{"label":[1],"active":[516],"disabled":[516],"shape":[513],"displayIcon":[4,"display-icon"],"displayNumber":[4,"display-number"],"value":[1]}]]],["af-tab-bar",[[257,"af-tab-bar",{"shape":[513],"breakpoint":[513]},[[0,"keydown","handleKeyDown"]]]]],["af-tag",[[257,"af-tag",{"size":[1],"variant":[1],"href":[1]}]]],["af-text-image-nest",[[262,"af-text-image-nest",{"layout":[1]}]]],["af-textarea",[[257,"af-textarea",{"label":[1],"description":[1],"placeholder":[1],"value":[1025],"name":[1],"disabled":[516],"required":[4],"readonly":[4],"error":[1],"showInfoIcon":[4,"show-info-icon"],"rows":[2],"maxlength":[2],"minlength":[2],"resize":[1],"isFocused":[32],"isHovered":[32]}]]],["af-theme-override",[[262,"af-theme-override",{"theme":[1]}]]],["af-visually-hidden",[[257,"af-visually-hidden",{"focusable":[4]}]]],["af-icon-box",[[2,"af-icon-box",{"icon":[1],"size":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[513],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-image",[[2,"af-image",{"src":[1],"alt":[1]}]]],["af-button",[[257,"af-button",{"variant":[513],"size":[1],"disabled":[4],"type":[1],"href":[1],"hasIconLeft":[32],"hasIconRight":[32]}]]],["af-card",[[262,"af-card",{"theme":[1],"stretch":[516]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]],["af-progress-line",[[2,"af-progress-line",{"progress":[2],"orientation":[1]}]]],["af-heading_5",[[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"]]],[262,"af-nav-item",{"hierarchy":[1],"variant":[1],"breakpoint":[513],"href":[1],"active":[4]}],[257,"af-heading",{"level":[1],"align":[1]}],[1,"af-logo"],[257,"af-text",{"variant":[1],"align":[1],"as":[1]}]]],["af-icon",[[1,"af-icon",{"name":[1],"size":[2],"label":[1]}]]],["af-typography-lockup",[[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]}]]]], options);
|
|
20
20
|
});
|
package/dist/esm/loader.js
CHANGED
|
@@ -4,7 +4,7 @@ export { s as setNonce } from './index-CPfAC9fk.js';
|
|
|
4
4
|
const defineCustomElements = async (win, options) => {
|
|
5
5
|
if (typeof window === 'undefined') return undefined;
|
|
6
6
|
await globalScripts();
|
|
7
|
-
return bootstrapLazy([["af-
|
|
7
|
+
return bootstrapLazy([["af-testimonial",[[262,"af-testimonial",{"backgroundImage":[1,"background-image"],"logoImage":[1,"logo-image"],"quote":[1],"attribution":[1],"readMoreLink":[1,"read-more-link"],"showNavigation":[1028,"show-navigation"],"hasPrev":[1028,"has-prev"],"hasNext":[1028,"has-next"]}]]],["af-icon-text",[[262,"af-icon-text",{"icon":[1],"headingSize":[2,"heading-size"],"orientation":[1],"iconSize":[1,"icon-size"]}]]],["af-feature-card",[[262,"af-feature-card",{"theme":[1],"layout":[1],"cardSize":[513,"card-size"],"headingSize":[2,"heading-size"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"]}]]],["af-illustrated-card",[[262,"af-illustrated-card",{"theme":[1],"breakpoint":[1],"cardSize":[1,"card-size"]}]]],["af-testimonial-stat",[[2,"af-testimonial-stat",{"value":[1],"description":[1],"accentBorder":[4,"accent-border"]}]]],["af-video-container",[[262,"af-video-container",{"videoThumbnailUrl":[1,"video-thumbnail-url"],"videoAlt":[1,"video-alt"],"videoUrl":[1,"video-url"]}]]],["af-feature-grid",[[262,"af-feature-grid",{"columns":[2],"mobileLayout":[1,"mobile-layout"],"scrollProgress":[32]},null,{"mobileLayout":[{"onMobileLayoutChange":0}]}]]],["af-grid-callout",[[262,"af-grid-callout",{"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"imagePosition":[1,"image-position"],"columns":[2],"headingSize":[2,"heading-size"]}]]],["af-in-page-banner",[[262,"af-in-page-banner",{"theme":[1],"heading":[1],"description":[1],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"illustrationUrl":[1,"illustration-url"],"showWaveDecoration":[4,"show-wave-decoration"]}]]],["af-section",[[262,"af-section",{"padding":[1],"theme":[1],"container":[4]}]]],["af-split-section",[[262,"af-split-section",{"topTheme":[1,"top-theme"],"bottomTheme":[1,"bottom-theme"],"padding":[1],"container":[4]}]]],["af-testimonial-carousel",[[262,"af-testimonial-carousel",{"currentIndex":[32],"isAnimating":[32],"testimonialCount":[32]},[[0,"navPrev","handleNavPrev"],[0,"navNext","handleNavNext"]]]]],["af-text-image",[[262,"af-text-image",{"imagePosition":[1,"image-position"],"imageProportion":[1,"image-proportion"],"src":[1],"alt":[1],"showSecondLockup":[4,"show-second-lockup"]}]]],["af-accordion",[[262,"af-accordion",{"mode":[1],"value":[1025],"defaultValue":[1,"default-value"],"internalValue":[32]},[[0,"af-accordion-toggle","handleItemToggle"]],{"value":[{"handleValueChange":0}]}]]],["af-accordion-item",[[257,"af-accordion-item",{"itemId":[513,"item-id"],"open":[1540],"disabled":[516],"contentHeight":[32],"toggle":[64]},null,{"open":[{"handleOpenChange":0}]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-center",[[257,"af-center",{"axis":[1],"inline":[4],"minHeight":[1,"min-height"]}]]],["af-checkbox",[[257,"af-checkbox",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[1],"value":[1]}]]],["af-client-carousel",[[262,"af-client-carousel",{"theme":[1],"rows":[2]}]]],["af-color-swatch",[[1,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-contact-item",[[262,"af-contact-item",{"label":[1],"value":[1]}]]],["af-divider",[[1,"af-divider",{"orientation":[1],"spacing":[1]}]]],["af-feature-accordion",[[262,"af-feature-accordion",{"heading":[1],"items":[1],"cycleInterval":[2,"cycle-interval"],"autoCycle":[4,"auto-cycle"],"expandedIndex":[32],"timerProgress":[32]},null,{"autoCycle":[{"handleAutoCycleChange":0}]}]]],["af-fieldset",[[257,"af-fieldset",{"legend":[1],"orientation":[1],"disabled":[516]}]]],["af-footer",[[262,"af-footer",{"copyrightText":[1,"copyright-text"],"statusText":[1,"status-text"],"statusUrl":[1,"status-url"],"systemsOperational":[4,"systems-operational"],"showStatus":[4,"show-status"]}]]],["af-footer-column",[[262,"af-footer-column",{"heading":[1]}]]],["af-footer-link",[[262,"af-footer-link",{"href":[1],"external":[4]}]]],["af-grid",[[257,"af-grid",{"columns":[2],"columnsLg":[2,"columns-lg"],"columnsMd":[2,"columns-md"],"columnsSm":[2,"columns-sm"],"gap":[1],"align":[1]}]]],["af-inline",[[257,"af-inline",{"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["af-input",[[257,"af-input",{"label":[1],"description":[1],"placeholder":[1],"value":[1025],"type":[1],"name":[1],"disabled":[516],"required":[4],"readonly":[4],"error":[1],"showInfoIcon":[4,"show-info-icon"],"showSearchIcon":[4,"show-search-icon"],"clearable":[4],"autocomplete":[1],"maxlength":[2],"minlength":[2],"pattern":[1],"isFocused":[32],"isHovered":[32]}]]],["af-logo-well",[[257,"af-logo-well"]]],["af-nav-accordion",[[262,"af-nav-accordion",{"mode":[1],"breakpoint":[513],"value":[1025],"internalValue":[32]},[[0,"af-nav-accordion-item-toggle","handleItemToggle"]]]]],["af-nav-accordion-item",[[262,"af-nav-accordion-item",{"itemId":[513,"item-id"],"label":[1],"open":[1540],"disabled":[516],"href":[1],"breakpoint":[513],"contentHeight":[32],"hasTriggerSlot":[32],"hasContent":[32],"toggle":[64]},null,{"open":[{"handleOpenChange":0}]}]]],["af-nav-card",[[2,"af-nav-card",{"heading":[1],"href":[1],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"isHovered":[32]}]]],["af-nav-menu",[[262,"af-nav-menu",{"heading":[1],"breakpoint":[1],"showBorder":[4,"show-border"],"cardStyle":[516,"card-style"]}]]],["af-nav-menu-nest",[[262,"af-nav-menu-nest",{"type":[1],"breakpoint":[1],"showSidebarBorder":[516,"show-sidebar-border"]}]]],["af-number-badge",[[1,"af-number-badge",{"number":[2],"variant":[1],"size":[2]}]]],["af-radio",[[257,"af-radio",{"checked":[1540],"disabled":[516],"name":[513],"value":[1]}]]],["af-show",[[257,"af-show",{"above":[1],"below":[1]}]]],["af-social-link",[[262,"af-social-link",{"href":[1],"label":[1],"icon":[1]}]]],["af-spacer",[[1,"af-spacer",{"size":[1],"flex":[4],"axis":[1]}]]],["af-stack",[[257,"af-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["af-stepper",[[262,"af-stepper",{"orientation":[1]}]]],["af-stepper-step",[[262,"af-stepper-step",{"index":[514]}]]],["af-switch",[[257,"af-switch",{"active":[1540],"disabled":[516],"name":[1],"value":[1]}]]],["af-tab",[[257,"af-tab",{"label":[1],"active":[516],"disabled":[516],"shape":[513],"displayIcon":[4,"display-icon"],"displayNumber":[4,"display-number"],"value":[1]}]]],["af-tab-bar",[[257,"af-tab-bar",{"shape":[513],"breakpoint":[513]},[[0,"keydown","handleKeyDown"]]]]],["af-tag",[[257,"af-tag",{"size":[1],"variant":[1],"href":[1]}]]],["af-text-image-nest",[[262,"af-text-image-nest",{"layout":[1]}]]],["af-textarea",[[257,"af-textarea",{"label":[1],"description":[1],"placeholder":[1],"value":[1025],"name":[1],"disabled":[516],"required":[4],"readonly":[4],"error":[1],"showInfoIcon":[4,"show-info-icon"],"rows":[2],"maxlength":[2],"minlength":[2],"resize":[1],"isFocused":[32],"isHovered":[32]}]]],["af-theme-override",[[262,"af-theme-override",{"theme":[1]}]]],["af-visually-hidden",[[257,"af-visually-hidden",{"focusable":[4]}]]],["af-icon-box",[[2,"af-icon-box",{"icon":[1],"size":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[513],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-image",[[2,"af-image",{"src":[1],"alt":[1]}]]],["af-button",[[257,"af-button",{"variant":[513],"size":[1],"disabled":[4],"type":[1],"href":[1],"hasIconLeft":[32],"hasIconRight":[32]}]]],["af-card",[[262,"af-card",{"theme":[1],"stretch":[516]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]],["af-progress-line",[[2,"af-progress-line",{"progress":[2],"orientation":[1]}]]],["af-heading_5",[[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"]]],[262,"af-nav-item",{"hierarchy":[1],"variant":[1],"breakpoint":[513],"href":[1],"active":[4]}],[257,"af-heading",{"level":[1],"align":[1]}],[1,"af-logo"],[257,"af-text",{"variant":[1],"align":[1],"as":[1]}]]],["af-icon",[[1,"af-icon",{"name":[1],"size":[2],"label":[1]}]]],["af-typography-lockup",[[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]}]]]], options);
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
export { defineCustomElements };
|
|
@@ -12,16 +12,15 @@ export declare class AfButton {
|
|
|
12
12
|
* The visual variant of the button.
|
|
13
13
|
* - `primary` - Main CTA with filled background (use sparingly, 1-2 per view)
|
|
14
14
|
* - `secondary` - Supporting action with outlined style
|
|
15
|
-
* - `
|
|
16
|
-
* with a right-pointing icon. Matches Webflow's "button ghost" variant.
|
|
15
|
+
* - `tertiary` - Subtle text-link style with underline
|
|
17
16
|
*/
|
|
18
|
-
variant: 'primary' | 'secondary' | '
|
|
17
|
+
variant: 'primary' | 'secondary' | 'tertiary';
|
|
19
18
|
/**
|
|
20
19
|
* The size of the button.
|
|
21
|
-
* - `default` - Standard size for primary CTAs
|
|
22
|
-
* - `
|
|
20
|
+
* - `default` - Standard size for primary CTAs
|
|
21
|
+
* - `small` - Compact size for inline or secondary contexts
|
|
23
22
|
*/
|
|
24
|
-
size: 'default' | '
|
|
23
|
+
size: 'default' | 'small';
|
|
25
24
|
/**
|
|
26
25
|
* Whether the button is disabled
|
|
27
26
|
*/
|
|
@@ -3,12 +3,21 @@ type Theme = 'white' | 'inkwell' | 'mist-green' | 'soft-clay' | 'white-ivory';
|
|
|
3
3
|
* Infinite scrolling carousel for client logos.
|
|
4
4
|
*
|
|
5
5
|
* This is a section-level component that spans full width.
|
|
6
|
-
* Renders one or two scrolling rows; single row matches the Webflow
|
|
7
|
-
* two rows (scrolling opposite directions) is the denser
|
|
6
|
+
* Renders one or two scrolling rows; single row matches the Webflow
|
|
7
|
+
* reference, two rows (scrolling opposite directions) is the denser
|
|
8
|
+
* variant.
|
|
8
9
|
*
|
|
9
|
-
* For headlines, use a separate TypographyLockup or Heading component
|
|
10
|
+
* For headlines, use a separate TypographyLockup or Heading component
|
|
11
|
+
* above this carousel.
|
|
12
|
+
*
|
|
13
|
+
* **Seamless loop:** the CSS animation translates the track from 0% to
|
|
14
|
+
* -50% (or vice versa), which only looks continuous if the track holds
|
|
15
|
+
* two identical copies of the content end-to-end. Shadow DOM slots can
|
|
16
|
+
* only project content once, so we clone the slotted nodes in
|
|
17
|
+
* `componentDidLoad` and append the copies to the track.
|
|
10
18
|
*/
|
|
11
19
|
export declare class AfClientCarousel {
|
|
20
|
+
el: HTMLElement;
|
|
12
21
|
/** Theme - sets background color and provides theme context to children */
|
|
13
22
|
theme: Theme;
|
|
14
23
|
/**
|
|
@@ -20,6 +29,20 @@ export declare class AfClientCarousel {
|
|
|
20
29
|
* When `rows="1"`, slot the default slot (unnamed) or `row-1`.
|
|
21
30
|
*/
|
|
22
31
|
rows: 1 | 2;
|
|
32
|
+
private row1TrackRef?;
|
|
33
|
+
private row2TrackRef?;
|
|
34
|
+
componentDidLoad(): void;
|
|
35
|
+
/**
|
|
36
|
+
* Append clones of every existing track child into the track so the
|
|
37
|
+
* -50% translate animation loops seamlessly. Marks clones with
|
|
38
|
+
* `aria-hidden` and `data-carousel-clone` so assistive tech ignores
|
|
39
|
+
* them and we can skip them when re-duplicating.
|
|
40
|
+
*
|
|
41
|
+
* In scoped mode, slotted content is moved into the track as regular
|
|
42
|
+
* children (there's no `<slot>` element to read from), so we just
|
|
43
|
+
* iterate direct children that aren't themselves prior clones.
|
|
44
|
+
*/
|
|
45
|
+
private duplicateTrackContent;
|
|
23
46
|
render(): any;
|
|
24
47
|
}
|
|
25
48
|
export {};
|
|
@@ -10,14 +10,14 @@ import type { IconName } from '@affinda/icons';
|
|
|
10
10
|
*
|
|
11
11
|
* @slot - Heading text content (passed to TypographyLockup)
|
|
12
12
|
* @slot description - Body/description text
|
|
13
|
-
* @slot buttons - Action buttons (typically
|
|
13
|
+
* @slot buttons - Action buttons (typically tertiary style)
|
|
14
14
|
*
|
|
15
15
|
* @example
|
|
16
16
|
* ```html
|
|
17
17
|
* <af-icon-text icon="settings" heading-size="4">
|
|
18
18
|
* Feature Heading
|
|
19
19
|
* <span slot="description">Feature description text.</span>
|
|
20
|
-
* <af-button slot="buttons" variant="
|
|
20
|
+
* <af-button slot="buttons" variant="tertiary">Learn more</af-button>
|
|
21
21
|
* </af-icon-text>
|
|
22
22
|
* ```
|
|
23
23
|
*/
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Illustrated Card molecule component that combines a card with an illustration.
|
|
3
3
|
*
|
|
4
|
-
* Uses a theme background with text at top
|
|
5
|
-
*
|
|
4
|
+
* Uses a theme background with text at top and an illustration from
|
|
5
|
+
* @affinda/illustrations at the bottom.
|
|
6
6
|
*
|
|
7
7
|
* Uses af-card atom internally and af-typography-lockup for text hierarchy.
|
|
8
8
|
*
|
|
9
9
|
* @slot - Heading text content
|
|
10
10
|
* @slot body - Description/body text content
|
|
11
|
-
* @slot buttons - Action buttons (rendered below the description, above the illustration)
|
|
12
11
|
* @slot illustration - Illustration image element
|
|
13
12
|
*/
|
|
14
13
|
export declare class AfIllustratedCard {
|
|
@@ -11,15 +11,5 @@ export declare class AfImage {
|
|
|
11
11
|
* Alternative text for the image (required for accessibility)
|
|
12
12
|
*/
|
|
13
13
|
alt: string;
|
|
14
|
-
/**
|
|
15
|
-
* Shape / corner rounding variant. Matches Webflow's `.image-fill.rounded-*`
|
|
16
|
-
* patterns where only one edge is rounded so the image bleeds into a
|
|
17
|
-
* neighbouring section.
|
|
18
|
-
* - `rounded` (default) — symmetric rounded corners on all four sides.
|
|
19
|
-
* - `rounded-left` — rounded only on the left edge (top-left + bottom-left).
|
|
20
|
-
* - `rounded-right` — rounded only on the right edge.
|
|
21
|
-
* - `square` — no corner rounding.
|
|
22
|
-
*/
|
|
23
|
-
shape: 'rounded' | 'rounded-left' | 'rounded-right' | 'square';
|
|
24
14
|
render(): any;
|
|
25
15
|
}
|
|
@@ -22,16 +22,6 @@ type BannerTheme = 'white-ivory' | 'mist-green' | 'soft-clay' | 'inkwell';
|
|
|
22
22
|
* ```
|
|
23
23
|
*
|
|
24
24
|
* Alternatively, use the `illustration` slot for completely custom content.
|
|
25
|
-
*
|
|
26
|
-
* **Slot-based composition (preferred for rich content):**
|
|
27
|
-
* - `heading` — heading markup (overrides the `heading` prop when provided).
|
|
28
|
-
* - `description` — description markup (overrides the `description` prop).
|
|
29
|
-
* - `buttons` — custom button group (overrides the primary/secondary button
|
|
30
|
-
* props; use when you need ghost variants, more than two buttons, or
|
|
31
|
-
* per-button icons).
|
|
32
|
-
* - `illustration` — custom illustration markup.
|
|
33
|
-
*
|
|
34
|
-
* The string props remain supported for simple cases.
|
|
35
25
|
*/
|
|
36
26
|
export declare class AfInPageBanner {
|
|
37
27
|
/** Theme - sets the banner background color and typography colors */
|
|
@@ -42,8 +42,17 @@ export declare class AfNavAccordionItem {
|
|
|
42
42
|
}>;
|
|
43
43
|
contentHeight: number;
|
|
44
44
|
hasTriggerSlot: boolean;
|
|
45
|
+
hasContent: boolean;
|
|
45
46
|
private contentRef?;
|
|
46
47
|
handleOpenChange(newValue: boolean): void;
|
|
48
|
+
/**
|
|
49
|
+
* Detect whether the host has any default-slot children — i.e. whether
|
|
50
|
+
* this item expands to reveal a sub-menu, or is just a simple link.
|
|
51
|
+
* We check in componentWillLoad (before render) because after render
|
|
52
|
+
* Stencil has appended its own output to the host and this.el.children
|
|
53
|
+
* would include that.
|
|
54
|
+
*/
|
|
55
|
+
componentWillLoad(): void;
|
|
47
56
|
componentDidLoad(): void;
|
|
48
57
|
/**
|
|
49
58
|
* Programmatically toggle the accordion item
|
|
@@ -1,8 +1,16 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* A generic navigation item component that can be used in navigation bars, menus, and sidebars.
|
|
3
3
|
* Supports multiple hierarchy levels, variants, and states (active, hover).
|
|
4
|
+
*
|
|
5
|
+
* **Dropdown trigger a11y:** when the host carries a `data-dropdown="id"`
|
|
6
|
+
* attribute and has no `href`, the inner wrapper is promoted to
|
|
7
|
+
* `role="button"` with `tabindex="0"` and keyboard activation (Enter/Space),
|
|
8
|
+
* so keyboard users can open the matching dropdown panel just like a
|
|
9
|
+
* pointer click. The companion `af-navbar` keeps `aria-expanded` on the
|
|
10
|
+
* host in sync with the active dropdown.
|
|
4
11
|
*/
|
|
5
12
|
export declare class AfNavItem {
|
|
13
|
+
el: HTMLElement;
|
|
6
14
|
/**
|
|
7
15
|
* Visual hierarchy level of the navigation item
|
|
8
16
|
* - 'primary': Bold, main navigation (larger text, prominent styling)
|
|
@@ -29,5 +37,11 @@ export declare class AfNavItem {
|
|
|
29
37
|
* Whether this nav item is currently active/selected
|
|
30
38
|
*/
|
|
31
39
|
active: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Promote Enter and Space on a focused trigger into a synthetic click
|
|
42
|
+
* so the surrounding af-navbar (which listens on click) treats the
|
|
43
|
+
* keyboard activation identically to a pointer click.
|
|
44
|
+
*/
|
|
45
|
+
private handleTriggerKeyDown;
|
|
32
46
|
render(): any;
|
|
33
47
|
}
|
|
@@ -44,6 +44,12 @@ export declare class AfNavbar {
|
|
|
44
44
|
private toggleDropdown;
|
|
45
45
|
/** Timer id used to debounce hover-driven closes. */
|
|
46
46
|
private closeTimer?;
|
|
47
|
+
/**
|
|
48
|
+
* The trigger element that opened the currently active dropdown. Tracked
|
|
49
|
+
* so an Esc keypress can close the dropdown and restore focus to the
|
|
50
|
+
* trigger, matching WAI-ARIA menu-button guidance.
|
|
51
|
+
*/
|
|
52
|
+
private lastActiveTrigger?;
|
|
47
53
|
/**
|
|
48
54
|
* Open the dropdown matching a `[data-dropdown]` trigger on click —
|
|
49
55
|
* acts as a toggle so keyboard/touch users can still dismiss it.
|
|
@@ -76,7 +82,9 @@ export declare class AfNavbar {
|
|
|
76
82
|
componentDidUpdate(): void;
|
|
77
83
|
private syncDropdownState;
|
|
78
84
|
/**
|
|
79
|
-
* Handle escape key to close dropdowns
|
|
85
|
+
* Handle escape key to close dropdowns. If a dropdown is open, restore
|
|
86
|
+
* focus to the trigger that opened it so keyboard users don't lose
|
|
87
|
+
* their place in the tab order.
|
|
80
88
|
*/
|
|
81
89
|
handleKeyDown(event: KeyboardEvent): void;
|
|
82
90
|
render(): any;
|
|
@@ -1,31 +1,28 @@
|
|
|
1
1
|
export type TagSize = 'x-small' | 'small' | 'large';
|
|
2
|
-
export type TagVariant = '
|
|
2
|
+
export type TagVariant = 'sand' | 'light';
|
|
3
3
|
/**
|
|
4
4
|
* Tag displays a label in a styled container.
|
|
5
5
|
* Perfect for categorization, topics, or metadata display.
|
|
6
6
|
*
|
|
7
|
-
* The `default` variant inherits its colors from the parent theme context
|
|
8
|
-
* (af-section, af-card). Use explicit variants (`inkwell`, `white`,
|
|
9
|
-
* `soft-clay`, `mist-green`) to override.
|
|
10
|
-
*
|
|
11
7
|
* @example
|
|
12
8
|
* ```html
|
|
13
9
|
* <af-tag>AI</af-tag>
|
|
14
|
-
* <af-tag size="small"
|
|
15
|
-
* <af-tag size="large" variant="
|
|
10
|
+
* <af-tag size="small">Machine Learning</af-tag>
|
|
11
|
+
* <af-tag size="large" variant="light">Document Processing</af-tag>
|
|
16
12
|
* ```
|
|
17
13
|
*/
|
|
18
14
|
export declare class AfTag {
|
|
19
15
|
/**
|
|
20
16
|
* The size of the tag
|
|
21
17
|
* - `x-small` - Compact tag with minimal padding
|
|
22
|
-
* - `small` - Small tag with moderate padding
|
|
18
|
+
* - `small` - Small tag with moderate padding
|
|
23
19
|
* - `large` - Large tag with generous padding
|
|
24
20
|
*/
|
|
25
21
|
size: TagSize;
|
|
26
22
|
/**
|
|
27
|
-
*
|
|
28
|
-
*
|
|
23
|
+
* The visual variant of the tag
|
|
24
|
+
* - `sand` - Soft-clay/tan colored background (default)
|
|
25
|
+
* - `light` - Mist-green/light colored background
|
|
29
26
|
*/
|
|
30
27
|
variant: TagVariant;
|
|
31
28
|
/**
|
|
@@ -1,12 +1,4 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
/**
|
|
3
|
-
* @slot quote-body - Rich quote content (paragraphs, lists). Overrides the
|
|
4
|
-
* `quote` string prop when provided. Use for testimonials that include
|
|
5
|
-
* multiple paragraphs, bulleted points, or inline emphasis.
|
|
6
|
-
* @slot quote-icon - Quote icon (defaults to af-icon name="quote").
|
|
7
|
-
* @slot stats - Statistic items (af-testimonial-stat components).
|
|
8
|
-
* @slot navigation - Custom nav controls (when not using built-in ones).
|
|
9
|
-
*/
|
|
10
2
|
export declare class AfTestimonial {
|
|
11
3
|
/**
|
|
12
4
|
* Background image URL for the testimonial card
|
|
@@ -17,10 +9,9 @@ export declare class AfTestimonial {
|
|
|
17
9
|
*/
|
|
18
10
|
logoImage?: string;
|
|
19
11
|
/**
|
|
20
|
-
* Testimonial quote text
|
|
21
|
-
* slot has content.
|
|
12
|
+
* Testimonial quote text
|
|
22
13
|
*/
|
|
23
|
-
quote
|
|
14
|
+
quote: string;
|
|
24
15
|
/**
|
|
25
16
|
* Attribution text (e.g., "– Nathaniel Barrs, CTO, PSC Insurance")
|
|
26
17
|
*/
|
|
@@ -9,11 +9,12 @@ export declare class AfTextImage {
|
|
|
9
9
|
imagePosition: 'left' | 'right';
|
|
10
10
|
/**
|
|
11
11
|
* Proportion of the image in the layout
|
|
12
|
+
* - '1/2': Image and text each take half the width (50/50)
|
|
12
13
|
* - '1/3': Image takes 1/3 of the width (text takes 2/3)
|
|
13
14
|
* - '1/4': Image takes 1/4 of the width (text takes 3/4)
|
|
14
15
|
* - '100%': Image takes full width below text
|
|
15
16
|
*/
|
|
16
|
-
imageProportion: '1/3' | '1/4' | '100%';
|
|
17
|
+
imageProportion: '1/2' | '1/3' | '1/4' | '100%';
|
|
17
18
|
/**
|
|
18
19
|
* Image source URL
|
|
19
20
|
*/
|
|
@@ -1,7 +1,31 @@
|
|
|
1
1
|
type TextAlign = 'left' | 'center' | 'right' | 'justify';
|
|
2
|
+
/**
|
|
3
|
+
* Marketing-style composition of heading + description + buttons with
|
|
4
|
+
* consistent spacing and alignment driven by the `headingSize` prop.
|
|
5
|
+
*
|
|
6
|
+
* **Semantic vs visual:** `headingSize` controls ONLY the visual scale
|
|
7
|
+
* (the lockup sets font-size via a `heading-{1..5}` class). The semantic
|
|
8
|
+
* level (h1-h6) is whatever the consumer slots in as default content.
|
|
9
|
+
* Keep them aligned by convention so assistive tech and search engines
|
|
10
|
+
* see the right hierarchy:
|
|
11
|
+
*
|
|
12
|
+
* headingSize=1 ↔ <h1> (or <h2> on non-top-of-page sections)
|
|
13
|
+
* headingSize=2 ↔ <h2>
|
|
14
|
+
* headingSize=3 ↔ <h3>
|
|
15
|
+
* headingSize=4 ↔ <h4>
|
|
16
|
+
* headingSize=5 ↔ <h5>
|
|
17
|
+
*
|
|
18
|
+
* When a design asks for a visually small H1 or a visually large H3,
|
|
19
|
+
* pass the two independently — just do it deliberately, not by
|
|
20
|
+
* accident. A console warning fires in dev mode if the slotted tag is
|
|
21
|
+
* more than one level away from the prop.
|
|
22
|
+
*/
|
|
2
23
|
export declare class AfTypographyLockup {
|
|
24
|
+
el: HTMLElement;
|
|
3
25
|
/**
|
|
4
|
-
* The heading size (1-5, where 1 is largest)
|
|
26
|
+
* The heading size (1-5, where 1 is largest). Controls visual scale
|
|
27
|
+
* only — pair with a matching <h1>-<h5> slotted element for correct
|
|
28
|
+
* document outline (see component docblock).
|
|
5
29
|
*/
|
|
6
30
|
headingSize: 1 | 2 | 3 | 4 | 5;
|
|
7
31
|
/**
|
|
@@ -48,6 +72,21 @@ export declare class AfTypographyLockup {
|
|
|
48
72
|
* - `secondary` - uses `--af-typography-heading-secondary`
|
|
49
73
|
*/
|
|
50
74
|
descriptionColor: 'default' | 'secondary';
|
|
75
|
+
/**
|
|
76
|
+
* Whether the consumer passed anything into the description / buttons
|
|
77
|
+
* slots. The CSS `:empty` selector can't help here — the `<slot>`
|
|
78
|
+
* element itself counts as a child, so the wrapper divs would always
|
|
79
|
+
* render as empty-but-visible lines of gap. Tracked on mount and on
|
|
80
|
+
* any `slotchange` so wrappers collapse cleanly when there's nothing
|
|
81
|
+
* to show.
|
|
82
|
+
*/
|
|
83
|
+
hasDescription: boolean;
|
|
84
|
+
hasButtons: boolean;
|
|
85
|
+
private descriptionSlot?;
|
|
86
|
+
private buttonsSlot?;
|
|
87
|
+
componentDidLoad(): void;
|
|
88
|
+
disconnectedCallback(): void;
|
|
89
|
+
private syncSlotState;
|
|
51
90
|
render(): any;
|
|
52
91
|
}
|
|
53
92
|
export {};
|