@versatiledatakit/shared
Version:
Versatile Data Kit Shared library enables reusability of shared features like: NgRx Redux, Error Handlers, Utils, Generic Components, etc.
51 lines • 8.16 kB
JavaScript
/*
* Copyright 2023-2025 Broadcom
* SPDX-License-Identifier: Apache-2.0
*/
import { Component, Input, ViewChild, ViewContainerRef } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@clr/angular";
const _c0 = ["insertionPoint"];
function ConfirmationContainerComponent_ng_template_2_Template(rf, ctx) { }
/**
* ** Confirmation Container Component is created only once upon {@link ConfirmationService} initialization
* and is container for all contextually created ViewContainerRef instances for every single confirmation ask.
*
* - It is created only once, and its populated field {@link ConfirmationContainerComponent.viewContainerRef}
* is stored as ViewContainerRef in {@link ConfirmationService} for lifetime of the service as singleton.
*/
export class ConfirmationContainerComponent {
constructor() {
/**
* ** Input parameter that instructs Component to open/close modal (visualize/hide) confirmation view/s.
*
* - State is managed from {@link ConfirmationService}
*/
this.open = false;
}
}
ConfirmationContainerComponent.ɵfac = function ConfirmationContainerComponent_Factory(t) { return new (t || ConfirmationContainerComponent)(); };
ConfirmationContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmationContainerComponent, selectors: [["shared-confirmation-container"]], viewQuery: function ConfirmationContainerComponent_Query(rf, ctx) { if (rf & 1) {
i0.ɵɵviewQuery(_c0, 5, ViewContainerRef);
} if (rf & 2) {
let _t;
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.viewContainerRef = _t.first);
} }, inputs: { open: "open" }, decls: 4, vars: 3, consts: [[3, "clrModalOpen", "clrModalClosable", "clrModalStaticBackdrop", "clrModalOpenChange"], [1, "modal-body", "confirmation-container__body-container"], ["insertionPoint", ""]], template: function ConfirmationContainerComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "clr-modal", 0);
i0.ɵɵlistener("clrModalOpenChange", function ConfirmationContainerComponent_Template_clr_modal_clrModalOpenChange_0_listener($event) { return ctx.open = $event; });
i0.ɵɵelementStart(1, "div", 1);
i0.ɵɵtemplate(2, ConfirmationContainerComponent_ng_template_2_Template, 0, 0, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
i0.ɵɵelementEnd()();
} if (rf & 2) {
i0.ɵɵproperty("clrModalOpen", ctx.open)("clrModalClosable", false)("clrModalStaticBackdrop", false);
} }, directives: [i1.ClrModal, i1.ClrModalBody], styles: ["[_nghost-%COMP%] .modal-dialog{width:44rem}[_nghost-%COMP%] .modal-dialog .modal-content{padding:.7rem}[_nghost-%COMP%] .modal-header--accessible{display:none}[_nghost-%COMP%] .modal-body-wrapper{overflow:visible}[_nghost-%COMP%] .confirmation-container__body-container{overflow-y:auto;overflow-x:hidden;max-height:70vh}[_nghost-%COMP%] shared-confirmation:not(:first-child){margin-top:.7rem}"] });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmationContainerComponent, [{
type: Component,
args: [{ selector: 'shared-confirmation-container', template: "<!--\n ~ Copyright 2023-2025 Broadcom\n ~ SPDX-License-Identifier: Apache-2.0\n -->\n\n<clr-modal\n [(clrModalOpen)]=\"open\"\n [clrModalClosable]=\"false\"\n [clrModalStaticBackdrop]=\"false\"\n>\n <div class=\"modal-body confirmation-container__body-container\">\n <ng-template #insertionPoint></ng-template>\n </div>\n</clr-modal>\n", styles: ["/*!\n * Copyright 2023-2025 Broadcom\n * SPDX-License-Identifier: Apache-2.0\n */:host ::ng-deep .modal-dialog{width:44rem}:host ::ng-deep .modal-dialog .modal-content{padding:.7rem}:host ::ng-deep .modal-header--accessible{display:none}:host ::ng-deep .modal-body-wrapper{overflow:visible}:host ::ng-deep .confirmation-container__body-container{overflow-y:auto;overflow-x:hidden;max-height:70vh}:host ::ng-deep shared-confirmation:not(:first-child){margin-top:.7rem}\n"] }]
}], null, { viewContainerRef: [{
type: ViewChild,
args: ['insertionPoint', { read: ViewContainerRef }]
}], open: [{
type: Input
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9mZWF0dXJlcy9jb25maXJtYXRpb24vY29tcG9uZW50cy9jb250YWluZXIvY29uZmlybWF0aW9uLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9mZWF0dXJlcy9jb25maXJtYXRpb24vY29tcG9uZW50cy9jb250YWluZXIvY29uZmlybWF0aW9uLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBRTlFOzs7Ozs7R0FNRztBQU1ILE1BQU0sT0FBTyw4QkFBOEI7SUFMM0M7UUFlSTs7OztXQUlHO1FBQ00sU0FBSSxHQUFHLEtBQUssQ0FBQztLQUN6Qjs7NEdBaEJZLDhCQUE4QjtpRkFBOUIsOEJBQThCOytCQU9GLGdCQUFnQjs7Ozs7UUNyQnpELG9DQUlDO1FBSEcsbUtBQXVCO1FBSXZCLDhCQUErRDtRQUMzRCxnSUFBMkM7UUFDL0MsaUJBQU0sRUFBQTs7UUFOTix1Q0FBdUIsMkJBQUEsaUNBQUE7O3VGRGFkLDhCQUE4QjtjQUwxQyxTQUFTOzJCQUNJLCtCQUErQjtnQkFZekIsZ0JBQWdCO2tCQUQvQixTQUFTO21CQUFDLGdCQUFnQixFQUFFLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFO1lBUTlDLElBQUk7a0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMy0yMDI1IEJyb2FkY29tXG4gKiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMFxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdDaGlsZCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqICoqIENvbmZpcm1hdGlvbiBDb250YWluZXIgQ29tcG9uZW50IGlzIGNyZWF0ZWQgb25seSBvbmNlIHVwb24ge0BsaW5rIENvbmZpcm1hdGlvblNlcnZpY2V9IGluaXRpYWxpemF0aW9uXG4gKiAgICAgIGFuZCBpcyBjb250YWluZXIgZm9yIGFsbCBjb250ZXh0dWFsbHkgY3JlYXRlZCBWaWV3Q29udGFpbmVyUmVmIGluc3RhbmNlcyBmb3IgZXZlcnkgc2luZ2xlIGNvbmZpcm1hdGlvbiBhc2suXG4gKlxuICogICAgICAtIEl0IGlzIGNyZWF0ZWQgb25seSBvbmNlLCBhbmQgaXRzIHBvcHVsYXRlZCBmaWVsZCB7QGxpbmsgQ29uZmlybWF0aW9uQ29udGFpbmVyQ29tcG9uZW50LnZpZXdDb250YWluZXJSZWZ9XG4gKiAgICAgICAgICAgICAgaXMgc3RvcmVkIGFzIFZpZXdDb250YWluZXJSZWYgaW4ge0BsaW5rIENvbmZpcm1hdGlvblNlcnZpY2V9IGZvciBsaWZldGltZSBvZiB0aGUgc2VydmljZSBhcyBzaW5nbGV0b24uXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2hhcmVkLWNvbmZpcm1hdGlvbi1jb250YWluZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb25maXJtYXRpb24tY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jb25maXJtYXRpb24tY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ29uZmlybWF0aW9uQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgICAvKipcbiAgICAgKiAqKiBWaWV3Q29udGFpbmVyUmVmIHJlZmVyZW5jZSB0aGF0IGlzIHVzZWQgYXMgcG9pbnQgd2hlcmUge0BsaW5rIENvbmZpcm1hdGlvblNlcnZpY2V9IGluc2VydCBjb250ZXh0dWFsIHtAbGluayBDb25maXJtYXRpb25Db21wb25lbnR9XG4gICAgICogICAgICBvbmUgZm9yIGV2ZXJ5IHNpbmdsZSBjb25maXJtYXRpb24gYXNrIHdoZW4gaW52b2tlcnMgY2FsbCB7QGxpbmsgQ29uZmlybWF0aW9uU2VydmljZS5jb25maXJtfS5cbiAgICAgKlxuICAgICAqICAgICAgLSBSZWZlcmVuY2UgaXMgc2luZ2xldG9uLCBhbmQgaXQgaXMgcmV0cmlldmVkIG9ubHkgb25jZSB1cG9uIHtAbGluayBDb25maXJtYXRpb25TZXJ2aWNlfSBpbml0aWFsaXphdGlvbi5cbiAgICAgKi9cbiAgICBAVmlld0NoaWxkKCdpbnNlcnRpb25Qb2ludCcsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiB9KVxuICAgIHB1YmxpYyByZWFkb25seSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmO1xuXG4gICAgLyoqXG4gICAgICogKiogSW5wdXQgcGFyYW1ldGVyIHRoYXQgaW5zdHJ1Y3RzIENvbXBvbmVudCB0byBvcGVuL2Nsb3NlIG1vZGFsICh2aXN1YWxpemUvaGlkZSkgY29uZmlybWF0aW9uIHZpZXcvcy5cbiAgICAgKlxuICAgICAqICAgICAgLSBTdGF0ZSBpcyBtYW5hZ2VkIGZyb20ge0BsaW5rIENvbmZpcm1hdGlvblNlcnZpY2V9XG4gICAgICovXG4gICAgQElucHV0KCkgb3BlbiA9IGZhbHNlO1xufVxuIiwiPCEtLVxuICAgfiBDb3B5cmlnaHQgMjAyMy0yMDI1IEJyb2FkY29tXG4gICB+IFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBcGFjaGUtMi4wXG4gIC0tPlxuXG48Y2xyLW1vZGFsXG4gICAgWyhjbHJNb2RhbE9wZW4pXT1cIm9wZW5cIlxuICAgIFtjbHJNb2RhbENsb3NhYmxlXT1cImZhbHNlXCJcbiAgICBbY2xyTW9kYWxTdGF0aWNCYWNrZHJvcF09XCJmYWxzZVwiXG4+XG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHkgY29uZmlybWF0aW9uLWNvbnRhaW5lcl9fYm9keS1jb250YWluZXJcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNpbnNlcnRpb25Qb2ludD48L25nLXRlbXBsYXRlPlxuICAgIDwvZGl2PlxuPC9jbHItbW9kYWw+XG4iXX0=