@innovastudio/contentbuilder 1.4.40 → 1.4.42

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@innovastudio/contentbuilder",
3
3
  "type": "module",
4
- "version": "1.4.40",
4
+ "version": "1.4.42",
5
5
  "description": "",
6
6
  "main": "public/contentbuilder/contentbuilder.esm.js",
7
7
  "files": [
@@ -52,8 +52,6 @@
52
52
  "@monaco-editor/loader": "^1.3.2",
53
53
  "blueimp-load-image": "^5.16.0",
54
54
  "cropperjs": "^1.5.12",
55
- "csp-html-webpack-plugin": "^5.1.0",
56
- "html-webpack-plugin": "^5.5.0",
57
55
  "js-beautify": "^1.14.0",
58
56
  "moveable": "^0.30.0",
59
57
  "rangy": "^1.3.0",
@@ -53320,6 +53320,78 @@ class Hyperlink {
53320
53320
  util.hideModal(modal);
53321
53321
  if (!util.appleMobile) util.restoreSelection();
53322
53322
  });
53323
+
53324
+ if (this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== '') {
53325
+ modal.querySelector('.input-select-other').style.display = 'block';
53326
+ let inputSelectOther = modal.querySelector('.input-select-other');
53327
+ dom.addEventListener(inputSelectOther, 'click', e => {
53328
+ if (this.builder.opts.onOtherSelectClick) {
53329
+ this.builder.opts.onOtherSelectClick({
53330
+ targetInput: modal.querySelector('.input-url'),
53331
+ theTrigger: modal.querySelector('.input-select-other')
53332
+ });
53333
+ } else {
53334
+ let modalFileSelect = this.builderStuff.querySelector('.is-modal.otherselect');
53335
+
53336
+ if (this.builder.opts.assetRefresh) {
53337
+ modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
53338
+ this.builder.opts.assetRefresh = false;
53339
+ }
53340
+
53341
+ if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
53342
+ modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
53343
+ }
53344
+
53345
+ util.showModal(modalFileSelect, false, () => {
53346
+ inputSelectOther.removeAttribute('data-focus');
53347
+ inputSelectOther.focus();
53348
+ }, false);
53349
+ inputSelectOther.setAttribute('data-focus', true);
53350
+ }
53351
+
53352
+ this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
53353
+
53354
+ this.builder.targetCallback = null;
53355
+ this.builder.targetAssetType = 'all';
53356
+ e.preventDefault();
53357
+ e.stopImmediatePropagation();
53358
+ });
53359
+ }
53360
+
53361
+ if (this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== '') {
53362
+ modal.querySelector('.input-select').style.display = 'block';
53363
+ modal.querySelector('.input-url').style.width = '444px';
53364
+ let inputSelect = modal.querySelector('.input-select');
53365
+ dom.addEventListener(inputSelect, 'click', () => {
53366
+ if (this.builder.opts.onFileSelectClick) {
53367
+ this.builder.opts.onFileSelectClick({
53368
+ targetInput: modal.querySelector('.input-url'),
53369
+ theTrigger: modal.querySelector('.input-select')
53370
+ });
53371
+ } else {
53372
+ let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
53373
+
53374
+ if (this.builder.opts.assetRefresh) {
53375
+ modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
53376
+ this.builder.opts.assetRefresh = false;
53377
+ }
53378
+
53379
+ if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
53380
+ modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
53381
+ }
53382
+
53383
+ util.showModal(modalFileSelect, false, null, false);
53384
+ }
53385
+
53386
+ this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
53387
+
53388
+ this.builder.targetCallback = null;
53389
+ this.builder.targetAssetType = 'all';
53390
+ });
53391
+ } else {
53392
+ modal.querySelector('.input-select').style.display = 'none';
53393
+ modal.querySelector('.input-url').style.width = '100%';
53394
+ }
53323
53395
  }
53324
53396
 
53325
53397
  this.linkTool = linkTool;
@@ -53519,83 +53591,70 @@ class Hyperlink {
53519
53591
 
53520
53592
  var text = dom.getSelected();
53521
53593
  let modal = this.builderStuff.querySelector('.is-modal.createlink');
53522
-
53523
- if (this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== '') {
53524
- modal.querySelector('.input-select-other').style.display = 'block';
53525
- let inputSelectOther = modal.querySelector('.input-select-other');
53526
- dom.addEventListener(inputSelectOther, 'click', e => {
53527
- if (this.builder.opts.onOtherSelectClick) {
53528
- this.builder.opts.onOtherSelectClick({
53529
- targetInput: modal.querySelector('.input-url'),
53530
- theTrigger: modal.querySelector('.input-select-other')
53531
- });
53532
- } else {
53533
- let modalFileSelect = this.builderStuff.querySelector('.is-modal.otherselect');
53534
-
53535
- if (this.builder.opts.assetRefresh) {
53536
- modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
53537
- this.builder.opts.assetRefresh = false;
53538
- }
53539
-
53540
- if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
53541
- modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
53542
- }
53543
-
53544
- util.showModal(modalFileSelect, false, () => {
53545
- inputSelectOther.removeAttribute('data-focus');
53546
- inputSelectOther.focus();
53547
- }, false);
53548
- inputSelectOther.setAttribute('data-focus', true);
53549
- }
53550
-
53551
- this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
53552
-
53553
- this.builder.targetCallback = null;
53554
- this.builder.targetAssetType = 'all';
53555
- e.preventDefault();
53556
- e.stopImmediatePropagation();
53557
- });
53558
- }
53559
-
53560
- if (this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== '') {
53561
- modal.querySelector('.input-select').style.display = 'block'; // modal.querySelector('.input-url').style.width = '444px';
53562
-
53563
- let inputSelect = modal.querySelector('.input-select');
53564
- dom.addEventListener(inputSelect, 'click', e => {
53565
- if (this.builder.opts.onFileSelectClick) {
53566
- this.builder.opts.onFileSelectClick({
53567
- targetInput: modal.querySelector('.input-url'),
53568
- theTrigger: modal.querySelector('.input-select')
53569
- });
53570
- } else {
53571
- let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
53572
-
53573
- if (this.builder.opts.assetRefresh) {
53574
- modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
53575
- this.builder.opts.assetRefresh = false;
53576
- }
53577
-
53578
- if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
53579
- modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
53580
- }
53581
-
53582
- util.showModal(modalFileSelect, false, () => {
53583
- inputSelect.removeAttribute('data-focus');
53584
- inputSelect.focus();
53585
- }, false);
53586
- inputSelect.setAttribute('data-focus', true);
53587
- }
53588
-
53589
- this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
53590
-
53591
- this.builder.targetCallback = null;
53592
- this.builder.targetAssetType = 'all';
53593
- e.preventDefault();
53594
- e.stopImmediatePropagation();
53595
- });
53596
- } else {
53597
- modal.querySelector('.input-select').style.display = 'none'; // modal.querySelector('.input-url').style.width = '100%';
53594
+ /*
53595
+ if(this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== ''){
53596
+ modal.querySelector('.input-select-other').style.display = 'block';
53597
+ let inputSelectOther = modal.querySelector('.input-select-other');
53598
+ dom.addEventListener(inputSelectOther, 'click', (e) => {
53599
+ if(this.builder.opts.onOtherSelectClick){
53600
+ this.builder.opts.onOtherSelectClick({targetInput: modal.querySelector('.input-url'), theTrigger: modal.querySelector('.input-select-other')});
53601
+ } else {
53602
+ let modalFileSelect = this.builderStuff.querySelector('.is-modal.otherselect');
53603
+ if(this.builder.opts.assetRefresh) {
53604
+ modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
53605
+ this.builder.opts.assetRefresh = false;
53606
+ }
53607
+ if(modalFileSelect.querySelector('iframe').src === 'about:blank') {
53608
+ modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
53609
+ }
53610
+ util.showModal(modalFileSelect, false, ()=>{
53611
+ inputSelectOther.removeAttribute('data-focus');
53612
+ inputSelectOther.focus();
53613
+
53614
+ }, false);
53615
+ inputSelectOther.setAttribute('data-focus',true);
53616
+ }
53617
+ this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
53618
+ this.builder.targetCallback = null;
53619
+ this.builder.targetAssetType = 'all';
53620
+ e.preventDefault();
53621
+ e.stopImmediatePropagation();
53622
+ });
53598
53623
  }
53624
+ if(this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== ''){
53625
+ modal.querySelector('.input-select').style.display = 'block';
53626
+ // modal.querySelector('.input-url').style.width = '444px';
53627
+ let inputSelect = modal.querySelector('.input-select');
53628
+ dom.addEventListener(inputSelect, 'click', (e) => {
53629
+ if(this.builder.opts.onFileSelectClick){
53630
+ this.builder.opts.onFileSelectClick({targetInput: modal.querySelector('.input-url'), theTrigger: modal.querySelector('.input-select')});
53631
+ } else {
53632
+ let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
53633
+ if(this.builder.opts.assetRefresh) {
53634
+ modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
53635
+ this.builder.opts.assetRefresh = false;
53636
+ }
53637
+ if(modalFileSelect.querySelector('iframe').src === 'about:blank') {
53638
+ modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
53639
+ }
53640
+ util.showModal(modalFileSelect, false, ()=>{
53641
+ inputSelect.removeAttribute('data-focus');
53642
+ inputSelect.focus();
53643
+
53644
+ }, false);
53645
+ inputSelect.setAttribute('data-focus',true);
53646
+ }
53647
+ this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
53648
+ this.builder.targetCallback = null;
53649
+ this.builder.targetAssetType = 'all';
53650
+ e.preventDefault();
53651
+ e.stopImmediatePropagation();
53652
+ });
53653
+ } else {
53654
+ modal.querySelector('.input-select').style.display = 'none';
53655
+ // modal.querySelector('.input-url').style.width = '100%';
53656
+ }
53657
+ */
53599
53658
 
53600
53659
  modal.querySelector('.input-url').value = '';
53601
53660
  modal.querySelector('.input-newwindow').checked = false;
@@ -53659,41 +53718,67 @@ class Hyperlink {
53659
53718
  modal.querySelector('#inpCreateLinkText').style.display = 'none';
53660
53719
  }
53661
53720
  }
53662
-
53663
- if (this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== '') {
53664
- modal.querySelector('.input-select').style.display = 'block';
53665
- modal.querySelector('.input-url').style.width = '444px';
53666
- let inputSelect = modal.querySelector('.input-select');
53667
- dom.addEventListener(inputSelect, 'click', () => {
53668
- if (this.builder.opts.onFileSelectClick) {
53669
- this.builder.opts.onFileSelectClick({
53670
- targetInput: modal.querySelector('.input-url'),
53671
- theTrigger: modal.querySelector('.input-select')
53672
- });
53673
- } else {
53674
- let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
53675
-
53676
- if (this.builder.opts.assetRefresh) {
53677
- modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
53678
- this.builder.opts.assetRefresh = false;
53679
- }
53680
-
53681
- if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
53682
- modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
53683
- }
53684
-
53685
- util.showModal(modalFileSelect, false, null, false);
53686
- }
53687
-
53688
- this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
53689
-
53690
- this.builder.targetCallback = null;
53691
- this.builder.targetAssetType = 'all';
53692
- });
53693
- } else {
53694
- modal.querySelector('.input-select').style.display = 'none';
53695
- modal.querySelector('.input-url').style.width = '100%';
53696
- } // Get values
53721
+ /*
53722
+ if(this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== ''){
53723
+ modal.querySelector('.input-select-other').style.display = 'block';
53724
+ let inputSelectOther = modal.querySelector('.input-select-other');
53725
+ dom.addEventListener(inputSelectOther, 'click', (e) => {
53726
+ if(this.builder.opts.onOtherSelectClick){
53727
+ this.builder.opts.onOtherSelectClick({targetInput: modal.querySelector('.input-url'), theTrigger: modal.querySelector('.input-select-other')});
53728
+ } else {
53729
+ let modalFileSelect = this.builderStuff.querySelector('.is-modal.otherselect');
53730
+ if(this.builder.opts.assetRefresh) {
53731
+ modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
53732
+ this.builder.opts.assetRefresh = false;
53733
+ }
53734
+ if(modalFileSelect.querySelector('iframe').src === 'about:blank') {
53735
+ modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
53736
+ }
53737
+ util.showModal(modalFileSelect, false, ()=>{
53738
+ inputSelectOther.removeAttribute('data-focus');
53739
+ inputSelectOther.focus();
53740
+
53741
+ }, false);
53742
+ inputSelectOther.setAttribute('data-focus',true);
53743
+ }
53744
+ this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
53745
+ this.builder.targetCallback = null;
53746
+ this.builder.targetAssetType = 'all';
53747
+ e.preventDefault();
53748
+ e.stopImmediatePropagation();
53749
+ });
53750
+ }
53751
+
53752
+ if(this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== ''){
53753
+ modal.querySelector('.input-select').style.display = 'block';
53754
+ modal.querySelector('.input-url').style.width = '444px';
53755
+ let inputSelect = modal.querySelector('.input-select');
53756
+ dom.addEventListener(inputSelect, 'click', () => {
53757
+ if(this.builder.opts.onFileSelectClick) {
53758
+ this.builder.opts.onFileSelectClick({targetInput: modal.querySelector('.input-url'), theTrigger: modal.querySelector('.input-select')});
53759
+
53760
+ } else {
53761
+ let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
53762
+
53763
+ if(this.builder.opts.assetRefresh) {
53764
+ modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
53765
+ this.builder.opts.assetRefresh = false;
53766
+ }
53767
+ if(modalFileSelect.querySelector('iframe').src === 'about:blank') {
53768
+ modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
53769
+ }
53770
+ util.showModal(modalFileSelect, false, null, false);
53771
+ }
53772
+ this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
53773
+ this.builder.targetCallback = null;
53774
+ this.builder.targetAssetType = 'all';
53775
+ });
53776
+ } else {
53777
+ modal.querySelector('.input-select').style.display = 'none';
53778
+ modal.querySelector('.input-url').style.width = '100%';
53779
+ }
53780
+ */
53781
+ // Get values
53697
53782
 
53698
53783
 
53699
53784
  let url = link.getAttribute('href');