@opensystemslab/map 0.4.7 → 0.5.0

Sign up to get free protection for your applications and to get access to all the features.
package/dist/index.html CHANGED
@@ -12,6 +12,23 @@
12
12
  href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&display=swap"
13
13
  rel="stylesheet"
14
14
  />
15
+ <!-- Examples of available style options for address-autocomplete -->
16
+ <!-- <style>
17
+ address-autocomplete {
18
+ --autocomplete__input__padding: 6px 12px 7px 12px;
19
+ --autocomplete__input__font-size: 15px;
20
+ --autocomplete__input__height: 50px;
21
+ --autocomplete__dropdown-arrow-down__top: 16px;
22
+ --autocomplete__dropdown-arrow-down__z-index: 2;
23
+ --autocomplete__option__font-size: 15px;
24
+ --autocomplete__option__padding: 6px 12px 7px 12px;
25
+ --autocomplete__menu__max-height: 336px;
26
+ --autocomplete__option__border-bottom: solid 1px grey;
27
+ --autocomplete__option__hover-border-color: rgb(0, 99, 96);
28
+ --autocomplete__option__hover-background-color: rgb(0, 99, 96);
29
+ --autocomplete__font-family: "Courier New";
30
+ }
31
+ </style> -->
15
32
  </head>
16
33
  <body>
17
34
  <div style="display:flex;flex-direction:column;">
@@ -25,10 +42,13 @@
25
42
  <div style="margin-bottom:1em;">
26
43
  <!--
27
44
  Examples (as of March 2022):
28
- SE5 OHU (Southwark): default/"normal" postcode example, fetches 65 LPI addresses
45
+ SE5 OHU (Southwark): default/"standard" postcode example, fetches 65 LPI addresses
29
46
  SE19 1NT (Lambeth): 56 DPA addresses -> 128 LPI addresses (87 "approved"), now requires paginated fetch
30
47
  HP11 1BR (Bucks): 0 addresses, shows "No addresses found in postcode" error message
31
48
  HP11 1BC (Bucks): valid postcode according to npm package but not OS, shows OS error message
49
+
50
+ Example with default value (used for planx "change" & "back" button behavior):
51
+ <address-autocomplete postcode="SE5 0HU" id="example-autocomplete" initialAddress="75, COBOURG ROAD, LONDON" />
32
52
  -->
33
53
  <address-autocomplete postcode="SE5 0HU" id="example-autocomplete" />
34
54
  </div>