@ccrpc/webmapgl 0.18.6 → 0.18.8

package/dist/esm/gl-address-search_52.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, d as getElement, e as getAssetPath, f as createEvent, i as readTask, j as forceUpdate, w as writeTask } from './index-cb74209c.js';
 import { _ as _t } from './i18n-c66f020d.js';
-import { f as findOrCreateOnReady, g as getMap, t as toArray, a as getAbsoluteUrl } from './utils-0af5fee1.js';
+import { a as findOrCreateOnReady, g as getMap, t as toArray, b as getAbsoluteUrl } from './utils-e86257fd.js';
 import { p as popoverController, m as modalController, g as getOverlay } from './overlays-a641afa2.js';
 import { c as createCommonjsModule, a as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-4d8f6371.js';
 import { g as getIonMode$1, c as config, a as isPlatform } from './ionic-global-1b27992c.js';
@@ -127,7 +127,7 @@ const AddressSearchBox = class {
     let mapEl = this.el.closest("gl-map");
     mapEl.map.fitBounds(result.bbox, {
       maxZoom: this.maxZoom,
-      padding: this.zoomPadding,
+      padding: this.zoomPadding
     });
     this.hasFocus = false;
   }
@@ -138,7 +138,7 @@ const AddressSearchBox = class {
       bbox: this.bboxArray,
       bounded: true,
       jobId: this.jobId,
-      limit: this.limit,
+      limit: this.limit
     });
   }
   resultButtonFunction(result) {
@@ -147,7 +147,7 @@ const AddressSearchBox = class {
   renderResults() {
     if (this.results.length === 0 || !this.hasValue || !this.hasFocus)
       return null;
-    let items = this.results.map((result) => (h("ion-item", { button: true, onClick: this.resultButtonFunction(result) }, h("ion-icon", { name: "pin", slot: "start" }), h("ion-label", null, this.formatAddress(result.address, result.display)))));
+    let items = this.results.map((result) => (h("ion-item", { button: true, onClick: this.resultButtonFunction(result), "aria-label": "Address Result" }, h("ion-icon", { name: "pin", slot: "start", "aria-hidden": "true" }), h("ion-label", null, this.formatAddress(result.address, result.display)))));
     return h("ion-list", { lines: "full" }, items);
   }
   handleChange() {
@@ -207,7 +207,7 @@ const App$1 = class {
   }
   getMenuButton() {
     if (this.menu === true)
-      return (h("ion-menu-toggle", null, h("ion-button", null, h("ion-icon", { slot: "icon-only", name: "menu" }))));
+      return (h("ion-menu-toggle", null, h("ion-button", { "aria-label": "Menu Button" }, h("ion-icon", { "aria-hidden": "true", slot: "icon-only", name: "menu" }))));
   }
   getMain() {
     return (h("div", { class: "pane-main", id: "main" }, h("ion-header", null, h("ion-toolbar", null, h("ion-buttons", { slot: "start" }, this.getMenuButton(), h("slot", { name: "start-buttons" })), h("ion-buttons", { slot: "end" }, h("slot", { name: "end-buttons" })), h("ion-title", null, this.label))), h("ion-content", { scrollX: false, scrollY: false, class: "map-content" }, h("div", { class: "fixed-content", slot: "fixed" }, h("slot", null))), h("slot", { name: "after-content" }), h("ion-footer", null, h("slot", { name: "footer" }))));
@@ -372,7 +372,7 @@ const Basemaps = class {
   async openPopover(ev) {
     const options = {
       component: document.createElement("gl-basemap-switcher"),
-      ev: ev,
+      ev: ev
     };
     const popover = await popoverController.create(options);
     await popover.present();
@@ -380,7 +380,7 @@ const Basemaps = class {
   }
   render() {
     let title = _t("webmapgl.basemaps.title");
-    return (h("ion-button", { onClick: this.selectBasemap, title: title }, h("ion-icon", { slot: "icon-only", name: "earth" })));
+    return (h("ion-button", { onClick: this.selectBasemap, title: title, "aria-label": title }, h("ion-icon", { "aria-hidden": "true", slot: "icon-only", name: "earth" })));
   }
   get el() { return getElement(this); }
 };
@@ -394,9 +394,9 @@ const DownloadButton = class {
     const options = {
       component: document.createElement("gl-download-list"),
       componentProps: {
-        files: Array.from(this.el.querySelectorAll("gl-download-file")),
+        files: Array.from(this.el.querySelectorAll("gl-download-file"))
       },
-      ev: ev,
+      ev: ev
     };
     const popover = await popoverController.create(options);
     await popover.present();
@@ -404,7 +404,7 @@ const DownloadButton = class {
   }
   render() {
     let title = _t("webmapgl.download-button.title");
-    return (h("ion-button", { onClick: this.clickPopover, title: title }, h("ion-icon", { slot: "icon-only", name: "download-sharp" })));
+    return (h("ion-button", { onClick: this.clickPopover, title: title, "aria-label": title }, h("ion-icon", { "aria-hidden": "true", slot: "icon-only", name: "download-sharp" })));
   }
   get el() { return getElement(this); }
 };
@@ -432,7 +432,8 @@ const DownloadList = class {
         .join(", ");
       if (formatString != undefined)
         formatString = `(${formatString})`;
-      return (h("ion-item", null, h("ion-label", { "text-wrap": true }, file.label, " ", formatString), h("ion-button", { slot: "end", href: file.url, target: "_blank", title: _t("webmapgl.download-list.download", { file: file.label }) }, h("ion-icon", { slot: "icon-only", name: "download" }))));
+      let title = _t("webmapgl.download-list.download", { file: file.label });
+      return (h("ion-item", null, h("ion-label", { "text-wrap": true }, file.label, " ", formatString), h("ion-button", { slot: "end", href: file.url, target: "_blank", title: title, "aria-label": title }, h("ion-icon", { "aria-hidden": "true", slot: "icon-only", name: "download" }))));
     });
     return (h("ion-content", null, h("ion-list", null, h("ion-list-header", null, header), fileList)));
   }
@@ -452,7 +453,7 @@ const Drawer = class {
   }
   openChanged(isOpen) {
     this.glDrawerToggle.emit({
-      open: isOpen,
+      open: isOpen
     });
   }
   componentDidUpdate() {
@@ -468,8 +469,8 @@ const Drawer = class {
   render() {
     return (h(Host, { class: {
         "gl-drawer-closed": !this.open,
-        "gl-drawer-open": this.open,
-      } }, h("ion-header", null, h("ion-toolbar", null, h("ion-buttons", { slot: "start" }, h("slot", { name: "toolbar-start-buttons" })), h("ion-title", null, this.drawerTitle), h("ion-buttons", { slot: "end" }, h("slot", { name: "toolbar-end-buttons" }), h("ion-button", { title: "Close", onClick: this.closeDrawerClick }, h("ion-icon", { slot: "icon-only", name: "close" }))))), h("ion-content", null, h("slot", null))));
+        "gl-drawer-open": this.open
+      } }, h("ion-header", null, h("ion-toolbar", null, h("ion-buttons", { slot: "start" }, h("slot", { name: "toolbar-start-buttons" })), h("ion-title", null, this.drawerTitle), h("ion-buttons", { slot: "end" }, h("slot", { name: "toolbar-end-buttons" }), h("ion-button", { title: "Close", onClick: this.closeDrawerClick, "aria-label": "Close" }, h("ion-icon", { "aria-hidden": "true", slot: "icon-only", name: "close" }))))), h("ion-content", null, h("slot", null))));
   }
   static get watchers() { return {
     "open": ["openChanged"]
@@ -493,7 +494,7 @@ const DrawerToggle = class {
     this.drawer.open = !this.drawer.open;
   }
   render() {
-    return (h("ion-button", { onClick: this.clickToggle, title: this.buttonTitle, disabled: this.disabled }, h("ion-icon", { slot: "icon-only", name: this.icon })));
+    return (h("ion-button", { onClick: this.clickToggle, title: this.buttonTitle, disabled: this.disabled, "aria-label": this.buttonTitle }, h("ion-icon", { "aria-hidden": "true", slot: "icon-only", name: this.icon })));
   }
   get el() { return getElement(this); }
 };
@@ -676,7 +677,7 @@ const Fullscreen = class {
       ? _t("webmapgl.fullscreen.exit")
       : _t("webmapgl.fullscreen.enter");
     if (screenfull$1.isEnabled)
-      return (h("ion-button", { onClick: this.clickToggle, title: title }, h("ion-icon", { slot: "icon-only", name: this.fullscreen ? "contract" : "expand" })));
+      return (h("ion-button", { onClick: this.clickToggle, title: title, "aria-label": title }, h("ion-icon", { slot: "icon-only", name: this.fullscreen ? "contract" : "expand", "aria-hidden": "true" })));
   }
 };
 
@@ -769,7 +770,7 @@ const LegendItem = class {
       content.push(h("ion-thumbnail", { slot: "start" }, h("img", { src: this.image, alt: this.el.textContent })));
     content.push(h("ion-label", null, h("slot", null)));
     if (this.toggle)
-      content.push(h("ion-toggle", { slot: "end", checked: this.visible, onIonChange: this.onToggle }));
+      content.push(h("ion-toggle", { slot: "end", checked: this.visible, onIonChange: this.onToggle, "aria-label": "Toggle Layer" }));
     if (this.widget === "divider")
       return h("ion-item-divider", null, content);
     return h("ion-item", null, content);
@@ -2263,12 +2264,12 @@ const Share = class {
         url: targetUrl,
         title: title,
         via: this.shareUser,
-        hashtags: this.shareHashtags,
+        hashtags: this.shareHashtags
       });
     }
     else {
       url = this.constructShareUrl("https://www.facebook.com/sharer.php", {
-        u: targetUrl,
+        u: targetUrl
       });
     }
     this.openUrl(url);
@@ -2287,7 +2288,7 @@ const Share = class {
     return () => this.share(name.toLocaleLowerCase());
   }
   render() {
-    let items = ["Facebook", "Twitter"].map((name) => (h("ion-item", { button: true, onClick: this.clickShare(name) }, h("ion-icon", { slot: "start", name: `logo-${name.toLowerCase()}` }), h("ion-label", null, name))));
+    let items = ["Facebook", "Twitter"].map((name) => (h("ion-item", { button: true, onClick: this.clickShare(name), "aria-label": "Share Button" }, h("ion-icon", { slot: "start", name: `logo-${name.toLowerCase()}`, "aria-hidden": "true" }), h("ion-label", null, name))));
     return (h("ion-list", null, h("ion-list-header", null, _t("webmapgl.share.title")), items));
   }
   get el() { return getElement(this); }
@@ -2302,14 +2303,14 @@ const ShareButton = class {
   async openPopover(ev) {
     const options = {
       component: document.createElement("gl-share"),
-      ev: ev,
+      ev: ev
     };
     const popover = await popoverController.create(options);
     await popover.present();
     return popover;
   }
   render() {
-    return (h("ion-button", { title: _t("webmapgl.share-button.title"), onClick: this.clickOpen }, h("ion-icon", { slot: "icon-only", name: this.icon })));
+    return (h("ion-button", { title: _t("webmapgl.share-button.title"), "aria-label": _t("webmapgl.share-button.title"), onClick: this.clickOpen }, h("ion-icon", { slot: "icon-only", name: this.icon, "aria-hidden": "true" })));
   }
 };
 
@@ -2370,7 +2371,7 @@ const StoryButton = class {
       last: story.step === story.steps - 1,
       next: story.step == undefined || story.step === story.steps - 1,
       previous: story.step == undefined || story.step === 0,
-      exit: false,
+      exit: false
     }[this.action];
   }
   doAction() {
@@ -2382,7 +2383,7 @@ const StoryButton = class {
       last: story.steps - 1,
       next: story.step + 1,
       previous: story.step - 1,
-      exit: undefined,
+      exit: undefined
     }[this.action];
   }
   render() {
@@ -2393,9 +2394,9 @@ const StoryButton = class {
         last: "play-skip-forward-outline",
         next: "play-forward-outline",
         previous: "play-back-outline",
-        exit: "close-outline",
+        exit: "close-outline"
       }[this.action];
-    return (h("ion-button", { onClick: this.clickAction, title: title, disabled: this.disabled }, h("ion-icon", { slot: "icon-only", name: icon })));
+    return (h("ion-button", { onClick: this.clickAction, title: title, disabled: this.disabled, "aria-label": title }, h("ion-icon", { slot: "icon-only", name: icon, "aria-hidden": "true" })));
   }
   static get watchers() { return {
     "storyId": ["updateStory"]
@@ -2808,7 +2809,7 @@ const TableColumnVisibility = class {
     return Array.from(document.querySelectorAll(selector)).map((column) => (h("gl-table-column-visibility-toggle", { column: column, enabled: column.visible })));
   }
   render() {
-    return (h(Host, null, h("ion-header", null, h("ion-toolbar", null, h("ion-title", null, this.label), h("ion-buttons", { slot: "end" }, h("ion-button", { title: _t("webmapgl.table-column-visibility.close"), onClick: this.closeClick }, h("ion-icon", { slot: "icon-only", name: "close" }))))), h("ion-content", null, h("ion-list", null, this.createToggles()))));
+    return (h(Host, null, h("ion-header", null, h("ion-toolbar", null, h("ion-title", null, this.label), h("ion-buttons", { slot: "end" }, h("ion-button", { title: _t("webmapgl.table-column-visibility.close"), "aria-label": _t("webmapgl.table-column-visibility.close"), onClick: this.closeClick }, h("ion-icon", { slot: "icon-only", name: "close", "aria-hidden": "true" }))))), h("ion-content", null, h("ion-list", null, this.createToggles()))));
   }
   get el() { return getElement(this); }
 };
@@ -2824,16 +2825,16 @@ const TableColumnVisibilityButton = class {
     const options = {
       component: document.createElement("gl-table-column-visibility"),
       componentOptions: {
-        tableId: this.tableId,
+        tableId: this.tableId
       },
-      event: ev,
+      event: ev
     };
     const modal = await modalController.create(options);
     await modal.present();
     return modal;
   }
   render() {
-    return h("ion-button", { onClick: this.openClick }, this.label);
+    return (h("ion-button", { onClick: this.openClick, "aria-label": this.label }, this.label));
   }
 };
 
@@ -2875,7 +2876,7 @@ const TableExportButton = class {
     this.exportCtrl.create(this);
   }
   render() {
-    return (h("ion-button", { "ion-button": true, onClick: this.buttonClicked }, this.customButton ? h("slot", null) : this.format.toUpperCase()));
+    return (h("ion-button", { onClick: this.buttonClicked, "aria-label": "Download File" }, this.customButton ? h("slot", null) : this.format.toUpperCase()));
   }
 };