@affinda/wc 0.0.5 → 0.0.7

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.
Files changed (150) hide show
  1. package/dist/affinda/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.esm.js.map +1 -1
  2. package/dist/affinda/af-testimonial-carousel.entry.esm.js.map +1 -0
  3. package/dist/affinda/af-testimonial-stat.entry.esm.js.map +1 -0
  4. package/dist/affinda/af-testimonial.entry.esm.js.map +1 -0
  5. package/dist/affinda/af-typography-lockup.entry.esm.js.map +1 -1
  6. package/dist/affinda/affinda.esm.js +1 -1
  7. package/dist/affinda/index.esm.js +1 -1
  8. package/dist/affinda/{p-bf697823.entry.js → p-16c84e60.entry.js} +2 -2
  9. package/dist/affinda/{p-d33de48f.entry.js → p-32f46944.entry.js} +2 -2
  10. package/dist/affinda/{p-b79f976e.entry.js → p-43324b6d.entry.js} +2 -2
  11. package/dist/affinda/p-56284540.entry.js +2 -0
  12. package/dist/affinda/p-56284540.entry.js.map +1 -0
  13. package/dist/affinda/p-66daadde.entry.js +2 -0
  14. package/dist/affinda/p-66daadde.entry.js.map +1 -0
  15. package/dist/affinda/{p-f8d89fb6.entry.js → p-750a694b.entry.js} +2 -2
  16. package/dist/affinda/{p-cb218d26.entry.js → p-9c0b3380.entry.js} +2 -2
  17. package/dist/affinda/{p-a8d223ca.entry.js → p-9e5bef28.entry.js} +2 -2
  18. package/dist/affinda/p-UbNmjSSX.js +3 -0
  19. package/dist/affinda/p-UbNmjSSX.js.map +1 -0
  20. package/dist/affinda/{p-47629246.entry.js → p-c8628633.entry.js} +2 -2
  21. package/dist/affinda/{p-9c22948a.entry.js → p-eff7eff1.entry.js} +2 -2
  22. package/dist/affinda/p-f53b4847.entry.js +2 -0
  23. package/dist/affinda/p-f53b4847.entry.js.map +1 -0
  24. package/dist/affinda/p-fedaec5a.entry.js +2 -0
  25. package/dist/affinda/{p-92f5a5d5.entry.js.map → p-fedaec5a.entry.js.map} +1 -1
  26. package/dist/cjs/af-aspect-ratio.cjs.entry.js +1 -1
  27. package/dist/cjs/af-button-group.cjs.entry.js +1 -1
  28. package/dist/cjs/af-button.cjs.entry.js +1 -1
  29. package/dist/cjs/af-card.cjs.entry.js +1 -1
  30. package/dist/cjs/af-color-swatch.cjs.entry.js +1 -1
  31. package/dist/cjs/af-container.cjs.entry.js +1 -1
  32. package/dist/cjs/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.cjs.js.map +1 -1
  33. package/dist/cjs/af-heading_5.cjs.entry.js +3 -3
  34. package/dist/cjs/af-icon-button.cjs.entry.js +1 -1
  35. package/dist/cjs/af-testimonial-carousel.cjs.entry.js +90 -0
  36. package/dist/cjs/af-testimonial-carousel.entry.cjs.js.map +1 -0
  37. package/dist/cjs/af-testimonial-stat.cjs.entry.js +22 -0
  38. package/dist/cjs/af-testimonial-stat.entry.cjs.js.map +1 -0
  39. package/dist/cjs/af-testimonial.cjs.entry.js +18 -0
  40. package/dist/cjs/af-testimonial.entry.cjs.js.map +1 -0
  41. package/dist/cjs/af-typography-lockup.cjs.entry.js +2 -2
  42. package/dist/cjs/af-typography-lockup.entry.cjs.js.map +1 -1
  43. package/dist/cjs/affinda.cjs.js +2 -2
  44. package/dist/cjs/{index-1GcSSOS3.js → index-CNijn8X5.js} +57 -7
  45. package/dist/cjs/index-CNijn8X5.js.map +1 -0
  46. package/dist/cjs/index.cjs.js +1 -1
  47. package/dist/cjs/loader.cjs.js +2 -2
  48. package/dist/collection/collection-manifest.json +4 -1
  49. package/dist/collection/components/af-heading/af-heading.css +1 -1
  50. package/dist/collection/components/af-testimonial/af-testimonial.css +143 -0
  51. package/dist/collection/components/af-testimonial/af-testimonial.js +118 -0
  52. package/dist/collection/components/af-testimonial/af-testimonial.js.map +1 -0
  53. package/dist/collection/components/af-testimonial-carousel/af-testimonial-carousel.css +96 -0
  54. package/dist/collection/components/af-testimonial-carousel/af-testimonial-carousel.js +100 -0
  55. package/dist/collection/components/af-testimonial-carousel/af-testimonial-carousel.js.map +1 -0
  56. package/dist/collection/components/af-testimonial-stat/af-testimonial-stat.css +41 -0
  57. package/dist/collection/components/af-testimonial-stat/af-testimonial-stat.js +87 -0
  58. package/dist/collection/components/af-testimonial-stat/af-testimonial-stat.js.map +1 -0
  59. package/dist/collection/components/af-text/af-text.css +1 -1
  60. package/dist/collection/components/af-typography-lockup/af-typography-lockup.css +1 -1
  61. package/dist/components/af-aspect-ratio.js +1 -1
  62. package/dist/components/af-button-group.js +1 -1
  63. package/dist/components/af-button.js +1 -1
  64. package/dist/components/af-card.js +1 -1
  65. package/dist/components/af-color-swatch.js +1 -1
  66. package/dist/components/af-container.js +1 -1
  67. package/dist/components/af-heading.js +1 -1
  68. package/dist/components/af-icon-button.js +1 -1
  69. package/dist/components/af-logo.js +1 -1
  70. package/dist/components/af-nav-item.js +1 -1
  71. package/dist/components/af-navbar.js +1 -1
  72. package/dist/components/af-testimonial-carousel.d.ts +11 -0
  73. package/dist/components/af-testimonial-carousel.js +113 -0
  74. package/dist/components/af-testimonial-carousel.js.map +1 -0
  75. package/dist/components/af-testimonial-stat.d.ts +11 -0
  76. package/dist/components/af-testimonial-stat.js +45 -0
  77. package/dist/components/af-testimonial-stat.js.map +1 -0
  78. package/dist/components/af-testimonial.d.ts +11 -0
  79. package/dist/components/af-testimonial.js +43 -0
  80. package/dist/components/af-testimonial.js.map +1 -0
  81. package/dist/components/af-text.js +1 -1
  82. package/dist/components/af-typography-lockup.js +1 -1
  83. package/dist/components/index.js +13 -13
  84. package/dist/components/{p-Cjv046iG.js → p-Bdy85P7Z.js} +3 -3
  85. package/dist/components/{p-Cjv046iG.js.map → p-Bdy85P7Z.js.map} +1 -1
  86. package/dist/components/{p-DIyOg-i_.js → p-BuySFAGS.js} +4 -4
  87. package/dist/components/{p-DIyOg-i_.js.map → p-BuySFAGS.js.map} +1 -1
  88. package/dist/components/{p-C6idwlD-.js → p-Bxv9iL3G.js} +3 -3
  89. package/dist/components/{p-C6idwlD-.js.map → p-Bxv9iL3G.js.map} +1 -1
  90. package/dist/components/{p-BpGDzCRf.js → p-C0zUdiRs.js} +4 -4
  91. package/dist/components/p-C0zUdiRs.js.map +1 -0
  92. package/dist/components/{p-CaqzUz5o.js → p-C4sw-kYH.js} +3 -3
  93. package/dist/components/{p-CaqzUz5o.js.map → p-C4sw-kYH.js.map} +1 -1
  94. package/dist/components/{p-BHNNF4PT.js → p-CJccTfm5.js} +3 -3
  95. package/dist/components/{p-BHNNF4PT.js.map → p-CJccTfm5.js.map} +1 -1
  96. package/dist/components/{p-DuXQZGjc.js → p-CLA_jBiH.js} +4 -4
  97. package/dist/components/{p-DuXQZGjc.js.map → p-CLA_jBiH.js.map} +1 -1
  98. package/dist/components/{p-CJWIieDU.js → p-Cfj594pp.js} +3 -3
  99. package/dist/components/{p-CJWIieDU.js.map → p-Cfj594pp.js.map} +1 -1
  100. package/dist/components/{p-zwrcq-N2.js → p-ChRDoPDm.js} +52 -7
  101. package/dist/components/p-ChRDoPDm.js.map +1 -0
  102. package/dist/components/{p-cKSy1B8M.js → p-D021PjqL.js} +3 -3
  103. package/dist/components/{p-cKSy1B8M.js.map → p-D021PjqL.js.map} +1 -1
  104. package/dist/components/{p-CRgPNvxI.js → p-DPooX_NW.js} +3 -3
  105. package/dist/components/{p-CRgPNvxI.js.map → p-DPooX_NW.js.map} +1 -1
  106. package/dist/components/{p-DSAo7rhE.js → p-KtmLxy7z.js} +3 -3
  107. package/dist/components/{p-DSAo7rhE.js.map → p-KtmLxy7z.js.map} +1 -1
  108. package/dist/components/{p-Dw33Xm_t.js → p-XAy0kGYd.js} +3 -3
  109. package/dist/components/{p-Dw33Xm_t.js.map → p-XAy0kGYd.js.map} +1 -1
  110. package/dist/esm/af-aspect-ratio.entry.js +1 -1
  111. package/dist/esm/af-button-group.entry.js +1 -1
  112. package/dist/esm/af-button.entry.js +1 -1
  113. package/dist/esm/af-card.entry.js +1 -1
  114. package/dist/esm/af-color-swatch.entry.js +1 -1
  115. package/dist/esm/af-container.entry.js +1 -1
  116. package/dist/esm/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.js.map +1 -1
  117. package/dist/esm/af-heading_5.entry.js +3 -3
  118. package/dist/esm/af-icon-button.entry.js +1 -1
  119. package/dist/esm/af-testimonial-carousel.entry.js +88 -0
  120. package/dist/esm/af-testimonial-carousel.entry.js.map +1 -0
  121. package/dist/esm/af-testimonial-stat.entry.js +20 -0
  122. package/dist/esm/af-testimonial-stat.entry.js.map +1 -0
  123. package/dist/esm/af-testimonial.entry.js +16 -0
  124. package/dist/esm/af-testimonial.entry.js.map +1 -0
  125. package/dist/esm/af-typography-lockup.entry.js +2 -2
  126. package/dist/esm/af-typography-lockup.entry.js.map +1 -1
  127. package/dist/esm/affinda.js +3 -3
  128. package/dist/esm/{index-Dmaq2rkg.js → index-UbNmjSSX.js} +57 -8
  129. package/dist/{affinda/p-Dmaq2rkg.js.map → esm/index-UbNmjSSX.js.map} +1 -1
  130. package/dist/esm/index.js +1 -1
  131. package/dist/esm/loader.js +3 -3
  132. package/dist/types/components/af-testimonial/af-testimonial.d.ts +23 -0
  133. package/dist/types/components/af-testimonial-carousel/af-testimonial-carousel.d.ts +15 -0
  134. package/dist/types/components/af-testimonial-stat/af-testimonial-stat.d.ts +15 -0
  135. package/dist/types/components.d.ts +105 -0
  136. package/package.json +2 -2
  137. package/dist/affinda/p-92f5a5d5.entry.js +0 -2
  138. package/dist/affinda/p-Dmaq2rkg.js +0 -3
  139. package/dist/cjs/index-1GcSSOS3.js.map +0 -1
  140. package/dist/components/p-BpGDzCRf.js.map +0 -1
  141. package/dist/components/p-zwrcq-N2.js.map +0 -1
  142. package/dist/esm/index-Dmaq2rkg.js.map +0 -1
  143. /package/dist/affinda/{p-bf697823.entry.js.map → p-16c84e60.entry.js.map} +0 -0
  144. /package/dist/affinda/{p-d33de48f.entry.js.map → p-32f46944.entry.js.map} +0 -0
  145. /package/dist/affinda/{p-b79f976e.entry.js.map → p-43324b6d.entry.js.map} +0 -0
  146. /package/dist/affinda/{p-f8d89fb6.entry.js.map → p-750a694b.entry.js.map} +0 -0
  147. /package/dist/affinda/{p-cb218d26.entry.js.map → p-9c0b3380.entry.js.map} +0 -0
  148. /package/dist/affinda/{p-a8d223ca.entry.js.map → p-9e5bef28.entry.js.map} +0 -0
  149. /package/dist/affinda/{p-47629246.entry.js.map → p-c8628633.entry.js.map} +0 -0
  150. /package/dist/affinda/{p-9c22948a.entry.js.map → p-eff7eff1.entry.js.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.esm.js","sources":["src/components/af-heading/af-heading.css?tag=af-heading&encapsulation=shadow","src/components/af-heading/af-heading.tsx","src/components/af-text/af-text.css?tag=af-text&encapsulation=shadow","src/components/af-text/af-text.tsx","src/components/af-nav-item/af-nav-item.css?tag=af-nav-item&encapsulation=shadow","src/components/af-nav-item/af-nav-item.tsx","src/components/af-navbar/af-navbar.css?tag=af-navbar&encapsulation=shadow","src/components/af-navbar/af-navbar.tsx","src/components/af-logo/af-logo.css?tag=af-logo&encapsulation=shadow","src/components/af-logo/af-logo.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.heading {\n margin: 0;\n padding: 0;\n font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-weight: 500;\n color: var(--colour-typography-heading-primary, #14343b);\n letter-spacing: -0.02em;\n}\n\n/* Alignment */\n.align-left {\n text-align: left;\n}\n\n.align-center {\n text-align: center;\n}\n\n.align-right {\n text-align: right;\n}\n\n/* Heading XL */\n.level-xl {\n font-size: 50px;\n line-height: 1;\n}\n\n@media (min-width: 768px) {\n .level-xl {\n font-size: 80px;\n }\n}\n\n/* Heading 1 */\n.level-1 {\n font-size: 38px;\n line-height: 1;\n}\n\n@media (min-width: 768px) {\n .level-1 {\n font-size: 56px;\n }\n}\n\n/* Heading 2 */\n.level-2 {\n font-size: 32px;\n line-height: 1;\n}\n\n@media (min-width: 768px) {\n .level-2 {\n font-size: 44px;\n }\n}\n\n/* Heading 3 */\n.level-3 {\n font-size: 25px;\n line-height: 1;\n}\n\n@media (min-width: 768px) {\n .level-3 {\n font-size: 34px;\n }\n}\n\n/* Heading 4 */\n.level-4 {\n font-size: 20px;\n line-height: 1.1;\n}\n\n@media (min-width: 768px) {\n .level-4 {\n font-size: 24px;\n line-height: 1.2;\n }\n}\n\n/* Heading 5 */\n.level-5 {\n font-size: 18px;\n line-height: 1.1;\n}\n\n@media (min-width: 768px) {\n .level-5 {\n font-size: 20px;\n line-height: 1.2;\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'af-heading',\n styleUrl: 'af-heading.css',\n shadow: true\n})\nexport class AfHeading {\n /** Heading level */\n @Prop() level: 'xl' | '1' | '2' | '3' | '4' | '5' = '1';\n\n /** Visual alignment */\n @Prop() align: 'left' | 'center' | 'right' = 'left';\n\n private getHeadingTag() {\n // Map display levels to semantic HTML tags\n const tagMap: Record<string, string> = {\n 'xl': 'h1',\n '1': 'h1',\n '2': 'h2',\n '3': 'h3',\n '4': 'h4',\n '5': 'h5'\n };\n return tagMap[this.level] || 'h1';\n }\n\n render() {\n const Tag = this.getHeadingTag() as any;\n\n return (\n <Tag\n class={{\n 'heading': true,\n [`level-${this.level}`]: true,\n [`align-${this.align}`]: true\n }}\n part=\"base\"\n >\n <slot />\n </Tag>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.text {\n margin: 0;\n padding: 0;\n font-family: 'Helvetica', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-weight: 400;\n color: var(--colour-typography-body-default, #14343b);\n letter-spacing: 0;\n}\n\n/* Alignment */\n.align-left {\n text-align: left;\n}\n\n.align-center {\n text-align: center;\n}\n\n.align-right {\n text-align: right;\n}\n\n/* Body variants */\n.variant-xlarge {\n font-size: 22px;\n line-height: 28px;\n}\n\n.variant-large {\n font-size: 18px;\n line-height: 26px;\n}\n\n.variant-medium {\n font-size: 16px;\n line-height: 24px;\n}\n\n.variant-small {\n font-size: 14px;\n line-height: 20px;\n}\n\n/* Label variants - use NeuSans Book */\n.variant-label-button {\n font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-weight: 500;\n font-size: 17px;\n line-height: 20px;\n}\n\n.variant-label-tag {\n font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-weight: 500;\n font-size: 14px;\n line-height: 1;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'af-text',\n styleUrl: 'af-text.css',\n shadow: true\n})\nexport class AfText {\n /** Text variant */\n @Prop() variant: 'xlarge' | 'large' | 'medium' | 'small' | 'label-button' | 'label-tag' = 'medium';\n\n /** Visual alignment */\n @Prop() align: 'left' | 'center' | 'right' = 'left';\n\n /** Semantic element to render */\n @Prop() as: 'p' | 'span' | 'div' | 'label' = 'p';\n\n render() {\n const Tag = this.as as any;\n\n return (\n <Tag\n class={{\n 'text': true,\n [`variant-${this.variant}`]: true,\n [`align-${this.align}`]: true\n }}\n part=\"base\"\n >\n <slot />\n </Tag>\n );\n }\n}\n",":host {\n display: inline-block;\n}\n\n.nav-link {\n text-decoration: none;\n color: inherit;\n display: block;\n}\n\n.nav-item {\n display: flex;\n align-items: center;\n gap: 8px;\n box-sizing: border-box;\n cursor: pointer;\n}\n\n/* Primary hierarchy - bold main navigation */\n.hierarchy-primary {\n padding: 12px;\n justify-content: center;\n}\n\n.hierarchy-primary .label-container {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 24px;\n gap: 10px;\n}\n\n/* Primary variant 01 - darker */\n.hierarchy-primary.variant-01 {\n font-family: var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);\n font-size: 16px;\n font-weight: var(--font-weight-book, 500);\n line-height: 20px;\n color: var(--colour-typography-nav-item-primary, #14343b);\n}\n\n/* Primary variant 02 - lighter for light backgrounds */\n.hierarchy-primary.variant-02 {\n font-family: var(--typography-bodyfont, 'Helvetica', 'Inter', system-ui, sans-serif);\n font-size: 16px;\n font-weight: var(--font-weight-regular, 400);\n line-height: 20px;\n color: var(--colour-typography-nav-item-secondary, #2b484f);\n}\n\n/* Hover state for primary variant-01 (dark backgrounds) - underline */\n.hierarchy-primary.variant-01:hover .label-container {\n border-bottom: 1px solid currentColor;\n}\n\n/* Active state for primary variant-01 - thicker border */\n.hierarchy-primary.variant-01.active .label-container {\n border-bottom: 2px solid #8a7049;\n}\n\n/* Hover and active states for variant-02 (light backgrounds) - no border */\n.hierarchy-primary.variant-02:hover {\n background-color: rgba(20, 52, 59, 0.04);\n border-radius: 8px;\n}\n\n.hierarchy-primary.variant-02.active {\n background-color: rgba(20, 52, 59, 0.08);\n border-radius: 8px;\n}\n\n/* Secondary hierarchy - smaller sub-navigation */\n.hierarchy-secondary {\n padding: 4px 0;\n}\n\n.hierarchy-secondary .label-container {\n display: flex;\n align-items: center;\n flex: 1;\n min-height: 24px;\n gap: 8px;\n}\n\n/* Secondary variant 01 - medium weight */\n.hierarchy-secondary.variant-01 {\n font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: #14343b;\n}\n\n/* Secondary variant 02 - regular weight */\n.hierarchy-secondary.variant-02 {\n font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n color: #2b484f;\n}\n\n/* Hover state for secondary - underline text */\n.hierarchy-secondary:hover ::slotted(*) {\n text-decoration: underline;\n}\n\n/* Mobile styles */\n@media (max-width: 767px) {\n .hierarchy-primary {\n padding: 20px 12px;\n border-bottom: 1px solid #e8eeed;\n width: 100%;\n }\n\n .hierarchy-primary .label-container {\n flex: 1;\n justify-content: flex-start;\n }\n\n .hierarchy-primary.variant-01 {\n font-size: 20px;\n line-height: 1.1;\n letter-spacing: -0.4px;\n }\n\n .hierarchy-primary.variant-02 {\n font-size: 20px;\n line-height: 1.1;\n letter-spacing: -0.4px;\n color: #60767b;\n }\n}\n\n/* Icon sizing */\n::slotted([slot=\"icon-left\"]),\n::slotted([slot=\"icon-right\"]) {\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n}\n\n.hierarchy-secondary ::slotted([slot=\"icon-right\"]) {\n width: 20px;\n height: 20px;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n/**\n * A generic navigation item component that can be used in navigation bars, menus, and sidebars.\n * Supports multiple hierarchy levels, variants, and states (active, hover).\n */\n@Component({\n tag: 'af-nav-item',\n styleUrl: 'af-nav-item.css',\n shadow: true\n})\nexport class AfNavItem {\n /**\n * Visual hierarchy level of the navigation item\n * - 'primary': Bold, main navigation (larger text, prominent styling)\n * - 'secondary': Lighter, sub-navigation (smaller text, subtle styling)\n */\n @Prop() hierarchy: 'primary' | 'secondary' = 'primary';\n\n /**\n * Visual variant within the hierarchy level\n * - '01': Darker/more prominent styling\n * - '02': Lighter/more subtle styling\n */\n @Prop() variant: '01' | '02' = '01';\n\n /**\n * URL to navigate to when clicked\n */\n @Prop() href?: string;\n\n /**\n * Whether this nav item is currently active/selected\n */\n @Prop() active: boolean = false;\n\n render() {\n const classes = {\n 'nav-item': true,\n [`hierarchy-${this.hierarchy}`]: true,\n [`variant-${this.variant}`]: true,\n 'active': this.active\n };\n\n const content = (\n <div class={classes}>\n <slot name=\"icon-left\"></slot>\n <div class=\"label-container\">\n <slot></slot>\n </div>\n <slot name=\"icon-right\"></slot>\n </div>\n );\n\n if (this.href) {\n return (\n <Host>\n <a href={this.href} class=\"nav-link\">\n {content}\n </a>\n </Host>\n );\n }\n\n return <Host>{content}</Host>;\n }\n}\n",":host {\n display: block;\n width: 100%;\n position: absolute;\n top: 32px;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n.navbar-container {\n padding: 0 80px;\n box-sizing: border-box;\n position: relative;\n}\n\n.navbar {\n background: var(--colour-background-white, #ffffff);\n border-radius: 9999px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 8px 8px 40px;\n box-sizing: border-box;\n}\n\n/* Left section */\n.navbar-left {\n display: flex;\n align-items: center;\n gap: 32px;\n}\n\n.logo {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n\n.nav-links {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n/* Right section */\n.navbar-right {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n\n.nav-actions {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.nav-button {\n display: flex;\n align-items: center;\n}\n\n/* Tablet adjustments */\n@media (max-width: 1024px) {\n .navbar-container {\n padding: 24px 40px 0;\n }\n\n .navbar-left {\n gap: 24px;\n }\n\n .nav-links {\n gap: 4px;\n }\n}\n\n/* Mobile adjustments */\n@media (max-width: 767px) {\n .navbar-container {\n padding: 16px 16px 0;\n }\n\n .navbar {\n padding: 8px 16px;\n flex-direction: column;\n border-radius: 16px;\n gap: 16px;\n }\n\n .navbar-left {\n width: 100%;\n flex-direction: column;\n gap: 16px;\n align-items: flex-start;\n }\n\n .nav-links {\n width: 100%;\n flex-direction: column;\n align-items: stretch;\n gap: 0;\n }\n\n .navbar-right {\n width: 100%;\n flex-direction: column;\n gap: 12px;\n align-items: stretch;\n }\n\n .nav-actions {\n width: 100%;\n flex-direction: column;\n align-items: stretch;\n gap: 0;\n }\n\n .nav-button {\n width: 100%;\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * A full-width navigation bar component that provides the main site navigation.\n * Features a pill-shaped container with logo, navigation links, and action buttons.\n */\n@Component({\n tag: 'af-navbar',\n styleUrl: 'af-navbar.css',\n shadow: true\n})\nexport class AfNavbar {\n render() {\n return (\n <Host>\n <nav class=\"navbar-container\">\n <div class=\"navbar\">\n {/* Left section: Logo + Nav Links */}\n <div class=\"navbar-left\">\n <div class=\"logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"nav-links\">\n <slot name=\"start\"></slot>\n </div>\n </div>\n\n {/* Right section: Actions + Button */}\n <div class=\"navbar-right\">\n <div class=\"nav-actions\">\n <slot name=\"end\"></slot>\n </div>\n <div class=\"nav-button\">\n <slot name=\"button\"></slot>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n",":host {\n display: inline-block;\n}\n\n.logo-img {\n display: block;\n height: 22px;\n width: 141px;\n object-fit: contain;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * Affinda logo component\n */\n@Component({\n tag: 'af-logo',\n styleUrl: 'af-logo.css',\n shadow: true\n})\nexport class AfLogo {\n render() {\n return (\n <Host>\n <img\n src=\"https://www.figma.com/api/mcp/asset/2cfec484-7ba9-4258-94f3-ef4d0ba1e8fe\"\n alt=\"Affinda\"\n class=\"logo-img\"\n />\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.esm.js","sources":["src/components/af-heading/af-heading.css?tag=af-heading&encapsulation=shadow","src/components/af-heading/af-heading.tsx","src/components/af-text/af-text.css?tag=af-text&encapsulation=shadow","src/components/af-text/af-text.tsx","src/components/af-nav-item/af-nav-item.css?tag=af-nav-item&encapsulation=shadow","src/components/af-nav-item/af-nav-item.tsx","src/components/af-navbar/af-navbar.css?tag=af-navbar&encapsulation=shadow","src/components/af-navbar/af-navbar.tsx","src/components/af-logo/af-logo.css?tag=af-logo&encapsulation=shadow","src/components/af-logo/af-logo.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.heading {\n margin: 0;\n padding: 0;\n font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-weight: 400;\n color: var(--colour-typography-heading-primary, #14343b);\n letter-spacing: -0.02em;\n}\n\n/* Alignment */\n.align-left {\n text-align: left;\n}\n\n.align-center {\n text-align: center;\n}\n\n.align-right {\n text-align: right;\n}\n\n/* Heading XL */\n.level-xl {\n font-size: 50px;\n line-height: 1;\n}\n\n@media (min-width: 768px) {\n .level-xl {\n font-size: 80px;\n }\n}\n\n/* Heading 1 */\n.level-1 {\n font-size: 38px;\n line-height: 1;\n}\n\n@media (min-width: 768px) {\n .level-1 {\n font-size: 56px;\n }\n}\n\n/* Heading 2 */\n.level-2 {\n font-size: 32px;\n line-height: 1;\n}\n\n@media (min-width: 768px) {\n .level-2 {\n font-size: 44px;\n }\n}\n\n/* Heading 3 */\n.level-3 {\n font-size: 25px;\n line-height: 1;\n}\n\n@media (min-width: 768px) {\n .level-3 {\n font-size: 34px;\n }\n}\n\n/* Heading 4 */\n.level-4 {\n font-size: 20px;\n line-height: 1.1;\n}\n\n@media (min-width: 768px) {\n .level-4 {\n font-size: 24px;\n line-height: 1.2;\n }\n}\n\n/* Heading 5 */\n.level-5 {\n font-size: 18px;\n line-height: 1.1;\n}\n\n@media (min-width: 768px) {\n .level-5 {\n font-size: 20px;\n line-height: 1.2;\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'af-heading',\n styleUrl: 'af-heading.css',\n shadow: true\n})\nexport class AfHeading {\n /** Heading level */\n @Prop() level: 'xl' | '1' | '2' | '3' | '4' | '5' = '1';\n\n /** Visual alignment */\n @Prop() align: 'left' | 'center' | 'right' = 'left';\n\n private getHeadingTag() {\n // Map display levels to semantic HTML tags\n const tagMap: Record<string, string> = {\n 'xl': 'h1',\n '1': 'h1',\n '2': 'h2',\n '3': 'h3',\n '4': 'h4',\n '5': 'h5'\n };\n return tagMap[this.level] || 'h1';\n }\n\n render() {\n const Tag = this.getHeadingTag() as any;\n\n return (\n <Tag\n class={{\n 'heading': true,\n [`level-${this.level}`]: true,\n [`align-${this.align}`]: true\n }}\n part=\"base\"\n >\n <slot />\n </Tag>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.text {\n margin: 0;\n padding: 0;\n font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-weight: 400;\n color: var(--colour-typography-body-default, #14343b);\n letter-spacing: 0;\n}\n\n/* Alignment */\n.align-left {\n text-align: left;\n}\n\n.align-center {\n text-align: center;\n}\n\n.align-right {\n text-align: right;\n}\n\n/* Body variants */\n.variant-xlarge {\n font-size: 22px;\n line-height: 28px;\n}\n\n.variant-large {\n font-size: 18px;\n line-height: 26px;\n}\n\n.variant-medium {\n font-size: 16px;\n line-height: 24px;\n}\n\n.variant-small {\n font-size: 14px;\n line-height: 20px;\n}\n\n/* Label variants - use NeuSans Book */\n.variant-label-button {\n font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-weight: 500;\n font-size: 17px;\n line-height: 20px;\n}\n\n.variant-label-tag {\n font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-weight: 500;\n font-size: 14px;\n line-height: 1;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'af-text',\n styleUrl: 'af-text.css',\n shadow: true\n})\nexport class AfText {\n /** Text variant */\n @Prop() variant: 'xlarge' | 'large' | 'medium' | 'small' | 'label-button' | 'label-tag' = 'medium';\n\n /** Visual alignment */\n @Prop() align: 'left' | 'center' | 'right' = 'left';\n\n /** Semantic element to render */\n @Prop() as: 'p' | 'span' | 'div' | 'label' = 'p';\n\n render() {\n const Tag = this.as as any;\n\n return (\n <Tag\n class={{\n 'text': true,\n [`variant-${this.variant}`]: true,\n [`align-${this.align}`]: true\n }}\n part=\"base\"\n >\n <slot />\n </Tag>\n );\n }\n}\n",":host {\n display: inline-block;\n}\n\n.nav-link {\n text-decoration: none;\n color: inherit;\n display: block;\n}\n\n.nav-item {\n display: flex;\n align-items: center;\n gap: 8px;\n box-sizing: border-box;\n cursor: pointer;\n}\n\n/* Primary hierarchy - bold main navigation */\n.hierarchy-primary {\n padding: 12px;\n justify-content: center;\n}\n\n.hierarchy-primary .label-container {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 24px;\n gap: 10px;\n}\n\n/* Primary variant 01 - darker */\n.hierarchy-primary.variant-01 {\n font-family: var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);\n font-size: 16px;\n font-weight: var(--font-weight-book, 500);\n line-height: 20px;\n color: var(--colour-typography-nav-item-primary, #14343b);\n}\n\n/* Primary variant 02 - lighter for light backgrounds */\n.hierarchy-primary.variant-02 {\n font-family: var(--typography-bodyfont, 'Helvetica', 'Inter', system-ui, sans-serif);\n font-size: 16px;\n font-weight: var(--font-weight-regular, 400);\n line-height: 20px;\n color: var(--colour-typography-nav-item-secondary, #2b484f);\n}\n\n/* Hover state for primary variant-01 (dark backgrounds) - underline */\n.hierarchy-primary.variant-01:hover .label-container {\n border-bottom: 1px solid currentColor;\n}\n\n/* Active state for primary variant-01 - thicker border */\n.hierarchy-primary.variant-01.active .label-container {\n border-bottom: 2px solid #8a7049;\n}\n\n/* Hover and active states for variant-02 (light backgrounds) - no border */\n.hierarchy-primary.variant-02:hover {\n background-color: rgba(20, 52, 59, 0.04);\n border-radius: 8px;\n}\n\n.hierarchy-primary.variant-02.active {\n background-color: rgba(20, 52, 59, 0.08);\n border-radius: 8px;\n}\n\n/* Secondary hierarchy - smaller sub-navigation */\n.hierarchy-secondary {\n padding: 4px 0;\n}\n\n.hierarchy-secondary .label-container {\n display: flex;\n align-items: center;\n flex: 1;\n min-height: 24px;\n gap: 8px;\n}\n\n/* Secondary variant 01 - medium weight */\n.hierarchy-secondary.variant-01 {\n font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: #14343b;\n}\n\n/* Secondary variant 02 - regular weight */\n.hierarchy-secondary.variant-02 {\n font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n color: #2b484f;\n}\n\n/* Hover state for secondary - underline text */\n.hierarchy-secondary:hover ::slotted(*) {\n text-decoration: underline;\n}\n\n/* Mobile styles */\n@media (max-width: 767px) {\n .hierarchy-primary {\n padding: 20px 12px;\n border-bottom: 1px solid #e8eeed;\n width: 100%;\n }\n\n .hierarchy-primary .label-container {\n flex: 1;\n justify-content: flex-start;\n }\n\n .hierarchy-primary.variant-01 {\n font-size: 20px;\n line-height: 1.1;\n letter-spacing: -0.4px;\n }\n\n .hierarchy-primary.variant-02 {\n font-size: 20px;\n line-height: 1.1;\n letter-spacing: -0.4px;\n color: #60767b;\n }\n}\n\n/* Icon sizing */\n::slotted([slot=\"icon-left\"]),\n::slotted([slot=\"icon-right\"]) {\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n}\n\n.hierarchy-secondary ::slotted([slot=\"icon-right\"]) {\n width: 20px;\n height: 20px;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n/**\n * A generic navigation item component that can be used in navigation bars, menus, and sidebars.\n * Supports multiple hierarchy levels, variants, and states (active, hover).\n */\n@Component({\n tag: 'af-nav-item',\n styleUrl: 'af-nav-item.css',\n shadow: true\n})\nexport class AfNavItem {\n /**\n * Visual hierarchy level of the navigation item\n * - 'primary': Bold, main navigation (larger text, prominent styling)\n * - 'secondary': Lighter, sub-navigation (smaller text, subtle styling)\n */\n @Prop() hierarchy: 'primary' | 'secondary' = 'primary';\n\n /**\n * Visual variant within the hierarchy level\n * - '01': Darker/more prominent styling\n * - '02': Lighter/more subtle styling\n */\n @Prop() variant: '01' | '02' = '01';\n\n /**\n * URL to navigate to when clicked\n */\n @Prop() href?: string;\n\n /**\n * Whether this nav item is currently active/selected\n */\n @Prop() active: boolean = false;\n\n render() {\n const classes = {\n 'nav-item': true,\n [`hierarchy-${this.hierarchy}`]: true,\n [`variant-${this.variant}`]: true,\n 'active': this.active\n };\n\n const content = (\n <div class={classes}>\n <slot name=\"icon-left\"></slot>\n <div class=\"label-container\">\n <slot></slot>\n </div>\n <slot name=\"icon-right\"></slot>\n </div>\n );\n\n if (this.href) {\n return (\n <Host>\n <a href={this.href} class=\"nav-link\">\n {content}\n </a>\n </Host>\n );\n }\n\n return <Host>{content}</Host>;\n }\n}\n",":host {\n display: block;\n width: 100%;\n position: absolute;\n top: 32px;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n.navbar-container {\n padding: 0 80px;\n box-sizing: border-box;\n position: relative;\n}\n\n.navbar {\n background: var(--colour-background-white, #ffffff);\n border-radius: 9999px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 8px 8px 40px;\n box-sizing: border-box;\n}\n\n/* Left section */\n.navbar-left {\n display: flex;\n align-items: center;\n gap: 32px;\n}\n\n.logo {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n\n.nav-links {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n/* Right section */\n.navbar-right {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n\n.nav-actions {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.nav-button {\n display: flex;\n align-items: center;\n}\n\n/* Tablet adjustments */\n@media (max-width: 1024px) {\n .navbar-container {\n padding: 24px 40px 0;\n }\n\n .navbar-left {\n gap: 24px;\n }\n\n .nav-links {\n gap: 4px;\n }\n}\n\n/* Mobile adjustments */\n@media (max-width: 767px) {\n .navbar-container {\n padding: 16px 16px 0;\n }\n\n .navbar {\n padding: 8px 16px;\n flex-direction: column;\n border-radius: 16px;\n gap: 16px;\n }\n\n .navbar-left {\n width: 100%;\n flex-direction: column;\n gap: 16px;\n align-items: flex-start;\n }\n\n .nav-links {\n width: 100%;\n flex-direction: column;\n align-items: stretch;\n gap: 0;\n }\n\n .navbar-right {\n width: 100%;\n flex-direction: column;\n gap: 12px;\n align-items: stretch;\n }\n\n .nav-actions {\n width: 100%;\n flex-direction: column;\n align-items: stretch;\n gap: 0;\n }\n\n .nav-button {\n width: 100%;\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * A full-width navigation bar component that provides the main site navigation.\n * Features a pill-shaped container with logo, navigation links, and action buttons.\n */\n@Component({\n tag: 'af-navbar',\n styleUrl: 'af-navbar.css',\n shadow: true\n})\nexport class AfNavbar {\n render() {\n return (\n <Host>\n <nav class=\"navbar-container\">\n <div class=\"navbar\">\n {/* Left section: Logo + Nav Links */}\n <div class=\"navbar-left\">\n <div class=\"logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"nav-links\">\n <slot name=\"start\"></slot>\n </div>\n </div>\n\n {/* Right section: Actions + Button */}\n <div class=\"navbar-right\">\n <div class=\"nav-actions\">\n <slot name=\"end\"></slot>\n </div>\n <div class=\"nav-button\">\n <slot name=\"button\"></slot>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n",":host {\n display: inline-block;\n}\n\n.logo-img {\n display: block;\n height: 22px;\n width: 141px;\n object-fit: contain;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * Affinda logo component\n */\n@Component({\n tag: 'af-logo',\n styleUrl: 'af-logo.css',\n shadow: true\n})\nexport class AfLogo {\n render() {\n return (\n <Host>\n <img\n src=\"https://www.figma.com/api/mcp/asset/2cfec484-7ba9-4258-94f3-ef4d0ba1e8fe\"\n alt=\"Affinda\"\n class=\"logo-img\"\n />\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"af-testimonial-carousel.entry.esm.js","sources":["src/components/af-testimonial-carousel/af-testimonial-carousel.css?tag=af-testimonial-carousel&encapsulation=scoped","src/components/af-testimonial-carousel/af-testimonial-carousel.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n overflow: hidden;\n}\n\n.testimonial-carousel {\n position: relative;\n width: 100%;\n}\n\n.testimonial-slides {\n position: relative;\n width: 100%;\n min-height: 544px;\n overflow: hidden;\n}\n\n.testimonial-slides ::slotted(af-testimonial) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;\n}\n\n/* Progress indicator */\n.testimonial-progress {\n display: flex;\n gap: 12px;\n justify-content: center;\n margin-top: 32px;\n padding: 0 220px;\n}\n\n.progress-dot {\n width: 100%;\n max-width: 840px;\n height: 3px;\n background: var(--colour-background-border-default, #d1ddda);\n border-radius: 2px;\n cursor: pointer;\n transition: background 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.progress-dot.active {\n background: var(--colour-background-border-active, #8a7049);\n}\n\n.progress-dot:hover:not(.active) {\n background: var(--colour-background-border-default, #c1cdc9);\n}\n\n/* Navigation buttons - positioned bottom left, next to each other */\n.carousel-navigation {\n position: absolute;\n bottom: 48px;\n left: 48px;\n display: flex;\n gap: 12px;\n align-items: center;\n z-index: 10;\n}\n\n.nav-button {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n border: 1px solid var(--colour-brand-inkwell, #14343b);\n background: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.2s ease;\n color: var(--colour-brand-inkwell, #14343b);\n}\n\n.nav-button:hover:not(:disabled) {\n background: rgba(255, 255, 255, 0.1);\n transform: translateY(-2px);\n}\n\n.nav-button:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n border-color: var(--colour-brand-inkwell, #14343b);\n}\n\n.nav-button svg {\n width: 24px;\n height: 24px;\n}\n\n","import { Component, State, h, Host, Element } from '@stencil/core';\n\n@Component({\n tag: 'af-testimonial-carousel',\n styleUrl: 'af-testimonial-carousel.css',\n shadow: false,\n scoped: true,\n})\nexport class AfTestimonialCarousel {\n @Element() host!: HTMLElement;\n @State() currentIndex: number = 0;\n @State() isAnimating: boolean = false;\n @State() testimonialCount: number = 0;\n\n private testimonials: HTMLElement[] = [];\n private observer: MutationObserver | undefined;\n\n componentDidLoad() {\n this.detectTestimonials();\n \n // Watch for testimonials being added (for React async rendering)\n this.observer = new MutationObserver(() => {\n this.detectTestimonials();\n });\n \n this.observer.observe(this.host, {\n childList: true,\n subtree: true\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n private detectTestimonials() {\n const newTestimonials = Array.from(this.host.querySelectorAll('af-testimonial')) as HTMLElement[];\n \n if (newTestimonials.length !== this.testimonials.length) {\n this.testimonials = newTestimonials;\n this.testimonialCount = newTestimonials.length;\n console.log('Found testimonials:', this.testimonials.length);\n \n if (this.testimonials.length > 0) {\n this.currentIndex = 0;\n this.updateVisibleTestimonial();\n }\n }\n }\n\n private updateVisibleTestimonial() {\n this.testimonials.forEach((testimonial, index) => {\n const offset = (index - this.currentIndex) * 100;\n testimonial.style.transform = `translateX(${offset}%)`;\n testimonial.style.opacity = index === this.currentIndex ? '1' : '0';\n testimonial.style.pointerEvents = index === this.currentIndex ? 'auto' : 'none';\n });\n }\n\n private goToPrevious = () => {\n if (this.isAnimating || this.currentIndex === 0) return;\n \n this.isAnimating = true;\n this.currentIndex = this.currentIndex - 1;\n this.updateVisibleTestimonial();\n \n setTimeout(() => {\n this.isAnimating = false;\n }, 500);\n };\n\n private goToNext = () => {\n if (this.isAnimating || this.currentIndex >= this.testimonialCount - 1) return;\n \n this.isAnimating = true;\n this.currentIndex = this.currentIndex + 1;\n this.updateVisibleTestimonial();\n \n setTimeout(() => {\n this.isAnimating = false;\n }, 500);\n };\n\n render() {\n const hasPrev = this.currentIndex > 0;\n const hasNext = this.currentIndex < this.testimonialCount - 1;\n\n return (\n <Host>\n <div class=\"testimonial-carousel\">\n <div class=\"testimonial-slides\">\n <slot></slot>\n </div>\n \n {/* Progress indicator */}\n {this.testimonialCount > 1 && (\n <div class=\"testimonial-progress\">\n {Array.from({ length: this.testimonialCount }).map((_, index) => (\n <div \n class={`progress-dot ${index === this.currentIndex ? 'active' : ''}`}\n onClick={() => {\n if (!this.isAnimating && index !== this.currentIndex) {\n this.isAnimating = true;\n this.currentIndex = index;\n this.updateVisibleTestimonial();\n setTimeout(() => {\n this.isAnimating = false;\n }, 500);\n }\n }}\n />\n ))}\n </div>\n )}\n\n {/* Navigation buttons */}\n {this.testimonialCount > 1 && (\n <div class=\"carousel-navigation\">\n <button \n class=\"nav-button prev\" \n disabled={!hasPrev}\n onClick={this.goToPrevious}\n aria-label=\"Previous testimonial\"\n >\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M19 12H5M5 12L12 19M5 12L12 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n <button \n class=\"nav-button next\" \n disabled={!hasNext}\n onClick={this.goToNext}\n aria-label=\"Next testimonial\"\n >\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </button>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n\n"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"af-testimonial-stat.entry.esm.js","sources":["src/components/af-testimonial-stat/af-testimonial-stat.css?tag=af-testimonial-stat&encapsulation=scoped","src/components/af-testimonial-stat/af-testimonial-stat.tsx"],"sourcesContent":[":host {\n display: block;\n flex: 1;\n min-width: 0;\n}\n\n.stat {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.stat--accent {\n border-left: 2px solid var(--colour-background-border-active, #8a7049);\n padding-left: 16px;\n min-height: 76px;\n justify-content: center;\n}\n\n.stat-value {\n font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-size: 44px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: -0.88px;\n color: var(--colour-typography-heading-secondary, #8a7049);\n margin: 0;\n}\n\n.stat-description {\n font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n color: var(--colour-typography-body-dark, #14343b);\n margin: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'af-testimonial-stat',\n styleUrl: 'af-testimonial-stat.css',\n shadow: false,\n scoped: true,\n})\nexport class AfTestimonialStat {\n /**\n * The statistic value (e.g., \"95%\", \"10×\", \"120,000\")\n */\n @Prop() value!: string;\n\n /**\n * Description text for the statistic\n */\n @Prop() description!: string;\n\n /**\n * Whether to show left accent border\n */\n @Prop() accentBorder: boolean = false;\n\n render() {\n return (\n <Host>\n <div class={`stat ${this.accentBorder ? 'stat--accent' : ''}`}>\n <p class=\"stat-value\">{this.value}</p>\n <p class=\"stat-description\">{this.description}</p>\n </div>\n </Host>\n );\n }\n}\n\n\n"],"names":[],"mappings":";;AAAA,MAAM,oBAAoB,GAAG,kxBAAkxB;;MCQlyB,iBAAiB,GAAA,MAAA;AAN9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAiBE;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AAYtC;IAVC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,KAAA,EAAQ,IAAI,CAAC,YAAY,GAAG,cAAc,GAAG,EAAE,CAAA,CAAE,EAAA,EAC3D,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,KAAK,CAAK,EACtC,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAE,EAAA,IAAI,CAAC,WAAW,CAAK,CAC9C,CACD;;;;;;;"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"af-testimonial.entry.esm.js","sources":["src/components/af-testimonial/af-testimonial.css?tag=af-testimonial&encapsulation=scoped","src/components/af-testimonial/af-testimonial.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n.testimonial-card {\n background: var(--colour-background-level-1, #e8eeed);\n border-radius: var(--border-radius-card-level-1, 32px);\n overflow: hidden;\n display: flex;\n height: 544px;\n box-sizing: border-box;\n}\n\n/* Image side - 519px wide */\n.testimonial-image {\n position: relative;\n width: 519px;\n height: 100%;\n background: #000000;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n}\n\n.testimonial-bg-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.7;\n}\n\n.testimonial-logo {\n position: relative;\n z-index: 1;\n padding: 0 108px;\n max-width: 100%;\n}\n\n.testimonial-logo img {\n width: 100%;\n height: auto;\n display: block;\n}\n\n/* Content side */\n.testimonial-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 32px;\n padding: 48px;\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-left: 1px solid rgba(255, 255, 255, 0.08);\n box-sizing: border-box;\n}\n\n.testimonial-quote-section {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.testimonial-quote-icon {\n width: 48px;\n height: 48px;\n color: var(--colour-brand-inkwell, #14343b);\n flex-shrink: 0;\n}\n\n.testimonial-text {\n font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-size: 22px;\n font-weight: 400;\n line-height: 1.4;\n color: var(--colour-typography-body-default, #2b484f);\n margin: 0;\n max-height: 155px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.testimonial-attribution {\n font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-size: 22px;\n font-weight: 400;\n line-height: 1.4;\n color: var(--colour-typography-body-dark, #14343b);\n margin: 0;\n}\n\n.testimonial-stats {\n display: flex;\n gap: 32px;\n width: 100%;\n}\n\n.testimonial-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-top: 1px solid var(--colour-background-border-default, #d1ddda);\n padding-top: 32px;\n}\n\n.testimonial-nav {\n display: flex;\n gap: 12px;\n}\n\n.testimonial-cta {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n border: 1px solid var(--colour-brand-inkwell, #14343b);\n border-radius: 9999px;\n font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-size: 17px;\n font-weight: 500;\n line-height: 20px;\n color: var(--colour-brand-inkwell, #14343b);\n text-decoration: none;\n cursor: pointer;\n transition: all 0.2s ease;\n}\n\n.testimonial-cta:hover {\n background: var(--colour-background-level-1, #e8eeed);\n transform: translateY(-1px);\n}\n\n.testimonial-cta svg {\n width: 24px;\n height: 24px;\n}\n\n\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'af-testimonial',\n styleUrl: 'af-testimonial.css',\n shadow: false,\n scoped: true,\n})\nexport class AfTestimonial {\n /**\n * Background image URL for the testimonial card\n */\n @Prop() backgroundImage?: string;\n\n /**\n * Company logo URL\n */\n @Prop() logoImage?: string;\n\n /**\n * Testimonial quote text\n */\n @Prop() quote!: string;\n\n /**\n * Attribution text (e.g., \"– Nathaniel Barrs, CTO, PSC Insurance\")\n */\n @Prop() attribution!: string;\n\n /**\n * Link to full case study\n */\n @Prop() readMoreLink?: string;\n\n render() {\n return (\n <Host>\n <div class=\"testimonial-card\">\n {/* Image side */}\n <div class=\"testimonial-image\">\n {this.backgroundImage && (\n <img src={this.backgroundImage} alt=\"\" class=\"testimonial-bg-image\" />\n )}\n {this.logoImage && (\n <div class=\"testimonial-logo\">\n <img src={this.logoImage} alt=\"Company logo\" />\n </div>\n )}\n </div>\n\n {/* Content side */}\n <div class=\"testimonial-content\">\n <div class=\"testimonial-quote-section\">\n {/* Quote icon - using slot for flexibility */}\n <div class=\"testimonial-quote-icon\">\n <slot name=\"quote-icon\">\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10.5 25.5C10.5 23.0147 12.5147 21 15 21H18C18.8284 21 19.5 20.3284 19.5 19.5V15C19.5 12.5147 17.4853 10.5 15 10.5H10.5C6.35786 10.5 3 13.8579 3 18V33C3 35.4853 5.01472 37.5 7.5 37.5H15C17.4853 37.5 19.5 35.4853 19.5 33V25.5C19.5 23.0147 17.4853 21 15 21H10.5ZM33 25.5C33 23.0147 35.0147 21 37.5 21H40.5C41.3284 21 42 20.3284 42 19.5V15C42 12.5147 39.9853 10.5 37.5 10.5H33C28.8579 10.5 25.5 13.8579 25.5 18V33C25.5 35.4853 27.5147 37.5 30 37.5H37.5C39.9853 37.5 42 35.4853 42 33V25.5C42 23.0147 39.9853 21 37.5 21H33Z\" fill=\"currentColor\"/>\n </svg>\n </slot>\n </div>\n\n <p class=\"testimonial-text\">{this.quote}</p>\n <p class=\"testimonial-attribution\">{this.attribution}</p>\n </div>\n\n {/* Statistics slot */}\n <div class=\"testimonial-stats\">\n <slot name=\"stats\"></slot>\n </div>\n\n {/* Footer with navigation and CTA */}\n <div class=\"testimonial-footer\">\n <div class=\"testimonial-nav\">\n <slot name=\"navigation\"></slot>\n </div>\n {this.readMoreLink && (\n <a href={this.readMoreLink} class=\"testimonial-cta\">\n <span>Read full story</span>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </a>\n )}\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n\n\n"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"af-typography-lockup.entry.esm.js","sources":["src/components/af-typography-lockup/af-typography-lockup.css?tag=af-typography-lockup&encapsulation=shadow","src/components/af-typography-lockup/af-typography-lockup.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.lockup {\n display: flex;\n flex-direction: column;\n gap: 40px;\n}\n\n/* Text alignment */\n.text-left {\n align-items: flex-start;\n}\n\n.text-center {\n align-items: center;\n}\n\n.text-left .copy,\n.text-left .heading,\n.text-left .description {\n text-align: left;\n}\n\n.text-center .copy,\n.text-center .heading,\n.text-center .description {\n text-align: center;\n}\n\n/* Copy section */\n.copy {\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n}\n\n/* Heading styles */\n.heading {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-weight: 500;\n color: var(--typography-heading-primary, #14343B);\n line-height: 1;\n white-space: pre-wrap;\n}\n\n/* Desktop heading sizes */\n.breakpoint-desktop.heading-1 .heading {\n font-size: 56px;\n letter-spacing: -1.12px;\n}\n\n.breakpoint-desktop.heading-2 .heading {\n font-size: 44px;\n letter-spacing: -0.88px;\n}\n\n.breakpoint-desktop.heading-3 .heading {\n font-size: 34px;\n letter-spacing: -0.68px;\n}\n\n.breakpoint-desktop.heading-4 .heading {\n font-size: 24px;\n letter-spacing: -0.48px;\n line-height: 1.2;\n}\n\n.breakpoint-desktop.heading-5 .heading {\n font-size: 20px;\n letter-spacing: -0.4px;\n line-height: 1.2;\n}\n\n/* Mobile heading sizes */\n.breakpoint-mobile.heading-1 .heading {\n font-size: 38px;\n letter-spacing: -0.76px;\n}\n\n.breakpoint-mobile.heading-2 .heading {\n font-size: 32px;\n letter-spacing: -0.64px;\n}\n\n.breakpoint-mobile.heading-3 .heading {\n font-size: 25px;\n letter-spacing: -0.5px;\n}\n\n.breakpoint-mobile.heading-4 .heading {\n font-size: 20px;\n letter-spacing: -0.4px;\n line-height: 1.1;\n}\n\n.breakpoint-mobile.heading-5 .heading {\n font-size: 18px;\n letter-spacing: -0.36px;\n line-height: 1.1;\n}\n\n/* Description/body text */\n.description {\n font-family: 'Helvetica', var(--typography-primaryfont, 'NeuSans', sans-serif), sans-serif;\n font-size: 18px;\n font-weight: 400;\n line-height: 26px;\n color: var(--typography-body-default, #2B484F);\n white-space: pre-wrap;\n}\n\n.description:empty {\n display: none;\n}\n\n/* Buttons section */\n.buttons {\n display: flex;\n gap: 12px;\n}\n\n.buttons:empty {\n display: none;\n}\n\n/* Button alignment - horizontal */\n.button-horizontal .buttons {\n flex-direction: row;\n align-items: center;\n}\n\n.text-left.button-horizontal {\n flex-direction: row;\n align-items: center;\n gap: 16px;\n}\n\n.text-left.button-horizontal .copy {\n flex: 1 0 0;\n max-width: 950px;\n}\n\n.text-left.button-horizontal .buttons {\n flex-shrink: 0;\n}\n\n/* Button alignment - vertical */\n.button-vertical .buttons {\n flex-direction: row;\n align-items: flex-start;\n}\n\n.text-center.button-vertical .buttons {\n align-items: center;\n}\n\n/* Max width constraints for centered layouts */\n.text-center .copy {\n max-width: 840px;\n}\n\n/* Slot content styling */\n::slotted(*) {\n margin: 0;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n tag: 'af-typography-lockup',\n styleUrl: 'af-typography-lockup.css',\n shadow: true\n})\nexport class AfTypographyLockup {\n /**\n * The heading size (1-5, where 1 is largest)\n */\n @Prop() headingSize: 1 | 2 | 3 | 4 | 5 = 2;\n\n /**\n * The breakpoint for responsive typography\n */\n @Prop() breakpoint: 'desktop' | 'mobile' = 'desktop';\n\n /**\n * Text alignment\n */\n @Prop() textAlignment: 'left' | 'center' = 'left';\n\n /**\n * Button alignment (horizontal or vertical stacking)\n */\n @Prop() buttonAlignment: 'horizontal' | 'vertical' = 'vertical';\n\n /**\n * Maximum width for the copy section (in pixels)\n */\n @Prop() maxWidth?: number;\n\n render() {\n const containerClasses = {\n 'lockup': true,\n [`text-${this.textAlignment}`]: true,\n [`button-${this.buttonAlignment}`]: true\n };\n\n const copyClasses = {\n 'copy': true,\n [`heading-${this.headingSize}`]: true,\n [`breakpoint-${this.breakpoint}`]: true\n };\n\n const copyStyle = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};\n\n return (\n <Host>\n <div class={containerClasses}>\n <div class={copyClasses} style={copyStyle}>\n <div class=\"heading\">\n <slot></slot>\n </div>\n <div class=\"description\">\n <slot name=\"description\"></slot>\n </div>\n </div>\n <div class=\"buttons\">\n <slot name=\"buttons\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,8jEAA8jE;;MCO/kE,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAsB,CAAC;AAE1C;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAEpD;;AAEG;AACK,QAAA,IAAa,CAAA,aAAA,GAAsB,MAAM;AAEjD;;AAEG;AACK,QAAA,IAAe,CAAA,eAAA,GAA8B,UAAU;AAwChE;IAjCC,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,CAAC,QAAQ,IAAI,CAAC,aAAa,CAAE,CAAA,GAAG,IAAI;AACpC,YAAA,CAAC,UAAU,IAAI,CAAC,eAAe,CAAE,CAAA,GAAG;SACrC;AAED,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,CAAC,WAAW,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,IAAI;AACrC,YAAA,CAAC,cAAc,IAAI,CAAC,UAAU,CAAE,CAAA,GAAG;SACpC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,EAAE,QAAQ,EAAE,CAAG,EAAA,IAAI,CAAC,QAAQ,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE;AAEzE,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gBAAgB,EAAA,EAC1B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAA,EACvC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,aAAa,EAAA,CAAQ,CAC5B,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,CAAQ,CACxB,CACF,CACD;;;;;;;"}
1
+ {"version":3,"file":"af-typography-lockup.entry.esm.js","sources":["src/components/af-typography-lockup/af-typography-lockup.css?tag=af-typography-lockup&encapsulation=shadow","src/components/af-typography-lockup/af-typography-lockup.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.lockup {\n display: flex;\n flex-direction: column;\n gap: 40px;\n}\n\n/* Text alignment */\n.text-left {\n align-items: flex-start;\n}\n\n.text-center {\n align-items: center;\n}\n\n.text-left .copy,\n.text-left .heading,\n.text-left .description {\n text-align: left;\n}\n\n.text-center .copy,\n.text-center .heading,\n.text-center .description {\n text-align: center;\n}\n\n/* Copy section */\n.copy {\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n}\n\n/* Heading styles */\n.heading {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-weight: 400;\n color: var(--typography-heading-primary, #14343B);\n line-height: 1;\n white-space: pre-wrap;\n}\n\n/* Desktop heading sizes */\n.breakpoint-desktop.heading-1 .heading {\n font-size: 56px;\n letter-spacing: -1.12px;\n}\n\n.breakpoint-desktop.heading-2 .heading {\n font-size: 44px;\n letter-spacing: -0.88px;\n}\n\n.breakpoint-desktop.heading-3 .heading {\n font-size: 34px;\n letter-spacing: -0.68px;\n}\n\n.breakpoint-desktop.heading-4 .heading {\n font-size: 24px;\n letter-spacing: -0.48px;\n line-height: 1.2;\n}\n\n.breakpoint-desktop.heading-5 .heading {\n font-size: 20px;\n letter-spacing: -0.4px;\n line-height: 1.2;\n}\n\n/* Mobile heading sizes */\n.breakpoint-mobile.heading-1 .heading {\n font-size: 38px;\n letter-spacing: -0.76px;\n}\n\n.breakpoint-mobile.heading-2 .heading {\n font-size: 32px;\n letter-spacing: -0.64px;\n}\n\n.breakpoint-mobile.heading-3 .heading {\n font-size: 25px;\n letter-spacing: -0.5px;\n}\n\n.breakpoint-mobile.heading-4 .heading {\n font-size: 20px;\n letter-spacing: -0.4px;\n line-height: 1.1;\n}\n\n.breakpoint-mobile.heading-5 .heading {\n font-size: 18px;\n letter-spacing: -0.36px;\n line-height: 1.1;\n}\n\n/* Description/body text */\n.description {\n font-family: 'Helvetica', var(--typography-primaryfont, 'NeuSans', sans-serif), sans-serif;\n font-size: 18px;\n font-weight: 400;\n line-height: 26px;\n color: var(--typography-body-default, #2B484F);\n white-space: pre-wrap;\n}\n\n.description:empty {\n display: none;\n}\n\n/* Buttons section */\n.buttons {\n display: flex;\n gap: 12px;\n}\n\n.buttons:empty {\n display: none;\n}\n\n/* Button alignment - horizontal */\n.button-horizontal .buttons {\n flex-direction: row;\n align-items: center;\n}\n\n.text-left.button-horizontal {\n flex-direction: row;\n align-items: center;\n gap: 16px;\n}\n\n.text-left.button-horizontal .copy {\n flex: 1 0 0;\n max-width: 950px;\n}\n\n.text-left.button-horizontal .buttons {\n flex-shrink: 0;\n}\n\n/* Button alignment - vertical */\n.button-vertical .buttons {\n flex-direction: row;\n align-items: flex-start;\n}\n\n.text-center.button-vertical .buttons {\n align-items: center;\n}\n\n/* Max width constraints for centered layouts */\n.text-center .copy {\n max-width: 840px;\n}\n\n/* Slot content styling */\n::slotted(*) {\n margin: 0;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n tag: 'af-typography-lockup',\n styleUrl: 'af-typography-lockup.css',\n shadow: true\n})\nexport class AfTypographyLockup {\n /**\n * The heading size (1-5, where 1 is largest)\n */\n @Prop() headingSize: 1 | 2 | 3 | 4 | 5 = 2;\n\n /**\n * The breakpoint for responsive typography\n */\n @Prop() breakpoint: 'desktop' | 'mobile' = 'desktop';\n\n /**\n * Text alignment\n */\n @Prop() textAlignment: 'left' | 'center' = 'left';\n\n /**\n * Button alignment (horizontal or vertical stacking)\n */\n @Prop() buttonAlignment: 'horizontal' | 'vertical' = 'vertical';\n\n /**\n * Maximum width for the copy section (in pixels)\n */\n @Prop() maxWidth?: number;\n\n render() {\n const containerClasses = {\n 'lockup': true,\n [`text-${this.textAlignment}`]: true,\n [`button-${this.buttonAlignment}`]: true\n };\n\n const copyClasses = {\n 'copy': true,\n [`heading-${this.headingSize}`]: true,\n [`breakpoint-${this.breakpoint}`]: true\n };\n\n const copyStyle = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};\n\n return (\n <Host>\n <div class={containerClasses}>\n <div class={copyClasses} style={copyStyle}>\n <div class=\"heading\">\n <slot></slot>\n </div>\n <div class=\"description\">\n <slot name=\"description\"></slot>\n </div>\n </div>\n <div class=\"buttons\">\n <slot name=\"buttons\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,8jEAA8jE;;MCO/kE,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAsB,CAAC;AAE1C;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAEpD;;AAEG;AACK,QAAA,IAAa,CAAA,aAAA,GAAsB,MAAM;AAEjD;;AAEG;AACK,QAAA,IAAe,CAAA,eAAA,GAA8B,UAAU;AAwChE;IAjCC,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,CAAC,QAAQ,IAAI,CAAC,aAAa,CAAE,CAAA,GAAG,IAAI;AACpC,YAAA,CAAC,UAAU,IAAI,CAAC,eAAe,CAAE,CAAA,GAAG;SACrC;AAED,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,CAAC,WAAW,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,IAAI;AACrC,YAAA,CAAC,cAAc,IAAI,CAAC,UAAU,CAAE,CAAA,GAAG;SACpC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,EAAE,QAAQ,EAAE,CAAG,EAAA,IAAI,CAAC,QAAQ,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE;AAEzE,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gBAAgB,EAAA,EAC1B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAA,EACvC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,aAAa,EAAA,CAAQ,CAC5B,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,CAAQ,CACxB,CACF,CACD;;;;;;;"}
@@ -1,2 +1,2 @@
1
- import{p as a,g as t,b as e}from"./p-Dmaq2rkg.js";export{s as setNonce}from"./p-Dmaq2rkg.js";var r=()=>{const t=import.meta.url;const e={};if(t!==""){e.resourcesUrl=new URL(".",t).href}return a(e)};r().then((async a=>{await t();return e([["p-92f5a5d5",[[257,"af-heading",{level:[1],align:[1]}],[257,"af-logo"],[257,"af-nav-item",{hierarchy:[1],variant:[1],href:[1],active:[4]}],[257,"af-navbar"],[257,"af-text",{variant:[1],align:[1],as:[1]}]]],["p-9c22948a",[[257,"af-aspect-ratio",{ratio:[1]}]]],["p-b79f976e",[[257,"af-button",{variant:[1],size:[1],disabled:[4],href:[1],type:[1]}]]],["p-cb218d26",[[257,"af-button-group",{direction:[1],gap:[1]}]]],["p-a8d223ca",[[262,"af-card",{backgroundImage:[1,"background-image"],backgroundColor:[1,"background-color"],darkOverlay:[4,"dark-overlay"]}]]],["p-47629246",[[257,"af-color-swatch",{color:[1],name:[1],size:[1]}]]],["p-bf697823",[[257,"af-container",{maxWidth:[1,"max-width"]}]]],["p-d33de48f",[[257,"af-icon-button",{variant:[1],size:[1],disabled:[4],href:[1],type:[1],ariaLabel:[1,"aria-label"]}]]],["p-f8d89fb6",[[257,"af-typography-lockup",{headingSize:[2,"heading-size"],breakpoint:[1],textAlignment:[1,"text-alignment"],buttonAlignment:[1,"button-alignment"],maxWidth:[2,"max-width"]}]]]],a)}));
1
+ import{p as a,g as e,b as t}from"./p-UbNmjSSX.js";export{s as setNonce}from"./p-UbNmjSSX.js";var i=()=>{const e=import.meta.url;const t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return a(t)};i().then((async a=>{await e();return t([["p-fedaec5a",[[257,"af-heading",{level:[1],align:[1]}],[257,"af-logo"],[257,"af-nav-item",{hierarchy:[1],variant:[1],href:[1],active:[4]}],[257,"af-navbar"],[257,"af-text",{variant:[1],align:[1],as:[1]}]]],["p-eff7eff1",[[257,"af-aspect-ratio",{ratio:[1]}]]],["p-43324b6d",[[257,"af-button",{variant:[1],size:[1],disabled:[4],href:[1],type:[1]}]]],["p-9c0b3380",[[257,"af-button-group",{direction:[1],gap:[1]}]]],["p-9e5bef28",[[262,"af-card",{backgroundImage:[1,"background-image"],backgroundColor:[1,"background-color"],darkOverlay:[4,"dark-overlay"]}]]],["p-c8628633",[[257,"af-color-swatch",{color:[1],name:[1],size:[1]}]]],["p-16c84e60",[[257,"af-container",{maxWidth:[1,"max-width"]}]]],["p-32f46944",[[257,"af-icon-button",{variant:[1],size:[1],disabled:[4],href:[1],type:[1],ariaLabel:[1,"aria-label"]}]]],["p-66daadde",[[262,"af-testimonial",{backgroundImage:[1,"background-image"],logoImage:[1,"logo-image"],quote:[1],attribution:[1],readMoreLink:[1,"read-more-link"]}]]],["p-56284540",[[262,"af-testimonial-carousel",{currentIndex:[32],isAnimating:[32],testimonialCount:[32]}]]],["p-f53b4847",[[258,"af-testimonial-stat",{value:[1],description:[1],accentBorder:[4,"accent-border"]}]]],["p-750a694b",[[257,"af-typography-lockup",{headingSize:[2,"heading-size"],breakpoint:[1],textAlignment:[1,"text-alignment"],buttonAlignment:[1,"button-alignment"],maxWidth:[2,"max-width"]}]]]],a)}));
2
2
  //# sourceMappingURL=affinda.esm.js.map
@@ -1,2 +1,2 @@
1
- export{af_heading as AfHeading,af_logo as AfLogo,af_nav_item as AfNavItem,af_navbar as AfNavbar,af_text as AfText}from"./p-92f5a5d5.entry.js";export{af_color_swatch as AfColorSwatch}from"./p-47629246.entry.js";export{af_container as AfContainer}from"./p-bf697823.entry.js";export{af_aspect_ratio as AfAspectRatio}from"./p-9c22948a.entry.js";export{af_button as AfButton}from"./p-b79f976e.entry.js";export{af_icon_button as AfIconButton}from"./p-d33de48f.entry.js";export{af_button_group as AfButtonGroup}from"./p-cb218d26.entry.js";export{af_typography_lockup as AfTypographyLockup}from"./p-f8d89fb6.entry.js";import"./p-Dmaq2rkg.js";
1
+ export{af_heading as AfHeading,af_logo as AfLogo,af_nav_item as AfNavItem,af_navbar as AfNavbar,af_text as AfText}from"./p-fedaec5a.entry.js";export{af_color_swatch as AfColorSwatch}from"./p-c8628633.entry.js";export{af_container as AfContainer}from"./p-16c84e60.entry.js";export{af_aspect_ratio as AfAspectRatio}from"./p-eff7eff1.entry.js";export{af_button as AfButton}from"./p-43324b6d.entry.js";export{af_icon_button as AfIconButton}from"./p-32f46944.entry.js";export{af_button_group as AfButtonGroup}from"./p-9c0b3380.entry.js";export{af_typography_lockup as AfTypographyLockup}from"./p-750a694b.entry.js";import"./p-UbNmjSSX.js";
2
2
  //# sourceMappingURL=index.esm.js.map
@@ -1,2 +1,2 @@
1
- import{r as i,h as d}from"./p-Dmaq2rkg.js";const a=":host{display:block;width:100%}.container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;padding-left:16px;padding-right:16px}@media (min-width: 375px){.container{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}";const t=class{constructor(d){i(this,d);this.maxWidth="xlarge"}render(){return d("div",{key:"4a40fad6df79915adeb7273a7c71ed26b327ff8f",class:`container max-width-${this.maxWidth}`},d("slot",{key:"a1759c05860511cdb6b916e44925df7f7a80bcf1"}))}};t.style=a;export{t as af_container};
2
- //# sourceMappingURL=p-bf697823.entry.js.map
1
+ import{r as i,h as d}from"./p-UbNmjSSX.js";const a=":host{display:block;width:100%}.container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;padding-left:16px;padding-right:16px}@media (min-width: 375px){.container{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}";const t=class{constructor(d){i(this,d);this.maxWidth="xlarge"}render(){return d("div",{key:"4a40fad6df79915adeb7273a7c71ed26b327ff8f",class:`container max-width-${this.maxWidth}`},d("slot",{key:"a1759c05860511cdb6b916e44925df7f7a80bcf1"}))}};t.style=a;export{t as af_container};
2
+ //# sourceMappingURL=p-16c84e60.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r,h as a,H as n}from"./p-Dmaq2rkg.js";const o=":host{display:inline-block}.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}.icon ::slotted(svg){width:100%;height:100%}.variant-primary{background:var(--colour-brand-ice, #A6FFFB);border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-primary:hover:not(.disabled){background:#8FEBE3;transform:translateY(-1px);box-shadow:0 2px 8px rgba(20, 52, 59, 0.15)}.variant-primary:active:not(.disabled){background:#7FE2D4;transform:translateY(0)}.variant-secondary{background:var(--colour-brand-white, #FFFFFF);border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-secondary:hover:not(.disabled){background:#F6FAF9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(20, 52, 59, 0.15)}.variant-secondary:active:not(.disabled){background:#E8F1EF;transform:translateY(0)}.variant-outline{background:transparent;border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-outline:hover:not(.disabled){background:rgba(20, 52, 59, 0.04);transform:translateY(-1px)}.variant-outline:active:not(.disabled){background:rgba(20, 52, 59, 0.08);transform:translateY(0)}.variant-ghost{background:transparent;border-color:transparent;color:var(--colour-brand-inkwell, #14343B)}.variant-ghost:hover:not(.disabled){background:rgba(20, 52, 59, 0.04)}.variant-ghost:active:not(.disabled){background:rgba(20, 52, 59, 0.08)}.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(--colour-brand-ice, #A6FFFB);border:1px solid var(--colour-brand-inkwell, #14343B)}button.icon-button.variant-secondary{background:var(--colour-brand-white, #FFFFFF);border:1px solid var(--colour-brand-inkwell, #14343B)}button.icon-button.variant-outline{background:transparent;border:1px solid var(--colour-brand-inkwell, #14343B)}button.icon-button.variant-ghost{background:transparent;border:1px solid transparent}";const t=class{constructor(a){r(this,a);this.variant="primary";this.size="medium";this.disabled=false;this.type="button"}render(){const r={"icon-button":true,[`variant-${this.variant}`]:true,[`size-${this.size}`]:true,disabled:this.disabled};const o=a("span",{class:"icon"},a("slot",null));if(this.href&&!this.disabled){return a(n,null,a("a",{href:this.href,class:r,"aria-label":this.ariaLabel},o))}return a(n,null,a("button",{type:this.type,disabled:this.disabled,class:r,"aria-label":this.ariaLabel},o))}};t.style=o;export{t as af_icon_button};
2
- //# sourceMappingURL=p-d33de48f.entry.js.map
1
+ import{r,h as n,H as a}from"./p-UbNmjSSX.js";const o=":host{display:inline-block}.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}.icon ::slotted(svg){width:100%;height:100%}.variant-primary{background:var(--colour-brand-ice, #A6FFFB);border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-primary:hover:not(.disabled){background:#8FEBE3;transform:translateY(-1px);box-shadow:0 2px 8px rgba(20, 52, 59, 0.15)}.variant-primary:active:not(.disabled){background:#7FE2D4;transform:translateY(0)}.variant-secondary{background:var(--colour-brand-white, #FFFFFF);border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-secondary:hover:not(.disabled){background:#F6FAF9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(20, 52, 59, 0.15)}.variant-secondary:active:not(.disabled){background:#E8F1EF;transform:translateY(0)}.variant-outline{background:transparent;border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-outline:hover:not(.disabled){background:rgba(20, 52, 59, 0.04);transform:translateY(-1px)}.variant-outline:active:not(.disabled){background:rgba(20, 52, 59, 0.08);transform:translateY(0)}.variant-ghost{background:transparent;border-color:transparent;color:var(--colour-brand-inkwell, #14343B)}.variant-ghost:hover:not(.disabled){background:rgba(20, 52, 59, 0.04)}.variant-ghost:active:not(.disabled){background:rgba(20, 52, 59, 0.08)}.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(--colour-brand-ice, #A6FFFB);border:1px solid var(--colour-brand-inkwell, #14343B)}button.icon-button.variant-secondary{background:var(--colour-brand-white, #FFFFFF);border:1px solid var(--colour-brand-inkwell, #14343B)}button.icon-button.variant-outline{background:transparent;border:1px solid var(--colour-brand-inkwell, #14343B)}button.icon-button.variant-ghost{background:transparent;border:1px solid transparent}";const t=class{constructor(n){r(this,n);this.variant="primary";this.size="medium";this.disabled=false;this.type="button"}render(){const r={"icon-button":true,[`variant-${this.variant}`]:true,[`size-${this.size}`]:true,disabled:this.disabled};const o=n("span",{class:"icon"},n("slot",null));if(this.href&&!this.disabled){return n(a,null,n("a",{href:this.href,class:r,"aria-label":this.ariaLabel},o))}return n(a,null,n("button",{type:this.type,disabled:this.disabled,class:r,"aria-label":this.ariaLabel},o))}};t.style=o;export{t as af_icon_button};
2
+ //# sourceMappingURL=p-32f46944.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r,h as t,H as a}from"./p-Dmaq2rkg.js";const n=":host{display:inline-block}.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}.size-default{padding:12px 24px;font-size:17px;line-height:20px}.size-small{padding:8px 16px;font-size:14px;line-height:16px}.icon-left:empty,.icon-right:empty{display:none}.icon-left,.icon-right{display:flex;align-items:center;justify-content:center;flex-shrink:0}.size-default .icon-left,.size-default .icon-right{width:24px;height:24px}.size-small .icon-left,.size-small .icon-right{width:20px;height:20px}.label{flex:0 1 auto;display:flex;align-items:center;justify-content:center;height:24px}.size-default .label{padding:0 12px;height:24px}.size-small .label{padding:0 8px;height:20px}.variant-primary{background:var(--colour-brand-ice, #A6FFFB);border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-primary:hover:not(.disabled){background:#8FEBE3;transform:translateY(-1px);box-shadow:0 2px 8px rgba(20, 52, 59, 0.15)}.variant-primary:active:not(.disabled){background:#7FE2D4;transform:translateY(0)}.variant-secondary{background:var(--colour-brand-white, #FFFFFF);border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-secondary:hover:not(.disabled){background:#F6FAF9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(20, 52, 59, 0.15)}.variant-secondary:active:not(.disabled){background:#E8F1EF;transform:translateY(0)}.variant-outline{background:transparent;border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-outline:hover:not(.disabled){background:rgba(20, 52, 59, 0.04);transform:translateY(-1px)}.variant-outline:active:not(.disabled){background:rgba(20, 52, 59, 0.08);transform:translateY(0)}.variant-ghost{background:transparent;border-color:transparent;color:var(--colour-brand-inkwell, #14343B);padding-left:0;padding-right:0}.variant-ghost:hover:not(.disabled){text-decoration:underline}.variant-ghost:active:not(.disabled){opacity:0.7}.disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}button.button{background:none;border:none;font:inherit;color:inherit;cursor:pointer}button.button.variant-primary{background:var(--colour-brand-ice, #A6FFFB);border:1px solid var(--colour-brand-inkwell, #14343B)}button.button.variant-secondary{background:var(--colour-brand-white, #FFFFFF);border:1px solid var(--colour-brand-inkwell, #14343B)}button.button.variant-outline{background:transparent;border:1px solid var(--colour-brand-inkwell, #14343B)}button.button.variant-ghost{background:transparent;border:1px solid transparent}";const o=class{constructor(t){r(this,t);this.variant="primary";this.size="default";this.disabled=false;this.type="button"}render(){const r={button:true,[`variant-${this.variant}`]:true,[`size-${this.size}`]:true,disabled:this.disabled};const n=[t("span",{class:"icon-left"},t("slot",{name:"icon-left"})),t("span",{class:"label"},t("slot",null)),t("span",{class:"icon-right"},t("slot",{name:"icon-right"}))];if(this.href&&!this.disabled){return t(a,null,t("a",{href:this.href,class:r},n))}return t(a,null,t("button",{type:this.type,disabled:this.disabled,class:r},n))}};o.style=n;export{o as af_button};
2
- //# sourceMappingURL=p-b79f976e.entry.js.map
1
+ import{r,h as t,H as a}from"./p-UbNmjSSX.js";const n=":host{display:inline-block}.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}.size-default{padding:12px 24px;font-size:17px;line-height:20px}.size-small{padding:8px 16px;font-size:14px;line-height:16px}.icon-left:empty,.icon-right:empty{display:none}.icon-left,.icon-right{display:flex;align-items:center;justify-content:center;flex-shrink:0}.size-default .icon-left,.size-default .icon-right{width:24px;height:24px}.size-small .icon-left,.size-small .icon-right{width:20px;height:20px}.label{flex:0 1 auto;display:flex;align-items:center;justify-content:center;height:24px}.size-default .label{padding:0 12px;height:24px}.size-small .label{padding:0 8px;height:20px}.variant-primary{background:var(--colour-brand-ice, #A6FFFB);border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-primary:hover:not(.disabled){background:#8FEBE3;transform:translateY(-1px);box-shadow:0 2px 8px rgba(20, 52, 59, 0.15)}.variant-primary:active:not(.disabled){background:#7FE2D4;transform:translateY(0)}.variant-secondary{background:var(--colour-brand-white, #FFFFFF);border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-secondary:hover:not(.disabled){background:#F6FAF9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(20, 52, 59, 0.15)}.variant-secondary:active:not(.disabled){background:#E8F1EF;transform:translateY(0)}.variant-outline{background:transparent;border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-outline:hover:not(.disabled){background:rgba(20, 52, 59, 0.04);transform:translateY(-1px)}.variant-outline:active:not(.disabled){background:rgba(20, 52, 59, 0.08);transform:translateY(0)}.variant-ghost{background:transparent;border-color:transparent;color:var(--colour-brand-inkwell, #14343B);padding-left:0;padding-right:0}.variant-ghost:hover:not(.disabled){text-decoration:underline}.variant-ghost:active:not(.disabled){opacity:0.7}.disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}button.button{background:none;border:none;font:inherit;color:inherit;cursor:pointer}button.button.variant-primary{background:var(--colour-brand-ice, #A6FFFB);border:1px solid var(--colour-brand-inkwell, #14343B)}button.button.variant-secondary{background:var(--colour-brand-white, #FFFFFF);border:1px solid var(--colour-brand-inkwell, #14343B)}button.button.variant-outline{background:transparent;border:1px solid var(--colour-brand-inkwell, #14343B)}button.button.variant-ghost{background:transparent;border:1px solid transparent}";const o=class{constructor(t){r(this,t);this.variant="primary";this.size="default";this.disabled=false;this.type="button"}render(){const r={button:true,[`variant-${this.variant}`]:true,[`size-${this.size}`]:true,disabled:this.disabled};const n=[t("span",{class:"icon-left"},t("slot",{name:"icon-left"})),t("span",{class:"label"},t("slot",null)),t("span",{class:"icon-right"},t("slot",{name:"icon-right"}))];if(this.href&&!this.disabled){return t(a,null,t("a",{href:this.href,class:r},n))}return t(a,null,t("button",{type:this.type,disabled:this.disabled,class:r},n))}};o.style=n;export{o as af_button};
2
+ //# sourceMappingURL=p-43324b6d.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as t,h as s,H as i,a as e}from"./p-UbNmjSSX.js";const a=".sc-af-testimonial-carousel-h{display:block;width:100%;overflow:hidden}.testimonial-carousel.sc-af-testimonial-carousel{position:relative;width:100%}.testimonial-slides.sc-af-testimonial-carousel{position:relative;width:100%;min-height:544px;overflow:hidden}.testimonial-slides.sc-af-testimonial-carousel-s>af-testimonial,.testimonial-slides .sc-af-testimonial-carousel-s>af-testimonial{position:absolute;top:0;left:0;width:100%;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out}.testimonial-progress.sc-af-testimonial-carousel{display:flex;gap:12px;justify-content:center;margin-top:32px;padding:0 220px}.progress-dot.sc-af-testimonial-carousel{width:100%;max-width:840px;height:3px;background:var(--colour-background-border-default, #d1ddda);border-radius:2px;cursor:pointer;transition:background 0.3s ease;position:relative;overflow:hidden}.progress-dot.active.sc-af-testimonial-carousel{background:var(--colour-background-border-active, #8a7049)}.progress-dot.sc-af-testimonial-carousel:hover:not(.active){background:var(--colour-background-border-default, #c1cdc9)}.carousel-navigation.sc-af-testimonial-carousel{position:absolute;bottom:48px;left:48px;display:flex;gap:12px;align-items:center;z-index:10}.nav-button.sc-af-testimonial-carousel{width:48px;height:48px;border-radius:50%;border:1px solid var(--colour-brand-inkwell, #14343b);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;color:var(--colour-brand-inkwell, #14343b)}.nav-button.sc-af-testimonial-carousel:hover:not(:disabled){background:rgba(255, 255, 255, 0.1);transform:translateY(-2px)}.nav-button.sc-af-testimonial-carousel:disabled{opacity:0.4;cursor:not-allowed;border-color:var(--colour-brand-inkwell, #14343b)}.nav-button.sc-af-testimonial-carousel svg.sc-af-testimonial-carousel{width:24px;height:24px}";const o=class{constructor(s){t(this,s);this.currentIndex=0;this.isAnimating=false;this.testimonialCount=0;this.testimonials=[];this.goToPrevious=()=>{if(this.isAnimating||this.currentIndex===0)return;this.isAnimating=true;this.currentIndex=this.currentIndex-1;this.updateVisibleTestimonial();setTimeout((()=>{this.isAnimating=false}),500)};this.goToNext=()=>{if(this.isAnimating||this.currentIndex>=this.testimonialCount-1)return;this.isAnimating=true;this.currentIndex=this.currentIndex+1;this.updateVisibleTestimonial();setTimeout((()=>{this.isAnimating=false}),500)}}componentDidLoad(){this.detectTestimonials();this.observer=new MutationObserver((()=>{this.detectTestimonials()}));this.observer.observe(this.host,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}detectTestimonials(){const t=Array.from(this.host.querySelectorAll("af-testimonial"));if(t.length!==this.testimonials.length){this.testimonials=t;this.testimonialCount=t.length;console.log("Found testimonials:",this.testimonials.length);if(this.testimonials.length>0){this.currentIndex=0;this.updateVisibleTestimonial()}}}updateVisibleTestimonial(){this.testimonials.forEach(((t,s)=>{const i=(s-this.currentIndex)*100;t.style.transform=`translateX(${i}%)`;t.style.opacity=s===this.currentIndex?"1":"0";t.style.pointerEvents=s===this.currentIndex?"auto":"none"}))}render(){const t=this.currentIndex>0;const e=this.currentIndex<this.testimonialCount-1;return s(i,{key:"ffa14246fa8a47d1cc079b0026df5a914e2b9362"},s("div",{key:"e984a28fd99ca671d8bdd55a780fbf76d7a189dc",class:"testimonial-carousel"},s("div",{key:"55d09df04a1ee008d30a9227d3e6914dce46e173",class:"testimonial-slides"},s("slot",{key:"992ac1e4849bcc042ccd0eeb47319b3e34364a1f"})),this.testimonialCount>1&&s("div",{key:"247420c536242d5e66ada662a23828eaa0190c84",class:"testimonial-progress"},Array.from({length:this.testimonialCount}).map(((t,i)=>s("div",{class:`progress-dot ${i===this.currentIndex?"active":""}`,onClick:()=>{if(!this.isAnimating&&i!==this.currentIndex){this.isAnimating=true;this.currentIndex=i;this.updateVisibleTestimonial();setTimeout((()=>{this.isAnimating=false}),500)}}})))),this.testimonialCount>1&&s("div",{key:"dc31d36ed57808d5c28d2c1dcb2729e6ed5342f7",class:"carousel-navigation"},s("button",{key:"37f18430b88a9e983fc6e673d206be03c4cc1d40",class:"nav-button prev",disabled:!t,onClick:this.goToPrevious,"aria-label":"Previous testimonial"},s("svg",{key:"9292c82f1b5f993aa8cffd301592dba8f5261c10",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},s("path",{key:"0c34f308ae42547d24584858769ee295e01e02c9",d:"M19 12H5M5 12L12 19M5 12L12 5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),s("button",{key:"984436b6d311d92623a9740d871c57d09de1a06e",class:"nav-button next",disabled:!e,onClick:this.goToNext,"aria-label":"Next testimonial"},s("svg",{key:"e3d55f1efb6c29a74256c4db64283cb1abaa0aa5",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},s("path",{key:"c9404bc3ad64ccb8ad0da3291ce7d4b622637e3d",d:"M5 12H19M19 12L12 5M19 12L12 19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))))))}get host(){return e(this)}};o.style=a;export{o as af_testimonial_carousel};
2
+ //# sourceMappingURL=p-56284540.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["registerInstance","h","Host","getElement","afTestimonialCarouselCss","AfTestimonialCarousel","constructor","hostRef","this","currentIndex","isAnimating","testimonialCount","testimonials","goToPrevious","updateVisibleTestimonial","setTimeout","goToNext","componentDidLoad","detectTestimonials","observer","MutationObserver","observe","host","childList","subtree","disconnectedCallback","disconnect","newTestimonials","Array","from","querySelectorAll","length","console","log","forEach","testimonial","index","offset","style","transform","opacity","pointerEvents","render","hasPrev","hasNext","key","class","map","_","onClick","disabled","width","height","viewBox","fill","d","stroke"],"sources":["0"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,h as a,H as i}from"./p-UbNmjSSX.js";const t=".sc-af-testimonial-h{display:block;width:100%}.testimonial-card.sc-af-testimonial{background:var(--colour-background-level-1, #e8eeed);border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;display:flex;height:544px;box-sizing:border-box}.testimonial-image.sc-af-testimonial{position:relative;width:519px;height:100%;background:#000000;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.testimonial-bg-image.sc-af-testimonial{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.7}.testimonial-logo.sc-af-testimonial{position:relative;z-index:1;padding:0 108px;max-width:100%}.testimonial-logo.sc-af-testimonial img.sc-af-testimonial{width:100%;height:auto;display:block}.testimonial-content.sc-af-testimonial{flex:1;display:flex;flex-direction:column;gap:32px;padding:48px;border:1px solid rgba(255, 255, 255, 0.08);border-left:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}.testimonial-quote-section.sc-af-testimonial{flex:1;display:flex;flex-direction:column;gap:12px}.testimonial-quote-icon.sc-af-testimonial{width:48px;height:48px;color:var(--colour-brand-inkwell, #14343b);flex-shrink:0}.testimonial-text.sc-af-testimonial{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-size:22px;font-weight:400;line-height:1.4;color:var(--colour-typography-body-default, #2b484f);margin:0;max-height:155px;overflow:hidden;text-overflow:ellipsis}.testimonial-attribution.sc-af-testimonial{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-size:22px;font-weight:400;line-height:1.4;color:var(--colour-typography-body-dark, #14343b);margin:0}.testimonial-stats.sc-af-testimonial{display:flex;gap:32px;width:100%}.testimonial-footer.sc-af-testimonial{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--colour-background-border-default, #d1ddda);padding-top:32px}.testimonial-nav.sc-af-testimonial{display:flex;gap:12px}.testimonial-cta.sc-af-testimonial{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid var(--colour-brand-inkwell, #14343b);border-radius:9999px;font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-size:17px;font-weight:500;line-height:20px;color:var(--colour-brand-inkwell, #14343b);text-decoration:none;cursor:pointer;transition:all 0.2s ease}.testimonial-cta.sc-af-testimonial:hover{background:var(--colour-background-level-1, #e8eeed);transform:translateY(-1px)}.testimonial-cta.sc-af-testimonial svg.sc-af-testimonial{width:24px;height:24px}";const o=class{constructor(a){e(this,a)}render(){return a(i,{key:"963791303c22cdea677a7923ffce8b16ea97cb26"},a("div",{key:"369ad62ceb17461c4511f0cb7338a5f812b69717",class:"testimonial-card"},a("div",{key:"e548a64653054d54b282b83c0a64326c0973122d",class:"testimonial-image"},this.backgroundImage&&a("img",{key:"21f779030e13675278b4cd18ae2df0c0bf9c59a3",src:this.backgroundImage,alt:"",class:"testimonial-bg-image"}),this.logoImage&&a("div",{key:"23298bd5b1c3db0ed5bff4c1d1cd0582e09b50a2",class:"testimonial-logo"},a("img",{key:"357214f50e38cfa9e53cf7914c87f22c7971f1d5",src:this.logoImage,alt:"Company logo"}))),a("div",{key:"d2913ca4d9b38a048ebedb123fdb0b7b9e78cc6f",class:"testimonial-content"},a("div",{key:"92756afbcbd391a7fcb8b1a99d92bcc370f3787d",class:"testimonial-quote-section"},a("div",{key:"40f844093eb232bf06b353a27c066f5ae99a85bf",class:"testimonial-quote-icon"},a("slot",{key:"3cf6da2811c1cdf6a4540f72727fe479c7d4d4ca",name:"quote-icon"},a("svg",{key:"f59e4ceb77b67bbba1b5d647d10dd6f15b1d9319",width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"dbcc67a7e7ab90b4d1172f0cced568eeeb182150",d:"M10.5 25.5C10.5 23.0147 12.5147 21 15 21H18C18.8284 21 19.5 20.3284 19.5 19.5V15C19.5 12.5147 17.4853 10.5 15 10.5H10.5C6.35786 10.5 3 13.8579 3 18V33C3 35.4853 5.01472 37.5 7.5 37.5H15C17.4853 37.5 19.5 35.4853 19.5 33V25.5C19.5 23.0147 17.4853 21 15 21H10.5ZM33 25.5C33 23.0147 35.0147 21 37.5 21H40.5C41.3284 21 42 20.3284 42 19.5V15C42 12.5147 39.9853 10.5 37.5 10.5H33C28.8579 10.5 25.5 13.8579 25.5 18V33C25.5 35.4853 27.5147 37.5 30 37.5H37.5C39.9853 37.5 42 35.4853 42 33V25.5C42 23.0147 39.9853 21 37.5 21H33Z",fill:"currentColor"})))),a("p",{key:"1b487f7ab688642b9c5166a3fc8eb1191e1daa36",class:"testimonial-text"},this.quote),a("p",{key:"539600a1d6eb098ea329307d40cac941d1d631a4",class:"testimonial-attribution"},this.attribution)),a("div",{key:"307e784601fd66cdd4573eaf0a83c8d61ab83301",class:"testimonial-stats"},a("slot",{key:"2ab5758e92ed670e6d6ed554f3fce7a7e1fc0077",name:"stats"})),a("div",{key:"b13d6b51a27f5e94d40929f6c337513ca84af1cd",class:"testimonial-footer"},a("div",{key:"69b92a55946c936cdc78d7f317caacb8fd334779",class:"testimonial-nav"},a("slot",{key:"41c0ef3a1497d33d7c2dc7b34a267d9158ff1aa0",name:"navigation"})),this.readMoreLink&&a("a",{key:"d4c7e0acce78b7fb16085cd9c7c8762325dc6b6c",href:this.readMoreLink,class:"testimonial-cta"},a("span",{key:"0576e6e26afeb35f07aa4ad0190cdd6e3b4242c1"},"Read full story"),a("svg",{key:"d3c6d905c55782f2b22e6070a4adcca4bd0164cf",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a("path",{key:"61c7ecddf75102a501626fc59fe55cd1402b06e2",d:"M5 12H19M19 12L12 5M19 12L12 19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))))}};o.style=t;export{o as af_testimonial};
2
+ //# sourceMappingURL=p-66daadde.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["registerInstance","h","Host","afTestimonialCss","AfTestimonial","constructor","hostRef","this","render","key","class","backgroundImage","src","alt","logoImage","name","width","height","viewBox","fill","xmlns","d","quote","attribution","readMoreLink","href","stroke","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAmB,2gFAEzB,MAAMC,EAAgB,MAClB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQP,EAAEC,EAAM,CAAEO,IAAK,4CAA8CR,EAAE,MAAO,CAAEQ,IAAK,2CAA4CC,MAAO,oBAAsBT,EAAE,MAAO,CAAEQ,IAAK,2CAA4CC,MAAO,qBAAuBH,KAAKI,iBAAoBV,EAAE,MAAO,CAAEQ,IAAK,2CAA4CG,IAAKL,KAAKI,gBAAiBE,IAAK,GAAIH,MAAO,yBAA4BH,KAAKO,WAAcb,EAAE,MAAO,CAAEQ,IAAK,2CAA4CC,MAAO,oBAAsBT,EAAE,MAAO,CAAEQ,IAAK,2CAA4CG,IAAKL,KAAKO,UAAWD,IAAK,mBAAsBZ,EAAE,MAAO,CAAEQ,IAAK,2CAA4CC,MAAO,uBAAyBT,EAAE,MAAO,CAAEQ,IAAK,2CAA4CC,MAAO,6BAA+BT,EAAE,MAAO,CAAEQ,IAAK,2CAA4CC,MAAO,0BAA4BT,EAAE,OAAQ,CAAEQ,IAAK,2CAA4CM,KAAM,cAAgBd,EAAE,MAAO,CAAEQ,IAAK,2CAA4CO,MAAO,KAAMC,OAAQ,KAAMC,QAAS,YAAaC,KAAM,OAAQC,MAAO,8BAAgCnB,EAAE,OAAQ,CAAEQ,IAAK,2CAA4CY,EAAG,ygBAA0gBF,KAAM,oBAAsBlB,EAAE,IAAK,CAAEQ,IAAK,2CAA4CC,MAAO,oBAAsBH,KAAKe,OAAQrB,EAAE,IAAK,CAAEQ,IAAK,2CAA4CC,MAAO,2BAA6BH,KAAKgB,cAAetB,EAAE,MAAO,CAAEQ,IAAK,2CAA4CC,MAAO,qBAAuBT,EAAE,OAAQ,CAAEQ,IAAK,2CAA4CM,KAAM,WAAad,EAAE,MAAO,CAAEQ,IAAK,2CAA4CC,MAAO,sBAAwBT,EAAE,MAAO,CAAEQ,IAAK,2CAA4CC,MAAO,mBAAqBT,EAAE,OAAQ,CAAEQ,IAAK,2CAA4CM,KAAM,gBAAkBR,KAAKiB,cAAiBvB,EAAE,IAAK,CAAEQ,IAAK,2CAA4CgB,KAAMlB,KAAKiB,aAAcd,MAAO,mBAAqBT,EAAE,OAAQ,CAAEQ,IAAK,4CAA8C,mBAAoBR,EAAE,MAAO,CAAEQ,IAAK,2CAA4CO,MAAO,KAAMC,OAAQ,KAAMC,QAAS,YAAaC,KAAM,QAAUlB,EAAE,OAAQ,CAAEQ,IAAK,2CAA4CY,EAAG,kCAAmCK,OAAQ,eAAgB,eAAgB,IAAK,iBAAkB,QAAS,kBAAmB,eACn4F,GAEJtB,EAAcuB,MAAQxB,SAEbC","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as e,h as t,H as i}from"./p-Dmaq2rkg.js";const n=":host{display:block}.lockup{display:flex;flex-direction:column;gap:40px}.text-left{align-items:flex-start}.text-center{align-items:center}.text-left .copy,.text-left .heading,.text-left .description{text-align:left}.text-center .copy,.text-center .heading,.text-center .description{text-align:center}.copy{display:flex;flex-direction:column;gap:16px;width:100%}.heading{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;color:var(--typography-heading-primary, #14343B);line-height:1;white-space:pre-wrap}.breakpoint-desktop.heading-1 .heading{font-size:56px;letter-spacing:-1.12px}.breakpoint-desktop.heading-2 .heading{font-size:44px;letter-spacing:-0.88px}.breakpoint-desktop.heading-3 .heading{font-size:34px;letter-spacing:-0.68px}.breakpoint-desktop.heading-4 .heading{font-size:24px;letter-spacing:-0.48px;line-height:1.2}.breakpoint-desktop.heading-5 .heading{font-size:20px;letter-spacing:-0.4px;line-height:1.2}.breakpoint-mobile.heading-1 .heading{font-size:38px;letter-spacing:-0.76px}.breakpoint-mobile.heading-2 .heading{font-size:32px;letter-spacing:-0.64px}.breakpoint-mobile.heading-3 .heading{font-size:25px;letter-spacing:-0.5px}.breakpoint-mobile.heading-4 .heading{font-size:20px;letter-spacing:-0.4px;line-height:1.1}.breakpoint-mobile.heading-5 .heading{font-size:18px;letter-spacing:-0.36px;line-height:1.1}.description{font-family:'Helvetica', var(--typography-primaryfont, 'NeuSans', sans-serif), sans-serif;font-size:18px;font-weight:400;line-height:26px;color:var(--typography-body-default, #2B484F);white-space:pre-wrap}.description:empty{display:none}.buttons{display:flex;gap:12px}.buttons:empty{display:none}.button-horizontal .buttons{flex-direction:row;align-items:center}.text-left.button-horizontal{flex-direction:row;align-items:center;gap:16px}.text-left.button-horizontal .copy{flex:1 0 0;max-width:950px}.text-left.button-horizontal .buttons{flex-shrink:0}.button-vertical .buttons{flex-direction:row;align-items:flex-start}.text-center.button-vertical .buttons{align-items:center}.text-center .copy{max-width:840px}::slotted(*){margin:0}";const a=class{constructor(t){e(this,t);this.headingSize=2;this.breakpoint="desktop";this.textAlignment="left";this.buttonAlignment="vertical"}render(){const e={lockup:true,[`text-${this.textAlignment}`]:true,[`button-${this.buttonAlignment}`]:true};const n={copy:true,[`heading-${this.headingSize}`]:true,[`breakpoint-${this.breakpoint}`]:true};const a=this.maxWidth?{maxWidth:`${this.maxWidth}px`}:{};return t(i,{key:"c8bc936e14d143125926e4cc03a3344911d46360"},t("div",{key:"4c51fcb278daba5e4b8287130a1e61021750af18",class:e},t("div",{key:"6d563b91c8b548a72f898978569bceda44a26b14",class:n,style:a},t("div",{key:"4351708a5d68297499f7d12109941b7dec8939ad",class:"heading"},t("slot",{key:"92c799fb2cbf596ab8778cf8d5c9cf88663ed219"})),t("div",{key:"0911e146d7aa3c34d6c825eb849e883b2f69893b",class:"description"},t("slot",{key:"b3184843c5646db87a3bd7660214fd4cf2bafc0f",name:"description"}))),t("div",{key:"4b2b814e55a574c7330c517eca3f1765d11cdcdc",class:"buttons"},t("slot",{key:"f35ea7c3bc5592f8e6776464b6878d819792894b",name:"buttons"}))))}};a.style=n;export{a as af_typography_lockup};
2
- //# sourceMappingURL=p-f8d89fb6.entry.js.map
1
+ import{r as e,h as t,H as i}from"./p-UbNmjSSX.js";const n=":host{display:block}.lockup{display:flex;flex-direction:column;gap:40px}.text-left{align-items:flex-start}.text-center{align-items:center}.text-left .copy,.text-left .heading,.text-left .description{text-align:left}.text-center .copy,.text-center .heading,.text-center .description{text-align:center}.copy{display:flex;flex-direction:column;gap:16px;width:100%}.heading{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;color:var(--typography-heading-primary, #14343B);line-height:1;white-space:pre-wrap}.breakpoint-desktop.heading-1 .heading{font-size:56px;letter-spacing:-1.12px}.breakpoint-desktop.heading-2 .heading{font-size:44px;letter-spacing:-0.88px}.breakpoint-desktop.heading-3 .heading{font-size:34px;letter-spacing:-0.68px}.breakpoint-desktop.heading-4 .heading{font-size:24px;letter-spacing:-0.48px;line-height:1.2}.breakpoint-desktop.heading-5 .heading{font-size:20px;letter-spacing:-0.4px;line-height:1.2}.breakpoint-mobile.heading-1 .heading{font-size:38px;letter-spacing:-0.76px}.breakpoint-mobile.heading-2 .heading{font-size:32px;letter-spacing:-0.64px}.breakpoint-mobile.heading-3 .heading{font-size:25px;letter-spacing:-0.5px}.breakpoint-mobile.heading-4 .heading{font-size:20px;letter-spacing:-0.4px;line-height:1.1}.breakpoint-mobile.heading-5 .heading{font-size:18px;letter-spacing:-0.36px;line-height:1.1}.description{font-family:'Helvetica', var(--typography-primaryfont, 'NeuSans', sans-serif), sans-serif;font-size:18px;font-weight:400;line-height:26px;color:var(--typography-body-default, #2B484F);white-space:pre-wrap}.description:empty{display:none}.buttons{display:flex;gap:12px}.buttons:empty{display:none}.button-horizontal .buttons{flex-direction:row;align-items:center}.text-left.button-horizontal{flex-direction:row;align-items:center;gap:16px}.text-left.button-horizontal .copy{flex:1 0 0;max-width:950px}.text-left.button-horizontal .buttons{flex-shrink:0}.button-vertical .buttons{flex-direction:row;align-items:flex-start}.text-center.button-vertical .buttons{align-items:center}.text-center .copy{max-width:840px}::slotted(*){margin:0}";const a=class{constructor(t){e(this,t);this.headingSize=2;this.breakpoint="desktop";this.textAlignment="left";this.buttonAlignment="vertical"}render(){const e={lockup:true,[`text-${this.textAlignment}`]:true,[`button-${this.buttonAlignment}`]:true};const n={copy:true,[`heading-${this.headingSize}`]:true,[`breakpoint-${this.breakpoint}`]:true};const a=this.maxWidth?{maxWidth:`${this.maxWidth}px`}:{};return t(i,{key:"c8bc936e14d143125926e4cc03a3344911d46360"},t("div",{key:"4c51fcb278daba5e4b8287130a1e61021750af18",class:e},t("div",{key:"6d563b91c8b548a72f898978569bceda44a26b14",class:n,style:a},t("div",{key:"4351708a5d68297499f7d12109941b7dec8939ad",class:"heading"},t("slot",{key:"92c799fb2cbf596ab8778cf8d5c9cf88663ed219"})),t("div",{key:"0911e146d7aa3c34d6c825eb849e883b2f69893b",class:"description"},t("slot",{key:"b3184843c5646db87a3bd7660214fd4cf2bafc0f",name:"description"}))),t("div",{key:"4b2b814e55a574c7330c517eca3f1765d11cdcdc",class:"buttons"},t("slot",{key:"f35ea7c3bc5592f8e6776464b6878d819792894b",name:"buttons"}))))}};a.style=n;export{a as af_typography_lockup};
2
+ //# sourceMappingURL=p-750a694b.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,h as e,H as o}from"./p-Dmaq2rkg.js";const i=":host{display:inline-block}.button-group{display:inline-flex;align-items:center;box-sizing:border-box}.direction-horizontal{flex-direction:row}.direction-vertical{flex-direction:column}::slotted(*){flex-shrink:0}";const r=class{constructor(e){t(this,e);this.direction="horizontal";this.gap="8px"}render(){const t={"button-group":true,[`direction-${this.direction}`]:true};return e(o,{key:"c6cab092c05c6e6b7b859c662f318067590b51e3"},e("div",{key:"289501b3693d0eeb68c4b2f85bb3b8398ca7610b",class:t,style:{gap:this.gap}},e("slot",{key:"b852bcf016846022ee0cf8d23ce5a57aa0856adf"})))}};r.style=i;export{r as af_button_group};
2
- //# sourceMappingURL=p-cb218d26.entry.js.map
1
+ import{r as t,h as e,H as o}from"./p-UbNmjSSX.js";const i=":host{display:inline-block}.button-group{display:inline-flex;align-items:center;box-sizing:border-box}.direction-horizontal{flex-direction:row}.direction-vertical{flex-direction:column}::slotted(*){flex-shrink:0}";const r=class{constructor(e){t(this,e);this.direction="horizontal";this.gap="8px"}render(){const t={"button-group":true,[`direction-${this.direction}`]:true};return e(o,{key:"c6cab092c05c6e6b7b859c662f318067590b51e3"},e("div",{key:"289501b3693d0eeb68c4b2f85bb3b8398ca7610b",class:t,style:{gap:this.gap}},e("slot",{key:"b852bcf016846022ee0cf8d23ce5a57aa0856adf"})))}};r.style=i;export{r as af_button_group};
2
+ //# sourceMappingURL=p-9c0b3380.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as a,h as c,H as r}from"./p-Dmaq2rkg.js";const d=".sc-af-card-h{display:block;width:100%;min-height:400px}.card.sc-af-card{background:var(--colour-background-level-1, #e8eeed);border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:400px;height:100%;box-sizing:border-box}.card--with-image.sc-af-card{background:var(--colour-brand-inkwell, #14343b);min-height:480px}.card__background.sc-af-card{position:absolute;inset:0;pointer-events:none;z-index:0}.card__background-image.sc-af-card{width:100%;height:100%;object-fit:cover;object-position:center}.card__content.sc-af-card{position:relative;padding:40px;display:flex;flex-direction:column;gap:24px;flex:1;box-sizing:border-box;z-index:1}.card__content.sc-af-card-s>img,.card__content .sc-af-card-s>img{width:100%;height:auto;min-height:200px;margin-top:auto;object-fit:cover;object-position:top center}.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}.card__content--overlay.sc-af-card{backdrop-filter:blur(2px);background:linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);padding:32px;padding-top:200px;justify-content:flex-end;--colour-typography-heading-primary:#ffffff;--colour-typography-heading-secondary:#ffffff;--colour-typography-body-default:#ffffff;--colour-typography-body-dark:#ffffff;color:#ffffff}.card__content--overlay.sc-af-card *.sc-af-card{color:#ffffff !important}.card.sc-af-card:not(.card--with-image) .card__content.sc-af-card{color:var(--colour-typography-heading-primary, #14343b)}.card--custom-bg.sc-af-card .card__content.sc-af-card{--colour-typography-heading-primary:#ffffff;--colour-typography-body-default:#ffffff}";const e=class{constructor(c){a(this,c);this.darkOverlay=false}render(){const a=!!this.backgroundImage;const d=this.backgroundColor?{backgroundColor:this.backgroundColor}:undefined;return c(r,{key:"026a3f9e10d281558913cd6eb69db800da37deb4"},c("div",{key:"d6b43e724d5611e75ec096dad88c5373ef5c5adc",class:`card ${a?"card--with-image":""} ${this.darkOverlay?"card--dark-overlay":""} ${this.backgroundColor?"card--custom-bg":""}`,style:d},a&&c("div",{key:"f71753ba962411320c45f06c7c9a5c98b89883a9",class:"card__background"},c("img",{key:"2d3b19e350ddf5a1efa1c1a9a343851e423cc275",src:this.backgroundImage,alt:"",class:"card__background-image"})),c("div",{key:"459e00230ef7a470ee808d0d674412b18822d473",class:`card__content ${a?"card__content--overlay":""}`},c("slot",{key:"d2f4f261f0b2a766c912504d17f0caec96ae02c4"}))))}};e.style=d;export{e as af_card};
2
- //# sourceMappingURL=p-a8d223ca.entry.js.map
1
+ import{r as a,h as c,H as r}from"./p-UbNmjSSX.js";const d=".sc-af-card-h{display:block;width:100%;min-height:400px}.card.sc-af-card{background:var(--colour-background-level-1, #e8eeed);border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:400px;height:100%;box-sizing:border-box}.card--with-image.sc-af-card{background:var(--colour-brand-inkwell, #14343b);min-height:480px}.card__background.sc-af-card{position:absolute;inset:0;pointer-events:none;z-index:0}.card__background-image.sc-af-card{width:100%;height:100%;object-fit:cover;object-position:center}.card__content.sc-af-card{position:relative;padding:40px;display:flex;flex-direction:column;gap:24px;flex:1;box-sizing:border-box;z-index:1}.card__content.sc-af-card-s>img,.card__content .sc-af-card-s>img{width:100%;height:auto;min-height:200px;margin-top:auto;object-fit:cover;object-position:top center}.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}.card__content--overlay.sc-af-card{backdrop-filter:blur(2px);background:linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);padding:32px;padding-top:200px;justify-content:flex-end;--colour-typography-heading-primary:#ffffff;--colour-typography-heading-secondary:#ffffff;--colour-typography-body-default:#ffffff;--colour-typography-body-dark:#ffffff;color:#ffffff}.card__content--overlay.sc-af-card *.sc-af-card{color:#ffffff !important}.card.sc-af-card:not(.card--with-image) .card__content.sc-af-card{color:var(--colour-typography-heading-primary, #14343b)}.card--custom-bg.sc-af-card .card__content.sc-af-card{--colour-typography-heading-primary:#ffffff;--colour-typography-body-default:#ffffff}";const e=class{constructor(c){a(this,c);this.darkOverlay=false}render(){const a=!!this.backgroundImage;const d=this.backgroundColor?{backgroundColor:this.backgroundColor}:undefined;return c(r,{key:"026a3f9e10d281558913cd6eb69db800da37deb4"},c("div",{key:"d6b43e724d5611e75ec096dad88c5373ef5c5adc",class:`card ${a?"card--with-image":""} ${this.darkOverlay?"card--dark-overlay":""} ${this.backgroundColor?"card--custom-bg":""}`,style:d},a&&c("div",{key:"f71753ba962411320c45f06c7c9a5c98b89883a9",class:"card__background"},c("img",{key:"2d3b19e350ddf5a1efa1c1a9a343851e423cc275",src:this.backgroundImage,alt:"",class:"card__background-image"})),c("div",{key:"459e00230ef7a470ee808d0d674412b18822d473",class:`card__content ${a?"card__content--overlay":""}`},c("slot",{key:"d2f4f261f0b2a766c912504d17f0caec96ae02c4"}))))}};e.style=d;export{e as af_card};
2
+ //# sourceMappingURL=p-9e5bef28.entry.js.map
@@ -0,0 +1,3 @@
1
+ const e="affinda";const t={hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:false,slotRelocation:true,updatable:true};const n=()=>{};const i=":root{--colour-brand-mist-green:#C6D5D1;--colour-brand-inkwell:#14343B;--colour-brand-soft-clay:#B09670;--colour-brand-white:#FFFFFF;--colour-brand-ivory-paper:#FFF9E1;--colour-brand-azure:#7FE2D4;--colour-brand-ice:#A6FFF8;--colour-tints-mist-green-20:#F6FAF9;--colour-tints-mist-green-30:#F2F9F5;--colour-tints-mist-green-40:#ECF6F3;--colour-tints-mist-green-50:#E9F5FA;--colour-tints-mist-green-100:#E1EEE1;--colour-tints-mist-green-200:#D2E8E3;--colour-tints-mist-green-300:#C2E4E3;--colour-tints-mist-green-400:#B2D0D0A;--colour-tints-mist-green-500:#A1BABA;--colour-tints-mist-green-600:#92A7A7;--colour-tints-mist-green-700:#849898;--colour-tints-mist-green-800:#1B6A68;--colour-tints-inkwell-20:#F8FAFA;--colour-tints-inkwell-30:#F5F9F5;--colour-tints-inkwell-40:#EEF5F5;--colour-tints-inkwell-50:#E8E6E8;--colour-tints-inkwell-100:#D4D4D4;--colour-tints-inkwell-200:#AAB6B1;--colour-tints-inkwell-300:#7D969B;--colour-tints-inkwell-400:#4E6E5F;--colour-tints-inkwell-500:#1E4A48;--colour-tints-inkwell-600:#1A3038;--colour-tints-inkwell-700:#142736;--colour-tints-inkwell-800:#0D1A20;--colour-tints-soft-clay-20:#FBF9F5;--colour-tints-soft-clay-30:#FAF8F1;--colour-tints-soft-clay-40:#F7F5E5;--colour-tints-soft-clay-50:#F7F5E1;--colour-tints-soft-clay-100:#F2EAC2;--colour-tints-soft-clay-200:#D5C5C4;--colour-tints-soft-clay-300:#D0C0A9;--colour-tints-soft-clay-400:#CDAB8D;--colour-tints-soft-clay-500:#B59B82;--colour-tints-soft-clay-600:#A08651;--colour-tints-soft-clay-700:#8D7B5A;--colour-tints-soft-clay-800:#5A5920;--colour-tints-ice-20:#FAFFFF;--colour-tints-ice-30:#F8FFFE;--colour-tints-ice-40:#F4FFFD;--colour-tints-ice-50:#E6FFFF;--colour-tints-ice-100:#E4FFF8;--colour-tints-ice-200:#C9FFF0;--colour-tints-ice-300:#C2FFF0;--colour-tints-ice-400:#B8FFFC;--colour-tints-ice-500:#8Ce;--colour-tints-ice-600:#83BB82;--colour-tints-ice-700:#10CCC9;--colour-typography-heading-primary:#14343B;--colour-typography-heading-secondary:#B09670;--colour-typography-body-dark:#14343B;--colour-typography-body-default:#14343B;--colour-typography-body-subtle:#708380;--colour-background-mist-green:#C6D5D1;--colour-background-inkwell:#14343B;--colour-background-soft-clay:#B09670;--colour-background-white:#FFFFFF;--colour-background-ivory-paper:#FFF9E1;--colour-ui-mist-green:#C6D5D1;--colour-ui-inkwell:#14343B;--colour-ui-soft-clay:#B09670;--colour-ui-white:#FFFFFF;--colour-ui-ivory-paper:#FFF9E1;--colour-ui-azure:#7FE2D4;--colour-ui-ice:#A6FFF8;--radius-sm:6px;--radius-md:12px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--typography-headingfont:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;--typography-bodyfont:'Helvetica', 'Inter', 'Segoe UI', system-ui, sans-serif;--typography-sansfont:'Inter', 'Segoe UI', system-ui, sans-serif;--font-weight-regular:400;--font-weight-book:500;--font-weight-semibold:600;--font-size-heading-1-desktop:56px;--font-size-heading-1-mobile:38px;--font-size-heading-2-desktop:44px;--font-size-heading-2-mobile:32px;--font-size-heading-3-desktop:34px;--font-size-heading-3-mobile:25px;--font-size-heading-4-desktop:24px;--font-size-heading-4-mobile:20px;--font-size-heading-5-desktop:20px;--font-size-heading-5-mobile:18px;--font-size-heading-xl-desktop:80px;--font-size-heading-xl-mobile:50px;--font-size-body-xlarge:22px;--font-size-body-large:18px;--font-size-body-medium:16px;--font-size-body-small:14px;--font-size-label-button:17px;--font-size-label-tag:14px;--line-height-heading-tight:1;--line-height-heading-normal:1.1;--line-height-heading-relaxed:1.2;--line-height-body-xlarge:28px;--line-height-body-large:26px;--line-height-body-medium:24px;--line-height-body-small:20px;--line-height-label-button:20px;--line-height-label-tag:1;--letter-spacing-heading:-0.02em;--letter-spacing-body:0;--grid-xlarge-breakpoint:1440px;--grid-xlarge-columns:12;--grid-xlarge-margin:80px;--grid-xlarge-gutter:24px;--grid-xlarge-max-width:1440px;--grid-large-breakpoint:1024px;--grid-large-columns:12;--grid-large-margin:64px;--grid-large-gutter:16px;--grid-large-max-width:1024px;--grid-medium-breakpoint:768px;--grid-medium-columns:6;--grid-medium-margin:32px;--grid-medium-gutter:16px;--grid-medium-max-width:768px;--grid-small-breakpoint:375px;--grid-small-columns:4;--grid-small-margin:20px;--grid-small-gutter:16px;--grid-small-max-width:100%;--grid-xsmall-breakpoint:320px;--grid-xsmall-columns:4;--grid-xsmall-margin:16px;--grid-xsmall-gutter:16px;--grid-xsmall-max-width:100%;--icon-size-small:16px;--icon-size-medium:24px;--icon-size-large:32px;--icon-badge-size:48px;--illustration-size:432px}";var o=Object.defineProperty;var r=(e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:true})};var l="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var a=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var f=(e,t)=>{if(!t)return;e.__stencil__getHostRef=()=>t;t.t=e};var c=(e,t)=>{const n={i:0,$hostElement$:e,o:t,l:new Map,u:new Map};{n.p=new Promise((e=>n.v=e));e["s-p"]=[];e["s-rc"]=[]}{n.h=[]}const i=n;e.__stencil__getHostRef=()=>i;return i};var u=(e,t)=>t in e;var d=(e,t)=>(0,console.error)(e,t);var p=new Map;var v=(e,t,n)=>{const i=e.m.replace(/-/g,"_");const o=e.F;if(!o){return void 0}const r=p.get(o);if(r){return r[i]}
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((e=>{{p.set(o,e)}return e[i]}),(e=>{d(e,t.$hostElement$)}))};var h=new Map;var g="{visibility:hidden}.hydrated{visibility:inherit}";var m="slot-fb{display:contents}slot-fb[hidden]{display:none}";var y=typeof window!=="undefined"?window:{};var b={i:0,k:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,i)=>e.addEventListener(t,n,i),rel:(e,t,n,i)=>e.removeEventListener(t,n,i),ce:(e,t)=>new CustomEvent(e,t)};var F=e=>Promise.resolve(e);var w=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var x=w?(()=>!!y.document&&Object.getOwnPropertyDescriptor(y.document.adoptedStyleSheets,"length").writable)():false;var k=false;var $=[];var S=[];var E=(e,t)=>n=>{e.push(n);if(!k){k=true;if(t&&b.i&4){z(A)}else{b.raf(A)}}};var C=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){d(e)}}e.length=0};var A=()=>{C($);{C(S);if(k=$.length>0){b.raf(A)}}};var z=e=>F().then(e);var B=E(S,true);var D=e=>e!=null&&e!==void 0;var j=e=>{e=typeof e;return e==="object"||e==="function"};function O(e){var t,n,i;return(i=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?i:void 0}var M=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var N={};r(N,{err:()=>U,map:()=>I,ok:()=>R,unwrap:()=>T,unwrapErr:()=>L});var R=e=>({isOk:true,isErr:false,value:e});var U=e=>({isOk:false,isErr:true,value:e});function I(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>R(e)))}else{return R(n)}}if(e.isErr){const t=e.value;return U(t)}throw"should never get here"}var T=e=>{if(e.isOk){return e.value}else{throw e.value}};var L=e=>{if(e.isErr){return e.value}else{throw e.value}};function P(e){if(!w)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var W;function H(e){var t;const n=this.attachShadow({mode:"open"});if(W===void 0)W=(t=P(i))!=null?t:null;if(W){if(x){n.adoptedStyleSheets.push(W)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,W]}}}var _=e=>{const t=Q(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){q(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(Y(e,J(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&Q(e,"childNodes").length){_(e)}}};var V=e=>{const t=[];for(let n=0;n<e.length;n++){const i=e[n]["s-nr"]||void 0;if(i&&i.isConnected){t.push(i)}}return t};function q(e,t,n){let i=0;let o=[];let r;for(;i<e.length;i++){r=e[i];if(r["s-sr"]&&(!t||r["s-hn"]===t)&&n===void 0){o.push(r)}o=[...o,...q(r.childNodes,t,n)]}return o}var Y=(e,t,n=true)=>{const i=[];if(n&&e["s-sr"]||!e["s-sr"])i.push(e);let o=e;while(o=o.nextSibling){if(J(o)===t&&(n||!o["s-sr"]))i.push(o)}return i};var G=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var J=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function K(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const i=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n Flattening is not supported for Stencil non-shadow slots.\n You can use \`.childNodes\` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n `)}const o=this["s-cr"].parentElement;const r=o.__childNodes?o.childNodes:V(o.childNodes);r.forEach((e=>{if(i===J(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function Q(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var X=(e,t="")=>{{return()=>{}}};var Z=(e,t)=>{{return()=>{}}};var ee=new WeakMap;var te=(e,t,n)=>{let i=h.get(e);if(w&&n){i=i||new CSSStyleSheet;if(typeof i==="string"){i=t}else{i.replaceSync(t)}}else{i=t}h.set(e,i)};var ne=(e,t,n)=>{var i;const o=oe(t);const r=h.get(o);if(!y.document){return o}e=e.nodeType===11?e:y.document;if(r){if(typeof r==="string"){e=e.head||e;let n=ee.get(e);let l;if(!n){ee.set(e,n=new Set)}if(!n.has(o)){{l=y.document.createElement("style");l.innerHTML=r;const n=(i=b.$)!=null?i:O(y.document);if(n!=null){l.setAttribute("nonce",n)}if(!(t.i&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(l,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(w){const t=new CSSStyleSheet;t.replaceSync(r);if(x){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=r+t.innerHTML}else{e.prepend(l)}}}else{e.append(l)}}if(t.i&1){e.insertBefore(l,null)}}if(t.i&4){l.innerHTML+=m}if(n){n.add(o)}}}else if(!e.adoptedStyleSheets.includes(r)){if(x){e.adoptedStyleSheets.push(r)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]}}}return o};var ie=e=>{const t=e.o;const n=e.$hostElement$;const i=t.i;const o=X("attachStyles",t.m);const r=ne(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(i&10){n["s-sc"]=r;n.classList.add(r+"-h")}o()};var oe=(e,t)=>"sc-"+e.m;var re=(e,t,...n)=>{let i=null;let o=null;let r=null;let l=false;let s=false;const a=[];const f=t=>{for(let n=0;n<t.length;n++){i=t[n];if(Array.isArray(i)){f(i)}else if(i!=null&&typeof i!=="boolean"){if(l=typeof e!=="function"&&!j(i)){i=String(i)}if(l&&s){a[a.length-1].S+=i}else{a.push(l?le(null,i):i)}s=l}}};f(n);if(t){if(t.key){o=t.key}if(t.name){r=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,a,fe)}const c=le(e,null);c.C=t;if(a.length>0){c.A=a}{c.B=o}{c.D=r}return c};var le=(e,t)=>{const n={i:0,j:e,S:t,O:null,A:null};{n.C=null}{n.B=null}{n.D=null}return n};var se={};var ae=e=>e&&e.j===se;var fe={forEach:(e,t)=>e.map(ce).forEach(t),map:(e,t)=>e.map(ce).map(t).map(ue)};var ce=e=>({vattrs:e.C,vchildren:e.A,vkey:e.B,vname:e.D,vtag:e.j,vtext:e.S});var ue=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return re(e.vtag,t,...e.vchildren||[])}const t=le(e.vtag,e.vtext);t.C=e.vattrs;t.A=e.vchildren;t.B=e.vkey;t.D=e.vname;return t};var de=e=>{const t=M(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};de("::slotted");de(":host");de(":host-context");var pe=(e,t,n)=>{if(e!=null&&!j(e)){if(t&4){{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var ve=e=>{var t;return(t=a(e))==null?void 0:t.$hostElement$};var he=(e,t,n)=>{const i=b.ce(t,n);e.dispatchEvent(i);return i};var ge=(e,t,n,i,o,r,l)=>{if(n===i){return}let s=u(e,t);let a=t.toLowerCase();if(t==="class"){const t=e.classList;const o=ye(n);let r=ye(i);{t.remove(...o.filter((e=>e&&!r.includes(e))));t.add(...r.filter((e=>e&&!o.includes(e))))}}else if(t==="style"){{for(const t in n){if(!i||i[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in i){if(!n||i[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,i[t])}else{e.style[t]=i[t]}}}}else if(t==="key");else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(u(y,a)){t=a.slice(2)}else{t=a[2]+t.slice(3)}if(n||i){const o=t.endsWith(be);t=t.replace(Fe,"");if(n){b.rel(e,t,n,o)}if(i){b.ael(e,t,i,o)}}}else{const l=j(i);if((s||l&&i!==null)&&!o){try{if(!e.tagName.includes("-")){const o=i==null?"":i;if(t==="list"){s=false}else if(n==null||e[t]!=o){if(typeof e.__lookupSetter__(t)==="function"){e[t]=o}else{e.setAttribute(t,o)}}}else if(e[t]!==i){e[t]=i}}catch(e){}}if(i==null||i===false){if(i!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!s||r&4||o)&&!l&&e.nodeType===1){i=i===true?"":i;{e.setAttribute(t,i)}}}};var me=/\s/;var ye=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(me)};var be="Capture";var Fe=new RegExp(be+"$");var we=(e,t,n,i)=>{const o=t.O.nodeType===11&&t.O.host?t.O.host:t.O;const r=e&&e.C||{};const l=t.C||{};{for(const e of xe(Object.keys(r))){if(!(e in l)){ge(o,e,r[e],void 0,n,t.i)}}}for(const e of xe(Object.keys(l))){ge(o,e,r[e],l[e],n,t.i)}};function xe(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ke;var $e;var Se;var Ee=false;var Ce=false;var Ae=false;var ze=false;var Be=(e,n,i)=>{var o;const r=n.A[i];let a=0;let f;let c;let u;if(!Ee){Ae=true;if(r.j==="slot"){r.i|=r.A?2:1}}if(r.S!==null){f=r.O=y.document.createTextNode(r.S)}else if(r.i&1){f=r.O=y.document.createTextNode("");{we(null,r,ze)}}else{if(!ze){ze=r.j==="svg"}if(!y.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}f=r.O=y.document.createElementNS(ze?l:s,!Ee&&t.slotRelocation&&r.i&2?"slot-fb":r.j);if(ze&&r.j==="foreignObject"){ze=false}{we(null,r,ze)}if(D(ke)&&f["s-si"]!==ke){f.classList.add(f["s-si"]=ke)}if(r.A){for(a=0;a<r.A.length;++a){c=Be(e,r,a);if(c){f.appendChild(c)}}}{if(r.j==="svg"){ze=false}else if(f.tagName==="foreignObject"){ze=true}}}f["s-hn"]=Se;{if(r.i&(2|1)){f["s-sr"]=true;f["s-cr"]=$e;f["s-sn"]=r.D||"";f["s-rf"]=(o=r.C)==null?void 0:o.ref;K(f);u=e&&e.A&&e.A[i];if(u&&u.j===r.j&&e.O){{De(e.O,false)}}{Pe($e,f,n.O,e==null?void 0:e.O)}}}return f};var De=(e,t)=>{b.i|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const i=n[e];if(i["s-hn"]!==Se&&i["s-ol"]){Le(Re(i).parentNode,i,Re(i));i["s-ol"].remove();i["s-ol"]=void 0;i["s-sh"]=void 0;Ae=true}if(t){De(i,t)}}b.i&=-2};var je=(e,t,n,i,o,r)=>{let l=e["s-cr"]&&e["s-cr"].parentNode||e;let s;if(l.shadowRoot&&l.tagName===Se){l=l.shadowRoot}for(;o<=r;++o){if(i[o]){s=Be(null,n,o);if(s){i[o].O=s;Le(l,s,Re(t))}}}};var Oe=(e,t,n)=>{for(let i=t;i<=n;++i){const t=e[i];if(t){const e=t.O;if(e){{Ce=true;if(e["s-ol"]){e["s-ol"].remove()}else{De(e,true)}}e.remove()}}}};var Me=(e,t,n,i,o=false)=>{let r=0;let l=0;let s=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let d=i.length-1;let p=i[0];let v=i[d];let h;let g;while(r<=f&&l<=d){if(c==null){c=t[++r]}else if(u==null){u=t[--f]}else if(p==null){p=i[++l]}else if(v==null){v=i[--d]}else if(Ne(c,p,o)){Ue(c,p,o);c=t[++r];p=i[++l]}else if(Ne(u,v,o)){Ue(u,v,o);u=t[--f];v=i[--d]}else if(Ne(c,v,o)){if(c.j==="slot"||v.j==="slot"){De(c.O.parentNode,false)}Ue(c,v,o);Le(e,c.O,u.O.nextSibling);c=t[++r];v=i[--d]}else if(Ne(u,p,o)){if(c.j==="slot"||v.j==="slot"){De(u.O.parentNode,false)}Ue(u,p,o);Le(e,u.O,c.O);u=t[--f];p=i[++l]}else{s=-1;{for(a=r;a<=f;++a){if(t[a]&&t[a].B!==null&&t[a].B===p.B){s=a;break}}}if(s>=0){g=t[s];if(g.j!==p.j){h=Be(t&&t[l],n,s)}else{Ue(g,p,o);t[s]=void 0;h=g.O}p=i[++l]}else{h=Be(t&&t[l],n,l);p=i[++l]}if(h){{Le(Re(c.O).parentNode,h,Re(c.O))}}}}if(r>f){je(e,i[d+1]==null?null:i[d+1].O,n,i,l,d)}else if(l>d){Oe(t,r,f)}};var Ne=(e,t,n=false)=>{if(e.j===t.j){if(e.j==="slot"){return e.D===t.D}if(!n){return e.B===t.B}if(n&&!e.B&&t.B){e.B=t.B}return true}return false};var Re=e=>e&&e["s-ol"]||e;var Ue=(e,n,i=false)=>{const o=n.O=e.O;const r=e.A;const l=n.A;const s=n.j;const a=n.S;let f;if(a===null){{ze=s==="svg"?true:s==="foreignObject"?false:ze}{we(e,n,ze)}if(r!==null&&l!==null){Me(o,r,n,l,i)}else if(l!==null){if(e.S!==null){o.textContent=""}je(o,null,n,l,0,l.length-1)}else if(!i&&t.updatable&&r!==null){Oe(r,0,r.length-1)}else;if(ze&&s==="svg"){ze=false}}else if(f=o["s-cr"]){f.parentNode.textContent=a}else if(e.S!==a){o.data=a}};var Ie=[];var Te=e=>{let t;let n;let i;const o=e.__childNodes||e.childNodes;for(const e of o){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const o=e["s-sn"];for(i=n.length-1;i>=0;i--){t=n[i];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&true){if(G(t,o)){let n=Ie.find((e=>e.M===t));Ce=true;t["s-sn"]=t["s-sn"]||o;if(n){n.M["s-sh"]=e["s-hn"];n.N=e}else{t["s-sh"]=e["s-hn"];Ie.push({N:e,M:t})}if(t["s-sr"]){Ie.map((e=>{if(G(e.M,t["s-sn"])){n=Ie.find((e=>e.M===t));if(n&&!e.N){e.N=n.N}}}))}}else if(!Ie.some((e=>e.M===t))){Ie.push({M:t})}}}}if(e.nodeType===1){Te(e)}}};var Le=(e,t,n)=>{if(typeof t["s-sn"]==="string"&&!!t["s-sr"]&&!!t["s-cr"]){Pe(t["s-cr"],t,e,t.parentElement)}{return e==null?void 0:e.insertBefore(t,n)}};function Pe(e,t,n,i){var o,r;let l;if(e&&typeof t["s-sn"]==="string"&&!!t["s-sr"]&&e.parentNode&&e.parentNode["s-sc"]&&(l=t["s-si"]||e.parentNode["s-sc"])){const e=t["s-sn"];const s=t["s-hn"];(o=n.classList)==null?void 0:o.add(l+"-s");if(i&&((r=i.classList)==null?void 0:r.contains(l+"-s"))){let t=(i.__childNodes||i.childNodes)[0];let n=false;while(t){if(t["s-sn"]!==e&&t["s-hn"]===s&&!!t["s-sr"]){n=true;break}t=t.nextSibling}if(!n)i.classList.remove(l+"-s")}}}var We=(e,t,n=false)=>{var i,o,r,l;const s=e.$hostElement$;const a=e.o;const f=e.R||le(null,null);const c=ae(t);const u=c?t:re(null,null,t);Se=s.tagName;if(n&&u.C){for(const e of Object.keys(u.C)){if(s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){u.C[e]=s[e]}}}u.j=null;u.i|=4;e.R=u;u.O=f.O=s.shadowRoot||s;{ke=s["s-sc"]}Ee=!!(a.i&1)&&!(a.i&128);{$e=s["s-cr"];Ce=false}Ue(f,u,n);{b.i|=1;if(Ae){Te(u.O);for(const e of Ie){const t=e.M;if(!t["s-ol"]&&y.document){const e=y.document.createTextNode("");e["s-nr"]=t;Le(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ie){const t=e.M;const s=e.N;if(s){const e=s.parentNode;let n=s.nextSibling;{let r=(i=t["s-ol"])==null?void 0:i.previousSibling;while(r){let i=(o=r["s-nr"])!=null?o:null;if(i&&i["s-sn"]===t["s-sn"]&&e===(i.__parentNode||i.parentNode)){i=i.nextSibling;while(i===t||(i==null?void 0:i["s-sr"])){i=i==null?void 0:i.nextSibling}if(!i||!i["s-nr"]){n=i;break}}r=r.previousSibling}}const l=t.__parentNode||t.parentNode;const a=t.__nextSibling||t.nextSibling;if(!n&&e!==l||a!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Le(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(r=t["s-ih"])!=null?r:false}}}t&&typeof s["s-rf"]==="function"&&s["s-rf"](s)}else{if(t.nodeType===1){if(n){t["s-ih"]=(l=t.hidden)!=null?l:false}t.hidden=true}}}}if(Ce){_(u.O)}b.i&=-2;Ie.length=0}$e=void 0};var He=(e,t)=>{if(t&&!e.U&&t["s-p"]){const n=t["s-p"].push(new Promise((i=>e.U=()=>{t["s-p"].splice(n-1,1);i()})))}};var _e=(e,t)=>{{e.i|=16}if(e.i&4){e.i|=512;return}He(e,e.I);const n=()=>Ve(e,t);if(t){queueMicrotask((()=>{n()}));return}return B(n)};var Ve=(e,t)=>{const n=e.$hostElement$;const i=X("scheduleUpdate",e.o.m);const o=e.t;if(!o){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let r;if(t){{if(e.h.length){e.h.forEach((e=>e(n)))}}r=Xe(o,"componentWillLoad",void 0,n)}else{r=Xe(o,"componentWillUpdate",void 0,n)}r=qe(r,(()=>Xe(o,"componentWillRender",void 0,n)));i();return qe(r,(()=>Ge(e,o,t)))};var qe=(e,t)=>Ye(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Ye=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ge=async(e,t,n)=>{var i;const o=e.$hostElement$;const r=X("update",e.o.m);const l=o["s-rc"];if(n){ie(e)}const s=X("render",e.o.m);{Je(e,t,o,n)}if(l){l.map((e=>e()));o["s-rc"]=void 0}s();r();{const t=(i=o["s-p"])!=null?i:[];const n=()=>Ke(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.i|=4;t.length=0}}};var Je=(e,t,n,i)=>{try{t=t.render();{e.i&=-17}{e.i|=2}{{{We(e,t,i)}}}}catch(t){d(t,e.$hostElement$)}return null};var Ke=e=>{const t=e.o.m;const n=e.$hostElement$;const i=X("postUpdate",t);const o=e.t;const r=e.I;Xe(o,"componentDidRender",void 0,n);if(!(e.i&64)){e.i|=64;{Ze(n)}Xe(o,"componentDidLoad",void 0,n);i();{e.v(n);if(!r){Qe()}}}else{Xe(o,"componentDidUpdate",void 0,n);i()}{if(e.U){e.U();e.U=void 0}if(e.i&512){z((()=>_e(e,false)))}e.i&=-517}};var Qe=t=>{z((()=>he(y,"appload",{detail:{namespace:e}})))};var Xe=(e,t,n,i)=>{if(e&&e[t]){try{return e[t](n)}catch(e){d(e,i)}}return void 0};var Ze=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var et=(e,t)=>a(e).l.get(t);var tt=(e,t,n,i)=>{const o=a(e);if(!o){return}if(!o){throw new Error(`Couldn't find host element for "${i.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const r=o.l.get(t);const l=o.i;const s=o.t;n=pe(n,i.T[t][0]);const f=Number.isNaN(r)&&Number.isNaN(n);const c=n!==r&&!f;if((!(l&8)||r===void 0)&&c){o.l.set(t,n);if(s){if((l&(2|16))===2){if(s.componentShouldUpdate){if(s.componentShouldUpdate(n,r,t)===false){return}}_e(o,false)}}}};var nt=(e,n,i)=>{var o,r;const l=e.prototype;if(n.T||t.propChangeCallback){const s=Object.entries((o=n.T)!=null?o:{});s.map((([e,[t]])=>{if(t&31||i&2&&t&32){const{get:o,set:r}=Object.getOwnPropertyDescriptor(l,e)||{};if(o)n.T[e][0]|=2048;if(r)n.T[e][0]|=4096;if(i&1||!o){Object.defineProperty(l,e,{get(){{if((n.T[e][0]&2048)===0){return et(this,e)}const t=a(this);const i=t?t.t:l;if(!i)return;return i[e]}},configurable:true,enumerable:true})}Object.defineProperty(l,e,{set(o){const l=a(this);if(!l){return}if(r){const i=t&32?this[e]:l.$hostElement$[e];if(typeof i==="undefined"&&l.l.get(e)){o=l.l.get(e)}r.apply(this,[pe(o,t)]);o=t&32?this[e]:l.$hostElement$[e];tt(this,e,o,n);return}{if((i&1)===0||(n.T[e][0]&4096)===0){tt(this,e,o,n);if(i&1&&!l.t){l.h.push((()=>{if(n.T[e][0]&4096&&l.t[e]!==l.l.get(e)){l.t[e]=o}}))}return}const r=()=>{const i=l.t[e];if(!l.l.get(e)&&i){l.l.set(e,i)}l.t[e]=pe(o,t);tt(this,e,l.t[e],n)};if(l.t){r()}else{l.h.push((()=>{r()}))}}}})}}));if(i&1){const i=new Map;l.attributeChangedCallback=function(e,o,r){b.jmp((()=>{var f;const c=i.get(e);const u=a(this);if(this.hasOwnProperty(c)&&t.lazyLoad){r=this[c];delete this[c]}if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==r){return}else if(c==null){const t=u==null?void 0:u.i;if(u&&t&&!(t&8)&&t&128&&r!==o){const t=u.t;const i=(f=n.L)==null?void 0:f[e];i==null?void 0:i.forEach((n=>{if(t[n]!=null){t[n].call(t,r,o,e)}}))}return}const d=s.find((([e])=>e===c));if(d&&d[1][0]&4){r=r===null||r==="false"?false:true}const p=Object.getOwnPropertyDescriptor(l,c);if(r!=this[c]&&(!p.get||!!p.set)){this[c]=r}}))};e.observedAttributes=Array.from(new Set([...Object.keys((r=n.L)!=null?r:{}),...s.filter((([e,t])=>t[0]&31)).map((([e,t])=>{const n=t[1]||e;i.set(n,e);return n}))]))}}return e};var it=async(e,t,n,i)=>{let o;if((t.i&32)===0){t.i|=32;const i=n.F;if(i){const i=v(n,t);if(i&&"then"in i){const e=Z();o=await i;e()}else{o=i}if(!o){throw new Error(`Constructor for "${n.m}#${t.P}" was not found`)}if(!o.isProxied){nt(o,n,2);o.isProxied=true}const r=X("createInstance",n.m);{t.i|=8}try{new o(t)}catch(t){d(t,e)}{t.i&=-9}r();ot(t.t,e)}else{o=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.i|=128))}if(o&&o.style){let e;if(typeof o.style==="string"){e=o.style}const t=oe(n);if(!h.has(t)){const i=X("registerStyles",n.m);te(t,e,!!(n.i&1));i()}}}const r=t.I;const l=()=>_e(t,true);if(r&&r["s-rc"]){r["s-rc"].push(l)}else{l()}};var ot=(e,t)=>{{Xe(e,"connectedCallback",void 0,t)}};var rt=e=>{if((b.i&1)===0){const t=a(e);if(!t){return}const n=t.o;const i=X("connectedCallback",n.m);if(!(t.i&1)){t.i|=1;{if(n.i&(4|8)){lt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){He(t,t.I=n);break}}}if(n.T){Object.entries(n.T).map((([t,[n]])=>{if(n&31&&t in e&&e[t]!==Object.prototype[t]){const n=e[t];delete e[t];e[t]=n}}))}{it(e,t,n)}}else{if(t==null?void 0:t.t){ot(t.t,e)}else if(t==null?void 0:t.p){t.p.then((()=>ot(t.t,e)))}}i()}};var lt=e=>{if(!y.document){return}const t=e["s-cr"]=y.document.createComment("");t["s-cn"]=true;Le(e,t,e.firstChild)};var st=(e,t)=>{{Xe(e,"disconnectedCallback",void 0,t||e)}};var at=async e=>{if((b.i&1)===0){const t=a(e);if(t==null?void 0:t.t){st(t.t,e)}else if(t==null?void 0:t.p){t.p.then((()=>st(t.t,e)))}}if(ee.has(e)){ee.delete(e)}if(e.shadowRoot&&ee.has(e.shadowRoot)){ee.delete(e.shadowRoot)}};var ft=(e,t={})=>{var n;if(!y.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const i=X();const o=[];const r=t.exclude||[];const l=y.customElements;const s=y.document.head;const f=s.querySelector("meta[charset]");const u=y.document.createElement("style");const d=[];let p;let v=true;Object.assign(b,t);b.k=new URL(t.resourcesUrl||"./",y.document.baseURI).href;let h=false;e.map((e=>{e[1].map((t=>{const n={i:t[0],m:t[1],T:t[2],W:t[3]};if(n.i&4){h=true}{n.T=t[2]}const i=n.m;const s=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;c(e,n);if(n.i&1){{if(!e.shadowRoot){H.call(e,n)}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=a(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(p){clearTimeout(p);p=null}if(v){d.push(this)}else{b.jmp((()=>rt(this)))}}disconnectedCallback(){b.jmp((()=>at(this)));b.raf((()=>{var e;const t=a(this);if(!t){return}const n=d.findIndex((e=>e===this));if(n>-1){d.splice(n,1)}if(((e=t==null?void 0:t.R)==null?void 0:e.O)instanceof Node&&!t.R.O.isConnected){delete t.R.O}}))}componentOnReady(){var e;return(e=a(this))==null?void 0:e.p}};n.F=e[0];if(!r.includes(i)&&!l.get(i)){o.push(i);l.define(i,nt(s,n,1))}}))}));if(o.length>0){if(h){u.textContent+=m}{u.textContent+=o.sort()+g}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=b.$)!=null?n:O(y.document);if(e!=null){u.setAttribute("nonce",e)}s.insertBefore(u,f?f.nextSibling:s.firstChild)}}v=false;if(d.length){d.map((e=>e.connectedCallback()))}else{{b.jmp((()=>p=setTimeout(Qe,30)))}}i()};var ct=e=>b.$=e;export{se as H,ve as a,ft as b,n as g,re as h,F as p,f as r,ct as s};
3
+ //# sourceMappingURL=p-UbNmjSSX.js.map