{
  "version": 3,
  "sources": ["../../card/lightbox.tsx", "../../../lib.web.motion/index.ts"],
  "sourcesContent": ["import * as React from \"react\"\nimport * as ReactDOM from \"react-dom\"\n\nimport * as MDC from \"@cling/lib.web.mdc\"\nimport {i18n} from \"@cling/lib.web.i18n\"\nimport {load_photoswipe} from \"@cling/lib.web.lazy_load\"\nimport {element_enters_screen_duration, element_leaves_screen_duration} from \"@cling/lib.web.motion\"\nimport {\n    can_enter_fullscreen,\n    can_exit_fullscreen,\n    enter_fullscreen,\n    exit_fullscreen,\n    running_on_mobile_device,\n    trap_browser_back,\n} from \"@cling/lib.web.utils\"\nimport {\n    Board,\n    Card,\n    CardUID,\n    QueryThumbnailRequest,\n    as_BlobUID,\n    from_b64url,\n} from \"@cling/lib.shared.model\"\nimport {ui_actions, ui_state} from \"../state/index\"\nimport {runInAction} from \"mobx\"\nimport {report_error} from \"@cling/lib.shared.debug\"\nimport {BoardContext} from \"../board_context\"\nimport {thumbnail_url} from \"@cling/lib.web.resources/thumbnails\"\nimport {media_info_resource} from \"@cling/lib.web.resources\"\n\ninterface Props {\n    initial_card: Card\n    children?: any\n}\n\ninterface State {\n    can_navigate_prev: boolean\n    can_navigate_next: boolean\n}\n\nfunction max_thumbnail_size(): [number, number] {\n    const device_pixel_ratio = Math.min(window.devicePixelRatio || 1, 3)\n    const max_width = Math.round(screen.width * device_pixel_ratio)\n    const max_height = Math.round(screen.height * device_pixel_ratio)\n    return [Math.min(max_width, 1920), Math.min(max_height, 1920)]\n}\n\ninterface Item {\n    // Used by Cling.\n    b: () => {x: number; y: number; w: number}\n    card_uid: CardUID\n    // Used by PhotoSwipe.\n    src: string\n    w: number\n    h: number\n}\n\nexport class Lightbox extends React.PureComponent<Props, State> {\n    static readonly contextType = BoardContext\n    private dispose_trap_browser_back?: () => void\n    private card_menus_disabled_before = false\n\n    on_popstate = () => {\n        this.close()\n    }\n\n    state = {\n        can_navigate_prev: false,\n        can_navigate_next: false,\n    }\n    private init_later = false\n    private pswp_div_ref: ReactRef<HTMLDivElement>\n    private gallery: any\n    private readonly dispose_functions = [] as Array<() => void>\n\n    close = () => {\n        if (this.gallery) {\n            this.gallery.close()\n            this.gallery = null\n        }\n        for (const dispose of this.dispose_functions) {\n            dispose()\n        }\n        if (this.dispose_trap_browser_back) {\n            this.dispose_trap_browser_back()\n            this.dispose_trap_browser_back = undefined\n        }\n        this.init_later = false\n    }\n\n    update_pswp_div_ref = (ref: ReactRef<HTMLDivElement>) => {\n        if (ref) {\n            this.pswp_div_ref = ref\n            this.init_later = true\n            const load_photoswipe_promise = load_photoswipe()\n            const [max_thumbnail_width, max_thumbnail_height] = max_thumbnail_size()\n            const {initial_card} = this.props\n            const card_to_item = (card: Card) => {\n                const {uid: card_uid} = card\n                const thumbnail_div = document\n                    .querySelector(`[data-card-uid=\"${card_uid}\"]`)\n                    ?.querySelector(\"[data-blob-uid]\") as HTMLDivElement\n                if (!thumbnail_div) {\n                    return undefined\n                }\n                const url = new URL(\n                    thumbnail_div.style.backgroundImage!.slice(4, -1).replace(/\"/g, \"\"),\n                )\n                const blob_uid = as_BlobUID(thumbnail_div.getAttribute(\"data-blob-uid\"))\n                let thumbnail_width\n                let thumbnail_height\n                if (cling.frontend_only) {\n                    thumbnail_width = 1024\n                    thumbnail_height = 512\n                } else {\n                    // We should always have the `q` parameter but we got an error report in\n                    // production that it was missing. We should definitely move away from\n                    // PhotoSwipe.\n                    if (url.searchParams.has(\"q\")) {\n                        const req = from_b64url(QueryThumbnailRequest, url.searchParams.get(\"q\")!)\n                        thumbnail_width = req.max_thumbnail_width\n                        thumbnail_height = req.max_thumbnail_height\n                    } else {\n                        thumbnail_width = 1024\n                        thumbnail_height = 512\n                    }\n                }\n                const media_info = media_info_resource.read(blob_uid)\n                const image_width = media_info?.width ?? thumbnail_width\n                const image_height = media_info?.height ?? thumbnail_height\n                let w = image_width\n                let h = image_height\n                const aspect_ratio = image_width / image_height\n                if (w > max_thumbnail_width || h > max_thumbnail_height) {\n                    w = max_thumbnail_width\n                    h = Math.round(max_thumbnail_width / aspect_ratio)\n                    if (h > max_thumbnail_height) {\n                        w = Math.round(max_thumbnail_height * aspect_ratio)\n                        h = max_thumbnail_height\n                    }\n                }\n                const src = thumbnail_url({blob_uid, width: w, height: h})\n                return {\n                    src,\n                    w,\n                    h,\n                    // For open/close lightbox animation.\n                    b: () => {\n                        const r = thumbnail_div.getBoundingClientRect()\n                        return {x: r.left, y: r.top, w: r.width}\n                    },\n                    card_uid,\n                }\n            }\n            const items = (this.context.current_board.board as Board).all_cards\n                .filter((card) => card.file || card.link)\n                .map(card_to_item)\n                .filter((x) => x) as Array<Item>\n            const options: any = {\n                index: items.findIndex((x) => x.card_uid === initial_card.uid),\n                getThumbBoundsFn: (index: number) => items[index].b(),\n                preload: [1, 2],\n                loop: false,\n                // We don't allow PhotoSwipe to handle the arrow keys [<-] and [->] because\n                // PhotoSwipe will switch to the last image when the first image is displayed\n                // and the user presses [<-] and we don't want this behavior.\n                arrowKeys: false,\n                history: false,\n                showHideOpacity: true,\n                showAnimationDuration: element_enters_screen_duration,\n                hideAnimationDuration: element_leaves_screen_duration,\n            }\n            load_photoswipe_promise\n                .then(() => {\n                    if (!this.init_later) {\n                        return\n                    }\n                    const g = new PhotoSwipe(ref, null, items, options)\n                    this.gallery = g\n                    g.listen(\"destroy\", () => {\n                        ui_actions.close_lightbox()\n                    })\n                    g.listen(\"beforeChange\", () => {\n                        const idx = g.getCurrentIndex()\n                        const can_navigate_prev = idx > 0\n                        const can_navigate_next = idx < items.length - 1\n                        if (\n                            can_navigate_prev !== this.state.can_navigate_prev ||\n                            can_navigate_next !== this.state.can_navigate_next\n                        ) {\n                            this.setState({can_navigate_prev, can_navigate_next})\n                        }\n                    })\n                    g.init()\n                    if (!running_on_mobile_device()) {\n                        g.scrollWrap.addEventListener(\"pswpTap\", (e: any) => {\n                            if (e.target.classList.contains(\"pswp__img\")) {\n                                if (ref.classList.contains(\"pswp--zoom-allowed\")) {\n                                    g.toggleDesktopZoom(e.detail.releasePoint)\n                                }\n                            }\n                        })\n                    }\n                })\n                .catch(report_error)\n        }\n    }\n\n    enter_fullscreen = () => {\n        enter_fullscreen(\n            this.pswp_div_ref!,\n            /* on_exit_fullscreen: */ () => {\n                if (running_on_mobile_device()) {\n                    this.close()\n                }\n            },\n        )\n    }\n\n    show_prev_image = () => {\n        this.gallery.prev()\n    }\n\n    show_next_image = () => {\n        this.gallery.next()\n    }\n\n    handle_window_resize = () => {\n        this.forceUpdate() // ... for the Fullscreen / Fullscreen Exit icon\n    }\n\n    handle_keydown = (e: KeyboardEvent) => {\n        // Don't do anything if special key pressed to prevent from overriding default browser\n        // actions (e.g. in Chrome on Mac cmd+arrow-left returns to previous page) ...\n        if (e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) {\n            return\n        }\n        if (e.keyCode === 37 && this.state.can_navigate_prev) {\n            this.show_prev_image()\n        } else if (e.keyCode === 39 && this.state.can_navigate_next) {\n            this.show_next_image()\n        }\n    }\n\n    componentDidMount() {\n        this.dispose_trap_browser_back = trap_browser_back(\"lightbox\", this.on_popstate)\n        runInAction(() => {\n            ui_state.prevent_touch_scroll_x = true\n            this.card_menus_disabled_before = ui_state.card_menus_disabled\n            ui_state.card_menus_disabled = true\n        })\n        addEventListener(\"resize\", this.handle_window_resize)\n        document.addEventListener(\"keydown\", this.handle_keydown)\n    }\n\n    componentWillUnmount() {\n        if (this.dispose_trap_browser_back) {\n            this.dispose_trap_browser_back()\n            this.dispose_trap_browser_back = undefined\n        }\n        runInAction(() => {\n            ui_state.prevent_touch_scroll_x = false\n            ui_state.card_menus_disabled = this.card_menus_disabled_before\n        })\n        removeEventListener(\"resize\", this.handle_window_resize)\n        document.removeEventListener(\"keydown\", this.handle_keydown)\n    }\n\n    render(): any {\n        return ReactDOM.createPortal(\n            <div\n                className=\"pswp\"\n                tabIndex={-1}\n                role=\"dialog\"\n                aria-hidden=\"true\"\n                ref={this.update_pswp_div_ref}\n            >\n                <div className=\"pswp__bg\" />\n                <div className=\"pswp__scroll-wrap\">\n                    <div className=\"pswp__container\" data-test-id=\"Lightbox_container\">\n                        <div className=\"pswp__item\" />\n                        <div className=\"pswp__item\" />\n                        <div className=\"pswp__item\" />\n                    </div>\n                    {this.render_ui()}\n                </div>\n            </div>,\n            document.body,\n        )\n    }\n\n    render_ui() {\n        const {can_navigate_prev, can_navigate_next} = this.state\n        return (\n            <div className=\"pswp__ui\">\n                <div className=\"pswp__ui_left\">\n                    {can_navigate_prev && !running_on_mobile_device() && (\n                        <MDC.IconButton\n                            icon=\"navigate_before\"\n                            tooltip={i18n.previous_image}\n                            onClick={this.show_prev_image}\n                        />\n                    )}\n                </div>\n                <div className=\"pswp__ui_right\">\n                    {can_navigate_next && !running_on_mobile_device() && (\n                        <MDC.IconButton\n                            icon=\"navigate_next\"\n                            tooltip={i18n.next_image}\n                            onClick={this.show_next_image}\n                        />\n                    )}\n                </div>\n                <div className=\"pswp__ui_top_left\">\n                    <MDC.IconButton\n                        data-test-id=\"Lightbox_close\"\n                        icon=\"close\"\n                        tooltip={i18n.close}\n                        onClick={this.close}\n                        onTouchEnd={this.close}\n                    />\n                </div>\n                <div className=\"pswp__ui_top_right\">\n                    {!running_on_mobile_device() && can_enter_fullscreen() && (\n                        <MDC.IconButton\n                            icon=\"fullscreen\"\n                            tooltip={i18n.fullscreen}\n                            onClick={this.enter_fullscreen}\n                        />\n                    )}\n                    {!running_on_mobile_device() && can_exit_fullscreen() && (\n                        <MDC.IconButton\n                            icon=\"fullscreen_exit\"\n                            tooltip={i18n.exit_fullscreen}\n                            onClick={exit_fullscreen}\n                        />\n                    )}\n                    {this.props.children}\n                </div>\n            </div>\n        )\n    }\n}\n", "import {running_on_mobile_device} from \"@cling/lib.web.utils\"\n\nexport const material_motion_duration: number = (function () {\n    // https://material.io/guidelines/motion/duration-easing.html#duration-easing-dynamic-durations\n    // Transitions on mobile typically occur over 300ms. Desktop animations should be faster and\n    // simpler than their mobile counterparts. These animations should last 150ms to 200ms.\n    return running_on_mobile_device() ? 300 : 175\n})()\n// Elements entering the screen occur over 225ms (for mobile) ...\nexport const element_enters_screen_duration = Math.round((material_motion_duration * 225) / 300)\n// Elements leaving the screen occur over 195ms (for mobile) ...\nexport const element_leaves_screen_duration = Math.round((material_motion_duration * 195) / 300)\n"],
  "mappings": "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",
  "names": ["init_compat_module", "material_motion_duration", "running_on_mobile_device", "element_enters_screen_duration", "element_leaves_screen_duration", "max_thumbnail_size", "device_pixel_ratio", "max_width", "max_height", "__name", "_Lightbox", "N", "__publicField", "dispose", "ref", "load_photoswipe_promise", "load_photoswipe", "max_thumbnail_width", "max_thumbnail_height", "initial_card", "card_to_item", "card", "card_uid", "thumbnail_div", "url", "blob_uid", "as_BlobUID", "thumbnail_width", "thumbnail_height", "req", "from_b64url", "QueryThumbnailRequest", "media_info", "media_info_resource", "image_width", "image_height", "w", "h", "aspect_ratio", "thumbnail_url", "r", "items", "x", "options", "index", "element_enters_screen_duration", "element_leaves_screen_duration", "g", "ui_actions", "idx", "can_navigate_prev", "can_navigate_next", "running_on_mobile_device", "e", "report_error", "enter_fullscreen", "trap_browser_back", "runInAction", "ui_state", "$", "_", "IconButton", "i18n", "can_enter_fullscreen", "can_exit_fullscreen", "exit_fullscreen", "BoardContext", "Lightbox"]
}