Use multi-select values of contentPreference sent by mapml-extension

(relies on M.options.contentPreference being an array).

src/mapml-viewer.js

@@ -995,13 +995,6 @@ export class HTMLMapmlViewerElement extends HTMLElement {
 
     // less obviously useful: aspect-ratio, orientation, (device) resolution, overflow-block, overflow-inline
 
-    const currentBounds = [
-      this.extent.topLeft.pcrs.horizontal,
-      this.extent.bottomRight.pcrs.vertical,
-      this.extent.bottomRight.pcrs.horizontal,
-      this.extent.topLeft.pcrs.vertical
-    ];
-
     const features = {
       'prefers-lang': {
         type: 'discrete',
@@ -1031,9 +1024,9 @@ export class HTMLMapmlViewerElement extends HTMLElement {
             : 'light'
         ]
       },
-      'map-extent': {
+      'prefers-map-content': {
         type: 'discrete',
-        values: currentBounds
+        values: M.options.contentPreference
       }
     };
 
@@ -1056,10 +1049,10 @@ export class HTMLMapmlViewerElement extends HTMLElement {
         return features['prefers-color-scheme'].values
           .some((s) => s === queryValue)
           .toString();
-      } else if (feature === 'map-extent') {
-        //        const [x1, y1, x2, y2] = queryValue.split(',').map(Number);
-        //        let queryBounds = bounds([x1, y1], [x2, y2]);
-        return 'false';
+      } else if (feature === 'prefers-map-content') {
+        return features[feature].values
+          .some((pref) => pref === queryValue)
+          .toString();
       }
 
       return 'false';