@geotrekce/geotrek-rando-widget 0.27.2 → 0.27.4

package/dist/esm/grw-toggle-slot-visibility.entry.js

@@ -21,8 +21,7 @@ const GrwToggleSlotVisibility = class {
         this.handleView();
     }
     handleView() {
-        if ((state.currentTrek || state.currentOutdoorSite) &&
-            (typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize)) {
+        if (typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize) {
             this.isLargeView = this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize;
             this.showStartSlot = true;
             this.showEndSlot = this.isLargeView;
@@ -96,7 +95,7 @@ const GrwToggleSlotVisibility = class {
         return mapLabelButton;
     }
     render() {
-        return (h(Host, { key: 'b397c5c1be3706b95e6ccfd6964f8cfb43c90a46' }, (state.currentTrek || state.currentOutdoorSite) && (h("div", { key: '1076d7f634117434d2ae6946b6189b86bcdb3e4e', class: "grw-toggle-slot-visibility-container" }, h("div", { key: '490c0f7d63cf09c2306c577079dd467657146819', class: "grw-slot-start-container", style: { height: this.showStartSlot ? '100%' : '100vh', visibility: this.showStartSlot ? 'visible' : 'hidden', zIndex: this.showStartSlot ? '1' : '0' } }, h("slot", { key: '93941ca300c2e402a3616cdfcd9f208b7ff20ff7', name: "start" }, " ")), h("div", { key: '0fd41d86e8921cfe7158e9b9693397ac54d66cea', id: "grw-slot-end-container", style: {
+        return (h(Host, { key: '99af131c196db6759876be1787fd07333c0e037a' }, h("div", { key: '5b8156a9f8bc84864f91be603ef115c26c1d5884', class: "grw-toggle-slot-visibility-container" }, h("div", { key: '3440255510ac35395fa1d889576218ab1995b16f', class: "grw-slot-start-container", style: { height: this.showStartSlot ? '100%' : '100vh', visibility: this.showStartSlot ? 'visible' : 'hidden', zIndex: this.showStartSlot ? '1' : '0' } }, h("slot", { key: 'e1b5533ed9b1eade3e72242b4fb2bbf3e1bdb77b', name: "start" }, " ")), h("div", { key: '3ac3901b37c1ff3ad143af6d88d8790f9da89585', id: "grw-slot-end-container", style: {
                 width: '100%',
                 height: this.slotEndHeight,
                 visibility: !this.isLargeView ? 'hidden' : 'visible',
@@ -104,7 +103,7 @@ const GrwToggleSlotVisibility = class {
                 top: !this.isLargeView ? '0px' : 'none',
                 left: !this.isLargeView ? '0px' : 'none',
                 zIndex: !this.isLargeView ? '0' : '1',
-            } }, h("slot", { key: '780d518ff444454f06eab96e017f310ff719f4f1', name: "end" }, " "))))));
+            } }, h("slot", { key: '0b9e2b1e5aec2390cd135f08943d05787c75fedf', name: "end" }, " ")))));
     }
     get toggleSlotElement() { return getElement(this); }
 };

package/dist/esm/grw-toggle-slot-visibility.entry.js.map

@@ -1 +1 @@
-{"file":"grw-toggle-slot-visibility.entry.js","mappings":";;;;AAAA,MAAM,0BAA0B,GAAG,2UAA2U,CAAC;AAC/W,sCAAe,0BAA0B;;MCQ5B,uBAAuB;IALpC;;QAOW,gBAAW,GAAG,SAAS,CAAC;QACxB,kBAAa,GAAG,IAAI,CAAC;QACrB,gBAAW,GAAG,KAAK,CAAC;QAErB,kBAAa,GAAG,IAAI,CAAC;QACrB,eAAU,GAAG,QAAQ,CAAC;QACtB,uBAAkB,GAAG,SAAS,CAAC;QAC/B,aAAQ,GAAG,SAAS,CAAC;QACrB,kBAAa,GAAG,OAAO,CAAC;KAyHjC;IAtHC,cAAc;QACZ,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;IAED,UAAU;QACR,IACE,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,kBAAkB;aAC7C,OAAO,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,EAC1I;YACA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC;YAC9F,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YACpC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACrB,MAAM,4BAA4B,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACnE,4BAA4B,CAAC,SAAS,GAAG,qCAAqC,CAAC;gBAC/E,MAAM,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;gBACvE,mBAAmB,CAAC,YAAY,CAAC,aAAa,EAAE,8EAA8E,CAAC,CAAC;gBAChI,mBAAmB,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;gBACjE,mBAAmB,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBACzD,mBAAmB,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,0BAA0B,EAAE,CAAC;gBACnE,mBAAmB,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,2BAA2B,EAAE,CAAC;gBACpE,mBAAmB,CAAC,YAAY,CAAC,sBAAsB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBAClF,mBAAmB,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAE7D,mBAAmB,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;gBAChF,4BAA4B,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;gBACzD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC;gBAEnD,MAAM,OAAO,GAAQ,QAAQ,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;gBAEvE,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBAC7C,YAAY,CAAC,EAAE,GAAG,8BAA8B,CAAC;gBACjD,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;gBACzC,YAAY,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;gBACtC,YAAY,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;gBAC/B,YAAY,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;gBAChC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC;gBACpC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;gBACpC,YAAY,CAAC,KAAK,CAAC,kBAAkB,CAAC,GAAG,SAAS,CAAC;gBACnD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;aACpC;iBAAM;gBACL,MAAM,4BAA4B,GAAG,QAAQ,CAAC,IAAI,CAAC,sBAAsB,CAAC,qCAAqC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACpH,IAAI,4BAA4B,EAAE;oBAChC,4BAA4B,CAAC,MAAM,EAAE,CAAC;iBACvC;gBACD,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAAC;gBAClF,IAAI,YAAY,EAAE;oBAChB,YAAY,CAAC,MAAM,EAAE,CAAC;iBACvB;aACF;SACF;KACF;IAED,cAAc;QACZ,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC;QACvC,MAAM,wBAAwB,GAAQ,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAAC;QAC9F,IAAI,wBAAwB,IAAI,IAAI,CAAC,WAAW,EAAE;YAChD,wBAAwB,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;YACtD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACxC,wBAAwB,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;SACpD;aAAM;YACL,wBAAwB,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YACrD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,SAAS,CAAC;YACzC,wBAAwB,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC;SACjD;QACD,MAAM,cAAc,GAAQ,QAAQ,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;QACjF,cAAc,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAC9D,cAAc,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,2BAA2B,EAAE,CAAC;KAChE;IAED,kBAAkB;QAChB,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;IAED,0BAA0B;QACxB,IAAI,aAAqB,CAAC;QAC1B,aAAa,GAAG,IAAI,CAAC,aAAa,GAAG,KAAK,GAAG,WAAW,CAAC;QACzD,OAAO,aAAa,CAAC;KACtB;IAED,2BAA2B;QACzB,IAAI,cAAsB,CAAC;QAC3B,cAAc,GAAG,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC;QAChH,OAAO,cAAc,CAAC;KACvB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACF,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,kBAAkB,MAC7C,4DAAK,KAAK,EAAC,sCAAsC,IAC/C,4DACE,KAAK,EAAC,0BAA0B,EAChC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,aAAa,GAAG,MAAM,GAAG,OAAO,EAAE,UAAU,EAAE,IAAI,CAAC,aAAa,GAAG,SAAS,GAAG,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,aAAa,GAAG,GAAG,GAAG,GAAG,EAAE,IAEvJ,6DAAM,IAAI,EAAC,OAAO,QAAS,CACvB,EAEN,4DACE,EAAE,EAAC,wBAAwB,EAC3B,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,IAAI,CAAC,aAAa;gBAC1B,UAAU,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,QAAQ,GAAG,SAAS;gBACpD,QAAQ,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,UAAU,GAAG,UAAU;gBACrD,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,GAAG,MAAM;gBACvC,IAAI,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,GAAG,MAAM;gBACxC,MAAM,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,GAAG;aACtC,IAED,6DAAM,IAAI,EAAC,KAAK,QAAS,CACrB,CACF,CACP,CACI,EACP;KACH;;;;;;;","names":[],"sources":["src/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.scss?tag=grw-toggle-slot-visibility","src/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.tsx"],"sourcesContent":["grw-toggle-slot-visibility {\n  display: block;\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  max-width: 100dvw;\n}\n\n.grw-map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: fixed;\n  bottom: 24px;\n  z-index: 4001;\n  pointer-events: none;\n}\n","import { Component, Host, h, State, Prop, Listen, Element } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state from 'store/store';\n\n@Component({\n  tag: 'grw-toggle-slot-visibility',\n  styleUrl: 'grw-toggle-slot-visibility.scss',\n  shadow: false,\n})\nexport class GrwToggleSlotVisibility {\n  @Element() toggleSlotElement: HTMLElement;\n  @State() isLargeView = undefined;\n  @State() showStartSlot = true;\n  @State() showEndSlot = false;\n\n  @Prop() largeViewSize = 1024;\n  @Prop() fontFamily = 'Roboto';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n  @Prop() slotEndHeight = '100vh';\n\n  @Listen('resize', { target: 'window' })\n  onWindowResize() {\n    this.handleView();\n  }\n\n  handleView() {\n    if (\n      (state.currentTrek || state.currentOutdoorSite) &&\n      (typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize)\n    ) {\n      this.isLargeView = this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize;\n      this.showStartSlot = true;\n      this.showEndSlot = this.isLargeView;\n      if (!this.isLargeView) {\n        const mapVisibilityButtonContainer = document.createElement('div');\n        mapVisibilityButtonContainer.className = 'grw-map-visibility-button-container';\n        const mapVisibilityButton = document.createElement('grw-extended-fab');\n        mapVisibilityButton.setAttribute('exportparts', 'map-visibility-button,map-visibility-button-icon,map-visibility-button-label');\n        mapVisibilityButton.setAttribute('font-family', this.fontFamily);\n        mapVisibilityButton.action = () => this.toggleShowSlot();\n        mapVisibilityButton.icon = () => this.getMapVisibilityIconButton();\n        mapVisibilityButton.name = () => this.getMapVisibilityLabelButton();\n        mapVisibilityButton.setAttribute('fab-background-color', this.fabBackgroundColor);\n        mapVisibilityButton.setAttribute('fab-color', this.fabColor);\n\n        mapVisibilityButton.setAttribute('display', this.isLargeView ? 'none' : 'flex');\n        mapVisibilityButtonContainer.append(mapVisibilityButton);\n        document.body.append(mapVisibilityButtonContainer);\n\n        const slotEnd: any = document.querySelector('#grw-slot-end-container');\n\n        const slotEndClone = slotEnd.cloneNode(true);\n        slotEndClone.id = 'grw-slot-end-container-clone';\n        slotEndClone.style.visibility = 'hidden';\n        slotEndClone.style.position = 'fixed';\n        slotEndClone.style.top = '0px';\n        slotEndClone.style.left = '0px';\n        slotEndClone.style['z-index'] = '0';\n        slotEndClone.style.height = '100vh';\n        slotEndClone.style['background-color'] = '#ffffff';\n        document.body.append(slotEndClone);\n      } else {\n        const mapVisibilityButtonContainer = document.body.getElementsByClassName('grw-map-visibility-button-container')[0];\n        if (mapVisibilityButtonContainer) {\n          mapVisibilityButtonContainer.remove();\n        }\n        const slotEndClone = document.body.querySelector('#grw-slot-end-container-clone');\n        if (slotEndClone) {\n          slotEndClone.remove();\n        }\n      }\n    }\n  }\n\n  toggleShowSlot() {\n    this.showStartSlot = !this.showStartSlot;\n    this.showEndSlot = !this.showStartSlot;\n    const grwSlotEndContainerClone: any = document.querySelector('#grw-slot-end-container-clone');\n    if (grwSlotEndContainerClone && this.showEndSlot) {\n      grwSlotEndContainerClone.style.visibility = 'visible';\n      document.body.style.overflow = `hidden`;\n      grwSlotEndContainerClone.style['z-index'] = '4000';\n    } else {\n      grwSlotEndContainerClone.style.visibility = 'hidden';\n      document.body.style.overflow = `visible`;\n      grwSlotEndContainerClone.style['z-index'] = '0';\n    }\n    const grwExtendedFab: any = document.getElementsByTagName('grw-extended-fab')[0];\n    grwExtendedFab.icon = () => this.getMapVisibilityIconButton();\n    grwExtendedFab.name = () => this.getMapVisibilityLabelButton();\n  }\n\n  componentDidRender() {\n    this.handleView();\n  }\n\n  getMapVisibilityIconButton() {\n    let mapIconButton: string;\n    mapIconButton = this.showStartSlot ? 'map' : 'summarize';\n    return mapIconButton;\n  }\n\n  getMapVisibilityLabelButton() {\n    let mapLabelButton: string;\n    mapLabelButton = this.showStartSlot ? translate[state.language].showMap : translate[state.language].showDetails;\n    return mapLabelButton;\n  }\n\n  render() {\n    return (\n      <Host>\n        {(state.currentTrek || state.currentOutdoorSite) && (\n          <div class=\"grw-toggle-slot-visibility-container\">\n            <div\n              class=\"grw-slot-start-container\"\n              style={{ height: this.showStartSlot ? '100%' : '100vh', visibility: this.showStartSlot ? 'visible' : 'hidden', zIndex: this.showStartSlot ? '1' : '0' }}\n            >\n              <slot name=\"start\"> </slot>\n            </div>\n\n            <div\n              id=\"grw-slot-end-container\"\n              style={{\n                width: '100%',\n                height: this.slotEndHeight,\n                visibility: !this.isLargeView ? 'hidden' : 'visible',\n                position: !this.isLargeView ? 'absolute' : 'relative',\n                top: !this.isLargeView ? '0px' : 'none',\n                left: !this.isLargeView ? '0px' : 'none',\n                zIndex: !this.isLargeView ? '0' : '1',\n              }}\n            >\n              <slot name=\"end\"> </slot>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"grw-toggle-slot-visibility.entry.js","mappings":"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","names":[],"sources":["src/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.scss?tag=grw-toggle-slot-visibility","src/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.tsx"],"sourcesContent":["grw-toggle-slot-visibility {\n  display: block;\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  max-width: 100dvw;\n}\n\n.grw-map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: fixed;\n  bottom: 24px;\n  z-index: 4001;\n  pointer-events: none;\n}\n","import { Component, Host, h, State, Prop, Listen, Element } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state from 'store/store';\n\n@Component({\n  tag: 'grw-toggle-slot-visibility',\n  styleUrl: 'grw-toggle-slot-visibility.scss',\n  shadow: false,\n})\nexport class GrwToggleSlotVisibility {\n  @Element() toggleSlotElement: HTMLElement;\n  @State() isLargeView = undefined;\n  @State() showStartSlot = true;\n  @State() showEndSlot = false;\n\n  @Prop() largeViewSize = 1024;\n  @Prop() fontFamily = 'Roboto';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n  @Prop() slotEndHeight = '100vh';\n\n  @Listen('resize', { target: 'window' })\n  onWindowResize() {\n    this.handleView();\n  }\n\n  handleView() {\n    if (typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize) {\n      this.isLargeView = this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize;\n      this.showStartSlot = true;\n      this.showEndSlot = this.isLargeView;\n      if (!this.isLargeView) {\n        const mapVisibilityButtonContainer = document.createElement('div');\n        mapVisibilityButtonContainer.className = 'grw-map-visibility-button-container';\n        const mapVisibilityButton = document.createElement('grw-extended-fab');\n        mapVisibilityButton.setAttribute('exportparts', 'map-visibility-button,map-visibility-button-icon,map-visibility-button-label');\n        mapVisibilityButton.setAttribute('font-family', this.fontFamily);\n        mapVisibilityButton.action = () => this.toggleShowSlot();\n        mapVisibilityButton.icon = () => this.getMapVisibilityIconButton();\n        mapVisibilityButton.name = () => this.getMapVisibilityLabelButton();\n        mapVisibilityButton.setAttribute('fab-background-color', this.fabBackgroundColor);\n        mapVisibilityButton.setAttribute('fab-color', this.fabColor);\n\n        mapVisibilityButton.setAttribute('display', this.isLargeView ? 'none' : 'flex');\n        mapVisibilityButtonContainer.append(mapVisibilityButton);\n        document.body.append(mapVisibilityButtonContainer);\n\n        const slotEnd: any = document.querySelector('#grw-slot-end-container');\n\n        const slotEndClone = slotEnd.cloneNode(true);\n        slotEndClone.id = 'grw-slot-end-container-clone';\n        slotEndClone.style.visibility = 'hidden';\n        slotEndClone.style.position = 'fixed';\n        slotEndClone.style.top = '0px';\n        slotEndClone.style.left = '0px';\n        slotEndClone.style['z-index'] = '0';\n        slotEndClone.style.height = '100vh';\n        slotEndClone.style['background-color'] = '#ffffff';\n        document.body.append(slotEndClone);\n      } else {\n        const mapVisibilityButtonContainer = document.body.getElementsByClassName('grw-map-visibility-button-container')[0];\n        if (mapVisibilityButtonContainer) {\n          mapVisibilityButtonContainer.remove();\n        }\n        const slotEndClone = document.body.querySelector('#grw-slot-end-container-clone');\n        if (slotEndClone) {\n          slotEndClone.remove();\n        }\n      }\n    }\n  }\n\n  toggleShowSlot() {\n    this.showStartSlot = !this.showStartSlot;\n    this.showEndSlot = !this.showStartSlot;\n    const grwSlotEndContainerClone: any = document.querySelector('#grw-slot-end-container-clone');\n    if (grwSlotEndContainerClone && this.showEndSlot) {\n      grwSlotEndContainerClone.style.visibility = 'visible';\n      document.body.style.overflow = `hidden`;\n      grwSlotEndContainerClone.style['z-index'] = '4000';\n    } else {\n      grwSlotEndContainerClone.style.visibility = 'hidden';\n      document.body.style.overflow = `visible`;\n      grwSlotEndContainerClone.style['z-index'] = '0';\n    }\n    const grwExtendedFab: any = document.getElementsByTagName('grw-extended-fab')[0];\n    grwExtendedFab.icon = () => this.getMapVisibilityIconButton();\n    grwExtendedFab.name = () => this.getMapVisibilityLabelButton();\n  }\n\n  componentDidRender() {\n    this.handleView();\n  }\n\n  getMapVisibilityIconButton() {\n    let mapIconButton: string;\n    mapIconButton = this.showStartSlot ? 'map' : 'summarize';\n    return mapIconButton;\n  }\n\n  getMapVisibilityLabelButton() {\n    let mapLabelButton: string;\n    mapLabelButton = this.showStartSlot ? translate[state.language].showMap : translate[state.language].showDetails;\n    return mapLabelButton;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"grw-toggle-slot-visibility-container\">\n          <div\n            class=\"grw-slot-start-container\"\n            style={{ height: this.showStartSlot ? '100%' : '100vh', visibility: this.showStartSlot ? 'visible' : 'hidden', zIndex: this.showStartSlot ? '1' : '0' }}\n          >\n            <slot name=\"start\"> </slot>\n          </div>\n\n          <div\n            id=\"grw-slot-end-container\"\n            style={{\n              width: '100%',\n              height: this.slotEndHeight,\n              visibility: !this.isLargeView ? 'hidden' : 'visible',\n              position: !this.isLargeView ? 'absolute' : 'relative',\n              top: !this.isLargeView ? '0px' : 'none',\n              left: !this.isLargeView ? '0px' : 'none',\n              zIndex: !this.isLargeView ? '0' : '1',\n            }}\n          >\n            <slot name=\"end\"> </slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}