@k2b/ui 0.1.0 → 0.2.0
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.
- package/README.md +77 -312
- package/dist/browser/actions/Dropdown.js +6 -3
- package/dist/browser/actions/Dropdown.js.map +1 -1
- package/dist/browser/chat/ChatPrimitives.js +44 -41
- package/dist/browser/chat/ChatPrimitives.js.map +1 -1
- package/dist/browser/chat/ChatTimeline.js +3 -1
- package/dist/browser/chat/ChatTimeline.js.map +1 -1
- package/dist/browser/chat/types.js.map +1 -1
- package/dist/browser/content/MarkdownView.js +14 -3
- package/dist/browser/content/MarkdownView.js.map +1 -1
- package/dist/browser/feedback/Tooltip.js +6 -2
- package/dist/browser/feedback/Tooltip.js.map +1 -1
- package/dist/browser/feedback/dialog-core.js +22 -3
- package/dist/browser/feedback/dialog-core.js.map +1 -1
- package/dist/browser/feedback/tooltip-position.js +15 -0
- package/dist/browser/feedback/tooltip-position.js.map +1 -1
- package/dist/browser/inputs/ChoiceInputs.js +47 -38
- package/dist/browser/inputs/ChoiceInputs.js.map +1 -1
- package/dist/browser/internal/portal.js +1 -1
- package/dist/browser/internal/portal.js.map +1 -1
- package/dist/browser/layout/DetailPanel.js +194 -81
- package/dist/browser/layout/DetailPanel.js.map +1 -1
- package/dist/browser/layout/PanelDialog.js +14 -5
- package/dist/browser/layout/PanelDialog.js.map +1 -1
- package/dist/ssr/actions/Dropdown.js +1 -1
- package/dist/ssr/actions/Dropdown.js.map +1 -1
- package/dist/ssr/chat/ChatPrimitives.js +1 -1
- package/dist/ssr/chat/ChatPrimitives.js.map +1 -1
- package/dist/ssr/chat/ChatTimeline.js +3 -1
- package/dist/ssr/chat/ChatTimeline.js.map +1 -1
- package/dist/ssr/chat/types.js.map +1 -1
- package/dist/ssr/content/MarkdownView.js +14 -3
- package/dist/ssr/content/MarkdownView.js.map +1 -1
- package/dist/ssr/feedback/Tooltip.js +6 -4
- package/dist/ssr/feedback/Tooltip.js.map +1 -1
- package/dist/ssr/feedback/dialog-core.js +22 -3
- package/dist/ssr/feedback/dialog-core.js.map +1 -1
- package/dist/ssr/feedback/tooltip-position.js +15 -0
- package/dist/ssr/feedback/tooltip-position.js.map +1 -1
- package/dist/ssr/inputs/ChoiceInputs.js +9 -6
- package/dist/ssr/inputs/ChoiceInputs.js.map +1 -1
- package/dist/ssr/internal/portal.js +1 -1
- package/dist/ssr/internal/portal.js.map +1 -1
- package/dist/ssr/layout/DetailPanel.js +86 -15
- package/dist/ssr/layout/DetailPanel.js.map +1 -1
- package/dist/ssr/layout/PanelDialog.js +1 -1
- package/dist/ssr/layout/PanelDialog.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/actions/Dropdown.d.ts +3 -1
- package/dist/types/chat/types.d.ts +2 -0
- package/dist/types/content/MarkdownView.d.ts +6 -1
- package/dist/types/feedback/dialog-core.d.ts +2 -0
- package/dist/types/feedback/tooltip-position.d.ts +1 -1
- package/dist/types/inputs/ChoiceInputs.d.ts +3 -0
- package/dist/types/layout/DetailPanel.d.ts +6 -0
- package/package.json +5 -5
|
@@ -14,7 +14,7 @@ var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-chat-timeline__navigation a
|
|
|
14
14
|
_tmpl$2 = /*#__PURE__*/_$template(`<button type=button class=k2b-chat-timeline__older><i class="ti ti-history"aria-hidden=true></i><!$><!/>`),
|
|
15
15
|
_tmpl$3 = /*#__PURE__*/_$template(`<div class=k2b-chat-timeline__history aria-live=off><!$><!/><!$><!/><!$><!/>`),
|
|
16
16
|
_tmpl$4 = /*#__PURE__*/_$template(`<button type=button class=k2b-chat-timeline__latest><i class="ti ti-arrow-down"aria-hidden=true></i>Jump to latest`),
|
|
17
|
-
_tmpl$5 = /*#__PURE__*/_$template(`<section><div class=k2b-chat-timeline__viewport role=region tabindex=0><!$><!/><div class=k2b-chat-timeline__content role=log aria-live=polite aria-relevant="additions text"><div class=k2b-chat-timeline__sentinel aria-hidden=true></div><!$><!/><!$><!/></div></div><!$><!/>`),
|
|
17
|
+
_tmpl$5 = /*#__PURE__*/_$template(`<section><div class=k2b-chat-timeline__viewport data-initializing role=region tabindex=0><!$><!/><div class=k2b-chat-timeline__content role=log aria-live=polite aria-relevant="additions text"><div class=k2b-chat-timeline__sentinel aria-hidden=true></div><!$><!/><!$><!/></div></div><!$><!/>`),
|
|
18
18
|
_tmpl$6 = /*#__PURE__*/_$template(`<i class="ti ti-loader-2 k2b-spin"aria-hidden=true>`),
|
|
19
19
|
_tmpl$7 = /*#__PURE__*/_$template(`<button type=button class=k2b-chat-timeline__retry><i class="ti ti-refresh"aria-hidden=true>`);
|
|
20
20
|
import { createEffect, createSignal, For, onCleanup, onMount, Show, untrack } from "solid-js";
|
|
@@ -98,6 +98,8 @@ export function ChatTimeline(props) {
|
|
|
98
98
|
if (viewportRef.scrollTop <= threshold()) void loadOlder();
|
|
99
99
|
};
|
|
100
100
|
onMount(() => {
|
|
101
|
+
// Switch from CSS-only SSR anchoring to normal scroll coordinates before paint.
|
|
102
|
+
viewportRef?.removeAttribute("data-initializing");
|
|
101
103
|
scrollToLatest();
|
|
102
104
|
const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => scheduleFollow());
|
|
103
105
|
if (contentRef) resizeObserver?.observe(contentRef);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createEffect","createSignal","For","onCleanup","onMount","Show","untrack","useUiMessages","Placeholder","ChatActivity","ChatMessage","isChatNearBottom","restoredChatScrollTop","ChatTimeline","props","messages","pinned","setPinned","loadingOlderInternally","setLoadingOlderInternally","historyError","setHistoryError","viewportRef","contentRef","topSentinelRef","followFrame","userScrollFrame","userScrollingAway","touchY","lastConversationKey","loadingOlder","Boolean","canLoadOlder","onLoadOlder","hasMore","hasHistoryControls","hasContent","items","length","threshold","Math","max","followThreshold","cancelFollow","undefined","cancelAnimationFrame","noteUserScrollAway","requestAnimationFrame","scrollToLatest","scrollTop","scrollHeight","scheduleFollow","loadOlder","viewport","previousScrollTop","previousScrollHeight","prepended","error","Error","message","couldNotLoadOlderMessages","queueMicrotask","updatePinned","nearBottom","clientHeight","resizeObserver","ResizeObserver","observe","historyObserver","IntersectionObserver","entries","some","entry","isIntersecting","root","rootMargin","disconnect","key","conversationKey","at","id","_el$","_$getNextElement","_tmpl$5","_el$2","firstChild","_el$19","_el$20","_co$7","_$getNextMarker","nextSibling","_el$4","_el$5","_el$15","_el$16","_co$5","_el$17","_el$18","_co$6","_el$22","_el$23","_co$8","addEventListener","$$touchend","$$touchmove","event","nextY","touches","clientY","$$touchstart","$$keydown","target","currentTarget","shiftKey","deltaY","_$use","element","_$insert","_$createComponent","when","navigation","children","_el$3","_tmpl$","_ref$","_el$6","_tmpl$3","_el$1","_el$10","_co$2","_el$11","_el$12","_co$3","_el$13","_el$14","_co$4","_el$7","_tmpl$2","_el$8","_el$9","_el$0","_co$","$$click","loadOlderMessages","_$runHydrationEvents","label","loadingOlderMessages","icon","trailing","_tmpl$6","description","tone","_el$25","_tmpl$7","_$effect","_$setAttribute","retryOlderMessages","_$memo","loading","fallback","state","title","loadingConversation","emptyTitle","startConversation","emptyDescription","each","item","kind","leading","accent","busy","defaultOpen","anchorId","class","content","role","createdAt","timeLabel","status","attachments","actions","actionDisplay","onActionError","_el$21","_tmpl$4","_p$","_v$","_v$2","conversation","_v$3","conversationMessages","_v$4","e","_$className","t","a","o","_$delegateEvents"],"sources":["chat/ChatTimeline.tsx"],"sourcesContent":["import { createEffect, createSignal, For, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { ChatActivity, ChatMessage } from \"./ChatPrimitives\";\nimport { isChatNearBottom, restoredChatScrollTop } from \"./chat-behavior\";\nimport type { ChatAction, ChatActivityTone, ChatAttachment, ChatMessageStatus, ChatRole } from \"./types\";\n\nexport type ChatMessageItem = {\n kind: \"message\";\n id: string;\n role: ChatRole;\n content?: JSX.Element;\n label?: string;\n createdAt?: string | Date;\n timeLabel?: string;\n status?: ChatMessageStatus;\n attachments?: readonly ChatAttachment[];\n actions?: readonly ChatAction[];\n actionDisplay?: \"auto\" | \"inline\" | \"menu\";\n anchorId?: string | number;\n class?: string;\n};\n\nexport type ChatActivityItem = {\n kind: \"activity\";\n id: string;\n label: string;\n description?: string;\n icon?: string;\n leading?: JSX.Element;\n accent?: string;\n tone?: ChatActivityTone;\n busy?: boolean;\n trailing?: JSX.Element;\n defaultOpen?: boolean;\n anchorId?: string | number;\n content?: JSX.Element;\n class?: string;\n};\n\nexport type ChatTimelineItem = ChatMessageItem | ChatActivityItem;\n\nexport type ChatTimelineProps = {\n items: readonly ChatTimelineItem[];\n conversationKey?: string | null;\n loading?: boolean;\n hasMore?: boolean;\n loadingOlder?: boolean;\n onLoadOlder?: () => boolean | void | Promise<boolean | void>;\n emptyTitle?: string;\n emptyDescription?: string;\n navigation?: JSX.Element;\n onActionError?: (error: unknown) => void;\n viewportRef?: (element: HTMLDivElement) => void;\n contentRef?: (element: HTMLDivElement) => void;\n label?: string;\n followThreshold?: number;\n class?: string;\n};\n\nexport function ChatTimeline(props: ChatTimelineProps): JSX.Element {\n const messages = useUiMessages();\n const [pinned, setPinned] = createSignal(true);\n const [loadingOlderInternally, setLoadingOlderInternally] = createSignal(false);\n const [historyError, setHistoryError] = createSignal<string | null>(null);\n let viewportRef: HTMLDivElement | undefined;\n let contentRef: HTMLDivElement | undefined;\n let topSentinelRef: HTMLDivElement | undefined;\n let followFrame: number | undefined;\n let userScrollFrame: number | undefined;\n let userScrollingAway = false;\n let touchY: number | undefined;\n let lastConversationKey: string | null | undefined;\n\n const loadingOlder = () => Boolean(props.loadingOlder || loadingOlderInternally());\n const canLoadOlder = () => Boolean(props.onLoadOlder && props.hasMore && !loadingOlder());\n const hasHistoryControls = () => loadingOlder() || historyError() !== null || canLoadOlder();\n const hasContent = () => props.items.length > 0;\n const threshold = () => Math.max(0, props.followThreshold ?? 96);\n\n const cancelFollow = () => {\n if (followFrame !== undefined) cancelAnimationFrame(followFrame);\n followFrame = undefined;\n };\n\n const noteUserScrollAway = () => {\n userScrollingAway = true;\n if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n userScrollFrame = requestAnimationFrame(() => {\n userScrollFrame = undefined;\n userScrollingAway = false;\n });\n };\n\n const scrollToLatest = () => {\n if (!viewportRef) return;\n setPinned(true);\n viewportRef.scrollTop = viewportRef.scrollHeight;\n };\n\n const scheduleFollow = () => {\n if (!pinned() || followFrame !== undefined) return;\n followFrame = requestAnimationFrame(() => {\n followFrame = undefined;\n if (pinned()) scrollToLatest();\n });\n };\n\n const loadOlder = async () => {\n if (!props.onLoadOlder || !props.hasMore || loadingOlder()) return;\n const viewport = viewportRef;\n if (!viewport) return;\n const previousScrollTop = viewport.scrollTop;\n const previousScrollHeight = viewport.scrollHeight;\n setHistoryError(null);\n setLoadingOlderInternally(true);\n let prepended = false;\n try {\n prepended = (await props.onLoadOlder()) !== false;\n } catch (error) {\n setHistoryError(error instanceof Error ? error.message : messages().couldNotLoadOlderMessages);\n } finally {\n setLoadingOlderInternally(false);\n }\n if (!prepended || viewportRef !== viewport) return;\n queueMicrotask(() => {\n requestAnimationFrame(() => {\n if (viewportRef !== viewport) return;\n viewport.scrollTop = restoredChatScrollTop(previousScrollTop, previousScrollHeight, viewport.scrollHeight);\n });\n });\n };\n\n const updatePinned = () => {\n if (!viewportRef) return;\n const nearBottom = isChatNearBottom(viewportRef.scrollHeight, viewportRef.scrollTop, viewportRef.clientHeight, threshold());\n if (nearBottom) setPinned(true);\n else if (userScrollingAway || followFrame === undefined) {\n if (userScrollingAway) cancelFollow();\n setPinned(false);\n }\n if (viewportRef.scrollTop <= threshold()) void loadOlder();\n };\n\n onMount(() => {\n scrollToLatest();\n const resizeObserver = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(() => scheduleFollow());\n if (contentRef) resizeObserver?.observe(contentRef);\n if (viewportRef) resizeObserver?.observe(viewportRef);\n\n const historyObserver =\n typeof IntersectionObserver === \"undefined\" || !topSentinelRef\n ? null\n : new IntersectionObserver(\n (entries) => {\n if (entries.some((entry) => entry.isIntersecting)) void loadOlder();\n },\n { root: viewportRef, rootMargin: \"160px 0px 0px\" },\n );\n if (topSentinelRef) historyObserver?.observe(topSentinelRef);\n\n onCleanup(() => {\n cancelFollow();\n if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n resizeObserver?.disconnect();\n historyObserver?.disconnect();\n });\n });\n\n createEffect(() => {\n const key = props.conversationKey;\n if (key === lastConversationKey) return;\n lastConversationKey = key;\n setHistoryError(null);\n setPinned(true);\n queueMicrotask(scrollToLatest);\n });\n\n createEffect(() => {\n props.items.length;\n props.items.at(-1)?.id;\n untrack(scheduleFollow);\n });\n\n return (\n <section class={`k2b-chat-timeline ${props.class ?? \"\"}`} aria-label={props.label ?? messages().conversation}>\n <div\n ref={(element) => {\n viewportRef = element;\n props.viewportRef?.(element);\n }}\n class=\"k2b-chat-timeline__viewport\"\n role=\"region\"\n aria-label={messages().conversationMessages({ label: props.label ?? messages().conversation })}\n tabIndex={0}\n onWheel={(event) => {\n if (event.deltaY < 0) noteUserScrollAway();\n }}\n onKeyDown={(event) => {\n if (event.target !== event.currentTarget) return;\n if (event.key === \"ArrowUp\" || event.key === \"PageUp\" || event.key === \"Home\" || (event.key === \" \" && event.shiftKey)) {\n noteUserScrollAway();\n }\n }}\n onTouchStart={(event) => {\n touchY = event.touches[0]?.clientY;\n }}\n onTouchMove={(event) => {\n const nextY = event.touches[0]?.clientY;\n if (nextY !== undefined && touchY !== undefined && nextY > touchY) noteUserScrollAway();\n touchY = nextY;\n }}\n onTouchEnd={() => {\n touchY = undefined;\n }}\n onScroll={updatePinned}\n >\n <Show when={props.navigation}>\n <div class=\"k2b-chat-timeline__navigation\" aria-live=\"off\">\n {props.navigation}\n </div>\n </Show>\n <div\n ref={(element) => {\n contentRef = element;\n props.contentRef?.(element);\n }}\n class=\"k2b-chat-timeline__content\"\n role=\"log\"\n aria-live=\"polite\"\n aria-relevant=\"additions text\"\n aria-busy={props.loading ? \"true\" : undefined}\n >\n <div ref={topSentinelRef} class=\"k2b-chat-timeline__sentinel\" aria-hidden=\"true\" />\n <Show when={hasHistoryControls()}>\n <div class=\"k2b-chat-timeline__history\" aria-live=\"off\">\n <Show when={canLoadOlder()}>\n <button type=\"button\" class=\"k2b-chat-timeline__older\" onClick={() => void loadOlder()}>\n <i class=\"ti ti-history\" aria-hidden=\"true\" />\n {messages().loadOlderMessages}\n </button>\n </Show>\n <Show when={loadingOlder()}>\n <ChatActivity\n label={messages().loadingOlderMessages}\n icon=\"ti ti-history\"\n trailing={<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />}\n />\n </Show>\n <Show when={historyError()}>\n {(message) => (\n <ChatActivity\n label={messages().couldNotLoadOlderMessages}\n description={message()}\n icon=\"ti ti-alert-circle\"\n tone=\"danger\"\n trailing={\n <button\n type=\"button\"\n class=\"k2b-chat-timeline__retry\"\n aria-label={messages().retryOlderMessages}\n onClick={() => void loadOlder()}\n >\n <i class=\"ti ti-refresh\" aria-hidden=\"true\" />\n </button>\n }\n />\n )}\n </Show>\n </div>\n </Show>\n <Show\n when={!props.loading && hasContent()}\n fallback={\n <Placeholder\n class=\"k2b-chat-timeline__placeholder\"\n state={props.loading ? \"loading\" : \"empty\"}\n icon={props.loading ? undefined : \"ti ti-sparkles\"}\n title={props.loading ? messages().loadingConversation : (props.emptyTitle ?? messages().startConversation)}\n description={!props.loading ? props.emptyDescription : undefined}\n />\n }\n >\n <For each={props.items}>\n {(item) => (\n <Show\n when={item.kind === \"message\"}\n fallback={\n <ChatActivity\n label={(item as ChatActivityItem).label}\n description={(item as ChatActivityItem).description}\n icon={(item as ChatActivityItem).icon}\n leading={(item as ChatActivityItem).leading}\n accent={(item as ChatActivityItem).accent}\n tone={(item as ChatActivityItem).tone}\n busy={(item as ChatActivityItem).busy}\n trailing={(item as ChatActivityItem).trailing}\n defaultOpen={(item as ChatActivityItem).defaultOpen}\n anchorId={(item as ChatActivityItem).anchorId}\n class={(item as ChatActivityItem).class}\n >\n {(item as ChatActivityItem).content}\n </ChatActivity>\n }\n >\n <ChatMessage\n role={(item as ChatMessageItem).role}\n label={(item as ChatMessageItem).label}\n createdAt={(item as ChatMessageItem).createdAt}\n timeLabel={(item as ChatMessageItem).timeLabel}\n status={(item as ChatMessageItem).status}\n attachments={(item as ChatMessageItem).attachments}\n actions={(item as ChatMessageItem).actions}\n actionDisplay={(item as ChatMessageItem).actionDisplay}\n anchorId={(item as ChatMessageItem).anchorId}\n onActionError={props.onActionError}\n class={(item as ChatMessageItem).class}\n >\n {(item as ChatMessageItem).content}\n </ChatMessage>\n </Show>\n )}\n </For>\n </Show>\n </div>\n </div>\n <Show when={!pinned() && hasContent()}>\n <button type=\"button\" class=\"k2b-chat-timeline__latest\" onClick={scrollToLatest}>\n <i class=\"ti ti-arrow-down\" aria-hidden=\"true\" />\n Jump to latest\n </button>\n </Show>\n </section>\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["createEffect","createSignal","For","onCleanup","onMount","Show","untrack","useUiMessages","Placeholder","ChatActivity","ChatMessage","isChatNearBottom","restoredChatScrollTop","ChatTimeline","props","messages","pinned","setPinned","loadingOlderInternally","setLoadingOlderInternally","historyError","setHistoryError","viewportRef","contentRef","topSentinelRef","followFrame","userScrollFrame","userScrollingAway","touchY","lastConversationKey","loadingOlder","Boolean","canLoadOlder","onLoadOlder","hasMore","hasHistoryControls","hasContent","items","length","threshold","Math","max","followThreshold","cancelFollow","undefined","cancelAnimationFrame","noteUserScrollAway","requestAnimationFrame","scrollToLatest","scrollTop","scrollHeight","scheduleFollow","loadOlder","viewport","previousScrollTop","previousScrollHeight","prepended","error","Error","message","couldNotLoadOlderMessages","queueMicrotask","updatePinned","nearBottom","clientHeight","removeAttribute","resizeObserver","ResizeObserver","observe","historyObserver","IntersectionObserver","entries","some","entry","isIntersecting","root","rootMargin","disconnect","key","conversationKey","at","id","_el$","_$getNextElement","_tmpl$5","_el$2","firstChild","_el$19","_el$20","_co$7","_$getNextMarker","nextSibling","_el$4","_el$5","_el$15","_el$16","_co$5","_el$17","_el$18","_co$6","_el$22","_el$23","_co$8","addEventListener","$$touchend","$$touchmove","event","nextY","touches","clientY","$$touchstart","$$keydown","target","currentTarget","shiftKey","deltaY","_$use","element","_$insert","_$createComponent","when","navigation","children","_el$3","_tmpl$","_ref$","_el$6","_tmpl$3","_el$1","_el$10","_co$2","_el$11","_el$12","_co$3","_el$13","_el$14","_co$4","_el$7","_tmpl$2","_el$8","_el$9","_el$0","_co$","$$click","loadOlderMessages","_$runHydrationEvents","label","loadingOlderMessages","icon","trailing","_tmpl$6","description","tone","_el$25","_tmpl$7","_$effect","_$setAttribute","retryOlderMessages","_$memo","loading","fallback","state","title","loadingConversation","emptyTitle","startConversation","emptyDescription","each","item","kind","leading","accent","busy","defaultOpen","anchorId","class","content","role","createdAt","timeLabel","status","attachments","actions","actionDisplay","onActionError","_el$21","_tmpl$4","_p$","_v$","_v$2","conversation","_v$3","conversationMessages","_v$4","e","_$className","t","a","o","_$delegateEvents"],"sources":["chat/ChatTimeline.tsx"],"sourcesContent":["import { createEffect, createSignal, For, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { ChatActivity, ChatMessage } from \"./ChatPrimitives\";\nimport { isChatNearBottom, restoredChatScrollTop } from \"./chat-behavior\";\nimport type { ChatAction, ChatActivityTone, ChatAttachment, ChatMessageStatus, ChatRole } from \"./types\";\n\nexport type ChatMessageItem = {\n kind: \"message\";\n id: string;\n role: ChatRole;\n content?: JSX.Element;\n label?: string;\n createdAt?: string | Date;\n timeLabel?: string;\n status?: ChatMessageStatus;\n attachments?: readonly ChatAttachment[];\n actions?: readonly ChatAction[];\n actionDisplay?: \"auto\" | \"inline\" | \"menu\";\n anchorId?: string | number;\n class?: string;\n};\n\nexport type ChatActivityItem = {\n kind: \"activity\";\n id: string;\n label: string;\n description?: string;\n icon?: string;\n leading?: JSX.Element;\n accent?: string;\n tone?: ChatActivityTone;\n busy?: boolean;\n trailing?: JSX.Element;\n defaultOpen?: boolean;\n anchorId?: string | number;\n content?: JSX.Element;\n class?: string;\n};\n\nexport type ChatTimelineItem = ChatMessageItem | ChatActivityItem;\n\nexport type ChatTimelineProps = {\n items: readonly ChatTimelineItem[];\n conversationKey?: string | null;\n loading?: boolean;\n hasMore?: boolean;\n loadingOlder?: boolean;\n onLoadOlder?: () => boolean | void | Promise<boolean | void>;\n emptyTitle?: string;\n emptyDescription?: string;\n navigation?: JSX.Element;\n onActionError?: (error: unknown) => void;\n viewportRef?: (element: HTMLDivElement) => void;\n contentRef?: (element: HTMLDivElement) => void;\n label?: string;\n followThreshold?: number;\n class?: string;\n};\n\nexport function ChatTimeline(props: ChatTimelineProps): JSX.Element {\n const messages = useUiMessages();\n const [pinned, setPinned] = createSignal(true);\n const [loadingOlderInternally, setLoadingOlderInternally] = createSignal(false);\n const [historyError, setHistoryError] = createSignal<string | null>(null);\n let viewportRef: HTMLDivElement | undefined;\n let contentRef: HTMLDivElement | undefined;\n let topSentinelRef: HTMLDivElement | undefined;\n let followFrame: number | undefined;\n let userScrollFrame: number | undefined;\n let userScrollingAway = false;\n let touchY: number | undefined;\n let lastConversationKey: string | null | undefined;\n\n const loadingOlder = () => Boolean(props.loadingOlder || loadingOlderInternally());\n const canLoadOlder = () => Boolean(props.onLoadOlder && props.hasMore && !loadingOlder());\n const hasHistoryControls = () => loadingOlder() || historyError() !== null || canLoadOlder();\n const hasContent = () => props.items.length > 0;\n const threshold = () => Math.max(0, props.followThreshold ?? 96);\n\n const cancelFollow = () => {\n if (followFrame !== undefined) cancelAnimationFrame(followFrame);\n followFrame = undefined;\n };\n\n const noteUserScrollAway = () => {\n userScrollingAway = true;\n if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n userScrollFrame = requestAnimationFrame(() => {\n userScrollFrame = undefined;\n userScrollingAway = false;\n });\n };\n\n const scrollToLatest = () => {\n if (!viewportRef) return;\n setPinned(true);\n viewportRef.scrollTop = viewportRef.scrollHeight;\n };\n\n const scheduleFollow = () => {\n if (!pinned() || followFrame !== undefined) return;\n followFrame = requestAnimationFrame(() => {\n followFrame = undefined;\n if (pinned()) scrollToLatest();\n });\n };\n\n const loadOlder = async () => {\n if (!props.onLoadOlder || !props.hasMore || loadingOlder()) return;\n const viewport = viewportRef;\n if (!viewport) return;\n const previousScrollTop = viewport.scrollTop;\n const previousScrollHeight = viewport.scrollHeight;\n setHistoryError(null);\n setLoadingOlderInternally(true);\n let prepended = false;\n try {\n prepended = (await props.onLoadOlder()) !== false;\n } catch (error) {\n setHistoryError(error instanceof Error ? error.message : messages().couldNotLoadOlderMessages);\n } finally {\n setLoadingOlderInternally(false);\n }\n if (!prepended || viewportRef !== viewport) return;\n queueMicrotask(() => {\n requestAnimationFrame(() => {\n if (viewportRef !== viewport) return;\n viewport.scrollTop = restoredChatScrollTop(previousScrollTop, previousScrollHeight, viewport.scrollHeight);\n });\n });\n };\n\n const updatePinned = () => {\n if (!viewportRef) return;\n const nearBottom = isChatNearBottom(viewportRef.scrollHeight, viewportRef.scrollTop, viewportRef.clientHeight, threshold());\n if (nearBottom) setPinned(true);\n else if (userScrollingAway || followFrame === undefined) {\n if (userScrollingAway) cancelFollow();\n setPinned(false);\n }\n if (viewportRef.scrollTop <= threshold()) void loadOlder();\n };\n\n onMount(() => {\n // Switch from CSS-only SSR anchoring to normal scroll coordinates before paint.\n viewportRef?.removeAttribute(\"data-initializing\");\n scrollToLatest();\n const resizeObserver = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(() => scheduleFollow());\n if (contentRef) resizeObserver?.observe(contentRef);\n if (viewportRef) resizeObserver?.observe(viewportRef);\n\n const historyObserver =\n typeof IntersectionObserver === \"undefined\" || !topSentinelRef\n ? null\n : new IntersectionObserver(\n (entries) => {\n if (entries.some((entry) => entry.isIntersecting)) void loadOlder();\n },\n { root: viewportRef, rootMargin: \"160px 0px 0px\" },\n );\n if (topSentinelRef) historyObserver?.observe(topSentinelRef);\n\n onCleanup(() => {\n cancelFollow();\n if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n resizeObserver?.disconnect();\n historyObserver?.disconnect();\n });\n });\n\n createEffect(() => {\n const key = props.conversationKey;\n if (key === lastConversationKey) return;\n lastConversationKey = key;\n setHistoryError(null);\n setPinned(true);\n queueMicrotask(scrollToLatest);\n });\n\n createEffect(() => {\n props.items.length;\n props.items.at(-1)?.id;\n untrack(scheduleFollow);\n });\n\n return (\n <section class={`k2b-chat-timeline ${props.class ?? \"\"}`} aria-label={props.label ?? messages().conversation}>\n <div\n ref={(element) => {\n viewportRef = element;\n props.viewportRef?.(element);\n }}\n class=\"k2b-chat-timeline__viewport\"\n data-initializing=\"\"\n role=\"region\"\n aria-label={messages().conversationMessages({ label: props.label ?? messages().conversation })}\n tabIndex={0}\n onWheel={(event) => {\n if (event.deltaY < 0) noteUserScrollAway();\n }}\n onKeyDown={(event) => {\n if (event.target !== event.currentTarget) return;\n if (event.key === \"ArrowUp\" || event.key === \"PageUp\" || event.key === \"Home\" || (event.key === \" \" && event.shiftKey)) {\n noteUserScrollAway();\n }\n }}\n onTouchStart={(event) => {\n touchY = event.touches[0]?.clientY;\n }}\n onTouchMove={(event) => {\n const nextY = event.touches[0]?.clientY;\n if (nextY !== undefined && touchY !== undefined && nextY > touchY) noteUserScrollAway();\n touchY = nextY;\n }}\n onTouchEnd={() => {\n touchY = undefined;\n }}\n onScroll={updatePinned}\n >\n <Show when={props.navigation}>\n <div class=\"k2b-chat-timeline__navigation\" aria-live=\"off\">\n {props.navigation}\n </div>\n </Show>\n <div\n ref={(element) => {\n contentRef = element;\n props.contentRef?.(element);\n }}\n class=\"k2b-chat-timeline__content\"\n role=\"log\"\n aria-live=\"polite\"\n aria-relevant=\"additions text\"\n aria-busy={props.loading ? \"true\" : undefined}\n >\n <div ref={topSentinelRef} class=\"k2b-chat-timeline__sentinel\" aria-hidden=\"true\" />\n <Show when={hasHistoryControls()}>\n <div class=\"k2b-chat-timeline__history\" aria-live=\"off\">\n <Show when={canLoadOlder()}>\n <button type=\"button\" class=\"k2b-chat-timeline__older\" onClick={() => void loadOlder()}>\n <i class=\"ti ti-history\" aria-hidden=\"true\" />\n {messages().loadOlderMessages}\n </button>\n </Show>\n <Show when={loadingOlder()}>\n <ChatActivity\n label={messages().loadingOlderMessages}\n icon=\"ti ti-history\"\n trailing={<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />}\n />\n </Show>\n <Show when={historyError()}>\n {(message) => (\n <ChatActivity\n label={messages().couldNotLoadOlderMessages}\n description={message()}\n icon=\"ti ti-alert-circle\"\n tone=\"danger\"\n trailing={\n <button\n type=\"button\"\n class=\"k2b-chat-timeline__retry\"\n aria-label={messages().retryOlderMessages}\n onClick={() => void loadOlder()}\n >\n <i class=\"ti ti-refresh\" aria-hidden=\"true\" />\n </button>\n }\n />\n )}\n </Show>\n </div>\n </Show>\n <Show\n when={!props.loading && hasContent()}\n fallback={\n <Placeholder\n class=\"k2b-chat-timeline__placeholder\"\n state={props.loading ? \"loading\" : \"empty\"}\n icon={props.loading ? undefined : \"ti ti-sparkles\"}\n title={props.loading ? messages().loadingConversation : (props.emptyTitle ?? messages().startConversation)}\n description={!props.loading ? props.emptyDescription : undefined}\n />\n }\n >\n <For each={props.items}>\n {(item) => (\n <Show\n when={item.kind === \"message\"}\n fallback={\n <ChatActivity\n label={(item as ChatActivityItem).label}\n description={(item as ChatActivityItem).description}\n icon={(item as ChatActivityItem).icon}\n leading={(item as ChatActivityItem).leading}\n accent={(item as ChatActivityItem).accent}\n tone={(item as ChatActivityItem).tone}\n busy={(item as ChatActivityItem).busy}\n trailing={(item as ChatActivityItem).trailing}\n defaultOpen={(item as ChatActivityItem).defaultOpen}\n anchorId={(item as ChatActivityItem).anchorId}\n class={(item as ChatActivityItem).class}\n >\n {(item as ChatActivityItem).content}\n </ChatActivity>\n }\n >\n <ChatMessage\n role={(item as ChatMessageItem).role}\n label={(item as ChatMessageItem).label}\n createdAt={(item as ChatMessageItem).createdAt}\n timeLabel={(item as ChatMessageItem).timeLabel}\n status={(item as ChatMessageItem).status}\n attachments={(item as ChatMessageItem).attachments}\n actions={(item as ChatMessageItem).actions}\n actionDisplay={(item as ChatMessageItem).actionDisplay}\n anchorId={(item as ChatMessageItem).anchorId}\n onActionError={props.onActionError}\n class={(item as ChatMessageItem).class}\n >\n {(item as ChatMessageItem).content}\n </ChatMessage>\n </Show>\n )}\n </For>\n </Show>\n </div>\n </div>\n <Show when={!pinned() && hasContent()}>\n <button type=\"button\" class=\"k2b-chat-timeline__latest\" onClick={scrollToLatest}>\n <i class=\"ti ti-arrow-down\" aria-hidden=\"true\" />\n Jump to latest\n </button>\n </Show>\n </section>\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["chat/types.ts"],"sourcesContent":["export type ChatRole = \"user\" | \"assistant\" | \"system\" | \"tool\";\n\nexport type ChatMessageStatus = \"pending\" | \"streaming\" | \"complete\" | \"error\";\n\nexport type ChatActivityTone = \"neutral\" | \"ai\" | \"success\" | \"danger\";\n\ntype ChatActionBase = {\n id: string;\n label: string;\n icon?: string;\n variant?: \"danger\";\n disabled?: boolean;\n /** Toggle state for persistent message actions such as feedback. */\n pressed?: boolean;\n};\n\n/** Exactly one executable behavior for every chat action. */\nexport type ChatAction = ChatActionBase &\n ({ onSelect: () => void | Promise<void>; copyText?: never } | { copyText: string; onSelect?: never });\n\nexport type ChatAttachment = {\n id: string;\n name: string;\n size?: number;\n kind?: \"file\" | \"image\" | \"resource\";\n icon?: string;\n previewUrl?: string;\n alt?: string;\n /** Optional destination represented by this attachment. */\n href?: string;\n /** Opaque application-owned payload returned unchanged with ChatSubmitInput. */\n data?: unknown;\n /** Optional application-owned action presented below the attachment label. */\n action?: ChatAction;\n};\n\nexport type ChatUsage = {\n input?: number;\n output?: number;\n total?: number;\n};\n\nexport type ChatContextUsageData = {\n usage?: ChatUsage | null;\n loopUsage?: ChatUsage | null;\n contextWindow?: number;\n modelLabel?: string;\n};\n\nexport type ChatModelOption = {\n id: string;\n label: string;\n description?: string;\n image?: string;\n icon?: string;\n capabilities?: readonly string[];\n};\n\nexport type ChatComposerState = \"idle\" | \"submitting\" | \"running\" | \"stopping\";\n\nexport type ChatSubmitIntent = \"send\" | \"steer\" | \"queue\";\n\nexport type ChatSubmitInput = {\n intent: ChatSubmitIntent;\n text: string;\n attachments: readonly ChatAttachment[];\n};\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sources":["chat/types.ts"],"sourcesContent":["export type ChatRole = \"user\" | \"assistant\" | \"system\" | \"tool\";\n\nexport type ChatMessageStatus = \"pending\" | \"streaming\" | \"complete\" | \"error\";\n\nexport type ChatActivityTone = \"neutral\" | \"ai\" | \"success\" | \"danger\";\n\ntype ChatActionBase = {\n id: string;\n label: string;\n icon?: string;\n variant?: \"danger\";\n disabled?: boolean;\n /** Toggle state for persistent message actions such as feedback. */\n pressed?: boolean;\n /** Semantic foreground for selected feedback actions, without a persistent background. */\n pressedTone?: \"success\" | \"danger\";\n};\n\n/** Exactly one executable behavior for every chat action. */\nexport type ChatAction = ChatActionBase &\n ({ onSelect: () => void | Promise<void>; copyText?: never } | { copyText: string; onSelect?: never });\n\nexport type ChatAttachment = {\n id: string;\n name: string;\n size?: number;\n kind?: \"file\" | \"image\" | \"resource\";\n icon?: string;\n previewUrl?: string;\n alt?: string;\n /** Optional destination represented by this attachment. */\n href?: string;\n /** Opaque application-owned payload returned unchanged with ChatSubmitInput. */\n data?: unknown;\n /** Optional application-owned action presented below the attachment label. */\n action?: ChatAction;\n};\n\nexport type ChatUsage = {\n input?: number;\n output?: number;\n total?: number;\n};\n\nexport type ChatContextUsageData = {\n usage?: ChatUsage | null;\n loopUsage?: ChatUsage | null;\n contextWindow?: number;\n modelLabel?: string;\n};\n\nexport type ChatModelOption = {\n id: string;\n label: string;\n description?: string;\n image?: string;\n icon?: string;\n capabilities?: readonly string[];\n};\n\nexport type ChatComposerState = \"idle\" | \"submitting\" | \"running\" | \"stopping\";\n\nexport type ChatSubmitIntent = \"send\" | \"steer\" | \"queue\";\n\nexport type ChatSubmitInput = {\n intent: ChatSubmitIntent;\n text: string;\n attachments: readonly ChatAttachment[];\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -36,8 +36,16 @@ const createSafeRenderer = (options = {}) => {
|
|
|
36
36
|
const body = this.parser.parseInline(tokens);
|
|
37
37
|
const url = safeUrl(href);
|
|
38
38
|
if (!url) return body;
|
|
39
|
+
if (options.linkProtocols) {
|
|
40
|
+
try {
|
|
41
|
+
if (!options.linkProtocols.includes(new URL(url, "https://markdown.invalid/").protocol)) return body;
|
|
42
|
+
} catch {
|
|
43
|
+
return body;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
39
46
|
const titleAttribute = title ? ` title="${escapeHtml(title)}"` : "";
|
|
40
|
-
|
|
47
|
+
const target = options.linkTarget === "_blank" ? ' target="_blank" rel="noopener noreferrer"' : "";
|
|
48
|
+
return `<a href="${escapeHtml(url)}"${titleAttribute}${target}>${body}</a>`;
|
|
41
49
|
};
|
|
42
50
|
renderer.image = ({
|
|
43
51
|
href,
|
|
@@ -45,7 +53,7 @@ const createSafeRenderer = (options = {}) => {
|
|
|
45
53
|
text
|
|
46
54
|
}) => {
|
|
47
55
|
const url = safeUrl(href);
|
|
48
|
-
if (!url) return escapeHtml(text);
|
|
56
|
+
if (!url || options.allowImages === false) return escapeHtml(text);
|
|
49
57
|
const titleAttribute = title ? ` title="${escapeHtml(title)}"` : "";
|
|
50
58
|
return `<img src="${escapeHtml(url)}" alt="${escapeHtml(text)}"${titleAttribute}>`;
|
|
51
59
|
};
|
|
@@ -115,7 +123,10 @@ export const renderSafeMarkdown = (markdown, options = {}) => marked.parse(markd
|
|
|
115
123
|
*/
|
|
116
124
|
export default function MarkdownView(props) {
|
|
117
125
|
const html = () => props.markdown !== undefined ? renderSafeMarkdown(props.markdown, {
|
|
118
|
-
inlineTokens: props.inlineTokens
|
|
126
|
+
inlineTokens: props.inlineTokens,
|
|
127
|
+
allowImages: props.allowImages,
|
|
128
|
+
linkProtocols: props.linkProtocols,
|
|
129
|
+
linkTarget: props.linkTarget
|
|
119
130
|
}) : props.trustedHtml;
|
|
120
131
|
return (() => {
|
|
121
132
|
var _el$ = _$getNextElement(_tmpl$);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["marked","Renderer","escapeHtml","value","replaceAll","safeUrl","normalized","trim","replace","test","normalizeInlineTokens","tokens","Set","filter","Boolean","sort","left","right","length","isStandaloneInlineToken","text","start","before","end","after","createSafeRenderer","options","renderer","inlineTokens","renderText","bind","html","link","href","title","body","parser","parseInline","url","titleAttribute","image","token","type","parts","plainStart","cursor","inlineToken","find","candidate","startsWith","slice","push","raw","join","renderSafeMarkdown","markdown","parse","async","MarkdownView","props","undefined","trustedHtml","_el$","_$getNextElement","_tmpl$","_$effect","_p$","_v$","class","_v$2","headingScale","_v$3","e","_$className","t","_$setAttribute","a","_$setProperty"],"sources":["content/MarkdownView.tsx"],"sourcesContent":["import { marked, Renderer, type Tokens } from \"marked\";\n\ntype CommonProps = {\n /** Optional additional CSS classes */\n class?: string;\n /**\n * Visual heading scale. Markdown heading levels and document structure stay\n * unchanged.\n */\n headingScale?: \"compact\" | \"normal\" | \"large\";\n};\n\nexport type MarkdownViewProps = CommonProps &\n (\n | {\n /** Untrusted Markdown. Raw HTML and unsafe link protocols are escaped. */\n markdown: string;\n /** Exact standalone text tokens to emphasize without changing Markdown parsing or trusted-HTML boundaries. */\n inlineTokens?: readonly string[];\n trustedHtml?: never;\n }\n | {\n /** Explicitly trusted, already-rendered HTML. The caller owns sanitization. */\n trustedHtml: string;\n markdown?: never;\n inlineTokens?: never;\n }\n );\n\nexport type MarkdownRenderOptions = { inlineTokens?: readonly string[] };\n\nconst escapeHtml = (value: string): string =>\n value.replaceAll(\"&\", \"&\").replaceAll(\"<\", \"<\").replaceAll(\">\", \">\").replaceAll('\"', \""\").replaceAll(\"'\", \"'\");\n\nconst safeUrl = (value: string): string | null => {\n const normalized = value.trim().replace(/[\\u0000-\\u001f\\u007f-\\u009f\\s]+/g, \"\");\n if (/^(?:javascript|vbscript|data):/i.test(normalized)) return null;\n return value;\n};\n\nconst normalizeInlineTokens = (tokens: readonly string[] | undefined): string[] =>\n [...new Set(tokens?.filter(Boolean) ?? [])].sort((left, right) => right.length - left.length);\n\nconst isStandaloneInlineToken = (text: string, start: number, value: string): boolean => {\n const before = text[start - 1];\n if (before && /[a-zA-Z0-9_.%+\\-]/.test(before)) return false;\n const end = start + value.length;\n const after = text[end];\n if (after && /[a-zA-Z0-9_@]/.test(after)) return false;\n return !(after === \".\" && /[a-zA-Z0-9_]/.test(text[end + 1] ?? \"\"));\n};\n\nconst createSafeRenderer = (options: MarkdownRenderOptions = {}): Renderer => {\n const renderer = new Renderer();\n const inlineTokens = normalizeInlineTokens(options.inlineTokens);\n const renderText = renderer.text.bind(renderer);\n renderer.html = ({ text }: Tokens.HTML | Tokens.Tag) => escapeHtml(text);\n renderer.link = function ({ href, title, tokens }: Tokens.Link) {\n const body = this.parser.parseInline(tokens);\n const url = safeUrl(href);\n if (!url) return body;\n const titleAttribute = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\n return `<a href=\"${escapeHtml(url)}\"${titleAttribute}>${body}</a>`;\n };\n renderer.image = ({ href, title, text }: Tokens.Image) => {\n const url = safeUrl(href);\n if (!url) return escapeHtml(text);\n const titleAttribute = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\n return `<img src=\"${escapeHtml(url)}\" alt=\"${escapeHtml(text)}\"${titleAttribute}>`;\n };\n renderer.text = (token) => {\n if (inlineTokens.length === 0 || token.type === \"escape\" || (\"tokens\" in token && token.tokens)) return renderText(token);\n const parts: string[] = [];\n let plainStart = 0;\n let cursor = 0;\n while (cursor < token.text.length) {\n const inlineToken = inlineTokens.find(\n (candidate) => token.text.startsWith(candidate, cursor) && isStandaloneInlineToken(token.text, cursor, candidate),\n );\n if (!inlineToken) {\n cursor += 1;\n continue;\n }\n if (plainStart < cursor) {\n const text = token.text.slice(plainStart, cursor);\n parts.push(renderText({ ...token, raw: text, text }));\n }\n parts.push(\n `<span class=\"k2b-content-markdown__inline-token\">${renderText({ ...token, raw: inlineToken, text: inlineToken })}</span>`,\n );\n cursor += inlineToken.length;\n plainStart = cursor;\n }\n if (plainStart === 0) return renderText(token);\n if (plainStart < token.text.length) {\n const text = token.text.slice(plainStart);\n parts.push(renderText({ ...token, raw: text, text }));\n }\n return parts.join(\"\");\n };\n return renderer;\n};\n\nexport const renderSafeMarkdown = (markdown: string, options: MarkdownRenderOptions = {}): string =>\n marked.parse(markdown, { async: false, renderer: createSafeRenderer(options) }) as string;\n\n/**\n * Markdown View Component (SSR)\n *\n * Renders untrusted Markdown safely by default. Raw HTML and unsafe link\n * protocols are escaped. Already-rendered HTML requires the deliberately named\n * `trustedHtml` boundary; the caller owns sanitization in that mode.\n *\n * @example\n * ```tsx\n * import { MarkdownView } from \"@k2b/ui\";\n *\n * <MarkdownView markdown={source} />;\n * ```\n *\n * @example Compact headings, e.g. inside comments or file previews:\n * ```tsx\n * <MarkdownView markdown={source} headingScale=\"compact\" />;\n * ```\n */\nexport default function MarkdownView(props: MarkdownViewProps) {\n const html = () =>\n props.markdown !== undefined ? renderSafeMarkdown(props.markdown, { inlineTokens: props.inlineTokens }) : props.trustedHtml;\n return (\n <div\n class={`k2b-content-markdown ${props.class ?? \"\"}`}\n data-heading-scale={props.headingScale && props.headingScale !== \"normal\" ? props.headingScale : undefined}\n innerHTML={html()}\n />\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["marked","Renderer","escapeHtml","value","replaceAll","safeUrl","normalized","trim","replace","test","normalizeInlineTokens","tokens","Set","filter","Boolean","sort","left","right","length","isStandaloneInlineToken","text","start","before","end","after","createSafeRenderer","options","renderer","inlineTokens","renderText","bind","html","link","href","title","body","parser","parseInline","url","linkProtocols","includes","URL","protocol","titleAttribute","target","linkTarget","image","allowImages","token","type","parts","plainStart","cursor","inlineToken","find","candidate","startsWith","slice","push","raw","join","renderSafeMarkdown","markdown","parse","async","MarkdownView","props","undefined","trustedHtml","_el$","_$getNextElement","_tmpl$","_$effect","_p$","_v$","class","_v$2","headingScale","_v$3","e","_$className","t","_$setAttribute","a","_$setProperty"],"sources":["content/MarkdownView.tsx"],"sourcesContent":["import { marked, Renderer, type Tokens } from \"marked\";\n\ntype CommonProps = MarkdownRenderOptions & {\n /** Optional additional CSS classes */\n class?: string;\n /**\n * Visual heading scale. Markdown heading levels and document structure stay\n * unchanged.\n */\n headingScale?: \"compact\" | \"normal\" | \"large\";\n};\n\nexport type MarkdownViewProps = CommonProps &\n (\n | {\n /** Untrusted Markdown. Raw HTML and unsafe link protocols are escaped. */\n markdown: string;\n /** Exact standalone text tokens to emphasize without changing Markdown parsing or trusted-HTML boundaries. */\n inlineTokens?: readonly string[];\n trustedHtml?: never;\n }\n | {\n /** Explicitly trusted, already-rendered HTML. The caller owns sanitization. */\n trustedHtml: string;\n markdown?: never;\n inlineTokens?: never;\n }\n );\n\nexport type MarkdownRenderOptions = {\n inlineTokens?: readonly string[];\n /** Whether to render images. False renders alt text without resource requests. Defaults to true. */\n allowImages?: boolean;\n /** Optional protocol allowlist, including trailing colons. Relative URLs resolve as HTTPS. */\n linkProtocols?: readonly string[];\n linkTarget?: \"_blank\";\n};\n\nconst escapeHtml = (value: string): string =>\n value.replaceAll(\"&\", \"&\").replaceAll(\"<\", \"<\").replaceAll(\">\", \">\").replaceAll('\"', \""\").replaceAll(\"'\", \"'\");\n\nconst safeUrl = (value: string): string | null => {\n const normalized = value.trim().replace(/[\\u0000-\\u001f\\u007f-\\u009f\\s]+/g, \"\");\n if (/^(?:javascript|vbscript|data):/i.test(normalized)) return null;\n return value;\n};\n\nconst normalizeInlineTokens = (tokens: readonly string[] | undefined): string[] =>\n [...new Set(tokens?.filter(Boolean) ?? [])].sort((left, right) => right.length - left.length);\n\nconst isStandaloneInlineToken = (text: string, start: number, value: string): boolean => {\n const before = text[start - 1];\n if (before && /[a-zA-Z0-9_.%+\\-]/.test(before)) return false;\n const end = start + value.length;\n const after = text[end];\n if (after && /[a-zA-Z0-9_@]/.test(after)) return false;\n return !(after === \".\" && /[a-zA-Z0-9_]/.test(text[end + 1] ?? \"\"));\n};\n\nconst createSafeRenderer = (options: MarkdownRenderOptions = {}): Renderer => {\n const renderer = new Renderer();\n const inlineTokens = normalizeInlineTokens(options.inlineTokens);\n const renderText = renderer.text.bind(renderer);\n renderer.html = ({ text }: Tokens.HTML | Tokens.Tag) => escapeHtml(text);\n renderer.link = function ({ href, title, tokens }: Tokens.Link) {\n const body = this.parser.parseInline(tokens);\n const url = safeUrl(href);\n if (!url) return body;\n if (options.linkProtocols) {\n try {\n if (!options.linkProtocols.includes(new URL(url, \"https://markdown.invalid/\").protocol)) return body;\n } catch {\n return body;\n }\n }\n const titleAttribute = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\n const target = options.linkTarget === \"_blank\" ? ' target=\"_blank\" rel=\"noopener noreferrer\"' : \"\";\n return `<a href=\"${escapeHtml(url)}\"${titleAttribute}${target}>${body}</a>`;\n };\n renderer.image = ({ href, title, text }: Tokens.Image) => {\n const url = safeUrl(href);\n if (!url || options.allowImages === false) return escapeHtml(text);\n const titleAttribute = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\n return `<img src=\"${escapeHtml(url)}\" alt=\"${escapeHtml(text)}\"${titleAttribute}>`;\n };\n renderer.text = (token) => {\n if (inlineTokens.length === 0 || token.type === \"escape\" || (\"tokens\" in token && token.tokens)) return renderText(token);\n const parts: string[] = [];\n let plainStart = 0;\n let cursor = 0;\n while (cursor < token.text.length) {\n const inlineToken = inlineTokens.find(\n (candidate) => token.text.startsWith(candidate, cursor) && isStandaloneInlineToken(token.text, cursor, candidate),\n );\n if (!inlineToken) {\n cursor += 1;\n continue;\n }\n if (plainStart < cursor) {\n const text = token.text.slice(plainStart, cursor);\n parts.push(renderText({ ...token, raw: text, text }));\n }\n parts.push(\n `<span class=\"k2b-content-markdown__inline-token\">${renderText({ ...token, raw: inlineToken, text: inlineToken })}</span>`,\n );\n cursor += inlineToken.length;\n plainStart = cursor;\n }\n if (plainStart === 0) return renderText(token);\n if (plainStart < token.text.length) {\n const text = token.text.slice(plainStart);\n parts.push(renderText({ ...token, raw: text, text }));\n }\n return parts.join(\"\");\n };\n return renderer;\n};\n\nexport const renderSafeMarkdown = (markdown: string, options: MarkdownRenderOptions = {}): string =>\n marked.parse(markdown, {\n async: false,\n renderer: createSafeRenderer(options),\n }) as string;\n\n/**\n * Markdown View Component (SSR)\n *\n * Renders untrusted Markdown safely by default. Raw HTML and unsafe link\n * protocols are escaped. Already-rendered HTML requires the deliberately named\n * `trustedHtml` boundary; the caller owns sanitization in that mode.\n *\n * @example\n * ```tsx\n * import { MarkdownView } from \"@k2b/ui\";\n *\n * <MarkdownView markdown={source} />;\n * ```\n *\n * @example Compact headings, e.g. inside comments or file previews:\n * ```tsx\n * <MarkdownView markdown={source} headingScale=\"compact\" />;\n * ```\n */\nexport default function MarkdownView(props: MarkdownViewProps) {\n const html = () =>\n props.markdown !== undefined\n ? renderSafeMarkdown(props.markdown, {\n inlineTokens: props.inlineTokens,\n allowImages: props.allowImages,\n linkProtocols: props.linkProtocols,\n linkTarget: props.linkTarget,\n })\n : props.trustedHtml;\n return (\n <div\n class={`k2b-content-markdown ${props.class ?? \"\"}`}\n data-heading-scale={props.headingScale && props.headingScale !== \"normal\" ? props.headingScale : undefined}\n innerHTML={html()}\n />\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@ import { getNextMarker as _$getNextMarker } from "solid-js/web";
|
|
|
4
4
|
import { createComponent as _$createComponent } from "solid-js/web";
|
|
5
5
|
import { spread as _$spread } from "solid-js/web";
|
|
6
6
|
import { mergeProps as _$mergeProps } from "solid-js/web";
|
|
7
|
+
import { effect as _$effect } from "solid-js/web";
|
|
7
8
|
import { getNextElement as _$getNextElement } from "solid-js/web";
|
|
8
9
|
import { insert as _$insert } from "solid-js/web";
|
|
9
10
|
import { setAttribute as _$setAttribute } from "solid-js/web";
|
|
@@ -49,7 +50,7 @@ function TooltipSurface(props) {
|
|
|
49
50
|
const open = () => {
|
|
50
51
|
clearTimer();
|
|
51
52
|
if (props.disabled || dismissedUntilLeave || !surface || !target || surface.matches(":popover-open")) return;
|
|
52
|
-
|
|
53
|
+
const show = () => {
|
|
53
54
|
openTimer = undefined;
|
|
54
55
|
if (props.disabled || !surface?.isConnected || !target) return;
|
|
55
56
|
try {
|
|
@@ -61,7 +62,9 @@ function TooltipSurface(props) {
|
|
|
61
62
|
document.addEventListener("keydown", dismissOnEscape);
|
|
62
63
|
window.addEventListener("scroll", close, true);
|
|
63
64
|
window.addEventListener("resize", close);
|
|
64
|
-
}
|
|
65
|
+
};
|
|
66
|
+
const delay = props.delay ?? 250;
|
|
67
|
+
if (delay <= 0) show();else openTimer = setTimeout(show, delay);
|
|
65
68
|
};
|
|
66
69
|
createEffect(() => {
|
|
67
70
|
if (props.disabled) close();
|
|
@@ -105,6 +108,7 @@ function TooltipSurface(props) {
|
|
|
105
108
|
typeof _ref$ === "function" ? _$use(_ref$, _el$) : surface = _el$;
|
|
106
109
|
_$setAttribute(_el$, "id", tooltipId);
|
|
107
110
|
_$insert(_el$, () => props.content);
|
|
111
|
+
_$effect(() => _$setAttribute(_el$, "data-instant", props.delay !== undefined && props.delay <= 0 ? "true" : undefined));
|
|
108
112
|
return _el$;
|
|
109
113
|
})();
|
|
110
114
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createEffect","createUniqueId","onCleanup","onMount","splitProps","positionTooltipSurface","TooltipSurface","props","tooltipId","surface","target","openTimer","dismissedUntilLeave","clearTimer","clearTimeout","undefined","dismissOnEscape","event","key","matches","close","hidePopover","document","removeEventListener","window","open","disabled","setTimeout","isConnected","showPopover","placement","addEventListener","delay","originalDescription","getAttribute","descriptions","Set","split","filter","Boolean","add","setAttribute","join","leave","focusOut","contains","relatedTarget","pointerDown","removeAttribute","_el$","_$getNextElement","_tmpl$","_ref$","_$use","_$setAttribute","_$insert","content","TooltipAnchor","local","rest","_el$2","_tmpl$2","_el$3","firstChild","_el$4","_co$","_$getNextMarker","nextSibling","_el$5","_el$6","_co$2","_ref$2","_$spread","_$mergeProps","class","children","_$createComponent","_$runHydrationEvents","TooltipTrigger","register","element","ref","_el$7","_tmpl$3","Tooltip","Anchor","Trigger"],"sources":["feedback/Tooltip.tsx"],"sourcesContent":["import { createEffect, createUniqueId, type JSX, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { positionTooltipSurface, type TooltipPlacement } from \"./tooltip-position\";\n\nexport type TooltipProps = {\n content: JSX.Element;\n target: () => HTMLElement | undefined;\n placement?: TooltipPlacement;\n delay?: number;\n disabled?: boolean;\n};\n\nexport type TooltipAnchorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"content\"> & Omit<TooltipProps, \"target\">;\n\nexport type TooltipTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"content\"> & Omit<TooltipProps, \"target\">;\n\n/**\n * Low-level tooltip surface for components that already own their target DOM\n * element. Most callers should use Button.tooltip, IconButton.tooltip, or\n * Tooltip.Anchor instead.\n */\nfunction TooltipSurface(props: TooltipProps): JSX.Element {\n const tooltipId = `k2b-tooltip-${createUniqueId()}`;\n let surface: HTMLSpanElement | undefined;\n let target: HTMLElement | undefined;\n let openTimer: ReturnType<typeof setTimeout> | undefined;\n let dismissedUntilLeave = false;\n\n const clearTimer = () => {\n if (openTimer) clearTimeout(openTimer);\n openTimer = undefined;\n };\n\n function dismissOnEscape(event: KeyboardEvent) {\n if (event.key !== \"Escape\" || !surface?.matches(\":popover-open\")) return;\n dismissedUntilLeave = true;\n close();\n }\n\n function close() {\n clearTimer();\n if (surface?.matches(\":popover-open\")) {\n try {\n surface.hidePopover();\n } catch {\n // The surface may disconnect during cleanup.\n }\n }\n document.removeEventListener(\"keydown\", dismissOnEscape);\n window.removeEventListener(\"scroll\", close, true);\n window.removeEventListener(\"resize\", close);\n }\n\n const open = () => {\n clearTimer();\n if (props.disabled || dismissedUntilLeave || !surface || !target || surface.matches(\":popover-open\")) return;\n openTimer = setTimeout(() => {\n openTimer = undefined;\n if (props.disabled || !surface?.isConnected || !target) return;\n try {\n surface.showPopover();\n } catch {\n return;\n }\n positionTooltipSurface(surface, target, props.placement);\n document.addEventListener(\"keydown\", dismissOnEscape);\n window.addEventListener(\"scroll\", close, true);\n window.addEventListener(\"resize\", close);\n }, props.delay ?? 250);\n };\n\n createEffect(() => {\n if (props.disabled) close();\n });\n\n onMount(() => {\n target = props.target();\n if (!target) return;\n\n const originalDescription = target.getAttribute(\"aria-describedby\");\n const descriptions = new Set(originalDescription?.split(/\\s+/).filter(Boolean) ?? []);\n descriptions.add(tooltipId);\n target.setAttribute(\"aria-describedby\", [...descriptions].join(\" \"));\n\n const leave = () => {\n dismissedUntilLeave = false;\n close();\n };\n const focusOut = (event: FocusEvent) => {\n if (!target?.contains(event.relatedTarget as Node | null)) leave();\n };\n const pointerDown = () => {\n dismissedUntilLeave = true;\n close();\n };\n\n target.addEventListener(\"pointerenter\", open);\n target.addEventListener(\"pointerleave\", leave);\n target.addEventListener(\"pointerdown\", pointerDown);\n target.addEventListener(\"focusin\", open);\n target.addEventListener(\"focusout\", focusOut);\n\n onCleanup(() => {\n close();\n if (originalDescription) target?.setAttribute(\"aria-describedby\", originalDescription);\n else target?.removeAttribute(\"aria-describedby\");\n target?.removeEventListener(\"pointerenter\", open);\n target?.removeEventListener(\"pointerleave\", leave);\n target?.removeEventListener(\"pointerdown\", pointerDown);\n target?.removeEventListener(\"focusin\", open);\n target?.removeEventListener(\"focusout\", focusOut);\n });\n });\n\n return (\n <span ref={surface} id={tooltipId} role=\"tooltip\" popover=\"manual\" class=\"k2b-tooltip\">\n {props.content}\n </span>\n );\n}\n\n/** Explicit tooltip target for non-button content. */\nfunction TooltipAnchor(props: TooltipAnchorProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"children\", \"class\", \"content\", \"delay\", \"disabled\", \"placement\"]);\n let target: HTMLSpanElement | undefined;\n\n return (\n <span {...rest} ref={target} class={`k2b-tooltip-wrapper ${local.class ?? \"\"}`}>\n {local.children}\n <TooltipSurface\n content={local.content}\n target={() => target}\n delay={local.delay}\n disabled={local.disabled}\n placement={local.placement}\n />\n </span>\n );\n}\n\n/** Native button target for specialized controls that do not use Button. */\nfunction TooltipTrigger(props: TooltipTriggerProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"children\", \"content\", \"delay\", \"disabled\", \"placement\", \"ref\"]);\n let target: HTMLButtonElement | undefined;\n const register = (element: HTMLButtonElement) => {\n target = element;\n if (typeof local.ref === \"function\") local.ref(element);\n };\n\n return (\n <>\n <button {...rest} ref={register} disabled={local.disabled}>\n {local.children}\n </button>\n <TooltipSurface\n content={local.content}\n target={() => target}\n delay={local.delay}\n disabled={local.disabled}\n placement={local.placement}\n />\n </>\n );\n}\n\ntype TooltipComponent = ((props: TooltipProps) => JSX.Element) & {\n Anchor: (props: TooltipAnchorProps) => JSX.Element;\n Trigger: (props: TooltipTriggerProps) => JSX.Element;\n};\n\nexport const Tooltip = TooltipSurface as TooltipComponent;\nTooltip.Anchor = TooltipAnchor;\nTooltip.Trigger = TooltipTrigger;\n\nexport type { TooltipPlacement } from \"./tooltip-position\";\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["createEffect","createUniqueId","onCleanup","onMount","splitProps","positionTooltipSurface","TooltipSurface","props","tooltipId","surface","target","openTimer","dismissedUntilLeave","clearTimer","clearTimeout","undefined","dismissOnEscape","event","key","matches","close","hidePopover","document","removeEventListener","window","open","disabled","show","isConnected","showPopover","placement","addEventListener","delay","setTimeout","originalDescription","getAttribute","descriptions","Set","split","filter","Boolean","add","setAttribute","join","leave","focusOut","contains","relatedTarget","pointerDown","removeAttribute","_el$","_$getNextElement","_tmpl$","_ref$","_$use","_$setAttribute","_$insert","content","_$effect","TooltipAnchor","local","rest","_el$2","_tmpl$2","_el$3","firstChild","_el$4","_co$","_$getNextMarker","nextSibling","_el$5","_el$6","_co$2","_ref$2","_$spread","_$mergeProps","class","children","_$createComponent","_$runHydrationEvents","TooltipTrigger","register","element","ref","_el$7","_tmpl$3","Tooltip","Anchor","Trigger"],"sources":["feedback/Tooltip.tsx"],"sourcesContent":["import { createEffect, createUniqueId, type JSX, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { positionTooltipSurface, type TooltipPlacement } from \"./tooltip-position\";\n\nexport type TooltipProps = {\n content: JSX.Element;\n target: () => HTMLElement | undefined;\n placement?: TooltipPlacement;\n delay?: number;\n disabled?: boolean;\n};\n\nexport type TooltipAnchorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"content\"> & Omit<TooltipProps, \"target\">;\n\nexport type TooltipTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"content\"> & Omit<TooltipProps, \"target\">;\n\n/**\n * Low-level tooltip surface for components that already own their target DOM\n * element. Most callers should use Button.tooltip, IconButton.tooltip, or\n * Tooltip.Anchor instead.\n */\nfunction TooltipSurface(props: TooltipProps): JSX.Element {\n const tooltipId = `k2b-tooltip-${createUniqueId()}`;\n let surface: HTMLSpanElement | undefined;\n let target: HTMLElement | undefined;\n let openTimer: ReturnType<typeof setTimeout> | undefined;\n let dismissedUntilLeave = false;\n\n const clearTimer = () => {\n if (openTimer) clearTimeout(openTimer);\n openTimer = undefined;\n };\n\n function dismissOnEscape(event: KeyboardEvent) {\n if (event.key !== \"Escape\" || !surface?.matches(\":popover-open\")) return;\n dismissedUntilLeave = true;\n close();\n }\n\n function close() {\n clearTimer();\n if (surface?.matches(\":popover-open\")) {\n try {\n surface.hidePopover();\n } catch {\n // The surface may disconnect during cleanup.\n }\n }\n document.removeEventListener(\"keydown\", dismissOnEscape);\n window.removeEventListener(\"scroll\", close, true);\n window.removeEventListener(\"resize\", close);\n }\n\n const open = () => {\n clearTimer();\n if (props.disabled || dismissedUntilLeave || !surface || !target || surface.matches(\":popover-open\")) return;\n const show = () => {\n openTimer = undefined;\n if (props.disabled || !surface?.isConnected || !target) return;\n try {\n surface.showPopover();\n } catch {\n return;\n }\n positionTooltipSurface(surface, target, props.placement);\n document.addEventListener(\"keydown\", dismissOnEscape);\n window.addEventListener(\"scroll\", close, true);\n window.addEventListener(\"resize\", close);\n };\n const delay = props.delay ?? 250;\n if (delay <= 0) show();\n else openTimer = setTimeout(show, delay);\n };\n\n createEffect(() => {\n if (props.disabled) close();\n });\n\n onMount(() => {\n target = props.target();\n if (!target) return;\n\n const originalDescription = target.getAttribute(\"aria-describedby\");\n const descriptions = new Set(originalDescription?.split(/\\s+/).filter(Boolean) ?? []);\n descriptions.add(tooltipId);\n target.setAttribute(\"aria-describedby\", [...descriptions].join(\" \"));\n\n const leave = () => {\n dismissedUntilLeave = false;\n close();\n };\n const focusOut = (event: FocusEvent) => {\n if (!target?.contains(event.relatedTarget as Node | null)) leave();\n };\n const pointerDown = () => {\n dismissedUntilLeave = true;\n close();\n };\n\n target.addEventListener(\"pointerenter\", open);\n target.addEventListener(\"pointerleave\", leave);\n target.addEventListener(\"pointerdown\", pointerDown);\n target.addEventListener(\"focusin\", open);\n target.addEventListener(\"focusout\", focusOut);\n\n onCleanup(() => {\n close();\n if (originalDescription) target?.setAttribute(\"aria-describedby\", originalDescription);\n else target?.removeAttribute(\"aria-describedby\");\n target?.removeEventListener(\"pointerenter\", open);\n target?.removeEventListener(\"pointerleave\", leave);\n target?.removeEventListener(\"pointerdown\", pointerDown);\n target?.removeEventListener(\"focusin\", open);\n target?.removeEventListener(\"focusout\", focusOut);\n });\n });\n\n return (\n <span\n ref={surface}\n id={tooltipId}\n role=\"tooltip\"\n popover=\"manual\"\n class=\"k2b-tooltip\"\n data-instant={props.delay !== undefined && props.delay <= 0 ? \"true\" : undefined}\n >\n {props.content}\n </span>\n );\n}\n\n/** Explicit tooltip target for non-button content. */\nfunction TooltipAnchor(props: TooltipAnchorProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"children\", \"class\", \"content\", \"delay\", \"disabled\", \"placement\"]);\n let target: HTMLSpanElement | undefined;\n\n return (\n <span {...rest} ref={target} class={`k2b-tooltip-wrapper ${local.class ?? \"\"}`}>\n {local.children}\n <TooltipSurface\n content={local.content}\n target={() => target}\n delay={local.delay}\n disabled={local.disabled}\n placement={local.placement}\n />\n </span>\n );\n}\n\n/** Native button target for specialized controls that do not use Button. */\nfunction TooltipTrigger(props: TooltipTriggerProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"children\", \"content\", \"delay\", \"disabled\", \"placement\", \"ref\"]);\n let target: HTMLButtonElement | undefined;\n const register = (element: HTMLButtonElement) => {\n target = element;\n if (typeof local.ref === \"function\") local.ref(element);\n };\n\n return (\n <>\n <button {...rest} ref={register} disabled={local.disabled}>\n {local.children}\n </button>\n <TooltipSurface\n content={local.content}\n target={() => target}\n delay={local.delay}\n disabled={local.disabled}\n placement={local.placement}\n />\n </>\n );\n}\n\ntype TooltipComponent = ((props: TooltipProps) => JSX.Element) & {\n Anchor: (props: TooltipAnchorProps) => JSX.Element;\n Trigger: (props: TooltipTriggerProps) => JSX.Element;\n};\n\nexport const Tooltip = TooltipSurface as TooltipComponent;\nTooltip.Anchor = TooltipAnchor;\nTooltip.Trigger = TooltipTrigger;\n\nexport type { TooltipPlacement } from \"./tooltip-position\";\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -87,6 +87,22 @@ export const createDialogCore = () => {
|
|
|
87
87
|
close();
|
|
88
88
|
};
|
|
89
89
|
};
|
|
90
|
+
const requestDismiss = async entry => {
|
|
91
|
+
if (state.stack[state.stack.length - 1] !== entry || entry.dismissPending) return;
|
|
92
|
+
if (!entry.dismissHandler) {
|
|
93
|
+
popTop(undefined);
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
entry.dismissPending = true;
|
|
97
|
+
try {
|
|
98
|
+
await entry.dismissHandler();
|
|
99
|
+
} catch (error) {
|
|
100
|
+
// A failed guard must never discard the dialog's state.
|
|
101
|
+
console.error("Dialog dismissal failed", error);
|
|
102
|
+
} finally {
|
|
103
|
+
entry.dismissPending = false;
|
|
104
|
+
}
|
|
105
|
+
};
|
|
90
106
|
const popTop = result => {
|
|
91
107
|
const top = state.stack.pop();
|
|
92
108
|
if (!top) return;
|
|
@@ -98,7 +114,7 @@ export const createDialogCore = () => {
|
|
|
98
114
|
previous.container.style.display = "";
|
|
99
115
|
dialog.className = previous.panelClassName;
|
|
100
116
|
applyAccessibleName(dialog, previous);
|
|
101
|
-
applyCancelBehavior(dialog, () =>
|
|
117
|
+
applyCancelBehavior(dialog, () => void requestDismiss(previous), previous.cancelBehavior);
|
|
102
118
|
schedule(() => {
|
|
103
119
|
const target = top.opener?.isConnected ? top.opener : resolveInitialFocusTarget(previous, dialog);
|
|
104
120
|
target?.focus();
|
|
@@ -171,10 +187,13 @@ export const createDialogCore = () => {
|
|
|
171
187
|
state.stack.push(entry);
|
|
172
188
|
try {
|
|
173
189
|
entry.dispose = render(() => view(closeTyped, {
|
|
174
|
-
dialog
|
|
190
|
+
dialog,
|
|
191
|
+
setDismissHandler: handler => {
|
|
192
|
+
entry.dismissHandler = handler;
|
|
193
|
+
}
|
|
175
194
|
}), container);
|
|
176
195
|
applyAccessibleName(dialog, entry);
|
|
177
|
-
applyCancelBehavior(dialog, () =>
|
|
196
|
+
applyCancelBehavior(dialog, () => void requestDismiss(entry), cancelBehavior);
|
|
178
197
|
if (state.stack.length === 1) {
|
|
179
198
|
if (typeof dialog.showModal === "function") dialog.showModal();else dialog.setAttribute("open", "");
|
|
180
199
|
lockPageScroll();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["render","getK2bPortalRoot","isPointInsideToast","DEFAULT_PANEL_CLASS","DEFAULT_CONTENT_CLASS","nextDialogTitleId","resolveInitialFocusTarget","entry","dialog","initialFocus","container","querySelector","applyAccessibleName","removeAttribute","ariaLabel","setAttribute","heading","id","schedule","callback","requestAnimationFrame","queueMicrotask","createDialogCore","state","stack","ensureDialogElement","document","Error","element","isConnected","createElement","appendChild","lockPageScroll","scrollLocked","previousBodyOverflow","body","style","overflow","previousHtmlOverflow","documentElement","unlockPageScroll","undefined","stopConnectionObserver","connectionObserver","disconnect","applyCancelBehavior","close","behavior","oncancel","event","preventDefault","onmousedown","mouseDownOnDialog","target","onclick","realBackdropClick","clientX","clientY","popTop","result","top","pop","dispose","remove","previous","length","display","className","panelClassName","cancelBehavior","opener","focus","open","resolve","resetDisconnectedDialog","entries","splice","reverse","observeConnection","MutationObserver","observe","childList","subtree","view","options","previousTop","activeElement","contentClassName","HTMLElement","Promise","reject","value","closeTyped","push","showModal","error","first","isOpen","dialogCore"],"sources":["feedback/dialog-core.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { render } from \"solid-js/web\";\nimport { getK2bPortalRoot } from \"../internal/portal\";\nimport { isPointInsideToast } from \"./toast\";\n\nexport type DialogClose<T> = (result?: T) => void;\n\nexport type OpenDialogOptions = {\n panelClassName?: string;\n contentClassName?: string;\n initialFocus?: \"first-input\" | \"none\" | ((dialog: HTMLDialogElement) => HTMLElement | null);\n cancelBehavior?: \"resolve-undefined\" | \"ignore\";\n ariaLabel?: string;\n};\n\nexport type DialogRender<T> = (\n close: DialogClose<T>,\n context: {\n dialog: HTMLDialogElement;\n },\n) => JSX.Element;\n\nexport type DialogCore = {\n open: <T>(view: DialogRender<T>, options?: OpenDialogOptions) => Promise<T | undefined>;\n close: (result?: unknown) => void;\n isOpen: () => boolean;\n};\n\ntype DialogStackEntry = {\n container: HTMLDivElement;\n dispose?: () => void;\n resolve?: (value: unknown) => void;\n panelClassName: string;\n cancelBehavior: NonNullable<OpenDialogOptions[\"cancelBehavior\"]>;\n initialFocus: NonNullable<OpenDialogOptions[\"initialFocus\"]>;\n opener?: HTMLElement;\n ariaLabel?: string;\n};\n\ntype DialogState = {\n element?: HTMLDialogElement;\n stack: DialogStackEntry[];\n scrollLocked?: boolean;\n previousBodyOverflow?: string;\n previousHtmlOverflow?: string;\n mouseDownOnDialog?: boolean;\n connectionObserver?: MutationObserver;\n};\n\nconst DEFAULT_PANEL_CLASS = \"k2b-dialog\";\nconst DEFAULT_CONTENT_CLASS = \"k2b-dialog__viewport\";\nlet nextDialogTitleId = 0;\n\nconst resolveInitialFocusTarget = (entry: DialogStackEntry, dialog: HTMLDialogElement): HTMLElement | null => {\n const { initialFocus } = entry;\n if (initialFocus === \"none\") return null;\n if (typeof initialFocus === \"function\") return initialFocus(dialog);\n return entry.container.querySelector<HTMLElement>(\n \"input:not([type='hidden']):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), a[href], [tabindex]:not([tabindex='-1'])\",\n );\n};\n\nconst applyAccessibleName = (dialog: HTMLDialogElement, entry: DialogStackEntry): void => {\n dialog.removeAttribute(\"aria-label\");\n dialog.removeAttribute(\"aria-labelledby\");\n if (entry.ariaLabel) {\n dialog.setAttribute(\"aria-label\", entry.ariaLabel);\n return;\n }\n const heading = entry.container.querySelector<HTMLElement>(\"h1, h2, h3\");\n if (!heading) {\n dialog.setAttribute(\"aria-label\", \"Dialog\");\n return;\n }\n heading.id ||= `k2b-dialog-title-${++nextDialogTitleId}`;\n dialog.setAttribute(\"aria-labelledby\", heading.id);\n};\n\nconst schedule = (callback: () => void): void => {\n if (typeof requestAnimationFrame === \"function\") requestAnimationFrame(callback);\n else queueMicrotask(callback);\n};\n\nexport const createDialogCore = (): DialogCore => {\n const state: DialogState = { stack: [] };\n\n const ensureDialogElement = () => {\n if (typeof document === \"undefined\") throw new Error(\"@k2b/ui dialogs can only be opened in the browser\");\n // Reuse the shared element whenever it is still in the document. Resolving\n // the portal root first would create a second <dialog> when focus has moved\n // into another `.k2b-ui` scope, orphaning the levels already on the stack.\n if (state.element?.isConnected) return state.element;\n\n const element = document.createElement(\"dialog\");\n getK2bPortalRoot().appendChild(element);\n state.element = element;\n return element;\n };\n\n const lockPageScroll = () => {\n if (typeof document === \"undefined\" || state.scrollLocked) return;\n state.previousBodyOverflow = document.body.style.overflow;\n state.previousHtmlOverflow = document.documentElement.style.overflow;\n document.body.style.overflow = \"hidden\";\n document.documentElement.style.overflow = \"hidden\";\n state.scrollLocked = true;\n };\n\n const unlockPageScroll = () => {\n if (typeof document === \"undefined\" || !state.scrollLocked) return;\n document.body.style.overflow = state.previousBodyOverflow ?? \"\";\n document.documentElement.style.overflow = state.previousHtmlOverflow ?? \"\";\n state.scrollLocked = false;\n state.previousBodyOverflow = undefined;\n state.previousHtmlOverflow = undefined;\n };\n\n const stopConnectionObserver = () => {\n state.connectionObserver?.disconnect();\n state.connectionObserver = undefined;\n };\n\n const applyCancelBehavior = (\n dialog: HTMLDialogElement,\n close: () => void,\n behavior: NonNullable<OpenDialogOptions[\"cancelBehavior\"]>,\n ) => {\n dialog.oncancel = (event) => {\n if (behavior === \"ignore\") {\n event.preventDefault();\n return;\n }\n event.preventDefault();\n close();\n };\n dialog.onmousedown = (event) => {\n state.mouseDownOnDialog = event.target === dialog;\n };\n dialog.onclick = (event) => {\n const realBackdropClick = state.mouseDownOnDialog === true;\n state.mouseDownOnDialog = false;\n if (event.target !== dialog) return;\n if (!realBackdropClick) return;\n if (behavior === \"ignore\") return;\n if (isPointInsideToast(event.clientX, event.clientY)) return;\n close();\n };\n };\n\n const popTop = (result?: unknown) => {\n const top = state.stack.pop();\n if (!top) return;\n top.dispose?.();\n top.container.remove();\n\n const dialog = state.element;\n const previous = state.stack[state.stack.length - 1];\n if (previous && dialog) {\n previous.container.style.display = \"\";\n dialog.className = previous.panelClassName;\n applyAccessibleName(dialog, previous);\n applyCancelBehavior(dialog, () => popTop(undefined), previous.cancelBehavior);\n schedule(() => {\n const target = top.opener?.isConnected ? top.opener : resolveInitialFocusTarget(previous, dialog);\n target?.focus();\n });\n } else if (dialog) {\n dialog.oncancel = null;\n dialog.onmousedown = null;\n dialog.onclick = null;\n dialog.removeAttribute(\"aria-label\");\n dialog.removeAttribute(\"aria-labelledby\");\n if (dialog.open && typeof dialog.close === \"function\") dialog.close();\n else dialog.removeAttribute(\"open\");\n dialog.remove();\n state.element = undefined;\n stopConnectionObserver();\n unlockPageScroll();\n schedule(() => {\n if (top.opener?.isConnected) top.opener.focus();\n });\n }\n\n top.resolve?.(result);\n };\n\n const resetDisconnectedDialog = () => {\n if (state.stack.length === 0 || state.element?.isConnected) return;\n const entries = state.stack.splice(0);\n const dialog = state.element;\n state.element = undefined;\n stopConnectionObserver();\n dialog?.remove();\n unlockPageScroll();\n for (const entry of entries.reverse()) {\n entry.dispose?.();\n entry.container.remove();\n entry.resolve?.(undefined);\n }\n };\n\n const observeConnection = () => {\n if (state.connectionObserver || typeof MutationObserver === \"undefined\") return;\n state.connectionObserver = new MutationObserver(resetDisconnectedDialog);\n state.connectionObserver.observe(document.documentElement, { childList: true, subtree: true });\n };\n\n const open = <T>(view: DialogRender<T>, options: OpenDialogOptions = {}): Promise<T | undefined> => {\n const dialog = ensureDialogElement();\n const previousTop = state.stack[state.stack.length - 1];\n if (previousTop) previousTop.container.style.display = \"none\";\n const activeElement = document.activeElement;\n\n const panelClassName = options.panelClassName ?? DEFAULT_PANEL_CLASS;\n const cancelBehavior = options.cancelBehavior ?? \"resolve-undefined\";\n const initialFocus = options.initialFocus ?? \"first-input\";\n dialog.className = panelClassName;\n\n const container = document.createElement(\"div\");\n container.className = options.contentClassName ?? DEFAULT_CONTENT_CLASS;\n dialog.appendChild(container);\n\n const entry: DialogStackEntry = {\n container,\n panelClassName,\n cancelBehavior,\n initialFocus,\n opener: activeElement instanceof HTMLElement ? activeElement : undefined,\n ariaLabel: options.ariaLabel,\n };\n\n return new Promise((resolve, reject) => {\n entry.resolve = (value) => resolve(value as T | undefined);\n const closeTyped: DialogClose<T> = (result) => {\n if (state.stack[state.stack.length - 1] !== entry) return;\n popTop(result);\n };\n\n state.stack.push(entry);\n try {\n entry.dispose = render(() => view(closeTyped, { dialog }), container);\n applyAccessibleName(dialog, entry);\n applyCancelBehavior(dialog, () => closeTyped(undefined), cancelBehavior);\n\n if (state.stack.length === 1) {\n if (typeof dialog.showModal === \"function\") dialog.showModal();\n else dialog.setAttribute(\"open\", \"\");\n lockPageScroll();\n observeConnection();\n }\n schedule(() => {\n if (state.stack[state.stack.length - 1] === entry) resolveInitialFocusTarget(entry, dialog)?.focus();\n });\n } catch (error) {\n entry.resolve = undefined;\n if (state.stack[state.stack.length - 1] === entry) popTop(undefined);\n reject(error);\n }\n });\n };\n\n const close: DialogCore[\"close\"] = (result) => {\n let first = true;\n while (state.stack.length > 0) {\n popTop(first ? result : undefined);\n first = false;\n }\n };\n\n return {\n open,\n close,\n isOpen: () => state.stack.length > 0,\n };\n};\n\nexport const dialogCore = createDialogCore();\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["render","getK2bPortalRoot","isPointInsideToast","DEFAULT_PANEL_CLASS","DEFAULT_CONTENT_CLASS","nextDialogTitleId","resolveInitialFocusTarget","entry","dialog","initialFocus","container","querySelector","applyAccessibleName","removeAttribute","ariaLabel","setAttribute","heading","id","schedule","callback","requestAnimationFrame","queueMicrotask","createDialogCore","state","stack","ensureDialogElement","document","Error","element","isConnected","createElement","appendChild","lockPageScroll","scrollLocked","previousBodyOverflow","body","style","overflow","previousHtmlOverflow","documentElement","unlockPageScroll","undefined","stopConnectionObserver","connectionObserver","disconnect","applyCancelBehavior","close","behavior","oncancel","event","preventDefault","onmousedown","mouseDownOnDialog","target","onclick","realBackdropClick","clientX","clientY","requestDismiss","length","dismissPending","dismissHandler","popTop","error","console","result","top","pop","dispose","remove","previous","display","className","panelClassName","cancelBehavior","opener","focus","open","resolve","resetDisconnectedDialog","entries","splice","reverse","observeConnection","MutationObserver","observe","childList","subtree","view","options","previousTop","activeElement","contentClassName","HTMLElement","Promise","reject","value","closeTyped","push","setDismissHandler","handler","showModal","first","isOpen","dialogCore"],"sources":["feedback/dialog-core.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { render } from \"solid-js/web\";\nimport { getK2bPortalRoot } from \"../internal/portal\";\nimport { isPointInsideToast } from \"./toast\";\n\nexport type DialogClose<T> = (result?: T) => void;\n\nexport type OpenDialogOptions = {\n panelClassName?: string;\n contentClassName?: string;\n initialFocus?: \"first-input\" | \"none\" | ((dialog: HTMLDialogElement) => HTMLElement | null);\n cancelBehavior?: \"resolve-undefined\" | \"ignore\";\n ariaLabel?: string;\n};\n\nexport type DialogRender<T> = (\n close: DialogClose<T>,\n context: {\n dialog: HTMLDialogElement;\n /** Route Escape/backdrop through the same guarded handler as Cancel and X. */\n setDismissHandler: (handler: () => void | Promise<void>) => void;\n },\n) => JSX.Element;\n\nexport type DialogCore = {\n open: <T>(view: DialogRender<T>, options?: OpenDialogOptions) => Promise<T | undefined>;\n close: (result?: unknown) => void;\n isOpen: () => boolean;\n};\n\ntype DialogStackEntry = {\n container: HTMLDivElement;\n dispose?: () => void;\n resolve?: (value: unknown) => void;\n panelClassName: string;\n cancelBehavior: NonNullable<OpenDialogOptions[\"cancelBehavior\"]>;\n initialFocus: NonNullable<OpenDialogOptions[\"initialFocus\"]>;\n opener?: HTMLElement;\n ariaLabel?: string;\n dismissHandler?: () => void | Promise<void>;\n dismissPending?: boolean;\n};\n\ntype DialogState = {\n element?: HTMLDialogElement;\n stack: DialogStackEntry[];\n scrollLocked?: boolean;\n previousBodyOverflow?: string;\n previousHtmlOverflow?: string;\n mouseDownOnDialog?: boolean;\n connectionObserver?: MutationObserver;\n};\n\nconst DEFAULT_PANEL_CLASS = \"k2b-dialog\";\nconst DEFAULT_CONTENT_CLASS = \"k2b-dialog__viewport\";\nlet nextDialogTitleId = 0;\n\nconst resolveInitialFocusTarget = (entry: DialogStackEntry, dialog: HTMLDialogElement): HTMLElement | null => {\n const { initialFocus } = entry;\n if (initialFocus === \"none\") return null;\n if (typeof initialFocus === \"function\") return initialFocus(dialog);\n return entry.container.querySelector<HTMLElement>(\n \"input:not([type='hidden']):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), a[href], [tabindex]:not([tabindex='-1'])\",\n );\n};\n\nconst applyAccessibleName = (dialog: HTMLDialogElement, entry: DialogStackEntry): void => {\n dialog.removeAttribute(\"aria-label\");\n dialog.removeAttribute(\"aria-labelledby\");\n if (entry.ariaLabel) {\n dialog.setAttribute(\"aria-label\", entry.ariaLabel);\n return;\n }\n const heading = entry.container.querySelector<HTMLElement>(\"h1, h2, h3\");\n if (!heading) {\n dialog.setAttribute(\"aria-label\", \"Dialog\");\n return;\n }\n heading.id ||= `k2b-dialog-title-${++nextDialogTitleId}`;\n dialog.setAttribute(\"aria-labelledby\", heading.id);\n};\n\nconst schedule = (callback: () => void): void => {\n if (typeof requestAnimationFrame === \"function\") requestAnimationFrame(callback);\n else queueMicrotask(callback);\n};\n\nexport const createDialogCore = (): DialogCore => {\n const state: DialogState = { stack: [] };\n\n const ensureDialogElement = () => {\n if (typeof document === \"undefined\") throw new Error(\"@k2b/ui dialogs can only be opened in the browser\");\n // Reuse the shared element whenever it is still in the document. Resolving\n // the portal root first would create a second <dialog> when focus has moved\n // into another `.k2b-ui` scope, orphaning the levels already on the stack.\n if (state.element?.isConnected) return state.element;\n\n const element = document.createElement(\"dialog\");\n getK2bPortalRoot().appendChild(element);\n state.element = element;\n return element;\n };\n\n const lockPageScroll = () => {\n if (typeof document === \"undefined\" || state.scrollLocked) return;\n state.previousBodyOverflow = document.body.style.overflow;\n state.previousHtmlOverflow = document.documentElement.style.overflow;\n document.body.style.overflow = \"hidden\";\n document.documentElement.style.overflow = \"hidden\";\n state.scrollLocked = true;\n };\n\n const unlockPageScroll = () => {\n if (typeof document === \"undefined\" || !state.scrollLocked) return;\n document.body.style.overflow = state.previousBodyOverflow ?? \"\";\n document.documentElement.style.overflow = state.previousHtmlOverflow ?? \"\";\n state.scrollLocked = false;\n state.previousBodyOverflow = undefined;\n state.previousHtmlOverflow = undefined;\n };\n\n const stopConnectionObserver = () => {\n state.connectionObserver?.disconnect();\n state.connectionObserver = undefined;\n };\n\n const applyCancelBehavior = (\n dialog: HTMLDialogElement,\n close: () => void,\n behavior: NonNullable<OpenDialogOptions[\"cancelBehavior\"]>,\n ) => {\n dialog.oncancel = (event) => {\n if (behavior === \"ignore\") {\n event.preventDefault();\n return;\n }\n event.preventDefault();\n close();\n };\n dialog.onmousedown = (event) => {\n state.mouseDownOnDialog = event.target === dialog;\n };\n dialog.onclick = (event) => {\n const realBackdropClick = state.mouseDownOnDialog === true;\n state.mouseDownOnDialog = false;\n if (event.target !== dialog) return;\n if (!realBackdropClick) return;\n if (behavior === \"ignore\") return;\n if (isPointInsideToast(event.clientX, event.clientY)) return;\n close();\n };\n };\n\n const requestDismiss = async (entry: DialogStackEntry) => {\n if (state.stack[state.stack.length - 1] !== entry || entry.dismissPending) return;\n if (!entry.dismissHandler) {\n popTop(undefined);\n return;\n }\n entry.dismissPending = true;\n try {\n await entry.dismissHandler();\n } catch (error) {\n // A failed guard must never discard the dialog's state.\n console.error(\"Dialog dismissal failed\", error);\n } finally {\n entry.dismissPending = false;\n }\n };\n\n const popTop = (result?: unknown) => {\n const top = state.stack.pop();\n if (!top) return;\n top.dispose?.();\n top.container.remove();\n\n const dialog = state.element;\n const previous = state.stack[state.stack.length - 1];\n if (previous && dialog) {\n previous.container.style.display = \"\";\n dialog.className = previous.panelClassName;\n applyAccessibleName(dialog, previous);\n applyCancelBehavior(dialog, () => void requestDismiss(previous), previous.cancelBehavior);\n schedule(() => {\n const target = top.opener?.isConnected ? top.opener : resolveInitialFocusTarget(previous, dialog);\n target?.focus();\n });\n } else if (dialog) {\n dialog.oncancel = null;\n dialog.onmousedown = null;\n dialog.onclick = null;\n dialog.removeAttribute(\"aria-label\");\n dialog.removeAttribute(\"aria-labelledby\");\n if (dialog.open && typeof dialog.close === \"function\") dialog.close();\n else dialog.removeAttribute(\"open\");\n dialog.remove();\n state.element = undefined;\n stopConnectionObserver();\n unlockPageScroll();\n schedule(() => {\n if (top.opener?.isConnected) top.opener.focus();\n });\n }\n\n top.resolve?.(result);\n };\n\n const resetDisconnectedDialog = () => {\n if (state.stack.length === 0 || state.element?.isConnected) return;\n const entries = state.stack.splice(0);\n const dialog = state.element;\n state.element = undefined;\n stopConnectionObserver();\n dialog?.remove();\n unlockPageScroll();\n for (const entry of entries.reverse()) {\n entry.dispose?.();\n entry.container.remove();\n entry.resolve?.(undefined);\n }\n };\n\n const observeConnection = () => {\n if (state.connectionObserver || typeof MutationObserver === \"undefined\") return;\n state.connectionObserver = new MutationObserver(resetDisconnectedDialog);\n state.connectionObserver.observe(document.documentElement, { childList: true, subtree: true });\n };\n\n const open = <T>(view: DialogRender<T>, options: OpenDialogOptions = {}): Promise<T | undefined> => {\n const dialog = ensureDialogElement();\n const previousTop = state.stack[state.stack.length - 1];\n if (previousTop) previousTop.container.style.display = \"none\";\n const activeElement = document.activeElement;\n\n const panelClassName = options.panelClassName ?? DEFAULT_PANEL_CLASS;\n const cancelBehavior = options.cancelBehavior ?? \"resolve-undefined\";\n const initialFocus = options.initialFocus ?? \"first-input\";\n dialog.className = panelClassName;\n\n const container = document.createElement(\"div\");\n container.className = options.contentClassName ?? DEFAULT_CONTENT_CLASS;\n dialog.appendChild(container);\n\n const entry: DialogStackEntry = {\n container,\n panelClassName,\n cancelBehavior,\n initialFocus,\n opener: activeElement instanceof HTMLElement ? activeElement : undefined,\n ariaLabel: options.ariaLabel,\n };\n\n return new Promise((resolve, reject) => {\n entry.resolve = (value) => resolve(value as T | undefined);\n const closeTyped: DialogClose<T> = (result) => {\n if (state.stack[state.stack.length - 1] !== entry) return;\n popTop(result);\n };\n\n state.stack.push(entry);\n try {\n entry.dispose = render(\n () =>\n view(closeTyped, {\n dialog,\n setDismissHandler: (handler) => {\n entry.dismissHandler = handler;\n },\n }),\n container,\n );\n applyAccessibleName(dialog, entry);\n applyCancelBehavior(dialog, () => void requestDismiss(entry), cancelBehavior);\n\n if (state.stack.length === 1) {\n if (typeof dialog.showModal === \"function\") dialog.showModal();\n else dialog.setAttribute(\"open\", \"\");\n lockPageScroll();\n observeConnection();\n }\n schedule(() => {\n if (state.stack[state.stack.length - 1] === entry) resolveInitialFocusTarget(entry, dialog)?.focus();\n });\n } catch (error) {\n entry.resolve = undefined;\n if (state.stack[state.stack.length - 1] === entry) popTop(undefined);\n reject(error);\n }\n });\n };\n\n const close: DialogCore[\"close\"] = (result) => {\n let first = true;\n while (state.stack.length > 0) {\n popTop(first ? result : undefined);\n first = false;\n }\n };\n\n return {\n open,\n close,\n isOpen: () => state.stack.length > 0,\n };\n};\n\nexport const dialogCore = createDialogCore();\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,6 +2,21 @@ const VIEWPORT_PADDING = 8;
|
|
|
2
2
|
const TRIGGER_GAP = 6;
|
|
3
3
|
export const positionTooltipSurface = (tooltip, target, placement = "top") => {
|
|
4
4
|
const targetRect = target.getBoundingClientRect();
|
|
5
|
+
if (placement === "left" || placement === "right") {
|
|
6
|
+
const rect = tooltip.getBoundingClientRect();
|
|
7
|
+
const right = targetRect.right + TRIGGER_GAP;
|
|
8
|
+
const left = targetRect.left - rect.width - TRIGGER_GAP;
|
|
9
|
+
const rightFits = right + rect.width <= window.innerWidth - VIEWPORT_PADDING;
|
|
10
|
+
const leftFits = left >= VIEWPORT_PADDING;
|
|
11
|
+
const useRight = placement === "right" ? rightFits || !leftFits : !leftFits && rightFits;
|
|
12
|
+
const maxLeft = Math.max(VIEWPORT_PADDING, window.innerWidth - rect.width - VIEWPORT_PADDING);
|
|
13
|
+
tooltip.style.left = `${Math.round(Math.max(VIEWPORT_PADDING, Math.min(useRight ? right : left, maxLeft)))}px`;
|
|
14
|
+
const measured = tooltip.getBoundingClientRect();
|
|
15
|
+
const maxTop = Math.max(VIEWPORT_PADDING, window.innerHeight - measured.height - VIEWPORT_PADDING);
|
|
16
|
+
tooltip.style.top = `${Math.round(Math.max(VIEWPORT_PADDING, Math.min(targetRect.top + targetRect.height / 2 - measured.height / 2, maxTop)))}px`;
|
|
17
|
+
tooltip.dataset.placement = useRight ? "right" : "left";
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
5
20
|
const initialTooltipRect = tooltip.getBoundingClientRect();
|
|
6
21
|
const initialLeft = Math.max(VIEWPORT_PADDING, Math.min(targetRect.left + targetRect.width / 2 - initialTooltipRect.width / 2, window.innerWidth - initialTooltipRect.width - VIEWPORT_PADDING));
|
|
7
22
|
tooltip.style.left = `${Math.round(initialLeft)}px`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["VIEWPORT_PADDING","TRIGGER_GAP","positionTooltipSurface","tooltip","target","placement","targetRect","getBoundingClientRect","
|
|
1
|
+
{"version":3,"names":["VIEWPORT_PADDING","TRIGGER_GAP","positionTooltipSurface","tooltip","target","placement","targetRect","getBoundingClientRect","rect","right","left","width","rightFits","window","innerWidth","leftFits","useRight","maxLeft","Math","max","style","round","min","measured","maxTop","innerHeight","height","top","dataset","initialTooltipRect","initialLeft","tooltipRect","topPosition","bottomPosition","bottom","topFits","bottomFits","useTop","desiredTop"],"sources":["feedback/tooltip-position.ts"],"sourcesContent":["export type TooltipPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nconst VIEWPORT_PADDING = 8;\nconst TRIGGER_GAP = 6;\n\nexport const positionTooltipSurface = (tooltip: HTMLElement, target: HTMLElement, placement: TooltipPlacement = \"top\"): void => {\n const targetRect = target.getBoundingClientRect();\n if (placement === \"left\" || placement === \"right\") {\n const rect = tooltip.getBoundingClientRect();\n const right = targetRect.right + TRIGGER_GAP;\n const left = targetRect.left - rect.width - TRIGGER_GAP;\n const rightFits = right + rect.width <= window.innerWidth - VIEWPORT_PADDING;\n const leftFits = left >= VIEWPORT_PADDING;\n const useRight = placement === \"right\" ? rightFits || !leftFits : !leftFits && rightFits;\n const maxLeft = Math.max(VIEWPORT_PADDING, window.innerWidth - rect.width - VIEWPORT_PADDING);\n tooltip.style.left = `${Math.round(Math.max(VIEWPORT_PADDING, Math.min(useRight ? right : left, maxLeft)))}px`;\n const measured = tooltip.getBoundingClientRect();\n const maxTop = Math.max(VIEWPORT_PADDING, window.innerHeight - measured.height - VIEWPORT_PADDING);\n tooltip.style.top = `${Math.round(Math.max(VIEWPORT_PADDING, Math.min(targetRect.top + targetRect.height / 2 - measured.height / 2, maxTop)))}px`;\n tooltip.dataset.placement = useRight ? \"right\" : \"left\";\n return;\n }\n const initialTooltipRect = tooltip.getBoundingClientRect();\n const initialLeft = Math.max(\n VIEWPORT_PADDING,\n Math.min(\n targetRect.left + targetRect.width / 2 - initialTooltipRect.width / 2,\n window.innerWidth - initialTooltipRect.width - VIEWPORT_PADDING,\n ),\n );\n tooltip.style.left = `${Math.round(initialLeft)}px`;\n\n // Re-measure after fixing the available width so wrapped content stays\n // aligned with its target.\n const tooltipRect = tooltip.getBoundingClientRect();\n const topPosition = targetRect.top - tooltipRect.height - TRIGGER_GAP;\n const bottomPosition = targetRect.bottom + TRIGGER_GAP;\n const topFits = topPosition >= VIEWPORT_PADDING;\n const bottomFits = bottomPosition + tooltipRect.height <= window.innerHeight - VIEWPORT_PADDING;\n const useTop = placement === \"top\" ? topFits || !bottomFits : !bottomFits && topFits;\n const left = Math.max(\n VIEWPORT_PADDING,\n Math.min(targetRect.left + targetRect.width / 2 - tooltipRect.width / 2, window.innerWidth - tooltipRect.width - VIEWPORT_PADDING),\n );\n const desiredTop = useTop ? topPosition : bottomPosition;\n const maxTop = Math.max(VIEWPORT_PADDING, window.innerHeight - tooltipRect.height - VIEWPORT_PADDING);\n const top = Math.max(VIEWPORT_PADDING, Math.min(desiredTop, maxTop));\n\n tooltip.style.left = `${Math.round(left)}px`;\n tooltip.style.top = `${Math.round(top)}px`;\n tooltip.dataset.placement = useTop ? \"top\" : \"bottom\";\n};\n"],"mappings":"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","ignoreList":[]}
|