@mirai/core 0.4.21 → 0.4.23

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 (16) hide show
  1. package/build/components/Booking/__tests__/__snapshots__/Booking.test.js.snap +0 -65
  2. package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Information.test.js.snap +4 -4
  3. package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Menu.test.js.snap +24 -624
  4. package/build/components/Checkout/__tests__/__snapshots__/Checkout.test.js.snap +0 -32
  5. package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Confirmation.test.js.snap +270 -1362
  6. package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Form.test.js.snap +4 -4
  7. package/build/components/Finder/Finder.module.css +0 -1
  8. package/build/components/Rates/__tests__/__snapshots__/Rates.test.js.snap +1204 -2244
  9. package/build/components/Rates/components/Filters/__tests__/__snapshots__/FIlters.Button.test.js.snap +1 -2
  10. package/build/components/Rates/components/Filters/__tests__/__snapshots__/Filters.test.js.snap +1 -2
  11. package/build/components/__shared__/BookingDetails/__tests__/__snapshots__/BookingDetails.test.js.snap +9 -174
  12. package/build/components/__shared__/BookingSummary/_tests__/__snapshots__/BookingSummary.test.js.snap +8 -8
  13. package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.test.js.snap +1 -1
  14. package/build/components/__shared__/Payment/__tests__/__snapshots__/Payment.test.js.snap +3 -3
  15. package/build/components/__shared__/PriceBreakdown/__tests__/__snapshots__/PriceBreakdown.test.js.snap +5 -5
  16. package/package.json +1 -1
@@ -456,62 +456,156 @@ exports[`<Rates> inherit:className 1`] = `
456
456
  <ui-view
457
457
  class="view"
458
458
  >
459
- <ui-finder
459
+ <ui-finder-compact
460
460
  class="view row"
461
461
  >
462
- <ui-layer
463
- class="container"
462
+ <ui-pressable
463
+ class="pressable"
464
+ tabindex="0"
464
465
  >
465
- <ui-pressable
466
- class="pressable"
467
- tabindex="1"
466
+ <ui-icon
467
+ class="icon headline-3"
468
468
  >
469
- <ui-icon
470
- class="icon headline-3"
469
+ <svg
470
+ fill="currentColor"
471
+ height="1em"
472
+ stroke="currentColor"
473
+ stroke-width="0"
474
+ viewBox="0 0 24 24"
475
+ width="1em"
476
+ xmlns="http://www.w3.org/2000/svg"
471
477
  >
472
- <svg
478
+ <path
479
+ d="M0 0h24v24H0V0z"
480
+ fill="none"
481
+ />
482
+ <path
483
+ d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
484
+ />
485
+ </svg>
486
+ </ui-icon>
487
+ <ui-text
488
+ class="text action"
489
+ >
490
+ common.label.check
491
+ <ui-text
492
+ style="text-decoration: underline;"
493
+ >
494
+ in ─ common.label.check
495
+ </ui-text>
496
+ out
497
+ </ui-text>
498
+ </ui-pressable>
499
+ <ui-pressable
500
+ class="pressable"
501
+ tabindex="0"
502
+ >
503
+ <ui-icon
504
+ class="icon headline-3"
505
+ >
506
+ <svg
507
+ fill="currentColor"
508
+ height="1em"
509
+ stroke="currentColor"
510
+ stroke-width="0"
511
+ viewBox="0 0 24 24"
512
+ width="1em"
513
+ xmlns="http://www.w3.org/2000/svg"
514
+ >
515
+ <path
516
+ d="M0 0h24v24H0z"
517
+ fill="none"
518
+ />
519
+ <path
520
+ d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
521
+ />
522
+ </svg>
523
+ </ui-icon>
524
+ <ui-text
525
+ class="text action"
526
+ >
527
+ · common.label.accommodation_type
528
+ </ui-text>
529
+ </ui-pressable>
530
+ <ui-pressable
531
+ class="pressable"
532
+ tabindex="0"
533
+ >
534
+ <ui-icon
535
+ class="icon headline-3"
536
+ >
537
+ <svg
538
+ fill="none"
539
+ height="1em"
540
+ stroke="currentColor"
541
+ stroke-linecap="round"
542
+ stroke-linejoin="round"
543
+ stroke-width="2"
544
+ viewBox="0 0 24 24"
545
+ width="1em"
546
+ xmlns="http://www.w3.org/2000/svg"
547
+ >
548
+ <path
549
+ d="M0 0h24v24H0z"
550
+ fill="none"
551
+ stroke="none"
552
+ />
553
+ <path
554
+ d="M9 15l6 -6"
555
+ />
556
+ <circle
557
+ cx="9.5"
558
+ cy="9.5"
473
559
  fill="currentColor"
474
- height="1em"
475
- stroke="currentColor"
476
- stroke-width="0"
477
- viewBox="0 0 24 24"
478
- width="1em"
479
- xmlns="http://www.w3.org/2000/svg"
480
- >
481
- <path
482
- d="M0 0h24v24H0V0z"
483
- fill="none"
484
- />
485
- <path
486
- d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
487
- />
488
- </svg>
489
- </ui-icon>
490
- <ui-view
491
- class="view"
560
+ r=".5"
561
+ />
562
+ <circle
563
+ cx="14.5"
564
+ cy="14.5"
565
+ fill="currentColor"
566
+ r=".5"
567
+ />
568
+ <path
569
+ d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"
570
+ />
571
+ </svg>
572
+ </ui-icon>
573
+ </ui-pressable>
574
+ <ui-button
575
+ class="pressable button small squared"
576
+ tabindex="0"
577
+ >
578
+ <ui-icon
579
+ class="icon headline-3"
580
+ >
581
+ <svg
582
+ fill="currentColor"
583
+ height="1em"
584
+ stroke="currentColor"
585
+ stroke-width="0"
586
+ viewBox="0 0 24 24"
587
+ width="1em"
588
+ xmlns="http://www.w3.org/2000/svg"
492
589
  >
493
- <ui-text
494
- class="text small"
495
- >
496
- finder.label.when
497
- </ui-text>
498
- <ui-text
499
- class="text action"
500
- >
501
- common.label.check
502
- <ui-text
503
- style="text-decoration: underline;"
504
- >
505
- in ─ common.label.check
506
- </ui-text>
507
- out
508
- </ui-text>
509
- </ui-view>
510
- </ui-pressable>
511
- </ui-layer>
590
+ <path
591
+ d="M0 0h24v24H0V0z"
592
+ fill="none"
593
+ />
594
+ <path
595
+ d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
596
+ />
597
+ </svg>
598
+ </ui-icon>
599
+ </ui-button>
600
+ </ui-finder-compact>
601
+ <ui-finder
602
+ class="view row"
603
+ >
604
+ <ui-layer
605
+ class="container"
606
+ />
512
607
  <ui-layer-content
513
608
  class="layer hidden"
514
- style="left: 0px; top: 0px;"
515
609
  >
516
610
  <ui-view
517
611
  class="view"
@@ -1721,58 +1815,9 @@ exports[`<Rates> inherit:className 1`] = `
1721
1815
  />
1722
1816
  <ui-layer
1723
1817
  class="container"
1724
- >
1725
- <ui-pressable
1726
- class="pressable"
1727
- datasource="[object Object],[object Object]"
1728
- tabindex="0"
1729
- >
1730
- <ui-icon
1731
- class="icon headline-3"
1732
- >
1733
- <svg
1734
- fill="currentColor"
1735
- height="1em"
1736
- stroke="currentColor"
1737
- stroke-width="0"
1738
- viewBox="0 0 24 24"
1739
- width="1em"
1740
- xmlns="http://www.w3.org/2000/svg"
1741
- >
1742
- <path
1743
- d="M0 0h24v24H0z"
1744
- fill="none"
1745
- />
1746
- <path
1747
- d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
1748
- />
1749
- </svg>
1750
- </ui-icon>
1751
- <ui-view
1752
- class="view"
1753
- >
1754
- <ui-text
1755
- class="text small"
1756
- >
1757
- finder.label.who
1758
- </ui-text>
1759
- <ui-text
1760
- class="text action"
1761
- >
1762
- 2 common.label.guest
1763
- <ui-text
1764
- style="text-decoration: underline;"
1765
- >
1766
- type
1767
- </ui-text>
1768
- plural · 1 common.label.accommodation_type
1769
- </ui-text>
1770
- </ui-view>
1771
- </ui-pressable>
1772
- </ui-layer>
1818
+ />
1773
1819
  <ui-layer-content
1774
1820
  class="layer hidden"
1775
- style="left: 0px; top: 0px;"
1776
1821
  >
1777
1822
  <ui-view
1778
1823
  class="view"
@@ -1968,10 +2013,12 @@ exports[`<Rates> inherit:className 1`] = `
1968
2013
  />
1969
2014
  <ui-layer
1970
2015
  class="container"
2016
+ />
2017
+ <ui-layer-content
2018
+ class="layer hidden"
1971
2019
  >
1972
- <ui-pressable
1973
- class="pressable"
1974
- tabindex="0"
2020
+ <ui-view
2021
+ class="view row"
1975
2022
  >
1976
2023
  <ui-icon
1977
2024
  class="icon headline-3"
@@ -2012,61 +2059,18 @@ exports[`<Rates> inherit:className 1`] = `
2012
2059
  />
2013
2060
  </svg>
2014
2061
  </ui-icon>
2015
- <ui-view
2016
- class="view"
2017
- >
2018
- <ui-text
2019
- class="text small"
2020
- >
2021
- common.label.promotion
2022
- </ui-text>
2023
- <ui-view
2024
- class="view row"
2025
- >
2026
- <input
2027
- class="input"
2028
- name="mirai:finder:promocode"
2029
- placeholder="common.label.promo_code"
2030
- type="text"
2031
- value=""
2032
- />
2033
- </ui-view>
2034
- </ui-view>
2035
- </ui-pressable>
2036
- </ui-layer>
2037
- <ui-layer-content
2038
- class="layer hidden"
2039
- style="left: 0px; top: 0px;"
2040
- />
2041
- <ui-button
2042
- class="pressable button large"
2043
- tabindex="0"
2044
- >
2045
- <ui-icon
2046
- class="icon headline-3"
2047
- >
2048
- <svg
2049
- fill="currentColor"
2050
- height="1em"
2051
- stroke="currentColor"
2052
- stroke-width="0"
2053
- viewBox="0 0 24 24"
2054
- width="1em"
2055
- xmlns="http://www.w3.org/2000/svg"
2056
- >
2057
- <path
2058
- d="M0 0h24v24H0V0z"
2059
- fill="none"
2060
- />
2061
- <path
2062
- d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
2063
- />
2064
- </svg>
2065
- </ui-icon>
2066
- </ui-button>
2062
+ <input
2063
+ class="input"
2064
+ name="mirai:finder:promocode"
2065
+ placeholder="common.label.promo_code"
2066
+ type="text"
2067
+ value=""
2068
+ />
2069
+ </ui-view>
2070
+ </ui-layer-content>
2067
2071
  </ui-finder>
2068
2072
  <ui-button
2069
- class="pressable button secondary"
2073
+ class="pressable button squared secondary"
2070
2074
  tabindex="0"
2071
2075
  >
2072
2076
  <ui-icon
@@ -2090,7 +2094,6 @@ exports[`<Rates> inherit:className 1`] = `
2090
2094
  />
2091
2095
  </svg>
2092
2096
  </ui-icon>
2093
- common.label.filters
2094
2097
  </ui-button>
2095
2098
  <ui-modal-overflow
2096
2099
  class="pressable container overflow"
@@ -2780,376 +2783,113 @@ exports[`<Rates> inherit:className 1`] = `
2780
2783
  </ui-view>
2781
2784
  </ui-view>
2782
2785
  </ui-view>
2786
+ </ui-view>
2787
+ </ui-view>
2788
+ <ui-view
2789
+ class="view"
2790
+ >
2791
+ <ui-view
2792
+ class="view"
2793
+ >
2783
2794
  <ui-view
2784
- class="view"
2785
- style="box-sizing: border-box; flex: 1; overflow: hidden;"
2795
+ class="view wide"
2796
+ />
2797
+ </ui-view>
2798
+ </ui-view>
2799
+ </ui-view>
2800
+ <ui-modal-overflow
2801
+ class="pressable container overflow"
2802
+ style="height: 768px;"
2803
+ tabindex="0"
2804
+ >
2805
+ <ui-modal
2806
+ class="view fit modal"
2807
+ >
2808
+ <ui-view
2809
+ class="view row header hideBack"
2810
+ >
2811
+ <ui-button
2812
+ class="pressable button small squared transparent"
2813
+ tabindex="0"
2786
2814
  >
2787
- <ui-view
2788
- class="view"
2789
- style="border-radius: 0; min-height: 208px;"
2790
- />
2791
- <ui-view
2792
- class="view row"
2793
- style="gap: 1rem; padding: 0.75rem 1rem;"
2815
+ <ui-icon
2816
+ class="icon headline-3 icon"
2794
2817
  >
2795
- <ui-text
2796
- class="text small"
2797
- >
2798
- 12 m²
2799
- </ui-text>
2800
- <ui-text
2801
- class="text small"
2802
- >
2803
- 2p
2804
- </ui-text>
2805
- <ui-text
2806
- class="text small"
2818
+ <svg
2819
+ fill="currentColor"
2820
+ height="1em"
2821
+ stroke="currentColor"
2822
+ stroke-width="0"
2823
+ viewBox="0 0 24 24"
2824
+ width="1em"
2825
+ xmlns="http://www.w3.org/2000/svg"
2807
2826
  >
2808
- King Size
2809
- </ui-text>
2810
- </ui-view>
2827
+ <path
2828
+ d="M0 0h24v24H0V0z"
2829
+ fill="none"
2830
+ />
2831
+ <path
2832
+ d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
2833
+ />
2834
+ </svg>
2835
+ </ui-icon>
2836
+ </ui-button>
2837
+ </ui-view>
2838
+ <ui-view
2839
+ class="view"
2840
+ />
2841
+ <ui-view
2842
+ class="view"
2843
+ >
2844
+ <ui-view
2845
+ class="view"
2846
+ />
2847
+ <ui-view
2848
+ class="view"
2849
+ >
2850
+ <ui-text
2851
+ class="text bold headline-3"
2852
+ />
2853
+ <ui-text
2854
+ class="text light action"
2855
+ />
2811
2856
  <ui-view
2812
2857
  class="view"
2813
- style="gap: 0.5rem; padding: 1rem;"
2814
- >
2815
- <ui-text
2816
- class="text headline-2"
2817
- >
2818
- Superior Room
2819
- </ui-text>
2820
- <ui-text
2821
- class="text action"
2822
- >
2823
- Free wifi internet
2824
- </ui-text>
2825
- <ui-text
2826
- class="text action"
2827
- >
2828
- Television
2829
- </ui-text>
2830
- <ui-text
2831
- class="text action"
2832
- >
2833
- Mini-bar
2834
- </ui-text>
2835
- <ui-text
2836
- class="text action"
2837
- >
2838
- Heating
2839
- </ui-text>
2840
- <ui-text
2841
- class="text action"
2842
- >
2843
- More Info +
2844
- </ui-text>
2845
- </ui-view>
2858
+ />
2846
2859
  <ui-view
2847
- class="view wide"
2848
- style="height: 100%;"
2860
+ class="view row"
2849
2861
  >
2850
2862
  <ui-view
2851
2863
  class="view"
2852
- style="gap: 0.5rem; padding: 1rem;"
2853
2864
  >
2854
2865
  <ui-text
2855
- class="text action"
2866
+ class="text bold paragraph"
2856
2867
  >
2857
- Cancellation type
2868
+ 0 €
2858
2869
  </ui-text>
2859
- <ui-view
2860
- class="view"
2870
+ <ui-text
2871
+ class="text light small"
2861
2872
  >
2862
- <ui-view
2863
- class="view row"
2864
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
2865
- >
2866
- <ui-view
2867
- class="view row"
2868
- style="gap: 0.5rem;"
2869
- >
2870
- <ui-view
2871
- class="view"
2872
- height="1rem"
2873
- width="1rem"
2874
- />
2875
- <ui-text
2876
- class="text action"
2877
- >
2878
- Free cancelation
2879
- </ui-text>
2880
- </ui-view>
2881
- <ui-text
2882
- class="text action"
2883
- >
2884
- $0.00
2885
- </ui-text>
2886
- </ui-view>
2887
- <ui-view
2888
- class="view row"
2889
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
2890
- >
2891
- <ui-view
2892
- class="view row"
2893
- style="gap: 0.5rem;"
2894
- >
2895
- <ui-view
2896
- class="view"
2897
- height="1rem"
2898
- width="1rem"
2899
- />
2900
- <ui-text
2901
- class="text action"
2902
- >
2903
- Free cancelation until apr 10
2904
- </ui-text>
2905
- </ui-view>
2906
- <ui-text
2907
- class="text action"
2908
- >
2909
- $19.95
2910
- </ui-text>
2911
- </ui-view>
2912
- </ui-view>
2873
+ NaN € finder.label.per_night
2874
+ </ui-text>
2913
2875
  </ui-view>
2914
2876
  <ui-view
2915
2877
  class="view"
2916
- style="gap: 0.5rem; padding: 1rem; flex: 1;"
2878
+ />
2879
+ <ui-button
2880
+ class="pressable button small"
2881
+ disabled="false"
2882
+ tabindex="0"
2917
2883
  >
2918
- <ui-text
2919
- class="text action"
2920
- >
2921
- Extras
2922
- </ui-text>
2923
2884
  <ui-view
2924
- class="view"
2885
+ class="view busyContainer"
2925
2886
  >
2926
2887
  <ui-view
2927
- class="view row"
2928
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
2929
- >
2930
- <ui-view
2931
- class="view row"
2932
- style="gap: 0.5rem;"
2933
- >
2934
- <ui-view
2935
- class="view"
2936
- height="1rem"
2937
- width="1rem"
2938
- />
2939
- <ui-text
2940
- class="text action"
2941
- >
2942
- Only room
2943
- </ui-text>
2944
- </ui-view>
2945
- <ui-text
2946
- class="text action"
2947
- >
2948
- $0.00
2949
- </ui-text>
2950
- </ui-view>
2951
- <ui-view
2952
- class="view row"
2953
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
2954
- >
2955
- <ui-view
2956
- class="view row"
2957
- style="gap: 0.5rem;"
2958
- >
2959
- <ui-view
2960
- class="view"
2961
- height="1rem"
2962
- width="1rem"
2963
- />
2964
- <ui-text
2965
- class="text action"
2966
- >
2967
- Breakfast included
2968
- </ui-text>
2969
- </ui-view>
2970
- <ui-text
2971
- class="text action"
2972
- >
2973
- $19.95
2974
- </ui-text>
2975
- </ui-view>
2976
- <ui-view
2977
- class="view row"
2978
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
2979
- >
2980
- <ui-view
2981
- class="view row"
2982
- style="gap: 0.5rem;"
2983
- >
2984
- <ui-view
2985
- class="view"
2986
- height="1rem"
2987
- width="1rem"
2988
- />
2989
- <ui-text
2990
- class="text action"
2991
- >
2992
- All included
2993
- </ui-text>
2994
- </ui-view>
2995
- <ui-text
2996
- class="text action"
2997
- >
2998
- $39.95
2999
- </ui-text>
3000
- </ui-view>
2888
+ class="view spinner"
2889
+ />
3001
2890
  </ui-view>
3002
- </ui-view>
3003
- <ui-view
3004
- class="view row"
3005
- style="align-items: flex-end; justify-content: space-between; padding: 1rem;"
3006
- >
3007
2891
  <ui-view
3008
- class="view"
3009
- style="gap: 0.5rem;"
3010
- >
3011
- <ui-text
3012
- class="text small"
3013
- >
3014
- 5% off
3015
- </ui-text>
3016
- <ui-text
3017
- class="text headline-2"
3018
- >
3019
- $199.50
3020
- </ui-text>
3021
- <ui-text
3022
- class="text small"
3023
- >
3024
- $19.95 per unit & night
3025
- </ui-text>
3026
- <ui-text
3027
- class="text small"
3028
- >
3029
- Includes taxes and fees
3030
- </ui-text>
3031
- <ui-text
3032
- class="text small"
3033
- >
3034
- Price details +
3035
- </ui-text>
3036
- </ui-view>
3037
- <ui-text
3038
- class="text action"
3039
- style="height: 3rem; width: 7rem;"
3040
- >
3041
- Reserve
3042
- </ui-text>
3043
- </ui-view>
3044
- </ui-view>
3045
- </ui-view>
3046
- </ui-view>
3047
- </ui-view>
3048
- <ui-view
3049
- class="view"
3050
- >
3051
- <ui-view
3052
- class="view"
3053
- >
3054
- <ui-view
3055
- class="view wide"
3056
- />
3057
- </ui-view>
3058
- </ui-view>
3059
- </ui-view>
3060
- <ui-modal-overflow
3061
- class="pressable container overflow"
3062
- style="height: 768px;"
3063
- tabindex="0"
3064
- >
3065
- <ui-modal
3066
- class="view fit modal"
3067
- >
3068
- <ui-view
3069
- class="view row header hideBack"
3070
- >
3071
- <ui-button
3072
- class="pressable button small squared transparent"
3073
- tabindex="0"
3074
- >
3075
- <ui-icon
3076
- class="icon headline-3 icon"
3077
- >
3078
- <svg
3079
- fill="currentColor"
3080
- height="1em"
3081
- stroke="currentColor"
3082
- stroke-width="0"
3083
- viewBox="0 0 24 24"
3084
- width="1em"
3085
- xmlns="http://www.w3.org/2000/svg"
3086
- >
3087
- <path
3088
- d="M0 0h24v24H0V0z"
3089
- fill="none"
3090
- />
3091
- <path
3092
- d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
3093
- />
3094
- </svg>
3095
- </ui-icon>
3096
- </ui-button>
3097
- </ui-view>
3098
- <ui-view
3099
- class="view"
3100
- />
3101
- <ui-view
3102
- class="view"
3103
- >
3104
- <ui-view
3105
- class="view"
3106
- />
3107
- <ui-view
3108
- class="view"
3109
- >
3110
- <ui-text
3111
- class="text bold headline-3"
3112
- />
3113
- <ui-text
3114
- class="text light action"
3115
- />
3116
- <ui-view
3117
- class="view"
3118
- />
3119
- <ui-view
3120
- class="view row"
3121
- >
3122
- <ui-view
3123
- class="view"
3124
- >
3125
- <ui-text
3126
- class="text bold paragraph"
3127
- >
3128
- 0 €
3129
- </ui-text>
3130
- <ui-text
3131
- class="text light small"
3132
- >
3133
- NaN € finder.label.per_night
3134
- </ui-text>
3135
- </ui-view>
3136
- <ui-view
3137
- class="view"
3138
- />
3139
- <ui-button
3140
- class="pressable button small"
3141
- disabled="false"
3142
- tabindex="0"
3143
- >
3144
- <ui-view
3145
- class="view busyContainer"
3146
- >
3147
- <ui-view
3148
- class="view spinner"
3149
- />
3150
- </ui-view>
3151
- <ui-view
3152
- class="view row children"
2892
+ class="view row children"
3153
2893
  >
3154
2894
  common.action.view_more
3155
2895
  </ui-view>
@@ -3657,115 +3397,209 @@ exports[`<Rates> renders 1`] = `
3657
3397
  <ui-view
3658
3398
  class="view"
3659
3399
  >
3660
- <ui-finder
3400
+ <ui-finder-compact
3661
3401
  class="view row"
3662
3402
  >
3663
- <ui-layer
3664
- class="container"
3403
+ <ui-pressable
3404
+ class="pressable"
3405
+ tabindex="0"
3665
3406
  >
3666
- <ui-pressable
3667
- class="pressable"
3668
- tabindex="1"
3407
+ <ui-icon
3408
+ class="icon headline-3"
3669
3409
  >
3670
- <ui-icon
3671
- class="icon headline-3"
3410
+ <svg
3411
+ fill="currentColor"
3412
+ height="1em"
3413
+ stroke="currentColor"
3414
+ stroke-width="0"
3415
+ viewBox="0 0 24 24"
3416
+ width="1em"
3417
+ xmlns="http://www.w3.org/2000/svg"
3672
3418
  >
3673
- <svg
3674
- fill="currentColor"
3675
- height="1em"
3676
- stroke="currentColor"
3677
- stroke-width="0"
3678
- viewBox="0 0 24 24"
3679
- width="1em"
3680
- xmlns="http://www.w3.org/2000/svg"
3681
- >
3682
- <path
3683
- d="M0 0h24v24H0V0z"
3684
- fill="none"
3685
- />
3686
- <path
3687
- d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
3688
- />
3689
- </svg>
3690
- </ui-icon>
3691
- <ui-view
3692
- class="view"
3419
+ <path
3420
+ d="M0 0h24v24H0V0z"
3421
+ fill="none"
3422
+ />
3423
+ <path
3424
+ d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
3425
+ />
3426
+ </svg>
3427
+ </ui-icon>
3428
+ <ui-text
3429
+ class="text action"
3430
+ >
3431
+ common.label.check
3432
+ <ui-text
3433
+ style="text-decoration: underline;"
3693
3434
  >
3694
- <ui-text
3695
- class="text small"
3696
- >
3697
- finder.label.when
3698
- </ui-text>
3699
- <ui-text
3700
- class="text action"
3701
- >
3702
- common.label.check
3703
- <ui-text
3704
- style="text-decoration: underline;"
3705
- >
3706
- in ─ common.label.check
3707
- </ui-text>
3708
- out
3709
- </ui-text>
3710
- </ui-view>
3711
- </ui-pressable>
3712
- </ui-layer>
3713
- <ui-layer-content
3714
- class="layer hidden"
3715
- style="left: 0px; top: 0px;"
3435
+ in ─ common.label.check
3436
+ </ui-text>
3437
+ out
3438
+ </ui-text>
3439
+ </ui-pressable>
3440
+ <ui-pressable
3441
+ class="pressable"
3442
+ tabindex="0"
3716
3443
  >
3717
- <ui-view
3718
- class="view"
3444
+ <ui-icon
3445
+ class="icon headline-3"
3719
3446
  >
3720
- <ui-calendar
3721
- class="view calendar"
3447
+ <svg
3448
+ fill="currentColor"
3449
+ height="1em"
3450
+ stroke="currentColor"
3451
+ stroke-width="0"
3452
+ viewBox="0 0 24 24"
3453
+ width="1em"
3454
+ xmlns="http://www.w3.org/2000/svg"
3722
3455
  >
3723
- <ui-scrollview
3724
- class="scrollview snap horizontal notIndicator scrollview"
3725
- >
3726
- <ui-calendar-month
3727
- class="view month"
3728
- >
3729
- <ui-view
3730
- class="view forceRow header"
3731
- >
3732
- <ui-text
3733
- class="text bold paragraph title"
3734
- >
3735
- enero 2025
3736
- </ui-text>
3737
- </ui-view>
3738
- <ui-calendar-weekdays
3739
- class="view forceRow weekdays"
3740
- >
3741
- <ui-text
3742
- class="text small cell weekday"
3743
- >
3744
- lun
3745
- </ui-text>
3746
- <ui-text
3747
- class="text small cell weekday"
3748
- >
3749
- mar
3750
- </ui-text>
3751
- <ui-text
3752
- class="text small cell weekday"
3753
- >
3754
- mié
3755
- </ui-text>
3756
- <ui-text
3757
- class="text small cell weekday"
3758
- >
3759
- jue
3760
- </ui-text>
3761
- <ui-text
3762
- class="text small cell weekday"
3763
- >
3764
- vie
3765
- </ui-text>
3766
- <ui-text
3767
- class="text small cell weekday"
3768
- >
3456
+ <path
3457
+ d="M0 0h24v24H0z"
3458
+ fill="none"
3459
+ />
3460
+ <path
3461
+ d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
3462
+ />
3463
+ </svg>
3464
+ </ui-icon>
3465
+ <ui-text
3466
+ class="text action"
3467
+ >
3468
+ · common.label.accommodation_type
3469
+ </ui-text>
3470
+ </ui-pressable>
3471
+ <ui-pressable
3472
+ class="pressable"
3473
+ tabindex="0"
3474
+ >
3475
+ <ui-icon
3476
+ class="icon headline-3"
3477
+ >
3478
+ <svg
3479
+ fill="none"
3480
+ height="1em"
3481
+ stroke="currentColor"
3482
+ stroke-linecap="round"
3483
+ stroke-linejoin="round"
3484
+ stroke-width="2"
3485
+ viewBox="0 0 24 24"
3486
+ width="1em"
3487
+ xmlns="http://www.w3.org/2000/svg"
3488
+ >
3489
+ <path
3490
+ d="M0 0h24v24H0z"
3491
+ fill="none"
3492
+ stroke="none"
3493
+ />
3494
+ <path
3495
+ d="M9 15l6 -6"
3496
+ />
3497
+ <circle
3498
+ cx="9.5"
3499
+ cy="9.5"
3500
+ fill="currentColor"
3501
+ r=".5"
3502
+ />
3503
+ <circle
3504
+ cx="14.5"
3505
+ cy="14.5"
3506
+ fill="currentColor"
3507
+ r=".5"
3508
+ />
3509
+ <path
3510
+ d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"
3511
+ />
3512
+ </svg>
3513
+ </ui-icon>
3514
+ </ui-pressable>
3515
+ <ui-button
3516
+ class="pressable button small squared"
3517
+ tabindex="0"
3518
+ >
3519
+ <ui-icon
3520
+ class="icon headline-3"
3521
+ >
3522
+ <svg
3523
+ fill="currentColor"
3524
+ height="1em"
3525
+ stroke="currentColor"
3526
+ stroke-width="0"
3527
+ viewBox="0 0 24 24"
3528
+ width="1em"
3529
+ xmlns="http://www.w3.org/2000/svg"
3530
+ >
3531
+ <path
3532
+ d="M0 0h24v24H0V0z"
3533
+ fill="none"
3534
+ />
3535
+ <path
3536
+ d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
3537
+ />
3538
+ </svg>
3539
+ </ui-icon>
3540
+ </ui-button>
3541
+ </ui-finder-compact>
3542
+ <ui-finder
3543
+ class="view row"
3544
+ >
3545
+ <ui-layer
3546
+ class="container"
3547
+ />
3548
+ <ui-layer-content
3549
+ class="layer hidden"
3550
+ >
3551
+ <ui-view
3552
+ class="view"
3553
+ >
3554
+ <ui-calendar
3555
+ class="view calendar"
3556
+ >
3557
+ <ui-scrollview
3558
+ class="scrollview snap horizontal notIndicator scrollview"
3559
+ >
3560
+ <ui-calendar-month
3561
+ class="view month"
3562
+ >
3563
+ <ui-view
3564
+ class="view forceRow header"
3565
+ >
3566
+ <ui-text
3567
+ class="text bold paragraph title"
3568
+ >
3569
+ enero 2025
3570
+ </ui-text>
3571
+ </ui-view>
3572
+ <ui-calendar-weekdays
3573
+ class="view forceRow weekdays"
3574
+ >
3575
+ <ui-text
3576
+ class="text small cell weekday"
3577
+ >
3578
+ lun
3579
+ </ui-text>
3580
+ <ui-text
3581
+ class="text small cell weekday"
3582
+ >
3583
+ mar
3584
+ </ui-text>
3585
+ <ui-text
3586
+ class="text small cell weekday"
3587
+ >
3588
+ mié
3589
+ </ui-text>
3590
+ <ui-text
3591
+ class="text small cell weekday"
3592
+ >
3593
+ jue
3594
+ </ui-text>
3595
+ <ui-text
3596
+ class="text small cell weekday"
3597
+ >
3598
+ vie
3599
+ </ui-text>
3600
+ <ui-text
3601
+ class="text small cell weekday"
3602
+ >
3769
3603
  sáb
3770
3604
  </ui-text>
3771
3605
  <ui-text
@@ -4922,58 +4756,9 @@ exports[`<Rates> renders 1`] = `
4922
4756
  />
4923
4757
  <ui-layer
4924
4758
  class="container"
4925
- >
4926
- <ui-pressable
4927
- class="pressable"
4928
- datasource="[object Object],[object Object]"
4929
- tabindex="0"
4930
- >
4931
- <ui-icon
4932
- class="icon headline-3"
4933
- >
4934
- <svg
4935
- fill="currentColor"
4936
- height="1em"
4937
- stroke="currentColor"
4938
- stroke-width="0"
4939
- viewBox="0 0 24 24"
4940
- width="1em"
4941
- xmlns="http://www.w3.org/2000/svg"
4942
- >
4943
- <path
4944
- d="M0 0h24v24H0z"
4945
- fill="none"
4946
- />
4947
- <path
4948
- d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
4949
- />
4950
- </svg>
4951
- </ui-icon>
4952
- <ui-view
4953
- class="view"
4954
- >
4955
- <ui-text
4956
- class="text small"
4957
- >
4958
- finder.label.who
4959
- </ui-text>
4960
- <ui-text
4961
- class="text action"
4962
- >
4963
- 2 common.label.guest
4964
- <ui-text
4965
- style="text-decoration: underline;"
4966
- >
4967
- type
4968
- </ui-text>
4969
- plural · 1 common.label.accommodation_type
4970
- </ui-text>
4971
- </ui-view>
4972
- </ui-pressable>
4973
- </ui-layer>
4759
+ />
4974
4760
  <ui-layer-content
4975
4761
  class="layer hidden"
4976
- style="left: 0px; top: 0px;"
4977
4762
  >
4978
4763
  <ui-view
4979
4764
  class="view"
@@ -5169,10 +4954,12 @@ exports[`<Rates> renders 1`] = `
5169
4954
  />
5170
4955
  <ui-layer
5171
4956
  class="container"
4957
+ />
4958
+ <ui-layer-content
4959
+ class="layer hidden"
5172
4960
  >
5173
- <ui-pressable
5174
- class="pressable"
5175
- tabindex="0"
4961
+ <ui-view
4962
+ class="view row"
5176
4963
  >
5177
4964
  <ui-icon
5178
4965
  class="icon headline-3"
@@ -5213,61 +5000,18 @@ exports[`<Rates> renders 1`] = `
5213
5000
  />
5214
5001
  </svg>
5215
5002
  </ui-icon>
5216
- <ui-view
5217
- class="view"
5218
- >
5219
- <ui-text
5220
- class="text small"
5221
- >
5222
- common.label.promotion
5223
- </ui-text>
5224
- <ui-view
5225
- class="view row"
5226
- >
5227
- <input
5228
- class="input"
5229
- name="mirai:finder:promocode"
5230
- placeholder="common.label.promo_code"
5231
- type="text"
5232
- value=""
5233
- />
5234
- </ui-view>
5235
- </ui-view>
5236
- </ui-pressable>
5237
- </ui-layer>
5238
- <ui-layer-content
5239
- class="layer hidden"
5240
- style="left: 0px; top: 0px;"
5241
- />
5242
- <ui-button
5243
- class="pressable button large"
5244
- tabindex="0"
5245
- >
5246
- <ui-icon
5247
- class="icon headline-3"
5248
- >
5249
- <svg
5250
- fill="currentColor"
5251
- height="1em"
5252
- stroke="currentColor"
5253
- stroke-width="0"
5254
- viewBox="0 0 24 24"
5255
- width="1em"
5256
- xmlns="http://www.w3.org/2000/svg"
5257
- >
5258
- <path
5259
- d="M0 0h24v24H0V0z"
5260
- fill="none"
5261
- />
5262
- <path
5263
- d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
5264
- />
5265
- </svg>
5266
- </ui-icon>
5267
- </ui-button>
5003
+ <input
5004
+ class="input"
5005
+ name="mirai:finder:promocode"
5006
+ placeholder="common.label.promo_code"
5007
+ type="text"
5008
+ value=""
5009
+ />
5010
+ </ui-view>
5011
+ </ui-layer-content>
5268
5012
  </ui-finder>
5269
5013
  <ui-button
5270
- class="pressable button secondary"
5014
+ class="pressable button squared secondary"
5271
5015
  tabindex="0"
5272
5016
  >
5273
5017
  <ui-icon
@@ -5291,7 +5035,6 @@ exports[`<Rates> renders 1`] = `
5291
5035
  />
5292
5036
  </svg>
5293
5037
  </ui-icon>
5294
- common.label.filters
5295
5038
  </ui-button>
5296
5039
  <ui-modal-overflow
5297
5040
  class="pressable container overflow"
@@ -5981,376 +5724,113 @@ exports[`<Rates> renders 1`] = `
5981
5724
  </ui-view>
5982
5725
  </ui-view>
5983
5726
  </ui-view>
5727
+ </ui-view>
5728
+ </ui-view>
5729
+ <ui-view
5730
+ class="view"
5731
+ >
5732
+ <ui-view
5733
+ class="view"
5734
+ >
5984
5735
  <ui-view
5985
- class="view"
5986
- style="box-sizing: border-box; flex: 1; overflow: hidden;"
5736
+ class="view wide"
5737
+ />
5738
+ </ui-view>
5739
+ </ui-view>
5740
+ </ui-view>
5741
+ <ui-modal-overflow
5742
+ class="pressable container overflow"
5743
+ style="height: 768px;"
5744
+ tabindex="0"
5745
+ >
5746
+ <ui-modal
5747
+ class="view fit modal"
5748
+ >
5749
+ <ui-view
5750
+ class="view row header hideBack"
5751
+ >
5752
+ <ui-button
5753
+ class="pressable button small squared transparent"
5754
+ tabindex="0"
5987
5755
  >
5988
- <ui-view
5989
- class="view"
5990
- style="border-radius: 0; min-height: 208px;"
5991
- />
5992
- <ui-view
5993
- class="view row"
5994
- style="gap: 1rem; padding: 0.75rem 1rem;"
5756
+ <ui-icon
5757
+ class="icon headline-3 icon"
5995
5758
  >
5996
- <ui-text
5997
- class="text small"
5759
+ <svg
5760
+ fill="currentColor"
5761
+ height="1em"
5762
+ stroke="currentColor"
5763
+ stroke-width="0"
5764
+ viewBox="0 0 24 24"
5765
+ width="1em"
5766
+ xmlns="http://www.w3.org/2000/svg"
5998
5767
  >
5999
- 12 m²
6000
- </ui-text>
6001
- <ui-text
6002
- class="text small"
6003
- >
6004
- 2p
6005
- </ui-text>
6006
- <ui-text
6007
- class="text small"
6008
- >
6009
- King Size
6010
- </ui-text>
6011
- </ui-view>
5768
+ <path
5769
+ d="M0 0h24v24H0V0z"
5770
+ fill="none"
5771
+ />
5772
+ <path
5773
+ d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
5774
+ />
5775
+ </svg>
5776
+ </ui-icon>
5777
+ </ui-button>
5778
+ </ui-view>
5779
+ <ui-view
5780
+ class="view"
5781
+ />
5782
+ <ui-view
5783
+ class="view"
5784
+ >
5785
+ <ui-view
5786
+ class="view"
5787
+ />
5788
+ <ui-view
5789
+ class="view"
5790
+ >
5791
+ <ui-text
5792
+ class="text bold headline-3"
5793
+ />
5794
+ <ui-text
5795
+ class="text light action"
5796
+ />
6012
5797
  <ui-view
6013
5798
  class="view"
6014
- style="gap: 0.5rem; padding: 1rem;"
6015
- >
6016
- <ui-text
6017
- class="text headline-2"
6018
- >
6019
- Superior Room
6020
- </ui-text>
6021
- <ui-text
6022
- class="text action"
6023
- >
6024
- Free wifi internet
6025
- </ui-text>
6026
- <ui-text
6027
- class="text action"
6028
- >
6029
- Television
6030
- </ui-text>
6031
- <ui-text
6032
- class="text action"
6033
- >
6034
- Mini-bar
6035
- </ui-text>
6036
- <ui-text
6037
- class="text action"
6038
- >
6039
- Heating
6040
- </ui-text>
6041
- <ui-text
6042
- class="text action"
6043
- >
6044
- More Info +
6045
- </ui-text>
6046
- </ui-view>
5799
+ />
6047
5800
  <ui-view
6048
- class="view wide"
6049
- style="height: 100%;"
5801
+ class="view row"
6050
5802
  >
6051
5803
  <ui-view
6052
5804
  class="view"
6053
- style="gap: 0.5rem; padding: 1rem;"
6054
5805
  >
6055
5806
  <ui-text
6056
- class="text action"
5807
+ class="text bold paragraph"
6057
5808
  >
6058
- Cancellation type
5809
+ 0 €
6059
5810
  </ui-text>
6060
- <ui-view
6061
- class="view"
5811
+ <ui-text
5812
+ class="text light small"
6062
5813
  >
6063
- <ui-view
6064
- class="view row"
6065
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
6066
- >
6067
- <ui-view
6068
- class="view row"
6069
- style="gap: 0.5rem;"
6070
- >
6071
- <ui-view
6072
- class="view"
6073
- height="1rem"
6074
- width="1rem"
6075
- />
6076
- <ui-text
6077
- class="text action"
6078
- >
6079
- Free cancelation
6080
- </ui-text>
6081
- </ui-view>
6082
- <ui-text
6083
- class="text action"
6084
- >
6085
- $0.00
6086
- </ui-text>
6087
- </ui-view>
6088
- <ui-view
6089
- class="view row"
6090
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
6091
- >
6092
- <ui-view
6093
- class="view row"
6094
- style="gap: 0.5rem;"
6095
- >
6096
- <ui-view
6097
- class="view"
6098
- height="1rem"
6099
- width="1rem"
6100
- />
6101
- <ui-text
6102
- class="text action"
6103
- >
6104
- Free cancelation until apr 10
6105
- </ui-text>
6106
- </ui-view>
6107
- <ui-text
6108
- class="text action"
6109
- >
6110
- $19.95
6111
- </ui-text>
6112
- </ui-view>
6113
- </ui-view>
5814
+ NaN € finder.label.per_night
5815
+ </ui-text>
6114
5816
  </ui-view>
6115
5817
  <ui-view
6116
5818
  class="view"
6117
- style="gap: 0.5rem; padding: 1rem; flex: 1;"
5819
+ />
5820
+ <ui-button
5821
+ class="pressable button small"
5822
+ disabled="false"
5823
+ tabindex="0"
6118
5824
  >
6119
- <ui-text
6120
- class="text action"
6121
- >
6122
- Extras
6123
- </ui-text>
6124
5825
  <ui-view
6125
- class="view"
5826
+ class="view busyContainer"
6126
5827
  >
6127
5828
  <ui-view
6128
- class="view row"
6129
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
6130
- >
6131
- <ui-view
6132
- class="view row"
6133
- style="gap: 0.5rem;"
6134
- >
6135
- <ui-view
6136
- class="view"
6137
- height="1rem"
6138
- width="1rem"
6139
- />
6140
- <ui-text
6141
- class="text action"
6142
- >
6143
- Only room
6144
- </ui-text>
6145
- </ui-view>
6146
- <ui-text
6147
- class="text action"
6148
- >
6149
- $0.00
6150
- </ui-text>
6151
- </ui-view>
6152
- <ui-view
6153
- class="view row"
6154
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
6155
- >
6156
- <ui-view
6157
- class="view row"
6158
- style="gap: 0.5rem;"
6159
- >
6160
- <ui-view
6161
- class="view"
6162
- height="1rem"
6163
- width="1rem"
6164
- />
6165
- <ui-text
6166
- class="text action"
6167
- >
6168
- Breakfast included
6169
- </ui-text>
6170
- </ui-view>
6171
- <ui-text
6172
- class="text action"
6173
- >
6174
- $19.95
6175
- </ui-text>
6176
- </ui-view>
6177
- <ui-view
6178
- class="view row"
6179
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
6180
- >
6181
- <ui-view
6182
- class="view row"
6183
- style="gap: 0.5rem;"
6184
- >
6185
- <ui-view
6186
- class="view"
6187
- height="1rem"
6188
- width="1rem"
6189
- />
6190
- <ui-text
6191
- class="text action"
6192
- >
6193
- All included
6194
- </ui-text>
6195
- </ui-view>
6196
- <ui-text
6197
- class="text action"
6198
- >
6199
- $39.95
6200
- </ui-text>
6201
- </ui-view>
5829
+ class="view spinner"
5830
+ />
6202
5831
  </ui-view>
6203
- </ui-view>
6204
- <ui-view
6205
- class="view row"
6206
- style="align-items: flex-end; justify-content: space-between; padding: 1rem;"
6207
- >
6208
5832
  <ui-view
6209
- class="view"
6210
- style="gap: 0.5rem;"
6211
- >
6212
- <ui-text
6213
- class="text small"
6214
- >
6215
- 5% off
6216
- </ui-text>
6217
- <ui-text
6218
- class="text headline-2"
6219
- >
6220
- $199.50
6221
- </ui-text>
6222
- <ui-text
6223
- class="text small"
6224
- >
6225
- $19.95 per unit & night
6226
- </ui-text>
6227
- <ui-text
6228
- class="text small"
6229
- >
6230
- Includes taxes and fees
6231
- </ui-text>
6232
- <ui-text
6233
- class="text small"
6234
- >
6235
- Price details +
6236
- </ui-text>
6237
- </ui-view>
6238
- <ui-text
6239
- class="text action"
6240
- style="height: 3rem; width: 7rem;"
6241
- >
6242
- Reserve
6243
- </ui-text>
6244
- </ui-view>
6245
- </ui-view>
6246
- </ui-view>
6247
- </ui-view>
6248
- </ui-view>
6249
- <ui-view
6250
- class="view"
6251
- >
6252
- <ui-view
6253
- class="view"
6254
- >
6255
- <ui-view
6256
- class="view wide"
6257
- />
6258
- </ui-view>
6259
- </ui-view>
6260
- </ui-view>
6261
- <ui-modal-overflow
6262
- class="pressable container overflow"
6263
- style="height: 768px;"
6264
- tabindex="0"
6265
- >
6266
- <ui-modal
6267
- class="view fit modal"
6268
- >
6269
- <ui-view
6270
- class="view row header hideBack"
6271
- >
6272
- <ui-button
6273
- class="pressable button small squared transparent"
6274
- tabindex="0"
6275
- >
6276
- <ui-icon
6277
- class="icon headline-3 icon"
6278
- >
6279
- <svg
6280
- fill="currentColor"
6281
- height="1em"
6282
- stroke="currentColor"
6283
- stroke-width="0"
6284
- viewBox="0 0 24 24"
6285
- width="1em"
6286
- xmlns="http://www.w3.org/2000/svg"
6287
- >
6288
- <path
6289
- d="M0 0h24v24H0V0z"
6290
- fill="none"
6291
- />
6292
- <path
6293
- d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
6294
- />
6295
- </svg>
6296
- </ui-icon>
6297
- </ui-button>
6298
- </ui-view>
6299
- <ui-view
6300
- class="view"
6301
- />
6302
- <ui-view
6303
- class="view"
6304
- >
6305
- <ui-view
6306
- class="view"
6307
- />
6308
- <ui-view
6309
- class="view"
6310
- >
6311
- <ui-text
6312
- class="text bold headline-3"
6313
- />
6314
- <ui-text
6315
- class="text light action"
6316
- />
6317
- <ui-view
6318
- class="view"
6319
- />
6320
- <ui-view
6321
- class="view row"
6322
- >
6323
- <ui-view
6324
- class="view"
6325
- >
6326
- <ui-text
6327
- class="text bold paragraph"
6328
- >
6329
- 0 €
6330
- </ui-text>
6331
- <ui-text
6332
- class="text light small"
6333
- >
6334
- NaN € finder.label.per_night
6335
- </ui-text>
6336
- </ui-view>
6337
- <ui-view
6338
- class="view"
6339
- />
6340
- <ui-button
6341
- class="pressable button small"
6342
- disabled="false"
6343
- tabindex="0"
6344
- >
6345
- <ui-view
6346
- class="view busyContainer"
6347
- >
6348
- <ui-view
6349
- class="view spinner"
6350
- />
6351
- </ui-view>
6352
- <ui-view
6353
- class="view row children"
5833
+ class="view row children"
6354
5834
  >
6355
5835
  common.action.view_more
6356
5836
  </ui-view>
@@ -6858,128 +6338,222 @@ exports[`<Rates> renders:skeleton 1`] = `
6858
6338
  <ui-view
6859
6339
  class="view"
6860
6340
  >
6861
- <ui-finder
6341
+ <ui-finder-compact
6862
6342
  class="view row"
6863
6343
  >
6864
- <ui-layer
6865
- class="container"
6344
+ <ui-pressable
6345
+ class="pressable"
6346
+ tabindex="0"
6866
6347
  >
6867
- <ui-pressable
6868
- class="pressable"
6869
- tabindex="1"
6348
+ <ui-icon
6349
+ class="icon headline-3"
6870
6350
  >
6871
- <ui-icon
6872
- class="icon headline-3"
6351
+ <svg
6352
+ fill="currentColor"
6353
+ height="1em"
6354
+ stroke="currentColor"
6355
+ stroke-width="0"
6356
+ viewBox="0 0 24 24"
6357
+ width="1em"
6358
+ xmlns="http://www.w3.org/2000/svg"
6873
6359
  >
6874
- <svg
6875
- fill="currentColor"
6876
- height="1em"
6877
- stroke="currentColor"
6878
- stroke-width="0"
6879
- viewBox="0 0 24 24"
6880
- width="1em"
6881
- xmlns="http://www.w3.org/2000/svg"
6882
- >
6883
- <path
6884
- d="M0 0h24v24H0V0z"
6885
- fill="none"
6886
- />
6887
- <path
6888
- d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
6889
- />
6890
- </svg>
6891
- </ui-icon>
6892
- <ui-view
6893
- class="view"
6360
+ <path
6361
+ d="M0 0h24v24H0V0z"
6362
+ fill="none"
6363
+ />
6364
+ <path
6365
+ d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
6366
+ />
6367
+ </svg>
6368
+ </ui-icon>
6369
+ <ui-text
6370
+ class="text action"
6371
+ >
6372
+ common.label.check
6373
+ <ui-text
6374
+ style="text-decoration: underline;"
6894
6375
  >
6895
- <ui-text
6896
- class="text small"
6897
- >
6898
- finder.label.when
6899
- </ui-text>
6900
- <ui-text
6901
- class="text action"
6902
- >
6903
- common.label.check
6904
- <ui-text
6905
- style="text-decoration: underline;"
6906
- >
6907
- in ─ common.label.check
6908
- </ui-text>
6909
- out
6910
- </ui-text>
6911
- </ui-view>
6912
- </ui-pressable>
6913
- </ui-layer>
6914
- <ui-layer-content
6915
- class="layer hidden"
6916
- style="left: 0px; top: 0px;"
6376
+ in ─ common.label.check
6377
+ </ui-text>
6378
+ out
6379
+ </ui-text>
6380
+ </ui-pressable>
6381
+ <ui-pressable
6382
+ class="pressable"
6383
+ tabindex="0"
6917
6384
  >
6918
- <ui-view
6919
- class="view"
6385
+ <ui-icon
6386
+ class="icon headline-3"
6920
6387
  >
6921
- <ui-calendar
6922
- class="view calendar"
6388
+ <svg
6389
+ fill="currentColor"
6390
+ height="1em"
6391
+ stroke="currentColor"
6392
+ stroke-width="0"
6393
+ viewBox="0 0 24 24"
6394
+ width="1em"
6395
+ xmlns="http://www.w3.org/2000/svg"
6923
6396
  >
6924
- <ui-scrollview
6925
- class="scrollview snap horizontal notIndicator scrollview"
6926
- >
6927
- <ui-calendar-month
6928
- class="view month"
6929
- >
6930
- <ui-view
6931
- class="view forceRow header"
6932
- >
6933
- <ui-text
6934
- class="text bold paragraph title"
6935
- >
6936
- enero 2025
6937
- </ui-text>
6938
- </ui-view>
6939
- <ui-calendar-weekdays
6940
- class="view forceRow weekdays"
6941
- >
6942
- <ui-text
6943
- class="text small cell weekday"
6944
- >
6945
- lun
6946
- </ui-text>
6947
- <ui-text
6948
- class="text small cell weekday"
6949
- >
6950
- mar
6951
- </ui-text>
6952
- <ui-text
6953
- class="text small cell weekday"
6954
- >
6955
- mié
6956
- </ui-text>
6957
- <ui-text
6958
- class="text small cell weekday"
6959
- >
6960
- jue
6961
- </ui-text>
6962
- <ui-text
6963
- class="text small cell weekday"
6964
- >
6965
- vie
6966
- </ui-text>
6967
- <ui-text
6968
- class="text small cell weekday"
6969
- >
6970
- sáb
6971
- </ui-text>
6972
- <ui-text
6973
- class="text small cell weekday"
6974
- >
6975
- dom
6976
- </ui-text>
6977
- </ui-calendar-weekdays>
6978
- <ui-view
6979
- class="view forceRow"
6980
- >
6981
- <ui-pressable
6982
- class="pressable disabled cell"
6397
+ <path
6398
+ d="M0 0h24v24H0z"
6399
+ fill="none"
6400
+ />
6401
+ <path
6402
+ d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
6403
+ />
6404
+ </svg>
6405
+ </ui-icon>
6406
+ <ui-text
6407
+ class="text action"
6408
+ >
6409
+ · common.label.accommodation_type
6410
+ </ui-text>
6411
+ </ui-pressable>
6412
+ <ui-pressable
6413
+ class="pressable"
6414
+ tabindex="0"
6415
+ >
6416
+ <ui-icon
6417
+ class="icon headline-3"
6418
+ >
6419
+ <svg
6420
+ fill="none"
6421
+ height="1em"
6422
+ stroke="currentColor"
6423
+ stroke-linecap="round"
6424
+ stroke-linejoin="round"
6425
+ stroke-width="2"
6426
+ viewBox="0 0 24 24"
6427
+ width="1em"
6428
+ xmlns="http://www.w3.org/2000/svg"
6429
+ >
6430
+ <path
6431
+ d="M0 0h24v24H0z"
6432
+ fill="none"
6433
+ stroke="none"
6434
+ />
6435
+ <path
6436
+ d="M9 15l6 -6"
6437
+ />
6438
+ <circle
6439
+ cx="9.5"
6440
+ cy="9.5"
6441
+ fill="currentColor"
6442
+ r=".5"
6443
+ />
6444
+ <circle
6445
+ cx="14.5"
6446
+ cy="14.5"
6447
+ fill="currentColor"
6448
+ r=".5"
6449
+ />
6450
+ <path
6451
+ d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"
6452
+ />
6453
+ </svg>
6454
+ </ui-icon>
6455
+ </ui-pressable>
6456
+ <ui-button
6457
+ class="pressable button small squared"
6458
+ tabindex="0"
6459
+ >
6460
+ <ui-icon
6461
+ class="icon headline-3"
6462
+ >
6463
+ <svg
6464
+ fill="currentColor"
6465
+ height="1em"
6466
+ stroke="currentColor"
6467
+ stroke-width="0"
6468
+ viewBox="0 0 24 24"
6469
+ width="1em"
6470
+ xmlns="http://www.w3.org/2000/svg"
6471
+ >
6472
+ <path
6473
+ d="M0 0h24v24H0V0z"
6474
+ fill="none"
6475
+ />
6476
+ <path
6477
+ d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
6478
+ />
6479
+ </svg>
6480
+ </ui-icon>
6481
+ </ui-button>
6482
+ </ui-finder-compact>
6483
+ <ui-finder
6484
+ class="view row"
6485
+ >
6486
+ <ui-layer
6487
+ class="container"
6488
+ />
6489
+ <ui-layer-content
6490
+ class="layer hidden"
6491
+ >
6492
+ <ui-view
6493
+ class="view"
6494
+ >
6495
+ <ui-calendar
6496
+ class="view calendar"
6497
+ >
6498
+ <ui-scrollview
6499
+ class="scrollview snap horizontal notIndicator scrollview"
6500
+ >
6501
+ <ui-calendar-month
6502
+ class="view month"
6503
+ >
6504
+ <ui-view
6505
+ class="view forceRow header"
6506
+ >
6507
+ <ui-text
6508
+ class="text bold paragraph title"
6509
+ >
6510
+ enero 2025
6511
+ </ui-text>
6512
+ </ui-view>
6513
+ <ui-calendar-weekdays
6514
+ class="view forceRow weekdays"
6515
+ >
6516
+ <ui-text
6517
+ class="text small cell weekday"
6518
+ >
6519
+ lun
6520
+ </ui-text>
6521
+ <ui-text
6522
+ class="text small cell weekday"
6523
+ >
6524
+ mar
6525
+ </ui-text>
6526
+ <ui-text
6527
+ class="text small cell weekday"
6528
+ >
6529
+ mié
6530
+ </ui-text>
6531
+ <ui-text
6532
+ class="text small cell weekday"
6533
+ >
6534
+ jue
6535
+ </ui-text>
6536
+ <ui-text
6537
+ class="text small cell weekday"
6538
+ >
6539
+ vie
6540
+ </ui-text>
6541
+ <ui-text
6542
+ class="text small cell weekday"
6543
+ >
6544
+ sáb
6545
+ </ui-text>
6546
+ <ui-text
6547
+ class="text small cell weekday"
6548
+ >
6549
+ dom
6550
+ </ui-text>
6551
+ </ui-calendar-weekdays>
6552
+ <ui-view
6553
+ class="view forceRow"
6554
+ >
6555
+ <ui-pressable
6556
+ class="pressable disabled cell"
6983
6557
  disabled="true"
6984
6558
  />
6985
6559
  <ui-pressable
@@ -8123,58 +7697,9 @@ exports[`<Rates> renders:skeleton 1`] = `
8123
7697
  />
8124
7698
  <ui-layer
8125
7699
  class="container"
8126
- >
8127
- <ui-pressable
8128
- class="pressable"
8129
- datasource="[object Object],[object Object]"
8130
- tabindex="0"
8131
- >
8132
- <ui-icon
8133
- class="icon headline-3"
8134
- >
8135
- <svg
8136
- fill="currentColor"
8137
- height="1em"
8138
- stroke="currentColor"
8139
- stroke-width="0"
8140
- viewBox="0 0 24 24"
8141
- width="1em"
8142
- xmlns="http://www.w3.org/2000/svg"
8143
- >
8144
- <path
8145
- d="M0 0h24v24H0z"
8146
- fill="none"
8147
- />
8148
- <path
8149
- d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
8150
- />
8151
- </svg>
8152
- </ui-icon>
8153
- <ui-view
8154
- class="view"
8155
- >
8156
- <ui-text
8157
- class="text small"
8158
- >
8159
- finder.label.who
8160
- </ui-text>
8161
- <ui-text
8162
- class="text action"
8163
- >
8164
- 2 common.label.guest
8165
- <ui-text
8166
- style="text-decoration: underline;"
8167
- >
8168
- type
8169
- </ui-text>
8170
- plural · 1 common.label.accommodation_type
8171
- </ui-text>
8172
- </ui-view>
8173
- </ui-pressable>
8174
- </ui-layer>
7700
+ />
8175
7701
  <ui-layer-content
8176
7702
  class="layer hidden"
8177
- style="left: 0px; top: 0px;"
8178
7703
  >
8179
7704
  <ui-view
8180
7705
  class="view"
@@ -8370,10 +7895,12 @@ exports[`<Rates> renders:skeleton 1`] = `
8370
7895
  />
8371
7896
  <ui-layer
8372
7897
  class="container"
7898
+ />
7899
+ <ui-layer-content
7900
+ class="layer hidden"
8373
7901
  >
8374
- <ui-pressable
8375
- class="pressable"
8376
- tabindex="0"
7902
+ <ui-view
7903
+ class="view row"
8377
7904
  >
8378
7905
  <ui-icon
8379
7906
  class="icon headline-3"
@@ -8414,61 +7941,18 @@ exports[`<Rates> renders:skeleton 1`] = `
8414
7941
  />
8415
7942
  </svg>
8416
7943
  </ui-icon>
8417
- <ui-view
8418
- class="view"
8419
- >
8420
- <ui-text
8421
- class="text small"
8422
- >
8423
- common.label.promotion
8424
- </ui-text>
8425
- <ui-view
8426
- class="view row"
8427
- >
8428
- <input
8429
- class="input"
8430
- name="mirai:finder:promocode"
8431
- placeholder="common.label.promo_code"
8432
- type="text"
8433
- value=""
8434
- />
8435
- </ui-view>
8436
- </ui-view>
8437
- </ui-pressable>
8438
- </ui-layer>
8439
- <ui-layer-content
8440
- class="layer hidden"
8441
- style="left: 0px; top: 0px;"
8442
- />
8443
- <ui-button
8444
- class="pressable button large"
8445
- tabindex="0"
8446
- >
8447
- <ui-icon
8448
- class="icon headline-3"
8449
- >
8450
- <svg
8451
- fill="currentColor"
8452
- height="1em"
8453
- stroke="currentColor"
8454
- stroke-width="0"
8455
- viewBox="0 0 24 24"
8456
- width="1em"
8457
- xmlns="http://www.w3.org/2000/svg"
8458
- >
8459
- <path
8460
- d="M0 0h24v24H0V0z"
8461
- fill="none"
8462
- />
8463
- <path
8464
- d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
8465
- />
8466
- </svg>
8467
- </ui-icon>
8468
- </ui-button>
7944
+ <input
7945
+ class="input"
7946
+ name="mirai:finder:promocode"
7947
+ placeholder="common.label.promo_code"
7948
+ type="text"
7949
+ value=""
7950
+ />
7951
+ </ui-view>
7952
+ </ui-layer-content>
8469
7953
  </ui-finder>
8470
7954
  <ui-button
8471
- class="pressable button secondary"
7955
+ class="pressable button squared secondary"
8472
7956
  tabindex="0"
8473
7957
  >
8474
7958
  <ui-icon
@@ -8492,7 +7976,6 @@ exports[`<Rates> renders:skeleton 1`] = `
8492
7976
  />
8493
7977
  </svg>
8494
7978
  </ui-icon>
8495
- common.label.filters
8496
7979
  </ui-button>
8497
7980
  <ui-modal-overflow
8498
7981
  class="pressable container overflow"
@@ -8513,503 +7996,240 @@ exports[`<Rates> renders:skeleton 1`] = `
8513
7996
  <ui-button
8514
7997
  class="pressable button small squared transparent"
8515
7998
  tabindex="0"
8516
- >
8517
- <ui-icon
8518
- class="icon headline-3 icon"
8519
- >
8520
- <svg
8521
- fill="currentColor"
8522
- height="1em"
8523
- stroke="currentColor"
8524
- stroke-width="0"
8525
- viewBox="0 0 24 24"
8526
- width="1em"
8527
- xmlns="http://www.w3.org/2000/svg"
8528
- >
8529
- <path
8530
- d="M0 0h24v24H0V0z"
8531
- fill="none"
8532
- />
8533
- <path
8534
- d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
8535
- />
8536
- </svg>
8537
- </ui-icon>
8538
- </ui-button>
8539
- </ui-view>
8540
- <ui-scrollview
8541
- class="scrollview vertical notIndicator"
8542
- >
8543
- <ui-view
8544
- class="view"
8545
- >
8546
- <ui-text
8547
- class="text bold headline-3"
8548
- >
8549
- finder.label.booking_options
8550
- </ui-text>
8551
- <ui-view
8552
- class="view row"
8553
- >
8554
- <ui-view
8555
- class="view"
8556
- >
8557
- <ui-text
8558
- class="text action"
8559
- >
8560
- finder.label.free_cancellation
8561
- </ui-text>
8562
- </ui-view>
8563
- <ui-switch
8564
- class="switch"
8565
- >
8566
- <input
8567
- name="switch:freeCancellation"
8568
- type="checkbox"
8569
- />
8570
- <ui-primitive
8571
- class="area"
8572
- >
8573
- <ui-primitive
8574
- class="toggle"
8575
- />
8576
- </ui-primitive>
8577
- </ui-switch>
8578
- </ui-view>
8579
- </ui-view>
8580
- <ui-view
8581
- class="view"
8582
- >
8583
- <ui-text
8584
- class="text bold headline-3 wide"
8585
- >
8586
- finder.label.amenities
8587
- </ui-text>
8588
- <ui-view
8589
- class="view"
8590
- >
8591
- <ui-view
8592
- class="view row"
8593
- />
8594
- <ui-action
8595
- class="pressable action underline"
8596
- tabindex="0"
8597
- >
8598
- common.action.view_more
8599
- </ui-action>
8600
- </ui-view>
8601
- </ui-view>
8602
- </ui-scrollview>
8603
- <ui-view
8604
- class="view row"
8605
- >
8606
- <ui-button
8607
- class="pressable button transparent"
8608
- tabindex="0"
8609
- >
8610
- common.action.clear_all
8611
- </ui-button>
8612
- <ui-button
8613
- class="pressable disabled button disabled"
8614
- disabled="true"
8615
- >
8616
- <ui-view
8617
- class="view busyContainer"
8618
- >
8619
- <ui-view
8620
- class="view spinner"
8621
- />
8622
- </ui-view>
8623
- <ui-view
8624
- class="view row children"
8625
- >
8626
- finder.label.no_exact_matches
8627
- </ui-view>
8628
- </ui-button>
8629
- </ui-view>
8630
- </ui-modal>
8631
- </ui-modal-overflow>
8632
- </ui-view>
8633
- </ui-view>
8634
- <ui-progress
8635
- class="view progress visible"
8636
- >
8637
- <ui-progress-value
8638
- class="view value indeterminate"
8639
- />
8640
- </ui-progress>
8641
- <ui-view
8642
- class="view"
8643
- >
8644
- <ui-view
8645
- class="view"
8646
- >
8647
- <ui-view
8648
- class="view"
8649
- skeleton="true"
8650
- >
8651
- <ui-view
8652
- class="view"
8653
- id="123-compare-plugin"
8654
- />
8655
- <ui-view
8656
- class="view"
8657
- >
8658
- <ui-view
8659
- class="view row"
8660
- style="justify-content: space-between; padding: 1rem;"
8661
- >
8662
- <ui-view
8663
- class="view"
8664
- style="gap: 0.25rem;"
8665
- >
8666
- <ui-text
8667
- class="text headline-1"
8668
- >
8669
- Banner Loyalty
8670
- </ui-text>
8671
- <ui-text
8672
- class="text paragraph"
8673
- >
8674
- Choose CLUB MEMBER rate, join and enjoy Web Bonus, special benefits for members!
8675
- </ui-text>
8676
- </ui-view>
8677
- <ui-text
8678
- class="text paragraph"
8679
- >
8680
- See loyalty benefits CHECK
8681
- </ui-text>
8682
- </ui-view>
8683
- <ui-view
8684
- class="view row wide"
8685
- style="gap: 4rem; padding: 1.5rem 1rem;"
8686
- >
8687
- <ui-view
8688
- class="view row"
8689
- style="gap: 1rem;"
8690
- >
8691
- <ui-view
8692
- class="view"
8693
- style="min-height: 2rem; min-width: 2rem;"
8694
- />
8695
- <ui-text
8696
- class="text action"
8697
- >
8698
- 5$ reward on your web bookings guaranteed
8699
- </ui-text>
8700
- </ui-view>
8701
- <ui-view
8702
- class="view row"
8703
- style="gap: 1rem;"
8704
- >
8705
- <ui-view
8706
- class="view"
8707
- style="min-height: 2rem; min-width: 2rem;"
8708
- />
8709
- <ui-text
8710
- class="text action"
8711
- >
8712
- 5$ reward on your web bookings guaranteed
8713
- </ui-text>
8714
- </ui-view>
8715
- <ui-view
8716
- class="view row"
8717
- style="gap: 1rem;"
8718
- >
8719
- <ui-view
8720
- class="view"
8721
- style="min-height: 2rem; min-width: 2rem;"
8722
- />
8723
- <ui-text
8724
- class="text action"
8725
- >
8726
- 5$ reward on your web bookings guaranteed
8727
- </ui-text>
8728
- </ui-view>
8729
- <ui-view
8730
- class="view row"
8731
- style="gap: 1rem;"
8732
- >
8733
- <ui-view
8734
- class="view"
8735
- style="min-height: 2rem; min-width: 2rem;"
8736
- />
8737
- <ui-text
8738
- class="text action"
8739
- >
8740
- 5$ reward on your web bookings guaranteed
8741
- </ui-text>
8742
- </ui-view>
8743
- </ui-view>
8744
- </ui-view>
8745
- </ui-view>
8746
- <ui-view
8747
- class="view row"
8748
- style="align-items: stretch; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-top: 1rem;"
8749
- >
8750
- <ui-view
8751
- class="view"
8752
- style="box-sizing: border-box; flex: 1; overflow: hidden;"
8753
- >
8754
- <ui-view
8755
- class="view"
8756
- style="border-radius: 0; min-height: 208px;"
8757
- />
8758
- <ui-view
8759
- class="view row"
8760
- style="gap: 1rem; padding: 0.75rem 1rem;"
8761
- >
8762
- <ui-text
8763
- class="text small"
8764
- >
8765
- 12 m²
8766
- </ui-text>
8767
- <ui-text
8768
- class="text small"
8769
- >
8770
- 2p
8771
- </ui-text>
8772
- <ui-text
8773
- class="text small"
8774
- >
8775
- King Size
8776
- </ui-text>
8777
- </ui-view>
8778
- <ui-view
8779
- class="view"
8780
- style="gap: 0.5rem; padding: 1rem;"
8781
- >
8782
- <ui-text
8783
- class="text headline-2"
8784
- >
8785
- Superior Room
8786
- </ui-text>
8787
- <ui-text
8788
- class="text action"
8789
- >
8790
- Free wifi internet
8791
- </ui-text>
8792
- <ui-text
8793
- class="text action"
8794
- >
8795
- Television
8796
- </ui-text>
8797
- <ui-text
8798
- class="text action"
8799
- >
8800
- Mini-bar
8801
- </ui-text>
8802
- <ui-text
8803
- class="text action"
8804
- >
8805
- Heating
8806
- </ui-text>
8807
- <ui-text
8808
- class="text action"
8809
- >
8810
- More Info +
8811
- </ui-text>
7999
+ >
8000
+ <ui-icon
8001
+ class="icon headline-3 icon"
8002
+ >
8003
+ <svg
8004
+ fill="currentColor"
8005
+ height="1em"
8006
+ stroke="currentColor"
8007
+ stroke-width="0"
8008
+ viewBox="0 0 24 24"
8009
+ width="1em"
8010
+ xmlns="http://www.w3.org/2000/svg"
8011
+ >
8012
+ <path
8013
+ d="M0 0h24v24H0V0z"
8014
+ fill="none"
8015
+ />
8016
+ <path
8017
+ d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
8018
+ />
8019
+ </svg>
8020
+ </ui-icon>
8021
+ </ui-button>
8812
8022
  </ui-view>
8813
- <ui-view
8814
- class="view wide"
8815
- style="height: 100%;"
8023
+ <ui-scrollview
8024
+ class="scrollview vertical notIndicator"
8816
8025
  >
8817
8026
  <ui-view
8818
8027
  class="view"
8819
- style="gap: 0.5rem; padding: 1rem;"
8820
8028
  >
8821
8029
  <ui-text
8822
- class="text action"
8030
+ class="text bold headline-3"
8823
8031
  >
8824
- Cancellation type
8032
+ finder.label.booking_options
8825
8033
  </ui-text>
8826
8034
  <ui-view
8827
- class="view"
8035
+ class="view row"
8828
8036
  >
8829
8037
  <ui-view
8830
- class="view row"
8831
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
8038
+ class="view"
8832
8039
  >
8833
- <ui-view
8834
- class="view row"
8835
- style="gap: 0.5rem;"
8836
- >
8837
- <ui-view
8838
- class="view"
8839
- height="1rem"
8840
- width="1rem"
8841
- />
8842
- <ui-text
8843
- class="text action"
8844
- >
8845
- Free cancelation
8846
- </ui-text>
8847
- </ui-view>
8848
8040
  <ui-text
8849
8041
  class="text action"
8850
8042
  >
8851
- $0.00
8043
+ finder.label.free_cancellation
8852
8044
  </ui-text>
8853
8045
  </ui-view>
8854
- <ui-view
8855
- class="view row"
8856
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
8046
+ <ui-switch
8047
+ class="switch"
8857
8048
  >
8858
- <ui-view
8859
- class="view row"
8860
- style="gap: 0.5rem;"
8049
+ <input
8050
+ name="switch:freeCancellation"
8051
+ type="checkbox"
8052
+ />
8053
+ <ui-primitive
8054
+ class="area"
8861
8055
  >
8862
- <ui-view
8863
- class="view"
8864
- height="1rem"
8865
- width="1rem"
8056
+ <ui-primitive
8057
+ class="toggle"
8866
8058
  />
8867
- <ui-text
8868
- class="text action"
8869
- >
8870
- Free cancelation until apr 10
8871
- </ui-text>
8872
- </ui-view>
8873
- <ui-text
8874
- class="text action"
8875
- >
8876
- $19.95
8877
- </ui-text>
8878
- </ui-view>
8059
+ </ui-primitive>
8060
+ </ui-switch>
8879
8061
  </ui-view>
8880
8062
  </ui-view>
8881
8063
  <ui-view
8882
8064
  class="view"
8883
- style="gap: 0.5rem; padding: 1rem; flex: 1;"
8884
8065
  >
8885
8066
  <ui-text
8886
- class="text action"
8067
+ class="text bold headline-3 wide"
8887
8068
  >
8888
- Extras
8069
+ finder.label.amenities
8889
8070
  </ui-text>
8890
8071
  <ui-view
8891
8072
  class="view"
8892
8073
  >
8893
8074
  <ui-view
8894
8075
  class="view row"
8895
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
8896
- >
8897
- <ui-view
8898
- class="view row"
8899
- style="gap: 0.5rem;"
8900
- >
8901
- <ui-view
8902
- class="view"
8903
- height="1rem"
8904
- width="1rem"
8905
- />
8906
- <ui-text
8907
- class="text action"
8908
- >
8909
- Only room
8910
- </ui-text>
8911
- </ui-view>
8912
- <ui-text
8913
- class="text action"
8914
- >
8915
- $0.00
8916
- </ui-text>
8917
- </ui-view>
8918
- <ui-view
8919
- class="view row"
8920
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
8076
+ />
8077
+ <ui-action
8078
+ class="pressable action underline"
8079
+ tabindex="0"
8921
8080
  >
8922
- <ui-view
8923
- class="view row"
8924
- style="gap: 0.5rem;"
8925
- >
8926
- <ui-view
8927
- class="view"
8928
- height="1rem"
8929
- width="1rem"
8930
- />
8931
- <ui-text
8932
- class="text action"
8933
- >
8934
- Breakfast included
8935
- </ui-text>
8936
- </ui-view>
8937
- <ui-text
8938
- class="text action"
8939
- >
8940
- $19.95
8941
- </ui-text>
8942
- </ui-view>
8081
+ common.action.view_more
8082
+ </ui-action>
8083
+ </ui-view>
8084
+ </ui-view>
8085
+ </ui-scrollview>
8086
+ <ui-view
8087
+ class="view row"
8088
+ >
8089
+ <ui-button
8090
+ class="pressable button transparent"
8091
+ tabindex="0"
8092
+ >
8093
+ common.action.clear_all
8094
+ </ui-button>
8095
+ <ui-button
8096
+ class="pressable disabled button disabled"
8097
+ disabled="true"
8098
+ >
8099
+ <ui-view
8100
+ class="view busyContainer"
8101
+ >
8943
8102
  <ui-view
8944
- class="view row"
8945
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
8946
- >
8947
- <ui-view
8948
- class="view row"
8949
- style="gap: 0.5rem;"
8950
- >
8951
- <ui-view
8952
- class="view"
8953
- height="1rem"
8954
- width="1rem"
8955
- />
8956
- <ui-text
8957
- class="text action"
8958
- >
8959
- All included
8960
- </ui-text>
8961
- </ui-view>
8962
- <ui-text
8963
- class="text action"
8964
- >
8965
- $39.95
8966
- </ui-text>
8967
- </ui-view>
8103
+ class="view spinner"
8104
+ />
8968
8105
  </ui-view>
8106
+ <ui-view
8107
+ class="view row children"
8108
+ >
8109
+ finder.label.no_exact_matches
8110
+ </ui-view>
8111
+ </ui-button>
8112
+ </ui-view>
8113
+ </ui-modal>
8114
+ </ui-modal-overflow>
8115
+ </ui-view>
8116
+ </ui-view>
8117
+ <ui-progress
8118
+ class="view progress visible"
8119
+ >
8120
+ <ui-progress-value
8121
+ class="view value indeterminate"
8122
+ />
8123
+ </ui-progress>
8124
+ <ui-view
8125
+ class="view"
8126
+ >
8127
+ <ui-view
8128
+ class="view"
8129
+ >
8130
+ <ui-view
8131
+ class="view"
8132
+ skeleton="true"
8133
+ >
8134
+ <ui-view
8135
+ class="view"
8136
+ id="123-compare-plugin"
8137
+ />
8138
+ <ui-view
8139
+ class="view"
8140
+ >
8141
+ <ui-view
8142
+ class="view row"
8143
+ style="justify-content: space-between; padding: 1rem;"
8144
+ >
8145
+ <ui-view
8146
+ class="view"
8147
+ style="gap: 0.25rem;"
8148
+ >
8149
+ <ui-text
8150
+ class="text headline-1"
8151
+ >
8152
+ Banner Loyalty
8153
+ </ui-text>
8154
+ <ui-text
8155
+ class="text paragraph"
8156
+ >
8157
+ Choose CLUB MEMBER rate, join and enjoy Web Bonus, special benefits for members!
8158
+ </ui-text>
8159
+ </ui-view>
8160
+ <ui-text
8161
+ class="text paragraph"
8162
+ >
8163
+ See loyalty benefits CHECK
8164
+ </ui-text>
8165
+ </ui-view>
8166
+ <ui-view
8167
+ class="view row wide"
8168
+ style="gap: 4rem; padding: 1.5rem 1rem;"
8169
+ >
8170
+ <ui-view
8171
+ class="view row"
8172
+ style="gap: 1rem;"
8173
+ >
8174
+ <ui-view
8175
+ class="view"
8176
+ style="min-height: 2rem; min-width: 2rem;"
8177
+ />
8178
+ <ui-text
8179
+ class="text action"
8180
+ >
8181
+ 5$ reward on your web bookings guaranteed
8182
+ </ui-text>
8969
8183
  </ui-view>
8970
8184
  <ui-view
8971
8185
  class="view row"
8972
- style="align-items: flex-end; justify-content: space-between; padding: 1rem;"
8186
+ style="gap: 1rem;"
8973
8187
  >
8974
8188
  <ui-view
8975
8189
  class="view"
8976
- style="gap: 0.5rem;"
8190
+ style="min-height: 2rem; min-width: 2rem;"
8191
+ />
8192
+ <ui-text
8193
+ class="text action"
8977
8194
  >
8978
- <ui-text
8979
- class="text small"
8980
- >
8981
- 5% off
8982
- </ui-text>
8983
- <ui-text
8984
- class="text headline-2"
8985
- >
8986
- $199.50
8987
- </ui-text>
8988
- <ui-text
8989
- class="text small"
8990
- >
8991
- $19.95 per unit & night
8992
- </ui-text>
8993
- <ui-text
8994
- class="text small"
8995
- >
8996
- Includes taxes and fees
8997
- </ui-text>
8998
- <ui-text
8999
- class="text small"
9000
- >
9001
- Price details +
9002
- </ui-text>
9003
- </ui-view>
8195
+ 5$ reward on your web bookings guaranteed
8196
+ </ui-text>
8197
+ </ui-view>
8198
+ <ui-view
8199
+ class="view row"
8200
+ style="gap: 1rem;"
8201
+ >
8202
+ <ui-view
8203
+ class="view"
8204
+ style="min-height: 2rem; min-width: 2rem;"
8205
+ />
9004
8206
  <ui-text
9005
8207
  class="text action"
9006
- style="height: 3rem; width: 7rem;"
9007
8208
  >
9008
- Reserve
8209
+ 5$ reward on your web bookings guaranteed
8210
+ </ui-text>
8211
+ </ui-view>
8212
+ <ui-view
8213
+ class="view row"
8214
+ style="gap: 1rem;"
8215
+ >
8216
+ <ui-view
8217
+ class="view"
8218
+ style="min-height: 2rem; min-width: 2rem;"
8219
+ />
8220
+ <ui-text
8221
+ class="text action"
8222
+ >
8223
+ 5$ reward on your web bookings guaranteed
9009
8224
  </ui-text>
9010
8225
  </ui-view>
9011
8226
  </ui-view>
9012
8227
  </ui-view>
8228
+ </ui-view>
8229
+ <ui-view
8230
+ class="view row"
8231
+ style="align-items: stretch; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-top: 1rem;"
8232
+ >
9013
8233
  <ui-view
9014
8234
  class="view"
9015
8235
  style="box-sizing: border-box; flex: 1; overflow: hidden;"
@@ -10150,64 +9370,161 @@ exports[`<Rates> testID 1`] = `
10150
9370
  <ui-view
10151
9371
  class="view"
10152
9372
  >
10153
- <ui-finder
9373
+ <ui-finder-compact
10154
9374
  class="view row"
10155
- data-testid="mirai-finder"
10156
9375
  >
10157
- <ui-layer
10158
- class="container"
9376
+ <ui-pressable
9377
+ class="pressable"
9378
+ data-testid="mirai-finder-calendar-field"
9379
+ tabindex="0"
10159
9380
  >
10160
- <ui-pressable
10161
- class="pressable"
10162
- data-testid="mirai-finder-calendar-field"
10163
- tabindex="1"
9381
+ <ui-icon
9382
+ class="icon headline-3"
10164
9383
  >
10165
- <ui-icon
10166
- class="icon headline-3"
9384
+ <svg
9385
+ fill="currentColor"
9386
+ height="1em"
9387
+ stroke="currentColor"
9388
+ stroke-width="0"
9389
+ viewBox="0 0 24 24"
9390
+ width="1em"
9391
+ xmlns="http://www.w3.org/2000/svg"
10167
9392
  >
10168
- <svg
9393
+ <path
9394
+ d="M0 0h24v24H0V0z"
9395
+ fill="none"
9396
+ />
9397
+ <path
9398
+ d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
9399
+ />
9400
+ </svg>
9401
+ </ui-icon>
9402
+ <ui-text
9403
+ class="text action"
9404
+ >
9405
+ common.label.check
9406
+ <ui-text
9407
+ style="text-decoration: underline;"
9408
+ >
9409
+ in ─ common.label.check
9410
+ </ui-text>
9411
+ out
9412
+ </ui-text>
9413
+ </ui-pressable>
9414
+ <ui-pressable
9415
+ class="pressable"
9416
+ data-testid="mirai-finder-occupation-field"
9417
+ tabindex="0"
9418
+ >
9419
+ <ui-icon
9420
+ class="icon headline-3"
9421
+ >
9422
+ <svg
9423
+ fill="currentColor"
9424
+ height="1em"
9425
+ stroke="currentColor"
9426
+ stroke-width="0"
9427
+ viewBox="0 0 24 24"
9428
+ width="1em"
9429
+ xmlns="http://www.w3.org/2000/svg"
9430
+ >
9431
+ <path
9432
+ d="M0 0h24v24H0z"
9433
+ fill="none"
9434
+ />
9435
+ <path
9436
+ d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
9437
+ />
9438
+ </svg>
9439
+ </ui-icon>
9440
+ <ui-text
9441
+ class="text action"
9442
+ >
9443
+ · common.label.accommodation_type
9444
+ </ui-text>
9445
+ </ui-pressable>
9446
+ <ui-pressable
9447
+ class="pressable"
9448
+ data-testid="mirai-finder-promocode"
9449
+ tabindex="0"
9450
+ >
9451
+ <ui-icon
9452
+ class="icon headline-3"
9453
+ >
9454
+ <svg
9455
+ fill="none"
9456
+ height="1em"
9457
+ stroke="currentColor"
9458
+ stroke-linecap="round"
9459
+ stroke-linejoin="round"
9460
+ stroke-width="2"
9461
+ viewBox="0 0 24 24"
9462
+ width="1em"
9463
+ xmlns="http://www.w3.org/2000/svg"
9464
+ >
9465
+ <path
9466
+ d="M0 0h24v24H0z"
9467
+ fill="none"
9468
+ stroke="none"
9469
+ />
9470
+ <path
9471
+ d="M9 15l6 -6"
9472
+ />
9473
+ <circle
9474
+ cx="9.5"
9475
+ cy="9.5"
10169
9476
  fill="currentColor"
10170
- height="1em"
10171
- stroke="currentColor"
10172
- stroke-width="0"
10173
- viewBox="0 0 24 24"
10174
- width="1em"
10175
- xmlns="http://www.w3.org/2000/svg"
10176
- >
10177
- <path
10178
- d="M0 0h24v24H0V0z"
10179
- fill="none"
10180
- />
10181
- <path
10182
- d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
10183
- />
10184
- </svg>
10185
- </ui-icon>
10186
- <ui-view
10187
- class="view"
9477
+ r=".5"
9478
+ />
9479
+ <circle
9480
+ cx="14.5"
9481
+ cy="14.5"
9482
+ fill="currentColor"
9483
+ r=".5"
9484
+ />
9485
+ <path
9486
+ d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"
9487
+ />
9488
+ </svg>
9489
+ </ui-icon>
9490
+ </ui-pressable>
9491
+ <ui-button
9492
+ class="pressable button small squared"
9493
+ data-testid="mirai-finder-submit"
9494
+ tabindex="0"
9495
+ >
9496
+ <ui-icon
9497
+ class="icon headline-3"
9498
+ >
9499
+ <svg
9500
+ fill="currentColor"
9501
+ height="1em"
9502
+ stroke="currentColor"
9503
+ stroke-width="0"
9504
+ viewBox="0 0 24 24"
9505
+ width="1em"
9506
+ xmlns="http://www.w3.org/2000/svg"
10188
9507
  >
10189
- <ui-text
10190
- class="text small"
10191
- >
10192
- finder.label.when
10193
- </ui-text>
10194
- <ui-text
10195
- class="text action"
10196
- >
10197
- common.label.check
10198
- <ui-text
10199
- style="text-decoration: underline;"
10200
- >
10201
- in ─ common.label.check
10202
- </ui-text>
10203
- out
10204
- </ui-text>
10205
- </ui-view>
10206
- </ui-pressable>
10207
- </ui-layer>
9508
+ <path
9509
+ d="M0 0h24v24H0V0z"
9510
+ fill="none"
9511
+ />
9512
+ <path
9513
+ d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
9514
+ />
9515
+ </svg>
9516
+ </ui-icon>
9517
+ </ui-button>
9518
+ </ui-finder-compact>
9519
+ <ui-finder
9520
+ class="view row"
9521
+ data-testid="mirai-finder"
9522
+ >
9523
+ <ui-layer
9524
+ class="container"
9525
+ />
10208
9526
  <ui-layer-content
10209
9527
  class="layer hidden"
10210
- style="left: 0px; top: 0px;"
10211
9528
  >
10212
9529
  <ui-view
10213
9530
  class="view"
@@ -11415,63 +10732,13 @@ exports[`<Rates> testID 1`] = `
11415
10732
  </ui-view>
11416
10733
  </ui-layer-content>
11417
10734
  <ui-view
11418
- class="view"
11419
- />
11420
- <ui-layer
11421
- class="container"
11422
- >
11423
- <ui-pressable
11424
- class="pressable"
11425
- data-testid="mirai-finder-occupation-field"
11426
- datasource="[object Object],[object Object]"
11427
- tabindex="0"
11428
- >
11429
- <ui-icon
11430
- class="icon headline-3"
11431
- >
11432
- <svg
11433
- fill="currentColor"
11434
- height="1em"
11435
- stroke="currentColor"
11436
- stroke-width="0"
11437
- viewBox="0 0 24 24"
11438
- width="1em"
11439
- xmlns="http://www.w3.org/2000/svg"
11440
- >
11441
- <path
11442
- d="M0 0h24v24H0z"
11443
- fill="none"
11444
- />
11445
- <path
11446
- d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
11447
- />
11448
- </svg>
11449
- </ui-icon>
11450
- <ui-view
11451
- class="view"
11452
- >
11453
- <ui-text
11454
- class="text small"
11455
- >
11456
- finder.label.who
11457
- </ui-text>
11458
- <ui-text
11459
- class="text action"
11460
- >
11461
- 2 common.label.guest
11462
- <ui-text
11463
- style="text-decoration: underline;"
11464
- >
11465
- type
11466
- </ui-text>
11467
- plural · 1 common.label.accommodation_type
11468
- </ui-text>
11469
- </ui-view>
11470
- </ui-pressable>
11471
- </ui-layer>
10735
+ class="view"
10736
+ />
10737
+ <ui-layer
10738
+ class="container"
10739
+ />
11472
10740
  <ui-layer-content
11473
10741
  class="layer hidden"
11474
- style="left: 0px; top: 0px;"
11475
10742
  >
11476
10743
  <ui-view
11477
10744
  class="view"
@@ -11669,11 +10936,12 @@ exports[`<Rates> testID 1`] = `
11669
10936
  />
11670
10937
  <ui-layer
11671
10938
  class="container"
10939
+ />
10940
+ <ui-layer-content
10941
+ class="layer hidden"
11672
10942
  >
11673
- <ui-pressable
11674
- class="pressable"
11675
- data-testid="mirai-finder-promocode"
11676
- tabindex="0"
10943
+ <ui-view
10944
+ class="view row"
11677
10945
  >
11678
10946
  <ui-icon
11679
10947
  class="icon headline-3"
@@ -11714,63 +10982,19 @@ exports[`<Rates> testID 1`] = `
11714
10982
  />
11715
10983
  </svg>
11716
10984
  </ui-icon>
11717
- <ui-view
11718
- class="view"
11719
- >
11720
- <ui-text
11721
- class="text small"
11722
- >
11723
- common.label.promotion
11724
- </ui-text>
11725
- <ui-view
11726
- class="view row"
11727
- >
11728
- <input
11729
- class="input"
11730
- data-testid="mirai-finder-promocode-input"
11731
- name="mirai:finder:promocode"
11732
- placeholder="common.label.promo_code"
11733
- type="text"
11734
- value=""
11735
- />
11736
- </ui-view>
11737
- </ui-view>
11738
- </ui-pressable>
11739
- </ui-layer>
11740
- <ui-layer-content
11741
- class="layer hidden"
11742
- style="left: 0px; top: 0px;"
11743
- />
11744
- <ui-button
11745
- class="pressable button large"
11746
- data-testid="mirai-finder-submit"
11747
- tabindex="0"
11748
- >
11749
- <ui-icon
11750
- class="icon headline-3"
11751
- >
11752
- <svg
11753
- fill="currentColor"
11754
- height="1em"
11755
- stroke="currentColor"
11756
- stroke-width="0"
11757
- viewBox="0 0 24 24"
11758
- width="1em"
11759
- xmlns="http://www.w3.org/2000/svg"
11760
- >
11761
- <path
11762
- d="M0 0h24v24H0V0z"
11763
- fill="none"
11764
- />
11765
- <path
11766
- d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
11767
- />
11768
- </svg>
11769
- </ui-icon>
11770
- </ui-button>
10985
+ <input
10986
+ class="input"
10987
+ data-testid="mirai-finder-promocode-input"
10988
+ name="mirai:finder:promocode"
10989
+ placeholder="common.label.promo_code"
10990
+ type="text"
10991
+ value=""
10992
+ />
10993
+ </ui-view>
10994
+ </ui-layer-content>
11771
10995
  </ui-finder>
11772
10996
  <ui-button
11773
- class="pressable button secondary"
10997
+ class="pressable button squared secondary"
11774
10998
  tabindex="0"
11775
10999
  >
11776
11000
  <ui-icon
@@ -11794,7 +11018,6 @@ exports[`<Rates> testID 1`] = `
11794
11018
  />
11795
11019
  </svg>
11796
11020
  </ui-icon>
11797
- common.label.filters
11798
11021
  </ui-button>
11799
11022
  <ui-modal-overflow
11800
11023
  class="pressable container overflow"
@@ -11820,408 +11043,145 @@ exports[`<Rates> testID 1`] = `
11820
11043
  class="icon headline-3 icon"
11821
11044
  >
11822
11045
  <svg
11823
- fill="currentColor"
11824
- height="1em"
11825
- stroke="currentColor"
11826
- stroke-width="0"
11827
- viewBox="0 0 24 24"
11828
- width="1em"
11829
- xmlns="http://www.w3.org/2000/svg"
11830
- >
11831
- <path
11832
- d="M0 0h24v24H0V0z"
11833
- fill="none"
11834
- />
11835
- <path
11836
- d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
11837
- />
11838
- </svg>
11839
- </ui-icon>
11840
- </ui-button>
11841
- </ui-view>
11842
- <ui-scrollview
11843
- class="scrollview vertical notIndicator"
11844
- >
11845
- <ui-view
11846
- class="view"
11847
- >
11848
- <ui-text
11849
- class="text bold headline-3"
11850
- >
11851
- finder.label.booking_options
11852
- </ui-text>
11853
- <ui-view
11854
- class="view row"
11855
- >
11856
- <ui-view
11857
- class="view"
11858
- >
11859
- <ui-text
11860
- class="text action"
11861
- >
11862
- finder.label.free_cancellation
11863
- </ui-text>
11864
- </ui-view>
11865
- <ui-switch
11866
- class="switch"
11867
- >
11868
- <input
11869
- name="switch:freeCancellation"
11870
- type="checkbox"
11871
- />
11872
- <ui-primitive
11873
- class="area"
11874
- >
11875
- <ui-primitive
11876
- class="toggle"
11877
- />
11878
- </ui-primitive>
11879
- </ui-switch>
11880
- </ui-view>
11881
- </ui-view>
11882
- <ui-view
11883
- class="view"
11884
- >
11885
- <ui-text
11886
- class="text bold headline-3 wide"
11887
- >
11888
- finder.label.amenities
11889
- </ui-text>
11890
- <ui-view
11891
- class="view"
11892
- >
11893
- <ui-view
11894
- class="view row"
11895
- />
11896
- <ui-action
11897
- class="pressable action underline"
11898
- tabindex="0"
11899
- >
11900
- common.action.view_more
11901
- </ui-action>
11902
- </ui-view>
11903
- </ui-view>
11904
- </ui-scrollview>
11905
- <ui-view
11906
- class="view row"
11907
- >
11908
- <ui-button
11909
- class="pressable button transparent"
11910
- tabindex="0"
11911
- >
11912
- common.action.clear_all
11913
- </ui-button>
11914
- <ui-button
11915
- class="pressable disabled button disabled"
11916
- disabled="true"
11917
- >
11918
- <ui-view
11919
- class="view busyContainer"
11920
- >
11921
- <ui-view
11922
- class="view spinner"
11923
- />
11924
- </ui-view>
11925
- <ui-view
11926
- class="view row children"
11927
- >
11928
- finder.label.no_exact_matches
11929
- </ui-view>
11930
- </ui-button>
11931
- </ui-view>
11932
- </ui-modal>
11933
- </ui-modal-overflow>
11934
- </ui-view>
11935
- </ui-view>
11936
- <ui-progress
11937
- class="view progress"
11938
- >
11939
- <ui-progress-value
11940
- class="view value indeterminate"
11941
- />
11942
- </ui-progress>
11943
- <ui-view
11944
- class="view"
11945
- data-testid="mirai"
11946
- >
11947
- <ui-view
11948
- class="view"
11949
- >
11950
- <ui-view
11951
- class="view"
11952
- >
11953
- <ui-view
11954
- class="view"
11955
- id="123-compare-plugin"
11956
- />
11957
- </ui-view>
11958
- <ui-view
11959
- class="view row"
11960
- style="align-items: stretch; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-top: 1rem;"
11961
- >
11962
- <ui-view
11963
- class="view"
11964
- style="box-sizing: border-box; flex: 1; overflow: hidden;"
11965
- >
11966
- <ui-view
11967
- class="view"
11968
- style="border-radius: 0; min-height: 208px;"
11969
- />
11970
- <ui-view
11971
- class="view row"
11972
- style="gap: 1rem; padding: 0.75rem 1rem;"
11973
- >
11974
- <ui-text
11975
- class="text small"
11976
- >
11977
- 12 m²
11978
- </ui-text>
11979
- <ui-text
11980
- class="text small"
11981
- >
11982
- 2p
11983
- </ui-text>
11984
- <ui-text
11985
- class="text small"
11986
- >
11987
- King Size
11988
- </ui-text>
11989
- </ui-view>
11990
- <ui-view
11991
- class="view"
11992
- style="gap: 0.5rem; padding: 1rem;"
11993
- >
11994
- <ui-text
11995
- class="text headline-2"
11996
- >
11997
- Superior Room
11998
- </ui-text>
11999
- <ui-text
12000
- class="text action"
12001
- >
12002
- Free wifi internet
12003
- </ui-text>
12004
- <ui-text
12005
- class="text action"
12006
- >
12007
- Television
12008
- </ui-text>
12009
- <ui-text
12010
- class="text action"
12011
- >
12012
- Mini-bar
12013
- </ui-text>
12014
- <ui-text
12015
- class="text action"
12016
- >
12017
- Heating
12018
- </ui-text>
12019
- <ui-text
12020
- class="text action"
12021
- >
12022
- More Info +
12023
- </ui-text>
11046
+ fill="currentColor"
11047
+ height="1em"
11048
+ stroke="currentColor"
11049
+ stroke-width="0"
11050
+ viewBox="0 0 24 24"
11051
+ width="1em"
11052
+ xmlns="http://www.w3.org/2000/svg"
11053
+ >
11054
+ <path
11055
+ d="M0 0h24v24H0V0z"
11056
+ fill="none"
11057
+ />
11058
+ <path
11059
+ d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
11060
+ />
11061
+ </svg>
11062
+ </ui-icon>
11063
+ </ui-button>
12024
11064
  </ui-view>
12025
- <ui-view
12026
- class="view wide"
12027
- style="height: 100%;"
11065
+ <ui-scrollview
11066
+ class="scrollview vertical notIndicator"
12028
11067
  >
12029
11068
  <ui-view
12030
11069
  class="view"
12031
- style="gap: 0.5rem; padding: 1rem;"
12032
11070
  >
12033
11071
  <ui-text
12034
- class="text action"
11072
+ class="text bold headline-3"
12035
11073
  >
12036
- Cancellation type
11074
+ finder.label.booking_options
12037
11075
  </ui-text>
12038
11076
  <ui-view
12039
- class="view"
11077
+ class="view row"
12040
11078
  >
12041
11079
  <ui-view
12042
- class="view row"
12043
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
11080
+ class="view"
12044
11081
  >
12045
- <ui-view
12046
- class="view row"
12047
- style="gap: 0.5rem;"
12048
- >
12049
- <ui-view
12050
- class="view"
12051
- height="1rem"
12052
- width="1rem"
12053
- />
12054
- <ui-text
12055
- class="text action"
12056
- >
12057
- Free cancelation
12058
- </ui-text>
12059
- </ui-view>
12060
11082
  <ui-text
12061
11083
  class="text action"
12062
11084
  >
12063
- $0.00
11085
+ finder.label.free_cancellation
12064
11086
  </ui-text>
12065
11087
  </ui-view>
12066
- <ui-view
12067
- class="view row"
12068
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
11088
+ <ui-switch
11089
+ class="switch"
12069
11090
  >
12070
- <ui-view
12071
- class="view row"
12072
- style="gap: 0.5rem;"
11091
+ <input
11092
+ name="switch:freeCancellation"
11093
+ type="checkbox"
11094
+ />
11095
+ <ui-primitive
11096
+ class="area"
12073
11097
  >
12074
- <ui-view
12075
- class="view"
12076
- height="1rem"
12077
- width="1rem"
11098
+ <ui-primitive
11099
+ class="toggle"
12078
11100
  />
12079
- <ui-text
12080
- class="text action"
12081
- >
12082
- Free cancelation until apr 10
12083
- </ui-text>
12084
- </ui-view>
12085
- <ui-text
12086
- class="text action"
12087
- >
12088
- $19.95
12089
- </ui-text>
12090
- </ui-view>
11101
+ </ui-primitive>
11102
+ </ui-switch>
12091
11103
  </ui-view>
12092
11104
  </ui-view>
12093
11105
  <ui-view
12094
11106
  class="view"
12095
- style="gap: 0.5rem; padding: 1rem; flex: 1;"
12096
11107
  >
12097
11108
  <ui-text
12098
- class="text action"
11109
+ class="text bold headline-3 wide"
12099
11110
  >
12100
- Extras
11111
+ finder.label.amenities
12101
11112
  </ui-text>
12102
11113
  <ui-view
12103
11114
  class="view"
12104
11115
  >
12105
11116
  <ui-view
12106
11117
  class="view row"
12107
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
12108
- >
12109
- <ui-view
12110
- class="view row"
12111
- style="gap: 0.5rem;"
12112
- >
12113
- <ui-view
12114
- class="view"
12115
- height="1rem"
12116
- width="1rem"
12117
- />
12118
- <ui-text
12119
- class="text action"
12120
- >
12121
- Only room
12122
- </ui-text>
12123
- </ui-view>
12124
- <ui-text
12125
- class="text action"
12126
- >
12127
- $0.00
12128
- </ui-text>
12129
- </ui-view>
12130
- <ui-view
12131
- class="view row"
12132
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
12133
- >
12134
- <ui-view
12135
- class="view row"
12136
- style="gap: 0.5rem;"
12137
- >
12138
- <ui-view
12139
- class="view"
12140
- height="1rem"
12141
- width="1rem"
12142
- />
12143
- <ui-text
12144
- class="text action"
12145
- >
12146
- Breakfast included
12147
- </ui-text>
12148
- </ui-view>
12149
- <ui-text
12150
- class="text action"
12151
- >
12152
- $19.95
12153
- </ui-text>
12154
- </ui-view>
12155
- <ui-view
12156
- class="view row"
12157
- style="gap: 0.5rem; justify-content: space-between; margin-bottom: 0.5rem;"
11118
+ />
11119
+ <ui-action
11120
+ class="pressable action underline"
11121
+ tabindex="0"
12158
11122
  >
12159
- <ui-view
12160
- class="view row"
12161
- style="gap: 0.5rem;"
12162
- >
12163
- <ui-view
12164
- class="view"
12165
- height="1rem"
12166
- width="1rem"
12167
- />
12168
- <ui-text
12169
- class="text action"
12170
- >
12171
- All included
12172
- </ui-text>
12173
- </ui-view>
12174
- <ui-text
12175
- class="text action"
12176
- >
12177
- $39.95
12178
- </ui-text>
12179
- </ui-view>
11123
+ common.action.view_more
11124
+ </ui-action>
12180
11125
  </ui-view>
12181
11126
  </ui-view>
12182
- <ui-view
12183
- class="view row"
12184
- style="align-items: flex-end; justify-content: space-between; padding: 1rem;"
11127
+ </ui-scrollview>
11128
+ <ui-view
11129
+ class="view row"
11130
+ >
11131
+ <ui-button
11132
+ class="pressable button transparent"
11133
+ tabindex="0"
11134
+ >
11135
+ common.action.clear_all
11136
+ </ui-button>
11137
+ <ui-button
11138
+ class="pressable disabled button disabled"
11139
+ disabled="true"
12185
11140
  >
12186
11141
  <ui-view
12187
- class="view"
12188
- style="gap: 0.5rem;"
11142
+ class="view busyContainer"
12189
11143
  >
12190
- <ui-text
12191
- class="text small"
12192
- >
12193
- 5% off
12194
- </ui-text>
12195
- <ui-text
12196
- class="text headline-2"
12197
- >
12198
- $199.50
12199
- </ui-text>
12200
- <ui-text
12201
- class="text small"
12202
- >
12203
- $19.95 per unit & night
12204
- </ui-text>
12205
- <ui-text
12206
- class="text small"
12207
- >
12208
- Includes taxes and fees
12209
- </ui-text>
12210
- <ui-text
12211
- class="text small"
12212
- >
12213
- Price details +
12214
- </ui-text>
11144
+ <ui-view
11145
+ class="view spinner"
11146
+ />
12215
11147
  </ui-view>
12216
- <ui-text
12217
- class="text action"
12218
- style="height: 3rem; width: 7rem;"
11148
+ <ui-view
11149
+ class="view row children"
12219
11150
  >
12220
- Reserve
12221
- </ui-text>
12222
- </ui-view>
11151
+ finder.label.no_exact_matches
11152
+ </ui-view>
11153
+ </ui-button>
12223
11154
  </ui-view>
12224
- </ui-view>
11155
+ </ui-modal>
11156
+ </ui-modal-overflow>
11157
+ </ui-view>
11158
+ </ui-view>
11159
+ <ui-progress
11160
+ class="view progress"
11161
+ >
11162
+ <ui-progress-value
11163
+ class="view value indeterminate"
11164
+ />
11165
+ </ui-progress>
11166
+ <ui-view
11167
+ class="view"
11168
+ data-testid="mirai"
11169
+ >
11170
+ <ui-view
11171
+ class="view"
11172
+ >
11173
+ <ui-view
11174
+ class="view"
11175
+ >
11176
+ <ui-view
11177
+ class="view"
11178
+ id="123-compare-plugin"
11179
+ />
11180
+ </ui-view>
11181
+ <ui-view
11182
+ class="view row"
11183
+ style="align-items: stretch; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-top: 1rem;"
11184
+ >
12225
11185
  <ui-view
12226
11186
  class="view"
12227
11187
  style="box-sizing: border-box; flex: 1; overflow: hidden;"