lucos_search_component 0.1.20 → 1.0.2

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 (4) hide show
  1. package/dist/index.js +23 -31
  2. package/example/index.html +1 -0
  3. package/package.json +4 -4
  4. package/web-components/lucos-search.js +23 -31
package/dist/index.js CHANGED
@@ -5636,76 +5636,68 @@ class LucosSearchComponent extends HTMLSpanElement {
5636
5636
  border-left-color: var(--lozenge-border) !important;
5637
5637
  }
5638
5638
 
5639
- /* Default colour to greys, but override based on type */
5639
+ /* Default colour to greys, but override based on category */
5640
5640
  .lozenge {
5641
5641
  --lozenge-background: #555;
5642
5642
  --lozenge-border: #6d6d6d;
5643
5643
  --lozenge-text: #fff;
5644
5644
  }
5645
- .lozenge[data-type="Track"] {
5645
+ .lozenge[data-category="Musical"] {
5646
5646
  --lozenge-background: #000060;
5647
5647
  --lozenge-border: #000020;
5648
5648
  }
5649
- .lozenge[data-type="Person"] {
5649
+ .lozenge[data-category="People"] {
5650
5650
  --lozenge-background: #044E00;
5651
5651
  --lozenge-border: #033100;
5652
5652
  }
5653
- /** Aquatic Places **/
5654
- .lozenge[data-type="Ocean"], .lozenge[data-type="Sea"], .lozenge[data-type="Sea Inlet"], .lozenge[data-type="River"], .lozenge[data-type="Lake"], .lozenge[data-type="Beach"] {
5653
+ .lozenge[data-category="Aquatic"] {
5655
5654
  --lozenge-background: #0085fe;
5656
5655
  --lozenge-border: #0036b1;
5657
5656
  }
5658
- /** Terrestrial Places **/
5659
- .lozenge[data-type="Archipelago"], .lozenge[data-type="Area Of Outstanding Natural Beauty"], .lozenge[data-type="Continent"], .lozenge[data-type="Historical Site"], .lozenge[data-type="Island"], .lozenge[data-type="Mountain"] {
5657
+ .lozenge[data-category="Terrestrial"] {
5660
5658
  --lozenge-background: #652c17;
5661
5659
  --lozenge-border: #321200;
5662
5660
  }
5663
- /** Cosmic Places **/
5664
- .lozenge[data-type="Universe"], .lozenge[data-type="Galaxy"], .lozenge[data-type="Planetary System"], .lozenge[data-type="Star"], .lozenge[data-type="Planet"], .lozenge[data-type="Natural Satellite"] {
5661
+ .lozenge[data-category="Cosmic"] {
5665
5662
  --lozenge-background: #15163a;
5666
5663
  --lozenge-border: #000000;
5667
5664
  --lozenge-text: #feffe8;
5668
5665
  }
5669
- /** Human Places **/
5670
- .lozenge[data-type="Airport"], .lozenge[data-type="Autonomous Area"], .lozenge[data-type="City"], .lozenge[data-type="Country"], .lozenge[data-type="County"], .lozenge[data-type="Dependent Territory"], .lozenge[data-type="Historical Site"], .lozenge[data-type="Neighbourhood"], .lozenge[data-type="Province"], .lozenge[data-type="Region"], .lozenge[data-type="Road"], .lozenge[data-type="State"], .lozenge[data-type="Town"], .lozenge[data-type="Tribal Nation"], .lozenge[data-type="Village"] {
5666
+ .lozenge[data-category="Anthropogeographical"] {
5671
5667
  --lozenge-background: #aed0db;
5672
5668
  --lozenge-border: #3f6674;
5673
5669
  --lozenge-text: #0c1a1b;
5674
5670
  }
5675
- /** Supernatural Places **/
5676
- .lozenge[data-type="Supernatural Realm"] {
5671
+ .lozenge[data-category="Supernatural"] {
5677
5672
  --lozenge-background: #f1ff5f;
5678
5673
  --lozenge-border: #674800;
5679
5674
  --lozenge-text: #352005;
5680
5675
  }
5681
- .lozenge[data-type="Historical Event"], .lozenge[data-type="Memory"] {
5676
+ .lozenge[data-category="Historical"] {
5682
5677
  --lozenge-background: #740909;
5683
5678
  --lozenge-border: #470202;
5684
5679
  }
5685
- .lozenge[data-type="Number"] {
5686
- --lozenge-background: #0000ff;
5687
- --lozenge-border: #000083;
5680
+ .lozenge[data-category="Mathematical"] {
5681
+ --lozenge-background: #f53b0e;
5682
+ --lozenge-border: #7e3d2e;
5683
+ --lozenge-text: #fff;
5688
5684
  }
5689
- /** Temporal Types **/
5690
- .lozenge[data-type="Calendar"], .lozenge[data-type="Festival"], .lozenge[data-type="Season"], .lozenge[data-type="Month"], .lozenge[data-type="Day of the Week"] {
5685
+ .lozenge[data-category="Temporal"] {
5691
5686
  --lozenge-background: #fffc33;
5692
5687
  --lozenge-border: #7f7e00;
5693
5688
  --lozenge-text: #0f0f00;
5694
5689
  }
5695
- /** Anthropology **/
5696
- .lozenge[data-type="Ethnic Group"], .lozenge[data-type="Language Family"], .lozenge[data-type="Language"] {
5697
- --lozenge-background: #f53b0e;
5698
- --lozenge-border: #7e3d2e;
5699
- --lozenge-text: #fff;
5690
+ .lozenge[data-category="Anthropological"] {
5691
+ --lozenge-background: #8affe7;
5692
+ --lozenge-border: #068900;
5693
+ --lozenge-text: #000000;
5700
5694
  }
5701
- /** Technology **/
5702
- .lozenge[data-type="Means of Transport"] {
5695
+ .lozenge[data-category="Technological"] {
5703
5696
  --lozenge-background: #c70f7a;
5704
5697
  --lozenge-border: #8f125b;
5705
5698
  --lozenge-text: #fff;
5706
5699
  }
5707
- /** Meteorology **/
5708
- .lozenge[data-type="Weather"] {
5700
+ .lozenge[data-category="Meteorological"] {
5709
5701
  --lozenge-background: #fff;
5710
5702
  --lozenge-border: #333;
5711
5703
  --lozenge-text: #000;
@@ -5795,10 +5787,10 @@ class LucosSearchComponent extends HTMLSpanElement {
5795
5787
  }
5796
5788
  }
5797
5789
  label = label.replace(` (${data.type})`,""); // No need to include any type disambiguation in label, as types are always shown
5798
- return `<div>${label}${alt_label}<span class="type lozenge" data-type="${escape(data.type)}">${escape(data.type)}</span></div>`;
5790
+ return `<div>${label}${alt_label}<span class="type lozenge" data-type="${escape(data.type)}" data-category="${escape(data.category)}">${escape(data.type)}</span></div>`;
5799
5791
  },
5800
5792
  item: function(data, escape) {
5801
- return `<div class="lozenge" data-type="${escape(data.type)}"><a href="${data.id}" target="_blank">${escape(data.pref_label)}</a></div>`;
5793
+ return `<div class="lozenge" data-type="${escape(data.type)}" data-category="${escape(data.category)}"><a href="${data.id}" target="_blank">${escape(data.pref_label)}</a></div>`;
5802
5794
  },
5803
5795
  },
5804
5796
  });
@@ -5813,7 +5805,7 @@ class LucosSearchComponent extends HTMLSpanElement {
5813
5805
  searchParams.set('query_by_weights', "10,8,3,1");
5814
5806
  searchParams.set('sort_by', "_text_match:desc,pref_label:asc");
5815
5807
  searchParams.set('prioritize_num_matching_fields', false);
5816
- searchParams.set('include_fields', "id,pref_label,type,labels");
5808
+ searchParams.set('include_fields', "id,pref_label,type,category,labels");
5817
5809
  searchParams.set('enable_highlight_v1', false);
5818
5810
  searchParams.set('highlight_start_tag', '<span class="highlight">');
5819
5811
  searchParams.set('highlight_end_tag', '</span>');
package/example/index.html CHANGED
@@ -11,6 +11,7 @@
11
11
  <option selected>https://contacts.l42.eu/people/2</option>
12
12
  <option selected>https://eolas.l42.eu/metadata/place/2/</option>
13
13
  <option selected>https://media-metadata.l42.eu/tracks/13713</option>
14
+ <option selected>https://eolas.l42.eu/metadata/language/ain/</option>
14
15
  </select></span>
15
16
  <label for="search5">More than 10:</label>
16
17
  <span is="lucos-search" data-api-key="${KEY_LUCOS_ARACHNE}" data-exclude_types="Track"><select id="search5" multiple>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lucos_search_component",
3
- "version": "0.1.20",
3
+ "version": "1.0.2",
4
4
  "description": "Web Components for searching lucOS data",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -23,9 +23,9 @@
23
23
  },
24
24
  "homepage": "https://github.com/lucas42/lucos_search_component#readme",
25
25
  "devDependencies": {
26
- "@rollup/plugin-node-resolve": "^16.0.1",
27
- "rollup": "^4.52.4",
28
- "rollup-plugin-import-css": "^4.0.2",
26
+ "@rollup/plugin-node-resolve": "^16.0.3",
27
+ "rollup": "^4.54.0",
28
+ "rollup-plugin-import-css": "^4.1.2",
29
29
  "tom-select": "^2.4.3",
30
30
  "webpack-cli": "^6.0.1"
31
31
  }
package/web-components/lucos-search.js CHANGED
@@ -38,76 +38,68 @@ class LucosSearchComponent extends HTMLSpanElement {
38
38
  border-left-color: var(--lozenge-border) !important;
39
39
  }
40
40
 
41
- /* Default colour to greys, but override based on type */
41
+ /* Default colour to greys, but override based on category */
42
42
  .lozenge {
43
43
  --lozenge-background: #555;
44
44
  --lozenge-border: #6d6d6d;
45
45
  --lozenge-text: #fff;
46
46
  }
47
- .lozenge[data-type="Track"] {
47
+ .lozenge[data-category="Musical"] {
48
48
  --lozenge-background: #000060;
49
49
  --lozenge-border: #000020;
50
50
  }
51
- .lozenge[data-type="Person"] {
51
+ .lozenge[data-category="People"] {
52
52
  --lozenge-background: #044E00;
53
53
  --lozenge-border: #033100;
54
54
  }
55
- /** Aquatic Places **/
56
- .lozenge[data-type="Ocean"], .lozenge[data-type="Sea"], .lozenge[data-type="Sea Inlet"], .lozenge[data-type="River"], .lozenge[data-type="Lake"], .lozenge[data-type="Beach"] {
55
+ .lozenge[data-category="Aquatic"] {
57
56
  --lozenge-background: #0085fe;
58
57
  --lozenge-border: #0036b1;
59
58
  }
60
- /** Terrestrial Places **/
61
- .lozenge[data-type="Archipelago"], .lozenge[data-type="Area Of Outstanding Natural Beauty"], .lozenge[data-type="Continent"], .lozenge[data-type="Historical Site"], .lozenge[data-type="Island"], .lozenge[data-type="Mountain"] {
59
+ .lozenge[data-category="Terrestrial"] {
62
60
  --lozenge-background: #652c17;
63
61
  --lozenge-border: #321200;
64
62
  }
65
- /** Cosmic Places **/
66
- .lozenge[data-type="Universe"], .lozenge[data-type="Galaxy"], .lozenge[data-type="Planetary System"], .lozenge[data-type="Star"], .lozenge[data-type="Planet"], .lozenge[data-type="Natural Satellite"] {
63
+ .lozenge[data-category="Cosmic"] {
67
64
  --lozenge-background: #15163a;
68
65
  --lozenge-border: #000000;
69
66
  --lozenge-text: #feffe8;
70
67
  }
71
- /** Human Places **/
72
- .lozenge[data-type="Airport"], .lozenge[data-type="Autonomous Area"], .lozenge[data-type="City"], .lozenge[data-type="Country"], .lozenge[data-type="County"], .lozenge[data-type="Dependent Territory"], .lozenge[data-type="Historical Site"], .lozenge[data-type="Neighbourhood"], .lozenge[data-type="Province"], .lozenge[data-type="Region"], .lozenge[data-type="Road"], .lozenge[data-type="State"], .lozenge[data-type="Town"], .lozenge[data-type="Tribal Nation"], .lozenge[data-type="Village"] {
68
+ .lozenge[data-category="Anthropogeographical"] {
73
69
  --lozenge-background: #aed0db;
74
70
  --lozenge-border: #3f6674;
75
71
  --lozenge-text: #0c1a1b;
76
72
  }
77
- /** Supernatural Places **/
78
- .lozenge[data-type="Supernatural Realm"] {
73
+ .lozenge[data-category="Supernatural"] {
79
74
  --lozenge-background: #f1ff5f;
80
75
  --lozenge-border: #674800;
81
76
  --lozenge-text: #352005;
82
77
  }
83
- .lozenge[data-type="Historical Event"], .lozenge[data-type="Memory"] {
78
+ .lozenge[data-category="Historical"] {
84
79
  --lozenge-background: #740909;
85
80
  --lozenge-border: #470202;
86
81
  }
87
- .lozenge[data-type="Number"] {
88
- --lozenge-background: #0000ff;
89
- --lozenge-border: #000083;
82
+ .lozenge[data-category="Mathematical"] {
83
+ --lozenge-background: #f53b0e;
84
+ --lozenge-border: #7e3d2e;
85
+ --lozenge-text: #fff;
90
86
  }
91
- /** Temporal Types **/
92
- .lozenge[data-type="Calendar"], .lozenge[data-type="Festival"], .lozenge[data-type="Season"], .lozenge[data-type="Month"], .lozenge[data-type="Day of the Week"] {
87
+ .lozenge[data-category="Temporal"] {
93
88
  --lozenge-background: #fffc33;
94
89
  --lozenge-border: #7f7e00;
95
90
  --lozenge-text: #0f0f00;
96
91
  }
97
- /** Anthropology **/
98
- .lozenge[data-type="Ethnic Group"], .lozenge[data-type="Language Family"], .lozenge[data-type="Language"] {
99
- --lozenge-background: #f53b0e;
100
- --lozenge-border: #7e3d2e;
101
- --lozenge-text: #fff;
92
+ .lozenge[data-category="Anthropological"] {
93
+ --lozenge-background: #8affe7;
94
+ --lozenge-border: #068900;
95
+ --lozenge-text: #000000;
102
96
  }
103
- /** Technology **/
104
- .lozenge[data-type="Means of Transport"] {
97
+ .lozenge[data-category="Technological"] {
105
98
  --lozenge-background: #c70f7a;
106
99
  --lozenge-border: #8f125b;
107
100
  --lozenge-text: #fff;
108
101
  }
109
- /** Meteorology **/
110
- .lozenge[data-type="Weather"] {
102
+ .lozenge[data-category="Meteorological"] {
111
103
  --lozenge-background: #fff;
112
104
  --lozenge-border: #333;
113
105
  --lozenge-text: #000;
@@ -197,10 +189,10 @@ class LucosSearchComponent extends HTMLSpanElement {
197
189
  }
198
190
  }
199
191
  label = label.replace(` (${data.type})`,""); // No need to include any type disambiguation in label, as types are always shown
200
- return `<div>${label}${alt_label}<span class="type lozenge" data-type="${escape(data.type)}">${escape(data.type)}</span></div>`;
192
+ return `<div>${label}${alt_label}<span class="type lozenge" data-type="${escape(data.type)}" data-category="${escape(data.category)}">${escape(data.type)}</span></div>`;
201
193
  },
202
194
  item: function(data, escape) {
203
- return `<div class="lozenge" data-type="${escape(data.type)}"><a href="${data.id}" target="_blank">${escape(data.pref_label)}</a></div>`;
195
+ return `<div class="lozenge" data-type="${escape(data.type)}" data-category="${escape(data.category)}"><a href="${data.id}" target="_blank">${escape(data.pref_label)}</a></div>`;
204
196
  },
205
197
  },
206
198
  });
@@ -215,7 +207,7 @@ class LucosSearchComponent extends HTMLSpanElement {
215
207
  searchParams.set('query_by_weights', "10,8,3,1");
216
208
  searchParams.set('sort_by', "_text_match:desc,pref_label:asc");
217
209
  searchParams.set('prioritize_num_matching_fields', false);
218
- searchParams.set('include_fields', "id,pref_label,type,labels");
210
+ searchParams.set('include_fields', "id,pref_label,type,category,labels");
219
211
  searchParams.set('enable_highlight_v1', false);
220
212
  searchParams.set('highlight_start_tag', '<span class="highlight">')
221
213
  searchParams.set('highlight_end_tag', '</span>');