@xpert-ai/plugin-lucidchart 0.2.0 → 0.3.0

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 (21) hide show
  1. package/dist/lib/lucidchart-view.provider.d.ts.map +1 -1
  2. package/dist/lib/lucidchart-view.provider.js +15 -0
  3. package/dist/lib/lucidchart-view.provider.js.map +1 -1
  4. package/dist/lib/lucidchart.service.d.ts +33 -1
  5. package/dist/lib/lucidchart.service.d.ts.map +1 -1
  6. package/dist/lib/lucidchart.service.js +29 -0
  7. package/dist/lib/lucidchart.service.js.map +1 -1
  8. package/dist/lib/remote-components/lucidchart-workbench/app.js +230 -41
  9. package/dist/lib/remote-components/lucidchart-workbench/src/i18n.d.ts +1 -1
  10. package/dist/lib/remote-components/lucidchart-workbench/src/i18n.d.ts.map +1 -1
  11. package/dist/lib/remote-components/lucidchart-workbench/src/i18n.js +60 -0
  12. package/dist/lib/remote-components/lucidchart-workbench/src/i18n.js.map +1 -1
  13. package/dist/lib/remote-components/lucidchart-workbench/src/i18n.ts +90 -0
  14. package/dist/lib/remote-components/lucidchart-workbench/src/main.tsx +436 -137
  15. package/dist/lib/remote-components/lucidchart-workbench/src/styles.d.ts.map +1 -1
  16. package/dist/lib/remote-components/lucidchart-workbench/src/styles.js +213 -24
  17. package/dist/lib/remote-components/lucidchart-workbench/src/styles.js.map +1 -1
  18. package/dist/lib/remote-components/lucidchart-workbench/src/styles.ts +213 -24
  19. package/dist/lib/types.d.ts +8 -1
  20. package/dist/lib/types.d.ts.map +1 -1
  21. package/package.json +1 -1
package/dist/lib/remote-components/lucidchart-workbench/src/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/lib/remote-components/lucidchart-workbench/src/styles.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,SA6X3B"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/lib/remote-components/lucidchart-workbench/src/styles.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,SA0jB3B"}
package/dist/lib/remote-components/lucidchart-workbench/src/styles.js CHANGED
@@ -21,8 +21,8 @@ export function injectStyles() {
21
21
  --lw-rail-width: var(--xps-sidebar-rail-width, 44px);
22
22
  --lw-panel-header-height: 2.5rem;
23
23
  --lw-left-width: minmax(var(--lw-rail-width), clamp(240px, 20vw, 300px));
24
- --lw-right-width: var(--lw-rail-width);
25
- --lw-right-panel-width: min(360px, calc(100vw - var(--lw-rail-width) - 96px));
24
+ --lw-right-panel-width: clamp(300px, 24vw, 380px);
25
+ --lw-right-width: var(--lw-right-panel-width);
26
26
  width: 100%;
27
27
  height: 100vh;
28
28
  min-height: 720px;
@@ -42,28 +42,22 @@ export function injectStyles() {
42
42
  .lw-inspector.xps-sidebar {
43
43
  position: relative;
44
44
  z-index: 30;
45
- overflow: visible;
45
+ overflow: hidden;
46
46
  }
47
47
  .lw-inspector[aria-expanded="true"] > .xps-sidebar-header,
48
48
  .lw-inspector[aria-expanded="true"] > .xps-sidebar-content {
49
- position: absolute;
50
- right: 0;
51
- width: var(--lw-right-panel-width);
52
- max-width: calc(100vw - 16px);
53
- z-index: 31;
49
+ position: relative;
50
+ width: 100%;
51
+ max-width: 100%;
52
+ z-index: 1;
54
53
  background: var(--xps-card);
55
54
  border-left: 1px solid var(--xps-border);
56
- border-right: 1px solid var(--xps-border);
57
- box-shadow: -12px 0 28px color-mix(in srgb, var(--xps-foreground) 14%, transparent);
58
55
  }
59
56
  .lw-inspector[aria-expanded="true"] > .xps-sidebar-header {
60
- top: 0;
61
57
  min-height: var(--lw-panel-header-height);
62
58
  border-bottom: 1px solid var(--xps-border);
63
59
  }
64
60
  .lw-inspector[aria-expanded="true"] > .xps-sidebar-content {
65
- top: var(--lw-panel-header-height);
66
- bottom: 0;
67
61
  min-height: 0;
68
62
  overflow: hidden;
69
63
  }
@@ -77,7 +71,7 @@ export function injectStyles() {
77
71
  }
78
72
  .lw-toolbar {
79
73
  display: grid;
80
- grid-template-columns: minmax(160px, 240px) minmax(0, 1fr);
74
+ grid-template-columns: minmax(220px, 1fr) auto;
81
75
  align-items: center;
82
76
  gap: 8px 10px;
83
77
  min-height: 48px;
@@ -87,7 +81,30 @@ export function injectStyles() {
87
81
  min-width: 0;
88
82
  overflow: visible;
89
83
  }
90
- .lw-toolbar-title { min-width: 0; }
84
+ .lw-toolbar-title {
85
+ min-width: 0;
86
+ display: flex;
87
+ flex-direction: column;
88
+ gap: 3px;
89
+ }
90
+ .lw-title-text {
91
+ min-width: 0;
92
+ color: var(--xps-foreground);
93
+ font-size: 16px;
94
+ font-weight: 750;
95
+ overflow: hidden;
96
+ text-overflow: ellipsis;
97
+ white-space: nowrap;
98
+ }
99
+ .lw-title-meta {
100
+ min-width: 0;
101
+ display: flex;
102
+ flex-wrap: wrap;
103
+ align-items: center;
104
+ gap: 5px;
105
+ color: var(--xps-muted-foreground);
106
+ font-size: 12px;
107
+ }
91
108
  .lw-toolbar-actions {
92
109
  min-width: 0;
93
110
  display: flex;
@@ -97,7 +114,16 @@ export function injectStyles() {
97
114
  }
98
115
  .lw-toolbar-actions .xps-button,
99
116
  .lw-toolbar-actions .xps-badge { flex: 0 0 auto; }
100
- .lw-title-input { width: 100%; }
117
+ .lw-dialog-stack {
118
+ display: flex;
119
+ flex-direction: column;
120
+ gap: 10px;
121
+ min-width: 0;
122
+ }
123
+ .lw-dialog .xps-textarea {
124
+ min-height: 96px;
125
+ resize: vertical;
126
+ }
101
127
  .lw-button-icon {
102
128
  width: 1rem;
103
129
  height: 1rem;
@@ -144,22 +170,72 @@ export function injectStyles() {
144
170
  .lw-editor-pane {
145
171
  min-height: 0;
146
172
  height: 100%;
147
- display: grid;
148
- grid-template-rows: auto minmax(160px, 34vh) minmax(0, 1fr);
149
- gap: 10px;
173
+ display: flex;
174
+ flex-direction: column;
150
175
  padding: 12px;
151
176
  overflow: hidden;
152
177
  }
178
+ .lw-tabs {
179
+ min-height: 0;
180
+ height: 100%;
181
+ display: flex;
182
+ flex-direction: column;
183
+ gap: 10px;
184
+ }
153
185
  .lw-editor-header {
154
186
  display: flex;
155
187
  align-items: center;
188
+ justify-content: space-between;
156
189
  gap: 8px;
157
190
  min-width: 0;
191
+ flex-wrap: wrap;
158
192
  }
159
- .lw-editor-header .xps-badge:last-child {
160
- margin-left: auto;
193
+ .lw-editor-header .xps-tabs-list {
194
+ min-width: 0;
195
+ flex: 1 1 auto;
196
+ overflow-x: auto;
197
+ justify-content: flex-start;
198
+ }
199
+ .lw-editor-header .xps-tabs-trigger {
200
+ flex: 0 0 auto;
201
+ gap: 6px;
202
+ white-space: nowrap;
203
+ }
204
+ .lw-tab-content {
205
+ min-height: 0;
206
+ flex: 1 1 auto;
207
+ margin-top: 0;
208
+ overflow: hidden;
209
+ }
210
+ .lw-tab-content[data-state="inactive"] {
211
+ display: none;
212
+ }
213
+ .lw-json-tab {
214
+ display: flex;
215
+ flex-direction: column;
216
+ gap: 8px;
217
+ }
218
+ .lw-form-tab {
219
+ overflow: auto;
220
+ padding: 2px;
221
+ }
222
+ .lw-tab-toolbar {
223
+ min-width: 0;
224
+ display: flex;
225
+ align-items: center;
226
+ justify-content: space-between;
227
+ gap: 8px;
228
+ flex-wrap: wrap;
229
+ }
230
+ .lw-inline-badges {
231
+ min-width: 0;
232
+ display: flex;
233
+ align-items: center;
234
+ gap: 8px;
235
+ flex-wrap: wrap;
161
236
  }
162
237
  .lw-visual-frame {
238
+ height: 100%;
163
239
  min-height: 0;
164
240
  border: 1px solid var(--xps-border);
165
241
  border-radius: var(--xps-radius);
@@ -238,6 +314,10 @@ export function injectStyles() {
238
314
  white-space: pre;
239
315
  overflow: auto;
240
316
  }
317
+ .lw-tall-textarea.xps-textarea {
318
+ min-height: 240px;
319
+ resize: vertical;
320
+ }
241
321
  .lw-status {
242
322
  margin-left: auto;
243
323
  flex: 0 0 auto;
@@ -266,6 +346,27 @@ export function injectStyles() {
266
346
  height: 100%;
267
347
  flex: 1 1 auto;
268
348
  }
349
+ .lw-inspector-tabs {
350
+ min-height: 0;
351
+ height: 100%;
352
+ display: flex;
353
+ flex-direction: column;
354
+ }
355
+ .lw-inspector-tabs-list {
356
+ position: sticky;
357
+ top: 0;
358
+ z-index: 2;
359
+ margin: 10px 10px 0;
360
+ width: calc(100% - 20px);
361
+ overflow-x: auto;
362
+ justify-content: flex-start;
363
+ background: var(--xps-card);
364
+ }
365
+ .lw-inspector-tabs-list .xps-tabs-trigger {
366
+ flex: 1 0 auto;
367
+ min-width: 0;
368
+ white-space: nowrap;
369
+ }
269
370
  .lw-inspector-stack {
270
371
  padding: 10px 12px 10px 10px;
271
372
  display: flex;
@@ -273,6 +374,10 @@ export function injectStyles() {
273
374
  gap: 10px;
274
375
  min-width: 0;
275
376
  max-width: 100%;
377
+ margin-top: 0;
378
+ }
379
+ .lw-inspector-stack[data-state="inactive"] {
380
+ display: none;
276
381
  }
277
382
  .lw-section {
278
383
  display: flex;
@@ -291,6 +396,10 @@ export function injectStyles() {
291
396
  flex-wrap: wrap;
292
397
  gap: 8px;
293
398
  }
399
+ .lw-inline-actions .xps-button {
400
+ flex: 0 0 auto;
401
+ white-space: nowrap;
402
+ }
294
403
  .lw-version {
295
404
  border: 1px solid var(--xps-border);
296
405
  border-radius: var(--xps-radius);
@@ -320,6 +429,33 @@ export function injectStyles() {
320
429
  padding: 0;
321
430
  justify-self: end;
322
431
  }
432
+ .lw-log {
433
+ border: 1px solid var(--xps-border);
434
+ border-radius: var(--xps-radius);
435
+ background: color-mix(in srgb, var(--xps-card) 96%, var(--xps-muted) 4%);
436
+ padding: 8px;
437
+ display: flex;
438
+ flex-direction: column;
439
+ gap: 4px;
440
+ min-width: 0;
441
+ }
442
+ .lw-log-title {
443
+ font-size: 13px;
444
+ font-weight: 700;
445
+ color: var(--xps-foreground);
446
+ overflow: hidden;
447
+ text-overflow: ellipsis;
448
+ white-space: nowrap;
449
+ }
450
+ .lw-log-message,
451
+ .lw-log-error {
452
+ font-size: 12px;
453
+ line-height: 1.45;
454
+ overflow-wrap: anywhere;
455
+ }
456
+ .lw-log-error {
457
+ color: var(--xps-destructive, #dc2626);
458
+ }
323
459
  .lw-inspector .xps-input,
324
460
  .lw-inspector .xps-textarea,
325
461
  .lw-inspector .xps-scroll-area,
@@ -345,18 +481,74 @@ export function injectStyles() {
345
481
  justify-content: center;
346
482
  color: var(--xps-muted-foreground);
347
483
  }
484
+ .lw-empty-state {
485
+ min-height: 120px;
486
+ display: flex;
487
+ align-items: center;
488
+ justify-content: center;
489
+ color: var(--xps-muted-foreground);
490
+ text-align: center;
491
+ padding: 16px;
492
+ }
348
493
  .lw-hidden-file { display: none; }
349
494
  @media (max-width: 1040px) {
350
495
  .lw-shell,
351
496
  .lw-shell.left-collapsed,
352
497
  .lw-shell.right-collapsed {
498
+ --lw-left-panel-width: min(320px, calc(100vw - var(--lw-rail-width) - 32px));
353
499
  --lw-left-width: var(--lw-rail-width);
354
500
  --lw-right-width: var(--lw-rail-width);
355
501
  --lw-right-panel-width: min(320px, calc(100vw - var(--lw-rail-width) - 32px));
356
502
  grid-template-columns: var(--lw-left-width) minmax(0, 1fr) var(--lw-right-width);
357
503
  }
504
+ .lw-sidebar.xps-sidebar,
505
+ .lw-inspector.xps-sidebar {
506
+ overflow: visible;
507
+ z-index: 40;
508
+ }
509
+ .lw-sidebar[aria-expanded="true"] > .xps-sidebar-header,
510
+ .lw-sidebar[aria-expanded="true"] > .xps-sidebar-content {
511
+ position: absolute;
512
+ left: 0;
513
+ width: var(--lw-left-panel-width);
514
+ max-width: calc(100vw - 16px);
515
+ z-index: 41;
516
+ background: var(--xps-card);
517
+ border-right: 1px solid var(--xps-border);
518
+ box-shadow: 12px 0 28px color-mix(in srgb, var(--xps-foreground) 14%, transparent);
519
+ }
520
+ .lw-sidebar[aria-expanded="true"] > .xps-sidebar-header {
521
+ top: 0;
522
+ }
523
+ .lw-sidebar[aria-expanded="true"] > .xps-sidebar-content {
524
+ top: var(--lw-panel-header-height);
525
+ bottom: 0;
526
+ min-height: 0;
527
+ overflow: hidden;
528
+ }
529
+ .lw-inspector[aria-expanded="true"] > .xps-sidebar-header,
530
+ .lw-inspector[aria-expanded="true"] > .xps-sidebar-content {
531
+ position: absolute;
532
+ right: 0;
533
+ width: var(--lw-right-panel-width);
534
+ max-width: calc(100vw - 16px);
535
+ z-index: 41;
536
+ background: var(--xps-card);
537
+ border-left: 1px solid var(--xps-border);
538
+ box-shadow: -12px 0 28px color-mix(in srgb, var(--xps-foreground) 14%, transparent);
539
+ }
540
+ .lw-inspector[aria-expanded="true"] > .xps-sidebar-header {
541
+ top: 0;
542
+ }
543
+ .lw-inspector[aria-expanded="true"] > .xps-sidebar-content {
544
+ top: var(--lw-panel-header-height);
545
+ bottom: 0;
546
+ min-height: 0;
547
+ overflow: hidden;
548
+ }
358
549
  .lw-sidebar .xps-sidebar-content,
359
550
  .lw-inspector-scroll { display: none; }
551
+ .lw-sidebar[aria-expanded="true"] .xps-sidebar-content,
360
552
  .lw-inspector[aria-expanded="true"] .lw-inspector-scroll { display: block; }
361
553
  .lw-sidebar .xps-sidebar-header .xps-sidebar-title,
362
554
  .lw-sidebar .xps-sidebar-header .xps-badge,
@@ -372,9 +564,6 @@ export function injectStyles() {
372
564
  .lw-toolbar {
373
565
  grid-template-columns: minmax(0, 1fr);
374
566
  }
375
- .lw-editor-pane {
376
- grid-template-rows: auto minmax(120px, 28vh) minmax(0, 1fr);
377
- }
378
567
  .lw-status { margin-left: 0; }
379
568
  }
380
569
  `;
package/dist/lib/remote-components/lucidchart-workbench/src/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/lib/remote-components/lucidchart-workbench/src/styles.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY;IAC1B,IAAI,QAAQ,CAAC,cAAc,CAAC,6BAA6B,CAAC,EAAE,CAAC;QAC3D,OAAM;IACR,CAAC;IACD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC7C,KAAK,CAAC,EAAE,GAAG,6BAA6B,CAAA;IACxC,KAAK,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqXnB,CAAA;IACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAClC,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/lib/remote-components/lucidchart-workbench/src/styles.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY;IAC1B,IAAI,QAAQ,CAAC,cAAc,CAAC,6BAA6B,CAAC,EAAE,CAAC;QAC3D,OAAM;IACR,CAAC;IACD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC7C,KAAK,CAAC,EAAE,GAAG,6BAA6B,CAAA;IACxC,KAAK,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkjBnB,CAAA;IACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAClC,CAAC"}