@sankhyalabs/sankhyablocks 8.9.3 → 8.9.4

package/dist/collection/components/snk-form/subcomponents/snk-form-config/snk-form-config.js

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 import { Sortable } from '@shopify/draggable';
 import { ObjectUtils, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from "@sankhyalabs/ezui/dist/collection/utils";
-import { ACTION_CONFIG, CONFIG_EVENTS, DEFAULT_TYPE, TAB_NAMES } from "../../../../lib/utils/constants";
+import { ACTION_CONFIG, CONFIG_EVENTS, CONFIG_SORTABLE_EVENTS, DEFAULT_TYPE, TAB_NAMES } from "../../../../lib/utils/constants";
 import { UserConfigType } from "../../../../lib/http/data-fetcher/fetchers/form-config-fetcher";
 import { buildFormConfigFromDataUnit } from "@sankhyalabs/ezui/dist/collection/utils/form";
 const CONTAINER_ID = {
@@ -410,11 +410,12 @@ export class SnkFormConfig {
       draggable: '[data-draggable-element="field"]',
       mirror: {
         constrainDimensions: true
-      }
+      },
+      distance: CONFIG_EVENTS.dragStartDistance
     });
-    this._sortableField.on(CONFIG_EVENTS.dragStart, (evt) => this.controlStartDraggingField(evt));
-    this._sortableField.on(CONFIG_EVENTS.dragSorted, (evt) => this.controlSortedDraggingField(evt));
-    this._sortableField.on(CONFIG_EVENTS.dragStop, (evt) => this.controlStopDraggingField(evt));
+    this._sortableField.on(CONFIG_SORTABLE_EVENTS.dragStart, (evt) => this.controlStartDraggingField(evt));
+    this._sortableField.on(CONFIG_SORTABLE_EVENTS.dragSorted, (evt) => this.controlSortedDraggingField(evt));
+    this._sortableField.on(CONFIG_SORTABLE_EVENTS.dragStop, (evt) => this.controlStopDraggingField(evt));
   }
   controlStartDraggingGroup(evt) {
     if (this._mouseOnFieldConfig || this._editingTitleGroup) {
@@ -440,10 +441,11 @@ export class SnkFormConfig {
       draggable: '[data-draggable-element="group"]',
       mirror: {
         constrainDimensions: true
-      }
+      },
+      distance: CONFIG_EVENTS.dragStartDistance
     });
-    this._sortableGroup.on(CONFIG_EVENTS.dragStart, (evt) => this.controlStartDraggingGroup(evt));
-    this._sortableGroup.on(CONFIG_EVENTS.dragStop, (evt) => this.controlStopDraggingGroup(evt));
+    this._sortableGroup.on(CONFIG_SORTABLE_EVENTS.dragStart, (evt) => this.controlStartDraggingGroup(evt));
+    this._sortableGroup.on(CONFIG_SORTABLE_EVENTS.dragStop, (evt) => this.controlStopDraggingGroup(evt));
   }
   loadUserConfig() {
     if (this.configManager == undefined) {

package/dist/collection/components/snk-form/subcomponents/snk-tab-config/snk-tab-config.js

@@ -1,7 +1,7 @@
 import { h, Host, Fragment } from "@stencil/core";
 import { Sortable } from '@shopify/draggable';
 import { ApplicationContext, ElementIDUtils } from "@sankhyalabs/core";
-import { CONFIG_EVENTS, KEY_EVENTS, TAB_NAMES, TYPE_ACTIONS } from "../../../../lib/utils/constants";
+import { CONFIG_EVENTS, CONFIG_SORTABLE_EVENTS, KEY_EVENTS, TAB_NAMES, TYPE_ACTIONS } from "../../../../lib/utils/constants";
 export class SnkTabConfig {
   constructor() {
     this._refTabActions = [];
@@ -33,10 +33,11 @@ export class SnkTabConfig {
       draggable: '[data-draggable-element="tab"]',
       mirror: {
         constrainDimensions: true
-      }
+      },
+      distance: CONFIG_EVENTS.dragStartDistance
     });
-    this._sortableTab.on(CONFIG_EVENTS.dragStart, (evt) => this.controlStartDraggingTab(evt));
-    this._sortableTab.on(CONFIG_EVENTS.dragStop, (evt) => this.controlStopDraggingTab(evt));
+    this._sortableTab.on(CONFIG_SORTABLE_EVENTS.dragStart, (evt) => this.controlStartDraggingTab(evt));
+    this._sortableTab.on(CONFIG_SORTABLE_EVENTS.dragStop, (evt) => this.controlStopDraggingTab(evt));
   }
   controlStartDraggingTab(evt) {
     var _a, _b;

package/dist/collection/lib/utils/constants.js

@@ -35,6 +35,9 @@ export const CONFIG_EVENTS = {
   changeConfig: "changeConfig",
   configChanged: "configChanged",
   fieldChanged: "ezChange",
+  dragStartDistance: 40
+};
+export const CONFIG_SORTABLE_EVENTS = {
   dragStart: "sortable:start",
   dragSort: "sortable:sort",
   dragSorted: "sortable:sorted",

package/dist/components/DataFetcher.js

@@ -1,8 +1,23 @@
 import { DataType, ApplicationContext, StringUtils, ErrorException, WarningException, ObjectUtils } from '@sankhyalabs/core';
-import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers.js';
 import { DataUnitTransient } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { P as PrintUtils } from './PrintUtils.js';
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
 var browserPonyfill = createCommonjsModule(function (module, exports) {
 var global = typeof self !== 'undefined' ? self : commonjsGlobal;
 var __self__ = (function () {

package/dist/components/constants.js

@@ -32,6 +32,9 @@ const CONFIG_EVENTS = {
   changeConfig: "changeConfig",
   configChanged: "configChanged",
   fieldChanged: "ezChange",
+  dragStartDistance: 40
+};
+const CONFIG_SORTABLE_EVENTS = {
   dragStart: "sortable:start",
   dragSort: "sortable:sort",
   dragSorted: "sortable:sorted",
@@ -87,4 +90,4 @@ var SIMPLE_CRUD_MODE;
   SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["IN_MEMORY"] = 1] = "IN_MEMORY";
 })(SIMPLE_CRUD_MODE || (SIMPLE_CRUD_MODE = {}));
 
-export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TAGS_BY_TYPE as T, VIEW_MODE as V, VARS_BY_TYPE as a, TAB_NAMES as b, TYPE_ACTIONS as c };
+export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TAGS_BY_TYPE as T, VIEW_MODE as V, VARS_BY_TYPE as a, CONFIG_SORTABLE_EVENTS as b, TAB_NAMES as c, TYPE_ACTIONS as d };

package/dist/components/snk-form-config2.js

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { a as draggable_bundle, d as defineCustomElement$1 } from './snk-tab-config2.js';
+import { a as Sortable, d as defineCustomElement$1 } from './snk-tab-config2.js';
 import { ObjectUtils, ElementIDUtils, ArrayUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as CONFIG_EVENTS, b as TAB_NAMES, A as ACTION_CONFIG, D as DEFAULT_TYPE } from './constants.js';
+import { C as CONFIG_EVENTS, b as CONFIG_SORTABLE_EVENTS, c as TAB_NAMES, A as ACTION_CONFIG, D as DEFAULT_TYPE } from './constants.js';
 import { U as UserConfigType } from './form-config-fetcher.js';
 import { buildFormConfigFromDataUnit } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import { d as defineCustomElement$3 } from './snk-config-options2.js';
@@ -412,15 +412,16 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (this._sortableField) {
       this._sortableField.destroy();
     }
-    this._sortableField = new draggable_bundle.Sortable(this._sortableContainer.querySelectorAll('[data-draggable-parent="field"]'), {
+    this._sortableField = new Sortable(this._sortableContainer.querySelectorAll('[data-draggable-parent="field"]'), {
       draggable: '[data-draggable-element="field"]',
       mirror: {
         constrainDimensions: true
-      }
+      },
+      distance: CONFIG_EVENTS.dragStartDistance
     });
-    this._sortableField.on(CONFIG_EVENTS.dragStart, (evt) => this.controlStartDraggingField(evt));
-    this._sortableField.on(CONFIG_EVENTS.dragSorted, (evt) => this.controlSortedDraggingField(evt));
-    this._sortableField.on(CONFIG_EVENTS.dragStop, (evt) => this.controlStopDraggingField(evt));
+    this._sortableField.on(CONFIG_SORTABLE_EVENTS.dragStart, (evt) => this.controlStartDraggingField(evt));
+    this._sortableField.on(CONFIG_SORTABLE_EVENTS.dragSorted, (evt) => this.controlSortedDraggingField(evt));
+    this._sortableField.on(CONFIG_SORTABLE_EVENTS.dragStop, (evt) => this.controlStopDraggingField(evt));
   }
   controlStartDraggingGroup(evt) {
     if (this._mouseOnFieldConfig || this._editingTitleGroup) {
@@ -442,14 +443,15 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (this._sortableGroup) {
       this._sortableGroup.destroy();
     }
-    this._sortableGroup = new draggable_bundle.Sortable(this._sortableContainer.querySelectorAll('[data-draggable-parent="group"]'), {
+    this._sortableGroup = new Sortable(this._sortableContainer.querySelectorAll('[data-draggable-parent="group"]'), {
       draggable: '[data-draggable-element="group"]',
       mirror: {
         constrainDimensions: true
-      }
+      },
+      distance: CONFIG_EVENTS.dragStartDistance
     });
-    this._sortableGroup.on(CONFIG_EVENTS.dragStart, (evt) => this.controlStartDraggingGroup(evt));
-    this._sortableGroup.on(CONFIG_EVENTS.dragStop, (evt) => this.controlStopDraggingGroup(evt));
+    this._sortableGroup.on(CONFIG_SORTABLE_EVENTS.dragStart, (evt) => this.controlStartDraggingGroup(evt));
+    this._sortableGroup.on(CONFIG_SORTABLE_EVENTS.dragStop, (evt) => this.controlStopDraggingGroup(evt));
   }
   loadUserConfig() {
     if (this.configManager == undefined) {