@uiapplib/ngx-ui-web-lib 0.0.1

package/esm2022/lib/components/help/help.component.mjs

@@ -0,0 +1,49 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ionic/angular";
+import * as i2 from "primeng/button";
+import * as i3 from "primeng/api";
+import * as i4 from "primeng/tooltip";
+import * as i5 from "primeng/overlaypanel";
+import * as i6 from "primeng/ripple";
+import * as i7 from "@ngx-translate/core";
+function HelpComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ion-label", 4);
+    i0.ɵɵelement(1, "span", 5);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 1, ctx_r1.msg), i0.ɵɵsanitizeHtml);
+} }
+export class HelpComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = function HelpComponent_Factory(t) { return new (t || HelpComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HelpComponent, selectors: [["app-help"]], inputs: { msg: "msg", tooltip: "tooltip" }, decls: 4, vars: 1, consts: [["showCloseIcon", "true"], ["op", ""], ["pTemplate", "", "style", "background: cornsilk;"], ["type", "button", "pButton", "", "pRipple", "", "icon", "pi pi-question-circle", 1, "p-button-raised", 3, "pTooltip", "click"], ["color", "dark"], [2, "font-size", "small", 3, "innerHTML"]], template: function HelpComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r2 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "p-overlayPanel", 0, 1);
+            i0.ɵɵtemplate(2, HelpComponent_ng_template_2_Template, 3, 3, "ng-template", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "button", 3);
+            i0.ɵɵlistener("click", function HelpComponent_Template_button_click_3_listener($event) { i0.ɵɵrestoreView(_r2); const _r0 = i0.ɵɵreference(1); return i0.ɵɵresetView(_r0.toggle($event)); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("pTooltip", ctx.tooltip ? ctx.tooltip : "What is this?");
+        } }, dependencies: [i1.IonLabel, i2.ButtonDirective, i3.PrimeTemplate, i4.Tooltip, i5.OverlayPanel, i6.Ripple, i7.TranslatePipe], styles: ["button[_ngcontent-%COMP%]{border-top-left-radius:0!important;border-bottom-left-radius:0!important}button[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{font-size:1.5rem!important}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HelpComponent, [{
+        type: Component,
+        args: [{ selector: 'app-help', template: "<p-overlayPanel #op showCloseIcon=\"true\">\r\n    <ng-template pTemplate style=\"background: cornsilk;\">\r\n      <ion-label color=\"dark\">\r\n        <span [innerHTML]=\"msg | translate\" style=\"font-size: small;\"></span>\r\n      </ion-label>\r\n    </ng-template>\r\n</p-overlayPanel>\r\n<button type=\"button\" pButton pRipple icon=\"pi pi-question-circle\" \r\n         (click)=\"op.toggle($event)\" class=\"p-button-raised\"\r\n        [pTooltip]=\"tooltip ? tooltip : 'What is this?'\"></button>", styles: ["button{border-top-left-radius:0!important;border-bottom-left-radius:0!important}button>span{font-size:1.5rem!important}\n"] }]
+    }], () => [], { msg: [{
+            type: Input,
+            args: ["msg"]
+        }], tooltip: [{
+            type: Input,
+            args: ["tooltip"]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HelpComponent, { className: "HelpComponent", filePath: "lib\\components\\help\\help.component.ts", lineNumber: 8 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmV1c2EtYXBwLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaGVscC9oZWxwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZXVzYS1hcHAtbGliL3NyYy9saWIvY29tcG9uZW50cy9oZWxwL2hlbHAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7SUNFbkQsb0NBQXdCO0lBQ3RCLDBCQUFxRTs7SUFDdkUsaUJBQVk7OztJQURKLGVBQTZCO0lBQTdCLCtFQUE2Qjs7QURJM0MsTUFBTSxPQUFPLGFBQWE7SUFReEIsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7OEVBWFUsYUFBYTtvRUFBYixhQUFhOztZQ1AxQiw0Q0FBeUM7WUFDckMsOEVBSWM7WUFDbEIsaUJBQWlCO1lBQ2pCLGlDQUV5RDtZQURoRCxzSkFBUyxlQUFBLGtCQUFpQixDQUFBLElBQUM7WUFDcUIsaUJBQVM7O1lBQTFELGVBQWdEO1lBQWhELHNFQUFnRDs7O2lGREYzQyxhQUFhO2NBTHpCLFNBQVM7MkJBQ0UsVUFBVTtvQkFPcEIsR0FBRztrQkFERixLQUFLO21CQUFDLEtBQUs7WUFJWixPQUFPO2tCQUROLEtBQUs7bUJBQUMsU0FBUzs7a0ZBTEwsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtaGVscCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWxwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVscC5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSGVscENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KFwibXNnXCIpXG4gIG1zZyA6IHN0cmluZztcblxuICBASW5wdXQoXCJ0b29sdGlwXCIpXG4gIHRvb2x0aXAgOiBzdHJpbmc7XG4gIFxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiIsIjxwLW92ZXJsYXlQYW5lbCAjb3Agc2hvd0Nsb3NlSWNvbj1cInRydWVcIj5cclxuICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGUgc3R5bGU9XCJiYWNrZ3JvdW5kOiBjb3Juc2lsaztcIj5cclxuICAgICAgPGlvbi1sYWJlbCBjb2xvcj1cImRhcmtcIj5cclxuICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cIm1zZyB8IHRyYW5zbGF0ZVwiIHN0eWxlPVwiZm9udC1zaXplOiBzbWFsbDtcIj48L3NwYW4+XHJcbiAgICAgIDwvaW9uLWxhYmVsPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuPC9wLW92ZXJsYXlQYW5lbD5cclxuPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgcEJ1dHRvbiBwUmlwcGxlIGljb249XCJwaSBwaS1xdWVzdGlvbi1jaXJjbGVcIiBcclxuICAgICAgICAgKGNsaWNrKT1cIm9wLnRvZ2dsZSgkZXZlbnQpXCIgY2xhc3M9XCJwLWJ1dHRvbi1yYWlzZWRcIlxyXG4gICAgICAgIFtwVG9vbHRpcF09XCJ0b29sdGlwID8gdG9vbHRpcCA6ICdXaGF0IGlzIHRoaXM/J1wiPjwvYnV0dG9uPiJdfQ==