@visuallyjs/browser-ui-angular 1.2.2 → 1.2.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 (8) hide show
  1. package/esm2022/lib/paper-component.mjs +7 -5
  2. package/esm2022/lib/surface-component.mjs +7 -5
  3. package/fesm2022/visuallyjs-browser-ui-angular.mjs +14 -10
  4. package/fesm2022/visuallyjs-browser-ui-angular.mjs.map +1 -1
  5. package/lib/paper-component.d.ts +6 -1
  6. package/lib/surface-component.d.ts +6 -1
  7. package/package.json +2 -2
  8. package/visuallyjs-browser-ui-angular.tgz +0 -0
package/esm2022/lib/paper-component.mjs CHANGED
@@ -25,7 +25,7 @@ export class PaperComponent {
25
25
  if (currentData) {
26
26
  if (this.model) {
27
27
  this.model.clear();
28
- this.model.load({ data: currentData });
28
+ this.model.load({ data: currentData, dataType: this.dataType });
29
29
  }
30
30
  }
31
31
  });
@@ -36,7 +36,7 @@ export class PaperComponent {
36
36
  // For example, if you need to reload the model with new data:
37
37
  if (this.model) {
38
38
  this.model.clear();
39
- this.model.load({ url: currentUrl });
39
+ this.model.load({ url: currentUrl, dataType: this.dataType });
40
40
  }
41
41
  }
42
42
  });
@@ -311,10 +311,10 @@ export class PaperComponent {
311
311
  const initialData = this.data();
312
312
  const initialUrl = this.url();
313
313
  if (initialData) {
314
- this.model.load({ data: initialData });
314
+ this.model.load({ data: initialData, dataType: this.dataType });
315
315
  }
316
316
  else if (initialUrl) {
317
- this.model.load({ url: initialUrl });
317
+ this.model.load({ url: initialUrl, dataType: this.dataType });
318
318
  }
319
319
  });
320
320
  }
@@ -332,7 +332,7 @@ export class PaperComponent {
332
332
  this.paper.unbind(EVENT_INTERNAL_CONNECTION, this.edgeAddFn);
333
333
  }
334
334
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
335
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: PaperComponent, selector: "vjs-paper", inputs: { inputModel: { classPropertyName: "inputModel", publicName: "model", isSignal: false, isRequired: false, transformFunction: null }, viewOptions: { classPropertyName: "viewOptions", publicName: "viewOptions", isSignal: false, isRequired: false, transformFunction: null }, renderOptions: { classPropertyName: "renderOptions", publicName: "renderOptions", isSignal: false, isRequired: false, transformFunction: null }, modelOptions: { classPropertyName: "modelOptions", publicName: "modelOptions", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { vertexEvent: "vertexEvent" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
335
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: PaperComponent, selector: "vjs-paper", inputs: { inputModel: { classPropertyName: "inputModel", publicName: "model", isSignal: false, isRequired: false, transformFunction: null }, viewOptions: { classPropertyName: "viewOptions", publicName: "viewOptions", isSignal: false, isRequired: false, transformFunction: null }, renderOptions: { classPropertyName: "renderOptions", publicName: "renderOptions", isSignal: false, isRequired: false, transformFunction: null }, modelOptions: { classPropertyName: "modelOptions", publicName: "modelOptions", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { vertexEvent: "vertexEvent" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
336
336
  }
337
337
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaperComponent, decorators: [{
338
338
  type: Component,
@@ -349,6 +349,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
349
349
  type: Input
350
350
  }], modelOptions: [{
351
351
  type: Input
352
+ }], dataType: [{
353
+ type: Input
352
354
  }], vertexEvent: [{
353
355
  type: Output
354
356
  }] } });
package/esm2022/lib/surface-component.mjs CHANGED
@@ -25,7 +25,7 @@ export class SurfaceComponent {
25
25
  if (currentData) {
26
26
  if (this.model) {
27
27
  this.model.clear();
28
- this.model.load({ data: currentData });
28
+ this.model.load({ data: currentData, dataType: this.dataType });
29
29
  }
30
30
  }
31
31
  });
@@ -36,7 +36,7 @@ export class SurfaceComponent {
36
36
  // For example, if you need to reload the model with new data:
37
37
  if (this.model) {
38
38
  this.model.clear();
39
- this.model.load({ url: currentUrl });
39
+ this.model.load({ url: currentUrl, dataType: this.dataType });
40
40
  }
41
41
  }
42
42
  });
@@ -316,10 +316,10 @@ export class SurfaceComponent {
316
316
  const initialData = this.data();
317
317
  const initialUrl = this.url();
318
318
  if (initialData) {
319
- this.model.load({ data: initialData });
319
+ this.model.load({ data: initialData, dataType: this.dataType });
320
320
  }
321
321
  else if (initialUrl) {
322
- this.model.load({ url: initialUrl });
322
+ this.model.load({ url: initialUrl, dataType: this.dataType });
323
323
  }
324
324
  });
325
325
  }
@@ -337,7 +337,7 @@ export class SurfaceComponent {
337
337
  this.surface.unbind(EVENT_INTERNAL_CONNECTION, this.edgeAddFn);
338
338
  }
339
339
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
340
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: SurfaceComponent, selector: "vjs-surface", inputs: { inputModel: { classPropertyName: "inputModel", publicName: "model", isSignal: false, isRequired: false, transformFunction: null }, viewOptions: { classPropertyName: "viewOptions", publicName: "viewOptions", isSignal: false, isRequired: false, transformFunction: null }, renderOptions: { classPropertyName: "renderOptions", publicName: "renderOptions", isSignal: false, isRequired: false, transformFunction: null }, modelOptions: { classPropertyName: "modelOptions", publicName: "modelOptions", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { vertexEvent: "vertexEvent" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
340
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: SurfaceComponent, selector: "vjs-surface", inputs: { inputModel: { classPropertyName: "inputModel", publicName: "model", isSignal: false, isRequired: false, transformFunction: null }, viewOptions: { classPropertyName: "viewOptions", publicName: "viewOptions", isSignal: false, isRequired: false, transformFunction: null }, renderOptions: { classPropertyName: "renderOptions", publicName: "renderOptions", isSignal: false, isRequired: false, transformFunction: null }, modelOptions: { classPropertyName: "modelOptions", publicName: "modelOptions", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { vertexEvent: "vertexEvent" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
341
341
  }
342
342
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, decorators: [{
343
343
  type: Component,
@@ -354,6 +354,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
354
354
  type: Input
355
355
  }], modelOptions: [{
356
356
  type: Input
357
+ }], dataType: [{
358
+ type: Input
357
359
  }], vertexEvent: [{
358
360
  type: Output
359
361
  }] } });
package/fesm2022/visuallyjs-browser-ui-angular.mjs CHANGED
@@ -657,7 +657,7 @@ class SurfaceComponent {
657
657
  if (currentData) {
658
658
  if (this.model) {
659
659
  this.model.clear();
660
- this.model.load({ data: currentData });
660
+ this.model.load({ data: currentData, dataType: this.dataType });
661
661
  }
662
662
  }
663
663
  });
@@ -668,7 +668,7 @@ class SurfaceComponent {
668
668
  // For example, if you need to reload the model with new data:
669
669
  if (this.model) {
670
670
  this.model.clear();
671
- this.model.load({ url: currentUrl });
671
+ this.model.load({ url: currentUrl, dataType: this.dataType });
672
672
  }
673
673
  }
674
674
  });
@@ -948,10 +948,10 @@ class SurfaceComponent {
948
948
  const initialData = this.data();
949
949
  const initialUrl = this.url();
950
950
  if (initialData) {
951
- this.model.load({ data: initialData });
951
+ this.model.load({ data: initialData, dataType: this.dataType });
952
952
  }
953
953
  else if (initialUrl) {
954
- this.model.load({ url: initialUrl });
954
+ this.model.load({ url: initialUrl, dataType: this.dataType });
955
955
  }
956
956
  });
957
957
  }
@@ -969,7 +969,7 @@ class SurfaceComponent {
969
969
  this.surface.unbind(EVENT_INTERNAL_CONNECTION, this.edgeAddFn);
970
970
  }
971
971
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
972
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: SurfaceComponent, selector: "vjs-surface", inputs: { inputModel: { classPropertyName: "inputModel", publicName: "model", isSignal: false, isRequired: false, transformFunction: null }, viewOptions: { classPropertyName: "viewOptions", publicName: "viewOptions", isSignal: false, isRequired: false, transformFunction: null }, renderOptions: { classPropertyName: "renderOptions", publicName: "renderOptions", isSignal: false, isRequired: false, transformFunction: null }, modelOptions: { classPropertyName: "modelOptions", publicName: "modelOptions", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { vertexEvent: "vertexEvent" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
972
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: SurfaceComponent, selector: "vjs-surface", inputs: { inputModel: { classPropertyName: "inputModel", publicName: "model", isSignal: false, isRequired: false, transformFunction: null }, viewOptions: { classPropertyName: "viewOptions", publicName: "viewOptions", isSignal: false, isRequired: false, transformFunction: null }, renderOptions: { classPropertyName: "renderOptions", publicName: "renderOptions", isSignal: false, isRequired: false, transformFunction: null }, modelOptions: { classPropertyName: "modelOptions", publicName: "modelOptions", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { vertexEvent: "vertexEvent" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
973
973
  }
974
974
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, decorators: [{
975
975
  type: Component,
@@ -986,6 +986,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
986
986
  type: Input
987
987
  }], modelOptions: [{
988
988
  type: Input
989
+ }], dataType: [{
990
+ type: Input
989
991
  }], vertexEvent: [{
990
992
  type: Output
991
993
  }] } });
@@ -2210,7 +2212,7 @@ class PaperComponent {
2210
2212
  if (currentData) {
2211
2213
  if (this.model) {
2212
2214
  this.model.clear();
2213
- this.model.load({ data: currentData });
2215
+ this.model.load({ data: currentData, dataType: this.dataType });
2214
2216
  }
2215
2217
  }
2216
2218
  });
@@ -2221,7 +2223,7 @@ class PaperComponent {
2221
2223
  // For example, if you need to reload the model with new data:
2222
2224
  if (this.model) {
2223
2225
  this.model.clear();
2224
- this.model.load({ url: currentUrl });
2226
+ this.model.load({ url: currentUrl, dataType: this.dataType });
2225
2227
  }
2226
2228
  }
2227
2229
  });
@@ -2496,10 +2498,10 @@ class PaperComponent {
2496
2498
  const initialData = this.data();
2497
2499
  const initialUrl = this.url();
2498
2500
  if (initialData) {
2499
- this.model.load({ data: initialData });
2501
+ this.model.load({ data: initialData, dataType: this.dataType });
2500
2502
  }
2501
2503
  else if (initialUrl) {
2502
- this.model.load({ url: initialUrl });
2504
+ this.model.load({ url: initialUrl, dataType: this.dataType });
2503
2505
  }
2504
2506
  });
2505
2507
  }
@@ -2517,7 +2519,7 @@ class PaperComponent {
2517
2519
  this.paper.unbind(EVENT_INTERNAL_CONNECTION, this.edgeAddFn);
2518
2520
  }
2519
2521
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2520
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: PaperComponent, selector: "vjs-paper", inputs: { inputModel: { classPropertyName: "inputModel", publicName: "model", isSignal: false, isRequired: false, transformFunction: null }, viewOptions: { classPropertyName: "viewOptions", publicName: "viewOptions", isSignal: false, isRequired: false, transformFunction: null }, renderOptions: { classPropertyName: "renderOptions", publicName: "renderOptions", isSignal: false, isRequired: false, transformFunction: null }, modelOptions: { classPropertyName: "modelOptions", publicName: "modelOptions", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { vertexEvent: "vertexEvent" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
2522
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: PaperComponent, selector: "vjs-paper", inputs: { inputModel: { classPropertyName: "inputModel", publicName: "model", isSignal: false, isRequired: false, transformFunction: null }, viewOptions: { classPropertyName: "viewOptions", publicName: "viewOptions", isSignal: false, isRequired: false, transformFunction: null }, renderOptions: { classPropertyName: "renderOptions", publicName: "renderOptions", isSignal: false, isRequired: false, transformFunction: null }, modelOptions: { classPropertyName: "modelOptions", publicName: "modelOptions", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { vertexEvent: "vertexEvent" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
2521
2523
  }
2522
2524
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaperComponent, decorators: [{
2523
2525
  type: Component,
@@ -2534,6 +2536,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
2534
2536
  type: Input
2535
2537
  }], modelOptions: [{
2536
2538
  type: Input
2539
+ }], dataType: [{
2540
+ type: Input
2537
2541
  }], vertexEvent: [{
2538
2542
  type: Output
2539
2543
  }] } });