@nascentdigital/funnel-editor 4.4.21 → 4.5.1
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/core/components/interaction/Animate.d.ts +2 -2
- package/dist/core/components/interaction/Animate.js +12 -10
- package/dist/core/components/interaction/QuickPicker.d.ts +27 -0
- package/dist/core/components/interaction/QuickPicker.js +108 -0
- package/dist/core/components/interaction/Tabs.d.ts +16 -0
- package/dist/core/components/interaction/Tabs.js +24 -0
- package/dist/core/components/interaction/index.d.ts +2 -0
- package/dist/core/components/interaction/index.js +2 -0
- package/dist/core/components/visuals/Icon.d.ts +1 -1
- package/dist/core/components/visuals/Icon.js +3 -0
- package/dist/core/components/visuals/SkeletonLayout.js +226 -33
- package/dist/core/domain/BlockConfiguration.d.ts +9 -1
- package/dist/core/domain/BlockConfiguration.js +50 -20
- package/dist/core/domain/Section.js +1 -1
- package/dist/page/components/BlockEditor.js +3 -3
- package/dist/page/components/{BlockConfig.d.ts → config/BlockConfig.d.ts} +1 -1
- package/dist/page/components/config/BlockConfig.js +43 -0
- package/dist/page/components/config/BlockConfigEditor.d.ts +13 -0
- package/dist/page/components/config/BlockConfigEditor.js +110 -0
- package/dist/page/components/config/BlockPreview.d.ts +10 -0
- package/dist/page/components/config/BlockPreview.js +456 -0
- package/dist/page/components/config/BlockView.d.ts +4 -0
- package/dist/page/components/config/BlockView.js +9 -0
- package/dist/page/components/config/LegacyBlockConfigEditor.d.ts +13 -0
- package/dist/page/components/{BlockConfig.js → config/LegacyBlockConfigEditor.js} +4 -29
- package/dist/page/components/config/ListLayoutPicker.d.ts +6 -0
- package/dist/page/components/config/ListLayoutPicker.js +13 -0
- package/dist/page/components/config/ListPanelEditor.d.ts +6 -0
- package/dist/page/components/config/ListPanelEditor.js +13 -0
- package/dist/page/components/config/MessagePanelEditor.d.ts +6 -0
- package/dist/page/components/config/MessagePanelEditor.js +13 -0
- package/dist/page/components/config/VisualPanelEditor.d.ts +6 -0
- package/dist/page/components/config/VisualPanelEditor.js +13 -0
- package/dist/page/components/config/index.d.ts +1 -0
- package/dist/page/components/config/index.js +17 -0
- package/dist/page/hooks/PageController.js +1 -1
- package/dist/styles/index.css +108 -3
- package/package.json +2 -2
package/dist/styles/index.css
CHANGED
|
@@ -2724,6 +2724,12 @@ video {
|
|
|
2724
2724
|
--tw-border-opacity: 1;
|
|
2725
2725
|
border-color: rgb(var(--color-destructive) / var(--tw-border-opacity, 1));
|
|
2726
2726
|
}
|
|
2727
|
+
.FieldCard.FieldCard-selected{
|
|
2728
|
+
pointer-events: none;
|
|
2729
|
+
cursor: default;
|
|
2730
|
+
--tw-border-opacity: 1;
|
|
2731
|
+
border-color: rgb(var(--color-ix-primary) / var(--tw-border-opacity, 1));
|
|
2732
|
+
}
|
|
2727
2733
|
.FieldCard.FieldCard-disabled{
|
|
2728
2734
|
cursor: default;
|
|
2729
2735
|
opacity: .38;
|
|
@@ -4259,6 +4265,9 @@ video {
|
|
|
4259
4265
|
top: 3px;
|
|
4260
4266
|
bottom: 3px;
|
|
4261
4267
|
}
|
|
4268
|
+
.-bottom-px{
|
|
4269
|
+
bottom: -1px;
|
|
4270
|
+
}
|
|
4262
4271
|
.bottom-l5{
|
|
4263
4272
|
bottom: 12px;
|
|
4264
4273
|
}
|
|
@@ -4383,6 +4392,9 @@ video {
|
|
|
4383
4392
|
margin-top: 16px;
|
|
4384
4393
|
margin-bottom: 16px;
|
|
4385
4394
|
}
|
|
4395
|
+
.-mb-px{
|
|
4396
|
+
margin-bottom: -1px;
|
|
4397
|
+
}
|
|
4386
4398
|
.-ml-l4{
|
|
4387
4399
|
margin-left: -8px;
|
|
4388
4400
|
}
|
|
@@ -4498,6 +4510,9 @@ video {
|
|
|
4498
4510
|
.h-10{
|
|
4499
4511
|
height: 10px;
|
|
4500
4512
|
}
|
|
4513
|
+
.h-14{
|
|
4514
|
+
height: 14px;
|
|
4515
|
+
}
|
|
4501
4516
|
.h-18{
|
|
4502
4517
|
height: 18px;
|
|
4503
4518
|
}
|
|
@@ -4537,6 +4552,9 @@ video {
|
|
|
4537
4552
|
.h-8{
|
|
4538
4553
|
height: 8px;
|
|
4539
4554
|
}
|
|
4555
|
+
.h-9{
|
|
4556
|
+
height: 9px;
|
|
4557
|
+
}
|
|
4540
4558
|
.h-\[13\.5px\]{
|
|
4541
4559
|
height: 13.5px;
|
|
4542
4560
|
}
|
|
@@ -4552,6 +4570,9 @@ video {
|
|
|
4552
4570
|
.h-\[80px\]{
|
|
4553
4571
|
height: 80px;
|
|
4554
4572
|
}
|
|
4573
|
+
.h-\[88px\]{
|
|
4574
|
+
height: 88px;
|
|
4575
|
+
}
|
|
4555
4576
|
.h-dvh{
|
|
4556
4577
|
height: 100dvh;
|
|
4557
4578
|
}
|
|
@@ -4567,6 +4588,9 @@ video {
|
|
|
4567
4588
|
.h-screen{
|
|
4568
4589
|
height: 100vh;
|
|
4569
4590
|
}
|
|
4591
|
+
.max-h-\[240px\]{
|
|
4592
|
+
max-height: 240px;
|
|
4593
|
+
}
|
|
4570
4594
|
.max-h-\[400px\]{
|
|
4571
4595
|
max-height: 400px;
|
|
4572
4596
|
}
|
|
@@ -4609,6 +4633,15 @@ video {
|
|
|
4609
4633
|
.min-h-l12{
|
|
4610
4634
|
min-height: 56px;
|
|
4611
4635
|
}
|
|
4636
|
+
.w-10{
|
|
4637
|
+
width: 10px;
|
|
4638
|
+
}
|
|
4639
|
+
.w-11\/12{
|
|
4640
|
+
width: 91.666667%;
|
|
4641
|
+
}
|
|
4642
|
+
.w-14{
|
|
4643
|
+
width: 14px;
|
|
4644
|
+
}
|
|
4612
4645
|
.w-18{
|
|
4613
4646
|
width: 18px;
|
|
4614
4647
|
}
|
|
@@ -4618,15 +4651,15 @@ video {
|
|
|
4618
4651
|
.w-20{
|
|
4619
4652
|
width: 20px;
|
|
4620
4653
|
}
|
|
4621
|
-
.w-24{
|
|
4622
|
-
width: 24px;
|
|
4623
|
-
}
|
|
4624
4654
|
.w-32{
|
|
4625
4655
|
width: 32px;
|
|
4626
4656
|
}
|
|
4627
4657
|
.w-36{
|
|
4628
4658
|
width: 36px;
|
|
4629
4659
|
}
|
|
4660
|
+
.w-4{
|
|
4661
|
+
width: 4px;
|
|
4662
|
+
}
|
|
4630
4663
|
.w-40{
|
|
4631
4664
|
width: 40px;
|
|
4632
4665
|
}
|
|
@@ -4642,9 +4675,15 @@ video {
|
|
|
4642
4675
|
.w-6{
|
|
4643
4676
|
width: 6px;
|
|
4644
4677
|
}
|
|
4678
|
+
.w-8\/12{
|
|
4679
|
+
width: 66.666667%;
|
|
4680
|
+
}
|
|
4645
4681
|
.w-\[100px\]{
|
|
4646
4682
|
width: 100px;
|
|
4647
4683
|
}
|
|
4684
|
+
.w-\[116px\]{
|
|
4685
|
+
width: 116px;
|
|
4686
|
+
}
|
|
4648
4687
|
.w-\[120px\]{
|
|
4649
4688
|
width: 120px;
|
|
4650
4689
|
}
|
|
@@ -4669,6 +4708,12 @@ video {
|
|
|
4669
4708
|
.w-\[420px\]{
|
|
4670
4709
|
width: 420px;
|
|
4671
4710
|
}
|
|
4711
|
+
.w-\[50px\]{
|
|
4712
|
+
width: 50px;
|
|
4713
|
+
}
|
|
4714
|
+
.w-\[550px\]{
|
|
4715
|
+
width: 550px;
|
|
4716
|
+
}
|
|
4672
4717
|
.w-\[64px\]{
|
|
4673
4718
|
width: 64px;
|
|
4674
4719
|
}
|
|
@@ -4690,6 +4735,12 @@ video {
|
|
|
4690
4735
|
.min-w-\[400px\]{
|
|
4691
4736
|
min-width: 400px;
|
|
4692
4737
|
}
|
|
4738
|
+
.min-w-\[50px\]{
|
|
4739
|
+
min-width: 50px;
|
|
4740
|
+
}
|
|
4741
|
+
.min-w-full{
|
|
4742
|
+
min-width: 100%;
|
|
4743
|
+
}
|
|
4693
4744
|
.max-w-\[1000px\]{
|
|
4694
4745
|
max-width: 1000px;
|
|
4695
4746
|
}
|
|
@@ -4702,6 +4753,9 @@ video {
|
|
|
4702
4753
|
.max-w-\[420px\]{
|
|
4703
4754
|
max-width: 420px;
|
|
4704
4755
|
}
|
|
4756
|
+
.max-w-full{
|
|
4757
|
+
max-width: 100%;
|
|
4758
|
+
}
|
|
4705
4759
|
.max-w-screen-sm{
|
|
4706
4760
|
max-width: 480px;
|
|
4707
4761
|
}
|
|
@@ -4770,12 +4824,18 @@ video {
|
|
|
4770
4824
|
-moz-appearance: none;
|
|
4771
4825
|
appearance: none;
|
|
4772
4826
|
}
|
|
4827
|
+
.auto-cols-auto{
|
|
4828
|
+
grid-auto-columns: auto;
|
|
4829
|
+
}
|
|
4773
4830
|
.auto-cols-fr{
|
|
4774
4831
|
grid-auto-columns: minmax(0, 1fr);
|
|
4775
4832
|
}
|
|
4776
4833
|
.grid-flow-row{
|
|
4777
4834
|
grid-auto-flow: row;
|
|
4778
4835
|
}
|
|
4836
|
+
.grid-flow-col{
|
|
4837
|
+
grid-auto-flow: column;
|
|
4838
|
+
}
|
|
4779
4839
|
.auto-rows-auto{
|
|
4780
4840
|
grid-auto-rows: auto;
|
|
4781
4841
|
}
|
|
@@ -4788,6 +4848,9 @@ video {
|
|
|
4788
4848
|
.grid-cols-12{
|
|
4789
4849
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
4790
4850
|
}
|
|
4851
|
+
.grid-cols-2{
|
|
4852
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
4853
|
+
}
|
|
4791
4854
|
.grid-cols-\[1fr\2c 1fr\]{
|
|
4792
4855
|
grid-template-columns: 1fr 1fr;
|
|
4793
4856
|
}
|
|
@@ -4821,6 +4884,9 @@ video {
|
|
|
4821
4884
|
.grid-cols-subgrid{
|
|
4822
4885
|
grid-template-columns: subgrid;
|
|
4823
4886
|
}
|
|
4887
|
+
.grid-rows-1{
|
|
4888
|
+
grid-template-rows: repeat(1, minmax(0, 1fr));
|
|
4889
|
+
}
|
|
4824
4890
|
.grid-rows-\[1fr\]{
|
|
4825
4891
|
grid-template-rows: 1fr;
|
|
4826
4892
|
}
|
|
@@ -4978,6 +5044,9 @@ video {
|
|
|
4978
5044
|
.border-b{
|
|
4979
5045
|
border-bottom-width: 1px;
|
|
4980
5046
|
}
|
|
5047
|
+
.border-b-2{
|
|
5048
|
+
border-bottom-width: 2px;
|
|
5049
|
+
}
|
|
4981
5050
|
.border-l{
|
|
4982
5051
|
border-left-width: 1px;
|
|
4983
5052
|
}
|
|
@@ -5011,6 +5080,10 @@ video {
|
|
|
5011
5080
|
--tw-border-opacity: 1;
|
|
5012
5081
|
border-color: rgb(var(--color-content-button-contrast) / var(--tw-border-opacity, 1));
|
|
5013
5082
|
}
|
|
5083
|
+
.border-content-tertiary{
|
|
5084
|
+
--tw-border-opacity: 1;
|
|
5085
|
+
border-color: rgb(var(--color-content-tertiary) / var(--tw-border-opacity, 1));
|
|
5086
|
+
}
|
|
5014
5087
|
.border-destructive-content{
|
|
5015
5088
|
--tw-border-opacity: 1;
|
|
5016
5089
|
border-color: rgb(var(--color-destructive-content) / var(--tw-border-opacity, 1));
|
|
@@ -5076,6 +5149,10 @@ video {
|
|
|
5076
5149
|
--tw-bg-opacity: 1;
|
|
5077
5150
|
background-color: rgb(var(--color-content-primary) / var(--tw-bg-opacity, 1));
|
|
5078
5151
|
}
|
|
5152
|
+
.bg-content-tertiary{
|
|
5153
|
+
--tw-bg-opacity: 1;
|
|
5154
|
+
background-color: rgb(var(--color-content-tertiary) / var(--tw-bg-opacity, 1));
|
|
5155
|
+
}
|
|
5079
5156
|
.bg-content-tertiary\/tint1{
|
|
5080
5157
|
background-color: rgb(var(--color-content-tertiary) / .1);
|
|
5081
5158
|
}
|
|
@@ -5264,6 +5341,9 @@ video {
|
|
|
5264
5341
|
-o-object-position: top;
|
|
5265
5342
|
object-position: top;
|
|
5266
5343
|
}
|
|
5344
|
+
.p-3{
|
|
5345
|
+
padding: 3px;
|
|
5346
|
+
}
|
|
5267
5347
|
.p-l2{
|
|
5268
5348
|
padding: 4px;
|
|
5269
5349
|
}
|
|
@@ -5894,6 +5974,10 @@ video {
|
|
|
5894
5974
|
.hover\:border-solid:hover{
|
|
5895
5975
|
border-style: solid;
|
|
5896
5976
|
}
|
|
5977
|
+
.hover\:border-content-secondary:hover{
|
|
5978
|
+
--tw-border-opacity: 1;
|
|
5979
|
+
border-color: rgb(var(--color-content-secondary) / var(--tw-border-opacity, 1));
|
|
5980
|
+
}
|
|
5897
5981
|
.hover\:border-ix-primary:hover{
|
|
5898
5982
|
--tw-border-opacity: 1;
|
|
5899
5983
|
border-color: rgb(var(--color-ix-primary) / var(--tw-border-opacity, 1));
|
|
@@ -5930,6 +6014,9 @@ video {
|
|
|
5930
6014
|
.hover\:underline:hover{
|
|
5931
6015
|
text-decoration-line: underline;
|
|
5932
6016
|
}
|
|
6017
|
+
.hover\:opacity-full:hover{
|
|
6018
|
+
opacity: 1;
|
|
6019
|
+
}
|
|
5933
6020
|
.hover\:outline-ix-primary\/\[\.35\]:hover{
|
|
5934
6021
|
outline-color: rgb(var(--color-ix-primary) / .35);
|
|
5935
6022
|
}
|
|
@@ -5983,6 +6070,10 @@ video {
|
|
|
5983
6070
|
--tw-scale-y: .97;
|
|
5984
6071
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
5985
6072
|
}
|
|
6073
|
+
.active\:border-content-tertiary:active{
|
|
6074
|
+
--tw-border-opacity: 1;
|
|
6075
|
+
border-color: rgb(var(--color-content-tertiary) / var(--tw-border-opacity, 1));
|
|
6076
|
+
}
|
|
5986
6077
|
.active\:border-ix-primary-press:active{
|
|
5987
6078
|
--tw-border-opacity: 1;
|
|
5988
6079
|
border-color: rgb(var(--color-ix-primary-press) / var(--tw-border-opacity, 1));
|
|
@@ -6034,9 +6125,16 @@ video {
|
|
|
6034
6125
|
--tw-bg-opacity: 1;
|
|
6035
6126
|
background-color: rgb(var(--color-ix-primary-hover) / var(--tw-bg-opacity, 1));
|
|
6036
6127
|
}
|
|
6128
|
+
.group:hover .group-hover\:bg-ix-primary\/tint1{
|
|
6129
|
+
background-color: rgb(var(--color-ix-primary) / .1);
|
|
6130
|
+
}
|
|
6037
6131
|
.group:hover .group-hover\:bg-ix-util-hover\/tint1{
|
|
6038
6132
|
background-color: rgb(var(--color-ix-util-hover) / .1);
|
|
6039
6133
|
}
|
|
6134
|
+
.group:hover .group-hover\:text-content-primary{
|
|
6135
|
+
--tw-text-opacity: 1;
|
|
6136
|
+
color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
|
|
6137
|
+
}
|
|
6040
6138
|
.group:focus-visible .group-focus-visible\:outline-ix-primary{
|
|
6041
6139
|
outline-color: rgb(var(--color-ix-primary) / 1);
|
|
6042
6140
|
}
|
|
@@ -6053,9 +6151,16 @@ video {
|
|
|
6053
6151
|
--tw-bg-opacity: 1;
|
|
6054
6152
|
background-color: rgb(var(--color-ix-primary-press) / var(--tw-bg-opacity, 1));
|
|
6055
6153
|
}
|
|
6154
|
+
.group:active .group-active\:bg-ix-primary\/tint3{
|
|
6155
|
+
background-color: rgb(var(--color-ix-primary) / .3);
|
|
6156
|
+
}
|
|
6056
6157
|
.group:active .group-active\:bg-ix-util-press\/tint2{
|
|
6057
6158
|
background-color: rgb(var(--color-ix-util-press) / .2);
|
|
6058
6159
|
}
|
|
6160
|
+
.group:active .group-active\:text-content-tertiary{
|
|
6161
|
+
--tw-text-opacity: 1;
|
|
6162
|
+
color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
|
|
6163
|
+
}
|
|
6059
6164
|
.group:active .group-active\:outline-transparent{
|
|
6060
6165
|
outline-color: transparent;
|
|
6061
6166
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nascentdigital/funnel-editor",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.5.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"registry": "https://registry.npmjs.org/",
|
|
6
6
|
"access": "restricted"
|
|
@@ -89,5 +89,5 @@
|
|
|
89
89
|
"ts-jest": "^29",
|
|
90
90
|
"type-fest": "^4"
|
|
91
91
|
},
|
|
92
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "3348c90ff56f3dd931ab564f8a6ad13d454a4ca1"
|
|
93
93
|
}
|