ax-common-ui-lib 1.0.0-beta.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RvcHdhdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1jb21tb24tdWktbGliL3NyYy9saWIvc2N1bHB0b3ItbGliL3dpZGdldHMvc3RvcHdhdGNoL3N0b3B3YXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtY29tbW9uLXVpLWxpYi9zcmMvbGliL3NjdWxwdG9yLWxpYi93aWRnZXRzL3N0b3B3YXRjaC9zdG9wd2F0Y2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7OztJQ0hwRCw2QkFBNkI7SUFDekIsOEJBQThEO0lBQzVELDhCQUFxQztJQUNqQyw4QkFBc0Y7SUFDeEYsK0JBQWtEO0lBQ2hELGdDQUF5RjtJQUF6RSw4TkFBMkI7SUFBM0MsaUJBQXlGO0lBQzNGLGlCQUFPO0lBQ1QsaUJBQU07SUFDTiw4QkFBeUQ7SUFBcEQscUtBQVMsc0JBQWUsSUFBQztJQUM1QiwyQkFDa0M7SUFDcEMsaUJBQU07SUFDUixpQkFBTTtJQUNOLDhCQUErQjtJQUM3QixpQ0FBeUI7SUFBRSxnQ0FBc0Y7SUFBQSxpQkFBUztJQUMxSCxrQ0FBeUI7SUFBRSxnQ0FBZ0Y7SUFBQSxpQkFBUztJQUNwSCxrQ0FBeUI7SUFBRSxnQ0FBaUY7SUFBQSxpQkFBUztJQUNySCxrQ0FBeUI7SUFBRSxnQ0FBa0Y7SUFBQSxpQkFBUztJQUV0SCxtQ0FBNkM7SUFBcEIseUtBQVMsZUFBUSxJQUFDO0lBQUksZ0NBQW1GO0lBQUEsaUJBQVM7SUFDN0ksaUJBQU07SUFFUiwwQkFBZTs7O0lBckJSLGVBQW1CO0lBQW5CLHdDQUFtQix3QkFBQTtJQUdkLGVBQTJDO0lBQTNDLDJEQUEyQztJQUMvQixlQUEyQjtJQUEzQiw4Q0FBMkIsaURBQUE7SUFJdEMsZUFBdUU7SUFBdkUsdUdBQXVFLHFDQUFBOztBREV0RixNQUFNLE9BQU8sa0JBQWtCO0lBSTdCLCtDQUErQztJQUMvQzs7OztPQUlHO0lBQ0gsWUFDVSxrQkFBcUMsRUFDckMsaUJBQWlDO1FBRGpDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFDckMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFnQjtJQUV2QyxDQUFDO0lBRUwsd0dBQXdHO0lBQ3hHLDBCQUEwQjtJQUMxQix3R0FBd0c7SUFDeEc7O09BRUc7SUFDSCxRQUFRO0lBQ1IsQ0FBQztJQUNELHdHQUF3RztJQUN4Ryx3QkFBd0I7SUFDeEIsd0dBQXdHO0lBRXhHOztPQUVHO0lBQ0gsYUFBYTtRQUNYLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQztJQUNDOztLQUVDO0lBQ0QsTUFBTTtRQUNKLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQzs7b0ZBdkNRLGtCQUFrQjtxRUFBbEIsa0JBQWtCO1FDWC9CLHNGQXNCaUI7O1FBdEJGLGlDQUFZOzt1RkRXZCxrQkFBa0I7Y0FOOUIsU0FBUzsyQkFDRSxlQUFlLGlCQUdWLGlCQUFpQixDQUFDLElBQUk7aUdBSTVCLE1BQU07a0JBQWQsS0FBSztZQUNHLEtBQUs7a0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFByb3BlcnRpZXNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uLXByb3BlcnR5LXBhbmVsL3Byb3BlcnRpZXMvcHJvcGVydGllcy5zZXJ2aWNlJztcbmltcG9ydCB7IFN0b3BXYXRjaCB9IGZyb20gJy4uLy4uLy4uL2Zvcm1zL3BhZ2Uvd2lkZ2V0cy9zdG9wd2F0Y2gnO1xuaW1wb3J0IHsgV2lkZ2V0c1NlcnZpY2UgfSBmcm9tICcuLi93aWRnZXRzLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItc3RvcHdhdGNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0b3B3YXRjaC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0b3B3YXRjaC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFN0b3B3YXRjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vIC0tLS0tLS0tLS0tLS0tLWlucHV0cy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgQElucHV0KCkgd2lkZ2V0OiBTdG9wV2F0Y2g7XG4gIEBJbnB1dCgpIGdyb3VwOiBGb3JtR3JvdXA7XG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIC8qKlxuICAgKiBjb25zdHJ1Y3RvclxuICAgKlxuICAgKiBAcGFyYW0gX3Byb3BlcnRpZXNTZXJ2aWNlXG4gICAqL1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIF9wcm9wZXJ0aWVzU2VydmljZTogUHJvcGVydGllc1NlcnZpY2UsXG4gICAgcHJpdmF0ZSBfd2lkZ2V0UHJvcGVydGllczogV2lkZ2V0c1NlcnZpY2VcbiAgICBcbiAgKSB7IH1cblxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvLyBAIExpZmVjeWNsZSBob29rcyBzdGFydFxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvKipcbiAgICogb24gaW5pdFxuICAgKi9cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLy8gQCBMaWZlY3ljbGUgaG9va3MgZW5kXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgLyoqXG4gICAqIHRvIGVtaXQgd2lkZ2V0Q2xpY2tFdmVudCB0byBzaG93IHByb3BlcnRpZXMgb2Ygc2VsZWN0ZWQgd2lkZ2V0XG4gICAqL1xuICBvbldpZGdldENsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuX3Byb3BlcnRpZXNTZXJ2aWNlLndpZGdldENsaWNrRXZlbnQodGhpcy53aWRnZXQpO1xuICB9XG4gICAgLyoqXG4gICAqIHRvIGVtaXQgd2lkZ2V0RGVsZXRlRXZlbnQgdG8gRGVsZXRlIFdpZGdldFxuICAgKi9cbiAgICBkZWxldGUoKTogdm9pZCB7XG4gICAgICB0aGlzLl93aWRnZXRQcm9wZXJ0aWVzLndpZGdldERlbGV0ZUV2ZW50KHRoaXMud2lkZ2V0KTtcbiAgICB9XG59IiwiPCEtLSBTdG9wd2F0Y2ggd2lkZ2V0IC0tPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIndpZGdldFwiPlxuICAgIDxkaXYgW2Zvcm1Hcm91cF09XCJncm91cFwiIGNsYXNzPVwidGV4dC13aWRnZXRcIiBbaWRdPVwid2lkZ2V0LmlkXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMiBpdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9zdG9wd2F0Y2hcIiBjbGFzcz1cImgtNCB3LTQgbWluLXctNCBtaW4taC00XCI+PC9tYXQtaWNvbj5cbiAgICAgICAgPGZvcm0gW2Zvcm1Hcm91cE5hbWVdPVwidGhpcy53aWRnZXQuaWQgKyAnX2dyb3VwJ1wiPlxuICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCBbKG5nTW9kZWwpXT0nd2lkZ2V0LnByb21wdCcgW2Zvcm1Db250cm9sTmFtZV09XCJ3aWRnZXQuaWQgKyAnX3Byb21wdCcgXCIgLz5cbiAgICAgICAgPC9mb3JtPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IChjbGljayk9XCJvbldpZGdldENsaWNrKClcIiBjbGFzcyA9J2Zvcm0tZmllbGQtaW5wdXQnPlxuICAgICAgICA8aW5wdXQgW3BsYWNlaG9sZGVyXT1cIndpZGdldC5wbGFjZWhvbGRlcj93aWRnZXQucGxhY2Vob2xkZXI6J3dyaXRlIHRleHQgaGVyZSdcIiByZWFkb25seT10cnVlXG4gICAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJ3aWRnZXQuaWRcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInRvb2x0aXAtY29udGFpbmVyXCI+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiaWNvbi1idG5cIj4gIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX2hlbHAtdGV4dFwiIGNsYXNzPVwiaC00IG1pbi1oLTQgdy00IG1pbi13LTRcIj48L21hdC1pY29uPjwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9jdXRcIiBjbGFzcz1cImgtNCBtaW4taC00IHctNCBtaW4tdy00XCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfY29weVwiIGNsYXNzPVwiaC00IG1pbi1oLTQgdy00IG1pbi13LTRcIj48L21hdC1pY29uPjwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9wYXN0ZVwiIGNsYXNzPVwiaC00IG1pbi1oLTQgdy00IG1pbi13LTRcIj48L21hdC1pY29uPjwvYnV0dG9uPlxuICAgICBcbiAgICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiIChjbGljayk9XCJkZWxldGUoKVwiID4gIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX2RlbGV0ZVwiIGNsYXNzPVwiaC00IG1pbi1oLTQgdy00IG1pbi13LTRcIj48L21hdC1pY29uPjwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICBcbiAgPC9uZy1jb250YWluZXI+XG4iXX0=

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtY29tbW9uLXVpLWxpYi9zcmMvbGliL3NjdWxwdG9yLWxpYi93aWRnZXRzL3N1YmZvcm0vc3ViZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtY29tbW9uLXVpLWxpYi9zcmMvbGliL3NjdWxwdG9yLWxpYi93aWRnZXRzL3N1YmZvcm0vc3ViZm9ybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDakcsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7SUNNeEMsNkJBQXNDO0lBQ3BDLCtCQUFzRjtJQUN4RiwwQkFBZTs7OztJQVgzQiw2QkFBNkI7SUFDekIsOEJBQThEO0lBQzFELDhCQUF3QztJQUNwQyw4QkFBcUM7SUFDakMsOEJBQW9GO0lBQ3RGLCtCQUFrRDtJQUNoRCxnQ0FBeUY7SUFBekUsNE5BQTJCO0lBQTNDLGlCQUF5RjtJQUMzRixpQkFBTztJQUNULGlCQUFNO0lBQ04sa0dBRWU7SUFDbkIsaUJBQU07SUFNVixpQkFBTTtJQUNOLDhCQUErQjtJQUM3QixpQ0FBeUI7SUFBRSwrQkFBc0Y7SUFBQSxpQkFBUztJQUMxSCxrQ0FBeUI7SUFBRSxnQ0FBZ0Y7SUFBQSxpQkFBUztJQUNwSCxrQ0FBeUI7SUFBRSxnQ0FBaUY7SUFBQSxpQkFBUztJQUNySCxrQ0FBeUI7SUFBRSxnQ0FBa0Y7SUFBQSxpQkFBUztJQUV0SCxtQ0FBNEM7SUFBbkIsdUtBQVMsZUFBUSxJQUFDO0lBQUcsZ0NBQW1GO0lBQUEsaUJBQVM7SUFDNUksaUJBQU07SUFFUiwwQkFBZTs7O0lBM0JSLGVBQW1CO0lBQW5CLHdDQUFtQix3QkFBQTtJQUlSLGVBQTJDO0lBQTNDLDJEQUEyQztJQUMvQixlQUEyQjtJQUEzQiw4Q0FBMkIsaURBQUE7SUFHaEMsZUFBcUI7SUFBckIsNkNBQXFCOztBREVoRCxNQUFNLE9BQU8sZ0JBQWdCO0lBSTNCLCtDQUErQztJQUMvQzs7OztPQUlHO0lBQ0gsWUFDVSxrQkFBcUMsRUFDckMsaUJBQWlDO1FBRGpDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFDckMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFnQjtJQUV2QyxDQUFDO0lBRUwsd0dBQXdHO0lBQ3hHLDBCQUEwQjtJQUMxQix3R0FBd0c7SUFDeEc7O09BRUc7SUFDSCxRQUFRO0lBQ1IsQ0FBQztJQUNELHdHQUF3RztJQUN4Ryx3QkFBd0I7SUFDeEIsd0dBQXdHO0lBRXhHOztPQUVHO0lBQ0gsYUFBYTtRQUNYLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQztJQUNDOztLQUVDO0lBQ0QsTUFBTTtRQUNKLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQzs7Z0ZBdkNRLGdCQUFnQjttRUFBaEIsZ0JBQWdCO1FDWDdCLG9GQTRCaUI7O1FBNUJGLGlDQUFZOzt1RkRXZCxnQkFBZ0I7Y0FONUIsU0FBUzsyQkFDRSxhQUFhLGlCQUdSLGlCQUFpQixDQUFDLElBQUk7aUdBSTVCLE1BQU07a0JBQWQsS0FBSztZQUNHLEtBQUs7a0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFByb3BlcnRpZXNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uLXByb3BlcnR5LXBhbmVsL3Byb3BlcnRpZXMvcHJvcGVydGllcy5zZXJ2aWNlJztcbmltcG9ydCB7IFN1YkZvcm0gfSBmcm9tICcuLi8uLi8uLi9mb3Jtcy9wYWdlL3dpZGdldHMvc3ViLWZvcm0nO1xuaW1wb3J0IHsgV2lkZ2V0c1NlcnZpY2UgfSBmcm9tICcuLi93aWRnZXRzLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItc3ViZm9ybScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWJmb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3ViZm9ybS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFN1YmZvcm1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvLyAtLS0tLS0tLS0tLS0tLS1pbnB1dHMtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIEBJbnB1dCgpIHdpZGdldDogU3ViRm9ybTtcbiAgQElucHV0KCkgZ3JvdXA6IEZvcm1Hcm91cDtcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLyoqXG4gICAqIGNvbnN0cnVjdG9yXG4gICAqXG4gICAqIEBwYXJhbSBfcHJvcGVydGllc1NlcnZpY2VcbiAgICovXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX3Byb3BlcnRpZXNTZXJ2aWNlOiBQcm9wZXJ0aWVzU2VydmljZSxcbiAgICBwcml2YXRlIF93aWRnZXRQcm9wZXJ0aWVzOiBXaWRnZXRzU2VydmljZVxuICAgIFxuICApIHsgfVxuXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIC8vIEAgTGlmZWN5Y2xlIGhvb2tzIHN0YXJ0XG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIC8qKlxuICAgKiBvbiBpbml0XG4gICAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvLyBAIExpZmVjeWNsZSBob29rcyBlbmRcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAvKipcbiAgICogdG8gZW1pdCB3aWRnZXRDbGlja0V2ZW50IHRvIHNob3cgcHJvcGVydGllcyBvZiBzZWxlY3RlZCB3aWRnZXRcbiAgICovXG4gIG9uV2lkZ2V0Q2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5fcHJvcGVydGllc1NlcnZpY2Uud2lkZ2V0Q2xpY2tFdmVudCh0aGlzLndpZGdldCk7XG4gIH1cbiAgICAvKipcbiAgICogdG8gZW1pdCB3aWRnZXREZWxldGVFdmVudCB0byBEZWxldGUgV2lkZ2V0XG4gICAqL1xuICAgIGRlbGV0ZSgpOiB2b2lkIHtcbiAgICAgIHRoaXMuX3dpZGdldFByb3BlcnRpZXMud2lkZ2V0RGVsZXRlRXZlbnQodGhpcy53aWRnZXQpO1xuICAgIH1cbn0iLCI8IS0tIFN1YmZvcm0gd2lkZ2V0IC0tPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIndpZGdldFwiPlxuICAgIDxkaXYgW2Zvcm1Hcm91cF09XCJncm91cFwiIGNsYXNzPVwidGV4dC13aWRnZXRcIiBbaWRdPVwid2lkZ2V0LmlkXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC0yIGp1c3RpZnktYmV0d2VlblwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZ2FwLTIgaXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3Jfc3ViZm9ybVwiIGNsYXNzPVwiaC00IHctNCBtaW4tdy00IG1pbi1oLTRcIj48L21hdC1pY29uPlxuICAgICAgICAgICAgICA8Zm9ybSBbZm9ybUdyb3VwTmFtZV09XCJ0aGlzLndpZGdldC5pZCArICdfZ3JvdXAnXCI+XG4gICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IFsobmdNb2RlbCldPSd3aWRnZXQucHJvbXB0JyBbZm9ybUNvbnRyb2xOYW1lXT1cIndpZGdldC5pZCArICdfcHJvbXB0JyBcIiAvPlxuICAgICAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ3aWRnZXQuaXNIaWRkZW5cIj5cbiAgICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfY2xvc2VfZXllXCIgY2xhc3M9XCJoLTQgdy00IG1pbi13LTQgbWluLWgtNFwiPjwvbWF0LWljb24+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICBcbiAgICAgIDwhLS0gPGRpdiAoY2xpY2spPVwib25XaWRnZXRDbGljaygpXCIgY2xhc3MgPSdmb3JtLWZpZWxkLWlucHV0Jz5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwicGxhY2Vob2xkZXItdGV4dCBtdC0zXCI+VGFwIGhlcmUgdG8gVmlldyBmb3JtPC9kaXY+XG4gICAgICA8L2Rpdj4gLS0+XG5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidG9vbHRpcC1jb250YWluZXJcIj5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfaGVscC10ZXh0XCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiaWNvbi1idG5cIj4gIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX2N1dFwiIGNsYXNzPVwiaC00IG1pbi1oLTQgdy00IG1pbi13LTRcIj48L21hdC1pY29uPjwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9jb3B5XCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiaWNvbi1idG5cIj4gIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX3Bhc3RlXCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiIChjbGljayk9XCJkZWxldGUoKVwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfZGVsZXRlXCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgPC9kaXY+XG5cbiAgPC9uZy1jb250YWluZXI+Il19

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtY29tbW9uLXVpLWxpYi9zcmMvbGliL3NjdWxwdG9yLWxpYi93aWRnZXRzL3RleHRib3gvdGV4dGJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtY29tbW9uLXVpLWxpYi9zcmMvbGliL3NjdWxwdG9yLWxpYi93aWRnZXRzL3RleHRib3gvdGV4dGJveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDakcsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7SUNDNUMsNkJBQXlDO0lBQ3ZDLCtCQUEwRjtJQUM1RiwwQkFBZTs7O0lBRWIsK0JBQTZHOzs7SUFDN0csK0JBQThHOzs7SUFDOUcsK0JBQTBHOzs7SUFDMUcsK0JBQTBHOzs7SUFDMUcsK0JBQWtHOzs7SUFMcEcsaUNBQXdFO0lBQ3RFLDBHQUE2RztJQUM3RywwR0FBOEc7SUFDOUcsMEdBQTBHO0lBQzFHLDBHQUEwRztJQUMxRywwR0FBa0c7SUFDcEcsMEJBQWU7OztJQU4yQixrREFBNkI7SUFDMUQsZUFBdUI7SUFBdkIsd0NBQXVCO0lBQ3ZCLGVBQXVCO0lBQXZCLHdDQUF1QjtJQUN2QixlQUFxQjtJQUFyQixzQ0FBcUI7SUFDckIsZUFBcUI7SUFBckIsc0NBQXFCOzs7SUFPcEMsNkJBQXNDO0lBQ3BDLCtCQUFzRjtJQUN4RiwwQkFBZTs7O0lBTWYsNEJBQzZEOzs7SUFEdEQsdUdBQXVFLHFDQUFBOzs7SUFFNUUsK0JBQzZFOzs7SUFEbkUsdUdBQXVFLHFDQUFBOzs7O0lBNUJ6Riw2QkFBNkI7SUFDM0IsOEJBQThEO0lBQzVELDhCQUF3QztJQUN0Qyw4QkFBcUM7SUFDbkMsa0dBRWU7SUFDZixrR0FNZTtJQUNmLCtCQUFrRDtJQUNoRCxnQ0FBeUY7SUFBekUsK05BQTJCO0lBQTNDLGlCQUF5RjtJQUMzRixpQkFBTztJQUNULGlCQUFNO0lBQ04sa0dBRWU7SUFHakIsaUJBQU07SUFFTiw4QkFBZ0c7SUFBM0YscUtBQVMsdUJBQWUsSUFBQztJQUM1QixzRkFDNkQ7SUFDM0QsNEZBQzZFO0lBQ2pGLGlCQUFNO0lBQ1IsaUJBQU07SUFDTixnQ0FBK0I7SUFDN0IsbUNBQXlCO0lBQUUsZ0NBQXNGO0lBQUEsaUJBQVM7SUFDMUgsbUNBQXlCO0lBQUUsZ0NBQWdGO0lBQUEsaUJBQVM7SUFDcEgsbUNBQXlCO0lBQUUsZ0NBQWlGO0lBQUEsaUJBQVM7SUFDckgsbUNBQXlCO0lBQUUsZ0NBQWtGO0lBQUEsaUJBQVM7SUFFdEgsbUNBQTRDO0lBQW5CLHlLQUFTLGdCQUFRLElBQUM7SUFBRyxnQ0FBbUY7SUFBQSxpQkFBUztJQUM1SSxpQkFBTTtJQUVSLDBCQUFlOzs7SUF4Q1IsZUFBbUI7SUFBbkIsd0NBQW1CLHdCQUFBO0lBR0gsZUFBd0I7SUFBeEIsZ0RBQXdCO0lBR3hCLGVBQXlCO0lBQXpCLGlEQUF5QjtJQU9sQyxlQUEyQztJQUEzQywyREFBMkM7SUFDL0IsZUFBMkI7SUFBM0IsOENBQTJCLGlEQUFBO0lBR2hDLGVBQXFCO0lBQXJCLDZDQUFxQjtJQU9QLGVBQWdFO0lBQWhFLHNGQUFnRTtJQUU1RCxlQUF5QjtJQUF6QixpREFBeUI7SUFFekIsZUFBd0I7SUFBeEIsZ0RBQXdCOztBRG5CL0QsTUFBTSxPQUFPLGdCQUFnQjtJQUkzQiwrQ0FBK0M7SUFDL0M7Ozs7T0FJRztJQUNILFlBQ1Usa0JBQXFDLEVBQ3JDLGlCQUFpQztRQURqQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO1FBQ3JDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBZ0I7SUFDdkMsQ0FBQztJQUVMLHdHQUF3RztJQUN4RywwQkFBMEI7SUFDMUIsd0dBQXdHO0lBQ3hHOztPQUVHO0lBQ0gsUUFBUTtJQUNSLENBQUM7SUFDRCx3R0FBd0c7SUFDeEcsd0JBQXdCO0lBQ3hCLHdHQUF3RztJQUV4Rzs7T0FFRztJQUNILGFBQWE7UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hELENBQUM7SUFFRDs7T0FFRztJQUNILE1BQU07UUFDSixJQUFJLENBQUMsaUJBQWlCLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hELENBQUM7O2dGQXZDVSxnQkFBZ0I7bUVBQWhCLGdCQUFnQjtRQ1Y3QixxRkF5Q2U7O1FBekNBLGlDQUFZOzt1RkRVZCxnQkFBZ0I7Y0FONUIsU0FBUzsyQkFDRSxnQkFBZ0IsaUJBR1gsaUJBQWlCLENBQUMsSUFBSTtpR0FJNUIsTUFBTTtrQkFBZCxLQUFLO1lBQ0csS0FBSztrQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgUHJvcGVydGllc1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9jb21tb24tcHJvcGVydHktcGFuZWwvcHJvcGVydGllcy9wcm9wZXJ0aWVzLnNlcnZpY2UnO1xuaW1wb3J0IHsgVGV4dEJveCB9IGZyb20gJy4uLy4uLy4uL2Zvcm1zL3BhZ2Uvd2lkZ2V0cy90ZXh0Ym94JztcbmltcG9ydCB7IFdpZGdldHNTZXJ2aWNlIH0gZnJvbSAnLi4vd2lkZ2V0cy5zZXJ2aWNlJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dpZGdldC10ZXh0Qm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHRib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ZXh0Ym94LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgVGV4dEJveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vIC0tLS0tLS0tLS0tLS0tLWlucHV0cy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgQElucHV0KCkgd2lkZ2V0OiBUZXh0Qm94O1xuICBASW5wdXQoKSBncm91cDogRm9ybUdyb3VwO1xuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvKipcbiAgICogY29uc3RydWN0b3JcbiAgICpcbiAgICogQHBhcmFtIF9wcm9wZXJ0aWVzU2VydmljZVxuICAgKi9cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfcHJvcGVydGllc1NlcnZpY2U6IFByb3BlcnRpZXNTZXJ2aWNlLFxuICAgIHByaXZhdGUgX3dpZGdldFByb3BlcnRpZXM6IFdpZGdldHNTZXJ2aWNlXG4gICkgeyB9XG5cbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLy8gQCBMaWZlY3ljbGUgaG9va3Mgc3RhcnRcbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLyoqXG4gICAqIG9uIGluaXRcbiAgICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIC8vIEAgTGlmZWN5Y2xlIGhvb2tzIGVuZFxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gIC8qKlxuICAgKiB0byBlbWl0IHdpZGdldENsaWNrRXZlbnQgdG8gc2hvdyBwcm9wZXJ0aWVzIG9mIHNlbGVjdGVkIHdpZGdldFxuICAgKi9cbiAgb25XaWRnZXRDbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLl9wcm9wZXJ0aWVzU2VydmljZS53aWRnZXRDbGlja0V2ZW50KHRoaXMud2lkZ2V0KTtcbiAgfVxuXG4gIC8qKlxuICAgKiB0byBlbWl0IHdpZGdldERlbGV0ZUV2ZW50IHRvIERlbGV0ZSBXaWRnZXRcbiAgICovXG4gIGRlbGV0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLl93aWRnZXRQcm9wZXJ0aWVzLndpZGdldERlbGV0ZUV2ZW50KHRoaXMud2lkZ2V0KTtcbiAgfVxufVxuIiwiPCEtLSBUZXh0IGJveCB3aWRnZXQgLS0+XG48bmctY29udGFpbmVyICpuZ0lmPVwid2lkZ2V0XCI+XG4gIDxkaXYgW2Zvcm1Hcm91cF09XCJncm91cFwiIGNsYXNzPVwidGV4dC13aWRnZXRcIiBbaWRdPVwid2lkZ2V0LmlkXCI+XG4gICAgPGRpdiBjbGFzcz1cImZsZXggZ2FwLTIganVzdGlmeS1iZXR3ZWVuXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMiBpdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIndpZGdldC5pc011bHRpbGluZVwiPlxuICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX211bHRpbGluZXRleHRcIiBjbGFzcz1cImgtNCB3LTQgbWluLXctNCBtaW4taC00XCI+PC9tYXQtaWNvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhd2lkZ2V0LmlzTXVsdGlsaW5lXCIgW25nU3dpdGNoXT1cIndpZGdldC5pbnB1dFR5cGVcIj5cbiAgICAgICAgICA8bWF0LWljb24gKm5nU3dpdGNoQ2FzZT1cIidudW1lcmljJ1wiIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfbnVtYmVyXCIgY2xhc3M9XCJoLTQgdy00IG1pbi13LTQgbWluLWgtNFwiPjwvbWF0LWljb24+XG4gICAgICAgICAgPG1hdC1pY29uICpuZ1N3aXRjaENhc2U9XCInZGVjaW1hbCdcIiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX2RlY2ltYWxcIiBjbGFzcz1cImgtNCB3LTQgbWluLXctNCBtaW4taC00XCI+PC9tYXQtaWNvbj5cbiAgICAgICAgICA8bWF0LWljb24gKm5nU3dpdGNoQ2FzZT1cIidlbWFpbCdcIiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX2VtYWlsXCIgY2xhc3M9XCJoLTQgdy00IG1pbi13LTQgbWluLWgtNFwiPjwvbWF0LWljb24+XG4gICAgICAgICAgPG1hdC1pY29uICpuZ1N3aXRjaENhc2U9XCIncGhvbmUnXCIgc3ZnSWNvbj1cImF4b19zY3VscHRvcl9waG9uZVwiIGNsYXNzPVwiaC00IHctNCBtaW4tdy00IG1pbi1oLTRcIj48L21hdC1pY29uPlxuICAgICAgICAgIDxtYXQtaWNvbiAqbmdTd2l0Y2hEZWZhdWx0IHN2Z0ljb249XCJheG9fc2N1bHB0b3JfdGV4dFwiIGNsYXNzPVwiaC00IHctNCBtaW4tdy00IG1pbi1oLTRcIj48L21hdC1pY29uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPGZvcm0gW2Zvcm1Hcm91cE5hbWVdPVwidGhpcy53aWRnZXQuaWQgKyAnX2dyb3VwJ1wiPlxuICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCBbKG5nTW9kZWwpXT0nd2lkZ2V0LnByb21wdCcgW2Zvcm1Db250cm9sTmFtZV09XCJ3aWRnZXQuaWQgKyAnX3Byb21wdCcgXCIgLz5cbiAgICAgICAgPC9mb3JtPlxuICAgICAgPC9kaXY+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwid2lkZ2V0LmlzSGlkZGVuXCI+XG4gICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX2Nsb3NlX2V5ZVwiIGNsYXNzPVwiaC00IHctNCBtaW4tdy00IG1pbi1oLTRcIj48L21hdC1pY29uPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICBcbiAgICAgIFxuICAgIDwvZGl2PlxuICAgXG4gICAgPGRpdiAoY2xpY2spPVwib25XaWRnZXRDbGljaygpXCIgW25nQ2xhc3NdPVwid2lkZ2V0LmlzTXVsdGlsaW5lID8gJ3RleHQtYXJlYScgOidmb3JtLWZpZWxkLWlucHV0J1wiPlxuICAgICAgPGlucHV0IFtwbGFjZWhvbGRlcl09XCJ3aWRnZXQucGxhY2Vob2xkZXI/d2lkZ2V0LnBsYWNlaG9sZGVyOid3cml0ZSB0ZXh0IGhlcmUnXCIgcmVhZG9ubHk9dHJ1ZVxuICAgICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cIndpZGdldC5pZFwiICpuZ0lmPVwiIXdpZGdldC5pc011bHRpbGluZVwiLz5cbiAgICAgICAgPHRleHRhcmVhIFtwbGFjZWhvbGRlcl09XCJ3aWRnZXQucGxhY2Vob2xkZXI/d2lkZ2V0LnBsYWNlaG9sZGVyOid3cml0ZSB0ZXh0IGhlcmUnXCIgcmVhZG9ubHk9dHJ1ZVxuICAgICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cIndpZGdldC5pZFwiICpuZ0lmPVwid2lkZ2V0LmlzTXVsdGlsaW5lXCIgcm93cz1cIjNcIj48L3RleHRhcmVhPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInRvb2x0aXAtY29udGFpbmVyXCI+XG4gICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9oZWxwLXRleHRcIiBjbGFzcz1cImgtNCBtaW4taC00IHctNCBtaW4tdy00XCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cbiAgICA8YnV0dG9uIGNsYXNzPVwiaWNvbi1idG5cIj4gIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX2N1dFwiIGNsYXNzPVwiaC00IG1pbi1oLTQgdy00IG1pbi13LTRcIj48L21hdC1pY29uPjwvYnV0dG9uPlxuICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfY29weVwiIGNsYXNzPVwiaC00IG1pbi1oLTQgdy00IG1pbi13LTRcIj48L21hdC1pY29uPjwvYnV0dG9uPlxuICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfcGFzdGVcIiBjbGFzcz1cImgtNCBtaW4taC00IHctNCBtaW4tdy00XCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cbiAgIFxuICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiIChjbGljayk9XCJkZWxldGUoKVwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfZGVsZXRlXCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gIDwvZGl2PlxuXG48L25nLWNvbnRhaW5lcj4iXX0=

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXN0YW1wLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1jb21tb24tdWktbGliL3NyYy9saWIvc2N1bHB0b3ItbGliL3dpZGdldHMvdGltZXN0YW1wL3RpbWVzdGFtcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtY29tbW9uLXVpLWxpYi9zcmMvbGliL3NjdWxwdG9yLWxpYi93aWRnZXRzL3RpbWVzdGFtcC90aW1lc3RhbXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7O0lDTXhDLDZCQUFzQztJQUNwQywrQkFBc0Y7SUFDeEYsMEJBQWU7Ozs7SUFYM0IsNkJBQTZCO0lBQ3pCLDhCQUE4RDtJQUMxRCw4QkFBd0M7SUFDcEMsOEJBQXFDO0lBQ2pDLDhCQUFzRjtJQUN4RiwrQkFBa0Q7SUFDaEQsZ0NBQXlGO0lBQXpFLDhOQUEyQjtJQUEzQyxpQkFBeUY7SUFDM0YsaUJBQU87SUFDVCxpQkFBTTtJQUNOLG9HQUVlO0lBQ25CLGlCQUFNO0lBRVIsOEJBQXlEO0lBQXBELHFLQUFTLHNCQUFlLElBQUM7SUFDMUIsOEJBQW1DO0lBQUEsc0NBQXFCO0lBQUEsaUJBQU07SUFDbEUsaUJBQU07SUFFUixpQkFBTTtJQUNOLCtCQUErQjtJQUM3QixtQ0FBeUI7SUFBRSxnQ0FBc0Y7SUFBQSxpQkFBUztJQUMxSCxtQ0FBeUI7SUFBRSxnQ0FBZ0Y7SUFBQSxpQkFBUztJQUNwSCxtQ0FBeUI7SUFBRSxnQ0FBaUY7SUFBQSxpQkFBUztJQUNySCxtQ0FBeUI7SUFBRSxnQ0FBa0Y7SUFBQSxpQkFBUztJQUV0SCxtQ0FBNEM7SUFBbkIseUtBQVMsZUFBUSxJQUFDO0lBQUcsZ0NBQW1GO0lBQUEsaUJBQVM7SUFDNUksaUJBQU07SUFFUiwwQkFBZTs7O0lBM0JSLGVBQW1CO0lBQW5CLHdDQUFtQix3QkFBQTtJQUlSLGVBQTJDO0lBQTNDLDJEQUEyQztJQUMvQixlQUEyQjtJQUEzQiw4Q0FBMkIsaURBQUE7SUFHaEMsZUFBcUI7SUFBckIsNkNBQXFCOztBREVoRCxNQUFNLE9BQU8sa0JBQWtCO0lBSTdCLCtDQUErQztJQUMvQzs7OztPQUlHO0lBQ0gsWUFDVSxrQkFBcUMsRUFDckMsaUJBQWlDO1FBRGpDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFDckMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFnQjtJQUV2QyxDQUFDO0lBRUwsd0dBQXdHO0lBQ3hHLDBCQUEwQjtJQUMxQix3R0FBd0c7SUFDeEc7O09BRUc7SUFDSCxRQUFRO0lBQ1IsQ0FBQztJQUNELHdHQUF3RztJQUN4Ryx3QkFBd0I7SUFDeEIsd0dBQXdHO0lBRXhHOztPQUVHO0lBQ0gsYUFBYTtRQUNYLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQztJQUNDOztLQUVDO0lBQ0QsTUFBTTtRQUNKLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQzs7b0ZBdkNRLGtCQUFrQjtxRUFBbEIsa0JBQWtCO1FDWC9CLHNGQTRCaUI7O1FBNUJGLGlDQUFZOzt1RkRXZCxrQkFBa0I7Y0FOOUIsU0FBUzsyQkFDRSxlQUFlLGlCQUdWLGlCQUFpQixDQUFDLElBQUk7aUdBSTVCLE1BQU07a0JBQWQsS0FBSztZQUNHLEtBQUs7a0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFByb3BlcnRpZXNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uLXByb3BlcnR5LXBhbmVsL3Byb3BlcnRpZXMvcHJvcGVydGllcy5zZXJ2aWNlJztcbmltcG9ydCB7IFRpbWVTdGFtcCB9IGZyb20gJy4uLy4uLy4uL2Zvcm1zL3BhZ2Uvd2lkZ2V0cy90aW1lc3RhbXAnO1xuaW1wb3J0IHsgV2lkZ2V0c1NlcnZpY2UgfSBmcm9tICcuLi93aWRnZXRzLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdGltZXN0YW1wJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RpbWVzdGFtcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RpbWVzdGFtcC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVzdGFtcENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vIC0tLS0tLS0tLS0tLS0tLWlucHV0cy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgQElucHV0KCkgd2lkZ2V0OiBUaW1lU3RhbXA7XG4gIEBJbnB1dCgpIGdyb3VwOiBGb3JtR3JvdXA7XG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gIC8qKlxuICAgKiBjb25zdHJ1Y3RvclxuICAgKlxuICAgKiBAcGFyYW0gX3Byb3BlcnRpZXNTZXJ2aWNlXG4gICAqL1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIF9wcm9wZXJ0aWVzU2VydmljZTogUHJvcGVydGllc1NlcnZpY2UsXG4gICAgcHJpdmF0ZSBfd2lkZ2V0UHJvcGVydGllczogV2lkZ2V0c1NlcnZpY2VcbiAgICBcbiAgKSB7IH1cblxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvLyBAIExpZmVjeWNsZSBob29rcyBzdGFydFxuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvKipcbiAgICogb24gaW5pdFxuICAgKi9cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cbiAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgLy8gQCBMaWZlY3ljbGUgaG9va3MgZW5kXG4gIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgLyoqXG4gICAqIHRvIGVtaXQgd2lkZ2V0Q2xpY2tFdmVudCB0byBzaG93IHByb3BlcnRpZXMgb2Ygc2VsZWN0ZWQgd2lkZ2V0XG4gICAqL1xuICBvbldpZGdldENsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuX3Byb3BlcnRpZXNTZXJ2aWNlLndpZGdldENsaWNrRXZlbnQodGhpcy53aWRnZXQpO1xuICB9XG4gICAgLyoqXG4gICAqIHRvIGVtaXQgd2lkZ2V0RGVsZXRlRXZlbnQgdG8gRGVsZXRlIFdpZGdldFxuICAgKi9cbiAgICBkZWxldGUoKTogdm9pZCB7XG4gICAgICB0aGlzLl93aWRnZXRQcm9wZXJ0aWVzLndpZGdldERlbGV0ZUV2ZW50KHRoaXMud2lkZ2V0KTtcbiAgICB9XG59IiwiPCEtLSBUaW1lIFN0YW1wIHdpZGdldCAtLT5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJ3aWRnZXRcIj5cbiAgICA8ZGl2IFtmb3JtR3JvdXBdPVwiZ3JvdXBcIiBjbGFzcz1cInRleHQtd2lkZ2V0XCIgW2lkXT1cIndpZGdldC5pZFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMiBqdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC0yIGl0ZW1zLWNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX3RpbWVzdGFtcFwiIGNsYXNzPVwiaC00IHctNCBtaW4tdy00IG1pbi1oLTRcIj48L21hdC1pY29uPlxuICAgICAgICAgICAgICA8Zm9ybSBbZm9ybUdyb3VwTmFtZV09XCJ0aGlzLndpZGdldC5pZCArICdfZ3JvdXAnXCI+XG4gICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IFsobmdNb2RlbCldPSd3aWRnZXQucHJvbXB0JyBbZm9ybUNvbnRyb2xOYW1lXT1cIndpZGdldC5pZCArICdfcHJvbXB0JyBcIiAvPlxuICAgICAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ3aWRnZXQuaXNIaWRkZW5cIj5cbiAgICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfY2xvc2VfZXllXCIgY2xhc3M9XCJoLTQgdy00IG1pbi13LTQgbWluLWgtNFwiPjwvbWF0LWljb24+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICBcbiAgICAgIDxkaXYgKGNsaWNrKT1cIm9uV2lkZ2V0Q2xpY2soKVwiIGNsYXNzID0nZm9ybS1maWVsZC1pbnB1dCc+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInBsYWNlaG9sZGVyLXRleHQgbXQtM1wiPlRhcCBoZXJlIHRvIEFkZCBBdWRpbzwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidG9vbHRpcC1jb250YWluZXJcIj5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfaGVscC10ZXh0XCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiaWNvbi1idG5cIj4gIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX2N1dFwiIGNsYXNzPVwiaC00IG1pbi1oLTQgdy00IG1pbi13LTRcIj48L21hdC1pY29uPjwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImljb24tYnRuXCI+ICA8bWF0LWljb24gc3ZnSWNvbj1cImF4b19zY3VscHRvcl9jb3B5XCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiaWNvbi1idG5cIj4gIDxtYXQtaWNvbiBzdmdJY29uPVwiYXhvX3NjdWxwdG9yX3Bhc3RlXCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ0blwiIChjbGljayk9XCJkZWxldGUoKVwiPiAgPG1hdC1pY29uIHN2Z0ljb249XCJheG9fc2N1bHB0b3JfZGVsZXRlXCIgY2xhc3M9XCJoLTQgbWluLWgtNCB3LTQgbWluLXctNFwiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgPC9kaXY+XG5cbiAgPC9uZy1jb250YWluZXI+Il19