@nascentdigital/funnel-editor 4.4.21 → 4.5.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.
- 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 +23 -0
- package/dist/core/components/interaction/QuickPicker.js +95 -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 +7 -1
- package/dist/core/domain/BlockConfiguration.js +27 -1
- 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 +94 -0
- package/dist/page/components/config/BlockPreview.d.ts +8 -0
- package/dist/page/components/config/BlockPreview.js +13 -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 +90 -3
- package/package.json +2 -2
package/dist/styles/index.css
CHANGED
|
@@ -4259,6 +4259,9 @@ video {
|
|
|
4259
4259
|
top: 3px;
|
|
4260
4260
|
bottom: 3px;
|
|
4261
4261
|
}
|
|
4262
|
+
.-bottom-px{
|
|
4263
|
+
bottom: -1px;
|
|
4264
|
+
}
|
|
4262
4265
|
.bottom-l5{
|
|
4263
4266
|
bottom: 12px;
|
|
4264
4267
|
}
|
|
@@ -4383,6 +4386,9 @@ video {
|
|
|
4383
4386
|
margin-top: 16px;
|
|
4384
4387
|
margin-bottom: 16px;
|
|
4385
4388
|
}
|
|
4389
|
+
.-mb-px{
|
|
4390
|
+
margin-bottom: -1px;
|
|
4391
|
+
}
|
|
4386
4392
|
.-ml-l4{
|
|
4387
4393
|
margin-left: -8px;
|
|
4388
4394
|
}
|
|
@@ -4498,6 +4504,9 @@ video {
|
|
|
4498
4504
|
.h-10{
|
|
4499
4505
|
height: 10px;
|
|
4500
4506
|
}
|
|
4507
|
+
.h-14{
|
|
4508
|
+
height: 14px;
|
|
4509
|
+
}
|
|
4501
4510
|
.h-18{
|
|
4502
4511
|
height: 18px;
|
|
4503
4512
|
}
|
|
@@ -4537,6 +4546,9 @@ video {
|
|
|
4537
4546
|
.h-8{
|
|
4538
4547
|
height: 8px;
|
|
4539
4548
|
}
|
|
4549
|
+
.h-9{
|
|
4550
|
+
height: 9px;
|
|
4551
|
+
}
|
|
4540
4552
|
.h-\[13\.5px\]{
|
|
4541
4553
|
height: 13.5px;
|
|
4542
4554
|
}
|
|
@@ -4609,6 +4621,15 @@ video {
|
|
|
4609
4621
|
.min-h-l12{
|
|
4610
4622
|
min-height: 56px;
|
|
4611
4623
|
}
|
|
4624
|
+
.w-10{
|
|
4625
|
+
width: 10px;
|
|
4626
|
+
}
|
|
4627
|
+
.w-11\/12{
|
|
4628
|
+
width: 91.666667%;
|
|
4629
|
+
}
|
|
4630
|
+
.w-14{
|
|
4631
|
+
width: 14px;
|
|
4632
|
+
}
|
|
4612
4633
|
.w-18{
|
|
4613
4634
|
width: 18px;
|
|
4614
4635
|
}
|
|
@@ -4618,15 +4639,15 @@ video {
|
|
|
4618
4639
|
.w-20{
|
|
4619
4640
|
width: 20px;
|
|
4620
4641
|
}
|
|
4621
|
-
.w-24{
|
|
4622
|
-
width: 24px;
|
|
4623
|
-
}
|
|
4624
4642
|
.w-32{
|
|
4625
4643
|
width: 32px;
|
|
4626
4644
|
}
|
|
4627
4645
|
.w-36{
|
|
4628
4646
|
width: 36px;
|
|
4629
4647
|
}
|
|
4648
|
+
.w-4{
|
|
4649
|
+
width: 4px;
|
|
4650
|
+
}
|
|
4630
4651
|
.w-40{
|
|
4631
4652
|
width: 40px;
|
|
4632
4653
|
}
|
|
@@ -4642,6 +4663,9 @@ video {
|
|
|
4642
4663
|
.w-6{
|
|
4643
4664
|
width: 6px;
|
|
4644
4665
|
}
|
|
4666
|
+
.w-8\/12{
|
|
4667
|
+
width: 66.666667%;
|
|
4668
|
+
}
|
|
4645
4669
|
.w-\[100px\]{
|
|
4646
4670
|
width: 100px;
|
|
4647
4671
|
}
|
|
@@ -4666,9 +4690,18 @@ video {
|
|
|
4666
4690
|
.w-\[330px\]{
|
|
4667
4691
|
width: 330px;
|
|
4668
4692
|
}
|
|
4693
|
+
.w-\[372px\]{
|
|
4694
|
+
width: 372px;
|
|
4695
|
+
}
|
|
4669
4696
|
.w-\[420px\]{
|
|
4670
4697
|
width: 420px;
|
|
4671
4698
|
}
|
|
4699
|
+
.w-\[50px\]{
|
|
4700
|
+
width: 50px;
|
|
4701
|
+
}
|
|
4702
|
+
.w-\[550px\]{
|
|
4703
|
+
width: 550px;
|
|
4704
|
+
}
|
|
4672
4705
|
.w-\[64px\]{
|
|
4673
4706
|
width: 64px;
|
|
4674
4707
|
}
|
|
@@ -4690,6 +4723,12 @@ video {
|
|
|
4690
4723
|
.min-w-\[400px\]{
|
|
4691
4724
|
min-width: 400px;
|
|
4692
4725
|
}
|
|
4726
|
+
.min-w-\[50px\]{
|
|
4727
|
+
min-width: 50px;
|
|
4728
|
+
}
|
|
4729
|
+
.min-w-full{
|
|
4730
|
+
min-width: 100%;
|
|
4731
|
+
}
|
|
4693
4732
|
.max-w-\[1000px\]{
|
|
4694
4733
|
max-width: 1000px;
|
|
4695
4734
|
}
|
|
@@ -4702,6 +4741,9 @@ video {
|
|
|
4702
4741
|
.max-w-\[420px\]{
|
|
4703
4742
|
max-width: 420px;
|
|
4704
4743
|
}
|
|
4744
|
+
.max-w-full{
|
|
4745
|
+
max-width: 100%;
|
|
4746
|
+
}
|
|
4705
4747
|
.max-w-screen-sm{
|
|
4706
4748
|
max-width: 480px;
|
|
4707
4749
|
}
|
|
@@ -4770,12 +4812,18 @@ video {
|
|
|
4770
4812
|
-moz-appearance: none;
|
|
4771
4813
|
appearance: none;
|
|
4772
4814
|
}
|
|
4815
|
+
.auto-cols-auto{
|
|
4816
|
+
grid-auto-columns: auto;
|
|
4817
|
+
}
|
|
4773
4818
|
.auto-cols-fr{
|
|
4774
4819
|
grid-auto-columns: minmax(0, 1fr);
|
|
4775
4820
|
}
|
|
4776
4821
|
.grid-flow-row{
|
|
4777
4822
|
grid-auto-flow: row;
|
|
4778
4823
|
}
|
|
4824
|
+
.grid-flow-col{
|
|
4825
|
+
grid-auto-flow: column;
|
|
4826
|
+
}
|
|
4779
4827
|
.auto-rows-auto{
|
|
4780
4828
|
grid-auto-rows: auto;
|
|
4781
4829
|
}
|
|
@@ -4788,6 +4836,9 @@ video {
|
|
|
4788
4836
|
.grid-cols-12{
|
|
4789
4837
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
4790
4838
|
}
|
|
4839
|
+
.grid-cols-2{
|
|
4840
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
4841
|
+
}
|
|
4791
4842
|
.grid-cols-\[1fr\2c 1fr\]{
|
|
4792
4843
|
grid-template-columns: 1fr 1fr;
|
|
4793
4844
|
}
|
|
@@ -4821,6 +4872,9 @@ video {
|
|
|
4821
4872
|
.grid-cols-subgrid{
|
|
4822
4873
|
grid-template-columns: subgrid;
|
|
4823
4874
|
}
|
|
4875
|
+
.grid-rows-1{
|
|
4876
|
+
grid-template-rows: repeat(1, minmax(0, 1fr));
|
|
4877
|
+
}
|
|
4824
4878
|
.grid-rows-\[1fr\]{
|
|
4825
4879
|
grid-template-rows: 1fr;
|
|
4826
4880
|
}
|
|
@@ -4978,6 +5032,9 @@ video {
|
|
|
4978
5032
|
.border-b{
|
|
4979
5033
|
border-bottom-width: 1px;
|
|
4980
5034
|
}
|
|
5035
|
+
.border-b-2{
|
|
5036
|
+
border-bottom-width: 2px;
|
|
5037
|
+
}
|
|
4981
5038
|
.border-l{
|
|
4982
5039
|
border-left-width: 1px;
|
|
4983
5040
|
}
|
|
@@ -5011,6 +5068,10 @@ video {
|
|
|
5011
5068
|
--tw-border-opacity: 1;
|
|
5012
5069
|
border-color: rgb(var(--color-content-button-contrast) / var(--tw-border-opacity, 1));
|
|
5013
5070
|
}
|
|
5071
|
+
.border-content-tertiary{
|
|
5072
|
+
--tw-border-opacity: 1;
|
|
5073
|
+
border-color: rgb(var(--color-content-tertiary) / var(--tw-border-opacity, 1));
|
|
5074
|
+
}
|
|
5014
5075
|
.border-destructive-content{
|
|
5015
5076
|
--tw-border-opacity: 1;
|
|
5016
5077
|
border-color: rgb(var(--color-destructive-content) / var(--tw-border-opacity, 1));
|
|
@@ -5076,6 +5137,10 @@ video {
|
|
|
5076
5137
|
--tw-bg-opacity: 1;
|
|
5077
5138
|
background-color: rgb(var(--color-content-primary) / var(--tw-bg-opacity, 1));
|
|
5078
5139
|
}
|
|
5140
|
+
.bg-content-tertiary{
|
|
5141
|
+
--tw-bg-opacity: 1;
|
|
5142
|
+
background-color: rgb(var(--color-content-tertiary) / var(--tw-bg-opacity, 1));
|
|
5143
|
+
}
|
|
5079
5144
|
.bg-content-tertiary\/tint1{
|
|
5080
5145
|
background-color: rgb(var(--color-content-tertiary) / .1);
|
|
5081
5146
|
}
|
|
@@ -5264,6 +5329,12 @@ video {
|
|
|
5264
5329
|
-o-object-position: top;
|
|
5265
5330
|
object-position: top;
|
|
5266
5331
|
}
|
|
5332
|
+
.p-3{
|
|
5333
|
+
padding: 3px;
|
|
5334
|
+
}
|
|
5335
|
+
.p-l10{
|
|
5336
|
+
padding: 40px;
|
|
5337
|
+
}
|
|
5267
5338
|
.p-l2{
|
|
5268
5339
|
padding: 4px;
|
|
5269
5340
|
}
|
|
@@ -5894,6 +5965,10 @@ video {
|
|
|
5894
5965
|
.hover\:border-solid:hover{
|
|
5895
5966
|
border-style: solid;
|
|
5896
5967
|
}
|
|
5968
|
+
.hover\:border-content-secondary:hover{
|
|
5969
|
+
--tw-border-opacity: 1;
|
|
5970
|
+
border-color: rgb(var(--color-content-secondary) / var(--tw-border-opacity, 1));
|
|
5971
|
+
}
|
|
5897
5972
|
.hover\:border-ix-primary:hover{
|
|
5898
5973
|
--tw-border-opacity: 1;
|
|
5899
5974
|
border-color: rgb(var(--color-ix-primary) / var(--tw-border-opacity, 1));
|
|
@@ -5983,6 +6058,10 @@ video {
|
|
|
5983
6058
|
--tw-scale-y: .97;
|
|
5984
6059
|
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
6060
|
}
|
|
6061
|
+
.active\:border-content-tertiary:active{
|
|
6062
|
+
--tw-border-opacity: 1;
|
|
6063
|
+
border-color: rgb(var(--color-content-tertiary) / var(--tw-border-opacity, 1));
|
|
6064
|
+
}
|
|
5986
6065
|
.active\:border-ix-primary-press:active{
|
|
5987
6066
|
--tw-border-opacity: 1;
|
|
5988
6067
|
border-color: rgb(var(--color-ix-primary-press) / var(--tw-border-opacity, 1));
|
|
@@ -6037,6 +6116,10 @@ video {
|
|
|
6037
6116
|
.group:hover .group-hover\:bg-ix-util-hover\/tint1{
|
|
6038
6117
|
background-color: rgb(var(--color-ix-util-hover) / .1);
|
|
6039
6118
|
}
|
|
6119
|
+
.group:hover .group-hover\:text-content-primary{
|
|
6120
|
+
--tw-text-opacity: 1;
|
|
6121
|
+
color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
|
|
6122
|
+
}
|
|
6040
6123
|
.group:focus-visible .group-focus-visible\:outline-ix-primary{
|
|
6041
6124
|
outline-color: rgb(var(--color-ix-primary) / 1);
|
|
6042
6125
|
}
|
|
@@ -6056,6 +6139,10 @@ video {
|
|
|
6056
6139
|
.group:active .group-active\:bg-ix-util-press\/tint2{
|
|
6057
6140
|
background-color: rgb(var(--color-ix-util-press) / .2);
|
|
6058
6141
|
}
|
|
6142
|
+
.group:active .group-active\:text-content-tertiary{
|
|
6143
|
+
--tw-text-opacity: 1;
|
|
6144
|
+
color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
|
|
6145
|
+
}
|
|
6059
6146
|
.group:active .group-active\:outline-transparent{
|
|
6060
6147
|
outline-color: transparent;
|
|
6061
6148
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nascentdigital/funnel-editor",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.5.0",
|
|
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": "09e92177c535f933fe19944aec48a33aadb6e62d"
|
|
93
93
|
}
|