@forjacms/sections 1.2.6

package/dist/collection/components/forja-section-renderer/forja-section-renderer.js

@@ -0,0 +1,218 @@
+import { h } from "@stencil/core";
+const TAG_MAP = {
+    Hero: 'forja-hero',
+    Features: 'forja-features',
+    Cta: 'forja-cta',
+    Gallery: 'forja-gallery',
+    Testimonials: 'forja-testimonials',
+    Pricing: 'forja-pricing',
+    Faq: 'forja-faq',
+    Contact: 'forja-contact',
+    Stats: 'forja-stats',
+    Team: 'forja-team',
+    Timeline: 'forja-timeline',
+    LogoCloud: 'forja-logo-cloud',
+    Newsletter: 'forja-newsletter',
+    Video: 'forja-video',
+    Divider: 'forja-divider',
+    Text: 'forja-text-block',
+    Portfolio: 'forja-portfolio',
+    TagCloud: 'forja-tag-cloud',
+    Projects: 'forja-projects',
+    Blog: 'forja-blog',
+    Legal: 'forja-legal',
+};
+export class ForjaSectionRenderer {
+    render() {
+        const tag = TAG_MAP[this.sectionType];
+        if (!tag) {
+            return (h("section", { class: "forja-custom" }, this.sectionTitle && h("h2", { class: "forja-custom__title" }, this.sectionTitle), this.text && h("div", { class: "forja-custom__text", innerHTML: this.text }), h("slot", null)));
+        }
+        const Tag = tag;
+        return (h(Tag, { sectionTitle: this.sectionTitle, text: this.text, imageUrl: this.imageUrl, imageAlt: this.imageAlt, buttonText: this.buttonText, buttonHref: this.buttonHref, items: this.items }, h("slot", null)));
+    }
+    static get is() { return "forja-section-renderer"; }
+    static get properties() {
+        return {
+            "sectionType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SectionType",
+                    "resolved": "\"Blog\" | \"Contact\" | \"Cta\" | \"Custom\" | \"Divider\" | \"Faq\" | \"Features\" | \"Gallery\" | \"Hero\" | \"Legal\" | \"LogoCloud\" | \"Newsletter\" | \"Portfolio\" | \"Pricing\" | \"Projects\" | \"Stats\" | \"TagCloud\" | \"Team\" | \"Testimonials\" | \"Text\" | \"Timeline\" | \"Video\"",
+                    "references": {
+                        "SectionType": {
+                            "location": "import",
+                            "path": "../../types",
+                            "id": "src/types.ts::SectionType",
+                            "referenceLocation": "SectionType"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "section-type"
+            },
+            "sectionTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "section-title"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            },
+            "imageUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "image-url"
+            },
+            "imageAlt": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "image-alt"
+            },
+            "buttonText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "button-text"
+            },
+            "buttonHref": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "button-href"
+            },
+            "items": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "unknown[]",
+                    "resolved": "undefined | unknown[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "settings": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Record<string, unknown>",
+                    "resolved": "string | undefined | unknown",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+}

package/dist/collection/components/forja-stats/forja-stats.js

@@ -0,0 +1,117 @@
+import { h } from "@stencil/core";
+import { sectionLabel } from "../../utils/a11y";
+export class ForjaStats {
+    render() {
+        const hasItems = this.items && this.items.length > 0;
+        const classes = [
+            'forja-stats',
+            this.statsStyle && `forja-stats--${this.statsStyle}`,
+        ].filter(Boolean).join(' ');
+        return (h("section", { key: '3aa6f2f843bb0e295dcb84740af6c9fda39d8309', class: classes, "aria-label": sectionLabel(this.sectionTitle, 'Statistics') }, h("slot", { key: '9565f67c2e7192f8b965be5555eb7f43e271692c', name: "before" }), this.sectionTitle && h("h2", { key: 'cbf15bf5bc0e62702590a1725a6e188bea96639c', class: "forja-stats__title" }, this.sectionTitle), this.text && h("div", { key: '0beb283e6387a04c20a2ba853266b12769ac9725', class: "forja-stats__text", innerHTML: this.text }), hasItems ? (h("dl", { class: "forja-stats__list", "data-columns": this.columns }, this.items.map(item => (h("div", { class: "forja-stats__item" }, h("dd", { class: "forja-stats__value" }, item.value), h("dt", { class: "forja-stats__label" }, item.label)))))) : (h("slot", null)), h("slot", { key: '7a2ffd297dd37c72d0c16a42b268e8a6f607ad40', name: "after" })));
+    }
+    static get is() { return "forja-stats"; }
+    static get properties() {
+        return {
+            "sectionTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "section-title"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            },
+            "items": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "StatItem[]",
+                    "resolved": "StatItem[] | undefined",
+                    "references": {
+                        "StatItem": {
+                            "location": "import",
+                            "path": "../../types",
+                            "id": "src/types.ts::StatItem",
+                            "referenceLocation": "StatItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "columns": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "columns"
+            },
+            "statsStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "stats-style"
+            }
+        };
+    }
+}

package/dist/collection/components/forja-tag-cloud/forja-tag-cloud.js

@@ -0,0 +1,75 @@
+import { h } from "@stencil/core";
+import { sectionLabel } from "../../utils/a11y";
+export class ForjaTagCloud {
+    render() {
+        const hasTags = this.tags && this.tags.length > 0;
+        return (h("section", { key: 'dc9015d823c69a88c8252115948517887e7ce400', class: "forja-tag-cloud", "aria-label": sectionLabel(this.sectionTitle, 'Tags') }, h("slot", { key: '4a860c211a75f97d67755a1811db76c20840740f', name: "before" }), this.sectionTitle && h("h2", { key: 'bfae3b68ba76c7ce14d01d52ee47a5b5b6f04f89', class: "forja-tag-cloud__title" }, this.sectionTitle), this.text && h("div", { key: '7175c987bfadf8e4bb433e2cb8b856412818c0d0', class: "forja-tag-cloud__text", innerHTML: this.text }), hasTags ? (h("nav", { class: "forja-tag-cloud__nav", "aria-label": "Tags" }, h("ul", { class: "forja-tag-cloud__list", role: "list" }, this.tags.map(tag => (h("li", { class: "forja-tag-cloud__item" }, tag.href ? (h("a", { href: tag.href, class: "forja-tag-cloud__tag" }, h("span", { class: "forja-tag-cloud__label" }, tag.label), tag.count != null && (h("span", { class: "forja-tag-cloud__count", "aria-label": `${tag.count} items` }, "(", tag.count, ")")))) : (h("span", { class: "forja-tag-cloud__tag" }, h("span", { class: "forja-tag-cloud__label" }, tag.label), tag.count != null && (h("span", { class: "forja-tag-cloud__count", "aria-label": `${tag.count} items` }, "(", tag.count, ")")))))))))) : (h("slot", null)), h("slot", { key: '673878f83e689016cf1a001e87774fe66c4c7baa', name: "after" })));
+    }
+    static get is() { return "forja-tag-cloud"; }
+    static get properties() {
+        return {
+            "sectionTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "section-title"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            },
+            "tags": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "TagItem[]",
+                    "resolved": "TagItem[] | undefined",
+                    "references": {
+                        "TagItem": {
+                            "location": "import",
+                            "path": "../../types",
+                            "id": "src/types.ts::TagItem",
+                            "referenceLocation": "TagItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+}

package/dist/collection/components/forja-team/forja-team.js

@@ -0,0 +1,138 @@
+import { h } from "@stencil/core";
+import { sectionLabel } from "../../utils/a11y";
+export class ForjaTeam {
+    constructor() {
+        this.showRole = true;
+        this.showBio = true;
+    }
+    render() {
+        const hasMembers = this.members && this.members.length > 0;
+        return (h("section", { key: 'b5d2dcb808386048367cfa97b31c6075732ba828', class: "forja-team", "aria-label": sectionLabel(this.sectionTitle, 'Team') }, h("slot", { key: 'df3d484b90a7d755eda0a784f21edbd921e71401', name: "before" }), this.sectionTitle && h("h2", { key: '2818b057df2f2c6319af8d17a43537714a62db34', class: "forja-team__title" }, this.sectionTitle), this.text && h("div", { key: '265903df6beaae84ff4d6cc1a9d11ae3f51f15d5', class: "forja-team__text", innerHTML: this.text }), hasMembers ? (h("ul", { class: "forja-team__grid", role: "list", "data-columns": this.columns }, this.members.map(member => (h("li", { class: "forja-team__member" }, member.imageUrl && (h("figure", { class: "forja-team__photo" }, h("img", { src: member.imageUrl, alt: member.name, class: "forja-team__image", loading: "lazy" }))), h("h3", { class: "forja-team__name" }, member.name), this.showRole && member.role && h("p", { class: "forja-team__role" }, member.role), this.showBio && member.bio && h("p", { class: "forja-team__bio" }, member.bio)))))) : (h("slot", null)), h("slot", { key: '81263f35ba229207c4978b65890c527590dfdae5', name: "after" })));
+    }
+    static get is() { return "forja-team"; }
+    static get properties() {
+        return {
+            "sectionTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "section-title"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            },
+            "members": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "TeamMember[]",
+                    "resolved": "TeamMember[] | undefined",
+                    "references": {
+                        "TeamMember": {
+                            "location": "import",
+                            "path": "../../types",
+                            "id": "src/types.ts::TeamMember",
+                            "referenceLocation": "TeamMember"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "columns": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "columns"
+            },
+            "showRole": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-role",
+                "defaultValue": "true"
+            },
+            "showBio": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-bio",
+                "defaultValue": "true"
+            }
+        };
+    }
+}

package/dist/collection/components/forja-testimonials/forja-testimonials.js

@@ -0,0 +1,94 @@
+import { h } from "@stencil/core";
+import { sectionLabel } from "../../utils/a11y";
+export class ForjaTestimonials {
+    render() {
+        const hasItems = this.items && this.items.length > 0;
+        return (h("section", { key: '608ac151afb59df61bf99ea38f5eba2d819ef6ac', class: "forja-testimonials", "aria-label": sectionLabel(this.sectionTitle, 'Testimonials') }, h("slot", { key: '016f3b316cec3979efaee8dd4e19497a623ca292', name: "before" }), this.sectionTitle && h("h2", { key: '5d0f9dac43cbd4e6d7ded6236c98a4d428d3723a', class: "forja-testimonials__title" }, this.sectionTitle), this.text && h("div", { key: '8d5bd0fd2c9b39aba0a461bef14df16a4b8197ba', class: "forja-testimonials__text", innerHTML: this.text }), hasItems ? (h("div", { class: "forja-testimonials__list", role: "list", "data-columns": this.columns }, this.items.map(item => (h("blockquote", { class: "forja-testimonials__item", role: "listitem" }, h("p", { class: "forja-testimonials__quote" }, item.quote), h("footer", { class: "forja-testimonials__attribution" }, item.avatarUrl && (h("img", { src: item.avatarUrl, alt: "", class: "forja-testimonials__avatar", loading: "lazy" })), h("cite", { class: "forja-testimonials__author" }, h("span", { class: "forja-testimonials__name" }, item.author), item.role && h("span", { class: "forja-testimonials__role" }, item.role)))))))) : (h("div", { class: "forja-testimonials__list", role: "list", "data-columns": this.columns }, h("slot", null))), h("slot", { key: 'f5079a207668e548632b607f174e630a46854cc8', name: "after" })));
+    }
+    static get is() { return "forja-testimonials"; }
+    static get properties() {
+        return {
+            "sectionTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "section-title"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            },
+            "items": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "TestimonialItem[]",
+                    "resolved": "TestimonialItem[] | undefined",
+                    "references": {
+                        "TestimonialItem": {
+                            "location": "import",
+                            "path": "../../types",
+                            "id": "src/types.ts::TestimonialItem",
+                            "referenceLocation": "TestimonialItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "columns": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "columns"
+            }
+        };
+    }
+}