@knotx/plugins-selection 0.4.2 → 0.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.cjs +10 -6
  2. package/dist/index.d.cts +2 -1
  3. package/dist/index.d.mts +2 -1
  4. package/dist/index.d.ts +2 -1
  5. package/dist/index.js +11 -7
  6. package/package.json +8 -8
package/dist/index.cjs CHANGED
@@ -73,8 +73,8 @@ var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use
73
73
  var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
74
74
  var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
75
75
  var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
76
- 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;
77
- 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.", {
76
+ 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;
77
+ 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.", {
78
78
  type: "array",
79
79
  items: {
80
80
  type: "object",
@@ -100,7 +100,7 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
100
100
  __runInitializers(_init, 5, this);
101
101
  __publicField(this, "name", "selection");
102
102
  __publicField(this, "selection");
103
- __publicField(this, "container", "body");
103
+ __publicField(this, "container");
104
104
  __publicField(this, "selectionAreaClassName");
105
105
  __publicField(this, "ruleMap", /* @__PURE__ */ new Map());
106
106
  __publicField(this, "enableDrag", true);
@@ -144,6 +144,7 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
144
144
  __publicField(this, "interaction", __runInitializers(_init, 40, this)), __runInitializers(_init, 43, this);
145
145
  __publicField(this, "transform", __runInitializers(_init, 44, this)), __runInitializers(_init, 47, this);
146
146
  __publicField(this, "contentSize", __runInitializers(_init, 48, this)), __runInitializers(_init, 51, this);
147
+ __publicField(this, "rootElement", __runInitializers(_init, 52, this)), __runInitializers(_init, 55, this);
147
148
  __publicField(this, "onBeforeStart", (_) => {
148
149
  });
149
150
  __publicField(this, "onBeforeDrag", () => {
@@ -248,7 +249,9 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
248
249
  });
249
250
  }
250
251
  init(config = {}) {
251
- this.container = config.container || core.bemSelector("canvas", "wrapper");
252
+ if (config.container) {
253
+ this.container = config.container;
254
+ }
252
255
  this.selectionAreaClassName = config.selectionAreaClassName || core.bem("selection-area");
253
256
  if (!config.disableDefaultRules) {
254
257
  const nodeRule = {
@@ -268,10 +271,10 @@ class Selection extends (_a = core.BasePlugin, _selected_dec = [decorators.regis
268
271
  queueMicrotask(() => this.createSelection());
269
272
  }
270
273
  createSelection() {
274
+ var _a2;
271
275
  const container = this.container;
272
276
  this.selection = new SelectionArea__default({
273
- // container,
274
- boundaries: [container],
277
+ boundaries: [container || ((_a2 = this.rootElement) == null ? void 0 : _a2.uniqSelector) || "body"],
275
278
  selectionAreaClass: this.selectionAreaClassName,
276
279
  selectables: Array.from(new Set(Array.from(this.ruleMap.values()).map(({ className }) => `.${className}`))),
277
280
  behaviour: {
@@ -343,6 +346,7 @@ __decorateElement(_init, 5, "containerSize", _containerSize_dec, Selection);
343
346
  __decorateElement(_init, 5, "interaction", _interaction_dec, Selection);
344
347
  __decorateElement(_init, 5, "transform", _transform_dec, Selection);
345
348
  __decorateElement(_init, 5, "contentSize", _contentSize_dec, Selection);
349
+ __decorateElement(_init, 5, "rootElement", _rootElement_dec, Selection);
346
350
  __decoratorMetadata(_init, Selection);
347
351
 
348
352
  exports.Selection = Selection;
package/dist/index.d.cts CHANGED
@@ -91,7 +91,7 @@ interface SelectionConfig {
91
91
  */
92
92
  disableDefaultRules?: boolean;
93
93
  /**
94
- * default: bemSelector('canvas', 'wrapper')
94
+ * default: canvas.rootElement
95
95
  */
96
96
  container?: string;
97
97
  }
@@ -116,6 +116,7 @@ declare class Selection extends BasePlugin<'selection', SelectionConfig> {
116
116
  private interaction;
117
117
  transform: PluginData['canvas']['transform'];
118
118
  contentSize: PluginData['canvas']['contentSize'];
119
+ rootElement: PluginData['canvas']['rootElement'];
119
120
  init(config?: SelectionConfig): void;
120
121
  private createSelection;
121
122
  private onBeforeStart;
package/dist/index.d.mts CHANGED
@@ -91,7 +91,7 @@ interface SelectionConfig {
91
91
  */
92
92
  disableDefaultRules?: boolean;
93
93
  /**
94
- * default: bemSelector('canvas', 'wrapper')
94
+ * default: canvas.rootElement
95
95
  */
96
96
  container?: string;
97
97
  }
@@ -116,6 +116,7 @@ declare class Selection extends BasePlugin<'selection', SelectionConfig> {
116
116
  private interaction;
117
117
  transform: PluginData['canvas']['transform'];
118
118
  contentSize: PluginData['canvas']['contentSize'];
119
+ rootElement: PluginData['canvas']['rootElement'];
119
120
  init(config?: SelectionConfig): void;
120
121
  private createSelection;
121
122
  private onBeforeStart;
package/dist/index.d.ts CHANGED
@@ -91,7 +91,7 @@ interface SelectionConfig {
91
91
  */
92
92
  disableDefaultRules?: boolean;
93
93
  /**
94
- * default: bemSelector('canvas', 'wrapper')
94
+ * default: canvas.rootElement
95
95
  */
96
96
  container?: string;
97
97
  }
@@ -116,6 +116,7 @@ declare class Selection extends BasePlugin<'selection', SelectionConfig> {
116
116
  private interaction;
117
117
  transform: PluginData['canvas']['transform'];
118
118
  contentSize: PluginData['canvas']['contentSize'];
119
+ rootElement: PluginData['canvas']['rootElement'];
119
120
  init(config?: SelectionConfig): void;
120
121
  private createSelection;
121
122
  private onBeforeStart;
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { bemSelector, bem, BasePlugin, InteractionPriority } from '@knotx/core';
1
+ import { bem, BasePlugin, InteractionPriority } from '@knotx/core';
2
2
  import { register, observable, inject, tool, OnInit, OnDestroy } from '@knotx/decorators';
3
3
  import SelectionArea from '@knotx/viselect';
4
4
 
@@ -67,8 +67,8 @@ var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use
67
67
  var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
68
68
  var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
69
69
  var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
70
- 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;
71
- 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.", {
70
+ 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;
71
+ 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.", {
72
72
  type: "array",
73
73
  items: {
74
74
  type: "object",
@@ -94,7 +94,7 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
94
94
  __runInitializers(_init, 5, this);
95
95
  __publicField(this, "name", "selection");
96
96
  __publicField(this, "selection");
97
- __publicField(this, "container", "body");
97
+ __publicField(this, "container");
98
98
  __publicField(this, "selectionAreaClassName");
99
99
  __publicField(this, "ruleMap", /* @__PURE__ */ new Map());
100
100
  __publicField(this, "enableDrag", true);
@@ -138,6 +138,7 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
138
138
  __publicField(this, "interaction", __runInitializers(_init, 40, this)), __runInitializers(_init, 43, this);
139
139
  __publicField(this, "transform", __runInitializers(_init, 44, this)), __runInitializers(_init, 47, this);
140
140
  __publicField(this, "contentSize", __runInitializers(_init, 48, this)), __runInitializers(_init, 51, this);
141
+ __publicField(this, "rootElement", __runInitializers(_init, 52, this)), __runInitializers(_init, 55, this);
141
142
  __publicField(this, "onBeforeStart", (_) => {
142
143
  });
143
144
  __publicField(this, "onBeforeDrag", () => {
@@ -242,7 +243,9 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
242
243
  });
243
244
  }
244
245
  init(config = {}) {
245
- this.container = config.container || bemSelector("canvas", "wrapper");
246
+ if (config.container) {
247
+ this.container = config.container;
248
+ }
246
249
  this.selectionAreaClassName = config.selectionAreaClassName || bem("selection-area");
247
250
  if (!config.disableDefaultRules) {
248
251
  const nodeRule = {
@@ -262,10 +265,10 @@ class Selection extends (_a = BasePlugin, _selected_dec = [register("selected")]
262
265
  queueMicrotask(() => this.createSelection());
263
266
  }
264
267
  createSelection() {
268
+ var _a2;
265
269
  const container = this.container;
266
270
  this.selection = new SelectionArea({
267
- // container,
268
- boundaries: [container],
271
+ boundaries: [container || ((_a2 = this.rootElement) == null ? void 0 : _a2.uniqSelector) || "body"],
269
272
  selectionAreaClass: this.selectionAreaClassName,
270
273
  selectables: Array.from(new Set(Array.from(this.ruleMap.values()).map(({ className }) => `.${className}`))),
271
274
  behaviour: {
@@ -337,6 +340,7 @@ __decorateElement(_init, 5, "containerSize", _containerSize_dec, Selection);
337
340
  __decorateElement(_init, 5, "interaction", _interaction_dec, Selection);
338
341
  __decorateElement(_init, 5, "transform", _transform_dec, Selection);
339
342
  __decorateElement(_init, 5, "contentSize", _contentSize_dec, Selection);
343
+ __decorateElement(_init, 5, "rootElement", _rootElement_dec, Selection);
340
344
  __decoratorMetadata(_init, Selection);
341
345
 
342
346
  export { Selection };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knotx/plugins-selection",
3
- "version": "0.4.2",
3
+ "version": "0.4.4",
4
4
  "description": "Selection Plugin for Knotx",
5
5
  "author": "boenfu",
6
6
  "license": "MIT",
@@ -28,19 +28,19 @@
28
28
  "dist"
29
29
  ],
30
30
  "peerDependencies": {
31
- "@knotx/plugins-canvas": "0.4.2"
31
+ "@knotx/plugins-canvas": "0.4.4"
32
32
  },
33
33
  "dependencies": {
34
34
  "@knotx/viselect": "^3.9.0",
35
35
  "rxjs": "^7.8.1",
36
- "@knotx/core": "0.4.2",
37
- "@knotx/decorators": "0.4.2"
36
+ "@knotx/core": "0.4.4",
37
+ "@knotx/decorators": "0.4.4"
38
38
  },
39
39
  "devDependencies": {
40
- "@knotx/build-config": "0.4.2",
41
- "@knotx/eslint-config": "0.4.2",
42
- "@knotx/plugins-canvas": "0.4.2",
43
- "@knotx/typescript-config": "0.4.2"
40
+ "@knotx/build-config": "0.4.4",
41
+ "@knotx/eslint-config": "0.4.4",
42
+ "@knotx/plugins-canvas": "0.4.4",
43
+ "@knotx/typescript-config": "0.4.4"
44
44
  },
45
45
  "scripts": {
46
46
  "build": "unbuild",