@innovastudio/contentbox 1.5.94 → 1.5.95

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/contentbox",
3
3
  "type": "module",
4
- "version": "1.5.94",
4
+ "version": "1.5.95",
5
5
  "description": "",
6
6
  "main": "public/contentbox/contentbox.esm.js",
7
7
  "files": [
@@ -52,7 +52,7 @@
52
52
  "ws": "^8.13.0"
53
53
  },
54
54
  "dependencies": {
55
- "@innovastudio/contentbuilder": "^1.4.114",
55
+ "@innovastudio/contentbuilder": "^1.4.115",
56
56
  "i": "^0.3.7",
57
57
  "js-beautify": "^1.14.0",
58
58
  "npm": "^10.1.0"
@@ -27,76 +27,137 @@
27
27
  height: 960px;
28
28
  }
29
29
  }
30
- @media all and (max-width: 1800px) {
30
+ @media all and (max-width: 1520px) {
31
31
  .is-content-view {
32
32
  transform: scale(0.95);
33
33
  }
34
34
  }
35
- @media all and (max-width: 1730px) {
35
+ @media all and (max-width: 1450px) {
36
36
  .is-content-view {
37
37
  transform: scale(0.9);
38
38
  }
39
39
  }
40
- @media all and (max-width: 1680px) {
40
+ @media all and (max-width: 1375px) {
41
41
  .is-content-view {
42
42
  transform: scale(0.85);
43
43
  }
44
44
  }
45
- @media all and (max-width: 1600px) {
45
+ @media all and (max-width: 1300px) {
46
46
  .is-content-view {
47
47
  transform: scale(0.8);
48
48
  }
49
49
  }
50
- @media all and (max-width: 1520px) {
50
+ @media all and (max-width: 1235px) {
51
51
  .is-content-view {
52
52
  transform: scale(0.75);
53
53
  }
54
54
  }
55
- @media all and (max-width: 1450px) {
55
+ @media all and (max-width: 1175px) {
56
56
  .is-content-view {
57
57
  transform: scale(0.7);
58
58
  }
59
59
  }
60
- @media all and (max-width: 1375px) {
60
+ @media all and (max-width: 1090px) {
61
61
  .is-content-view {
62
62
  transform: scale(0.65);
63
63
  }
64
64
  }
65
+ body.controlpanel .is-responsive-tool {
66
+ right: 340px;
67
+ }
68
+ body.controlpanel .is-content-view {
69
+ margin-right: 290px;
70
+ }
71
+ body.controlpanel .is-controlpanel {
72
+ position: fixed;
73
+ width: 290px;
74
+ height: 100vh;
75
+ top: 0;
76
+ right: 0;
77
+ background: #fff;
78
+ z-index: 1;
79
+ }
80
+ body.controlpanel .is-content-view.desktop {
81
+ width: 1366px;
82
+ height: 853px;
83
+ }
84
+ body.controlpanel .is-content-view.tablet-landscape {
85
+ width: 1080px;
86
+ height: 810px;
87
+ }
88
+ body.controlpanel .is-content-view.tablet {
89
+ width: 768px;
90
+ height: 1024px;
91
+ }
92
+ body.controlpanel .is-content-view.mobile {
93
+ width: 390px;
94
+ height: 844px;
95
+ }
96
+ @media all and (min-width: 2030px) {
97
+ body.controlpanel .is-content-view.desktop {
98
+ width: 1560px;
99
+ height: 974px;
100
+ }
101
+ body.controlpanel .is-content-view.tablet-landscape {
102
+ width: 1280px;
103
+ height: 960px;
104
+ }
105
+ }
106
+ @media all and (max-width: 1800px) {
107
+ body.controlpanel .is-content-view {
108
+ transform: scale(0.95);
109
+ }
110
+ }
111
+ @media all and (max-width: 1730px) {
112
+ body.controlpanel .is-content-view {
113
+ transform: scale(0.9);
114
+ }
115
+ }
116
+ @media all and (max-width: 1680px) {
117
+ body.controlpanel .is-content-view {
118
+ transform: scale(0.85);
119
+ }
120
+ }
121
+ @media all and (max-width: 1600px) {
122
+ body.controlpanel .is-content-view {
123
+ transform: scale(0.8);
124
+ }
125
+ }
126
+ @media all and (max-width: 1520px) {
127
+ body.controlpanel .is-content-view {
128
+ transform: scale(0.75);
129
+ }
130
+ }
131
+ @media all and (max-width: 1450px) {
132
+ body.controlpanel .is-content-view {
133
+ transform: scale(0.7);
134
+ }
135
+ }
136
+ @media all and (max-width: 1375px) {
137
+ body.controlpanel .is-content-view {
138
+ transform: scale(0.65);
139
+ }
140
+ }
65
141
  @media all and (max-width: 1300px) {
66
- .is-content-view {
142
+ body.controlpanel .is-content-view {
67
143
  transform: scale(0.6);
68
144
  }
69
145
  }
70
146
  @media all and (max-width: 1235px) {
71
- .is-content-view {
147
+ body.controlpanel .is-content-view {
72
148
  transform: scale(0.55);
73
149
  }
74
150
  }
75
151
  @media all and (max-width: 1175px) {
76
- .is-content-view {
152
+ body.controlpanel .is-content-view {
77
153
  transform: scale(0.5);
78
154
  }
79
155
  }
80
156
  @media all and (max-width: 1090px) {
81
- .is-content-view {
157
+ body.controlpanel .is-content-view {
82
158
  transform: scale(0.45);
83
159
  }
84
160
  }
85
- body.controlpanel .is-responsive-tool {
86
- right: 340px;
87
- }
88
- body.controlpanel .is-content-view {
89
- margin-right: 290px;
90
- }
91
- body.controlpanel .is-controlpanel {
92
- position: fixed;
93
- width: 290px;
94
- height: 100vh;
95
- top: 0;
96
- right: 0;
97
- background: #fff;
98
- z-index: 1;
99
- }
100
161
 
101
162
  /* /IFRAME */
102
163
  .is-box-tool {
@@ -15003,6 +15003,7 @@ class EditBox {
15003
15003
 
15004
15004
  }
15005
15005
 
15006
+ // Experimental
15006
15007
  // import {out} from './out.js';
15007
15008
  class ControlPanel {
15008
15009
  constructor(builder) {
@@ -91053,6 +91054,23 @@ class ContentStuff$1 {
91053
91054
  .padding-0[data-module="text-builder"] {
91054
91055
  padding: 0 2px 4px !important;
91055
91056
  }
91057
+
91058
+
91059
+ ${this.builder.simpleEditingBreakpoint ? `
91060
+
91061
+ @media all and (max-width: ${this.builder.simpleEditingBreakpoint}) {
91062
+ .is-tool:not(#divSpacerTool) {
91063
+ display: none !important;
91064
+ }
91065
+
91066
+ .is-builder .row-active:not([data-protected]).row-outline {
91067
+ outline: none !important;
91068
+ }
91069
+ }
91070
+
91071
+ ` : ''}
91072
+
91073
+
91056
91074
  `;
91057
91075
  builder.contentStuff.insertAdjacentHTML('afterbegin', `
91058
91076
  <style>