weg-shared-layout 0.0.22 → 0.0.24

package/src/assets/dummy-data.json

@@ -1,147 +1,147 @@
-{
-  "header": {
-    "logoHref": "https://www.warwickemploymentgroup.com/",
-    "dropdowns": [
-      {
-        "label": "Find a job",
-        "items": [
-          {
-            "label": "Professional & operational services",
-            "href": "https://www.warwickemploymentgroup.com/find-a-job/professional-and-operational-services"
-          },
-          {
-            "label": "Engineering & technology",
-            "href": "https://www.warwickemploymentgroup.com/find-a-job/engineering-and-technology"
-          },
-          {
-            "label": "Graduates",
-            "href": "https://www.warwickemploymentgroup.com/find-a-job/graduates"
-          },
-          {
-            "label": "Senior & leadership",
-            "href": "https://www.warwickemploymentgroup.com/find-a-job/senior-and-leadership"
-          }
-        ]
-      },
-      {
-        "label": "Hire talent",
-        "items": [
-          {
-            "label": "Professional & operational services",
-            "href": "https://www.warwickemploymentgroup.com/hire-talent/professional-and-operational-services"
-          },
-          {
-            "label": "Engineering & technology",
-            "href": "https://www.warwickemploymentgroup.com/hire-talent/engineering-and-technology"
-          },
-          {
-            "label": "Graduates",
-            "href": "https://www.warwickemploymentgroup.com/hire-talent/graduates"
-          },
-          {
-            "label": "Executive search & selection",
-            "href": "https://www.warwickemploymentgroup.com/hire-talent/executive-search-and-selection"
-          }
-        ]
-      },
-      {
-        "label": "HE solutions",
-        "items": [
-          {
-            "label": "Franchise solution",
-            "href": "https://www.warwickemploymentgroup.com/he-solutions/unitemps-franchise"
-          },
-          {
-            "label": "Disability support solution",
-            "href": "https://www.warwickemploymentgroup.com/he-solutions/disabillity-support"
-          },
-          {
-            "label": "Payroll bureau",
-            "href": "https://www.warwickemploymentgroup.com/he-solutions/payroll-bureau"
-          }
-        ]
-      }
-    ],
-    "links": [
-      {
-        "label": "Career advice",
-        "href": "https://www.warwickemploymentgroup.com/career-advice"
-      },
-      {
-        "label": "Register",
-        "href": "https://account.warwickemploymentgroup.com/account/register"
-      }
-    ],
-    "signIn": {
-      "label": "Sign in",
-      "href": "https://account.warwickemploymentgroup.com/account/login"
-    },
-    "signOut": {
-      "label": "Sign out",
-      "href": "https://account.warwickemploymentgroup.com/account/login"
-    }
-  },
-  "footer": {
-    "social": [
-      { "platform": "LinkedIn", "href": "https://www.linkedin.com/company/warwickemploymentgroup/" },
-      { "platform": "TikTok", "href": "https://www.tiktok.com/@weg_updates" },
-      { "platform": "Instagram", "href": "https://www.instagram.com/warwickemploymentgroup/" },
-      { "platform": "YouTube", "href": "https://www.youtube.com/@WarwickEmploymentGroup" }
-    ],
-    "columns": [
-      {
-        "links": [
-          { "label": "Find a job", "href": "/jobs" },
-          { "label": "Professional & operational", "href": "/jobs/professional" },
-          { "label": "Engineering & technology", "href": "/jobs/engineering" },
-          { "label": "Graduates", "href": "/jobs/graduates" },
-          { "label": "Senior & leadership", "href": "/jobs/senior" }
-        ]
-      },
-      {
-        "links": [
-          { "label": "Hire talent", "href": "/hire" },
-          { "label": "Professional & operational", "href": "/hire/professional" },
-          { "label": "Engineering & technology", "href": "/hire/engineering" },
-          { "label": "Graduates", "href": "/hire/graduates" },
-          { "label": "Executive search & selection", "href": "/hire/executive" }
-        ]
-      },
-      {
-        "links": [
-          { "label": "HE solutions", "href": "/he-solutions" },
-          { "label": "Franchise solution", "href": "/franchise" },
-          { "label": "Payroll bureau", "href": "/payroll" },
-          { "label": "Disability support", "href": "/disability-support" }
-        ]
-      },
-      {
-        "links": [
-          { "label": "Career advice", "href": "/career-advice" },
-          { "label": "News & events", "href": "/news" },
-          { "label": "Insights", "href": "/insights" }
-        ]
-      },
-      {
-        "links": [
-          { "label": "About WEG", "href": "/about" },
-          { "label": "Our brands", "href": "/brands" },
-          { "label": "Careers at WEG", "href": "/careers" },
-          { "label": "Contact us", "href": "/contact" }
-        ]
-      },
-      {
-        "links": [
-          { "label": "Privacy policy", "href": "/privacy" },
-          { "label": "Terms of use", "href": "/terms" },
-          { "label": "Cookie policy", "href": "/cookies" },
-          { "label": "Accessibility statement", "href": "/accessibility" },
-          { "label": "Diversity & inclusion", "href": "/diversity" },
-          { "label": "Modern slavery", "href": "/modern-slavery" }
-        ]
-      }
-    ],
-    "credits": "Warwick Employment Group is a department of the Campus and Commercial Services Group at the University of Warwick.",
-    "copyright": "Copyright © Warwick Employment Group."
-  }
-}
+{
+  "header": {
+    "logoHref": "https://www.warwickemploymentgroup.com/",
+    "dropdowns": [
+      {
+        "label": "Find a job",
+        "items": [
+          {
+            "label": "Professional & operational services",
+            "href": "https://www.warwickemploymentgroup.com/find-a-job/professional-and-operational-services"
+          },
+          {
+            "label": "Engineering & technology",
+            "href": "https://www.warwickemploymentgroup.com/find-a-job/engineering-and-technology"
+          },
+          {
+            "label": "Graduates",
+            "href": "https://www.warwickemploymentgroup.com/find-a-job/graduates"
+          },
+          {
+            "label": "Senior & leadership",
+            "href": "https://www.warwickemploymentgroup.com/find-a-job/senior-and-leadership"
+          }
+        ]
+      },
+      {
+        "label": "Hire talent",
+        "items": [
+          {
+            "label": "Professional & operational services",
+            "href": "https://www.warwickemploymentgroup.com/hire-talent/professional-and-operational-services"
+          },
+          {
+            "label": "Engineering & technology",
+            "href": "https://www.warwickemploymentgroup.com/hire-talent/engineering-and-technology"
+          },
+          {
+            "label": "Graduates",
+            "href": "https://www.warwickemploymentgroup.com/hire-talent/graduates"
+          },
+          {
+            "label": "Executive search & selection",
+            "href": "https://www.warwickemploymentgroup.com/hire-talent/executive-search-and-selection"
+          }
+        ]
+      },
+      {
+        "label": "HE solutions",
+        "items": [
+          {
+            "label": "Franchise solution",
+            "href": "https://www.warwickemploymentgroup.com/he-solutions/unitemps-franchise"
+          },
+          {
+            "label": "Disability support solution",
+            "href": "https://www.warwickemploymentgroup.com/he-solutions/disabillity-support"
+          },
+          {
+            "label": "Payroll bureau",
+            "href": "https://www.warwickemploymentgroup.com/he-solutions/payroll-bureau"
+          }
+        ]
+      }
+    ],
+    "links": [
+      {
+        "label": "Career advice",
+        "href": "https://www.warwickemploymentgroup.com/career-advice"
+      },
+      {
+        "label": "Register",
+        "href": "https://account.warwickemploymentgroup.com/account/register"
+      }
+    ],
+    "signIn": {
+      "label": "Sign in",
+      "href": "https://account.warwickemploymentgroup.com/account/login"
+    },
+    "signOut": {
+      "label": "Sign out",
+      "href": "https://account.warwickemploymentgroup.com/account/login"
+    }
+  },
+  "footer": {
+    "social": [
+      { "platform": "LinkedIn", "href": "https://www.linkedin.com/company/warwickemploymentgroup/" },
+      { "platform": "TikTok", "href": "https://www.tiktok.com/@weg_updates" },
+      { "platform": "Instagram", "href": "https://www.instagram.com/warwickemploymentgroup/" },
+      { "platform": "YouTube", "href": "https://www.youtube.com/@WarwickEmploymentGroup" }
+    ],
+    "columns": [
+      {
+        "links": [
+          { "label": "Find a job", "href": "/jobs" },
+          { "label": "Professional & operational", "href": "/jobs/professional" },
+          { "label": "Engineering & technology", "href": "/jobs/engineering" },
+          { "label": "Graduates", "href": "/jobs/graduates" },
+          { "label": "Senior & leadership", "href": "/jobs/senior" }
+        ]
+      },
+      {
+        "links": [
+          { "label": "Hire talent", "href": "/hire" },
+          { "label": "Professional & operational", "href": "/hire/professional" },
+          { "label": "Engineering & technology", "href": "/hire/engineering" },
+          { "label": "Graduates", "href": "/hire/graduates" },
+          { "label": "Executive search & selection", "href": "/hire/executive" }
+        ]
+      },
+      {
+        "links": [
+          { "label": "HE solutions", "href": "/he-solutions" },
+          { "label": "Franchise solution", "href": "/franchise" },
+          { "label": "Payroll bureau", "href": "/payroll" },
+          { "label": "Disability support", "href": "/disability-support" }
+        ]
+      },
+      {
+        "links": [
+          { "label": "Career advice", "href": "/career-advice" },
+          { "label": "News & events", "href": "/news" },
+          { "label": "Insights", "href": "/insights" }
+        ]
+      },
+      {
+        "links": [
+          { "label": "About WEG", "href": "/about" },
+          { "label": "Our brands", "href": "/brands" },
+          { "label": "Careers at WEG", "href": "/careers" },
+          { "label": "Contact us", "href": "/contact" }
+        ]
+      },
+      {
+        "links": [
+          { "label": "Privacy policy", "href": "/privacy" },
+          { "label": "Terms of use", "href": "/terms" },
+          { "label": "Cookie policy", "href": "/cookies" },
+          { "label": "Accessibility statement", "href": "/accessibility" },
+          { "label": "Diversity & inclusion", "href": "/diversity" },
+          { "label": "Modern slavery", "href": "/modern-slavery" }
+        ]
+      }
+    ],
+    "credits": "Warwick Employment Group is a department of the Campus and Commercial Services Group at the University of Warwick.",
+    "copyright": "Copyright © Warwick Employment Group."
+  }
+}

package/src/constants/breakpoints.ts

@@ -0,0 +1,7 @@
+/**
+ * JS media-query strings aligned with `src/styles/breakpoints.css`.
+ */
+export const WEG_MD_MEDIA_QUERY = '(width >= 960px)' as const;
+
+/** Primary input can hover (excludes most touch-only profiles). */
+export const WEG_HOVER_CAPABLE_MEDIA_QUERY = '(hover: hover)' as const;

package/src/constants/weg-urls.ts

@@ -1,23 +1,23 @@
-/** Canonical WEG site and account URLs — single source of truth for components, docs, and host apps. */
-
-export const WEG_SITE_ORIGIN = 'https://www.warwickemploymentgroup.com';
-export const ACCOUNT_ORIGIN = 'https://account.warwickemploymentgroup.com';
-
-export const DEFAULT_LOGO_HREF = `${WEG_SITE_ORIGIN}/`;
-export const FIND_A_JOB_HREF = `${WEG_SITE_ORIGIN}/find-a-job`;
-export const CAREER_ADVICE_HREF = `${WEG_SITE_ORIGIN}/career-advice`;
-
-export const ACCOUNT_LOGIN_HREF = `${ACCOUNT_ORIGIN}/account/login`;
-export const ACCOUNT_REGISTER_HREF = `${ACCOUNT_ORIGIN}/account/register`;
-export const ACCOUNT_DASHBOARD_HREF = `${ACCOUNT_ORIGIN}/dashboard`;
-export const ACCOUNT_MANAGE_HREF = `${ACCOUNT_ORIGIN}/account/manage`;
-
-export const HEADER_SIGN_IN = {
-  label: 'Sign in',
-  href: ACCOUNT_LOGIN_HREF,
-} as const;
-
-export const HEADER_SIGN_OUT = {
-  label: 'Sign out',
-  href: ACCOUNT_LOGIN_HREF,
-} as const;
+/** Canonical WEG site and account URLs — single source of truth for components, docs, and host apps. */
+
+export const WEG_SITE_ORIGIN = 'https://www.warwickemploymentgroup.com';
+export const ACCOUNT_ORIGIN = 'https://account.warwickemploymentgroup.com';
+
+export const DEFAULT_LOGO_HREF = `${WEG_SITE_ORIGIN}/`;
+export const FIND_A_JOB_HREF = `${WEG_SITE_ORIGIN}/find-a-job`;
+export const CAREER_ADVICE_HREF = `${WEG_SITE_ORIGIN}/career-advice`;
+
+export const ACCOUNT_LOGIN_HREF = `${ACCOUNT_ORIGIN}/account/login`;
+export const ACCOUNT_REGISTER_HREF = `${ACCOUNT_ORIGIN}/account/register`;
+export const ACCOUNT_DASHBOARD_HREF = `${ACCOUNT_ORIGIN}/dashboard`;
+export const ACCOUNT_MANAGE_HREF = `${ACCOUNT_ORIGIN}/account/manage`;
+
+export const HEADER_SIGN_IN = {
+  label: 'Sign in',
+  href: ACCOUNT_LOGIN_HREF,
+} as const;
+
+export const HEADER_SIGN_OUT = {
+  label: 'Sign out',
+  href: ACCOUNT_LOGIN_HREF,
+} as const;

package/dist/cjs/my-component.cjs.entry.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var index = require('./index-CC8e1qRm.js');
-var index$1 = require('./index.cjs.js');
-
-const myComponentCss = () => `:host{display:block}`;
-
-const MyComponent = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /**
-     * The first name
-     */
-    first;
-    /**
-     * The middle name
-     */
-    middle;
-    /**
-     * The last name
-     */
-    last;
-    getText() {
-        return index$1.format(this.first, this.middle, this.last);
-    }
-    render() {
-        return index.h("div", { key: '5452c3b9c97f8879dbc26b788d1fa79409846ff0' }, "Hello, world! I'm ", this.getText());
-    }
-};
-MyComponent.style = myComponentCss();
-
-exports.my_component = MyComponent;

package/dist/collection/components/my-component/my-component.cmp.test.js

@@ -1,27 +0,0 @@
-import { render, h, describe, it, expect } from "@stencil/vitest";
-describe('my-component', () => {
-    it('renders', async () => {
-        const { root } = await render(h("my-component", null));
-        await expect(root).toEqualHtml(`
-      <my-component class="hydrated">
-        <mock:shadow-root>
-          <div>
-            Hello, World! I'm
-          </div>
-        </mock:shadow-root>
-      </my-component>
-    `);
-    });
-    it('renders with values', async () => {
-        const { root } = await render(h("my-component", { first: "Stencil", middle: "'Don't call me a framework'", last: "JS" }));
-        await expect(root).toEqualHtml(`
-      <my-component class="hydrated">
-        <mock:shadow-root>
-          <div>
-            Hello, World! I'm Stencil 'Don't call me a framework' JS
-          </div>
-        </mock:shadow-root>
-      </my-component>
-    `);
-    });
-});

package/dist/collection/components/my-component/my-component.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/dist/collection/components/my-component/my-component.js

@@ -1,95 +0,0 @@
-import { h } from "@stencil/core";
-import { format } from "../../utils/utils";
-export class MyComponent {
-    /**
-     * The first name
-     */
-    first;
-    /**
-     * The middle name
-     */
-    middle;
-    /**
-     * The last name
-     */
-    last;
-    getText() {
-        return format(this.first, this.middle, this.last);
-    }
-    render() {
-        return h("div", { key: '5452c3b9c97f8879dbc26b788d1fa79409846ff0' }, "Hello, world! I'm ", this.getText());
-    }
-    static get is() { return "my-component"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["my-component.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["my-component.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "first": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The first name"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "first"
-            },
-            "middle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The middle name"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "middle"
-            },
-            "last": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The last name"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "last"
-            }
-        };
-    }
-}

package/dist/collection/components/weg-header/weg-header.cmp.test.js

@@ -1,93 +0,0 @@
-import { render, h, describe, it, expect } from "@stencil/vitest";
-const SAMPLE_HEADER_LAYOUT = {
-    header: {
-        dropdowns: [
-            {
-                label: 'Find a job',
-                items: [{ label: 'Graduates', href: '/search?category=graduates' }],
-            },
-        ],
-        links: [{ label: 'Career advice', href: '/career-advice' }],
-        signIn: { label: 'Sign in', href: '/account/login' },
-        signOut: { label: 'Sign out' },
-    },
-};
-describe('weg-header', () => {
-    it('renders safely when layout is undefined', async () => {
-        const { root } = await render(h("weg-header", null));
-        expect(root).toBeTruthy();
-        const header = root.shadowRoot?.querySelector('.header');
-        expect(header).toBeTruthy();
-    });
-    it('parses JSON string layout prop', async () => {
-        const { root } = await render(h("weg-header", { layout: JSON.stringify(SAMPLE_HEADER_LAYOUT) }));
-        const text = root.shadowRoot?.textContent ?? '';
-        expect(text).toContain('Find a job');
-        expect(text).toContain('Career advice');
-        expect(text).toContain('Sign in');
-    });
-    it('renders dropdown labels and flat links from layout object', async () => {
-        const { root } = await render(h("weg-header", { layout: SAMPLE_HEADER_LAYOUT }));
-        const text = root.shadowRoot?.textContent ?? '';
-        expect(text).toContain('Find a job');
-        expect(text).toContain('Career advice');
-    });
-    it('shows signed-in navigation when signed-in is true', async () => {
-        const { root } = await render(h("weg-header", { layout: SAMPLE_HEADER_LAYOUT, "signed-in": true, "user-name": "Alex" }));
-        const text = root.shadowRoot?.textContent ?? '';
-        expect(text).toContain('Find a job');
-        expect(text).toContain('Dashboard');
-        expect(text).toContain('Alex');
-        expect(text).toContain('Sign out');
-        expect(text).not.toContain('Sign in');
-        expect(text).not.toContain('Career advice');
-    });
-    it('emits wegAuthClick when auth control is clicked', async () => {
-        const { root } = await render(h("weg-header", { layout: SAMPLE_HEADER_LAYOUT }));
-        let detail;
-        root.addEventListener('wegAuthClick', ((event) => {
-            detail = event.detail;
-            event.preventDefault();
-        }));
-        const authLink = root.shadowRoot?.querySelector('.desktop .sign-in-link');
-        expect(authLink).toBeTruthy();
-        authLink?.click();
-        expect(detail).toEqual({ action: 'sign-in' });
-    });
-    it('emits sign-out action when signed in', async () => {
-        const { root } = await render(h("weg-header", { layout: SAMPLE_HEADER_LAYOUT, "signed-in": true }));
-        let detail;
-        root.addEventListener('wegAuthClick', ((event) => {
-            detail = event.detail;
-            event.preventDefault();
-        }));
-        const signOutLink = root.shadowRoot?.querySelector('.desktop .sign-out-link');
-        expect(signOutLink).toBeTruthy();
-        signOutLink?.click();
-        expect(detail).toEqual({ action: 'sign-out' });
-    });
-    it('opens desktop dropdown on trigger focus with accessible wiring', async () => {
-        const { root } = await render(h("weg-header", { layout: SAMPLE_HEADER_LAYOUT }));
-        const trigger = root.shadowRoot?.querySelector('.dropdown-trigger');
-        expect(trigger).toBeTruthy();
-        expect(trigger?.getAttribute('aria-haspopup')).toBe('true');
-        expect(trigger?.getAttribute('aria-expanded')).toBe('false');
-        expect(trigger?.getAttribute('aria-controls')).toBeTruthy();
-        trigger?.focus();
-        await new Promise((r) => setTimeout(r, 0));
-        expect(trigger?.getAttribute('aria-expanded')).toBe('true');
-        expect(root.shadowRoot?.querySelector('.dropdown-panel')).toBeTruthy();
-    });
-    it('toggles mobile accordion aria-expanded', async () => {
-        const { root } = await render(h("weg-header", { layout: SAMPLE_HEADER_LAYOUT }));
-        const openButton = root.shadowRoot?.querySelector('.mobile .icon-button');
-        expect(openButton).toBeTruthy();
-        openButton?.click();
-        await new Promise((r) => setTimeout(r, 0));
-        const accordionButton = root.shadowRoot?.querySelector('.mobile-nav__row');
-        expect(accordionButton?.getAttribute('aria-expanded')).toBe('false');
-        accordionButton?.click();
-        await new Promise((r) => setTimeout(r, 0));
-        expect(accordionButton?.getAttribute('aria-expanded')).toBe('true');
-    });
-});

package/dist/collection/utils/layout.unit.test.js

@@ -1,36 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { parseJsonProp, isNonEmptyString, normalizeLinks } from "./layout";
-describe('parseJsonProp', () => {
-    it('returns non-string values unchanged', () => {
-        expect(parseJsonProp({ header: {} })).toEqual({ header: {} });
-    });
-    it('parses JSON strings', () => {
-        expect(parseJsonProp('{"footer":{}}')).toEqual({ footer: {} });
-    });
-    it('returns undefined for invalid or empty strings', () => {
-        expect(parseJsonProp('')).toBeUndefined();
-        expect(parseJsonProp('not json')).toBeUndefined();
-    });
-});
-describe('isNonEmptyString', () => {
-    it('accepts trimmed non-empty strings', () => {
-        expect(isNonEmptyString(' hello ')).toBe(true);
-    });
-    it('rejects empty or non-string values', () => {
-        expect(isNonEmptyString('   ')).toBe(false);
-        expect(isNonEmptyString(null)).toBe(false);
-    });
-});
-describe('normalizeLinks', () => {
-    it('filters invalid entries and trims valid links', () => {
-        expect(normalizeLinks([
-            { label: ' About ', href: ' /about ' },
-            { label: '', href: '/x' },
-            { label: 'Missing href' },
-            null,
-        ])).toEqual([{ label: 'About', href: '/about' }]);
-    });
-    it('returns an empty array for non-arrays', () => {
-        expect(normalizeLinks(undefined)).toEqual([]);
-    });
-});