@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.
Files changed (38) hide show
  1. package/dist/core/components/interaction/Animate.d.ts +2 -2
  2. package/dist/core/components/interaction/Animate.js +12 -10
  3. package/dist/core/components/interaction/QuickPicker.d.ts +27 -0
  4. package/dist/core/components/interaction/QuickPicker.js +108 -0
  5. package/dist/core/components/interaction/Tabs.d.ts +16 -0
  6. package/dist/core/components/interaction/Tabs.js +24 -0
  7. package/dist/core/components/interaction/index.d.ts +2 -0
  8. package/dist/core/components/interaction/index.js +2 -0
  9. package/dist/core/components/visuals/Icon.d.ts +1 -1
  10. package/dist/core/components/visuals/Icon.js +3 -0
  11. package/dist/core/components/visuals/SkeletonLayout.js +226 -33
  12. package/dist/core/domain/BlockConfiguration.d.ts +9 -1
  13. package/dist/core/domain/BlockConfiguration.js +50 -20
  14. package/dist/core/domain/Section.js +1 -1
  15. package/dist/page/components/BlockEditor.js +3 -3
  16. package/dist/page/components/{BlockConfig.d.ts → config/BlockConfig.d.ts} +1 -1
  17. package/dist/page/components/config/BlockConfig.js +43 -0
  18. package/dist/page/components/config/BlockConfigEditor.d.ts +13 -0
  19. package/dist/page/components/config/BlockConfigEditor.js +110 -0
  20. package/dist/page/components/config/BlockPreview.d.ts +10 -0
  21. package/dist/page/components/config/BlockPreview.js +456 -0
  22. package/dist/page/components/config/BlockView.d.ts +4 -0
  23. package/dist/page/components/config/BlockView.js +9 -0
  24. package/dist/page/components/config/LegacyBlockConfigEditor.d.ts +13 -0
  25. package/dist/page/components/{BlockConfig.js → config/LegacyBlockConfigEditor.js} +4 -29
  26. package/dist/page/components/config/ListLayoutPicker.d.ts +6 -0
  27. package/dist/page/components/config/ListLayoutPicker.js +13 -0
  28. package/dist/page/components/config/ListPanelEditor.d.ts +6 -0
  29. package/dist/page/components/config/ListPanelEditor.js +13 -0
  30. package/dist/page/components/config/MessagePanelEditor.d.ts +6 -0
  31. package/dist/page/components/config/MessagePanelEditor.js +13 -0
  32. package/dist/page/components/config/VisualPanelEditor.d.ts +6 -0
  33. package/dist/page/components/config/VisualPanelEditor.js +13 -0
  34. package/dist/page/components/config/index.d.ts +1 -0
  35. package/dist/page/components/config/index.js +17 -0
  36. package/dist/page/hooks/PageController.js +1 -1
  37. package/dist/styles/index.css +108 -3
  38. package/package.json +2 -2
@@ -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.4.21",
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": "fedc672d83d223518b78c5d81814c1bcbda24035"
92
+ "gitHead": "3348c90ff56f3dd931ab564f8a6ad13d454a4ca1"
93
93
  }