@ccrpc/webmapgl 0.18.6 → 0.18.8

package/dist/collection/components/legend-item/legend-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"legend-item.js","sourceRoot":"","sources":["../../../src/components/legend-item/legend-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  h,\n  Component,\n  Element,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport { toArray } from \"../utils\";\nimport { ToggleCustomEvent } from \"@ionic/core\";\nimport { StyleSpecification } from \"maplibre-gl\";\n\n@Component({\n  tag: \"gl-legend-item\",\n  styleUrl: \"legend-item.css\",\n})\nexport class LegendItem {\n  @Element() el: HTMLGlLegendItemElement;\n\n  @State() visible: boolean;\n\n  /**\n   * The IDs of the style layers controlled by this legend item. If controls\n   * which layers are toggled or on off by this legend item.\n   */\n  @Prop() readonly layers: string | string[];\n\n  /**\n   * The URL of the image for the legend item.\n   */\n  @Prop() readonly image: string;\n\n  /**\n   * Show a toggle switch to turn the corresponding layer on and off. If\n   * it is `true`, `layers` and `styleId` must be provided.\n   */\n  @Prop() readonly toggle: boolean = false;\n\n  /**\n   * ID of the `gl-style` containing the layers referenced in `layers`.\n   */\n  @Prop() readonly styleId: string;\n\n  /**\n   * Widget used to render the legend item. The `divider` value renders an\n   * `ion-list-divider` component suitable for grouping subsequent legend items.\n   */\n  @Prop() readonly widget: \"divider\" | \"item\" = \"item\";\n\n  async componentWillLoad() {\n    this.handleStyleId();\n  }\n\n  @Watch(\"styleId\")\n  async handleStyleId() {\n    let styleEl = await this.getStyle();\n    if (styleEl != undefined) this.update(styleEl.json);\n  }\n\n  @Listen(\"glStyleElementAdded\", { target: \"body\" })\n  handleStyleAdded(e: CustomEvent) {\n    if (e.detail.id === this.styleId) this.update(e.detail.style.json);\n  }\n\n  @Listen(\"glStyleElementModified\", { target: \"body\" })\n  handleStyleUpdated(e: CustomEvent) {\n    if (e.detail.id === this.styleId) this.update(e.detail.style.json);\n  }\n\n  private async getStyle(): Promise<HTMLGlStyleElement> {\n    let styleEl: HTMLGlStyleElement = document.querySelector(\n      `gl-style#${this.styleId}`\n    );\n\n    if (styleEl != undefined) await styleEl.componentOnReady();\n    return styleEl;\n  }\n\n  private getVisible(json: StyleSpecification) {\n    const layers = toArray(this.layers);\n    if (layers == undefined || layers.length === 0) return true;\n    if (json.layers == undefined || json.layers.length === 0) return false;\n    for (let layer of json.layers) {\n      if (layers.indexOf(layer.id) !== -1) {\n        if (\"layout\" in layer && layer.layout != undefined) {\n          return layer.layout.visibility !== \"none\";\n        } else return true;\n      }\n    }\n  }\n\n  private async setVisible(visible: boolean) {\n    if (this.visible === visible) return;\n\n    let layers = toArray(this.layers);\n    let styleEl = await this.getStyle();\n    if (styleEl == undefined) return;\n\n    let json: StyleSpecification = { ...styleEl.json };\n    json.layers = (json.layers || []).map((layer) => {\n      if (layers.indexOf(layer.id) !== -1) {\n        if (!(\"layout\" in layer) || layer.layout == undefined)\n          layer[\"layout\"] = {};\n        layer[\"layout\"][\"visibility\"] = visible ? \"visible\" : \"none\";\n      }\n      return layer;\n    });\n    styleEl.json = json;\n  }\n\n  private update(json: StyleSpecification) {\n    if (json != null) this.visible = this.getVisible(json);\n  }\n\n  private onToggle = (e: ToggleCustomEvent) =>\n    this.setVisible(e.detail.checked);\n\n  render() {\n    let content = [];\n    if (this.image != undefined)\n      content.push(\n        <ion-thumbnail slot=\"start\">\n          <img src={this.image} alt={this.el.textContent} />\n        </ion-thumbnail>\n      );\n    content.push(\n      <ion-label>\n        <slot />\n      </ion-label>\n    );\n    if (this.toggle)\n      content.push(\n        <ion-toggle\n          slot=\"end\"\n          checked={this.visible}\n          onIonChange={this.onToggle}\n        ></ion-toggle>\n      );\n\n    if (this.widget === \"divider\")\n      return <ion-item-divider>{content}</ion-item-divider>;\n    return <ion-item>{content}</ion-item>;\n  }\n}\n"]}
+{"version":3,"file":"legend-item.js","sourceRoot":"","sources":["../../../src/components/legend-item/legend-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  h,\n  Component,\n  Element,\n  Listen,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\nimport { toArray } from \"../utils\";\nimport { ToggleCustomEvent } from \"@ionic/core\";\nimport { StyleSpecification } from \"maplibre-gl\";\n\n@Component({\n  tag: \"gl-legend-item\",\n  styleUrl: \"legend-item.css\"\n})\nexport class LegendItem {\n  @Element() el: HTMLGlLegendItemElement;\n\n  @State() visible: boolean;\n\n  /**\n   * The IDs of the style layers controlled by this legend item. If controls\n   * which layers are toggled or on off by this legend item.\n   */\n  @Prop() readonly layers: string | string[];\n\n  /**\n   * The URL of the image for the legend item.\n   */\n  @Prop() readonly image: string;\n\n  /**\n   * Show a toggle switch to turn the corresponding layer on and off. If\n   * it is `true`, `layers` and `styleId` must be provided.\n   */\n  @Prop() readonly toggle: boolean = false;\n\n  /**\n   * ID of the `gl-style` containing the layers referenced in `layers`.\n   */\n  @Prop() readonly styleId: string;\n\n  /**\n   * Widget used to render the legend item. The `divider` value renders an\n   * `ion-list-divider` component suitable for grouping subsequent legend items.\n   */\n  @Prop() readonly widget: \"divider\" | \"item\" = \"item\";\n\n  async componentWillLoad() {\n    this.handleStyleId();\n  }\n\n  @Watch(\"styleId\")\n  async handleStyleId() {\n    let styleEl = await this.getStyle();\n    if (styleEl != undefined) this.update(styleEl.json);\n  }\n\n  @Listen(\"glStyleElementAdded\", { target: \"body\" })\n  handleStyleAdded(e: CustomEvent) {\n    if (e.detail.id === this.styleId) this.update(e.detail.style.json);\n  }\n\n  @Listen(\"glStyleElementModified\", { target: \"body\" })\n  handleStyleUpdated(e: CustomEvent) {\n    if (e.detail.id === this.styleId) this.update(e.detail.style.json);\n  }\n\n  private async getStyle(): Promise<HTMLGlStyleElement> {\n    let styleEl: HTMLGlStyleElement = document.querySelector(\n      `gl-style#${this.styleId}`\n    );\n\n    if (styleEl != undefined) await styleEl.componentOnReady();\n    return styleEl;\n  }\n\n  private getVisible(json: StyleSpecification) {\n    const layers = toArray(this.layers);\n    if (layers == undefined || layers.length === 0) return true;\n    if (json.layers == undefined || json.layers.length === 0) return false;\n    for (let layer of json.layers) {\n      if (layers.indexOf(layer.id) !== -1) {\n        if (\"layout\" in layer && layer.layout != undefined) {\n          return layer.layout.visibility !== \"none\";\n        } else return true;\n      }\n    }\n  }\n\n  private async setVisible(visible: boolean) {\n    if (this.visible === visible) return;\n\n    let layers = toArray(this.layers);\n    let styleEl = await this.getStyle();\n    if (styleEl == undefined) return;\n\n    let json: StyleSpecification = { ...styleEl.json };\n    json.layers = (json.layers || []).map((layer) => {\n      if (layers.indexOf(layer.id) !== -1) {\n        if (!(\"layout\" in layer) || layer.layout == undefined)\n          layer[\"layout\"] = {};\n        layer[\"layout\"][\"visibility\"] = visible ? \"visible\" : \"none\";\n      }\n      return layer;\n    });\n    styleEl.json = json;\n  }\n\n  private update(json: StyleSpecification) {\n    if (json != null) this.visible = this.getVisible(json);\n  }\n\n  private onToggle = (e: ToggleCustomEvent) =>\n    this.setVisible(e.detail.checked);\n\n  render() {\n    let content = [];\n    if (this.image != undefined)\n      content.push(\n        <ion-thumbnail slot=\"start\">\n          <img src={this.image} alt={this.el.textContent} />\n        </ion-thumbnail>\n      );\n    content.push(\n      <ion-label>\n        <slot />\n      </ion-label>\n    );\n    if (this.toggle)\n      content.push(\n        <ion-toggle\n          slot=\"end\"\n          checked={this.visible}\n          onIonChange={this.onToggle}\n          aria-label=\"Toggle Layer\"\n        ></ion-toggle>\n      );\n\n    if (this.widget === \"divider\")\n      return <ion-item-divider>{content}</ion-item-divider>;\n    return <ion-item>{content}</ion-item>;\n  }\n}\n"]}

package/dist/collection/components/like-button/like-button.js

@@ -1,4 +1,4 @@
-import { h, } from "@stencil/core";
+import { h } from "@stencil/core";
 import { findOrCreateOnReady } from "../utils";
 export class LikeButton {
   constructor() {
@@ -53,13 +53,13 @@ export class LikeButton {
         properties: {
           action: this.liked ? "like" : "unlike",
           feature_id: this.feature.id,
-          client_id: clientId,
-        },
+          client_id: clientId
+        }
       }, {
         url: this.url,
         token: this.token,
         method: this.method,
-        mode: this.requestMode,
+        mode: this.requestMode
       });
       success = true;
     }
@@ -68,11 +68,11 @@ export class LikeButton {
       success: success,
       feature: this.feature,
       action: this.liked ? "like" : "unlike",
-      client_id: clientId,
+      client_id: clientId
     });
   }
   render() {
-    return (h("ion-button", { fill: "clear", onClick: this.likeClicked, disabled: this.disabled }, h("ion-icon", { slot: "start", name: this.liked ? this.iconYes : this.iconNo }), h("span", { class: "gl-like-button-count" }, this.count)));
+    return (h("ion-button", { fill: "clear", onClick: this.likeClicked, disabled: this.disabled, "aria-label": "Like Button" }, h("ion-icon", { slot: "start", name: this.liked ? this.iconYes : this.iconNo, "aria-hidden": "true" }), h("span", { class: "gl-like-button-count" }, this.count)));
   }
   static get is() { return "gl-like-button"; }
   static get properties() {

package/dist/collection/components/like-button/like-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"like-button.js","sourceRoot":"","sources":["../../../src/components/like-button/like-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,CAAC,EACD,SAAS,EACT,OAAO,EACP,KAAK,EAEL,IAAI,EACJ,KAAK,EACL,KAAK,GACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAM/C,MAAM,OAAO,UAAU;;IA2Hb,gBAAW,GAAG,GAAG,EAAE;MACzB,IAAI,CAAC,IAAI,CAAC,QAAQ;QAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACpC,CAAC,CAAC;iBA1HuB,CAAC;iBACA,KAAK;;;;qBASM,QAAQ;oBAKR,KAAK;;kBAUR,cAAc;mBAKb,MAAM;kBAK8B,MAAM;;;;;EA4B7E,KAAK,CAAC,iBAAiB;IACrB,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;EACxB,CAAC;EAGD,KAAK,CAAC,QAAQ;IACZ,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE;MAC7B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;MACrD,IAAI,IAAI,CAAC,QAAQ,IAAI,SAAS,EAAE;QAC9B,IAAI,CAAC,QAAQ,GAAG,MAAM,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;OACjE;MACD,IAAI,CAAC,KAAK,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;MACtD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;KACnC;EACH,CAAC;EAEO,KAAK,CAAC,MAAM;;IAClB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClC,IAAI,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,UAAU,KAAI,SAAS;MACvC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;IACvD,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;IAErD,kCAAkC;IAClC,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;IACxC,IAAI;MACF,IAAI,IAAI,CAAC,QAAQ,IAAI,SAAS,EAAE;QAC9B,IAAI,CAAC,QAAQ,GAAG,MAAM,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;OACjE;MACD,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,CACxB;QACE,IAAI,EAAE,SAAS;QACf,UAAU,EAAE;UACV,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;UACtC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE;UAC3B,SAAS,EAAE,QAAQ;SACpB;OACF,EACD;QACE,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,IAAI,EAAE,IAAI,CAAC,WAAW;OACvB,CACF,CAAC;MACF,OAAO,GAAG,IAAI,CAAC;KAChB;IAAC,OAAO,CAAC,EAAE,GAAE;IAEd,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;MACf,OAAO,EAAE,OAAO;MAChB,OAAO,EAAE,IAAI,CAAC,OAAO;MACrB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;MACtC,SAAS,EAAE,QAAQ;KACpB,CAAC,CAAC;EACL,CAAC;EAMD,MAAM;IACJ,OAAO,CACL,kBACE,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;MAEvB,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GACnC;MACZ,YAAM,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC3C,CACd,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  h,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport { LikeProxy } from \"../like-controller/like-proxy\";\nimport { findOrCreateOnReady } from \"../utils\";\nimport { Feature } from \"geojson\";\nimport { MapGeoJSONFeature } from \"maplibre-gl\";\n@Component({\n  tag: \"gl-like-button\",\n})\nexport class LikeButton {\n  @Element() el: HTMLGlLikeButtonElement;\n\n  @State() count: number = 0;\n  @State() liked: boolean = false;\n  @State() proxy: LikeProxy;\n\n  @State() likeCtrl: HTMLGlLikeControllerElement;\n  @State() restCtrl: HTMLGlRestControllerElement;\n\n  /**\n   * The attribute which stores the number of likes this feature has received\n   */\n  @Prop() readonly attribute: string = \"_likes\";\n\n  /**\n   * Whether or not this like button is disabled\n   */\n  @Prop() readonly disabled: boolean = false;\n\n  /**\n   * The feature this like button is for\n   */\n  @Prop() readonly feature: Feature | MapGeoJSONFeature;\n\n  /**\n   * The icon for the like button if the user has not liked the feature\n   */\n  @Prop() readonly iconNo: string = \"star-outline\";\n\n  /**\n   * The icon for the like button if the user\n   */\n  @Prop() readonly iconYes: string = \"star\";\n\n  /**\n   * The HTTP method this like button uses to communicate a like\n   */\n  @Prop() readonly method: \"GET\" | \"POST\" | \"PATCH\" | \"PUT\" | \"DELETE\" = \"POST\";\n\n  /**\n   * The cors mode this like button uses to communicate\n   */\n  @Prop() readonly requestMode: RequestMode;\n\n  /**\n   * The authentication token this like button uses when communicating\n   */\n  @Prop() readonly token: string;\n\n  /**\n   * The url to the endpoint which which the like button communicates.\n   * Most likely this will be the end point of a features-api instance.\n   */\n  @Prop() readonly url: string;\n\n  /**\n   * An event emitted when the user presses the like button\n   */\n  @Event() glLike: EventEmitter<{\n    success: boolean;\n    feature: Feature | MapGeoJSONFeature;\n    action: \"like\" | \"unlike\";\n    client_id: string;\n  }>;\n\n  async componentWillLoad() {\n    await this.setState();\n  }\n\n  @Watch(\"feature\")\n  async setState() {\n    if (this.feature != undefined) {\n      this.count = this.feature.properties[this.attribute];\n      if (this.likeCtrl == undefined) {\n        this.likeCtrl = await findOrCreateOnReady(\"gl-like-controller\");\n      }\n      this.proxy = await this.likeCtrl.create(this.feature);\n      this.liked = this.proxy.isLiked();\n    }\n  }\n\n  private async toggle() {\n    this.liked = !this.liked;\n    this.count += this.liked ? 1 : -1;\n    if (this.feature?.properties != undefined)\n      this.feature.properties[this.attribute] = this.count;\n    this.liked ? this.proxy.like() : this.proxy.unlike();\n\n    // Fail silently if request fails.\n    let success = false;\n    let clientId = this.proxy.getClientId();\n    try {\n      if (this.restCtrl == undefined) {\n        this.restCtrl = await findOrCreateOnReady(\"gl-rest-controller\");\n      }\n      await this.restCtrl.create(\n        {\n          type: \"Feature\",\n          properties: {\n            action: this.liked ? \"like\" : \"unlike\",\n            feature_id: this.feature.id,\n            client_id: clientId,\n          },\n        },\n        {\n          url: this.url,\n          token: this.token,\n          method: this.method,\n          mode: this.requestMode,\n        }\n      );\n      success = true;\n    } catch (e) {}\n\n    this.glLike.emit({\n      success: success,\n      feature: this.feature,\n      action: this.liked ? \"like\" : \"unlike\",\n      client_id: clientId,\n    });\n  }\n\n  private likeClicked = () => {\n    if (!this.disabled) this.toggle();\n  };\n\n  render() {\n    return (\n      <ion-button\n        fill=\"clear\"\n        onClick={this.likeClicked}\n        disabled={this.disabled}\n      >\n        <ion-icon\n          slot=\"start\"\n          name={this.liked ? this.iconYes : this.iconNo}\n        ></ion-icon>\n        <span class=\"gl-like-button-count\">{this.count}</span>\n      </ion-button>\n    );\n  }\n}\n"]}
+{"version":3,"file":"like-button.js","sourceRoot":"","sources":["../../../src/components/like-button/like-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  h,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\nimport { LikeProxy } from \"../like-controller/like-proxy\";\nimport { findOrCreateOnReady } from \"../utils\";\nimport { Feature } from \"geojson\";\nimport { MapGeoJSONFeature } from \"maplibre-gl\";\n@Component({\n  tag: \"gl-like-button\"\n})\nexport class LikeButton {\n  @Element() el: HTMLGlLikeButtonElement;\n\n  @State() count: number = 0;\n  @State() liked: boolean = false;\n  @State() proxy: LikeProxy;\n\n  @State() likeCtrl: HTMLGlLikeControllerElement;\n  @State() restCtrl: HTMLGlRestControllerElement;\n\n  /**\n   * The attribute which stores the number of likes this feature has received\n   */\n  @Prop() readonly attribute: string = \"_likes\";\n\n  /**\n   * Whether or not this like button is disabled\n   */\n  @Prop() readonly disabled: boolean = false;\n\n  /**\n   * The feature this like button is for\n   */\n  @Prop() readonly feature: Feature | MapGeoJSONFeature;\n\n  /**\n   * The icon for the like button if the user has not liked the feature\n   */\n  @Prop() readonly iconNo: string = \"star-outline\";\n\n  /**\n   * The icon for the like button if the user\n   */\n  @Prop() readonly iconYes: string = \"star\";\n\n  /**\n   * The HTTP method this like button uses to communicate a like\n   */\n  @Prop() readonly method: \"GET\" | \"POST\" | \"PATCH\" | \"PUT\" | \"DELETE\" = \"POST\";\n\n  /**\n   * The cors mode this like button uses to communicate\n   */\n  @Prop() readonly requestMode: RequestMode;\n\n  /**\n   * The authentication token this like button uses when communicating\n   */\n  @Prop() readonly token: string;\n\n  /**\n   * The url to the endpoint which which the like button communicates.\n   * Most likely this will be the end point of a features-api instance.\n   */\n  @Prop() readonly url: string;\n\n  /**\n   * An event emitted when the user presses the like button\n   */\n  @Event() glLike: EventEmitter<{\n    success: boolean;\n    feature: Feature | MapGeoJSONFeature;\n    action: \"like\" | \"unlike\";\n    client_id: string;\n  }>;\n\n  async componentWillLoad() {\n    await this.setState();\n  }\n\n  @Watch(\"feature\")\n  async setState() {\n    if (this.feature != undefined) {\n      this.count = this.feature.properties[this.attribute];\n      if (this.likeCtrl == undefined) {\n        this.likeCtrl = await findOrCreateOnReady(\"gl-like-controller\");\n      }\n      this.proxy = await this.likeCtrl.create(this.feature);\n      this.liked = this.proxy.isLiked();\n    }\n  }\n\n  private async toggle() {\n    this.liked = !this.liked;\n    this.count += this.liked ? 1 : -1;\n    if (this.feature?.properties != undefined)\n      this.feature.properties[this.attribute] = this.count;\n    this.liked ? this.proxy.like() : this.proxy.unlike();\n\n    // Fail silently if request fails.\n    let success = false;\n    let clientId = this.proxy.getClientId();\n    try {\n      if (this.restCtrl == undefined) {\n        this.restCtrl = await findOrCreateOnReady(\"gl-rest-controller\");\n      }\n      await this.restCtrl.create(\n        {\n          type: \"Feature\",\n          properties: {\n            action: this.liked ? \"like\" : \"unlike\",\n            feature_id: this.feature.id,\n            client_id: clientId\n          }\n        },\n        {\n          url: this.url,\n          token: this.token,\n          method: this.method,\n          mode: this.requestMode\n        }\n      );\n      success = true;\n    } catch (e) {}\n\n    this.glLike.emit({\n      success: success,\n      feature: this.feature,\n      action: this.liked ? \"like\" : \"unlike\",\n      client_id: clientId\n    });\n  }\n\n  private likeClicked = () => {\n    if (!this.disabled) this.toggle();\n  };\n\n  render() {\n    return (\n      <ion-button\n        fill=\"clear\"\n        onClick={this.likeClicked}\n        disabled={this.disabled}\n        aria-label=\"Like Button\"\n      >\n        <ion-icon\n          slot=\"start\"\n          name={this.liked ? this.iconYes : this.iconNo}\n          aria-hidden=\"true\"\n        ></ion-icon>\n        <span class=\"gl-like-button-count\">{this.count}</span>\n      </ion-button>\n    );\n  }\n}\n"]}

package/dist/collection/components/share/share.js

@@ -33,12 +33,12 @@ export class Share {
         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);
@@ -57,7 +57,7 @@ export class Share {
     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));
   }
   static get is() { return "gl-share"; }

package/dist/collection/components/share/share.js.map

@@ -1 +1 @@
-{"version":3,"file":"share.js","sourceRoot":"","sources":["../../../src/components/share/share.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h, Component, Element, Prop } from \"@stencil/core\";\nimport { _t } from \"../i18n/i18n\";\n\n@Component({\n  tag: \"gl-share\",\n})\nexport class Share {\n  @Element() el: HTMLGlShareElement;\n\n  /**\n   * Height of the popup window in pixels.\n   */\n  @Prop() readonly popupHeight: number = 480;\n\n  /**\n   * Width of the popup window in pixels.\n   */\n  @Prop() readonly popupWidth: number = 640;\n\n  /**\n   * Title of the item being shared.\n   */\n  @Prop() readonly shareTitle: string;\n\n  /**\n   * User attribution. It is used for sharing on Twitter.\n   */\n  @Prop() readonly shareUser: string;\n\n  /**\n   * Hashtags for the post. It is used for sharing on Twitter.\n   */\n  @Prop() readonly shareHashtags: string;\n\n  /**\n   * URL to share. If a URL is not provided, the current page URL is used.\n   */\n  @Prop() readonly shareUrl: string;\n\n  private constructShareUrl(base: string, params: any) {\n    let url = base;\n    let qs = Object.keys(params || {})\n      .filter((key) => params[key] != undefined)\n      .map((key) => `${key}=${encodeURIComponent(params[key])}`)\n      .join(\"&\");\n\n    if (qs != null) url += `?${qs}`;\n    return url;\n  }\n\n  private share(platform: string) {\n    let targetUrl = this.shareUrl || window.location.href;\n\n    let title = this.shareTitle;\n    if (title == undefined) {\n      let app = this.el.closest(\"gl-app\");\n      if (app != undefined) title = app.label;\n    }\n\n    let url: string;\n    if (platform === \"twitter\") {\n      url = this.constructShareUrl(\"https://twitter.com/intent/tweet\", {\n        url: targetUrl,\n        title: title,\n        via: this.shareUser,\n        hashtags: this.shareHashtags,\n      });\n    } else {\n      url = this.constructShareUrl(\"https://www.facebook.com/sharer.php\", {\n        u: targetUrl,\n      });\n    }\n\n    this.openUrl(url);\n    this.closePopover();\n  }\n\n  private openUrl(url: string) {\n    window.open(\n      url,\n      \"gl-share\",\n      `width=${this.popupWidth},height=${this.popupHeight},` +\n        `resizable,scrollbars=yes`\n    );\n  }\n\n  private closePopover() {\n    let popover = this.el.closest(\"ion-popover\");\n    if (popover != undefined) popover.dismiss();\n  }\n\n  private clickShare(name: string) {\n    return () => this.share(name.toLocaleLowerCase());\n  }\n\n  render() {\n    let items = [\"Facebook\", \"Twitter\"].map((name) => (\n      <ion-item button onClick={this.clickShare(name)}>\n        <ion-icon slot=\"start\" name={`logo-${name.toLowerCase()}`}></ion-icon>\n        <ion-label>{name}</ion-label>\n      </ion-item>\n    ));\n    return (\n      <ion-list>\n        <ion-list-header>{_t(\"webmapgl.share.title\")}</ion-list-header>\n        {items}\n      </ion-list>\n    );\n  }\n}\n"]}
+{"version":3,"file":"share.js","sourceRoot":"","sources":["../../../src/components/share/share.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h, Component, Element, Prop } from \"@stencil/core\";\nimport { _t } from \"../i18n/i18n\";\n\n@Component({\n  tag: \"gl-share\"\n})\nexport class Share {\n  @Element() el: HTMLGlShareElement;\n\n  /**\n   * Height of the popup window in pixels.\n   */\n  @Prop() readonly popupHeight: number = 480;\n\n  /**\n   * Width of the popup window in pixels.\n   */\n  @Prop() readonly popupWidth: number = 640;\n\n  /**\n   * Title of the item being shared.\n   */\n  @Prop() readonly shareTitle: string;\n\n  /**\n   * User attribution. It is used for sharing on Twitter.\n   */\n  @Prop() readonly shareUser: string;\n\n  /**\n   * Hashtags for the post. It is used for sharing on Twitter.\n   */\n  @Prop() readonly shareHashtags: string;\n\n  /**\n   * URL to share. If a URL is not provided, the current page URL is used.\n   */\n  @Prop() readonly shareUrl: string;\n\n  private constructShareUrl(base: string, params: any) {\n    let url = base;\n    let qs = Object.keys(params || {})\n      .filter((key) => params[key] != undefined)\n      .map((key) => `${key}=${encodeURIComponent(params[key])}`)\n      .join(\"&\");\n\n    if (qs != null) url += `?${qs}`;\n    return url;\n  }\n\n  private share(platform: string) {\n    let targetUrl = this.shareUrl || window.location.href;\n\n    let title = this.shareTitle;\n    if (title == undefined) {\n      let app = this.el.closest(\"gl-app\");\n      if (app != undefined) title = app.label;\n    }\n\n    let url: string;\n    if (platform === \"twitter\") {\n      url = this.constructShareUrl(\"https://twitter.com/intent/tweet\", {\n        url: targetUrl,\n        title: title,\n        via: this.shareUser,\n        hashtags: this.shareHashtags\n      });\n    } else {\n      url = this.constructShareUrl(\"https://www.facebook.com/sharer.php\", {\n        u: targetUrl\n      });\n    }\n\n    this.openUrl(url);\n    this.closePopover();\n  }\n\n  private openUrl(url: string) {\n    window.open(\n      url,\n      \"gl-share\",\n      `width=${this.popupWidth},height=${this.popupHeight},` +\n        `resizable,scrollbars=yes`\n    );\n  }\n\n  private closePopover() {\n    let popover = this.el.closest(\"ion-popover\");\n    if (popover != undefined) popover.dismiss();\n  }\n\n  private clickShare(name: string) {\n    return () => this.share(name.toLocaleLowerCase());\n  }\n\n  render() {\n    let items = [\"Facebook\", \"Twitter\"].map((name) => (\n      <ion-item\n        button\n        onClick={this.clickShare(name)}\n        aria-label=\"Share Button\"\n      >\n        <ion-icon\n          slot=\"start\"\n          name={`logo-${name.toLowerCase()}`}\n          aria-hidden=\"true\"\n        ></ion-icon>\n        <ion-label>{name}</ion-label>\n      </ion-item>\n    ));\n    return (\n      <ion-list>\n        <ion-list-header>{_t(\"webmapgl.share.title\")}</ion-list-header>\n        {items}\n      </ion-list>\n    );\n  }\n}\n"]}

package/dist/collection/components/share-button/share-button.js

@@ -9,14 +9,14 @@ export class ShareButton {
   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" })));
   }
   static get is() { return "gl-share-button"; }
   static get properties() {

package/dist/collection/components/share-button/share-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"share-button.js","sourceRoot":"","sources":["../../../src/components/share-button/share-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAKlC,MAAM,OAAO,WAAW;;IAgBd,cAAS,GAAG,KAAK,EAAE,CAAU,EAAE,EAAE,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAZpC,cAAc;;EAEtC,KAAK,CAAC,WAAW,CAAC,EAAW;IACnC,MAAM,OAAO,GAAG;MACd,SAAS,EAAE,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC;MAC7C,EAAE,EAAE,EAAE;KACP,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;IACxB,OAAO,OAAO,CAAC;EACjB,CAAC;EAID,MAAM;IACJ,OAAO,CACL,kBACE,KAAK,EAAE,EAAE,CAAC,6BAA6B,CAAC,EACxC,OAAO,EAAE,IAAI,CAAC,SAAS;MAEvB,gBAAU,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,CAC5C,CACd,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Prop } from \"@stencil/core\";\nimport { popoverController } from \"@ionic/core\";\nimport { _t } from \"../i18n/i18n\";\n\n@Component({\n  tag: \"gl-share-button\",\n})\nexport class ShareButton {\n  /**\n   * Icon from the Ionicons set used in the button.\n   */\n  @Prop() readonly icon: string = \"share-social\";\n\n  private async openPopover(ev: UIEvent) {\n    const options = {\n      component: document.createElement(\"gl-share\"),\n      ev: ev,\n    };\n    const popover = await popoverController.create(options);\n    await popover.present();\n    return popover;\n  }\n\n  private clickOpen = async (e: UIEvent) => await this.openPopover(e);\n\n  render() {\n    return (\n      <ion-button\n        title={_t(\"webmapgl.share-button.title\")}\n        onClick={this.clickOpen}\n      >\n        <ion-icon slot=\"icon-only\" name={this.icon}></ion-icon>\n      </ion-button>\n    );\n  }\n}\n"]}
+{"version":3,"file":"share-button.js","sourceRoot":"","sources":["../../../src/components/share-button/share-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAKlC,MAAM,OAAO,WAAW;;IAgBd,cAAS,GAAG,KAAK,EAAE,CAAU,EAAE,EAAE,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAZpC,cAAc;;EAEtC,KAAK,CAAC,WAAW,CAAC,EAAW;IACnC,MAAM,OAAO,GAAG;MACd,SAAS,EAAE,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC;MAC7C,EAAE,EAAE,EAAE;KACP,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;IACxB,OAAO,OAAO,CAAC;EACjB,CAAC;EAID,MAAM;IACJ,OAAO,CACL,kBACE,KAAK,EAAE,EAAE,CAAC,6BAA6B,CAAC,gBAC5B,EAAE,CAAC,6BAA6B,CAAC,EAC7C,OAAO,EAAE,IAAI,CAAC,SAAS;MAEvB,gBACE,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,iBACH,MAAM,GACR,CACD,CACd,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Prop } from \"@stencil/core\";\nimport { popoverController } from \"@ionic/core\";\nimport { _t } from \"../i18n/i18n\";\n\n@Component({\n  tag: \"gl-share-button\"\n})\nexport class ShareButton {\n  /**\n   * Icon from the Ionicons set used in the button.\n   */\n  @Prop() readonly icon: string = \"share-social\";\n\n  private async openPopover(ev: UIEvent) {\n    const options = {\n      component: document.createElement(\"gl-share\"),\n      ev: ev\n    };\n    const popover = await popoverController.create(options);\n    await popover.present();\n    return popover;\n  }\n\n  private clickOpen = async (e: UIEvent) => await this.openPopover(e);\n\n  render() {\n    return (\n      <ion-button\n        title={_t(\"webmapgl.share-button.title\")}\n        aria-label={_t(\"webmapgl.share-button.title\")}\n        onClick={this.clickOpen}\n      >\n        <ion-icon\n          slot=\"icon-only\"\n          name={this.icon}\n          aria-hidden=\"true\"\n        ></ion-icon>\n      </ion-button>\n    );\n  }\n}\n"]}

package/dist/collection/components/story-button/story-button.js

@@ -27,7 +27,7 @@ export class StoryButton {
       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() {
@@ -39,7 +39,7 @@ export class StoryButton {
       last: story.steps - 1,
       next: story.step + 1,
       previous: story.step - 1,
-      exit: undefined,
+      exit: undefined
     }[this.action];
   }
   render() {
@@ -50,9 +50,9 @@ export class StoryButton {
         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 is() { return "gl-story-button"; }
   static get properties() {

package/dist/collection/components/story-button/story-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"story-button.js","sourceRoot":"","sources":["../../../src/components/story-button/story-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAKlC,MAAM,OAAO,WAAW;;IAiEd,gBAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;;oBA/Df,KAAK;kBAMhC,MAAM;;;;;EAiBR,KAAK,CAAC,iBAAiB;IACrB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;EAC3B,CAAC;EAGD,KAAK,CAAC,WAAW;IACf,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CACjC,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,UAAU,CACpE,CAAC;IACF,MAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;IACpC,IAAI,CAAC,cAAc,EAAE,CAAC;EACxB,CAAC;EAGD,cAAc;IACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IACzB,IAAI,KAAK,IAAI,SAAS;MAAE,OAAO;IAE/B,IAAI,CAAC,QAAQ,GAAG;MACd,KAAK,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;MACvB,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK,GAAG,CAAC;MACpC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK,GAAG,CAAC;MAC/D,QAAQ,EAAE,KAAK,CAAC,IAAI,IAAI,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC;MACrD,IAAI,EAAE,KAAK;KACZ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;EACjB,CAAC;EAEO,QAAQ;IACd,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IACzB,IAAI,KAAK,IAAI,SAAS;MAAE,OAAO;IAE/B,KAAK,CAAC,IAAI,GAAG;MACX,KAAK,EAAE,CAAC;MACR,IAAI,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC;MACrB,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC;MACpB,QAAQ,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC;MACxB,IAAI,EAAE,SAAS;KAChB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;EACjB,CAAC;EAID,MAAM;IACJ,IAAI,KAAK,GAAG,EAAE,CAAC,yBAAyB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IACvD,IAAI,IAAI,GACN,IAAI,CAAC,IAAI;MACT;QACE,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,2BAA2B;QACjC,IAAI,EAAE,sBAAsB;QAC5B,QAAQ,EAAE,mBAAmB;QAC7B,IAAI,EAAE,eAAe;OACtB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACL,kBACE,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;MAEvB,gBAAU,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAa,CACvC,CACd,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Listen, Prop, State, Watch } from \"@stencil/core\";\nimport { _t } from \"../i18n/i18n\";\n\n@Component({\n  tag: \"gl-story-button\",\n})\nexport class StoryButton {\n  @State() story: HTMLGlStoryElement;\n  @State() disabled: boolean = false;\n\n  /**\n   * Where in the story this button will take you\n   */\n  @Prop() readonly action: \"first\" | \"last\" | \"next\" | \"previous\" | \"close\" =\n    \"next\";\n\n  /**\n   * The icon for the button\n   */\n  @Prop() readonly icon: string;\n\n  /**\n   * An alternative name for this button\n   */\n  @Prop() readonly label: string;\n\n  /**\n   * The id of the story which this button acts upon\n   */\n  @Prop() readonly storyId: string;\n\n  async componentWillLoad() {\n    await this.updateStory();\n  }\n\n  @Watch(\"storyId\")\n  async updateStory() {\n    this.story = document.querySelector(\n      this.storyId != undefined ? `gl-story#${this.storyId}` : \"gl-story\"\n    );\n    await this.story.componentOnReady();\n    this.updateDisabled();\n  }\n\n  @Listen(\"glStoryChange\", { target: \"body\" })\n  updateDisabled() {\n    const story = this.story;\n    if (story == undefined) return;\n\n    this.disabled = {\n      first: story.step === 0,\n      last: story.step === story.steps - 1,\n      next: story.step == undefined || story.step === story.steps - 1,\n      previous: story.step == undefined || story.step === 0,\n      exit: false,\n    }[this.action];\n  }\n\n  private doAction() {\n    const story = this.story;\n    if (story == undefined) return;\n\n    story.step = {\n      first: 0,\n      last: story.steps - 1,\n      next: story.step + 1,\n      previous: story.step - 1,\n      exit: undefined,\n    }[this.action];\n  }\n\n  private clickAction = () => this.doAction();\n\n  render() {\n    let title = _t(`webmapgl.story-button.${this.action}`);\n    let icon =\n      this.icon ||\n      {\n        first: \"play-skip-back-outline\",\n        last: \"play-skip-forward-outline\",\n        next: \"play-forward-outline\",\n        previous: \"play-back-outline\",\n        exit: \"close-outline\",\n      }[this.action];\n\n    return (\n      <ion-button\n        onClick={this.clickAction}\n        title={title}\n        disabled={this.disabled}\n      >\n        <ion-icon slot=\"icon-only\" name={icon}></ion-icon>\n      </ion-button>\n    );\n  }\n}\n"]}
+{"version":3,"file":"story-button.js","sourceRoot":"","sources":["../../../src/components/story-button/story-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAKlC,MAAM,OAAO,WAAW;;IAiEd,gBAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;;oBA/Df,KAAK;kBAMhC,MAAM;;;;;EAiBR,KAAK,CAAC,iBAAiB;IACrB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;EAC3B,CAAC;EAGD,KAAK,CAAC,WAAW;IACf,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CACjC,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,UAAU,CACpE,CAAC;IACF,MAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;IACpC,IAAI,CAAC,cAAc,EAAE,CAAC;EACxB,CAAC;EAGD,cAAc;IACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IACzB,IAAI,KAAK,IAAI,SAAS;MAAE,OAAO;IAE/B,IAAI,CAAC,QAAQ,GAAG;MACd,KAAK,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;MACvB,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK,GAAG,CAAC;MACpC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK,GAAG,CAAC;MAC/D,QAAQ,EAAE,KAAK,CAAC,IAAI,IAAI,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC;MACrD,IAAI,EAAE,KAAK;KACZ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;EACjB,CAAC;EAEO,QAAQ;IACd,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IACzB,IAAI,KAAK,IAAI,SAAS;MAAE,OAAO;IAE/B,KAAK,CAAC,IAAI,GAAG;MACX,KAAK,EAAE,CAAC;MACR,IAAI,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC;MACrB,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC;MACpB,QAAQ,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC;MACxB,IAAI,EAAE,SAAS;KAChB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;EACjB,CAAC;EAID,MAAM;IACJ,IAAI,KAAK,GAAG,EAAE,CAAC,yBAAyB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IACvD,IAAI,IAAI,GACN,IAAI,CAAC,IAAI;MACT;QACE,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,2BAA2B;QACjC,IAAI,EAAE,sBAAsB;QAC5B,QAAQ,EAAE,mBAAmB;QAC7B,IAAI,EAAE,eAAe;OACtB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACL,kBACE,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBACX,KAAK;MAEjB,gBAAU,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,iBAAc,MAAM,GAAY,CAC1D,CACd,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Listen, Prop, State, Watch } from \"@stencil/core\";\nimport { _t } from \"../i18n/i18n\";\n\n@Component({\n  tag: \"gl-story-button\"\n})\nexport class StoryButton {\n  @State() story: HTMLGlStoryElement;\n  @State() disabled: boolean = false;\n\n  /**\n   * Where in the story this button will take you\n   */\n  @Prop() readonly action: \"first\" | \"last\" | \"next\" | \"previous\" | \"close\" =\n    \"next\";\n\n  /**\n   * The icon for the button\n   */\n  @Prop() readonly icon: string;\n\n  /**\n   * An alternative name for this button\n   */\n  @Prop() readonly label: string;\n\n  /**\n   * The id of the story which this button acts upon\n   */\n  @Prop() readonly storyId: string;\n\n  async componentWillLoad() {\n    await this.updateStory();\n  }\n\n  @Watch(\"storyId\")\n  async updateStory() {\n    this.story = document.querySelector(\n      this.storyId != undefined ? `gl-story#${this.storyId}` : \"gl-story\"\n    );\n    await this.story.componentOnReady();\n    this.updateDisabled();\n  }\n\n  @Listen(\"glStoryChange\", { target: \"body\" })\n  updateDisabled() {\n    const story = this.story;\n    if (story == undefined) return;\n\n    this.disabled = {\n      first: story.step === 0,\n      last: story.step === story.steps - 1,\n      next: story.step == undefined || story.step === story.steps - 1,\n      previous: story.step == undefined || story.step === 0,\n      exit: false\n    }[this.action];\n  }\n\n  private doAction() {\n    const story = this.story;\n    if (story == undefined) return;\n\n    story.step = {\n      first: 0,\n      last: story.steps - 1,\n      next: story.step + 1,\n      previous: story.step - 1,\n      exit: undefined\n    }[this.action];\n  }\n\n  private clickAction = () => this.doAction();\n\n  render() {\n    let title = _t(`webmapgl.story-button.${this.action}`);\n    let icon =\n      this.icon ||\n      {\n        first: \"play-skip-back-outline\",\n        last: \"play-skip-forward-outline\",\n        next: \"play-forward-outline\",\n        previous: \"play-back-outline\",\n        exit: \"close-outline\"\n      }[this.action];\n\n    return (\n      <ion-button\n        onClick={this.clickAction}\n        title={title}\n        disabled={this.disabled}\n        aria-label={title}\n      >\n        <ion-icon slot=\"icon-only\" name={icon} aria-hidden=\"true\"></ion-icon>\n      </ion-button>\n    );\n  }\n}\n"]}

package/dist/collection/components/style/style.js

@@ -314,7 +314,7 @@ export class Style {
           "references": {
             "styleEvent": {
               "location": "local",
-              "path": "/var/home/fj44404@co.champaign.il.us/.local/code/webmapgl/src/components/style/style.tsx",
+              "path": "/run/host/var/home/fj44404@co.champaign.il.us/.local/code/webmapgl/src/components/style/style.tsx",
               "id": "src/components/style/style.tsx::styleEvent"
             }
           }
@@ -335,7 +335,7 @@ export class Style {
           "references": {
             "styleEvent": {
               "location": "local",
-              "path": "/var/home/fj44404@co.champaign.il.us/.local/code/webmapgl/src/components/style/style.tsx",
+              "path": "/run/host/var/home/fj44404@co.champaign.il.us/.local/code/webmapgl/src/components/style/style.tsx",
               "id": "src/components/style/style.tsx::styleEvent"
             }
           }
@@ -356,7 +356,7 @@ export class Style {
           "references": {
             "styleEvent": {
               "location": "local",
-              "path": "/var/home/fj44404@co.champaign.il.us/.local/code/webmapgl/src/components/style/style.tsx",
+              "path": "/run/host/var/home/fj44404@co.champaign.il.us/.local/code/webmapgl/src/components/style/style.tsx",
               "id": "src/components/style/style.tsx::styleEvent"
             }
           }

package/dist/collection/components/table-column-visibility/table-column-visibility.js

@@ -15,7 +15,7 @@ export class TableColumnVisibility {
     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()))));
   }
   static get is() { return "gl-table-column-visibility"; }
   static get properties() {

package/dist/collection/components/table-column-visibility/table-column-visibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-column-visibility.js","sourceRoot":"","sources":["../../../src/components/table-column-visibility/table-column-visibility.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAKlC,MAAM,OAAO,qBAAqB;;IA8BxB,eAAU,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;iBAxBd,EAAE,CAAC,wCAAwC,CAAC;;;EAOrE,YAAY;IAClB,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,EAAE,CAAC;EACzC,CAAC;EAEO,aAAa;IACnB,IAAI,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7D,IAAI,QAAQ,GAAG,WAAW,EAAE,kBAAkB,CAAC;IAC/C,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CACxD,CAAC,MAAgC,EAAE,EAAE,CAAC,CACpC,yCACE,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,CAAC,OAAO,GACY,CACtC,CACF,CAAC;EACJ,CAAC;EAID,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH;QACE;UACE,qBAAY,IAAI,CAAC,KAAK,CAAa;UACnC,mBAAa,IAAI,EAAC,KAAK;YACrB,kBACE,KAAK,EAAE,EAAE,CAAC,wCAAwC,CAAC,EACnD,OAAO,EAAE,IAAI,CAAC,UAAU;cAExB,gBAAU,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,GAAG,CAC/B,CACD,CACF,CACH;MACb;QACE,oBAAW,IAAI,CAAC,aAAa,EAAE,CAAY,CAC/B,CACT,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Element, Prop, Host } from \"@stencil/core\";\nimport { _t } from \"../i18n/i18n\";\n\n@Component({\n  tag: \"gl-table-column-visibility\",\n})\nexport class TableColumnVisibility {\n  @Element() el: HTMLGlTableColumnVisibilityElement;\n\n  /**\n   * The title of the column.\n   */\n  @Prop() readonly label: string = _t(\"webmapgl.table-column-visibility.label\");\n\n  /**\n   * The id of the table this column is a part of.\n   */\n  @Prop() readonly tableId: string;\n\n  private closePopover() {\n    this.el.closest(\"ion-modal\").dismiss();\n  }\n\n  private createToggles() {\n    let id = this.tableId != undefined ? `#${this.tableId}` : \"\";\n    let selector = `gl-table${id} gl-table-column`;\n    return Array.from(document.querySelectorAll(selector)).map(\n      (column: HTMLGlTableColumnElement) => (\n        <gl-table-column-visibility-toggle\n          column={column}\n          enabled={column.visible}\n        ></gl-table-column-visibility-toggle>\n      )\n    );\n  }\n\n  private closeClick = () => this.closePopover();\n\n  render() {\n    return (\n      <Host>\n        <ion-header>\n          <ion-toolbar>\n            <ion-title>{this.label}</ion-title>\n            <ion-buttons slot=\"end\">\n              <ion-button\n                title={_t(\"webmapgl.table-column-visibility.close\")}\n                onClick={this.closeClick}\n              >\n                <ion-icon slot=\"icon-only\" name=\"close\" />\n              </ion-button>\n            </ion-buttons>\n          </ion-toolbar>\n        </ion-header>\n        <ion-content>\n          <ion-list>{this.createToggles()}</ion-list>\n        </ion-content>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"table-column-visibility.js","sourceRoot":"","sources":["../../../src/components/table-column-visibility/table-column-visibility.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAKlC,MAAM,OAAO,qBAAqB;;IA8BxB,eAAU,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;iBAxBd,EAAE,CAAC,wCAAwC,CAAC;;;EAOrE,YAAY;IAClB,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,EAAE,CAAC;EACzC,CAAC;EAEO,aAAa;IACnB,IAAI,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7D,IAAI,QAAQ,GAAG,WAAW,EAAE,kBAAkB,CAAC;IAC/C,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CACxD,CAAC,MAAgC,EAAE,EAAE,CAAC,CACpC,yCACE,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,CAAC,OAAO,GACY,CACtC,CACF,CAAC;EACJ,CAAC;EAID,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH;QACE;UACE,qBAAY,IAAI,CAAC,KAAK,CAAa;UACnC,mBAAa,IAAI,EAAC,KAAK;YACrB,kBACE,KAAK,EAAE,EAAE,CAAC,wCAAwC,CAAC,gBACvC,EAAE,CAAC,wCAAwC,CAAC,EACxD,OAAO,EAAE,IAAI,CAAC,UAAU;cAExB,gBAAU,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,iBAAa,MAAM,GAAG,CAClD,CACD,CACF,CACH;MACb;QACE,oBAAW,IAAI,CAAC,aAAa,EAAE,CAAY,CAC/B,CACT,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Element, Prop, Host } from \"@stencil/core\";\nimport { _t } from \"../i18n/i18n\";\n\n@Component({\n  tag: \"gl-table-column-visibility\"\n})\nexport class TableColumnVisibility {\n  @Element() el: HTMLGlTableColumnVisibilityElement;\n\n  /**\n   * The title of the column.\n   */\n  @Prop() readonly label: string = _t(\"webmapgl.table-column-visibility.label\");\n\n  /**\n   * The id of the table this column is a part of.\n   */\n  @Prop() readonly tableId: string;\n\n  private closePopover() {\n    this.el.closest(\"ion-modal\").dismiss();\n  }\n\n  private createToggles() {\n    let id = this.tableId != undefined ? `#${this.tableId}` : \"\";\n    let selector = `gl-table${id} gl-table-column`;\n    return Array.from(document.querySelectorAll(selector)).map(\n      (column: HTMLGlTableColumnElement) => (\n        <gl-table-column-visibility-toggle\n          column={column}\n          enabled={column.visible}\n        ></gl-table-column-visibility-toggle>\n      )\n    );\n  }\n\n  private closeClick = () => this.closePopover();\n\n  render() {\n    return (\n      <Host>\n        <ion-header>\n          <ion-toolbar>\n            <ion-title>{this.label}</ion-title>\n            <ion-buttons slot=\"end\">\n              <ion-button\n                title={_t(\"webmapgl.table-column-visibility.close\")}\n                aria-label={_t(\"webmapgl.table-column-visibility.close\")}\n                onClick={this.closeClick}\n              >\n                <ion-icon slot=\"icon-only\" name=\"close\" aria-hidden=\"true\" />\n              </ion-button>\n            </ion-buttons>\n          </ion-toolbar>\n        </ion-header>\n        <ion-content>\n          <ion-list>{this.createToggles()}</ion-list>\n        </ion-content>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/table-column-visibility-button/table-column-visibility-button.js

@@ -11,16 +11,16 @@ export class TableColumnVisibilityButton {
     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));
   }
   static get is() { return "gl-table-column-visibility-button"; }
   static get properties() {

package/dist/collection/components/table-column-visibility-button/table-column-visibility-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-column-visibility-button.js","sourceRoot":"","sources":["../../../src/components/table-column-visibility-button/table-column-visibility-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAKlC,MAAM,OAAO,2BAA2B;;IAyB9B,cAAS,GAAG,CAAC,CAAU,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;iBApBrB,EAAE,CAAC,wCAAwC,CAAC;;;EAOrE,KAAK,CAAC,SAAS,CAAC,EAAW;IACjC,MAAM,OAAO,GAAG;MACd,SAAS,EAAE,QAAQ,CAAC,aAAa,CAAC,4BAA4B,CAAC;MAC/D,gBAAgB,EAAE;QAChB,OAAO,EAAE,IAAI,CAAC,OAAO;OACtB;MACD,KAAK,EAAE,EAAE;KACV,CAAC;IACF,MAAM,KAAK,GAAG,MAAM,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACpD,MAAM,KAAK,CAAC,OAAO,EAAE,CAAC;IACtB,OAAO,KAAK,CAAC;EACf,CAAC;EAID,MAAM;IACJ,OAAO,kBAAY,OAAO,EAAE,IAAI,CAAC,SAAS,IAAG,IAAI,CAAC,KAAK,CAAc,CAAC;EACxE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Prop } from \"@stencil/core\";\nimport { modalController } from \"@ionic/core\";\nimport { _t } from \"../i18n/i18n\";\n\n@Component({\n  tag: \"gl-table-column-visibility-button\",\n})\nexport class TableColumnVisibilityButton {\n  /**\n   * A label for the button.\n   * In english it defaults to 'Column Visibility'.\n   */\n  @Prop() readonly label: string = _t(\"webmapgl.table-column-visibility.label\");\n\n  /**\n   * An id for the table.\n   */\n  @Prop() readonly tableId: string;\n\n  private async openModal(ev: UIEvent) {\n    const options = {\n      component: document.createElement(\"gl-table-column-visibility\"),\n      componentOptions: {\n        tableId: this.tableId,\n      },\n      event: ev,\n    };\n    const modal = await modalController.create(options);\n    await modal.present();\n    return modal;\n  }\n\n  private openClick = (e: UIEvent) => this.openModal(e);\n\n  render() {\n    return <ion-button onClick={this.openClick}>{this.label}</ion-button>;\n  }\n}\n"]}
+{"version":3,"file":"table-column-visibility-button.js","sourceRoot":"","sources":["../../../src/components/table-column-visibility-button/table-column-visibility-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAKlC,MAAM,OAAO,2BAA2B;;IAyB9B,cAAS,GAAG,CAAC,CAAU,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;iBApBrB,EAAE,CAAC,wCAAwC,CAAC;;;EAOrE,KAAK,CAAC,SAAS,CAAC,EAAW;IACjC,MAAM,OAAO,GAAG;MACd,SAAS,EAAE,QAAQ,CAAC,aAAa,CAAC,4BAA4B,CAAC;MAC/D,gBAAgB,EAAE;QAChB,OAAO,EAAE,IAAI,CAAC,OAAO;OACtB;MACD,KAAK,EAAE,EAAE;KACV,CAAC;IACF,MAAM,KAAK,GAAG,MAAM,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACpD,MAAM,KAAK,CAAC,OAAO,EAAE,CAAC;IACtB,OAAO,KAAK,CAAC;EACf,CAAC;EAID,MAAM;IACJ,OAAO,CACL,kBAAY,OAAO,EAAE,IAAI,CAAC,SAAS,gBAAc,IAAI,CAAC,KAAK,IACxD,IAAI,CAAC,KAAK,CACA,CACd,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Prop } from \"@stencil/core\";\nimport { modalController } from \"@ionic/core\";\nimport { _t } from \"../i18n/i18n\";\n\n@Component({\n  tag: \"gl-table-column-visibility-button\"\n})\nexport class TableColumnVisibilityButton {\n  /**\n   * A label for the button.\n   * In english it defaults to 'Column Visibility'.\n   */\n  @Prop() readonly label: string = _t(\"webmapgl.table-column-visibility.label\");\n\n  /**\n   * An id for the table.\n   */\n  @Prop() readonly tableId: string;\n\n  private async openModal(ev: UIEvent) {\n    const options = {\n      component: document.createElement(\"gl-table-column-visibility\"),\n      componentOptions: {\n        tableId: this.tableId\n      },\n      event: ev\n    };\n    const modal = await modalController.create(options);\n    await modal.present();\n    return modal;\n  }\n\n  private openClick = (e: UIEvent) => this.openModal(e);\n\n  render() {\n    return (\n      <ion-button onClick={this.openClick} aria-label={this.label}>\n        {this.label}\n      </ion-button>\n    );\n  }\n}\n"]}

package/dist/collection/components/table-export-button/table-export-button.js

@@ -21,7 +21,7 @@ export class TableExportButton {
     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()));
   }
   static get is() { return "gl-table-export-button"; }
   static get properties() {

package/dist/collection/components/table-export-button/table-export-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-export-button.js","sourceRoot":"","sources":["../../../src/components/table-export-button/table-export-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAK/C,MAAM,OAAO,iBAAiB;;IAyDpB,kBAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;;;kBA3CT,KAAK;;;;;;wBAgCL,KAAK;;;EAItC,KAAK,CAAC,YAAY;IACxB,IAAI,IAAI,CAAC,UAAU,IAAI,SAAS,EAAE;MAChC,IAAI,CAAC,UAAU,GAAG,MAAM,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;KAC3E;IACD,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;EAC/B,CAAC;EAID,MAAM;IACJ,OAAO,CACL,sCAAuB,OAAO,EAAE,IAAI,CAAC,aAAa,IAC/C,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAC9C,CACd,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Prop, State } from \"@stencil/core\";\nimport { findOrCreateOnReady } from \"../utils\";\n\n@Component({\n  tag: \"gl-table-export-button\",\n})\nexport class TableExportButton {\n  /**\n   * If this is for a pdf export, the author variable of the pdf document.\n   */\n  @Prop() readonly author?: string;\n\n  /**\n   * When the document is exported, what file name it should be saved as.\n   */\n  @Prop() readonly filename: string;\n\n  /**\n   * The format in which the document should be exported, either csv or pdf.\n   */\n  @Prop() readonly format: \"csv\" | \"pdf\" = \"csv\";\n\n  /**\n   * The orientation of the exported document\n   */\n  @Prop() readonly pageOrientation?: \"landscape\" | \"portrait\";\n\n  /**\n   * The subtitle of the document if the document is exported as a pdf\n   */\n  @Prop() readonly pageSubtitle?: string;\n\n  /**\n   * The title of the document if the document is exported as a pdf.\n   */\n  @Prop() readonly pageTitle?: string;\n\n  /**\n   * The id of the [table]{@link ../table} this export button is for.\n   */\n  @Prop() readonly tableId?: string;\n\n  /**\n   * If this value is defined the application will attempt to send the contents of the pdf in a POST request to the specified\n   * url when the export button is clicked, in addition to presenting it to the user for download.\n   */\n  @Prop() readonly url?: string;\n\n  /**\n   * If true the JSX component for the table-export-button will expose a <slot /> for a custom button whereas otherwise it is this.format.toUpperCase()\n   * aka CSV or PDF\n   */\n  @Prop() readonly customButton: boolean = false;\n\n  @State() exportCtrl: HTMLGlTableExportControllerElement;\n\n  private async clickHandler() {\n    if (this.exportCtrl == undefined) {\n      this.exportCtrl = await findOrCreateOnReady(\"gl-table-export-controller\");\n    }\n    this.exportCtrl.create(this);\n  }\n\n  private buttonClicked = () => this.clickHandler();\n\n  render() {\n    return (\n      <ion-button ion-button onClick={this.buttonClicked}>\n        {this.customButton ? <slot /> : this.format.toUpperCase()}\n      </ion-button>\n    );\n  }\n}\n"]}
+{"version":3,"file":"table-export-button.js","sourceRoot":"","sources":["../../../src/components/table-export-button/table-export-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAK/C,MAAM,OAAO,iBAAiB;;IAyDpB,kBAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;;;kBA3CT,KAAK;;;;;;wBAgCL,KAAK;;;EAItC,KAAK,CAAC,YAAY;IACxB,IAAI,IAAI,CAAC,UAAU,IAAI,SAAS,EAAE;MAChC,IAAI,CAAC,UAAU,GAAG,MAAM,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;KAC3E;IACD,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;EAC/B,CAAC;EAID,MAAM;IACJ,OAAO,CACL,kBAAY,OAAO,EAAE,IAAI,CAAC,aAAa,gBAAa,eAAe,IAChE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAC9C,CACd,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Prop, State } from \"@stencil/core\";\nimport { findOrCreateOnReady } from \"../utils\";\n\n@Component({\n  tag: \"gl-table-export-button\"\n})\nexport class TableExportButton {\n  /**\n   * If this is for a pdf export, the author variable of the pdf document.\n   */\n  @Prop() readonly author?: string;\n\n  /**\n   * When the document is exported, what file name it should be saved as.\n   */\n  @Prop() readonly filename: string;\n\n  /**\n   * The format in which the document should be exported, either csv or pdf.\n   */\n  @Prop() readonly format: \"csv\" | \"pdf\" = \"csv\";\n\n  /**\n   * The orientation of the exported document\n   */\n  @Prop() readonly pageOrientation?: \"landscape\" | \"portrait\";\n\n  /**\n   * The subtitle of the document if the document is exported as a pdf\n   */\n  @Prop() readonly pageSubtitle?: string;\n\n  /**\n   * The title of the document if the document is exported as a pdf.\n   */\n  @Prop() readonly pageTitle?: string;\n\n  /**\n   * The id of the [table]{@link ../table} this export button is for.\n   */\n  @Prop() readonly tableId?: string;\n\n  /**\n   * If this value is defined the application will attempt to send the contents of the pdf in a POST request to the specified\n   * url when the export button is clicked, in addition to presenting it to the user for download.\n   */\n  @Prop() readonly url?: string;\n\n  /**\n   * If true the JSX component for the table-export-button will expose a <slot /> for a custom button whereas otherwise it is this.format.toUpperCase()\n   * aka CSV or PDF\n   */\n  @Prop() readonly customButton: boolean = false;\n\n  @State() exportCtrl: HTMLGlTableExportControllerElement;\n\n  private async clickHandler() {\n    if (this.exportCtrl == undefined) {\n      this.exportCtrl = await findOrCreateOnReady(\"gl-table-export-controller\");\n    }\n    this.exportCtrl.create(this);\n  }\n\n  private buttonClicked = () => this.clickHandler();\n\n  render() {\n    return (\n      <ion-button onClick={this.buttonClicked} aria-label=\"Download File\">\n        {this.customButton ? <slot /> : this.format.toUpperCase()}\n      </ion-button>\n    );\n  }\n}\n"]}

package/dist/collection/global/webmapgl.js

@@ -1,3 +1,4 @@
 import "ionicons";
 import "@ionic/core";
+export default function () { }
 //# sourceMappingURL=webmapgl.js.map

package/dist/collection/global/webmapgl.js.map

@@ -1 +1 @@
-{"version":3,"file":"webmapgl.js","sourceRoot":"","sources":["../../src/global/webmapgl.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,CAAC;AAClB,OAAO,aAAa,CAAC","sourcesContent":["import \"ionicons\";\nimport \"@ionic/core\";\n"]}
+{"version":3,"file":"webmapgl.js","sourceRoot":"","sources":["../../src/global/webmapgl.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,CAAC;AAClB,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,OAAO,eAAc,CAAC","sourcesContent":["import \"ionicons\";\nimport \"@ionic/core\";\n\nexport default function () {}\n"]}

package/dist/collection/index.js

@@ -0,0 +1,2 @@
+export { fetchPdf, findOrCreateOnReady, getMap, getAbsoluteUrl } from "./components/utils";
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,mBAAmB,EACnB,MAAM,EACN,cAAc,EACf,MAAM,oBAAoB,CAAC","sourcesContent":["export {\n  fetchPdf,\n  findOrCreateOnReady,\n  getMap,\n  getAbsoluteUrl\n} from \"./components/utils\";\n"]}

package/dist/esm/app-globals-755c21e9.js.map

@@ -1 +1 @@
-{"file":"app-globals-755c21e9.js","mappings":";;AAEY,MAAC,aAAa,GAAG,MAAM;AAEnC,EAAEA,UAAqB,EAAE,CAAC;AAC1B;;;;","names":["ionicCoreGlobalScript"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["import ionicCoreGlobalScript from '/var/home/fj44404@co.champaign.il.us/.local/code/webmapgl/node_modules/@ionic/core/dist/collection/global/ionic-global.js';\nimport webmapglGlobalScript from '/var/home/fj44404@co.champaign.il.us/.local/code/webmapgl/src/global/webmapgl.ts';\nexport const globalScripts = () => {\n  webmapglGlobalScript();\n  ionicCoreGlobalScript();\n};\n"],"version":3}
+{"file":"app-globals-755c21e9.js","mappings":";;AAEY,MAAC,aAAa,GAAG,MAAM;AAEnC,EAAEA,UAAqB,EAAE,CAAC;AAC1B;;;;","names":["ionicCoreGlobalScript"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["import ionicCoreGlobalScript from '/run/host/var/home/fj44404@co.champaign.il.us/.local/code/webmapgl/node_modules/@ionic/core/dist/collection/global/ionic-global.js';\nimport webmapglGlobalScript from '/run/host/var/home/fj44404@co.champaign.il.us/.local/code/webmapgl/src/global/webmapgl.ts';\nexport const globalScripts = () => {\n  webmapglGlobalScript();\n  ionicCoreGlobalScript();\n};\n"],"version":3}