@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.
- package/dist/affinda/af-card.entry.esm.js.map +1 -1
- package/dist/affinda/af-cta-section.entry.esm.js.map +1 -1
- package/dist/affinda/af-footer.entry.esm.js.map +1 -1
- package/dist/affinda/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.esm.js.map +1 -1
- package/dist/affinda/affinda.esm.js +1 -1
- package/dist/affinda/index.esm.js +1 -1
- package/dist/affinda/p-0eb8173d.entry.js +2 -0
- package/dist/affinda/{p-c5aba33f.entry.js → p-1955dbad.entry.js} +2 -2
- package/dist/affinda/p-1b18ab28.entry.js +2 -0
- package/dist/affinda/{p-e367e42b.entry.js.map → p-1b18ab28.entry.js.map} +1 -1
- package/dist/affinda/{p-c2b6199e.entry.js → p-1e3d40a0.entry.js} +2 -2
- package/dist/affinda/{p-07990b1f.entry.js → p-350ac7a5.entry.js} +2 -2
- package/dist/affinda/{p-b7c63852.entry.js → p-71e663b3.entry.js} +2 -2
- package/dist/affinda/p-7b8c36e0.entry.js +2 -0
- package/dist/affinda/p-7b8c36e0.entry.js.map +1 -0
- package/dist/affinda/p-806d129e.entry.js +2 -0
- package/dist/affinda/{p-ce89c4f1.entry.js.map → p-806d129e.entry.js.map} +1 -1
- package/dist/affinda/{p-b67bbaf7.entry.js → p-83b5d5ea.entry.js} +2 -2
- package/dist/affinda/{p-52f7ea33.entry.js → p-9071c2a7.entry.js} +2 -2
- package/dist/affinda/{p-b7efbfff.entry.js → p-b2fb60c9.entry.js} +2 -2
- package/dist/affinda/{p-97f9f774.entry.js → p-bd30e86a.entry.js} +2 -2
- package/dist/affinda/{p-4a39ddec.entry.js → p-e1198ca3.entry.js} +2 -2
- package/dist/affinda/{p-ac7efb48.entry.js → p-e3efc291.entry.js} +2 -2
- package/dist/affinda/{p-dec4c4d5.entry.js → p-ec7721cc.entry.js} +2 -2
- package/dist/affinda/{p-b6885a9a.entry.js → p-f692a7bd.entry.js} +2 -2
- package/dist/affinda/p-f692a7bd.entry.js.map +1 -0
- package/dist/affinda/{p-a49dc8ac.entry.js → p-fb4e3a8d.entry.js} +2 -2
- package/dist/affinda/{p-bf4543ff.entry.js → p-fc2cb8d1.entry.js} +2 -2
- package/dist/cjs/af-button-group.cjs.entry.js +1 -1
- package/dist/cjs/af-card.cjs.entry.js +2 -2
- package/dist/cjs/af-card.entry.cjs.js.map +1 -1
- package/dist/cjs/af-client-carousel.cjs.entry.js +1 -1
- package/dist/cjs/af-contact-item.cjs.entry.js +1 -1
- package/dist/cjs/af-cta-section.cjs.entry.js +9 -7
- package/dist/cjs/af-cta-section.entry.cjs.js.map +1 -1
- package/dist/cjs/af-feature-accordion.cjs.entry.js +2 -2
- package/dist/cjs/af-footer-column.cjs.entry.js +1 -1
- package/dist/cjs/af-footer-link.cjs.entry.js +1 -1
- package/dist/cjs/af-footer.cjs.entry.js +2 -2
- package/dist/cjs/af-footer.entry.cjs.js.map +1 -1
- package/dist/cjs/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.cjs.js.map +1 -1
- package/dist/cjs/af-heading_5.cjs.entry.js +12 -3
- package/dist/cjs/af-hero-section.cjs.entry.js +1 -1
- package/dist/cjs/af-logo-well.cjs.entry.js +1 -1
- package/dist/cjs/af-section.cjs.entry.js +2 -2
- package/dist/cjs/af-social-link.cjs.entry.js +1 -1
- package/dist/cjs/af-testimonial-carousel.cjs.entry.js +2 -2
- package/dist/cjs/af-testimonial-stat.cjs.entry.js +1 -1
- package/dist/cjs/af-testimonial.cjs.entry.js +1 -1
- package/dist/cjs/af-typography-lockup.cjs.entry.js +1 -1
- package/dist/cjs/affinda.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/logo-affinda.svg +19 -0
- package/dist/collection/components/af-button-group/af-button-group.js +1 -1
- package/dist/collection/components/af-card/af-card.css +2 -1
- package/dist/collection/components/af-card/af-card.js +1 -1
- package/dist/collection/components/af-client-carousel/af-client-carousel.js +1 -1
- package/dist/collection/components/af-contact-item/af-contact-item.js +1 -1
- package/dist/collection/components/af-cta-section/af-cta-section.css +5 -5
- package/dist/collection/components/af-cta-section/af-cta-section.js +34 -12
- package/dist/collection/components/af-cta-section/af-cta-section.js.map +1 -1
- package/dist/collection/components/af-feature-accordion/af-feature-accordion.js +2 -2
- package/dist/collection/components/af-footer/af-footer.css +1 -1
- package/dist/collection/components/af-footer/af-footer.js +1 -1
- package/dist/collection/components/af-footer-column/af-footer-column.js +1 -1
- package/dist/collection/components/af-footer-link/af-footer-link.js +1 -1
- package/dist/collection/components/af-hero-section/af-hero-section.js +1 -1
- package/dist/collection/components/af-logo/af-logo.css +10 -2
- package/dist/collection/components/af-logo/af-logo.js +55 -2
- package/dist/collection/components/af-logo/af-logo.js.map +1 -1
- package/dist/collection/components/af-logo-well/af-logo-well.js +1 -1
- package/dist/collection/components/af-navbar/af-navbar.js +30 -1
- package/dist/collection/components/af-navbar/af-navbar.js.map +1 -1
- package/dist/collection/components/af-section/af-section.js +2 -2
- package/dist/collection/components/af-social-link/af-social-link.js +1 -1
- package/dist/collection/components/af-testimonial/af-testimonial.js +1 -1
- package/dist/collection/components/af-testimonial-carousel/af-testimonial-carousel.js +2 -2
- package/dist/collection/components/af-testimonial-stat/af-testimonial-stat.js +1 -1
- package/dist/collection/components/af-typography-lockup/af-typography-lockup.js +1 -1
- package/dist/components/af-button-group.js +1 -1
- package/dist/components/af-card.js +2 -2
- package/dist/components/af-card.js.map +1 -1
- package/dist/components/af-client-carousel.js +1 -1
- package/dist/components/af-contact-item.js +1 -1
- package/dist/components/af-cta-section.js +11 -8
- package/dist/components/af-cta-section.js.map +1 -1
- package/dist/components/af-feature-accordion.js +2 -2
- package/dist/components/af-footer-column.js +1 -1
- package/dist/components/af-footer-link.js +1 -1
- package/dist/components/af-footer.js +2 -2
- package/dist/components/af-footer.js.map +1 -1
- package/dist/components/af-hero-section.js +1 -1
- package/dist/components/af-logo-well.js +1 -1
- package/dist/components/af-logo.js +1 -1
- package/dist/components/af-navbar.js +1 -1
- package/dist/components/af-section.js +2 -2
- package/dist/components/af-social-link.js +1 -1
- package/dist/components/af-testimonial-carousel.js +2 -2
- package/dist/components/af-testimonial-stat.js +1 -1
- package/dist/components/af-testimonial.js +1 -1
- package/dist/components/af-typography-lockup.js +1 -1
- package/dist/components/index.js +4 -4
- package/dist/components/p-CN_K2ni-.js +45 -0
- package/dist/components/p-CN_K2ni-.js.map +1 -0
- package/dist/components/{p-Thu9mUEn.js → p-CgnBqOVh.js} +13 -4
- package/dist/components/p-CgnBqOVh.js.map +1 -0
- package/dist/components/{p-7a3XpKXs.js → p-DBFWSHR9.js} +3 -3
- package/dist/components/{p-7a3XpKXs.js.map → p-DBFWSHR9.js.map} +1 -1
- package/dist/components/{p-emB0l5gm.js → p-LUt2VDjp.js} +3 -3
- package/dist/components/{p-emB0l5gm.js.map → p-LUt2VDjp.js.map} +1 -1
- package/dist/esm/af-button-group.entry.js +1 -1
- package/dist/esm/af-card.entry.js +2 -2
- package/dist/esm/af-card.entry.js.map +1 -1
- package/dist/esm/af-client-carousel.entry.js +1 -1
- package/dist/esm/af-contact-item.entry.js +1 -1
- package/dist/esm/af-cta-section.entry.js +9 -7
- package/dist/esm/af-cta-section.entry.js.map +1 -1
- package/dist/esm/af-feature-accordion.entry.js +2 -2
- package/dist/esm/af-footer-column.entry.js +1 -1
- package/dist/esm/af-footer-link.entry.js +1 -1
- package/dist/esm/af-footer.entry.js +2 -2
- package/dist/esm/af-footer.entry.js.map +1 -1
- package/dist/esm/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.js.map +1 -1
- package/dist/esm/af-heading_5.entry.js +12 -3
- package/dist/esm/af-hero-section.entry.js +1 -1
- package/dist/esm/af-logo-well.entry.js +1 -1
- package/dist/esm/af-section.entry.js +2 -2
- package/dist/esm/af-social-link.entry.js +1 -1
- package/dist/esm/af-testimonial-carousel.entry.js +2 -2
- package/dist/esm/af-testimonial-stat.entry.js +1 -1
- package/dist/esm/af-testimonial.entry.js +1 -1
- package/dist/esm/af-typography-lockup.entry.js +1 -1
- package/dist/esm/affinda.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/af-cta-section/af-cta-section.d.ts +4 -2
- package/dist/types/components/af-logo/af-logo.d.ts +6 -1
- package/dist/types/components/af-navbar/af-navbar.d.ts +5 -0
- package/dist/types/components.d.ts +68 -18
- package/package.json +1 -1
- package/dist/affinda/p-924e6def.entry.js +0 -2
- package/dist/affinda/p-924e6def.entry.js.map +0 -1
- package/dist/affinda/p-b6885a9a.entry.js.map +0 -1
- package/dist/affinda/p-ce89c4f1.entry.js +0 -2
- package/dist/affinda/p-de52b175.entry.js +0 -2
- package/dist/affinda/p-e367e42b.entry.js +0 -2
- package/dist/components/p-D4s4u7tL.js +0 -35
- package/dist/components/p-D4s4u7tL.js.map +0 -1
- package/dist/components/p-Thu9mUEn.js.map +0 -1
- /package/dist/affinda/{p-de52b175.entry.js.map → p-0eb8173d.entry.js.map} +0 -0
- /package/dist/affinda/{p-c5aba33f.entry.js.map → p-1955dbad.entry.js.map} +0 -0
- /package/dist/affinda/{p-c2b6199e.entry.js.map → p-1e3d40a0.entry.js.map} +0 -0
- /package/dist/affinda/{p-07990b1f.entry.js.map → p-350ac7a5.entry.js.map} +0 -0
- /package/dist/affinda/{p-b7c63852.entry.js.map → p-71e663b3.entry.js.map} +0 -0
- /package/dist/affinda/{p-b67bbaf7.entry.js.map → p-83b5d5ea.entry.js.map} +0 -0
- /package/dist/affinda/{p-52f7ea33.entry.js.map → p-9071c2a7.entry.js.map} +0 -0
- /package/dist/affinda/{p-b7efbfff.entry.js.map → p-b2fb60c9.entry.js.map} +0 -0
- /package/dist/affinda/{p-97f9f774.entry.js.map → p-bd30e86a.entry.js.map} +0 -0
- /package/dist/affinda/{p-4a39ddec.entry.js.map → p-e1198ca3.entry.js.map} +0 -0
- /package/dist/affinda/{p-ac7efb48.entry.js.map → p-e3efc291.entry.js.map} +0 -0
- /package/dist/affinda/{p-dec4c4d5.entry.js.map → p-ec7721cc.entry.js.map} +0 -0
- /package/dist/affinda/{p-a49dc8ac.entry.js.map → p-fb4e3a8d.entry.js.map} +0 -0
- /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
|
-
*
|
|
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 = '
|
|
9
|
+
this.heading = '';
|
|
10
10
|
/** Section description */
|
|
11
|
-
this.description = '
|
|
11
|
+
this.description = '';
|
|
12
12
|
/** Primary button text */
|
|
13
|
-
this.primaryButtonText = '
|
|
13
|
+
this.primaryButtonText = '';
|
|
14
14
|
/** Primary button URL */
|
|
15
15
|
this.primaryButtonUrl = '#';
|
|
16
|
-
/** Secondary button text */
|
|
17
|
-
this.secondaryButtonText = '
|
|
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: '
|
|
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": "'
|
|
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": "'
|
|
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": "'
|
|
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": "'
|
|
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,
|
|
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: '
|
|
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: '
|
|
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"; }
|
|
@@ -18,7 +18,7 @@ export class AfFooter {
|
|
|
18
18
|
this.showStatus = true;
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h(Host, { key: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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:
|
|
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
|
|
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
|
-
|
|
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;
|
|
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: '
|
|
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: '
|
|
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;
|
|
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: '
|
|
16
|
-
return (h(Host, { key: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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"; }
|