@forjacms/sections 1.2.6

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

@@ -0,0 +1,289 @@
+import { h } from "@stencil/core";
+import { sectionLabel } from "../../utils/a11y";
+import { LEGAL_DOC_TYPE_LABELS } from "../../types";
+/**
+ * Renders a legal document (Privacy Policy, Terms of Service, etc.)
+ * with toggleable metadata sections. Body content is expected as
+ * pre-rendered HTML (markdown → HTML conversion happens upstream).
+ */
+export class ForjaLegal {
+    constructor() {
+        // ── Visibility toggles ─────────────────────────────────
+        /** Show the document type badge. Default: true. */
+        this.showDocumentType = true;
+        /** Show the version number. Default: true. */
+        this.showVersion = true;
+        /** Show the effective / updated date. Default: true. */
+        this.showDates = true;
+        /** Show the introductory summary above the body. Default: true. */
+        this.showIntro = true;
+    }
+    formatDate(iso) {
+        try {
+            return new Date(iso).toLocaleDateString(undefined, {
+                year: 'numeric',
+                month: 'long',
+                day: 'numeric',
+            });
+        }
+        catch (_a) {
+            return iso;
+        }
+    }
+    hasMetadata() {
+        return ((this.showDocumentType && !!this.documentType) ||
+            (this.showVersion && this.version != null) ||
+            (this.showDates && !!(this.effectiveDate || this.updatedAt || this.createdAt)));
+    }
+    render() {
+        const typeLabel = this.documentType
+            ? LEGAL_DOC_TYPE_LABELS[this.documentType] || this.documentType
+            : undefined;
+        const displayDate = this.effectiveDate || this.updatedAt || this.createdAt;
+        return (h("article", { key: 'cc8f30680c29057c92c9974711069119d486baf0', class: "forja-legal", "aria-label": sectionLabel(this.sectionTitle, 'Legal document') }, h("header", { key: '4722e587aaaa5aafd1d5b87373366e037cb56f9f', class: "forja-legal__header" }, this.sectionTitle && h("h1", { key: '8ddda4f7eb1e06edcf0fb2ef151858f6359ed954', class: "forja-legal__title" }, this.sectionTitle), this.hasMetadata() && (h("div", { key: '5c344b92507b3961ba809c5c5ed2b3d436712a4a', class: "forja-legal__meta" }, this.showDocumentType && typeLabel && (h("span", { key: '18ee032889dc39068301751885f0077777095779', class: "forja-legal__type" }, typeLabel)), this.showVersion && this.version != null && (h("span", { key: '62cddb2b691bd00ac0f81e58a5707d9bce43b91c', class: "forja-legal__version" }, "Version ", this.version)), this.showDates && displayDate && (h("time", { key: 'e631e74a06ef96fb3e6d663516e2a8d7e55332cb', class: "forja-legal__date", dateTime: displayDate }, this.effectiveDate ? 'Effective ' : 'Updated ', this.formatDate(displayDate)))))), this.showIntro && this.intro && (h("div", { key: 'e621eccaf2fa1c0059cc7699de0a80c833c2bb8b', class: "forja-legal__intro", innerHTML: this.intro })), this.body ? (h("div", { class: "forja-legal__body", innerHTML: this.body })) : (h("div", { class: "forja-legal__body" }, h("slot", null)))));
+    }
+    static get is() { return "forja-legal"; }
+    static get properties() {
+        return {
+            "sectionTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Document title (e.g. \"Privacy Policy\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "section-title"
+            },
+            "intro": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Introductory summary text. Supports HTML."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "intro"
+            },
+            "body": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Full document body. Supports HTML (pre-rendered markdown)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "body"
+            },
+            "documentType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "LegalDocType",
+                    "resolved": "\"CookieConsent\" | \"Disclaimer\" | \"Imprint\" | \"PrivacyPolicy\" | \"TermsOfService\" | undefined",
+                    "references": {
+                        "LegalDocType": {
+                            "location": "import",
+                            "path": "../../types",
+                            "id": "src/types.ts::LegalDocType",
+                            "referenceLocation": "LegalDocType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Legal document type identifier. Controls the type badge."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "document-type"
+            },
+            "version": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Document version number (e.g. 1, 2, 3)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "version"
+            },
+            "createdAt": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "ISO 8601 date string for when the document was created."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "created-at"
+            },
+            "updatedAt": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "ISO 8601 date string for when the document was last updated."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "updated-at"
+            },
+            "effectiveDate": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "ISO 8601 date string for when the document becomes effective."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "effective-date"
+            },
+            "showDocumentType": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show the document type badge. Default: true."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-document-type",
+                "defaultValue": "true"
+            },
+            "showVersion": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show the version number. Default: true."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-version",
+                "defaultValue": "true"
+            },
+            "showDates": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show the effective / updated date. Default: true."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-dates",
+                "defaultValue": "true"
+            },
+            "showIntro": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show the introductory summary above the body. Default: true."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-intro",
+                "defaultValue": "true"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,117 @@
+import { h } from "@stencil/core";
+import { sectionLabel } from "../../utils/a11y";
+export class ForjaLogoCloud {
+    render() {
+        const hasLogos = this.logos && this.logos.length > 0;
+        const classes = [
+            'forja-logo-cloud',
+            this.grayscale && 'forja-logo-cloud--grayscale',
+        ].filter(Boolean).join(' ');
+        return (h("section", { key: 'cd65ea26049ceb3de18436c961990573c548b8ae', class: classes, "aria-label": sectionLabel(this.sectionTitle, 'Partners') }, h("slot", { key: '8477f0f53553d808a63b3fe241541b0625248828', name: "before" }), this.sectionTitle && h("h2", { key: '09e073ab7deb7ce27bf0f7e5801b10f60840b732', class: "forja-logo-cloud__title" }, this.sectionTitle), this.text && h("div", { key: 'ab4cd6049231cfda659fc191fd560143027bb3c0', class: "forja-logo-cloud__text", innerHTML: this.text }), hasLogos ? (h("ul", { class: "forja-logo-cloud__grid", role: "list", "data-columns": this.columns }, this.logos.map(logo => (h("li", { class: "forja-logo-cloud__item" }, logo.href ? (h("a", { href: logo.href, class: "forja-logo-cloud__link", target: "_blank", rel: "noopener" }, h("img", { src: logo.imageUrl, alt: logo.alt, class: "forja-logo-cloud__image", loading: "lazy" }))) : (h("img", { src: logo.imageUrl, alt: logo.alt, class: "forja-logo-cloud__image", loading: "lazy" }))))))) : (h("slot", null)), h("slot", { key: 'a56c182cd2090916395563b0c30fe21c929d1353', name: "after" })));
+    }
+    static get is() { return "forja-logo-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"
+            },
+            "logos": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LogoItem[]",
+                    "resolved": "LogoItem[] | undefined",
+                    "references": {
+                        "LogoItem": {
+                            "location": "import",
+                            "path": "../../types",
+                            "id": "src/types.ts::LogoItem",
+                            "referenceLocation": "LogoItem"
+                        }
+                    }
+                },
+                "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"
+            },
+            "grayscale": {
+                "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": "grayscale"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,215 @@
+import { h } from "@stencil/core";
+export class ForjaNav {
+    constructor() {
+        this.homeHref = '/';
+        this.showThemeToggle = true;
+        this.mobileOpen = false;
+        this.localeDropdownOpen = false;
+        this.toggleMobile = () => {
+            this.mobileOpen = !this.mobileOpen;
+        };
+        this.toggleLocaleDropdown = () => {
+            this.localeDropdownOpen = !this.localeDropdownOpen;
+        };
+        this.selectLocale = (code) => {
+            this.localeDropdownOpen = false;
+            this.forjaLocaleChange.emit(code);
+        };
+        this.handleThemeToggle = () => {
+            this.forjaThemeToggle.emit();
+        };
+    }
+    renderNavLink(item) {
+        return (h("a", { href: item.href, target: item.openInNewTab ? '_blank' : undefined, rel: item.openInNewTab ? 'noopener noreferrer' : undefined, class: "forja-nav__link" }, item.title));
+    }
+    renderDesktopItem(item) {
+        if (item.children && item.children.length > 0) {
+            return (h("div", { class: "forja-nav__dropdown" }, h("a", { href: item.href, target: item.openInNewTab ? '_blank' : undefined, rel: item.openInNewTab ? 'noopener noreferrer' : undefined, class: "forja-nav__link" }, item.title), h("div", { class: "forja-nav__dropdown-menu" }, item.children.map(child => (h("a", { href: child.href, target: child.openInNewTab ? '_blank' : undefined, rel: child.openInNewTab ? 'noopener noreferrer' : undefined, class: "forja-nav__dropdown-item" }, child.title))))));
+        }
+        return this.renderNavLink(item);
+    }
+    renderThemeToggle() {
+        if (!this.showThemeToggle)
+            return null;
+        return (h("button", { type: "button", "aria-label": "Toggle dark mode", class: "forja-nav__theme-toggle", onClick: this.handleThemeToggle }, h("svg", { class: "forja-nav__icon-moon", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z" })), h("svg", { class: "forja-nav__icon-sun", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("circle", { cx: "12", cy: "12", r: "5" }), h("line", { x1: "12", y1: "1", x2: "12", y2: "3" }), h("line", { x1: "12", y1: "21", x2: "12", y2: "23" }), h("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }), h("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }), h("line", { x1: "1", y1: "12", x2: "3", y2: "12" }), h("line", { x1: "21", y1: "12", x2: "23", y2: "12" }), h("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }), h("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" }))));
+    }
+    renderLocaleSwitcher() {
+        if (!this.locales || this.locales.length <= 1)
+            return null;
+        return (h("div", { class: "forja-nav__locale-switcher" }, h("button", { type: "button", "aria-label": "Switch language", class: "forja-nav__locale-toggle", onClick: this.toggleLocaleDropdown }, this.currentLocale || 'en'), this.localeDropdownOpen && (h("div", { class: "forja-nav__locale-dropdown" }, this.locales.map(locale => (h("button", { type: "button", class: `forja-nav__locale-option${locale.code === this.currentLocale ? ' forja-nav__locale-option--active' : ''}`, onClick: () => this.selectLocale(locale.code) }, locale.name)))))));
+    }
+    render() {
+        const navItems = this.items || [];
+        return (h("nav", { key: 'd53286c5cb8ab3a53d319bfc4f56261f14bbd0e7', class: "forja-nav", "aria-label": "Main navigation" }, h("div", { key: 'f6ddbb63413194a4c9b65f28685c856794da9085', class: "forja-nav__container" }, this.siteName && (h("a", { key: '18bf629d717e2bf64da5705900bde85958a4efcc', href: this.homeHref, class: "forja-nav__brand" }, this.siteName)), h("div", { key: '60df3ad46c3d3d8c69ad94956d40e50713143fe1', class: "forja-nav__desktop" }, navItems.map(item => this.renderDesktopItem(item)), this.renderLocaleSwitcher(), this.renderThemeToggle()), h("button", { key: '5a11fece72449bb05dfab14a49dc0e4cb08b3030', type: "button", "aria-label": "Toggle navigation", class: "forja-nav__hamburger", onClick: this.toggleMobile }, h("svg", { key: '19ca0c78e8a9d2c0566f5722e058fe6bfdfa5e26', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { key: '1a61567b4a0e80d1b924a8ddd82e6565e9c87896', x1: "3", y1: "12", x2: "21", y2: "12" }), h("line", { key: 'd57ae9589e5369942d48698b0842bd3390130747', x1: "3", y1: "6", x2: "21", y2: "6" }), h("line", { key: 'dc58d5f24249e2989ce33f7a366d6926a7408496', x1: "3", y1: "18", x2: "21", y2: "18" })))), this.mobileOpen && (h("div", { key: 'c2ae6b8da7095d8851196fc22b2e10bf7abce3b9', class: "forja-nav__mobile" }, navItems.map(item => (h("a", { href: item.href, target: item.openInNewTab ? '_blank' : undefined, rel: item.openInNewTab ? 'noopener noreferrer' : undefined, class: "forja-nav__mobile-link" }, item.title))), this.renderThemeToggle()))));
+    }
+    static get is() { return "forja-nav"; }
+    static get properties() {
+        return {
+            "siteName": {
+                "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": "site-name"
+            },
+            "homeHref": {
+                "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": "home-href",
+                "defaultValue": "'/'"
+            },
+            "items": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "NavItem[]",
+                    "resolved": "NavItem[] | undefined",
+                    "references": {
+                        "NavItem": {
+                            "location": "import",
+                            "path": "../../types",
+                            "id": "src/types.ts::NavItem",
+                            "referenceLocation": "NavItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "locales": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LocaleOption[]",
+                    "resolved": "LocaleOption[] | undefined",
+                    "references": {
+                        "LocaleOption": {
+                            "location": "import",
+                            "path": "../../types",
+                            "id": "src/types.ts::LocaleOption",
+                            "referenceLocation": "LocaleOption"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "currentLocale": {
+                "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": "current-locale"
+            },
+            "showThemeToggle": {
+                "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-theme-toggle",
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "mobileOpen": {},
+            "localeDropdownOpen": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "forjaThemeToggle",
+                "name": "forjaThemeToggle",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "forjaLocaleChange",
+                "name": "forjaLocaleChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+}