@quick-game/cli
Version:
Command line interface for rapid qg development
61 lines • 2.29 kB
JavaScript
// Copyright 2020 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import * as Components from '../../ui/legacy/components/utils/utils.js';
import * as UI from '../../ui/legacy/legacy.js';
/**
* ImagePreviewPopover sets listeners on the container element to display
* an image preview if needed. The image URL comes from the event (mouseover) target
* in a propery identified by HrefSymbol. To enable preview for any child element
* set the property HrefSymbol.
*/
export class ImagePreviewPopover {
getLinkElement;
getDOMNode;
popover;
constructor(container, getLinkElement, getDOMNode) {
this.getLinkElement = getLinkElement;
this.getDOMNode = getDOMNode;
this.popover = new UI.PopoverHelper.PopoverHelper(container, this.handleRequest.bind(this));
this.popover.setHasPadding(true);
this.popover.setTimeout(0, 100);
}
handleRequest(event) {
const link = this.getLinkElement(event);
if (!link) {
return null;
}
const href = elementToURLMap.get(link);
if (!href) {
return null;
}
return {
box: link.boxInWindow(),
hide: undefined,
show: async (popover) => {
const node = this.getDOMNode(link);
if (!node) {
return false;
}
const precomputedFeatures = await Components.ImagePreview.ImagePreview.loadDimensionsForNode(node);
const preview = await Components.ImagePreview.ImagePreview.build(node.domModel().target(), href, true, { imageAltText: undefined, precomputedFeatures });
if (preview) {
popover.contentElement.appendChild(preview);
}
return Boolean(preview);
},
};
}
hide() {
this.popover.hidePopover();
}
static setImageUrl(element, url) {
elementToURLMap.set(element, url);
return element;
}
static getImageURL(element) {
return elementToURLMap.get(element);
}
}
const elementToURLMap = new WeakMap();
//# sourceMappingURL=ImagePreviewPopover.js.map