@jotx-labs/editor 2.4.138 → 2.4.140

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 (57) hide show
  1. package/dist/components/Brand/JotxLogo.d.ts +9 -0
  2. package/dist/components/Brand/JotxLogo.d.ts.map +1 -0
  3. package/dist/components/Brand/JotxLogo.js +11 -0
  4. package/dist/components/Brand/JotxLogo.js.map +1 -0
  5. package/dist/components/DocumentHeader/DocumentHeader.d.ts +21 -0
  6. package/dist/components/DocumentHeader/DocumentHeader.d.ts.map +1 -0
  7. package/dist/components/DocumentHeader/DocumentHeader.js +83 -0
  8. package/dist/components/DocumentHeader/DocumentHeader.js.map +1 -0
  9. package/dist/components/DocumentHeader/ExportMenu.d.ts +11 -0
  10. package/dist/components/DocumentHeader/ExportMenu.d.ts.map +1 -0
  11. package/dist/components/DocumentHeader/ExportMenu.js +244 -0
  12. package/dist/components/DocumentHeader/ExportMenu.js.map +1 -0
  13. package/dist/components/DocumentHeader/ViewOptions.d.ts +6 -0
  14. package/dist/components/DocumentHeader/ViewOptions.d.ts.map +1 -0
  15. package/dist/components/DocumentHeader/ViewOptions.js +73 -0
  16. package/dist/components/DocumentHeader/ViewOptions.js.map +1 -0
  17. package/dist/components/GraphView/GraphView.d.ts +33 -0
  18. package/dist/components/GraphView/GraphView.d.ts.map +1 -0
  19. package/dist/components/GraphView/GraphView.js +234 -0
  20. package/dist/components/GraphView/GraphView.js.map +1 -0
  21. package/dist/extensions/ButtonNode 2.js +59 -0
  22. package/dist/extensions/ButtonNode.d 2.ts +7 -0
  23. package/dist/extensions/ButtonNode.d.ts 2.map +1 -0
  24. package/dist/extensions/ButtonNode.js 2.map +1 -0
  25. package/dist/extensions/CardNode 2.js +64 -0
  26. package/dist/extensions/CardNode.d 2.ts +7 -0
  27. package/dist/extensions/CardNode.d.ts 2.map +1 -0
  28. package/dist/extensions/CardNode.js 2.map +1 -0
  29. package/dist/extensions/GridCardNode.d 2.ts +7 -0
  30. package/dist/extensions/GridCardNode.d.ts 2.map +1 -0
  31. package/dist/extensions/GridCardNode.js 2.map +1 -0
  32. package/dist/extensions/ImageNode.d.ts 2.map +1 -0
  33. package/dist/extensions/LinkNode.js 2.map +1 -0
  34. package/dist/extensions/SearchExtension.d 2.ts +40 -0
  35. package/dist/extensions/SearchExtension.d.ts 2.map +1 -0
  36. package/dist/extensions/SearchExtension.js 2.map +1 -0
  37. package/dist/extensions/SectionNode 2.js +58 -0
  38. package/dist/extensions/SectionNode.d 2.ts +11 -0
  39. package/dist/extensions/SectionNode.d.ts 2.map +1 -0
  40. package/dist/extensions/SectionNode.js 2.map +1 -0
  41. package/dist/extensions/ToggleNode 2.js +58 -0
  42. package/dist/extensions/ToggleNode.d 2.ts +11 -0
  43. package/dist/extensions/ToggleNode.d.ts 2.map +1 -0
  44. package/dist/extensions/ToggleNode.js 2.map +1 -0
  45. package/dist/index 2.js +128 -0
  46. package/dist/index.d 2.ts +59 -0
  47. package/dist/index.d.ts +5 -0
  48. package/dist/index.d.ts 2.map +1 -0
  49. package/dist/index.d.ts.map +1 -1
  50. package/dist/index.js +13 -1
  51. package/dist/index.js 2.map +1 -0
  52. package/dist/index.js.map +1 -1
  53. package/dist/styles/DocumentHeader.css +294 -0
  54. package/dist/styles/GraphView.css +220 -0
  55. package/package.json +6 -5
  56. package/src/styles/DocumentHeader.css +294 -0
  57. package/src/styles/GraphView.css +220 -0
package/src/styles/GraphView.css ADDED
@@ -0,0 +1,220 @@
1
+ /* Graph View Styles */
2
+
3
+ .graph-view-overlay {
4
+ position: fixed;
5
+ top: 0;
6
+ left: 0;
7
+ right: 0;
8
+ bottom: 0;
9
+ background: rgba(0, 0, 0, 0.8);
10
+ z-index: 9999;
11
+ display: flex;
12
+ align-items: center;
13
+ justify-content: center;
14
+ }
15
+
16
+ .graph-view-container {
17
+ width: 90vw;
18
+ height: 85vh;
19
+ background: #1a1a2e;
20
+ border-radius: 12px;
21
+ overflow: hidden;
22
+ display: flex;
23
+ flex-direction: column;
24
+ box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
25
+ }
26
+
27
+ /* Header */
28
+ .graph-view-header {
29
+ display: flex;
30
+ justify-content: space-between;
31
+ align-items: center;
32
+ padding: 16px 24px;
33
+ background: #16162a;
34
+ border-bottom: 1px solid #2a2a4e;
35
+ }
36
+
37
+ .graph-view-title {
38
+ display: flex;
39
+ align-items: center;
40
+ gap: 12px;
41
+ }
42
+
43
+ .graph-icon {
44
+ font-size: 24px;
45
+ }
46
+
47
+ .graph-view-title h2 {
48
+ margin: 0;
49
+ font-size: 18px;
50
+ font-weight: 600;
51
+ color: #fff;
52
+ }
53
+
54
+ .graph-stats {
55
+ font-size: 12px;
56
+ color: #888;
57
+ padding: 4px 8px;
58
+ background: rgba(255, 255, 255, 0.05);
59
+ border-radius: 4px;
60
+ }
61
+
62
+ .graph-view-controls {
63
+ display: flex;
64
+ gap: 8px;
65
+ }
66
+
67
+ .graph-view-controls button {
68
+ background: rgba(255, 255, 255, 0.1);
69
+ border: none;
70
+ color: #fff;
71
+ padding: 8px;
72
+ border-radius: 6px;
73
+ cursor: pointer;
74
+ display: flex;
75
+ align-items: center;
76
+ justify-content: center;
77
+ transition: background 0.2s;
78
+ }
79
+
80
+ .graph-view-controls button:hover {
81
+ background: rgba(255, 255, 255, 0.2);
82
+ }
83
+
84
+ /* Graph Content */
85
+ .graph-view-content {
86
+ flex: 1;
87
+ position: relative;
88
+ background: #0d0d1a;
89
+ }
90
+
91
+ .graph-view-content svg {
92
+ display: block;
93
+ }
94
+
95
+ /* Legend */
96
+ .graph-legend {
97
+ position: absolute;
98
+ bottom: 20px;
99
+ left: 20px;
100
+ background: rgba(26, 26, 46, 0.95);
101
+ border: 1px solid #2a2a4e;
102
+ border-radius: 8px;
103
+ padding: 12px 16px;
104
+ font-size: 12px;
105
+ color: #ccc;
106
+ }
107
+
108
+ .legend-title {
109
+ font-weight: 600;
110
+ margin-bottom: 8px;
111
+ color: #fff;
112
+ }
113
+
114
+ .legend-item {
115
+ display: flex;
116
+ align-items: center;
117
+ gap: 8px;
118
+ margin-bottom: 4px;
119
+ }
120
+
121
+ .legend-dot {
122
+ width: 6px;
123
+ height: 6px;
124
+ border-radius: 50%;
125
+ flex-shrink: 0;
126
+ }
127
+
128
+ /* Node Panel */
129
+ .graph-node-panel {
130
+ position: absolute;
131
+ top: 20px;
132
+ right: 20px;
133
+ width: 280px;
134
+ background: rgba(26, 26, 46, 0.95);
135
+ border: 1px solid #2a2a4e;
136
+ border-radius: 8px;
137
+ overflow: hidden;
138
+ }
139
+
140
+ .panel-header {
141
+ display: flex;
142
+ justify-content: space-between;
143
+ align-items: center;
144
+ padding: 12px 16px;
145
+ background: rgba(0, 0, 0, 0.2);
146
+ border-bottom: 1px solid #2a2a4e;
147
+ }
148
+
149
+ .panel-header h3 {
150
+ margin: 0;
151
+ font-size: 14px;
152
+ font-weight: 600;
153
+ color: #fff;
154
+ overflow: hidden;
155
+ text-overflow: ellipsis;
156
+ white-space: nowrap;
157
+ }
158
+
159
+ .panel-header button {
160
+ background: none;
161
+ border: none;
162
+ color: #888;
163
+ cursor: pointer;
164
+ padding: 4px;
165
+ display: flex;
166
+ }
167
+
168
+ .panel-header button:hover {
169
+ color: #fff;
170
+ }
171
+
172
+ .panel-content {
173
+ padding: 12px 16px;
174
+ }
175
+
176
+ .panel-row {
177
+ display: flex;
178
+ justify-content: space-between;
179
+ margin-bottom: 8px;
180
+ }
181
+
182
+ .panel-label {
183
+ color: #888;
184
+ font-size: 12px;
185
+ }
186
+
187
+ .panel-value {
188
+ color: #fff;
189
+ font-size: 12px;
190
+ text-align: right;
191
+ overflow: hidden;
192
+ text-overflow: ellipsis;
193
+ max-width: 150px;
194
+ }
195
+
196
+ /* Responsive */
197
+ @media (max-width: 768px) {
198
+ .graph-view-container {
199
+ width: 100vw;
200
+ height: 100vh;
201
+ border-radius: 0;
202
+ }
203
+
204
+ .graph-legend {
205
+ bottom: auto;
206
+ top: 80px;
207
+ left: 10px;
208
+ font-size: 10px;
209
+ padding: 8px 12px;
210
+ }
211
+
212
+ .graph-node-panel {
213
+ width: 100%;
214
+ left: 0;
215
+ right: 0;
216
+ top: auto;
217
+ bottom: 0;
218
+ border-radius: 12px 12px 0 0;
219
+ }
220
+ }