@affinda/wc 0.0.14 → 0.0.15

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 (162) hide show
  1. package/dist/affinda/af-card.entry.esm.js.map +1 -1
  2. package/dist/affinda/af-cta-section.entry.esm.js.map +1 -1
  3. package/dist/affinda/af-footer.entry.esm.js.map +1 -1
  4. package/dist/affinda/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.esm.js.map +1 -1
  5. package/dist/affinda/affinda.esm.js +1 -1
  6. package/dist/affinda/index.esm.js +1 -1
  7. package/dist/affinda/p-0eb8173d.entry.js +2 -0
  8. package/dist/affinda/{p-c5aba33f.entry.js → p-1955dbad.entry.js} +2 -2
  9. package/dist/affinda/p-1b18ab28.entry.js +2 -0
  10. package/dist/affinda/{p-e367e42b.entry.js.map → p-1b18ab28.entry.js.map} +1 -1
  11. package/dist/affinda/{p-c2b6199e.entry.js → p-1e3d40a0.entry.js} +2 -2
  12. package/dist/affinda/{p-07990b1f.entry.js → p-350ac7a5.entry.js} +2 -2
  13. package/dist/affinda/{p-b7c63852.entry.js → p-71e663b3.entry.js} +2 -2
  14. package/dist/affinda/p-7b8c36e0.entry.js +2 -0
  15. package/dist/affinda/p-7b8c36e0.entry.js.map +1 -0
  16. package/dist/affinda/p-806d129e.entry.js +2 -0
  17. package/dist/affinda/{p-ce89c4f1.entry.js.map → p-806d129e.entry.js.map} +1 -1
  18. package/dist/affinda/{p-b67bbaf7.entry.js → p-83b5d5ea.entry.js} +2 -2
  19. package/dist/affinda/{p-52f7ea33.entry.js → p-9071c2a7.entry.js} +2 -2
  20. package/dist/affinda/{p-b7efbfff.entry.js → p-b2fb60c9.entry.js} +2 -2
  21. package/dist/affinda/{p-97f9f774.entry.js → p-bd30e86a.entry.js} +2 -2
  22. package/dist/affinda/{p-4a39ddec.entry.js → p-e1198ca3.entry.js} +2 -2
  23. package/dist/affinda/{p-ac7efb48.entry.js → p-e3efc291.entry.js} +2 -2
  24. package/dist/affinda/{p-dec4c4d5.entry.js → p-ec7721cc.entry.js} +2 -2
  25. package/dist/affinda/{p-b6885a9a.entry.js → p-f692a7bd.entry.js} +2 -2
  26. package/dist/affinda/p-f692a7bd.entry.js.map +1 -0
  27. package/dist/affinda/{p-a49dc8ac.entry.js → p-fb4e3a8d.entry.js} +2 -2
  28. package/dist/affinda/{p-bf4543ff.entry.js → p-fc2cb8d1.entry.js} +2 -2
  29. package/dist/cjs/af-button-group.cjs.entry.js +1 -1
  30. package/dist/cjs/af-card.cjs.entry.js +2 -2
  31. package/dist/cjs/af-card.entry.cjs.js.map +1 -1
  32. package/dist/cjs/af-client-carousel.cjs.entry.js +1 -1
  33. package/dist/cjs/af-contact-item.cjs.entry.js +1 -1
  34. package/dist/cjs/af-cta-section.cjs.entry.js +9 -7
  35. package/dist/cjs/af-cta-section.entry.cjs.js.map +1 -1
  36. package/dist/cjs/af-feature-accordion.cjs.entry.js +2 -2
  37. package/dist/cjs/af-footer-column.cjs.entry.js +1 -1
  38. package/dist/cjs/af-footer-link.cjs.entry.js +1 -1
  39. package/dist/cjs/af-footer.cjs.entry.js +2 -2
  40. package/dist/cjs/af-footer.entry.cjs.js.map +1 -1
  41. package/dist/cjs/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.cjs.js.map +1 -1
  42. package/dist/cjs/af-heading_5.cjs.entry.js +12 -3
  43. package/dist/cjs/af-hero-section.cjs.entry.js +1 -1
  44. package/dist/cjs/af-logo-well.cjs.entry.js +1 -1
  45. package/dist/cjs/af-section.cjs.entry.js +2 -2
  46. package/dist/cjs/af-social-link.cjs.entry.js +1 -1
  47. package/dist/cjs/af-testimonial-carousel.cjs.entry.js +2 -2
  48. package/dist/cjs/af-testimonial-stat.cjs.entry.js +1 -1
  49. package/dist/cjs/af-testimonial.cjs.entry.js +1 -1
  50. package/dist/cjs/af-typography-lockup.cjs.entry.js +1 -1
  51. package/dist/cjs/affinda.cjs.js +1 -1
  52. package/dist/cjs/loader.cjs.js +1 -1
  53. package/dist/collection/assets/logo-affinda.svg +19 -0
  54. package/dist/collection/components/af-button-group/af-button-group.js +1 -1
  55. package/dist/collection/components/af-card/af-card.css +2 -1
  56. package/dist/collection/components/af-card/af-card.js +1 -1
  57. package/dist/collection/components/af-client-carousel/af-client-carousel.js +1 -1
  58. package/dist/collection/components/af-contact-item/af-contact-item.js +1 -1
  59. package/dist/collection/components/af-cta-section/af-cta-section.css +5 -5
  60. package/dist/collection/components/af-cta-section/af-cta-section.js +34 -12
  61. package/dist/collection/components/af-cta-section/af-cta-section.js.map +1 -1
  62. package/dist/collection/components/af-feature-accordion/af-feature-accordion.js +2 -2
  63. package/dist/collection/components/af-footer/af-footer.css +1 -1
  64. package/dist/collection/components/af-footer/af-footer.js +1 -1
  65. package/dist/collection/components/af-footer-column/af-footer-column.js +1 -1
  66. package/dist/collection/components/af-footer-link/af-footer-link.js +1 -1
  67. package/dist/collection/components/af-hero-section/af-hero-section.js +1 -1
  68. package/dist/collection/components/af-logo/af-logo.css +10 -2
  69. package/dist/collection/components/af-logo/af-logo.js +55 -2
  70. package/dist/collection/components/af-logo/af-logo.js.map +1 -1
  71. package/dist/collection/components/af-logo-well/af-logo-well.js +1 -1
  72. package/dist/collection/components/af-navbar/af-navbar.js +30 -1
  73. package/dist/collection/components/af-navbar/af-navbar.js.map +1 -1
  74. package/dist/collection/components/af-section/af-section.js +2 -2
  75. package/dist/collection/components/af-social-link/af-social-link.js +1 -1
  76. package/dist/collection/components/af-testimonial/af-testimonial.js +1 -1
  77. package/dist/collection/components/af-testimonial-carousel/af-testimonial-carousel.js +2 -2
  78. package/dist/collection/components/af-testimonial-stat/af-testimonial-stat.js +1 -1
  79. package/dist/collection/components/af-typography-lockup/af-typography-lockup.js +1 -1
  80. package/dist/components/af-button-group.js +1 -1
  81. package/dist/components/af-card.js +2 -2
  82. package/dist/components/af-card.js.map +1 -1
  83. package/dist/components/af-client-carousel.js +1 -1
  84. package/dist/components/af-contact-item.js +1 -1
  85. package/dist/components/af-cta-section.js +11 -8
  86. package/dist/components/af-cta-section.js.map +1 -1
  87. package/dist/components/af-feature-accordion.js +2 -2
  88. package/dist/components/af-footer-column.js +1 -1
  89. package/dist/components/af-footer-link.js +1 -1
  90. package/dist/components/af-footer.js +2 -2
  91. package/dist/components/af-footer.js.map +1 -1
  92. package/dist/components/af-hero-section.js +1 -1
  93. package/dist/components/af-logo-well.js +1 -1
  94. package/dist/components/af-logo.js +1 -1
  95. package/dist/components/af-navbar.js +1 -1
  96. package/dist/components/af-section.js +2 -2
  97. package/dist/components/af-social-link.js +1 -1
  98. package/dist/components/af-testimonial-carousel.js +2 -2
  99. package/dist/components/af-testimonial-stat.js +1 -1
  100. package/dist/components/af-testimonial.js +1 -1
  101. package/dist/components/af-typography-lockup.js +1 -1
  102. package/dist/components/index.js +4 -4
  103. package/dist/components/p-CN_K2ni-.js +45 -0
  104. package/dist/components/p-CN_K2ni-.js.map +1 -0
  105. package/dist/components/{p-Thu9mUEn.js → p-CgnBqOVh.js} +13 -4
  106. package/dist/components/p-CgnBqOVh.js.map +1 -0
  107. package/dist/components/{p-7a3XpKXs.js → p-DBFWSHR9.js} +3 -3
  108. package/dist/components/{p-7a3XpKXs.js.map → p-DBFWSHR9.js.map} +1 -1
  109. package/dist/components/{p-emB0l5gm.js → p-LUt2VDjp.js} +3 -3
  110. package/dist/components/{p-emB0l5gm.js.map → p-LUt2VDjp.js.map} +1 -1
  111. package/dist/esm/af-button-group.entry.js +1 -1
  112. package/dist/esm/af-card.entry.js +2 -2
  113. package/dist/esm/af-card.entry.js.map +1 -1
  114. package/dist/esm/af-client-carousel.entry.js +1 -1
  115. package/dist/esm/af-contact-item.entry.js +1 -1
  116. package/dist/esm/af-cta-section.entry.js +9 -7
  117. package/dist/esm/af-cta-section.entry.js.map +1 -1
  118. package/dist/esm/af-feature-accordion.entry.js +2 -2
  119. package/dist/esm/af-footer-column.entry.js +1 -1
  120. package/dist/esm/af-footer-link.entry.js +1 -1
  121. package/dist/esm/af-footer.entry.js +2 -2
  122. package/dist/esm/af-footer.entry.js.map +1 -1
  123. package/dist/esm/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.js.map +1 -1
  124. package/dist/esm/af-heading_5.entry.js +12 -3
  125. package/dist/esm/af-hero-section.entry.js +1 -1
  126. package/dist/esm/af-logo-well.entry.js +1 -1
  127. package/dist/esm/af-section.entry.js +2 -2
  128. package/dist/esm/af-social-link.entry.js +1 -1
  129. package/dist/esm/af-testimonial-carousel.entry.js +2 -2
  130. package/dist/esm/af-testimonial-stat.entry.js +1 -1
  131. package/dist/esm/af-testimonial.entry.js +1 -1
  132. package/dist/esm/af-typography-lockup.entry.js +1 -1
  133. package/dist/esm/affinda.js +1 -1
  134. package/dist/esm/loader.js +1 -1
  135. package/dist/types/components/af-cta-section/af-cta-section.d.ts +4 -2
  136. package/dist/types/components/af-logo/af-logo.d.ts +6 -1
  137. package/dist/types/components/af-navbar/af-navbar.d.ts +5 -0
  138. package/dist/types/components.d.ts +68 -18
  139. package/package.json +1 -1
  140. package/dist/affinda/p-924e6def.entry.js +0 -2
  141. package/dist/affinda/p-924e6def.entry.js.map +0 -1
  142. package/dist/affinda/p-b6885a9a.entry.js.map +0 -1
  143. package/dist/affinda/p-ce89c4f1.entry.js +0 -2
  144. package/dist/affinda/p-de52b175.entry.js +0 -2
  145. package/dist/affinda/p-e367e42b.entry.js +0 -2
  146. package/dist/components/p-D4s4u7tL.js +0 -35
  147. package/dist/components/p-D4s4u7tL.js.map +0 -1
  148. package/dist/components/p-Thu9mUEn.js.map +0 -1
  149. /package/dist/affinda/{p-de52b175.entry.js.map → p-0eb8173d.entry.js.map} +0 -0
  150. /package/dist/affinda/{p-c5aba33f.entry.js.map → p-1955dbad.entry.js.map} +0 -0
  151. /package/dist/affinda/{p-c2b6199e.entry.js.map → p-1e3d40a0.entry.js.map} +0 -0
  152. /package/dist/affinda/{p-07990b1f.entry.js.map → p-350ac7a5.entry.js.map} +0 -0
  153. /package/dist/affinda/{p-b7c63852.entry.js.map → p-71e663b3.entry.js.map} +0 -0
  154. /package/dist/affinda/{p-b67bbaf7.entry.js.map → p-83b5d5ea.entry.js.map} +0 -0
  155. /package/dist/affinda/{p-52f7ea33.entry.js.map → p-9071c2a7.entry.js.map} +0 -0
  156. /package/dist/affinda/{p-b7efbfff.entry.js.map → p-b2fb60c9.entry.js.map} +0 -0
  157. /package/dist/affinda/{p-97f9f774.entry.js.map → p-bd30e86a.entry.js.map} +0 -0
  158. /package/dist/affinda/{p-4a39ddec.entry.js.map → p-e1198ca3.entry.js.map} +0 -0
  159. /package/dist/affinda/{p-ac7efb48.entry.js.map → p-e3efc291.entry.js.map} +0 -0
  160. /package/dist/affinda/{p-dec4c4d5.entry.js.map → p-ec7721cc.entry.js.map} +0 -0
  161. /package/dist/affinda/{p-a49dc8ac.entry.js.map → p-fb4e3a8d.entry.js.map} +0 -0
  162. /package/dist/affinda/{p-bf4543ff.entry.js.map → p-fc2cb8d1.entry.js.map} +0 -0
@@ -1,27 +1,29 @@
1
1
  import { h, Host } from "@stencil/core";
2
2
  /**
3
3
  * Call-to-action section component with illustration and decorative background
4
- * Styled to match the affinda.com "See what our AI agents can do for you" section
4
+ * A flexible CTA section with customizable content, buttons, and optional illustration
5
5
  */
6
6
  export class AfCtaSection {
7
7
  constructor() {
8
8
  /** Section heading */
9
- this.heading = 'See what our AI agents can do for you';
9
+ this.heading = '';
10
10
  /** Section description */
11
- this.description = 'Upload your documents and watch our AI agents get to work.';
11
+ this.description = '';
12
12
  /** Primary button text */
13
- this.primaryButtonText = 'Try for free';
13
+ this.primaryButtonText = '';
14
14
  /** Primary button URL */
15
15
  this.primaryButtonUrl = '#';
16
- /** Secondary button text */
17
- this.secondaryButtonText = 'Talk to us';
16
+ /** Secondary button text (optional - if empty, button won't show) */
17
+ this.secondaryButtonText = '';
18
18
  /** Secondary button URL */
19
19
  this.secondaryButtonUrl = '#';
20
20
  /** Illustration URL - if provided, displays this image */
21
21
  this.illustrationUrl = '';
22
+ /** Whether to show the decorative wave background */
23
+ this.showWaveDecoration = true;
22
24
  }
23
25
  render() {
24
- return (h(Host, { key: '8cf3c9274e0913f7ce160b296734e73c4d2d3734' }, h("div", { key: 'a538dac4d55527fea4341e6e5742e8f950161bf1', class: "cta-section" }, h("div", { key: '9c1d051adf987b36563a48185e91ad245fc1eab1', class: "cta-section__container" }, h("div", { key: '343f5022b9178f72d53b04ae3131f8d3ef3313a1', class: "cta-section__wave-bg" }, h("svg", { key: '7d66a29c84ee16d9cddecae3eea3bf7ef04a32a4', viewBox: "0 0 1200 400", preserveAspectRatio: "none", class: "cta-section__wave-svg" }, h("ellipse", { key: '83f3a06010d898eb107d8c85c70e7af1340a7ab1', cx: "900", cy: "450", rx: "600", ry: "350", fill: "rgba(255,255,255,0.2)" }), h("ellipse", { key: 'e74e9f443057d6af20af44ae48af382d79598c83', cx: "1000", cy: "500", rx: "400", ry: "250", fill: "rgba(255,255,255,0.15)" }))), h("div", { key: 'ce574daa6ff34cea13621508445a684ec02d07a6', class: "cta-section__illustration" }, this.illustrationUrl ? (h("img", { src: this.illustrationUrl, alt: "", class: "cta-section__illustration-img" })) : (h("slot", { name: "illustration" }))), h("div", { key: '07ad207e4ff04493da5d65f8abf93b55fba14fa0', class: "cta-section__content" }, h("h2", { key: '18f0f9f50bf1dcef7de2ef6613523b1ab7875cb0', class: "cta-section__heading" }, this.heading), h("p", { key: '08600c4a40d127c2b24adc43ad490f1a2c1f2211', class: "cta-section__description" }, this.description), h("div", { key: 'ab487ba8609a834d61c3804ef11a671406f7b570', class: "cta-section__buttons" }, h("a", { key: '60f3d7bcc62f11ff303ca706a32e3a400f6bb33a', href: this.primaryButtonUrl, class: "cta-section__button cta-section__button--primary" }, this.primaryButtonText), h("a", { key: '06f735171e0e3f7b1bc783d0917967b591b3d455', href: this.secondaryButtonUrl, class: "cta-section__button cta-section__button--secondary" }, this.secondaryButtonText)))))));
26
+ return (h(Host, { key: 'e9f0a58563bdaa67ff950b0e2ebb70ef4600a7b8' }, h("div", { key: '5cf583e9fd622cff15e61eb772e45bf8af020d09', class: "cta-section" }, h("div", { key: 'c1d43e16f3684299bc5c82d90c02e1deaf3cf824', class: "cta-section__container" }, this.showWaveDecoration && (h("div", { key: 'fb79dea8af188428e54a7e214200ca5fc2905329', class: "cta-section__wave-bg" }, h("svg", { key: 'c5d14799b1613e3c8cada805bdf343df40a539cc', viewBox: "0 0 1200 400", preserveAspectRatio: "none", class: "cta-section__wave-svg" }, h("ellipse", { key: '2d331cefb1d3a5881c83d34a61fc7c66fa47db1b', cx: "900", cy: "450", rx: "600", ry: "350", fill: "rgba(255,255,255,0.2)" }), h("ellipse", { key: 'cb9a17fd4cbd1e69b241148536511c0ebfd8de85', cx: "1000", cy: "500", rx: "400", ry: "250", fill: "rgba(255,255,255,0.15)" })))), (this.illustrationUrl || true) && (h("div", { key: '39305e7825aee761bb31652cb3765698c6ba3e88', class: "cta-section__illustration" }, this.illustrationUrl ? (h("img", { src: this.illustrationUrl, alt: "", class: "cta-section__illustration-img" })) : (h("slot", { name: "illustration" })))), h("div", { key: 'df1ab05bdc3834683ce7fcf070d64aa42d0e87b5', class: "cta-section__content" }, this.heading && h("h2", { key: '4aa79be8dd38f866a01847d8aae01a7cdd07409d', class: "cta-section__heading" }, this.heading), this.description && h("p", { key: '3e75362c397895545e75548f2b35602def38f007', class: "cta-section__description" }, this.description), h("div", { key: 'b66121d982806657298e4399579202daed91900b', class: "cta-section__buttons" }, this.primaryButtonText && (h("a", { key: '00380240c2507c3ba6b61e54c8ec0e91bfc8fea1', href: this.primaryButtonUrl, class: "cta-section__button cta-section__button--primary" }, this.primaryButtonText)), this.secondaryButtonText && (h("a", { key: '49704465778c7a29d40e6064d71e9ddfd821c223', href: this.secondaryButtonUrl, class: "cta-section__button cta-section__button--secondary" }, this.secondaryButtonText))))))));
25
27
  }
26
28
  static get is() { return "af-cta-section"; }
27
29
  static get encapsulation() { return "scoped"; }
@@ -55,7 +57,7 @@ export class AfCtaSection {
55
57
  "setter": false,
56
58
  "reflect": false,
57
59
  "attribute": "heading",
58
- "defaultValue": "'See what our AI agents can do for you'"
60
+ "defaultValue": "''"
59
61
  },
60
62
  "description": {
61
63
  "type": "string",
@@ -75,7 +77,7 @@ export class AfCtaSection {
75
77
  "setter": false,
76
78
  "reflect": false,
77
79
  "attribute": "description",
78
- "defaultValue": "'Upload your documents and watch our AI agents get to work.'"
80
+ "defaultValue": "''"
79
81
  },
80
82
  "primaryButtonText": {
81
83
  "type": "string",
@@ -95,7 +97,7 @@ export class AfCtaSection {
95
97
  "setter": false,
96
98
  "reflect": false,
97
99
  "attribute": "primary-button-text",
98
- "defaultValue": "'Try for free'"
100
+ "defaultValue": "''"
99
101
  },
100
102
  "primaryButtonUrl": {
101
103
  "type": "string",
@@ -129,13 +131,13 @@ export class AfCtaSection {
129
131
  "optional": false,
130
132
  "docs": {
131
133
  "tags": [],
132
- "text": "Secondary button text"
134
+ "text": "Secondary button text (optional - if empty, button won't show)"
133
135
  },
134
136
  "getter": false,
135
137
  "setter": false,
136
138
  "reflect": false,
137
139
  "attribute": "secondary-button-text",
138
- "defaultValue": "'Talk to us'"
140
+ "defaultValue": "''"
139
141
  },
140
142
  "secondaryButtonUrl": {
141
143
  "type": "string",
@@ -176,6 +178,26 @@ export class AfCtaSection {
176
178
  "reflect": false,
177
179
  "attribute": "illustration-url",
178
180
  "defaultValue": "''"
181
+ },
182
+ "showWaveDecoration": {
183
+ "type": "boolean",
184
+ "mutable": false,
185
+ "complexType": {
186
+ "original": "boolean",
187
+ "resolved": "boolean",
188
+ "references": {}
189
+ },
190
+ "required": false,
191
+ "optional": false,
192
+ "docs": {
193
+ "tags": [],
194
+ "text": "Whether to show the decorative wave background"
195
+ },
196
+ "getter": false,
197
+ "setter": false,
198
+ "reflect": false,
199
+ "attribute": "show-wave-decoration",
200
+ "defaultValue": "true"
179
201
  }
180
202
  };
181
203
  }
@@ -1 +1 @@
1
- {"version":3,"file":"af-cta-section.js","sourceRoot":"","sources":["../../../src/components/af-cta-section/af-cta-section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAOH,MAAM,OAAO,YAAY;IANzB;QAOE,sBAAsB;QACd,YAAO,GAAW,uCAAuC,CAAC;QAElE,0BAA0B;QAClB,gBAAW,GAAW,4DAA4D,CAAC;QAE3F,0BAA0B;QAClB,sBAAiB,GAAW,cAAc,CAAC;QAEnD,yBAAyB;QACjB,qBAAgB,GAAW,GAAG,CAAC;QAEvC,4BAA4B;QACpB,wBAAmB,GAAW,YAAY,CAAC;QAEnD,2BAA2B;QACnB,uBAAkB,GAAW,GAAG,CAAC;QAEzC,0DAA0D;QAClD,oBAAe,GAAW,EAAE,CAAC;KAwDtC;IAtDC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,aAAa;gBACtB,4DAAK,KAAK,EAAC,wBAAwB;oBAEjC,4DAAK,KAAK,EAAC,sBAAsB;wBAC/B,4DAAK,OAAO,EAAC,cAAc,EAAC,mBAAmB,EAAC,MAAM,EAAC,KAAK,EAAC,uBAAuB;4BAElF,gEACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,uBAAuB,GAC5B;4BAEF,gEACE,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,wBAAwB,GAC7B,CACE,CACF;oBAGN,4DAAK,KAAK,EAAC,2BAA2B,IACnC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CACtB,WAAK,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,+BAA+B,GAAG,CAChF,CAAC,CAAC,CAAC,CACF,YAAM,IAAI,EAAC,cAAc,GAAQ,CAClC,CACG;oBAGN,4DAAK,KAAK,EAAC,sBAAsB;wBAC/B,2DAAI,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,OAAO,CAAM;wBACpD,0DAAG,KAAK,EAAC,0BAA0B,IAAE,IAAI,CAAC,WAAW,CAAK;wBAC1D,4DAAK,KAAK,EAAC,sBAAsB;4BAC/B,0DAAG,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAC,kDAAkD,IACrF,IAAI,CAAC,iBAAiB,CACrB;4BACJ,0DAAG,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAC,oDAAoD,IACzF,IAAI,CAAC,mBAAmB,CACvB,CACA,CACF,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * Call-to-action section component with illustration and decorative background\n * Styled to match the affinda.com \"See what our AI agents can do for you\" section\n */\n@Component({\n tag: 'af-cta-section',\n styleUrl: 'af-cta-section.css',\n shadow: false,\n scoped: true,\n})\nexport class AfCtaSection {\n /** Section heading */\n @Prop() heading: string = 'See what our AI agents can do for you';\n\n /** Section description */\n @Prop() description: string = 'Upload your documents and watch our AI agents get to work.';\n\n /** Primary button text */\n @Prop() primaryButtonText: string = 'Try for free';\n\n /** Primary button URL */\n @Prop() primaryButtonUrl: string = '#';\n\n /** Secondary button text */\n @Prop() secondaryButtonText: string = 'Talk to us';\n\n /** Secondary button URL */\n @Prop() secondaryButtonUrl: string = '#';\n\n /** Illustration URL - if provided, displays this image */\n @Prop() illustrationUrl: string = '';\n\n render() {\n return (\n <Host>\n <div class=\"cta-section\">\n <div class=\"cta-section__container\">\n {/* Decorative wave background */}\n <div class=\"cta-section__wave-bg\">\n <svg viewBox=\"0 0 1200 400\" preserveAspectRatio=\"none\" class=\"cta-section__wave-svg\">\n {/* Large curved wave */}\n <ellipse \n cx=\"900\" \n cy=\"450\" \n rx=\"600\" \n ry=\"350\" \n fill=\"rgba(255,255,255,0.2)\"\n />\n {/* Smaller accent curve */}\n <ellipse \n cx=\"1000\" \n cy=\"500\" \n rx=\"400\" \n ry=\"250\" \n fill=\"rgba(255,255,255,0.15)\"\n />\n </svg>\n </div>\n\n {/* Illustration */}\n <div class=\"cta-section__illustration\">\n {this.illustrationUrl ? (\n <img src={this.illustrationUrl} alt=\"\" class=\"cta-section__illustration-img\" />\n ) : (\n <slot name=\"illustration\"></slot>\n )}\n </div>\n\n {/* Content */}\n <div class=\"cta-section__content\">\n <h2 class=\"cta-section__heading\">{this.heading}</h2>\n <p class=\"cta-section__description\">{this.description}</p>\n <div class=\"cta-section__buttons\">\n <a href={this.primaryButtonUrl} class=\"cta-section__button cta-section__button--primary\">\n {this.primaryButtonText}\n </a>\n <a href={this.secondaryButtonUrl} class=\"cta-section__button cta-section__button--secondary\">\n {this.secondaryButtonText}\n </a>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"af-cta-section.js","sourceRoot":"","sources":["../../../src/components/af-cta-section/af-cta-section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAOH,MAAM,OAAO,YAAY;IANzB;QAOE,sBAAsB;QACd,YAAO,GAAW,EAAE,CAAC;QAE7B,0BAA0B;QAClB,gBAAW,GAAW,EAAE,CAAC;QAEjC,0BAA0B;QAClB,sBAAiB,GAAW,EAAE,CAAC;QAEvC,yBAAyB;QACjB,qBAAgB,GAAW,GAAG,CAAC;QAEvC,qEAAqE;QAC7D,wBAAmB,GAAW,EAAE,CAAC;QAEzC,2BAA2B;QACnB,uBAAkB,GAAW,GAAG,CAAC;QAEzC,0DAA0D;QAClD,oBAAe,GAAW,EAAE,CAAC;QAErC,qDAAqD;QAC7C,uBAAkB,GAAY,IAAI,CAAC;KAkD5C;IAhDC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,aAAa;gBACtB,4DAAK,KAAK,EAAC,wBAAwB;oBAEhC,IAAI,CAAC,kBAAkB,IAAI,CAC1B,4DAAK,KAAK,EAAC,sBAAsB;wBAC/B,4DAAK,OAAO,EAAC,cAAc,EAAC,mBAAmB,EAAC,MAAM,EAAC,KAAK,EAAC,uBAAuB;4BAClF,gEAAS,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,uBAAuB,GAAG;4BAC5E,gEAAS,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,wBAAwB,GAAG,CAC1E,CACF,CACP;oBAGA,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,CACjC,4DAAK,KAAK,EAAC,2BAA2B,IACnC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CACtB,WAAK,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,+BAA+B,GAAG,CAChF,CAAC,CAAC,CAAC,CACF,YAAM,IAAI,EAAC,cAAc,GAAQ,CAClC,CACG,CACP;oBAGD,4DAAK,KAAK,EAAC,sBAAsB;wBAC9B,IAAI,CAAC,OAAO,IAAI,2DAAI,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,OAAO,CAAM;wBACpE,IAAI,CAAC,WAAW,IAAI,0DAAG,KAAK,EAAC,0BAA0B,IAAE,IAAI,CAAC,WAAW,CAAK;wBAC/E,4DAAK,KAAK,EAAC,sBAAsB;4BAC9B,IAAI,CAAC,iBAAiB,IAAI,CACzB,0DAAG,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAC,kDAAkD,IACrF,IAAI,CAAC,iBAAiB,CACrB,CACL;4BACA,IAAI,CAAC,mBAAmB,IAAI,CAC3B,0DAAG,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAC,oDAAoD,IACzF,IAAI,CAAC,mBAAmB,CACvB,CACL,CACG,CACF,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * Call-to-action section component with illustration and decorative background\n * A flexible CTA section with customizable content, buttons, and optional illustration\n */\n@Component({\n tag: 'af-cta-section',\n styleUrl: 'af-cta-section.css',\n shadow: false,\n scoped: true,\n})\nexport class AfCtaSection {\n /** Section heading */\n @Prop() heading: string = '';\n\n /** Section description */\n @Prop() description: string = '';\n\n /** Primary button text */\n @Prop() primaryButtonText: string = '';\n\n /** Primary button URL */\n @Prop() primaryButtonUrl: string = '#';\n\n /** Secondary button text (optional - if empty, button won't show) */\n @Prop() secondaryButtonText: string = '';\n\n /** Secondary button URL */\n @Prop() secondaryButtonUrl: string = '#';\n\n /** Illustration URL - if provided, displays this image */\n @Prop() illustrationUrl: string = '';\n\n /** Whether to show the decorative wave background */\n @Prop() showWaveDecoration: boolean = true;\n\n render() {\n return (\n <Host>\n <div class=\"cta-section\">\n <div class=\"cta-section__container\">\n {/* Decorative wave background (optional) */}\n {this.showWaveDecoration && (\n <div class=\"cta-section__wave-bg\">\n <svg viewBox=\"0 0 1200 400\" preserveAspectRatio=\"none\" class=\"cta-section__wave-svg\">\n <ellipse cx=\"900\" cy=\"450\" rx=\"600\" ry=\"350\" fill=\"rgba(255,255,255,0.2)\" />\n <ellipse cx=\"1000\" cy=\"500\" rx=\"400\" ry=\"250\" fill=\"rgba(255,255,255,0.15)\" />\n </svg>\n </div>\n )}\n\n {/* Illustration (optional) */}\n {(this.illustrationUrl || true) && (\n <div class=\"cta-section__illustration\">\n {this.illustrationUrl ? (\n <img src={this.illustrationUrl} alt=\"\" class=\"cta-section__illustration-img\" />\n ) : (\n <slot name=\"illustration\"></slot>\n )}\n </div>\n )}\n\n {/* Content */}\n <div class=\"cta-section__content\">\n {this.heading && <h2 class=\"cta-section__heading\">{this.heading}</h2>}\n {this.description && <p class=\"cta-section__description\">{this.description}</p>}\n <div class=\"cta-section__buttons\">\n {this.primaryButtonText && (\n <a href={this.primaryButtonUrl} class=\"cta-section__button cta-section__button--primary\">\n {this.primaryButtonText}\n </a>\n )}\n {this.secondaryButtonText && (\n <a href={this.secondaryButtonUrl} class=\"cta-section__button cta-section__button--secondary\">\n {this.secondaryButtonText}\n </a>\n )}\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
@@ -88,13 +88,13 @@ export class AfFeatureAccordion {
88
88
  render() {
89
89
  const items = this.getItems();
90
90
  const currentItem = items[this.expandedIndex];
91
- return (h(Host, { key: 'a6fc5618dfb0cafedbabfa8695eb6834e22f7915' }, h("div", { key: '30f3c9877b645a2e55fb59686826cd1f9a9554d2', class: "feature-accordion" }, h("div", { key: 'c7a1e31676fb44e7cf826be75c909e5755b4fb47', class: "feature-accordion__container" }, h("h2", { key: 'a86fc105621891bbf0ad735093d52aeaf5d77a45', class: "feature-accordion__heading" }, this.heading), h("div", { key: '19cf92b1a8ffb56fa6fedb26a01ab3ddde54ca9b', class: "feature-accordion__content" }, h("div", { key: '7eb7a385f98aecc1ea2e95067f0ed06d37b8adf2', class: "feature-accordion__list" }, items.map((item, index) => (h("div", { class: {
91
+ return (h(Host, { key: 'aa44ec62bc38804560dc42a04c2716cdc64e405e' }, h("div", { key: 'a1501fda9da01a893a99e155edf0eb59dc1eca93', class: "feature-accordion" }, h("div", { key: '17485346b1e80bc08bdcb6a2bcc04e9866421dee', class: "feature-accordion__container" }, h("h2", { key: '2943cd58657e62eb90c91543ee0e210644eb035e', class: "feature-accordion__heading" }, this.heading), h("div", { key: 'f4491b7072d36a032b742262dd0e699ae7836e52', class: "feature-accordion__content" }, h("div", { key: '553cec48f7a089d56522231f29c931f2e3e861c2', class: "feature-accordion__list" }, items.map((item, index) => (h("div", { class: {
92
92
  'accordion-item': true,
93
93
  'accordion-item--expanded': this.expandedIndex === index
94
94
  }, key: index }, h("button", { class: "accordion-item__header", onClick: () => this.handleItemClick(index), "aria-expanded": this.expandedIndex === index ? 'true' : 'false' }, h("h4", { class: "accordion-item__title" }, item.title), h("span", { class: "accordion-item__icon" }, this.expandedIndex === index ? (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))) : (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M12 5V19M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))))), h("div", { class: "accordion-item__content", style: {
95
95
  maxHeight: this.expandedIndex === index ? '200px' : '0',
96
96
  opacity: this.expandedIndex === index ? '1' : '0'
97
- } }, h("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index && this.autoCycle && (h("div", { class: "accordion-item__timer-track" }, h("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), h("div", { key: '25d9abb394e6fc3027b8646fc3e86f157aa50849', class: "feature-accordion__image-container" }, h("div", { key: '9a697e0b33a744d092f0d4c467c65649d88896bc', class: "feature-accordion__image-wrapper" }, currentItem?.imageUrl && (h("img", { key: '1c506ddbaa60c00071cc9421cbbc3e42ba81694a', src: currentItem.imageUrl, alt: currentItem.imageAlt || currentItem.title, class: "feature-accordion__image" })), !currentItem?.imageUrl && (h("div", { key: 'dd9af6189d504abc163c25fe804445fac8b91e97', class: "feature-accordion__image-placeholder" }, h("slot", { key: '46bdaf5f99dd570cb43f198d40b52d85b5da7ab0', name: "image" }))))))))));
97
+ } }, h("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index && this.autoCycle && (h("div", { class: "accordion-item__timer-track" }, h("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), h("div", { key: '6f138ad4516c470f4772e36b6cae5c4b55aea44e', class: "feature-accordion__image-container" }, h("div", { key: 'e0ddfa8fe67626d3d35fd00b4d18df5276a3ef47', class: "feature-accordion__image-wrapper" }, currentItem?.imageUrl && (h("img", { key: 'b0979552365a6dc833b4e9f82093896d4f9c60d4', src: currentItem.imageUrl, alt: currentItem.imageAlt || currentItem.title, class: "feature-accordion__image" })), !currentItem?.imageUrl && (h("div", { key: '9bfe132fc469c3d582b13fc0869bdbc3bf4617f8', class: "feature-accordion__image-placeholder" }, h("slot", { key: 'c7b885939fee402ffb093376fa344f3c2b31997a', name: "image" }))))))))));
98
98
  }
99
99
  static get is() { return "af-feature-accordion"; }
100
100
  static get encapsulation() { return "scoped"; }
@@ -5,7 +5,7 @@
5
5
  .footer {
6
6
  background-color: var(--colour-brand-inkwell, #14343b);
7
7
  color: var(--colour-tints-mistGreen-200, #C6D5D1);
8
- padding: 64px 0 0;
8
+ padding: 120px 0 0; /* Extra padding at top for overlapping cards */
9
9
  }
10
10
 
11
11
  .footer__container {
@@ -18,7 +18,7 @@ export class AfFooter {
18
18
  this.showStatus = true;
19
19
  }
20
20
  render() {
21
- return (h(Host, { key: '37ff278a4e94d6a530143e49a7d2cd89bf4b2108' }, h("footer", { key: '1465dbc7c890329e248ee6f15b6082b63cc6d66f', class: "footer" }, h("div", { key: '5e1b29375b3f14c3ebe451e56f70d0726e9af0ae', class: "footer__container" }, h("div", { key: 'a36ec8ae9f0f211347b2ccdd47dbe45599eaf43c', class: "footer__top" }, h("div", { key: '3f749c08a7a0866748e5818156db2bf6c9fd2d8e', class: "footer__brand" }, h("div", { key: 'a71e240e851ec6348fa80eff89cb319f2126ae6f', class: "footer__brand-card" }, h("div", { key: '1e2b46f8bc10ad4be3b41a5545445ca421d93614', class: "footer__logo" }, h("slot", { key: '55a6b9f5181e3e19e91dc8bbf9d94283e2805d1b', name: "logo" })), h("div", { key: 'd0f58f0b8f8449b62f7fb9cb22dbf44d990c274c', class: "footer__social" }, h("slot", { key: '14995e1b89c281dcb618cc5044171dc5e770df78', name: "social" }))), h("div", { key: '9ee5c6a384a5915c7d25d5b7918737eb3aedd457', class: "footer__contact-card" }, h("slot", { key: '669c0f2dec223e8e964a117be3ed1f1b626284ea', name: "contact" }))), h("div", { key: 'e5c055d705f12e9f4389f6a5d342d594b20636b7', class: "footer__nav" }, h("div", { key: 'b8ba3f9e42996210094d6962888fd380645c83e0', class: "footer__nav-columns" }, h("slot", { key: 'be54e86e7a3dadcf9dd01006cbbca1124bcfb1df', name: "nav" })), this.showStatus && (h("div", { key: 'c949887c44f734c93c679a72aa07362fea9b939c', class: "footer__status" }, h("span", { key: '2d8e3df717e880ad71e8af9591699fee7b50e711', class: `footer__status-dot ${this.systemsOperational ? 'footer__status-dot--operational' : 'footer__status-dot--issue'}` }), h("span", { key: '743707f9b7750dc2312262028b2d6d0ca86f6e60', class: "footer__status-text" }, this.statusText), this.statusUrl && (h("a", { key: 'f667c9ecb73d4c17645afc24ad09c4b58fa0d265', href: this.statusUrl, target: "_blank", rel: "noopener noreferrer", class: "footer__status-link" }, "Learn more")))))), h("div", { key: '3935d821d1ccf1563de444e244802c500b7ba9db', class: "footer__bottom" }, this.copyrightText && (h("p", { key: '9bbf076b86d2d221a65f7f19e325a0f79fb42cd3', class: "footer__copyright" }, this.copyrightText)), h("div", { key: 'b671070b4274c1d0b8fdc21ad33b211ad8d37390', class: "footer__legal" }, h("slot", { key: '24338a5e5fea9b88352e47680ef18160f52e9ee2', name: "legal" })), h("div", { key: '772913b85cf9b1f2f93b649c01c11b71a27d64a4', class: "footer__badges" }, h("slot", { key: '9a40bc862ed3512ee94398da5ac0e754dbd33240', name: "badges" })))))));
21
+ return (h(Host, { key: '0ead00f00cafcba90071c76f4cb86d6abb1a8e9b' }, h("footer", { key: '1e29dad6f35c3a0a7c7acf6bde94d7d26c9f3518', class: "footer" }, h("div", { key: '92921a50cbb917fb797a1cd396ea326626be2672', class: "footer__container" }, h("div", { key: 'fb7f0c881a3540149af3fd5c9ce5cf4fcf4dc463', class: "footer__top" }, h("div", { key: 'dfbab144d98aaa7c5bdeac21b2f7059c2c35c3a2', class: "footer__brand" }, h("div", { key: '70a5b6514a32f48e239eed456625b00e5480d515', class: "footer__brand-card" }, h("div", { key: '29cebd0316e5e05125545ddc4a6daff19d045569', class: "footer__logo" }, h("slot", { key: '1bf39b815103c7ad1ddd9a1a480e1c0ba229e940', name: "logo" })), h("div", { key: 'ece78ebc0a579a1425e761e75e91dfe048963057', class: "footer__social" }, h("slot", { key: '77713bb66e6a687cfe703af581477112af5a2a56', name: "social" }))), h("div", { key: '1224cc9b12934d9a8fc3ead8cb0e78483b391955', class: "footer__contact-card" }, h("slot", { key: '3d9ca05b638de9ef155be333ee430107074c933d', name: "contact" }))), h("div", { key: '2de06953b17dc7317b6b37c7a5468459efdd11ca', class: "footer__nav" }, h("div", { key: '14875d9d7c74722eb703c8c3691ccfc8c1790915', class: "footer__nav-columns" }, h("slot", { key: '477ab833a047495184f671fe0767736963a4ecb6', name: "nav" })), this.showStatus && (h("div", { key: 'f6e59d3e541d5d7e3688d0ea1f6c24742894fa04', class: "footer__status" }, h("span", { key: 'f073d332a366619573ec4b5535117ccc56eed0dc', class: `footer__status-dot ${this.systemsOperational ? 'footer__status-dot--operational' : 'footer__status-dot--issue'}` }), h("span", { key: '467e8e24c56e240b84eacd80f390db29ce30d3ac', class: "footer__status-text" }, this.statusText), this.statusUrl && (h("a", { key: '630dc864ceabac404a118c8525fe16edd381a28a', href: this.statusUrl, target: "_blank", rel: "noopener noreferrer", class: "footer__status-link" }, "Learn more")))))), h("div", { key: '64db3298cdef7d1651234f19319a7aead0fc66ed', class: "footer__bottom" }, this.copyrightText && (h("p", { key: 'b268e4cfe2414f94a28492af15bfd3d2b3d53767', class: "footer__copyright" }, this.copyrightText)), h("div", { key: '82af0bd4b7310ff9e783b74fbccca3e2df437c86', class: "footer__legal" }, h("slot", { key: 'e3cd11fd6f41a577a2452f8e48d524e3a6a2ea46', name: "legal" })), h("div", { key: 'b0d6caf4168e1013d682f0b36a480607343cfd6f', class: "footer__badges" }, h("slot", { key: '28e7722adc3f88f968c478957d21aa55c451d553', name: "badges" })))))));
22
22
  }
23
23
  static get is() { return "af-footer"; }
24
24
  static get encapsulation() { return "scoped"; }
@@ -9,7 +9,7 @@ export class AfFooterColumn {
9
9
  this.heading = '';
10
10
  }
11
11
  render() {
12
- return (h(Host, { key: '8ba73f2f7a90d6a6b7ee33a04d4533b750624256' }, h("div", { key: '5b3f50b63fd0461d64dca4c7a6cbb6ee94ab98f6', class: "footer-column" }, this.heading && (h("h5", { key: '3583cd3ef323471dd2a106281e1522bba5e8dec6', class: "footer-column__heading" }, this.heading)), h("ul", { key: '35334470d9c1fd1832d52169a757a2d5a11cab10', class: "footer-column__list" }, h("slot", { key: 'e37bd4e38617d11fe8bbf931f71d0ff71123770c' })))));
12
+ return (h(Host, { key: '4725b29d110800bac1faec33016a469bc4f9048e' }, h("div", { key: 'ad7d4a123027f6395bc56a70c59586390799f3ff', class: "footer-column" }, this.heading && (h("h5", { key: '4fd379858460d92e59e077f3c96719e0e65044c5', class: "footer-column__heading" }, this.heading)), h("ul", { key: '17e4adc50c90b4b7f71abe605672d7e63a424c51', class: "footer-column__list" }, h("slot", { key: 'c88bf1c9e6ba0a00ca9c9d22fe17508b7a891d44' })))));
13
13
  }
14
14
  static get is() { return "af-footer-column"; }
15
15
  static get encapsulation() { return "scoped"; }
@@ -11,7 +11,7 @@ export class AfFooterLink {
11
11
  this.external = false;
12
12
  }
13
13
  render() {
14
- return (h(Host, { key: 'e6f7a589242a219d1b6378fd253972c760443500' }, h("li", { key: '335bfe5438a894bd61de90b79d3ab22d0fc89900' }, h("a", { key: 'f409bdcd2f5cc5ab98a3e63917c46406af0d5305', href: this.href, class: "footer-link", target: this.external ? '_blank' : undefined, rel: this.external ? 'noopener noreferrer' : undefined }, h("slot", { key: '8b511b8adf25e0a930186cc6276ffa4bebda0fc1' }), this.external && (h("svg", { key: '53a643543ad59dce128eec87b02d0397305522e2', class: "footer-link__external-icon", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '0e20bfbaaaf254a98aca18375442a11c4d2719d3', d: "M10 6.5v3a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3M7.5 1.5h3v3M5.5 6.5l5-5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
14
+ return (h(Host, { key: 'bd5e75cc92ab3bbf50edb472f7522ab3d1c0f56d' }, h("li", { key: '45f8e447b46a79af851c5ac0d7329101e9da4061' }, h("a", { key: '569de0a6bd3ef8171507e4fa7d1cf52d707e8eb7', href: this.href, class: "footer-link", target: this.external ? '_blank' : undefined, rel: this.external ? 'noopener noreferrer' : undefined }, h("slot", { key: '29cdfcec2c4357b2326fbae766c6a5bcb3c0b4c4' }), this.external && (h("svg", { key: '9f2d82cb5a93836c308feca7e3748980b88e2cbe', class: "footer-link__external-icon", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '40543ee1f0ca0e718a12ebc7b592cd9520bd6dd7', d: "M10 6.5v3a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3M7.5 1.5h3v3M5.5 6.5l5-5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
15
15
  }
16
16
  static get is() { return "af-footer-link"; }
17
17
  static get encapsulation() { return "scoped"; }
@@ -12,7 +12,7 @@ export class AfHeroSection {
12
12
  this.minHeight = '60vh';
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: '04cc80eabba2deec11fb704a10f22e4fc78beb05' }, h("div", { key: 'fa2cba909c39a1387ebcdf2be6fd710ef1b66db7', class: `hero-section variant-${this.variant}`, style: { minHeight: this.minHeight } }, this.withDecoration && (h("div", { key: '27a340cd2601be24e820129939a0e9fc8b03edd7', class: "hero-decoration" }, h("slot", { key: 'ae480ef5001db618c3f939c1c8e2e87dac40819f', name: "decoration" }))), h("af-container", { key: '9a6be795a98100430b5fdaa39912a465989936b6' }, h("div", { key: '4ce12e860ba8f00c180d2a124b8295a3877962c2', class: "hero-content" }, h("slot", { key: '36965812bbece59614f08927266b12f28e4501ce' }))))));
15
+ return (h(Host, { key: '1472626cfbfd204d694aad7615322af59cfe58bd' }, h("div", { key: '5fc1bc9e414c6ef5d27796563d7e699549c8e9a7', class: `hero-section variant-${this.variant}`, style: { minHeight: this.minHeight } }, this.withDecoration && (h("div", { key: '9fdb9eab09c662db140ee75574ca216424fd821f', class: "hero-decoration" }, h("slot", { key: '98760cee0be401595c59bae814cdd1b3d5466679', name: "decoration" }))), h("af-container", { key: 'a86a8c89ef973beb23639d827bc73c1707884676' }, h("div", { key: '2936add9e7607e354482f6dc401439c339269bfd', class: "hero-content" }, h("slot", { key: '8571e1497804a58e812a2c4e2a4229aaacd50f60' }))))));
16
16
  }
17
17
  static get is() { return "af-hero-section"; }
18
18
  static get encapsulation() { return "scoped"; }
@@ -1,10 +1,18 @@
1
1
  :host {
2
2
  display: inline-block;
3
+ color: var(--colour-brand-inkwell, #14343b);
3
4
  }
4
5
 
5
- .logo-img {
6
+ .logo-img,
7
+ .logo-svg {
6
8
  display: block;
7
9
  height: 22px;
8
- width: 141px;
10
+ width: auto;
9
11
  object-fit: contain;
10
12
  }
13
+
14
+ .logo-svg {
15
+ /* Maintain aspect ratio based on viewBox (9290:1432 ≈ 6.49:1) */
16
+ width: auto;
17
+ height: 22px;
18
+ }
@@ -1,10 +1,20 @@
1
1
  import { h, Host } from "@stencil/core";
2
2
  /**
3
- * Affinda logo component
3
+ * Logo component with default Affinda branding
4
+ * Can be customized with a custom logo URL or by using the slot
4
5
  */
5
6
  export class AfLogo {
7
+ constructor() {
8
+ /** Alt text for the logo */
9
+ this.alt = 'Affinda';
10
+ }
6
11
  render() {
7
- return (h(Host, { key: '6e7a2dd46fa7143bdac4dee8d7146649ff3c7f57' }, h("img", { key: '03fb48e53218c6207927f9337851e3d39c5ca4a7', src: "https://www.figma.com/api/mcp/asset/2cfec484-7ba9-4258-94f3-ef4d0ba1e8fe", alt: "Affinda", class: "logo-img" })));
12
+ // If custom src is provided, use an img tag
13
+ if (this.src) {
14
+ return (h(Host, null, h("img", { src: this.src, alt: this.alt, class: "logo-img" })));
15
+ }
16
+ // Default: render the Affinda logo inline SVG
17
+ return (h(Host, null, h("svg", { class: "logo-svg", viewBox: "0 0 9290 1432", "aria-label": this.alt, role: "img" }, h("path", { fill: "currentColor", d: "M1691.17,452.11c-107.93-107.48-250.13-166.09-401.3-163.79h-739.51l-148.18,237.98h892.96c86.83,0,168.39,33.64,230.09,95.09,63.28,63.04,98.26,147.32,98.26,237.45,0,185.03-149.41,335.36-332.92,335.36H385.66c-82.44,0-149.59-67.64-149.59-150.68s67.32-151.75,149.41-154.23h810.17l152.93-237.98H381.44C171.21,656.62,0,832.45,0,1043.52s172.97,388.48,385.66,388.48h904.91c313.76,0,569.17-257.28,569.17-573.34,0-154.22-59.76-298.53-168.4-406.72l-.17.18Z" }), h("path", { fill: "currentColor", d: "M3265.12,353.81c-21.8-16.16-44.47-30.56-68.02-42.85-75.76-39.69-161-59.89-253.45-59.89-159.6,0-297.92,58.13-411.29,172.82-113.02,114.33-170.49,253.96-170.49,415.01s56.77,304.89,168.73,419.58c112.49,115.21,250.29,173.52,409.35,173.52,89.47,0,173.31-18.97,249.06-56.38,26.19-12.99,51.68-28.1,76.11-45.49v89.05h268.39V276.36h-268.39v77.45ZM3232.07,1013.47c-27.24,48.65-65.38,86.24-116.35,114.87-51.85,29.15-105.11,43.38-162.58,43.38s-107.92-14.05-157.31-43.21c-49.57-28.98-87.88-68.85-117.59-121.53-29.88-53.04-44.29-106.79-44.29-164.39s14.41-111.88,43.94-164.21c29.18-51.99,67.32-91.15,116.36-119.6,49.21-28.63,101.41-42.5,159.94-42.5,90.87,0,165.04,30.56,226.73,93.61,62.23,63.4,92.46,140.68,92.46,236.22,0,63.05-13.54,117.67-41.13,167.02l-.18.35Z" }), h("path", { fill: "currentColor", d: "M5569.92,278.96h-269.66v1143.74h269.66V278.96Z" }), h("path", { fill: "currentColor", d: "M6504.78,328.74c-68.7-45.4-148.11-68.37-235.78-68.37s-163.57,19.96-235.61,59.36c-21.61,11.84-42.69,25.44-63.07,40.81v-89.22h-270.22v1151.2h270.22v-436.03c0-154.94,8.78-223.14,15.81-252.11,15.64-61.13,47.44-110.95,96.81-152.65,47.96-40.28,100.49-59.89,160.58-59.89,51.13,0,89.96,11.13,118.95,34.28,28.81,22.79,48.14,58.13,59.56,109.18,4.56,18.37,12.12,70.14,12.12,211.83v545.57h270.21v-583.02c0-146.29-15.28-253.17-46.56-326.67-32.67-76.85-84.33-138.69-153.2-184.27h.18Z" }), h("path", { fill: "currentColor", d: "M7728.49,355.19c-21.79-16.14-44.46-30.52-68.02-42.8-75.75-39.64-161-59.81-253.45-59.81-159.59,0-297.92,58.06-411.28,172.6-113.02,114.19-170.49,253.63-170.49,414.48s56.77,304.68,168.73,419.04c112.49,115.07,250.29,173.3,409.35,173.3,89.47,0,173.3-18.94,249.06-56.3,26.19-12.98,51.67-28.07,76.1-45.43v90.68h268.39V0h-268.39v355.37-.17ZM7695.45,1014.01c-27.24,48.59-65.38,86.13-116.36,114.72-51.85,29.11-104.93,43.32-162.58,43.32s-107.92-14.03-157.31-43.15c-49.56-28.94-87.88-68.76-117.58-121.38-29.88-52.97-44.29-106.64-44.29-164.18s14.41-111.73,43.94-164c29.17-51.92,67.32-91.03,116.35-119.45,49.22-28.59,101.42-42.45,159.95-42.45,90.87,0,165.04,30.52,226.73,93.49,62.22,63.32,92.45,140.5,92.45,235.92,0,62.97-13.53,117.52-41.12,166.81l-.18.35Z" }), h("path", { fill: "currentColor", d: "M9021.01,277.76v76.05c-21.79-16.16-44.47-30.56-68.02-42.85-75.75-39.69-161-59.89-253.45-59.89-159.59,0-297.92,58.13-411.29,172.82-113.01,114.33-170.48,253.96-170.48,415.01s56.77,304.89,168.73,419.58c112.49,115.21,250.28,173.52,409.35,173.52,89.46,0,173.3-18.97,249.06-56.38,26.19-12.99,51.67-28.1,76.1-45.49v89.05h268.39V277.76h-268.39ZM8987.97,1013.47c-27.25,48.65-65.39,86.24-116.36,114.87-51.85,29.15-105.1,43.38-162.58,43.38s-107.92-14.05-157.3-43.21c-49.57-28.98-87.89-68.85-117.59-121.53-29.88-53.04-44.29-106.79-44.29-164.39s14.41-111.88,43.94-164.21c29.17-51.99,67.31-91.15,116.35-119.6,49.22-28.63,101.42-42.5,159.95-42.5,90.87,0,165.04,30.56,226.73,93.61,62.22,63.4,92.45,140.68,92.45,236.22,0,63.05-13.53,117.67-41.13,167.02l-.17.35Z" }), h("path", { fill: "currentColor", d: "M3927.32,519.82c0-140.11,112.99-241.01,251.96-241.01h302.69V0h-302.69c-284.39,0-515.59,233.28-515.59,519.82v902.88h263.81v-445.28h431.9v-265.98h-431.9v-191.62h-.18Z" }), h("path", { fill: "currentColor", d: "M4745.61,519.82c0-140.11,112.99-241.01,251.95-241.01h302.7V0h-302.7c-284.38,0-515.59,233.28-515.59,519.82v902.88h263.82v-445.28h431.89v-265.98h-431.89v-191.62h-.18Z" }))));
8
18
  }
9
19
  static get is() { return "af-logo"; }
10
20
  static get encapsulation() { return "shadow"; }
@@ -18,5 +28,48 @@ export class AfLogo {
18
28
  "$": ["af-logo.css"]
19
29
  };
20
30
  }
31
+ static get properties() {
32
+ return {
33
+ "src": {
34
+ "type": "string",
35
+ "mutable": false,
36
+ "complexType": {
37
+ "original": "string",
38
+ "resolved": "string | undefined",
39
+ "references": {}
40
+ },
41
+ "required": false,
42
+ "optional": true,
43
+ "docs": {
44
+ "tags": [],
45
+ "text": "Custom logo image URL. If provided, displays this instead of the default Affinda logo"
46
+ },
47
+ "getter": false,
48
+ "setter": false,
49
+ "reflect": false,
50
+ "attribute": "src"
51
+ },
52
+ "alt": {
53
+ "type": "string",
54
+ "mutable": false,
55
+ "complexType": {
56
+ "original": "string",
57
+ "resolved": "string",
58
+ "references": {}
59
+ },
60
+ "required": false,
61
+ "optional": false,
62
+ "docs": {
63
+ "tags": [],
64
+ "text": "Alt text for the logo"
65
+ },
66
+ "getter": false,
67
+ "setter": false,
68
+ "reflect": false,
69
+ "attribute": "alt",
70
+ "defaultValue": "'Affinda'"
71
+ }
72
+ };
73
+ }
21
74
  }
22
75
  //# sourceMappingURL=af-logo.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"af-logo.js","sourceRoot":"","sources":["../../../src/components/af-logo/af-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AAMH,MAAM,OAAO,MAAM;IACjB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DACE,GAAG,EAAC,0EAA0E,EAC9E,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,UAAU,GAChB,CACG,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["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"]}
1
+ {"version":3,"file":"af-logo.js","sourceRoot":"","sources":["../../../src/components/af-logo/af-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAMH,MAAM,OAAO,MAAM;IALnB;QASE,4BAA4B;QACpB,QAAG,GAAW,SAAS,CAAC;KAgDjC;IA9CC,MAAM;QACJ,4CAA4C;QAC5C,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,OAAO,CACL,EAAC,IAAI;gBACH,WAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,UAAU,GAAG,CACjD,CACR,CAAC;QACJ,CAAC;QAED,8CAA8C;QAC9C,OAAO,CACL,EAAC,IAAI;YACH,WACE,KAAK,EAAC,UAAU,EAChB,OAAO,EAAC,eAAe,gBACX,IAAI,CAAC,GAAG,EACpB,IAAI,EAAC,KAAK;gBAEV,YACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,6bAA6b,GAC/b;gBACF,YACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,4uBAA4uB,GAC9uB;gBACF,YAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,gDAAgD,GAAE;gBAC9E,YACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,udAAud,GACzd;gBACF,YACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,wuBAAwuB,GAC1uB;gBACF,YACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0uBAA0uB,GAC5uB;gBACF,YAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,sKAAsK,GAAE;gBACpM,YAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,sKAAsK,GAAE,CAChM,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * Logo component with default Affinda branding\n * Can be customized with a custom logo URL or by using the slot\n */\n@Component({\n tag: 'af-logo',\n styleUrl: 'af-logo.css',\n shadow: true\n})\nexport class AfLogo {\n /** Custom logo image URL. If provided, displays this instead of the default Affinda logo */\n @Prop() src?: string;\n\n /** Alt text for the logo */\n @Prop() alt: string = 'Affinda';\n\n render() {\n // If custom src is provided, use an img tag\n if (this.src) {\n return (\n <Host>\n <img src={this.src} alt={this.alt} class=\"logo-img\" />\n </Host>\n );\n }\n\n // Default: render the Affinda logo inline SVG\n return (\n <Host>\n <svg \n class=\"logo-svg\" \n viewBox=\"0 0 9290 1432\" \n aria-label={this.alt}\n role=\"img\"\n >\n <path \n fill=\"currentColor\" \n d=\"M1691.17,452.11c-107.93-107.48-250.13-166.09-401.3-163.79h-739.51l-148.18,237.98h892.96c86.83,0,168.39,33.64,230.09,95.09,63.28,63.04,98.26,147.32,98.26,237.45,0,185.03-149.41,335.36-332.92,335.36H385.66c-82.44,0-149.59-67.64-149.59-150.68s67.32-151.75,149.41-154.23h810.17l152.93-237.98H381.44C171.21,656.62,0,832.45,0,1043.52s172.97,388.48,385.66,388.48h904.91c313.76,0,569.17-257.28,569.17-573.34,0-154.22-59.76-298.53-168.4-406.72l-.17.18Z\"\n />\n <path \n fill=\"currentColor\" \n d=\"M3265.12,353.81c-21.8-16.16-44.47-30.56-68.02-42.85-75.76-39.69-161-59.89-253.45-59.89-159.6,0-297.92,58.13-411.29,172.82-113.02,114.33-170.49,253.96-170.49,415.01s56.77,304.89,168.73,419.58c112.49,115.21,250.29,173.52,409.35,173.52,89.47,0,173.31-18.97,249.06-56.38,26.19-12.99,51.68-28.1,76.11-45.49v89.05h268.39V276.36h-268.39v77.45ZM3232.07,1013.47c-27.24,48.65-65.38,86.24-116.35,114.87-51.85,29.15-105.11,43.38-162.58,43.38s-107.92-14.05-157.31-43.21c-49.57-28.98-87.88-68.85-117.59-121.53-29.88-53.04-44.29-106.79-44.29-164.39s14.41-111.88,43.94-164.21c29.18-51.99,67.32-91.15,116.36-119.6,49.21-28.63,101.41-42.5,159.94-42.5,90.87,0,165.04,30.56,226.73,93.61,62.23,63.4,92.46,140.68,92.46,236.22,0,63.05-13.54,117.67-41.13,167.02l-.18.35Z\"\n />\n <path fill=\"currentColor\" d=\"M5569.92,278.96h-269.66v1143.74h269.66V278.96Z\"/>\n <path \n fill=\"currentColor\" \n d=\"M6504.78,328.74c-68.7-45.4-148.11-68.37-235.78-68.37s-163.57,19.96-235.61,59.36c-21.61,11.84-42.69,25.44-63.07,40.81v-89.22h-270.22v1151.2h270.22v-436.03c0-154.94,8.78-223.14,15.81-252.11,15.64-61.13,47.44-110.95,96.81-152.65,47.96-40.28,100.49-59.89,160.58-59.89,51.13,0,89.96,11.13,118.95,34.28,28.81,22.79,48.14,58.13,59.56,109.18,4.56,18.37,12.12,70.14,12.12,211.83v545.57h270.21v-583.02c0-146.29-15.28-253.17-46.56-326.67-32.67-76.85-84.33-138.69-153.2-184.27h.18Z\"\n />\n <path \n fill=\"currentColor\" \n d=\"M7728.49,355.19c-21.79-16.14-44.46-30.52-68.02-42.8-75.75-39.64-161-59.81-253.45-59.81-159.59,0-297.92,58.06-411.28,172.6-113.02,114.19-170.49,253.63-170.49,414.48s56.77,304.68,168.73,419.04c112.49,115.07,250.29,173.3,409.35,173.3,89.47,0,173.3-18.94,249.06-56.3,26.19-12.98,51.67-28.07,76.1-45.43v90.68h268.39V0h-268.39v355.37-.17ZM7695.45,1014.01c-27.24,48.59-65.38,86.13-116.36,114.72-51.85,29.11-104.93,43.32-162.58,43.32s-107.92-14.03-157.31-43.15c-49.56-28.94-87.88-68.76-117.58-121.38-29.88-52.97-44.29-106.64-44.29-164.18s14.41-111.73,43.94-164c29.17-51.92,67.32-91.03,116.35-119.45,49.22-28.59,101.42-42.45,159.95-42.45,90.87,0,165.04,30.52,226.73,93.49,62.22,63.32,92.45,140.5,92.45,235.92,0,62.97-13.53,117.52-41.12,166.81l-.18.35Z\"\n />\n <path \n fill=\"currentColor\" \n d=\"M9021.01,277.76v76.05c-21.79-16.16-44.47-30.56-68.02-42.85-75.75-39.69-161-59.89-253.45-59.89-159.59,0-297.92,58.13-411.29,172.82-113.01,114.33-170.48,253.96-170.48,415.01s56.77,304.89,168.73,419.58c112.49,115.21,250.28,173.52,409.35,173.52,89.46,0,173.3-18.97,249.06-56.38,26.19-12.99,51.67-28.1,76.1-45.49v89.05h268.39V277.76h-268.39ZM8987.97,1013.47c-27.25,48.65-65.39,86.24-116.36,114.87-51.85,29.15-105.1,43.38-162.58,43.38s-107.92-14.05-157.3-43.21c-49.57-28.98-87.89-68.85-117.59-121.53-29.88-53.04-44.29-106.79-44.29-164.39s14.41-111.88,43.94-164.21c29.17-51.99,67.31-91.15,116.35-119.6,49.22-28.63,101.42-42.5,159.95-42.5,90.87,0,165.04,30.56,226.73,93.61,62.22,63.4,92.45,140.68,92.45,236.22,0,63.05-13.53,117.67-41.13,167.02l-.17.35Z\"\n />\n <path fill=\"currentColor\" d=\"M3927.32,519.82c0-140.11,112.99-241.01,251.96-241.01h302.69V0h-302.69c-284.39,0-515.59,233.28-515.59,519.82v902.88h263.81v-445.28h431.9v-265.98h-431.9v-191.62h-.18Z\"/>\n <path fill=\"currentColor\" d=\"M4745.61,519.82c0-140.11,112.99-241.01,251.95-241.01h302.7V0h-302.7c-284.38,0-515.59,233.28-515.59,519.82v902.88h263.82v-445.28h431.89v-265.98h-431.89v-191.62h-.18Z\"/>\n </svg>\n </Host>\n );\n }\n}\n"]}
@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
4
4
  */
5
5
  export class AfLogoWell {
6
6
  render() {
7
- return (h(Host, { key: 'b99aefd4635d21c0072b89923619b95a0497251e' }, h("div", { key: 'e35b23d12938521ba306c0499516434d25cd66f2', class: "logo-well" }, h("slot", { key: 'd1894aec9b2136b288de9e9c508bbaa12fd4a612' }))));
7
+ return (h(Host, { key: '679e2499f882286319d238428fea12307fd7913e' }, h("div", { key: '7b6b0e3571f5e584939622077b2c9d861f6343e4', class: "logo-well" }, h("slot", { key: '07c6a572e394bc9e7f11e0b1c94c725a83ed312a' }))));
8
8
  }
9
9
  static get is() { return "af-logo-well"; }
10
10
  static get encapsulation() { return "shadow"; }
@@ -3,16 +3,21 @@ import { h, Host } from "@stencil/core";
3
3
  * A full-width navigation bar component that provides the main site navigation.
4
4
  * Features a pill-shaped container with logo, navigation links, and action buttons.
5
5
  * Includes mobile hamburger menu.
6
+ *
7
+ * The logo slot can be used to provide a custom logo. If no logo is provided,
8
+ * the default Affinda logo will be displayed.
6
9
  */
7
10
  export class AfNavbar {
8
11
  constructor() {
9
12
  this.mobileMenuOpen = false;
13
+ /** Whether to show the default Affinda logo when no logo slot content is provided */
14
+ this.showDefaultLogo = true;
10
15
  this.toggleMobileMenu = () => {
11
16
  this.mobileMenuOpen = !this.mobileMenuOpen;
12
17
  };
13
18
  }
14
19
  render() {
15
- return (h(Host, { key: '305d9415a3c14b2dc352588171d4677f4be4a1af' }, h("nav", { key: 'c509365f0056b0f26d8e3aea98acda04d29d4387', class: "navbar-container" }, h("div", { key: '722fd37a76e7367f0e7cd22729f711e8164b9d60', class: "navbar" }, h("div", { key: 'e0e8d341394b30f4badf5062b899123d691123a1', class: "navbar-left" }, h("div", { key: '145ab6a0ff46f0e21b429b8e2d881404d1d6c24c', class: "logo" }, h("slot", { key: '447d9abfa74c008afac07d3d0386b26ef292ec23', name: "logo" })), h("button", { key: '1f3e5512ea1ab6ca5b6a3a1455a9ff9fa9a2c8e3', class: "mobile-menu-toggle", onClick: this.toggleMobileMenu, "aria-label": "Toggle navigation menu", "aria-expanded": this.mobileMenuOpen ? 'true' : 'false' }, this.mobileMenuOpen ? (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M18 6L6 18M6 6l12 12", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M3 12h18M3 6h18M3 18h18", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '277226e4c433ad4377810c1e3e894b0d9de11b05', class: `nav-links ${this.mobileMenuOpen ? 'mobile-open' : ''}` }, h("slot", { key: 'f95617e99651d0e2a4fa28a08fbe5452a8f95aa3', name: "start" }))), h("div", { key: 'ad7b9cf31ce290303df0af868e369bc79983fff4', class: `navbar-right ${this.mobileMenuOpen ? 'mobile-open' : ''}` }, h("div", { key: '817c73031c45579ec13da6d53bfe1753bcd1e0ef', class: "nav-actions" }, h("slot", { key: 'e18d0c55b346722784640c37bbb5e5fe05fec5c0', name: "end" })), h("div", { key: '296dd2c84f0a59c54741b40a6333cfff5ec7d200', class: "nav-button" }, h("slot", { key: 'd94063758598f14888587d93b5b299f593b2cd31', name: "button" })))))));
20
+ return (h(Host, { key: '41513290b655f3f2b97e1cae368ba6d7381cdc36' }, h("nav", { key: '120110aead9ef4f4208037ef154652a6e0f748ce', class: "navbar-container" }, h("div", { key: '85cc962cf613cf937ac70487fa830f2ceb10572e', class: "navbar" }, h("div", { key: '4a2edd88eb4da94a2d7b5f2d59ff2d30045d1dcd', class: "navbar-left" }, h("div", { key: '91a5c5e58ec7ce0ecb00ea43530b4ba3761a0ed2', class: "logo" }, h("slot", { key: '30751c94859fe13a91217cfa2190b07f906fcd18', name: "logo" }, this.showDefaultLogo && h("af-logo", { key: 'e7e8fa3424b64939051772ea6bd8a6bfce284018' }))), h("button", { key: '76d66a715aa6d461e969e64c8e32a003bbf0b42f', class: "mobile-menu-toggle", onClick: this.toggleMobileMenu, "aria-label": "Toggle navigation menu", "aria-expanded": this.mobileMenuOpen ? 'true' : 'false' }, this.mobileMenuOpen ? (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M18 6L6 18M6 6l12 12", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor" }, h("path", { d: "M3 12h18M3 6h18M3 18h18", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '3b1b69aec735bd68c1c4f858f0bf563065d917dd', class: `nav-links ${this.mobileMenuOpen ? 'mobile-open' : ''}` }, h("slot", { key: '0dcee714f4e06b8ba70b196d9e8058a2df807324', name: "start" }))), h("div", { key: '77492eb90b42d337625c970ef102568483eea694', class: `navbar-right ${this.mobileMenuOpen ? 'mobile-open' : ''}` }, h("div", { key: '85158502c83e1aee9e36ce3a2d606c02821b96a3', class: "nav-actions" }, h("slot", { key: 'cf0dde598cfbe10f5fe96d7b8e365fa0b6d5076e', name: "end" })), h("div", { key: '06ee7e95e5f2cef90381d376ce5ce7262eca44fe', class: "nav-button" }, h("slot", { key: '7ec6f85c7759bc9bda06f900d132ebca3722c1e2', name: "button" })))))));
16
21
  }
17
22
  static get is() { return "af-navbar"; }
18
23
  static get encapsulation() { return "shadow"; }
@@ -26,6 +31,30 @@ export class AfNavbar {
26
31
  "$": ["af-navbar.css"]
27
32
  };
28
33
  }
34
+ static get properties() {
35
+ return {
36
+ "showDefaultLogo": {
37
+ "type": "boolean",
38
+ "mutable": false,
39
+ "complexType": {
40
+ "original": "boolean",
41
+ "resolved": "boolean",
42
+ "references": {}
43
+ },
44
+ "required": false,
45
+ "optional": false,
46
+ "docs": {
47
+ "tags": [],
48
+ "text": "Whether to show the default Affinda logo when no logo slot content is provided"
49
+ },
50
+ "getter": false,
51
+ "setter": false,
52
+ "reflect": false,
53
+ "attribute": "show-default-logo",
54
+ "defaultValue": "true"
55
+ }
56
+ };
57
+ }
29
58
  static get states() {
30
59
  return {
31
60
  "mobileMenuOpen": {}
@@ -1 +1 @@
1
- {"version":3,"file":"af-navbar.js","sourceRoot":"","sources":["../../../src/components/af-navbar/af-navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1D;;;;GAIG;AAMH,MAAM,OAAO,QAAQ;IALrB;QAMW,mBAAc,GAAY,KAAK,CAAC;QAEjC,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;QAC7C,CAAC,CAAC;KAkDH;IAhDC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,kBAAkB;gBAC3B,4DAAK,KAAK,EAAC,QAAQ;oBAEjB,4DAAK,KAAK,EAAC,aAAa;wBACtB,4DAAK,KAAK,EAAC,MAAM;4BACf,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB;wBAGN,+DACE,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,gBAAgB,gBACnB,wBAAwB,mBACpB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IAEpD,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CACrB,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc;4BAC/E,YAAM,CAAC,EAAC,sBAAsB,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAE,CAC5F,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc;4BAC/E,YAAM,CAAC,EAAC,yBAAyB,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAE,CAC/F,CACP,CACM;wBAET,4DAAK,KAAK,EAAE,aAAa,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE;4BACjE,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACtB,CACF;oBAGN,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE;wBACpE,4DAAK,KAAK,EAAC,aAAa;4BACtB,6DAAM,IAAI,EAAC,KAAK,GAAQ,CACpB;wBACN,4DAAK,KAAK,EAAC,YAAY;4BACrB,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACF,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;CACF","sourcesContent":["import { Component, State, 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 * Includes mobile hamburger menu.\n */\n@Component({\n tag: 'af-navbar',\n styleUrl: 'af-navbar.css',\n shadow: true\n})\nexport class AfNavbar {\n @State() mobileMenuOpen: boolean = false;\n\n private toggleMobileMenu = () => {\n this.mobileMenuOpen = !this.mobileMenuOpen;\n };\n\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 \n {/* Hamburger menu button - mobile only */}\n <button \n class=\"mobile-menu-toggle\"\n onClick={this.toggleMobileMenu}\n aria-label=\"Toggle navigation menu\"\n aria-expanded={this.mobileMenuOpen ? 'true' : 'false'}\n >\n {this.mobileMenuOpen ? (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n <path d=\"M18 6L6 18M6 6l12 12\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n ) : (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n <path d=\"M3 12h18M3 6h18M3 18h18\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n )}\n </button>\n \n <div class={`nav-links ${this.mobileMenuOpen ? 'mobile-open' : ''}`}>\n <slot name=\"start\"></slot>\n </div>\n </div>\n\n {/* Right section: Actions + Button */}\n <div class={`navbar-right ${this.mobileMenuOpen ? 'mobile-open' : ''}`}>\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"]}
1
+ {"version":3,"file":"af-navbar.js","sourceRoot":"","sources":["../../../src/components/af-navbar/af-navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEhE;;;;;;;GAOG;AAMH,MAAM,OAAO,QAAQ;IALrB;QAMW,mBAAc,GAAY,KAAK,CAAC;QAEzC,qFAAqF;QAC7E,oBAAe,GAAY,IAAI,CAAC;QAEhC,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;QAC7C,CAAC,CAAC;KAqDH;IAnDC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,kBAAkB;gBAC3B,4DAAK,KAAK,EAAC,QAAQ;oBAEjB,4DAAK,KAAK,EAAC,aAAa;wBACtB,4DAAK,KAAK,EAAC,MAAM;4BACf,6DAAM,IAAI,EAAC,MAAM,IAEd,IAAI,CAAC,eAAe,IAAI,iEAAmB,CACvC,CACH;wBAGN,+DACE,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,gBAAgB,gBACnB,wBAAwB,mBACpB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IAEpD,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CACrB,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc;4BAC/E,YAAM,CAAC,EAAC,sBAAsB,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAE,CAC5F,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc;4BAC/E,YAAM,CAAC,EAAC,yBAAyB,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAE,CAC/F,CACP,CACM;wBAET,4DAAK,KAAK,EAAE,aAAa,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE;4BACjE,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACtB,CACF;oBAGN,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE;wBACpE,4DAAK,KAAK,EAAC,aAAa;4BACtB,6DAAM,IAAI,EAAC,KAAK,GAAQ,CACpB;wBACN,4DAAK,KAAK,EAAC,YAAY;4BACrB,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACF,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, State, h, Host, Prop } 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 * Includes mobile hamburger menu.\n * \n * The logo slot can be used to provide a custom logo. If no logo is provided,\n * the default Affinda logo will be displayed.\n */\n@Component({\n tag: 'af-navbar',\n styleUrl: 'af-navbar.css',\n shadow: true\n})\nexport class AfNavbar {\n @State() mobileMenuOpen: boolean = false;\n\n /** Whether to show the default Affinda logo when no logo slot content is provided */\n @Prop() showDefaultLogo: boolean = true;\n\n private toggleMobileMenu = () => {\n this.mobileMenuOpen = !this.mobileMenuOpen;\n };\n\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\">\n {/* Default Affinda logo if no slot content provided */}\n {this.showDefaultLogo && <af-logo></af-logo>}\n </slot>\n </div>\n \n {/* Hamburger menu button - mobile only */}\n <button \n class=\"mobile-menu-toggle\"\n onClick={this.toggleMobileMenu}\n aria-label=\"Toggle navigation menu\"\n aria-expanded={this.mobileMenuOpen ? 'true' : 'false'}\n >\n {this.mobileMenuOpen ? (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n <path d=\"M18 6L6 18M6 6l12 12\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n ) : (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n <path d=\"M3 12h18M3 6h18M3 18h18\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n )}\n </button>\n \n <div class={`nav-links ${this.mobileMenuOpen ? 'mobile-open' : ''}`}>\n <slot name=\"start\"></slot>\n </div>\n </div>\n\n {/* Right section: Actions + Button */}\n <div class={`navbar-right ${this.mobileMenuOpen ? 'mobile-open' : ''}`}>\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"]}
@@ -12,8 +12,8 @@ export class AfSection {
12
12
  this.container = true;
13
13
  }
14
14
  render() {
15
- const content = h("slot", { key: '612e24d2b0cf678687c97799e870d17d2b74d236' });
16
- return (h(Host, { key: '13e74f2a301c1ca178a806789f3df7d7413498ff' }, h("div", { key: '9968aa80b1fa0a44d4c86fc8612ca4fe59cf7112', class: `section padding-${this.padding} bg-${this.background}` }, this.container ? (h("af-container", null, content)) : content)));
15
+ const content = h("slot", { key: 'cf70bb3d8d31bc3f68c49c40f1d3c415de57d8b1' });
16
+ return (h(Host, { key: '5b93e97c455ca8a50b598b0f3299e9884afc61ea' }, h("div", { key: '75f9cfbc62fd40dfd669c841f0b8490dcabb0c6f', class: `section padding-${this.padding} bg-${this.background}` }, this.container ? (h("af-container", null, content)) : content)));
17
17
  }
18
18
  static get is() { return "af-section"; }
19
19
  static get encapsulation() { return "scoped"; }
@@ -29,7 +29,7 @@ export class AfSocialLink {
29
29
  }
30
30
  }
31
31
  render() {
32
- return (h(Host, { key: '7761c19f95afb1353ac33ec1a121ad763976c5bb' }, h("a", { key: 'daf55dfa75facd649cb920ed14f6b488a4bb5487', href: this.href, target: "_blank", rel: "noopener noreferrer", class: "social-link", "aria-label": this.label }, this.renderIcon())));
32
+ return (h(Host, { key: 'a3ee0c643448f2c83f37559334be40a00a041465' }, h("a", { key: '162b7812f93c5226272220edd9ba3153651c01df', href: this.href, target: "_blank", rel: "noopener noreferrer", class: "social-link", "aria-label": this.label }, this.renderIcon())));
33
33
  }
34
34
  static get is() { return "af-social-link"; }
35
35
  static get encapsulation() { return "scoped"; }
@@ -1,7 +1,7 @@
1
1
  import { h, Host } from "@stencil/core";
2
2
  export class AfTestimonial {
3
3
  render() {
4
- return (h(Host, { key: '7bdb327659469eb993ce82c64a34ea8e481bb8f6' }, h("div", { key: 'd77a77df9c5b22bcb47eb6375be61295d6698369', class: "testimonial-card" }, h("div", { key: '5f8c7ff73a4c5448d8c5c76f2d123db901fc8421', class: "testimonial-image" }, this.backgroundImage && (h("img", { key: 'b9f0799c3268bb3c63a43b5f214db4e6acb68b42', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (h("div", { key: '10cda2c94aed491e1bfc7baada22053491c54de2', class: "testimonial-logo" }, h("img", { key: 'f1bbdc345f2e3e30741f530d3661eb3b23efde59', src: this.logoImage, alt: "Company logo" })))), h("div", { key: '5600096adcd04345b9da9f0dd6c9ba8983849316', class: "testimonial-content" }, h("div", { key: 'fc4a60a32b643725e1af77caca488ae65b8763bf', class: "testimonial-quote-section" }, h("div", { key: '2acf1b8c192535fb544fe9b5b511cbe2cd453f90', class: "testimonial-quote-icon" }, h("slot", { key: '1be45989e94b215c9b4275fffa432cacfe70d39b', name: "quote-icon" }, h("svg", { key: '55750e232791947ba95c47aa3e1e3e101101aff2', width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6bfaf884c17bd2bb19ed16b5f34b158718a40af8', 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" })))), h("p", { key: 'a38744d52c048966225f1dd903930a6f8a7a8481', class: "testimonial-text" }, this.quote), h("p", { key: '25a74f0335453a12d564e13519ea19f363411e7c', class: "testimonial-attribution" }, this.attribution)), h("div", { key: 'e3aad02ebaad4b2c602f2dbe5d71a0d9ba10400a', class: "testimonial-stats" }, h("slot", { key: 'fd85f2fea87ac47c3cd9fb569b28fb6d7ba7a78b', name: "stats" })), h("div", { key: '884b677f364afa23e620f563ba6da1ec55e0e542', class: "testimonial-footer" }, h("div", { key: '52f6d8e1d45d8dd984b80389fecd7b264e73954d', class: "testimonial-nav" }, h("slot", { key: '311a754277fb388948a11fd238aabdaa06f63566', name: "navigation" })), this.readMoreLink && (h("a", { key: 'b2c37a562983aed6db7bda821952e5fadb0ee817', href: this.readMoreLink, class: "testimonial-cta" }, h("span", { key: '5aab117fc370fdc46c2217331566f8ffa8582ab5' }, "Read full story"), h("svg", { key: '17e2107ba8cc97e3870603dc080eaa85fe7272e1', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '4c2c8a8c3060e0724eeeea6683c3874958a0fb27', d: "M5 12H19M19 12L12 5M19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))));
4
+ return (h(Host, { key: 'f913887a6afa873c7a3c36101270881bf66fbd62' }, h("div", { key: 'bf6f8f9f769a0086534a51f31bf605310ba96fcc', class: "testimonial-card" }, h("div", { key: '10101d05e22d08dacd8a55de8276a5b0bb582b65', class: "testimonial-image" }, this.backgroundImage && (h("img", { key: 'f323a77de1dc85bd9ed8385a6dbefd65081c3afb', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (h("div", { key: '4fbd29c40e30700ba994372418f6c2be672124eb', class: "testimonial-logo" }, h("img", { key: '20871205ac3472a73e597737c9d0b72dc17f347e', src: this.logoImage, alt: "Company logo" })))), h("div", { key: 'b1e0702b8a274fc877eadc2ea951915225d0580d', class: "testimonial-content" }, h("div", { key: '978370df3c32658a253bc60a7cbed9488835b35f', class: "testimonial-quote-section" }, h("div", { key: 'e7dafdb960d1807c5451b7e836e18356f3d7f405', class: "testimonial-quote-icon" }, h("slot", { key: '20bc41c1ac125003cbcbb46b3ae5b01b019ea132', name: "quote-icon" }, h("svg", { key: '16131a28d752b5c376d7ecbdc10578c2a06f9b2d', width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1b7a826418d6a2bd739061b7f9da2d7f70f55630', 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" })))), h("p", { key: '78e6829551712546f6c71245c9609eff3cc123bf', class: "testimonial-text" }, this.quote), h("p", { key: '2339374f5fe07cf2d5b2fb56978c1a1516c4fe92', class: "testimonial-attribution" }, this.attribution)), h("div", { key: '72fd3dd7dbfee193916b3c7d3acaf03a7540bf2d', class: "testimonial-stats" }, h("slot", { key: '531f04e6dcdfbfb3acde67955561b175cdf3a00d', name: "stats" })), h("div", { key: 'b7caadc3a9de19fea9f5556e5c74c24a726c467f', class: "testimonial-footer" }, h("div", { key: 'c5160dcf171ca997e29346a2cbb0978a1bc88161', class: "testimonial-nav" }, h("slot", { key: 'bc85749aed00c9b9acc870a20b2ccf634fc34af8', name: "navigation" })), this.readMoreLink && (h("a", { key: '3e968d6ad981ad0d0dc8b3c47e5f64ff0374be74', href: this.readMoreLink, class: "testimonial-cta" }, h("span", { key: '14ca40ff2260d107a205623549839ede3212a6f4' }, "Read full story"), h("svg", { key: 'eb0d55ed8d4219efbee4c0125be4420bf5b23393', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '5ccafb8ab0b5af8050cb7a60a02667f3c0b92cb1', d: "M5 12H19M19 12L12 5M19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))));
5
5
  }
6
6
  static get is() { return "af-testimonial"; }
7
7
  static get encapsulation() { return "scoped"; }
@@ -65,7 +65,7 @@ export class AfTestimonialCarousel {
65
65
  render() {
66
66
  const hasPrev = this.currentIndex > 0;
67
67
  const hasNext = this.currentIndex < this.testimonialCount - 1;
68
- return (h(Host, { key: '5ddb7b62b4dca675ea90181301f3f99a2c87e378' }, h("div", { key: '1dd1ecba6b72b87fb12dfba34a67ead22e217b95', class: "testimonial-carousel" }, h("div", { key: '56a4cdb617d4224705e1bd6b7effc262fbc84fe3', class: "testimonial-slides" }, h("slot", { key: '4d6fb07f99fb69d6d752db05370ed8646525b1fd' })), this.testimonialCount > 1 && (h("div", { key: '251b1dc1ad3388ba5da3b8efea0a6cc533dd30ed', class: "testimonial-progress" }, Array.from({ length: this.testimonialCount }).map((_, index) => (h("div", { class: `progress-dot ${index === this.currentIndex ? 'active' : ''}`, onClick: () => {
68
+ return (h(Host, { key: '5fb510b14cc125949f4265e0b2b44ddd85a0fe82' }, h("div", { key: 'd40dc624996acb24689f47ccb108cd50791ba35c', class: "testimonial-carousel" }, h("div", { key: 'df0c0e42b475c652b14fafa3e3d96af543839eaa', class: "testimonial-slides" }, h("slot", { key: 'da7c0e18a5370b0b06526e86d5f482aa83fce08d' })), this.testimonialCount > 1 && (h("div", { key: '4988b2bbc14aa5d0b5ca8cbe1d26025bb4f59310', class: "testimonial-progress" }, Array.from({ length: this.testimonialCount }).map((_, index) => (h("div", { class: `progress-dot ${index === this.currentIndex ? 'active' : ''}`, onClick: () => {
69
69
  if (!this.isAnimating && index !== this.currentIndex) {
70
70
  this.isAnimating = true;
71
71
  this.currentIndex = index;
@@ -74,7 +74,7 @@ export class AfTestimonialCarousel {
74
74
  this.isAnimating = false;
75
75
  }, 500);
76
76
  }
77
- } }))))), this.testimonialCount > 1 && (h("div", { key: '12023b28f4ad3c95ac16c81ec2f508d39f27a153', class: "carousel-navigation" }, h("button", { key: 'f10bb543acd01bc911d757deae625c2730f980e2', class: "nav-button prev", disabled: !hasPrev, onClick: this.goToPrevious, "aria-label": "Previous testimonial" }, h("svg", { key: '6dcfef878052ab902b5530949e36fc4ac5936927', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '586a9aabdb26109ddbea5907a051123b3c99dc6c', d: "M19 12H5M5 12L12 19M5 12L12 5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '5f3bd4fe55b664dd47ec0b2c7790a29c31997b06', class: "nav-button next", disabled: !hasNext, onClick: this.goToNext, "aria-label": "Next testimonial" }, h("svg", { key: '3e0da3374959da6d7d205b7c30403872a115d111', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '440f42623c1f6d7e1ae74c8db66b52196f491b3e', d: "M5 12H19M19 12L12 5M19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
77
+ } }))))), this.testimonialCount > 1 && (h("div", { key: 'e7964cffbe873d8c4bfa80696137f09b451799ca', class: "carousel-navigation" }, h("button", { key: 'f2fc1864f48ecb72e2114af40a849ba6d779afb7', class: "nav-button prev", disabled: !hasPrev, onClick: this.goToPrevious, "aria-label": "Previous testimonial" }, h("svg", { key: 'ac40cddba548d95f19b0e7729fea5d6fe923533e', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '90071385affb9512188b583cbd3dd60da4e6d7b7', d: "M19 12H5M5 12L12 19M5 12L12 5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: 'bd3095a3e9857c9fdd30a3f8cf78197b1890e9a2', class: "nav-button next", disabled: !hasNext, onClick: this.goToNext, "aria-label": "Next testimonial" }, h("svg", { key: 'dc2fd50a2c810c9af346cbb0432a44baf6c56219', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'de50488dc05d8fd669951d099376f65b9a7dfa26', d: "M5 12H19M19 12L12 5M19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
78
78
  }
79
79
  static get is() { return "af-testimonial-carousel"; }
80
80
  static get encapsulation() { return "scoped"; }
@@ -7,7 +7,7 @@ export class AfTestimonialStat {
7
7
  this.accentBorder = false;
8
8
  }
9
9
  render() {
10
- return (h(Host, { key: '8f221081ab89cc0f37a3b1d2585f58c5889b053e' }, h("div", { key: '2df78950a8dc36a6f093ff0b22a64cd9d7f15e97', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, h("p", { key: 'e81b31e9c4626a4aee54794307681cefd37e62b9', class: "stat-value" }, this.value), h("p", { key: 'aed7ac399263efba79ac1fbdd81780761979b729', class: "stat-description" }, this.description))));
10
+ return (h(Host, { key: '7234425931dee2deff672a9e863b13eb5dd35c30' }, h("div", { key: '737dbdee95341fd7b8c213b6b9590f54c8039e7d', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, h("p", { key: '8de1db6ce9dcaf5a94a4c11b7cfbebed8274be9f', class: "stat-value" }, this.value), h("p", { key: 'd34154c4bc709a3e023ca16b991b7dca95402621', class: "stat-description" }, this.description))));
11
11
  }
12
12
  static get is() { return "af-testimonial-stat"; }
13
13
  static get encapsulation() { return "scoped"; }
@@ -30,7 +30,7 @@ export class AfTypographyLockup {
30
30
  [`breakpoint-${this.breakpoint}`]: true
31
31
  };
32
32
  const copyStyle = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};
33
- return (h(Host, { key: '108f59f3983487b19e059fa0f9c9c33cfb9b47ba' }, h("div", { key: '4dd1ece34095b91fcf9f41355a16eb4fb4b83ef0', class: containerClasses }, h("div", { key: '3a472b7ccfe7192ca9f2867e91b366469c030442', class: copyClasses, style: copyStyle }, h("div", { key: '8c7d108f085b2cbd27253965f4a9c627898d52a0', class: "heading", part: "heading" }, h("slot", { key: 'ab0da917969c74802ad29a2e9fc40e2be2087efb' })), h("div", { key: 'd9103dc4580284fec67022b0e8511b9c7beb4cc8', class: "description", part: "body" }, h("slot", { key: '266b6b74ce3277f89bc6d3d8531774f02dd9c6cd', name: "description" }))), h("div", { key: 'a0e91aa0cfca5d40f76049312541bf230bb8c9ab', class: "buttons", part: "buttons" }, h("slot", { key: 'a3f390bd122655d461cb39687cf9acb3a08b8453', name: "buttons" })))));
33
+ return (h(Host, { key: 'c8bc936e14d143125926e4cc03a3344911d46360' }, h("div", { key: '4c51fcb278daba5e4b8287130a1e61021750af18', class: containerClasses }, h("div", { key: '6d563b91c8b548a72f898978569bceda44a26b14', class: copyClasses, style: copyStyle }, h("div", { key: '6eb8a67a451643770caae7e1967a4d9be94548ac', class: "heading", part: "heading" }, h("slot", { key: '3dc8bdd804b8ccca68ec3f85ada6fca1560f8905' })), h("div", { key: '4e2ad38d585d392419ae8e596b6af226a48cffb1', class: "description", part: "body" }, h("slot", { key: 'f53fa56abca48a11b876368d7586a6f90bce5014', name: "description" }))), h("div", { key: 'b51f1178a58b9b48ed9ec1a76afbe09e2c78fd82', class: "buttons", part: "buttons" }, h("slot", { key: 'fb4b207a762e066f11ee3e36b570ec1c52e721f0', name: "buttons" })))));
34
34
  }
35
35
  static get is() { return "af-typography-lockup"; }
36
36
  static get encapsulation() { return "shadow"; }
@@ -1,4 +1,4 @@
1
- import { A as AfButtonGroup$1, d as defineCustomElement$1 } from './p-7a3XpKXs.js';
1
+ import { A as AfButtonGroup$1, d as defineCustomElement$1 } from './p-DBFWSHR9.js';
2
2
 
3
3
  const AfButtonGroup = AfButtonGroup$1;
4
4
  const defineCustomElement = defineCustomElement$1;