ax-common-ui-lib 1.0.0-qa.0

package/esm2020/lib/sculptor-lib/widgets/stopwatch/stopwatch.component.mjs

@@ -0,0 +1,105 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { PropertiesService } from '../../../common-property-panel/properties/properties.service';
+import { StopWatch } from '../../../forms/page/widgets/stopwatch';
+import { WidgetsService } from '../widgets.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../common-property-panel/properties/properties.service";
+import * as i2 from "../widgets.service";
+function StopwatchComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 1);
+    i0.ɵɵelementStart(2, "div", 2);
+    i0.ɵɵelement(3, "mat-icon", 3);
+    i0.ɵɵelementStart(4, "form", 4);
+    i0.ɵɵelementStart(5, "input", 5);
+    i0.ɵɵlistener("ngModelChange", function StopwatchComponent_ng_container_0_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.widget.prompt = $event; });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 6);
+    i0.ɵɵlistener("click", function StopwatchComponent_ng_container_0_Template_div_click_6_listener() { i0.ɵɵrestoreView(_r2); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.onWidgetClick(); });
+    i0.ɵɵelement(7, "input", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 8);
+    i0.ɵɵelementStart(9, "button", 9);
+    i0.ɵɵelement(10, "mat-icon", 10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "button", 9);
+    i0.ɵɵelement(12, "mat-icon", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "button", 9);
+    i0.ɵɵelement(14, "mat-icon", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "button", 9);
+    i0.ɵɵelement(16, "mat-icon", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "button", 14);
+    i0.ɵɵlistener("click", function StopwatchComponent_ng_container_0_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r2); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.delete(); });
+    i0.ɵɵelement(18, "mat-icon", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("formGroup", ctx_r0.group)("id", ctx_r0.widget.id);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("formGroupName", ctx_r0.widget.id + "_group");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngModel", ctx_r0.widget.prompt)("formControlName", ctx_r0.widget.id + "_prompt");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("placeholder", ctx_r0.widget.placeholder ? ctx_r0.widget.placeholder : "write text here")("formControlName", ctx_r0.widget.id);
+} }
+export class StopwatchComponent {
+    // --------------------------------------------
+    /**
+     * constructor
+     *
+     * @param _propertiesService
+     */
+    constructor(_propertiesService, _widgetProperties) {
+        this._propertiesService = _propertiesService;
+        this._widgetProperties = _widgetProperties;
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Lifecycle hooks start
+    // -----------------------------------------------------------------------------------------------------
+    /**
+     * on init
+     */
+    ngOnInit() {
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Lifecycle hooks end
+    // -----------------------------------------------------------------------------------------------------
+    /**
+     * to emit widgetClickEvent to show properties of selected widget
+     */
+    onWidgetClick() {
+        this._propertiesService.widgetClickEvent(this.widget);
+    }
+    /**
+   * to emit widgetDeleteEvent to Delete Widget
+   */
+    delete() {
+        this._widgetProperties.widgetDeleteEvent(this.widget);
+    }
+}
+StopwatchComponent.ɵfac = function StopwatchComponent_Factory(t) { return new (t || StopwatchComponent)(i0.ɵɵdirectiveInject(i1.PropertiesService), i0.ɵɵdirectiveInject(i2.WidgetsService)); };
+StopwatchComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StopwatchComponent, selectors: [["lib-stopwatch"]], inputs: { widget: "widget", group: "group" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "text-widget", 3, "formGroup", "id"], [1, "flex", "gap-2", "items-center"], ["svgIcon", "axo_sculptor_stopwatch", 1, "h-4", "w-4", "min-w-4", "min-h-4"], [3, "formGroupName"], ["matInput", "", 3, "ngModel", "formControlName", "ngModelChange"], [1, "form-field-input", 3, "click"], ["readonly", "true", 3, "placeholder", "formControlName"], [1, "tooltip-container"], [1, "icon-btn"], ["svgIcon", "axo_sculptor_help-text", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_cut", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_copy", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_paste", 1, "h-4", "min-h-4", "w-4", "min-w-4"], [1, "icon-btn", 3, "click"], ["svgIcon", "axo_sculptor_delete", 1, "h-4", "min-h-4", "w-4", "min-w-4"]], template: function StopwatchComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, StopwatchComponent_ng_container_0_Template, 19, 7, "ng-container", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.widget);
+    } }, styles: ["lib-stopwatch .text-widget{background:#ffffff;border:1px solid #CED0DD;padding:1rem;border-radius:10px}lib-stopwatch .text-widget:hover{background-color:#eaeaea}lib-stopwatch .text-widget .form-field-input input{border:1px solid #B1B9CD;height:38px;border-radius:5px;padding:0 10px;margin-top:12px;box-sizing:border-box;width:100%}\n"], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StopwatchComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-stopwatch', encapsulation: ViewEncapsulation.None, template: "<!-- Stopwatch widget -->\n<ng-container *ngIf=\"widget\">\n    <div [formGroup]=\"group\" class=\"text-widget\" [id]=\"widget.id\">\n      <div class=\"flex gap-2 items-center\">\n          <mat-icon svgIcon=\"axo_sculptor_stopwatch\" class=\"h-4 w-4 min-w-4 min-h-4\"></mat-icon>\n        <form [formGroupName]=\"this.widget.id + '_group'\">\n          <input matInput [(ngModel)]='widget.prompt' [formControlName]=\"widget.id + '_prompt' \" />\n        </form>\n      </div>\n      <div (click)=\"onWidgetClick()\" class ='form-field-input'>\n        <input [placeholder]=\"widget.placeholder?widget.placeholder:'write text here'\" readonly=true\n          [formControlName]=\"widget.id\" />\n      </div>\n    </div>\n    <div class=\"tooltip-container\">\n      <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_help-text\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n      <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_cut\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n      <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_copy\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n      <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_paste\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n     \n      <button class=\"icon-btn\" (click)=\"delete()\" >  <mat-icon svgIcon=\"axo_sculptor_delete\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n    </div>\n  \n  </ng-container>\n", styles: ["lib-stopwatch .text-widget{background:#ffffff;border:1px solid #CED0DD;padding:1rem;border-radius:10px}lib-stopwatch .text-widget:hover{background-color:#eaeaea}lib-stopwatch .text-widget .form-field-input input{border:1px solid #B1B9CD;height:38px;border-radius:5px;padding:0 10px;margin-top:12px;box-sizing:border-box;width:100%}\n"] }]
+    }], function () { return [{ type: i1.PropertiesService }, { type: i2.WidgetsService }]; }, { widget: [{
+            type: Input
+        }], group: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RvcHdhdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1hcHAtY29tbW9uLWxpYi9zcmMvbGliL3NjdWxwdG9yLWxpYi93aWRnZXRzL3N0b3B3YXRjaC9zdG9wd2F0Y2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWFwcC1jb21tb24tbGliL3NyYy9saWIvc2N1bHB0b3ItbGliL3dpZGdldHMvc3RvcHdhdGNoL3N0b3B3YXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDakcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7O0lDSHBELDZCQUE2QjtJQUN6Qiw4QkFBOEQ7SUFDNUQsOEJBQXFDO0lBQ2pDLDhCQUFzRjtJQUN4RiwrQkFBa0Q7SUFDaEQsZ0NBQXlGO0lBQXpFLDhOQUEyQjtJQUEzQyxpQkFBeUY7SUFDM0YsaUJBQU87SUFDVCxpQkFBTTtJQUNOLDhCQUF5RDtJQUFwRCxxS0FBUyxzQkFBZSxJQUFDO0lBQzVCLDJCQUNrQztJQUNwQyxpQkFBTTtJQUNSLGlCQUFNO0lBQ04sOEJBQStCO0lBQzdCLGlDQUF5QjtJQUFFLGdDQUFzRjtJQUFBLGlCQUFTO0lBQzFILGtDQUF5QjtJQUFFLGdDQUFnRjtJQUFBLGlCQUFTO0lBQ3BILGtDQUF5QjtJQUFFLGdDQUFpRjtJQUFBLGlCQUFTO0lBQ3JILGtDQUF5QjtJQUFFLGdDQUFrRjtJQUFBLGlCQUFTO0lBRXRILG1DQUE2QztJQUFwQix5S0FBUyxlQUFRLElBQUM7SUFBSSxnQ0FBbUY7SUFBQSxpQkFBUztJQUM3SSxpQkFBTTtJQUVSLDBCQUFlOzs7SUFyQlIsZUFBbUI7SUFBbkIsd0NBQW1CLHdCQUFBO0lBR2QsZUFBMkM7SUFBM0MsMkRBQTJDO0lBQy9CLGVBQTJCO0lBQTNCLDhDQUEyQixpREFBQTtJQUl0QyxlQUF1RTtJQUF2RSx1R0FBdUUscUNBQUE7O0FERXRGLE1BQU0sT0FBTyxrQkFBa0I7SUFJN0IsK0NBQStDO0lBQy9DOzs7O09BSUc7SUFDSCxZQUNVLGtCQUFxQyxFQUNyQyxpQkFBaUM7UUFEakMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFtQjtRQUNyQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQWdCO0lBRXZDLENBQUM7SUFFTCx3R0FBd0c7SUFDeEcsMEJBQTBCO0lBQzFCLHdHQUF3RztJQUN4Rzs7T0FFRztJQUNILFFBQVE7SUFDUixDQUFDO0lBQ0Qsd0dBQXdHO0lBQ3hHLHdCQUF3QjtJQUN4Qix3R0FBd0c7SUFFeEc7O09BRUc7SUFDSCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBQ0M7O0tBRUM7SUFDRCxNQUFNO1FBQ0osSUFBSSxDQUFDLGlCQUFpQixDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN4RCxDQUFDOztvRkF2Q1Esa0JBQWtCO3FFQUFsQixrQkFBa0I7UUNYL0Isc0ZBc0JpQjs7UUF0QkYsaUNBQVk7O3VGRFdkLGtCQUFrQjtjQU45QixTQUFTOzJCQUNFLGVBQWUsaUJBR1YsaUJBQWlCLENBQUMsSUFBSTtpR0FJNUIsTUFBTTtrQkFBZCxLQUFLO1lBQ0csS0FBSztrQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgUHJvcGVydGllc1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9jb21tb24tcHJvcGVydHktcGFuZWwvcHJvcGVydGllcy9wcm9wZXJ0aWVzLnNlcnZpY2UnO1xuaW1wb3J0IHsgU3RvcFdhdGNoIH0gZnJvbSAnLi4vLi4vLi4vZm9ybXMvcGFnZS93aWRnZXRzL3N0b3B3YXRjaCc7XG5pbXBvcnQgeyBXaWRnZXRzU2VydmljZSB9IGZyb20gJy4uL3dpZGdldHMuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1zdG9wd2F0Y2gnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RvcHdhdGNoLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RvcHdhdGNoLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgU3RvcHdhdGNoQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLy8gLS0tLS0tLS0tLS0tLS0taW5wdXRzLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICBASW5wdXQoKSB3aWRnZXQ6IFN0b3BXYXRjaDtcbiAgQElucHV0KCkgZ3JvdXA6IEZvcm1Hcm91cDtcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLyoqXG4gICAqIGNvbnN0cnVjdG9yXG4gICAqXG4gICAqIEBwYXJhbSBfcHJvcGVydGllc1NlcnZpY2VcbiAgICovXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX3Byb3BlcnRpZXNTZXJ2aWNlOiBQcm9wZXJ0aWVzU2VydmljZSxcbiAgICBwcml2YXRlIF93aWRnZXRQcm9wZXJ0aWVzOiBXaWRnZXRzU2VydmljZVxuICAgIFxuICApIHsgfVxuXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIC8vIEAgTGlmZWN5Y2xlIGhvb2tzIHN0YXJ0XG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIC8qKlxuICAgKiBvbiBpbml0XG4gICAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvLyBAIExpZmVjeWNsZSBob29rcyBlbmRcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAvKipcbiAgICogdG8gZW1pdCB3aWRnZXRDbGlja0V2ZW50IHRvIHNob3cgcHJvcGVydGllcyBvZiBzZWxlY3RlZCB3aWRnZXRcbiAgICovXG4gIG9uV2lkZ2V0Q2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5fcHJvcGVydGllc1NlcnZpY2Uud2lkZ2V0Q2xpY2tFdmVudCh0aGlzLndpZGdldCk7XG4gIH1cbiAgICAvKipcbiAgICogdG8gZW1pdCB3aWRnZXREZWxldGVFdmVudCB0byBEZWxldGUgV2lkZ2V0XG4gICAqL1xuICAgIGRlbGV0ZSgpOiB2b2lkIHtcbiAgICAgIHRoaXMuX3dpZGdldFByb3BlcnRpZXMud2lkZ2V0RGVsZXRlRXZlbnQodGhpcy53aWRnZXQpO1xuICAgIH1cbn0iLCI8IS0tIFN0b3B3YXRjaCB3aWRnZXQgLS0+XG48bmctY29udGFpbmVyICpuZ0lmPVwid2lkZ2V0XCI+XG4gICAgPGRpdiBbZm9ybUdyb3VwXT1cImdyb3VwXCIgY2xhc3M9XCJ0ZXh0LXdpZGdldFwiIFtpZF09XCJ3aWRnZXQuaWRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC0yIGl0ZW1zLWNlbnRlclwiPlxuICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX3N0b3B3YXRjaFwiIGNsYXNzPVwiaC00IHctNCBtaW4tdy00IG1pbi1oLTRcIj48L21hdC1pY29uPlxuICAgICAgICA8Zm9ybSBbZm9ybUdyb3VwTmFtZV09XCJ0aGlzLndpZGdldC5pZCArICdfZ3JvdXAnXCI+XG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IFsobmdNb2RlbCldPSd3aWRnZXQucHJvbXB0JyBbZm9ybUNvbnRyb2xOYW1lXT1cIndpZGdldC5pZCArICdfcHJvbXB0JyBcIiAvPlxuICAgICAgICA8L2Zvcm0+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgKGNsaWNrKT1cIm9uV2lkZ2V0Q2xpY2soKVwiIGNsYXNzID0nZm9ybS1maWVsZC1pbnB1dCc+XG4gICAgICAgIDxpbnB1dCBbcGxhY2Vob2xkZXJdPVwid2lkZ2V0LnBsYWNlaG9sZGVyP3dpZGdldC5wbGFjZWhvbGRlcjond3JpdGUgdGV4dCBoZXJlJ1wiIHJlYWRvbmx5PXRydWVcbiAgICAgICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cIndpZGdldC5pZFwiIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidG9vbHRpcC1jb250YWluZXJcIj5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfaGVscC10ZXh0XCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiaWNvbi1idG5cIj4gIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX2N1dFwiIGNsYXNzPVwiaC00IG1pbi1oLTQgdy00IG1pbi13LTRcIj48L21hdC1pY29uPjwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9jb3B5XCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiaWNvbi1idG5cIj4gIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX3Bhc3RlXCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgIFxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCIgKGNsaWNrKT1cImRlbGV0ZSgpXCIgPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfZGVsZXRlXCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgPC9kaXY+XG4gIFxuICA8L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2020/lib/sculptor-lib/widgets/subform/subform.component.mjs

@@ -0,0 +1,109 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { PropertiesService } from '../../../common-property-panel/properties/properties.service';
+import { SubForm } from '../../../forms/page/widgets/sub-form';
+import { WidgetsService } from '../widgets.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../common-property-panel/properties/properties.service";
+import * as i2 from "../widgets.service";
+function SubformComponent_ng_container_0_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "mat-icon", 15);
+    i0.ɵɵelementContainerEnd();
+} }
+function SubformComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 1);
+    i0.ɵɵelementStart(2, "div", 2);
+    i0.ɵɵelementStart(3, "div", 3);
+    i0.ɵɵelement(4, "mat-icon", 4);
+    i0.ɵɵelementStart(5, "form", 5);
+    i0.ɵɵelementStart(6, "input", 6);
+    i0.ɵɵlistener("ngModelChange", function SubformComponent_ng_container_0_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.widget.prompt = $event; });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, SubformComponent_ng_container_0_ng_container_7_Template, 2, 0, "ng-container", 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 7);
+    i0.ɵɵelementStart(9, "button", 8);
+    i0.ɵɵelement(10, "mat-icon", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "button", 8);
+    i0.ɵɵelement(12, "mat-icon", 10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "button", 8);
+    i0.ɵɵelement(14, "mat-icon", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "button", 8);
+    i0.ɵɵelement(16, "mat-icon", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "button", 13);
+    i0.ɵɵlistener("click", function SubformComponent_ng_container_0_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r3); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.delete(); });
+    i0.ɵɵelement(18, "mat-icon", 14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("formGroup", ctx_r0.group)("id", ctx_r0.widget.id);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("formGroupName", ctx_r0.widget.id + "_group");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngModel", ctx_r0.widget.prompt)("formControlName", ctx_r0.widget.id + "_prompt");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.widget.isHidden);
+} }
+export class SubformComponent {
+    // --------------------------------------------
+    /**
+     * constructor
+     *
+     * @param _propertiesService
+     */
+    constructor(_propertiesService, _widgetProperties) {
+        this._propertiesService = _propertiesService;
+        this._widgetProperties = _widgetProperties;
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Lifecycle hooks start
+    // -----------------------------------------------------------------------------------------------------
+    /**
+     * on init
+     */
+    ngOnInit() {
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Lifecycle hooks end
+    // -----------------------------------------------------------------------------------------------------
+    /**
+     * to emit widgetClickEvent to show properties of selected widget
+     */
+    onWidgetClick() {
+        this._propertiesService.widgetClickEvent(this.widget);
+    }
+    /**
+   * to emit widgetDeleteEvent to Delete Widget
+   */
+    delete() {
+        this._widgetProperties.widgetDeleteEvent(this.widget);
+    }
+}
+SubformComponent.ɵfac = function SubformComponent_Factory(t) { return new (t || SubformComponent)(i0.ɵɵdirectiveInject(i1.PropertiesService), i0.ɵɵdirectiveInject(i2.WidgetsService)); };
+SubformComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubformComponent, selectors: [["lib-subform"]], inputs: { widget: "widget", group: "group" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "text-widget", 3, "formGroup", "id"], [1, "flex", "gap-2", "justify-between"], [1, "flex", "gap-2", "items-center"], ["svgIcon", "axo_sculptor_subform", 1, "h-4", "w-4", "min-w-4", "min-h-4"], [3, "formGroupName"], ["matInput", "", 3, "ngModel", "formControlName", "ngModelChange"], [1, "tooltip-container"], [1, "icon-btn"], ["svgIcon", "axo_sculptor_help-text", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_cut", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_copy", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_paste", 1, "h-4", "min-h-4", "w-4", "min-w-4"], [1, "icon-btn", 3, "click"], ["svgIcon", "axo_sculptor_delete", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_close_eye", 1, "h-4", "w-4", "min-w-4", "min-h-4"]], template: function SubformComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, SubformComponent_ng_container_0_Template, 19, 6, "ng-container", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.widget);
+    } }, styles: ["lib-subform .text-widget{background:#ffffff;border:1px solid #CED0DD;padding:1rem;border-radius:10px}lib-subform .text-widget:hover{background-color:#eaeaea}lib-subform .text-widget .form-field-input .placeholder-text{color:#b1b9cd}\n"], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubformComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-subform', encapsulation: ViewEncapsulation.None, template: "<!-- Subform widget -->\n<ng-container *ngIf=\"widget\">\n    <div [formGroup]=\"group\" class=\"text-widget\" [id]=\"widget.id\">\n        <div class=\"flex gap-2 justify-between\">\n            <div class=\"flex gap-2 items-center\">\n                <mat-icon svgIcon=\"axo_sculptor_subform\" class=\"h-4 w-4 min-w-4 min-h-4\"></mat-icon>\n              <form [formGroupName]=\"this.widget.id + '_group'\">\n                <input matInput [(ngModel)]='widget.prompt' [formControlName]=\"widget.id + '_prompt' \" />\n              </form>\n            </div>\n            <ng-container *ngIf=\"widget.isHidden\">\n              <mat-icon svgIcon=\"axo_sculptor_close_eye\" class=\"h-4 w-4 min-w-4 min-h-4\"></mat-icon>\n            </ng-container>\n        </div>\n      \n      <!-- <div (click)=\"onWidgetClick()\" class ='form-field-input'>\n          <div class=\"placeholder-text mt-3\">Tap here to View form</div>\n      </div> -->\n\n    </div>\n    <div class=\"tooltip-container\">\n      <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_help-text\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n      <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_cut\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n      <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_copy\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n      <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_paste\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n\n      <button class=\"icon-btn\" (click)=\"delete()\">  <mat-icon svgIcon=\"axo_sculptor_delete\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n    </div>\n\n  </ng-container>", styles: ["lib-subform .text-widget{background:#ffffff;border:1px solid #CED0DD;padding:1rem;border-radius:10px}lib-subform .text-widget:hover{background-color:#eaeaea}lib-subform .text-widget .form-field-input .placeholder-text{color:#b1b9cd}\n"] }]
+    }], function () { return [{ type: i1.PropertiesService }, { type: i2.WidgetsService }]; }, { widget: [{
+            type: Input
+        }], group: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtYXBwLWNvbW1vbi1saWIvc3JjL2xpYi9zY3VscHRvci1saWIvd2lkZ2V0cy9zdWJmb3JtL3N1YmZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWFwcC1jb21tb24tbGliL3NyYy9saWIvc2N1bHB0b3ItbGliL3dpZGdldHMvc3ViZm9ybS9zdWJmb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDL0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7OztJQ014Qyw2QkFBc0M7SUFDcEMsK0JBQXNGO0lBQ3hGLDBCQUFlOzs7O0lBWDNCLDZCQUE2QjtJQUN6Qiw4QkFBOEQ7SUFDMUQsOEJBQXdDO0lBQ3BDLDhCQUFxQztJQUNqQyw4QkFBb0Y7SUFDdEYsK0JBQWtEO0lBQ2hELGdDQUF5RjtJQUF6RSw0TkFBMkI7SUFBM0MsaUJBQXlGO0lBQzNGLGlCQUFPO0lBQ1QsaUJBQU07SUFDTixrR0FFZTtJQUNuQixpQkFBTTtJQU1WLGlCQUFNO0lBQ04sOEJBQStCO0lBQzdCLGlDQUF5QjtJQUFFLCtCQUFzRjtJQUFBLGlCQUFTO0lBQzFILGtDQUF5QjtJQUFFLGdDQUFnRjtJQUFBLGlCQUFTO0lBQ3BILGtDQUF5QjtJQUFFLGdDQUFpRjtJQUFBLGlCQUFTO0lBQ3JILGtDQUF5QjtJQUFFLGdDQUFrRjtJQUFBLGlCQUFTO0lBRXRILG1DQUE0QztJQUFuQix1S0FBUyxlQUFRLElBQUM7SUFBRyxnQ0FBbUY7SUFBQSxpQkFBUztJQUM1SSxpQkFBTTtJQUVSLDBCQUFlOzs7SUEzQlIsZUFBbUI7SUFBbkIsd0NBQW1CLHdCQUFBO0lBSVIsZUFBMkM7SUFBM0MsMkRBQTJDO0lBQy9CLGVBQTJCO0lBQTNCLDhDQUEyQixpREFBQTtJQUdoQyxlQUFxQjtJQUFyQiw2Q0FBcUI7O0FERWhELE1BQU0sT0FBTyxnQkFBZ0I7SUFJM0IsK0NBQStDO0lBQy9DOzs7O09BSUc7SUFDSCxZQUNVLGtCQUFxQyxFQUNyQyxpQkFBaUM7UUFEakMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFtQjtRQUNyQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQWdCO0lBRXZDLENBQUM7SUFFTCx3R0FBd0c7SUFDeEcsMEJBQTBCO0lBQzFCLHdHQUF3RztJQUN4Rzs7T0FFRztJQUNILFFBQVE7SUFDUixDQUFDO0lBQ0Qsd0dBQXdHO0lBQ3hHLHdCQUF3QjtJQUN4Qix3R0FBd0c7SUFFeEc7O09BRUc7SUFDSCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBQ0M7O0tBRUM7SUFDRCxNQUFNO1FBQ0osSUFBSSxDQUFDLGlCQUFpQixDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN4RCxDQUFDOztnRkF2Q1EsZ0JBQWdCO21FQUFoQixnQkFBZ0I7UUNYN0Isb0ZBNEJpQjs7UUE1QkYsaUNBQVk7O3VGRFdkLGdCQUFnQjtjQU41QixTQUFTOzJCQUNFLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTtpR0FJNUIsTUFBTTtrQkFBZCxLQUFLO1lBQ0csS0FBSztrQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgUHJvcGVydGllc1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9jb21tb24tcHJvcGVydHktcGFuZWwvcHJvcGVydGllcy9wcm9wZXJ0aWVzLnNlcnZpY2UnO1xuaW1wb3J0IHsgU3ViRm9ybSB9IGZyb20gJy4uLy4uLy4uL2Zvcm1zL3BhZ2Uvd2lkZ2V0cy9zdWItZm9ybSc7XG5pbXBvcnQgeyBXaWRnZXRzU2VydmljZSB9IGZyb20gJy4uL3dpZGdldHMuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1zdWJmb3JtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1YmZvcm0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWJmb3JtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgU3ViZm9ybUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vIC0tLS0tLS0tLS0tLS0tLWlucHV0cy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgQElucHV0KCkgd2lkZ2V0OiBTdWJGb3JtO1xuICBASW5wdXQoKSBncm91cDogRm9ybUdyb3VwO1xuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvKipcbiAgICogY29uc3RydWN0b3JcbiAgICpcbiAgICogQHBhcmFtIF9wcm9wZXJ0aWVzU2VydmljZVxuICAgKi9cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfcHJvcGVydGllc1NlcnZpY2U6IFByb3BlcnRpZXNTZXJ2aWNlLFxuICAgIHByaXZhdGUgX3dpZGdldFByb3BlcnRpZXM6IFdpZGdldHNTZXJ2aWNlXG4gICAgXG4gICkgeyB9XG5cbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLy8gQCBMaWZlY3ljbGUgaG9va3Mgc3RhcnRcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLyoqXG4gICAqIG9uIGluaXRcbiAgICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIC8vIEAgTGlmZWN5Y2xlIGhvb2tzIGVuZFxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gIC8qKlxuICAgKiB0byBlbWl0IHdpZGdldENsaWNrRXZlbnQgdG8gc2hvdyBwcm9wZXJ0aWVzIG9mIHNlbGVjdGVkIHdpZGdldFxuICAgKi9cbiAgb25XaWRnZXRDbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLl9wcm9wZXJ0aWVzU2VydmljZS53aWRnZXRDbGlja0V2ZW50KHRoaXMud2lkZ2V0KTtcbiAgfVxuICAgIC8qKlxuICAgKiB0byBlbWl0IHdpZGdldERlbGV0ZUV2ZW50IHRvIERlbGV0ZSBXaWRnZXRcbiAgICovXG4gICAgZGVsZXRlKCk6IHZvaWQge1xuICAgICAgdGhpcy5fd2lkZ2V0UHJvcGVydGllcy53aWRnZXREZWxldGVFdmVudCh0aGlzLndpZGdldCk7XG4gICAgfVxufSIsIjwhLS0gU3ViZm9ybSB3aWRnZXQgLS0+XG48bmctY29udGFpbmVyICpuZ0lmPVwid2lkZ2V0XCI+XG4gICAgPGRpdiBbZm9ybUdyb3VwXT1cImdyb3VwXCIgY2xhc3M9XCJ0ZXh0LXdpZGdldFwiIFtpZF09XCJ3aWRnZXQuaWRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZ2FwLTIganVzdGlmeS1iZXR3ZWVuXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMiBpdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9zdWJmb3JtXCIgY2xhc3M9XCJoLTQgdy00IG1pbi13LTQgbWluLWgtNFwiPjwvbWF0LWljb24+XG4gICAgICAgICAgICAgIDxmb3JtIFtmb3JtR3JvdXBOYW1lXT1cInRoaXMud2lkZ2V0LmlkICsgJ19ncm91cCdcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgWyhuZ01vZGVsKV09J3dpZGdldC5wcm9tcHQnIFtmb3JtQ29udHJvbE5hbWVdPVwid2lkZ2V0LmlkICsgJ19wcm9tcHQnIFwiIC8+XG4gICAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIndpZGdldC5pc0hpZGRlblwiPlxuICAgICAgICAgICAgICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9jbG9zZV9leWVcIiBjbGFzcz1cImgtNCB3LTQgbWluLXctNCBtaW4taC00XCI+PC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIFxuICAgICAgPCEtLSA8ZGl2IChjbGljayk9XCJvbldpZGdldENsaWNrKClcIiBjbGFzcyA9J2Zvcm0tZmllbGQtaW5wdXQnPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJwbGFjZWhvbGRlci10ZXh0IG10LTNcIj5UYXAgaGVyZSB0byBWaWV3IGZvcm08L2Rpdj5cbiAgICAgIDwvZGl2PiAtLT5cblxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0b29sdGlwLWNvbnRhaW5lclwiPlxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9oZWxwLXRleHRcIiBjbGFzcz1cImgtNCBtaW4taC00IHctNCBtaW4tdy00XCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfY3V0XCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiaWNvbi1idG5cIj4gIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX2NvcHlcIiBjbGFzcz1cImgtNCBtaW4taC00IHctNCBtaW4tdy00XCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfcGFzdGVcIiBjbGFzcz1cImgtNCBtaW4taC00IHctNCBtaW4tdy00XCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cblxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCIgKGNsaWNrKT1cImRlbGV0ZSgpXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9kZWxldGVcIiBjbGFzcz1cImgtNCBtaW4taC00IHctNCBtaW4tdy00XCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cbiAgICA8L2Rpdj5cblxuICA8L25nLWNvbnRhaW5lcj4iXX0=

package/esm2020/lib/sculptor-lib/widgets/textbox/textbox.component.mjs

@@ -0,0 +1,177 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { PropertiesService } from '../../../common-property-panel/properties/properties.service';
+import { TextBox } from '../../../forms/page/widgets/textbox';
+import { WidgetsService } from '../widgets.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../common-property-panel/properties/properties.service";
+import * as i2 from "../widgets.service";
+function TextBoxComponent_ng_container_0_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "mat-icon", 18);
+    i0.ɵɵelementContainerEnd();
+} }
+function TextBoxComponent_ng_container_0_ng_container_5_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-icon", 25);
+} }
+function TextBoxComponent_ng_container_0_ng_container_5_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-icon", 26);
+} }
+function TextBoxComponent_ng_container_0_ng_container_5_mat_icon_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-icon", 27);
+} }
+function TextBoxComponent_ng_container_0_ng_container_5_mat_icon_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-icon", 28);
+} }
+function TextBoxComponent_ng_container_0_ng_container_5_mat_icon_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-icon", 29);
+} }
+function TextBoxComponent_ng_container_0_ng_container_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0, 19);
+    i0.ɵɵtemplate(1, TextBoxComponent_ng_container_0_ng_container_5_mat_icon_1_Template, 1, 0, "mat-icon", 20);
+    i0.ɵɵtemplate(2, TextBoxComponent_ng_container_0_ng_container_5_mat_icon_2_Template, 1, 0, "mat-icon", 21);
+    i0.ɵɵtemplate(3, TextBoxComponent_ng_container_0_ng_container_5_mat_icon_3_Template, 1, 0, "mat-icon", 22);
+    i0.ɵɵtemplate(4, TextBoxComponent_ng_container_0_ng_container_5_mat_icon_4_Template, 1, 0, "mat-icon", 23);
+    i0.ɵɵtemplate(5, TextBoxComponent_ng_container_0_ng_container_5_mat_icon_5_Template, 1, 0, "mat-icon", 24);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngSwitch", ctx_r2.widget.inputType);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", "numeric");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", "decimal");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", "email");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", "phone");
+} }
+function TextBoxComponent_ng_container_0_ng_container_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "mat-icon", 30);
+    i0.ɵɵelementContainerEnd();
+} }
+function TextBoxComponent_ng_container_0_input_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 31);
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("placeholder", ctx_r4.widget.placeholder ? ctx_r4.widget.placeholder : "write text here")("formControlName", ctx_r4.widget.id);
+} }
+function TextBoxComponent_ng_container_0_textarea_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "textarea", 32);
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("placeholder", ctx_r5.widget.placeholder ? ctx_r5.widget.placeholder : "write text here")("formControlName", ctx_r5.widget.id);
+} }
+function TextBoxComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 1);
+    i0.ɵɵelementStart(2, "div", 2);
+    i0.ɵɵelementStart(3, "div", 3);
+    i0.ɵɵtemplate(4, TextBoxComponent_ng_container_0_ng_container_4_Template, 2, 0, "ng-container", 0);
+    i0.ɵɵtemplate(5, TextBoxComponent_ng_container_0_ng_container_5_Template, 6, 5, "ng-container", 4);
+    i0.ɵɵelementStart(6, "form", 5);
+    i0.ɵɵelementStart(7, "input", 6);
+    i0.ɵɵlistener("ngModelChange", function TextBoxComponent_ng_container_0_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.widget.prompt = $event; });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, TextBoxComponent_ng_container_0_ng_container_8_Template, 2, 0, "ng-container", 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 7);
+    i0.ɵɵlistener("click", function TextBoxComponent_ng_container_0_Template_div_click_9_listener() { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.onWidgetClick(); });
+    i0.ɵɵtemplate(10, TextBoxComponent_ng_container_0_input_10_Template, 1, 2, "input", 8);
+    i0.ɵɵtemplate(11, TextBoxComponent_ng_container_0_textarea_11_Template, 1, 2, "textarea", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "div", 10);
+    i0.ɵɵelementStart(13, "button", 11);
+    i0.ɵɵelement(14, "mat-icon", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "button", 11);
+    i0.ɵɵelement(16, "mat-icon", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "button", 11);
+    i0.ɵɵelement(18, "mat-icon", 14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "button", 11);
+    i0.ɵɵelement(20, "mat-icon", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "button", 16);
+    i0.ɵɵlistener("click", function TextBoxComponent_ng_container_0_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r12); const ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.delete(); });
+    i0.ɵɵelement(22, "mat-icon", 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("formGroup", ctx_r0.group)("id", ctx_r0.widget.id);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r0.widget.isMultiline);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.widget.isMultiline);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("formGroupName", ctx_r0.widget.id + "_group");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngModel", ctx_r0.widget.prompt)("formControlName", ctx_r0.widget.id + "_prompt");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.widget.isHidden);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngClass", ctx_r0.widget.isMultiline ? "text-area" : "form-field-input");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.widget.isMultiline);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.widget.isMultiline);
+} }
+export class TextBoxComponent {
+    // --------------------------------------------
+    /**
+     * constructor
+     *
+     * @param _propertiesService
+     */
+    constructor(_propertiesService, _widgetProperties) {
+        this._propertiesService = _propertiesService;
+        this._widgetProperties = _widgetProperties;
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Lifecycle hooks start
+    // -----------------------------------------------------------------------------------------------------
+    /**
+     * on init
+     */
+    ngOnInit() {
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Lifecycle hooks end
+    // -----------------------------------------------------------------------------------------------------
+    /**
+     * to emit widgetClickEvent to show properties of selected widget
+     */
+    onWidgetClick() {
+        this._propertiesService.widgetClickEvent(this.widget);
+    }
+    /**
+     * to emit widgetDeleteEvent to Delete Widget
+     */
+    delete() {
+        this._widgetProperties.widgetDeleteEvent(this.widget);
+    }
+}
+TextBoxComponent.ɵfac = function TextBoxComponent_Factory(t) { return new (t || TextBoxComponent)(i0.ɵɵdirectiveInject(i1.PropertiesService), i0.ɵɵdirectiveInject(i2.WidgetsService)); };
+TextBoxComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextBoxComponent, selectors: [["widget-textBox"]], inputs: { widget: "widget", group: "group" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "text-widget", 3, "formGroup", "id"], [1, "flex", "gap-2", "justify-between"], [1, "flex", "gap-2", "items-center"], [3, "ngSwitch", 4, "ngIf"], [3, "formGroupName"], ["matInput", "", 3, "ngModel", "formControlName", "ngModelChange"], [3, "ngClass", "click"], ["readonly", "true", 3, "placeholder", "formControlName", 4, "ngIf"], ["readonly", "true", "rows", "3", 3, "placeholder", "formControlName", 4, "ngIf"], [1, "tooltip-container"], [1, "icon-btn"], ["svgIcon", "axo_sculptor_help-text", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_cut", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_copy", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_paste", 1, "h-4", "min-h-4", "w-4", "min-w-4"], [1, "icon-btn", 3, "click"], ["svgIcon", "axo_sculptor_delete", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_multilinetext", 1, "h-4", "w-4", "min-w-4", "min-h-4"], [3, "ngSwitch"], ["svgIcon", "axo_sculptor_number", "class", "h-4 w-4 min-w-4 min-h-4", 4, "ngSwitchCase"], ["svgIcon", "axo_sculptor_decimal", "class", "h-4 w-4 min-w-4 min-h-4", 4, "ngSwitchCase"], ["svgIcon", "axo_sculptor_email", "class", "h-4 w-4 min-w-4 min-h-4", 4, "ngSwitchCase"], ["svgIcon", "axo_sculptor_phone", "class", "h-4 w-4 min-w-4 min-h-4", 4, "ngSwitchCase"], ["svgIcon", "axo_sculptor_text", "class", "h-4 w-4 min-w-4 min-h-4", 4, "ngSwitchDefault"], ["svgIcon", "axo_sculptor_number", 1, "h-4", "w-4", "min-w-4", "min-h-4"], ["svgIcon", "axo_sculptor_decimal", 1, "h-4", "w-4", "min-w-4", "min-h-4"], ["svgIcon", "axo_sculptor_email", 1, "h-4", "w-4", "min-w-4", "min-h-4"], ["svgIcon", "axo_sculptor_phone", 1, "h-4", "w-4", "min-w-4", "min-h-4"], ["svgIcon", "axo_sculptor_text", 1, "h-4", "w-4", "min-w-4", "min-h-4"], ["svgIcon", "axo_sculptor_close_eye", 1, "h-4", "w-4", "min-w-4", "min-h-4"], ["readonly", "true", 3, "placeholder", "formControlName"], ["readonly", "true", "rows", "3", 3, "placeholder", "formControlName"]], template: function TextBoxComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, TextBoxComponent_ng_container_0_Template, 23, 11, "ng-container", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.widget);
+    } }, styles: ["widget-textBox .text-widget{background:#ffffff;border:1px solid #CED0DD;padding:1rem;border-radius:10px}widget-textBox .text-widget:hover{background-color:#eaeaea}widget-textBox .text-widget .form-field-input input{border:1px solid #B1B9CD;height:38px;border-radius:5px;padding:0 10px;margin-top:12px;box-sizing:border-box;width:100%;cursor:pointer}widget-textBox .text-widget .text-area{cursor:pointer}widget-textBox .text-widget .text-area textarea{border:1px solid #B1B9CD;border-radius:5px;padding:10px;margin-top:12px;box-sizing:border-box;width:100%;cursor:pointer}\n"], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextBoxComponent, [{
+        type: Component,
+        args: [{ selector: 'widget-textBox', encapsulation: ViewEncapsulation.None, template: "<!-- Text box widget -->\n<ng-container *ngIf=\"widget\">\n  <div [formGroup]=\"group\" class=\"text-widget\" [id]=\"widget.id\">\n    <div class=\"flex gap-2 justify-between\">\n      <div class=\"flex gap-2 items-center\">\n        <ng-container *ngIf=\"widget.isMultiline\">\n          <mat-icon svgIcon=\"axo_sculptor_multilinetext\" class=\"h-4 w-4 min-w-4 min-h-4\"></mat-icon>\n        </ng-container>\n        <ng-container *ngIf=\"!widget.isMultiline\" [ngSwitch]=\"widget.inputType\">\n          <mat-icon *ngSwitchCase=\"'numeric'\" svgIcon=\"axo_sculptor_number\" class=\"h-4 w-4 min-w-4 min-h-4\"></mat-icon>\n          <mat-icon *ngSwitchCase=\"'decimal'\" svgIcon=\"axo_sculptor_decimal\" class=\"h-4 w-4 min-w-4 min-h-4\"></mat-icon>\n          <mat-icon *ngSwitchCase=\"'email'\" svgIcon=\"axo_sculptor_email\" class=\"h-4 w-4 min-w-4 min-h-4\"></mat-icon>\n          <mat-icon *ngSwitchCase=\"'phone'\" svgIcon=\"axo_sculptor_phone\" class=\"h-4 w-4 min-w-4 min-h-4\"></mat-icon>\n          <mat-icon *ngSwitchDefault svgIcon=\"axo_sculptor_text\" class=\"h-4 w-4 min-w-4 min-h-4\"></mat-icon>\n        </ng-container>\n        <form [formGroupName]=\"this.widget.id + '_group'\">\n          <input matInput [(ngModel)]='widget.prompt' [formControlName]=\"widget.id + '_prompt' \" />\n        </form>\n      </div>\n      <ng-container *ngIf=\"widget.isHidden\">\n        <mat-icon svgIcon=\"axo_sculptor_close_eye\" class=\"h-4 w-4 min-w-4 min-h-4\"></mat-icon>\n      </ng-container>\n      \n      \n    </div>\n   \n    <div (click)=\"onWidgetClick()\" [ngClass]=\"widget.isMultiline ? 'text-area' :'form-field-input'\">\n      <input [placeholder]=\"widget.placeholder?widget.placeholder:'write text here'\" readonly=true\n        [formControlName]=\"widget.id\" *ngIf=\"!widget.isMultiline\"/>\n        <textarea [placeholder]=\"widget.placeholder?widget.placeholder:'write text here'\" readonly=true\n        [formControlName]=\"widget.id\" *ngIf=\"widget.isMultiline\" rows=\"3\"></textarea>\n    </div>\n  </div>\n  <div class=\"tooltip-container\">\n    <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_help-text\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n    <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_cut\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n    <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_copy\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n    <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_paste\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n   \n    <button class=\"icon-btn\" (click)=\"delete()\">  <mat-icon svgIcon=\"axo_sculptor_delete\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n  </div>\n\n</ng-container>", styles: ["widget-textBox .text-widget{background:#ffffff;border:1px solid #CED0DD;padding:1rem;border-radius:10px}widget-textBox .text-widget:hover{background-color:#eaeaea}widget-textBox .text-widget .form-field-input input{border:1px solid #B1B9CD;height:38px;border-radius:5px;padding:0 10px;margin-top:12px;box-sizing:border-box;width:100%;cursor:pointer}widget-textBox .text-widget .text-area{cursor:pointer}widget-textBox .text-widget .text-area textarea{border:1px solid #B1B9CD;border-radius:5px;padding:10px;margin-top:12px;box-sizing:border-box;width:100%;cursor:pointer}\n"] }]
+    }], function () { return [{ type: i1.PropertiesService }, { type: i2.WidgetsService }]; }, { widget: [{
+            type: Input
+        }], group: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtYXBwLWNvbW1vbi1saWIvc3JjL2xpYi9zY3VscHRvci1saWIvd2lkZ2V0cy90ZXh0Ym94L3RleHRib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWFwcC1jb21tb24tbGliL3NyYy9saWIvc2N1bHB0b3ItbGliL3dpZGdldHMvdGV4dGJveC90ZXh0Ym94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDOUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7OztJQ0M1Qyw2QkFBeUM7SUFDdkMsK0JBQTBGO0lBQzVGLDBCQUFlOzs7SUFFYiwrQkFBNkc7OztJQUM3RywrQkFBOEc7OztJQUM5RywrQkFBMEc7OztJQUMxRywrQkFBMEc7OztJQUMxRywrQkFBa0c7OztJQUxwRyxpQ0FBd0U7SUFDdEUsMEdBQTZHO0lBQzdHLDBHQUE4RztJQUM5RywwR0FBMEc7SUFDMUcsMEdBQTBHO0lBQzFHLDBHQUFrRztJQUNwRywwQkFBZTs7O0lBTjJCLGtEQUE2QjtJQUMxRCxlQUF1QjtJQUF2Qix3Q0FBdUI7SUFDdkIsZUFBdUI7SUFBdkIsd0NBQXVCO0lBQ3ZCLGVBQXFCO0lBQXJCLHNDQUFxQjtJQUNyQixlQUFxQjtJQUFyQixzQ0FBcUI7OztJQU9wQyw2QkFBc0M7SUFDcEMsK0JBQXNGO0lBQ3hGLDBCQUFlOzs7SUFNZiw0QkFDNkQ7OztJQUR0RCx1R0FBdUUscUNBQUE7OztJQUU1RSwrQkFDNkU7OztJQURuRSx1R0FBdUUscUNBQUE7Ozs7SUE1QnpGLDZCQUE2QjtJQUMzQiw4QkFBOEQ7SUFDNUQsOEJBQXdDO0lBQ3RDLDhCQUFxQztJQUNuQyxrR0FFZTtJQUNmLGtHQU1lO0lBQ2YsK0JBQWtEO0lBQ2hELGdDQUF5RjtJQUF6RSwrTkFBMkI7SUFBM0MsaUJBQXlGO0lBQzNGLGlCQUFPO0lBQ1QsaUJBQU07SUFDTixrR0FFZTtJQUdqQixpQkFBTTtJQUVOLDhCQUFnRztJQUEzRixxS0FBUyx1QkFBZSxJQUFDO0lBQzVCLHNGQUM2RDtJQUMzRCw0RkFDNkU7SUFDakYsaUJBQU07SUFDUixpQkFBTTtJQUNOLGdDQUErQjtJQUM3QixtQ0FBeUI7SUFBRSxnQ0FBc0Y7SUFBQSxpQkFBUztJQUMxSCxtQ0FBeUI7SUFBRSxnQ0FBZ0Y7SUFBQSxpQkFBUztJQUNwSCxtQ0FBeUI7SUFBRSxnQ0FBaUY7SUFBQSxpQkFBUztJQUNySCxtQ0FBeUI7SUFBRSxnQ0FBa0Y7SUFBQSxpQkFBUztJQUV0SCxtQ0FBNEM7SUFBbkIseUtBQVMsZ0JBQVEsSUFBQztJQUFHLGdDQUFtRjtJQUFBLGlCQUFTO0lBQzVJLGlCQUFNO0lBRVIsMEJBQWU7OztJQXhDUixlQUFtQjtJQUFuQix3Q0FBbUIsd0JBQUE7SUFHSCxlQUF3QjtJQUF4QixnREFBd0I7SUFHeEIsZUFBeUI7SUFBekIsaURBQXlCO0lBT2xDLGVBQTJDO0lBQTNDLDJEQUEyQztJQUMvQixlQUEyQjtJQUEzQiw4Q0FBMkIsaURBQUE7SUFHaEMsZUFBcUI7SUFBckIsNkNBQXFCO0lBT1AsZUFBZ0U7SUFBaEUsc0ZBQWdFO0lBRTVELGVBQXlCO0lBQXpCLGlEQUF5QjtJQUV6QixlQUF3QjtJQUF4QixnREFBd0I7O0FEbkIvRCxNQUFNLE9BQU8sZ0JBQWdCO0lBSTNCLCtDQUErQztJQUMvQzs7OztPQUlHO0lBQ0gsWUFDVSxrQkFBcUMsRUFDckMsaUJBQWlDO1FBRGpDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFDckMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFnQjtJQUN2QyxDQUFDO0lBRUwsd0dBQXdHO0lBQ3hHLDBCQUEwQjtJQUMxQix3R0FBd0c7SUFDeEc7O09BRUc7SUFDSCxRQUFRO0lBQ1IsQ0FBQztJQUNELHdHQUF3RztJQUN4Ryx3QkFBd0I7SUFDeEIsd0dBQXdHO0lBRXhHOztPQUVHO0lBQ0gsYUFBYTtRQUNYLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQztJQUVEOztPQUVHO0lBQ0gsTUFBTTtRQUNKLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQzs7Z0ZBdkNVLGdCQUFnQjttRUFBaEIsZ0JBQWdCO1FDVjdCLHFGQXlDZTs7UUF6Q0EsaUNBQVk7O3VGRFVkLGdCQUFnQjtjQU41QixTQUFTOzJCQUNFLGdCQUFnQixpQkFHWCxpQkFBaUIsQ0FBQyxJQUFJO2lHQUk1QixNQUFNO2tCQUFkLEtBQUs7WUFDRyxLQUFLO2tCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBQcm9wZXJ0aWVzU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi1wcm9wZXJ0eS1wYW5lbC9wcm9wZXJ0aWVzL3Byb3BlcnRpZXMuc2VydmljZSc7XG5pbXBvcnQgeyBUZXh0Qm94IH0gZnJvbSAnLi4vLi4vLi4vZm9ybXMvcGFnZS93aWRnZXRzL3RleHRib3gnO1xuaW1wb3J0IHsgV2lkZ2V0c1NlcnZpY2UgfSBmcm9tICcuLi93aWRnZXRzLnNlcnZpY2UnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2lkZ2V0LXRleHRCb3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dGJveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RleHRib3guY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0Qm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLy8gLS0tLS0tLS0tLS0tLS0taW5wdXRzLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICBASW5wdXQoKSB3aWRnZXQ6IFRleHRCb3g7XG4gIEBJbnB1dCgpIGdyb3VwOiBGb3JtR3JvdXA7XG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIC8qKlxuICAgKiBjb25zdHJ1Y3RvclxuICAgKlxuICAgKiBAcGFyYW0gX3Byb3BlcnRpZXNTZXJ2aWNlXG4gICAqL1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIF9wcm9wZXJ0aWVzU2VydmljZTogUHJvcGVydGllc1NlcnZpY2UsXG4gICAgcHJpdmF0ZSBfd2lkZ2V0UHJvcGVydGllczogV2lkZ2V0c1NlcnZpY2VcbiAgKSB7IH1cblxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvLyBAIExpZmVjeWNsZSBob29rcyBzdGFydFxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvKipcbiAgICogb24gaW5pdFxuICAgKi9cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLy8gQCBMaWZlY3ljbGUgaG9va3MgZW5kXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgLyoqXG4gICAqIHRvIGVtaXQgd2lkZ2V0Q2xpY2tFdmVudCB0byBzaG93IHByb3BlcnRpZXMgb2Ygc2VsZWN0ZWQgd2lkZ2V0XG4gICAqL1xuICBvbldpZGdldENsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuX3Byb3BlcnRpZXNTZXJ2aWNlLndpZGdldENsaWNrRXZlbnQodGhpcy53aWRnZXQpO1xuICB9XG5cbiAgLyoqXG4gICAqIHRvIGVtaXQgd2lkZ2V0RGVsZXRlRXZlbnQgdG8gRGVsZXRlIFdpZGdldFxuICAgKi9cbiAgZGVsZXRlKCk6IHZvaWQge1xuICAgIHRoaXMuX3dpZGdldFByb3BlcnRpZXMud2lkZ2V0RGVsZXRlRXZlbnQodGhpcy53aWRnZXQpO1xuICB9XG59XG4iLCI8IS0tIFRleHQgYm94IHdpZGdldCAtLT5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJ3aWRnZXRcIj5cbiAgPGRpdiBbZm9ybUdyb3VwXT1cImdyb3VwXCIgY2xhc3M9XCJ0ZXh0LXdpZGdldFwiIFtpZF09XCJ3aWRnZXQuaWRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMiBqdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC0yIGl0ZW1zLWNlbnRlclwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwid2lkZ2V0LmlzTXVsdGlsaW5lXCI+XG4gICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfbXVsdGlsaW5ldGV4dFwiIGNsYXNzPVwiaC00IHctNCBtaW4tdy00IG1pbi1oLTRcIj48L21hdC1pY29uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiF3aWRnZXQuaXNNdWx0aWxpbmVcIiBbbmdTd2l0Y2hdPVwid2lkZ2V0LmlucHV0VHlwZVwiPlxuICAgICAgICAgIDxtYXQtaWNvbiAqbmdTd2l0Y2hDYXNlPVwiJ251bWVyaWMnXCIgc3ZnSWNvbj1cImF4b19zY3VscHRvcl9udW1iZXJcIiBjbGFzcz1cImgtNCB3LTQgbWluLXctNCBtaW4taC00XCI+PC9tYXQtaWNvbj5cbiAgICAgICAgICA8bWF0LWljb24gKm5nU3dpdGNoQ2FzZT1cIidkZWNpbWFsJ1wiIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfZGVjaW1hbFwiIGNsYXNzPVwiaC00IHctNCBtaW4tdy00IG1pbi1oLTRcIj48L21hdC1pY29uPlxuICAgICAgICAgIDxtYXQtaWNvbiAqbmdTd2l0Y2hDYXNlPVwiJ2VtYWlsJ1wiIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfZW1haWxcIiBjbGFzcz1cImgtNCB3LTQgbWluLXctNCBtaW4taC00XCI+PC9tYXQtaWNvbj5cbiAgICAgICAgICA8bWF0LWljb24gKm5nU3dpdGNoQ2FzZT1cIidwaG9uZSdcIiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX3Bob25lXCIgY2xhc3M9XCJoLTQgdy00IG1pbi13LTQgbWluLWgtNFwiPjwvbWF0LWljb24+XG4gICAgICAgICAgPG1hdC1pY29uICpuZ1N3aXRjaERlZmF1bHQgc3ZnSWNvbj1cImF4b19zY3VscHRvcl90ZXh0XCIgY2xhc3M9XCJoLTQgdy00IG1pbi13LTQgbWluLWgtNFwiPjwvbWF0LWljb24+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8Zm9ybSBbZm9ybUdyb3VwTmFtZV09XCJ0aGlzLndpZGdldC5pZCArICdfZ3JvdXAnXCI+XG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IFsobmdNb2RlbCldPSd3aWRnZXQucHJvbXB0JyBbZm9ybUNvbnRyb2xOYW1lXT1cIndpZGdldC5pZCArICdfcHJvbXB0JyBcIiAvPlxuICAgICAgICA8L2Zvcm0+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ3aWRnZXQuaXNIaWRkZW5cIj5cbiAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfY2xvc2VfZXllXCIgY2xhc3M9XCJoLTQgdy00IG1pbi13LTQgbWluLWgtNFwiPjwvbWF0LWljb24+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIFxuICAgICAgXG4gICAgPC9kaXY+XG4gICBcbiAgICA8ZGl2IChjbGljayk9XCJvbldpZGdldENsaWNrKClcIiBbbmdDbGFzc109XCJ3aWRnZXQuaXNNdWx0aWxpbmUgPyAndGV4dC1hcmVhJyA6J2Zvcm0tZmllbGQtaW5wdXQnXCI+XG4gICAgICA8aW5wdXQgW3BsYWNlaG9sZGVyXT1cIndpZGdldC5wbGFjZWhvbGRlcj93aWRnZXQucGxhY2Vob2xkZXI6J3dyaXRlIHRleHQgaGVyZSdcIiByZWFkb25seT10cnVlXG4gICAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwid2lkZ2V0LmlkXCIgKm5nSWY9XCIhd2lkZ2V0LmlzTXVsdGlsaW5lXCIvPlxuICAgICAgICA8dGV4dGFyZWEgW3BsYWNlaG9sZGVyXT1cIndpZGdldC5wbGFjZWhvbGRlcj93aWRnZXQucGxhY2Vob2xkZXI6J3dyaXRlIHRleHQgaGVyZSdcIiByZWFkb25seT10cnVlXG4gICAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwid2lkZ2V0LmlkXCIgKm5nSWY9XCJ3aWRnZXQuaXNNdWx0aWxpbmVcIiByb3dzPVwiM1wiPjwvdGV4dGFyZWE+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwidG9vbHRpcC1jb250YWluZXJcIj5cbiAgICA8YnV0dG9uIGNsYXNzPVwiaWNvbi1idG5cIj4gIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX2hlbHAtdGV4dFwiIGNsYXNzPVwiaC00IG1pbi1oLTQgdy00IG1pbi13LTRcIj48L21hdC1pY29uPjwvYnV0dG9uPlxuICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfY3V0XCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9jb3B5XCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9wYXN0ZVwiIGNsYXNzPVwiaC00IG1pbi1oLTQgdy00IG1pbi13LTRcIj48L21hdC1pY29uPjwvYnV0dG9uPlxuICAgXG4gICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCIgKGNsaWNrKT1cImRlbGV0ZSgpXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9kZWxldGVcIiBjbGFzcz1cImgtNCBtaW4taC00IHctNCBtaW4tdy00XCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cbiAgPC9kaXY+XG5cbjwvbmctY29udGFpbmVyPiJdfQ==

package/esm2020/lib/sculptor-lib/widgets/timestamp/timestamp.component.mjs

@@ -0,0 +1,115 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { PropertiesService } from '../../../common-property-panel/properties/properties.service';
+import { TimeStamp } from '../../../forms/page/widgets/timestamp';
+import { WidgetsService } from '../widgets.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../common-property-panel/properties/properties.service";
+import * as i2 from "../widgets.service";
+function TimestampComponent_ng_container_0_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "mat-icon", 17);
+    i0.ɵɵelementContainerEnd();
+} }
+function TimestampComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 1);
+    i0.ɵɵelementStart(2, "div", 2);
+    i0.ɵɵelementStart(3, "div", 3);
+    i0.ɵɵelement(4, "mat-icon", 4);
+    i0.ɵɵelementStart(5, "form", 5);
+    i0.ɵɵelementStart(6, "input", 6);
+    i0.ɵɵlistener("ngModelChange", function TimestampComponent_ng_container_0_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.widget.prompt = $event; });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, TimestampComponent_ng_container_0_ng_container_7_Template, 2, 0, "ng-container", 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 7);
+    i0.ɵɵlistener("click", function TimestampComponent_ng_container_0_Template_div_click_8_listener() { i0.ɵɵrestoreView(_r3); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.onWidgetClick(); });
+    i0.ɵɵelementStart(9, "div", 8);
+    i0.ɵɵtext(10, "Tap here to Add Audio");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div", 9);
+    i0.ɵɵelementStart(12, "button", 10);
+    i0.ɵɵelement(13, "mat-icon", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "button", 10);
+    i0.ɵɵelement(15, "mat-icon", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "button", 10);
+    i0.ɵɵelement(17, "mat-icon", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "button", 10);
+    i0.ɵɵelement(19, "mat-icon", 14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "button", 15);
+    i0.ɵɵlistener("click", function TimestampComponent_ng_container_0_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r3); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.delete(); });
+    i0.ɵɵelement(21, "mat-icon", 16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("formGroup", ctx_r0.group)("id", ctx_r0.widget.id);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("formGroupName", ctx_r0.widget.id + "_group");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngModel", ctx_r0.widget.prompt)("formControlName", ctx_r0.widget.id + "_prompt");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.widget.isHidden);
+} }
+export class TimestampComponent {
+    // --------------------------------------------
+    /**
+     * constructor
+     *
+     * @param _propertiesService
+     */
+    constructor(_propertiesService, _widgetProperties) {
+        this._propertiesService = _propertiesService;
+        this._widgetProperties = _widgetProperties;
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Lifecycle hooks start
+    // -----------------------------------------------------------------------------------------------------
+    /**
+     * on init
+     */
+    ngOnInit() {
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Lifecycle hooks end
+    // -----------------------------------------------------------------------------------------------------
+    /**
+     * to emit widgetClickEvent to show properties of selected widget
+     */
+    onWidgetClick() {
+        this._propertiesService.widgetClickEvent(this.widget);
+    }
+    /**
+   * to emit widgetDeleteEvent to Delete Widget
+   */
+    delete() {
+        this._widgetProperties.widgetDeleteEvent(this.widget);
+    }
+}
+TimestampComponent.ɵfac = function TimestampComponent_Factory(t) { return new (t || TimestampComponent)(i0.ɵɵdirectiveInject(i1.PropertiesService), i0.ɵɵdirectiveInject(i2.WidgetsService)); };
+TimestampComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimestampComponent, selectors: [["lib-timestamp"]], inputs: { widget: "widget", group: "group" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "text-widget", 3, "formGroup", "id"], [1, "flex", "gap-2", "justify-between"], [1, "flex", "gap-2", "items-center"], ["svgIcon", "axo_sculptor_timestamp", 1, "h-4", "w-4", "min-w-4", "min-h-4"], [3, "formGroupName"], ["matInput", "", 3, "ngModel", "formControlName", "ngModelChange"], [1, "form-field-input", 3, "click"], [1, "placeholder-text", "mt-3"], [1, "tooltip-container"], [1, "icon-btn"], ["svgIcon", "axo_sculptor_help-text", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_cut", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_copy", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_paste", 1, "h-4", "min-h-4", "w-4", "min-w-4"], [1, "icon-btn", 3, "click"], ["svgIcon", "axo_sculptor_delete", 1, "h-4", "min-h-4", "w-4", "min-w-4"], ["svgIcon", "axo_sculptor_close_eye", 1, "h-4", "w-4", "min-w-4", "min-h-4"]], template: function TimestampComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, TimestampComponent_ng_container_0_Template, 22, 6, "ng-container", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.widget);
+    } }, styles: ["lib-timestamp .text-widget{background:#ffffff;border:1px solid #CED0DD;padding:1rem;border-radius:10px}lib-timestamp .text-widget:hover{background-color:#eaeaea}\n"], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimestampComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-timestamp', encapsulation: ViewEncapsulation.None, template: "<!-- Time Stamp widget -->\n<ng-container *ngIf=\"widget\">\n    <div [formGroup]=\"group\" class=\"text-widget\" [id]=\"widget.id\">\n        <div class=\"flex gap-2 justify-between\">\n            <div class=\"flex gap-2 items-center\">\n                <mat-icon svgIcon=\"axo_sculptor_timestamp\" class=\"h-4 w-4 min-w-4 min-h-4\"></mat-icon>\n              <form [formGroupName]=\"this.widget.id + '_group'\">\n                <input matInput [(ngModel)]='widget.prompt' [formControlName]=\"widget.id + '_prompt' \" />\n              </form>\n            </div>\n            <ng-container *ngIf=\"widget.isHidden\">\n              <mat-icon svgIcon=\"axo_sculptor_close_eye\" class=\"h-4 w-4 min-w-4 min-h-4\"></mat-icon>\n            </ng-container>\n        </div>\n      \n      <div (click)=\"onWidgetClick()\" class ='form-field-input'>\n          <div class=\"placeholder-text mt-3\">Tap here to Add Audio</div>\n      </div>\n\n    </div>\n    <div class=\"tooltip-container\">\n      <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_help-text\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n      <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_cut\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n      <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_copy\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n      <button class=\"icon-btn\">  <mat-icon svgIcon=\"axo_sculptor_paste\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n\n      <button class=\"icon-btn\" (click)=\"delete()\">  <mat-icon svgIcon=\"axo_sculptor_delete\" class=\"h-4 min-h-4 w-4 min-w-4\"></mat-icon></button>\n    </div>\n\n  </ng-container>", styles: ["lib-timestamp .text-widget{background:#ffffff;border:1px solid #CED0DD;padding:1rem;border-radius:10px}lib-timestamp .text-widget:hover{background-color:#eaeaea}\n"] }]
+    }], function () { return [{ type: i1.PropertiesService }, { type: i2.WidgetsService }]; }, { widget: [{
+            type: Input
+        }], group: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXN0YW1wLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1hcHAtY29tbW9uLWxpYi9zcmMvbGliL3NjdWxwdG9yLWxpYi93aWRnZXRzL3RpbWVzdGFtcC90aW1lc3RhbXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWFwcC1jb21tb24tbGliL3NyYy9saWIvc2N1bHB0b3ItbGliL3dpZGdldHMvdGltZXN0YW1wL3RpbWVzdGFtcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDakcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7SUNNeEMsNkJBQXNDO0lBQ3BDLCtCQUFzRjtJQUN4RiwwQkFBZTs7OztJQVgzQiw2QkFBNkI7SUFDekIsOEJBQThEO0lBQzFELDhCQUF3QztJQUNwQyw4QkFBcUM7SUFDakMsOEJBQXNGO0lBQ3hGLCtCQUFrRDtJQUNoRCxnQ0FBeUY7SUFBekUsOE5BQTJCO0lBQTNDLGlCQUF5RjtJQUMzRixpQkFBTztJQUNULGlCQUFNO0lBQ04sb0dBRWU7SUFDbkIsaUJBQU07SUFFUiw4QkFBeUQ7SUFBcEQscUtBQVMsc0JBQWUsSUFBQztJQUMxQiw4QkFBbUM7SUFBQSxzQ0FBcUI7SUFBQSxpQkFBTTtJQUNsRSxpQkFBTTtJQUVSLGlCQUFNO0lBQ04sK0JBQStCO0lBQzdCLG1DQUF5QjtJQUFFLGdDQUFzRjtJQUFBLGlCQUFTO0lBQzFILG1DQUF5QjtJQUFFLGdDQUFnRjtJQUFBLGlCQUFTO0lBQ3BILG1DQUF5QjtJQUFFLGdDQUFpRjtJQUFBLGlCQUFTO0lBQ3JILG1DQUF5QjtJQUFFLGdDQUFrRjtJQUFBLGlCQUFTO0lBRXRILG1DQUE0QztJQUFuQix5S0FBUyxlQUFRLElBQUM7SUFBRyxnQ0FBbUY7SUFBQSxpQkFBUztJQUM1SSxpQkFBTTtJQUVSLDBCQUFlOzs7SUEzQlIsZUFBbUI7SUFBbkIsd0NBQW1CLHdCQUFBO0lBSVIsZUFBMkM7SUFBM0MsMkRBQTJDO0lBQy9CLGVBQTJCO0lBQTNCLDhDQUEyQixpREFBQTtJQUdoQyxlQUFxQjtJQUFyQiw2Q0FBcUI7O0FERWhELE1BQU0sT0FBTyxrQkFBa0I7SUFJN0IsK0NBQStDO0lBQy9DOzs7O09BSUc7SUFDSCxZQUNVLGtCQUFxQyxFQUNyQyxpQkFBaUM7UUFEakMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFtQjtRQUNyQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQWdCO0lBRXZDLENBQUM7SUFFTCx3R0FBd0c7SUFDeEcsMEJBQTBCO0lBQzFCLHdHQUF3RztJQUN4Rzs7T0FFRztJQUNILFFBQVE7SUFDUixDQUFDO0lBQ0Qsd0dBQXdHO0lBQ3hHLHdCQUF3QjtJQUN4Qix3R0FBd0c7SUFFeEc7O09BRUc7SUFDSCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBQ0M7O0tBRUM7SUFDRCxNQUFNO1FBQ0osSUFBSSxDQUFDLGlCQUFpQixDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN4RCxDQUFDOztvRkF2Q1Esa0JBQWtCO3FFQUFsQixrQkFBa0I7UUNYL0Isc0ZBNEJpQjs7UUE1QkYsaUNBQVk7O3VGRFdkLGtCQUFrQjtjQU45QixTQUFTOzJCQUNFLGVBQWUsaUJBR1YsaUJBQWlCLENBQUMsSUFBSTtpR0FJNUIsTUFBTTtrQkFBZCxLQUFLO1lBQ0csS0FBSztrQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgUHJvcGVydGllc1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9jb21tb24tcHJvcGVydHktcGFuZWwvcHJvcGVydGllcy9wcm9wZXJ0aWVzLnNlcnZpY2UnO1xuaW1wb3J0IHsgVGltZVN0YW1wIH0gZnJvbSAnLi4vLi4vLi4vZm9ybXMvcGFnZS93aWRnZXRzL3RpbWVzdGFtcCc7XG5pbXBvcnQgeyBXaWRnZXRzU2VydmljZSB9IGZyb20gJy4uL3dpZGdldHMuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi10aW1lc3RhbXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGltZXN0YW1wLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGltZXN0YW1wLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgVGltZXN0YW1wQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLy8gLS0tLS0tLS0tLS0tLS0taW5wdXRzLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICBASW5wdXQoKSB3aWRnZXQ6IFRpbWVTdGFtcDtcbiAgQElucHV0KCkgZ3JvdXA6IEZvcm1Hcm91cDtcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLyoqXG4gICAqIGNvbnN0cnVjdG9yXG4gICAqXG4gICAqIEBwYXJhbSBfcHJvcGVydGllc1NlcnZpY2VcbiAgICovXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX3Byb3BlcnRpZXNTZXJ2aWNlOiBQcm9wZXJ0aWVzU2VydmljZSxcbiAgICBwcml2YXRlIF93aWRnZXRQcm9wZXJ0aWVzOiBXaWRnZXRzU2VydmljZVxuICAgIFxuICApIHsgfVxuXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIC8vIEAgTGlmZWN5Y2xlIGhvb2tzIHN0YXJ0XG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIC8qKlxuICAgKiBvbiBpbml0XG4gICAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvLyBAIExpZmVjeWNsZSBob29rcyBlbmRcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAvKipcbiAgICogdG8gZW1pdCB3aWRnZXRDbGlja0V2ZW50IHRvIHNob3cgcHJvcGVydGllcyBvZiBzZWxlY3RlZCB3aWRnZXRcbiAgICovXG4gIG9uV2lkZ2V0Q2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5fcHJvcGVydGllc1NlcnZpY2Uud2lkZ2V0Q2xpY2tFdmVudCh0aGlzLndpZGdldCk7XG4gIH1cbiAgICAvKipcbiAgICogdG8gZW1pdCB3aWRnZXREZWxldGVFdmVudCB0byBEZWxldGUgV2lkZ2V0XG4gICAqL1xuICAgIGRlbGV0ZSgpOiB2b2lkIHtcbiAgICAgIHRoaXMuX3dpZGdldFByb3BlcnRpZXMud2lkZ2V0RGVsZXRlRXZlbnQodGhpcy53aWRnZXQpO1xuICAgIH1cbn0iLCI8IS0tIFRpbWUgU3RhbXAgd2lkZ2V0IC0tPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIndpZGdldFwiPlxuICAgIDxkaXYgW2Zvcm1Hcm91cF09XCJncm91cFwiIGNsYXNzPVwidGV4dC13aWRnZXRcIiBbaWRdPVwid2lkZ2V0LmlkXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC0yIGp1c3RpZnktYmV0d2VlblwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZ2FwLTIgaXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfdGltZXN0YW1wXCIgY2xhc3M9XCJoLTQgdy00IG1pbi13LTQgbWluLWgtNFwiPjwvbWF0LWljb24+XG4gICAgICAgICAgICAgIDxmb3JtIFtmb3JtR3JvdXBOYW1lXT1cInRoaXMud2lkZ2V0LmlkICsgJ19ncm91cCdcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgWyhuZ01vZGVsKV09J3dpZGdldC5wcm9tcHQnIFtmb3JtQ29udHJvbE5hbWVdPVwid2lkZ2V0LmlkICsgJ19wcm9tcHQnIFwiIC8+XG4gICAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIndpZGdldC5pc0hpZGRlblwiPlxuICAgICAgICAgICAgICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9jbG9zZV9leWVcIiBjbGFzcz1cImgtNCB3LTQgbWluLXctNCBtaW4taC00XCI+PC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIFxuICAgICAgPGRpdiAoY2xpY2spPVwib25XaWRnZXRDbGljaygpXCIgY2xhc3MgPSdmb3JtLWZpZWxkLWlucHV0Jz5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwicGxhY2Vob2xkZXItdGV4dCBtdC0zXCI+VGFwIGhlcmUgdG8gQWRkIEF1ZGlvPC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0b29sdGlwLWNvbnRhaW5lclwiPlxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9oZWxwLXRleHRcIiBjbGFzcz1cImgtNCBtaW4taC00IHctNCBtaW4tdy00XCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfY3V0XCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiaWNvbi1idG5cIj4gIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX2NvcHlcIiBjbGFzcz1cImgtNCBtaW4taC00IHctNCBtaW4tdy00XCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfcGFzdGVcIiBjbGFzcz1cImgtNCBtaW4taC00IHctNCBtaW4tdy00XCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cblxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCIgKGNsaWNrKT1cImRlbGV0ZSgpXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9kZWxldGVcIiBjbGFzcz1cImgtNCBtaW4taC00IHctNCBtaW4tdy00XCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cbiAgICA8L2Rpdj5cblxuICA8L25nLWNvbnRhaW5lcj4iXX0=