@kubex/zinc 1.1.95 → 1.1.97
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/dist/custom-elements.json +193 -428
- package/dist/vscode.html-custom-data.json +1 -1
- package/dist/web-types.json +3 -3
- package/dist/zn.d.ts +113 -224
- package/dist/zn.min.js +343 -384
- package/docs/pages/components/flow-builder.md +17 -1
- package/docs/pages/components/page-builder.md +21 -92
- package/package.json +1 -1
- package/src/components/data-table/data-table.component.ts +13 -8
- package/src/components/data-table/data-table.scss +1 -1
- package/src/components/flow-builder/flow-builder.component.ts +16 -1
- package/src/components/flow-builder/flow-builder.test.ts +206 -1
- package/src/components/flow-builder/flow-geometry.test.ts +102 -0
- package/src/components/flow-builder/flow.types.ts +82 -15
- package/src/components/flow-builder/modules/flow-canvas/flow-canvas.component.ts +163 -108
- package/src/components/flow-builder/modules/flow-step/flow-step.component.ts +2 -0
- package/src/components/page-builder/page-builder.component.ts +229 -429
- package/src/components/page-builder/page-builder.scss +10 -64
- package/src/components/page-builder/page-builder.test.ts +162 -614
- package/src/components/page-builder/page.types.ts +7 -75
- package/src/components/remarkd-editor/remarkd-editor.component.ts +37 -11
- package/src/components/remarkd-editor/remarkd-editor.test.ts +79 -0
- package/src/components/page-builder/page-tree.test.ts +0 -483
- package/src/components/page-builder/page-tree.ts +0 -329
|
@@ -381,41 +381,6 @@ zn-page-palette-item {
|
|
|
381
381
|
flex-direction: column;
|
|
382
382
|
gap: var(--pb-field-gap);
|
|
383
383
|
}
|
|
384
|
-
|
|
385
|
-
// Its children are whole fields, so they take the field gap — not the
|
|
386
|
-
// label gap, which is the space between a label and its own control.
|
|
387
|
-
.layout-group {
|
|
388
|
-
display: flex;
|
|
389
|
-
flex-direction: column;
|
|
390
|
-
gap: var(--pb-field-gap);
|
|
391
|
-
padding-bottom: var(--pb-field-gap);
|
|
392
|
-
border-bottom: 1px solid rgb(var(--zn-border-color));
|
|
393
|
-
|
|
394
|
-
&__title {
|
|
395
|
-
font-size: var(--pb-field-label-size);
|
|
396
|
-
font-weight: 600;
|
|
397
|
-
color: rgb(var(--zn-color-muted-text));
|
|
398
|
-
text-transform: uppercase;
|
|
399
|
-
letter-spacing: 0.04em;
|
|
400
|
-
}
|
|
401
|
-
|
|
402
|
-
&__label {
|
|
403
|
-
display: block;
|
|
404
|
-
margin-bottom: var(--pb-label-gap);
|
|
405
|
-
font-size: var(--pb-field-label-size);
|
|
406
|
-
font-weight: 600;
|
|
407
|
-
}
|
|
408
|
-
|
|
409
|
-
&__weights {
|
|
410
|
-
display: flex;
|
|
411
|
-
gap: 6px;
|
|
412
|
-
|
|
413
|
-
zn-input {
|
|
414
|
-
flex: 1 1 0;
|
|
415
|
-
min-width: 0;
|
|
416
|
-
}
|
|
417
|
-
}
|
|
418
|
-
}
|
|
419
384
|
}
|
|
420
385
|
|
|
421
386
|
&-hint {
|
|
@@ -541,26 +506,27 @@ zn-page-palette-item {
|
|
|
541
506
|
gap: 8px;
|
|
542
507
|
}
|
|
543
508
|
|
|
544
|
-
.
|
|
509
|
+
.slots {
|
|
545
510
|
display: grid;
|
|
546
|
-
//
|
|
511
|
+
// minmax(0) lets cells shrink below their content's min width — otherwise a
|
|
512
|
+
// child card's text forces the tracks wider than the parent tile.
|
|
513
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
547
514
|
gap: 8px;
|
|
548
515
|
}
|
|
549
516
|
|
|
550
|
-
.
|
|
517
|
+
.slot {
|
|
551
518
|
position: relative;
|
|
552
|
-
display: flex;
|
|
553
|
-
flex-direction: column;
|
|
554
519
|
min-height: 64px;
|
|
555
|
-
border-radius: 8px;
|
|
556
|
-
transition: border-color 0.12s ease, background 0.12s ease;
|
|
557
520
|
|
|
558
521
|
&--empty {
|
|
522
|
+
display: flex;
|
|
559
523
|
align-items: center;
|
|
560
524
|
justify-content: center;
|
|
561
525
|
border: 1px dashed rgb(var(--zn-border-color));
|
|
526
|
+
border-radius: 8px;
|
|
562
527
|
color: rgba(var(--zn-text), 0.4);
|
|
563
528
|
cursor: pointer;
|
|
529
|
+
transition: border-color 0.12s ease, background 0.12s ease;
|
|
564
530
|
|
|
565
531
|
&:hover {
|
|
566
532
|
border-color: rgb(var(--zn-color-border-active));
|
|
@@ -569,28 +535,8 @@ zn-page-palette-item {
|
|
|
569
535
|
}
|
|
570
536
|
|
|
571
537
|
&--active {
|
|
572
|
-
border:
|
|
573
|
-
|
|
574
|
-
}
|
|
575
|
-
|
|
576
|
-
// A nested container sits inside a cell; inset it so the nesting reads.
|
|
577
|
-
.container {
|
|
578
|
-
max-width: none;
|
|
579
|
-
padding: 4px;
|
|
580
|
-
}
|
|
581
|
-
}
|
|
582
|
-
|
|
583
|
-
.cell__card {
|
|
584
|
-
max-width: none;
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
.cell__strip {
|
|
588
|
-
min-height: 6px;
|
|
589
|
-
border-radius: 3px;
|
|
590
|
-
|
|
591
|
-
&--active {
|
|
592
|
-
min-height: 20px;
|
|
593
|
-
border: 2px dashed rgb(var(--zn-color-primary));
|
|
538
|
+
border-color: rgb(var(--zn-color-primary));
|
|
539
|
+
border-style: dashed;
|
|
594
540
|
background: rgba(var(--zn-color-primary), 0.06);
|
|
595
541
|
}
|
|
596
542
|
}
|