qwc2 2025.3.31

package/components/map3d/style/BottomBar3D.css

@@ -0,0 +1,67 @@
+div.map3d-bottombar {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 3em;
+    z-index: 100;
+    color: var(--panel-text-color);
+    background-color: var(--panel-bg-color);
+    box-shadow: 0 -2px 4px rgba(136, 136, 136, 0.5);
+    backdrop-filter: blur(3px);
+    font-size: 75%;
+    display: flex;
+    align-items: center;
+}
+
+div.map3d-bottombar-progress {
+    margin: 0.25em;
+    position: relative;
+    flex: 0 0 10em;
+    height: 2em;
+    border: 1px solid var(--border-color);
+    background-color: var(--border-color);
+}
+
+div.map3d-bottombar-spacer {
+    flex: 1 1 auto;
+}
+
+div.map3d-bottombar-progressbar {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    top: 0;
+    background-color: var(--color-active);
+}
+
+div.map3d-bottombar-progress-label {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    line-height: 2em;
+    text-align: center;
+    color: white;
+}
+
+div.map3d-bottombar-position {
+    margin-left: 0.5em;
+    border: 1px solid var(--border-color);
+    padding: 0.25em;
+    background-color: var(--input-bg-color);
+    flex: 0 0 15em;
+    text-align: center;
+    height: 2em;
+    cursor: text;
+}
+
+div.map3d-bottombar-projection {
+    border-color: var(--border-color);
+    border-style: solid;
+    border-width: 1px 1px 1px 0;
+    background-color: var(--input-bg-color);
+    padding: 0.25em 0.5em;
+    height: 2em;
+}

package/components/map3d/style/Compare3D.css

@@ -0,0 +1,57 @@
+#Compare3D div.compare3d-title {
+    display: flex;
+    align-items: center;
+    padding: 0 0.125em;
+}
+
+#Compare3D div.compare3d-title > span.icon {
+    margin-right: 0.5em;
+}
+
+#Compare3D div.compare3d-objects {
+    display: flex;
+    background-color: var(--list-bg-color);
+    margin: 0.25em;
+}
+
+#Compare3D div.compare3d-section {
+    flex: 1 1 auto;
+    border: 1px solid var(--border-color);
+}
+
+#Compare3D div.compare3d-section:first-child {
+    border-right: 1px solid var(--border-color);
+}
+
+#Compare3D div.compare3d-section:last-child {
+    border-left: 1px solid var(--border-color);
+}
+
+#Compare3D div.compare3d-item {
+    display: flex;
+    align-items: center;
+    padding: 0.25em;
+}
+
+#Compare3D div.compare3d-item-toggleall {
+    border-bottom: 1px solid var(--border-color);
+}
+
+#Compare3D span.compare3d-item-checkbox {
+    margin-right: 0.5em;
+    flex: 0 0 auto;
+}
+
+#Compare3D div.compare3d-title {
+    font-weight: bold;
+    margin: 0.25em;
+}
+
+#Compare3D table.compare3d-planeconfig {
+    width: 100%;
+    margin-bottom: 0.25em;
+}
+
+#Compare3D table.compare3d-planeconfig td {
+    padding: 0 0.25em 0 0.5em;
+}

package/components/map3d/style/Draw3D.css

@@ -0,0 +1,7 @@
+div.draw3d-numeric-input-body {
+    font-size: 90%;
+}
+
+div.draw3d-numeric-input-body > table {
+    width: 100%;
+}

package/components/map3d/style/HideObjects3D.css

@@ -0,0 +1,29 @@
+#HideObjects3D div.hideobjects3d-body {
+    padding: 0.25em;
+}
+
+#HideObjects3D div.hideobjects3d-list {
+    border: 1px solid var(--border-color);
+    background-color: var(--list-bg-color);
+}
+
+#HideObjects3D div.hideobjects3d-list > div {
+    padding: 0.25em;
+    display: flex;
+}
+
+#HideObjects3D div.hideobjects3d-list > div:hover {
+    background-color: var(--list-item-bg-color-hover);
+}
+
+#HideObjects3D div.hideobjects3d-list > div > span:first-child {
+    flex: 1 1 auto;
+}
+
+#HideObjects3D div.hideobjects3d-restorebutton {
+    margin-top:-1px;
+}
+
+#HideObjects3D div.hideobjects3d-restorebutton > button {
+    width: 100%;
+}

package/components/map3d/style/LayerTree3D.css

@@ -0,0 +1,126 @@
+#LayerTree3D div.layertree3d-section {
+    padding: 0.25em 0 0 0.25em;
+}
+
+#LayerTree3D div.layertree3d-item-container {
+    padding: 0.25em 0.25em 0.25em 0.5em;
+}
+
+#LayerTree3D div.layertree3d-item {
+    display: flex;
+    align-items: center;
+    height: 1.75em;
+    margin-left: 0.25em;
+}
+
+#LayerTree3D span.layertree3d-item-checkbox {
+    margin-right: 0.5em;
+    flex: 0 0 auto;
+}
+
+#LayerTree3D div.layertree3d-item-disabled > span.layertree3d-item-title {
+    color: var(--text-color-disabled);
+}
+
+#LayerTree3D span.layertree3d-item-title {
+    flex: 1 1 auto;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+#LayerTree3D span.layertree3d-item-transparency {
+    flex: 0 0 5em;
+    margin: 0 0.5em;
+}
+
+#LayerTree3D input.layertree3d-item-transparency-slider {
+    width: 100%;
+}
+
+#LayerTree3D div.layertree3d-section {
+    font-weight: bold;
+    margin-left: 0.25em;
+}
+
+#LayerTree3D span.layertree3d-item-remove {
+    text-align: center;
+    width: 1.75em;
+    flex: 0 0 auto;
+}
+
+#LayerTree3D span.layertree3d-item-remove:not(.icon_disabled):hover {
+    color: red;
+}
+
+#LayerTree3D span.layertree3d-item-menubutton {
+    text-align: center;
+    width: 1.75em;
+    flex: 0 0 auto;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+#LayerTree3D span.layertree3d-item-menubutton-active {
+    background-color: var(--color-active);
+    color: white;
+}
+
+#LayerTree3D div.layertree3d-item-optionsmenu {
+    border: 1px solid var(--border-color);
+    background-color: var(--input-bg-color);
+}
+
+#LayerTree3D div.layertree3d-item-optionsmenu-row {
+    padding: 0.25em;
+    display: flex;
+    align-items: center;
+}
+
+#LayerTree3D div.layertree3d-item-optionsmenu-row > span.icon {
+    flex: 0 0 auto;
+    width: 1.25em;
+    margin-right: 0.25em;
+}
+
+#LayerTree3D input.layertree3d-item-transparency-slider {
+    flex: 1 1 auto;
+    font-size: small;
+    min-width: 0;
+    max-width: none;
+    width: 1000em; /* exagerated value */
+    margin: 0 0.25em;
+    height: 1.25em;
+}
+
+#LayerTree3D div.layertree3d-item-optionsmenu-row > div.number-input {
+    flex: 1 1 auto;
+    margin-left: 0.25em;
+}
+
+#LayerTree3D div.layertree3d-option {
+    flex: 0 0 auto;
+    height: 2.25em;
+    padding: 0.25em 0.5em 0.25em 0.5em;
+    border-top: 1px solid var(--border-color);
+    display: flex;
+    align-items: center;
+}
+
+#LayerTree3D div.layertree3d-option > span.icon {
+    margin-right: 0.5em;
+}
+
+#LayerTree3D div.layertree3d-option > span {
+    cursor: pointer;
+}
+
+#LayerTree3D div.layertree3d-import-widget > div {
+    padding: 0 0.5em 0.5em 0.5em;
+}
+
+#LayerTree3D div.layertree3d-import-widget > div > * {
+    width: 100%;
+}

package/components/map3d/style/Map3D.css

@@ -0,0 +1,42 @@
+div.map3d-body {
+    margin: -0.25em;
+    height: calc(100% + 0.5em);
+    position: relative;
+}
+
+div.map3d-titlebar {
+    flex: 0 0 3.25em;
+    display: flex;
+    align-items: center;
+}
+
+div.map3d-titlebar > span:first-child {
+    flex: 1 1 auto;
+    padding: 0 0.5em;
+    font-weight: bold;
+    font-size: 150%;
+}
+
+div.map3d-titlebar > span.icon-remove {
+    font-size: 150%;
+    margin: 0 0.5em;
+}
+
+div.map3d-map {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+}
+
+div.map3d-inspector {
+    position: absolute;
+    z-index: 1000;
+    left: 0;
+    top: var(--topbar-height);
+}
+
+div.map3d-inspector input {
+    color: black!important;
+}

package/components/map3d/style/Map3DLight.css

@@ -0,0 +1,72 @@
+#MapLight3D div.maplight3d-body {
+    padding: 0.25em;
+}
+
+#MapLight3D div.maplight3d-body > table {
+    width: 100%;
+}
+
+#MapLight3D div.maplight3d-body > table td > input {
+    width: 100%;
+}
+
+#MapLight3D td.maplight3d-advanced {
+    height: 2em;
+}
+
+div.map3d-animation-slider {
+    display: flex;
+}
+
+div.map3d-animation-slider > span.icon {
+    flex: 0 0 auto;
+    padding: 0.5em;
+}
+
+div.map3d-animation-slider > div.maplight3d-slider {
+    padding: 0 0.25em;
+}
+
+div.map3d-animation-slider > span.map3d-animation-settings-active {
+    background-color: var(--color-active);
+    color: white;
+}
+
+div.maplight3d-animation-settings {
+    margin-top: -2px;
+    padding-left: 0.25em;
+    display: flex;
+    align-items: center;
+    border: 1px solid var(--border-color);
+    background-color: var(--input-bg-color);
+}
+
+div.maplight3d-animation-settings > div.number-input {
+    flex: 1 1 auto;
+    border: none;
+}
+
+div.maplight3d-slider {
+    display: flex;
+    flex-direction: column;
+    padding: 0 1em;
+}
+
+div.maplight3d-slider > input {
+    margin-top: -0.5em;
+    margin-bottom: 0.5em;
+    width: 100%;
+    outline: none;
+}
+
+div.maplight3d-slider-label {
+    position: relative;
+    pointer-events: none;
+}
+
+div.maplight3d-slider-label > span {
+    position: absolute;
+    bottom: 0;
+    font-size: small;
+    transform: translateX(-50%);
+}

package/components/map3d/style/MapControls3D.css

@@ -0,0 +1,56 @@
+div.map3d-nav-pan,
+div.map3d-nav-rotate {
+    position: absolute;
+    right: 1em;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    width: 4em;
+    height: 4em;
+    border-radius: 2em;
+    color: var(--map-button-text-color);
+    background-color: var(--map-button-bg-color);
+    box-shadow: 0px 5px 10px rgba(136, 136, 136, 0.5);
+}
+
+div.map3d-nav-pan > span,
+div.map3d-nav-rotate > span {
+    flex: 0 0 1.25em;
+}
+
+div.map3d-nav-pan {
+    top: 5.5em;
+}
+
+div.map3d-nav-pan > span.icon-home {
+    font-size: 120%;
+}
+
+div.map3d-nav-rotate {
+    top: 10.5em;
+}
+
+div.map3d-firstperson-button {
+    position: absolute;
+    width: 2em;
+    height: 2em;
+    right: 2em;
+    top: 15.5em;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--map-button-text-color);
+    background-color: var(--map-button-bg-color);
+    box-shadow: 0px 5px 10px rgba(136, 136, 136, 0.5);
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.5s, color 0.5s;
+}
+
+div.map3d-firstperson-button-active {
+    background-color: var(--map-button-text-color);
+    color: var(--map-button-bg-color);
+}

package/components/map3d/style/MapExport3D.css

@@ -0,0 +1,25 @@
+div.mapexport3d-event-container {
+    z-index: 2;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+}
+
+div.mapexport3d-frame {
+    position: absolute;
+    box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 30000px;
+    white-space: nowrap;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: small;
+    overflow: hidden;
+    user-select: none;
+}
+
+span.mapexport3d-frame-label {
+    padding: 0.25em;
+    background: rgba(255, 255, 255, 0.5);
+}

package/components/map3d/style/OverviewMap3D.css

@@ -0,0 +1,37 @@
+div.overview-map-3d {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    z-index: 101;
+}
+
+div.overview-map-3d > button {
+    font-size: initial!important;
+    right: 0.25em;
+    bottom: 0.25em;
+    width: 1.375em;
+    height: 1.375em;
+    position: absolute;
+    color: var(--map-button-text-color)!important;
+    background-color: var(--map-button-bg-color)!important;
+    border: 0!important;
+    outline: 0;
+    z-index: 101;
+    border-radius: 2px;
+    font-weight: bold;
+}
+
+div.overview-map-3d > div.ol-overviewmap-map-3d {
+    position: absolute;
+    right: 1px;
+    bottom: 1px;
+    width: 200px;
+    height: 200px;
+    background-color: white;
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
+    border: 1px solid var(--border-color);
+}
+
+div.overview-map-3d.ol-collapsed > div.ol-overviewmap-map-3d {
+    display: none;
+}

package/components/map3d/style/SearchField3D.css

@@ -0,0 +1,7 @@
+span.map3d-search-pin-label {
+    -webkit-text-stroke: 0.8px black;
+    text-stroke: 0.8px black;
+    color: white;
+    font-weight: bold;
+    font-size: 16px;
+}

package/components/map3d/style/View3DSwitcher.css

@@ -0,0 +1,27 @@
+div.View3DSwitcher {
+    position: absolute;
+    height: 3em;
+    width: 3em;
+}
+
+div.View3DSwitcher > button {
+    bottom: 0;
+    right: 0;
+    transition: right 0.25s;
+}
+
+div.View3DSwitcher.view3d-switcher-expanded {
+    width: 11em;
+}
+
+div.View3DSwitcher > button:nth-child(1) {
+    z-index: 4;
+}
+
+div.View3DSwitcher.view3d-switcher-expanded > button:nth-child(2) {
+    right: 4em;
+}
+
+div.View3DSwitcher.view3d-switcher-expanded > button:nth-child(3) {
+    right: 8em;
+}

package/components/map3d/utils/Tiles3DStyle.js

@@ -0,0 +1 @@
+function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}import{Float32BufferAttribute}from"three";var COLORS=[0,16711680,65280,255,16776960,16711935,65535,16777215,5592405,13421772];var Tiles3DStyle={getBatchColor:function getBatchColor(group,batchId){var _group$batchTable$get;var colorAttr=group.userData.batchColorAttr;if(!colorAttr){return 16777215}return(_group$batchTable$get=group.batchTable.getDataFromId(batchId)[colorAttr])!==null&&_group$batchTable$get!==void 0?_group$batchTable$get:COLORS[batchId%COLORS.length]},applyDeclarativeStyle:function applyDeclarativeStyle(group,tilesetConfig){group.userData.batchColorAttr=tilesetConfig.colorAttr;var batchColorCache={};var batchColor=function batchColor(batchId){if(!batchColorCache[batchId]){var color=Tiles3DStyle.getBatchColor(group,batchId);var r=(color>>16&255)/255;var g=(color>>8&255)/255;var b=(color&255)/255;batchColorCache[batchId]=[r,g,b]}return batchColorCache[batchId]};group.traverse(function(c){if(c.geometry){if(tilesetConfig.colorAttr){var batchidAttr=c.geometry.getAttribute("_batchid");var colors=[];batchidAttr.array.forEach(function(batchId){colors.push.apply(colors,_toConsumableArray(batchColor(batchId)))});c.geometry.setAttribute("color",new Float32BufferAttribute(colors,3));c.material.vertexColors=true}}})}};export default Tiles3DStyle;

package/components/share/ShareLink.js

@@ -0,0 +1,7 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e))}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+""}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}/**
+ * Copyright 2017-2024 Sourcepole AG
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree.
+ */import React from"react";import PropTypes from"prop-types";import LocaleUtils from"../../utils/LocaleUtils";import CopyButton from"../widgets/CopyButton";import"./style/ShareLink.css";var ShareLink=/*#__PURE__*/function(_React$Component){function ShareLink(){_classCallCheck(this,ShareLink);return _callSuper(this,ShareLink,arguments)}_inherits(ShareLink,_React$Component);return _createClass(ShareLink,[{key:"render",value:function render(){return/*#__PURE__*/React.createElement("div",{className:"share-link"},/*#__PURE__*/React.createElement("h4",null,LocaleUtils.tr("share.directLinkTitle")),/*#__PURE__*/React.createElement("div",{className:"controlgroup share-link-frame"},/*#__PURE__*/React.createElement("input",{onFocus:function onFocus(ev){return ev.target.select()},readOnly:true,type:"text",value:this.props.shareUrl}),/*#__PURE__*/React.createElement(CopyButton,{buttonClass:"share-link-button",text:this.props.shareUrl,tooltipAlign:"right"})))}}])}(React.Component);_defineProperty(ShareLink,"propTypes",{shareUrl:PropTypes.string});export{ShareLink as default};

package/components/share/ShareQRCode.js

@@ -0,0 +1,8 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e))}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+""}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}/**
+ * Copyright 2016 GeoSolutions Sas
+ * Copyright 2016-2024 Sourcepole AG
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree.
+ */import React from"react";import PropTypes from"prop-types";import{QRCodeCanvas}from"qrcode.react";import LocaleUtils from"../../utils/LocaleUtils";import CopyButton from"../widgets/CopyButton";var ShareQRCode=/*#__PURE__*/function(_React$Component){function ShareQRCode(){var _this;_classCallCheck(this,ShareQRCode);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,ShareQRCode,[].concat(args));_defineProperty(_this,"getClipboardData",function(callback){document.getElementById("qwc2-share-qr-canvas").toBlob(function(blob){return callback({"image/png":blob})})});return _this}_inherits(ShareQRCode,_React$Component);return _createClass(ShareQRCode,[{key:"render",value:function render(){var _navigator$clipboard;var canCopy=((_navigator$clipboard=navigator.clipboard)===null||_navigator$clipboard===void 0?void 0:_navigator$clipboard.write)!==undefined;return/*#__PURE__*/React.createElement("div",{className:"qr-code"},/*#__PURE__*/React.createElement("h4",null,LocaleUtils.tr("share.QRCodeLinkTitle")),canCopy?/*#__PURE__*/React.createElement(CopyButton,{buttonClass:"qr-code-copy-button",getClipboardData:this.getClipboardData}):null,/*#__PURE__*/React.createElement("br",null),/*#__PURE__*/React.createElement(QRCodeCanvas,{id:"qwc2-share-qr-canvas",size:128,value:this.props.shareUrl}))}}])}(React.Component);_defineProperty(ShareQRCode,"propTypes",{shareUrl:PropTypes.string});export{ShareQRCode as default};

package/components/share/ShareSocials.js

@@ -0,0 +1,9 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e))}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+""}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}/**
+ * Copyright 2016 GeoSolutions Sas
+ * Copyright 2016-2024 Sourcepole AG
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree.
+*/import React from"react";import{FacebookShareButton,LinkedinShareButton,TwitterShareButton,WhatsappShareButton,EmailShareButton,FacebookShareCount,FacebookIcon,TwitterIcon,LinkedinIcon,WhatsappIcon,EmailIcon}from"react-share";import PropTypes from"prop-types";import LocaleUtils from"../../utils/LocaleUtils";import"./style/ShareSocials.css";var ShareSocials=/*#__PURE__*/function(_React$Component){function ShareSocials(){_classCallCheck(this,ShareSocials);return _callSuper(this,ShareSocials,arguments)}_inherits(ShareSocials,_React$Component);return _createClass(ShareSocials,[{key:"render",value:function render(){var countProps={};if(this.props.getCount){countProps.getCount=this.props.getCount}var title=this.props.shareTitle;var url=this.props.shareUrl;var socialTypes={email:/*#__PURE__*/React.createElement("div",{className:"social-box",key:"email"},/*#__PURE__*/React.createElement(EmailShareButton,{subject:title,url:url},/*#__PURE__*/React.createElement(EmailIcon,{round:true,size:32})),/*#__PURE__*/React.createElement("div",null,"\xA0")),facebook:/*#__PURE__*/React.createElement("div",{className:"social-box",key:"facebook"},/*#__PURE__*/React.createElement(FacebookShareButton,{quote:title,url:url},/*#__PURE__*/React.createElement(FacebookIcon,{round:true,size:32})),/*#__PURE__*/React.createElement(FacebookShareCount,_extends({url:url},countProps),function(count){return count})),twitter:/*#__PURE__*/React.createElement("div",{className:"social-box",key:"twitter"},/*#__PURE__*/React.createElement(TwitterShareButton,{title:title,url:url},/*#__PURE__*/React.createElement(TwitterIcon,{round:true,size:32})),/*#__PURE__*/React.createElement("div",null,"\xA0")),linkedin:/*#__PURE__*/React.createElement("div",{className:"social-box",key:"linkedin"},/*#__PURE__*/React.createElement(LinkedinShareButton,{title:title,url:url},/*#__PURE__*/React.createElement(LinkedinIcon,{round:true,size:32})),/*#__PURE__*/React.createElement("div",null,"\xA0")),whatsapp:/*#__PURE__*/React.createElement("div",{className:"social-box",key:"whatsapp"},/*#__PURE__*/React.createElement(WhatsappShareButton,{title:title,url:url},/*#__PURE__*/React.createElement(WhatsappIcon,{round:true,size:32})),/*#__PURE__*/React.createElement("div",null,"\xA0"))};var socialBoxes=[];if(this.props.showSocials===true){socialBoxes=Object.values(socialTypes)}else{this.props.showSocials.map(function(name){if(name in socialTypes){socialBoxes.push(socialTypes[name])}else{// eslint-disable-next-line
+console.warn("`%s` is not a valid social network",name)}})}return/*#__PURE__*/React.createElement("div",{className:"social-links"},/*#__PURE__*/React.createElement("h4",null,LocaleUtils.tr("share.socialIntro")),/*#__PURE__*/React.createElement("div",{className:"social-boxes"},socialBoxes))}}])}(React.Component);_defineProperty(ShareSocials,"propTypes",{getCount:PropTypes.func,shareTitle:PropTypes.string,shareUrl:PropTypes.string,showSocials:PropTypes.oneOfType([PropTypes.bool,PropTypes.array])});_defineProperty(ShareSocials,"defaultProps",{shareTitle:"GeoSolutions"});export{ShareSocials as default};

package/components/share/style/ShareLink.css

@@ -0,0 +1,13 @@
+div.share-link-frame {
+    display: flex;
+}
+
+div.share-link-frame > input {
+    flex: 1 1 auto;
+}
+
+span.share-link-button {
+    flex: 0 0 auto;
+    height: 2.5em;
+    width: 2.5em;
+}

package/components/share/style/ShareSocials.css

@@ -0,0 +1,9 @@
+.social-links .social-boxes {
+    display: flex;
+    align-items: flex-start;
+}
+
+.social-links .social-boxes .social-box {
+    text-align: center;
+    margin-right: 15px;
+}