{"version":3,"sources":["../src/community-header/types.ts","../src/shared/auth-bridge.ts","../src/community-header/web-component.ts"],"names":[],"mappings":";AA+EO,IAAM,4BAAA,GAGT;AAAA,EACF,kBAAA,EAAoB,sBAAA;AAAA,EACpB,qBAAA,EAAuB,yBAAA;AAAA,EACvB,eAAA,EAAiB,mBAAA;AAAA,EACjB,wBAAA,EAA0B,6BAAA;AAAA,EAC1B,iBAAA,EAAmB,qBAAA;AAAA,EACnB,cAAA,EAAgB,kBAAA;AAAA,EAChB,kBAAA,EAAoB,sBAAA;AAAA,EACpB,kBAAA,EAAoB,sBAAA;AAAA,EACpB,YAAA,EAAc,gBAAA;AAAA,EACd,gBAAA,EAAkB,oBAAA;AAAA,EAClB,gBAAA,EAAkB,oBAAA;AAAA,EAClB,eAAA,EAAiB,mBAAA;AAAA,EACjB,iBAAA,EAAmB,qBAAA;AAAA,EACnB,cAAA,EAAgB,kBAAA;AAAA,EAChB,mBAAA,EAAqB,wBAAA;AAAA,EACrB,aAAA,EAAe,gBAAA;AAAA,EACf,SAAA,EAAW,YAAA;AAAA,EACX,wBAAA,EAA0B;AAC5B,CAAA;;;AChEA,IAAM,kBAAA,GAAqB,YAAA;AAC3B,IAAM,mBAAA,GAAsB,aAAA;AAC5B,IAAM,sBAAA,GAAyB,qBAAA;AAE/B,SAAS,oBAAoB,IAAA,EAA6B;AACxD,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,YAAA,CAAa,wBAAwB,CAAA,IAAK,EAAA;AAC3D,EAAA,OAAO,GAAA,CACJ,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,IAAA,EAAM,CAAA,CACnB,MAAA,CAAO,OAAO,CAAA;AACnB;AAEA,SAAS,qBAAA,CAAsB,MAAmB,MAAA,EAAyB;AAEzE,EAAA,IAAI,MAAA,KAAW,MAAA,CAAO,QAAA,CAAS,MAAA,EAAQ,OAAO,IAAA;AAC9C,EAAA,MAAM,OAAA,GAAU,oBAAoB,IAAI,CAAA;AACxC,EAAA,OAAO,OAAA,CAAQ,SAAS,MAAM,CAAA;AAChC;AAEO,SAAS,gBAAA,CACd,MACA,IAAA,EACkB;AAElB,EAAA,IAAI,WAAA,GAA6B,IAAA;AAEjC,EAAA,MAAM,eAAe,MAAqB;AACxC,IAAA,IAAI,aAAa,OAAO,WAAA;AACxB,IAAA,OAAO,KAAK,YAAA,CAAa,YAAY,CAAA,IAAK,IAAA,CAAK,aAAa,SAAS,CAAA;AAAA,EACvE,CAAA;AAEA,EAAA,MAAM,mBAAmB,MAAY;AACnC,IAAA,MAAM,MAAA,GAAS,KAAK,cAAA,EAAe;AACnC,IAAA,MAAM,QAAQ,YAAA,EAAa;AAC3B,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,MAAA,CAAO,aAAA,IAAiB,CAAC,KAAA,EAAO;AAChD,IAAA,MAAA,CAAO,aAAA,CAAc,WAAA;AAAA,MACnB,EAAE,IAAA,EAAM,kBAAA,EAAoB,KAAA,EAAM;AAAA,MAClC,IAAA,CAAK;AAAA,KACP;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAA8B;AAC/C,IAAA,IAAI,CAAC,SAAS,OAAO,KAAA,CAAM,SAAS,QAAA,IAAY,KAAA,CAAM,SAAS,IAAA,EAAM;AACnE,MAAA;AAAA,IACF;AACA,IAAA,MAAM,OAAO,KAAA,CAAM,IAAA;AAGnB,IAAA,IAAI,IAAA,CAAK,SAAS,mBAAA,EAAqB;AACrC,MAAA,IAAI,CAAC,qBAAA,CAAsB,IAAA,EAAM,KAAA,CAAM,MAAM,CAAA,EAAG;AAChD,MAAA,IAAI,OAAO,IAAA,CAAK,KAAA,KAAU,QAAA,IAAY,CAAC,KAAK,KAAA,EAAO;AACnD,MAAA,WAAA,GAAc,IAAA,CAAK,KAAA;AACnB,MAAA,gBAAA,EAAiB;AACjB,MAAA;AAAA,IACF;AAIA,IAAA,IAAI,IAAA,CAAK,SAAS,sBAAA,EAAwB;AACxC,MAAA,MAAM,MAAA,GAAS,KAAK,cAAA,EAAe;AACnC,MAAA,IAAI,CAAC,MAAA,IAAU,KAAA,CAAM,MAAA,KAAW,OAAO,aAAA,EAAe;AACtD,MAAA,IAAA,CAAK,aAAA;AAAA,QACH,IAAI,YAAY,sBAAA,EAAwB;AAAA,UACtC,OAAA,EAAS,IAAA;AAAA,UACT,QAAA,EAAU;AAAA,SACX;AAAA,OACH;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAE5C,EAAA,OAAO;AAAA,IACL,MAAA,GAAS;AACP,MAAA,MAAA,CAAO,mBAAA,CAAoB,WAAW,SAAS,CAAA;AAAA,IACjD,CAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF;AACF;AAGO,IAAM,0BAAA,GAA6B;AAAA,EACxC,YAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA;;;AC5GA,IAAM,qBAAA,GAAwB,MAAA,CAAO,MAAA,CAAO,4BAA4B,CAAA;AAExE,IAAM,4BAAA,GAAN,cAA2C,WAAA,CAAY;AAAA,EAIrD,WAAA,GAAc;AACZ,IAAA,KAAA,EAAM;AAJR,IAAA,IAAA,CAAO,MAAA,GAAmC,IAAA;AAC1C,IAAA,IAAA,CAAQ,UAAA,GAAsC,IAAA;AAI5C,IAAA,IAAA,CAAK,YAAA,CAAa,EAAE,IAAA,EAAM,MAAA,EAAQ,CAAA;AAAA,EACpC;AAAA,EAEA,WAAW,kBAAA,GAA+B;AACxC,IAAA,OAAO;AAAA,MACL,SAAA;AAAA,MAAW,OAAA;AAAA,MAAS,aAAA;AAAA,MAAe,YAAA;AAAA,MAAc,aAAA;AAAA,MACjD,eAAA;AAAA,MAAiB,OAAA;AAAA,MAAS,OAAA;AAAA,MAAS,QAAA;AAAA,MACnC,GAAG,qBAAA;AAAA,MAEH,GAAG;AAAA,KACL;AAAA,EACF;AAAA,EAEA,iBAAA,GAA0B;AACxB,IAAA,IAAA,CAAK,UAAA,GAAa,iBAAiB,IAAA,EAAM;AAAA,MACvC,cAAA,EAAgB,MAAM,IAAA,CAAK,MAAA;AAAA,MAC3B,SAAS,IAAA,CAAK;AAAA,KACf,CAAA;AACD,IAAA,IAAA,CAAK,MAAA,EAAO;AAAA,EACd;AAAA,EAEA,oBAAA,GAA6B;AA5C/B,IAAA,IAAA,EAAA;AA6CI,IAAA,CAAA,EAAA,GAAA,IAAA,CAAK,eAAL,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiB,MAAA,EAAA;AACjB,IAAA,IAAA,CAAK,UAAA,GAAa,IAAA;AAAA,EACpB;AAAA,EAEA,wBAAA,CAAyB,IAAA,EAAc,QAAA,EAAyB,QAAA,EAA+B;AAjDjG,IAAA,IAAA,EAAA;AAkDI,IAAA,IAAI,aAAa,QAAA,EAAU;AAC3B,IAAA,IAAK,0BAAA,CAAiD,QAAA,CAAS,IAAI,CAAA,IAAK,KAAK,MAAA,EAAQ;AACnF,MAAA,CAAA,EAAA,GAAA,IAAA,CAAK,eAAL,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiB,gBAAA,EAAA;AACjB,MAAA;AAAA,IACF;AACA,IAAA,IAAA,CAAK,MAAA,EAAO;AAAA,EACd;AAAA,EAEA,IAAY,MAAA,GAAiB;AAAE,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,SAAS,CAAA,IAAK,OAAO,QAAA,CAAS,MAAA;AAAA,EAAQ;AAAA,EAC9F,IAAY,WAAA,GAAsB;AAAE,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,OAAO,CAAA,IAAK,WAAA;AAAA,EAAa;AAAA,EACtF,IAAY,UAAA,GAAsB;AAAE,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,aAAa,CAAA,KAAM,OAAA;AAAA,EAAS;AAAA,EACzF,IAAY,SAAA,GAAqB;AAAE,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,YAAY,CAAA,KAAM,OAAA;AAAA,EAAS;AAAA,EACvF,IAAY,UAAA,GAAsB;AAAE,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,aAAa,CAAA,KAAM,OAAA;AAAA,EAAS;AAAA,EACzF,IAAY,YAAA,GAA8B;AAAE,IAAA,OAAO,IAAA,CAAK,aAAa,eAAe,CAAA;AAAA,EAAG;AAAA,EACvF,IAAY,KAAA,GAAgB;AAAE,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,OAAO,CAAA,IAAK,OAAA;AAAA,EAAS;AAAA,EAC5E,IAAY,WAAA,GAAsB;AAAE,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,OAAO,CAAA,IAAK,MAAA;AAAA,EAAQ;AAAA,EACjF,IAAY,YAAA,GAAuB;AAAE,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,QAAQ,CAAA,IAAK,MAAA;AAAA,EAAQ;AAAA,EAEnF,MAAA,GAAe;AACb,IAAA,IAAI,CAAC,KAAK,UAAA,EAAY;AAEtB,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AAC9C,IAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,0BAAA,EAA4B,KAAK,MAAM,CAAA;AAE3D,IAAA,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,OAAA,EAAS,IAAA,CAAK,WAAW,CAAA;AAC9C,IAAA,GAAA,CAAI,aAAa,GAAA,CAAI,YAAA,EAAc,MAAA,CAAO,IAAA,CAAK,UAAU,CAAC,CAAA;AAC1D,IAAA,GAAA,CAAI,aAAa,GAAA,CAAI,WAAA,EAAa,MAAA,CAAO,IAAA,CAAK,SAAS,CAAC,CAAA;AACxD,IAAA,GAAA,CAAI,aAAa,GAAA,CAAI,YAAA,EAAc,MAAA,CAAO,IAAA,CAAK,UAAU,CAAC,CAAA;AAC1D,IAAA,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,OAAA,EAAS,IAAA,CAAK,KAAK,CAAA;AAExC,IAAA,IAAI,KAAK,YAAA,EAAc;AACrB,MAAA,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,cAAA,EAAgB,IAAA,CAAK,YAAY,CAAA;AAAA,IACxD;AAEA,IAAA,qBAAA,CAAsB,OAAA,CAAQ,CAAC,IAAA,KAAS;AACtC,MAAA,MAAM,GAAA,GAAM,IAAA,CAAK,YAAA,CAAa,IAAI,CAAA;AAClC,MAAA,IAAI,GAAA,KAAQ,QAAQ,GAAA,KAAQ,MAAA,IAAa,OAAO,GAAG,CAAA,CAAE,SAAS,CAAA,EAAG;AAC/D,QAAA,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,IAAA,EAAM,GAAG,CAAA;AAAA,MAChC;AAAA,IACF,CAAC,CAAA;AAED,IAAA,MAAM,cAAA,GAAiB,IAAA,CAAK,YAAA,KAAiB,MAAA,GAAS,UAAU,IAAA,CAAK,YAAA;AAErE,IAAA,MAAA,CAAO,GAAA,GAAM,IAAI,QAAA,EAAS;AAC1B,IAAA,MAAA,CAAO,QAAQ,IAAA,CAAK,WAAA;AACpB,IAAA,MAAA,CAAO,MAAA,GAAS,cAAA;AAChB,IAAA,MAAA,CAAO,WAAA,GAAc,GAAA;AACrB,IAAA,MAAA,CAAO,SAAA,GAAY,IAAA;AACnB,IAAA,MAAA,CAAO,KAAA,GAAQ,yBAAA;AACf,IAAA,MAAA,CAAO,OAAA,GAAU,MAAA;AAEjB,IAAA,MAAA,CAAO,SAAS,MAAM;AACpB,MAAA,IAAA,CAAK,aAAA,CAAc,IAAI,WAAA,CAAY,MAAA,EAAQ;AAAA,QACzC,QAAQ,EAAE,MAAA,EAAQ,kBAAA,EAAoB,KAAA,EAAO,KAAK,KAAA;AAAM,OACzD,CAAC,CAAA;AAAA,IACJ,CAAA;AAEA,IAAA,MAAA,CAAO,UAAU,MAAM;AACrB,MAAA,IAAI,CAAC,KAAK,UAAA,EAAY;AACtB,MAAA,IAAA,CAAK,WAAW,SAAA,GAAY,CAAA,qKAAA,CAAA;AAAA,IAC9B,CAAA;AAEA,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,aAAA,CAAc,OAAO,CAAA;AAC5C,IAAA,KAAA,CAAM,WAAA,GAAc;AAAA,qCAAA,EACe,IAAA,CAAK,WAAA,CAAY,QAAA,CAAS,GAAG,CAAA,GAAI,IAAA,CAAK,WAAA,GAAc,IAAA,CAAK,WAAA,GAAc,IAAI,CAAA,UAAA,EAAa,cAAc,CAAA;AAAA;AAAA,IAAA,CAAA;AAIzI,IAAA,IAAA,CAAK,WAAW,SAAA,GAAY,EAAA;AAC5B,IAAA,IAAA,CAAK,UAAA,CAAW,YAAY,KAAK,CAAA;AACjC,IAAA,IAAA,CAAK,UAAA,CAAW,YAAY,MAAM,CAAA;AAClC,IAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AAAA,EAChB;AAAA,EAEA,IAAY,aAAA,GAAwB;AAClC,IAAA,OAAO,IAAA,CAAK,MAAA;AAAA,EACd;AACF;AAEA,IAAI,OAAO,cAAA,KAAmB,WAAA,IAAe,CAAC,cAAA,CAAe,GAAA,CAAI,yBAAyB,CAAA,EAAG;AAC3F,EAAA,cAAA,CAAe,MAAA,CAAO,2BAA2B,4BAA4B,CAAA;AAC/E","file":"community-header-web-component.mjs","sourcesContent":["/**\n * Theming props for the Community Header Widget.\n * These map to CSS custom properties used internally.\n */\nexport interface CommunityHeaderThemingProps {\n /** Primary color */\n headerPrimaryColor?: string;\n /** Container background color */\n headerBackgroundColor?: string;\n /** Primary text color */\n headerTextColor?: string;\n /** Secondary text color */\n headerSecondaryTextColor?: string;\n /** Border color */\n headerBorderColor?: string;\n /** Search input background */\n headerSearchBg?: string;\n /** Search input border */\n headerSearchBorder?: string;\n /** Search input border radius */\n headerSearchRadius?: string;\n /** Stat card background */\n headerStatBg?: string;\n /** Stat card border radius */\n headerStatRadius?: string;\n /** Font family */\n headerFontFamily?: string;\n /** Title font size */\n headerTitleSize?: string;\n /** Title font weight */\n headerTitleWeight?: string;\n /** Stat value font size */\n headerStatSize?: string;\n /** Stat label font size */\n headerStatLabelSize?: string;\n /** Container padding */\n headerPadding?: string;\n /** Gap between elements */\n headerGap?: string;\n /** Transition duration */\n headerTransitionDuration?: string;\n}\n\n/**\n * Core configuration props for the Community Header Widget.\n */\nexport interface CommunityHeaderWidgetProps\n extends CommunityHeaderThemingProps {\n /** Base URL of the Legion application (required) */\n baseUrl: string;\n /** Community title. Default: \"Community\" */\n title?: string;\n /** Show search bar. Default: true */\n showSearch?: boolean;\n /** Show stats section. Default: true */\n showStats?: boolean;\n /** Show online count. Default: true */\n showOnline?: boolean;\n /** Community URL prefix */\n communityUrl?: string;\n /** Theme preset. Default: \"light\" */\n theme?: \"light\" | \"dark\";\n /** Widget height CSS value. Default: \"auto\" */\n height?: string;\n /** Widget width CSS value. Default: \"100%\" */\n width?: string;\n /** Additional CSS class name for the container */\n className?: string;\n /** Additional inline styles for the container */\n style?: React.CSSProperties;\n /** Callback when the widget iframe has loaded */\n onLoad?: (detail: { widget: string; theme: string }) => void;\n /** Callback when the widget iframe fails to load */\n onError?: (message: string) => void;\n}\n\n/**\n * Mapping from camelCase theming prop names to kebab-case query params.\n */\nexport const HEADER_THEMING_PROP_TO_PARAM: Record<\n keyof CommunityHeaderThemingProps,\n string\n> = {\n headerPrimaryColor: \"header-primary-color\",\n headerBackgroundColor: \"header-background-color\",\n headerTextColor: \"header-text-color\",\n headerSecondaryTextColor: \"header-secondary-text-color\",\n headerBorderColor: \"header-border-color\",\n headerSearchBg: \"header-search-bg\",\n headerSearchBorder: \"header-search-border\",\n headerSearchRadius: \"header-search-radius\",\n headerStatBg: \"header-stat-bg\",\n headerStatRadius: \"header-stat-radius\",\n headerFontFamily: \"header-font-family\",\n headerTitleSize: \"header-title-size\",\n headerTitleWeight: \"header-title-weight\",\n headerStatSize: \"header-stat-size\",\n headerStatLabelSize: \"header-stat-label-size\",\n headerPadding: \"header-padding\",\n headerGap: \"header-gap\",\n headerTransitionDuration: \"header-transition-duration\",\n};\n\n","/**\n * Auth bridge for `` web components (plan §4.2, LEG-444).\n *\n * Wires three message paths around an iframe-backed widget:\n *\n * parent page --(window.postMessage 'legion:auth')--> host component\n * host --(iframe.postMessage 'AUTH_TOKEN')----> iframe\n * iframe --(window.postMessage 'legion:auth-expired')-> host component\n * └─ re-emitted as\n * CustomEvent('legion:auth-expired')\n *\n * Token sources, highest to lowest precedence:\n * 1. parent postMessage `{ type: \"legion:auth\", token }`\n * 2. `auth-token` attribute (canonical, plan §4.2)\n * 3. `api-key` attribute (legacy alias, kept for backwards-compat)\n *\n * Parent → host messages are filtered against the comma-separated\n * `allowed-parent-origins` attribute. If unset, only `window.parent === self`\n * (top-level page) and same-origin parents are accepted.\n */\n\nexport interface AuthBridgeOptions {\n /** Returns the live iframe element if mounted. */\n iframeAccessor: () => HTMLIFrameElement | null;\n /** Used as the targetOrigin when posting to the iframe. */\n baseUrl: string;\n}\n\nexport interface AuthBridgeHandle {\n /** Tear down listeners. Call from `disconnectedCallback`. */\n detach(): void;\n /** Push the current token to the iframe. Call after `iframe.onload`. */\n postCurrentToken(): void;\n /** Resolve the active token (parent override → auth-token → api-key). */\n currentToken(): string | null;\n}\n\nconst AUTH_TOKEN_MESSAGE = \"AUTH_TOKEN\";\nconst PARENT_AUTH_MESSAGE = \"legion:auth\";\nconst IFRAME_EXPIRED_MESSAGE = \"legion:auth-expired\";\n\nfunction parseAllowedOrigins(host: HTMLElement): string[] {\n const raw = host.getAttribute(\"allowed-parent-origins\") || \"\";\n return raw\n .split(\",\")\n .map((s) => s.trim())\n .filter(Boolean);\n}\n\nfunction isAllowedParentOrigin(host: HTMLElement, origin: string): boolean {\n // Same-origin is always trusted.\n if (origin === window.location.origin) return true;\n const allowed = parseAllowedOrigins(host);\n return allowed.includes(origin);\n}\n\nexport function attachAuthBridge(\n host: HTMLElement,\n opts: AuthBridgeOptions\n): AuthBridgeHandle {\n // Token override pushed by the parent via postMessage. Wins over attrs.\n let parentToken: string | null = null;\n\n const currentToken = (): string | null => {\n if (parentToken) return parentToken;\n return host.getAttribute(\"auth-token\") || host.getAttribute(\"api-key\");\n };\n\n const postCurrentToken = (): void => {\n const iframe = opts.iframeAccessor();\n const token = currentToken();\n if (!iframe || !iframe.contentWindow || !token) return;\n iframe.contentWindow.postMessage(\n { type: AUTH_TOKEN_MESSAGE, token },\n opts.baseUrl\n );\n };\n\n const onMessage = (event: MessageEvent): void => {\n if (!event || typeof event.data !== \"object\" || event.data === null) {\n return;\n }\n const data = event.data as { type?: unknown; token?: unknown };\n\n // 1. Parent → host: token refresh.\n if (data.type === PARENT_AUTH_MESSAGE) {\n if (!isAllowedParentOrigin(host, event.origin)) return;\n if (typeof data.token !== \"string\" || !data.token) return;\n parentToken = data.token;\n postCurrentToken();\n return;\n }\n\n // 2. Iframe → host: token expired. The iframe is mounted in the\n // shadow DOM; messages from it carry `event.source === iframe.contentWindow`.\n if (data.type === IFRAME_EXPIRED_MESSAGE) {\n const iframe = opts.iframeAccessor();\n if (!iframe || event.source !== iframe.contentWindow) return;\n host.dispatchEvent(\n new CustomEvent(IFRAME_EXPIRED_MESSAGE, {\n bubbles: true,\n composed: true,\n })\n );\n }\n };\n\n window.addEventListener(\"message\", onMessage);\n\n return {\n detach() {\n window.removeEventListener(\"message\", onMessage);\n },\n postCurrentToken,\n currentToken,\n };\n}\n\n/** Attribute names the bridge cares about; widgets must add these to `observedAttributes`. */\nexport const AUTH_BRIDGE_OBSERVED_ATTRS = [\n \"auth-token\",\n \"api-key\",\n \"allowed-parent-origins\",\n] as const;\n","/**\n * Web Component entry point for the Community Header widget.\n *\n * @example\n * ```ts\n * import '@legionhandtech/lht-react-widgets/community-header-web-component';\n *\n * // Then use in HTML:\n * // \n * ```\n */\n\nimport { HEADER_THEMING_PROP_TO_PARAM } from \"./types\";\nimport { attachAuthBridge, type AuthBridgeHandle, AUTH_BRIDGE_OBSERVED_ATTRS } from \"../shared/auth-bridge\";\n\nconst HEADER_CSS_ATTRIBUTES = Object.values(HEADER_THEMING_PROP_TO_PARAM);\n\nclass LegionCommunityHeaderElement extends HTMLElement {\n public iframe: HTMLIFrameElement | null = null;\n private authBridge: AuthBridgeHandle | null = null;\n\n constructor() {\n super();\n this.attachShadow({ mode: \"open\" });\n }\n\n static get observedAttributes(): string[] {\n return [\n \"api-url\", \"title\", \"show-search\", \"show-stats\", \"show-online\",\n \"community-url\", \"theme\", \"width\", \"height\",\n ...HEADER_CSS_ATTRIBUTES,\n \n ...AUTH_BRIDGE_OBSERVED_ATTRS,\n ];\n }\n\n connectedCallback(): void {\n this.authBridge = attachAuthBridge(this, {\n iframeAccessor: () => this.iframe,\n baseUrl: this.bridgeBaseUrl,\n });\n this.render();\n }\n\n disconnectedCallback(): void {\n this.authBridge?.detach();\n this.authBridge = null;\n }\n\n attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {\n if (oldValue === newValue) return;\n if ((AUTH_BRIDGE_OBSERVED_ATTRS as readonly string[]).includes(name) && this.iframe) {\n this.authBridge?.postCurrentToken();\n return;\n }\n this.render();\n }\n\n private get apiUrl(): string { return this.getAttribute(\"api-url\") || window.location.origin; }\n private get widgetTitle(): string { return this.getAttribute(\"title\") || \"Community\"; }\n private get showSearch(): boolean { return this.getAttribute(\"show-search\") !== \"false\"; }\n private get showStats(): boolean { return this.getAttribute(\"show-stats\") !== \"false\"; }\n private get showOnline(): boolean { return this.getAttribute(\"show-online\") !== \"false\"; }\n private get communityUrl(): string | null { return this.getAttribute(\"community-url\"); }\n private get theme(): string { return this.getAttribute(\"theme\") || \"light\"; }\n private get widgetWidth(): string { return this.getAttribute(\"width\") || \"100%\"; }\n private get widgetHeight(): string { return this.getAttribute(\"height\") || \"auto\"; }\n\n render(): void {\n if (!this.shadowRoot) return;\n\n const iframe = document.createElement(\"iframe\");\n const url = new URL(\"/widget/community-header\", this.apiUrl);\n\n url.searchParams.set(\"title\", this.widgetTitle);\n url.searchParams.set(\"showSearch\", String(this.showSearch));\n url.searchParams.set(\"showStats\", String(this.showStats));\n url.searchParams.set(\"showOnline\", String(this.showOnline));\n url.searchParams.set(\"theme\", this.theme);\n\n if (this.communityUrl) {\n url.searchParams.set(\"communityUrl\", this.communityUrl);\n }\n\n HEADER_CSS_ATTRIBUTES.forEach((attr) => {\n const val = this.getAttribute(attr);\n if (val !== null && val !== undefined && String(val).length > 0) {\n url.searchParams.set(attr, val);\n }\n });\n\n const resolvedHeight = this.widgetHeight === \"auto\" ? \"120px\" : this.widgetHeight;\n\n iframe.src = url.toString();\n iframe.width = this.widgetWidth;\n iframe.height = resolvedHeight;\n iframe.frameBorder = \"0\";\n iframe.scrolling = \"no\";\n iframe.title = \"Community Header Widget\";\n iframe.loading = \"lazy\";\n\n iframe.onload = () => {\n this.dispatchEvent(new CustomEvent(\"load\", {\n detail: { widget: \"community-header\", theme: this.theme },\n }));\n };\n\n iframe.onerror = () => {\n if (!this.shadowRoot) return;\n this.shadowRoot.innerHTML = `
Failed to load community header widget
`;\n };\n\n const style = document.createElement(\"style\");\n style.textContent = `\n :host { display: block; width: ${this.widgetWidth.includes(\"%\") ? this.widgetWidth : this.widgetWidth + \"px\"}; height: ${resolvedHeight}; }\n iframe { width: 100%; height: 100%; border: none; border-radius: 8px; }\n `;\n\n this.shadowRoot.innerHTML = \"\";\n this.shadowRoot.appendChild(style);\n this.shadowRoot.appendChild(iframe);\n this.iframe = iframe;\n }\n\n private get bridgeBaseUrl(): string {\n return this.apiUrl;\n }\n}\n\nif (typeof customElements !== \"undefined\" && !customElements.get(\"legion-community-header\")) {\n customElements.define(\"legion-community-header\", LegionCommunityHeaderElement);\n}\n\nexport { LegionCommunityHeaderElement };\n\n"]}