mftsccs-browser 1.1.31-beta → 1.1.33-beta

package/dist/main.bundle.js

@@ -18145,6 +18145,56 @@ class BaseWidget extends _BaseObserver__WEBPACK_IMPORTED_MODULE_0__.BaseObserver
 }
 
 
+/***/ }),
+
+/***/ "./src/Widgets/BuilderSpeceficFunctions.ts":
+/*!*************************************************!*\
+  !*** ./src/Widgets/BuilderSpeceficFunctions.ts ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TypeEditor: () => (/* binding */ TypeEditor)
+/* harmony export */ });
+function TypeEditor(event, that) {
+    if (event) {
+        const inputVal = document.querySelector("#widget-properties .flex-column");
+        console.log("This is the input val container", inputVal, that, event);
+        const existedInputEl = inputVal === null || inputVal === void 0 ? void 0 : inputVal.querySelectorAll("input");
+        existedInputEl === null || existedInputEl === void 0 ? void 0 : existedInputEl.forEach((inputItem) => {
+            inputItem === null || inputItem === void 0 ? void 0 : inputItem.remove();
+        });
+        const inputEl = document.createElement("input");
+        inputEl.setAttribute("type", "text");
+        inputEl.setAttribute("name", "input-widgetTypeValue");
+        inputEl.setAttribute("of", that.elementIdentifier.toString());
+        inputEl.setAttribute("class", "form-control");
+        inputEl.setAttribute("id", "widgetType");
+        if (that.widgetType) {
+            inputEl.value = that.widgetType;
+        }
+        else {
+            inputEl.setAttribute("placeholder", "e.g. the_entity");
+        }
+        let newThat = that;
+        inputEl.onchange = function (event) {
+            var _a;
+            event.preventDefault();
+            event.stopPropagation();
+            //console.log("THAT ->", that);
+            const inputValue = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
+            newThat.widgetType = inputValue;
+            //console.log("inputValue", inputValue);
+            //that.setProperty(inputValue);
+            newThat.componentDidMount();
+            newThat.mountChildWidgets();
+        };
+        inputVal === null || inputVal === void 0 ? void 0 : inputVal.appendChild(inputEl);
+    }
+}
+
+
 /***/ }),
 
 /***/ "./src/Widgets/BuilderStatefulWidget.ts":
@@ -18160,6 +18210,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./StatefulWidget */ "./src/Widgets/StatefulWidget.ts");
 /* harmony import */ var _app__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../app */ "./src/app.ts");
 /* harmony import */ var _Services_Common_ErrorPosting__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Services/Common/ErrorPosting */ "./src/Services/Common/ErrorPosting.ts");
+/* harmony import */ var _BuilderSpeceficFunctions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./BuilderSpeceficFunctions */ "./src/Widgets/BuilderSpeceficFunctions.ts");
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -18173,6 +18224,7 @@ var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _argume
 
 
 
+
 class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__.StatefulWidget {
     constructor() {
         super(...arguments);
@@ -18264,51 +18316,6 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
                 // Output: "the_element"
                 const nextMatch = typeName === null || typeName === void 0 ? void 0 : typeName.match(/^([a-z0-9]+).*_([a-z0-9]+)$/i);
                 const typevalueKey = nextMatch ? `${nextMatch[1]}_${nextMatch[2]}` : "";
-                // Output: "the_name"
-                // const profileData: any = await getLocalStorageProfileData();
-                // const token = profileData?.token;
-                // const userId = profileData?.userId;
-                // const compositionSerach: tsccs.SearchStructure = {
-                //   type: "",
-                //   search: "",
-                //   // composition: "the_element",
-                //   composition: mainComposition,
-                //   internalComposition: "",
-                //   userId: userId,
-                //   inpage: 100,
-                //   page: 1,
-                //   auth: true,
-                // };
-                // let searchFirst = new tsccs.SearchQuery();
-                // // searchFirst.type = "the_element_name";
-                // // searchFirst.fullLinkers = ["the_element_name"];
-                // searchFirst.type = typeName;
-                // searchFirst.fullLinkers = [typeName];
-                // searchFirst.inpage = 100;
-                // const queryParams = [searchFirst];
-                // tsccs
-                //   .GetLinkListListener(
-                //     compositionSerach,
-                //     queryParams,
-                //     token,
-                //     tsccs.NORMAL
-                //   )
-                //   .subscribe((output: any) => {
-                //     if (output?.length) {
-                //       const result = output?.map((item: any, index: number) => {
-                //         const itemName =
-                //           item[mainComposition][typeName]?.[0]?.[typevalueKey];
-                //         return {
-                //           id: index,
-                //           name: itemName,
-                //           text: itemName,
-                //         };
-                //       });
-                //       this.typeValueList = result;
-                //       resolve(this.typeValueList);
-                //       return result;
-                //     }
-                //   });
                 // NEW SEARCH WITH FILTER
                 // filters
                 let filters = [];
@@ -18336,8 +18343,6 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
                 freeschemaQuery.outputFormat = _app__WEBPACK_IMPORTED_MODULE_1__.DATAID;
                 (0,_app__WEBPACK_IMPORTED_MODULE_1__.SchemaQueryListener)(freeschemaQuery, "")
                     .subscribe((output) => {
-                    console.log("thgis is the output", output);
-                    console.log("this is the typeValuekey", typevalueKey, typeName, mainComposition);
                     if (output === null || output === void 0 ? void 0 : output.length) {
                         const result = output === null || output === void 0 ? void 0 : output.map((item) => {
                             var _a, _b, _c, _d, _e, _f, _g;
@@ -18370,11 +18375,12 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
     }
     mountChildWidgets() {
         return __awaiter(this, void 0, void 0, function* () {
-            const AsyncFunction = Object.getPrototypeOf(function () {
-                return __awaiter(this, void 0, void 0, function* () { });
-            }).constructor;
-            const renderOnmount = AsyncFunction("tsccs", this.mountChildWidgetsFunction);
-            renderOnmount.call(this, _app__WEBPACK_IMPORTED_MODULE_1__);
+            const dynamicAsyncFunction = new Function("tsccs", `
+      return (async function() {
+        ${this.mountChildWidgetsFunction}
+      }).call(this);
+    `).bind(this);
+            dynamicAsyncFunction(_app__WEBPACK_IMPORTED_MODULE_1__);
         });
     }
     setProperty(widgetTypeName) {
@@ -18390,49 +18396,7 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
         });
     }
     createTypeEditor(event) {
-        if (event) {
-            const inputVal = document.querySelector("#widget-properties .flex-column");
-            console.log("This is the input val container", inputVal);
-            const existedInputEl = inputVal === null || inputVal === void 0 ? void 0 : inputVal.querySelectorAll("input");
-            existedInputEl === null || existedInputEl === void 0 ? void 0 : existedInputEl.forEach((inputItem) => {
-                inputItem === null || inputItem === void 0 ? void 0 : inputItem.remove();
-            });
-            // const elementParent = event.target?.closest(".added-widget-container");
-            // const elementDivParent = event.target?.closest("div");
-            let typeValue = this.widgetType;
-            // if (elementParent) {
-            //   typeValue = elementParent?.getAttribute("data-type-value");
-            // } else if (elementDivParent) {
-            //   typeValue = elementDivParent?.getAttribute("data-type-value");
-            // }
-            const inputEl = document.createElement("input");
-            inputEl.setAttribute("type", "text");
-            inputEl.setAttribute("name", "input-widgetTypeValue");
-            inputEl.setAttribute("of", this.elementIdentifier.toString());
-            inputEl.setAttribute("class", "form-control");
-            inputEl.setAttribute("id", "widgetTypeValue");
-            if (typeValue) {
-                inputEl.value = this.widgetType;
-            }
-            else {
-                inputEl.setAttribute("placeholder", "e.g. the_entity_type");
-            }
-            let that = this;
-            inputEl.onchange = function (event) {
-                var _a;
-                event.preventDefault();
-                event.stopPropagation();
-                //console.log("THAT ->", that);
-                const inputValue = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
-                console.log("this is the input change", inputValue);
-                that.widgetType = inputValue;
-                //console.log("inputValue", inputValue);
-                //that.setProperty(inputValue);
-                that.componentDidMount();
-                that.mountChildWidgets();
-            };
-            inputVal === null || inputVal === void 0 ? void 0 : inputVal.appendChild(inputEl);
-        }
+        (0,_BuilderSpeceficFunctions__WEBPACK_IMPORTED_MODULE_3__.TypeEditor)(event, this);
     }
     /**
      *
@@ -18450,7 +18414,7 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
                     that.createTypeEditor(event);
                 };
                 this.element.id = this.createWidgetWrapperIdentifier();
-                this.element.className = "p-2";
+                this.element.className = "p-2 mftsccs-marking-element";
                 this.element.innerHTML = this.getHtml();
                 parent.appendChild(this.element);
                 this.childWidgetElement = this.getElementByClassName("added-widget-container");
@@ -18472,40 +18436,35 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
      * This function will be called after the component mounts.
      */
     componentDidMount() {
-        return __awaiter(this, void 0, void 0, function* () {
-            //console.log("onmountVal", onmountVal);
-            const dynamicAsyncFunction = new Function("tsccs", `
+        //console.log("onmountVal", onmountVal);
+        const dynamicAsyncFunction = new Function("tsccs", `
       return (async function() {
-        ${this.addEventFunction}
+        ${this.componentDidMountFunction}
       }).call(this);
     `).bind(this);
-            dynamicAsyncFunction(_app__WEBPACK_IMPORTED_MODULE_1__);
-            // dynamicAsyncFunction(tsccs);
-            // const AsyncFunction = Object.getPrototypeOf(
-            //   async function () {}
-            // ).constructor;
-            // const renderOnmount = AsyncFunction(
-            //   "tsccs",
-            //   this.componentDidMountFunction
-            // );
-            // renderOnmount.call(this, tsccs);
-        });
+        dynamicAsyncFunction(_app__WEBPACK_IMPORTED_MODULE_1__);
+        // dynamicAsyncFunction(tsccs);
+        // const AsyncFunction = Object.getPrototypeOf(
+        //   async function () {}
+        // ).constructor;
+        // const renderOnmount = AsyncFunction(
+        //   "tsccs",
+        //   this.componentDidMountFunction
+        // );
+        // renderOnmount.call(this, tsccs);
     }
     addEvents() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // const AsyncFunction = Object.getPrototypeOf(
-            //   async function () {}
-            // ).constructor;
-            const dynamicAsyncFunction = new Function("tsccs", `
+        // const AsyncFunction = Object.getPrototypeOf(
+        //   async function () {}
+        // ).constructor;
+        const dynamicAsyncFunction = new Function("tsccs", `
       return (async function() {
         ${this.addEventFunction}
       }).call(this);
     `).bind(this);
-            console.log("This is the async function", dynamicAsyncFunction);
-            dynamicAsyncFunction(_app__WEBPACK_IMPORTED_MODULE_1__);
-            // const renderOnmount = AsyncFunction("tsccs", this.addEventFunction);
-            // renderOnmount.call(this, tsccs);
-        });
+        dynamicAsyncFunction(_app__WEBPACK_IMPORTED_MODULE_1__);
+        // const renderOnmount = AsyncFunction("tsccs", this.addEventFunction);
+        // renderOnmount.call(this, tsccs);
     }
     getWidgetClassFunction(widgetId) {
         return __awaiter(this, void 0, void 0, function* () {