@popgrids/embed 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +2 -2
  2. package/dist/components/pop-grid.d.ts.map +1 -1
  3. package/dist/embed.js +7 -7
  4. package/dist/embed.js.map +1 -1
  5. package/dist/index.cjs +4 -4
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.js +6 -6
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
package/dist/embed.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"embed.js","names":["i","r","e","computePosition","flip","offset","shift","getComputedStyle","t"],"sources":["../node_modules/.pnpm/@preact+signals-core@1.14.3/node_modules/@preact/signals-core/dist/signals-core.module.js","../src/lib/popup-auth.ts","../src/store/auth-store.ts","../src/store/registry.ts","../src/store/grid-store.ts","../src/styles/base.css?inline","../src/styles/buttons.css?inline","../src/styles/masks.css?inline","../src/helpers/theme.ts","../src/components/base-element.ts","../src/components/pop-auth-panel.ts","../src/assets/popgrids-letter-p.png?inline","../src/helpers/color.ts","../src/components/pop-comment-avatar.ts","../src/helpers/author.ts","../src/components/pop-comment-bar.ts","../src/components/pop-comment-icon.ts","../src/components/pop-comment-input.ts","../src/components/pop-comment-thread.ts","../src/helpers/time.ts","../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs","../node_modules/.pnpm/@floating-ui+core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs","../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs","../node_modules/.pnpm/@floating-ui+dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs","../src/components/pop-comment.ts","../src/components/pop-feed.ts","../node_modules/.pnpm/composed-offset-position@0.0.6_@floating-ui+utils@0.2.11/node_modules/composed-offset-position/dist/composed-offset-position.browser.min.mjs","../src/components/pop-grid.ts","../src/components/pop-widget.ts","../src/index.ts"],"sourcesContent":["var i=Symbol.for(\"preact-signals\");function t(){if(!(s>1)){var i,t=!1;!function(){var i=c;c=void 0;while(void 0!==i){if(i.S.v===i.v)i.S.i=i.i;i=i.o}}();while(void 0!==h){var n=h;h=void 0;v++;while(void 0!==n){var r=n.u;n.u=void 0;n.f&=-3;if(!(8&n.f)&&w(n))try{n.c()}catch(n){if(!t){i=n;t=!0}}n=r}}v=0;s--;if(t)throw i}else s--}function n(i){if(s>0)return i();e=++u;s++;try{return i()}finally{t()}}var r=void 0;function o(i){var t=r;r=void 0;try{return i()}finally{r=t}}var f,h=void 0,s=0,v=0,u=0,e=0,c=void 0,d=0;function a(i){if(void 0!==r){var t=i.n;if(void 0===t||t.t!==r){t={i:0,S:i,p:r.s,n:void 0,t:r,e:void 0,x:void 0,r:t};if(void 0!==r.s)r.s.n=t;r.s=t;i.n=t;if(32&r.f)i.S(t);return t}else if(-1===t.i){t.i=0;if(void 0!==t.n){t.n.p=t.p;if(void 0!==t.p)t.p.n=t.n;t.p=r.s;t.n=void 0;r.s.n=t;r.s=t}return t}}}function l(i,t){this.v=i;this.i=0;this.n=void 0;this.t=void 0;this.l=0;this.W=null==t?void 0:t.watched;this.Z=null==t?void 0:t.unwatched;this.name=null==t?void 0:t.name}l.prototype.brand=i;l.prototype.h=function(){return!0};l.prototype.S=function(i){var t=this,n=this.t;if(n!==i&&void 0===i.e){i.x=n;this.t=i;if(void 0!==n)n.e=i;else o(function(){var i;null==(i=t.W)||i.call(t)})}};l.prototype.U=function(i){var t=this;if(void 0!==this.t){var n=i.e,r=i.x;if(void 0!==n){n.x=r;i.e=void 0}if(void 0!==r){r.e=n;i.x=void 0}if(i===this.t){this.t=r;if(void 0===r)o(function(){var i;null==(i=t.Z)||i.call(t)})}}};l.prototype.subscribe=function(i){var t=this;return j(function(){var n=t.value;o(function(){return i(n)})},{name:\"sub\"})};l.prototype.valueOf=function(){return this.value};l.prototype.toString=function(){return this.value+\"\"};l.prototype.toJSON=function(){return this.value};l.prototype.peek=function(){var i=this;return o(function(){return i.value})};Object.defineProperty(l.prototype,\"value\",{get:function(){var i=a(this);if(void 0!==i)i.i=this.i;return this.v},set:function(i){if(i!==this.v){if(v>100)throw new Error(\"Cycle detected\");!function(i){if(0!==s&&0===v)if(i.l!==e){i.l=e;c={S:i,v:i.v,i:i.i,o:c}}}(this);this.v=i;this.i++;d++;s++;try{for(var n=this.t;void 0!==n;n=n.x)n.t.N()}finally{t()}}}});function y(i,t){return new l(i,t)}function w(i){for(var t=i.s;void 0!==t;t=t.n)if(t.S.i!==t.i||!t.S.h()||t.S.i!==t.i)return!0;return!1}function _(i){for(var t=i.s;void 0!==t;t=t.n){var n=t.S.n;if(void 0!==n)t.r=n;t.S.n=t;t.i=-1;if(void 0===t.n){i.s=t;break}}}function b(i){var t=i.s,n=void 0;while(void 0!==t){var r=t.p;if(-1===t.i){t.S.U(t);if(void 0!==r)r.n=t.n;if(void 0!==t.n)t.n.p=r}else n=t;t.S.n=t.r;if(void 0!==t.r)t.r=void 0;t=r}i.s=n}function p(i,t){l.call(this,void 0,t);this.x=i;this.s=void 0;this.g=d-1;this.f=4}p.prototype=new l;p.prototype.h=function(){this.f&=-3;if(1&this.f)return!1;if(32==(36&this.f))return!0;this.f&=-5;if(this.g===d)return!0;this.g=d;this.f|=1;if(this.i>0&&!w(this)){this.f&=-2;return!0}var i=r;try{_(this);r=this;var t=this.x();if(16&this.f||this.v!==t||0===this.i){this.v=t;this.f&=-17;this.i++}}catch(i){this.v=i;this.f|=16;this.i++}r=i;b(this);this.f&=-2;return!0};p.prototype.S=function(i){if(void 0===this.t){this.f|=36;for(var t=this.s;void 0!==t;t=t.n)t.S.S(t)}l.prototype.S.call(this,i)};p.prototype.U=function(i){if(void 0!==this.t){l.prototype.U.call(this,i);if(void 0===this.t){this.f&=-33;for(var t=this.s;void 0!==t;t=t.n)t.S.U(t)}}};p.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var i=this.t;void 0!==i;i=i.x)i.t.N()}};Object.defineProperty(p.prototype,\"value\",{get:function(){if(1&this.f)throw new Error(\"Cycle detected\");var i=a(this);this.h();if(void 0!==i)i.i=this.i;if(16&this.f)throw this.v;return this.v}});function g(i,t){return new p(i,t)}function S(i){var n=i.m;i.m=void 0;if(\"function\"==typeof n){s++;var o=r;r=void 0;try{n()}catch(t){i.f&=-2;i.f|=8;m(i);throw t}finally{r=o;t()}}}function m(i){for(var t=i.s;void 0!==t;t=t.n)t.S.U(t);i.x=void 0;i.s=void 0;S(i)}function x(i){if(r!==this)throw new Error(\"Out-of-order effect\");b(this);r=i;this.f&=-2;if(8&this.f)m(this);t()}function E(i,t){this.x=i;this.m=void 0;this.s=void 0;this.u=void 0;this.f=32;this.name=null==t?void 0:t.name;if(f)f.push(this)}E.prototype.c=function(){var i=this.S();try{if(8&this.f)return;if(void 0===this.x)return;var t=this.x();if(\"function\"==typeof t)this.m=t}finally{i()}};E.prototype.S=function(){if(1&this.f)throw new Error(\"Cycle detected\");this.f|=1;this.f&=-9;S(this);_(this);s++;var i=r;r=this;return x.bind(this,i)};E.prototype.N=function(){if(!(2&this.f)){this.f|=2;this.u=h;h=this}};E.prototype.d=function(){this.f|=8;if(!(1&this.f))m(this)};E.prototype.dispose=function(){this.d()};function j(i,t){var n=new E(i,t);try{n.c()}catch(i){n.d();throw i}var r=n.d.bind(n);r[Symbol.dispose]=r;return r}function C(i){return function(){var t=arguments,r=this;return n(function(){return o(function(){return i.apply(r,[].slice.call(t))})})}}function O(){var i=f;f=[];return function(){var t=f;if(f&&i)i=i.concat(f);f=i;return t}}var k=function(i){for(var t in i){var n=i[t];if(\"function\"==typeof n)i[t]=C(n);else if(\"object\"==typeof n&&null!==n&&!(\"brand\"in n))k(n)}};function T(i){return function(){var t,n,r=O();try{n=i.apply(void 0,[].slice.call(arguments))}catch(i){f=void 0;throw i}finally{t=r()}k(n);n[Symbol.dispose]=C(function(){if(t)for(var i=0;i<t.length;i++)t[i].dispose();t=void 0});return n}}export{p as Computed,E as Effect,l as Signal,C as action,n as batch,g as computed,T as createModel,j as effect,y as signal,o as untracked};//# sourceMappingURL=signals-core.module.js.map\n","import type { AuthUser } from \"../types/models.js\";\n\nexport const EMBED_AUTH_SOURCE = \"popgrids-embed\";\nexport const EMBED_AUTH_SUCCESS = \"popgrids:auth:success\";\nexport const EMBED_AUTH_ERROR = \"popgrids:auth:error\";\n\nexport const EMBED_AUTH_LOGIN_PATH = \"/embed/auth/login\";\nexport const POPUP_NAME = \"popgrids-auth\";\nexport const POPUP_FEATURES = \"popup,width=480,height=640\";\nexport const AUTH_TIMEOUT_MS = 5 * 60 * 1000;\n\nconst POPUP_CLOSE_GRACE_MS = 250;\n\nexport class PopupAuthError extends Error {\n constructor(message: string) {\n super(message);\n this.name = \"PopupAuthError\";\n }\n}\n\nexport const buildEmbedLoginUrl = (\n apiUrl: string,\n publicKey: string,\n returnOrigin: string,\n) => {\n const url = new URL(EMBED_AUTH_LOGIN_PATH, apiUrl);\n url.searchParams.set(\"publicKey\", publicKey);\n url.searchParams.set(\"returnOrigin\", returnOrigin);\n return url.toString();\n};\n\nexport const openPopgridsLoginPopup = (apiUrl: string, publicKey: string) => {\n const popup = window.open(\n buildEmbedLoginUrl(apiUrl, publicKey, window.location.origin),\n POPUP_NAME,\n POPUP_FEATURES,\n );\n\n if (!popup) {\n throw new PopupAuthError(\"Popup blocked. Allow popups for this site and try again.\");\n }\n\n return popup;\n};\n\nconst isAuthMessage = (data: unknown, type: string) =>\n typeof data === \"object\" &&\n data !== null &&\n \"type\" in data &&\n \"source\" in data &&\n (data as { type: string; source: string }).type === type &&\n (data as { type: string; source: string }).source === EMBED_AUTH_SOURCE;\n\nconst readAuthUser = (data: unknown): AuthUser | null => {\n if (typeof data !== \"object\" || data === null || !(\"user\" in data)) {\n return null;\n }\n\n const user = (data as { user?: unknown }).user;\n if (typeof user !== \"object\" || user === null || !(\"id\" in user)) {\n return null;\n }\n\n const record = user as {\n id?: unknown;\n name?: unknown;\n email?: unknown;\n image?: unknown;\n };\n\n if (typeof record.id !== \"string\") {\n return null;\n }\n\n return {\n id: record.id,\n name: typeof record.name === \"string\" ? record.name : \"\",\n email: typeof record.email === \"string\" ? record.email : \"\",\n image: typeof record.image === \"string\" ? record.image : null,\n };\n};\n\nexport const waitForPopgridsAuth = (\n apiUrl: string,\n popup: Window,\n options?: {\n onAuthUser?: (user: AuthUser) => void;\n verifySignedIn?: () => Promise<boolean>;\n },\n) =>\n new Promise<void>((resolve, reject) => {\n const expectedOrigin = new URL(apiUrl).origin;\n let settled = false;\n let authMessageReceived = false;\n let closeCheckStarted = false;\n\n const settle = (result: \"resolve\" | \"reject\", error?: PopupAuthError) => {\n if (settled) {\n return;\n }\n settled = true;\n cleanup();\n if (result === \"resolve\") {\n resolve();\n return;\n }\n reject(error ?? new PopupAuthError(\"Sign-in failed\"));\n };\n\n const onMessage = (event: MessageEvent) => {\n if (event.origin !== expectedOrigin) {\n return;\n }\n\n if (isAuthMessage(event.data, EMBED_AUTH_SUCCESS)) {\n authMessageReceived = true;\n const user = readAuthUser(event.data);\n if (user) {\n options?.onAuthUser?.(user);\n }\n settle(\"resolve\");\n return;\n }\n\n if (isAuthMessage(event.data, EMBED_AUTH_ERROR)) {\n authMessageReceived = true;\n const message =\n typeof event.data === \"object\" &&\n event.data !== null &&\n \"error\" in event.data &&\n typeof (event.data as { error?: unknown }).error === \"string\"\n ? (event.data as { error: string }).error\n : \"Sign-in failed\";\n settle(\"reject\", new PopupAuthError(message));\n }\n };\n\n const interval = window.setInterval(() => {\n if (!popup.closed) {\n return;\n }\n\n if (closeCheckStarted) {\n return;\n }\n\n closeCheckStarted = true;\n\n void (async () => {\n await new Promise((resolveDelay) => window.setTimeout(resolveDelay, POPUP_CLOSE_GRACE_MS));\n\n if (authMessageReceived || settled) {\n return;\n }\n\n if (options?.verifySignedIn && (await options.verifySignedIn())) {\n settle(\"resolve\");\n return;\n }\n\n settle(\"reject\", new PopupAuthError(\"Sign-in was cancelled\"));\n })();\n }, 300);\n\n const timeout = window.setTimeout(() => {\n try {\n popup.close();\n } catch {\n // ignore\n }\n settle(\"reject\", new PopupAuthError(\"Sign-in timed out\"));\n }, AUTH_TIMEOUT_MS);\n\n const cleanup = () => {\n window.removeEventListener(\"message\", onMessage);\n clearInterval(interval);\n clearTimeout(timeout);\n };\n\n window.addEventListener(\"message\", onMessage);\n });\n\nexport const signInWithPopup = async (\n apiUrl: string,\n publicKey: string,\n options?: {\n onAuthUser?: (user: AuthUser) => void;\n verifySignedIn?: () => Promise<boolean>;\n },\n) => {\n const popup = openPopgridsLoginPopup(apiUrl, publicKey);\n await waitForPopgridsAuth(apiUrl, popup, options);\n};\n","import { signal } from \"@preact/signals-core\";\nimport { signInWithPopup } from \"../lib/popup-auth.js\";\nimport type { AuthUser } from \"../types/models.js\";\n\nexport const currentUser = signal<AuthUser | null>(null);\nexport const authError = signal<string | null>(null);\nexport const authPending = signal(false);\n\nconst SESSION_RETRY_DELAYS_MS = [0, 150, 400];\nconst POST_AUTH_SESSION_DELAYS_MS = [0, 100, 200, 400, 800, 1500, 2500, 4000];\n\nexport async function checkSession(\n apiUrl: string,\n publicKey: string,\n delays: number[] = SESSION_RETRY_DELAYS_MS,\n): Promise<boolean> {\n if (!apiUrl || !publicKey) {\n currentUser.value = null;\n return false;\n }\n\n const sessionUrl = new URL(\n `/api/v1/embed/grids/${publicKey}/session`,\n apiUrl,\n );\n sessionUrl.searchParams.set(\"pageUrl\", window.location.href);\n\n for (let attempt = 0; attempt < delays.length; attempt++) {\n const delay = delays[attempt] ?? 0;\n if (delay > 0) {\n await new Promise((resolve) => window.setTimeout(resolve, delay));\n }\n\n try {\n const res = await fetch(sessionUrl, { credentials: \"include\" });\n\n if (!res.ok) {\n continue;\n }\n\n const data = (await res.json()) as { user: AuthUser | null };\n currentUser.value = data.user ?? null;\n\n if (currentUser.value !== null) {\n return true;\n }\n } catch {\n // retry\n }\n }\n\n currentUser.value = null;\n return false;\n}\n\nexport async function requestSignIn(\n apiUrl: string,\n publicKey: string,\n): Promise<boolean> {\n authError.value = null;\n authPending.value = true;\n\n try {\n await signInWithPopup(apiUrl, publicKey, {\n onAuthUser: (user) => {\n currentUser.value = user;\n },\n verifySignedIn: () =>\n checkSession(apiUrl, publicKey, POST_AUTH_SESSION_DELAYS_MS),\n });\n\n if (currentUser.value) {\n return true;\n }\n\n return await checkSession(apiUrl, publicKey, POST_AUTH_SESSION_DELAYS_MS);\n } catch (error) {\n authError.value = error instanceof Error ? error.message : \"Sign-in failed\";\n return false;\n } finally {\n authPending.value = false;\n }\n}\n\nexport function clearAuthError(): void {\n authError.value = null;\n}\n","const _registry = new WeakMap<Element, Map<any, any>>();\n\nexport const registerStore = (el: Element, store: any, key: any = store.constructor): void => {\n let stores = _registry.get(el);\n if (!stores) {\n stores = new Map();\n _registry.set(el, stores);\n }\n stores.set(key, store);\n};\n\nexport const unregisterStore = (el: Element): void => {\n _registry.delete(el);\n};\n\nexport const resolveStore = <T>(el: Element, key: any): T | null => {\n let node: Element | null = el;\n while (node) {\n const stores = _registry.get(node);\n const store = stores?.get(key);\n if (store) return store as T;\n\n const root = node.getRootNode();\n if (!(root instanceof ShadowRoot)) break;\n node = root.host;\n }\n return null;\n};\n\nexport function consume(storeKey: any) {\n return function (target: any, propertyKey: string) {\n const cacheKey = Symbol(\"context_\" + (storeKey.name || \"store\"));\n Object.defineProperty(target, propertyKey, {\n get(this: any) {\n if (this[cacheKey]) return this[cacheKey];\n const resolved = resolveStore(this, storeKey);\n if (!resolved) {\n console.error(`[Context] resolveStore failed! isConnected: ${this.isConnected}`, this);\n throw new Error(\n `[Context] Store for key \"${storeKey.name || storeKey}\" not resolved on <${this.localName}>.`\n );\n }\n this[cacheKey] = resolved;\n return resolved;\n },\n enumerable: true,\n configurable: true,\n });\n };\n}\n\n","import { computed, signal } from \"@preact/signals-core\";\nimport type { Comment, CommentAuthor, Grid } from \"../types/models.js\";\nimport { currentUser, requestSignIn } from \"./auth-store.js\";\n\nconst MAX_RECONNECT_DELAY_MS = 30_000;\nconst DEFAULT_PREVIEW_COUNT = 3;\n\nconst commentRecency = (comment: Comment) => {\n const createdAt =\n typeof comment.createdAt === \"number\"\n ? comment.createdAt\n : Date.parse(String(comment.createdAt));\n\n return Number.isFinite(createdAt) ? createdAt : 0;\n};\n\nconst resolvePreviewCount = (grid: Grid | null, fallback: number) => {\n const value = grid?.previewCount ?? fallback;\n\n return value > 0 ? value : DEFAULT_PREVIEW_COUNT;\n};\n\nexport class GridStore {\n readonly apiUrl: string;\n readonly publicKey: string;\n readonly pageUrl: string;\n readonly externalId: string | null;\n readonly previewCount = DEFAULT_PREVIEW_COUNT;\n\n grid = signal<Grid | null>(null);\n comments = signal<Comment[]>([]);\n loading = signal(true);\n error = signal<string | null>(null);\n open = signal(false);\n replyingTo = signal<string | null>(null);\n editingCommentId = signal<string | null>(null);\n scrollingCommentId = signal<string | null>(null);\n\n private socket: WebSocket | null = null;\n private reconnectAttempt = 0;\n private reconnectTimer: ReturnType<typeof setTimeout> | null = null;\n private disposed = false;\n\n topLevelComments = computed(() =>\n this.comments.value\n .filter((c) => c.parentCommentId === null)\n .sort((a, b) => String(a.sortKey).localeCompare(String(b.sortKey))),\n );\n\n replyingToComment = computed(() => {\n const id = this.replyingTo.value;\n if (!id) return null;\n return this.comments.value.find((c) => c.id === id) ?? null;\n });\n\n editingComment = computed(() => {\n const id = this.editingCommentId.value;\n if (!id) return null;\n return this.comments.value.find((c) => c.id === id) ?? null;\n });\n\n previewComments = computed(() =>\n this.topLevelComments.value.slice(0, resolvePreviewCount(this.grid.value, this.previewCount)),\n );\n\n previewAvatars = computed((): CommentAuthor[] => {\n const limit = resolvePreviewCount(this.grid.value, this.previewCount);\n const seen = new Set<string>();\n const uniqueNewestFirst: CommentAuthor[] = [];\n\n const sorted = [...this.comments.value].sort((a, b) => commentRecency(b) - commentRecency(a));\n\n for (const comment of sorted) {\n const author = comment.author;\n\n if (!author?.id || seen.has(author.id)) {\n continue;\n }\n\n seen.add(author.id);\n uniqueNewestFirst.push(author);\n\n if (uniqueNewestFirst.length >= limit) {\n break;\n }\n }\n\n return uniqueNewestFirst.reverse();\n });\n\n constructor(opts: {\n apiUrl: string;\n publicKey: string;\n pageUrl: string;\n externalId?: string | null;\n }) {\n this.apiUrl = opts.apiUrl;\n this.publicKey = opts.publicKey;\n this.pageUrl = opts.pageUrl;\n this.externalId = opts.externalId?.trim() || null;\n }\n\n /** pageUrl + optional externalId — the params that identify the discussion. */\n private identityParams(): string {\n const params = new URLSearchParams({ pageUrl: this.pageUrl });\n if (this.externalId) {\n params.set(\"externalId\", this.externalId);\n }\n return params.toString();\n }\n\n repliesFor(parentId: string): Comment[] {\n const parent = this.comments.value.find((c) => c.id === parentId);\n if (!parent) return [];\n return this.comments.value\n .filter(\n (c) =>\n c.id !== parentId &&\n (c.sortKey === parent.sortKey || c.sortKey.startsWith(parent.sortKey + \"/\")),\n )\n .sort((a, b) => String(a.sortKey).localeCompare(String(b.sortKey)));\n }\n\n async load(): Promise<boolean> {\n this.loading.value = true;\n this.error.value = null;\n try {\n const gridRes = await fetch(`${this.apiUrl}/api/v1/embed/grids/${this.publicKey}`, {\n credentials: \"include\",\n });\n\n if (!gridRes.ok) {\n this.error.value = \"There was a problem loading the PopGrid\";\n return false;\n }\n\n const data = (await gridRes.json()) as { grid: Grid };\n this.grid.value = data.grid;\n this.connectRealtime();\n\n const commentsRes = await fetch(\n `${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments?${this.identityParams()}`,\n { credentials: \"include\" },\n );\n\n if (commentsRes.ok) {\n const commentsData = (await commentsRes.json()) as { comments: Comment[] };\n this.comments.value = commentsData.comments;\n }\n\n return true;\n } catch {\n console.error(\"Failed to load PopGrid\");\n this.error.value = \"There was a problem loading the PopGrid\";\n return false;\n } finally {\n this.loading.value = false;\n }\n }\n\n async postComment(body: string, parentCommentId?: string): Promise<Comment | null> {\n const attempt = async () =>\n fetch(`${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments`, {\n method: \"POST\",\n credentials: \"include\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n body,\n pageUrl: this.pageUrl,\n externalId: this.externalId ?? undefined,\n parentCommentId,\n }),\n });\n\n let res = await attempt();\n\n if (res.status === 401) {\n const signedIn = await requestSignIn(this.apiUrl, this.publicKey);\n if (!signedIn) {\n return null;\n }\n res = await attempt();\n }\n\n if (!res.ok) {\n return null;\n }\n\n const data = (await res.json()) as { comment: Comment };\n this.upsertComment(data.comment);\n\n if (data.comment.author && !currentUser.value) {\n currentUser.value = {\n id: data.comment.author.id,\n name: data.comment.author.name ?? \"\",\n email: \"\",\n image: data.comment.author.image,\n };\n }\n\n return data.comment;\n }\n\n destroy(): void {\n this.disposed = true;\n\n if (this.reconnectTimer) {\n clearTimeout(this.reconnectTimer);\n this.reconnectTimer = null;\n }\n\n if (this.socket) {\n this.socket.onopen = null;\n this.socket.onmessage = null;\n this.socket.onclose = null;\n this.socket.onerror = null;\n this.socket.close();\n this.socket = null;\n }\n }\n\n private connectRealtime(): void {\n const connectUrl = this.grid.value?.connectUrl;\n\n if (!connectUrl || this.disposed) {\n return;\n }\n\n if (this.socket) {\n this.socket.onopen = null;\n this.socket.onmessage = null;\n this.socket.onclose = null;\n this.socket.onerror = null;\n this.socket.close();\n this.socket = null;\n }\n\n const wsUrl = new URL(connectUrl, this.apiUrl);\n wsUrl.protocol = wsUrl.protocol === \"https:\" ? \"wss:\" : \"ws:\";\n wsUrl.searchParams.set(\"pageUrl\", this.pageUrl);\n if (this.externalId) {\n wsUrl.searchParams.set(\"externalId\", this.externalId);\n }\n\n const socket = new WebSocket(wsUrl.toString());\n this.socket = socket;\n\n socket.onopen = () => {\n this.reconnectAttempt = 0;\n };\n\n socket.onmessage = (event) => {\n try {\n const payload = JSON.parse(String(event.data)) as {\n type?: string;\n comment?: Comment;\n };\n\n if (payload.type === \"comment.created\" && payload.comment) {\n this.upsertComment(payload.comment);\n } else if (payload.type === \"comment.updated\" && payload.comment) {\n this.updateCommentInList(payload.comment);\n }\n } catch {\n // Ignore malformed realtime payloads.\n }\n };\n\n socket.onclose = () => {\n if (this.disposed) {\n return;\n }\n\n this.scheduleReconnect();\n };\n\n socket.onerror = () => {\n socket.close();\n };\n }\n\n private scheduleReconnect(): void {\n if (this.disposed || this.reconnectTimer) {\n return;\n }\n\n const delay = Math.min(1000 * 2 ** this.reconnectAttempt, MAX_RECONNECT_DELAY_MS);\n this.reconnectAttempt += 1;\n\n this.reconnectTimer = setTimeout(() => {\n this.reconnectTimer = null;\n this.connectRealtime();\n }, delay);\n }\n\n private upsertComment(comment: Comment): void {\n const existing = this.comments.value.some((entry) => entry.id === comment.id);\n\n if (existing) {\n return;\n }\n\n this.comments.value = [...this.comments.value, comment];\n }\n\n async editComment(commentId: string, body: string): Promise<Comment | null> {\n const attempt = async () =>\n fetch(`${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments/${commentId}`, {\n method: \"PATCH\",\n credentials: \"include\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n body,\n pageUrl: this.pageUrl,\n externalId: this.externalId ?? undefined,\n }),\n });\n\n let res = await attempt();\n\n if (res.status === 401) {\n const signedIn = await requestSignIn(this.apiUrl, this.publicKey);\n if (!signedIn) {\n return null;\n }\n res = await attempt();\n }\n\n if (!res.ok) {\n return null;\n }\n\n const data = (await res.json()) as { comment: Comment };\n this.updateCommentInList(data.comment);\n return data.comment;\n }\n\n async deleteComment(commentId: string): Promise<Comment | null> {\n const attempt = async () =>\n fetch(\n `${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments/${commentId}?${this.identityParams()}`,\n {\n method: \"DELETE\",\n credentials: \"include\",\n },\n );\n\n let res = await attempt();\n\n if (res.status === 401) {\n const signedIn = await requestSignIn(this.apiUrl, this.publicKey);\n if (!signedIn) {\n return null;\n }\n res = await attempt();\n }\n\n if (!res.ok) {\n return null;\n }\n\n const data = (await res.json()) as { comment: Comment };\n this.updateCommentInList(data.comment);\n return data.comment;\n }\n\n async flagComment(commentId: string): Promise<boolean> {\n const attempt = async () =>\n fetch(\n `${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments/${commentId}/flag?${this.identityParams()}`,\n {\n method: \"POST\",\n credentials: \"include\",\n },\n );\n\n let res = await attempt();\n\n if (res.status === 401) {\n const signedIn = await requestSignIn(this.apiUrl, this.publicKey);\n if (!signedIn) {\n return false;\n }\n res = await attempt();\n }\n\n return res.ok;\n }\n\n private updateCommentInList(comment: Comment): void {\n this.comments.value = this.comments.value.map((c) => (c.id === comment.id ? comment : c));\n }\n}\n","@layer base {\n :host {\n box-sizing: border-box;\n font-family: \"Inter\", sans-serif;\n font-size: 16px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n /* Color: Brand */\n --pop-color-brand-midnight-100: oklch(0.9658 0.0161 262.75);\n --pop-color-brand-midnight-900: oklch(0.15 0.03 255.43);\n --pop-color-brand-midnight-800: oklch(0.19 0.05 255.43);\n --pop-color-brand-ocean-400: oklch(0.63 0.19 255.43);\n --pop-color-brand-ocean-100: oklch(0.91 0.05 255.43);\n --pop-color-brand-forest-900: oklch(0.3866 0.0698 180.75);\n --pop-color-brand-forest-700: oklch(0.45 0.15 165.43);\n --pop-color-brand-forest-100: oklch(0.97 0.04 165.43);\n --pop-color-brand-highlight-400: oklch(0.88 0.25 105.43);\n --pop-color-brand-pumpkin-500: oklch(0.62 0.18 45.43);\n --pop-color-brand-pumpkin-200: oklch(0.89 0.08 45.43);\n --pop-color-brand-lemon-300: oklch(0.91 0.12 85.43);\n --pop-color-brand-lemon-100: oklch(0.97 0.04 85.43);\n\n /* Durations */\n --pop-duration-bouncy: 1s;\n --pop-duration-card-highlight: 0.6s;\n --pop-duration-gentle: 0.833s;\n --pop-duration-menu: 0.4s;\n --pop-duration-pop-hover: 0.6s;\n --pop-duration-pop-text: 0.3s;\n --pop-duration-quick: 0.833s;\n --pop-duration-slow: 1.167s;\n\n /* Easing */\n /* prettier-ignore */\n --pop-ease-bouncy: linear(0, 0.011, 0.045 1.3%, 0.184 2.7%, 0.911 7.4%, 1.153 9.4%, 1.301 11.2%, 1.342, 1.362 13%, 1.363, 1.355 14.4%, 1.306 16%, 1.028 21%, 0.939 23%, 0.89 24.7%, 0.876, 0.868 26.4%, 0.869, 0.882 29%, 0.907 30.5%, 1.014 35.9%, 1.038, 1.048 39.8% 41.1%, 1.043 42.5%, 0.995 49.3%, 0.987, 0.983 53.2%, 0.984 55.9%, 1.002 62.7%, 1.006 66.4%, 0.998 79.7%, 1);\n /* prettier-ignore */\n --pop-ease-card-highlight: linear(0, 0.008, 0.031 1.8%, 0.127 3.9%, 0.671 11.8%, 0.881 15.5%, 0.959, 1.02 19.2%, 1.064, 1.093 23.2%, 1.102, 1.108, 1.108, 1.104 28.7%, 1.089 31.4%, 1.038 38.1%, 1.016 41.5%, 0.999 45.4%, 0.99 49.6%, 0.989 55.3%, 1.001 74.9%, 1);\n /* prettier-ignore */\n --pop-ease-gentle: linear(0, 0.007, 0.026, 0.059 4.5%, 0.106 6.3%, 0.209 9.5%, 0.558 19.3%, 0.658, 0.742, 0.812, 0.87, 0.918, 0.957, 0.986 41.6%, 1.007 45.3%, 1.021 49.4%, 1.027 54% 60.9%, 1.007 83.2%, 1);\n /* prettier-ignore */\n --pop-ease-menu: linear(0, 0.0034 0.81%, 0.0278 2.42%, 0.097 4.84%, 0.5361 15.32%, 0.655 18.55%, 0.7314, 0.7964 23.39%, 0.8662, 0.9185, 0.9561, 0.9818, 0.9984, 1.0083 42.74%, 1.014 46.77%, 1.0145 53.22%, 1.0053 68.55%, 1.0019 77.42%, 0.9998 100%);\n /* prettier-ignore */\n --pop-ease-pop-hover: linear(0, 0.008, 0.031 1.8%, 0.127 3.9%, 0.671 11.8%, 0.881 15.5%, 0.959, 1.02 19.2%, 1.064, 1.093 23.2%, 1.102, 1.108, 1.108, 1.104 28.7%, 1.089 31.4%, 1.038 38.1%, 1.016 41.5%, 0.999 45.4%, 0.99 49.6%, 0.989 55.3%, 1.001 74.9%, 1);\n /* prettier-ignore */\n --pop-ease-pop-text: linear(0, 0.0051 0.99%, 0.0261, 0.0607 3.61%, 0.1192 5.26%, 0.2531 8.21%, 0.6509 16.1%, 0.7652 18.73%, 0.8512, 0.9232 23.33%, 0.9881 25.96%, 1.0305 28.26%, 1.0642 30.88%, 1.0782 32.53%, 1.089, 1.094 36.47%, 1.0942, 1.0896 41.07%, 1.0804 43.7%, 1.0354 53.23%, 1.0181 57.5%, 1.0061 61.44%, 0.9974 65.71%, 0.9925 70.31%, 0.991 75.9%, 0.9996 99.88%);\n /* prettier-ignore */\n --pop-ease-quick: linear(0, 0.008, 0.031 1.8%, 0.127 3.9%, 0.671 11.8%, 0.881 15.5%, 0.959, 1.02 19.2%, 1.064, 1.093 23.2%, 1.102, 1.108, 1.108, 1.104 28.7%, 1.089 31.4%, 1.038 38.1%, 1.016 41.5%, 0.999 45.4%, 0.99 49.6%, 0.989 55.3%, 1.001 74.9%, 1);\n /* prettier-ignore */\n --pop-ease-slow: linear(0, 0.005, 0.02 2%, 0.081 4.5%, 0.469 15.2%, 0.567, 0.65, 0.722 24.4%, 0.784, 0.835 31.1%, 0.878 34.9%, 0.914 39.1%, 0.942 43.8%, 0.964 49.1%, 0.979 55.4%, 0.989 62.4%, 0.995 71.1%, 1);\n\n /* Box-Shadow */\n --pop-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n --pop-shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n --pop-shadow-md:\n 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\n --pop-shadow-lg:\n 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\n --pop-shadow-xl:\n 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n --pop-shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\n --pop-shadow-3xl: 0px 32px 48px -12px rgba(16, 24, 40, 0.32);\n --pop-shadow-4xl: 0px 24px 32px -12px rgba(16, 24, 40, 0.28);\n\n --pop-radius-none: 0; /* 0px */\n --pop-radius-xxs: 0.125rem; /* 2px */\n --pop-radius-xs: 0.25rem; /* 4px */\n --pop-radius-sm: 0.375rem; /* 6px */\n --pop-radius-md: 0.5rem; /* 8px */\n --pop-radius-lg: 0.625rem; /* 10px */\n --pop-radius-xl: 0.75rem; /* 12px */\n --pop-radius-2xl: 1rem; /* 16px */\n --pop-radius-3xl: 1.25rem; /* 20px */\n --pop-radius-4xl: 1.5rem; /* 24px */\n --pop-radius-full: 9999px; /* Creates a circle or oval */\n\n --pop-radius: 0.625rem;\n --pop-background: oklch(1 0 0);\n --pop-foreground: oklch(0 0 0);\n --pop-card: oklch(1 0 0);\n --pop-card-foreground: oklch(0.145 0 0);\n --pop-popover: oklch(1 0 0);\n --pop-popover-foreground: oklch(0 0 0);\n --pop-primary: oklch(0.205 0 0);\n --pop-primary-foreground: oklch(0.985 0 0);\n --pop-secondary: oklch(0.97 0 0);\n --pop-secondary-foreground: oklch(0.205 0 0);\n --pop-muted: oklch(0.97 0 0);\n --pop-muted-foreground: oklch(0.7152 0.0233 256.76);\n --pop-accent: oklch(0.97 0 0);\n --pop-accent-foreground: oklch(0.205 0 0);\n --pop-destructive: var(--color-error-600);\n --pop-border: oklch(0.1101 0.0763 264.05 / 10.2%);\n --pop-input: oklch(0.922 0 0);\n --pop-ring: oklch(62.3% 0.214 259.815);\n --pop-chart-1: oklch(0.646 0.222 41.116);\n --pop-chart-2: oklch(0.6 0.118 184.704);\n --pop-chart-3: oklch(0.398 0.07 227.392);\n --pop-chart-4: oklch(0.828 0.189 84.429);\n --pop-chart-5: oklch(0.769 0.188 70.08);\n --pop-sidebar: oklch(0.985 0 0);\n --pop-sidebar-foreground: oklch(0.145 0 0);\n --pop-sidebar-primary: oklch(0.205 0 0);\n --pop-sidebar-primary-foreground: oklch(0.985 0 0);\n --pop-sidebar-accent: oklch(0.97 0 0);\n --pop-sidebar-accent-foreground: oklch(0.205 0 0);\n --pop-sidebar-border: oklch(0.922 0 0);\n --pop-sidebar-ring: oklch(0.708 0 0);\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --pop-background: oklch(0.15 0.03 255.43);\n --pop-foreground: oklch(0.66 0.006 255.43);\n --pop-card: oklch(0.205 0 0);\n --pop-card-foreground: oklch(0.985 0 0);\n --pop-popover: oklch(0.15 0.03 255.43);\n --pop-popover-foreground: oklch(0.66 0.006 255.43);\n --pop-primary: oklch(0.922 0 0);\n --pop-primary-foreground: oklch(0.205 0 0);\n --pop-secondary: oklch(0.269 0 0);\n --pop-secondary-foreground: oklch(0.985 0 0);\n --pop-muted: oklch(0.269 0 0);\n --pop-muted-foreground: oklch(0.66 0.006 255.43);\n --pop-accent: oklch(0.269 0 0);\n --pop-accent-foreground: oklch(0.985 0 0);\n --pop-destructive: var(--color-error-400);\n --pop-border: oklch(1 0 0 / 10%);\n --pop-input: oklch(1 0 0 / 15%);\n --pop-ring: oklch(62.3% 0.214 259.815);\n --pop-chart-1: oklch(0.488 0.243 264.376);\n --pop-chart-2: oklch(0.696 0.17 162.48);\n --pop-chart-3: oklch(0.769 0.188 70.08);\n --pop-chart-4: oklch(0.627 0.265 303.9);\n --pop-chart-5: oklch(0.645 0.246 16.439);\n --pop-sidebar: oklch(0.205 0 0);\n --pop-sidebar-foreground: oklch(0.985 0 0);\n --pop-sidebar-primary: oklch(0.488 0.243 264.376);\n --pop-sidebar-primary-foreground: oklch(0.985 0 0);\n --pop-sidebar-accent: oklch(0.269 0 0);\n --pop-sidebar-accent-foreground: oklch(0.985 0 0);\n --pop-sidebar-border: oklch(1 0 0 / 10%);\n --pop-sidebar-ring: oklch(0.556 0 0);\n }\n }\n\n :host(.dark) {\n --pop-background: oklch(0.15 0.03 255.43);\n --pop-foreground: oklch(0.66 0.006 255.43);\n --pop-card: oklch(0.205 0 0);\n --pop-card-foreground: oklch(0.985 0 0);\n --pop-popover: oklch(0.15 0.03 255.43);\n --pop-popover-foreground: oklch(0.66 0.006 255.43);\n --pop-primary: oklch(0.922 0 0);\n --pop-primary-foreground: oklch(0.205 0 0);\n --pop-secondary: oklch(0.269 0 0);\n --pop-secondary-foreground: oklch(0.985 0 0);\n --pop-muted: oklch(0.269 0 0);\n --pop-muted-foreground: oklch(0.66 0.006 255.43);\n --pop-accent: oklch(0.269 0 0);\n --pop-accent-foreground: oklch(0.985 0 0);\n --pop-destructive: var(--color-error-400);\n --pop-border: oklch(1 0 0 / 10%);\n --pop-input: oklch(1 0 0 / 15%);\n --pop-ring: oklch(62.3% 0.214 259.815);\n --pop-chart-1: oklch(0.488 0.243 264.376);\n --pop-chart-2: oklch(0.696 0.17 162.48);\n --pop-chart-3: oklch(0.769 0.188 70.08);\n --pop-chart-4: oklch(0.627 0.265 303.9);\n --pop-chart-5: oklch(0.645 0.246 16.439);\n --pop-sidebar: oklch(0.205 0 0);\n --pop-sidebar-foreground: oklch(0.985 0 0);\n --pop-sidebar-primary: oklch(0.488 0.243 264.376);\n --pop-sidebar-primary-foreground: oklch(0.985 0 0);\n --pop-sidebar-accent: oklch(0.269 0 0);\n --pop-sidebar-accent-foreground: oklch(0.985 0 0);\n --pop-sidebar-border: oklch(1 0 0 / 10%);\n --pop-sidebar-ring: oklch(0.556 0 0);\n }\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n\n html,\n body {\n padding: 0;\n margin: 0;\n }\n\n svg {\n display: block;\n }\n\n p {\n margin: 0;\n padding: 0;\n }\n\n button {\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: none;\n border: none;\n cursor: pointer;\n }\n}\n","@layer components {\n .btn {\n display: flex;\n height: auto;\n align-items: center;\n justify-content: center;\n gap: 0.625rem;\n border-radius: 4px;\n border: 0;\n padding: 0.625rem 1.25rem;\n text-align: center;\n cursor: pointer;\n transition:\n background-color 0.2s,\n color 0.2s;\n }\n\n .btn-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 2px;\n border-radius: var(--pop-radius-xs, 4px);\n border-style: solid;\n border-color: transparent;\n cursor: pointer;\n background-color: transparent;\n text-decoration: none;\n font-weight: 500;\n transition:\n background-color 0.2s,\n border-color 0.2s,\n color 0.2s;\n }\n\n /* Sizes */\n .btn-link--size-sm {\n font-size: 13px;\n line-height: 18px;\n letter-spacing: -0.08px;\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-left-width: 2px;\n border-right-width: 2px;\n }\n\n .btn-link--size-md {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0;\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-left-width: 3px;\n border-right-width: 3px;\n }\n\n .btn-link--size-lg {\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0;\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-left-width: 4px;\n border-right-width: 4px;\n }\n\n /* Themes */\n .btn-link--theme-default {\n color: color-mix(in srgb, var(--pop-foreground) 50%, transparent);\n }\n\n .btn-link--theme-default.btn-link--primary {\n color: var(--pop-foreground);\n }\n\n .btn-link--theme-white {\n color: white;\n }\n\n .btn-link--theme-black {\n color: black;\n }\n\n /* Hover State */\n .btn-link--theme-default:hover,\n .btn-link--theme-black:hover {\n background-color: color-mix(in srgb, var(--pop-foreground) 10%, transparent);\n border-color: color-mix(in srgb, var(--pop-foreground) 10%, transparent);\n }\n\n .btn-link--theme-default:not(.btn-link--primary):hover {\n color: var(--pop-foreground);\n }\n\n .btn-link--theme-white:hover {\n background-color: color-mix(in srgb, white 16%, transparent);\n border-color: color-mix(in srgb, white 16%, transparent);\n }\n\n /* Active (Pressed) State */\n .btn-link:active {\n background-color: transparent;\n border-color: transparent;\n }\n\n .btn-link--theme-default:not(.btn-link--primary):active {\n color: color-mix(in srgb, var(--pop-foreground) 50%, transparent);\n }\n\n /* Focus State */\n .btn-link:focus-visible {\n background-color: var(--pop-ring, #155eef);\n border-color: var(--pop-ring, #155eef);\n color: white !important;\n outline: none;\n }\n\n /* Disabled State */\n .btn-link:disabled,\n .btn-link.is-disabled {\n color: color-mix(in srgb, var(--pop-foreground) 35%, transparent) !important;\n background-color: transparent !important;\n border-color: transparent !important;\n cursor: not-allowed;\n pointer-events: none;\n }\n\n .btn:focus-visible {\n outline: 2px solid currentColor; /* focus-visible */\n outline-offset: 2px;\n }\n}\n","@layer components {\n .mask {\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n }\n\n .mask-squircle {\n -webkit-mask-image: url(\"data:image/svg+xml,%3csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M 0 80 C 0 14.12 14.12 0 80 0 C 145.88 0 160 14.12 160 80 C 160 145.88 145.88 160 80 160 C 14.12 160 0 145.88 0 80 Z'/%3e%3c/svg%3e\");\n mask-image: url(\"data:image/svg+xml,%3csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M 0 80 C 0 14.12 14.12 0 80 0 C 145.88 0 160 14.12 160 80 C 160 145.88 145.88 160 80 160 C 14.12 160 0 145.88 0 80 Z'/%3e%3c/svg%3e\");\n }\n}\n","let isGlobalDark = false;\nconst activeElements = new Set<HTMLElement>();\nlet globalObserver: MutationObserver | null = null;\nlet mediaQuery: MediaQueryList | null = null;\n\nfunction checkGlobalDark(): boolean {\n if (typeof window === \"undefined\" || typeof document === \"undefined\") return false;\n\n const hasDarkClass =\n document.documentElement.classList.contains(\"dark\") ||\n document.body.classList.contains(\"dark\");\n const hasLightClass =\n document.documentElement.classList.contains(\"light\") ||\n document.body.classList.contains(\"light\");\n\n if (hasDarkClass) return true;\n if (hasLightClass) return false;\n\n if (!mediaQuery) {\n mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n }\n return mediaQuery.matches;\n}\n\nfunction updateGlobalDark() {\n const newDark = checkGlobalDark();\n if (newDark !== isGlobalDark) {\n isGlobalDark = newDark;\n activeElements.forEach((el) => {\n const isDark = isGlobalDark || !!el.closest(\".dark\");\n el.classList.toggle(\"dark\", isDark);\n });\n }\n}\n\nconst mediaListener = () => {\n updateGlobalDark();\n};\n\nexport function registerThemeObserver(el: HTMLElement) {\n if (typeof window === \"undefined\" || typeof document === \"undefined\") return;\n\n if (activeElements.size === 0) {\n isGlobalDark = checkGlobalDark();\n globalObserver = new MutationObserver(() => {\n updateGlobalDark();\n });\n globalObserver.observe(document.documentElement, {\n attributes: true,\n attributeFilter: [\"class\"],\n });\n globalObserver.observe(document.body, {\n attributes: true,\n attributeFilter: [\"class\"],\n });\n\n mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n mediaQuery.addEventListener(\"change\", mediaListener);\n }\n\n activeElements.add(el);\n\n const isDark = isGlobalDark || !!el.closest(\".dark\");\n el.classList.toggle(\"dark\", isDark);\n}\n\nexport function unregisterThemeObserver(el: HTMLElement) {\n activeElements.delete(el);\n if (activeElements.size === 0) {\n if (globalObserver) {\n globalObserver.disconnect();\n globalObserver = null;\n }\n if (mediaQuery) {\n mediaQuery.removeEventListener(\"change\", mediaListener);\n mediaQuery = null;\n }\n }\n}\n","import baseStyles from \"../styles/base.css?inline\";\nimport btnStyles from \"../styles/buttons.css?inline\";\nimport masksStyles from \"../styles/masks.css?inline\";\n\nimport { effect, untracked } from \"@preact/signals-core\";\n\nexport function createSheet(cssText: string): CSSStyleSheet {\n const sheet = new CSSStyleSheet();\n sheet.replaceSync(cssText);\n return sheet;\n}\n\nexport const sharedBaseSheet = createSheet(baseStyles);\nexport const btnSheet = createSheet(btnStyles);\nexport const masksSheet = createSheet(masksStyles);\n\nimport { registerThemeObserver, unregisterThemeObserver } from \"../helpers/theme.js\";\n\nexport abstract class BaseElement extends HTMLElement implements EventListenerObject {\n protected baseStyleSheets: CSSStyleSheet[] = [sharedBaseSheet, btnSheet, masksSheet];\n protected get styleSheets(): CSSStyleSheet[] {\n return [];\n }\n\n private _hasRendered = false;\n\n private _disposables: Array<() => void> = [];\n\n constructor() {\n super();\n this.attachShadow({ mode: \"open\" });\n if (this.shadowRoot) {\n this.shadowRoot.adoptedStyleSheets = this.styles;\n }\n }\n\n attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n if (oldValue === newValue) return;\n\n const pascalName = name\n .split(\"-\")\n .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n .join(\"\");\n const methodName = `on${pascalName}Changed`;\n\n if (typeof (this as any)[methodName] === \"function\") {\n (this as any)[methodName](newValue, oldValue);\n }\n }\n\n /**\n * Use this instead of calling effect() directly to ensure\n * automatic cleanup when the component disconnects.\n */\n protected addEffect(callback: () => void) {\n this._disposables.push(effect(callback));\n }\n\n connectedCallback() {\n registerThemeObserver(this);\n untracked(() => {\n this.render();\n this._bindEvents();\n this.setupEffects();\n });\n }\n\n disconnectedCallback() {\n unregisterThemeObserver(this);\n // Kill all active subscriptions\n this._disposables.forEach((dispose) => dispose());\n this._disposables = [];\n }\n\n protected events: Record<string, string> = {};\n\n private _bindEvents() {\n const shadowRoot = this.shadowRoot;\n if (!shadowRoot) {\n return;\n }\n Object.keys(this.events).forEach((key) => {\n shadowRoot.addEventListener(key, this);\n });\n }\n\n handleEvent(event: Event): void {\n const methodName = this.events[event.type];\n\n if (methodName && typeof (this as any)[methodName] === \"function\") {\n (this as any)[methodName](event);\n }\n }\n\n protected emit<T = unknown>(eventName: string, options: CustomEventInit<T> = {}) {\n this.dispatchEvent(\n new CustomEvent<T>(eventName, {\n bubbles: true,\n composed: true,\n ...options,\n }),\n );\n }\n\n // --- Abstract & Overrideable Methods ---\n protected abstract getTemplate(): string;\n\n protected get styles(): CSSStyleSheet[] {\n return [...this.baseStyleSheets, ...this.styleSheets];\n }\n\n protected setupEffects(): void {}\n\n protected render() {\n if (!this.shadowRoot) return;\n this.shadowRoot.innerHTML = this.getTemplate();\n this._hasRendered = true;\n }\n\n protected hideElement(selector: string, shouldHide: boolean, useDisplayNone = true) {\n if (!this.shadowRoot || !this._hasRendered) {\n return;\n }\n\n const el = this.shadowRoot.querySelector(selector);\n if (!el) {\n console.warn(`Element not found for selector: ${selector}`);\n return;\n }\n\n if (useDisplayNone) {\n el.classList.toggle(\"hidden\", shouldHide);\n } else {\n el.classList.toggle(\"invisible\", shouldHide);\n }\n }\n\n protected setText(selector: string, text: string | number) {\n const el = this.shadowRoot?.querySelector(selector);\n if (el && el.textContent !== String(text)) {\n el.textContent = String(text);\n }\n }\n\n protected setAttr(selector: string, attr: string, value: string | null) {\n const el = this.shadowRoot?.querySelector(selector);\n if (!el) return;\n\n if (value === null) {\n el.removeAttribute(attr);\n } else if (el.getAttribute(attr) !== value) {\n el.setAttribute(attr, value);\n }\n }\n\n protected toggleClass(selector: string, className: string, force?: boolean) {\n const el = this.shadowRoot?.querySelector(selector);\n if (!el) return;\n\n el.classList.toggle(className, force);\n }\n\n protected getElement<T extends Element = HTMLElement>(selector: string): T | null {\n return this.shadowRoot?.querySelector(selector) ?? null;\n }\n}\n","import {\n authError,\n authPending,\n clearAuthError,\n requestSignIn,\n} from \"../store/auth-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: block;\n position: relative;\n\n --pop-auth-border: var(--pop-border, rgba(0, 0, 32, 0.04));\n --pop-auth-watermark: rgba(0, 0, 32, 0.4);\n --pop-auth-btn: #000000;\n --pop-auth-logo: rgba(0, 0, 32, 0.35);\n --pop-auth-error: #dc2626;\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --pop-auth-border: var(--pop-border, rgba(255, 255, 255, 0.1));\n --pop-auth-watermark: rgba(255, 255, 255, 0.4);\n --pop-auth-btn: #ffffff;\n --pop-auth-logo: rgba(255, 255, 255, 0.35);\n --pop-auth-error: var(--pop-destructive, #f87171);\n }\n }\n\n :host(.dark) {\n --pop-auth-border: var(--pop-border, rgba(255, 255, 255, 0.1));\n --pop-auth-watermark: rgba(255, 255, 255, 0.4);\n --pop-auth-btn: #ffffff;\n --pop-auth-logo: rgba(255, 255, 255, 0.35);\n --pop-auth-error: var(--pop-destructive, #f87171);\n }\n\n .panel {\n position: relative;\n border-top: 1px solid var(--pop-auth-border);\n }\n\n .watermark {\n position: absolute;\n top: -16px;\n left: 8px;\n font-family: Inter, sans-serif;\n font-size: 8px;\n font-weight: 700;\n letter-spacing: 1px;\n color: var(--pop-auth-watermark);\n text-transform: uppercase;\n backdrop-filter: blur(4px);\n border-radius: 9999px;\n padding: 2px 6px;\n pointer-events: none;\n }\n\n .actions {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px;\n }\n\n .join-btn {\n font-family: Inter, sans-serif;\n font-size: 13px;\n font-weight: 600;\n color: var(--pop-auth-btn);\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n letter-spacing: -0.08px;\n line-height: 18px;\n }\n\n .join-btn:disabled {\n opacity: 0.6;\n cursor: default;\n }\n\n .logo {\n font-family: Inter, sans-serif;\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 1.5px;\n color: var(--pop-auth-logo);\n text-transform: uppercase;\n }\n\n .error {\n padding: 0 16px 12px;\n font-family: Inter, sans-serif;\n font-size: 12px;\n line-height: 16px;\n color: var(--pop-auth-error);\n text-align: center;\n }\n`);\n\nexport class PopAuthPanel extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n protected events = {\n click: \"onClick\",\n };\n\n protected onClick(event: MouseEvent) {\n if (!(event.target as HTMLElement).closest(\".join-btn\")) return;\n void this.handleJoin();\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n const pending = authPending.value;\n const error = authError.value;\n\n const joinBtn = this.getElement<HTMLButtonElement>(\".join-btn\");\n if (joinBtn) {\n joinBtn.disabled = pending;\n joinBtn.textContent = pending ? \"Signing in…\" : \"Join the Conversation\";\n }\n\n const errorEl = this.getElement<HTMLDivElement>(\".error\");\n if (errorEl) {\n if (error) {\n errorEl.hidden = false;\n errorEl.textContent = error;\n } else {\n errorEl.hidden = true;\n errorEl.textContent = \"\";\n }\n }\n });\n }\n\n private async handleJoin(): Promise<void> {\n clearAuthError();\n await requestSignIn(this.gridStore.apiUrl, this.gridStore.publicKey);\n }\n\n protected getTemplate(): string {\n return /* html */ `\n <div class=\"panel\">\n <div class=\"watermark\">Popgrids</div>\n <div class=\"actions\">\n <button class=\"join-btn\" type=\"button\">Join the Conversation</button>\n <span class=\"logo\">POPGRIDS</span>\n </div>\n <div class=\"error\" hidden></div>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-auth-panel\")) {\n customElements.define(\"pop-auth-panel\", PopAuthPanel);\n}\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABMCAYAAADa6W+wAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUuSURBVHgB5ZyBceIwEEX3bq4AOsAdQAdxKggl+Co4rgKcCkgqgFRAUgGkAqACOxVAKvDpg+VRHEmWQSubuTezg8Ega7UrebWS+UG8jIXEQoZCovI9lcd1ciHHUnZCPsrXXflZ7xkISYSshByEFJ5kLWRO54bsHRGdK+dTYZNkQhbUg4aI6FyRoiNBQyQUGLj3jMJYuleNMC4v1gel67Ig/WCq5Qe144+QlM6Wb2QwGNB4PD7JaDQ6veIzKZLj8XiSPM9Pr/v9nna73UnwWUtyIb+FbMgjM3K0QBzHxXq9Lg6HQ3Et2+22WCwWpzJdr1/KjDzRqLiwZDGbzbwobCLLslNDRFEUrAEmTReBVVCxkLRohIsbICLLiA5roxJdAm9zaIAJXUBmKhCtHtraJjAuNHjBgVrcBcDsFhSXoD4NDbB2VTyyFNI7xSUODTB1UX5hKmA+nxd9Bl0AYxGZ3X9wkdWTJCluARjIYv2ULrG6T3eHhabT6SkY4sASFB1aWx23FJ+IULcqm6MBUKbF+rFO+ZQCje6qa6J8jsjQYv2FTvmMAvb1yWRSXePp6anwzWq1cnb9MQXo6yqwthyZ0Q04y9e5/k9F+VjnCpiGCrckDjCtFV51OpZTWN/lo/4Gxqryd7pvCNckTkS/rI7f39/JN5b6j1TltU10d3dHnKjl+7Y8sHhtpS+iHm3f4JyfS2RIytHvMV4ZdMt+1lvhS9OUaSdu5DUuSFk5l60hksoPWv7QK9I1kb/zjU2HRsuHIFQj17FanusWV4fD4i5I5Ye6k8PhkELAqbxlHDn2os9L5Tm6mUX5vBfKy/s7x/U+Pz9Np7q3/GazqY7VaI+j/Br7zpV/e3urjjmiSUvUWJ3QRkHcqAlHzL58g+iUzAmNLxOboGAgur+/rwYkjgnU6+ur6VROXVpezbLA6hw5A9dMTnDlZRoLinPk8CwTmm85vE76PCdIvRn0ympdQL8YGWI6y0GD1atVGzngaePLrmLua8FAaqEaBTsb7bl4fHy0hbTPdB7pv7AmjYtwraZw0eDu6OuRqrTV7T8+PuhWkHGDhUeqWV0qr43+b6XPI4RVAyYNGyHL+odS+Vz3i1tQ/vn5uUlxnPitO/FL+cL3XzEkFAFmWsjRY28eZnKXTKBQBgY3y6xN8pcM+km0O66wlhZiUMJ1lstlY1yB8y335KU2peUOTKRQtvWTyOGJypJv4FGwmlD42zl4Aq6rZnQhFyxnYYBLXb4YEemXpjlx2ENziSBaTaglncT3nhtgTS23nEkyXYEhdl417KJwtfaUrkCrPPbOhEDdqNBS6ZQcd4HbWOkugN0NIWhhfRhpQR4eM/mlHGujPEvq1ysNOXu4tHzaKidPqLO6XPcFrkCnDgIdy/IYUryYiubkEVV5bSwbSnlgW04mBhqVDxnfh16tVZXXhk8hLW9bVCQGemV5y7VyCkAnUR5APEHmezkL9RxeZ4Oey5qab5yUVxcTuXh5eTGd2lMgnkjjepg/c9JmdYWT2FQJjo3BEsusLqPAbHUV4VpMTNPUZvUFBSYxVMT7vvsGxWH1iDpgTYbbDjzg2i6AXBweMSH77C2hjsAUy/psPLwASce2OD4GuqIA2B4hxzRyrrzHbfBb8I2ZGJKODw8PVeJRxujysXDcw/FYOBKWDhFjLuSeAkV1NlJqn125RjLqqJ+bSOk/VVwSEe9fRSzJQx6Om4T8NgLKiunGSMh8O3QR/Damjmn7hyF14KpxKSM6d49IOa/7u6dX6snfPf0DiVL6IWhCmZ4AAAAASUVORK5CYII=\"","export const colors = [\n \"#DDD0BE\",\n \"#E9DCBB\",\n \"#E9DCBB\",\n \"#C7D1B0\",\n \"#C6D0CB\",\n \"#E9DCBB\",\n \"#C7D1B0\",\n \"#E9DCBB\",\n \"#DFC2C0\",\n \"#CFD4C6\",\n \"#D7E3E8\",\n \"#CFD4C6\",\n \"#D6B3B3\",\n \"#E9DCBB\",\n \"#CFCBDC\",\n \"#BFD6D7\",\n \"#E3D2C6\",\n \"#D1E2E7\",\n \"#D6B3B3\",\n \"#BFD6D7\",\n \"#E9DCBB\",\n \"#C7D1B0\",\n \"#DFC2C0\",\n \"#D1E2E7\",\n \"#CFD4C6\",\n \"#E9DCBB\",\n \"#D7E3E8\",\n \"#CFD4C6\",\n \"#C6D0CB\",\n \"#E9DCBB\",\n \"#C7D1B0\",\n \"#E9DCBB\",\n \"#CFCBDC\",\n \"#E3D2C6\",\n \"#E9DCBB\",\n];\n\nexport const sampleColor = (index?: number) => {\n if (typeof index === \"number\") {\n return colors[index % colors.length] ?? \"#e5e7eb\";\n }\n return colors[Math.floor(Math.random() * colors.length)];\n};\n\n/** 32-bit FNV-1a over UTF-8 bytes — deterministic, no lookup table. */\nexport function fnv1a32(data: string): number {\n const bytes = new TextEncoder().encode(data);\n let h = 0x811c9dc5;\n for (let i = 0; i < bytes.length; i++) {\n const byte = bytes[i] ?? 0;\n h ^= byte;\n h = Math.imul(h, 0x01000193);\n }\n return h >>> 0;\n}\n\n/** Deterministic background color from a stable string (e.g. user id, org id, slug). */\nexport function backgroundColor(id: string): string {\n return colors[fnv1a32(id) % colors.length] ?? \"#e5e7eb\";\n}\n\n","import deletedUserMarkSrc from \"../assets/popgrids-letter-p.png?inline\";\nimport { backgroundColor, sampleColor } from \"../helpers/color.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: block;\n\n --comment-avatar-border-size: 1px;\n --comment-avatar-border-color: var(--color-background, #fff);\n --comment-avatar-size: 32px;\n }\n\n .comment-avatar {\n align-items: center;\n display: flex;\n flex-shrink: 0;\n isolation: isolate;\n justify-content: center;\n position: relative;\n width: calc(var(--comment-avatar-size) + calc(var(--comment-avatar-border-size) * 2));\n height: calc(var(--comment-avatar-size) + calc(var(--comment-avatar-border-size) * 2));\n }\n\n .comment-avatar--size-xs {\n --comment-avatar-size: 32px;\n }\n\n .comment-avatar--size-sm {\n --comment-avatar-size: 56px;\n }\n\n .comment-avatar--size-md {\n --comment-avatar-size: 80px;\n }\n\n .comment-avatar--size-lg {\n --comment-avatar-size: 120px;\n }\n\n .comment-avatar--size-xl {\n --comment-avatar-size: 140px;\n }\n\n .comment-avatar__background {\n background-color: var(--comment-avatar-border-color);\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n }\n\n /**\n * Content\n */\n\n .comment-avatar__content {\n align-items: center;\n background-color: var(--color-surface-bg-default);\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n height: var(--comment-avatar-size);\n width: var(--comment-avatar-size);\n z-index: 20;\n\n /* Initials styling */\n font-family: Inter, sans-serif;\n font-weight: 600;\n color: #374151;\n font-size: calc(var(--comment-avatar-size) * 0.35);\n line-height: 1;\n }\n\n .comment-avatar__content::slotted(img) {\n -webkit-user-drag: none;\n align-self: stretch;\n flex: 1 0 0;\n height: var(--comment-avatar-size);\n object-fit: cover;\n pointer-events: none;\n position: absolute;\n user-select: none;\n width: var(--comment-avatar-size);\n }\n\n .comment-avatar__deleted-mark {\n -webkit-user-drag: none;\n bottom: -3px;\n height: auto;\n left: 0;\n object-fit: cover;\n pointer-events: none;\n position: absolute;\n user-select: none;\n width: 100%;\n transform: scale(0.57);\n }\n`);\n\nexport class PopCommentAvatar extends BaseElement {\n private _backgroundColor: string;\n\n constructor() {\n super();\n this._backgroundColor = sampleColor() ?? \"#e5e7eb\";\n }\n\n static get observedAttributes() {\n return [\"size\", \"data-color-key\", \"deleted\"];\n }\n\n onSizeChanged() {\n this.render();\n }\n\n onDataColorKeyChanged() {\n this.render();\n }\n\n onDeletedChanged() {\n this.render();\n }\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n get size(): string {\n return this.getAttribute(\"size\") || \"md\";\n }\n\n set size(value: string) {\n this.setAttribute(\"size\", value);\n }\n\n get deleted(): boolean {\n return this.hasAttribute(\"deleted\");\n }\n\n set deleted(value: boolean) {\n if (value) {\n this.setAttribute(\"deleted\", \"\");\n } else {\n this.removeAttribute(\"deleted\");\n }\n }\n\n protected getTemplate(): string {\n const size = this.size;\n const deleted = this.deleted;\n const key = this.getAttribute(\"data-color-key\");\n const bg = deleted\n ? \"var(--pop-muted-foreground, #e5e7eb)\"\n : key\n ? backgroundColor(key)\n : this._backgroundColor;\n\n const content = deleted\n ? `<div\n class=\"comment-avatar__content mask mask-squircle\"\n part=\"content\"\n style=\"background-color: ${bg}; opacity: 0.15\"\n ><img class=\"comment-avatar__deleted-mark\" src=\"${deletedUserMarkSrc}\" alt=\"Deleted user\" /></div>`\n : `<slot\n class=\"comment-avatar__content mask mask-squircle\"\n part=\"content\"\n style=\"background-color: ${bg};\"\n ></slot>`;\n\n return /* html */ `\n <div class=\"comment-avatar comment-avatar--size-${size}\" part=\"base\">\n <div class=\"comment-avatar__background mask mask-squircle\" part=\"background\"></div>\n ${content}\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-comment-avatar\")) {\n customElements.define(\"pop-comment-avatar\", PopCommentAvatar);\n}\n","export function getInitials(name: string | null | undefined): string {\n if (!name) return \"?\";\n return name\n .split(\" \")\n .map((p) => p[0] ?? \"\")\n .join(\"\")\n .toUpperCase()\n .slice(0, 2);\n}\n","import { getInitials } from \"../helpers/author.js\";\nimport { currentUser } from \"../store/auth-store.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\nimport type { PopCommentInput } from \"./pop-comment-input.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n background: var(--pop-background);\n border-top: 1px solid var(--pop-bar-input-bg);\n display: block;\n padding: 6px;\n position: relative;\n\n --pop-bar-avatar-bg: #e5e7eb;\n --pop-bar-avatar-color: #374151;\n --pop-bar-avatar-border: #ffffff;\n --pop-bar-input-bg: rgba(0, 0, 32, 0.04);\n --pop-bar-send-hover: rgba(0, 0, 32, 0.06);\n --pop-bar-send-color: #000000;\n --pop-bar-watermark: rgba(0, 0, 32, 0.1);\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --pop-bar-avatar-bg: #1f2937;\n --pop-bar-avatar-color: #d1d5db;\n --pop-bar-avatar-border: var(--pop-popover, #151d2a);\n --pop-bar-input-bg: rgba(255, 255, 255, 0.05);\n --pop-bar-send-hover: rgba(255, 255, 255, 0.08);\n --pop-bar-send-color: #ffffff;\n --pop-bar-watermark: rgba(255, 255, 255, 0.1);\n }\n }\n\n :host(.dark) {\n --pop-bar-avatar-bg: #1f2937;\n --pop-bar-avatar-color: #d1d5db;\n --pop-bar-avatar-border: var(--pop-popover, #151d2a);\n --pop-bar-input-bg: rgba(255, 255, 255, 0.05);\n --pop-bar-send-hover: rgba(255, 255, 255, 0.08);\n --pop-bar-send-color: #ffffff;\n --pop-bar-watermark: rgba(255, 255, 255, 0.1);\n }\n\n .bar {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .bar__user {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n padding-top: 2px;\n }\n\n .bar__avatar {\n flex-shrink: 0;\n --comment-avatar-border-size: 0px;\n }\n\n .bar__avatar--reply {\n margin-right: -4px;\n z-index: 1;\n }\n\n .bar__avatar--user {\n z-index: 2;\n }\n\n .bar__user.has-reply .bar__avatar--user {\n --comment-avatar-border-size: 2px;\n --comment-avatar-border-color: var(--pop-bar-avatar-border);\n }\n\n .bar__input-wrap {\n flex: 1;\n min-width: 0;\n background: var(--pop-bar-input-bg);\n border-radius: 18px;\n overflow: hidden;\n display: flex;\n align-items: flex-end;\n padding: 4px 8px 4px 12px;\n max-height: 280px;\n }\n\n .bar__send {\n align-items: center;\n align-self: flex-end;\n background: none;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n padding-bottom: 2px;\n }\n\n .logo-watermark {\n position: absolute;\n top: -16px;\n left: 8px;\n font-family: Inter, sans-serif;\n font-size: 8px;\n font-weight: 700;\n letter-spacing: 1px;\n color: var(--pop-bar-watermark);\n text-transform: uppercase;\n border-radius: 9999px;\n padding: 2px 6px;\n pointer-events: none;\n user-select: none;\n }\n`);\n\nconst LOGO_WATERMARK_SVG = `<svg width=\"64\" height=\"11\" viewBox=\"0 0 64 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M3.91111 0C0.892839 0 0 2.11357 0 4.77714C0 5.76321 0.0987654 6.73357 0.213333 7.70786C0.25679 8.08893 0.240988 8.50929 0.312099 8.89036C0.497778 9.89214 1.44593 10.3557 2.36642 10.3557C3.62667 10.3557 4.4642 9.56607 4.4642 8.30107C4.4642 7.57036 4.22321 7.09107 3.5279 6.80821C3.48444 6.7925 3.44099 6.78071 3.44099 6.72179C3.44099 6.62357 3.59901 6.55286 3.69778 6.55286C4.03753 6.55286 4.57481 6.89071 5.04494 6.89071C6.88593 6.89071 7.90519 5.13071 7.90519 3.48071C7.90519 1.08429 6.13136 0 3.91111 0ZM3.89531 5.18179C3.78074 5.18179 3.68198 5.08357 3.68198 4.96964C3.68198 4.81643 3.89531 4.7025 3.96642 4.57679C4.12049 4.29393 4.16395 3.81464 4.16395 3.4925C4.16395 3.11143 4.06519 2.40821 3.8242 2.12536C3.75309 2.04286 3.65432 1.99964 3.65432 1.88571C3.65432 1.77179 3.76889 1.67357 3.87951 1.67357C4.36148 1.67357 4.60247 3.08393 4.60247 3.44929C4.60247 3.84214 4.47605 5.18179 3.89531 5.18179Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M12.7368 0.239637C9.73433 0.239637 7.93285 2.35321 7.93285 5.25249C7.93285 8.15178 9.73038 10.2654 12.7368 10.2654C15.7432 10.2654 17.5249 8.12428 17.5249 5.25249C17.5249 2.38071 15.7116 0.239637 12.7368 0.239637ZM12.8672 8.83142C12.8198 8.89035 12.7249 9.00035 12.6104 9.00035C12.4958 9.00035 12.3852 8.90214 12.3852 8.78821C12.3852 8.74499 12.7526 8.19499 12.8119 8.02607C13.037 7.36214 13.0805 6.64321 13.0805 5.93999C13.0805 4.99714 12.9106 3.78321 12.3299 3.00928C12.2153 2.86785 11.8637 2.60071 11.8637 2.44749C11.8637 2.33357 11.9625 2.23535 12.077 2.23535C12.1758 2.23535 12.2746 2.32178 12.3457 2.37678C13.2504 3.12321 13.523 4.82821 13.523 5.93999C13.523 6.81214 13.4874 8.08499 12.8711 8.82749L12.8672 8.83142Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M21.6533 0C18.6351 0 17.7422 2.11357 17.7422 4.77714C17.7422 5.76321 17.841 6.73357 17.9555 7.70786C17.999 8.08893 17.9832 8.50929 18.0543 8.89036C18.24 9.89214 19.1881 10.3557 20.1086 10.3557C21.3689 10.3557 22.2064 9.56607 22.2064 8.30107C22.2064 7.57036 21.9654 7.09107 21.2701 6.80821C21.2267 6.7925 21.1832 6.78071 21.1832 6.72179C21.1832 6.62357 21.3412 6.55286 21.44 6.55286C21.7797 6.55286 22.317 6.89071 22.7871 6.89071C24.6281 6.89071 25.6474 5.13071 25.6474 3.48071C25.6474 1.08429 23.8775 0 21.6533 0ZM21.6415 5.18179C21.5269 5.18179 21.4281 5.08357 21.4281 4.96964C21.4281 4.81643 21.6415 4.7025 21.7126 4.57679C21.8667 4.29393 21.9101 3.81464 21.9101 3.4925C21.9101 3.11143 21.8113 2.40821 21.5704 2.12536C21.4992 2.04286 21.4005 1.99964 21.4005 1.88571C21.4005 1.77179 21.5151 1.67357 21.6257 1.67357C22.1076 1.67357 22.3486 3.08393 22.3486 3.44929C22.3486 3.84214 22.2222 5.18179 21.6415 5.18179Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M31.9012 4.16822C30.882 4.16822 29.4637 4.6318 29.4637 5.84572C29.4637 6.53715 29.9733 7.56251 30.7832 7.56251C31.2929 7.56251 31.6208 7.16965 31.7906 7.16965C31.8341 7.16965 31.8736 7.19715 31.8736 7.24037C31.8736 7.64894 31.0795 7.83358 30.7674 7.83358C29.677 7.83358 29.0963 6.90251 29.0963 5.91644C29.0963 4.70644 30.242 3.77537 31.4035 3.77537C31.7432 3.77537 32.0988 3.87358 32.4385 3.87358C33.4459 3.87358 34.165 2.97394 34.165 2.01537C34.165 0.424295 32.2687 0.0589382 31.0045 0.0589382C27.6464 0.0589382 25.6909 2.22751 25.6909 5.52358C25.6909 8.56822 27.279 10.5089 30.4237 10.5089C32.4622 10.5089 34.6864 9.6368 34.6864 7.26787C34.6864 5.6493 33.6237 4.16822 31.8973 4.16822H31.9012Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M41.2681 6.56464C41.0113 6.56464 40.802 6.66286 40.5886 6.66286C40.5452 6.66286 40.5333 6.61964 40.5333 6.59214C40.5333 6.49393 40.5768 6.45071 40.6479 6.42321C40.8889 6.34071 41.1457 6.28179 41.3827 6.16786C42.4612 5.66107 43.0973 4.7575 43.0973 3.56321C43.0973 1.40643 41.2405 0.0982143 39.202 0.0982143C38.4632 0.0982143 37.7442 0.310357 37.12 0.648214C35.4212 1.56357 35.0933 2.87571 34.9946 4.66321C34.9511 5.36643 34.9511 6.07357 34.9511 6.77679V8.48179C34.9511 9.55036 35.6583 10.4107 36.7763 10.4107C37.5822 10.4107 38.3052 9.83321 38.4909 9.07107C38.5896 8.61929 38.5343 8.085 38.5343 7.64893C38.5343 7.60571 38.5501 7.59393 38.5896 7.59393C38.6291 7.59393 38.6765 7.62143 38.7042 7.63714C39.202 8.83536 39.8815 10.3557 41.4222 10.3557C42.4849 10.3557 43.362 9.60929 43.362 8.525C43.362 7.44071 42.3427 6.56857 41.2642 6.56857L41.2681 6.56464ZM38.961 5.18179C38.8464 5.18179 38.7476 5.08357 38.7476 4.96964C38.7476 4.81643 38.961 4.7025 39.0321 4.57679C39.1862 4.29393 39.2296 3.81464 39.2296 3.4925C39.2296 3.11143 39.1309 2.40821 38.8899 2.12536C38.8188 2.04286 38.7358 1.99964 38.7358 1.88571C38.7358 1.77179 38.8346 1.67357 38.9491 1.67357C39.4311 1.67357 39.6721 3.08393 39.6721 3.44929C39.6721 3.84214 39.5575 5.18179 38.9649 5.18179H38.961Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M46.7674 0.549991C46.4277 0.326063 45.9457 0.212134 45.5348 0.212134C44.642 0.212134 43.8756 0.915349 43.7768 1.79142C43.7491 2.04678 43.761 2.28642 43.761 2.55356V4.94606L43.7175 7.46821V8.72142C43.7175 9.70749 44.5669 10.4814 45.5467 10.4814C46.2696 10.4814 47.0637 10.0296 47.3324 9.35392C47.4864 8.97285 47.5022 8.43856 47.5022 8.02999V6.92999L47.518 4.73392V2.53785C47.518 1.72071 47.5022 1.07249 46.7674 0.549991Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M50.2993 0.125713C48.8533 0.125713 48.1304 0.801428 48.1304 2.25107V2.82857L48.1462 3.96786V4.54536C48.1462 4.98143 48.1462 5.39 48.1304 5.82607C48.1027 6.34857 48.0316 6.86714 48.0316 7.40536C48.0316 9.3775 49.0509 10.3361 51.0222 10.3361C54.0523 10.3361 56.1067 9.03964 56.1067 5.81429C56.1067 1.925 54.2222 0.121785 50.2993 0.121785V0.125713ZM51.6583 7.91607C51.5437 7.91607 51.4449 7.81786 51.4449 7.70393C51.4449 7.66071 51.4608 7.83352 51.4884 7.59C51.8558 6.985 51.9546 6.14036 51.9546 5.44893C51.9546 4.80071 51.8835 3.84214 51.4726 3.33536C51.4015 3.22143 51.2593 3.13893 51.2593 2.9975C51.2593 2.88357 51.358 2.78536 51.4726 2.78536C51.6859 2.78536 51.9822 3.31964 52.0691 3.50428C52.3378 4.125 52.3812 4.80071 52.3812 5.46071C52.3812 5.86928 52.1679 7.91214 51.6583 7.91214V7.91607Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M62.7239 5.1268C61.9022 5.05608 60.7249 4.77322 60.0889 4.23894C60.0059 4.16822 59.8637 4.07001 59.8637 3.9443C59.8637 3.90108 59.8795 3.83037 59.9348 3.83037C60.0889 3.83037 61.0805 4.62001 61.9338 4.62001C63.0123 4.62001 64 3.78715 64 2.69108C64 0.887867 61.5941 0.157152 60.1324 0.157152C57.9635 0.157152 56.3516 1.5518 56.3516 3.76358C56.3516 4.24287 56.4227 4.90287 56.7783 5.27215C56.9482 5.4568 57.2326 5.4568 57.4578 5.4568C58.3072 5.4568 59.3857 5.72394 59.836 6.49787C59.8795 6.56858 59.919 6.68251 59.919 6.76501C59.919 6.79251 59.919 6.83572 59.8914 6.82001C59.8084 6.79251 59.7373 6.7218 59.678 6.6668C59.1802 6.18751 58.5007 5.70822 57.7817 5.70822C56.7032 5.70822 56.324 6.73751 56.324 7.63715C56.324 9.45215 57.9674 10.4539 59.6385 10.4539C61.6217 10.4539 64 9.15751 64 6.94572C64 6.12858 63.6444 5.21322 62.7239 5.13072V5.1268Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n</svg>`;\n\nexport class PopCommentBar extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n protected events = {\n click: \"onClick\",\n };\n\n protected onClick(event: MouseEvent) {\n if (!(event.target as HTMLElement).closest(\".bar__send\")) return;\n void this.handleSend();\n }\n\n protected setupEffects() {\n let lastReplyingTo: string | null = null;\n let lastEditingCommentId: string | null = null;\n\n this.addEffect(() => {\n const parentCommentId = this.gridStore.replyingTo.value;\n\n if (parentCommentId && parentCommentId !== lastReplyingTo) {\n const input = this.getElement<PopCommentInput>(\"pop-comment-input\");\n if (input) {\n setTimeout(() => input.focus(), 0);\n }\n }\n lastReplyingTo = parentCommentId;\n });\n\n this.addEffect(() => {\n const editingComment = this.gridStore.editingComment.value;\n if (editingComment && editingComment.id !== lastEditingCommentId) {\n const input = this.getElement<PopCommentInput>(\"pop-comment-input\");\n if (input) {\n input.setValue(editingComment.body);\n setTimeout(() => input.focus(), 0);\n }\n } else if (!editingComment && lastEditingCommentId) {\n const input = this.getElement<PopCommentInput>(\"pop-comment-input\");\n if (input) {\n input.clear();\n }\n }\n lastEditingCommentId = editingComment?.id ?? null;\n });\n\n this.addEffect(() => {\n const user = currentUser.value;\n const barUser = this.getElement<HTMLDivElement>(\".bar__user\");\n if (!barUser) return;\n\n const parentComment = this.gridStore.replyingToComment.value;\n const parentAuthor = parentComment?.author;\n const editingComment = this.gridStore.editingComment.value;\n\n if (editingComment) {\n barUser.classList.remove(\"has-reply\");\n const userColorKey = user?.id ?? user?.name ?? \"\";\n const userAvatarHtml = user?.image\n ? `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\"><img src=\"${user.image}\" alt=\"${user.name ?? \"User\"}'s avatar\"></pop-comment-avatar>`\n : `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\">${getInitials(user?.name)}</pop-comment-avatar>`;\n barUser.innerHTML = userAvatarHtml;\n } else if (parentAuthor) {\n barUser.classList.add(\"has-reply\");\n\n const parentColorKey = parentAuthor.id ?? parentAuthor.name ?? \"\";\n const userColorKey = user?.id ?? user?.name ?? \"\";\n\n const parentAvatarHtml = parentAuthor.image\n ? `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--reply\" data-color-key=\"${parentColorKey}\"><img src=\"${parentAuthor.image}\" alt=\"${parentAuthor.name ?? \"User\"}'s avatar\"></pop-comment-avatar>`\n : `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--reply\" data-color-key=\"${parentColorKey}\">${getInitials(parentAuthor.name)}</pop-comment-avatar>`;\n\n const userAvatarHtml = user?.image\n ? `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\"><img src=\"${user.image}\" alt=\"${user.name ?? \"User\"}'s avatar\"></pop-comment-avatar>`\n : `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\">${getInitials(user?.name)}</pop-comment-avatar>`;\n\n barUser.innerHTML = parentAvatarHtml + userAvatarHtml;\n } else {\n barUser.classList.remove(\"has-reply\");\n\n const userColorKey = user?.id ?? user?.name ?? \"\";\n\n const userAvatarHtml = user?.image\n ? `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\"><img src=\"${user.image}\" alt=\"${user.name ?? \"User\"}'s avatar\"></pop-comment-avatar>`\n : `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\">${getInitials(user?.name)}</pop-comment-avatar>`;\n\n barUser.innerHTML = userAvatarHtml;\n }\n });\n }\n\n private async handleSend(): Promise<void> {\n const input = this.getElement<PopCommentInput>(\"pop-comment-input\");\n if (!input) return;\n\n const body = input.getValue().trim();\n if (!body) return;\n\n const editingId = this.gridStore.editingCommentId.value;\n if (editingId) {\n input.clear();\n this.gridStore.editingCommentId.value = null;\n await this.gridStore.editComment(editingId, body);\n } else {\n input.clear();\n const comment = await this.gridStore.postComment(\n body,\n this.gridStore.replyingTo.value ?? undefined,\n );\n this.gridStore.replyingTo.value = null;\n\n if (comment) {\n this.gridStore.scrollingCommentId.value = comment.id;\n }\n }\n }\n\n protected getTemplate(): string {\n return /* html */ `\n <div class=\"logo-watermark\">${LOGO_WATERMARK_SVG}</div>\n <div class=\"bar\">\n <div class=\"bar__user\">\n <pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\">?</pop-comment-avatar>\n </div>\n <div class=\"bar__input-wrap\">\n <pop-comment-input></pop-comment-input>\n </div>\n <button class=\"bar__send\" type=\"button\" aria-label=\"Send comment\">\n <pop-comment-icon theme=\"neutral\" variant=\"send\"></pop-comment-icon>\n </button>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-comment-bar\")) {\n customElements.define(\"pop-comment-bar\", PopCommentBar);\n}\n","import { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n /* Mode-level theme colors (defaults for light mode) */\n --pop-comment-color-black: #000000;\n --pop-comment-color-white: #ffffff;\n --pop-comment-color-default: #000000;\n --pop-comment-color-reversed: #ffffff;\n --pop-comment-bg-singular-resting: #121926;\n --pop-comment-bg-singular-hover: rgba(0, 0, 32, 0.08);\n --pop-comment-bg-reversed: #121926;\n --pop-comment-bg-blank-resting: #ffffff;\n\n display: flex;\n\n --pop-comment-icon-scale: 1;\n --pop-comment-icon-scale-hover: 1.1875;\n --pop-comment-icon-scale-active: 0.9375;\n --pop-comment-icon-size: 32px;\n --pop-comment-icon-color: var(--pop-foreground, #000000);\n --pop-comment-icon-color-hover: var(--pop-foreground, #000000);\n --pop-comment-icon-color-active: var(--pop-foreground, #000000);\n --pop-comment-icon-color-focused: var(--pop-foreground, #000000);\n --pop-comment-icon-background: var(\n --color-surface-buttons-singular-bg-launch-icon-hover,\n rgba(0, 0, 32, 0.08)\n );\n --pop-comment-icon-background-hover: var(\n --color-surface-buttons-singular-bg-launch-icon-hover,\n rgba(0, 0, 32, 0.08)\n );\n --pop-comment-icon-background-active: var(\n --color-surface-buttons-singular-bg-launch-icon-hover,\n rgba(0, 0, 32, 0.08)\n );\n --pop-comment-icon-background-focused: var(\n --color-surface-buttons-singular-bg-launch-icon-hover,\n rgba(0, 0, 32, 0.08)\n );\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n /* Overrides for dark mode */\n --pop-comment-color-black: #ffffff;\n --pop-comment-color-white: #000000;\n --pop-comment-color-default: #ffffff;\n --pop-comment-color-reversed: #000000;\n --pop-comment-bg-singular-resting: #ffffff;\n --pop-comment-bg-singular-hover: rgba(255, 255, 255, 0.15);\n --pop-comment-bg-reversed: #ffffff;\n --pop-comment-bg-blank-resting: #121926;\n }\n }\n\n :host(.dark) {\n /* Overrides for dark mode (.dark class on host) */\n --pop-comment-color-black: #ffffff;\n --pop-comment-color-white: #000000;\n --pop-comment-color-default: #ffffff;\n --pop-comment-color-reversed: #000000;\n --pop-comment-bg-singular-resting: #ffffff;\n --pop-comment-bg-singular-hover: rgba(255, 255, 255, 0.15);\n --pop-comment-bg-reversed: #ffffff;\n --pop-comment-bg-blank-resting: #121926;\n }\n\n .comment-icon {\n align-items: center;\n background: transparent;\n border: none;\n display: inline-flex;\n height: var(--pop-comment-icon-size);\n justify-content: center;\n padding: 0;\n position: relative;\n transform-origin: center;\n width: var(--pop-comment-icon-size);\n }\n\n .comment-icon--size-sm {\n --pop-comment-icon-size: 24px;\n }\n\n .comment-icon:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n .comment-icon__focus-indicator {\n display: none;\n height: calc(100% + 3px);\n inset: -1.5px;\n transform-origin: center;\n transform: scale(var(--pop-comment-icon-scale));\n transition: all 200ms ease-out;\n width: calc(100% + 3px);\n }\n\n .comment-icon:focus-visible .comment-icon__focus-indicator {\n display: flex;\n }\n\n .comment-icon:focus-visible {\n outline: none;\n }\n\n .comment-icon__inner {\n align-items: center;\n background: var(--pop-comment-icon-background);\n color: var(--pop-comment-icon-color);\n display: flex;\n flex-direction: column;\n flex-shrink: 0;\n height: var(--pop-comment-icon-size);\n justify-content: center;\n position: absolute;\n transform-origin: center;\n transition: all 200ms ease-out;\n transform: scale(var(--pop-comment-icon-scale));\n width: var(--pop-comment-icon-size);\n }\n\n .comment-icon__icon-container {\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n transition: transform ease-out 150ms;\n width: 100%;\n }\n\n .comment-icon__icon-container svg {\n width: calc(var(--pop-comment-icon-size) * 0.6875);\n height: calc(var(--pop-comment-icon-size) * 0.6875);\n }\n\n .comment-icon--variant-close.comment-icon--theme-neutral .comment-icon__icon-container svg {\n width: var(--pop-comment-icon-size);\n height: var(--pop-comment-icon-size);\n }\n\n .comment-icon__icon-image {\n display: flex;\n width: var(--pop-comment-icon-size);\n height: var(--pop-comment-icon-size);\n }\n\n .comment-icon__icon {\n display: flex;\n }\n\n .comment-icon__icon-image + .comment-icon__icon {\n display: none;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .comment-icon:hover .comment-icon__inner {\n background: var(--pop-comment-icon-background-hover);\n color: var(--pop-comment-icon-color-hover);\n transition: transform var(--pop-ease-pop-hover) var(--pop-duration-pop-hover);\n transform: scale(var(--pop-comment-icon-scale-hover));\n }\n\n .comment-icon:hover .comment-icon__icon-image {\n display: none;\n }\n\n .comment-icon:hover .comment-icon__icon-image + .comment-icon__icon {\n display: flex;\n }\n }\n\n .comment-icon:active .comment-icon__inner {\n background: var(--pop-comment-icon-background-active);\n color: var(--pop-comment-icon-color-active);\n transform: scale(var(--pop-comment-icon-scale-active));\n transition-duration: 100ms;\n }\n\n .comment-icon:is(:focus-visible) .comment-icon__inner {\n background: var(--pop-comment-icon-background-focused);\n color: var(--pop-comment-icon-color-focused);\n }\n\n /* Brand / Add */\n .comment-icon--theme-brand.comment-icon--variant-add {\n --pop-comment-icon-color: var(--pop-comment-color-black);\n --pop-comment-icon-color-hover: var(--pop-comment-color-black);\n --pop-comment-icon-color-active: var(--pop-comment-color-black);\n --pop-comment-icon-color-focused: var(--pop-comment-color-black);\n --pop-comment-icon-background: transparent;\n --pop-comment-icon-background-hover: var(--pop-comment-bg-singular-hover);\n --pop-comment-icon-background-active: var(--pop-comment-bg-singular-hover);\n --pop-comment-icon-background-focused: transparent;\n }\n\n /* Brand / Close */\n .comment-icon--theme-brand.comment-icon--variant-close {\n --pop-comment-icon-color: var(--pop-comment-color-white);\n --pop-comment-icon-color-hover: var(--pop-comment-color-white);\n --pop-comment-icon-color-active: var(--pop-comment-color-white);\n --pop-comment-icon-color-focused: var(--pop-comment-color-white);\n --pop-comment-icon-background: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-hover: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-active: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-focused: var(--pop-comment-bg-singular-resting);\n }\n\n /* Neutral / Add */\n .comment-icon--theme-neutral.comment-icon--variant-add {\n --pop-comment-icon-color: var(--pop-comment-color-white);\n --pop-comment-icon-color-hover: var(--pop-comment-color-black);\n --pop-comment-icon-color-active: var(--pop-comment-color-black);\n --pop-comment-icon-color-focused: var(--pop-comment-color-white);\n --pop-comment-icon-background: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-hover: var(--pop-comment-bg-singular-hover);\n --pop-comment-icon-background-active: var(--pop-comment-bg-singular-hover);\n --pop-comment-icon-background-focused: var(--pop-comment-bg-singular-resting);\n }\n\n /* Neutral / Close */\n .comment-icon--theme-neutral.comment-icon--variant-close {\n --pop-comment-icon-color: var(--pop-comment-color-white);\n --pop-comment-icon-color-hover: var(--pop-comment-color-white);\n --pop-comment-icon-color-active: var(--pop-comment-color-white);\n --pop-comment-icon-color-focused: var(--pop-comment-color-white);\n --pop-comment-icon-background: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-hover: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-active: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-focused: var(--pop-comment-bg-singular-resting);\n }\n\n /* Neutral / Send */\n .comment-icon--theme-neutral.comment-icon--variant-send {\n --pop-comment-icon-color: var(--pop-comment-color-reversed);\n --pop-comment-icon-color-hover: var(--pop-comment-color-reversed);\n --pop-comment-icon-color-active: var(--pop-comment-color-reversed);\n --pop-comment-icon-color-focused: var(--pop-comment-color-reversed);\n --pop-comment-icon-background: var(--pop-comment-bg-reversed);\n --pop-comment-icon-background-hover: var(--pop-comment-bg-reversed);\n --pop-comment-icon-background-active: var(--pop-comment-bg-reversed);\n --pop-comment-icon-background-focused: var(--pop-comment-bg-reversed);\n }\n\n /* Neutral / More */\n .comment-icon--theme-neutral.comment-icon--variant-more {\n --pop-comment-icon-color: var(--pop-comment-color-default);\n --pop-comment-icon-color-hover: var(--pop-comment-color-reversed);\n --pop-comment-icon-color-active: var(--pop-comment-color-default);\n --pop-comment-icon-color-focused: var(--pop-comment-color-default);\n --pop-comment-icon-background: var(--pop-comment-bg-blank-resting);\n --pop-comment-icon-background-hover: var(--pop-comment-bg-reversed);\n --pop-comment-icon-background-active: var(--pop-comment-bg-blank-resting);\n --pop-comment-icon-background-focused: var(--pop-comment-bg-blank-resting);\n }\n\n /* Neutral / Cancel */\n .comment-icon--theme-neutral.comment-icon--variant-cancel {\n --pop-comment-icon-color: var(--pop-comment-color-default);\n --pop-comment-icon-color-hover: var(--pop-comment-color-default);\n --pop-comment-icon-color-active: var(--pop-comment-color-reversed);\n --pop-comment-icon-color-focused: var(--pop-comment-color-default);\n --pop-comment-icon-background: var(--pop-comment-bg-blank-resting);\n --pop-comment-icon-background-hover: var(--pop-comment-bg-blank-resting);\n --pop-comment-icon-background-active: var(--pop-comment-bg-reversed);\n --pop-comment-icon-background-focused: var(--pop-comment-bg-blank-resting);\n }\n`);\n\nexport class PopCommentIcon extends BaseElement {\n protected get styleSheets() {\n return [localSheet];\n }\n\n static get observedAttributes() {\n return [\"counter\", \"icon-url\", \"size\", \"theme\", \"variant\", \"type\", \"disabled\"];\n }\n\n onCounterChanged() {\n this.render();\n }\n\n onIconUrlChanged() {\n this.render();\n }\n\n onSizeChanged() {\n this.render();\n }\n\n onThemeChanged() {\n this.render();\n }\n\n onVariantChanged() {\n this.render();\n }\n\n onTypeChanged() {\n this.render();\n }\n\n onDisabledChanged() {\n this.render();\n }\n\n get counter(): number {\n return Number(this.getAttribute(\"counter\") || \"0\");\n }\n\n set counter(value: number) {\n this.setAttribute(\"counter\", String(value));\n }\n\n get iconUrl(): string | undefined {\n return this.getAttribute(\"icon-url\") || undefined;\n }\n\n set iconUrl(value: string | undefined) {\n if (value === undefined) {\n this.removeAttribute(\"icon-url\");\n } else {\n this.setAttribute(\"icon-url\", value);\n }\n }\n\n get size(): string {\n return this.getAttribute(\"size\") || \"md\";\n }\n\n set size(value: string) {\n this.setAttribute(\"size\", value);\n }\n\n get theme(): \"brand\" | \"neutral\" {\n return (this.getAttribute(\"theme\") as \"brand\" | \"neutral\") || \"brand\";\n }\n\n set theme(value: \"brand\" | \"neutral\") {\n this.setAttribute(\"theme\", value);\n }\n\n get variant(): \"add\" | \"close\" | \"filter\" | \"more\" | \"send\" | \"cancel\" {\n return (this.getAttribute(\"variant\") as any) || \"add\";\n }\n\n set variant(value: \"add\" | \"close\" | \"filter\" | \"more\" | \"send\" | \"cancel\") {\n this.setAttribute(\"variant\", value);\n }\n\n get type(): \"button\" | \"submit\" | \"reset\" | \"menu\" {\n return (this.getAttribute(\"type\") as any) || \"button\";\n }\n\n set type(value: \"button\" | \"submit\" | \"reset\" | \"menu\") {\n this.setAttribute(\"type\", value);\n }\n\n get disabled(): boolean {\n return this.hasAttribute(\"disabled\");\n }\n\n set disabled(value: boolean) {\n if (value) {\n this.setAttribute(\"disabled\", \"\");\n } else {\n this.removeAttribute(\"disabled\");\n }\n }\n\n protected events = {\n click: \"onClick\",\n };\n\n protected onClick(event: Event) {\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n return;\n }\n this.emit(\"pop-click\");\n }\n\n get icon(): string {\n let icon = \"\";\n\n if (this.theme === \"brand\") {\n if (this.variant === \"add\") {\n icon = `\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11 4.58331V17.4166M4.58333 11H17.4167\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n `;\n } else if (this.variant === \"close\") {\n icon = `\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M16.5 5.5L5.5 16.5M5.5 5.5L16.5 16.5\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n `;\n }\n } else if (this.theme === \"neutral\") {\n if (this.variant === \"add\") {\n icon = `\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11.0002 4.58301V17.4163M4.5835 10.9997H17.4168\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n `;\n } else if (this.variant === \"close\") {\n icon = `\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11.4628 11.4627L20.5373 20.5373M11.4628 20.5373L20.5373 11.4627\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n `;\n } else if (this.variant === \"more\") {\n icon = `\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M12.8335 16.5L7.3335 11L12.8335 5.5\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n `;\n } else if (this.variant === \"send\") {\n icon = `\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.0394 3.68048C18.2139 3.61601 18.3837 3.78583 18.3193 3.96036L12.3858 20.0241C12.314 20.2185 12.0369 20.2123 11.9739 20.0149L9.89172 13.4908C9.86908 13.4199 9.88424 13.3423 9.93191 13.2851L14.4838 7.82287C14.6536 7.61906 14.3807 7.34616 14.1769 7.516L8.71467 12.0678C8.65746 12.1155 8.57987 12.1307 8.50893 12.108L1.98489 10.0259C1.78743 9.96287 1.78121 9.68575 1.97565 9.61393L18.0394 3.68048Z\"\n fill=\"currentColor\"\n />\n </svg>\n `;\n } else if (this.variant === \"cancel\") {\n icon = `\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M16.5 5.5L5.5 16.5M5.5 5.5L16.5 16.5\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n `;\n }\n }\n return icon;\n }\n\n protected getTemplate(): string {\n const disabledAttr = this.disabled ? \"disabled\" : \"\";\n const classes = [\n \"comment-icon\",\n this.size ? `comment-icon--size-${this.size}` : \"\",\n this.theme ? `comment-icon--theme-${this.theme}` : \"\",\n this.variant ? `comment-icon--variant-${this.variant}` : \"\",\n ]\n .filter(Boolean)\n .join(\" \");\n\n const iconHtml = this.iconUrl\n ? `<img src=\"${this.iconUrl}\" alt=\"\" class=\"comment-icon__icon-image\" />\n <slot class=\"comment-icon__icon\" name=\"icon\">${this.icon}</slot>`\n : `<slot class=\"comment-icon__icon\" name=\"icon\">${this.icon}</slot>`;\n\n return /* html */ `\n <button\n class=\"${classes}\"\n part=\"base\"\n type=\"${this.type}\"\n ${disabledAttr}\n >\n <pop-focus-indicator class=\"comment-icon__focus-indicator\"></pop-focus-indicator>\n <div class=\"comment-icon__inner mask mask-squircle\">\n <div class=\"comment-icon__icon-container\" part=\"icon\">${iconHtml}</div>\n </div>\n </button>\n `;\n }\n}\n\nif (!customElements.get(\"pop-comment-icon\")) {\n customElements.define(\"pop-comment-icon\", PopCommentIcon);\n}\n","import { consume } from \"../store/registry.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: flex;\n flex: 1;\n min-width: 0;\n align-items: flex-end;\n }\n\n textarea {\n flex: 1;\n min-width: 0;\n background: none;\n border: none;\n outline: none;\n resize: none;\n font-family: Inter, sans-serif;\n font-size: 13px;\n color: black;\n line-height: 18px;\n padding: 5px 0;\n max-height: 200px;\n overflow-y: auto;\n width: 100%;\n letter-spacing: -0.08px;\n }\n\n textarea::placeholder {\n color: #697586;\n }\n`);\n\nexport class PopCommentInput extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n protected events = {\n input: \"onInput\",\n keydown: \"onKeyDown\",\n };\n\n protected onInput(event: Event) {\n const textarea = event.target as HTMLTextAreaElement;\n textarea.style.height = \"auto\";\n textarea.style.height = `${textarea.scrollHeight}px`;\n }\n\n protected onKeyDown(event: KeyboardEvent) {\n if (event.key === \"Escape\") {\n if (this.gridStore.editingCommentId.value || this.gridStore.replyingTo.value) {\n event.stopPropagation();\n this.gridStore.editingCommentId.value = null;\n this.gridStore.replyingTo.value = null;\n }\n }\n }\n\n getValue(): string {\n return this.getElement<HTMLTextAreaElement>(\"textarea\")?.value ?? \"\";\n }\n\n setValue(val: string): void {\n const textarea = this.getElement<HTMLTextAreaElement>(\"textarea\");\n if (!textarea) return;\n\n textarea.value = val;\n textarea.style.height = \"auto\";\n textarea.style.height = `${textarea.scrollHeight}px`;\n }\n\n clear(): void {\n const textarea = this.getElement<HTMLTextAreaElement>(\"textarea\");\n if (!textarea) return;\n\n textarea.value = \"\";\n textarea.style.height = \"auto\";\n }\n\n focus(): void {\n this.getElement<HTMLTextAreaElement>(\"textarea\")?.focus();\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n const parent = this.gridStore.replyingToComment.value;\n const editing = this.gridStore.editingComment.value;\n\n let placeholder = \"Comment\";\n if (editing) {\n placeholder = \"Edit comment...\";\n } else if (parent?.author?.name) {\n placeholder = `Reply to ${parent.author.name}`;\n }\n\n this.setAttr(\"textarea\", \"placeholder\", placeholder);\n });\n }\n\n protected getTemplate(): string {\n return /* html */ `\n <textarea rows=\"1\" placeholder=\"Comment\"></textarea>\n `;\n }\n}\n\nif (!customElements.get(\"pop-comment-input\")) {\n customElements.define(\"pop-comment-input\", PopCommentInput);\n}\n","import { consume } from \"../store/registry.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: block;\n\n --pop-thread-link: rgba(0, 0, 32, 0.5);\n --pop-thread-link-hover: rgba(0, 0, 32, 0.8);\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --pop-thread-link: rgba(255, 255, 255, 0.5);\n --pop-thread-link-hover: rgba(255, 255, 255, 0.8);\n }\n }\n\n :host(.dark) {\n --pop-thread-link: rgba(255, 255, 255, 0.5);\n --pop-thread-link-hover: rgba(255, 255, 255, 0.8);\n }\n\n .thread {\n align-items: stretch;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .thread__replies {\n align-items: center;\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-left: 24px;\n }\n\n .thread__more {\n display: flex;\n align-items: center;\n font-size: 13px;\n gap: 6px;\n padding-left: 30px;\n transition: opacity 0.15s ease;\n width: 100%;\n }\n\n .thread__more:hover {\n opacity: 1;\n }\n\n .thread__more-dot {\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: var(--pop-muted-foreground);\n flex-shrink: 0;\n opacity: 0.1;\n }\n`);\n\nconst COLLAPSED_REPLY_LIMIT = 2;\n\nexport class PopCommentThread extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n private _showAll = false;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n protected events = {\n click: \"onClick\",\n };\n\n protected onClick(event: MouseEvent) {\n if (!(event.target as HTMLElement).closest(\".thread__more-btn\")) return;\n this._showAll = true;\n this.render();\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n const commentId = this.getAttribute(\"comment-id\");\n const targetId = this.gridStore.scrollingCommentId.value;\n if (commentId && targetId) {\n const replies = this.gridStore.repliesFor(commentId);\n if (replies.some((r) => r.id === targetId)) {\n this._showAll = true;\n }\n }\n\n this.gridStore.comments.value;\n this.render();\n });\n }\n\n protected getTemplate(): string {\n const commentId = this.getAttribute(\"comment-id\");\n if (!commentId) return \"\";\n\n const replies = this.gridStore.repliesFor(commentId);\n const visibleReplies =\n this._showAll || replies.length <= COLLAPSED_REPLY_LIMIT\n ? replies\n : replies.slice(0, COLLAPSED_REPLY_LIMIT);\n const hiddenCount = replies.length - visibleReplies.length;\n\n const moreHtml =\n hiddenCount > 0\n ? `<div class=\"thread__more\">\n <div class=\"thread__more-dot\"></div>\n <button class=\"thread__more-btn btn-link btn-link--size-sm btn-link--theme-default\" type=\"button\">\n Show ${hiddenCount} more ${hiddenCount === 1 ? \"reply\" : \"replies\"}\n </button>\n </div>`\n : \"\";\n\n const repliesHtml =\n replies.length > 0\n ? `<div class=\"thread__replies\">\n ${visibleReplies\n .map((reply) => `<pop-comment comment-id=\"${reply.id}\"></pop-comment>`)\n .join(\"\")}\n ${moreHtml}\n </div>`\n : \"\";\n\n return /* html */ `\n <div class=\"thread\">\n <pop-comment comment-id=\"${commentId}\"></pop-comment>\n ${repliesHtml}\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-comment-thread\")) {\n customElements.define(\"pop-comment-thread\", PopCommentThread);\n}\n","export function timeAgo(date: Date | string | number): string {\n const d = date instanceof Date ? date : new Date(date);\n const seconds = (Date.now() - d.getTime()) / 1000;\n\n if (seconds < 1) return \"now\";\n if (seconds < 60) return `${Math.floor(seconds)}s`;\n if (seconds < 3600) return `${Math.floor(seconds / 60)}m`;\n if (seconds < 86400) return `${Math.floor(seconds / 3600)}h`;\n if (seconds < 604800) return `${Math.floor(seconds / 86400)}d`;\n return `${Math.floor(seconds / 604800)}w`;\n}\n","/**\n * Custom positioning reference element.\n * @see https://floating-ui.com/docs/virtual-elements\n */\n\nconst sides = ['top', 'right', 'bottom', 'left'];\nconst alignments = ['start', 'end'];\nconst placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + \"-\" + alignments[0], side + \"-\" + alignments[1]), []);\nconst min = Math.min;\nconst max = Math.max;\nconst round = Math.round;\nconst floor = Math.floor;\nconst createCoords = v => ({\n x: v,\n y: v\n});\nconst oppositeSideMap = {\n left: 'right',\n right: 'left',\n bottom: 'top',\n top: 'bottom'\n};\nfunction clamp(start, value, end) {\n return max(start, min(value, end));\n}\nfunction evaluate(value, param) {\n return typeof value === 'function' ? value(param) : value;\n}\nfunction getSide(placement) {\n return placement.split('-')[0];\n}\nfunction getAlignment(placement) {\n return placement.split('-')[1];\n}\nfunction getOppositeAxis(axis) {\n return axis === 'x' ? 'y' : 'x';\n}\nfunction getAxisLength(axis) {\n return axis === 'y' ? 'height' : 'width';\n}\nfunction getSideAxis(placement) {\n const firstChar = placement[0];\n return firstChar === 't' || firstChar === 'b' ? 'y' : 'x';\n}\nfunction getAlignmentAxis(placement) {\n return getOppositeAxis(getSideAxis(placement));\n}\nfunction getAlignmentSides(placement, rects, rtl) {\n if (rtl === void 0) {\n rtl = false;\n }\n const alignment = getAlignment(placement);\n const alignmentAxis = getAlignmentAxis(placement);\n const length = getAxisLength(alignmentAxis);\n let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';\n if (rects.reference[length] > rects.floating[length]) {\n mainAlignmentSide = getOppositePlacement(mainAlignmentSide);\n }\n return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];\n}\nfunction getExpandedPlacements(placement) {\n const oppositePlacement = getOppositePlacement(placement);\n return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];\n}\nfunction getOppositeAlignmentPlacement(placement) {\n return placement.includes('start') ? placement.replace('start', 'end') : placement.replace('end', 'start');\n}\nconst lrPlacement = ['left', 'right'];\nconst rlPlacement = ['right', 'left'];\nconst tbPlacement = ['top', 'bottom'];\nconst btPlacement = ['bottom', 'top'];\nfunction getSideList(side, isStart, rtl) {\n switch (side) {\n case 'top':\n case 'bottom':\n if (rtl) return isStart ? rlPlacement : lrPlacement;\n return isStart ? lrPlacement : rlPlacement;\n case 'left':\n case 'right':\n return isStart ? tbPlacement : btPlacement;\n default:\n return [];\n }\n}\nfunction getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {\n const alignment = getAlignment(placement);\n let list = getSideList(getSide(placement), direction === 'start', rtl);\n if (alignment) {\n list = list.map(side => side + \"-\" + alignment);\n if (flipAlignment) {\n list = list.concat(list.map(getOppositeAlignmentPlacement));\n }\n }\n return list;\n}\nfunction getOppositePlacement(placement) {\n const side = getSide(placement);\n return oppositeSideMap[side] + placement.slice(side.length);\n}\nfunction expandPaddingObject(padding) {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n ...padding\n };\n}\nfunction getPaddingObject(padding) {\n return typeof padding !== 'number' ? expandPaddingObject(padding) : {\n top: padding,\n right: padding,\n bottom: padding,\n left: padding\n };\n}\nfunction rectToClientRect(rect) {\n const {\n x,\n y,\n width,\n height\n } = rect;\n return {\n width,\n height,\n top: y,\n left: x,\n right: x + width,\n bottom: y + height,\n x,\n y\n };\n}\n\nexport { alignments, clamp, createCoords, evaluate, expandPaddingObject, floor, getAlignment, getAlignmentAxis, getAlignmentSides, getAxisLength, getExpandedPlacements, getOppositeAlignmentPlacement, getOppositeAxis, getOppositeAxisPlacements, getOppositePlacement, getPaddingObject, getSide, getSideAxis, max, min, placements, rectToClientRect, round, sides };\n","import { getSideAxis, getAlignmentAxis, getAxisLength, getSide, getAlignment, evaluate, getPaddingObject, rectToClientRect, min, clamp, placements, getAlignmentSides, getOppositeAlignmentPlacement, getOppositePlacement, getExpandedPlacements, getOppositeAxisPlacements, sides, max, getOppositeAxis } from '@floating-ui/utils';\nexport { rectToClientRect } from '@floating-ui/utils';\n\nfunction computeCoordsFromPlacement(_ref, placement, rtl) {\n let {\n reference,\n floating\n } = _ref;\n const sideAxis = getSideAxis(placement);\n const alignmentAxis = getAlignmentAxis(placement);\n const alignLength = getAxisLength(alignmentAxis);\n const side = getSide(placement);\n const isVertical = sideAxis === 'y';\n const commonX = reference.x + reference.width / 2 - floating.width / 2;\n const commonY = reference.y + reference.height / 2 - floating.height / 2;\n const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;\n let coords;\n switch (side) {\n case 'top':\n coords = {\n x: commonX,\n y: reference.y - floating.height\n };\n break;\n case 'bottom':\n coords = {\n x: commonX,\n y: reference.y + reference.height\n };\n break;\n case 'right':\n coords = {\n x: reference.x + reference.width,\n y: commonY\n };\n break;\n case 'left':\n coords = {\n x: reference.x - floating.width,\n y: commonY\n };\n break;\n default:\n coords = {\n x: reference.x,\n y: reference.y\n };\n }\n switch (getAlignment(placement)) {\n case 'start':\n coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);\n break;\n case 'end':\n coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);\n break;\n }\n return coords;\n}\n\n/**\n * Resolves with an object of overflow side offsets that determine how much the\n * element is overflowing a given clipping boundary on each side.\n * - positive = overflowing the boundary by that number of pixels\n * - negative = how many pixels left before it will overflow\n * - 0 = lies flush with the boundary\n * @see https://floating-ui.com/docs/detectOverflow\n */\nasync function detectOverflow(state, options) {\n var _await$platform$isEle;\n if (options === void 0) {\n options = {};\n }\n const {\n x,\n y,\n platform,\n rects,\n elements,\n strategy\n } = state;\n const {\n boundary = 'clippingAncestors',\n rootBoundary = 'viewport',\n elementContext = 'floating',\n altBoundary = false,\n padding = 0\n } = evaluate(options, state);\n const paddingObject = getPaddingObject(padding);\n const altContext = elementContext === 'floating' ? 'reference' : 'floating';\n const element = elements[altBoundary ? altContext : elementContext];\n const clippingClientRect = rectToClientRect(await platform.getClippingRect({\n element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),\n boundary,\n rootBoundary,\n strategy\n }));\n const rect = elementContext === 'floating' ? {\n x,\n y,\n width: rects.floating.width,\n height: rects.floating.height\n } : rects.reference;\n const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));\n const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {\n x: 1,\n y: 1\n } : {\n x: 1,\n y: 1\n };\n const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({\n elements,\n rect,\n offsetParent,\n strategy\n }) : rect);\n return {\n top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,\n bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,\n left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,\n right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x\n };\n}\n\n// Maximum number of resets that can occur before bailing to avoid infinite reset loops.\nconst MAX_RESET_COUNT = 50;\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element\n * next to a given reference element.\n *\n * This export does not have any `platform` interface logic. You will need to\n * write one for the platform you are using Floating UI with.\n */\nconst computePosition = async (reference, floating, config) => {\n const {\n placement = 'bottom',\n strategy = 'absolute',\n middleware = [],\n platform\n } = config;\n const platformWithDetectOverflow = platform.detectOverflow ? platform : {\n ...platform,\n detectOverflow\n };\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));\n let rects = await platform.getElementRects({\n reference,\n floating,\n strategy\n });\n let {\n x,\n y\n } = computeCoordsFromPlacement(rects, placement, rtl);\n let statefulPlacement = placement;\n let resetCount = 0;\n const middlewareData = {};\n for (let i = 0; i < middleware.length; i++) {\n const currentMiddleware = middleware[i];\n if (!currentMiddleware) {\n continue;\n }\n const {\n name,\n fn\n } = currentMiddleware;\n const {\n x: nextX,\n y: nextY,\n data,\n reset\n } = await fn({\n x,\n y,\n initialPlacement: placement,\n placement: statefulPlacement,\n strategy,\n middlewareData,\n rects,\n platform: platformWithDetectOverflow,\n elements: {\n reference,\n floating\n }\n });\n x = nextX != null ? nextX : x;\n y = nextY != null ? nextY : y;\n middlewareData[name] = {\n ...middlewareData[name],\n ...data\n };\n if (reset && resetCount < MAX_RESET_COUNT) {\n resetCount++;\n if (typeof reset === 'object') {\n if (reset.placement) {\n statefulPlacement = reset.placement;\n }\n if (reset.rects) {\n rects = reset.rects === true ? await platform.getElementRects({\n reference,\n floating,\n strategy\n }) : reset.rects;\n }\n ({\n x,\n y\n } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));\n }\n i = -1;\n }\n }\n return {\n x,\n y,\n placement: statefulPlacement,\n strategy,\n middlewareData\n };\n};\n\n/**\n * Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * @see https://floating-ui.com/docs/arrow\n */\nconst arrow = options => ({\n name: 'arrow',\n options,\n async fn(state) {\n const {\n x,\n y,\n placement,\n rects,\n platform,\n elements,\n middlewareData\n } = state;\n // Since `element` is required, we don't Partial<> the type.\n const {\n element,\n padding = 0\n } = evaluate(options, state) || {};\n if (element == null) {\n return {};\n }\n const paddingObject = getPaddingObject(padding);\n const coords = {\n x,\n y\n };\n const axis = getAlignmentAxis(placement);\n const length = getAxisLength(axis);\n const arrowDimensions = await platform.getDimensions(element);\n const isYAxis = axis === 'y';\n const minProp = isYAxis ? 'top' : 'left';\n const maxProp = isYAxis ? 'bottom' : 'right';\n const clientProp = isYAxis ? 'clientHeight' : 'clientWidth';\n const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];\n const startDiff = coords[axis] - rects.reference[axis];\n const arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element));\n let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;\n\n // DOM platform can return `window` as the `offsetParent`.\n if (!clientSize || !(await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent)))) {\n clientSize = elements.floating[clientProp] || rects.floating[length];\n }\n const centerToReference = endDiff / 2 - startDiff / 2;\n\n // If the padding is large enough that it causes the arrow to no longer be\n // centered, modify the padding so that it is centered.\n const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;\n const minPadding = min(paddingObject[minProp], largestPossiblePadding);\n const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);\n\n // Make sure the arrow doesn't overflow the floating element if the center\n // point is outside the floating element's bounds.\n const min$1 = minPadding;\n const max = clientSize - arrowDimensions[length] - maxPadding;\n const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;\n const offset = clamp(min$1, center, max);\n\n // If the reference is small enough that the arrow's padding causes it to\n // to point to nothing for an aligned placement, adjust the offset of the\n // floating element itself. To ensure `shift()` continues to take action,\n // a single reset is performed when this is true.\n const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;\n const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;\n return {\n [axis]: coords[axis] + alignmentOffset,\n data: {\n [axis]: offset,\n centerOffset: center - offset - alignmentOffset,\n ...(shouldAddOffset && {\n alignmentOffset\n })\n },\n reset: shouldAddOffset\n };\n }\n});\n\nfunction getPlacementList(alignment, autoAlignment, allowedPlacements) {\n const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter(placement => getAlignment(placement) === alignment), ...allowedPlacements.filter(placement => getAlignment(placement) !== alignment)] : allowedPlacements.filter(placement => getSide(placement) === placement);\n return allowedPlacementsSortedByAlignment.filter(placement => {\n if (alignment) {\n return getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);\n }\n return true;\n });\n}\n/**\n * Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n */\nconst autoPlacement = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'autoPlacement',\n options,\n async fn(state) {\n var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;\n const {\n rects,\n middlewareData,\n placement,\n platform,\n elements\n } = state;\n const {\n crossAxis = false,\n alignment,\n allowedPlacements = placements,\n autoAlignment = true,\n ...detectOverflowOptions\n } = evaluate(options, state);\n const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;\n const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;\n const currentPlacement = placements$1[currentIndex];\n if (currentPlacement == null) {\n return {};\n }\n const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));\n\n // Make `computeCoords` start from the right place.\n if (placement !== currentPlacement) {\n return {\n reset: {\n placement: placements$1[0]\n }\n };\n }\n const currentOverflows = [overflow[getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]];\n const allOverflows = [...(((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || []), {\n placement: currentPlacement,\n overflows: currentOverflows\n }];\n const nextPlacement = placements$1[currentIndex + 1];\n\n // There are more placements to check.\n if (nextPlacement) {\n return {\n data: {\n index: currentIndex + 1,\n overflows: allOverflows\n },\n reset: {\n placement: nextPlacement\n }\n };\n }\n const placementsSortedByMostSpace = allOverflows.map(d => {\n const alignment = getAlignment(d.placement);\n return [d.placement, alignment && crossAxis ?\n // Check along the mainAxis and main crossAxis side.\n d.overflows.slice(0, 2).reduce((acc, v) => acc + v, 0) :\n // Check only the mainAxis.\n d.overflows[0], d.overflows];\n }).sort((a, b) => a[1] - b[1]);\n const placementsThatFitOnEachSide = placementsSortedByMostSpace.filter(d => d[2].slice(0,\n // Aligned placements should not check their opposite crossAxis\n // side.\n getAlignment(d[0]) ? 2 : 3).every(v => v <= 0));\n const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];\n if (resetPlacement !== placement) {\n return {\n data: {\n index: currentIndex + 1,\n overflows: allOverflows\n },\n reset: {\n placement: resetPlacement\n }\n };\n }\n return {};\n }\n };\n};\n\n/**\n * Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n */\nconst flip = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'flip',\n options,\n async fn(state) {\n var _middlewareData$arrow, _middlewareData$flip;\n const {\n placement,\n middlewareData,\n rects,\n initialPlacement,\n platform,\n elements\n } = state;\n const {\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = true,\n fallbackPlacements: specifiedFallbackPlacements,\n fallbackStrategy = 'bestFit',\n fallbackAxisSideDirection = 'none',\n flipAlignment = true,\n ...detectOverflowOptions\n } = evaluate(options, state);\n\n // If a reset by the arrow was caused due to an alignment offset being\n // added, we should skip any logic now since `flip()` has already done its\n // work.\n // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643\n if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n return {};\n }\n const side = getSide(placement);\n const initialSideAxis = getSideAxis(initialPlacement);\n const isBasePlacement = getSide(initialPlacement) === initialPlacement;\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));\n const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';\n if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {\n fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));\n }\n const placements = [initialPlacement, ...fallbackPlacements];\n const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n const overflows = [];\n let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];\n if (checkMainAxis) {\n overflows.push(overflow[side]);\n }\n if (checkCrossAxis) {\n const sides = getAlignmentSides(placement, rects, rtl);\n overflows.push(overflow[sides[0]], overflow[sides[1]]);\n }\n overflowsData = [...overflowsData, {\n placement,\n overflows\n }];\n\n // One or more sides is overflowing.\n if (!overflows.every(side => side <= 0)) {\n var _middlewareData$flip2, _overflowsData$filter;\n const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;\n const nextPlacement = placements[nextIndex];\n if (nextPlacement) {\n const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;\n if (!ignoreCrossAxisOverflow ||\n // We leave the current main axis only if every placement on that axis\n // overflows the main axis.\n overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {\n // Try next placement and re-run the lifecycle.\n return {\n data: {\n index: nextIndex,\n overflows: overflowsData\n },\n reset: {\n placement: nextPlacement\n }\n };\n }\n }\n\n // First, find the candidates that fit on the mainAxis side of overflow,\n // then find the placement that fits the best on the main crossAxis side.\n let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;\n\n // Otherwise fallback.\n if (!resetPlacement) {\n switch (fallbackStrategy) {\n case 'bestFit':\n {\n var _overflowsData$filter2;\n const placement = (_overflowsData$filter2 = overflowsData.filter(d => {\n if (hasFallbackAxisSideDirection) {\n const currentSideAxis = getSideAxis(d.placement);\n return currentSideAxis === initialSideAxis ||\n // Create a bias to the `y` side axis due to horizontal\n // reading directions favoring greater width.\n currentSideAxis === 'y';\n }\n return true;\n }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];\n if (placement) {\n resetPlacement = placement;\n }\n break;\n }\n case 'initialPlacement':\n resetPlacement = initialPlacement;\n break;\n }\n }\n if (placement !== resetPlacement) {\n return {\n reset: {\n placement: resetPlacement\n }\n };\n }\n }\n return {};\n }\n };\n};\n\nfunction getSideOffsets(overflow, rect) {\n return {\n top: overflow.top - rect.height,\n right: overflow.right - rect.width,\n bottom: overflow.bottom - rect.height,\n left: overflow.left - rect.width\n };\n}\nfunction isAnySideFullyClipped(overflow) {\n return sides.some(side => overflow[side] >= 0);\n}\n/**\n * Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n */\nconst hide = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'hide',\n options,\n async fn(state) {\n const {\n rects,\n platform\n } = state;\n const {\n strategy = 'referenceHidden',\n ...detectOverflowOptions\n } = evaluate(options, state);\n switch (strategy) {\n case 'referenceHidden':\n {\n const overflow = await platform.detectOverflow(state, {\n ...detectOverflowOptions,\n elementContext: 'reference'\n });\n const offsets = getSideOffsets(overflow, rects.reference);\n return {\n data: {\n referenceHiddenOffsets: offsets,\n referenceHidden: isAnySideFullyClipped(offsets)\n }\n };\n }\n case 'escaped':\n {\n const overflow = await platform.detectOverflow(state, {\n ...detectOverflowOptions,\n altBoundary: true\n });\n const offsets = getSideOffsets(overflow, rects.floating);\n return {\n data: {\n escapedOffsets: offsets,\n escaped: isAnySideFullyClipped(offsets)\n }\n };\n }\n default:\n {\n return {};\n }\n }\n }\n };\n};\n\nfunction getBoundingRect(rects) {\n const minX = min(...rects.map(rect => rect.left));\n const minY = min(...rects.map(rect => rect.top));\n const maxX = max(...rects.map(rect => rect.right));\n const maxY = max(...rects.map(rect => rect.bottom));\n return {\n x: minX,\n y: minY,\n width: maxX - minX,\n height: maxY - minY\n };\n}\nfunction getRectsByLine(rects) {\n const sortedRects = rects.slice().sort((a, b) => a.y - b.y);\n const groups = [];\n let prevRect = null;\n for (let i = 0; i < sortedRects.length; i++) {\n const rect = sortedRects[i];\n if (!prevRect || rect.y - prevRect.y > prevRect.height / 2) {\n groups.push([rect]);\n } else {\n groups[groups.length - 1].push(rect);\n }\n prevRect = rect;\n }\n return groups.map(rect => rectToClientRect(getBoundingRect(rect)));\n}\n/**\n * Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n */\nconst inline = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'inline',\n options,\n async fn(state) {\n const {\n placement,\n elements,\n rects,\n platform,\n strategy\n } = state;\n // A MouseEvent's client{X,Y} coords can be up to 2 pixels off a\n // ClientRect's bounds, despite the event listener being triggered. A\n // padding of 2 seems to handle this issue.\n const {\n padding = 2,\n x,\n y\n } = evaluate(options, state);\n const nativeClientRects = Array.from((await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference))) || []);\n const clientRects = getRectsByLine(nativeClientRects);\n const fallback = rectToClientRect(getBoundingRect(nativeClientRects));\n const paddingObject = getPaddingObject(padding);\n function getBoundingClientRect() {\n // There are two rects and they are disjoined.\n if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null) {\n // Find the first rect in which the point is fully inside.\n return clientRects.find(rect => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) || fallback;\n }\n\n // There are 2 or more connected rects.\n if (clientRects.length >= 2) {\n if (getSideAxis(placement) === 'y') {\n const firstRect = clientRects[0];\n const lastRect = clientRects[clientRects.length - 1];\n const isTop = getSide(placement) === 'top';\n const top = firstRect.top;\n const bottom = lastRect.bottom;\n const left = isTop ? firstRect.left : lastRect.left;\n const right = isTop ? firstRect.right : lastRect.right;\n const width = right - left;\n const height = bottom - top;\n return {\n top,\n bottom,\n left,\n right,\n width,\n height,\n x: left,\n y: top\n };\n }\n const isLeftSide = getSide(placement) === 'left';\n const maxRight = max(...clientRects.map(rect => rect.right));\n const minLeft = min(...clientRects.map(rect => rect.left));\n const measureRects = clientRects.filter(rect => isLeftSide ? rect.left === minLeft : rect.right === maxRight);\n const top = measureRects[0].top;\n const bottom = measureRects[measureRects.length - 1].bottom;\n const left = minLeft;\n const right = maxRight;\n const width = right - left;\n const height = bottom - top;\n return {\n top,\n bottom,\n left,\n right,\n width,\n height,\n x: left,\n y: top\n };\n }\n return fallback;\n }\n const resetRects = await platform.getElementRects({\n reference: {\n getBoundingClientRect\n },\n floating: elements.floating,\n strategy\n });\n if (rects.reference.x !== resetRects.reference.x || rects.reference.y !== resetRects.reference.y || rects.reference.width !== resetRects.reference.width || rects.reference.height !== resetRects.reference.height) {\n return {\n reset: {\n rects: resetRects\n }\n };\n }\n return {};\n }\n };\n};\n\nconst originSides = /*#__PURE__*/new Set(['left', 'top']);\n\n// For type backwards-compatibility, the `OffsetOptions` type was also\n// Derivable.\n\nasync function convertValueToCoords(state, options) {\n const {\n placement,\n platform,\n elements\n } = state;\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n const side = getSide(placement);\n const alignment = getAlignment(placement);\n const isVertical = getSideAxis(placement) === 'y';\n const mainAxisMulti = originSides.has(side) ? -1 : 1;\n const crossAxisMulti = rtl && isVertical ? -1 : 1;\n const rawValue = evaluate(options, state);\n\n // eslint-disable-next-line prefer-const\n let {\n mainAxis,\n crossAxis,\n alignmentAxis\n } = typeof rawValue === 'number' ? {\n mainAxis: rawValue,\n crossAxis: 0,\n alignmentAxis: null\n } : {\n mainAxis: rawValue.mainAxis || 0,\n crossAxis: rawValue.crossAxis || 0,\n alignmentAxis: rawValue.alignmentAxis\n };\n if (alignment && typeof alignmentAxis === 'number') {\n crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;\n }\n return isVertical ? {\n x: crossAxis * crossAxisMulti,\n y: mainAxis * mainAxisMulti\n } : {\n x: mainAxis * mainAxisMulti,\n y: crossAxis * crossAxisMulti\n };\n}\n\n/**\n * Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n */\nconst offset = function (options) {\n if (options === void 0) {\n options = 0;\n }\n return {\n name: 'offset',\n options,\n async fn(state) {\n var _middlewareData$offse, _middlewareData$arrow;\n const {\n x,\n y,\n placement,\n middlewareData\n } = state;\n const diffCoords = await convertValueToCoords(state, options);\n\n // If the placement is the same and the arrow caused an alignment offset\n // then we don't need to change the positioning coordinates.\n if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n return {};\n }\n return {\n x: x + diffCoords.x,\n y: y + diffCoords.y,\n data: {\n ...diffCoords,\n placement\n }\n };\n }\n };\n};\n\n/**\n * Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n */\nconst shift = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'shift',\n options,\n async fn(state) {\n const {\n x,\n y,\n placement,\n platform\n } = state;\n const {\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = false,\n limiter = {\n fn: _ref => {\n let {\n x,\n y\n } = _ref;\n return {\n x,\n y\n };\n }\n },\n ...detectOverflowOptions\n } = evaluate(options, state);\n const coords = {\n x,\n y\n };\n const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n const crossAxis = getSideAxis(getSide(placement));\n const mainAxis = getOppositeAxis(crossAxis);\n let mainAxisCoord = coords[mainAxis];\n let crossAxisCoord = coords[crossAxis];\n if (checkMainAxis) {\n const minSide = mainAxis === 'y' ? 'top' : 'left';\n const maxSide = mainAxis === 'y' ? 'bottom' : 'right';\n const min = mainAxisCoord + overflow[minSide];\n const max = mainAxisCoord - overflow[maxSide];\n mainAxisCoord = clamp(min, mainAxisCoord, max);\n }\n if (checkCrossAxis) {\n const minSide = crossAxis === 'y' ? 'top' : 'left';\n const maxSide = crossAxis === 'y' ? 'bottom' : 'right';\n const min = crossAxisCoord + overflow[minSide];\n const max = crossAxisCoord - overflow[maxSide];\n crossAxisCoord = clamp(min, crossAxisCoord, max);\n }\n const limitedCoords = limiter.fn({\n ...state,\n [mainAxis]: mainAxisCoord,\n [crossAxis]: crossAxisCoord\n });\n return {\n ...limitedCoords,\n data: {\n x: limitedCoords.x - x,\n y: limitedCoords.y - y,\n enabled: {\n [mainAxis]: checkMainAxis,\n [crossAxis]: checkCrossAxis\n }\n }\n };\n }\n };\n};\n/**\n * Built-in `limiter` that will stop `shift()` at a certain point.\n */\nconst limitShift = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n options,\n fn(state) {\n const {\n x,\n y,\n placement,\n rects,\n middlewareData\n } = state;\n const {\n offset = 0,\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = true\n } = evaluate(options, state);\n const coords = {\n x,\n y\n };\n const crossAxis = getSideAxis(placement);\n const mainAxis = getOppositeAxis(crossAxis);\n let mainAxisCoord = coords[mainAxis];\n let crossAxisCoord = coords[crossAxis];\n const rawOffset = evaluate(offset, state);\n const computedOffset = typeof rawOffset === 'number' ? {\n mainAxis: rawOffset,\n crossAxis: 0\n } : {\n mainAxis: 0,\n crossAxis: 0,\n ...rawOffset\n };\n if (checkMainAxis) {\n const len = mainAxis === 'y' ? 'height' : 'width';\n const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;\n const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;\n if (mainAxisCoord < limitMin) {\n mainAxisCoord = limitMin;\n } else if (mainAxisCoord > limitMax) {\n mainAxisCoord = limitMax;\n }\n }\n if (checkCrossAxis) {\n var _middlewareData$offse, _middlewareData$offse2;\n const len = mainAxis === 'y' ? 'width' : 'height';\n const isOriginSide = originSides.has(getSide(placement));\n const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);\n const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);\n if (crossAxisCoord < limitMin) {\n crossAxisCoord = limitMin;\n } else if (crossAxisCoord > limitMax) {\n crossAxisCoord = limitMax;\n }\n }\n return {\n [mainAxis]: mainAxisCoord,\n [crossAxis]: crossAxisCoord\n };\n }\n };\n};\n\n/**\n * Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n */\nconst size = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'size',\n options,\n async fn(state) {\n var _state$middlewareData, _state$middlewareData2;\n const {\n placement,\n rects,\n platform,\n elements\n } = state;\n const {\n apply = () => {},\n ...detectOverflowOptions\n } = evaluate(options, state);\n const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n const side = getSide(placement);\n const alignment = getAlignment(placement);\n const isYAxis = getSideAxis(placement) === 'y';\n const {\n width,\n height\n } = rects.floating;\n let heightSide;\n let widthSide;\n if (side === 'top' || side === 'bottom') {\n heightSide = side;\n widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';\n } else {\n widthSide = side;\n heightSide = alignment === 'end' ? 'top' : 'bottom';\n }\n const maximumClippingHeight = height - overflow.top - overflow.bottom;\n const maximumClippingWidth = width - overflow.left - overflow.right;\n const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);\n const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);\n const noShift = !state.middlewareData.shift;\n let availableHeight = overflowAvailableHeight;\n let availableWidth = overflowAvailableWidth;\n if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {\n availableWidth = maximumClippingWidth;\n }\n if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {\n availableHeight = maximumClippingHeight;\n }\n if (noShift && !alignment) {\n const xMin = max(overflow.left, 0);\n const xMax = max(overflow.right, 0);\n const yMin = max(overflow.top, 0);\n const yMax = max(overflow.bottom, 0);\n if (isYAxis) {\n availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));\n } else {\n availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));\n }\n }\n await apply({\n ...state,\n availableWidth,\n availableHeight\n });\n const nextDimensions = await platform.getDimensions(elements.floating);\n if (width !== nextDimensions.width || height !== nextDimensions.height) {\n return {\n reset: {\n rects: true\n }\n };\n }\n return {};\n }\n };\n};\n\nexport { arrow, autoPlacement, computePosition, detectOverflow, flip, hide, inline, limitShift, offset, shift, size };\n","function hasWindow() {\n return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n if (isNode(node)) {\n return (node.nodeName || '').toLowerCase();\n }\n // Mocked nodes in testing environments may not be instances of Node. By\n // returning `#document` an infinite loop won't occur.\n // https://github.com/floating-ui/floating-ui/issues/2317\n return '#document';\n}\nfunction getWindow(node) {\n var _node$ownerDocument;\n return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n var _ref;\n return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n if (!hasWindow()) {\n return false;\n }\n return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n if (!hasWindow()) {\n return false;\n }\n return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n if (!hasWindow()) {\n return false;\n }\n return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n if (!hasWindow() || typeof ShadowRoot === 'undefined') {\n return false;\n }\n return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n const {\n overflow,\n overflowX,\n overflowY,\n display\n } = getComputedStyle(element);\n return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';\n}\nfunction isTableElement(element) {\n return /^(table|td|th)$/.test(getNodeName(element));\n}\nfunction isTopLayer(element) {\n try {\n if (element.matches(':popover-open')) {\n return true;\n }\n } catch (_e) {\n // no-op\n }\n try {\n return element.matches(':modal');\n } catch (_e) {\n return false;\n }\n}\nconst willChangeRe = /transform|translate|scale|rotate|perspective|filter/;\nconst containRe = /paint|layout|strict|content/;\nconst isNotNone = value => !!value && value !== 'none';\nlet isWebKitValue;\nfunction isContainingBlock(elementOrCss) {\n const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');\n}\nfunction getContainingBlock(element) {\n let currentNode = getParentNode(element);\n while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n if (isContainingBlock(currentNode)) {\n return currentNode;\n } else if (isTopLayer(currentNode)) {\n return null;\n }\n currentNode = getParentNode(currentNode);\n }\n return null;\n}\nfunction isWebKit() {\n if (isWebKitValue == null) {\n isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');\n }\n return isWebKitValue;\n}\nfunction isLastTraversableNode(node) {\n return /^(html|body|#document)$/.test(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n if (isElement(element)) {\n return {\n scrollLeft: element.scrollLeft,\n scrollTop: element.scrollTop\n };\n }\n return {\n scrollLeft: element.scrollX,\n scrollTop: element.scrollY\n };\n}\nfunction getParentNode(node) {\n if (getNodeName(node) === 'html') {\n return node;\n }\n const result =\n // Step into the shadow DOM of the parent of a slotted node.\n node.assignedSlot ||\n // DOM Element detected.\n node.parentNode ||\n // ShadowRoot detected.\n isShadowRoot(node) && node.host ||\n // Fallback.\n getDocumentElement(node);\n return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n const parentNode = getParentNode(node);\n if (isLastTraversableNode(parentNode)) {\n return node.ownerDocument ? node.ownerDocument.body : node.body;\n }\n if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n return parentNode;\n }\n return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n var _node$ownerDocument2;\n if (list === void 0) {\n list = [];\n }\n if (traverseIframes === void 0) {\n traverseIframes = true;\n }\n const scrollableAncestor = getNearestOverflowAncestor(node);\n const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n const win = getWindow(scrollableAncestor);\n if (isBody) {\n const frameElement = getFrameElement(win);\n return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n } else {\n return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n }\n}\nfunction getFrameElement(win) {\n return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n","import { rectToClientRect, arrow as arrow$1, autoPlacement as autoPlacement$1, detectOverflow as detectOverflow$1, flip as flip$1, hide as hide$1, inline as inline$1, limitShift as limitShift$1, offset as offset$1, shift as shift$1, size as size$1, computePosition as computePosition$1 } from '@floating-ui/core';\nimport { round, createCoords, max, min, floor } from '@floating-ui/utils';\nimport { getComputedStyle as getComputedStyle$1, isHTMLElement, isElement, getWindow, isWebKit, getFrameElement, getNodeScroll, getDocumentElement, isTopLayer, getNodeName, isOverflowElement, getOverflowAncestors, getParentNode, isLastTraversableNode, isContainingBlock, isTableElement, getContainingBlock } from '@floating-ui/utils/dom';\nexport { getOverflowAncestors } from '@floating-ui/utils/dom';\n\nfunction getCssDimensions(element) {\n const css = getComputedStyle$1(element);\n // In testing environments, the `width` and `height` properties are empty\n // strings for SVG elements, returning NaN. Fallback to `0` in this case.\n let width = parseFloat(css.width) || 0;\n let height = parseFloat(css.height) || 0;\n const hasOffset = isHTMLElement(element);\n const offsetWidth = hasOffset ? element.offsetWidth : width;\n const offsetHeight = hasOffset ? element.offsetHeight : height;\n const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;\n if (shouldFallback) {\n width = offsetWidth;\n height = offsetHeight;\n }\n return {\n width,\n height,\n $: shouldFallback\n };\n}\n\nfunction unwrapElement(element) {\n return !isElement(element) ? element.contextElement : element;\n}\n\nfunction getScale(element) {\n const domElement = unwrapElement(element);\n if (!isHTMLElement(domElement)) {\n return createCoords(1);\n }\n const rect = domElement.getBoundingClientRect();\n const {\n width,\n height,\n $\n } = getCssDimensions(domElement);\n let x = ($ ? round(rect.width) : rect.width) / width;\n let y = ($ ? round(rect.height) : rect.height) / height;\n\n // 0, NaN, or Infinity should always fallback to 1.\n\n if (!x || !Number.isFinite(x)) {\n x = 1;\n }\n if (!y || !Number.isFinite(y)) {\n y = 1;\n }\n return {\n x,\n y\n };\n}\n\nconst noOffsets = /*#__PURE__*/createCoords(0);\nfunction getVisualOffsets(element) {\n const win = getWindow(element);\n if (!isWebKit() || !win.visualViewport) {\n return noOffsets;\n }\n return {\n x: win.visualViewport.offsetLeft,\n y: win.visualViewport.offsetTop\n };\n}\nfunction shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {\n if (isFixed === void 0) {\n isFixed = false;\n }\n if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {\n return false;\n }\n return isFixed;\n}\n\nfunction getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {\n if (includeScale === void 0) {\n includeScale = false;\n }\n if (isFixedStrategy === void 0) {\n isFixedStrategy = false;\n }\n const clientRect = element.getBoundingClientRect();\n const domElement = unwrapElement(element);\n let scale = createCoords(1);\n if (includeScale) {\n if (offsetParent) {\n if (isElement(offsetParent)) {\n scale = getScale(offsetParent);\n }\n } else {\n scale = getScale(element);\n }\n }\n const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);\n let x = (clientRect.left + visualOffsets.x) / scale.x;\n let y = (clientRect.top + visualOffsets.y) / scale.y;\n let width = clientRect.width / scale.x;\n let height = clientRect.height / scale.y;\n if (domElement) {\n const win = getWindow(domElement);\n const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;\n let currentWin = win;\n let currentIFrame = getFrameElement(currentWin);\n while (currentIFrame && offsetParent && offsetWin !== currentWin) {\n const iframeScale = getScale(currentIFrame);\n const iframeRect = currentIFrame.getBoundingClientRect();\n const css = getComputedStyle$1(currentIFrame);\n const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;\n const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;\n x *= iframeScale.x;\n y *= iframeScale.y;\n width *= iframeScale.x;\n height *= iframeScale.y;\n x += left;\n y += top;\n currentWin = getWindow(currentIFrame);\n currentIFrame = getFrameElement(currentWin);\n }\n }\n return rectToClientRect({\n width,\n height,\n x,\n y\n });\n}\n\n// If <html> has a CSS width greater than the viewport, then this will be\n// incorrect for RTL.\nfunction getWindowScrollBarX(element, rect) {\n const leftScroll = getNodeScroll(element).scrollLeft;\n if (!rect) {\n return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;\n }\n return rect.left + leftScroll;\n}\n\nfunction getHTMLOffset(documentElement, scroll) {\n const htmlRect = documentElement.getBoundingClientRect();\n const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);\n const y = htmlRect.top + scroll.scrollTop;\n return {\n x,\n y\n };\n}\n\nfunction convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {\n let {\n elements,\n rect,\n offsetParent,\n strategy\n } = _ref;\n const isFixed = strategy === 'fixed';\n const documentElement = getDocumentElement(offsetParent);\n const topLayer = elements ? isTopLayer(elements.floating) : false;\n if (offsetParent === documentElement || topLayer && isFixed) {\n return rect;\n }\n let scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n let scale = createCoords(1);\n const offsets = createCoords(0);\n const isOffsetParentAnElement = isHTMLElement(offsetParent);\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n if (isOffsetParentAnElement) {\n const offsetRect = getBoundingClientRect(offsetParent);\n scale = getScale(offsetParent);\n offsets.x = offsetRect.x + offsetParent.clientLeft;\n offsets.y = offsetRect.y + offsetParent.clientTop;\n }\n }\n const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);\n return {\n width: rect.width * scale.x,\n height: rect.height * scale.y,\n x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,\n y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y\n };\n}\n\nfunction getClientRects(element) {\n return Array.from(element.getClientRects());\n}\n\n// Gets the entire size of the scrollable document area, even extending outside\n// of the `<html>` and `<body>` rect bounds if horizontally scrollable.\nfunction getDocumentRect(element) {\n const html = getDocumentElement(element);\n const scroll = getNodeScroll(element);\n const body = element.ownerDocument.body;\n const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);\n const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);\n let x = -scroll.scrollLeft + getWindowScrollBarX(element);\n const y = -scroll.scrollTop;\n if (getComputedStyle$1(body).direction === 'rtl') {\n x += max(html.clientWidth, body.clientWidth) - width;\n }\n return {\n width,\n height,\n x,\n y\n };\n}\n\n// Safety check: ensure the scrollbar space is reasonable in case this\n// calculation is affected by unusual styles.\n// Most scrollbars leave 15-18px of space.\nconst SCROLLBAR_MAX = 25;\nfunction getViewportRect(element, strategy) {\n const win = getWindow(element);\n const html = getDocumentElement(element);\n const visualViewport = win.visualViewport;\n let width = html.clientWidth;\n let height = html.clientHeight;\n let x = 0;\n let y = 0;\n if (visualViewport) {\n width = visualViewport.width;\n height = visualViewport.height;\n const visualViewportBased = isWebKit();\n if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {\n x = visualViewport.offsetLeft;\n y = visualViewport.offsetTop;\n }\n }\n const windowScrollbarX = getWindowScrollBarX(html);\n // <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the\n // visual width of the <html> but this is not considered in the size\n // of `html.clientWidth`.\n if (windowScrollbarX <= 0) {\n const doc = html.ownerDocument;\n const body = doc.body;\n const bodyStyles = getComputedStyle(body);\n const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;\n const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);\n if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {\n width -= clippingStableScrollbarWidth;\n }\n } else if (windowScrollbarX <= SCROLLBAR_MAX) {\n // If the <body> scrollbar is on the left, the width needs to be extended\n // by the scrollbar amount so there isn't extra space on the right.\n width += windowScrollbarX;\n }\n return {\n width,\n height,\n x,\n y\n };\n}\n\n// Returns the inner client rect, subtracting scrollbars if present.\nfunction getInnerBoundingClientRect(element, strategy) {\n const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');\n const top = clientRect.top + element.clientTop;\n const left = clientRect.left + element.clientLeft;\n const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);\n const width = element.clientWidth * scale.x;\n const height = element.clientHeight * scale.y;\n const x = left * scale.x;\n const y = top * scale.y;\n return {\n width,\n height,\n x,\n y\n };\n}\nfunction getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {\n let rect;\n if (clippingAncestor === 'viewport') {\n rect = getViewportRect(element, strategy);\n } else if (clippingAncestor === 'document') {\n rect = getDocumentRect(getDocumentElement(element));\n } else if (isElement(clippingAncestor)) {\n rect = getInnerBoundingClientRect(clippingAncestor, strategy);\n } else {\n const visualOffsets = getVisualOffsets(element);\n rect = {\n x: clippingAncestor.x - visualOffsets.x,\n y: clippingAncestor.y - visualOffsets.y,\n width: clippingAncestor.width,\n height: clippingAncestor.height\n };\n }\n return rectToClientRect(rect);\n}\nfunction hasFixedPositionAncestor(element, stopNode) {\n const parentNode = getParentNode(element);\n if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {\n return false;\n }\n return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);\n}\n\n// A \"clipping ancestor\" is an `overflow` element with the characteristic of\n// clipping (or hiding) child elements. This returns all clipping ancestors\n// of the given element up the tree.\nfunction getClippingElementAncestors(element, cache) {\n const cachedResult = cache.get(element);\n if (cachedResult) {\n return cachedResult;\n }\n let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');\n let currentContainingBlockComputedStyle = null;\n const elementIsFixed = getComputedStyle$1(element).position === 'fixed';\n let currentNode = elementIsFixed ? getParentNode(element) : element;\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {\n const computedStyle = getComputedStyle$1(currentNode);\n const currentNodeIsContaining = isContainingBlock(currentNode);\n if (!currentNodeIsContaining && computedStyle.position === 'fixed') {\n currentContainingBlockComputedStyle = null;\n }\n const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === 'absolute' || currentContainingBlockComputedStyle.position === 'fixed') || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);\n if (shouldDropCurrentNode) {\n // Drop non-containing blocks.\n result = result.filter(ancestor => ancestor !== currentNode);\n } else {\n // Record last containing block for next iteration.\n currentContainingBlockComputedStyle = computedStyle;\n }\n currentNode = getParentNode(currentNode);\n }\n cache.set(element, result);\n return result;\n}\n\n// Gets the maximum area that the element is visible in due to any number of\n// clipping ancestors.\nfunction getClippingRect(_ref) {\n let {\n element,\n boundary,\n rootBoundary,\n strategy\n } = _ref;\n const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);\n const clippingAncestors = [...elementClippingAncestors, rootBoundary];\n const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);\n let top = firstRect.top;\n let right = firstRect.right;\n let bottom = firstRect.bottom;\n let left = firstRect.left;\n for (let i = 1; i < clippingAncestors.length; i++) {\n const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);\n top = max(rect.top, top);\n right = min(rect.right, right);\n bottom = min(rect.bottom, bottom);\n left = max(rect.left, left);\n }\n return {\n width: right - left,\n height: bottom - top,\n x: left,\n y: top\n };\n}\n\nfunction getDimensions(element) {\n const {\n width,\n height\n } = getCssDimensions(element);\n return {\n width,\n height\n };\n}\n\nfunction getRectRelativeToOffsetParent(element, offsetParent, strategy) {\n const isOffsetParentAnElement = isHTMLElement(offsetParent);\n const documentElement = getDocumentElement(offsetParent);\n const isFixed = strategy === 'fixed';\n const rect = getBoundingClientRect(element, true, isFixed, offsetParent);\n let scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n const offsets = createCoords(0);\n\n // If the <body> scrollbar appears on the left (e.g. RTL systems). Use\n // Firefox with layout.scrollbar.side = 3 in about:config to test this.\n function setLeftRTLScrollbarOffset() {\n offsets.x = getWindowScrollBarX(documentElement);\n }\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n if (isOffsetParentAnElement) {\n const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);\n offsets.x = offsetRect.x + offsetParent.clientLeft;\n offsets.y = offsetRect.y + offsetParent.clientTop;\n } else if (documentElement) {\n setLeftRTLScrollbarOffset();\n }\n }\n if (isFixed && !isOffsetParentAnElement && documentElement) {\n setLeftRTLScrollbarOffset();\n }\n const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);\n const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;\n const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;\n return {\n x,\n y,\n width: rect.width,\n height: rect.height\n };\n}\n\nfunction isStaticPositioned(element) {\n return getComputedStyle$1(element).position === 'static';\n}\n\nfunction getTrueOffsetParent(element, polyfill) {\n if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {\n return null;\n }\n if (polyfill) {\n return polyfill(element);\n }\n let rawOffsetParent = element.offsetParent;\n\n // Firefox returns the <html> element as the offsetParent if it's non-static,\n // while Chrome and Safari return the <body> element. The <body> element must\n // be used to perform the correct calculations even if the <html> element is\n // non-static.\n if (getDocumentElement(element) === rawOffsetParent) {\n rawOffsetParent = rawOffsetParent.ownerDocument.body;\n }\n return rawOffsetParent;\n}\n\n// Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\nfunction getOffsetParent(element, polyfill) {\n const win = getWindow(element);\n if (isTopLayer(element)) {\n return win;\n }\n if (!isHTMLElement(element)) {\n let svgOffsetParent = getParentNode(element);\n while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {\n if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {\n return svgOffsetParent;\n }\n svgOffsetParent = getParentNode(svgOffsetParent);\n }\n return win;\n }\n let offsetParent = getTrueOffsetParent(element, polyfill);\n while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {\n offsetParent = getTrueOffsetParent(offsetParent, polyfill);\n }\n if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {\n return win;\n }\n return offsetParent || getContainingBlock(element) || win;\n}\n\nconst getElementRects = async function (data) {\n const getOffsetParentFn = this.getOffsetParent || getOffsetParent;\n const getDimensionsFn = this.getDimensions;\n const floatingDimensions = await getDimensionsFn(data.floating);\n return {\n reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),\n floating: {\n x: 0,\n y: 0,\n width: floatingDimensions.width,\n height: floatingDimensions.height\n }\n };\n};\n\nfunction isRTL(element) {\n return getComputedStyle$1(element).direction === 'rtl';\n}\n\nconst platform = {\n convertOffsetParentRelativeRectToViewportRelativeRect,\n getDocumentElement,\n getClippingRect,\n getOffsetParent,\n getElementRects,\n getClientRects,\n getDimensions,\n getScale,\n isElement,\n isRTL\n};\n\nfunction rectsAreEqual(a, b) {\n return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n}\n\n// https://samthor.au/2021/observing-dom/\nfunction observeMove(element, onMove) {\n let io = null;\n let timeoutId;\n const root = getDocumentElement(element);\n function cleanup() {\n var _io;\n clearTimeout(timeoutId);\n (_io = io) == null || _io.disconnect();\n io = null;\n }\n function refresh(skip, threshold) {\n if (skip === void 0) {\n skip = false;\n }\n if (threshold === void 0) {\n threshold = 1;\n }\n cleanup();\n const elementRectForRootMargin = element.getBoundingClientRect();\n const {\n left,\n top,\n width,\n height\n } = elementRectForRootMargin;\n if (!skip) {\n onMove();\n }\n if (!width || !height) {\n return;\n }\n const insetTop = floor(top);\n const insetRight = floor(root.clientWidth - (left + width));\n const insetBottom = floor(root.clientHeight - (top + height));\n const insetLeft = floor(left);\n const rootMargin = -insetTop + \"px \" + -insetRight + \"px \" + -insetBottom + \"px \" + -insetLeft + \"px\";\n const options = {\n rootMargin,\n threshold: max(0, min(1, threshold)) || 1\n };\n let isFirstUpdate = true;\n function handleObserve(entries) {\n const ratio = entries[0].intersectionRatio;\n if (ratio !== threshold) {\n if (!isFirstUpdate) {\n return refresh();\n }\n if (!ratio) {\n // If the reference is clipped, the ratio is 0. Throttle the refresh\n // to prevent an infinite loop of updates.\n timeoutId = setTimeout(() => {\n refresh(false, 1e-7);\n }, 1000);\n } else {\n refresh(false, ratio);\n }\n }\n if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {\n // It's possible that even though the ratio is reported as 1, the\n // element is not actually fully within the IntersectionObserver's root\n // area anymore. This can happen under performance constraints. This may\n // be a bug in the browser's IntersectionObserver implementation. To\n // work around this, we compare the element's bounding rect now with\n // what it was at the time we created the IntersectionObserver. If they\n // are not equal then the element moved, so we refresh.\n refresh();\n }\n isFirstUpdate = false;\n }\n\n // Older browsers don't support a `document` as the root and will throw an\n // error.\n try {\n io = new IntersectionObserver(handleObserve, {\n ...options,\n // Handle <iframe>s\n root: root.ownerDocument\n });\n } catch (_e) {\n io = new IntersectionObserver(handleObserve, options);\n }\n io.observe(element);\n }\n refresh(true);\n return cleanup;\n}\n\n/**\n * Automatically updates the position of the floating element when necessary.\n * Should only be called when the floating element is mounted on the DOM or\n * visible on the screen.\n * @returns cleanup function that should be invoked when the floating element is\n * removed from the DOM or hidden from the screen.\n * @see https://floating-ui.com/docs/autoUpdate\n */\nfunction autoUpdate(reference, floating, update, options) {\n if (options === void 0) {\n options = {};\n }\n const {\n ancestorScroll = true,\n ancestorResize = true,\n elementResize = typeof ResizeObserver === 'function',\n layoutShift = typeof IntersectionObserver === 'function',\n animationFrame = false\n } = options;\n const referenceEl = unwrapElement(reference);\n const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...(floating ? getOverflowAncestors(floating) : [])] : [];\n ancestors.forEach(ancestor => {\n ancestorScroll && ancestor.addEventListener('scroll', update, {\n passive: true\n });\n ancestorResize && ancestor.addEventListener('resize', update);\n });\n const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;\n let reobserveFrame = -1;\n let resizeObserver = null;\n if (elementResize) {\n resizeObserver = new ResizeObserver(_ref => {\n let [firstEntry] = _ref;\n if (firstEntry && firstEntry.target === referenceEl && resizeObserver && floating) {\n // Prevent update loops when using the `size` middleware.\n // https://github.com/floating-ui/floating-ui/issues/1740\n resizeObserver.unobserve(floating);\n cancelAnimationFrame(reobserveFrame);\n reobserveFrame = requestAnimationFrame(() => {\n var _resizeObserver;\n (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);\n });\n }\n update();\n });\n if (referenceEl && !animationFrame) {\n resizeObserver.observe(referenceEl);\n }\n if (floating) {\n resizeObserver.observe(floating);\n }\n }\n let frameId;\n let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;\n if (animationFrame) {\n frameLoop();\n }\n function frameLoop() {\n const nextRefRect = getBoundingClientRect(reference);\n if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {\n update();\n }\n prevRefRect = nextRefRect;\n frameId = requestAnimationFrame(frameLoop);\n }\n update();\n return () => {\n var _resizeObserver2;\n ancestors.forEach(ancestor => {\n ancestorScroll && ancestor.removeEventListener('scroll', update);\n ancestorResize && ancestor.removeEventListener('resize', update);\n });\n cleanupIo == null || cleanupIo();\n (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();\n resizeObserver = null;\n if (animationFrame) {\n cancelAnimationFrame(frameId);\n }\n };\n}\n\n/**\n * Resolves with an object of overflow side offsets that determine how much the\n * element is overflowing a given clipping boundary on each side.\n * - positive = overflowing the boundary by that number of pixels\n * - negative = how many pixels left before it will overflow\n * - 0 = lies flush with the boundary\n * @see https://floating-ui.com/docs/detectOverflow\n */\nconst detectOverflow = detectOverflow$1;\n\n/**\n * Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n */\nconst offset = offset$1;\n\n/**\n * Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n */\nconst autoPlacement = autoPlacement$1;\n\n/**\n * Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n */\nconst shift = shift$1;\n\n/**\n * Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n */\nconst flip = flip$1;\n\n/**\n * Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n */\nconst size = size$1;\n\n/**\n * Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n */\nconst hide = hide$1;\n\n/**\n * Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * @see https://floating-ui.com/docs/arrow\n */\nconst arrow = arrow$1;\n\n/**\n * Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n */\nconst inline = inline$1;\n\n/**\n * Built-in `limiter` that will stop `shift()` at a certain point.\n */\nconst limitShift = limitShift$1;\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element\n * next to a given reference element.\n */\nconst computePosition = (reference, floating, options) => {\n // This caches the expensive `getClippingElementAncestors` function so that\n // multiple lifecycle resets re-use the same result. It only lives for a\n // single call. If other functions become expensive, we can add them as well.\n const cache = new Map();\n const mergedOptions = {\n platform,\n ...options\n };\n const platformWithCache = {\n ...mergedOptions.platform,\n _c: cache\n };\n return computePosition$1(reference, floating, {\n ...mergedOptions,\n platform: platformWithCache\n });\n};\n\nexport { arrow, autoPlacement, autoUpdate, computePosition, detectOverflow, flip, hide, inline, limitShift, offset, platform, shift, size };\n","import { getInitials } from \"../helpers/author.js\";\nimport { timeAgo } from \"../helpers/time.js\";\nimport { currentUser } from \"../store/auth-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\nimport { computePosition, autoUpdate, flip, offset, shift } from \"@floating-ui/dom\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: block;\n width: 100%;\n --pop-comment-hover: rgba(0, 0, 32, 0.04);\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --pop-comment-hover: rgba(255, 255, 255, 0.04);\n }\n }\n\n .comment {\n display: flex;\n width: 100%;\n gap: 8px;\n align-items: center;\n background-color: transparent;\n border: none;\n padding: 0;\n border-radius: var(--pop-radius-md);\n outline: 6px solid transparent;\n text-align: left;\n transition:\n background-color 150ms ease,\n outline-color 150ms ease;\n }\n\n :host([data-size=\"sm\"]) .comment,\n :host:not([data-size]) .comment {\n --avatar-size: 32px;\n --width: 32px;\n gap: 8px;\n }\n\n :host([data-size=\"lg\"]) .comment {\n --avatar-size: 56px;\n --width: 56px;\n gap: 12px;\n }\n\n .comment--is-selected {\n background-color: var(--pop-muted);\n outline-color: var(--pop-muted);\n }\n\n :host(.is-signed-in) .comment {\n cursor: pointer;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .comment:hover .comment__avatar {\n --avatar-translate-x: 2px;\n }\n\n .comment__avatar:hover {\n /* --avatar-scale: 1.06; */\n }\n\n .comment .comment__menu {\n display: none;\n }\n\n .comment:hover .comment__menu {\n display: flex;\n }\n }\n\n .comment--is-selected .comment__avatar {\n --avatar-translate-x: 2px;\n }\n\n .comment__avatar {\n --comment-avatar-border-size: 0;\n --avatar-translate-x: 0px;\n --avatar-scale: 1;\n width: var(--avatar-size);\n height: var(--avatar-size);\n transform: translateX(var(--avatar-translate-x)) scale(var(--avatar-scale));\n transition: transform var(--pop-duration-quick) var(--pop-ease-quick);\n }\n\n .comment__user {\n display: flex;\n width: var(--width);\n align-items: flex-start;\n gap: 10px;\n flex-shrink: 0;\n align-self: stretch;\n }\n\n .comment__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1 0 0;\n align-self: stretch;\n }\n\n .comment__info {\n display: flex;\n align-items: flex-start;\n align-self: stretch;\n }\n\n .comment__menu {\n display: flex;\n justify-self: flex-end;\n }\n\n .comment__menu-trigger {\n background: none;\n border: none;\n cursor: pointer;\n border-radius: 9999px;\n aspect-ratio: 1;\n position: relative;\n }\n\n .comment__menu-trigger:before {\n content: \"\";\n height: 40px;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 40px;\n }\n\n .comment__user-meta {\n display: flex;\n align-items: flex-start;\n gap: 4px;\n flex-shrink: 0;\n align-self: stretch;\n flex-grow: 1;\n }\n\n .comment__user-name {\n color: var(--pop-foreground);\n font-feature-settings:\n \"liga\" off,\n \"clig\" off;\n font-family: Inter, sans-serif;\n font-size: var(--text-widget-base, 13px);\n font-style: normal;\n font-weight: 500;\n line-height: var(--text-widget-base--line-height, 18px);\n letter-spacing: -0.08px;\n }\n\n .comment__timestamp {\n color: var(--pop-muted-foreground);\n font-feature-settings:\n \"liga\" off,\n \"clig\" off;\n font-family: Inter, sans-serif;\n font-size: var(--text-widget-base, 13px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-widget-base--line-height, 18px);\n letter-spacing: -0.08px;\n opacity: 0.5;\n }\n\n .comment__text {\n align-self: stretch;\n color: var(--pop-foreground);\n font-feature-settings:\n \"liga\" off,\n \"clig\" off;\n font-family: Inter, sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: -0.08px;\n text-align: left;\n\n /* Clamping when not expanded */\n display: -webkit-box;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .comment__text.expanded,\n .comment--is-selected .comment__text {\n -webkit-line-clamp: initial;\n display: block;\n }\n\n .comment__mention {\n color: #155eef;\n font-weight: 500;\n }\n\n .comment__menu {\n position: relative;\n }\n\n .comment__dropdown {\n background-color: var(--pop-background);\n border-radius: 6px;\n box-shadow: var(--pop-shadow-xl);\n display: none;\n flex-direction: column;\n gap: 6px;\n padding: 6px;\n pointer-events: auto;\n position: fixed;\n width: 120px;\n z-index: 1000;\n }\n\n .comment__dropdown.is-open {\n display: flex;\n }\n\n .comment__dropdown-item {\n align-items: center;\n background: none;\n border-radius: 4px;\n border: none;\n color: var(--pop-foreground);\n cursor: pointer;\n display: flex;\n flex: 1 0 0;\n font-family: Inter, sans-serif;\n font-size: 14px;\n font-weight: 500;\n justify-content: center;\n min-height: 40px;\n padding: 0 12px;\n text-align: left;\n transition: background-color 100ms ease;\n width: 100%;\n }\n\n .comment__dropdown-item:hover {\n background-color: var(--pop-comment-hover, rgba(0, 0, 0, 0.04));\n }\n\n .comment__dropdown-item--danger {\n color: #ef4444;\n }\n\n .comment__edit-form {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n margin-top: 4px;\n }\n\n .comment__edit-input {\n width: 100%;\n background: var(--pop-background, #ffffff);\n color: var(--pop-foreground, #000000);\n border: 1px solid var(--pop-border, #e4e4e7);\n border-radius: var(--pop-radius-sm, 4px);\n padding: 6px 8px;\n font-family: Inter, sans-serif;\n font-size: 13px;\n line-height: 18px;\n resize: vertical;\n outline: none;\n }\n\n .comment__edit-input:focus {\n border-color: var(--pop-ring, #000020);\n }\n\n .comment__edit-actions {\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n }\n\n .comment__edit-save,\n .comment__edit-cancel {\n font-size: 12px;\n padding: 4px 8px;\n cursor: pointer;\n }\n\n .comment--deleted .comment__text {\n color: var(--pop-muted-foreground, #697586);\n font-style: italic;\n opacity: 0.8;\n }\n`);\n\nexport class PopComment extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n static get observedAttributes() {\n return [\"data-size\", \"comment-id\"];\n }\n\n onDataSizeChanged() {\n this.render();\n }\n\n onCommentIdChanged() {\n this.render();\n }\n\n get size(): \"sm\" | \"lg\" {\n return (this.getAttribute(\"data-size\") as \"sm\" | \"lg\") || \"sm\";\n }\n\n get commentAvatarSize(): \"xs\" | \"sm\" {\n return this.size === \"sm\" ? \"xs\" : \"sm\";\n }\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n protected events = {\n click: \"onClick\",\n };\n\n private _expanded = false;\n private _dropdownOpen = false;\n private _floatingCleanup?: () => void;\n\n private _onOutsideClick = (event: MouseEvent) => {\n const path = event.composedPath();\n const dropdown = this.getElement(\".comment__dropdown\");\n const trigger = this.getElement(\".comment__menu-trigger\");\n\n if (dropdown && trigger && !path.includes(dropdown) && !path.includes(trigger)) {\n this.closeDropdown();\n }\n };\n\n private toggleDropdown() {\n if (this._dropdownOpen) {\n this.closeDropdown();\n } else {\n this.openDropdown();\n }\n }\n\n private openDropdown() {\n this._dropdownOpen = true;\n const dropdown = this.getElement<HTMLElement>(\".comment__dropdown\");\n const trigger = this.getElement<HTMLElement>(\".comment__menu-trigger\");\n\n if (dropdown && trigger) {\n dropdown.classList.add(\"is-open\");\n\n const update = () => {\n computePosition(trigger, dropdown, {\n placement: \"bottom-end\",\n middleware: [offset(4), flip(), shift({ padding: 8 })],\n strategy: \"fixed\",\n }).then(({ x, y }) => {\n Object.assign(dropdown.style, {\n left: `${x}px`,\n top: `${y}px`,\n position: \"fixed\",\n });\n });\n };\n\n this._floatingCleanup = autoUpdate(trigger, dropdown, update);\n document.addEventListener(\"mousedown\", this._onOutsideClick);\n }\n }\n\n private closeDropdown() {\n this._dropdownOpen = false;\n const dropdown = this.getElement(\".comment__dropdown\");\n if (dropdown) {\n dropdown.classList.remove(\"is-open\");\n }\n if (this._floatingCleanup) {\n this._floatingCleanup();\n this._floatingCleanup = undefined;\n }\n document.removeEventListener(\"mousedown\", this._onOutsideClick);\n }\n\n private async deleteComment() {\n const commentId = this.getAttribute(\"comment-id\");\n if (!commentId) return;\n\n if (confirm(\"Are you sure you want to delete this comment?\")) {\n await this.gridStore.deleteComment(commentId);\n }\n }\n\n private async flagComment() {\n const commentId = this.getAttribute(\"comment-id\");\n if (!commentId) return;\n\n const success = await this.gridStore.flagComment(commentId);\n if (success) {\n alert(\"Comment flagged successfully.\");\n } else {\n alert(\"Failed to flag comment.\");\n }\n }\n\n protected onClick(event: Event) {\n const target = event.target as HTMLElement;\n\n // Handle menu trigger click\n if (target.closest(\".comment__menu-trigger\")) {\n event.stopPropagation();\n this.toggleDropdown();\n return;\n }\n\n // Handle dropdown item click\n const dropdownItem = target.closest(\".comment__dropdown-item\") as HTMLElement;\n if (dropdownItem) {\n event.stopPropagation();\n const action = dropdownItem.getAttribute(\"data-action\");\n const commentId = this.getAttribute(\"comment-id\");\n if (action === \"edit\" && commentId) {\n this.gridStore.replyingTo.value = null;\n this.gridStore.editingCommentId.value = commentId;\n } else if (action === \"delete\") {\n this.deleteComment();\n } else if (action === \"flag\") {\n this.flagComment();\n }\n this.closeDropdown();\n return;\n }\n\n // Don't trigger reply if clicking inside the dropdown\n if (target.closest(\".comment__dropdown\")) {\n event.stopPropagation();\n return;\n }\n\n // Default reply action\n if (!currentUser.value) return;\n\n const commentId = this.getAttribute(\"comment-id\");\n if (!commentId) return;\n\n const comment = this.gridStore.comments.value.find((c) => c.id === commentId);\n if (comment?.status === \"deleted\") return;\n\n if (this.gridStore.replyingTo.value === commentId) {\n this.gridStore.replyingTo.value = null;\n } else {\n this.gridStore.replyingTo.value = commentId;\n }\n\n this.expandText();\n }\n\n private expandText() {\n const textEl = this.getElement<HTMLElement>(\".comment__text\");\n if (!this._expanded && textEl) {\n const startHeight = textEl.offsetHeight;\n this._expanded = true;\n this.render();\n\n const newTextEl = this.getElement<HTMLElement>(\".comment__text\");\n if (newTextEl) {\n const endHeight = newTextEl.scrollHeight;\n\n newTextEl.style.height = `${startHeight}px`;\n newTextEl.style.overflow = \"hidden\";\n\n // Force a reflow\n void newTextEl.offsetHeight;\n\n newTextEl.style.transition = \"height var(--pop-duration-quick) var(--pop-ease-quick)\";\n newTextEl.style.height = `${endHeight}px`;\n\n setTimeout(() => {\n newTextEl.style.height = \"\";\n newTextEl.style.overflow = \"\";\n }, 300);\n }\n }\n }\n\n private _timeUpdateTimer: ReturnType<typeof setTimeout> | null = null;\n\n disconnectedCallback() {\n this.closeDropdown();\n this.stopTimeUpdates();\n super.disconnectedCallback();\n }\n\n private startTimeUpdates() {\n this.stopTimeUpdates();\n\n const commentId = this.getAttribute(\"comment-id\");\n if (!commentId) return;\n\n const comment = this.gridStore.comments.value.find((c) => c.id === commentId);\n if (!comment) return;\n\n const update = () => {\n const timeSpan = this.getElement<HTMLSpanElement>(\".comment__timestamp\");\n if (timeSpan) {\n timeSpan.textContent = timeAgo(comment.createdAt);\n }\n\n const ageMs =\n Date.now() -\n (typeof comment.createdAt === \"number\"\n ? comment.createdAt\n : Date.parse(String(comment.createdAt)));\n let delay = 60000;\n\n if (ageMs < 60000) {\n delay = 5000;\n } else if (ageMs < 3600000) {\n delay = 60000;\n } else {\n delay = 1800000;\n }\n\n this._timeUpdateTimer = setTimeout(update, delay);\n };\n\n const ageMs =\n Date.now() -\n (typeof comment.createdAt === \"number\"\n ? comment.createdAt\n : Date.parse(String(comment.createdAt)));\n const initialDelay = ageMs < 60000 ? 5000 : 60000;\n this._timeUpdateTimer = setTimeout(update, initialDelay);\n }\n\n private stopTimeUpdates() {\n if (this._timeUpdateTimer) {\n clearTimeout(this._timeUpdateTimer);\n this._timeUpdateTimer = null;\n }\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n const commentId = this.getAttribute(\"comment-id\");\n const user = currentUser.value;\n const replyingToId = this.gridStore.replyingTo.value;\n const editingId = this.gridStore.editingCommentId.value;\n const targetId = this.gridStore.scrollingCommentId.value;\n\n this.classList.toggle(\"is-signed-in\", user !== null);\n this.classList.toggle(\"is-replying\", commentId !== null && replyingToId === commentId);\n this.classList.toggle(\"is-editing\", commentId !== null && editingId === commentId);\n\n this.gridStore.comments.value;\n this.render();\n this.startTimeUpdates();\n\n if (commentId && targetId === commentId) {\n setTimeout(() => {\n const innerComment = this.shadowRoot?.querySelector(`#comment-${commentId}`);\n if (innerComment) {\n innerComment.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n } else {\n this.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n this.gridStore.scrollingCommentId.value = null;\n }, 50);\n }\n });\n }\n\n protected getTemplate(): string {\n const commentId = this.getAttribute(\"comment-id\");\n if (!commentId) return \"\";\n\n const comment = this.gridStore.comments.value.find((c) => c.id === commentId);\n if (!comment) return \"\";\n\n const isDeleted = comment.status === \"deleted\";\n const isAuthorDeleted = comment.authorDeleted === true;\n const showDeletedAvatar = isDeleted || isAuthorDeleted;\n\n const avatarContent = showDeletedAvatar\n ? \"\"\n : comment.author?.image\n ? `<img src=\"${comment.author.image}\" alt=\"${comment.author.name ?? \"User avatar\"}\" />`\n : getInitials(comment.author?.name);\n\n const replyingToId = this.gridStore.replyingTo.value;\n const isReplying = commentId !== null && replyingToId === commentId;\n const size = this.size;\n\n // Determine if signed-in user is the author\n const isAuthor =\n currentUser.value && comment.author && currentUser.value.id === comment.author.id;\n\n // Dropdown HTML (only if signed in and comment is not deleted)\n const menuHtml =\n currentUser.value && !isDeleted\n ? `<div class=\"comment__menu\">\n <button class=\"comment__menu-trigger\" type=\"button\">\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9 9.5C9.27614 9.5 9.5 9.27614 9.5 9C9.5 8.72386 9.27614 8.5 9 8.5C8.72386 8.5 8.5 8.72386 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5Z\"\n fill=\"white\"\n />\n <path\n d=\"M12.5 9.5C12.7761 9.5 13 9.27614 13 9C13 8.72386 12.7761 8.5 12.5 8.5C12.2239 8.5 12 8.72386 12 9C12 9.27614 12.2239 9.5 12.5 9.5Z\"\n fill=\"white\"\n />\n <path\n d=\"M5.5 9.5C5.77614 9.5 6 9.27614 6 9C6 8.72386 5.77614 8.5 5.5 8.5C5.22386 8.5 5 8.72386 5 9C5 9.27614 5.22386 9.5 5.5 9.5Z\"\n fill=\"white\"\n />\n <path\n d=\"M9 9.5C9.27614 9.5 9.5 9.27614 9.5 9C9.5 8.72386 9.27614 8.5 9 8.5C8.72386 8.5 8.5 8.72386 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5Z\"\n stroke=\"#000020\"\n stroke-opacity=\"0.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M12.5 9.5C12.7761 9.5 13 9.27614 13 9C13 8.72386 12.7761 8.5 12.5 8.5C12.2239 8.5 12 8.72386 12 9C12 9.27614 12.2239 9.5 12.5 9.5Z\"\n stroke=\"#000020\"\n stroke-opacity=\"0.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M5.5 9.5C5.77614 9.5 6 9.27614 6 9C6 8.72386 5.77614 8.5 5.5 8.5C5.22386 8.5 5 8.72386 5 9C5 9.27614 5.22386 9.5 5.5 9.5Z\"\n stroke=\"#000020\"\n stroke-opacity=\"0.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n <div class=\"comment__dropdown\">\n ${\n isAuthor\n ? `<button class=\"comment__dropdown-item\" type=\"button\" data-action=\"edit\">Edit</button>\n <button class=\"comment__dropdown-item comment__dropdown-item--danger\" type=\"button\" data-action=\"delete\">Delete</button>`\n : \"\"\n }\n <button class=\"comment__dropdown-item\" type=\"button\" data-action=\"flag\">Flag</button>\n </div>\n </div>`\n : \"\";\n\n return /* html */ `\n <div\n class=\"comment comment--size-${size}${isReplying ? \" comment--is-selected\" : \"\"}${isDeleted\n ? \" comment--deleted\"\n : \"\"}\"\n id=\"comment-${commentId}\"\n >\n <div class=\"comment__user\">\n <pop-comment-avatar\n class=\"comment__avatar\"\n size=\"${this.commentAvatarSize}\"\n data-color-key=\"${comment.author?.id ?? comment.author?.name ?? \"\"}\"\n ${showDeletedAvatar ? \"deleted\" : \"\"}\n >\n ${avatarContent}\n </pop-comment-avatar>\n </div>\n <div class=\"comment__content\">\n <div class=\"comment__info\">\n <div class=\"comment__user-meta\">\n <div class=\"comment__user-name\">\n ${isDeleted ? \"[Deleted]\" : isAuthorDeleted ? \"[Deleted user]\" : (comment.author?.name ?? \"\")}\n </div>\n <div class=\"comment__timestamp\">${timeAgo(comment.createdAt)}</div>\n </div>\n ${menuHtml}\n </div>\n <div class=\"comment__text${this._expanded ? \" expanded\" : \"\"}\">${comment.body}</div>\n </div>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-comment\")) {\n customElements.define(\"pop-comment\", PopComment);\n}\n","import { checkSession, currentUser } from \"../store/auth-store.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: flex;\n background: var(--pop-background);\n border-radius: var(--pop-radius-2xl);\n border: 1px solid var(--pop-background);\n box-shadow: var(--pop-shadow-3xl);\n display: block;\n left: 0;\n max-height: 400px;\n max-width: 400px;\n min-width: 343px;\n opacity: 0;\n overflow: hidden;\n padding: 0 4px 0 0;\n pointer-events: none;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 9999;\n transform: scale(0.94);\n transition:\n opacity var(--pop-duration-quick) var(--pop-ease-quick),\n transform var(--pop-duration-quick) var(--pop-ease-quick),\n display var(--pop-duration-quick) allow-discrete;\n }\n\n :host([data-current-placement=\"top-start\"]) {\n transform-origin: left bottom;\n }\n\n :host([data-current-placement=\"bottom-start\"]) {\n transform-origin: left top;\n }\n\n :host([data-current-placement=\"top-end\"]) {\n transform-origin: right bottom;\n }\n\n :host([data-current-placement=\"bottom-end\"]) {\n transform-origin: right top;\n }\n\n :host([data-current-placement=\"top\"]) {\n transform-origin: bottom;\n }\n\n :host([data-current-placement=\"bottom\"]) {\n transform-origin: top;\n }\n\n :host([open]) {\n opacity: 1;\n pointer-events: auto;\n transform: scale(1);\n\n @starting-style {\n display: flex;\n opacity: 0;\n transform: scale(0.94);\n }\n }\n\n .feed {\n display: grid;\n grid-template-rows: 1fr 50px;\n }\n\n .feed__content {\n align-items: flex-start;\n align-self: stretch;\n display: flex;\n gap: 8px;\n min-height: 80px;\n max-height: 290px;\n }\n\n .feed__empty {\n padding: 24px 16px 24px 8px;\n text-align: center;\n font-family: Inter, sans-serif;\n font-size: 13px;\n color: var(--pop-muted-foreground);\n line-height: 18px;\n }\n\n .feed__footer {\n position: absolute;\n bottom: 0;\n min-height: 50px;\n width: 100%;\n }\n\n .feed__main {\n align-items: stretch;\n align-self: stretch;\n display: flex;\n flex-direction: column;\n flex: 1 0 0;\n gap: 16px;\n min-height: 100%;\n overflow: hidden auto;\n padding: 8px 10px 8px 8px;\n }\n\n .feed__main::-webkit-scrollbar {\n width: 4px;\n }\n\n .feed__main::-webkit-scrollbar-track {\n background: transparent;\n }\n\n .feed__main::-webkit-scrollbar-thumb {\n background: var(--pop-border);\n border-radius: 100px;\n }\n`);\n\nexport class PopFeed extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n private _footerChild: string | null = null;\n private _wasOpen = false;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener(\"mousedown\", this);\n document.addEventListener(\"keydown\", this);\n }\n\n disconnectedCallback() {\n document.removeEventListener(\"mousedown\", this);\n document.removeEventListener(\"keydown\", this);\n super.disconnectedCallback();\n }\n\n handleEvent(event: Event): void {\n if (event.type === \"mousedown\") {\n this.onOutsideClick(event as MouseEvent);\n return;\n }\n\n if (event.type === \"keydown\") {\n this.onKeyDown(event as KeyboardEvent);\n return;\n }\n\n super.handleEvent(event);\n }\n\n private onOutsideClick(event: MouseEvent) {\n if (!this.gridStore.open.value) return;\n\n const path = event.composedPath();\n const root = this.getRootNode();\n const host = root instanceof ShadowRoot ? root.host : null;\n if (!path.includes(this) && (!host || !path.includes(host))) {\n this.gridStore.open.value = false;\n }\n }\n\n private onKeyDown(event: KeyboardEvent) {\n if (event.key !== \"Escape\") return;\n this.gridStore.open.value = false;\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n const open = this.gridStore.open.value;\n\n if (open && !this._wasOpen && this.gridStore.grid.value) {\n void checkSession(this.gridStore.apiUrl, this.gridStore.publicKey);\n }\n\n this._wasOpen = open;\n this.update();\n });\n }\n\n private update(): void {\n if (this.gridStore.open.value) {\n this.setAttribute(\"open\", \"\");\n } else {\n this.removeAttribute(\"open\");\n }\n\n const content = this.getElement<HTMLDivElement>(\".feed__main\");\n if (content) {\n const threads = this.gridStore.topLevelComments.value;\n\n if (threads.length === 0) {\n const isEmpty = content.querySelector(\".feed__empty\");\n if (!isEmpty) {\n content.innerHTML = `<div class=\"feed__empty\">Waiting for your thoughts…</div>`;\n }\n } else {\n const existingIds = Array.from(content.querySelectorAll(\"pop-comment-thread\")).map((el) =>\n el.getAttribute(\"comment-id\"),\n );\n\n const newIds = threads.map((c) => c.id);\n const needsRebuild =\n existingIds.length !== newIds.length || existingIds.some((id, i) => id !== newIds[i]);\n\n if (needsRebuild) {\n content.innerHTML = threads\n .map(\n (comment) => `<pop-comment-thread comment-id=\"${comment.id}\"></pop-comment-thread>`,\n )\n .join(\"\");\n }\n }\n }\n\n const footer = this.getElement<HTMLDivElement>(\".feed__footer\");\n if (footer) {\n const authed = currentUser.value !== null;\n const desired = authed ? \"pop-comment-bar\" : \"pop-auth-panel\";\n if (this._footerChild !== desired) {\n this._footerChild = desired;\n footer.innerHTML = `<${desired}></${desired}>`;\n }\n }\n }\n\n protected getTemplate(): string {\n return /* html */ `\n <div class=\"feed\">\n <div class=\"feed__content\">\n <div class=\"feed__main\"></div>\n </div>\n <div class=\"feed__footer\"></div>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-feed\")) {\n customElements.define(\"pop-feed\", PopFeed);\n}\n","import{isContainingBlock as t}from\"@floating-ui/utils/dom\";function e(t){return i(t)}function n(t){return f(t,\"offsetTop\")}function o(t){return f(t,\"offsetLeft\")}function r(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function i(e){for(let t=e;t;t=r(t))if(t instanceof Element&&\"none\"===getComputedStyle(t).display)return null;for(let n=r(e);n;n=r(n)){if(!(n instanceof Element))continue;const e=getComputedStyle(n);if(\"contents\"!==e.display){if(\"static\"!==e.position||t(e))return n;if(\"BODY\"===n.tagName)return n}}return null}function f(t,e){let n=t[e],o=i(t);const r=function(t){const e=new Set;let n=t.getRootNode();for(;n;)e.add(n),n=n.parentNode?n.parentNode.getRootNode():null;return e}(t);for(;o&&!r.has(o.getRootNode());)n-=o[e],o=i(o);return n}export{o as offsetLeft,e as offsetParent,n as offsetTop};\n","import {\n type Middleware,\n autoUpdate,\n computePosition,\n flip,\n offset,\n platform,\n} from \"@floating-ui/dom\";\nimport { offsetParent } from \"composed-offset-position\";\nimport { checkSession } from \"../store/auth-store.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { registerStore, unregisterStore } from \"../store/registry.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: block;\n position: relative;\n }\n\n .grid {\n display: flex;\n height: 100%;\n position: relative;\n width: 100%;\n }\n\n .grid--align-start {\n justify-content: flex-start;\n }\n\n .grid--align-center {\n justify-content: center;\n }\n\n .grid--align-end {\n justify-content: flex-end;\n }\n`);\n\nexport class PopGrid extends BaseElement {\n private _initialized = false;\n private _floatingCleanup?: () => void;\n private _store!: GridStore;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n connectedCallback() {\n if (this._initialized) return;\n this._initialized = true;\n\n const publicKey = this.getAttribute(\"data-key\") ?? this.getAttribute(\"public-key\") ?? \"\";\n\n const apiUrl = this.getAttribute(\"data-api-url\") ?? this.getAttribute(\"api-url\") ?? \"\";\n\n const pageUrl =\n this.getAttribute(\"data-page-url\") ?? this.getAttribute(\"page-url\") ?? location.href;\n\n // Names the discussion thread (Disqus-style identifier): embeds sharing a\n // data-id share one thread across pages; without it the thread is keyed\n // by the page's canonical URL.\n const externalId = this.getAttribute(\"data-id\");\n\n this._store = new GridStore({\n apiUrl,\n publicKey,\n pageUrl,\n externalId,\n });\n registerStore(this, this._store);\n\n super.connectedCallback();\n\n void this._store.load().then((loaded) => {\n if (loaded) {\n void checkSession(apiUrl, publicKey);\n }\n });\n }\n\n disconnectedCallback() {\n this._floatingCleanup?.();\n this._store.destroy();\n unregisterStore(this);\n super.disconnectedCallback();\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n const grid = this._store.grid.value;\n const gridEl = this.getElement(\".grid\");\n if (!gridEl) return;\n\n // Remove any existing grid-- classes\n const toRemove = Array.from(gridEl.classList).filter((cls) => cls.startsWith(\"grid--\"));\n if (toRemove.length > 0) {\n gridEl.classList.remove(...toRemove);\n }\n\n if (grid) {\n if (grid.align) gridEl.classList.add(`grid--align-${grid.align}`);\n if (grid.appearance) gridEl.classList.add(`grid--appearance-${grid.appearance}`);\n if (grid.icon) gridEl.classList.add(`grid--icon-${grid.icon}`);\n if (grid.layout) gridEl.classList.add(`grid--layout-${grid.layout}`);\n if (grid.position) gridEl.classList.add(`grid--position-${grid.position}`);\n\n const previewVal = grid.previewCount ?? this._store.previewCount;\n gridEl.classList.add(`grid--preview-${previewVal}`);\n }\n });\n\n this.addEffect(() => {\n const open = this._store.open.value;\n\n if (this._floatingCleanup) {\n this._floatingCleanup();\n this._floatingCleanup = undefined;\n }\n\n if (!open) return;\n\n const widget = this.getElement(\"pop-widget\");\n const feed = this.getElement(\"pop-feed\");\n if (!widget || !feed) return;\n\n const grid = this._store.grid.value;\n if (!grid) return;\n\n // Offset\n let middleware: Middleware[] = [];\n\n middleware = [\n offset({\n mainAxis: grid.position === \"down\" ? -16 : -54,\n crossAxis: -18,\n }),\n ];\n\n // Flip\n if (!grid.position || grid.position === \"auto\") {\n middleware.push(\n flip({\n fallbackPlacements: [\"bottom-start\", \"top-start\"],\n fallbackStrategy: \"bestFit\",\n padding: 16,\n }),\n );\n }\n\n const getOffsetParent = (element: Element) => platform.getOffsetParent(element, offsetParent);\n\n const update = () => {\n void computePosition(widget, feed, {\n placement: grid.position === \"down\" ? \"bottom-start\" : \"top-start\",\n middleware,\n strategy: \"fixed\",\n platform: {\n ...platform,\n getOffsetParent,\n },\n }).then(({ x, y, placement }) => {\n feed.setAttribute(\"data-current-placement\", placement);\n\n Object.assign(feed.style, {\n left: `${x}px`,\n top: `${y}px`,\n });\n });\n };\n\n this._floatingCleanup = autoUpdate(widget, feed, update);\n });\n }\n\n protected getTemplate(): string {\n return /* html */ `\n <div class=\"grid\">\n <pop-widget></pop-widget>\n <pop-feed></pop-feed>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-grid\")) {\n customElements.define(\"pop-grid\", PopGrid);\n}\n","import { getInitials } from \"../helpers/author.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n --error-badge-bg: #fef2f2;\n --error-badge-text: #991b1b;\n --error-badge-border: #fecaca;\n\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --error-badge-bg: #450a0a;\n --error-badge-text: #fca5a5;\n --error-badge-border: #7f1d1d;\n }\n }\n\n :host(.dark) {\n --error-badge-bg: #450a0a;\n --error-badge-text: #fca5a5;\n --error-badge-border: #7f1d1d;\n }\n\n :host([data-error]) {\n cursor: default;\n }\n\n .error-badge {\n display: inline-flex;\n align-items: center;\n padding: 2px 10px;\n border-radius: var(--pop-radius-full);\n border: 1px solid var(--error-badge-border);\n background: var(--error-badge-bg);\n color: var(--error-badge-text);\n font-size: 12px;\n font-weight: 500;\n line-height: 16px;\n white-space: nowrap;\n }\n\n .widget {\n display: inline-flex;\n align-items: flex-start;\n }\n\n .widget > :not([hidden]) ~ :not([hidden]) {\n margin-left: -6px;\n }\n\n .skeleton {\n width: 32px;\n height: 32px;\n background: var(--pop-muted);\n animation: pulse 1.5s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n }\n\n .count {\n --count-size: calc(32px + var(--count-border-size));\n --count-background: var(--pop-background);\n --count-border-color: rgba(0 0 32 / 16%);\n --count-border-size: 1px;\n --count-color: var(--pop-foreground);\n\n align-items: center;\n background-color: var(--pop-background);\n display: flex;\n flex-shrink: 0;\n justify-content: center;\n padding: calc(var(--count-border-size) / 2);\n position: relative;\n z-index: 10;\n\n width: calc(var(--count-size) + (calc(var(--count-border-size))));\n height: calc(var(--count-size) + (calc(var(--count-border-size))));\n }\n\n .count__background {\n background-color: var(--count-border-color);\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n }\n\n .count__content {\n align-items: center;\n background: var(--count-background);\n display: flex;\n justify-content: center;\n overflow: hidden;\n height: var(--count-size);\n width: var(--count-size);\n }\n\n .count__label {\n color: var(--count-color);\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n letter-spacing: -0.96px;\n line-height: 28px;\n text-align: center;\n user-select: none;\n }\n\n .count__label-container {\n align-items: center;\n background: var(--pop-background);\n display: flex;\n height: calc(100% - calc(var(--count-border-size) * 2));\n justify-content: center;\n position: relative;\n text-indent: calc(calc(var(--count-border-size) * 2) * -1);\n width: calc(100% - calc(var(--count-border-size) * 2));\n z-index: 20;\n }\n`);\n\nexport class PopWidget extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n protected events = {\n click: \"onClick\",\n };\n\n protected onClick() {\n if (this.gridStore.error.value) {\n return;\n }\n\n this.gridStore.open.value = !this.gridStore.open.value;\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n this.gridStore.loading.value;\n this.gridStore.error.value;\n this.gridStore.previewAvatars.value;\n this.gridStore.comments.value;\n this.gridStore.grid.value;\n\n const hasError = Boolean(this.gridStore.error.value);\n this.toggleAttribute(\"data-error\", hasError);\n\n if (hasError && this.gridStore.open.value) {\n this.gridStore.open.value = false;\n }\n\n this.render();\n });\n }\n\n protected getTemplate(): string {\n if (this.gridStore.loading.value) {\n return `<div class=\"widget\"><div class=\"skeleton mask mask-squircle\"></div></div>`;\n }\n\n if (this.gridStore.error.value) {\n return `<div class=\"error-badge\">Error: there was a problem loading the PopGrid</div>`;\n }\n\n const avatars = this.gridStore.previewAvatars.value;\n const totalCount = this.gridStore.comments.value.length;\n\n const avatarsHtml = avatars\n .map((author, idx) => {\n const zIndex = avatars.length + idx;\n const colorKey = author?.id ?? author?.name ?? \"\";\n\n if (author?.image) {\n return `<pop-comment-avatar size=\"xs\" style=\"z-index: ${zIndex}\" data-color-key=\"${colorKey}\">\n <img src=\"${author.image}\" alt=\"${author.name ?? \"User\"}\" />\n </pop-comment-avatar>`;\n }\n\n return `<pop-comment-avatar size=\"xs\" style=\"z-index: ${zIndex}\" data-color-key=\"${colorKey}\">\n ${getInitials(author?.name)}\n </pop-comment-avatar>`;\n })\n .join(\"\");\n\n return /* html */ `\n <div class=\"widget\">\n ${avatarsHtml}\n <div class=\"count mask mask-squircle\">\n <span class=\"count__content mask mask-squircle\">\n <div class=\"count__background mask mask-squircle\"></div>\n <div class=\"count__label-container mask mask-squircle\">\n <div class=\"count__label\">${totalCount}</div>\n </div>\n </span>\n </div>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-widget\")) {\n customElements.define(\"pop-widget\", PopWidget);\n}\n","if (typeof document !== \"undefined\") {\n const fontUrl = \"https://rsms.me/inter/inter.css\";\n if (!document.querySelector(`link[href=\"${fontUrl}\"]`)) {\n const link = document.createElement(\"link\");\n link.rel = \"stylesheet\";\n link.href = fontUrl;\n document.head.appendChild(link);\n }\n}\n\nimport \"./components/pop-auth-panel.js\";\nimport \"./components/pop-comment-avatar.js\";\nimport \"./components/pop-comment-bar.js\";\nimport \"./components/pop-comment-icon.js\";\nimport \"./components/pop-comment-input.js\";\nimport \"./components/pop-comment-thread.js\";\nimport \"./components/pop-comment.js\";\nimport \"./components/pop-feed.js\";\nimport \"./components/pop-grid.js\";\nimport \"./components/pop-widget.js\";\n\nexport type { AuthUser, Comment, CommentAuthor, Grid } from \"./types/models.js\";\n"],"x_google_ignoreList":[0,20,21,22,23,26],"mappings":"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"}
1
+ {"version":3,"file":"embed.js","names":["i","r","e","computePosition","flip","offset","shift","getComputedStyle","t"],"sources":["../node_modules/.pnpm/@preact+signals-core@1.14.3/node_modules/@preact/signals-core/dist/signals-core.module.js","../src/lib/popup-auth.ts","../src/store/auth-store.ts","../src/store/registry.ts","../src/store/grid-store.ts","../src/styles/base.css?inline","../src/styles/buttons.css?inline","../src/styles/masks.css?inline","../src/helpers/theme.ts","../src/components/base-element.ts","../src/components/pop-auth-panel.ts","../src/assets/popgrids-letter-p.png?inline","../src/helpers/color.ts","../src/components/pop-comment-avatar.ts","../src/helpers/author.ts","../src/components/pop-comment-bar.ts","../src/components/pop-comment-icon.ts","../src/components/pop-comment-input.ts","../src/components/pop-comment-thread.ts","../src/helpers/time.ts","../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs","../node_modules/.pnpm/@floating-ui+core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs","../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs","../node_modules/.pnpm/@floating-ui+dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs","../src/components/pop-comment.ts","../src/components/pop-feed.ts","../node_modules/.pnpm/composed-offset-position@0.0.6_@floating-ui+utils@0.2.11/node_modules/composed-offset-position/dist/composed-offset-position.browser.min.mjs","../src/components/pop-grid.ts","../src/components/pop-widget.ts","../src/index.ts"],"sourcesContent":["var i=Symbol.for(\"preact-signals\");function t(){if(!(s>1)){var i,t=!1;!function(){var i=c;c=void 0;while(void 0!==i){if(i.S.v===i.v)i.S.i=i.i;i=i.o}}();while(void 0!==h){var n=h;h=void 0;v++;while(void 0!==n){var r=n.u;n.u=void 0;n.f&=-3;if(!(8&n.f)&&w(n))try{n.c()}catch(n){if(!t){i=n;t=!0}}n=r}}v=0;s--;if(t)throw i}else s--}function n(i){if(s>0)return i();e=++u;s++;try{return i()}finally{t()}}var r=void 0;function o(i){var t=r;r=void 0;try{return i()}finally{r=t}}var f,h=void 0,s=0,v=0,u=0,e=0,c=void 0,d=0;function a(i){if(void 0!==r){var t=i.n;if(void 0===t||t.t!==r){t={i:0,S:i,p:r.s,n:void 0,t:r,e:void 0,x:void 0,r:t};if(void 0!==r.s)r.s.n=t;r.s=t;i.n=t;if(32&r.f)i.S(t);return t}else if(-1===t.i){t.i=0;if(void 0!==t.n){t.n.p=t.p;if(void 0!==t.p)t.p.n=t.n;t.p=r.s;t.n=void 0;r.s.n=t;r.s=t}return t}}}function l(i,t){this.v=i;this.i=0;this.n=void 0;this.t=void 0;this.l=0;this.W=null==t?void 0:t.watched;this.Z=null==t?void 0:t.unwatched;this.name=null==t?void 0:t.name}l.prototype.brand=i;l.prototype.h=function(){return!0};l.prototype.S=function(i){var t=this,n=this.t;if(n!==i&&void 0===i.e){i.x=n;this.t=i;if(void 0!==n)n.e=i;else o(function(){var i;null==(i=t.W)||i.call(t)})}};l.prototype.U=function(i){var t=this;if(void 0!==this.t){var n=i.e,r=i.x;if(void 0!==n){n.x=r;i.e=void 0}if(void 0!==r){r.e=n;i.x=void 0}if(i===this.t){this.t=r;if(void 0===r)o(function(){var i;null==(i=t.Z)||i.call(t)})}}};l.prototype.subscribe=function(i){var t=this;return j(function(){var n=t.value;o(function(){return i(n)})},{name:\"sub\"})};l.prototype.valueOf=function(){return this.value};l.prototype.toString=function(){return this.value+\"\"};l.prototype.toJSON=function(){return this.value};l.prototype.peek=function(){var i=this;return o(function(){return i.value})};Object.defineProperty(l.prototype,\"value\",{get:function(){var i=a(this);if(void 0!==i)i.i=this.i;return this.v},set:function(i){if(i!==this.v){if(v>100)throw new Error(\"Cycle detected\");!function(i){if(0!==s&&0===v)if(i.l!==e){i.l=e;c={S:i,v:i.v,i:i.i,o:c}}}(this);this.v=i;this.i++;d++;s++;try{for(var n=this.t;void 0!==n;n=n.x)n.t.N()}finally{t()}}}});function y(i,t){return new l(i,t)}function w(i){for(var t=i.s;void 0!==t;t=t.n)if(t.S.i!==t.i||!t.S.h()||t.S.i!==t.i)return!0;return!1}function _(i){for(var t=i.s;void 0!==t;t=t.n){var n=t.S.n;if(void 0!==n)t.r=n;t.S.n=t;t.i=-1;if(void 0===t.n){i.s=t;break}}}function b(i){var t=i.s,n=void 0;while(void 0!==t){var r=t.p;if(-1===t.i){t.S.U(t);if(void 0!==r)r.n=t.n;if(void 0!==t.n)t.n.p=r}else n=t;t.S.n=t.r;if(void 0!==t.r)t.r=void 0;t=r}i.s=n}function p(i,t){l.call(this,void 0,t);this.x=i;this.s=void 0;this.g=d-1;this.f=4}p.prototype=new l;p.prototype.h=function(){this.f&=-3;if(1&this.f)return!1;if(32==(36&this.f))return!0;this.f&=-5;if(this.g===d)return!0;this.g=d;this.f|=1;if(this.i>0&&!w(this)){this.f&=-2;return!0}var i=r;try{_(this);r=this;var t=this.x();if(16&this.f||this.v!==t||0===this.i){this.v=t;this.f&=-17;this.i++}}catch(i){this.v=i;this.f|=16;this.i++}r=i;b(this);this.f&=-2;return!0};p.prototype.S=function(i){if(void 0===this.t){this.f|=36;for(var t=this.s;void 0!==t;t=t.n)t.S.S(t)}l.prototype.S.call(this,i)};p.prototype.U=function(i){if(void 0!==this.t){l.prototype.U.call(this,i);if(void 0===this.t){this.f&=-33;for(var t=this.s;void 0!==t;t=t.n)t.S.U(t)}}};p.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var i=this.t;void 0!==i;i=i.x)i.t.N()}};Object.defineProperty(p.prototype,\"value\",{get:function(){if(1&this.f)throw new Error(\"Cycle detected\");var i=a(this);this.h();if(void 0!==i)i.i=this.i;if(16&this.f)throw this.v;return this.v}});function g(i,t){return new p(i,t)}function S(i){var n=i.m;i.m=void 0;if(\"function\"==typeof n){s++;var o=r;r=void 0;try{n()}catch(t){i.f&=-2;i.f|=8;m(i);throw t}finally{r=o;t()}}}function m(i){for(var t=i.s;void 0!==t;t=t.n)t.S.U(t);i.x=void 0;i.s=void 0;S(i)}function x(i){if(r!==this)throw new Error(\"Out-of-order effect\");b(this);r=i;this.f&=-2;if(8&this.f)m(this);t()}function E(i,t){this.x=i;this.m=void 0;this.s=void 0;this.u=void 0;this.f=32;this.name=null==t?void 0:t.name;if(f)f.push(this)}E.prototype.c=function(){var i=this.S();try{if(8&this.f)return;if(void 0===this.x)return;var t=this.x();if(\"function\"==typeof t)this.m=t}finally{i()}};E.prototype.S=function(){if(1&this.f)throw new Error(\"Cycle detected\");this.f|=1;this.f&=-9;S(this);_(this);s++;var i=r;r=this;return x.bind(this,i)};E.prototype.N=function(){if(!(2&this.f)){this.f|=2;this.u=h;h=this}};E.prototype.d=function(){this.f|=8;if(!(1&this.f))m(this)};E.prototype.dispose=function(){this.d()};function j(i,t){var n=new E(i,t);try{n.c()}catch(i){n.d();throw i}var r=n.d.bind(n);r[Symbol.dispose]=r;return r}function C(i){return function(){var t=arguments,r=this;return n(function(){return o(function(){return i.apply(r,[].slice.call(t))})})}}function O(){var i=f;f=[];return function(){var t=f;if(f&&i)i=i.concat(f);f=i;return t}}var k=function(i){for(var t in i){var n=i[t];if(\"function\"==typeof n)i[t]=C(n);else if(\"object\"==typeof n&&null!==n&&!(\"brand\"in n))k(n)}};function T(i){return function(){var t,n,r=O();try{n=i.apply(void 0,[].slice.call(arguments))}catch(i){f=void 0;throw i}finally{t=r()}k(n);n[Symbol.dispose]=C(function(){if(t)for(var i=0;i<t.length;i++)t[i].dispose();t=void 0});return n}}export{p as Computed,E as Effect,l as Signal,C as action,n as batch,g as computed,T as createModel,j as effect,y as signal,o as untracked};//# sourceMappingURL=signals-core.module.js.map\n","import type { AuthUser } from \"../types/models.js\";\n\nexport const EMBED_AUTH_SOURCE = \"popgrids-embed\";\nexport const EMBED_AUTH_SUCCESS = \"popgrids:auth:success\";\nexport const EMBED_AUTH_ERROR = \"popgrids:auth:error\";\n\nexport const EMBED_AUTH_LOGIN_PATH = \"/embed/auth/login\";\nexport const POPUP_NAME = \"popgrids-auth\";\nexport const POPUP_FEATURES = \"popup,width=480,height=640\";\nexport const AUTH_TIMEOUT_MS = 5 * 60 * 1000;\n\nconst POPUP_CLOSE_GRACE_MS = 250;\n\nexport class PopupAuthError extends Error {\n constructor(message: string) {\n super(message);\n this.name = \"PopupAuthError\";\n }\n}\n\nexport const buildEmbedLoginUrl = (\n apiUrl: string,\n publicKey: string,\n returnOrigin: string,\n) => {\n const url = new URL(EMBED_AUTH_LOGIN_PATH, apiUrl);\n url.searchParams.set(\"publicKey\", publicKey);\n url.searchParams.set(\"returnOrigin\", returnOrigin);\n return url.toString();\n};\n\nexport const openPopgridsLoginPopup = (apiUrl: string, publicKey: string) => {\n const popup = window.open(\n buildEmbedLoginUrl(apiUrl, publicKey, window.location.origin),\n POPUP_NAME,\n POPUP_FEATURES,\n );\n\n if (!popup) {\n throw new PopupAuthError(\"Popup blocked. Allow popups for this site and try again.\");\n }\n\n return popup;\n};\n\nconst isAuthMessage = (data: unknown, type: string) =>\n typeof data === \"object\" &&\n data !== null &&\n \"type\" in data &&\n \"source\" in data &&\n (data as { type: string; source: string }).type === type &&\n (data as { type: string; source: string }).source === EMBED_AUTH_SOURCE;\n\nconst readAuthUser = (data: unknown): AuthUser | null => {\n if (typeof data !== \"object\" || data === null || !(\"user\" in data)) {\n return null;\n }\n\n const user = (data as { user?: unknown }).user;\n if (typeof user !== \"object\" || user === null || !(\"id\" in user)) {\n return null;\n }\n\n const record = user as {\n id?: unknown;\n name?: unknown;\n email?: unknown;\n image?: unknown;\n };\n\n if (typeof record.id !== \"string\") {\n return null;\n }\n\n return {\n id: record.id,\n name: typeof record.name === \"string\" ? record.name : \"\",\n email: typeof record.email === \"string\" ? record.email : \"\",\n image: typeof record.image === \"string\" ? record.image : null,\n };\n};\n\nexport const waitForPopgridsAuth = (\n apiUrl: string,\n popup: Window,\n options?: {\n onAuthUser?: (user: AuthUser) => void;\n verifySignedIn?: () => Promise<boolean>;\n },\n) =>\n new Promise<void>((resolve, reject) => {\n const expectedOrigin = new URL(apiUrl).origin;\n let settled = false;\n let authMessageReceived = false;\n let closeCheckStarted = false;\n\n const settle = (result: \"resolve\" | \"reject\", error?: PopupAuthError) => {\n if (settled) {\n return;\n }\n settled = true;\n cleanup();\n if (result === \"resolve\") {\n resolve();\n return;\n }\n reject(error ?? new PopupAuthError(\"Sign-in failed\"));\n };\n\n const onMessage = (event: MessageEvent) => {\n if (event.origin !== expectedOrigin) {\n return;\n }\n\n if (isAuthMessage(event.data, EMBED_AUTH_SUCCESS)) {\n authMessageReceived = true;\n const user = readAuthUser(event.data);\n if (user) {\n options?.onAuthUser?.(user);\n }\n settle(\"resolve\");\n return;\n }\n\n if (isAuthMessage(event.data, EMBED_AUTH_ERROR)) {\n authMessageReceived = true;\n const message =\n typeof event.data === \"object\" &&\n event.data !== null &&\n \"error\" in event.data &&\n typeof (event.data as { error?: unknown }).error === \"string\"\n ? (event.data as { error: string }).error\n : \"Sign-in failed\";\n settle(\"reject\", new PopupAuthError(message));\n }\n };\n\n const interval = window.setInterval(() => {\n if (!popup.closed) {\n return;\n }\n\n if (closeCheckStarted) {\n return;\n }\n\n closeCheckStarted = true;\n\n void (async () => {\n await new Promise((resolveDelay) => window.setTimeout(resolveDelay, POPUP_CLOSE_GRACE_MS));\n\n if (authMessageReceived || settled) {\n return;\n }\n\n if (options?.verifySignedIn && (await options.verifySignedIn())) {\n settle(\"resolve\");\n return;\n }\n\n settle(\"reject\", new PopupAuthError(\"Sign-in was cancelled\"));\n })();\n }, 300);\n\n const timeout = window.setTimeout(() => {\n try {\n popup.close();\n } catch {\n // ignore\n }\n settle(\"reject\", new PopupAuthError(\"Sign-in timed out\"));\n }, AUTH_TIMEOUT_MS);\n\n const cleanup = () => {\n window.removeEventListener(\"message\", onMessage);\n clearInterval(interval);\n clearTimeout(timeout);\n };\n\n window.addEventListener(\"message\", onMessage);\n });\n\nexport const signInWithPopup = async (\n apiUrl: string,\n publicKey: string,\n options?: {\n onAuthUser?: (user: AuthUser) => void;\n verifySignedIn?: () => Promise<boolean>;\n },\n) => {\n const popup = openPopgridsLoginPopup(apiUrl, publicKey);\n await waitForPopgridsAuth(apiUrl, popup, options);\n};\n","import { signal } from \"@preact/signals-core\";\nimport { signInWithPopup } from \"../lib/popup-auth.js\";\nimport type { AuthUser } from \"../types/models.js\";\n\nexport const currentUser = signal<AuthUser | null>(null);\nexport const authError = signal<string | null>(null);\nexport const authPending = signal(false);\n\nconst SESSION_RETRY_DELAYS_MS = [0, 150, 400];\nconst POST_AUTH_SESSION_DELAYS_MS = [0, 100, 200, 400, 800, 1500, 2500, 4000];\n\nexport async function checkSession(\n apiUrl: string,\n publicKey: string,\n delays: number[] = SESSION_RETRY_DELAYS_MS,\n): Promise<boolean> {\n if (!apiUrl || !publicKey) {\n currentUser.value = null;\n return false;\n }\n\n const sessionUrl = new URL(\n `/api/v1/embed/grids/${publicKey}/session`,\n apiUrl,\n );\n sessionUrl.searchParams.set(\"pageUrl\", window.location.href);\n\n for (let attempt = 0; attempt < delays.length; attempt++) {\n const delay = delays[attempt] ?? 0;\n if (delay > 0) {\n await new Promise((resolve) => window.setTimeout(resolve, delay));\n }\n\n try {\n const res = await fetch(sessionUrl, { credentials: \"include\" });\n\n if (!res.ok) {\n continue;\n }\n\n const data = (await res.json()) as { user: AuthUser | null };\n currentUser.value = data.user ?? null;\n\n if (currentUser.value !== null) {\n return true;\n }\n } catch {\n // retry\n }\n }\n\n currentUser.value = null;\n return false;\n}\n\nexport async function requestSignIn(\n apiUrl: string,\n publicKey: string,\n): Promise<boolean> {\n authError.value = null;\n authPending.value = true;\n\n try {\n await signInWithPopup(apiUrl, publicKey, {\n onAuthUser: (user) => {\n currentUser.value = user;\n },\n verifySignedIn: () =>\n checkSession(apiUrl, publicKey, POST_AUTH_SESSION_DELAYS_MS),\n });\n\n if (currentUser.value) {\n return true;\n }\n\n return await checkSession(apiUrl, publicKey, POST_AUTH_SESSION_DELAYS_MS);\n } catch (error) {\n authError.value = error instanceof Error ? error.message : \"Sign-in failed\";\n return false;\n } finally {\n authPending.value = false;\n }\n}\n\nexport function clearAuthError(): void {\n authError.value = null;\n}\n","const _registry = new WeakMap<Element, Map<any, any>>();\n\nexport const registerStore = (el: Element, store: any, key: any = store.constructor): void => {\n let stores = _registry.get(el);\n if (!stores) {\n stores = new Map();\n _registry.set(el, stores);\n }\n stores.set(key, store);\n};\n\nexport const unregisterStore = (el: Element): void => {\n _registry.delete(el);\n};\n\nexport const resolveStore = <T>(el: Element, key: any): T | null => {\n let node: Element | null = el;\n while (node) {\n const stores = _registry.get(node);\n const store = stores?.get(key);\n if (store) return store as T;\n\n const root = node.getRootNode();\n if (!(root instanceof ShadowRoot)) break;\n node = root.host;\n }\n return null;\n};\n\nexport function consume(storeKey: any) {\n return function (target: any, propertyKey: string) {\n const cacheKey = Symbol(\"context_\" + (storeKey.name || \"store\"));\n Object.defineProperty(target, propertyKey, {\n get(this: any) {\n if (this[cacheKey]) return this[cacheKey];\n const resolved = resolveStore(this, storeKey);\n if (!resolved) {\n console.error(`[Context] resolveStore failed! isConnected: ${this.isConnected}`, this);\n throw new Error(\n `[Context] Store for key \"${storeKey.name || storeKey}\" not resolved on <${this.localName}>.`\n );\n }\n this[cacheKey] = resolved;\n return resolved;\n },\n enumerable: true,\n configurable: true,\n });\n };\n}\n\n","import { computed, signal } from \"@preact/signals-core\";\nimport type { Comment, CommentAuthor, Grid } from \"../types/models.js\";\nimport { currentUser, requestSignIn } from \"./auth-store.js\";\n\nconst MAX_RECONNECT_DELAY_MS = 30_000;\nconst DEFAULT_PREVIEW_COUNT = 3;\n\nconst commentRecency = (comment: Comment) => {\n const createdAt =\n typeof comment.createdAt === \"number\"\n ? comment.createdAt\n : Date.parse(String(comment.createdAt));\n\n return Number.isFinite(createdAt) ? createdAt : 0;\n};\n\nconst resolvePreviewCount = (grid: Grid | null, fallback: number) => {\n const value = grid?.previewCount ?? fallback;\n\n return value > 0 ? value : DEFAULT_PREVIEW_COUNT;\n};\n\nexport class GridStore {\n readonly apiUrl: string;\n readonly publicKey: string;\n readonly pageUrl: string;\n readonly externalId: string | null;\n readonly previewCount = DEFAULT_PREVIEW_COUNT;\n\n grid = signal<Grid | null>(null);\n comments = signal<Comment[]>([]);\n loading = signal(true);\n error = signal<string | null>(null);\n open = signal(false);\n replyingTo = signal<string | null>(null);\n editingCommentId = signal<string | null>(null);\n scrollingCommentId = signal<string | null>(null);\n\n private socket: WebSocket | null = null;\n private reconnectAttempt = 0;\n private reconnectTimer: ReturnType<typeof setTimeout> | null = null;\n private disposed = false;\n\n topLevelComments = computed(() =>\n this.comments.value\n .filter((c) => c.parentCommentId === null)\n .sort((a, b) => String(a.sortKey).localeCompare(String(b.sortKey))),\n );\n\n replyingToComment = computed(() => {\n const id = this.replyingTo.value;\n if (!id) return null;\n return this.comments.value.find((c) => c.id === id) ?? null;\n });\n\n editingComment = computed(() => {\n const id = this.editingCommentId.value;\n if (!id) return null;\n return this.comments.value.find((c) => c.id === id) ?? null;\n });\n\n previewComments = computed(() =>\n this.topLevelComments.value.slice(0, resolvePreviewCount(this.grid.value, this.previewCount)),\n );\n\n previewAvatars = computed((): CommentAuthor[] => {\n const limit = resolvePreviewCount(this.grid.value, this.previewCount);\n const seen = new Set<string>();\n const uniqueNewestFirst: CommentAuthor[] = [];\n\n const sorted = [...this.comments.value].sort((a, b) => commentRecency(b) - commentRecency(a));\n\n for (const comment of sorted) {\n const author = comment.author;\n\n if (!author?.id || seen.has(author.id)) {\n continue;\n }\n\n seen.add(author.id);\n uniqueNewestFirst.push(author);\n\n if (uniqueNewestFirst.length >= limit) {\n break;\n }\n }\n\n return uniqueNewestFirst.reverse();\n });\n\n constructor(opts: {\n apiUrl: string;\n publicKey: string;\n pageUrl: string;\n externalId?: string | null;\n }) {\n this.apiUrl = opts.apiUrl;\n this.publicKey = opts.publicKey;\n this.pageUrl = opts.pageUrl;\n this.externalId = opts.externalId?.trim() || null;\n }\n\n /** pageUrl + optional externalId — the params that identify the discussion. */\n private identityParams(): string {\n const params = new URLSearchParams({ pageUrl: this.pageUrl });\n if (this.externalId) {\n params.set(\"externalId\", this.externalId);\n }\n return params.toString();\n }\n\n repliesFor(parentId: string): Comment[] {\n const parent = this.comments.value.find((c) => c.id === parentId);\n if (!parent) return [];\n return this.comments.value\n .filter(\n (c) =>\n c.id !== parentId &&\n (c.sortKey === parent.sortKey || c.sortKey.startsWith(parent.sortKey + \"/\")),\n )\n .sort((a, b) => String(a.sortKey).localeCompare(String(b.sortKey)));\n }\n\n async load(): Promise<boolean> {\n this.loading.value = true;\n this.error.value = null;\n try {\n const gridRes = await fetch(`${this.apiUrl}/api/v1/embed/grids/${this.publicKey}`, {\n credentials: \"include\",\n });\n\n if (!gridRes.ok) {\n this.error.value = \"There was a problem loading the PopGrid\";\n return false;\n }\n\n const data = (await gridRes.json()) as { grid: Grid };\n this.grid.value = data.grid;\n this.connectRealtime();\n\n const commentsRes = await fetch(\n `${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments?${this.identityParams()}`,\n { credentials: \"include\" },\n );\n\n if (commentsRes.ok) {\n const commentsData = (await commentsRes.json()) as { comments: Comment[] };\n this.comments.value = commentsData.comments;\n }\n\n return true;\n } catch {\n console.error(\"Failed to load PopGrid\");\n this.error.value = \"There was a problem loading the PopGrid\";\n return false;\n } finally {\n this.loading.value = false;\n }\n }\n\n async postComment(body: string, parentCommentId?: string): Promise<Comment | null> {\n const attempt = async () =>\n fetch(`${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments`, {\n method: \"POST\",\n credentials: \"include\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n body,\n pageUrl: this.pageUrl,\n externalId: this.externalId ?? undefined,\n parentCommentId,\n }),\n });\n\n let res = await attempt();\n\n if (res.status === 401) {\n const signedIn = await requestSignIn(this.apiUrl, this.publicKey);\n if (!signedIn) {\n return null;\n }\n res = await attempt();\n }\n\n if (!res.ok) {\n return null;\n }\n\n const data = (await res.json()) as { comment: Comment };\n this.upsertComment(data.comment);\n\n if (data.comment.author && !currentUser.value) {\n currentUser.value = {\n id: data.comment.author.id,\n name: data.comment.author.name ?? \"\",\n email: \"\",\n image: data.comment.author.image,\n };\n }\n\n return data.comment;\n }\n\n destroy(): void {\n this.disposed = true;\n\n if (this.reconnectTimer) {\n clearTimeout(this.reconnectTimer);\n this.reconnectTimer = null;\n }\n\n if (this.socket) {\n this.socket.onopen = null;\n this.socket.onmessage = null;\n this.socket.onclose = null;\n this.socket.onerror = null;\n this.socket.close();\n this.socket = null;\n }\n }\n\n private connectRealtime(): void {\n const connectUrl = this.grid.value?.connectUrl;\n\n if (!connectUrl || this.disposed) {\n return;\n }\n\n if (this.socket) {\n this.socket.onopen = null;\n this.socket.onmessage = null;\n this.socket.onclose = null;\n this.socket.onerror = null;\n this.socket.close();\n this.socket = null;\n }\n\n const wsUrl = new URL(connectUrl, this.apiUrl);\n wsUrl.protocol = wsUrl.protocol === \"https:\" ? \"wss:\" : \"ws:\";\n wsUrl.searchParams.set(\"pageUrl\", this.pageUrl);\n if (this.externalId) {\n wsUrl.searchParams.set(\"externalId\", this.externalId);\n }\n\n const socket = new WebSocket(wsUrl.toString());\n this.socket = socket;\n\n socket.onopen = () => {\n this.reconnectAttempt = 0;\n };\n\n socket.onmessage = (event) => {\n try {\n const payload = JSON.parse(String(event.data)) as {\n type?: string;\n comment?: Comment;\n };\n\n if (payload.type === \"comment.created\" && payload.comment) {\n this.upsertComment(payload.comment);\n } else if (payload.type === \"comment.updated\" && payload.comment) {\n this.updateCommentInList(payload.comment);\n }\n } catch {\n // Ignore malformed realtime payloads.\n }\n };\n\n socket.onclose = () => {\n if (this.disposed) {\n return;\n }\n\n this.scheduleReconnect();\n };\n\n socket.onerror = () => {\n socket.close();\n };\n }\n\n private scheduleReconnect(): void {\n if (this.disposed || this.reconnectTimer) {\n return;\n }\n\n const delay = Math.min(1000 * 2 ** this.reconnectAttempt, MAX_RECONNECT_DELAY_MS);\n this.reconnectAttempt += 1;\n\n this.reconnectTimer = setTimeout(() => {\n this.reconnectTimer = null;\n this.connectRealtime();\n }, delay);\n }\n\n private upsertComment(comment: Comment): void {\n const existing = this.comments.value.some((entry) => entry.id === comment.id);\n\n if (existing) {\n return;\n }\n\n this.comments.value = [...this.comments.value, comment];\n }\n\n async editComment(commentId: string, body: string): Promise<Comment | null> {\n const attempt = async () =>\n fetch(`${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments/${commentId}`, {\n method: \"PATCH\",\n credentials: \"include\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n body,\n pageUrl: this.pageUrl,\n externalId: this.externalId ?? undefined,\n }),\n });\n\n let res = await attempt();\n\n if (res.status === 401) {\n const signedIn = await requestSignIn(this.apiUrl, this.publicKey);\n if (!signedIn) {\n return null;\n }\n res = await attempt();\n }\n\n if (!res.ok) {\n return null;\n }\n\n const data = (await res.json()) as { comment: Comment };\n this.updateCommentInList(data.comment);\n return data.comment;\n }\n\n async deleteComment(commentId: string): Promise<Comment | null> {\n const attempt = async () =>\n fetch(\n `${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments/${commentId}?${this.identityParams()}`,\n {\n method: \"DELETE\",\n credentials: \"include\",\n },\n );\n\n let res = await attempt();\n\n if (res.status === 401) {\n const signedIn = await requestSignIn(this.apiUrl, this.publicKey);\n if (!signedIn) {\n return null;\n }\n res = await attempt();\n }\n\n if (!res.ok) {\n return null;\n }\n\n const data = (await res.json()) as { comment: Comment };\n this.updateCommentInList(data.comment);\n return data.comment;\n }\n\n async flagComment(commentId: string): Promise<boolean> {\n const attempt = async () =>\n fetch(\n `${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments/${commentId}/flag?${this.identityParams()}`,\n {\n method: \"POST\",\n credentials: \"include\",\n },\n );\n\n let res = await attempt();\n\n if (res.status === 401) {\n const signedIn = await requestSignIn(this.apiUrl, this.publicKey);\n if (!signedIn) {\n return false;\n }\n res = await attempt();\n }\n\n return res.ok;\n }\n\n private updateCommentInList(comment: Comment): void {\n this.comments.value = this.comments.value.map((c) => (c.id === comment.id ? comment : c));\n }\n}\n","@layer base {\n :host {\n box-sizing: border-box;\n font-family: \"Inter\", sans-serif;\n font-size: 16px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n /* Color: Brand */\n --pop-color-brand-midnight-100: oklch(0.9658 0.0161 262.75);\n --pop-color-brand-midnight-900: oklch(0.15 0.03 255.43);\n --pop-color-brand-midnight-800: oklch(0.19 0.05 255.43);\n --pop-color-brand-ocean-400: oklch(0.63 0.19 255.43);\n --pop-color-brand-ocean-100: oklch(0.91 0.05 255.43);\n --pop-color-brand-forest-900: oklch(0.3866 0.0698 180.75);\n --pop-color-brand-forest-700: oklch(0.45 0.15 165.43);\n --pop-color-brand-forest-100: oklch(0.97 0.04 165.43);\n --pop-color-brand-highlight-400: oklch(0.88 0.25 105.43);\n --pop-color-brand-pumpkin-500: oklch(0.62 0.18 45.43);\n --pop-color-brand-pumpkin-200: oklch(0.89 0.08 45.43);\n --pop-color-brand-lemon-300: oklch(0.91 0.12 85.43);\n --pop-color-brand-lemon-100: oklch(0.97 0.04 85.43);\n\n /* Durations */\n --pop-duration-bouncy: 1s;\n --pop-duration-card-highlight: 0.6s;\n --pop-duration-gentle: 0.833s;\n --pop-duration-menu: 0.4s;\n --pop-duration-pop-hover: 0.6s;\n --pop-duration-pop-text: 0.3s;\n --pop-duration-quick: 0.833s;\n --pop-duration-slow: 1.167s;\n\n /* Easing */\n /* prettier-ignore */\n --pop-ease-bouncy: linear(0, 0.011, 0.045 1.3%, 0.184 2.7%, 0.911 7.4%, 1.153 9.4%, 1.301 11.2%, 1.342, 1.362 13%, 1.363, 1.355 14.4%, 1.306 16%, 1.028 21%, 0.939 23%, 0.89 24.7%, 0.876, 0.868 26.4%, 0.869, 0.882 29%, 0.907 30.5%, 1.014 35.9%, 1.038, 1.048 39.8% 41.1%, 1.043 42.5%, 0.995 49.3%, 0.987, 0.983 53.2%, 0.984 55.9%, 1.002 62.7%, 1.006 66.4%, 0.998 79.7%, 1);\n /* prettier-ignore */\n --pop-ease-card-highlight: linear(0, 0.008, 0.031 1.8%, 0.127 3.9%, 0.671 11.8%, 0.881 15.5%, 0.959, 1.02 19.2%, 1.064, 1.093 23.2%, 1.102, 1.108, 1.108, 1.104 28.7%, 1.089 31.4%, 1.038 38.1%, 1.016 41.5%, 0.999 45.4%, 0.99 49.6%, 0.989 55.3%, 1.001 74.9%, 1);\n /* prettier-ignore */\n --pop-ease-gentle: linear(0, 0.007, 0.026, 0.059 4.5%, 0.106 6.3%, 0.209 9.5%, 0.558 19.3%, 0.658, 0.742, 0.812, 0.87, 0.918, 0.957, 0.986 41.6%, 1.007 45.3%, 1.021 49.4%, 1.027 54% 60.9%, 1.007 83.2%, 1);\n /* prettier-ignore */\n --pop-ease-menu: linear(0, 0.0034 0.81%, 0.0278 2.42%, 0.097 4.84%, 0.5361 15.32%, 0.655 18.55%, 0.7314, 0.7964 23.39%, 0.8662, 0.9185, 0.9561, 0.9818, 0.9984, 1.0083 42.74%, 1.014 46.77%, 1.0145 53.22%, 1.0053 68.55%, 1.0019 77.42%, 0.9998 100%);\n /* prettier-ignore */\n --pop-ease-pop-hover: linear(0, 0.008, 0.031 1.8%, 0.127 3.9%, 0.671 11.8%, 0.881 15.5%, 0.959, 1.02 19.2%, 1.064, 1.093 23.2%, 1.102, 1.108, 1.108, 1.104 28.7%, 1.089 31.4%, 1.038 38.1%, 1.016 41.5%, 0.999 45.4%, 0.99 49.6%, 0.989 55.3%, 1.001 74.9%, 1);\n /* prettier-ignore */\n --pop-ease-pop-text: linear(0, 0.0051 0.99%, 0.0261, 0.0607 3.61%, 0.1192 5.26%, 0.2531 8.21%, 0.6509 16.1%, 0.7652 18.73%, 0.8512, 0.9232 23.33%, 0.9881 25.96%, 1.0305 28.26%, 1.0642 30.88%, 1.0782 32.53%, 1.089, 1.094 36.47%, 1.0942, 1.0896 41.07%, 1.0804 43.7%, 1.0354 53.23%, 1.0181 57.5%, 1.0061 61.44%, 0.9974 65.71%, 0.9925 70.31%, 0.991 75.9%, 0.9996 99.88%);\n /* prettier-ignore */\n --pop-ease-quick: linear(0, 0.008, 0.031 1.8%, 0.127 3.9%, 0.671 11.8%, 0.881 15.5%, 0.959, 1.02 19.2%, 1.064, 1.093 23.2%, 1.102, 1.108, 1.108, 1.104 28.7%, 1.089 31.4%, 1.038 38.1%, 1.016 41.5%, 0.999 45.4%, 0.99 49.6%, 0.989 55.3%, 1.001 74.9%, 1);\n /* prettier-ignore */\n --pop-ease-slow: linear(0, 0.005, 0.02 2%, 0.081 4.5%, 0.469 15.2%, 0.567, 0.65, 0.722 24.4%, 0.784, 0.835 31.1%, 0.878 34.9%, 0.914 39.1%, 0.942 43.8%, 0.964 49.1%, 0.979 55.4%, 0.989 62.4%, 0.995 71.1%, 1);\n\n /* Box-Shadow */\n --pop-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n --pop-shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n --pop-shadow-md:\n 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\n --pop-shadow-lg:\n 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\n --pop-shadow-xl:\n 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n --pop-shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\n --pop-shadow-3xl: 0px 32px 48px -12px rgba(16, 24, 40, 0.32);\n --pop-shadow-4xl: 0px 24px 32px -12px rgba(16, 24, 40, 0.28);\n\n --pop-radius-none: 0; /* 0px */\n --pop-radius-xxs: 0.125rem; /* 2px */\n --pop-radius-xs: 0.25rem; /* 4px */\n --pop-radius-sm: 0.375rem; /* 6px */\n --pop-radius-md: 0.5rem; /* 8px */\n --pop-radius-lg: 0.625rem; /* 10px */\n --pop-radius-xl: 0.75rem; /* 12px */\n --pop-radius-2xl: 1rem; /* 16px */\n --pop-radius-3xl: 1.25rem; /* 20px */\n --pop-radius-4xl: 1.5rem; /* 24px */\n --pop-radius-full: 9999px; /* Creates a circle or oval */\n\n --pop-radius: 0.625rem;\n --pop-background: oklch(1 0 0);\n --pop-foreground: oklch(0 0 0);\n --pop-card: oklch(1 0 0);\n --pop-card-foreground: oklch(0.145 0 0);\n --pop-popover: oklch(1 0 0);\n --pop-popover-foreground: oklch(0 0 0);\n --pop-primary: oklch(0.205 0 0);\n --pop-primary-foreground: oklch(0.985 0 0);\n --pop-secondary: oklch(0.97 0 0);\n --pop-secondary-foreground: oklch(0.205 0 0);\n --pop-muted: oklch(0.97 0 0);\n --pop-muted-foreground: oklch(0.7152 0.0233 256.76);\n --pop-accent: oklch(0.97 0 0);\n --pop-accent-foreground: oklch(0.205 0 0);\n --pop-destructive: var(--color-error-600);\n --pop-border: oklch(0.1101 0.0763 264.05 / 10.2%);\n --pop-input: oklch(0.922 0 0);\n --pop-ring: oklch(62.3% 0.214 259.815);\n --pop-chart-1: oklch(0.646 0.222 41.116);\n --pop-chart-2: oklch(0.6 0.118 184.704);\n --pop-chart-3: oklch(0.398 0.07 227.392);\n --pop-chart-4: oklch(0.828 0.189 84.429);\n --pop-chart-5: oklch(0.769 0.188 70.08);\n --pop-sidebar: oklch(0.985 0 0);\n --pop-sidebar-foreground: oklch(0.145 0 0);\n --pop-sidebar-primary: oklch(0.205 0 0);\n --pop-sidebar-primary-foreground: oklch(0.985 0 0);\n --pop-sidebar-accent: oklch(0.97 0 0);\n --pop-sidebar-accent-foreground: oklch(0.205 0 0);\n --pop-sidebar-border: oklch(0.922 0 0);\n --pop-sidebar-ring: oklch(0.708 0 0);\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --pop-background: oklch(0.15 0.03 255.43);\n --pop-foreground: oklch(0.66 0.006 255.43);\n --pop-card: oklch(0.205 0 0);\n --pop-card-foreground: oklch(0.985 0 0);\n --pop-popover: oklch(0.15 0.03 255.43);\n --pop-popover-foreground: oklch(0.66 0.006 255.43);\n --pop-primary: oklch(0.922 0 0);\n --pop-primary-foreground: oklch(0.205 0 0);\n --pop-secondary: oklch(0.269 0 0);\n --pop-secondary-foreground: oklch(0.985 0 0);\n --pop-muted: oklch(0.269 0 0);\n --pop-muted-foreground: oklch(0.66 0.006 255.43);\n --pop-accent: oklch(0.269 0 0);\n --pop-accent-foreground: oklch(0.985 0 0);\n --pop-destructive: var(--color-error-400);\n --pop-border: oklch(1 0 0 / 10%);\n --pop-input: oklch(1 0 0 / 15%);\n --pop-ring: oklch(62.3% 0.214 259.815);\n --pop-chart-1: oklch(0.488 0.243 264.376);\n --pop-chart-2: oklch(0.696 0.17 162.48);\n --pop-chart-3: oklch(0.769 0.188 70.08);\n --pop-chart-4: oklch(0.627 0.265 303.9);\n --pop-chart-5: oklch(0.645 0.246 16.439);\n --pop-sidebar: oklch(0.205 0 0);\n --pop-sidebar-foreground: oklch(0.985 0 0);\n --pop-sidebar-primary: oklch(0.488 0.243 264.376);\n --pop-sidebar-primary-foreground: oklch(0.985 0 0);\n --pop-sidebar-accent: oklch(0.269 0 0);\n --pop-sidebar-accent-foreground: oklch(0.985 0 0);\n --pop-sidebar-border: oklch(1 0 0 / 10%);\n --pop-sidebar-ring: oklch(0.556 0 0);\n }\n }\n\n :host(.dark) {\n --pop-background: oklch(0.15 0.03 255.43);\n --pop-foreground: oklch(0.66 0.006 255.43);\n --pop-card: oklch(0.205 0 0);\n --pop-card-foreground: oklch(0.985 0 0);\n --pop-popover: oklch(0.15 0.03 255.43);\n --pop-popover-foreground: oklch(0.66 0.006 255.43);\n --pop-primary: oklch(0.922 0 0);\n --pop-primary-foreground: oklch(0.205 0 0);\n --pop-secondary: oklch(0.269 0 0);\n --pop-secondary-foreground: oklch(0.985 0 0);\n --pop-muted: oklch(0.269 0 0);\n --pop-muted-foreground: oklch(0.66 0.006 255.43);\n --pop-accent: oklch(0.269 0 0);\n --pop-accent-foreground: oklch(0.985 0 0);\n --pop-destructive: var(--color-error-400);\n --pop-border: oklch(1 0 0 / 10%);\n --pop-input: oklch(1 0 0 / 15%);\n --pop-ring: oklch(62.3% 0.214 259.815);\n --pop-chart-1: oklch(0.488 0.243 264.376);\n --pop-chart-2: oklch(0.696 0.17 162.48);\n --pop-chart-3: oklch(0.769 0.188 70.08);\n --pop-chart-4: oklch(0.627 0.265 303.9);\n --pop-chart-5: oklch(0.645 0.246 16.439);\n --pop-sidebar: oklch(0.205 0 0);\n --pop-sidebar-foreground: oklch(0.985 0 0);\n --pop-sidebar-primary: oklch(0.488 0.243 264.376);\n --pop-sidebar-primary-foreground: oklch(0.985 0 0);\n --pop-sidebar-accent: oklch(0.269 0 0);\n --pop-sidebar-accent-foreground: oklch(0.985 0 0);\n --pop-sidebar-border: oklch(1 0 0 / 10%);\n --pop-sidebar-ring: oklch(0.556 0 0);\n }\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n\n html,\n body {\n padding: 0;\n margin: 0;\n }\n\n svg {\n display: block;\n }\n\n p {\n margin: 0;\n padding: 0;\n }\n\n button {\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: none;\n border: none;\n cursor: pointer;\n }\n}\n","@layer components {\n .btn {\n display: flex;\n height: auto;\n align-items: center;\n justify-content: center;\n gap: 0.625rem;\n border-radius: 4px;\n border: 0;\n padding: 0.625rem 1.25rem;\n text-align: center;\n cursor: pointer;\n transition:\n background-color 0.2s,\n color 0.2s;\n }\n\n .btn-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 2px;\n border-radius: var(--pop-radius-xs, 4px);\n border-style: solid;\n border-color: transparent;\n cursor: pointer;\n background-color: transparent;\n text-decoration: none;\n font-weight: 500;\n transition:\n background-color 0.2s,\n border-color 0.2s,\n color 0.2s;\n }\n\n /* Sizes */\n .btn-link--size-sm {\n font-size: 13px;\n line-height: 18px;\n letter-spacing: -0.08px;\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-left-width: 2px;\n border-right-width: 2px;\n }\n\n .btn-link--size-md {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0;\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-left-width: 3px;\n border-right-width: 3px;\n }\n\n .btn-link--size-lg {\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0;\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-left-width: 4px;\n border-right-width: 4px;\n }\n\n /* Themes */\n .btn-link--theme-default {\n color: color-mix(in srgb, var(--pop-foreground) 50%, transparent);\n }\n\n .btn-link--theme-default.btn-link--primary {\n color: var(--pop-foreground);\n }\n\n .btn-link--theme-white {\n color: white;\n }\n\n .btn-link--theme-black {\n color: black;\n }\n\n /* Hover State */\n .btn-link--theme-default:hover,\n .btn-link--theme-black:hover {\n background-color: color-mix(in srgb, var(--pop-foreground) 10%, transparent);\n border-color: color-mix(in srgb, var(--pop-foreground) 10%, transparent);\n }\n\n .btn-link--theme-default:not(.btn-link--primary):hover {\n color: var(--pop-foreground);\n }\n\n .btn-link--theme-white:hover {\n background-color: color-mix(in srgb, white 16%, transparent);\n border-color: color-mix(in srgb, white 16%, transparent);\n }\n\n /* Active (Pressed) State */\n .btn-link:active {\n background-color: transparent;\n border-color: transparent;\n }\n\n .btn-link--theme-default:not(.btn-link--primary):active {\n color: color-mix(in srgb, var(--pop-foreground) 50%, transparent);\n }\n\n /* Focus State */\n .btn-link:focus-visible {\n background-color: var(--pop-ring, #155eef);\n border-color: var(--pop-ring, #155eef);\n color: white !important;\n outline: none;\n }\n\n /* Disabled State */\n .btn-link:disabled,\n .btn-link.is-disabled {\n color: color-mix(in srgb, var(--pop-foreground) 35%, transparent) !important;\n background-color: transparent !important;\n border-color: transparent !important;\n cursor: not-allowed;\n pointer-events: none;\n }\n\n .btn:focus-visible {\n outline: 2px solid currentColor; /* focus-visible */\n outline-offset: 2px;\n }\n}\n","@layer components {\n .mask {\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n }\n\n .mask-squircle {\n -webkit-mask-image: url(\"data:image/svg+xml,%3csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M 0 80 C 0 14.12 14.12 0 80 0 C 145.88 0 160 14.12 160 80 C 160 145.88 145.88 160 80 160 C 14.12 160 0 145.88 0 80 Z'/%3e%3c/svg%3e\");\n mask-image: url(\"data:image/svg+xml,%3csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M 0 80 C 0 14.12 14.12 0 80 0 C 145.88 0 160 14.12 160 80 C 160 145.88 145.88 160 80 160 C 14.12 160 0 145.88 0 80 Z'/%3e%3c/svg%3e\");\n }\n}\n","let isGlobalDark = false;\nconst activeElements = new Set<HTMLElement>();\nlet globalObserver: MutationObserver | null = null;\nlet mediaQuery: MediaQueryList | null = null;\n\nfunction checkGlobalDark(): boolean {\n if (typeof window === \"undefined\" || typeof document === \"undefined\") return false;\n\n const hasDarkClass =\n document.documentElement.classList.contains(\"dark\") ||\n document.body.classList.contains(\"dark\");\n const hasLightClass =\n document.documentElement.classList.contains(\"light\") ||\n document.body.classList.contains(\"light\");\n\n if (hasDarkClass) return true;\n if (hasLightClass) return false;\n\n if (!mediaQuery) {\n mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n }\n return mediaQuery.matches;\n}\n\nfunction updateGlobalDark() {\n const newDark = checkGlobalDark();\n if (newDark !== isGlobalDark) {\n isGlobalDark = newDark;\n activeElements.forEach((el) => {\n const isDark = isGlobalDark || !!el.closest(\".dark\");\n el.classList.toggle(\"dark\", isDark);\n });\n }\n}\n\nconst mediaListener = () => {\n updateGlobalDark();\n};\n\nexport function registerThemeObserver(el: HTMLElement) {\n if (typeof window === \"undefined\" || typeof document === \"undefined\") return;\n\n if (activeElements.size === 0) {\n isGlobalDark = checkGlobalDark();\n globalObserver = new MutationObserver(() => {\n updateGlobalDark();\n });\n globalObserver.observe(document.documentElement, {\n attributes: true,\n attributeFilter: [\"class\"],\n });\n globalObserver.observe(document.body, {\n attributes: true,\n attributeFilter: [\"class\"],\n });\n\n mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n mediaQuery.addEventListener(\"change\", mediaListener);\n }\n\n activeElements.add(el);\n\n const isDark = isGlobalDark || !!el.closest(\".dark\");\n el.classList.toggle(\"dark\", isDark);\n}\n\nexport function unregisterThemeObserver(el: HTMLElement) {\n activeElements.delete(el);\n if (activeElements.size === 0) {\n if (globalObserver) {\n globalObserver.disconnect();\n globalObserver = null;\n }\n if (mediaQuery) {\n mediaQuery.removeEventListener(\"change\", mediaListener);\n mediaQuery = null;\n }\n }\n}\n","import baseStyles from \"../styles/base.css?inline\";\nimport btnStyles from \"../styles/buttons.css?inline\";\nimport masksStyles from \"../styles/masks.css?inline\";\n\nimport { effect, untracked } from \"@preact/signals-core\";\n\nexport function createSheet(cssText: string): CSSStyleSheet {\n const sheet = new CSSStyleSheet();\n sheet.replaceSync(cssText);\n return sheet;\n}\n\nexport const sharedBaseSheet = createSheet(baseStyles);\nexport const btnSheet = createSheet(btnStyles);\nexport const masksSheet = createSheet(masksStyles);\n\nimport { registerThemeObserver, unregisterThemeObserver } from \"../helpers/theme.js\";\n\nexport abstract class BaseElement extends HTMLElement implements EventListenerObject {\n protected baseStyleSheets: CSSStyleSheet[] = [sharedBaseSheet, btnSheet, masksSheet];\n protected get styleSheets(): CSSStyleSheet[] {\n return [];\n }\n\n private _hasRendered = false;\n\n private _disposables: Array<() => void> = [];\n\n constructor() {\n super();\n this.attachShadow({ mode: \"open\" });\n if (this.shadowRoot) {\n this.shadowRoot.adoptedStyleSheets = this.styles;\n }\n }\n\n attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n if (oldValue === newValue) return;\n\n const pascalName = name\n .split(\"-\")\n .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n .join(\"\");\n const methodName = `on${pascalName}Changed`;\n\n if (typeof (this as any)[methodName] === \"function\") {\n (this as any)[methodName](newValue, oldValue);\n }\n }\n\n /**\n * Use this instead of calling effect() directly to ensure\n * automatic cleanup when the component disconnects.\n */\n protected addEffect(callback: () => void) {\n this._disposables.push(effect(callback));\n }\n\n connectedCallback() {\n registerThemeObserver(this);\n untracked(() => {\n this.render();\n this._bindEvents();\n this.setupEffects();\n });\n }\n\n disconnectedCallback() {\n unregisterThemeObserver(this);\n // Kill all active subscriptions\n this._disposables.forEach((dispose) => dispose());\n this._disposables = [];\n }\n\n protected events: Record<string, string> = {};\n\n private _bindEvents() {\n const shadowRoot = this.shadowRoot;\n if (!shadowRoot) {\n return;\n }\n Object.keys(this.events).forEach((key) => {\n shadowRoot.addEventListener(key, this);\n });\n }\n\n handleEvent(event: Event): void {\n const methodName = this.events[event.type];\n\n if (methodName && typeof (this as any)[methodName] === \"function\") {\n (this as any)[methodName](event);\n }\n }\n\n protected emit<T = unknown>(eventName: string, options: CustomEventInit<T> = {}) {\n this.dispatchEvent(\n new CustomEvent<T>(eventName, {\n bubbles: true,\n composed: true,\n ...options,\n }),\n );\n }\n\n // --- Abstract & Overrideable Methods ---\n protected abstract getTemplate(): string;\n\n protected get styles(): CSSStyleSheet[] {\n return [...this.baseStyleSheets, ...this.styleSheets];\n }\n\n protected setupEffects(): void {}\n\n protected render() {\n if (!this.shadowRoot) return;\n this.shadowRoot.innerHTML = this.getTemplate();\n this._hasRendered = true;\n }\n\n protected hideElement(selector: string, shouldHide: boolean, useDisplayNone = true) {\n if (!this.shadowRoot || !this._hasRendered) {\n return;\n }\n\n const el = this.shadowRoot.querySelector(selector);\n if (!el) {\n console.warn(`Element not found for selector: ${selector}`);\n return;\n }\n\n if (useDisplayNone) {\n el.classList.toggle(\"hidden\", shouldHide);\n } else {\n el.classList.toggle(\"invisible\", shouldHide);\n }\n }\n\n protected setText(selector: string, text: string | number) {\n const el = this.shadowRoot?.querySelector(selector);\n if (el && el.textContent !== String(text)) {\n el.textContent = String(text);\n }\n }\n\n protected setAttr(selector: string, attr: string, value: string | null) {\n const el = this.shadowRoot?.querySelector(selector);\n if (!el) return;\n\n if (value === null) {\n el.removeAttribute(attr);\n } else if (el.getAttribute(attr) !== value) {\n el.setAttribute(attr, value);\n }\n }\n\n protected toggleClass(selector: string, className: string, force?: boolean) {\n const el = this.shadowRoot?.querySelector(selector);\n if (!el) return;\n\n el.classList.toggle(className, force);\n }\n\n protected getElement<T extends Element = HTMLElement>(selector: string): T | null {\n return this.shadowRoot?.querySelector(selector) ?? null;\n }\n}\n","import {\n authError,\n authPending,\n clearAuthError,\n requestSignIn,\n} from \"../store/auth-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: block;\n position: relative;\n\n --pop-auth-border: var(--pop-border, rgba(0, 0, 32, 0.04));\n --pop-auth-watermark: rgba(0, 0, 32, 0.4);\n --pop-auth-btn: #000000;\n --pop-auth-logo: rgba(0, 0, 32, 0.35);\n --pop-auth-error: #dc2626;\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --pop-auth-border: var(--pop-border, rgba(255, 255, 255, 0.1));\n --pop-auth-watermark: rgba(255, 255, 255, 0.4);\n --pop-auth-btn: #ffffff;\n --pop-auth-logo: rgba(255, 255, 255, 0.35);\n --pop-auth-error: var(--pop-destructive, #f87171);\n }\n }\n\n :host(.dark) {\n --pop-auth-border: var(--pop-border, rgba(255, 255, 255, 0.1));\n --pop-auth-watermark: rgba(255, 255, 255, 0.4);\n --pop-auth-btn: #ffffff;\n --pop-auth-logo: rgba(255, 255, 255, 0.35);\n --pop-auth-error: var(--pop-destructive, #f87171);\n }\n\n .panel {\n position: relative;\n border-top: 1px solid var(--pop-auth-border);\n }\n\n .watermark {\n position: absolute;\n top: -16px;\n left: 8px;\n font-family: Inter, sans-serif;\n font-size: 8px;\n font-weight: 700;\n letter-spacing: 1px;\n color: var(--pop-auth-watermark);\n text-transform: uppercase;\n backdrop-filter: blur(4px);\n border-radius: 9999px;\n padding: 2px 6px;\n pointer-events: none;\n }\n\n .actions {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px;\n }\n\n .join-btn {\n font-family: Inter, sans-serif;\n font-size: 13px;\n font-weight: 600;\n color: var(--pop-auth-btn);\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n letter-spacing: -0.08px;\n line-height: 18px;\n }\n\n .join-btn:disabled {\n opacity: 0.6;\n cursor: default;\n }\n\n .logo {\n font-family: Inter, sans-serif;\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 1.5px;\n color: var(--pop-auth-logo);\n text-transform: uppercase;\n }\n\n .error {\n padding: 0 16px 12px;\n font-family: Inter, sans-serif;\n font-size: 12px;\n line-height: 16px;\n color: var(--pop-auth-error);\n text-align: center;\n }\n`);\n\nexport class PopAuthPanel extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n protected events = {\n click: \"onClick\",\n };\n\n protected onClick(event: MouseEvent) {\n if (!(event.target as HTMLElement).closest(\".join-btn\")) return;\n void this.handleJoin();\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n const pending = authPending.value;\n const error = authError.value;\n\n const joinBtn = this.getElement<HTMLButtonElement>(\".join-btn\");\n if (joinBtn) {\n joinBtn.disabled = pending;\n joinBtn.textContent = pending ? \"Signing in…\" : \"Join the Conversation\";\n }\n\n const errorEl = this.getElement<HTMLDivElement>(\".error\");\n if (errorEl) {\n if (error) {\n errorEl.hidden = false;\n errorEl.textContent = error;\n } else {\n errorEl.hidden = true;\n errorEl.textContent = \"\";\n }\n }\n });\n }\n\n private async handleJoin(): Promise<void> {\n clearAuthError();\n await requestSignIn(this.gridStore.apiUrl, this.gridStore.publicKey);\n }\n\n protected getTemplate(): string {\n return /* html */ `\n <div class=\"panel\">\n <div class=\"watermark\">Popgrids</div>\n <div class=\"actions\">\n <button class=\"join-btn\" type=\"button\">Join the Conversation</button>\n <span class=\"logo\">POPGRIDS</span>\n </div>\n <div class=\"error\" hidden></div>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-auth-panel\")) {\n customElements.define(\"pop-auth-panel\", PopAuthPanel);\n}\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABMCAYAAADa6W+wAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUuSURBVHgB5ZyBceIwEEX3bq4AOsAdQAdxKggl+Co4rgKcCkgqgFRAUgGkAqACOxVAKvDpg+VRHEmWQSubuTezg8Ega7UrebWS+UG8jIXEQoZCovI9lcd1ciHHUnZCPsrXXflZ7xkISYSshByEFJ5kLWRO54bsHRGdK+dTYZNkQhbUg4aI6FyRoiNBQyQUGLj3jMJYuleNMC4v1gel67Ig/WCq5Qe144+QlM6Wb2QwGNB4PD7JaDQ6veIzKZLj8XiSPM9Pr/v9nna73UnwWUtyIb+FbMgjM3K0QBzHxXq9Lg6HQ3Et2+22WCwWpzJdr1/KjDzRqLiwZDGbzbwobCLLslNDRFEUrAEmTReBVVCxkLRohIsbICLLiA5roxJdAm9zaIAJXUBmKhCtHtraJjAuNHjBgVrcBcDsFhSXoD4NDbB2VTyyFNI7xSUODTB1UX5hKmA+nxd9Bl0AYxGZ3X9wkdWTJCluARjIYv2ULrG6T3eHhabT6SkY4sASFB1aWx23FJ+IULcqm6MBUKbF+rFO+ZQCje6qa6J8jsjQYv2FTvmMAvb1yWRSXePp6anwzWq1cnb9MQXo6yqwthyZ0Q04y9e5/k9F+VjnCpiGCrckDjCtFV51OpZTWN/lo/4Gxqryd7pvCNckTkS/rI7f39/JN5b6j1TltU10d3dHnKjl+7Y8sHhtpS+iHm3f4JyfS2RIytHvMV4ZdMt+1lvhS9OUaSdu5DUuSFk5l60hksoPWv7QK9I1kb/zjU2HRsuHIFQj17FanusWV4fD4i5I5Ye6k8PhkELAqbxlHDn2os9L5Tm6mUX5vBfKy/s7x/U+Pz9Np7q3/GazqY7VaI+j/Br7zpV/e3urjjmiSUvUWJ3QRkHcqAlHzL58g+iUzAmNLxOboGAgur+/rwYkjgnU6+ur6VROXVpezbLA6hw5A9dMTnDlZRoLinPk8CwTmm85vE76PCdIvRn0ympdQL8YGWI6y0GD1atVGzngaePLrmLua8FAaqEaBTsb7bl4fHy0hbTPdB7pv7AmjYtwraZw0eDu6OuRqrTV7T8+PuhWkHGDhUeqWV0qr43+b6XPI4RVAyYNGyHL+odS+Vz3i1tQ/vn5uUlxnPitO/FL+cL3XzEkFAFmWsjRY28eZnKXTKBQBgY3y6xN8pcM+km0O66wlhZiUMJ1lstlY1yB8y335KU2peUOTKRQtvWTyOGJypJv4FGwmlD42zl4Aq6rZnQhFyxnYYBLXb4YEemXpjlx2ENziSBaTaglncT3nhtgTS23nEkyXYEhdl417KJwtfaUrkCrPPbOhEDdqNBS6ZQcd4HbWOkugN0NIWhhfRhpQR4eM/mlHGujPEvq1ysNOXu4tHzaKidPqLO6XPcFrkCnDgIdy/IYUryYiubkEVV5bSwbSnlgW04mBhqVDxnfh16tVZXXhk8hLW9bVCQGemV5y7VyCkAnUR5APEHmezkL9RxeZ4Oey5qab5yUVxcTuXh5eTGd2lMgnkjjepg/c9JmdYWT2FQJjo3BEsusLqPAbHUV4VpMTNPUZvUFBSYxVMT7vvsGxWH1iDpgTYbbDjzg2i6AXBweMSH77C2hjsAUy/psPLwASce2OD4GuqIA2B4hxzRyrrzHbfBb8I2ZGJKODw8PVeJRxujysXDcw/FYOBKWDhFjLuSeAkV1NlJqn125RjLqqJ+bSOk/VVwSEe9fRSzJQx6Om4T8NgLKiunGSMh8O3QR/Damjmn7hyF14KpxKSM6d49IOa/7u6dX6snfPf0DiVL6IWhCmZ4AAAAASUVORK5CYII=\"","export const colors = [\n \"#DDD0BE\",\n \"#E9DCBB\",\n \"#E9DCBB\",\n \"#C7D1B0\",\n \"#C6D0CB\",\n \"#E9DCBB\",\n \"#C7D1B0\",\n \"#E9DCBB\",\n \"#DFC2C0\",\n \"#CFD4C6\",\n \"#D7E3E8\",\n \"#CFD4C6\",\n \"#D6B3B3\",\n \"#E9DCBB\",\n \"#CFCBDC\",\n \"#BFD6D7\",\n \"#E3D2C6\",\n \"#D1E2E7\",\n \"#D6B3B3\",\n \"#BFD6D7\",\n \"#E9DCBB\",\n \"#C7D1B0\",\n \"#DFC2C0\",\n \"#D1E2E7\",\n \"#CFD4C6\",\n \"#E9DCBB\",\n \"#D7E3E8\",\n \"#CFD4C6\",\n \"#C6D0CB\",\n \"#E9DCBB\",\n \"#C7D1B0\",\n \"#E9DCBB\",\n \"#CFCBDC\",\n \"#E3D2C6\",\n \"#E9DCBB\",\n];\n\nexport const sampleColor = (index?: number) => {\n if (typeof index === \"number\") {\n return colors[index % colors.length] ?? \"#e5e7eb\";\n }\n return colors[Math.floor(Math.random() * colors.length)];\n};\n\n/** 32-bit FNV-1a over UTF-8 bytes — deterministic, no lookup table. */\nexport function fnv1a32(data: string): number {\n const bytes = new TextEncoder().encode(data);\n let h = 0x811c9dc5;\n for (let i = 0; i < bytes.length; i++) {\n const byte = bytes[i] ?? 0;\n h ^= byte;\n h = Math.imul(h, 0x01000193);\n }\n return h >>> 0;\n}\n\n/** Deterministic background color from a stable string (e.g. user id, org id, slug). */\nexport function backgroundColor(id: string): string {\n return colors[fnv1a32(id) % colors.length] ?? \"#e5e7eb\";\n}\n\n","import deletedUserMarkSrc from \"../assets/popgrids-letter-p.png?inline\";\nimport { backgroundColor, sampleColor } from \"../helpers/color.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: block;\n\n --comment-avatar-border-size: 1px;\n --comment-avatar-border-color: var(--color-background, #fff);\n --comment-avatar-size: 32px;\n }\n\n .comment-avatar {\n align-items: center;\n display: flex;\n flex-shrink: 0;\n isolation: isolate;\n justify-content: center;\n position: relative;\n width: calc(var(--comment-avatar-size) + calc(var(--comment-avatar-border-size) * 2));\n height: calc(var(--comment-avatar-size) + calc(var(--comment-avatar-border-size) * 2));\n }\n\n .comment-avatar--size-xs {\n --comment-avatar-size: 32px;\n }\n\n .comment-avatar--size-sm {\n --comment-avatar-size: 56px;\n }\n\n .comment-avatar--size-md {\n --comment-avatar-size: 80px;\n }\n\n .comment-avatar--size-lg {\n --comment-avatar-size: 120px;\n }\n\n .comment-avatar--size-xl {\n --comment-avatar-size: 140px;\n }\n\n .comment-avatar__background {\n background-color: var(--comment-avatar-border-color);\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n }\n\n /**\n * Content\n */\n\n .comment-avatar__content {\n align-items: center;\n background-color: var(--color-surface-bg-default);\n display: flex;\n justify-content: center;\n overflow: hidden;\n position: relative;\n height: var(--comment-avatar-size);\n width: var(--comment-avatar-size);\n z-index: 20;\n\n /* Initials styling */\n font-family: Inter, sans-serif;\n font-weight: 600;\n color: #374151;\n font-size: calc(var(--comment-avatar-size) * 0.35);\n line-height: 1;\n }\n\n .comment-avatar__content::slotted(img) {\n -webkit-user-drag: none;\n align-self: stretch;\n flex: 1 0 0;\n height: var(--comment-avatar-size);\n object-fit: cover;\n pointer-events: none;\n position: absolute;\n user-select: none;\n width: var(--comment-avatar-size);\n }\n\n .comment-avatar__deleted-mark {\n -webkit-user-drag: none;\n bottom: -3px;\n height: auto;\n left: 0;\n object-fit: cover;\n pointer-events: none;\n position: absolute;\n user-select: none;\n width: 100%;\n transform: scale(0.57);\n }\n`);\n\nexport class PopCommentAvatar extends BaseElement {\n private _backgroundColor: string;\n\n constructor() {\n super();\n this._backgroundColor = sampleColor() ?? \"#e5e7eb\";\n }\n\n static get observedAttributes() {\n return [\"size\", \"data-color-key\", \"deleted\"];\n }\n\n onSizeChanged() {\n this.render();\n }\n\n onDataColorKeyChanged() {\n this.render();\n }\n\n onDeletedChanged() {\n this.render();\n }\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n get size(): string {\n return this.getAttribute(\"size\") || \"md\";\n }\n\n set size(value: string) {\n this.setAttribute(\"size\", value);\n }\n\n get deleted(): boolean {\n return this.hasAttribute(\"deleted\");\n }\n\n set deleted(value: boolean) {\n if (value) {\n this.setAttribute(\"deleted\", \"\");\n } else {\n this.removeAttribute(\"deleted\");\n }\n }\n\n protected getTemplate(): string {\n const size = this.size;\n const deleted = this.deleted;\n const key = this.getAttribute(\"data-color-key\");\n const bg = deleted\n ? \"var(--pop-muted-foreground, #e5e7eb)\"\n : key\n ? backgroundColor(key)\n : this._backgroundColor;\n\n const content = deleted\n ? `<div\n class=\"comment-avatar__content mask mask-squircle\"\n part=\"content\"\n style=\"background-color: ${bg}; opacity: 0.15\"\n ><img class=\"comment-avatar__deleted-mark\" src=\"${deletedUserMarkSrc}\" alt=\"Deleted user\" /></div>`\n : `<slot\n class=\"comment-avatar__content mask mask-squircle\"\n part=\"content\"\n style=\"background-color: ${bg};\"\n ></slot>`;\n\n return /* html */ `\n <div class=\"comment-avatar comment-avatar--size-${size}\" part=\"base\">\n <div class=\"comment-avatar__background mask mask-squircle\" part=\"background\"></div>\n ${content}\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-comment-avatar\")) {\n customElements.define(\"pop-comment-avatar\", PopCommentAvatar);\n}\n","export function getInitials(name: string | null | undefined): string {\n if (!name) return \"?\";\n return name\n .split(\" \")\n .map((p) => p[0] ?? \"\")\n .join(\"\")\n .toUpperCase()\n .slice(0, 2);\n}\n","import { getInitials } from \"../helpers/author.js\";\nimport { currentUser } from \"../store/auth-store.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\nimport type { PopCommentInput } from \"./pop-comment-input.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n background: var(--pop-background);\n border-top: 1px solid var(--pop-bar-input-bg);\n display: block;\n padding: 6px;\n position: relative;\n\n --pop-bar-avatar-bg: #e5e7eb;\n --pop-bar-avatar-color: #374151;\n --pop-bar-avatar-border: #ffffff;\n --pop-bar-input-bg: rgba(0, 0, 32, 0.04);\n --pop-bar-send-hover: rgba(0, 0, 32, 0.06);\n --pop-bar-send-color: #000000;\n --pop-bar-watermark: rgba(0, 0, 32, 0.1);\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --pop-bar-avatar-bg: #1f2937;\n --pop-bar-avatar-color: #d1d5db;\n --pop-bar-avatar-border: var(--pop-popover, #151d2a);\n --pop-bar-input-bg: rgba(255, 255, 255, 0.05);\n --pop-bar-send-hover: rgba(255, 255, 255, 0.08);\n --pop-bar-send-color: #ffffff;\n --pop-bar-watermark: rgba(255, 255, 255, 0.1);\n }\n }\n\n :host(.dark) {\n --pop-bar-avatar-bg: #1f2937;\n --pop-bar-avatar-color: #d1d5db;\n --pop-bar-avatar-border: var(--pop-popover, #151d2a);\n --pop-bar-input-bg: rgba(255, 255, 255, 0.05);\n --pop-bar-send-hover: rgba(255, 255, 255, 0.08);\n --pop-bar-send-color: #ffffff;\n --pop-bar-watermark: rgba(255, 255, 255, 0.1);\n }\n\n .bar {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .bar__user {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n padding-top: 2px;\n }\n\n .bar__avatar {\n flex-shrink: 0;\n --comment-avatar-border-size: 0px;\n }\n\n .bar__avatar--reply {\n margin-right: -4px;\n z-index: 1;\n }\n\n .bar__avatar--user {\n z-index: 2;\n }\n\n .bar__user.has-reply .bar__avatar--user {\n --comment-avatar-border-size: 2px;\n --comment-avatar-border-color: var(--pop-bar-avatar-border);\n }\n\n .bar__input-wrap {\n flex: 1;\n min-width: 0;\n background: var(--pop-bar-input-bg);\n border-radius: 18px;\n overflow: hidden;\n display: flex;\n align-items: flex-end;\n padding: 4px 8px 4px 12px;\n max-height: 280px;\n }\n\n .bar__send {\n align-items: center;\n align-self: flex-end;\n background: none;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n padding-bottom: 2px;\n }\n\n .logo-watermark {\n position: absolute;\n top: -16px;\n left: 8px;\n font-family: Inter, sans-serif;\n font-size: 8px;\n font-weight: 700;\n letter-spacing: 1px;\n color: var(--pop-bar-watermark);\n text-transform: uppercase;\n border-radius: 9999px;\n padding: 2px 6px;\n pointer-events: none;\n user-select: none;\n }\n`);\n\nconst LOGO_WATERMARK_SVG = `<svg width=\"64\" height=\"11\" viewBox=\"0 0 64 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M3.91111 0C0.892839 0 0 2.11357 0 4.77714C0 5.76321 0.0987654 6.73357 0.213333 7.70786C0.25679 8.08893 0.240988 8.50929 0.312099 8.89036C0.497778 9.89214 1.44593 10.3557 2.36642 10.3557C3.62667 10.3557 4.4642 9.56607 4.4642 8.30107C4.4642 7.57036 4.22321 7.09107 3.5279 6.80821C3.48444 6.7925 3.44099 6.78071 3.44099 6.72179C3.44099 6.62357 3.59901 6.55286 3.69778 6.55286C4.03753 6.55286 4.57481 6.89071 5.04494 6.89071C6.88593 6.89071 7.90519 5.13071 7.90519 3.48071C7.90519 1.08429 6.13136 0 3.91111 0ZM3.89531 5.18179C3.78074 5.18179 3.68198 5.08357 3.68198 4.96964C3.68198 4.81643 3.89531 4.7025 3.96642 4.57679C4.12049 4.29393 4.16395 3.81464 4.16395 3.4925C4.16395 3.11143 4.06519 2.40821 3.8242 2.12536C3.75309 2.04286 3.65432 1.99964 3.65432 1.88571C3.65432 1.77179 3.76889 1.67357 3.87951 1.67357C4.36148 1.67357 4.60247 3.08393 4.60247 3.44929C4.60247 3.84214 4.47605 5.18179 3.89531 5.18179Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M12.7368 0.239637C9.73433 0.239637 7.93285 2.35321 7.93285 5.25249C7.93285 8.15178 9.73038 10.2654 12.7368 10.2654C15.7432 10.2654 17.5249 8.12428 17.5249 5.25249C17.5249 2.38071 15.7116 0.239637 12.7368 0.239637ZM12.8672 8.83142C12.8198 8.89035 12.7249 9.00035 12.6104 9.00035C12.4958 9.00035 12.3852 8.90214 12.3852 8.78821C12.3852 8.74499 12.7526 8.19499 12.8119 8.02607C13.037 7.36214 13.0805 6.64321 13.0805 5.93999C13.0805 4.99714 12.9106 3.78321 12.3299 3.00928C12.2153 2.86785 11.8637 2.60071 11.8637 2.44749C11.8637 2.33357 11.9625 2.23535 12.077 2.23535C12.1758 2.23535 12.2746 2.32178 12.3457 2.37678C13.2504 3.12321 13.523 4.82821 13.523 5.93999C13.523 6.81214 13.4874 8.08499 12.8711 8.82749L12.8672 8.83142Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M21.6533 0C18.6351 0 17.7422 2.11357 17.7422 4.77714C17.7422 5.76321 17.841 6.73357 17.9555 7.70786C17.999 8.08893 17.9832 8.50929 18.0543 8.89036C18.24 9.89214 19.1881 10.3557 20.1086 10.3557C21.3689 10.3557 22.2064 9.56607 22.2064 8.30107C22.2064 7.57036 21.9654 7.09107 21.2701 6.80821C21.2267 6.7925 21.1832 6.78071 21.1832 6.72179C21.1832 6.62357 21.3412 6.55286 21.44 6.55286C21.7797 6.55286 22.317 6.89071 22.7871 6.89071C24.6281 6.89071 25.6474 5.13071 25.6474 3.48071C25.6474 1.08429 23.8775 0 21.6533 0ZM21.6415 5.18179C21.5269 5.18179 21.4281 5.08357 21.4281 4.96964C21.4281 4.81643 21.6415 4.7025 21.7126 4.57679C21.8667 4.29393 21.9101 3.81464 21.9101 3.4925C21.9101 3.11143 21.8113 2.40821 21.5704 2.12536C21.4992 2.04286 21.4005 1.99964 21.4005 1.88571C21.4005 1.77179 21.5151 1.67357 21.6257 1.67357C22.1076 1.67357 22.3486 3.08393 22.3486 3.44929C22.3486 3.84214 22.2222 5.18179 21.6415 5.18179Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M31.9012 4.16822C30.882 4.16822 29.4637 4.6318 29.4637 5.84572C29.4637 6.53715 29.9733 7.56251 30.7832 7.56251C31.2929 7.56251 31.6208 7.16965 31.7906 7.16965C31.8341 7.16965 31.8736 7.19715 31.8736 7.24037C31.8736 7.64894 31.0795 7.83358 30.7674 7.83358C29.677 7.83358 29.0963 6.90251 29.0963 5.91644C29.0963 4.70644 30.242 3.77537 31.4035 3.77537C31.7432 3.77537 32.0988 3.87358 32.4385 3.87358C33.4459 3.87358 34.165 2.97394 34.165 2.01537C34.165 0.424295 32.2687 0.0589382 31.0045 0.0589382C27.6464 0.0589382 25.6909 2.22751 25.6909 5.52358C25.6909 8.56822 27.279 10.5089 30.4237 10.5089C32.4622 10.5089 34.6864 9.6368 34.6864 7.26787C34.6864 5.6493 33.6237 4.16822 31.8973 4.16822H31.9012Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M41.2681 6.56464C41.0113 6.56464 40.802 6.66286 40.5886 6.66286C40.5452 6.66286 40.5333 6.61964 40.5333 6.59214C40.5333 6.49393 40.5768 6.45071 40.6479 6.42321C40.8889 6.34071 41.1457 6.28179 41.3827 6.16786C42.4612 5.66107 43.0973 4.7575 43.0973 3.56321C43.0973 1.40643 41.2405 0.0982143 39.202 0.0982143C38.4632 0.0982143 37.7442 0.310357 37.12 0.648214C35.4212 1.56357 35.0933 2.87571 34.9946 4.66321C34.9511 5.36643 34.9511 6.07357 34.9511 6.77679V8.48179C34.9511 9.55036 35.6583 10.4107 36.7763 10.4107C37.5822 10.4107 38.3052 9.83321 38.4909 9.07107C38.5896 8.61929 38.5343 8.085 38.5343 7.64893C38.5343 7.60571 38.5501 7.59393 38.5896 7.59393C38.6291 7.59393 38.6765 7.62143 38.7042 7.63714C39.202 8.83536 39.8815 10.3557 41.4222 10.3557C42.4849 10.3557 43.362 9.60929 43.362 8.525C43.362 7.44071 42.3427 6.56857 41.2642 6.56857L41.2681 6.56464ZM38.961 5.18179C38.8464 5.18179 38.7476 5.08357 38.7476 4.96964C38.7476 4.81643 38.961 4.7025 39.0321 4.57679C39.1862 4.29393 39.2296 3.81464 39.2296 3.4925C39.2296 3.11143 39.1309 2.40821 38.8899 2.12536C38.8188 2.04286 38.7358 1.99964 38.7358 1.88571C38.7358 1.77179 38.8346 1.67357 38.9491 1.67357C39.4311 1.67357 39.6721 3.08393 39.6721 3.44929C39.6721 3.84214 39.5575 5.18179 38.9649 5.18179H38.961Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M46.7674 0.549991C46.4277 0.326063 45.9457 0.212134 45.5348 0.212134C44.642 0.212134 43.8756 0.915349 43.7768 1.79142C43.7491 2.04678 43.761 2.28642 43.761 2.55356V4.94606L43.7175 7.46821V8.72142C43.7175 9.70749 44.5669 10.4814 45.5467 10.4814C46.2696 10.4814 47.0637 10.0296 47.3324 9.35392C47.4864 8.97285 47.5022 8.43856 47.5022 8.02999V6.92999L47.518 4.73392V2.53785C47.518 1.72071 47.5022 1.07249 46.7674 0.549991Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M50.2993 0.125713C48.8533 0.125713 48.1304 0.801428 48.1304 2.25107V2.82857L48.1462 3.96786V4.54536C48.1462 4.98143 48.1462 5.39 48.1304 5.82607C48.1027 6.34857 48.0316 6.86714 48.0316 7.40536C48.0316 9.3775 49.0509 10.3361 51.0222 10.3361C54.0523 10.3361 56.1067 9.03964 56.1067 5.81429C56.1067 1.925 54.2222 0.121785 50.2993 0.121785V0.125713ZM51.6583 7.91607C51.5437 7.91607 51.4449 7.81786 51.4449 7.70393C51.4449 7.66071 51.4608 7.83352 51.4884 7.59C51.8558 6.985 51.9546 6.14036 51.9546 5.44893C51.9546 4.80071 51.8835 3.84214 51.4726 3.33536C51.4015 3.22143 51.2593 3.13893 51.2593 2.9975C51.2593 2.88357 51.358 2.78536 51.4726 2.78536C51.6859 2.78536 51.9822 3.31964 52.0691 3.50428C52.3378 4.125 52.3812 4.80071 52.3812 5.46071C52.3812 5.86928 52.1679 7.91214 51.6583 7.91214V7.91607Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M62.7239 5.1268C61.9022 5.05608 60.7249 4.77322 60.0889 4.23894C60.0059 4.16822 59.8637 4.07001 59.8637 3.9443C59.8637 3.90108 59.8795 3.83037 59.9348 3.83037C60.0889 3.83037 61.0805 4.62001 61.9338 4.62001C63.0123 4.62001 64 3.78715 64 2.69108C64 0.887867 61.5941 0.157152 60.1324 0.157152C57.9635 0.157152 56.3516 1.5518 56.3516 3.76358C56.3516 4.24287 56.4227 4.90287 56.7783 5.27215C56.9482 5.4568 57.2326 5.4568 57.4578 5.4568C58.3072 5.4568 59.3857 5.72394 59.836 6.49787C59.8795 6.56858 59.919 6.68251 59.919 6.76501C59.919 6.79251 59.919 6.83572 59.8914 6.82001C59.8084 6.79251 59.7373 6.7218 59.678 6.6668C59.1802 6.18751 58.5007 5.70822 57.7817 5.70822C56.7032 5.70822 56.324 6.73751 56.324 7.63715C56.324 9.45215 57.9674 10.4539 59.6385 10.4539C61.6217 10.4539 64 9.15751 64 6.94572C64 6.12858 63.6444 5.21322 62.7239 5.13072V5.1268Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n</svg>`;\n\nexport class PopCommentBar extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n protected events = {\n click: \"onClick\",\n };\n\n protected onClick(event: MouseEvent) {\n if (!(event.target as HTMLElement).closest(\".bar__send\")) return;\n void this.handleSend();\n }\n\n protected setupEffects() {\n let lastReplyingTo: string | null = null;\n let lastEditingCommentId: string | null = null;\n\n this.addEffect(() => {\n const parentCommentId = this.gridStore.replyingTo.value;\n\n if (parentCommentId && parentCommentId !== lastReplyingTo) {\n const input = this.getElement<PopCommentInput>(\"pop-comment-input\");\n if (input) {\n setTimeout(() => input.focus(), 0);\n }\n }\n lastReplyingTo = parentCommentId;\n });\n\n this.addEffect(() => {\n const editingComment = this.gridStore.editingComment.value;\n if (editingComment && editingComment.id !== lastEditingCommentId) {\n const input = this.getElement<PopCommentInput>(\"pop-comment-input\");\n if (input) {\n input.setValue(editingComment.body);\n setTimeout(() => input.focus(), 0);\n }\n } else if (!editingComment && lastEditingCommentId) {\n const input = this.getElement<PopCommentInput>(\"pop-comment-input\");\n if (input) {\n input.clear();\n }\n }\n lastEditingCommentId = editingComment?.id ?? null;\n });\n\n this.addEffect(() => {\n const user = currentUser.value;\n const barUser = this.getElement<HTMLDivElement>(\".bar__user\");\n if (!barUser) return;\n\n const parentComment = this.gridStore.replyingToComment.value;\n const parentAuthor = parentComment?.author;\n const editingComment = this.gridStore.editingComment.value;\n\n if (editingComment) {\n barUser.classList.remove(\"has-reply\");\n const userColorKey = user?.id ?? user?.name ?? \"\";\n const userAvatarHtml = user?.image\n ? `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\"><img src=\"${user.image}\" alt=\"${user.name ?? \"User\"}'s avatar\"></pop-comment-avatar>`\n : `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\">${getInitials(user?.name)}</pop-comment-avatar>`;\n barUser.innerHTML = userAvatarHtml;\n } else if (parentAuthor) {\n barUser.classList.add(\"has-reply\");\n\n const parentColorKey = parentAuthor.id ?? parentAuthor.name ?? \"\";\n const userColorKey = user?.id ?? user?.name ?? \"\";\n\n const parentAvatarHtml = parentAuthor.image\n ? `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--reply\" data-color-key=\"${parentColorKey}\"><img src=\"${parentAuthor.image}\" alt=\"${parentAuthor.name ?? \"User\"}'s avatar\"></pop-comment-avatar>`\n : `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--reply\" data-color-key=\"${parentColorKey}\">${getInitials(parentAuthor.name)}</pop-comment-avatar>`;\n\n const userAvatarHtml = user?.image\n ? `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\"><img src=\"${user.image}\" alt=\"${user.name ?? \"User\"}'s avatar\"></pop-comment-avatar>`\n : `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\">${getInitials(user?.name)}</pop-comment-avatar>`;\n\n barUser.innerHTML = parentAvatarHtml + userAvatarHtml;\n } else {\n barUser.classList.remove(\"has-reply\");\n\n const userColorKey = user?.id ?? user?.name ?? \"\";\n\n const userAvatarHtml = user?.image\n ? `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\"><img src=\"${user.image}\" alt=\"${user.name ?? \"User\"}'s avatar\"></pop-comment-avatar>`\n : `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\">${getInitials(user?.name)}</pop-comment-avatar>`;\n\n barUser.innerHTML = userAvatarHtml;\n }\n });\n }\n\n private async handleSend(): Promise<void> {\n const input = this.getElement<PopCommentInput>(\"pop-comment-input\");\n if (!input) return;\n\n const body = input.getValue().trim();\n if (!body) return;\n\n const editingId = this.gridStore.editingCommentId.value;\n if (editingId) {\n input.clear();\n this.gridStore.editingCommentId.value = null;\n await this.gridStore.editComment(editingId, body);\n } else {\n input.clear();\n const comment = await this.gridStore.postComment(\n body,\n this.gridStore.replyingTo.value ?? undefined,\n );\n this.gridStore.replyingTo.value = null;\n\n if (comment) {\n this.gridStore.scrollingCommentId.value = comment.id;\n }\n }\n }\n\n protected getTemplate(): string {\n return /* html */ `\n <div class=\"logo-watermark\">${LOGO_WATERMARK_SVG}</div>\n <div class=\"bar\">\n <div class=\"bar__user\">\n <pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\">?</pop-comment-avatar>\n </div>\n <div class=\"bar__input-wrap\">\n <pop-comment-input></pop-comment-input>\n </div>\n <button class=\"bar__send\" type=\"button\" aria-label=\"Send comment\">\n <pop-comment-icon theme=\"neutral\" variant=\"send\"></pop-comment-icon>\n </button>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-comment-bar\")) {\n customElements.define(\"pop-comment-bar\", PopCommentBar);\n}\n","import { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n /* Mode-level theme colors (defaults for light mode) */\n --pop-comment-color-black: #000000;\n --pop-comment-color-white: #ffffff;\n --pop-comment-color-default: #000000;\n --pop-comment-color-reversed: #ffffff;\n --pop-comment-bg-singular-resting: #121926;\n --pop-comment-bg-singular-hover: rgba(0, 0, 32, 0.08);\n --pop-comment-bg-reversed: #121926;\n --pop-comment-bg-blank-resting: #ffffff;\n\n display: flex;\n\n --pop-comment-icon-scale: 1;\n --pop-comment-icon-scale-hover: 1.1875;\n --pop-comment-icon-scale-active: 0.9375;\n --pop-comment-icon-size: 32px;\n --pop-comment-icon-color: var(--pop-foreground, #000000);\n --pop-comment-icon-color-hover: var(--pop-foreground, #000000);\n --pop-comment-icon-color-active: var(--pop-foreground, #000000);\n --pop-comment-icon-color-focused: var(--pop-foreground, #000000);\n --pop-comment-icon-background: var(\n --color-surface-buttons-singular-bg-launch-icon-hover,\n rgba(0, 0, 32, 0.08)\n );\n --pop-comment-icon-background-hover: var(\n --color-surface-buttons-singular-bg-launch-icon-hover,\n rgba(0, 0, 32, 0.08)\n );\n --pop-comment-icon-background-active: var(\n --color-surface-buttons-singular-bg-launch-icon-hover,\n rgba(0, 0, 32, 0.08)\n );\n --pop-comment-icon-background-focused: var(\n --color-surface-buttons-singular-bg-launch-icon-hover,\n rgba(0, 0, 32, 0.08)\n );\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n /* Overrides for dark mode */\n --pop-comment-color-black: #ffffff;\n --pop-comment-color-white: #000000;\n --pop-comment-color-default: #ffffff;\n --pop-comment-color-reversed: #000000;\n --pop-comment-bg-singular-resting: #ffffff;\n --pop-comment-bg-singular-hover: rgba(255, 255, 255, 0.15);\n --pop-comment-bg-reversed: #ffffff;\n --pop-comment-bg-blank-resting: #121926;\n }\n }\n\n :host(.dark) {\n /* Overrides for dark mode (.dark class on host) */\n --pop-comment-color-black: #ffffff;\n --pop-comment-color-white: #000000;\n --pop-comment-color-default: #ffffff;\n --pop-comment-color-reversed: #000000;\n --pop-comment-bg-singular-resting: #ffffff;\n --pop-comment-bg-singular-hover: rgba(255, 255, 255, 0.15);\n --pop-comment-bg-reversed: #ffffff;\n --pop-comment-bg-blank-resting: #121926;\n }\n\n .comment-icon {\n align-items: center;\n background: transparent;\n border: none;\n display: inline-flex;\n height: var(--pop-comment-icon-size);\n justify-content: center;\n padding: 0;\n position: relative;\n transform-origin: center;\n width: var(--pop-comment-icon-size);\n }\n\n .comment-icon--size-sm {\n --pop-comment-icon-size: 24px;\n }\n\n .comment-icon:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n .comment-icon__focus-indicator {\n display: none;\n height: calc(100% + 3px);\n inset: -1.5px;\n transform-origin: center;\n transform: scale(var(--pop-comment-icon-scale));\n transition: all 200ms ease-out;\n width: calc(100% + 3px);\n }\n\n .comment-icon:focus-visible .comment-icon__focus-indicator {\n display: flex;\n }\n\n .comment-icon:focus-visible {\n outline: none;\n }\n\n .comment-icon__inner {\n align-items: center;\n background: var(--pop-comment-icon-background);\n color: var(--pop-comment-icon-color);\n display: flex;\n flex-direction: column;\n flex-shrink: 0;\n height: var(--pop-comment-icon-size);\n justify-content: center;\n position: absolute;\n transform-origin: center;\n transition: all 200ms ease-out;\n transform: scale(var(--pop-comment-icon-scale));\n width: var(--pop-comment-icon-size);\n }\n\n .comment-icon__icon-container {\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n transition: transform ease-out 150ms;\n width: 100%;\n }\n\n .comment-icon__icon-container svg {\n width: calc(var(--pop-comment-icon-size) * 0.6875);\n height: calc(var(--pop-comment-icon-size) * 0.6875);\n }\n\n .comment-icon--variant-close.comment-icon--theme-neutral .comment-icon__icon-container svg {\n width: var(--pop-comment-icon-size);\n height: var(--pop-comment-icon-size);\n }\n\n .comment-icon__icon-image {\n display: flex;\n width: var(--pop-comment-icon-size);\n height: var(--pop-comment-icon-size);\n }\n\n .comment-icon__icon {\n display: flex;\n }\n\n .comment-icon__icon-image + .comment-icon__icon {\n display: none;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .comment-icon:hover .comment-icon__inner {\n background: var(--pop-comment-icon-background-hover);\n color: var(--pop-comment-icon-color-hover);\n transition: transform var(--pop-ease-pop-hover) var(--pop-duration-pop-hover);\n transform: scale(var(--pop-comment-icon-scale-hover));\n }\n\n .comment-icon:hover .comment-icon__icon-image {\n display: none;\n }\n\n .comment-icon:hover .comment-icon__icon-image + .comment-icon__icon {\n display: flex;\n }\n }\n\n .comment-icon:active .comment-icon__inner {\n background: var(--pop-comment-icon-background-active);\n color: var(--pop-comment-icon-color-active);\n transform: scale(var(--pop-comment-icon-scale-active));\n transition-duration: 100ms;\n }\n\n .comment-icon:is(:focus-visible) .comment-icon__inner {\n background: var(--pop-comment-icon-background-focused);\n color: var(--pop-comment-icon-color-focused);\n }\n\n /* Brand / Add */\n .comment-icon--theme-brand.comment-icon--variant-add {\n --pop-comment-icon-color: var(--pop-comment-color-black);\n --pop-comment-icon-color-hover: var(--pop-comment-color-black);\n --pop-comment-icon-color-active: var(--pop-comment-color-black);\n --pop-comment-icon-color-focused: var(--pop-comment-color-black);\n --pop-comment-icon-background: transparent;\n --pop-comment-icon-background-hover: var(--pop-comment-bg-singular-hover);\n --pop-comment-icon-background-active: var(--pop-comment-bg-singular-hover);\n --pop-comment-icon-background-focused: transparent;\n }\n\n /* Brand / Close */\n .comment-icon--theme-brand.comment-icon--variant-close {\n --pop-comment-icon-color: var(--pop-comment-color-white);\n --pop-comment-icon-color-hover: var(--pop-comment-color-white);\n --pop-comment-icon-color-active: var(--pop-comment-color-white);\n --pop-comment-icon-color-focused: var(--pop-comment-color-white);\n --pop-comment-icon-background: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-hover: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-active: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-focused: var(--pop-comment-bg-singular-resting);\n }\n\n /* Neutral / Add */\n .comment-icon--theme-neutral.comment-icon--variant-add {\n --pop-comment-icon-color: var(--pop-comment-color-white);\n --pop-comment-icon-color-hover: var(--pop-comment-color-black);\n --pop-comment-icon-color-active: var(--pop-comment-color-black);\n --pop-comment-icon-color-focused: var(--pop-comment-color-white);\n --pop-comment-icon-background: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-hover: var(--pop-comment-bg-singular-hover);\n --pop-comment-icon-background-active: var(--pop-comment-bg-singular-hover);\n --pop-comment-icon-background-focused: var(--pop-comment-bg-singular-resting);\n }\n\n /* Neutral / Close */\n .comment-icon--theme-neutral.comment-icon--variant-close {\n --pop-comment-icon-color: var(--pop-comment-color-white);\n --pop-comment-icon-color-hover: var(--pop-comment-color-white);\n --pop-comment-icon-color-active: var(--pop-comment-color-white);\n --pop-comment-icon-color-focused: var(--pop-comment-color-white);\n --pop-comment-icon-background: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-hover: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-active: var(--pop-comment-bg-singular-resting);\n --pop-comment-icon-background-focused: var(--pop-comment-bg-singular-resting);\n }\n\n /* Neutral / Send */\n .comment-icon--theme-neutral.comment-icon--variant-send {\n --pop-comment-icon-color: var(--pop-comment-color-reversed);\n --pop-comment-icon-color-hover: var(--pop-comment-color-reversed);\n --pop-comment-icon-color-active: var(--pop-comment-color-reversed);\n --pop-comment-icon-color-focused: var(--pop-comment-color-reversed);\n --pop-comment-icon-background: var(--pop-comment-bg-reversed);\n --pop-comment-icon-background-hover: var(--pop-comment-bg-reversed);\n --pop-comment-icon-background-active: var(--pop-comment-bg-reversed);\n --pop-comment-icon-background-focused: var(--pop-comment-bg-reversed);\n }\n\n /* Neutral / More */\n .comment-icon--theme-neutral.comment-icon--variant-more {\n --pop-comment-icon-color: var(--pop-comment-color-default);\n --pop-comment-icon-color-hover: var(--pop-comment-color-reversed);\n --pop-comment-icon-color-active: var(--pop-comment-color-default);\n --pop-comment-icon-color-focused: var(--pop-comment-color-default);\n --pop-comment-icon-background: var(--pop-comment-bg-blank-resting);\n --pop-comment-icon-background-hover: var(--pop-comment-bg-reversed);\n --pop-comment-icon-background-active: var(--pop-comment-bg-blank-resting);\n --pop-comment-icon-background-focused: var(--pop-comment-bg-blank-resting);\n }\n\n /* Neutral / Cancel */\n .comment-icon--theme-neutral.comment-icon--variant-cancel {\n --pop-comment-icon-color: var(--pop-comment-color-default);\n --pop-comment-icon-color-hover: var(--pop-comment-color-default);\n --pop-comment-icon-color-active: var(--pop-comment-color-reversed);\n --pop-comment-icon-color-focused: var(--pop-comment-color-default);\n --pop-comment-icon-background: var(--pop-comment-bg-blank-resting);\n --pop-comment-icon-background-hover: var(--pop-comment-bg-blank-resting);\n --pop-comment-icon-background-active: var(--pop-comment-bg-reversed);\n --pop-comment-icon-background-focused: var(--pop-comment-bg-blank-resting);\n }\n`);\n\nexport class PopCommentIcon extends BaseElement {\n protected get styleSheets() {\n return [localSheet];\n }\n\n static get observedAttributes() {\n return [\"counter\", \"icon-url\", \"size\", \"theme\", \"variant\", \"type\", \"disabled\"];\n }\n\n onCounterChanged() {\n this.render();\n }\n\n onIconUrlChanged() {\n this.render();\n }\n\n onSizeChanged() {\n this.render();\n }\n\n onThemeChanged() {\n this.render();\n }\n\n onVariantChanged() {\n this.render();\n }\n\n onTypeChanged() {\n this.render();\n }\n\n onDisabledChanged() {\n this.render();\n }\n\n get counter(): number {\n return Number(this.getAttribute(\"counter\") || \"0\");\n }\n\n set counter(value: number) {\n this.setAttribute(\"counter\", String(value));\n }\n\n get iconUrl(): string | undefined {\n return this.getAttribute(\"icon-url\") || undefined;\n }\n\n set iconUrl(value: string | undefined) {\n if (value === undefined) {\n this.removeAttribute(\"icon-url\");\n } else {\n this.setAttribute(\"icon-url\", value);\n }\n }\n\n get size(): string {\n return this.getAttribute(\"size\") || \"md\";\n }\n\n set size(value: string) {\n this.setAttribute(\"size\", value);\n }\n\n get theme(): \"brand\" | \"neutral\" {\n return (this.getAttribute(\"theme\") as \"brand\" | \"neutral\") || \"brand\";\n }\n\n set theme(value: \"brand\" | \"neutral\") {\n this.setAttribute(\"theme\", value);\n }\n\n get variant(): \"add\" | \"close\" | \"filter\" | \"more\" | \"send\" | \"cancel\" {\n return (this.getAttribute(\"variant\") as any) || \"add\";\n }\n\n set variant(value: \"add\" | \"close\" | \"filter\" | \"more\" | \"send\" | \"cancel\") {\n this.setAttribute(\"variant\", value);\n }\n\n get type(): \"button\" | \"submit\" | \"reset\" | \"menu\" {\n return (this.getAttribute(\"type\") as any) || \"button\";\n }\n\n set type(value: \"button\" | \"submit\" | \"reset\" | \"menu\") {\n this.setAttribute(\"type\", value);\n }\n\n get disabled(): boolean {\n return this.hasAttribute(\"disabled\");\n }\n\n set disabled(value: boolean) {\n if (value) {\n this.setAttribute(\"disabled\", \"\");\n } else {\n this.removeAttribute(\"disabled\");\n }\n }\n\n protected events = {\n click: \"onClick\",\n };\n\n protected onClick(event: Event) {\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n return;\n }\n this.emit(\"pop-click\");\n }\n\n get icon(): string {\n let icon = \"\";\n\n if (this.theme === \"brand\") {\n if (this.variant === \"add\") {\n icon = `\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11 4.58331V17.4166M4.58333 11H17.4167\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n `;\n } else if (this.variant === \"close\") {\n icon = `\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M16.5 5.5L5.5 16.5M5.5 5.5L16.5 16.5\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n `;\n }\n } else if (this.theme === \"neutral\") {\n if (this.variant === \"add\") {\n icon = `\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11.0002 4.58301V17.4163M4.5835 10.9997H17.4168\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n `;\n } else if (this.variant === \"close\") {\n icon = `\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11.4628 11.4627L20.5373 20.5373M11.4628 20.5373L20.5373 11.4627\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n `;\n } else if (this.variant === \"more\") {\n icon = `\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M12.8335 16.5L7.3335 11L12.8335 5.5\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n `;\n } else if (this.variant === \"send\") {\n icon = `\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.0394 3.68048C18.2139 3.61601 18.3837 3.78583 18.3193 3.96036L12.3858 20.0241C12.314 20.2185 12.0369 20.2123 11.9739 20.0149L9.89172 13.4908C9.86908 13.4199 9.88424 13.3423 9.93191 13.2851L14.4838 7.82287C14.6536 7.61906 14.3807 7.34616 14.1769 7.516L8.71467 12.0678C8.65746 12.1155 8.57987 12.1307 8.50893 12.108L1.98489 10.0259C1.78743 9.96287 1.78121 9.68575 1.97565 9.61393L18.0394 3.68048Z\"\n fill=\"currentColor\"\n />\n </svg>\n `;\n } else if (this.variant === \"cancel\") {\n icon = `\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M16.5 5.5L5.5 16.5M5.5 5.5L16.5 16.5\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n `;\n }\n }\n return icon;\n }\n\n protected getTemplate(): string {\n const disabledAttr = this.disabled ? \"disabled\" : \"\";\n const classes = [\n \"comment-icon\",\n this.size ? `comment-icon--size-${this.size}` : \"\",\n this.theme ? `comment-icon--theme-${this.theme}` : \"\",\n this.variant ? `comment-icon--variant-${this.variant}` : \"\",\n ]\n .filter(Boolean)\n .join(\" \");\n\n const iconHtml = this.iconUrl\n ? `<img src=\"${this.iconUrl}\" alt=\"\" class=\"comment-icon__icon-image\" />\n <slot class=\"comment-icon__icon\" name=\"icon\">${this.icon}</slot>`\n : `<slot class=\"comment-icon__icon\" name=\"icon\">${this.icon}</slot>`;\n\n return /* html */ `\n <button\n class=\"${classes}\"\n part=\"base\"\n type=\"${this.type}\"\n ${disabledAttr}\n >\n <pop-focus-indicator class=\"comment-icon__focus-indicator\"></pop-focus-indicator>\n <div class=\"comment-icon__inner mask mask-squircle\">\n <div class=\"comment-icon__icon-container\" part=\"icon\">${iconHtml}</div>\n </div>\n </button>\n `;\n }\n}\n\nif (!customElements.get(\"pop-comment-icon\")) {\n customElements.define(\"pop-comment-icon\", PopCommentIcon);\n}\n","import { consume } from \"../store/registry.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: flex;\n flex: 1;\n min-width: 0;\n align-items: flex-end;\n }\n\n textarea {\n flex: 1;\n min-width: 0;\n background: none;\n border: none;\n outline: none;\n resize: none;\n font-family: Inter, sans-serif;\n font-size: 13px;\n color: black;\n line-height: 18px;\n padding: 5px 0;\n max-height: 200px;\n overflow-y: auto;\n width: 100%;\n letter-spacing: -0.08px;\n }\n\n textarea::placeholder {\n color: #697586;\n }\n`);\n\nexport class PopCommentInput extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n protected events = {\n input: \"onInput\",\n keydown: \"onKeyDown\",\n };\n\n protected onInput(event: Event) {\n const textarea = event.target as HTMLTextAreaElement;\n textarea.style.height = \"auto\";\n textarea.style.height = `${textarea.scrollHeight}px`;\n }\n\n protected onKeyDown(event: KeyboardEvent) {\n if (event.key === \"Escape\") {\n if (this.gridStore.editingCommentId.value || this.gridStore.replyingTo.value) {\n event.stopPropagation();\n this.gridStore.editingCommentId.value = null;\n this.gridStore.replyingTo.value = null;\n }\n }\n }\n\n getValue(): string {\n return this.getElement<HTMLTextAreaElement>(\"textarea\")?.value ?? \"\";\n }\n\n setValue(val: string): void {\n const textarea = this.getElement<HTMLTextAreaElement>(\"textarea\");\n if (!textarea) return;\n\n textarea.value = val;\n textarea.style.height = \"auto\";\n textarea.style.height = `${textarea.scrollHeight}px`;\n }\n\n clear(): void {\n const textarea = this.getElement<HTMLTextAreaElement>(\"textarea\");\n if (!textarea) return;\n\n textarea.value = \"\";\n textarea.style.height = \"auto\";\n }\n\n focus(): void {\n this.getElement<HTMLTextAreaElement>(\"textarea\")?.focus();\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n const parent = this.gridStore.replyingToComment.value;\n const editing = this.gridStore.editingComment.value;\n\n let placeholder = \"Comment\";\n if (editing) {\n placeholder = \"Edit comment...\";\n } else if (parent?.author?.name) {\n placeholder = `Reply to ${parent.author.name}`;\n }\n\n this.setAttr(\"textarea\", \"placeholder\", placeholder);\n });\n }\n\n protected getTemplate(): string {\n return /* html */ `\n <textarea rows=\"1\" placeholder=\"Comment\"></textarea>\n `;\n }\n}\n\nif (!customElements.get(\"pop-comment-input\")) {\n customElements.define(\"pop-comment-input\", PopCommentInput);\n}\n","import { consume } from \"../store/registry.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: block;\n\n --pop-thread-link: rgba(0, 0, 32, 0.5);\n --pop-thread-link-hover: rgba(0, 0, 32, 0.8);\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --pop-thread-link: rgba(255, 255, 255, 0.5);\n --pop-thread-link-hover: rgba(255, 255, 255, 0.8);\n }\n }\n\n :host(.dark) {\n --pop-thread-link: rgba(255, 255, 255, 0.5);\n --pop-thread-link-hover: rgba(255, 255, 255, 0.8);\n }\n\n .thread {\n align-items: stretch;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .thread__replies {\n align-items: center;\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-left: 24px;\n }\n\n .thread__more {\n display: flex;\n align-items: center;\n font-size: 13px;\n gap: 6px;\n padding-left: 30px;\n transition: opacity 0.15s ease;\n width: 100%;\n }\n\n .thread__more:hover {\n opacity: 1;\n }\n\n .thread__more-dot {\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: var(--pop-muted-foreground);\n flex-shrink: 0;\n opacity: 0.1;\n }\n`);\n\nconst COLLAPSED_REPLY_LIMIT = 2;\n\nexport class PopCommentThread extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n private _showAll = false;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n protected events = {\n click: \"onClick\",\n };\n\n protected onClick(event: MouseEvent) {\n if (!(event.target as HTMLElement).closest(\".thread__more-btn\")) return;\n this._showAll = true;\n this.render();\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n const commentId = this.getAttribute(\"comment-id\");\n const targetId = this.gridStore.scrollingCommentId.value;\n if (commentId && targetId) {\n const replies = this.gridStore.repliesFor(commentId);\n if (replies.some((r) => r.id === targetId)) {\n this._showAll = true;\n }\n }\n\n this.gridStore.comments.value;\n this.render();\n });\n }\n\n protected getTemplate(): string {\n const commentId = this.getAttribute(\"comment-id\");\n if (!commentId) return \"\";\n\n const replies = this.gridStore.repliesFor(commentId);\n const visibleReplies =\n this._showAll || replies.length <= COLLAPSED_REPLY_LIMIT\n ? replies\n : replies.slice(0, COLLAPSED_REPLY_LIMIT);\n const hiddenCount = replies.length - visibleReplies.length;\n\n const moreHtml =\n hiddenCount > 0\n ? `<div class=\"thread__more\">\n <div class=\"thread__more-dot\"></div>\n <button class=\"thread__more-btn btn-link btn-link--size-sm btn-link--theme-default\" type=\"button\">\n Show ${hiddenCount} more ${hiddenCount === 1 ? \"reply\" : \"replies\"}\n </button>\n </div>`\n : \"\";\n\n const repliesHtml =\n replies.length > 0\n ? `<div class=\"thread__replies\">\n ${visibleReplies\n .map((reply) => `<pop-comment comment-id=\"${reply.id}\"></pop-comment>`)\n .join(\"\")}\n ${moreHtml}\n </div>`\n : \"\";\n\n return /* html */ `\n <div class=\"thread\">\n <pop-comment comment-id=\"${commentId}\"></pop-comment>\n ${repliesHtml}\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-comment-thread\")) {\n customElements.define(\"pop-comment-thread\", PopCommentThread);\n}\n","export function timeAgo(date: Date | string | number): string {\n const d = date instanceof Date ? date : new Date(date);\n const seconds = (Date.now() - d.getTime()) / 1000;\n\n if (seconds < 1) return \"now\";\n if (seconds < 60) return `${Math.floor(seconds)}s`;\n if (seconds < 3600) return `${Math.floor(seconds / 60)}m`;\n if (seconds < 86400) return `${Math.floor(seconds / 3600)}h`;\n if (seconds < 604800) return `${Math.floor(seconds / 86400)}d`;\n return `${Math.floor(seconds / 604800)}w`;\n}\n","/**\n * Custom positioning reference element.\n * @see https://floating-ui.com/docs/virtual-elements\n */\n\nconst sides = ['top', 'right', 'bottom', 'left'];\nconst alignments = ['start', 'end'];\nconst placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + \"-\" + alignments[0], side + \"-\" + alignments[1]), []);\nconst min = Math.min;\nconst max = Math.max;\nconst round = Math.round;\nconst floor = Math.floor;\nconst createCoords = v => ({\n x: v,\n y: v\n});\nconst oppositeSideMap = {\n left: 'right',\n right: 'left',\n bottom: 'top',\n top: 'bottom'\n};\nfunction clamp(start, value, end) {\n return max(start, min(value, end));\n}\nfunction evaluate(value, param) {\n return typeof value === 'function' ? value(param) : value;\n}\nfunction getSide(placement) {\n return placement.split('-')[0];\n}\nfunction getAlignment(placement) {\n return placement.split('-')[1];\n}\nfunction getOppositeAxis(axis) {\n return axis === 'x' ? 'y' : 'x';\n}\nfunction getAxisLength(axis) {\n return axis === 'y' ? 'height' : 'width';\n}\nfunction getSideAxis(placement) {\n const firstChar = placement[0];\n return firstChar === 't' || firstChar === 'b' ? 'y' : 'x';\n}\nfunction getAlignmentAxis(placement) {\n return getOppositeAxis(getSideAxis(placement));\n}\nfunction getAlignmentSides(placement, rects, rtl) {\n if (rtl === void 0) {\n rtl = false;\n }\n const alignment = getAlignment(placement);\n const alignmentAxis = getAlignmentAxis(placement);\n const length = getAxisLength(alignmentAxis);\n let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';\n if (rects.reference[length] > rects.floating[length]) {\n mainAlignmentSide = getOppositePlacement(mainAlignmentSide);\n }\n return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];\n}\nfunction getExpandedPlacements(placement) {\n const oppositePlacement = getOppositePlacement(placement);\n return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];\n}\nfunction getOppositeAlignmentPlacement(placement) {\n return placement.includes('start') ? placement.replace('start', 'end') : placement.replace('end', 'start');\n}\nconst lrPlacement = ['left', 'right'];\nconst rlPlacement = ['right', 'left'];\nconst tbPlacement = ['top', 'bottom'];\nconst btPlacement = ['bottom', 'top'];\nfunction getSideList(side, isStart, rtl) {\n switch (side) {\n case 'top':\n case 'bottom':\n if (rtl) return isStart ? rlPlacement : lrPlacement;\n return isStart ? lrPlacement : rlPlacement;\n case 'left':\n case 'right':\n return isStart ? tbPlacement : btPlacement;\n default:\n return [];\n }\n}\nfunction getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {\n const alignment = getAlignment(placement);\n let list = getSideList(getSide(placement), direction === 'start', rtl);\n if (alignment) {\n list = list.map(side => side + \"-\" + alignment);\n if (flipAlignment) {\n list = list.concat(list.map(getOppositeAlignmentPlacement));\n }\n }\n return list;\n}\nfunction getOppositePlacement(placement) {\n const side = getSide(placement);\n return oppositeSideMap[side] + placement.slice(side.length);\n}\nfunction expandPaddingObject(padding) {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n ...padding\n };\n}\nfunction getPaddingObject(padding) {\n return typeof padding !== 'number' ? expandPaddingObject(padding) : {\n top: padding,\n right: padding,\n bottom: padding,\n left: padding\n };\n}\nfunction rectToClientRect(rect) {\n const {\n x,\n y,\n width,\n height\n } = rect;\n return {\n width,\n height,\n top: y,\n left: x,\n right: x + width,\n bottom: y + height,\n x,\n y\n };\n}\n\nexport { alignments, clamp, createCoords, evaluate, expandPaddingObject, floor, getAlignment, getAlignmentAxis, getAlignmentSides, getAxisLength, getExpandedPlacements, getOppositeAlignmentPlacement, getOppositeAxis, getOppositeAxisPlacements, getOppositePlacement, getPaddingObject, getSide, getSideAxis, max, min, placements, rectToClientRect, round, sides };\n","import { getSideAxis, getAlignmentAxis, getAxisLength, getSide, getAlignment, evaluate, getPaddingObject, rectToClientRect, min, clamp, placements, getAlignmentSides, getOppositeAlignmentPlacement, getOppositePlacement, getExpandedPlacements, getOppositeAxisPlacements, sides, max, getOppositeAxis } from '@floating-ui/utils';\nexport { rectToClientRect } from '@floating-ui/utils';\n\nfunction computeCoordsFromPlacement(_ref, placement, rtl) {\n let {\n reference,\n floating\n } = _ref;\n const sideAxis = getSideAxis(placement);\n const alignmentAxis = getAlignmentAxis(placement);\n const alignLength = getAxisLength(alignmentAxis);\n const side = getSide(placement);\n const isVertical = sideAxis === 'y';\n const commonX = reference.x + reference.width / 2 - floating.width / 2;\n const commonY = reference.y + reference.height / 2 - floating.height / 2;\n const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;\n let coords;\n switch (side) {\n case 'top':\n coords = {\n x: commonX,\n y: reference.y - floating.height\n };\n break;\n case 'bottom':\n coords = {\n x: commonX,\n y: reference.y + reference.height\n };\n break;\n case 'right':\n coords = {\n x: reference.x + reference.width,\n y: commonY\n };\n break;\n case 'left':\n coords = {\n x: reference.x - floating.width,\n y: commonY\n };\n break;\n default:\n coords = {\n x: reference.x,\n y: reference.y\n };\n }\n switch (getAlignment(placement)) {\n case 'start':\n coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);\n break;\n case 'end':\n coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);\n break;\n }\n return coords;\n}\n\n/**\n * Resolves with an object of overflow side offsets that determine how much the\n * element is overflowing a given clipping boundary on each side.\n * - positive = overflowing the boundary by that number of pixels\n * - negative = how many pixels left before it will overflow\n * - 0 = lies flush with the boundary\n * @see https://floating-ui.com/docs/detectOverflow\n */\nasync function detectOverflow(state, options) {\n var _await$platform$isEle;\n if (options === void 0) {\n options = {};\n }\n const {\n x,\n y,\n platform,\n rects,\n elements,\n strategy\n } = state;\n const {\n boundary = 'clippingAncestors',\n rootBoundary = 'viewport',\n elementContext = 'floating',\n altBoundary = false,\n padding = 0\n } = evaluate(options, state);\n const paddingObject = getPaddingObject(padding);\n const altContext = elementContext === 'floating' ? 'reference' : 'floating';\n const element = elements[altBoundary ? altContext : elementContext];\n const clippingClientRect = rectToClientRect(await platform.getClippingRect({\n element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),\n boundary,\n rootBoundary,\n strategy\n }));\n const rect = elementContext === 'floating' ? {\n x,\n y,\n width: rects.floating.width,\n height: rects.floating.height\n } : rects.reference;\n const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));\n const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {\n x: 1,\n y: 1\n } : {\n x: 1,\n y: 1\n };\n const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({\n elements,\n rect,\n offsetParent,\n strategy\n }) : rect);\n return {\n top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,\n bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,\n left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,\n right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x\n };\n}\n\n// Maximum number of resets that can occur before bailing to avoid infinite reset loops.\nconst MAX_RESET_COUNT = 50;\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element\n * next to a given reference element.\n *\n * This export does not have any `platform` interface logic. You will need to\n * write one for the platform you are using Floating UI with.\n */\nconst computePosition = async (reference, floating, config) => {\n const {\n placement = 'bottom',\n strategy = 'absolute',\n middleware = [],\n platform\n } = config;\n const platformWithDetectOverflow = platform.detectOverflow ? platform : {\n ...platform,\n detectOverflow\n };\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));\n let rects = await platform.getElementRects({\n reference,\n floating,\n strategy\n });\n let {\n x,\n y\n } = computeCoordsFromPlacement(rects, placement, rtl);\n let statefulPlacement = placement;\n let resetCount = 0;\n const middlewareData = {};\n for (let i = 0; i < middleware.length; i++) {\n const currentMiddleware = middleware[i];\n if (!currentMiddleware) {\n continue;\n }\n const {\n name,\n fn\n } = currentMiddleware;\n const {\n x: nextX,\n y: nextY,\n data,\n reset\n } = await fn({\n x,\n y,\n initialPlacement: placement,\n placement: statefulPlacement,\n strategy,\n middlewareData,\n rects,\n platform: platformWithDetectOverflow,\n elements: {\n reference,\n floating\n }\n });\n x = nextX != null ? nextX : x;\n y = nextY != null ? nextY : y;\n middlewareData[name] = {\n ...middlewareData[name],\n ...data\n };\n if (reset && resetCount < MAX_RESET_COUNT) {\n resetCount++;\n if (typeof reset === 'object') {\n if (reset.placement) {\n statefulPlacement = reset.placement;\n }\n if (reset.rects) {\n rects = reset.rects === true ? await platform.getElementRects({\n reference,\n floating,\n strategy\n }) : reset.rects;\n }\n ({\n x,\n y\n } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));\n }\n i = -1;\n }\n }\n return {\n x,\n y,\n placement: statefulPlacement,\n strategy,\n middlewareData\n };\n};\n\n/**\n * Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * @see https://floating-ui.com/docs/arrow\n */\nconst arrow = options => ({\n name: 'arrow',\n options,\n async fn(state) {\n const {\n x,\n y,\n placement,\n rects,\n platform,\n elements,\n middlewareData\n } = state;\n // Since `element` is required, we don't Partial<> the type.\n const {\n element,\n padding = 0\n } = evaluate(options, state) || {};\n if (element == null) {\n return {};\n }\n const paddingObject = getPaddingObject(padding);\n const coords = {\n x,\n y\n };\n const axis = getAlignmentAxis(placement);\n const length = getAxisLength(axis);\n const arrowDimensions = await platform.getDimensions(element);\n const isYAxis = axis === 'y';\n const minProp = isYAxis ? 'top' : 'left';\n const maxProp = isYAxis ? 'bottom' : 'right';\n const clientProp = isYAxis ? 'clientHeight' : 'clientWidth';\n const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];\n const startDiff = coords[axis] - rects.reference[axis];\n const arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element));\n let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;\n\n // DOM platform can return `window` as the `offsetParent`.\n if (!clientSize || !(await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent)))) {\n clientSize = elements.floating[clientProp] || rects.floating[length];\n }\n const centerToReference = endDiff / 2 - startDiff / 2;\n\n // If the padding is large enough that it causes the arrow to no longer be\n // centered, modify the padding so that it is centered.\n const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;\n const minPadding = min(paddingObject[minProp], largestPossiblePadding);\n const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);\n\n // Make sure the arrow doesn't overflow the floating element if the center\n // point is outside the floating element's bounds.\n const min$1 = minPadding;\n const max = clientSize - arrowDimensions[length] - maxPadding;\n const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;\n const offset = clamp(min$1, center, max);\n\n // If the reference is small enough that the arrow's padding causes it to\n // to point to nothing for an aligned placement, adjust the offset of the\n // floating element itself. To ensure `shift()` continues to take action,\n // a single reset is performed when this is true.\n const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;\n const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;\n return {\n [axis]: coords[axis] + alignmentOffset,\n data: {\n [axis]: offset,\n centerOffset: center - offset - alignmentOffset,\n ...(shouldAddOffset && {\n alignmentOffset\n })\n },\n reset: shouldAddOffset\n };\n }\n});\n\nfunction getPlacementList(alignment, autoAlignment, allowedPlacements) {\n const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter(placement => getAlignment(placement) === alignment), ...allowedPlacements.filter(placement => getAlignment(placement) !== alignment)] : allowedPlacements.filter(placement => getSide(placement) === placement);\n return allowedPlacementsSortedByAlignment.filter(placement => {\n if (alignment) {\n return getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);\n }\n return true;\n });\n}\n/**\n * Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n */\nconst autoPlacement = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'autoPlacement',\n options,\n async fn(state) {\n var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;\n const {\n rects,\n middlewareData,\n placement,\n platform,\n elements\n } = state;\n const {\n crossAxis = false,\n alignment,\n allowedPlacements = placements,\n autoAlignment = true,\n ...detectOverflowOptions\n } = evaluate(options, state);\n const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;\n const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;\n const currentPlacement = placements$1[currentIndex];\n if (currentPlacement == null) {\n return {};\n }\n const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));\n\n // Make `computeCoords` start from the right place.\n if (placement !== currentPlacement) {\n return {\n reset: {\n placement: placements$1[0]\n }\n };\n }\n const currentOverflows = [overflow[getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]];\n const allOverflows = [...(((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || []), {\n placement: currentPlacement,\n overflows: currentOverflows\n }];\n const nextPlacement = placements$1[currentIndex + 1];\n\n // There are more placements to check.\n if (nextPlacement) {\n return {\n data: {\n index: currentIndex + 1,\n overflows: allOverflows\n },\n reset: {\n placement: nextPlacement\n }\n };\n }\n const placementsSortedByMostSpace = allOverflows.map(d => {\n const alignment = getAlignment(d.placement);\n return [d.placement, alignment && crossAxis ?\n // Check along the mainAxis and main crossAxis side.\n d.overflows.slice(0, 2).reduce((acc, v) => acc + v, 0) :\n // Check only the mainAxis.\n d.overflows[0], d.overflows];\n }).sort((a, b) => a[1] - b[1]);\n const placementsThatFitOnEachSide = placementsSortedByMostSpace.filter(d => d[2].slice(0,\n // Aligned placements should not check their opposite crossAxis\n // side.\n getAlignment(d[0]) ? 2 : 3).every(v => v <= 0));\n const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];\n if (resetPlacement !== placement) {\n return {\n data: {\n index: currentIndex + 1,\n overflows: allOverflows\n },\n reset: {\n placement: resetPlacement\n }\n };\n }\n return {};\n }\n };\n};\n\n/**\n * Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n */\nconst flip = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'flip',\n options,\n async fn(state) {\n var _middlewareData$arrow, _middlewareData$flip;\n const {\n placement,\n middlewareData,\n rects,\n initialPlacement,\n platform,\n elements\n } = state;\n const {\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = true,\n fallbackPlacements: specifiedFallbackPlacements,\n fallbackStrategy = 'bestFit',\n fallbackAxisSideDirection = 'none',\n flipAlignment = true,\n ...detectOverflowOptions\n } = evaluate(options, state);\n\n // If a reset by the arrow was caused due to an alignment offset being\n // added, we should skip any logic now since `flip()` has already done its\n // work.\n // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643\n if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n return {};\n }\n const side = getSide(placement);\n const initialSideAxis = getSideAxis(initialPlacement);\n const isBasePlacement = getSide(initialPlacement) === initialPlacement;\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));\n const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';\n if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {\n fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));\n }\n const placements = [initialPlacement, ...fallbackPlacements];\n const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n const overflows = [];\n let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];\n if (checkMainAxis) {\n overflows.push(overflow[side]);\n }\n if (checkCrossAxis) {\n const sides = getAlignmentSides(placement, rects, rtl);\n overflows.push(overflow[sides[0]], overflow[sides[1]]);\n }\n overflowsData = [...overflowsData, {\n placement,\n overflows\n }];\n\n // One or more sides is overflowing.\n if (!overflows.every(side => side <= 0)) {\n var _middlewareData$flip2, _overflowsData$filter;\n const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;\n const nextPlacement = placements[nextIndex];\n if (nextPlacement) {\n const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;\n if (!ignoreCrossAxisOverflow ||\n // We leave the current main axis only if every placement on that axis\n // overflows the main axis.\n overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {\n // Try next placement and re-run the lifecycle.\n return {\n data: {\n index: nextIndex,\n overflows: overflowsData\n },\n reset: {\n placement: nextPlacement\n }\n };\n }\n }\n\n // First, find the candidates that fit on the mainAxis side of overflow,\n // then find the placement that fits the best on the main crossAxis side.\n let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;\n\n // Otherwise fallback.\n if (!resetPlacement) {\n switch (fallbackStrategy) {\n case 'bestFit':\n {\n var _overflowsData$filter2;\n const placement = (_overflowsData$filter2 = overflowsData.filter(d => {\n if (hasFallbackAxisSideDirection) {\n const currentSideAxis = getSideAxis(d.placement);\n return currentSideAxis === initialSideAxis ||\n // Create a bias to the `y` side axis due to horizontal\n // reading directions favoring greater width.\n currentSideAxis === 'y';\n }\n return true;\n }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];\n if (placement) {\n resetPlacement = placement;\n }\n break;\n }\n case 'initialPlacement':\n resetPlacement = initialPlacement;\n break;\n }\n }\n if (placement !== resetPlacement) {\n return {\n reset: {\n placement: resetPlacement\n }\n };\n }\n }\n return {};\n }\n };\n};\n\nfunction getSideOffsets(overflow, rect) {\n return {\n top: overflow.top - rect.height,\n right: overflow.right - rect.width,\n bottom: overflow.bottom - rect.height,\n left: overflow.left - rect.width\n };\n}\nfunction isAnySideFullyClipped(overflow) {\n return sides.some(side => overflow[side] >= 0);\n}\n/**\n * Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n */\nconst hide = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'hide',\n options,\n async fn(state) {\n const {\n rects,\n platform\n } = state;\n const {\n strategy = 'referenceHidden',\n ...detectOverflowOptions\n } = evaluate(options, state);\n switch (strategy) {\n case 'referenceHidden':\n {\n const overflow = await platform.detectOverflow(state, {\n ...detectOverflowOptions,\n elementContext: 'reference'\n });\n const offsets = getSideOffsets(overflow, rects.reference);\n return {\n data: {\n referenceHiddenOffsets: offsets,\n referenceHidden: isAnySideFullyClipped(offsets)\n }\n };\n }\n case 'escaped':\n {\n const overflow = await platform.detectOverflow(state, {\n ...detectOverflowOptions,\n altBoundary: true\n });\n const offsets = getSideOffsets(overflow, rects.floating);\n return {\n data: {\n escapedOffsets: offsets,\n escaped: isAnySideFullyClipped(offsets)\n }\n };\n }\n default:\n {\n return {};\n }\n }\n }\n };\n};\n\nfunction getBoundingRect(rects) {\n const minX = min(...rects.map(rect => rect.left));\n const minY = min(...rects.map(rect => rect.top));\n const maxX = max(...rects.map(rect => rect.right));\n const maxY = max(...rects.map(rect => rect.bottom));\n return {\n x: minX,\n y: minY,\n width: maxX - minX,\n height: maxY - minY\n };\n}\nfunction getRectsByLine(rects) {\n const sortedRects = rects.slice().sort((a, b) => a.y - b.y);\n const groups = [];\n let prevRect = null;\n for (let i = 0; i < sortedRects.length; i++) {\n const rect = sortedRects[i];\n if (!prevRect || rect.y - prevRect.y > prevRect.height / 2) {\n groups.push([rect]);\n } else {\n groups[groups.length - 1].push(rect);\n }\n prevRect = rect;\n }\n return groups.map(rect => rectToClientRect(getBoundingRect(rect)));\n}\n/**\n * Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n */\nconst inline = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'inline',\n options,\n async fn(state) {\n const {\n placement,\n elements,\n rects,\n platform,\n strategy\n } = state;\n // A MouseEvent's client{X,Y} coords can be up to 2 pixels off a\n // ClientRect's bounds, despite the event listener being triggered. A\n // padding of 2 seems to handle this issue.\n const {\n padding = 2,\n x,\n y\n } = evaluate(options, state);\n const nativeClientRects = Array.from((await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference))) || []);\n const clientRects = getRectsByLine(nativeClientRects);\n const fallback = rectToClientRect(getBoundingRect(nativeClientRects));\n const paddingObject = getPaddingObject(padding);\n function getBoundingClientRect() {\n // There are two rects and they are disjoined.\n if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null) {\n // Find the first rect in which the point is fully inside.\n return clientRects.find(rect => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) || fallback;\n }\n\n // There are 2 or more connected rects.\n if (clientRects.length >= 2) {\n if (getSideAxis(placement) === 'y') {\n const firstRect = clientRects[0];\n const lastRect = clientRects[clientRects.length - 1];\n const isTop = getSide(placement) === 'top';\n const top = firstRect.top;\n const bottom = lastRect.bottom;\n const left = isTop ? firstRect.left : lastRect.left;\n const right = isTop ? firstRect.right : lastRect.right;\n const width = right - left;\n const height = bottom - top;\n return {\n top,\n bottom,\n left,\n right,\n width,\n height,\n x: left,\n y: top\n };\n }\n const isLeftSide = getSide(placement) === 'left';\n const maxRight = max(...clientRects.map(rect => rect.right));\n const minLeft = min(...clientRects.map(rect => rect.left));\n const measureRects = clientRects.filter(rect => isLeftSide ? rect.left === minLeft : rect.right === maxRight);\n const top = measureRects[0].top;\n const bottom = measureRects[measureRects.length - 1].bottom;\n const left = minLeft;\n const right = maxRight;\n const width = right - left;\n const height = bottom - top;\n return {\n top,\n bottom,\n left,\n right,\n width,\n height,\n x: left,\n y: top\n };\n }\n return fallback;\n }\n const resetRects = await platform.getElementRects({\n reference: {\n getBoundingClientRect\n },\n floating: elements.floating,\n strategy\n });\n if (rects.reference.x !== resetRects.reference.x || rects.reference.y !== resetRects.reference.y || rects.reference.width !== resetRects.reference.width || rects.reference.height !== resetRects.reference.height) {\n return {\n reset: {\n rects: resetRects\n }\n };\n }\n return {};\n }\n };\n};\n\nconst originSides = /*#__PURE__*/new Set(['left', 'top']);\n\n// For type backwards-compatibility, the `OffsetOptions` type was also\n// Derivable.\n\nasync function convertValueToCoords(state, options) {\n const {\n placement,\n platform,\n elements\n } = state;\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n const side = getSide(placement);\n const alignment = getAlignment(placement);\n const isVertical = getSideAxis(placement) === 'y';\n const mainAxisMulti = originSides.has(side) ? -1 : 1;\n const crossAxisMulti = rtl && isVertical ? -1 : 1;\n const rawValue = evaluate(options, state);\n\n // eslint-disable-next-line prefer-const\n let {\n mainAxis,\n crossAxis,\n alignmentAxis\n } = typeof rawValue === 'number' ? {\n mainAxis: rawValue,\n crossAxis: 0,\n alignmentAxis: null\n } : {\n mainAxis: rawValue.mainAxis || 0,\n crossAxis: rawValue.crossAxis || 0,\n alignmentAxis: rawValue.alignmentAxis\n };\n if (alignment && typeof alignmentAxis === 'number') {\n crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;\n }\n return isVertical ? {\n x: crossAxis * crossAxisMulti,\n y: mainAxis * mainAxisMulti\n } : {\n x: mainAxis * mainAxisMulti,\n y: crossAxis * crossAxisMulti\n };\n}\n\n/**\n * Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n */\nconst offset = function (options) {\n if (options === void 0) {\n options = 0;\n }\n return {\n name: 'offset',\n options,\n async fn(state) {\n var _middlewareData$offse, _middlewareData$arrow;\n const {\n x,\n y,\n placement,\n middlewareData\n } = state;\n const diffCoords = await convertValueToCoords(state, options);\n\n // If the placement is the same and the arrow caused an alignment offset\n // then we don't need to change the positioning coordinates.\n if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n return {};\n }\n return {\n x: x + diffCoords.x,\n y: y + diffCoords.y,\n data: {\n ...diffCoords,\n placement\n }\n };\n }\n };\n};\n\n/**\n * Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n */\nconst shift = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'shift',\n options,\n async fn(state) {\n const {\n x,\n y,\n placement,\n platform\n } = state;\n const {\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = false,\n limiter = {\n fn: _ref => {\n let {\n x,\n y\n } = _ref;\n return {\n x,\n y\n };\n }\n },\n ...detectOverflowOptions\n } = evaluate(options, state);\n const coords = {\n x,\n y\n };\n const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n const crossAxis = getSideAxis(getSide(placement));\n const mainAxis = getOppositeAxis(crossAxis);\n let mainAxisCoord = coords[mainAxis];\n let crossAxisCoord = coords[crossAxis];\n if (checkMainAxis) {\n const minSide = mainAxis === 'y' ? 'top' : 'left';\n const maxSide = mainAxis === 'y' ? 'bottom' : 'right';\n const min = mainAxisCoord + overflow[minSide];\n const max = mainAxisCoord - overflow[maxSide];\n mainAxisCoord = clamp(min, mainAxisCoord, max);\n }\n if (checkCrossAxis) {\n const minSide = crossAxis === 'y' ? 'top' : 'left';\n const maxSide = crossAxis === 'y' ? 'bottom' : 'right';\n const min = crossAxisCoord + overflow[minSide];\n const max = crossAxisCoord - overflow[maxSide];\n crossAxisCoord = clamp(min, crossAxisCoord, max);\n }\n const limitedCoords = limiter.fn({\n ...state,\n [mainAxis]: mainAxisCoord,\n [crossAxis]: crossAxisCoord\n });\n return {\n ...limitedCoords,\n data: {\n x: limitedCoords.x - x,\n y: limitedCoords.y - y,\n enabled: {\n [mainAxis]: checkMainAxis,\n [crossAxis]: checkCrossAxis\n }\n }\n };\n }\n };\n};\n/**\n * Built-in `limiter` that will stop `shift()` at a certain point.\n */\nconst limitShift = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n options,\n fn(state) {\n const {\n x,\n y,\n placement,\n rects,\n middlewareData\n } = state;\n const {\n offset = 0,\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = true\n } = evaluate(options, state);\n const coords = {\n x,\n y\n };\n const crossAxis = getSideAxis(placement);\n const mainAxis = getOppositeAxis(crossAxis);\n let mainAxisCoord = coords[mainAxis];\n let crossAxisCoord = coords[crossAxis];\n const rawOffset = evaluate(offset, state);\n const computedOffset = typeof rawOffset === 'number' ? {\n mainAxis: rawOffset,\n crossAxis: 0\n } : {\n mainAxis: 0,\n crossAxis: 0,\n ...rawOffset\n };\n if (checkMainAxis) {\n const len = mainAxis === 'y' ? 'height' : 'width';\n const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;\n const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;\n if (mainAxisCoord < limitMin) {\n mainAxisCoord = limitMin;\n } else if (mainAxisCoord > limitMax) {\n mainAxisCoord = limitMax;\n }\n }\n if (checkCrossAxis) {\n var _middlewareData$offse, _middlewareData$offse2;\n const len = mainAxis === 'y' ? 'width' : 'height';\n const isOriginSide = originSides.has(getSide(placement));\n const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);\n const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);\n if (crossAxisCoord < limitMin) {\n crossAxisCoord = limitMin;\n } else if (crossAxisCoord > limitMax) {\n crossAxisCoord = limitMax;\n }\n }\n return {\n [mainAxis]: mainAxisCoord,\n [crossAxis]: crossAxisCoord\n };\n }\n };\n};\n\n/**\n * Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n */\nconst size = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'size',\n options,\n async fn(state) {\n var _state$middlewareData, _state$middlewareData2;\n const {\n placement,\n rects,\n platform,\n elements\n } = state;\n const {\n apply = () => {},\n ...detectOverflowOptions\n } = evaluate(options, state);\n const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n const side = getSide(placement);\n const alignment = getAlignment(placement);\n const isYAxis = getSideAxis(placement) === 'y';\n const {\n width,\n height\n } = rects.floating;\n let heightSide;\n let widthSide;\n if (side === 'top' || side === 'bottom') {\n heightSide = side;\n widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';\n } else {\n widthSide = side;\n heightSide = alignment === 'end' ? 'top' : 'bottom';\n }\n const maximumClippingHeight = height - overflow.top - overflow.bottom;\n const maximumClippingWidth = width - overflow.left - overflow.right;\n const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);\n const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);\n const noShift = !state.middlewareData.shift;\n let availableHeight = overflowAvailableHeight;\n let availableWidth = overflowAvailableWidth;\n if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {\n availableWidth = maximumClippingWidth;\n }\n if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {\n availableHeight = maximumClippingHeight;\n }\n if (noShift && !alignment) {\n const xMin = max(overflow.left, 0);\n const xMax = max(overflow.right, 0);\n const yMin = max(overflow.top, 0);\n const yMax = max(overflow.bottom, 0);\n if (isYAxis) {\n availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));\n } else {\n availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));\n }\n }\n await apply({\n ...state,\n availableWidth,\n availableHeight\n });\n const nextDimensions = await platform.getDimensions(elements.floating);\n if (width !== nextDimensions.width || height !== nextDimensions.height) {\n return {\n reset: {\n rects: true\n }\n };\n }\n return {};\n }\n };\n};\n\nexport { arrow, autoPlacement, computePosition, detectOverflow, flip, hide, inline, limitShift, offset, shift, size };\n","function hasWindow() {\n return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n if (isNode(node)) {\n return (node.nodeName || '').toLowerCase();\n }\n // Mocked nodes in testing environments may not be instances of Node. By\n // returning `#document` an infinite loop won't occur.\n // https://github.com/floating-ui/floating-ui/issues/2317\n return '#document';\n}\nfunction getWindow(node) {\n var _node$ownerDocument;\n return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n var _ref;\n return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n if (!hasWindow()) {\n return false;\n }\n return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n if (!hasWindow()) {\n return false;\n }\n return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n if (!hasWindow()) {\n return false;\n }\n return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n if (!hasWindow() || typeof ShadowRoot === 'undefined') {\n return false;\n }\n return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n const {\n overflow,\n overflowX,\n overflowY,\n display\n } = getComputedStyle(element);\n return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';\n}\nfunction isTableElement(element) {\n return /^(table|td|th)$/.test(getNodeName(element));\n}\nfunction isTopLayer(element) {\n try {\n if (element.matches(':popover-open')) {\n return true;\n }\n } catch (_e) {\n // no-op\n }\n try {\n return element.matches(':modal');\n } catch (_e) {\n return false;\n }\n}\nconst willChangeRe = /transform|translate|scale|rotate|perspective|filter/;\nconst containRe = /paint|layout|strict|content/;\nconst isNotNone = value => !!value && value !== 'none';\nlet isWebKitValue;\nfunction isContainingBlock(elementOrCss) {\n const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');\n}\nfunction getContainingBlock(element) {\n let currentNode = getParentNode(element);\n while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n if (isContainingBlock(currentNode)) {\n return currentNode;\n } else if (isTopLayer(currentNode)) {\n return null;\n }\n currentNode = getParentNode(currentNode);\n }\n return null;\n}\nfunction isWebKit() {\n if (isWebKitValue == null) {\n isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');\n }\n return isWebKitValue;\n}\nfunction isLastTraversableNode(node) {\n return /^(html|body|#document)$/.test(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n if (isElement(element)) {\n return {\n scrollLeft: element.scrollLeft,\n scrollTop: element.scrollTop\n };\n }\n return {\n scrollLeft: element.scrollX,\n scrollTop: element.scrollY\n };\n}\nfunction getParentNode(node) {\n if (getNodeName(node) === 'html') {\n return node;\n }\n const result =\n // Step into the shadow DOM of the parent of a slotted node.\n node.assignedSlot ||\n // DOM Element detected.\n node.parentNode ||\n // ShadowRoot detected.\n isShadowRoot(node) && node.host ||\n // Fallback.\n getDocumentElement(node);\n return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n const parentNode = getParentNode(node);\n if (isLastTraversableNode(parentNode)) {\n return node.ownerDocument ? node.ownerDocument.body : node.body;\n }\n if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n return parentNode;\n }\n return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n var _node$ownerDocument2;\n if (list === void 0) {\n list = [];\n }\n if (traverseIframes === void 0) {\n traverseIframes = true;\n }\n const scrollableAncestor = getNearestOverflowAncestor(node);\n const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n const win = getWindow(scrollableAncestor);\n if (isBody) {\n const frameElement = getFrameElement(win);\n return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n } else {\n return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n }\n}\nfunction getFrameElement(win) {\n return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n","import { rectToClientRect, arrow as arrow$1, autoPlacement as autoPlacement$1, detectOverflow as detectOverflow$1, flip as flip$1, hide as hide$1, inline as inline$1, limitShift as limitShift$1, offset as offset$1, shift as shift$1, size as size$1, computePosition as computePosition$1 } from '@floating-ui/core';\nimport { round, createCoords, max, min, floor } from '@floating-ui/utils';\nimport { getComputedStyle as getComputedStyle$1, isHTMLElement, isElement, getWindow, isWebKit, getFrameElement, getNodeScroll, getDocumentElement, isTopLayer, getNodeName, isOverflowElement, getOverflowAncestors, getParentNode, isLastTraversableNode, isContainingBlock, isTableElement, getContainingBlock } from '@floating-ui/utils/dom';\nexport { getOverflowAncestors } from '@floating-ui/utils/dom';\n\nfunction getCssDimensions(element) {\n const css = getComputedStyle$1(element);\n // In testing environments, the `width` and `height` properties are empty\n // strings for SVG elements, returning NaN. Fallback to `0` in this case.\n let width = parseFloat(css.width) || 0;\n let height = parseFloat(css.height) || 0;\n const hasOffset = isHTMLElement(element);\n const offsetWidth = hasOffset ? element.offsetWidth : width;\n const offsetHeight = hasOffset ? element.offsetHeight : height;\n const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;\n if (shouldFallback) {\n width = offsetWidth;\n height = offsetHeight;\n }\n return {\n width,\n height,\n $: shouldFallback\n };\n}\n\nfunction unwrapElement(element) {\n return !isElement(element) ? element.contextElement : element;\n}\n\nfunction getScale(element) {\n const domElement = unwrapElement(element);\n if (!isHTMLElement(domElement)) {\n return createCoords(1);\n }\n const rect = domElement.getBoundingClientRect();\n const {\n width,\n height,\n $\n } = getCssDimensions(domElement);\n let x = ($ ? round(rect.width) : rect.width) / width;\n let y = ($ ? round(rect.height) : rect.height) / height;\n\n // 0, NaN, or Infinity should always fallback to 1.\n\n if (!x || !Number.isFinite(x)) {\n x = 1;\n }\n if (!y || !Number.isFinite(y)) {\n y = 1;\n }\n return {\n x,\n y\n };\n}\n\nconst noOffsets = /*#__PURE__*/createCoords(0);\nfunction getVisualOffsets(element) {\n const win = getWindow(element);\n if (!isWebKit() || !win.visualViewport) {\n return noOffsets;\n }\n return {\n x: win.visualViewport.offsetLeft,\n y: win.visualViewport.offsetTop\n };\n}\nfunction shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {\n if (isFixed === void 0) {\n isFixed = false;\n }\n if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {\n return false;\n }\n return isFixed;\n}\n\nfunction getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {\n if (includeScale === void 0) {\n includeScale = false;\n }\n if (isFixedStrategy === void 0) {\n isFixedStrategy = false;\n }\n const clientRect = element.getBoundingClientRect();\n const domElement = unwrapElement(element);\n let scale = createCoords(1);\n if (includeScale) {\n if (offsetParent) {\n if (isElement(offsetParent)) {\n scale = getScale(offsetParent);\n }\n } else {\n scale = getScale(element);\n }\n }\n const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);\n let x = (clientRect.left + visualOffsets.x) / scale.x;\n let y = (clientRect.top + visualOffsets.y) / scale.y;\n let width = clientRect.width / scale.x;\n let height = clientRect.height / scale.y;\n if (domElement) {\n const win = getWindow(domElement);\n const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;\n let currentWin = win;\n let currentIFrame = getFrameElement(currentWin);\n while (currentIFrame && offsetParent && offsetWin !== currentWin) {\n const iframeScale = getScale(currentIFrame);\n const iframeRect = currentIFrame.getBoundingClientRect();\n const css = getComputedStyle$1(currentIFrame);\n const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;\n const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;\n x *= iframeScale.x;\n y *= iframeScale.y;\n width *= iframeScale.x;\n height *= iframeScale.y;\n x += left;\n y += top;\n currentWin = getWindow(currentIFrame);\n currentIFrame = getFrameElement(currentWin);\n }\n }\n return rectToClientRect({\n width,\n height,\n x,\n y\n });\n}\n\n// If <html> has a CSS width greater than the viewport, then this will be\n// incorrect for RTL.\nfunction getWindowScrollBarX(element, rect) {\n const leftScroll = getNodeScroll(element).scrollLeft;\n if (!rect) {\n return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;\n }\n return rect.left + leftScroll;\n}\n\nfunction getHTMLOffset(documentElement, scroll) {\n const htmlRect = documentElement.getBoundingClientRect();\n const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);\n const y = htmlRect.top + scroll.scrollTop;\n return {\n x,\n y\n };\n}\n\nfunction convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {\n let {\n elements,\n rect,\n offsetParent,\n strategy\n } = _ref;\n const isFixed = strategy === 'fixed';\n const documentElement = getDocumentElement(offsetParent);\n const topLayer = elements ? isTopLayer(elements.floating) : false;\n if (offsetParent === documentElement || topLayer && isFixed) {\n return rect;\n }\n let scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n let scale = createCoords(1);\n const offsets = createCoords(0);\n const isOffsetParentAnElement = isHTMLElement(offsetParent);\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n if (isOffsetParentAnElement) {\n const offsetRect = getBoundingClientRect(offsetParent);\n scale = getScale(offsetParent);\n offsets.x = offsetRect.x + offsetParent.clientLeft;\n offsets.y = offsetRect.y + offsetParent.clientTop;\n }\n }\n const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);\n return {\n width: rect.width * scale.x,\n height: rect.height * scale.y,\n x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,\n y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y\n };\n}\n\nfunction getClientRects(element) {\n return Array.from(element.getClientRects());\n}\n\n// Gets the entire size of the scrollable document area, even extending outside\n// of the `<html>` and `<body>` rect bounds if horizontally scrollable.\nfunction getDocumentRect(element) {\n const html = getDocumentElement(element);\n const scroll = getNodeScroll(element);\n const body = element.ownerDocument.body;\n const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);\n const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);\n let x = -scroll.scrollLeft + getWindowScrollBarX(element);\n const y = -scroll.scrollTop;\n if (getComputedStyle$1(body).direction === 'rtl') {\n x += max(html.clientWidth, body.clientWidth) - width;\n }\n return {\n width,\n height,\n x,\n y\n };\n}\n\n// Safety check: ensure the scrollbar space is reasonable in case this\n// calculation is affected by unusual styles.\n// Most scrollbars leave 15-18px of space.\nconst SCROLLBAR_MAX = 25;\nfunction getViewportRect(element, strategy) {\n const win = getWindow(element);\n const html = getDocumentElement(element);\n const visualViewport = win.visualViewport;\n let width = html.clientWidth;\n let height = html.clientHeight;\n let x = 0;\n let y = 0;\n if (visualViewport) {\n width = visualViewport.width;\n height = visualViewport.height;\n const visualViewportBased = isWebKit();\n if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {\n x = visualViewport.offsetLeft;\n y = visualViewport.offsetTop;\n }\n }\n const windowScrollbarX = getWindowScrollBarX(html);\n // <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the\n // visual width of the <html> but this is not considered in the size\n // of `html.clientWidth`.\n if (windowScrollbarX <= 0) {\n const doc = html.ownerDocument;\n const body = doc.body;\n const bodyStyles = getComputedStyle(body);\n const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;\n const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);\n if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {\n width -= clippingStableScrollbarWidth;\n }\n } else if (windowScrollbarX <= SCROLLBAR_MAX) {\n // If the <body> scrollbar is on the left, the width needs to be extended\n // by the scrollbar amount so there isn't extra space on the right.\n width += windowScrollbarX;\n }\n return {\n width,\n height,\n x,\n y\n };\n}\n\n// Returns the inner client rect, subtracting scrollbars if present.\nfunction getInnerBoundingClientRect(element, strategy) {\n const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');\n const top = clientRect.top + element.clientTop;\n const left = clientRect.left + element.clientLeft;\n const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);\n const width = element.clientWidth * scale.x;\n const height = element.clientHeight * scale.y;\n const x = left * scale.x;\n const y = top * scale.y;\n return {\n width,\n height,\n x,\n y\n };\n}\nfunction getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {\n let rect;\n if (clippingAncestor === 'viewport') {\n rect = getViewportRect(element, strategy);\n } else if (clippingAncestor === 'document') {\n rect = getDocumentRect(getDocumentElement(element));\n } else if (isElement(clippingAncestor)) {\n rect = getInnerBoundingClientRect(clippingAncestor, strategy);\n } else {\n const visualOffsets = getVisualOffsets(element);\n rect = {\n x: clippingAncestor.x - visualOffsets.x,\n y: clippingAncestor.y - visualOffsets.y,\n width: clippingAncestor.width,\n height: clippingAncestor.height\n };\n }\n return rectToClientRect(rect);\n}\nfunction hasFixedPositionAncestor(element, stopNode) {\n const parentNode = getParentNode(element);\n if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {\n return false;\n }\n return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);\n}\n\n// A \"clipping ancestor\" is an `overflow` element with the characteristic of\n// clipping (or hiding) child elements. This returns all clipping ancestors\n// of the given element up the tree.\nfunction getClippingElementAncestors(element, cache) {\n const cachedResult = cache.get(element);\n if (cachedResult) {\n return cachedResult;\n }\n let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');\n let currentContainingBlockComputedStyle = null;\n const elementIsFixed = getComputedStyle$1(element).position === 'fixed';\n let currentNode = elementIsFixed ? getParentNode(element) : element;\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {\n const computedStyle = getComputedStyle$1(currentNode);\n const currentNodeIsContaining = isContainingBlock(currentNode);\n if (!currentNodeIsContaining && computedStyle.position === 'fixed') {\n currentContainingBlockComputedStyle = null;\n }\n const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === 'absolute' || currentContainingBlockComputedStyle.position === 'fixed') || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);\n if (shouldDropCurrentNode) {\n // Drop non-containing blocks.\n result = result.filter(ancestor => ancestor !== currentNode);\n } else {\n // Record last containing block for next iteration.\n currentContainingBlockComputedStyle = computedStyle;\n }\n currentNode = getParentNode(currentNode);\n }\n cache.set(element, result);\n return result;\n}\n\n// Gets the maximum area that the element is visible in due to any number of\n// clipping ancestors.\nfunction getClippingRect(_ref) {\n let {\n element,\n boundary,\n rootBoundary,\n strategy\n } = _ref;\n const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);\n const clippingAncestors = [...elementClippingAncestors, rootBoundary];\n const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);\n let top = firstRect.top;\n let right = firstRect.right;\n let bottom = firstRect.bottom;\n let left = firstRect.left;\n for (let i = 1; i < clippingAncestors.length; i++) {\n const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);\n top = max(rect.top, top);\n right = min(rect.right, right);\n bottom = min(rect.bottom, bottom);\n left = max(rect.left, left);\n }\n return {\n width: right - left,\n height: bottom - top,\n x: left,\n y: top\n };\n}\n\nfunction getDimensions(element) {\n const {\n width,\n height\n } = getCssDimensions(element);\n return {\n width,\n height\n };\n}\n\nfunction getRectRelativeToOffsetParent(element, offsetParent, strategy) {\n const isOffsetParentAnElement = isHTMLElement(offsetParent);\n const documentElement = getDocumentElement(offsetParent);\n const isFixed = strategy === 'fixed';\n const rect = getBoundingClientRect(element, true, isFixed, offsetParent);\n let scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n const offsets = createCoords(0);\n\n // If the <body> scrollbar appears on the left (e.g. RTL systems). Use\n // Firefox with layout.scrollbar.side = 3 in about:config to test this.\n function setLeftRTLScrollbarOffset() {\n offsets.x = getWindowScrollBarX(documentElement);\n }\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n if (isOffsetParentAnElement) {\n const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);\n offsets.x = offsetRect.x + offsetParent.clientLeft;\n offsets.y = offsetRect.y + offsetParent.clientTop;\n } else if (documentElement) {\n setLeftRTLScrollbarOffset();\n }\n }\n if (isFixed && !isOffsetParentAnElement && documentElement) {\n setLeftRTLScrollbarOffset();\n }\n const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);\n const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;\n const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;\n return {\n x,\n y,\n width: rect.width,\n height: rect.height\n };\n}\n\nfunction isStaticPositioned(element) {\n return getComputedStyle$1(element).position === 'static';\n}\n\nfunction getTrueOffsetParent(element, polyfill) {\n if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {\n return null;\n }\n if (polyfill) {\n return polyfill(element);\n }\n let rawOffsetParent = element.offsetParent;\n\n // Firefox returns the <html> element as the offsetParent if it's non-static,\n // while Chrome and Safari return the <body> element. The <body> element must\n // be used to perform the correct calculations even if the <html> element is\n // non-static.\n if (getDocumentElement(element) === rawOffsetParent) {\n rawOffsetParent = rawOffsetParent.ownerDocument.body;\n }\n return rawOffsetParent;\n}\n\n// Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\nfunction getOffsetParent(element, polyfill) {\n const win = getWindow(element);\n if (isTopLayer(element)) {\n return win;\n }\n if (!isHTMLElement(element)) {\n let svgOffsetParent = getParentNode(element);\n while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {\n if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {\n return svgOffsetParent;\n }\n svgOffsetParent = getParentNode(svgOffsetParent);\n }\n return win;\n }\n let offsetParent = getTrueOffsetParent(element, polyfill);\n while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {\n offsetParent = getTrueOffsetParent(offsetParent, polyfill);\n }\n if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {\n return win;\n }\n return offsetParent || getContainingBlock(element) || win;\n}\n\nconst getElementRects = async function (data) {\n const getOffsetParentFn = this.getOffsetParent || getOffsetParent;\n const getDimensionsFn = this.getDimensions;\n const floatingDimensions = await getDimensionsFn(data.floating);\n return {\n reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),\n floating: {\n x: 0,\n y: 0,\n width: floatingDimensions.width,\n height: floatingDimensions.height\n }\n };\n};\n\nfunction isRTL(element) {\n return getComputedStyle$1(element).direction === 'rtl';\n}\n\nconst platform = {\n convertOffsetParentRelativeRectToViewportRelativeRect,\n getDocumentElement,\n getClippingRect,\n getOffsetParent,\n getElementRects,\n getClientRects,\n getDimensions,\n getScale,\n isElement,\n isRTL\n};\n\nfunction rectsAreEqual(a, b) {\n return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n}\n\n// https://samthor.au/2021/observing-dom/\nfunction observeMove(element, onMove) {\n let io = null;\n let timeoutId;\n const root = getDocumentElement(element);\n function cleanup() {\n var _io;\n clearTimeout(timeoutId);\n (_io = io) == null || _io.disconnect();\n io = null;\n }\n function refresh(skip, threshold) {\n if (skip === void 0) {\n skip = false;\n }\n if (threshold === void 0) {\n threshold = 1;\n }\n cleanup();\n const elementRectForRootMargin = element.getBoundingClientRect();\n const {\n left,\n top,\n width,\n height\n } = elementRectForRootMargin;\n if (!skip) {\n onMove();\n }\n if (!width || !height) {\n return;\n }\n const insetTop = floor(top);\n const insetRight = floor(root.clientWidth - (left + width));\n const insetBottom = floor(root.clientHeight - (top + height));\n const insetLeft = floor(left);\n const rootMargin = -insetTop + \"px \" + -insetRight + \"px \" + -insetBottom + \"px \" + -insetLeft + \"px\";\n const options = {\n rootMargin,\n threshold: max(0, min(1, threshold)) || 1\n };\n let isFirstUpdate = true;\n function handleObserve(entries) {\n const ratio = entries[0].intersectionRatio;\n if (ratio !== threshold) {\n if (!isFirstUpdate) {\n return refresh();\n }\n if (!ratio) {\n // If the reference is clipped, the ratio is 0. Throttle the refresh\n // to prevent an infinite loop of updates.\n timeoutId = setTimeout(() => {\n refresh(false, 1e-7);\n }, 1000);\n } else {\n refresh(false, ratio);\n }\n }\n if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {\n // It's possible that even though the ratio is reported as 1, the\n // element is not actually fully within the IntersectionObserver's root\n // area anymore. This can happen under performance constraints. This may\n // be a bug in the browser's IntersectionObserver implementation. To\n // work around this, we compare the element's bounding rect now with\n // what it was at the time we created the IntersectionObserver. If they\n // are not equal then the element moved, so we refresh.\n refresh();\n }\n isFirstUpdate = false;\n }\n\n // Older browsers don't support a `document` as the root and will throw an\n // error.\n try {\n io = new IntersectionObserver(handleObserve, {\n ...options,\n // Handle <iframe>s\n root: root.ownerDocument\n });\n } catch (_e) {\n io = new IntersectionObserver(handleObserve, options);\n }\n io.observe(element);\n }\n refresh(true);\n return cleanup;\n}\n\n/**\n * Automatically updates the position of the floating element when necessary.\n * Should only be called when the floating element is mounted on the DOM or\n * visible on the screen.\n * @returns cleanup function that should be invoked when the floating element is\n * removed from the DOM or hidden from the screen.\n * @see https://floating-ui.com/docs/autoUpdate\n */\nfunction autoUpdate(reference, floating, update, options) {\n if (options === void 0) {\n options = {};\n }\n const {\n ancestorScroll = true,\n ancestorResize = true,\n elementResize = typeof ResizeObserver === 'function',\n layoutShift = typeof IntersectionObserver === 'function',\n animationFrame = false\n } = options;\n const referenceEl = unwrapElement(reference);\n const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...(floating ? getOverflowAncestors(floating) : [])] : [];\n ancestors.forEach(ancestor => {\n ancestorScroll && ancestor.addEventListener('scroll', update, {\n passive: true\n });\n ancestorResize && ancestor.addEventListener('resize', update);\n });\n const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;\n let reobserveFrame = -1;\n let resizeObserver = null;\n if (elementResize) {\n resizeObserver = new ResizeObserver(_ref => {\n let [firstEntry] = _ref;\n if (firstEntry && firstEntry.target === referenceEl && resizeObserver && floating) {\n // Prevent update loops when using the `size` middleware.\n // https://github.com/floating-ui/floating-ui/issues/1740\n resizeObserver.unobserve(floating);\n cancelAnimationFrame(reobserveFrame);\n reobserveFrame = requestAnimationFrame(() => {\n var _resizeObserver;\n (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);\n });\n }\n update();\n });\n if (referenceEl && !animationFrame) {\n resizeObserver.observe(referenceEl);\n }\n if (floating) {\n resizeObserver.observe(floating);\n }\n }\n let frameId;\n let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;\n if (animationFrame) {\n frameLoop();\n }\n function frameLoop() {\n const nextRefRect = getBoundingClientRect(reference);\n if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {\n update();\n }\n prevRefRect = nextRefRect;\n frameId = requestAnimationFrame(frameLoop);\n }\n update();\n return () => {\n var _resizeObserver2;\n ancestors.forEach(ancestor => {\n ancestorScroll && ancestor.removeEventListener('scroll', update);\n ancestorResize && ancestor.removeEventListener('resize', update);\n });\n cleanupIo == null || cleanupIo();\n (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();\n resizeObserver = null;\n if (animationFrame) {\n cancelAnimationFrame(frameId);\n }\n };\n}\n\n/**\n * Resolves with an object of overflow side offsets that determine how much the\n * element is overflowing a given clipping boundary on each side.\n * - positive = overflowing the boundary by that number of pixels\n * - negative = how many pixels left before it will overflow\n * - 0 = lies flush with the boundary\n * @see https://floating-ui.com/docs/detectOverflow\n */\nconst detectOverflow = detectOverflow$1;\n\n/**\n * Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n */\nconst offset = offset$1;\n\n/**\n * Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n */\nconst autoPlacement = autoPlacement$1;\n\n/**\n * Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n */\nconst shift = shift$1;\n\n/**\n * Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n */\nconst flip = flip$1;\n\n/**\n * Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n */\nconst size = size$1;\n\n/**\n * Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n */\nconst hide = hide$1;\n\n/**\n * Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * @see https://floating-ui.com/docs/arrow\n */\nconst arrow = arrow$1;\n\n/**\n * Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n */\nconst inline = inline$1;\n\n/**\n * Built-in `limiter` that will stop `shift()` at a certain point.\n */\nconst limitShift = limitShift$1;\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element\n * next to a given reference element.\n */\nconst computePosition = (reference, floating, options) => {\n // This caches the expensive `getClippingElementAncestors` function so that\n // multiple lifecycle resets re-use the same result. It only lives for a\n // single call. If other functions become expensive, we can add them as well.\n const cache = new Map();\n const mergedOptions = {\n platform,\n ...options\n };\n const platformWithCache = {\n ...mergedOptions.platform,\n _c: cache\n };\n return computePosition$1(reference, floating, {\n ...mergedOptions,\n platform: platformWithCache\n });\n};\n\nexport { arrow, autoPlacement, autoUpdate, computePosition, detectOverflow, flip, hide, inline, limitShift, offset, platform, shift, size };\n","import { getInitials } from \"../helpers/author.js\";\nimport { timeAgo } from \"../helpers/time.js\";\nimport { currentUser } from \"../store/auth-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\nimport { computePosition, autoUpdate, flip, offset, shift } from \"@floating-ui/dom\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: block;\n width: 100%;\n --pop-comment-hover: rgba(0, 0, 32, 0.04);\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --pop-comment-hover: rgba(255, 255, 255, 0.04);\n }\n }\n\n .comment {\n display: flex;\n width: 100%;\n gap: 8px;\n align-items: center;\n background-color: transparent;\n border: none;\n padding: 0;\n border-radius: var(--pop-radius-md);\n outline: 6px solid transparent;\n text-align: left;\n transition:\n background-color 150ms ease,\n outline-color 150ms ease;\n }\n\n :host([data-size=\"sm\"]) .comment,\n :host:not([data-size]) .comment {\n --avatar-size: 32px;\n --width: 32px;\n gap: 8px;\n }\n\n :host([data-size=\"lg\"]) .comment {\n --avatar-size: 56px;\n --width: 56px;\n gap: 12px;\n }\n\n .comment--is-selected {\n background-color: var(--pop-muted);\n outline-color: var(--pop-muted);\n }\n\n :host(.is-signed-in) .comment {\n cursor: pointer;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .comment:hover .comment__avatar {\n --avatar-translate-x: 2px;\n }\n\n .comment__avatar:hover {\n /* --avatar-scale: 1.06; */\n }\n\n .comment .comment__menu {\n display: none;\n }\n\n .comment:hover .comment__menu {\n display: flex;\n }\n }\n\n .comment--is-selected .comment__avatar {\n --avatar-translate-x: 2px;\n }\n\n .comment__avatar {\n --comment-avatar-border-size: 0;\n --avatar-translate-x: 0px;\n --avatar-scale: 1;\n width: var(--avatar-size);\n height: var(--avatar-size);\n transform: translateX(var(--avatar-translate-x)) scale(var(--avatar-scale));\n transition: transform var(--pop-duration-quick) var(--pop-ease-quick);\n }\n\n .comment__user {\n display: flex;\n width: var(--width);\n align-items: flex-start;\n gap: 10px;\n flex-shrink: 0;\n align-self: stretch;\n }\n\n .comment__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1 0 0;\n align-self: stretch;\n }\n\n .comment__info {\n display: flex;\n align-items: flex-start;\n align-self: stretch;\n }\n\n .comment__menu {\n display: flex;\n justify-self: flex-end;\n }\n\n .comment__menu-trigger {\n background: none;\n border: none;\n cursor: pointer;\n border-radius: 9999px;\n aspect-ratio: 1;\n position: relative;\n }\n\n .comment__menu-trigger:before {\n content: \"\";\n height: 40px;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 40px;\n }\n\n .comment__user-meta {\n display: flex;\n align-items: flex-start;\n gap: 4px;\n flex-shrink: 0;\n align-self: stretch;\n flex-grow: 1;\n }\n\n .comment__user-name {\n color: var(--pop-foreground);\n font-feature-settings:\n \"liga\" off,\n \"clig\" off;\n font-family: Inter, sans-serif;\n font-size: var(--text-widget-base, 13px);\n font-style: normal;\n font-weight: 500;\n line-height: var(--text-widget-base--line-height, 18px);\n letter-spacing: -0.08px;\n }\n\n .comment__timestamp {\n color: var(--pop-muted-foreground);\n font-feature-settings:\n \"liga\" off,\n \"clig\" off;\n font-family: Inter, sans-serif;\n font-size: var(--text-widget-base, 13px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-widget-base--line-height, 18px);\n letter-spacing: -0.08px;\n opacity: 0.5;\n }\n\n .comment__text {\n align-self: stretch;\n color: var(--pop-foreground);\n font-feature-settings:\n \"liga\" off,\n \"clig\" off;\n font-family: Inter, sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: -0.08px;\n text-align: left;\n\n /* Clamping when not expanded */\n display: -webkit-box;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .comment__text.expanded,\n .comment--is-selected .comment__text {\n -webkit-line-clamp: initial;\n display: block;\n }\n\n .comment__mention {\n color: #155eef;\n font-weight: 500;\n }\n\n .comment__menu {\n position: relative;\n }\n\n .comment__dropdown {\n background-color: var(--pop-background);\n border-radius: 6px;\n box-shadow: var(--pop-shadow-xl);\n display: none;\n flex-direction: column;\n gap: 6px;\n padding: 6px;\n pointer-events: auto;\n position: fixed;\n width: 120px;\n z-index: 1000;\n }\n\n .comment__dropdown.is-open {\n display: flex;\n }\n\n .comment__dropdown-item {\n align-items: center;\n background: none;\n border-radius: 4px;\n border: none;\n color: var(--pop-foreground);\n cursor: pointer;\n display: flex;\n flex: 1 0 0;\n font-family: Inter, sans-serif;\n font-size: 14px;\n font-weight: 500;\n justify-content: center;\n min-height: 40px;\n padding: 0 12px;\n text-align: left;\n transition: background-color 100ms ease;\n width: 100%;\n }\n\n .comment__dropdown-item:hover {\n background-color: var(--pop-comment-hover, rgba(0, 0, 0, 0.04));\n }\n\n .comment__dropdown-item--danger {\n color: #ef4444;\n }\n\n .comment__edit-form {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n margin-top: 4px;\n }\n\n .comment__edit-input {\n width: 100%;\n background: var(--pop-background, #ffffff);\n color: var(--pop-foreground, #000000);\n border: 1px solid var(--pop-border, #e4e4e7);\n border-radius: var(--pop-radius-sm, 4px);\n padding: 6px 8px;\n font-family: Inter, sans-serif;\n font-size: 13px;\n line-height: 18px;\n resize: vertical;\n outline: none;\n }\n\n .comment__edit-input:focus {\n border-color: var(--pop-ring, #000020);\n }\n\n .comment__edit-actions {\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n }\n\n .comment__edit-save,\n .comment__edit-cancel {\n font-size: 12px;\n padding: 4px 8px;\n cursor: pointer;\n }\n\n .comment--deleted .comment__text {\n color: var(--pop-muted-foreground, #697586);\n font-style: italic;\n opacity: 0.8;\n }\n`);\n\nexport class PopComment extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n static get observedAttributes() {\n return [\"data-size\", \"comment-id\"];\n }\n\n onDataSizeChanged() {\n this.render();\n }\n\n onCommentIdChanged() {\n this.render();\n }\n\n get size(): \"sm\" | \"lg\" {\n return (this.getAttribute(\"data-size\") as \"sm\" | \"lg\") || \"sm\";\n }\n\n get commentAvatarSize(): \"xs\" | \"sm\" {\n return this.size === \"sm\" ? \"xs\" : \"sm\";\n }\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n protected events = {\n click: \"onClick\",\n };\n\n private _expanded = false;\n private _dropdownOpen = false;\n private _floatingCleanup?: () => void;\n\n private _onOutsideClick = (event: MouseEvent) => {\n const path = event.composedPath();\n const dropdown = this.getElement(\".comment__dropdown\");\n const trigger = this.getElement(\".comment__menu-trigger\");\n\n if (dropdown && trigger && !path.includes(dropdown) && !path.includes(trigger)) {\n this.closeDropdown();\n }\n };\n\n private toggleDropdown() {\n if (this._dropdownOpen) {\n this.closeDropdown();\n } else {\n this.openDropdown();\n }\n }\n\n private openDropdown() {\n this._dropdownOpen = true;\n const dropdown = this.getElement<HTMLElement>(\".comment__dropdown\");\n const trigger = this.getElement<HTMLElement>(\".comment__menu-trigger\");\n\n if (dropdown && trigger) {\n dropdown.classList.add(\"is-open\");\n\n const update = () => {\n computePosition(trigger, dropdown, {\n placement: \"bottom-end\",\n middleware: [offset(4), flip(), shift({ padding: 8 })],\n strategy: \"fixed\",\n }).then(({ x, y }) => {\n Object.assign(dropdown.style, {\n left: `${x}px`,\n top: `${y}px`,\n position: \"fixed\",\n });\n });\n };\n\n this._floatingCleanup = autoUpdate(trigger, dropdown, update);\n document.addEventListener(\"mousedown\", this._onOutsideClick);\n }\n }\n\n private closeDropdown() {\n this._dropdownOpen = false;\n const dropdown = this.getElement(\".comment__dropdown\");\n if (dropdown) {\n dropdown.classList.remove(\"is-open\");\n }\n if (this._floatingCleanup) {\n this._floatingCleanup();\n this._floatingCleanup = undefined;\n }\n document.removeEventListener(\"mousedown\", this._onOutsideClick);\n }\n\n private async deleteComment() {\n const commentId = this.getAttribute(\"comment-id\");\n if (!commentId) return;\n\n if (confirm(\"Are you sure you want to delete this comment?\")) {\n await this.gridStore.deleteComment(commentId);\n }\n }\n\n private async flagComment() {\n const commentId = this.getAttribute(\"comment-id\");\n if (!commentId) return;\n\n const success = await this.gridStore.flagComment(commentId);\n if (success) {\n alert(\"Comment flagged successfully.\");\n } else {\n alert(\"Failed to flag comment.\");\n }\n }\n\n protected onClick(event: Event) {\n const target = event.target as HTMLElement;\n\n // Handle menu trigger click\n if (target.closest(\".comment__menu-trigger\")) {\n event.stopPropagation();\n this.toggleDropdown();\n return;\n }\n\n // Handle dropdown item click\n const dropdownItem = target.closest(\".comment__dropdown-item\") as HTMLElement;\n if (dropdownItem) {\n event.stopPropagation();\n const action = dropdownItem.getAttribute(\"data-action\");\n const commentId = this.getAttribute(\"comment-id\");\n if (action === \"edit\" && commentId) {\n this.gridStore.replyingTo.value = null;\n this.gridStore.editingCommentId.value = commentId;\n } else if (action === \"delete\") {\n this.deleteComment();\n } else if (action === \"flag\") {\n this.flagComment();\n }\n this.closeDropdown();\n return;\n }\n\n // Don't trigger reply if clicking inside the dropdown\n if (target.closest(\".comment__dropdown\")) {\n event.stopPropagation();\n return;\n }\n\n // Default reply action\n if (!currentUser.value) return;\n\n const commentId = this.getAttribute(\"comment-id\");\n if (!commentId) return;\n\n const comment = this.gridStore.comments.value.find((c) => c.id === commentId);\n if (comment?.status === \"deleted\") return;\n\n if (this.gridStore.replyingTo.value === commentId) {\n this.gridStore.replyingTo.value = null;\n } else {\n this.gridStore.replyingTo.value = commentId;\n }\n\n this.expandText();\n }\n\n private expandText() {\n const textEl = this.getElement<HTMLElement>(\".comment__text\");\n if (!this._expanded && textEl) {\n const startHeight = textEl.offsetHeight;\n this._expanded = true;\n this.render();\n\n const newTextEl = this.getElement<HTMLElement>(\".comment__text\");\n if (newTextEl) {\n const endHeight = newTextEl.scrollHeight;\n\n newTextEl.style.height = `${startHeight}px`;\n newTextEl.style.overflow = \"hidden\";\n\n // Force a reflow\n void newTextEl.offsetHeight;\n\n newTextEl.style.transition = \"height var(--pop-duration-quick) var(--pop-ease-quick)\";\n newTextEl.style.height = `${endHeight}px`;\n\n setTimeout(() => {\n newTextEl.style.height = \"\";\n newTextEl.style.overflow = \"\";\n }, 300);\n }\n }\n }\n\n private _timeUpdateTimer: ReturnType<typeof setTimeout> | null = null;\n\n disconnectedCallback() {\n this.closeDropdown();\n this.stopTimeUpdates();\n super.disconnectedCallback();\n }\n\n private startTimeUpdates() {\n this.stopTimeUpdates();\n\n const commentId = this.getAttribute(\"comment-id\");\n if (!commentId) return;\n\n const comment = this.gridStore.comments.value.find((c) => c.id === commentId);\n if (!comment) return;\n\n const update = () => {\n const timeSpan = this.getElement<HTMLSpanElement>(\".comment__timestamp\");\n if (timeSpan) {\n timeSpan.textContent = timeAgo(comment.createdAt);\n }\n\n const ageMs =\n Date.now() -\n (typeof comment.createdAt === \"number\"\n ? comment.createdAt\n : Date.parse(String(comment.createdAt)));\n let delay = 60000;\n\n if (ageMs < 60000) {\n delay = 5000;\n } else if (ageMs < 3600000) {\n delay = 60000;\n } else {\n delay = 1800000;\n }\n\n this._timeUpdateTimer = setTimeout(update, delay);\n };\n\n const ageMs =\n Date.now() -\n (typeof comment.createdAt === \"number\"\n ? comment.createdAt\n : Date.parse(String(comment.createdAt)));\n const initialDelay = ageMs < 60000 ? 5000 : 60000;\n this._timeUpdateTimer = setTimeout(update, initialDelay);\n }\n\n private stopTimeUpdates() {\n if (this._timeUpdateTimer) {\n clearTimeout(this._timeUpdateTimer);\n this._timeUpdateTimer = null;\n }\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n const commentId = this.getAttribute(\"comment-id\");\n const user = currentUser.value;\n const replyingToId = this.gridStore.replyingTo.value;\n const editingId = this.gridStore.editingCommentId.value;\n const targetId = this.gridStore.scrollingCommentId.value;\n\n this.classList.toggle(\"is-signed-in\", user !== null);\n this.classList.toggle(\"is-replying\", commentId !== null && replyingToId === commentId);\n this.classList.toggle(\"is-editing\", commentId !== null && editingId === commentId);\n\n this.gridStore.comments.value;\n this.render();\n this.startTimeUpdates();\n\n if (commentId && targetId === commentId) {\n setTimeout(() => {\n const innerComment = this.shadowRoot?.querySelector(`#comment-${commentId}`);\n if (innerComment) {\n innerComment.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n } else {\n this.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n this.gridStore.scrollingCommentId.value = null;\n }, 50);\n }\n });\n }\n\n protected getTemplate(): string {\n const commentId = this.getAttribute(\"comment-id\");\n if (!commentId) return \"\";\n\n const comment = this.gridStore.comments.value.find((c) => c.id === commentId);\n if (!comment) return \"\";\n\n const isDeleted = comment.status === \"deleted\";\n const isAuthorDeleted = comment.authorDeleted === true;\n const showDeletedAvatar = isDeleted || isAuthorDeleted;\n\n const avatarContent = showDeletedAvatar\n ? \"\"\n : comment.author?.image\n ? `<img src=\"${comment.author.image}\" alt=\"${comment.author.name ?? \"User avatar\"}\" />`\n : getInitials(comment.author?.name);\n\n const replyingToId = this.gridStore.replyingTo.value;\n const isReplying = commentId !== null && replyingToId === commentId;\n const size = this.size;\n\n // Determine if signed-in user is the author\n const isAuthor =\n currentUser.value && comment.author && currentUser.value.id === comment.author.id;\n\n // Dropdown HTML (only if signed in and comment is not deleted)\n const menuHtml =\n currentUser.value && !isDeleted\n ? `<div class=\"comment__menu\">\n <button class=\"comment__menu-trigger\" type=\"button\">\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9 9.5C9.27614 9.5 9.5 9.27614 9.5 9C9.5 8.72386 9.27614 8.5 9 8.5C8.72386 8.5 8.5 8.72386 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5Z\"\n fill=\"white\"\n />\n <path\n d=\"M12.5 9.5C12.7761 9.5 13 9.27614 13 9C13 8.72386 12.7761 8.5 12.5 8.5C12.2239 8.5 12 8.72386 12 9C12 9.27614 12.2239 9.5 12.5 9.5Z\"\n fill=\"white\"\n />\n <path\n d=\"M5.5 9.5C5.77614 9.5 6 9.27614 6 9C6 8.72386 5.77614 8.5 5.5 8.5C5.22386 8.5 5 8.72386 5 9C5 9.27614 5.22386 9.5 5.5 9.5Z\"\n fill=\"white\"\n />\n <path\n d=\"M9 9.5C9.27614 9.5 9.5 9.27614 9.5 9C9.5 8.72386 9.27614 8.5 9 8.5C8.72386 8.5 8.5 8.72386 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5Z\"\n stroke=\"#000020\"\n stroke-opacity=\"0.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M12.5 9.5C12.7761 9.5 13 9.27614 13 9C13 8.72386 12.7761 8.5 12.5 8.5C12.2239 8.5 12 8.72386 12 9C12 9.27614 12.2239 9.5 12.5 9.5Z\"\n stroke=\"#000020\"\n stroke-opacity=\"0.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M5.5 9.5C5.77614 9.5 6 9.27614 6 9C6 8.72386 5.77614 8.5 5.5 8.5C5.22386 8.5 5 8.72386 5 9C5 9.27614 5.22386 9.5 5.5 9.5Z\"\n stroke=\"#000020\"\n stroke-opacity=\"0.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n <div class=\"comment__dropdown\">\n ${\n isAuthor\n ? `<button class=\"comment__dropdown-item\" type=\"button\" data-action=\"edit\">Edit</button>\n <button class=\"comment__dropdown-item comment__dropdown-item--danger\" type=\"button\" data-action=\"delete\">Delete</button>`\n : \"\"\n }\n <button class=\"comment__dropdown-item\" type=\"button\" data-action=\"flag\">Flag</button>\n </div>\n </div>`\n : \"\";\n\n return /* html */ `\n <div\n class=\"comment comment--size-${size}${isReplying ? \" comment--is-selected\" : \"\"}${isDeleted\n ? \" comment--deleted\"\n : \"\"}\"\n id=\"comment-${commentId}\"\n >\n <div class=\"comment__user\">\n <pop-comment-avatar\n class=\"comment__avatar\"\n size=\"${this.commentAvatarSize}\"\n data-color-key=\"${comment.author?.id ?? comment.author?.name ?? \"\"}\"\n ${showDeletedAvatar ? \"deleted\" : \"\"}\n >\n ${avatarContent}\n </pop-comment-avatar>\n </div>\n <div class=\"comment__content\">\n <div class=\"comment__info\">\n <div class=\"comment__user-meta\">\n <div class=\"comment__user-name\">\n ${isDeleted ? \"[Deleted]\" : isAuthorDeleted ? \"[Deleted user]\" : (comment.author?.name ?? \"\")}\n </div>\n <div class=\"comment__timestamp\">${timeAgo(comment.createdAt)}</div>\n </div>\n ${menuHtml}\n </div>\n <div class=\"comment__text${this._expanded ? \" expanded\" : \"\"}\">${comment.body}</div>\n </div>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-comment\")) {\n customElements.define(\"pop-comment\", PopComment);\n}\n","import { checkSession, currentUser } from \"../store/auth-store.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: flex;\n background: var(--pop-background);\n border-radius: var(--pop-radius-2xl);\n border: 1px solid var(--pop-background);\n box-shadow: var(--pop-shadow-3xl);\n display: block;\n left: 0;\n max-height: 400px;\n max-width: 400px;\n min-width: 343px;\n opacity: 0;\n overflow: hidden;\n padding: 0 4px 0 0;\n pointer-events: none;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 9999;\n transform: scale(0.94);\n transition:\n opacity var(--pop-duration-quick) var(--pop-ease-quick),\n transform var(--pop-duration-quick) var(--pop-ease-quick),\n display var(--pop-duration-quick) allow-discrete;\n }\n\n :host([data-current-placement=\"top-start\"]) {\n transform-origin: left bottom;\n }\n\n :host([data-current-placement=\"bottom-start\"]) {\n transform-origin: left top;\n }\n\n :host([data-current-placement=\"top-end\"]) {\n transform-origin: right bottom;\n }\n\n :host([data-current-placement=\"bottom-end\"]) {\n transform-origin: right top;\n }\n\n :host([data-current-placement=\"top\"]) {\n transform-origin: bottom;\n }\n\n :host([data-current-placement=\"bottom\"]) {\n transform-origin: top;\n }\n\n :host([open]) {\n opacity: 1;\n pointer-events: auto;\n transform: scale(1);\n\n @starting-style {\n display: flex;\n opacity: 0;\n transform: scale(0.94);\n }\n }\n\n .feed {\n display: grid;\n grid-template-rows: 1fr 50px;\n }\n\n .feed__content {\n align-items: flex-start;\n align-self: stretch;\n display: flex;\n gap: 8px;\n min-height: 80px;\n max-height: 290px;\n }\n\n .feed__empty {\n padding: 24px 16px 24px 8px;\n text-align: center;\n font-family: Inter, sans-serif;\n font-size: 13px;\n color: var(--pop-muted-foreground);\n line-height: 18px;\n }\n\n .feed__footer {\n position: absolute;\n bottom: 0;\n min-height: 50px;\n width: 100%;\n }\n\n .feed__main {\n align-items: stretch;\n align-self: stretch;\n display: flex;\n flex-direction: column;\n flex: 1 0 0;\n gap: 16px;\n min-height: 100%;\n overflow: hidden auto;\n padding: 8px 10px 8px 8px;\n }\n\n .feed__main::-webkit-scrollbar {\n width: 4px;\n }\n\n .feed__main::-webkit-scrollbar-track {\n background: transparent;\n }\n\n .feed__main::-webkit-scrollbar-thumb {\n background: var(--pop-border);\n border-radius: 100px;\n }\n`);\n\nexport class PopFeed extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n private _footerChild: string | null = null;\n private _wasOpen = false;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener(\"mousedown\", this);\n document.addEventListener(\"keydown\", this);\n }\n\n disconnectedCallback() {\n document.removeEventListener(\"mousedown\", this);\n document.removeEventListener(\"keydown\", this);\n super.disconnectedCallback();\n }\n\n handleEvent(event: Event): void {\n if (event.type === \"mousedown\") {\n this.onOutsideClick(event as MouseEvent);\n return;\n }\n\n if (event.type === \"keydown\") {\n this.onKeyDown(event as KeyboardEvent);\n return;\n }\n\n super.handleEvent(event);\n }\n\n private onOutsideClick(event: MouseEvent) {\n if (!this.gridStore.open.value) return;\n\n const path = event.composedPath();\n const root = this.getRootNode();\n const host = root instanceof ShadowRoot ? root.host : null;\n if (!path.includes(this) && (!host || !path.includes(host))) {\n this.gridStore.open.value = false;\n }\n }\n\n private onKeyDown(event: KeyboardEvent) {\n if (event.key !== \"Escape\") return;\n this.gridStore.open.value = false;\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n const open = this.gridStore.open.value;\n\n if (open && !this._wasOpen && this.gridStore.grid.value) {\n void checkSession(this.gridStore.apiUrl, this.gridStore.publicKey);\n }\n\n this._wasOpen = open;\n this.update();\n });\n }\n\n private update(): void {\n if (this.gridStore.open.value) {\n this.setAttribute(\"open\", \"\");\n } else {\n this.removeAttribute(\"open\");\n }\n\n const content = this.getElement<HTMLDivElement>(\".feed__main\");\n if (content) {\n const threads = this.gridStore.topLevelComments.value;\n\n if (threads.length === 0) {\n const isEmpty = content.querySelector(\".feed__empty\");\n if (!isEmpty) {\n content.innerHTML = `<div class=\"feed__empty\">Waiting for your thoughts…</div>`;\n }\n } else {\n const existingIds = Array.from(content.querySelectorAll(\"pop-comment-thread\")).map((el) =>\n el.getAttribute(\"comment-id\"),\n );\n\n const newIds = threads.map((c) => c.id);\n const needsRebuild =\n existingIds.length !== newIds.length || existingIds.some((id, i) => id !== newIds[i]);\n\n if (needsRebuild) {\n content.innerHTML = threads\n .map(\n (comment) => `<pop-comment-thread comment-id=\"${comment.id}\"></pop-comment-thread>`,\n )\n .join(\"\");\n }\n }\n }\n\n const footer = this.getElement<HTMLDivElement>(\".feed__footer\");\n if (footer) {\n const authed = currentUser.value !== null;\n const desired = authed ? \"pop-comment-bar\" : \"pop-auth-panel\";\n if (this._footerChild !== desired) {\n this._footerChild = desired;\n footer.innerHTML = `<${desired}></${desired}>`;\n }\n }\n }\n\n protected getTemplate(): string {\n return /* html */ `\n <div class=\"feed\">\n <div class=\"feed__content\">\n <div class=\"feed__main\"></div>\n </div>\n <div class=\"feed__footer\"></div>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-feed\")) {\n customElements.define(\"pop-feed\", PopFeed);\n}\n","import{isContainingBlock as t}from\"@floating-ui/utils/dom\";function e(t){return i(t)}function n(t){return f(t,\"offsetTop\")}function o(t){return f(t,\"offsetLeft\")}function r(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function i(e){for(let t=e;t;t=r(t))if(t instanceof Element&&\"none\"===getComputedStyle(t).display)return null;for(let n=r(e);n;n=r(n)){if(!(n instanceof Element))continue;const e=getComputedStyle(n);if(\"contents\"!==e.display){if(\"static\"!==e.position||t(e))return n;if(\"BODY\"===n.tagName)return n}}return null}function f(t,e){let n=t[e],o=i(t);const r=function(t){const e=new Set;let n=t.getRootNode();for(;n;)e.add(n),n=n.parentNode?n.parentNode.getRootNode():null;return e}(t);for(;o&&!r.has(o.getRootNode());)n-=o[e],o=i(o);return n}export{o as offsetLeft,e as offsetParent,n as offsetTop};\n","import {\n type Middleware,\n autoUpdate,\n computePosition,\n flip,\n offset,\n platform,\n} from \"@floating-ui/dom\";\nimport { offsetParent } from \"composed-offset-position\";\nimport { checkSession } from \"../store/auth-store.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { registerStore, unregisterStore } from \"../store/registry.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst DEFAULT_API_URL = \"https://www.popgrids.io\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n display: block;\n position: relative;\n }\n\n .grid {\n display: flex;\n height: 100%;\n position: relative;\n width: 100%;\n }\n\n .grid--align-start {\n justify-content: flex-start;\n }\n\n .grid--align-center {\n justify-content: center;\n }\n\n .grid--align-end {\n justify-content: flex-end;\n }\n`);\n\nexport class PopGrid extends BaseElement {\n private _initialized = false;\n private _floatingCleanup?: () => void;\n private _store!: GridStore;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n connectedCallback() {\n if (this._initialized) return;\n this._initialized = true;\n\n const publicKey = this.getAttribute(\"data-key\") ?? this.getAttribute(\"public-key\") ?? \"\";\n\n const apiUrl =\n this.getAttribute(\"data-api-url\") ??\n this.getAttribute(\"api-url\") ??\n DEFAULT_API_URL;\n\n const pageUrl =\n this.getAttribute(\"data-page-url\") ?? this.getAttribute(\"page-url\") ?? location.href;\n\n // Names the discussion thread (Disqus-style identifier): embeds sharing a\n // data-id share one thread across pages; without it the thread is keyed\n // by the page's canonical URL.\n const externalId = this.getAttribute(\"data-id\");\n\n this._store = new GridStore({\n apiUrl,\n publicKey,\n pageUrl,\n externalId,\n });\n registerStore(this, this._store);\n\n super.connectedCallback();\n\n void this._store.load().then((loaded) => {\n if (loaded) {\n void checkSession(apiUrl, publicKey);\n }\n });\n }\n\n disconnectedCallback() {\n this._floatingCleanup?.();\n this._store.destroy();\n unregisterStore(this);\n super.disconnectedCallback();\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n const grid = this._store.grid.value;\n const gridEl = this.getElement(\".grid\");\n if (!gridEl) return;\n\n // Remove any existing grid-- classes\n const toRemove = Array.from(gridEl.classList).filter((cls) => cls.startsWith(\"grid--\"));\n if (toRemove.length > 0) {\n gridEl.classList.remove(...toRemove);\n }\n\n if (grid) {\n if (grid.align) gridEl.classList.add(`grid--align-${grid.align}`);\n if (grid.appearance) gridEl.classList.add(`grid--appearance-${grid.appearance}`);\n if (grid.icon) gridEl.classList.add(`grid--icon-${grid.icon}`);\n if (grid.layout) gridEl.classList.add(`grid--layout-${grid.layout}`);\n if (grid.position) gridEl.classList.add(`grid--position-${grid.position}`);\n\n const previewVal = grid.previewCount ?? this._store.previewCount;\n gridEl.classList.add(`grid--preview-${previewVal}`);\n }\n });\n\n this.addEffect(() => {\n const open = this._store.open.value;\n\n if (this._floatingCleanup) {\n this._floatingCleanup();\n this._floatingCleanup = undefined;\n }\n\n if (!open) return;\n\n const widget = this.getElement(\"pop-widget\");\n const feed = this.getElement(\"pop-feed\");\n if (!widget || !feed) return;\n\n const grid = this._store.grid.value;\n if (!grid) return;\n\n // Offset\n let middleware: Middleware[] = [];\n\n middleware = [\n offset({\n mainAxis: grid.position === \"down\" ? -16 : -54,\n crossAxis: -18,\n }),\n ];\n\n // Flip\n if (!grid.position || grid.position === \"auto\") {\n middleware.push(\n flip({\n fallbackPlacements: [\"bottom-start\", \"top-start\"],\n fallbackStrategy: \"bestFit\",\n padding: 16,\n }),\n );\n }\n\n const getOffsetParent = (element: Element) => platform.getOffsetParent(element, offsetParent);\n\n const update = () => {\n void computePosition(widget, feed, {\n placement: grid.position === \"down\" ? \"bottom-start\" : \"top-start\",\n middleware,\n strategy: \"fixed\",\n platform: {\n ...platform,\n getOffsetParent,\n },\n }).then(({ x, y, placement }) => {\n feed.setAttribute(\"data-current-placement\", placement);\n\n Object.assign(feed.style, {\n left: `${x}px`,\n top: `${y}px`,\n });\n });\n };\n\n this._floatingCleanup = autoUpdate(widget, feed, update);\n });\n }\n\n protected getTemplate(): string {\n return /* html */ `\n <div class=\"grid\">\n <pop-widget></pop-widget>\n <pop-feed></pop-feed>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-grid\")) {\n customElements.define(\"pop-grid\", PopGrid);\n}\n","import { getInitials } from \"../helpers/author.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n :host {\n --error-badge-bg: #fef2f2;\n --error-badge-text: #991b1b;\n --error-badge-border: #fecaca;\n\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --error-badge-bg: #450a0a;\n --error-badge-text: #fca5a5;\n --error-badge-border: #7f1d1d;\n }\n }\n\n :host(.dark) {\n --error-badge-bg: #450a0a;\n --error-badge-text: #fca5a5;\n --error-badge-border: #7f1d1d;\n }\n\n :host([data-error]) {\n cursor: default;\n }\n\n .error-badge {\n display: inline-flex;\n align-items: center;\n padding: 2px 10px;\n border-radius: var(--pop-radius-full);\n border: 1px solid var(--error-badge-border);\n background: var(--error-badge-bg);\n color: var(--error-badge-text);\n font-size: 12px;\n font-weight: 500;\n line-height: 16px;\n white-space: nowrap;\n }\n\n .widget {\n display: inline-flex;\n align-items: flex-start;\n }\n\n .widget > :not([hidden]) ~ :not([hidden]) {\n margin-left: -6px;\n }\n\n .skeleton {\n width: 32px;\n height: 32px;\n background: var(--pop-muted);\n animation: pulse 1.5s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n }\n\n .count {\n --count-size: calc(32px + var(--count-border-size));\n --count-background: var(--pop-background);\n --count-border-color: rgba(0 0 32 / 16%);\n --count-border-size: 1px;\n --count-color: var(--pop-foreground);\n\n align-items: center;\n background-color: var(--pop-background);\n display: flex;\n flex-shrink: 0;\n justify-content: center;\n padding: calc(var(--count-border-size) / 2);\n position: relative;\n z-index: 10;\n\n width: calc(var(--count-size) + (calc(var(--count-border-size))));\n height: calc(var(--count-size) + (calc(var(--count-border-size))));\n }\n\n .count__background {\n background-color: var(--count-border-color);\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n }\n\n .count__content {\n align-items: center;\n background: var(--count-background);\n display: flex;\n justify-content: center;\n overflow: hidden;\n height: var(--count-size);\n width: var(--count-size);\n }\n\n .count__label {\n color: var(--count-color);\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n letter-spacing: -0.96px;\n line-height: 28px;\n text-align: center;\n user-select: none;\n }\n\n .count__label-container {\n align-items: center;\n background: var(--pop-background);\n display: flex;\n height: calc(100% - calc(var(--count-border-size) * 2));\n justify-content: center;\n position: relative;\n text-indent: calc(calc(var(--count-border-size) * 2) * -1);\n width: calc(100% - calc(var(--count-border-size) * 2));\n z-index: 20;\n }\n`);\n\nexport class PopWidget extends BaseElement {\n @consume(GridStore) gridStore!: GridStore;\n\n protected get styleSheets() {\n return [localSheet];\n }\n\n protected events = {\n click: \"onClick\",\n };\n\n protected onClick() {\n if (this.gridStore.error.value) {\n return;\n }\n\n this.gridStore.open.value = !this.gridStore.open.value;\n }\n\n protected setupEffects() {\n this.addEffect(() => {\n this.gridStore.loading.value;\n this.gridStore.error.value;\n this.gridStore.previewAvatars.value;\n this.gridStore.comments.value;\n this.gridStore.grid.value;\n\n const hasError = Boolean(this.gridStore.error.value);\n this.toggleAttribute(\"data-error\", hasError);\n\n if (hasError && this.gridStore.open.value) {\n this.gridStore.open.value = false;\n }\n\n this.render();\n });\n }\n\n protected getTemplate(): string {\n if (this.gridStore.loading.value) {\n return `<div class=\"widget\"><div class=\"skeleton mask mask-squircle\"></div></div>`;\n }\n\n if (this.gridStore.error.value) {\n return `<div class=\"error-badge\">Error: there was a problem loading the PopGrid</div>`;\n }\n\n const avatars = this.gridStore.previewAvatars.value;\n const totalCount = this.gridStore.comments.value.length;\n\n const avatarsHtml = avatars\n .map((author, idx) => {\n const zIndex = avatars.length + idx;\n const colorKey = author?.id ?? author?.name ?? \"\";\n\n if (author?.image) {\n return `<pop-comment-avatar size=\"xs\" style=\"z-index: ${zIndex}\" data-color-key=\"${colorKey}\">\n <img src=\"${author.image}\" alt=\"${author.name ?? \"User\"}\" />\n </pop-comment-avatar>`;\n }\n\n return `<pop-comment-avatar size=\"xs\" style=\"z-index: ${zIndex}\" data-color-key=\"${colorKey}\">\n ${getInitials(author?.name)}\n </pop-comment-avatar>`;\n })\n .join(\"\");\n\n return /* html */ `\n <div class=\"widget\">\n ${avatarsHtml}\n <div class=\"count mask mask-squircle\">\n <span class=\"count__content mask mask-squircle\">\n <div class=\"count__background mask mask-squircle\"></div>\n <div class=\"count__label-container mask mask-squircle\">\n <div class=\"count__label\">${totalCount}</div>\n </div>\n </span>\n </div>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"pop-widget\")) {\n customElements.define(\"pop-widget\", PopWidget);\n}\n","if (typeof document !== \"undefined\") {\n const fontUrl = \"https://rsms.me/inter/inter.css\";\n if (!document.querySelector(`link[href=\"${fontUrl}\"]`)) {\n const link = document.createElement(\"link\");\n link.rel = \"stylesheet\";\n link.href = fontUrl;\n document.head.appendChild(link);\n }\n}\n\nimport \"./components/pop-auth-panel.js\";\nimport \"./components/pop-comment-avatar.js\";\nimport \"./components/pop-comment-bar.js\";\nimport \"./components/pop-comment-icon.js\";\nimport \"./components/pop-comment-input.js\";\nimport \"./components/pop-comment-thread.js\";\nimport \"./components/pop-comment.js\";\nimport \"./components/pop-feed.js\";\nimport \"./components/pop-grid.js\";\nimport \"./components/pop-widget.js\";\n\nexport type { AuthUser, Comment, CommentAuthor, Grid } from \"./types/models.js\";\n"],"x_google_ignoreList":[0,20,21,22,23,26],"mappings":"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"}