@nascentdigital/funnel-editor 4.6.1 → 4.6.7

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 (68) hide show
  1. package/dist/components.d.ts +9 -0
  2. package/dist/components.js +27 -0
  3. package/dist/core/components/fields/page/PagePicker.d.ts +2 -2
  4. package/dist/core/components/interaction/DateTimePicker.d.ts +0 -1
  5. package/dist/core/components/interaction/DateTimePicker.js +0 -2
  6. package/dist/core/components/interaction/Popup.js +1 -0
  7. package/dist/core/components/transitions/FadeIn.js +2 -14
  8. package/dist/core/domain/Block.d.ts +1 -0
  9. package/dist/core/domain/Block.js +6 -4
  10. package/dist/core/domain/BlockConfiguration.js +5 -0
  11. package/dist/core/domain/Collection.d.ts +3 -3
  12. package/dist/core/domain/IPage.d.ts +58 -0
  13. package/dist/core/domain/IPage.js +20 -0
  14. package/dist/core/domain/IPageRefStore.d.ts +3 -3
  15. package/dist/core/domain/ItemBase.d.ts +6 -6
  16. package/dist/core/domain/ItemBase.js +5 -5
  17. package/dist/core/domain/Page.d.ts +9 -22
  18. package/dist/core/domain/Page.js +1 -16
  19. package/dist/core/domain/PageOverview.d.ts +2 -2
  20. package/dist/core/domain/PageRefStoreProxy.d.ts +4 -4
  21. package/dist/core/domain/PageSettings.d.ts +3 -3
  22. package/dist/core/domain/PageSummary.d.ts +2 -2
  23. package/dist/core/domain/index.d.ts +1 -0
  24. package/dist/core/domain/index.js +1 -0
  25. package/dist/core/hooks/usePage.d.ts +4 -4
  26. package/dist/core/hooks/usePageRef.d.ts +1 -1
  27. package/dist/core/repository/PageRepository.d.ts +2 -2
  28. package/dist/core/repository/PageSerializer.d.ts +34 -1
  29. package/dist/core/repository/PageSerializer.js +4 -0
  30. package/dist/page/components/PageHeader.d.ts +2 -2
  31. package/dist/page/components/PageNotCreated.d.ts +2 -2
  32. package/dist/page/components/PageNotFound.d.ts +2 -2
  33. package/dist/page/components/config/BlockConfigButton.d.ts +2 -1
  34. package/dist/page/components/config/BlockConfigButton.js +14 -11
  35. package/dist/page/components/config/BlockPreview.d.ts +8 -0
  36. package/dist/page/components/config/BlockPreview.js +53 -0
  37. package/dist/page/components/config/index.d.ts +1 -1
  38. package/dist/page/components/config/index.js +1 -1
  39. package/dist/page/components/config/preview/ColumnLayout.d.ts +10 -0
  40. package/dist/page/components/config/preview/ColumnLayout.js +15 -0
  41. package/dist/page/components/config/preview/ItemLayout.d.ts +12 -0
  42. package/dist/page/components/config/preview/ItemLayout.js +45 -0
  43. package/dist/page/components/config/preview/ListPanel.d.ts +12 -0
  44. package/dist/page/components/config/preview/ListPanel.js +14 -0
  45. package/dist/page/components/config/preview/MessagePanel.d.ts +12 -0
  46. package/dist/page/components/config/preview/MessagePanel.js +21 -0
  47. package/dist/page/components/config/preview/Panel.d.ts +15 -0
  48. package/dist/page/components/config/preview/Panel.js +74 -0
  49. package/dist/page/components/config/preview/RowLayout.d.ts +10 -0
  50. package/dist/page/components/config/preview/RowLayout.js +26 -0
  51. package/dist/page/components/config/preview/StackLayout.d.ts +10 -0
  52. package/dist/page/components/config/preview/StackLayout.js +15 -0
  53. package/dist/page/components/config/preview/VisualPanel.d.ts +12 -0
  54. package/dist/page/components/config/preview/VisualPanel.js +27 -0
  55. package/dist/page/components/config/preview/index.d.ts +3 -0
  56. package/dist/page/components/config/preview/index.js +19 -0
  57. package/dist/page/components/panels/BlockConfigPanel.js +4 -4
  58. package/dist/page/hooks/IPageController.d.ts +42 -0
  59. package/dist/page/hooks/IPageController.js +32 -0
  60. package/dist/page/hooks/PageController.d.ts +11 -36
  61. package/dist/page/hooks/PageController.js +7 -33
  62. package/dist/page/hooks/index.d.ts +1 -0
  63. package/dist/page/hooks/index.js +1 -0
  64. package/dist/page/hooks/usePageController.d.ts +3 -3
  65. package/dist/styles/index.css +799 -54
  66. package/package.json +3 -2
  67. package/dist/page/components/config/LegacyBlockPreview.d.ts +0 -8
  68. package/dist/page/components/config/LegacyBlockPreview.js +0 -452
@@ -501,10 +501,10 @@ video {
501
501
  }
502
502
 
503
503
  [popover]{
504
- inset: var(--toolwind-toggle-BK394oP67O, 0px);
505
- background-color: var(--toolwind-toggle-44E42ImXUl, canvas);
506
- color: var(--toolwind-toggle-adoVjD3x5w, canvastext);
507
- margin: var(--toolwind-toggle-4GI4by3Q5p, auto);
504
+ inset: var(--toolwind-toggle-0gWt0tGCLb, 0px);
505
+ background-color: var(--toolwind-toggle-Z9tEuG5Dz1, canvas);
506
+ color: var(--toolwind-toggle-bIeZq1Y1V1, canvastext);
507
+ margin: var(--toolwind-toggle-2EbHobwp2l, auto);
508
508
  }
509
509
  html, body, #__next, .Editor-wrap{
510
510
  position: relative;
@@ -3944,6 +3944,54 @@ video {
3944
3944
  color: var(--nd-link-color, currentColor);
3945
3945
  font-variant-numeric: lining-nums proportional-nums;
3946
3946
  }
3947
+ /* variables */
3948
+ :root {
3949
+ }
3950
+ /* base */
3951
+ .nd-Media {
3952
+ }
3953
+ /* image */
3954
+ .nd-Media-image{
3955
+ display: grid;
3956
+ grid-template-columns: repeat(1, minmax(0, 1fr));
3957
+ grid-template-rows: max-content;
3958
+ }
3959
+ .nd-Media-image > * {
3960
+ grid-area: 1 / 1 / 1 / 1;
3961
+ }
3962
+ /* desktop (hide if mobile is enabled) */
3963
+ .nd-Media-image:has(.nd-Media-image-mobile) > .nd-Media-image-desktop{
3964
+ display: none;
3965
+ }
3966
+ .flatpickr-day.nd-Media-image:has(.nd-Media-image-mobile) > .nd-Media-image-desktop {
3967
+ visibility: hidden;
3968
+ }
3969
+ @media (min-width: 768px){
3970
+
3971
+ .nd-Media-image:has(.nd-Media-image-mobile) > .nd-Media-image-desktop{
3972
+ display: block;
3973
+ }
3974
+ }
3975
+ /* mobile */
3976
+ .nd-Media-image .nd-Media-image-mobile{
3977
+ display: block;
3978
+ }
3979
+ @media (min-width: 768px){
3980
+
3981
+ .nd-Media-image .nd-Media-image-mobile{
3982
+ display: none;
3983
+ }
3984
+ }
3985
+ /* video */
3986
+ .nd-Media-video {
3987
+ }
3988
+ /* streaming video (youtube/vimeo) */
3989
+ .nd-Media-streamingVideo {
3990
+ }
3991
+ .nd-Media-streamingVideo-player{
3992
+ height: 100%;
3993
+ width: 100%;
3994
+ }
3947
3995
  :root {
3948
3996
  --nd-quote-font: normal 400 64px/1.1 Palatino, Garamond, "Times New Roman", serif;
3949
3997
  --nd-quote-letterspacing: initial;
@@ -4451,6 +4499,10 @@ img.nd-Visual-image {
4451
4499
  margin-left: 16px;
4452
4500
  margin-right: 16px;
4453
4501
  }
4502
+ .mx-l7{
4503
+ margin-left: 20px;
4504
+ margin-right: 20px;
4505
+ }
4454
4506
  .mx-l8{
4455
4507
  margin-left: 24px;
4456
4508
  margin-right: 24px;
@@ -4480,12 +4532,15 @@ img.nd-Visual-image {
4480
4532
  .-mr-l4{
4481
4533
  margin-right: -8px;
4482
4534
  }
4483
- .mb-l1{
4484
- margin-bottom: 2px;
4535
+ .mb-3{
4536
+ margin-bottom: 3px;
4485
4537
  }
4486
- .mb-l2{
4538
+ .mb-4{
4487
4539
  margin-bottom: 4px;
4488
4540
  }
4541
+ .mb-l1{
4542
+ margin-bottom: 2px;
4543
+ }
4489
4544
  .mb-l4{
4490
4545
  margin-bottom: 8px;
4491
4546
  }
@@ -4498,9 +4553,6 @@ img.nd-Visual-image {
4498
4553
  .mb-l8{
4499
4554
  margin-bottom: 24px;
4500
4555
  }
4501
- .mb-px{
4502
- margin-bottom: 1px;
4503
- }
4504
4556
  .ml-9{
4505
4557
  margin-left: 9px;
4506
4558
  }
@@ -4596,9 +4648,6 @@ img.nd-Visual-image {
4596
4648
  .h-12{
4597
4649
  height: 12px;
4598
4650
  }
4599
- .h-14{
4600
- height: 14px;
4601
- }
4602
4651
  .h-18{
4603
4652
  height: 18px;
4604
4653
  }
@@ -4641,9 +4690,6 @@ img.nd-Visual-image {
4641
4690
  .h-8{
4642
4691
  height: 8px;
4643
4692
  }
4644
- .h-9{
4645
- height: 9px;
4646
- }
4647
4693
  .h-\[120px\]{
4648
4694
  height: 120px;
4649
4695
  }
@@ -4746,18 +4792,12 @@ img.nd-Visual-image {
4746
4792
  .min-h-l12{
4747
4793
  min-height: 56px;
4748
4794
  }
4749
- .w-10{
4750
- width: 10px;
4751
- }
4752
- .w-11\/12{
4753
- width: 91.666667%;
4795
+ .w-1\/2{
4796
+ width: 50%;
4754
4797
  }
4755
4798
  .w-12{
4756
4799
  width: 12px;
4757
4800
  }
4758
- .w-14{
4759
- width: 14px;
4760
- }
4761
4801
  .w-18{
4762
4802
  width: 18px;
4763
4803
  }
@@ -4797,15 +4837,12 @@ img.nd-Visual-image {
4797
4837
  .w-8{
4798
4838
  width: 8px;
4799
4839
  }
4800
- .w-8\/12{
4801
- width: 66.666667%;
4802
- }
4803
- .w-\[120px\]{
4804
- width: 120px;
4805
- }
4806
4840
  .w-\[13\.5px\]{
4807
4841
  width: 13.5px;
4808
4842
  }
4843
+ .w-\[136px\]{
4844
+ width: 136px;
4845
+ }
4809
4846
  .w-\[200px\]{
4810
4847
  width: 200px;
4811
4848
  }
@@ -4818,6 +4855,9 @@ img.nd-Visual-image {
4818
4855
  .w-\[220px\]{
4819
4856
  width: 220px;
4820
4857
  }
4858
+ .w-\[240px\]{
4859
+ width: 240px;
4860
+ }
4821
4861
  .w-\[288px\]{
4822
4862
  width: 288px;
4823
4863
  }
@@ -4836,12 +4876,6 @@ img.nd-Visual-image {
4836
4876
  .w-\[420px\]{
4837
4877
  width: 420px;
4838
4878
  }
4839
- .w-\[50px\]{
4840
- width: 50px;
4841
- }
4842
- .w-\[64px\]{
4843
- width: 64px;
4844
- }
4845
4879
  .w-\[72px\]{
4846
4880
  width: 72px;
4847
4881
  }
@@ -4872,12 +4906,6 @@ img.nd-Visual-image {
4872
4906
  .min-w-\[400px\]{
4873
4907
  min-width: 400px;
4874
4908
  }
4875
- .min-w-\[50px\]{
4876
- min-width: 50px;
4877
- }
4878
- .min-w-full{
4879
- min-width: 100%;
4880
- }
4881
4909
  .max-w-\[1000px\]{
4882
4910
  max-width: 1000px;
4883
4911
  }
@@ -5128,6 +5156,9 @@ img.nd-Visual-image {
5128
5156
  .self-end{
5129
5157
  align-self: flex-end;
5130
5158
  }
5159
+ .self-center{
5160
+ align-self: center;
5161
+ }
5131
5162
  .self-stretch{
5132
5163
  align-self: stretch;
5133
5164
  }
@@ -5324,10 +5355,6 @@ img.nd-Visual-image {
5324
5355
  --tw-bg-opacity: 1;
5325
5356
  background-color: rgb(var(--color-content-primary) / var(--tw-bg-opacity, 1));
5326
5357
  }
5327
- .bg-content-tertiary{
5328
- --tw-bg-opacity: 1;
5329
- background-color: rgb(var(--color-content-tertiary) / var(--tw-bg-opacity, 1));
5330
- }
5331
5358
  .bg-content-tertiary\/tint1{
5332
5359
  background-color: rgb(var(--color-content-tertiary) / .1);
5333
5360
  }
@@ -5529,8 +5556,8 @@ img.nd-Visual-image {
5529
5556
  -o-object-position: top;
5530
5557
  object-position: top;
5531
5558
  }
5532
- .p-3{
5533
- padding: 3px;
5559
+ .p-6{
5560
+ padding: 6px;
5534
5561
  }
5535
5562
  .p-l1{
5536
5563
  padding: 2px;
@@ -5632,6 +5659,10 @@ img.nd-Visual-image {
5632
5659
  padding-top: 16px;
5633
5660
  padding-bottom: 16px;
5634
5661
  }
5662
+ .py-l7{
5663
+ padding-top: 20px;
5664
+ padding-bottom: 20px;
5665
+ }
5635
5666
  .py-l8{
5636
5667
  padding-top: 24px;
5637
5668
  padding-bottom: 24px;
@@ -5675,6 +5706,9 @@ img.nd-Visual-image {
5675
5706
  .pr-l2{
5676
5707
  padding-right: 4px;
5677
5708
  }
5709
+ .pr-l4{
5710
+ padding-right: 8px;
5711
+ }
5678
5712
  .pr-l5{
5679
5713
  padding-right: 12px;
5680
5714
  }
@@ -5943,6 +5977,9 @@ img.nd-Visual-image {
5943
5977
  .anchored-left{
5944
5978
  position-area: left;
5945
5979
  }
5980
+ .anchored-left-span-bottom{
5981
+ position-area: left span-bottom;
5982
+ }
5946
5983
  .anchored-right{
5947
5984
  position-area: right;
5948
5985
  }
@@ -5958,10 +5995,10 @@ img.nd-Visual-image {
5958
5995
  .anchored\/\[--nd-popup-anchor\]:where(.anchored\/\[--nd-popup-anchor\]){
5959
5996
  position: absolute;
5960
5997
  view-transition-name: --tw-anchor-view-transition-2j1919322s193433343934192p322r2w33362l;
5961
- --toolwind-toggle-BK394oP67O: auto;
5962
- --toolwind-toggle-44E42ImXUl: transparent;
5963
- --toolwind-toggle-adoVjD3x5w: inherit;
5964
- --toolwind-toggle-4GI4by3Q5p: 0px;
5998
+ --toolwind-toggle-0gWt0tGCLb: auto;
5999
+ --toolwind-toggle-Z9tEuG5Dz1: transparent;
6000
+ --toolwind-toggle-bIeZq1Y1V1: inherit;
6001
+ --toolwind-toggle-2EbHobwp2l: 0px;
5965
6002
  }
5966
6003
  .counter-l1{
5967
6004
  counter-reset: l1;
@@ -6015,6 +6052,11 @@ img.nd-Visual-image {
6015
6052
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
6016
6053
  transition-duration: 800ms;
6017
6054
  }
6055
+ .interpolate-all{
6056
+ transition-property: all;
6057
+ transition-duration: 300ms;
6058
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6059
+ }
6018
6060
  .reset {
6019
6061
  all: unset;
6020
6062
  }
@@ -6122,6 +6164,710 @@ img.nd-Visual-image {
6122
6164
  inherits: false;
6123
6165
  initial-value: #000;
6124
6166
  }
6167
+ .flatpickr-calendar {
6168
+ background: transparent;
6169
+ opacity: 0;
6170
+ display: none;
6171
+ text-align: center;
6172
+ visibility: hidden;
6173
+ padding: 0;
6174
+ animation: none;
6175
+ direction: ltr;
6176
+ border: 0;
6177
+ font-size: 14px;
6178
+ line-height: 24px;
6179
+ border-radius: 5px;
6180
+ position: absolute;
6181
+ width: 307.875px;
6182
+ box-sizing: border-box;
6183
+ touch-action: manipulation;
6184
+ background: #3f4458;
6185
+ box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0,0,0,0.08);
6186
+ }
6187
+ .flatpickr-calendar.open,
6188
+ .flatpickr-calendar.inline {
6189
+ opacity: 1;
6190
+ max-height: 640px;
6191
+ visibility: visible;
6192
+ }
6193
+ .flatpickr-calendar.open {
6194
+ display: inline-block;
6195
+ z-index: 99999;
6196
+ }
6197
+ .flatpickr-calendar.animate.open {
6198
+ animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
6199
+ }
6200
+ .flatpickr-calendar.inline {
6201
+ display: block;
6202
+ position: relative;
6203
+ top: 2px;
6204
+ }
6205
+ .flatpickr-calendar.static {
6206
+ position: absolute;
6207
+ top: calc(100% + 2px);
6208
+ }
6209
+ .flatpickr-calendar.static.open {
6210
+ z-index: 999;
6211
+ display: block;
6212
+ }
6213
+ .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
6214
+ box-shadow: none !important;
6215
+ }
6216
+ .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
6217
+ box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
6218
+ }
6219
+ .flatpickr-calendar .hasWeeks .dayContainer,
6220
+ .flatpickr-calendar .hasTime .dayContainer {
6221
+ border-bottom: 0;
6222
+ border-bottom-right-radius: 0;
6223
+ border-bottom-left-radius: 0;
6224
+ }
6225
+ .flatpickr-calendar .hasWeeks .dayContainer {
6226
+ border-left: 0;
6227
+ }
6228
+ .flatpickr-calendar.hasTime .flatpickr-time {
6229
+ height: 40px;
6230
+ border-top: 1px solid #20222c;
6231
+ }
6232
+ .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
6233
+ height: auto;
6234
+ }
6235
+ .flatpickr-calendar:before,
6236
+ .flatpickr-calendar:after {
6237
+ position: absolute;
6238
+ display: block;
6239
+ pointer-events: none;
6240
+ border: solid transparent;
6241
+ content: '';
6242
+ height: 0;
6243
+ width: 0;
6244
+ left: 22px;
6245
+ }
6246
+ .flatpickr-calendar.rightMost:before,
6247
+ .flatpickr-calendar.arrowRight:before,
6248
+ .flatpickr-calendar.rightMost:after,
6249
+ .flatpickr-calendar.arrowRight:after {
6250
+ left: auto;
6251
+ right: 22px;
6252
+ }
6253
+ .flatpickr-calendar.arrowCenter:before,
6254
+ .flatpickr-calendar.arrowCenter:after {
6255
+ left: 50%;
6256
+ right: 50%;
6257
+ }
6258
+ .flatpickr-calendar:before {
6259
+ border-width: 5px;
6260
+ margin: 0 -5px;
6261
+ }
6262
+ .flatpickr-calendar:after {
6263
+ border-width: 4px;
6264
+ margin: 0 -4px;
6265
+ }
6266
+ .flatpickr-calendar.arrowTop:before,
6267
+ .flatpickr-calendar.arrowTop:after {
6268
+ bottom: 100%;
6269
+ }
6270
+ .flatpickr-calendar.arrowTop:before {
6271
+ border-bottom-color: #20222c;
6272
+ }
6273
+ .flatpickr-calendar.arrowTop:after {
6274
+ border-bottom-color: #3f4458;
6275
+ }
6276
+ .flatpickr-calendar.arrowBottom:before,
6277
+ .flatpickr-calendar.arrowBottom:after {
6278
+ top: 100%;
6279
+ }
6280
+ .flatpickr-calendar.arrowBottom:before {
6281
+ border-top-color: #20222c;
6282
+ }
6283
+ .flatpickr-calendar.arrowBottom:after {
6284
+ border-top-color: #3f4458;
6285
+ }
6286
+ .flatpickr-calendar:focus {
6287
+ outline: 0;
6288
+ }
6289
+ .flatpickr-wrapper {
6290
+ position: relative;
6291
+ display: inline-block;
6292
+ }
6293
+ .flatpickr-months {
6294
+ display: flex;
6295
+ }
6296
+ .flatpickr-months .flatpickr-month {
6297
+ background: #3f4458;
6298
+ color: #fff;
6299
+ fill: #fff;
6300
+ height: 34px;
6301
+ line-height: 1;
6302
+ text-align: center;
6303
+ position: relative;
6304
+ -webkit-user-select: none;
6305
+ -moz-user-select: none;
6306
+ user-select: none;
6307
+ overflow: hidden;
6308
+ flex: 1;
6309
+ }
6310
+ .flatpickr-months .flatpickr-prev-month,
6311
+ .flatpickr-months .flatpickr-next-month {
6312
+ -webkit-user-select: none;
6313
+ -moz-user-select: none;
6314
+ user-select: none;
6315
+ text-decoration: none;
6316
+ cursor: pointer;
6317
+ position: absolute;
6318
+ top: 0;
6319
+ height: 34px;
6320
+ padding: 10px;
6321
+ z-index: 3;
6322
+ color: #fff;
6323
+ fill: #fff;
6324
+ }
6325
+ .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
6326
+ .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
6327
+ display: none;
6328
+ }
6329
+ .flatpickr-months .flatpickr-prev-month i,
6330
+ .flatpickr-months .flatpickr-next-month i {
6331
+ position: relative;
6332
+ }
6333
+ .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
6334
+ .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
6335
+ /*
6336
+ /*rtl:begin:ignore*/
6337
+ /*
6338
+ */
6339
+ left: 0;
6340
+ /*
6341
+ /*rtl:end:ignore*/
6342
+ /*
6343
+ */
6344
+ }
6345
+ /*
6346
+ /*rtl:begin:ignore*/
6347
+ /*
6348
+ /*rtl:end:ignore*/
6349
+ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
6350
+ .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
6351
+ /*
6352
+ /*rtl:begin:ignore*/
6353
+ /*
6354
+ */
6355
+ right: 0;
6356
+ /*
6357
+ /*rtl:end:ignore*/
6358
+ /*
6359
+ */
6360
+ }
6361
+ /*
6362
+ /*rtl:begin:ignore*/
6363
+ /*
6364
+ /*rtl:end:ignore*/
6365
+ .flatpickr-months .flatpickr-prev-month:hover,
6366
+ .flatpickr-months .flatpickr-next-month:hover {
6367
+ color: #eee;
6368
+ }
6369
+ .flatpickr-months .flatpickr-prev-month:hover svg,
6370
+ .flatpickr-months .flatpickr-next-month:hover svg {
6371
+ fill: #f64747;
6372
+ }
6373
+ .flatpickr-months .flatpickr-prev-month svg,
6374
+ .flatpickr-months .flatpickr-next-month svg {
6375
+ width: 14px;
6376
+ height: 14px;
6377
+ }
6378
+ .flatpickr-months .flatpickr-prev-month svg path,
6379
+ .flatpickr-months .flatpickr-next-month svg path {
6380
+ transition: fill 0.1s;
6381
+ fill: inherit;
6382
+ }
6383
+ .numInputWrapper {
6384
+ position: relative;
6385
+ height: auto;
6386
+ }
6387
+ .numInputWrapper input,
6388
+ .numInputWrapper span {
6389
+ display: inline-block;
6390
+ }
6391
+ .numInputWrapper input {
6392
+ width: 100%;
6393
+ }
6394
+ .numInputWrapper input::-ms-clear {
6395
+ display: none;
6396
+ }
6397
+ .numInputWrapper input::-webkit-outer-spin-button,
6398
+ .numInputWrapper input::-webkit-inner-spin-button {
6399
+ margin: 0;
6400
+ -webkit-appearance: none;
6401
+ }
6402
+ .numInputWrapper span {
6403
+ position: absolute;
6404
+ right: 0;
6405
+ width: 14px;
6406
+ padding: 0 4px 0 2px;
6407
+ height: 50%;
6408
+ line-height: 50%;
6409
+ opacity: 0;
6410
+ cursor: pointer;
6411
+ border: 1px solid rgba(255,255,255,0.15);
6412
+ box-sizing: border-box;
6413
+ }
6414
+ .numInputWrapper span:hover {
6415
+ background: rgba(192,187,167,0.1);
6416
+ }
6417
+ .numInputWrapper span:active {
6418
+ background: rgba(192,187,167,0.2);
6419
+ }
6420
+ .numInputWrapper span:after {
6421
+ display: block;
6422
+ content: "";
6423
+ position: absolute;
6424
+ }
6425
+ .numInputWrapper span.arrowUp {
6426
+ top: 0;
6427
+ border-bottom: 0;
6428
+ }
6429
+ .numInputWrapper span.arrowUp:after {
6430
+ border-left: 4px solid transparent;
6431
+ border-right: 4px solid transparent;
6432
+ border-bottom: 4px solid rgba(255,255,255,0.6);
6433
+ top: 26%;
6434
+ }
6435
+ .numInputWrapper span.arrowDown {
6436
+ top: 50%;
6437
+ }
6438
+ .numInputWrapper span.arrowDown:after {
6439
+ border-left: 4px solid transparent;
6440
+ border-right: 4px solid transparent;
6441
+ border-top: 4px solid rgba(255,255,255,0.6);
6442
+ top: 40%;
6443
+ }
6444
+ .numInputWrapper span svg {
6445
+ width: inherit;
6446
+ height: auto;
6447
+ }
6448
+ .numInputWrapper span svg path {
6449
+ fill: rgba(255,255,255,0.5);
6450
+ }
6451
+ .numInputWrapper:hover {
6452
+ background: rgba(192,187,167,0.05);
6453
+ }
6454
+ .numInputWrapper:hover span {
6455
+ opacity: 1;
6456
+ }
6457
+ .flatpickr-current-month {
6458
+ font-size: 135%;
6459
+ line-height: inherit;
6460
+ font-weight: 300;
6461
+ color: inherit;
6462
+ position: absolute;
6463
+ width: 75%;
6464
+ left: 12.5%;
6465
+ padding: 7.48px 0 0 0;
6466
+ line-height: 1;
6467
+ height: 34px;
6468
+ display: inline-block;
6469
+ text-align: center;
6470
+ transform: translate3d(0px, 0px, 0px);
6471
+ }
6472
+ .flatpickr-current-month span.cur-month {
6473
+ font-family: inherit;
6474
+ font-weight: 700;
6475
+ color: inherit;
6476
+ display: inline-block;
6477
+ margin-left: 0.5ch;
6478
+ padding: 0;
6479
+ }
6480
+ .flatpickr-current-month span.cur-month:hover {
6481
+ background: rgba(192,187,167,0.05);
6482
+ }
6483
+ .flatpickr-current-month .numInputWrapper {
6484
+ width: 6ch;
6485
+ width: 7ch\0;
6486
+ display: inline-block;
6487
+ }
6488
+ .flatpickr-current-month .numInputWrapper span.arrowUp:after {
6489
+ border-bottom-color: #fff;
6490
+ }
6491
+ .flatpickr-current-month .numInputWrapper span.arrowDown:after {
6492
+ border-top-color: #fff;
6493
+ }
6494
+ .flatpickr-current-month input.cur-year {
6495
+ background: transparent;
6496
+ box-sizing: border-box;
6497
+ color: inherit;
6498
+ cursor: text;
6499
+ padding: 0 0 0 0.5ch;
6500
+ margin: 0;
6501
+ display: inline-block;
6502
+ font-size: inherit;
6503
+ font-family: inherit;
6504
+ font-weight: 300;
6505
+ line-height: inherit;
6506
+ height: auto;
6507
+ border: 0;
6508
+ border-radius: 0;
6509
+ vertical-align: initial;
6510
+ -webkit-appearance: textfield;
6511
+ -moz-appearance: textfield;
6512
+ appearance: textfield;
6513
+ }
6514
+ .flatpickr-current-month input.cur-year:focus {
6515
+ outline: 0;
6516
+ }
6517
+ .flatpickr-current-month input.cur-year[disabled],
6518
+ .flatpickr-current-month input.cur-year[disabled]:hover {
6519
+ font-size: 100%;
6520
+ color: rgba(255,255,255,0.5);
6521
+ background: transparent;
6522
+ pointer-events: none;
6523
+ }
6524
+ .flatpickr-current-month .flatpickr-monthDropdown-months {
6525
+ appearance: menulist;
6526
+ background: #3f4458;
6527
+ border: none;
6528
+ border-radius: 0;
6529
+ box-sizing: border-box;
6530
+ color: inherit;
6531
+ cursor: pointer;
6532
+ font-size: inherit;
6533
+ font-family: inherit;
6534
+ font-weight: 300;
6535
+ height: auto;
6536
+ line-height: inherit;
6537
+ margin: -1px 0 0 0;
6538
+ outline: none;
6539
+ padding: 0 0 0 0.5ch;
6540
+ position: relative;
6541
+ vertical-align: initial;
6542
+ -webkit-box-sizing: border-box;
6543
+ -webkit-appearance: menulist;
6544
+ -moz-appearance: menulist;
6545
+ width: auto;
6546
+ }
6547
+ .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
6548
+ .flatpickr-current-month .flatpickr-monthDropdown-months:active {
6549
+ outline: none;
6550
+ }
6551
+ .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
6552
+ background: rgba(192,187,167,0.05);
6553
+ }
6554
+ .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
6555
+ background-color: #3f4458;
6556
+ outline: none;
6557
+ padding: 0;
6558
+ }
6559
+ .flatpickr-weekdays {
6560
+ background: transparent;
6561
+ text-align: center;
6562
+ overflow: hidden;
6563
+ width: 100%;
6564
+ display: flex;
6565
+ align-items: center;
6566
+ height: 28px;
6567
+ }
6568
+ .flatpickr-weekdays .flatpickr-weekdaycontainer {
6569
+ display: flex;
6570
+ flex: 1;
6571
+ }
6572
+ span.flatpickr-weekday {
6573
+ cursor: default;
6574
+ font-size: 90%;
6575
+ background: #3f4458;
6576
+ color: #fff;
6577
+ line-height: 1;
6578
+ margin: 0;
6579
+ text-align: center;
6580
+ display: block;
6581
+ flex: 1;
6582
+ font-weight: bolder;
6583
+ }
6584
+ .dayContainer,
6585
+ .flatpickr-weeks {
6586
+ padding: 1px 0 0 0;
6587
+ }
6588
+ .flatpickr-days {
6589
+ position: relative;
6590
+ overflow: hidden;
6591
+ display: flex;
6592
+ align-items: flex-start;
6593
+ width: 307.875px;
6594
+ }
6595
+ .flatpickr-days:focus {
6596
+ outline: 0;
6597
+ }
6598
+ .dayContainer {
6599
+ padding: 0;
6600
+ outline: 0;
6601
+ text-align: left;
6602
+ width: 307.875px;
6603
+ min-width: 307.875px;
6604
+ max-width: 307.875px;
6605
+ box-sizing: border-box;
6606
+ display: inline-block;
6607
+ display: flex;
6608
+ flex-wrap: wrap;
6609
+ -ms-flex-wrap: wrap;
6610
+ justify-content: space-around;
6611
+ transform: translate3d(0px, 0px, 0px);
6612
+ opacity: 1;
6613
+ }
6614
+ .dayContainer + .dayContainer {
6615
+ box-shadow: -1px 0 0 #20222c;
6616
+ }
6617
+ .flatpickr-day {
6618
+ background: none;
6619
+ border: 1px solid transparent;
6620
+ border-radius: 150px;
6621
+ box-sizing: border-box;
6622
+ color: rgba(255,255,255,0.95);
6623
+ cursor: pointer;
6624
+ font-weight: 400;
6625
+ width: 14.2857143%;
6626
+ flex-basis: 14.2857143%;
6627
+ max-width: 39px;
6628
+ height: 39px;
6629
+ line-height: 39px;
6630
+ margin: 0;
6631
+ display: inline-block;
6632
+ position: relative;
6633
+ justify-content: center;
6634
+ text-align: center;
6635
+ }
6636
+ .flatpickr-day.inRange,
6637
+ .flatpickr-day.prevMonthDay.inRange,
6638
+ .flatpickr-day.nextMonthDay.inRange,
6639
+ .flatpickr-day.today.inRange,
6640
+ .flatpickr-day.prevMonthDay.today.inRange,
6641
+ .flatpickr-day.nextMonthDay.today.inRange,
6642
+ .flatpickr-day:hover,
6643
+ .flatpickr-day.prevMonthDay:hover,
6644
+ .flatpickr-day.nextMonthDay:hover,
6645
+ .flatpickr-day:focus,
6646
+ .flatpickr-day.prevMonthDay:focus,
6647
+ .flatpickr-day.nextMonthDay:focus {
6648
+ cursor: pointer;
6649
+ outline: 0;
6650
+ background: #646c8c;
6651
+ border-color: #646c8c;
6652
+ }
6653
+ .flatpickr-day.today {
6654
+ border-color: #eee;
6655
+ }
6656
+ .flatpickr-day.today:hover,
6657
+ .flatpickr-day.today:focus {
6658
+ border-color: #eee;
6659
+ background: #eee;
6660
+ color: #3f4458;
6661
+ }
6662
+ .flatpickr-day.selected,
6663
+ .flatpickr-day.startRange,
6664
+ .flatpickr-day.endRange,
6665
+ .flatpickr-day.selected.inRange,
6666
+ .flatpickr-day.startRange.inRange,
6667
+ .flatpickr-day.endRange.inRange,
6668
+ .flatpickr-day.selected:focus,
6669
+ .flatpickr-day.startRange:focus,
6670
+ .flatpickr-day.endRange:focus,
6671
+ .flatpickr-day.selected:hover,
6672
+ .flatpickr-day.startRange:hover,
6673
+ .flatpickr-day.endRange:hover,
6674
+ .flatpickr-day.selected.prevMonthDay,
6675
+ .flatpickr-day.startRange.prevMonthDay,
6676
+ .flatpickr-day.endRange.prevMonthDay,
6677
+ .flatpickr-day.selected.nextMonthDay,
6678
+ .flatpickr-day.startRange.nextMonthDay,
6679
+ .flatpickr-day.endRange.nextMonthDay {
6680
+ background: #80cbc4;
6681
+ box-shadow: none;
6682
+ color: #fff;
6683
+ border-color: #80cbc4;
6684
+ }
6685
+ .flatpickr-day.selected.startRange,
6686
+ .flatpickr-day.startRange.startRange,
6687
+ .flatpickr-day.endRange.startRange {
6688
+ border-radius: 50px 0 0 50px;
6689
+ }
6690
+ .flatpickr-day.selected.endRange,
6691
+ .flatpickr-day.startRange.endRange,
6692
+ .flatpickr-day.endRange.endRange {
6693
+ border-radius: 0 50px 50px 0;
6694
+ }
6695
+ .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
6696
+ .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
6697
+ .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
6698
+ box-shadow: -10px 0 0 #80cbc4;
6699
+ }
6700
+ .flatpickr-day.selected.startRange.endRange,
6701
+ .flatpickr-day.startRange.startRange.endRange,
6702
+ .flatpickr-day.endRange.startRange.endRange {
6703
+ border-radius: 50px;
6704
+ }
6705
+ .flatpickr-day.inRange {
6706
+ border-radius: 0;
6707
+ box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
6708
+ }
6709
+ .flatpickr-day.flatpickr-disabled,
6710
+ .flatpickr-day.flatpickr-disabled:hover,
6711
+ .flatpickr-day.prevMonthDay,
6712
+ .flatpickr-day.nextMonthDay,
6713
+ .flatpickr-day.notAllowed,
6714
+ .flatpickr-day.notAllowed.prevMonthDay,
6715
+ .flatpickr-day.notAllowed.nextMonthDay {
6716
+ color: rgba(255,255,255,0.3);
6717
+ background: transparent;
6718
+ border-color: transparent;
6719
+ cursor: default;
6720
+ }
6721
+ .flatpickr-day.flatpickr-disabled,
6722
+ .flatpickr-day.flatpickr-disabled:hover {
6723
+ cursor: not-allowed;
6724
+ color: rgba(255,255,255,0.1);
6725
+ }
6726
+ .flatpickr-day.week.selected {
6727
+ border-radius: 0;
6728
+ box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
6729
+ }
6730
+ .flatpickr-day.hidden {
6731
+ visibility: hidden;
6732
+ }
6733
+ .rangeMode .flatpickr-day {
6734
+ margin-top: 1px;
6735
+ }
6736
+ .flatpickr-weekwrapper {
6737
+ float: left;
6738
+ }
6739
+ .flatpickr-weekwrapper .flatpickr-weeks {
6740
+ padding: 0 12px;
6741
+ box-shadow: 1px 0 0 #20222c;
6742
+ }
6743
+ .flatpickr-weekwrapper .flatpickr-weekday {
6744
+ float: none;
6745
+ width: 100%;
6746
+ line-height: 28px;
6747
+ }
6748
+ .flatpickr-weekwrapper span.flatpickr-day,
6749
+ .flatpickr-weekwrapper span.flatpickr-day:hover {
6750
+ display: block;
6751
+ width: 100%;
6752
+ max-width: none;
6753
+ color: rgba(255,255,255,0.3);
6754
+ background: transparent;
6755
+ cursor: default;
6756
+ border: none;
6757
+ }
6758
+ .flatpickr-innerContainer {
6759
+ display: block;
6760
+ display: flex;
6761
+ box-sizing: border-box;
6762
+ overflow: hidden;
6763
+ }
6764
+ .flatpickr-rContainer {
6765
+ display: inline-block;
6766
+ padding: 0;
6767
+ box-sizing: border-box;
6768
+ }
6769
+ .flatpickr-time {
6770
+ text-align: center;
6771
+ outline: 0;
6772
+ display: block;
6773
+ height: 0;
6774
+ line-height: 40px;
6775
+ max-height: 40px;
6776
+ box-sizing: border-box;
6777
+ overflow: hidden;
6778
+ display: flex;
6779
+ }
6780
+ .flatpickr-time:after {
6781
+ content: "";
6782
+ display: table;
6783
+ clear: both;
6784
+ }
6785
+ .flatpickr-time .numInputWrapper {
6786
+ flex: 1;
6787
+ width: 40%;
6788
+ height: 40px;
6789
+ float: left;
6790
+ }
6791
+ .flatpickr-time .numInputWrapper span.arrowUp:after {
6792
+ border-bottom-color: rgba(255,255,255,0.95);
6793
+ }
6794
+ .flatpickr-time .numInputWrapper span.arrowDown:after {
6795
+ border-top-color: rgba(255,255,255,0.95);
6796
+ }
6797
+ .flatpickr-time.hasSeconds .numInputWrapper {
6798
+ width: 26%;
6799
+ }
6800
+ .flatpickr-time.time24hr .numInputWrapper {
6801
+ width: 49%;
6802
+ }
6803
+ .flatpickr-time input {
6804
+ background: transparent;
6805
+ box-shadow: none;
6806
+ border: 0;
6807
+ border-radius: 0;
6808
+ text-align: center;
6809
+ margin: 0;
6810
+ padding: 0;
6811
+ height: inherit;
6812
+ line-height: inherit;
6813
+ color: rgba(255,255,255,0.95);
6814
+ font-size: 14px;
6815
+ position: relative;
6816
+ box-sizing: border-box;
6817
+ -webkit-appearance: textfield;
6818
+ -moz-appearance: textfield;
6819
+ appearance: textfield;
6820
+ }
6821
+ .flatpickr-time input.flatpickr-hour {
6822
+ font-weight: bold;
6823
+ }
6824
+ .flatpickr-time input.flatpickr-minute,
6825
+ .flatpickr-time input.flatpickr-second {
6826
+ font-weight: 400;
6827
+ }
6828
+ .flatpickr-time input:focus {
6829
+ outline: 0;
6830
+ border: 0;
6831
+ }
6832
+ .flatpickr-time .flatpickr-time-separator,
6833
+ .flatpickr-time .flatpickr-am-pm {
6834
+ height: inherit;
6835
+ float: left;
6836
+ line-height: inherit;
6837
+ color: rgba(255,255,255,0.95);
6838
+ font-weight: bold;
6839
+ width: 2%;
6840
+ -webkit-user-select: none;
6841
+ -moz-user-select: none;
6842
+ user-select: none;
6843
+ align-self: center;
6844
+ }
6845
+ .flatpickr-time .flatpickr-am-pm {
6846
+ outline: 0;
6847
+ width: 18%;
6848
+ cursor: pointer;
6849
+ text-align: center;
6850
+ font-weight: 400;
6851
+ }
6852
+ .flatpickr-time input:hover,
6853
+ .flatpickr-time .flatpickr-am-pm:hover,
6854
+ .flatpickr-time input:focus,
6855
+ .flatpickr-time .flatpickr-am-pm:focus {
6856
+ background: #6a7395;
6857
+ }
6858
+ .flatpickr-input[readonly] {
6859
+ cursor: pointer;
6860
+ }
6861
+ @keyframes fpFadeInDown {
6862
+ from {
6863
+ opacity: 0;
6864
+ transform: translate3d(0, -20px, 0);
6865
+ }
6866
+ to {
6867
+ opacity: 1;
6868
+ transform: translate3d(0, 0, 0);
6869
+ }
6870
+ }
6125
6871
  .focus-within\:field-focused:focus-within.field {
6126
6872
  }
6127
6873
  .focus-visible\:field-focused:focus-visible.field {
@@ -6696,5 +7442,4 @@ img.nd-Visual-image {
6696
7442
  transition-duration: 500ms;
6697
7443
  transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
6698
7444
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
6699
- }
6700
-
7445
+ }