79 lines
11 KiB
JavaScript
79 lines
11 KiB
JavaScript
|
import { DOCUMENT } from '@angular/common';
|
||
|
|
import { ApplicationRef, ComponentFactoryResolver, inject, Injectable } from '@angular/core';
|
||
|
|
import { DomPortalHost } from '../portal/dom-portal-host';
|
||
|
|
import { OverlayContainer } from './overlay-container';
|
||
|
|
import { OverlayRef } from './overlay-ref';
|
||
|
|
import * as i0 from "@angular/core";
|
||
|
|
/**
|
||
|
|
* Service to create Overlays. Overlays are dynamically added pieces of floating UI, meant to be
|
||
|
|
* used as a low-level building building block for other components. Dialogs, tooltips, menus,
|
||
|
|
* selects, etc. can all be built using overlays. The service should primarily be used by authors
|
||
|
|
* of re-usable components rather than developers building end-user applications.
|
||
|
|
*
|
||
|
|
* An overlay *is* a PortalHost, so any kind of Portal can be loaded into one.
|
||
|
|
*/
|
||
|
|
class Overlay {
|
||
|
|
_overlayContainer = inject(OverlayContainer);
|
||
|
|
_componentFactoryResolver = inject(ComponentFactoryResolver);
|
||
|
|
_appRef = inject(ApplicationRef);
|
||
|
|
_document = inject(DOCUMENT);
|
||
|
|
// Namespace panes by overlay container
|
||
|
|
_paneElements = new Map();
|
||
|
|
/**
|
||
|
|
* Creates an overlay.
|
||
|
|
* @returns A reference to the created overlay.
|
||
|
|
*/
|
||
|
|
create(positionClass, overlayContainer) {
|
||
|
|
// get existing pane if possible
|
||
|
|
return this._createOverlayRef(this.getPaneElement(positionClass, overlayContainer));
|
||
|
|
}
|
||
|
|
getPaneElement(positionClass = '', overlayContainer) {
|
||
|
|
if (!this._paneElements.get(overlayContainer)) {
|
||
|
|
this._paneElements.set(overlayContainer, {});
|
||
|
|
}
|
||
|
|
if (!this._paneElements.get(overlayContainer)[positionClass]) {
|
||
|
|
this._paneElements.get(overlayContainer)[positionClass] = this._createPaneElement(positionClass, overlayContainer);
|
||
|
|
}
|
||
|
|
return this._paneElements.get(overlayContainer)[positionClass];
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Creates the DOM element for an overlay and appends it to the overlay container.
|
||
|
|
* @returns Newly-created pane element
|
||
|
|
*/
|
||
|
|
_createPaneElement(positionClass, overlayContainer) {
|
||
|
|
const pane = this._document.createElement('div');
|
||
|
|
pane.id = 'toast-container';
|
||
|
|
pane.classList.add(positionClass);
|
||
|
|
pane.classList.add('toast-container');
|
||
|
|
if (!overlayContainer) {
|
||
|
|
this._overlayContainer.getContainerElement().appendChild(pane);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
overlayContainer.getContainerElement().appendChild(pane);
|
||
|
|
}
|
||
|
|
return pane;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Create a DomPortalHost into which the overlay content can be loaded.
|
||
|
|
* @param pane The DOM element to turn into a portal host.
|
||
|
|
* @returns A portal host for the given DOM element.
|
||
|
|
*/
|
||
|
|
_createPortalHost(pane) {
|
||
|
|
return new DomPortalHost(pane, this._componentFactoryResolver, this._appRef);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Creates an OverlayRef for an overlay in the given DOM element.
|
||
|
|
* @param pane DOM element for the overlay
|
||
|
|
*/
|
||
|
|
_createOverlayRef(pane) {
|
||
|
|
return new OverlayRef(this._createPortalHost(pane));
|
||
|
|
}
|
||
|
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: Overlay, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
||
|
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: Overlay, providedIn: 'root' });
|
||
|
|
}
|
||
|
|
export { Overlay };
|
||
|
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: Overlay, decorators: [{
|
||
|
|
type: Injectable,
|
||
|
|
args: [{ providedIn: 'root' }]
|
||
|
|
}] });
|
||
|
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvb3ZlcmxheS9vdmVybGF5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsY0FBYyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFN0YsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTNDOzs7Ozs7O0dBT0c7QUFDSCxNQUNhLE9BQU87SUFDVixpQkFBaUIsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUM3Qyx5QkFBeUIsR0FBRyxNQUFNLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUM3RCxPQUFPLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQ2pDLFNBQVMsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFckMsdUNBQXVDO0lBQy9CLGFBQWEsR0FBOEQsSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUU3Rjs7O09BR0c7SUFDSCxNQUFNLENBQUMsYUFBc0IsRUFBRSxnQkFBMEM7UUFDdkUsZ0NBQWdDO1FBQ2hDLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUFFLGdCQUFnQixDQUFDLENBQUMsQ0FBQztJQUN0RixDQUFDO0lBRUQsY0FBYyxDQUNaLGdCQUF3QixFQUFFLEVBQzFCLGdCQUEwQztRQUUxQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsZ0JBQTJDLENBQUMsRUFBRTtZQUN4RSxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxnQkFBMkMsRUFBRSxFQUFFLENBQUMsQ0FBQztTQUN6RTtRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxnQkFBMkMsQ0FBRSxDQUFDLGFBQWEsQ0FBQyxFQUFFO1lBQ3hGLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLGdCQUEyQyxDQUFFLENBQ2xFLGFBQWEsQ0FDZCxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztTQUM5RDtRQUVELE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsZ0JBQTJDLENBQUUsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUM3RixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssa0JBQWtCLENBQ3hCLGFBQXFCLEVBQ3JCLGdCQUEwQztRQUUxQyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVqRCxJQUFJLENBQUMsRUFBRSxHQUFHLGlCQUFpQixDQUFDO1FBQzVCLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFFdEMsSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3JCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxtQkFBbUIsRUFBRSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNoRTthQUFNO1lBQ0wsZ0JBQWdCLENBQUMsbUJBQW1CLEVBQUUsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDMUQ7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRDs7OztPQUlHO0lBQ0ssaUJBQWlCLENBQUMsSUFBaUI7UUFDekMsT0FBTyxJQUFJLGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLHlCQUF5QixFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMvRSxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssaUJBQWlCLENBQUMsSUFBaUI7UUFDekMsT0FBTyxJQUFJLFVBQVUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUN0RCxDQUFDO3VHQXpFVSxPQUFPOzJHQUFQLE9BQU8sY0FETSxNQUFNOztTQUNuQixPQUFPOzJGQUFQLE9BQU87a0JBRG5CLFVBQVU7bUJBQUMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQXBwbGljYXRpb25SZWYsIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlciwgaW5qZWN0LCBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERvbVBvcnRhbEhvc3QgfSBmcm9tICcuLi9wb3J0YWwvZG9tLXBvcnRhbC1ob3N0JztcbmltcG9ydCB7IFRvYXN0Q29udGFpbmVyRGlyZWN0aXZlIH0gZnJvbSAnLi4vdG9hc3RyL3RvYXN0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBPdmVybGF5Q29udGFpbmVyIH0gZnJvbSAnLi9vdmVybGF5LWNvbnRhaW5lcic7XG5pbXBvcnQgeyBPdmVybGF5UmVmIH0gZnJvbSAnLi9vdmVybGF5LXJlZic7XG5cbi8qKlxuICogU2VydmljZSB0byBjcmVhdGUgT3ZlcmxheXMuIE92ZXJsYXlzIGFyZSBkeW5hbWljYWxseSBhZGRlZCBwaWVjZXMgb2YgZmxvYXRpbmcgVUksIG1lYW50IHRvIGJlXG4gKiB1c2VkIGFzIGEgbG93LWxldmVsIGJ1aWxkaW5nIGJ1aWxkaW5nIGJsb2NrIGZvciBvdGhlciBjb21wb25lbnRzLiBEaWFsb2dzLCB0b29sdGlwcywgbWVudXMsXG4gKiBzZWxlY3RzLCBldGMuIGNhbiBhbGwgYmUgYnVpbHQgdXNpbmcgb3ZlcmxheXMuIFRoZSBzZXJ2aWNlIHNob3VsZCBwcmltYXJpbHkgYmUgdXNlZCBieSBhdXRob3JzXG4gKiBvZiByZS11c2FibGUgY29tcG9uZW50cyByYXRoZXIgdGhhbiBkZXZlbG9wZXJzIGJ1aWxkaW5nIGVuZC11c2VyIGFwcGxpY2F0aW9ucy5cbiAqXG4gKiBBbiBvdmVybGF5ICppcyogYSBQb3J0YWxIb3N0LCBzbyBhbnkga2luZCBvZiBQb3J0YWwgY2FuIGJlIGxvYWRlZCBpbnRvIG9uZS5cbiAqL1xuQEluamVjdGFibGUoeyBwcm92aWRlZEluOiAncm9vdCcgfSlcbmV4cG9ydCBjbGFzcyBPdmVybGF5IHtcbiAgcHJpdmF0ZSBfb3ZlcmxheUNvbnRhaW5lciA9IGluamVjdChPdmVybGF5Q29udGFpbmVyKTtcbiAgcHJpdmF0ZSBfY29tc
|