@knotx/plugins-selection 0.4.3 → 0.4.5

package/dist/index.cjs

@@ -73,8 +73,8 @@ var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _destroy_dec, _clearSelection_dec, _select_dec, _getSelected_dec, _init_dec, _contentSize_dec, _transform_dec, _interaction_dec, _containerSize_dec, _resolveSelectables_dec, _setElementOverlap_dec, _setClearSelectionBeforeStart_dec, _clearSelectionBeforeStart_dec, _setRuleEnabled_dec, _registerRules_dec, _selected_dec, _a, _init;
-class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.register("selected")], _registerRules_dec = [decorators.register("registerRules")], _setRuleEnabled_dec = [decorators.register("setRuleEnabled")], _clearSelectionBeforeStart_dec = [decorators.observable()], _setClearSelectionBeforeStart_dec = [decorators.register("setClearSelectionBeforeStart")], _setElementOverlap_dec = [decorators.register("setElementOverlap")], _resolveSelectables_dec = [decorators.register("resolveSelectables")], _containerSize_dec = [decorators.inject.container()], _interaction_dec = [decorators.inject.interaction()], _transform_dec = [decorators.inject.canvas.transform()], _contentSize_dec = [decorators.inject.canvas.contentSize()], _init_dec = [decorators.OnInit], _getSelected_dec = [decorators.tool("Get selected items", {})], _select_dec = [decorators.tool("Items that match the registered rules will be selected, manifested as the item showing a selected style.", {
+var _destroy_dec, _clearSelection_dec, _select_dec, _getSelected_dec, _init_dec, _rootElement_dec, _contentSize_dec, _transform_dec, _interaction_dec, _containerSize_dec, _resolveSelectables_dec, _setElementOverlap_dec, _setClearSelectionBeforeStart_dec, _clearSelectionBeforeStart_dec, _setRuleEnabled_dec, _registerRules_dec, _selected_dec, _a, _init;
+class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.register("selected")], _registerRules_dec = [decorators.register("registerRules")], _setRuleEnabled_dec = [decorators.register("setRuleEnabled")], _clearSelectionBeforeStart_dec = [decorators.observable()], _setClearSelectionBeforeStart_dec = [decorators.register("setClearSelectionBeforeStart")], _setElementOverlap_dec = [decorators.register("setElementOverlap")], _resolveSelectables_dec = [decorators.register("resolveSelectables")], _containerSize_dec = [decorators.inject.container()], _interaction_dec = [decorators.inject.interaction()], _transform_dec = [decorators.inject.canvas.transform()], _contentSize_dec = [decorators.inject.canvas.contentSize()], _rootElement_dec = [decorators.inject.canvas.rootElement()], _init_dec = [decorators.OnInit], _getSelected_dec = [decorators.tool("Get selected items", {})], _select_dec = [decorators.tool("Items that match the registered rules will be selected, manifested as the item showing a selected style.", {
   type: "array",
   items: {
     type: "object",
@@ -100,7 +100,7 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
     __runInitializers(_init, 5, this);
     __publicField(this, "name", "selection");
     __publicField(this, "selection");
-    __publicField(this, "container", "body");
+    __publicField(this, "container");
     __publicField(this, "selectionAreaClassName");
     __publicField(this, "ruleMap", /* @__PURE__ */ new Map());
     __publicField(this, "enableDrag", true);
@@ -144,6 +144,7 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
     __publicField(this, "interaction", __runInitializers(_init, 40, this)), __runInitializers(_init, 43, this);
     __publicField(this, "transform", __runInitializers(_init, 44, this)), __runInitializers(_init, 47, this);
     __publicField(this, "contentSize", __runInitializers(_init, 48, this)), __runInitializers(_init, 51, this);
+    __publicField(this, "rootElement", __runInitializers(_init, 52, this)), __runInitializers(_init, 55, this);
     __publicField(this, "onBeforeStart", (_) => {
     });
     __publicField(this, "onBeforeDrag", () => {
@@ -248,7 +249,9 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
     });
   }
   init(config = {}) {
-    this.container = config.container || core.bemSelector("canvas", "wrapper");
+    if (config.container) {
+      this.container = config.container;
+    }
     this.selectionAreaClassName = config.selectionAreaClassName || core.bem("selection-area");
     if (!config.disableDefaultRules) {
       const nodeRule = {
@@ -268,10 +271,10 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
     queueMicrotask(() => this.createSelection());
   }
   createSelection() {
+    var _a2;
     const container = this.container;
     this.selection = new SelectionArea__default({
-      // container,
-      boundaries: [container],
+      boundaries: [container || ((_a2 = this.rootElement) == null ? void 0 : _a2.uniqSelector) || "body"],
       selectionAreaClass: this.selectionAreaClassName,
       selectables: Array.from(new Set(Array.from(this.ruleMap.values()).map(({ className }) => `.${className}`))),
       behaviour: {
@@ -343,6 +346,7 @@ __decorateElement(_init, 5, "containerSize", _containerSize_dec, Selection);
 __decorateElement(_init, 5, "interaction", _interaction_dec, Selection);
 __decorateElement(_init, 5, "transform", _transform_dec, Selection);
 __decorateElement(_init, 5, "contentSize", _contentSize_dec, Selection);
+__decorateElement(_init, 5, "rootElement", _rootElement_dec, Selection);
 __decoratorMetadata(_init, Selection);
 
 exports.Selection = Selection;

package/dist/index.d.cts

@@ -91,7 +91,7 @@ interface SelectionConfig {
      */
     disableDefaultRules?: boolean;
     /**
-     * default: bemSelector('canvas', 'wrapper')
+     * default: canvas.rootElement
      */
     container?: string;
 }
@@ -116,6 +116,7 @@ declare class Selection extends BasePlugin<'selection', SelectionConfig> {
     private interaction;
     transform: PluginData['canvas']['transform'];
     contentSize: PluginData['canvas']['contentSize'];
+    rootElement: PluginData['canvas']['rootElement'];
     init(config?: SelectionConfig): void;
     private createSelection;
     private onBeforeStart;

package/dist/index.d.mts

@@ -91,7 +91,7 @@ interface SelectionConfig {
      */
     disableDefaultRules?: boolean;
     /**
-     * default: bemSelector('canvas', 'wrapper')
+     * default: canvas.rootElement
      */
     container?: string;
 }
@@ -116,6 +116,7 @@ declare class Selection extends BasePlugin<'selection', SelectionConfig> {
     private interaction;
     transform: PluginData['canvas']['transform'];
     contentSize: PluginData['canvas']['contentSize'];
+    rootElement: PluginData['canvas']['rootElement'];
     init(config?: SelectionConfig): void;
     private createSelection;
     private onBeforeStart;

package/dist/index.d.ts

@@ -91,7 +91,7 @@ interface SelectionConfig {
      */
     disableDefaultRules?: boolean;
     /**
-     * default: bemSelector('canvas', 'wrapper')
+     * default: canvas.rootElement
      */
     container?: string;
 }
@@ -116,6 +116,7 @@ declare class Selection extends BasePlugin<'selection', SelectionConfig> {
     private interaction;
     transform: PluginData['canvas']['transform'];
     contentSize: PluginData['canvas']['contentSize'];
+    rootElement: PluginData['canvas']['rootElement'];
     init(config?: SelectionConfig): void;
     private createSelection;
     private onBeforeStart;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { bemSelector, bem, BasePlugin, InteractionPriority } from '@knotx/core';
+import { bem, BasePlugin, InteractionPriority } from '@knotx/core';
 import { register, observable, inject, tool, OnInit, OnDestroy } from '@knotx/decorators';
 import SelectionArea from '@knotx/viselect';
 
@@ -67,8 +67,8 @@ var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _destroy_dec, _clearSelection_dec, _select_dec, _getSelected_dec, _init_dec, _contentSize_dec, _transform_dec, _interaction_dec, _containerSize_dec, _resolveSelectables_dec, _setElementOverlap_dec, _setClearSelectionBeforeStart_dec, _clearSelectionBeforeStart_dec, _setRuleEnabled_dec, _registerRules_dec, _selected_dec, _a, _init;
-class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")], _registerRules_dec = [register("registerRules")], _setRuleEnabled_dec = [register("setRuleEnabled")], _clearSelectionBeforeStart_dec = [observable()], _setClearSelectionBeforeStart_dec = [register("setClearSelectionBeforeStart")], _setElementOverlap_dec = [register("setElementOverlap")], _resolveSelectables_dec = [register("resolveSelectables")], _containerSize_dec = [inject.container()], _interaction_dec = [inject.interaction()], _transform_dec = [inject.canvas.transform()], _contentSize_dec = [inject.canvas.contentSize()], _init_dec = [OnInit], _getSelected_dec = [tool("Get selected items", {})], _select_dec = [tool("Items that match the registered rules will be selected, manifested as the item showing a selected style.", {
+var _destroy_dec, _clearSelection_dec, _select_dec, _getSelected_dec, _init_dec, _rootElement_dec, _contentSize_dec, _transform_dec, _interaction_dec, _containerSize_dec, _resolveSelectables_dec, _setElementOverlap_dec, _setClearSelectionBeforeStart_dec, _clearSelectionBeforeStart_dec, _setRuleEnabled_dec, _registerRules_dec, _selected_dec, _a, _init;
+class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")], _registerRules_dec = [register("registerRules")], _setRuleEnabled_dec = [register("setRuleEnabled")], _clearSelectionBeforeStart_dec = [observable()], _setClearSelectionBeforeStart_dec = [register("setClearSelectionBeforeStart")], _setElementOverlap_dec = [register("setElementOverlap")], _resolveSelectables_dec = [register("resolveSelectables")], _containerSize_dec = [inject.container()], _interaction_dec = [inject.interaction()], _transform_dec = [inject.canvas.transform()], _contentSize_dec = [inject.canvas.contentSize()], _rootElement_dec = [inject.canvas.rootElement()], _init_dec = [OnInit], _getSelected_dec = [tool("Get selected items", {})], _select_dec = [tool("Items that match the registered rules will be selected, manifested as the item showing a selected style.", {
   type: "array",
   items: {
     type: "object",
@@ -94,7 +94,7 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
     __runInitializers(_init, 5, this);
     __publicField(this, "name", "selection");
     __publicField(this, "selection");
-    __publicField(this, "container", "body");
+    __publicField(this, "container");
     __publicField(this, "selectionAreaClassName");
     __publicField(this, "ruleMap", /* @__PURE__ */ new Map());
     __publicField(this, "enableDrag", true);
@@ -138,6 +138,7 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
     __publicField(this, "interaction", __runInitializers(_init, 40, this)), __runInitializers(_init, 43, this);
     __publicField(this, "transform", __runInitializers(_init, 44, this)), __runInitializers(_init, 47, this);
     __publicField(this, "contentSize", __runInitializers(_init, 48, this)), __runInitializers(_init, 51, this);
+    __publicField(this, "rootElement", __runInitializers(_init, 52, this)), __runInitializers(_init, 55, this);
     __publicField(this, "onBeforeStart", (_) => {
     });
     __publicField(this, "onBeforeDrag", () => {
@@ -242,7 +243,9 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
     });
   }
   init(config = {}) {
-    this.container = config.container || bemSelector("canvas", "wrapper");
+    if (config.container) {
+      this.container = config.container;
+    }
     this.selectionAreaClassName = config.selectionAreaClassName || bem("selection-area");
     if (!config.disableDefaultRules) {
       const nodeRule = {
@@ -262,10 +265,10 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
     queueMicrotask(() => this.createSelection());
   }
   createSelection() {
+    var _a2;
     const container = this.container;
     this.selection = new SelectionArea({
-      // container,
-      boundaries: [container],
+      boundaries: [container || ((_a2 = this.rootElement) == null ? void 0 : _a2.uniqSelector) || "body"],
       selectionAreaClass: this.selectionAreaClassName,
       selectables: Array.from(new Set(Array.from(this.ruleMap.values()).map(({ className }) => `.${className}`))),
       behaviour: {
@@ -337,6 +340,7 @@ __decorateElement(_init, 5, "containerSize", _containerSize_dec, Selection);
 __decorateElement(_init, 5, "interaction", _interaction_dec, Selection);
 __decorateElement(_init, 5, "transform", _transform_dec, Selection);
 __decorateElement(_init, 5, "contentSize", _contentSize_dec, Selection);
+__decorateElement(_init, 5, "rootElement", _rootElement_dec, Selection);
 __decoratorMetadata(_init, Selection);
 
 export { Selection };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knotx/plugins-selection",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "description": "Selection Plugin for Knotx",
   "author": "boenfu",
   "license": "MIT",
@@ -28,19 +28,19 @@
     "dist"
   ],
   "peerDependencies": {
-    "@knotx/plugins-canvas": "0.4.3"
+    "@knotx/plugins-canvas": "0.4.5"
   },
   "dependencies": {
     "@knotx/viselect": "^3.9.0",
     "rxjs": "^7.8.1",
-    "@knotx/core": "0.4.3",
-    "@knotx/decorators": "0.4.3"
+    "@knotx/core": "0.4.5",
+    "@knotx/decorators": "0.4.5"
   },
   "devDependencies": {
-    "@knotx/build-config": "0.4.3",
-    "@knotx/eslint-config": "0.4.3",
-    "@knotx/plugins-canvas": "0.4.3",
-    "@knotx/typescript-config": "0.4.3"
+    "@knotx/build-config": "0.4.5",
+    "@knotx/eslint-config": "0.4.5",
+    "@knotx/plugins-canvas": "0.4.5",
+    "@knotx/typescript-config": "0.4.5"
   },
   "scripts": {
     "build": "unbuild",