@geotrekce/geotrek-rando-widget 0.27.2 → 0.27.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/grw-toggle-slot-visibility.cjs.entry.js +3 -4
- package/dist/cjs/grw-toggle-slot-visibility.cjs.entry.js.br +0 -0
- package/dist/cjs/grw-toggle-slot-visibility.cjs.entry.js.gz +0 -0
- package/dist/cjs/grw-toggle-slot-visibility.cjs.entry.js.map +1 -1
- package/dist/collection/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.js +3 -4
- package/dist/collection/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.js.br +0 -0
- package/dist/collection/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.js.gz +0 -0
- package/dist/collection/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.js.map +1 -1
- package/dist/esm/grw-toggle-slot-visibility.entry.js +3 -4
- package/dist/esm/grw-toggle-slot-visibility.entry.js.br +0 -0
- package/dist/esm/grw-toggle-slot-visibility.entry.js.gz +0 -0
- package/dist/esm/grw-toggle-slot-visibility.entry.js.map +1 -1
- package/dist/esm-es5/grw-toggle-slot-visibility.entry.js +1 -1
- package/dist/esm-es5/grw-toggle-slot-visibility.entry.js.br +0 -0
- package/dist/esm-es5/grw-toggle-slot-visibility.entry.js.gz +0 -0
- package/dist/esm-es5/grw-toggle-slot-visibility.entry.js.map +1 -1
- package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js +1 -1
- package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js.br +0 -0
- package/dist/geotrek-rando-widget/geotrek-rando-widget.esm.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-49677f8e.entry.js +2 -0
- package/dist/geotrek-rando-widget/p-49677f8e.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-49677f8e.entry.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-49677f8e.entry.js.map +1 -0
- package/dist/geotrek-rando-widget/p-5517eb99.system.js +1 -1
- package/dist/geotrek-rando-widget/p-5517eb99.system.js.br +0 -0
- package/dist/geotrek-rando-widget/p-5517eb99.system.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-cceddf58.system.entry.js +2 -0
- package/dist/geotrek-rando-widget/p-cceddf58.system.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-cceddf58.system.entry.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-cceddf58.system.entry.js.map +1 -0
- package/package.json +1 -1
- package/dist/geotrek-rando-widget/p-25b77183.system.entry.js +0 -2
- package/dist/geotrek-rando-widget/p-25b77183.system.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-25b77183.system.entry.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-25b77183.system.entry.js.map +0 -1
- package/dist/geotrek-rando-widget/p-521a05b1.entry.js +0 -2
- package/dist/geotrek-rando-widget/p-521a05b1.entry.js.br +0 -0
- package/dist/geotrek-rando-widget/p-521a05b1.entry.js.gz +0 -0
- package/dist/geotrek-rando-widget/p-521a05b1.entry.js.map +0 -1
|
@@ -25,8 +25,7 @@ const GrwToggleSlotVisibility = class {
|
|
|
25
25
|
this.handleView();
|
|
26
26
|
}
|
|
27
27
|
handleView() {
|
|
28
|
-
if (
|
|
29
|
-
(typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize)) {
|
|
28
|
+
if (typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize) {
|
|
30
29
|
this.isLargeView = this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize;
|
|
31
30
|
this.showStartSlot = true;
|
|
32
31
|
this.showEndSlot = this.isLargeView;
|
|
@@ -100,7 +99,7 @@ const GrwToggleSlotVisibility = class {
|
|
|
100
99
|
return mapLabelButton;
|
|
101
100
|
}
|
|
102
101
|
render() {
|
|
103
|
-
return (index.h(index.Host, { key: '
|
|
102
|
+
return (index.h(index.Host, { key: '99af131c196db6759876be1787fd07333c0e037a' }, index.h("div", { key: '5b8156a9f8bc84864f91be603ef115c26c1d5884', class: "grw-toggle-slot-visibility-container" }, index.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' } }, index.h("slot", { key: 'e1b5533ed9b1eade3e72242b4fb2bbf3e1bdb77b', name: "start" }, " ")), index.h("div", { key: '3ac3901b37c1ff3ad143af6d88d8790f9da89585', id: "grw-slot-end-container", style: {
|
|
104
103
|
width: '100%',
|
|
105
104
|
height: this.slotEndHeight,
|
|
106
105
|
visibility: !this.isLargeView ? 'hidden' : 'visible',
|
|
@@ -108,7 +107,7 @@ const GrwToggleSlotVisibility = class {
|
|
|
108
107
|
top: !this.isLargeView ? '0px' : 'none',
|
|
109
108
|
left: !this.isLargeView ? '0px' : 'none',
|
|
110
109
|
zIndex: !this.isLargeView ? '0' : '1',
|
|
111
|
-
} }, index.h("slot", { key: '
|
|
110
|
+
} }, index.h("slot", { key: '0b9e2b1e5aec2390cd135f08943d05787c75fedf', name: "end" }, " ")))));
|
|
112
111
|
}
|
|
113
112
|
get toggleSlotElement() { return index.getElement(this); }
|
|
114
113
|
};
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"grw-toggle-slot-visibility.entry.cjs.js","mappings":"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","names":["state","translate","h","Host"],"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}
|
|
1
|
+
{"file":"grw-toggle-slot-visibility.entry.cjs.js","mappings":"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","names":["translate","state","h","Host"],"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}
|
|
@@ -16,8 +16,7 @@ export class GrwToggleSlotVisibility {
|
|
|
16
16
|
this.handleView();
|
|
17
17
|
}
|
|
18
18
|
handleView() {
|
|
19
|
-
if (
|
|
20
|
-
(typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize)) {
|
|
19
|
+
if (typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize) {
|
|
21
20
|
this.isLargeView = this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize;
|
|
22
21
|
this.showStartSlot = true;
|
|
23
22
|
this.showEndSlot = this.isLargeView;
|
|
@@ -91,7 +90,7 @@ export class GrwToggleSlotVisibility {
|
|
|
91
90
|
return mapLabelButton;
|
|
92
91
|
}
|
|
93
92
|
render() {
|
|
94
|
-
return (h(Host, { key: '
|
|
93
|
+
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: {
|
|
95
94
|
width: '100%',
|
|
96
95
|
height: this.slotEndHeight,
|
|
97
96
|
visibility: !this.isLargeView ? 'hidden' : 'visible',
|
|
@@ -99,7 +98,7 @@ export class GrwToggleSlotVisibility {
|
|
|
99
98
|
top: !this.isLargeView ? '0px' : 'none',
|
|
100
99
|
left: !this.isLargeView ? '0px' : 'none',
|
|
101
100
|
zIndex: !this.isLargeView ? '0' : '1',
|
|
102
|
-
} }, h("slot", { key: '
|
|
101
|
+
} }, h("slot", { key: '0b9e2b1e5aec2390cd135f08943d05787c75fedf', name: "end" }, " ")))));
|
|
103
102
|
}
|
|
104
103
|
static get is() { return "grw-toggle-slot-visibility"; }
|
|
105
104
|
static get originalStyleUrls() {
|
package/dist/collection/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.js.br
CHANGED
|
Binary file
|
package/dist/collection/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.js.gz
CHANGED
|
Binary file
|
package/dist/collection/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grw-toggle-slot-visibility.js","sourceRoot":"","sources":["../../../src/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}
|
|
1
|
+
{"version":3,"file":"grw-toggle-slot-visibility.js","sourceRoot":"","sources":["../../../src/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}
|
|
@@ -21,8 +21,7 @@ const GrwToggleSlotVisibility = class {
|
|
|
21
21
|
this.handleView();
|
|
22
22
|
}
|
|
23
23
|
handleView() {
|
|
24
|
-
if (
|
|
25
|
-
(typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize)) {
|
|
24
|
+
if (typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize) {
|
|
26
25
|
this.isLargeView = this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize;
|
|
27
26
|
this.showStartSlot = true;
|
|
28
27
|
this.showEndSlot = this.isLargeView;
|
|
@@ -96,7 +95,7 @@ const GrwToggleSlotVisibility = class {
|
|
|
96
95
|
return mapLabelButton;
|
|
97
96
|
}
|
|
98
97
|
render() {
|
|
99
|
-
return (h(Host, { key: '
|
|
98
|
+
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: {
|
|
100
99
|
width: '100%',
|
|
101
100
|
height: this.slotEndHeight,
|
|
102
101
|
visibility: !this.isLargeView ? 'hidden' : 'visible',
|
|
@@ -104,7 +103,7 @@ const GrwToggleSlotVisibility = class {
|
|
|
104
103
|
top: !this.isLargeView ? '0px' : 'none',
|
|
105
104
|
left: !this.isLargeView ? '0px' : 'none',
|
|
106
105
|
zIndex: !this.isLargeView ? '0' : '1',
|
|
107
|
-
} }, h("slot", { key: '
|
|
106
|
+
} }, h("slot", { key: '0b9e2b1e5aec2390cd135f08943d05787c75fedf', name: "end" }, " ")))));
|
|
108
107
|
}
|
|
109
108
|
get toggleSlotElement() { return getElement(this); }
|
|
110
109
|
};
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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 (\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}
|
|
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;KAoHjC;IAjHC,cAAc;QACZ,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;IAED,UAAU;QACR,IAAI,OAAO,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC,aAAa,EAAE;YAC5I,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,uDACH,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,CACD,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 (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}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host,g as getElement}from"./index-83d78b30.js";import{t as translate}from"./i18n-d4785001.js";import{s as state}from"./store-04f82731.js";var grwToggleSlotVisibilityCss="grw-toggle-slot-visibility{display:block;position:relative;width:100%;overflow:hidden;max-width:100dvw}.grw-map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:fixed;bottom:24px;z-index:4001;pointer-events:none}";var GrwToggleSlotVisibilityStyle0=grwToggleSlotVisibilityCss;var GrwToggleSlotVisibility=function(){function t(t){registerInstance(this,t);this.isLargeView=undefined;this.showStartSlot=true;this.showEndSlot=false;this.largeViewSize=1024;this.fontFamily="Roboto";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.slotEndHeight="100vh"}t.prototype.onWindowResize=function(){this.handleView()};t.prototype.handleView=function(){var t=this;if(
|
|
1
|
+
import{r as registerInstance,h,H as Host,g as getElement}from"./index-83d78b30.js";import{t as translate}from"./i18n-d4785001.js";import{s as state}from"./store-04f82731.js";var grwToggleSlotVisibilityCss="grw-toggle-slot-visibility{display:block;position:relative;width:100%;overflow:hidden;max-width:100dvw}.grw-map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:fixed;bottom:24px;z-index:4001;pointer-events:none}";var GrwToggleSlotVisibilityStyle0=grwToggleSlotVisibilityCss;var GrwToggleSlotVisibility=function(){function t(t){registerInstance(this,t);this.isLargeView=undefined;this.showStartSlot=true;this.showEndSlot=false;this.largeViewSize=1024;this.fontFamily="Roboto";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.slotEndHeight="100vh"}t.prototype.onWindowResize=function(){this.handleView()};t.prototype.handleView=function(){var t=this;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;if(!this.isLargeView){var i=document.createElement("div");i.className="grw-map-visibility-button-container";var e=document.createElement("grw-extended-fab");e.setAttribute("exportparts","map-visibility-button,map-visibility-button-icon,map-visibility-button-label");e.setAttribute("font-family",this.fontFamily);e.action=function(){return t.toggleShowSlot()};e.icon=function(){return t.getMapVisibilityIconButton()};e.name=function(){return t.getMapVisibilityLabelButton()};e.setAttribute("fab-background-color",this.fabBackgroundColor);e.setAttribute("fab-color",this.fabColor);e.setAttribute("display",this.isLargeView?"none":"flex");i.append(e);document.body.append(i);var n=document.querySelector("#grw-slot-end-container");var s=n.cloneNode(true);s.id="grw-slot-end-container-clone";s.style.visibility="hidden";s.style.position="fixed";s.style.top="0px";s.style.left="0px";s.style["z-index"]="0";s.style.height="100vh";s.style["background-color"]="#ffffff";document.body.append(s)}else{var i=document.body.getElementsByClassName("grw-map-visibility-button-container")[0];if(i){i.remove()}var s=document.body.querySelector("#grw-slot-end-container-clone");if(s){s.remove()}}}};t.prototype.toggleShowSlot=function(){var t=this;this.showStartSlot=!this.showStartSlot;this.showEndSlot=!this.showStartSlot;var i=document.querySelector("#grw-slot-end-container-clone");if(i&&this.showEndSlot){i.style.visibility="visible";document.body.style.overflow="hidden";i.style["z-index"]="4000"}else{i.style.visibility="hidden";document.body.style.overflow="visible";i.style["z-index"]="0"}var e=document.getElementsByTagName("grw-extended-fab")[0];e.icon=function(){return t.getMapVisibilityIconButton()};e.name=function(){return t.getMapVisibilityLabelButton()}};t.prototype.componentDidRender=function(){this.handleView()};t.prototype.getMapVisibilityIconButton=function(){var t;t=this.showStartSlot?"map":"summarize";return t};t.prototype.getMapVisibilityLabelButton=function(){var t;t=this.showStartSlot?translate[state.language].showMap:translate[state.language].showDetails;return t};t.prototype.render=function(){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",position:!this.isLargeView?"absolute":"relative",top:!this.isLargeView?"0px":"none",left:!this.isLargeView?"0px":"none",zIndex:!this.isLargeView?"0":"1"}},h("slot",{key:"0b9e2b1e5aec2390cd135f08943d05787c75fedf",name:"end"}," "))))};Object.defineProperty(t.prototype,"toggleSlotElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();GrwToggleSlotVisibility.style=GrwToggleSlotVisibilityStyle0;export{GrwToggleSlotVisibility as grw_toggle_slot_visibility};
|
|
2
2
|
//# sourceMappingURL=grw-toggle-slot-visibility.entry.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["grwToggleSlotVisibilityCss","GrwToggleSlotVisibilityStyle0","GrwToggleSlotVisibility","hostRef","this","isLargeView","undefined","showStartSlot","showEndSlot","largeViewSize","fontFamily","fabBackgroundColor","fabColor","slotEndHeight","prototype","onWindowResize","handleView","_this","
|
|
1
|
+
{"version":3,"names":["grwToggleSlotVisibilityCss","GrwToggleSlotVisibilityStyle0","GrwToggleSlotVisibility","hostRef","this","isLargeView","undefined","showStartSlot","showEndSlot","largeViewSize","fontFamily","fabBackgroundColor","fabColor","slotEndHeight","prototype","onWindowResize","handleView","_this","toggleSlotElement","getBoundingClientRect","width","mapVisibilityButtonContainer","document","createElement","className","mapVisibilityButton","setAttribute","action","toggleShowSlot","icon","getMapVisibilityIconButton","name","getMapVisibilityLabelButton","append","body","slotEnd","querySelector","slotEndClone","cloneNode","id","style","visibility","position","top","left","height","getElementsByClassName","remove","grwSlotEndContainerClone","overflow","grwExtendedFab","getElementsByTagName","componentDidRender","mapIconButton","mapLabelButton","translate","state","language","showMap","showDetails","render","h","Host","key","class","zIndex"],"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"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as o,d as r,N as e,b as i}from"./p-421e9ebe.js";export{s as setNonce}from"./p-421e9ebe.js";import{g as n}from"./p-e1255160.js";var a=()=>{const i=Array.from(r.querySelectorAll("script")).find((o=>new RegExp(`/${e}(\\.esm)?\\.js($|\\?|#)`).test(o.src)||o.getAttribute("data-stencil-namespace")===e));const n=import.meta.url;const a=(i||{})["data-opts"]||{};if(n!==""){a.resourcesUrl=new URL(".",n).href}return o(a)};a().then((async o=>{await n();return i(JSON.parse('[["p-50871285",[[0,"grw-app",{"appWidth":[1,"app-width"],"appHeight":[1,"app-height"],"api":[1],"languages":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"labels":[1],"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"weather":[4],"emergencyNumber":[2,"emergency-number"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorPrimary":[1,"color-primary"],"colorOnPrimary":[1,"color-on-primary"],"colorSurface":[1,"color-surface"],"colorOnSurface":[1,"color-on-surface"],"colorSurfaceVariant":[1,"color-surface-variant"],"colorOnSurfaceVariant":[1,"color-on-surface-variant"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorBackground":[1,"color-background"],"colorSurfaceContainerHigh":[1,"color-surface-container-high"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"rounded":[4],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorMarkers":[8,"color-markers"],"colorClusters":[8,"color-clusters"],"colorOutdoorArea":[1,"color-outdoor-area"],"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"outdoor":[4],"enableOffline":[4,"enable-offline"],"globalTilesMinZoomOffline":[2,"global-tiles-min-zoom-offline"],"globalTilesMaxZoomOffline":[2,"global-tiles-max-zoom-offline"],"tilesMinZoomOffline":[2,"tiles-min-zoom-offline"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"mainMarkerSize":[2,"main-marker-size"],"selectedMainMarkerSize":[2,"selected-main-marker-size"],"mainClusterSize":[2,"main-cluster-size"],"commonMarkerSize":[2,"common-marker-size"],"departureArrivalMarkerSize":[2,"departure-arrival-marker-size"],"pointReferenceMarkerSize":[2,"point-reference-marker-size"],"largeViewSize":[2,"large-view-size"],"elevationHeight":[2,"elevation-height"],"mobileElevationHeight":[2,"mobile-elevation-height"],"signages":[4],"showTrek":[32],"showTouristicContent":[32],"showTouristicEvent":[32],"showOutdoorSite":[32],"showOutdoorCourse":[32],"showOutdoorSiteMap":[32],"showOutdoorCourseMap":[32],"showHomeMap":[32],"showTrekMap":[32],"showTouristicContentMap":[32],"showTouristicEventMap":[32],"showFilters":[32],"isLargeView":[32],"currentTrekId":[32],"currentTouristicContentId":[32],"currentTouristicEventId":[32],"currentOutdoorSiteId":[32],"currentOutdoorCourseId":[32]},[[8,"trekCardPress","onTrekCardPress"],[8,"parentTrekPress","onParentTrekPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[8,"outdoorSiteCardPress","onOutdoorSiteCardPress"],[8,"outdoorCourseCardPress","onOutdoorCourseCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]],{"isLargeView":["watchPropHandler"]}]]],["p-521a05b1",[[4,"grw-toggle-slot-visibility",{"largeViewSize":[2,"large-view-size"],"fontFamily":[1,"font-family"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"slotEndHeight":[1,"slot-end-height"],"isLargeView":[32],"showStartSlot":[32],"showEndSlot":[32]},[[9,"resize","onWindowResize"]]]]],["p-f5f1db40",[[1,"grw-outdoor-courses-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}]]],["p-b4659481",[[1,"grw-extended-fab",{"action":[16],"icon":[16],"name":[16],"display":[1],"fontFamily":[1,"font-family"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"]}]]],["p-f971e0f9",[[1,"grw-fab",{"action":[16],"icon":[16],"showTitle":[1,"show-title"],"hideTitle":[1,"hide-title"],"fontFamily":[1,"font-family"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"]}]]],["p-11caf88d",[[1,"grw-filter",{"fontFamily":[1,"font-family"],"filterType":[1,"filter-type"],"filterName":[1,"filter-name"],"filterPlaceholder":[1,"filter-placeholder"],"filterNameProperty":[1,"filter-name-property"],"segment":[1]},[[8,"resetFilter","onResetFilter"]]]]],["p-91be2094",[[1,"grw-sensitive-area-detail",{"sensitiveArea":[16]}],[1,"grw-trek-card",{"trek":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"isStep":[4,"is-step"],"grwApp":[4,"grw-app"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"departureCity":[32],"isAvailableOffline":[32],"showDefaultImage":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-a9faad14",[[1,"grw-poi",{"poi":[16],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayShortDescription":[32],"showPoiDescriptionButton":[32],"displayFullscreen":[32],"offline":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"]]],[1,"grw-touristic-content-card",{"fontFamily":[1,"font-family"],"touristicContent":[16],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayFullscreen":[32],"offline":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-touristic-event-card",{"fontFamily":[1,"font-family"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"touristicEvent":[16],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"displayFullscreen":[32],"offline":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-ca852f00",[[1,"grw-outdoor-course-card",{"outdoorCourse":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"offline":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[4,"grw-details-modal",{"fontFamily":[1,"font-family"],"colorBackground":[1,"color-background"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"rounded":[4]}],[1,"grw-information-desk",{"informationDesk":[16],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayShortDescription":[32],"showInformationDeskDescriptionButton":[32],"offline":[32],"showDefaultImage":[32]}],[1,"grw-outdoor-site-card",{"outdoorSite":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"offline":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-touristic-content-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"grwApp":[4,"grw-app"],"displayFullscreen":[32],"offline":[32]}],[1,"grw-touristic-content-provider",{"languages":[1],"api":[1],"touristicContentId":[2,"touristic-content-id"],"portals":[1]}],[1,"grw-touristic-event-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"grwApp":[4,"grw-app"],"displayFullscreen":[32],"offline":[32]}],[1,"grw-touristic-event-provider",{"languages":[1],"api":[1],"touristicEventId":[2,"touristic-event-id"],"portals":[1]}]]],["p-201a8fe8",[[1,"grw-outdoor-site-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"weather":[4],"enableOffline":[4,"enable-offline"],"defaultBackgroundLayerUrl":[8,"default-background-layer-url"],"defaultBackgroundLayerAttribution":[8,"default-background-layer-attribution"],"globalTilesMinZoomOffline":[2,"global-tiles-min-zoom-offline"],"globalTilesMaxZoomOffline":[2,"global-tiles-max-zoom-offline"],"tilesMinZoomOffline":[2,"tiles-min-zoom-offline"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"grwApp":[4,"grw-app"],"rounded":[4],"offline":[32],"displayFullscreen":[32],"currentOutdoorSite":[32],"sources":[32],"showTouristicContentDetailsModal":[32],"showTouristicEventDetailsModal":[32],"modalDetailsId":[32]},[[8,"closeDetailsModal","onCloseDetailsModal"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"downloadPress","onDownloadPress"],[8,"deletePress","onDeletePress"]]],[1,"grw-trek-detail",{"emergencyNumber":[2,"emergency-number"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"rounded":[4],"weather":[4],"isLargeView":[4,"is-large-view"],"defaultBackgroundLayerUrl":[8,"default-background-layer-url"],"defaultBackgroundLayerAttribution":[8,"default-background-layer-attribution"],"enableOffline":[4,"enable-offline"],"globalTilesMinZoomOffline":[2,"global-tiles-min-zoom-offline"],"globalTilesMaxZoomOffline":[2,"global-tiles-max-zoom-offline"],"tilesMinZoomOffline":[2,"tiles-min-zoom-offline"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"grwApp":[4,"grw-app"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"labels":[32],"sources":[32],"accessibilities":[32],"accessibilityLevel":[32],"displayFullscreen":[32],"cities":[32],"options":[32],"offline":[32],"showTouristicContentDetailsModal":[32],"showTouristicEventDetailsModal":[32],"modalDetailsId":[32]},[[8,"closeDetailsModal","onCloseDetailsModal"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"downloadPress","onDownloadPress"],[8,"deletePress","onDeletePress"]]],[1,"grw-outdoor-course-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"weather":[4],"grwApp":[4,"grw-app"],"displayFullscreen":[32],"currentOutdoorCourse":[32],"offline":[32]}],[1,"grw-filters",{"handleFilters":[16],"fontFamily":[1,"font-family"],"selectedSegment":[32]}],[1,"grw-map",{"maxZoom":[2,"max-zoom"],"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorBackground":[1,"color-background"],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorMarkers":[8,"color-markers"],"colorClusters":[8,"color-clusters"],"colorOutdoorArea":[1,"color-outdoor-area"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"grwApp":[4,"grw-app"],"mainMarkerSize":[2,"main-marker-size"],"selectedMainMarkerSize":[2,"selected-main-marker-size"],"mainClusterSize":[2,"main-cluster-size"],"commonMarkerSize":[2,"common-marker-size"],"departureArrivalMarkerSize":[2,"departure-arrival-marker-size"],"pointReferenceMarkerSize":[2,"point-reference-marker-size"],"elevationHeight":[2,"elevation-height"],"mobileElevationHeight":[2,"mobile-elevation-height"],"largeViewSize":[2,"large-view-size"],"elevationDefaultState":[1,"elevation-default-state"],"isLargeView":[4,"is-large-view"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"mapIsReady":[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"stepsIsInViewport","stepsIsInViewport"],[8,"descriptionIsInViewport","descriptionIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationPlacesIsInViewport","onInformationPlacesIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"touristicContentsIsInViewport","touristicContentsIsInViewport"],[8,"touristicEventsIsInViewport","touristicEventsIsInViewport"],[8,"sitesIsInViewport","sitesIsInViewport"],[8,"coursesIsInViewport","coursesIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","onCardTrekMouseLeave"],[8,"cardTouristicContentMouseOver","onTouristicContentMouseOver"],[8,"cardTouristicContentMouseLeave","onTouristicContentMouseLeave"],[8,"cardTouristicEventMouseOver","onTouristicEventMouseOver"],[8,"cardTouristicEventMouseLeave","onTouristicEventMouseLeave"],[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[8,"cardOutdoorSiteMouseOver","onOutdoorSiteMouseOver"],[8,"cardOutdoorSiteMouseLeave","onOutdoorSiteMouseLeave"],[9,"resize","onWindowResize"]]],[1,"grw-outdoor-sites-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"outdoorSitesToDisplay":[32]}],[1,"grw-touristic-contents-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"touristicContentsToDisplay":[32]}],[1,"grw-touristic-events-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"touristicEventsToDisplay":[32]}],[1,"grw-treks-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayOnlyOfflineTreks":[4,"display-only-offline-treks"],"isLargeView":[4,"is-large-view"],"grwApp":[4,"grw-app"],"treksToDisplay":[32]}],[1,"grw-common-button",{"action":[16],"icon":[1],"name":[1],"fontFamily":[1,"font-family"]}],[1,"grw-loader",{"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"]}],[1,"grw-offline-confirm-modal",{"mode":[1],"showOfflineModal":[32],"showConfirmModal":[32],"showLoaderModal":[32],"showSuccessModal":[32],"showErrorModal":[32],"showConfirmDeleteModal":[32],"showDeletingMessage":[32],"showDeleteSuccessMessage":[32]},[[8,"downloadConfirm","onDownloadConfirm"],[8,"downloadedSuccessConfirm","onDownloadedSuccessConfirm"],[8,"downloadedErrorConfirm","downloadedErrorConfirm"],[8,"deleteConfirm","onDeleteConfirm"],[8,"deleteSuccessConfirm","onDeleteSuccessConfirm"],[8,"deleteErrorConfirm","deleteErrorConfirm"]]],[1,"grw-outdoor-course-provider",{"languages":[1],"api":[1],"outdoorCourseId":[2,"outdoor-course-id"],"portals":[1]}],[1,"grw-outdoor-site-provider",{"languages":[1],"api":[1],"outdoorSiteId":[2,"outdoor-site-id"],"portals":[1]}],[1,"grw-outdoor-sites-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"offline":[4]}],[1,"grw-search",{"fontFamily":[1,"font-family"]}],[1,"grw-segmented-segment",{"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"outdoor":[4],"fontFamily":[1,"font-family"]}],[1,"grw-select-language"],[1,"grw-switch",{"action":[16],"fontFamily":[1,"font-family"],"checked":[4]}],[1,"grw-touristic-contents-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}],[1,"grw-touristic-events-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}],[1,"grw-trek-provider",{"languages":[1],"api":[1],"trekId":[2,"trek-id"],"portals":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"routes":[1],"practices":[1],"labels":[1],"signages":[4]}],[1,"grw-treks-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"labels":[1],"offline":[4]}]]]]'),o)}));
|
|
1
|
+
import{p as o,d as r,N as e,b as i}from"./p-421e9ebe.js";export{s as setNonce}from"./p-421e9ebe.js";import{g as n}from"./p-e1255160.js";var a=()=>{const i=Array.from(r.querySelectorAll("script")).find((o=>new RegExp(`/${e}(\\.esm)?\\.js($|\\?|#)`).test(o.src)||o.getAttribute("data-stencil-namespace")===e));const n=import.meta.url;const a=(i||{})["data-opts"]||{};if(n!==""){a.resourcesUrl=new URL(".",n).href}return o(a)};a().then((async o=>{await n();return i(JSON.parse('[["p-50871285",[[0,"grw-app",{"appWidth":[1,"app-width"],"appHeight":[1,"app-height"],"api":[1],"languages":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"labels":[1],"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"weather":[4],"emergencyNumber":[2,"emergency-number"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorPrimary":[1,"color-primary"],"colorOnPrimary":[1,"color-on-primary"],"colorSurface":[1,"color-surface"],"colorOnSurface":[1,"color-on-surface"],"colorSurfaceVariant":[1,"color-surface-variant"],"colorOnSurfaceVariant":[1,"color-on-surface-variant"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorBackground":[1,"color-background"],"colorSurfaceContainerHigh":[1,"color-surface-container-high"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"rounded":[4],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorMarkers":[8,"color-markers"],"colorClusters":[8,"color-clusters"],"colorOutdoorArea":[1,"color-outdoor-area"],"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"outdoor":[4],"enableOffline":[4,"enable-offline"],"globalTilesMinZoomOffline":[2,"global-tiles-min-zoom-offline"],"globalTilesMaxZoomOffline":[2,"global-tiles-max-zoom-offline"],"tilesMinZoomOffline":[2,"tiles-min-zoom-offline"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"mainMarkerSize":[2,"main-marker-size"],"selectedMainMarkerSize":[2,"selected-main-marker-size"],"mainClusterSize":[2,"main-cluster-size"],"commonMarkerSize":[2,"common-marker-size"],"departureArrivalMarkerSize":[2,"departure-arrival-marker-size"],"pointReferenceMarkerSize":[2,"point-reference-marker-size"],"largeViewSize":[2,"large-view-size"],"elevationHeight":[2,"elevation-height"],"mobileElevationHeight":[2,"mobile-elevation-height"],"signages":[4],"showTrek":[32],"showTouristicContent":[32],"showTouristicEvent":[32],"showOutdoorSite":[32],"showOutdoorCourse":[32],"showOutdoorSiteMap":[32],"showOutdoorCourseMap":[32],"showHomeMap":[32],"showTrekMap":[32],"showTouristicContentMap":[32],"showTouristicEventMap":[32],"showFilters":[32],"isLargeView":[32],"currentTrekId":[32],"currentTouristicContentId":[32],"currentTouristicEventId":[32],"currentOutdoorSiteId":[32],"currentOutdoorCourseId":[32]},[[8,"trekCardPress","onTrekCardPress"],[8,"parentTrekPress","onParentTrekPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[8,"outdoorSiteCardPress","onOutdoorSiteCardPress"],[8,"outdoorCourseCardPress","onOutdoorCourseCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]],{"isLargeView":["watchPropHandler"]}]]],["p-49677f8e",[[4,"grw-toggle-slot-visibility",{"largeViewSize":[2,"large-view-size"],"fontFamily":[1,"font-family"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"slotEndHeight":[1,"slot-end-height"],"isLargeView":[32],"showStartSlot":[32],"showEndSlot":[32]},[[9,"resize","onWindowResize"]]]]],["p-f5f1db40",[[1,"grw-outdoor-courses-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}]]],["p-b4659481",[[1,"grw-extended-fab",{"action":[16],"icon":[16],"name":[16],"display":[1],"fontFamily":[1,"font-family"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"]}]]],["p-f971e0f9",[[1,"grw-fab",{"action":[16],"icon":[16],"showTitle":[1,"show-title"],"hideTitle":[1,"hide-title"],"fontFamily":[1,"font-family"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"]}]]],["p-11caf88d",[[1,"grw-filter",{"fontFamily":[1,"font-family"],"filterType":[1,"filter-type"],"filterName":[1,"filter-name"],"filterPlaceholder":[1,"filter-placeholder"],"filterNameProperty":[1,"filter-name-property"],"segment":[1]},[[8,"resetFilter","onResetFilter"]]]]],["p-91be2094",[[1,"grw-sensitive-area-detail",{"sensitiveArea":[16]}],[1,"grw-trek-card",{"trek":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"isStep":[4,"is-step"],"grwApp":[4,"grw-app"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"departureCity":[32],"isAvailableOffline":[32],"showDefaultImage":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-a9faad14",[[1,"grw-poi",{"poi":[16],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayShortDescription":[32],"showPoiDescriptionButton":[32],"displayFullscreen":[32],"offline":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"]]],[1,"grw-touristic-content-card",{"fontFamily":[1,"font-family"],"touristicContent":[16],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayFullscreen":[32],"offline":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-touristic-event-card",{"fontFamily":[1,"font-family"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"touristicEvent":[16],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"displayFullscreen":[32],"offline":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-ca852f00",[[1,"grw-outdoor-course-card",{"outdoorCourse":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"offline":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[4,"grw-details-modal",{"fontFamily":[1,"font-family"],"colorBackground":[1,"color-background"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"rounded":[4]}],[1,"grw-information-desk",{"informationDesk":[16],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayShortDescription":[32],"showInformationDeskDescriptionButton":[32],"offline":[32],"showDefaultImage":[32]}],[1,"grw-outdoor-site-card",{"outdoorSite":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"offline":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-touristic-content-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"grwApp":[4,"grw-app"],"displayFullscreen":[32],"offline":[32]}],[1,"grw-touristic-content-provider",{"languages":[1],"api":[1],"touristicContentId":[2,"touristic-content-id"],"portals":[1]}],[1,"grw-touristic-event-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"grwApp":[4,"grw-app"],"displayFullscreen":[32],"offline":[32]}],[1,"grw-touristic-event-provider",{"languages":[1],"api":[1],"touristicEventId":[2,"touristic-event-id"],"portals":[1]}]]],["p-201a8fe8",[[1,"grw-outdoor-site-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"weather":[4],"enableOffline":[4,"enable-offline"],"defaultBackgroundLayerUrl":[8,"default-background-layer-url"],"defaultBackgroundLayerAttribution":[8,"default-background-layer-attribution"],"globalTilesMinZoomOffline":[2,"global-tiles-min-zoom-offline"],"globalTilesMaxZoomOffline":[2,"global-tiles-max-zoom-offline"],"tilesMinZoomOffline":[2,"tiles-min-zoom-offline"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"grwApp":[4,"grw-app"],"rounded":[4],"offline":[32],"displayFullscreen":[32],"currentOutdoorSite":[32],"sources":[32],"showTouristicContentDetailsModal":[32],"showTouristicEventDetailsModal":[32],"modalDetailsId":[32]},[[8,"closeDetailsModal","onCloseDetailsModal"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"downloadPress","onDownloadPress"],[8,"deletePress","onDeletePress"]]],[1,"grw-trek-detail",{"emergencyNumber":[2,"emergency-number"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"rounded":[4],"weather":[4],"isLargeView":[4,"is-large-view"],"defaultBackgroundLayerUrl":[8,"default-background-layer-url"],"defaultBackgroundLayerAttribution":[8,"default-background-layer-attribution"],"enableOffline":[4,"enable-offline"],"globalTilesMinZoomOffline":[2,"global-tiles-min-zoom-offline"],"globalTilesMaxZoomOffline":[2,"global-tiles-max-zoom-offline"],"tilesMinZoomOffline":[2,"tiles-min-zoom-offline"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"grwApp":[4,"grw-app"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"labels":[32],"sources":[32],"accessibilities":[32],"accessibilityLevel":[32],"displayFullscreen":[32],"cities":[32],"options":[32],"offline":[32],"showTouristicContentDetailsModal":[32],"showTouristicEventDetailsModal":[32],"modalDetailsId":[32]},[[8,"closeDetailsModal","onCloseDetailsModal"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"downloadPress","onDownloadPress"],[8,"deletePress","onDeletePress"]]],[1,"grw-outdoor-course-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"weather":[4],"grwApp":[4,"grw-app"],"displayFullscreen":[32],"currentOutdoorCourse":[32],"offline":[32]}],[1,"grw-filters",{"handleFilters":[16],"fontFamily":[1,"font-family"],"selectedSegment":[32]}],[1,"grw-map",{"maxZoom":[2,"max-zoom"],"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorBackground":[1,"color-background"],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorMarkers":[8,"color-markers"],"colorClusters":[8,"color-clusters"],"colorOutdoorArea":[1,"color-outdoor-area"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"grwApp":[4,"grw-app"],"mainMarkerSize":[2,"main-marker-size"],"selectedMainMarkerSize":[2,"selected-main-marker-size"],"mainClusterSize":[2,"main-cluster-size"],"commonMarkerSize":[2,"common-marker-size"],"departureArrivalMarkerSize":[2,"departure-arrival-marker-size"],"pointReferenceMarkerSize":[2,"point-reference-marker-size"],"elevationHeight":[2,"elevation-height"],"mobileElevationHeight":[2,"mobile-elevation-height"],"largeViewSize":[2,"large-view-size"],"elevationDefaultState":[1,"elevation-default-state"],"isLargeView":[4,"is-large-view"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"mapIsReady":[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"stepsIsInViewport","stepsIsInViewport"],[8,"descriptionIsInViewport","descriptionIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationPlacesIsInViewport","onInformationPlacesIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"touristicContentsIsInViewport","touristicContentsIsInViewport"],[8,"touristicEventsIsInViewport","touristicEventsIsInViewport"],[8,"sitesIsInViewport","sitesIsInViewport"],[8,"coursesIsInViewport","coursesIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","onCardTrekMouseLeave"],[8,"cardTouristicContentMouseOver","onTouristicContentMouseOver"],[8,"cardTouristicContentMouseLeave","onTouristicContentMouseLeave"],[8,"cardTouristicEventMouseOver","onTouristicEventMouseOver"],[8,"cardTouristicEventMouseLeave","onTouristicEventMouseLeave"],[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[8,"cardOutdoorSiteMouseOver","onOutdoorSiteMouseOver"],[8,"cardOutdoorSiteMouseLeave","onOutdoorSiteMouseLeave"],[9,"resize","onWindowResize"]]],[1,"grw-outdoor-sites-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"outdoorSitesToDisplay":[32]}],[1,"grw-touristic-contents-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"touristicContentsToDisplay":[32]}],[1,"grw-touristic-events-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"touristicEventsToDisplay":[32]}],[1,"grw-treks-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayOnlyOfflineTreks":[4,"display-only-offline-treks"],"isLargeView":[4,"is-large-view"],"grwApp":[4,"grw-app"],"treksToDisplay":[32]}],[1,"grw-common-button",{"action":[16],"icon":[1],"name":[1],"fontFamily":[1,"font-family"]}],[1,"grw-loader",{"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"]}],[1,"grw-offline-confirm-modal",{"mode":[1],"showOfflineModal":[32],"showConfirmModal":[32],"showLoaderModal":[32],"showSuccessModal":[32],"showErrorModal":[32],"showConfirmDeleteModal":[32],"showDeletingMessage":[32],"showDeleteSuccessMessage":[32]},[[8,"downloadConfirm","onDownloadConfirm"],[8,"downloadedSuccessConfirm","onDownloadedSuccessConfirm"],[8,"downloadedErrorConfirm","downloadedErrorConfirm"],[8,"deleteConfirm","onDeleteConfirm"],[8,"deleteSuccessConfirm","onDeleteSuccessConfirm"],[8,"deleteErrorConfirm","deleteErrorConfirm"]]],[1,"grw-outdoor-course-provider",{"languages":[1],"api":[1],"outdoorCourseId":[2,"outdoor-course-id"],"portals":[1]}],[1,"grw-outdoor-site-provider",{"languages":[1],"api":[1],"outdoorSiteId":[2,"outdoor-site-id"],"portals":[1]}],[1,"grw-outdoor-sites-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"offline":[4]}],[1,"grw-search",{"fontFamily":[1,"font-family"]}],[1,"grw-segmented-segment",{"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"outdoor":[4],"fontFamily":[1,"font-family"]}],[1,"grw-select-language"],[1,"grw-switch",{"action":[16],"fontFamily":[1,"font-family"],"checked":[4]}],[1,"grw-touristic-contents-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}],[1,"grw-touristic-events-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}],[1,"grw-trek-provider",{"languages":[1],"api":[1],"trekId":[2,"trek-id"],"portals":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"routes":[1],"practices":[1],"labels":[1],"signages":[4]}],[1,"grw-treks-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"labels":[1],"offline":[4]}]]]]'),o)}));
|
|
2
2
|
//# sourceMappingURL=geotrek-rando-widget.esm.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as i,H as e,g as s}from"./p-421e9ebe.js";import{t as n}from"./p-1f5afac7.js";import{s as o}from"./p-85aa6ae4.js";const d="grw-toggle-slot-visibility{display:block;position:relative;width:100%;overflow:hidden;max-width:100dvw}.grw-map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:fixed;bottom:24px;z-index:4001;pointer-events:none}";const a=d;const l=class{constructor(i){t(this,i);this.isLargeView=undefined;this.showStartSlot=true;this.showEndSlot=false;this.largeViewSize=1024;this.fontFamily="Roboto";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.slotEndHeight="100vh"}onWindowResize(){this.handleView()}handleView(){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;if(!this.isLargeView){const t=document.createElement("div");t.className="grw-map-visibility-button-container";const i=document.createElement("grw-extended-fab");i.setAttribute("exportparts","map-visibility-button,map-visibility-button-icon,map-visibility-button-label");i.setAttribute("font-family",this.fontFamily);i.action=()=>this.toggleShowSlot();i.icon=()=>this.getMapVisibilityIconButton();i.name=()=>this.getMapVisibilityLabelButton();i.setAttribute("fab-background-color",this.fabBackgroundColor);i.setAttribute("fab-color",this.fabColor);i.setAttribute("display",this.isLargeView?"none":"flex");t.append(i);document.body.append(t);const e=document.querySelector("#grw-slot-end-container");const s=e.cloneNode(true);s.id="grw-slot-end-container-clone";s.style.visibility="hidden";s.style.position="fixed";s.style.top="0px";s.style.left="0px";s.style["z-index"]="0";s.style.height="100vh";s.style["background-color"]="#ffffff";document.body.append(s)}else{const t=document.body.getElementsByClassName("grw-map-visibility-button-container")[0];if(t){t.remove()}const i=document.body.querySelector("#grw-slot-end-container-clone");if(i){i.remove()}}}}toggleShowSlot(){this.showStartSlot=!this.showStartSlot;this.showEndSlot=!this.showStartSlot;const t=document.querySelector("#grw-slot-end-container-clone");if(t&&this.showEndSlot){t.style.visibility="visible";document.body.style.overflow=`hidden`;t.style["z-index"]="4000"}else{t.style.visibility="hidden";document.body.style.overflow=`visible`;t.style["z-index"]="0"}const i=document.getElementsByTagName("grw-extended-fab")[0];i.icon=()=>this.getMapVisibilityIconButton();i.name=()=>this.getMapVisibilityLabelButton()}componentDidRender(){this.handleView()}getMapVisibilityIconButton(){let t;t=this.showStartSlot?"map":"summarize";return t}getMapVisibilityLabelButton(){let t;t=this.showStartSlot?n[o.language].showMap:n[o.language].showDetails;return t}render(){return i(e,{key:"99af131c196db6759876be1787fd07333c0e037a"},i("div",{key:"5b8156a9f8bc84864f91be603ef115c26c1d5884",class:"grw-toggle-slot-visibility-container"},i("div",{key:"3440255510ac35395fa1d889576218ab1995b16f",class:"grw-slot-start-container",style:{height:this.showStartSlot?"100%":"100vh",visibility:this.showStartSlot?"visible":"hidden",zIndex:this.showStartSlot?"1":"0"}},i("slot",{key:"e1b5533ed9b1eade3e72242b4fb2bbf3e1bdb77b",name:"start"}," ")),i("div",{key:"3ac3901b37c1ff3ad143af6d88d8790f9da89585",id:"grw-slot-end-container",style:{width:"100%",height:this.slotEndHeight,visibility:!this.isLargeView?"hidden":"visible",position:!this.isLargeView?"absolute":"relative",top:!this.isLargeView?"0px":"none",left:!this.isLargeView?"0px":"none",zIndex:!this.isLargeView?"0":"1"}},i("slot",{key:"0b9e2b1e5aec2390cd135f08943d05787c75fedf",name:"end"}," "))))}get toggleSlotElement(){return s(this)}};l.style=a;export{l as grw_toggle_slot_visibility};
|
|
2
|
+
//# sourceMappingURL=p-49677f8e.entry.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["grwToggleSlotVisibilityCss","GrwToggleSlotVisibilityStyle0","GrwToggleSlotVisibility","constructor","hostRef","this","isLargeView","undefined","showStartSlot","showEndSlot","largeViewSize","fontFamily","fabBackgroundColor","fabColor","slotEndHeight","onWindowResize","handleView","toggleSlotElement","getBoundingClientRect","width","mapVisibilityButtonContainer","document","createElement","className","mapVisibilityButton","setAttribute","action","toggleShowSlot","icon","getMapVisibilityIconButton","name","getMapVisibilityLabelButton","append","body","slotEnd","querySelector","slotEndClone","cloneNode","id","style","visibility","position","top","left","height","getElementsByClassName","remove","grwSlotEndContainerClone","overflow","grwExtendedFab","getElementsByTagName","componentDidRender","mapIconButton","mapLabelButton","translate","state","language","showMap","showDetails","render","h","Host","key","class","zIndex"],"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"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(o,r,e,n){function i(o){return o instanceof e?o:new e((function(r){r(o)}))}return new(e||(e=Promise))((function(e,a){function t(o){try{s(n.next(o))}catch(o){a(o)}}function c(o){try{s(n["throw"](o))}catch(o){a(o)}}function s(o){o.done?e(o.value):i(o.value).then(t,c)}s((n=n.apply(o,r||[])).next())}))};var __generator=this&&this.__generator||function(o,r){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,t;return t={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function c(o){return function(r){return s([o,r])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(t&&(t=0,c[0]&&(e=0)),e)try{if(n=1,i&&(a=c[0]&2?i["return"]:c[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,c[1])).done)return a;if(i=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:e.label++;return{value:c[1],done:false};case 5:e.label++;i=c[1];c=[0];continue;case 7:c=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){e=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){e.label=c[1];break}if(c[0]===6&&e.label<a[1]){e.label=a[1];a=c;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(c);break}if(a[2])e.ops.pop();e.trys.pop();continue}c=r.call(o,e)}catch(o){c=[6,o];i=0}finally{n=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-e0867d29.system.js","./p-56ba5cbf.system.js"],(function(o,r){"use strict";var e,n,i,a,t;return{setters:[function(r){e=r.p;n=r.d;i=r.N;a=r.b;o("setNonce",r.s)},function(o){t=o.g}],execute:function(){var o=this;var c=function(){var o=Array.from(n.querySelectorAll("script")).find((function(o){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(o.src)||o.getAttribute("data-stencil-namespace")===i}));var a=r.meta.url;var t=(o||{})["data-opts"]||{};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};c().then((function(r){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:return[4,t()];case 1:o.sent();return[2,a(JSON.parse('[["p-7c31b635.system",[[0,"grw-app",{"appWidth":[1,"app-width"],"appHeight":[1,"app-height"],"api":[1],"languages":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"labels":[1],"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"weather":[4],"emergencyNumber":[2,"emergency-number"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorPrimary":[1,"color-primary"],"colorOnPrimary":[1,"color-on-primary"],"colorSurface":[1,"color-surface"],"colorOnSurface":[1,"color-on-surface"],"colorSurfaceVariant":[1,"color-surface-variant"],"colorOnSurfaceVariant":[1,"color-on-surface-variant"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorBackground":[1,"color-background"],"colorSurfaceContainerHigh":[1,"color-surface-container-high"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"rounded":[4],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorMarkers":[8,"color-markers"],"colorClusters":[8,"color-clusters"],"colorOutdoorArea":[1,"color-outdoor-area"],"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"outdoor":[4],"enableOffline":[4,"enable-offline"],"globalTilesMinZoomOffline":[2,"global-tiles-min-zoom-offline"],"globalTilesMaxZoomOffline":[2,"global-tiles-max-zoom-offline"],"tilesMinZoomOffline":[2,"tiles-min-zoom-offline"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"mainMarkerSize":[2,"main-marker-size"],"selectedMainMarkerSize":[2,"selected-main-marker-size"],"mainClusterSize":[2,"main-cluster-size"],"commonMarkerSize":[2,"common-marker-size"],"departureArrivalMarkerSize":[2,"departure-arrival-marker-size"],"pointReferenceMarkerSize":[2,"point-reference-marker-size"],"largeViewSize":[2,"large-view-size"],"elevationHeight":[2,"elevation-height"],"mobileElevationHeight":[2,"mobile-elevation-height"],"signages":[4],"showTrek":[32],"showTouristicContent":[32],"showTouristicEvent":[32],"showOutdoorSite":[32],"showOutdoorCourse":[32],"showOutdoorSiteMap":[32],"showOutdoorCourseMap":[32],"showHomeMap":[32],"showTrekMap":[32],"showTouristicContentMap":[32],"showTouristicEventMap":[32],"showFilters":[32],"isLargeView":[32],"currentTrekId":[32],"currentTouristicContentId":[32],"currentTouristicEventId":[32],"currentOutdoorSiteId":[32],"currentOutdoorCourseId":[32]},[[8,"trekCardPress","onTrekCardPress"],[8,"parentTrekPress","onParentTrekPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[8,"outdoorSiteCardPress","onOutdoorSiteCardPress"],[8,"outdoorCourseCardPress","onOutdoorCourseCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]],{"isLargeView":["watchPropHandler"]}]]],["p-25b77183.system",[[4,"grw-toggle-slot-visibility",{"largeViewSize":[2,"large-view-size"],"fontFamily":[1,"font-family"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"slotEndHeight":[1,"slot-end-height"],"isLargeView":[32],"showStartSlot":[32],"showEndSlot":[32]},[[9,"resize","onWindowResize"]]]]],["p-c8b7cf2e.system",[[1,"grw-outdoor-courses-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}]]],["p-85e8ae2d.system",[[1,"grw-extended-fab",{"action":[16],"icon":[16],"name":[16],"display":[1],"fontFamily":[1,"font-family"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"]}]]],["p-2df778e7.system",[[1,"grw-fab",{"action":[16],"icon":[16],"showTitle":[1,"show-title"],"hideTitle":[1,"hide-title"],"fontFamily":[1,"font-family"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"]}]]],["p-7e076c7f.system",[[1,"grw-filter",{"fontFamily":[1,"font-family"],"filterType":[1,"filter-type"],"filterName":[1,"filter-name"],"filterPlaceholder":[1,"filter-placeholder"],"filterNameProperty":[1,"filter-name-property"],"segment":[1]},[[8,"resetFilter","onResetFilter"]]]]],["p-6365e7de.system",[[1,"grw-sensitive-area-detail",{"sensitiveArea":[16]}],[1,"grw-trek-card",{"trek":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"isStep":[4,"is-step"],"grwApp":[4,"grw-app"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"departureCity":[32],"isAvailableOffline":[32],"showDefaultImage":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-382a4720.system",[[1,"grw-poi",{"poi":[16],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayShortDescription":[32],"showPoiDescriptionButton":[32],"displayFullscreen":[32],"offline":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"]]],[1,"grw-touristic-content-card",{"fontFamily":[1,"font-family"],"touristicContent":[16],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayFullscreen":[32],"offline":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-touristic-event-card",{"fontFamily":[1,"font-family"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"touristicEvent":[16],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"displayFullscreen":[32],"offline":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-c61d0c7b.system",[[1,"grw-outdoor-course-card",{"outdoorCourse":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"offline":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[4,"grw-details-modal",{"fontFamily":[1,"font-family"],"colorBackground":[1,"color-background"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"rounded":[4]}],[1,"grw-information-desk",{"informationDesk":[16],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayShortDescription":[32],"showInformationDeskDescriptionButton":[32],"offline":[32],"showDefaultImage":[32]}],[1,"grw-outdoor-site-card",{"outdoorSite":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"offline":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-touristic-content-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"grwApp":[4,"grw-app"],"displayFullscreen":[32],"offline":[32]}],[1,"grw-touristic-content-provider",{"languages":[1],"api":[1],"touristicContentId":[2,"touristic-content-id"],"portals":[1]}],[1,"grw-touristic-event-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"grwApp":[4,"grw-app"],"displayFullscreen":[32],"offline":[32]}],[1,"grw-touristic-event-provider",{"languages":[1],"api":[1],"touristicEventId":[2,"touristic-event-id"],"portals":[1]}]]],["p-641e709b.system",[[1,"grw-outdoor-site-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"weather":[4],"enableOffline":[4,"enable-offline"],"defaultBackgroundLayerUrl":[8,"default-background-layer-url"],"defaultBackgroundLayerAttribution":[8,"default-background-layer-attribution"],"globalTilesMinZoomOffline":[2,"global-tiles-min-zoom-offline"],"globalTilesMaxZoomOffline":[2,"global-tiles-max-zoom-offline"],"tilesMinZoomOffline":[2,"tiles-min-zoom-offline"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"grwApp":[4,"grw-app"],"rounded":[4],"offline":[32],"displayFullscreen":[32],"currentOutdoorSite":[32],"sources":[32],"showTouristicContentDetailsModal":[32],"showTouristicEventDetailsModal":[32],"modalDetailsId":[32]},[[8,"closeDetailsModal","onCloseDetailsModal"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"downloadPress","onDownloadPress"],[8,"deletePress","onDeletePress"]]],[1,"grw-trek-detail",{"emergencyNumber":[2,"emergency-number"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"rounded":[4],"weather":[4],"isLargeView":[4,"is-large-view"],"defaultBackgroundLayerUrl":[8,"default-background-layer-url"],"defaultBackgroundLayerAttribution":[8,"default-background-layer-attribution"],"enableOffline":[4,"enable-offline"],"globalTilesMinZoomOffline":[2,"global-tiles-min-zoom-offline"],"globalTilesMaxZoomOffline":[2,"global-tiles-max-zoom-offline"],"tilesMinZoomOffline":[2,"tiles-min-zoom-offline"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"grwApp":[4,"grw-app"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"labels":[32],"sources":[32],"accessibilities":[32],"accessibilityLevel":[32],"displayFullscreen":[32],"cities":[32],"options":[32],"offline":[32],"showTouristicContentDetailsModal":[32],"showTouristicEventDetailsModal":[32],"modalDetailsId":[32]},[[8,"closeDetailsModal","onCloseDetailsModal"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"downloadPress","onDownloadPress"],[8,"deletePress","onDeletePress"]]],[1,"grw-outdoor-course-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"weather":[4],"grwApp":[4,"grw-app"],"displayFullscreen":[32],"currentOutdoorCourse":[32],"offline":[32]}],[1,"grw-filters",{"handleFilters":[16],"fontFamily":[1,"font-family"],"selectedSegment":[32]}],[1,"grw-map",{"maxZoom":[2,"max-zoom"],"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorBackground":[1,"color-background"],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorMarkers":[8,"color-markers"],"colorClusters":[8,"color-clusters"],"colorOutdoorArea":[1,"color-outdoor-area"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"grwApp":[4,"grw-app"],"mainMarkerSize":[2,"main-marker-size"],"selectedMainMarkerSize":[2,"selected-main-marker-size"],"mainClusterSize":[2,"main-cluster-size"],"commonMarkerSize":[2,"common-marker-size"],"departureArrivalMarkerSize":[2,"departure-arrival-marker-size"],"pointReferenceMarkerSize":[2,"point-reference-marker-size"],"elevationHeight":[2,"elevation-height"],"mobileElevationHeight":[2,"mobile-elevation-height"],"largeViewSize":[2,"large-view-size"],"elevationDefaultState":[1,"elevation-default-state"],"isLargeView":[4,"is-large-view"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"mapIsReady":[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"stepsIsInViewport","stepsIsInViewport"],[8,"descriptionIsInViewport","descriptionIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationPlacesIsInViewport","onInformationPlacesIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"touristicContentsIsInViewport","touristicContentsIsInViewport"],[8,"touristicEventsIsInViewport","touristicEventsIsInViewport"],[8,"sitesIsInViewport","sitesIsInViewport"],[8,"coursesIsInViewport","coursesIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","onCardTrekMouseLeave"],[8,"cardTouristicContentMouseOver","onTouristicContentMouseOver"],[8,"cardTouristicContentMouseLeave","onTouristicContentMouseLeave"],[8,"cardTouristicEventMouseOver","onTouristicEventMouseOver"],[8,"cardTouristicEventMouseLeave","onTouristicEventMouseLeave"],[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[8,"cardOutdoorSiteMouseOver","onOutdoorSiteMouseOver"],[8,"cardOutdoorSiteMouseLeave","onOutdoorSiteMouseLeave"],[9,"resize","onWindowResize"]]],[1,"grw-outdoor-sites-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"outdoorSitesToDisplay":[32]}],[1,"grw-touristic-contents-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"touristicContentsToDisplay":[32]}],[1,"grw-touristic-events-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"touristicEventsToDisplay":[32]}],[1,"grw-treks-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayOnlyOfflineTreks":[4,"display-only-offline-treks"],"isLargeView":[4,"is-large-view"],"grwApp":[4,"grw-app"],"treksToDisplay":[32]}],[1,"grw-common-button",{"action":[16],"icon":[1],"name":[1],"fontFamily":[1,"font-family"]}],[1,"grw-loader",{"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"]}],[1,"grw-offline-confirm-modal",{"mode":[1],"showOfflineModal":[32],"showConfirmModal":[32],"showLoaderModal":[32],"showSuccessModal":[32],"showErrorModal":[32],"showConfirmDeleteModal":[32],"showDeletingMessage":[32],"showDeleteSuccessMessage":[32]},[[8,"downloadConfirm","onDownloadConfirm"],[8,"downloadedSuccessConfirm","onDownloadedSuccessConfirm"],[8,"downloadedErrorConfirm","downloadedErrorConfirm"],[8,"deleteConfirm","onDeleteConfirm"],[8,"deleteSuccessConfirm","onDeleteSuccessConfirm"],[8,"deleteErrorConfirm","deleteErrorConfirm"]]],[1,"grw-outdoor-course-provider",{"languages":[1],"api":[1],"outdoorCourseId":[2,"outdoor-course-id"],"portals":[1]}],[1,"grw-outdoor-site-provider",{"languages":[1],"api":[1],"outdoorSiteId":[2,"outdoor-site-id"],"portals":[1]}],[1,"grw-outdoor-sites-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"offline":[4]}],[1,"grw-search",{"fontFamily":[1,"font-family"]}],[1,"grw-segmented-segment",{"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"outdoor":[4],"fontFamily":[1,"font-family"]}],[1,"grw-select-language"],[1,"grw-switch",{"action":[16],"fontFamily":[1,"font-family"],"checked":[4]}],[1,"grw-touristic-contents-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}],[1,"grw-touristic-events-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}],[1,"grw-trek-provider",{"languages":[1],"api":[1],"trekId":[2,"trek-id"],"portals":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"routes":[1],"practices":[1],"labels":[1],"signages":[4]}],[1,"grw-treks-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"labels":[1],"offline":[4]}]]]]'),r)]}}))}))}))}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(o,r,e,n){function i(o){return o instanceof e?o:new e((function(r){r(o)}))}return new(e||(e=Promise))((function(e,a){function t(o){try{s(n.next(o))}catch(o){a(o)}}function c(o){try{s(n["throw"](o))}catch(o){a(o)}}function s(o){o.done?e(o.value):i(o.value).then(t,c)}s((n=n.apply(o,r||[])).next())}))};var __generator=this&&this.__generator||function(o,r){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,t;return t={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function c(o){return function(r){return s([o,r])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(t&&(t=0,c[0]&&(e=0)),e)try{if(n=1,i&&(a=c[0]&2?i["return"]:c[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,c[1])).done)return a;if(i=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:e.label++;return{value:c[1],done:false};case 5:e.label++;i=c[1];c=[0];continue;case 7:c=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){e=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){e.label=c[1];break}if(c[0]===6&&e.label<a[1]){e.label=a[1];a=c;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(c);break}if(a[2])e.ops.pop();e.trys.pop();continue}c=r.call(o,e)}catch(o){c=[6,o];i=0}finally{n=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-e0867d29.system.js","./p-56ba5cbf.system.js"],(function(o,r){"use strict";var e,n,i,a,t;return{setters:[function(r){e=r.p;n=r.d;i=r.N;a=r.b;o("setNonce",r.s)},function(o){t=o.g}],execute:function(){var o=this;var c=function(){var o=Array.from(n.querySelectorAll("script")).find((function(o){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(o.src)||o.getAttribute("data-stencil-namespace")===i}));var a=r.meta.url;var t=(o||{})["data-opts"]||{};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};c().then((function(r){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:return[4,t()];case 1:o.sent();return[2,a(JSON.parse('[["p-7c31b635.system",[[0,"grw-app",{"appWidth":[1,"app-width"],"appHeight":[1,"app-height"],"api":[1],"languages":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"labels":[1],"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"weather":[4],"emergencyNumber":[2,"emergency-number"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorPrimary":[1,"color-primary"],"colorOnPrimary":[1,"color-on-primary"],"colorSurface":[1,"color-surface"],"colorOnSurface":[1,"color-on-surface"],"colorSurfaceVariant":[1,"color-surface-variant"],"colorOnSurfaceVariant":[1,"color-on-surface-variant"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorBackground":[1,"color-background"],"colorSurfaceContainerHigh":[1,"color-surface-container-high"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"rounded":[4],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorMarkers":[8,"color-markers"],"colorClusters":[8,"color-clusters"],"colorOutdoorArea":[1,"color-outdoor-area"],"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"outdoor":[4],"enableOffline":[4,"enable-offline"],"globalTilesMinZoomOffline":[2,"global-tiles-min-zoom-offline"],"globalTilesMaxZoomOffline":[2,"global-tiles-max-zoom-offline"],"tilesMinZoomOffline":[2,"tiles-min-zoom-offline"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"mainMarkerSize":[2,"main-marker-size"],"selectedMainMarkerSize":[2,"selected-main-marker-size"],"mainClusterSize":[2,"main-cluster-size"],"commonMarkerSize":[2,"common-marker-size"],"departureArrivalMarkerSize":[2,"departure-arrival-marker-size"],"pointReferenceMarkerSize":[2,"point-reference-marker-size"],"largeViewSize":[2,"large-view-size"],"elevationHeight":[2,"elevation-height"],"mobileElevationHeight":[2,"mobile-elevation-height"],"signages":[4],"showTrek":[32],"showTouristicContent":[32],"showTouristicEvent":[32],"showOutdoorSite":[32],"showOutdoorCourse":[32],"showOutdoorSiteMap":[32],"showOutdoorCourseMap":[32],"showHomeMap":[32],"showTrekMap":[32],"showTouristicContentMap":[32],"showTouristicEventMap":[32],"showFilters":[32],"isLargeView":[32],"currentTrekId":[32],"currentTouristicContentId":[32],"currentTouristicEventId":[32],"currentOutdoorSiteId":[32],"currentOutdoorCourseId":[32]},[[8,"trekCardPress","onTrekCardPress"],[8,"parentTrekPress","onParentTrekPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[8,"outdoorSiteCardPress","onOutdoorSiteCardPress"],[8,"outdoorCourseCardPress","onOutdoorCourseCardPress"],[9,"resize","onWindowResize"],[8,"centerOnMap","onCenterOnMap"]],{"isLargeView":["watchPropHandler"]}]]],["p-cceddf58.system",[[4,"grw-toggle-slot-visibility",{"largeViewSize":[2,"large-view-size"],"fontFamily":[1,"font-family"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"slotEndHeight":[1,"slot-end-height"],"isLargeView":[32],"showStartSlot":[32],"showEndSlot":[32]},[[9,"resize","onWindowResize"]]]]],["p-c8b7cf2e.system",[[1,"grw-outdoor-courses-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}]]],["p-85e8ae2d.system",[[1,"grw-extended-fab",{"action":[16],"icon":[16],"name":[16],"display":[1],"fontFamily":[1,"font-family"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"]}]]],["p-2df778e7.system",[[1,"grw-fab",{"action":[16],"icon":[16],"showTitle":[1,"show-title"],"hideTitle":[1,"hide-title"],"fontFamily":[1,"font-family"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"]}]]],["p-7e076c7f.system",[[1,"grw-filter",{"fontFamily":[1,"font-family"],"filterType":[1,"filter-type"],"filterName":[1,"filter-name"],"filterPlaceholder":[1,"filter-placeholder"],"filterNameProperty":[1,"filter-name-property"],"segment":[1]},[[8,"resetFilter","onResetFilter"]]]]],["p-6365e7de.system",[[1,"grw-sensitive-area-detail",{"sensitiveArea":[16]}],[1,"grw-trek-card",{"trek":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"isStep":[4,"is-step"],"grwApp":[4,"grw-app"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"departureCity":[32],"isAvailableOffline":[32],"showDefaultImage":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-382a4720.system",[[1,"grw-poi",{"poi":[16],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayShortDescription":[32],"showPoiDescriptionButton":[32],"displayFullscreen":[32],"offline":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"]]],[1,"grw-touristic-content-card",{"fontFamily":[1,"font-family"],"touristicContent":[16],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayFullscreen":[32],"offline":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-touristic-event-card",{"fontFamily":[1,"font-family"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"touristicEvent":[16],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"displayFullscreen":[32],"offline":[32]},[[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]]]],["p-c61d0c7b.system",[[1,"grw-outdoor-course-card",{"outdoorCourse":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"offline":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[4,"grw-details-modal",{"fontFamily":[1,"font-family"],"colorBackground":[1,"color-background"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"rounded":[4]}],[1,"grw-information-desk",{"informationDesk":[16],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayShortDescription":[32],"showInformationDeskDescriptionButton":[32],"offline":[32],"showDefaultImage":[32]}],[1,"grw-outdoor-site-card",{"outdoorSite":[16],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"isInsideHorizontalList":[4,"is-inside-horizontal-list"],"offline":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseleave","handleMouseLeave"]]],[1,"grw-touristic-content-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"grwApp":[4,"grw-app"],"displayFullscreen":[32],"offline":[32]}],[1,"grw-touristic-content-provider",{"languages":[1],"api":[1],"touristicContentId":[2,"touristic-content-id"],"portals":[1]}],[1,"grw-touristic-event-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"grwApp":[4,"grw-app"],"displayFullscreen":[32],"offline":[32]}],[1,"grw-touristic-event-provider",{"languages":[1],"api":[1],"touristicEventId":[2,"touristic-event-id"],"portals":[1]}]]],["p-641e709b.system",[[1,"grw-outdoor-site-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"weather":[4],"enableOffline":[4,"enable-offline"],"defaultBackgroundLayerUrl":[8,"default-background-layer-url"],"defaultBackgroundLayerAttribution":[8,"default-background-layer-attribution"],"globalTilesMinZoomOffline":[2,"global-tiles-min-zoom-offline"],"globalTilesMaxZoomOffline":[2,"global-tiles-max-zoom-offline"],"tilesMinZoomOffline":[2,"tiles-min-zoom-offline"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"grwApp":[4,"grw-app"],"rounded":[4],"offline":[32],"displayFullscreen":[32],"currentOutdoorSite":[32],"sources":[32],"showTouristicContentDetailsModal":[32],"showTouristicEventDetailsModal":[32],"modalDetailsId":[32]},[[8,"closeDetailsModal","onCloseDetailsModal"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"downloadPress","onDownloadPress"],[8,"deletePress","onDeletePress"]]],[1,"grw-trek-detail",{"emergencyNumber":[2,"emergency-number"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"rounded":[4],"weather":[4],"isLargeView":[4,"is-large-view"],"defaultBackgroundLayerUrl":[8,"default-background-layer-url"],"defaultBackgroundLayerAttribution":[8,"default-background-layer-attribution"],"enableOffline":[4,"enable-offline"],"globalTilesMinZoomOffline":[2,"global-tiles-min-zoom-offline"],"globalTilesMaxZoomOffline":[2,"global-tiles-max-zoom-offline"],"tilesMinZoomOffline":[2,"tiles-min-zoom-offline"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"grwApp":[4,"grw-app"],"currentTrek":[32],"difficulty":[32],"route":[32],"practice":[32],"themes":[32],"labels":[32],"sources":[32],"accessibilities":[32],"accessibilityLevel":[32],"displayFullscreen":[32],"cities":[32],"options":[32],"offline":[32],"showTouristicContentDetailsModal":[32],"showTouristicEventDetailsModal":[32],"modalDetailsId":[32]},[[8,"closeDetailsModal","onCloseDetailsModal"],[8,"touristicEventCardPress","onTouristiceEventCardPress"],[8,"touristicContentCardPress","onTouristicContentCardPress"],[8,"downloadPress","onDownloadPress"],[8,"deletePress","onDeletePress"]]],[1,"grw-outdoor-course-detail",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"colorBackground":[1,"color-background"],"isLargeView":[4,"is-large-view"],"weather":[4],"grwApp":[4,"grw-app"],"displayFullscreen":[32],"currentOutdoorCourse":[32],"offline":[32]}],[1,"grw-filters",{"handleFilters":[16],"fontFamily":[1,"font-family"],"selectedSegment":[32]}],[1,"grw-map",{"maxZoom":[2,"max-zoom"],"nameLayer":[1,"name-layer"],"urlLayer":[1,"url-layer"],"attributionLayer":[1,"attribution-layer"],"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"],"colorBackground":[1,"color-background"],"colorTrekLine":[1,"color-trek-line"],"colorSensitiveArea":[1,"color-sensitive-area"],"colorMarkers":[8,"color-markers"],"colorClusters":[8,"color-clusters"],"colorOutdoorArea":[1,"color-outdoor-area"],"tilesMaxZoomOffline":[2,"tiles-max-zoom-offline"],"grwApp":[4,"grw-app"],"mainMarkerSize":[2,"main-marker-size"],"selectedMainMarkerSize":[2,"selected-main-marker-size"],"mainClusterSize":[2,"main-cluster-size"],"commonMarkerSize":[2,"common-marker-size"],"departureArrivalMarkerSize":[2,"departure-arrival-marker-size"],"pointReferenceMarkerSize":[2,"point-reference-marker-size"],"elevationHeight":[2,"elevation-height"],"mobileElevationHeight":[2,"mobile-elevation-height"],"largeViewSize":[2,"large-view-size"],"elevationDefaultState":[1,"elevation-default-state"],"isLargeView":[4,"is-large-view"],"fabBackgroundColor":[1,"fab-background-color"],"fabColor":[1,"fab-color"],"mapIsReady":[32]},[[8,"centerOnMap","onCenterOnMap"],[8,"stepsIsInViewport","stepsIsInViewport"],[8,"descriptionIsInViewport","descriptionIsInViewport"],[8,"parkingIsInViewport","parkingIsInViewport"],[8,"informationPlacesIsInViewport","onInformationPlacesIsInViewport"],[8,"sensitiveAreaIsInViewport","sensitiveAreaIsInViewport"],[8,"poiIsInViewport","poiIsInViewport"],[8,"touristicContentsIsInViewport","touristicContentsIsInViewport"],[8,"touristicEventsIsInViewport","touristicEventsIsInViewport"],[8,"sitesIsInViewport","sitesIsInViewport"],[8,"coursesIsInViewport","coursesIsInViewport"],[8,"cardTrekMouseOver","onCardTrekMouseOver"],[8,"cardTrekMouseLeave","onCardTrekMouseLeave"],[8,"cardTouristicContentMouseOver","onTouristicContentMouseOver"],[8,"cardTouristicContentMouseLeave","onTouristicContentMouseLeave"],[8,"cardTouristicEventMouseOver","onTouristicEventMouseOver"],[8,"cardTouristicEventMouseLeave","onTouristicEventMouseLeave"],[8,"trekDownloadedSuccessConfirm","onTrekDownloadedSuccessConfirm"],[8,"trekDeleteSuccessConfirm","onTrekDeleteSuccessConfirm"],[8,"cardOutdoorSiteMouseOver","onOutdoorSiteMouseOver"],[8,"cardOutdoorSiteMouseLeave","onOutdoorSiteMouseLeave"],[9,"resize","onWindowResize"]]],[1,"grw-outdoor-sites-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"outdoorSitesToDisplay":[32]}],[1,"grw-touristic-contents-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"touristicContentsToDisplay":[32]}],[1,"grw-touristic-events-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"isLargeView":[4,"is-large-view"],"touristicEventsToDisplay":[32]}],[1,"grw-treks-list",{"fontFamily":[1,"font-family"],"colorPrimaryApp":[1,"color-primary-app"],"colorOnSurface":[1,"color-on-surface"],"colorSecondaryContainer":[1,"color-secondary-container"],"colorOnSecondaryContainer":[1,"color-on-secondary-container"],"colorSurfaceContainerLow":[1,"color-surface-container-low"],"displayOnlyOfflineTreks":[4,"display-only-offline-treks"],"isLargeView":[4,"is-large-view"],"grwApp":[4,"grw-app"],"treksToDisplay":[32]}],[1,"grw-common-button",{"action":[16],"icon":[1],"name":[1],"fontFamily":[1,"font-family"]}],[1,"grw-loader",{"colorPrimaryContainer":[1,"color-primary-container"],"colorOnPrimaryContainer":[1,"color-on-primary-container"]}],[1,"grw-offline-confirm-modal",{"mode":[1],"showOfflineModal":[32],"showConfirmModal":[32],"showLoaderModal":[32],"showSuccessModal":[32],"showErrorModal":[32],"showConfirmDeleteModal":[32],"showDeletingMessage":[32],"showDeleteSuccessMessage":[32]},[[8,"downloadConfirm","onDownloadConfirm"],[8,"downloadedSuccessConfirm","onDownloadedSuccessConfirm"],[8,"downloadedErrorConfirm","downloadedErrorConfirm"],[8,"deleteConfirm","onDeleteConfirm"],[8,"deleteSuccessConfirm","onDeleteSuccessConfirm"],[8,"deleteErrorConfirm","deleteErrorConfirm"]]],[1,"grw-outdoor-course-provider",{"languages":[1],"api":[1],"outdoorCourseId":[2,"outdoor-course-id"],"portals":[1]}],[1,"grw-outdoor-site-provider",{"languages":[1],"api":[1],"outdoorSiteId":[2,"outdoor-site-id"],"portals":[1]}],[1,"grw-outdoor-sites-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"offline":[4]}],[1,"grw-search",{"fontFamily":[1,"font-family"]}],[1,"grw-segmented-segment",{"treks":[4],"touristicContents":[4,"touristic-contents"],"touristicEvents":[4,"touristic-events"],"outdoor":[4],"fontFamily":[1,"font-family"]}],[1,"grw-select-language"],[1,"grw-switch",{"action":[16],"fontFamily":[1,"font-family"],"checked":[4]}],[1,"grw-touristic-contents-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}],[1,"grw-touristic-events-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1]}],[1,"grw-trek-provider",{"languages":[1],"api":[1],"trekId":[2,"trek-id"],"portals":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"routes":[1],"practices":[1],"labels":[1],"signages":[4]}],[1,"grw-treks-provider",{"languages":[1],"api":[1],"inBbox":[1,"in-bbox"],"cities":[1],"districts":[1],"structures":[1],"themes":[1],"portals":[1],"routes":[1],"practices":[1],"labels":[1],"offline":[4]}]]]]'),r)]}}))}))}))}}}));
|
|
2
2
|
//# sourceMappingURL=p-5517eb99.system.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["./p-e0867d29.system.js","./p-3208ccea.system.js","./p-7a333892.system.js"],(function(t){"use strict";var i,e,n,s,o,r;return{setters:[function(t){i=t.r;e=t.h;n=t.H;s=t.g},function(t){o=t.t},function(t){r=t.s}],execute:function(){var a="grw-toggle-slot-visibility{display:block;position:relative;width:100%;overflow:hidden;max-width:100dvw}.grw-map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:fixed;bottom:24px;z-index:4001;pointer-events:none}";var d=a;var c=t("grw_toggle_slot_visibility",function(){function t(t){i(this,t);this.isLargeView=undefined;this.showStartSlot=true;this.showEndSlot=false;this.largeViewSize=1024;this.fontFamily="Roboto";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.slotEndHeight="100vh"}t.prototype.onWindowResize=function(){this.handleView()};t.prototype.handleView=function(){var t=this;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;if(!this.isLargeView){var i=document.createElement("div");i.className="grw-map-visibility-button-container";var e=document.createElement("grw-extended-fab");e.setAttribute("exportparts","map-visibility-button,map-visibility-button-icon,map-visibility-button-label");e.setAttribute("font-family",this.fontFamily);e.action=function(){return t.toggleShowSlot()};e.icon=function(){return t.getMapVisibilityIconButton()};e.name=function(){return t.getMapVisibilityLabelButton()};e.setAttribute("fab-background-color",this.fabBackgroundColor);e.setAttribute("fab-color",this.fabColor);e.setAttribute("display",this.isLargeView?"none":"flex");i.append(e);document.body.append(i);var n=document.querySelector("#grw-slot-end-container");var s=n.cloneNode(true);s.id="grw-slot-end-container-clone";s.style.visibility="hidden";s.style.position="fixed";s.style.top="0px";s.style.left="0px";s.style["z-index"]="0";s.style.height="100vh";s.style["background-color"]="#ffffff";document.body.append(s)}else{var i=document.body.getElementsByClassName("grw-map-visibility-button-container")[0];if(i){i.remove()}var s=document.body.querySelector("#grw-slot-end-container-clone");if(s){s.remove()}}}};t.prototype.toggleShowSlot=function(){var t=this;this.showStartSlot=!this.showStartSlot;this.showEndSlot=!this.showStartSlot;var i=document.querySelector("#grw-slot-end-container-clone");if(i&&this.showEndSlot){i.style.visibility="visible";document.body.style.overflow="hidden";i.style["z-index"]="4000"}else{i.style.visibility="hidden";document.body.style.overflow="visible";i.style["z-index"]="0"}var e=document.getElementsByTagName("grw-extended-fab")[0];e.icon=function(){return t.getMapVisibilityIconButton()};e.name=function(){return t.getMapVisibilityLabelButton()}};t.prototype.componentDidRender=function(){this.handleView()};t.prototype.getMapVisibilityIconButton=function(){var t;t=this.showStartSlot?"map":"summarize";return t};t.prototype.getMapVisibilityLabelButton=function(){var t;t=this.showStartSlot?o[r.language].showMap:o[r.language].showDetails;return t};t.prototype.render=function(){return e(n,{key:"99af131c196db6759876be1787fd07333c0e037a"},e("div",{key:"5b8156a9f8bc84864f91be603ef115c26c1d5884",class:"grw-toggle-slot-visibility-container"},e("div",{key:"3440255510ac35395fa1d889576218ab1995b16f",class:"grw-slot-start-container",style:{height:this.showStartSlot?"100%":"100vh",visibility:this.showStartSlot?"visible":"hidden",zIndex:this.showStartSlot?"1":"0"}},e("slot",{key:"e1b5533ed9b1eade3e72242b4fb2bbf3e1bdb77b",name:"start"}," ")),e("div",{key:"3ac3901b37c1ff3ad143af6d88d8790f9da89585",id:"grw-slot-end-container",style:{width:"100%",height:this.slotEndHeight,visibility:!this.isLargeView?"hidden":"visible",position:!this.isLargeView?"absolute":"relative",top:!this.isLargeView?"0px":"none",left:!this.isLargeView?"0px":"none",zIndex:!this.isLargeView?"0":"1"}},e("slot",{key:"0b9e2b1e5aec2390cd135f08943d05787c75fedf",name:"end"}," "))))};Object.defineProperty(t.prototype,"toggleSlotElement",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());c.style=d}}}));
|
|
2
|
+
//# sourceMappingURL=p-cceddf58.system.entry.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["grwToggleSlotVisibilityCss","GrwToggleSlotVisibilityStyle0","GrwToggleSlotVisibility","exports","class_1","hostRef","this","isLargeView","undefined","showStartSlot","showEndSlot","largeViewSize","fontFamily","fabBackgroundColor","fabColor","slotEndHeight","prototype","onWindowResize","handleView","_this","toggleSlotElement","getBoundingClientRect","width","mapVisibilityButtonContainer","document","createElement","className","mapVisibilityButton","setAttribute","action","toggleShowSlot","icon","getMapVisibilityIconButton","name","getMapVisibilityLabelButton","append","body","slotEnd","querySelector","slotEndClone","cloneNode","id","style","visibility","position","top","left","height","getElementsByClassName","remove","grwSlotEndContainerClone","overflow","grwExtendedFab","getElementsByTagName","componentDidRender","mapIconButton","mapLabelButton","translate","state","language","showMap","showDetails","render","h","Host","key","class","zIndex"],"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"],"mappings":"sPAAA,IAAMA,EAA6B,4UACnC,IAAAC,EAAeD,E,ICQFE,EAAuBC,EAAA,wCALpC,SAAAC,EAAAC,G,UAOWC,KAAAC,YAAcC,UACdF,KAAAG,cAAgB,KAChBH,KAAAI,YAAc,MAEfJ,KAAAK,cAAgB,KAChBL,KAAAM,WAAa,SACbN,KAAAO,mBAAqB,UACrBP,KAAAQ,SAAW,UACXR,KAAAS,cAAgB,O,CAGxBX,EAAAY,UAAAC,eAAA,WACEX,KAAKY,Y,EAGPd,EAAAY,UAAAE,WAAA,eAAAC,EAAAb,KACE,UAAWA,KAAKC,cAAgBC,WAAaF,KAAKC,cAAgBD,KAAKc,kBAAkBC,wBAAwBC,OAAShB,KAAKK,cAAe,CAC5IL,KAAKC,YAAcD,KAAKc,kBAAkBC,wBAAwBC,OAAShB,KAAKK,cAChFL,KAAKG,cAAgB,KACrBH,KAAKI,YAAcJ,KAAKC,YACxB,IAAKD,KAAKC,YAAa,CACrB,IAAMgB,EAA+BC,SAASC,cAAc,OAC5DF,EAA6BG,UAAY,sCACzC,IAAMC,EAAsBH,SAASC,cAAc,oBACnDE,EAAoBC,aAAa,cAAe,gFAChDD,EAAoBC,aAAa,cAAetB,KAAKM,YACrDe,EAAoBE,OAAS,WAAM,OAAAV,EAAKW,gBAAL,EACnCH,EAAoBI,KAAO,WAAM,OAAAZ,EAAKa,4BAAL,EACjCL,EAAoBM,KAAO,WAAM,OAAAd,EAAKe,6BAAL,EACjCP,EAAoBC,aAAa,uBAAwBtB,KAAKO,oBAC9Dc,EAAoBC,aAAa,YAAatB,KAAKQ,UAEnDa,EAAoBC,aAAa,UAAWtB,KAAKC,YAAc,OAAS,QACxEgB,EAA6BY,OAAOR,GACpCH,SAASY,KAAKD,OAAOZ,GAErB,IAAMc,EAAeb,SAASc,cAAc,2BAE5C,IAAMC,EAAeF,EAAQG,UAAU,MACvCD,EAAaE,GAAK,+BAClBF,EAAaG,MAAMC,WAAa,SAChCJ,EAAaG,MAAME,SAAW,QAC9BL,EAAaG,MAAMG,IAAM,MACzBN,EAAaG,MAAMI,KAAO,MAC1BP,EAAaG,MAAM,WAAa,IAChCH,EAAaG,MAAMK,OAAS,QAC5BR,EAAaG,MAAM,oBAAsB,UACzClB,SAASY,KAAKD,OAAOI,E,KAChB,CACL,IAAMhB,EAA+BC,SAASY,KAAKY,uBAAuB,uCAAuC,GACjH,GAAIzB,EAA8B,CAChCA,EAA6B0B,Q,CAE/B,IAAMV,EAAef,SAASY,KAAKE,cAAc,iCACjD,GAAIC,EAAc,CAChBA,EAAaU,Q,KAMrB7C,EAAAY,UAAAc,eAAA,eAAAX,EAAAb,KACEA,KAAKG,eAAiBH,KAAKG,cAC3BH,KAAKI,aAAeJ,KAAKG,cACzB,IAAMyC,EAAgC1B,SAASc,cAAc,iCAC7D,GAAIY,GAA4B5C,KAAKI,YAAa,CAChDwC,EAAyBR,MAAMC,WAAa,UAC5CnB,SAASY,KAAKM,MAAMS,SAAW,SAC/BD,EAAyBR,MAAM,WAAa,M,KACvC,CACLQ,EAAyBR,MAAMC,WAAa,SAC5CnB,SAASY,KAAKM,MAAMS,SAAW,UAC/BD,EAAyBR,MAAM,WAAa,G,CAE9C,IAAMU,EAAsB5B,SAAS6B,qBAAqB,oBAAoB,GAC9ED,EAAerB,KAAO,WAAM,OAAAZ,EAAKa,4BAAL,EAC5BoB,EAAenB,KAAO,WAAM,OAAAd,EAAKe,6BAAL,C,EAG9B9B,EAAAY,UAAAsC,mBAAA,WACEhD,KAAKY,Y,EAGPd,EAAAY,UAAAgB,2BAAA,WACE,IAAIuB,EACJA,EAAgBjD,KAAKG,cAAgB,MAAQ,YAC7C,OAAO8C,C,EAGTnD,EAAAY,UAAAkB,4BAAA,WACE,IAAIsB,EACJA,EAAiBlD,KAAKG,cAAgBgD,EAAUC,EAAMC,UAAUC,QAAUH,EAAUC,EAAMC,UAAUE,YACpG,OAAOL,C,EAGTpD,EAAAY,UAAA8C,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wCACTH,EAAA,OAAAE,IAAA,2CACEC,MAAM,2BACNxB,MAAO,CAAEK,OAAQzC,KAAKG,cAAgB,OAAS,QAASkC,WAAYrC,KAAKG,cAAgB,UAAY,SAAU0D,OAAQ7D,KAAKG,cAAgB,IAAM,MAElJsD,EAAA,QAAAE,IAAA,2CAAMhC,KAAK,SAAO,MAGpB8B,EAAA,OAAAE,IAAA,2CACExB,GAAG,yBACHC,MAAO,CACLpB,MAAO,OACPyB,OAAQzC,KAAKS,cACb4B,YAAarC,KAAKC,YAAc,SAAW,UAC3CqC,UAAWtC,KAAKC,YAAc,WAAa,WAC3CsC,KAAMvC,KAAKC,YAAc,MAAQ,OACjCuC,MAAOxC,KAAKC,YAAc,MAAQ,OAClC4D,QAAS7D,KAAKC,YAAc,IAAM,MAGpCwD,EAAA,QAAAE,IAAA,2CAAMhC,KAAK,OAAK,O,sIAxHQ,I","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
System.register(["./p-e0867d29.system.js","./p-3208ccea.system.js","./p-7a333892.system.js"],(function(t){"use strict";var i,e,n,s,o,r;return{setters:[function(t){i=t.r;e=t.h;n=t.H;s=t.g},function(t){o=t.t},function(t){r=t.s}],execute:function(){var c="grw-toggle-slot-visibility{display:block;position:relative;width:100%;overflow:hidden;max-width:100dvw}.grw-map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:fixed;bottom:24px;z-index:4001;pointer-events:none}";var f=c;var d=t("grw_toggle_slot_visibility",function(){function t(t){i(this,t);this.isLargeView=undefined;this.showStartSlot=true;this.showEndSlot=false;this.largeViewSize=1024;this.fontFamily="Roboto";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.slotEndHeight="100vh"}t.prototype.onWindowResize=function(){this.handleView()};t.prototype.handleView=function(){var t=this;if((r.currentTrek||r.currentOutdoorSite)&&(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;if(!this.isLargeView){var i=document.createElement("div");i.className="grw-map-visibility-button-container";var e=document.createElement("grw-extended-fab");e.setAttribute("exportparts","map-visibility-button,map-visibility-button-icon,map-visibility-button-label");e.setAttribute("font-family",this.fontFamily);e.action=function(){return t.toggleShowSlot()};e.icon=function(){return t.getMapVisibilityIconButton()};e.name=function(){return t.getMapVisibilityLabelButton()};e.setAttribute("fab-background-color",this.fabBackgroundColor);e.setAttribute("fab-color",this.fabColor);e.setAttribute("display",this.isLargeView?"none":"flex");i.append(e);document.body.append(i);var n=document.querySelector("#grw-slot-end-container");var s=n.cloneNode(true);s.id="grw-slot-end-container-clone";s.style.visibility="hidden";s.style.position="fixed";s.style.top="0px";s.style.left="0px";s.style["z-index"]="0";s.style.height="100vh";s.style["background-color"]="#ffffff";document.body.append(s)}else{var i=document.body.getElementsByClassName("grw-map-visibility-button-container")[0];if(i){i.remove()}var s=document.body.querySelector("#grw-slot-end-container-clone");if(s){s.remove()}}}};t.prototype.toggleShowSlot=function(){var t=this;this.showStartSlot=!this.showStartSlot;this.showEndSlot=!this.showStartSlot;var i=document.querySelector("#grw-slot-end-container-clone");if(i&&this.showEndSlot){i.style.visibility="visible";document.body.style.overflow="hidden";i.style["z-index"]="4000"}else{i.style.visibility="hidden";document.body.style.overflow="visible";i.style["z-index"]="0"}var e=document.getElementsByTagName("grw-extended-fab")[0];e.icon=function(){return t.getMapVisibilityIconButton()};e.name=function(){return t.getMapVisibilityLabelButton()}};t.prototype.componentDidRender=function(){this.handleView()};t.prototype.getMapVisibilityIconButton=function(){var t;t=this.showStartSlot?"map":"summarize";return t};t.prototype.getMapVisibilityLabelButton=function(){var t;t=this.showStartSlot?o[r.language].showMap:o[r.language].showDetails;return t};t.prototype.render=function(){return e(n,{key:"b397c5c1be3706b95e6ccfd6964f8cfb43c90a46"},(r.currentTrek||r.currentOutdoorSite)&&e("div",{key:"1076d7f634117434d2ae6946b6189b86bcdb3e4e",class:"grw-toggle-slot-visibility-container"},e("div",{key:"490c0f7d63cf09c2306c577079dd467657146819",class:"grw-slot-start-container",style:{height:this.showStartSlot?"100%":"100vh",visibility:this.showStartSlot?"visible":"hidden",zIndex:this.showStartSlot?"1":"0"}},e("slot",{key:"93941ca300c2e402a3616cdfcd9f208b7ff20ff7",name:"start"}," ")),e("div",{key:"0fd41d86e8921cfe7158e9b9693397ac54d66cea",id:"grw-slot-end-container",style:{width:"100%",height:this.slotEndHeight,visibility:!this.isLargeView?"hidden":"visible",position:!this.isLargeView?"absolute":"relative",top:!this.isLargeView?"0px":"none",left:!this.isLargeView?"0px":"none",zIndex:!this.isLargeView?"0":"1"}},e("slot",{key:"780d518ff444454f06eab96e017f310ff719f4f1",name:"end"}," "))))};Object.defineProperty(t.prototype,"toggleSlotElement",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());d.style=f}}}));
|
|
2
|
-
//# sourceMappingURL=p-25b77183.system.entry.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["grwToggleSlotVisibilityCss","GrwToggleSlotVisibilityStyle0","GrwToggleSlotVisibility","exports","class_1","hostRef","this","isLargeView","undefined","showStartSlot","showEndSlot","largeViewSize","fontFamily","fabBackgroundColor","fabColor","slotEndHeight","prototype","onWindowResize","handleView","_this","state","currentTrek","currentOutdoorSite","toggleSlotElement","getBoundingClientRect","width","mapVisibilityButtonContainer","document","createElement","className","mapVisibilityButton","setAttribute","action","toggleShowSlot","icon","getMapVisibilityIconButton","name","getMapVisibilityLabelButton","append","body","slotEnd","querySelector","slotEndClone","cloneNode","id","style","visibility","position","top","left","height","getElementsByClassName","remove","grwSlotEndContainerClone","overflow","grwExtendedFab","getElementsByTagName","componentDidRender","mapIconButton","mapLabelButton","translate","language","showMap","showDetails","render","h","Host","key","class","zIndex"],"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"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,g as s}from"./p-421e9ebe.js";import{t as n}from"./p-1f5afac7.js";import{s as o}from"./p-85aa6ae4.js";const d="grw-toggle-slot-visibility{display:block;position:relative;width:100%;overflow:hidden;max-width:100dvw}.grw-map-visibility-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;position:fixed;bottom:24px;z-index:4001;pointer-events:none}";const l=d;const c=class{constructor(i){t(this,i);this.isLargeView=undefined;this.showStartSlot=true;this.showEndSlot=false;this.largeViewSize=1024;this.fontFamily="Roboto";this.fabBackgroundColor="#eaddff";this.fabColor="#21005d";this.slotEndHeight="100vh"}onWindowResize(){this.handleView()}handleView(){if((o.currentTrek||o.currentOutdoorSite)&&(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;if(!this.isLargeView){const t=document.createElement("div");t.className="grw-map-visibility-button-container";const i=document.createElement("grw-extended-fab");i.setAttribute("exportparts","map-visibility-button,map-visibility-button-icon,map-visibility-button-label");i.setAttribute("font-family",this.fontFamily);i.action=()=>this.toggleShowSlot();i.icon=()=>this.getMapVisibilityIconButton();i.name=()=>this.getMapVisibilityLabelButton();i.setAttribute("fab-background-color",this.fabBackgroundColor);i.setAttribute("fab-color",this.fabColor);i.setAttribute("display",this.isLargeView?"none":"flex");t.append(i);document.body.append(t);const e=document.querySelector("#grw-slot-end-container");const s=e.cloneNode(true);s.id="grw-slot-end-container-clone";s.style.visibility="hidden";s.style.position="fixed";s.style.top="0px";s.style.left="0px";s.style["z-index"]="0";s.style.height="100vh";s.style["background-color"]="#ffffff";document.body.append(s)}else{const t=document.body.getElementsByClassName("grw-map-visibility-button-container")[0];if(t){t.remove()}const i=document.body.querySelector("#grw-slot-end-container-clone");if(i){i.remove()}}}}toggleShowSlot(){this.showStartSlot=!this.showStartSlot;this.showEndSlot=!this.showStartSlot;const t=document.querySelector("#grw-slot-end-container-clone");if(t&&this.showEndSlot){t.style.visibility="visible";document.body.style.overflow=`hidden`;t.style["z-index"]="4000"}else{t.style.visibility="hidden";document.body.style.overflow=`visible`;t.style["z-index"]="0"}const i=document.getElementsByTagName("grw-extended-fab")[0];i.icon=()=>this.getMapVisibilityIconButton();i.name=()=>this.getMapVisibilityLabelButton()}componentDidRender(){this.handleView()}getMapVisibilityIconButton(){let t;t=this.showStartSlot?"map":"summarize";return t}getMapVisibilityLabelButton(){let t;t=this.showStartSlot?n[o.language].showMap:n[o.language].showDetails;return t}render(){return i(e,{key:"b397c5c1be3706b95e6ccfd6964f8cfb43c90a46"},(o.currentTrek||o.currentOutdoorSite)&&i("div",{key:"1076d7f634117434d2ae6946b6189b86bcdb3e4e",class:"grw-toggle-slot-visibility-container"},i("div",{key:"490c0f7d63cf09c2306c577079dd467657146819",class:"grw-slot-start-container",style:{height:this.showStartSlot?"100%":"100vh",visibility:this.showStartSlot?"visible":"hidden",zIndex:this.showStartSlot?"1":"0"}},i("slot",{key:"93941ca300c2e402a3616cdfcd9f208b7ff20ff7",name:"start"}," ")),i("div",{key:"0fd41d86e8921cfe7158e9b9693397ac54d66cea",id:"grw-slot-end-container",style:{width:"100%",height:this.slotEndHeight,visibility:!this.isLargeView?"hidden":"visible",position:!this.isLargeView?"absolute":"relative",top:!this.isLargeView?"0px":"none",left:!this.isLargeView?"0px":"none",zIndex:!this.isLargeView?"0":"1"}},i("slot",{key:"780d518ff444454f06eab96e017f310ff719f4f1",name:"end"}," "))))}get toggleSlotElement(){return s(this)}};c.style=l;export{c as grw_toggle_slot_visibility};
|
|
2
|
-
//# sourceMappingURL=p-521a05b1.entry.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["grwToggleSlotVisibilityCss","GrwToggleSlotVisibilityStyle0","GrwToggleSlotVisibility","constructor","hostRef","this","isLargeView","undefined","showStartSlot","showEndSlot","largeViewSize","fontFamily","fabBackgroundColor","fabColor","slotEndHeight","onWindowResize","handleView","state","currentTrek","currentOutdoorSite","toggleSlotElement","getBoundingClientRect","width","mapVisibilityButtonContainer","document","createElement","className","mapVisibilityButton","setAttribute","action","toggleShowSlot","icon","getMapVisibilityIconButton","name","getMapVisibilityLabelButton","append","body","slotEnd","querySelector","slotEndClone","cloneNode","id","style","visibility","position","top","left","height","getElementsByClassName","remove","grwSlotEndContainerClone","overflow","grwExtendedFab","getElementsByTagName","componentDidRender","mapIconButton","mapLabelButton","translate","language","showMap","showDetails","render","h","Host","key","class","zIndex"],"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"],"mappings":"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","ignoreList":[]}
|