@alauda-fe/common
Version:
Alauda frontend team common codes.
46 lines • 11.8 kB
JavaScript
import { CdkPortalOutlet, TemplatePortal } from '@angular/cdk/portal';
import { ChangeDetectionStrategy, Component, ViewChild, ViewContainerRef, ViewEncapsulation, } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/cdk/portal";
const _c0 = ["container"];
const _c1 = a0 => ({ "acl-resource-selector__popup": true, "acl-resource-selector__popup--lite": a0 });
export class ResourceSelectorPopupComponent {
constructor(viewContainerRef) {
this.viewContainerRef = viewContainerRef;
this.popupLite = false;
}
attachContent(template, popupLite) {
this.templatePortal = new TemplatePortal(template, this.viewContainerRef);
this.popupLite = popupLite;
}
static { this.ɵfac = function ResourceSelectorPopupComponent_Factory(t) { return new (t || ResourceSelectorPopupComponent)(i0.ɵɵdirectiveInject(i0.ViewContainerRef)); }; }
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResourceSelectorPopupComponent, selectors: [["acl-resource-selector-popup"]], viewQuery: function ResourceSelectorPopupComponent_Query(rf, ctx) { if (rf & 1) {
i0.ɵɵviewQuery(CdkPortalOutlet, 7);
i0.ɵɵviewQuery(_c0, 5, ViewContainerRef);
} if (rf & 2) {
let _t;
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.portalOutlet = _t.first);
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
} }, decls: 2, vars: 4, consts: [[3, "ngClass"], [3, "cdkPortalOutlet"]], template: function ResourceSelectorPopupComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 0);
i0.ɵɵelementContainer(1, 1);
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c1, ctx.popupLite));
i0.ɵɵadvance();
i0.ɵɵproperty("cdkPortalOutlet", ctx.templatePortal);
} }, dependencies: [i1.NgClass, i2.CdkPortalOutlet], styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.acl-resource-selector__backdrop{display:flex;flex-direction:column}.acl-resource-selector__backdrop:before,.acl-resource-selector__backdrop:after{content:\"\"}.acl-resource-selector__backdrop:before{background-color:transparent;height:60px}.acl-resource-selector__backdrop:after{background-color:#0000004d;flex:1}.acl-resource-selector__popup{display:flex;flex-direction:column;width:1024px;max-height:602px;background-color:rgb(var(--aui-color-n-10));border-radius:4px;overflow:hidden;padding:0 20px 20px;margin-top:18px}:root .acl-resource-selector__popup{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .acl-resource-selector__popup{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .acl-resource-selector__popup{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .acl-resource-selector__popup{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.75)}.acl-resource-selector__popup acl-namespace-list .filter{border-bottom:1px solid rgb(var(--aui-color-n-8));box-shadow:none;padding:20px 0}.acl-resource-selector__popup acl-project-list{padding-top:20px}.acl-resource-selector__popup acl-resource-data-grid{padding:0;box-shadow:none}.acl-resource-selector__popup .no-data__figure,.acl-resource-selector__popup .no-data__figure img{height:120px!important}.acl-resource-selector__popup--lite{width:512px;margin-top:8px}\n"], encapsulation: 2 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourceSelectorPopupComponent, [{
type: Component,
args: [{ selector: 'acl-resource-selector-popup', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<div\n [ngClass]=\"{\n 'acl-resource-selector__popup': true,\n 'acl-resource-selector__popup--lite': popupLite\n }\"\n>\n <ng-container [cdkPortalOutlet]=\"templatePortal\"></ng-container>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.acl-resource-selector__backdrop{display:flex;flex-direction:column}.acl-resource-selector__backdrop:before,.acl-resource-selector__backdrop:after{content:\"\"}.acl-resource-selector__backdrop:before{background-color:transparent;height:60px}.acl-resource-selector__backdrop:after{background-color:#0000004d;flex:1}.acl-resource-selector__popup{display:flex;flex-direction:column;width:1024px;max-height:602px;background-color:rgb(var(--aui-color-n-10));border-radius:4px;overflow:hidden;padding:0 20px 20px;margin-top:18px}:root .acl-resource-selector__popup{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .acl-resource-selector__popup{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .acl-resource-selector__popup{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .acl-resource-selector__popup{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.75)}.acl-resource-selector__popup acl-namespace-list .filter{border-bottom:1px solid rgb(var(--aui-color-n-8));box-shadow:none;padding:20px 0}.acl-resource-selector__popup acl-project-list{padding-top:20px}.acl-resource-selector__popup acl-resource-data-grid{padding:0;box-shadow:none}.acl-resource-selector__popup .no-data__figure,.acl-resource-selector__popup .no-data__figure img{height:120px!important}.acl-resource-selector__popup--lite{width:512px;margin-top:8px}\n"] }]
}], () => [{ type: i0.ViewContainerRef }], { portalOutlet: [{
type: ViewChild,
args: [CdkPortalOutlet, { static: true }]
}], container: [{
type: ViewChild,
args: ['container', { read: ViewContainerRef }]
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ResourceSelectorPopupComponent, { className: "ResourceSelectorPopupComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9pbnRlcm5hbHMvc2VsZWN0b3ItcG9wdXAvY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9pbnRlcm5hbHMvc2VsZWN0b3ItcG9wdXAvdGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RFLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULFNBQVMsRUFDVCxnQkFBZ0IsRUFDaEIsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFVdkIsTUFBTSxPQUFPLDhCQUE4QjtJQVV6QyxZQUE2QixnQkFBa0M7UUFBbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUYvRCxjQUFTLEdBQUcsS0FBSyxDQUFDO0lBRWdELENBQUM7SUFFbkUsYUFBYSxDQUFDLFFBQTBCLEVBQUUsU0FBbUI7UUFDM0QsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDMUUsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7SUFDN0IsQ0FBQzsrRkFmVSw4QkFBOEI7b0VBQTlCLDhCQUE4QjsyQkFDOUIsZUFBZTttQ0FHTSxnQkFBZ0I7Ozs7OztZQ3RCbEQsOEJBS0M7WUFDQywyQkFBZ0U7WUFDbEUsaUJBQU07O1lBTkosbUVBR0U7WUFFWSxjQUFrQztZQUFsQyxvREFBa0M7OztpRkRZckMsOEJBQThCO2NBUjFDLFNBQVM7MkJBQ0UsNkJBQTZCLGlCQUd4QixpQkFBaUIsQ0FBQyxJQUFJLG1CQUVwQix1QkFBdUIsQ0FBQyxPQUFPO2lEQUloRCxZQUFZO2tCQURYLFNBQVM7bUJBQUMsZUFBZSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtZQUk1QyxTQUFTO2tCQURSLFNBQVM7bUJBQUMsV0FBVyxFQUFFLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFOztrRkFKdkMsOEJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2RrUG9ydGFsT3V0bGV0LCBUZW1wbGF0ZVBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0NvbnRhaW5lclJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhY2wtcmVzb3VyY2Utc2VsZWN0b3ItcG9wdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0eWxlLnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9wcmVmZXItb24tcHVzaC1jb21wb25lbnQtY2hhbmdlLWRldGVjdGlvblxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG59KVxuZXhwb3J0IGNsYXNzIFJlc291cmNlU2VsZWN0b3JQb3B1cENvbXBvbmVudCB7XG4gIEBWaWV3Q2hpbGQoQ2RrUG9ydGFsT3V0bGV0LCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwb3J0YWxPdXRsZXQ6IENka1BvcnRhbE91dGxldDtcblxuICBAVmlld0NoaWxkKCdjb250YWluZXInLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYgfSlcbiAgY29udGFpbmVyOiBWaWV3Q29udGFpbmVyUmVmO1xuXG4gIHRlbXBsYXRlUG9ydGFsOiBUZW1wbGF0ZVBvcnRhbDtcbiAgcG9wdXBMaXRlID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmKSB7fVxuXG4gIGF0dGFjaENvbnRlbnQodGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4sIHBvcHVwTGl0ZT86IGJvb2xlYW4pIHtcbiAgICB0aGlzLnRlbXBsYXRlUG9ydGFsID0gbmV3IFRlbXBsYXRlUG9ydGFsKHRlbXBsYXRlLCB0aGlzLnZpZXdDb250YWluZXJSZWYpO1xuICAgIHRoaXMucG9wdXBMaXRlID0gcG9wdXBMaXRlO1xuICB9XG59XG4iLCI8ZGl2XG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnYWNsLXJlc291cmNlLXNlbGVjdG9yX19wb3B1cCc6IHRydWUsXG4gICAgJ2FjbC1yZXNvdXJjZS1zZWxlY3Rvcl9fcG9wdXAtLWxpdGUnOiBwb3B1cExpdGVcbiAgfVwiXG4+XG4gIDxuZy1jb250YWluZXIgW2Nka1BvcnRhbE91dGxldF09XCJ0ZW1wbGF0ZVBvcnRhbFwiPjwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=