carbon-components-angular
Version:
Next generation components
43 lines • 4.94 kB
JavaScript
import { Component, ViewContainerRef, ViewChild, Input } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "./placeholder.service";
/**
* Using a modal, dialog (Tooltip, OverflowMenu), or any other component that draws out of the normal page flow
* in your application *requires* this component (`cds-placeholder`).
* It would generally be placed near the end of your root app component template
* (app.component.ts or app.component.html) as:
*
* ```
* <cds-placeholder></cds-placeholder>
* ```
*/
export class Placeholder {
/**
* Creates an instance of `Placeholder`.
*/
constructor(placeholderService) {
this.placeholderService = placeholderService;
}
/**
* Registers the components view with `PlaceholderService`
*/
ngOnInit() {
// TODO use `id` to register with the placeholderService
this.placeholderService.registerViewContainerRef(this.viewContainerRef);
}
}
Placeholder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: Placeholder, deps: [{ token: i1.PlaceholderService }], target: i0.ɵɵFactoryTarget.Component });
Placeholder.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: Placeholder, selector: "cds-placeholder, ibm-placeholder", inputs: { id: "id" }, viewQueries: [{ propertyName: "viewContainerRef", first: true, predicate: ["placeholder"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `<div #placeholder></div>`, isInline: true });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: Placeholder, decorators: [{
type: Component,
args: [{
selector: "cds-placeholder, ibm-placeholder",
template: `<div #placeholder></div>`
}]
}], ctorParameters: function () { return [{ type: i1.PlaceholderService }]; }, propDecorators: { id: [{
type: Input
}], viewContainerRef: [{
type: ViewChild,
args: ["placeholder", { read: ViewContainerRef, static: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhY2Vob2xkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BsYWNlaG9sZGVyL3BsYWNlaG9sZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ04sU0FBUyxFQUVULGdCQUFnQixFQUNoQixTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sZUFBZSxDQUFDOzs7QUFHdkI7Ozs7Ozs7OztHQVNHO0FBS0gsTUFBTSxPQUFPLFdBQVc7SUFPdkI7O09BRUc7SUFDSCxZQUFtQixrQkFBc0M7UUFBdEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtJQUFJLENBQUM7SUFFOUQ7O09BRUc7SUFDSCxRQUFRO1FBQ1Asd0RBQXdEO1FBQ3hELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUN6RSxDQUFDOzt3R0FsQlcsV0FBVzs0RkFBWCxXQUFXLDBMQUtXLGdCQUFnQiwyQ0FQeEMsMEJBQTBCOzJGQUV4QixXQUFXO2tCQUp2QixTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxrQ0FBa0M7b0JBQzVDLFFBQVEsRUFBRSwwQkFBMEI7aUJBQ3BDO3lHQUVTLEVBQUU7c0JBQVYsS0FBSztnQkFJOEQsZ0JBQWdCO3NCQUFuRixTQUFTO3VCQUFDLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcblx0Q29tcG9uZW50LFxuXHRPbkluaXQsXG5cdFZpZXdDb250YWluZXJSZWYsXG5cdFZpZXdDaGlsZCxcblx0SW5wdXRcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFBsYWNlaG9sZGVyU2VydmljZSB9IGZyb20gXCIuL3BsYWNlaG9sZGVyLnNlcnZpY2VcIjtcblxuLyoqXG4gKiBVc2luZyBhIG1vZGFsLCBkaWFsb2cgKFRvb2x0aXAsIE92ZXJmbG93TWVudSksIG9yIGFueSBvdGhlciBjb21wb25lbnQgdGhhdCBkcmF3cyBvdXQgb2YgdGhlIG5vcm1hbCBwYWdlIGZsb3dcbiAqIGluIHlvdXIgYXBwbGljYXRpb24gKnJlcXVpcmVzKiB0aGlzIGNvbXBvbmVudCAoYGNkcy1wbGFjZWhvbGRlcmApLlxuICogSXQgd291bGQgZ2VuZXJhbGx5IGJlIHBsYWNlZCBuZWFyIHRoZSBlbmQgb2YgeW91ciByb290IGFwcCBjb21wb25lbnQgdGVtcGxhdGVcbiAqIChhcHAuY29tcG9uZW50LnRzIG9yIGFwcC5jb21wb25lbnQuaHRtbCkgYXM6XG4gKlxuICogYGBgXG4gKiA8Y2RzLXBsYWNlaG9sZGVyPjwvY2RzLXBsYWNlaG9sZGVyPlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogXCJjZHMtcGxhY2Vob2xkZXIsIGlibS1wbGFjZWhvbGRlclwiLFxuXHR0ZW1wbGF0ZTogYDxkaXYgI3BsYWNlaG9sZGVyPjwvZGl2PmBcbn0pXG5leHBvcnQgY2xhc3MgUGxhY2Vob2xkZXIgaW1wbGVtZW50cyBPbkluaXQge1xuXHRASW5wdXQoKSBpZDogYW55O1xuXHQvKipcblx0ICogTWFpbnRhaW5zIGEgcmVmZXJlbmNlIHRvIHRoZSB2aWV3IERPTSBlbGVtZW50IG9mIHRoZSBgUGxhY2Vob2xkZXJgLlxuXHQgKi9cblx0QFZpZXdDaGlsZChcInBsYWNlaG9sZGVyXCIsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiwgc3RhdGljOiB0cnVlIH0pIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWY7XG5cblx0LyoqXG5cdCAqIENyZWF0ZXMgYW4gaW5zdGFuY2Ugb2YgYFBsYWNlaG9sZGVyYC5cblx0ICovXG5cdGNvbnN0cnVjdG9yKHB1YmxpYyBwbGFjZWhvbGRlclNlcnZpY2U6IFBsYWNlaG9sZGVyU2VydmljZSkgeyB9XG5cblx0LyoqXG5cdCAqIFJlZ2lzdGVycyB0aGUgY29tcG9uZW50cyB2aWV3IHdpdGggYFBsYWNlaG9sZGVyU2VydmljZWBcblx0ICovXG5cdG5nT25Jbml0KCkge1xuXHRcdC8vIFRPRE8gdXNlIGBpZGAgdG8gcmVnaXN0ZXIgd2l0aCB0aGUgcGxhY2Vob2xkZXJTZXJ2aWNlXG5cdFx0dGhpcy5wbGFjZWhvbGRlclNlcnZpY2UucmVnaXN0ZXJWaWV3Q29udGFpbmVyUmVmKHRoaXMudmlld0NvbnRhaW5lclJlZik7XG5cdH1cbn1cbiJdfQ==