itowns 2.37.0 → 2.38.2

package/lib/Utils/gui/Searchbar.js

@@ -0,0 +1,299 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _classPrivateFieldGet2 = _interopRequireDefault(require("@babel/runtime/helpers/classPrivateFieldGet"));
+
+var _classPrivateFieldSet2 = _interopRequireDefault(require("@babel/runtime/helpers/classPrivateFieldSet"));
+
+var _Fetcher = _interopRequireDefault(require("../../Provider/Fetcher"));
+
+var _Widget2 = _interopRequireDefault(require("./Widget"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function () { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+
+var DEFAULT_OPTIONS = {
+  width: 300,
+  height: 38,
+  position: 'top',
+  maxSuggestionNumber: 10,
+  fontSize: 16,
+  placeholder: 'Search location'
+};
+
+function addActive(htmlElements, index) {
+  var _htmlElements$index;
+
+  if (!htmlElements) {
+    return index;
+  }
+
+  removeAllActives(htmlElements);
+
+  if (index >= htmlElements.length) {
+    index = 0;
+  } else if (index < 0) {
+    index = htmlElements.length - 1;
+  }
+
+  (_htmlElements$index = htmlElements[index]) === null || _htmlElements$index === void 0 ? void 0 : _htmlElements$index.classList.add('active');
+  return index;
+}
+
+function removeAllActives(htmlElements) {
+  for (var i = 0; i < htmlElements.length; i++) {
+    htmlElements[i].classList.remove('active');
+  }
+}
+
+function eraseSuggestionList(form) {
+  while (form.children.length > 1) {
+    form.removeChild(form.lastChild);
+  }
+}
+/**
+ * A widget for searchbar
+ *
+ * To use it, you need to link the widgets' stylesheet to your html webpage. This stylesheet is included in
+ * [itowns bundles](https://github.com/iTowns/itowns/releases) if you downloaded them, or it can be found in
+ * `node_modules/itowns/examples/css` if you installed iTowns with npm. Otherwise, it can be found at
+ * [this link](https://raw.githubusercontent.com/iTowns/itowns/master/examples/css/widgets.css). See
+ * [this example](http://www.itowns-project.org/itowns/examples/#widgets_searchbar) for more details.
+ *
+ * @extends Widget
+ *
+ * @property    {HTMLElement}   domElement      An html div containing the searchbar.
+ * @property    {HTMLElement}   parentElement   The parent HTML container of `this.domElement`.
+ */
+
+
+var _onSelected = /*#__PURE__*/new WeakMap();
+
+var Searchbar = /*#__PURE__*/function (_Widget) {
+  (0, _inherits2["default"])(Searchbar, _Widget);
+
+  var _super = _createSuper(Searchbar);
+
+  /**
+   * @param   {View}          view                                    The iTowns view the searchbar should be linked
+                                                                      * to.
+   *
+   * @param   {Object}        geocodingOptions                        Configuration for geocoding.
+   * @param   {URL}           geocodingOptions.url                    The URL of a geocoding service that should be
+                                                                      * used to build suggestions.
+   * @param   {function}      geocodingOptions.parser                 A method to parse fetched results from geocoding
+                                                                      * url into a Map object. For each entry of this
+                                                                      * Map, the key must be a string that will be
+                                                                      * displayed as the html content of each
+                                                                      * suggestion bellow the searchbar. The value
+                                                                      * associated to the key is whatever the user
+                                                                      * wants. The value is the parameter that is
+                                                                      * passed to the `onSelected` method (specified
+                                                                      * in another `geocodingOptions` parameter).
+   * @param   {function}      [geocodingOptions.onSelected]           A method which describes what should be done
+                                                                      * when user selects a location (by clicking or
+                                                                      * hitting enter on a suggestion). The only
+                                                                      * parameter of this method is the value mapped
+                                                                      * with `geocodingOptions.parser` method.
+   *
+   * @param   {Object}        [options]                               The searchbar optional configuration.
+   * @param   {HTMLElement}   [options.parentElement=view.domElement] The parent HTML container of the div which
+                                                                      * contains searchbar widgets.
+   * @param   {number}        [options.size]                          The size of the searchbar. It is a number that
+                                                                      * describes both width and height in pixels of
+                                                                      * the searchbar.
+   * @param   {number}        [options.width=300]                     The width in pixels of the searchbar.
+   * @param   {number}        [options.height=38]                     The height in pixels of the searchbar.
+   * @param   {string}        [options.position='top']                Defines which position within the
+                                                                      * `parentElement` the searchbar should be
+                                                                      * displayed to. Possible values are `top`,
+                                                                      * `bottom`, `left`, `right`, `top-left`,
+                                                                      * `top-right`, `bottom-left` and `bottom-right`.
+                                                                      * If the input value does not match one of
+                                                                      * these, it will be defaulted to `top`.
+   * @param   {Object}        [options.translate]                     An optional translation of the searchbar.
+   * @param   {number}        [options.translate.x=0]                 The searchbar translation along the page x-axis.
+   * @param   {number}        [options.translate.y=0]                 The searchbar translation along the page y-axis.
+   * @param   {number}        [options.fontSize=16]                   The font size in pixel of the searchbar content.
+   * @param   {number}        [options.maxSuggestionNumber=10]        The maximum number of suggestions that should
+                                                                      * appear under the searchbar.
+   * @param   {string}        [options.placeholder='Search location'] The placeholder that appears in the searchbar
+                                                                      * when nothing has yet been typed.
+   */
+  function Searchbar(view, geocodingOptions) {
+    var _geocodingOptions$onS;
+
+    var _this;
+
+    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    (0, _classCallCheck2["default"])(this, Searchbar);
+    // ---------- BUILD PROPERTIES ACCORDING TO DEFAULT OPTIONS AND OPTIONS PASSED IN PARAMETERS : ----------
+    _this = _super.call(this, view, options, DEFAULT_OPTIONS); // Check if `geocodingOptions` parameter was correctly specified.
+
+    _classPrivateFieldInitSpec((0, _assertThisInitialized2["default"])(_this), _onSelected, {
+      writable: true,
+      value: void 0
+    });
+
+    if (!geocodingOptions || !geocodingOptions.url || !geocodingOptions.parser || typeof geocodingOptions.parser !== 'function') {
+      throw new Error('\'geocodingOptions\' parameter for \'Searchbar\' constructor is not a valid option. Please refer to ' + 'the documentation.');
+    }
+
+    (0, _classPrivateFieldSet2["default"])((0, _assertThisInitialized2["default"])(_this), _onSelected, (_geocodingOptions$onS = geocodingOptions.onSelected) !== null && _geocodingOptions$onS !== void 0 ? _geocodingOptions$onS : function () {}); // ---------- this.domElement SETTINGS SPECIFIC TO SEARCHBAR : ----------
+
+    _this.domElement.id = 'widgets-searchbar';
+    _this.domElement.style.height = 'auto';
+    var form = document.createElement('form');
+    form.setAttribute('autocomplete', 'off');
+    form.id = 'searchbar-autocompletion-form';
+
+    _this.domElement.appendChild(form);
+
+    var input = document.createElement('input');
+    input.setAttribute('type', 'text');
+    input.setAttribute('name', 'mySearch');
+    input.setAttribute('placeholder', options.placeholder || DEFAULT_OPTIONS.placeholder);
+    input.style.height = "".concat(options.height || options.size || DEFAULT_OPTIONS.height, "px");
+    input.style.fontSize = "".concat(options.fontSize || DEFAULT_OPTIONS.fontSize, "px");
+    form.appendChild(input); // currentFocus variable stores the index of the suggestions that is focused by user, either with mouse or arrow
+    // keys.
+
+    var currentFocus; // ----------  BUILD AUTOCOMPLETION SUGGESTIONS LIST WHEN TYPING THE SEARCHBAR INPUT : ----------
+
+    input.addEventListener('input', function () {
+      var value = input.value; // Close any already opened list of autocompleted values
+
+      eraseSuggestionList(form);
+      currentFocus = -1;
+
+      if (!value) {
+        return false;
+      }
+
+      geocodingOptions.url.searchParams.set('text', value);
+
+      _Fetcher["default"].json(geocodingOptions.url).then(function (geocodingResult) {
+        var result = geocodingOptions.parser(geocodingResult);
+        var i = 0;
+        result.forEach(function (info, location) {
+          // Stop looping through the map if enough location have been proceeded.
+          if (i === Math.min(result.size, options.maxSuggestionNumber || DEFAULT_OPTIONS.maxSuggestionNumber)) {
+            return;
+          }
+
+          var mapIndex = i;
+          i++;
+          var index = location.toUpperCase().indexOf(value.toUpperCase());
+
+          if (index > -1) {
+            var autocompleteItem = document.createElement('div');
+            autocompleteItem.style.minHeight = input.style.height;
+            autocompleteItem.style.fontSize = "".concat(options.fontSize || DEFAULT_OPTIONS.fontSize, "px"); // Make the matching letters bold.
+
+            var start = location.slice(0, index);
+            var bold = location.slice(index, index + value.length);
+            var end = location.slice(index + value.length, location.length);
+            autocompleteItem.innerHTML = "<p>".concat(start, "<strong>").concat(bold, "</strong>").concat(end, "</p>"); // Store the current location value as an attribute of autocompleteItem div.
+
+            autocompleteItem.setAttribute('location', location);
+            form.appendChild(autocompleteItem); // eslint-disable-next-line no-loop-func
+
+            autocompleteItem.addEventListener('mouseover', function () {
+              removeAllActives(form.children);
+              currentFocus = mapIndex;
+              autocompleteItem.classList.add('active');
+            });
+            autocompleteItem.addEventListener('click', function () {
+              (0, _classPrivateFieldGet2["default"])((0, _assertThisInitialized2["default"])(_this), _onSelected).call((0, _assertThisInitialized2["default"])(_this), info);
+              input.value = autocompleteItem.getAttribute('location');
+              eraseSuggestionList(form);
+            });
+          }
+        });
+      });
+    }); // ---------- MANAGE KEYBOARD INTERACTIONS ON AUTOCOMPLETION SUGGESTIONS : ----------
+    // When searchbar is positioned at the bottom of the screen (therefore is a flex with `column-reverse`
+    // direction, we must exchange up and down arrow actions.
+
+    var topOrBottom = (options.position || DEFAULT_OPTIONS.position).includes('top') ? 1 : -1;
+    input.addEventListener('keydown', function (event) {
+      event.stopPropagation();
+      var completionSuggestions = form.getElementsByTagName('div');
+
+      switch (event.code) {
+        case 'Escape':
+          eraseSuggestionList(form);
+          input.value = '';
+          view.domElement.focus();
+          break;
+
+        case 'ArrowDown':
+          event.preventDefault();
+          currentFocus = addActive(completionSuggestions, currentFocus + topOrBottom);
+          break;
+
+        case 'ArrowUp':
+          event.preventDefault();
+          currentFocus = addActive(completionSuggestions, currentFocus - topOrBottom);
+          break;
+
+        case 'Enter':
+          event.preventDefault();
+
+          if (completionSuggestions[Math.max(currentFocus, 0)]) {
+            completionSuggestions[Math.max(currentFocus, 0)].click();
+            view.domElement.focus();
+          }
+
+          break;
+
+        default:
+          break;
+      }
+    }); // ---------- MANAGE FOCUS AND ACTIVE SUGGESTION WHEN USER ENTERS OR LEAVES THE SEARCHBAR : ----------
+    // User clicks the searchbar.
+
+    input.addEventListener('focus', function () {
+      form.classList.add('focus');
+    }); // User clicks out of the searchbar.
+
+    input.addEventListener('blur', function () {
+      form.classList.remove('focus');
+      removeAllActives(form.children);
+    }); // Cursor leaves the searchbar.
+
+    form.addEventListener('mouseleave', function () {
+      removeAllActives(form.children);
+      currentFocus = -1;
+    });
+    return _this;
+  }
+
+  return (0, _createClass2["default"])(Searchbar);
+}(_Widget2["default"]);
+
+var _default = Searchbar;
+exports["default"] = _default;

package/lib/Utils/gui/Widget.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classPrivateFieldSet2 = _interopRequireDefault(require("@babel/runtime/helpers/classPrivateFieldSet"));
+
+var _classPrivateFieldGet2 = _interopRequireDefault(require("@babel/runtime/helpers/classPrivateFieldGet"));
+
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+
+var _display = /*#__PURE__*/new WeakMap();
+
+/**
+ * An interface that stores common methods for all specific widgets.
+ *
+ * @hideconstructor
+ */
+var Widget = /*#__PURE__*/function () {
+  function Widget(view) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var defaultOptions = arguments.length > 2 ? arguments[2] : undefined;
+    (0, _classCallCheck2["default"])(this, Widget);
+
+    _classPrivateFieldInitSpec(this, _display, {
+      writable: true,
+      value: void 0
+    });
+
+    this.parentElement = options.parentElement || view.domElement;
+    this.position = options.position || defaultOptions.position;
+
+    if (!['top-left', 'top-right', 'bottom-left', 'bottom-right', 'top', 'bottom', 'left', 'right'].includes(this.position)) {
+      console.warn('\'position\' optional parameter for \'Widget\' constructor is not a valid option. ' + "It will be set to '".concat(defaultOptions.position, "'."));
+      this.position = defaultOptions.position;
+    } // ---------- CREATE A DomElement WITH id, classes AND style RELEVANT TO THE WIDGET PROPERTIES : ----------
+    // Create a div containing minimap widget and add it to its specified parent.
+
+
+    this.domElement = document.createElement('div');
+    this.parentElement.appendChild(this.domElement); // Size widget according to options.
+
+    this.domElement.style.width = "".concat(options.width || options.size || defaultOptions.width, "px");
+    this.domElement.style.height = "".concat(options.height || options.size || defaultOptions.height, "px"); // Position widget according to options.
+
+    var positionArray = this.position.split('-');
+    this.domElement.classList.add("".concat(positionArray[0], "-widget"));
+
+    if (positionArray[1]) {
+      this.domElement.classList.add("".concat(positionArray[1], "-widget"));
+    } else {
+      // If only one position parameter was given, center the domElement on the other axis.
+      // TODO : at this stage, offsetWidth and offsetHeight do no include borders. This should be worked around.
+      switch (positionArray[0]) {
+        case 'top':
+        case 'bottom':
+          this.domElement.style.left = "calc(50% - ".concat(this.domElement.offsetWidth / 2, "px)");
+          break;
+
+        case 'left':
+        case 'right':
+          this.domElement.style.top = "calc(50% - ".concat(this.domElement.offsetHeight / 2, "px)");
+          break;
+
+        default:
+          break;
+      }
+    } // Translate widget div according to optional translate parameter.
+
+
+    if (options.translate) {
+      this.domElement.style.transform = "translate(".concat(options.translate.x || 0, "px, ").concat(options.translate.y || 0, "px)");
+    } // Prevent triggering `GlobeControls` and `PlanarControls` mouse or pointer events when clicking the search bar.
+    // For example, this prevents triggering an animated travel when double-clicking search bar in a `GlobeView`.
+
+
+    this.domElement.addEventListener('pointerdown', function (e) {
+      e.stopPropagation();
+    });
+    this.domElement.addEventListener('mousedown', function (e) {
+      e.stopPropagation();
+    });
+  }
+  /**
+   * Change the widget style `display` property so that the widget becomes visible.
+   */
+
+
+  (0, _createClass2["default"])(Widget, [{
+    key: "show",
+    value: function show() {
+      this.domElement.style.display = (0, _classPrivateFieldGet2["default"])(this, _display);
+    }
+    /**
+     * Change the widget style `display` property so that the widget becomes invisible.
+     */
+
+  }, {
+    key: "hide",
+    value: function hide() {
+      (0, _classPrivateFieldSet2["default"])(this, _display, window.getComputedStyle(this.domElement).display);
+      this.domElement.style.display = 'none';
+    }
+  }]);
+  return Widget;
+}();
+
+var _default = Widget;
+exports["default"] = _default;

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "itowns",
-  "version": "2.37.0",
+  "version": "2.38.2",
   "description": "A JS/WebGL framework for 3D geospatial data visualization",
   "main": "lib/Main.js",
+  "exports": {
+      ".": "./lib/Main.js",
+      "./widgets": "./lib/Utils/gui/Main.js"
+  },
   "scripts": {
     "lint": "eslint \"src/**/*.js\" \"test/**/*.js\" \"examples/**/*.js\" \"docs/*.js\"",
     "doc": "jsdoc --readme docs/HOMEPAGE.md -c docs/config.json",
@@ -47,8 +51,8 @@
   },
   "homepage": "https://itowns.github.io/",
   "dependencies": {
-    "@loaders.gl/las": "^3.1.3",
-    "@mapbox/mapbox-gl-style-spec": "^13.23.0",
+    "@loaders.gl/las": "^3.1.7",
+    "@mapbox/mapbox-gl-style-spec": "^13.23.1",
     "@mapbox/vector-tile": "^1.3.1",
     "@tmcw/togeojson": "^4.5.0",
     "@tweenjs/tween.js": "^18.6.4",
@@ -61,13 +65,14 @@
   },
   "peerDependencies": {
     "proj4": "^2.7.5",
-    "three": "0.135.0"
+    "three": "0.137.5"
   },
   "devDependencies": {
-    "@babel/cli": "^7.16.0",
-    "@babel/plugin-transform-runtime": "^7.16.5",
-    "@babel/preset-env": "^7.16.5",
-    "@babel/register": "^7.16.5",
+    "@babel/cli": "^7.17.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
+    "@babel/plugin-transform-runtime": "^7.17.0",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/register": "^7.17.0",
     "babel-inline-import-loader": "^1.0.1",
     "babel-loader": "^8.2.3",
     "babel-plugin-inline-import": "^3.0.0",
@@ -75,35 +80,35 @@
     "babel-plugin-minify-replace": "^0.5.0",
     "babel-plugin-module-resolver": "^4.1.0",
     "chalk": "^4.1.2",
-    "chart.js": "^3.6.2",
+    "chart.js": "^3.7.0",
     "compare-func": "^2.0.0",
-    "conventional-changelog-cli": "^2.1.1",
+    "conventional-changelog-cli": "^2.2.2",
     "copyfiles": "^2.4.1",
-    "core-js": "^3.20.0",
+    "core-js": "^3.21.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.5.0",
+    "eslint": "^8.8.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-import-resolver-webpack": "^0.13.2",
-    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-import": "^2.25.4",
     "eslint-webpack-plugin": "^3.1.1",
     "github-url-from-git": "^1.5.0",
     "grunt": "^1.4.1",
     "grunt-bump": "^0.8.0",
     "https-proxy-agent": "^5.0.0",
-    "jsdoc": "^3.6.7",
-    "marked": "^4.0.8",
-    "mocha": "^9.1.3",
-    "node-fetch": "^2.6.6",
+    "jsdoc": "^3.6.10",
+    "marked": "^4.0.12",
+    "mocha": "^9.2.0",
+    "node-fetch": "^2.6.7",
     "nyc": "^15.1.0",
     "proj4": "^2.7.5",
-    "puppeteer": "^13.0.0",
+    "puppeteer": "^13.2.0",
     "q": "^1.5.1",
     "replace-in-file": "^6.3.2",
-    "three": "0.135.0",
+    "three": "0.137.5",
     "url-polyfill": "^1.1.12",
-    "webpack": "^5.65.0",
-    "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^4.6.0",
+    "webpack": "^5.68.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.7.4",
     "whatwg-fetch": "^3.6.2"
   }
 }

package/examples/images/compass.svg

@@ -1,60 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.2" width="45.56mm" height="154.55mm" viewBox="8073 6473 4556 15455" preserveAspectRatio="xMidYMid" fill-rule="evenodd" stroke-width="28.222" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" xmlns:ooo="http://xml.openoffice.org/svg/export" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:presentation="http://sun.com/xmlns/staroffice/presentation" xmlns:smil="http://www.w3.org/2001/SMIL20/" xmlns:anim="urn:oasis:names:tc:opendocument:xmlns:animation:1.0" xml:space="preserve">
- <defs class="EmbeddedBulletChars">
-  <g id="bullet-char-template-57356" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 580,1141 L 1163,571 580,0 -4,571 580,1141 Z"/>
-  </g>
-  <g id="bullet-char-template-57354" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 8,1128 L 1137,1128 1137,0 8,0 8,1128 Z"/>
-  </g>
-  <g id="bullet-char-template-10146" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 174,0 L 602,739 174,1481 1456,739 174,0 Z M 1358,739 L 309,1346 659,739 1358,739 Z"/>
-  </g>
-  <g id="bullet-char-template-10132" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 2015,739 L 1276,0 717,0 1260,543 174,543 174,936 1260,936 717,1481 1274,1481 2015,739 Z"/>
-  </g>
-  <g id="bullet-char-template-10007" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 0,-2 C -7,14 -16,27 -25,37 L 356,567 C 262,823 215,952 215,954 215,979 228,992 255,992 264,992 276,990 289,987 310,991 331,999 354,1012 L 381,999 492,748 772,1049 836,1024 860,1049 C 881,1039 901,1025 922,1006 886,937 835,863 770,784 769,783 710,716 594,584 L 774,223 C 774,196 753,168 711,139 L 727,119 C 717,90 699,76 672,76 641,76 570,178 457,381 L 164,-76 C 142,-110 111,-127 72,-127 30,-127 9,-110 8,-76 1,-67 -2,-52 -2,-32 -2,-23 -1,-13 0,-2 Z"/>
-  </g>
-  <g id="bullet-char-template-10004" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 285,-33 C 182,-33 111,30 74,156 52,228 41,333 41,471 41,549 55,616 82,672 116,743 169,778 240,778 293,778 328,747 346,684 L 369,508 C 377,444 397,411 428,410 L 1163,1116 C 1174,1127 1196,1133 1229,1133 1271,1133 1292,1118 1292,1087 L 1292,965 C 1292,929 1282,901 1262,881 L 442,47 C 390,-6 338,-33 285,-33 Z"/>
-  </g>
-  <g id="bullet-char-template-9679" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 813,0 C 632,0 489,54 383,161 276,268 223,411 223,592 223,773 276,916 383,1023 489,1130 632,1184 813,1184 992,1184 1136,1130 1245,1023 1353,916 1407,772 1407,592 1407,412 1353,268 1245,161 1136,54 992,0 813,0 Z"/>
-  </g>
-  <g id="bullet-char-template-8226" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 346,457 C 273,457 209,483 155,535 101,586 74,649 74,723 74,796 101,859 155,911 209,963 273,989 346,989 419,989 480,963 531,910 582,859 608,796 608,723 608,648 583,586 532,535 482,483 420,457 346,457 Z"/>
-  </g>
-  <g id="bullet-char-template-8211" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M -4,459 L 1135,459 1135,606 -4,606 -4,459 Z"/>
-  </g>
-  <g id="bullet-char-template-61548" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 173,740 C 173,903 231,1043 346,1159 462,1274 601,1332 765,1332 928,1332 1067,1274 1183,1159 1299,1043 1357,903 1357,740 1357,577 1299,437 1183,322 1067,206 928,148 765,148 601,148 462,206 346,322 231,437 173,577 173,740 Z"/>
-  </g>
- </defs>
- <g class="Page">
-  <g class="com.sun.star.drawing.CustomShape">
-   <g id="id3">
-    <rect class="BoundingBox" stroke="none" fill="none" x="8073" y="6473" width="4556" height="7756"/>
-    <g>
-     <defs>
-      <linearGradient id="gradient1" x1="7842" y1="10175" x2="12859" y2="10525" gradientUnits="userSpaceOnUse">
-       <stop offset="0" style="stop-color:rgb(255,39,39)"/>
-       <stop offset="1" style="stop-color:rgb(195,3,3)"/>
-      </linearGradient>
-     </defs>
-     <path style="fill:url(#gradient1)" d="M 10350,6500 L 12601,14201 8100,14201 10350,6500 Z"/>
-    </g>
-    <path fill="none" stroke="rgb(0,0,0)" stroke-width="53" stroke-linejoin="round" d="M 10350,6500 L 12601,14201 8100,14201 10350,6500 Z"/>
-   </g>
-  </g>
-  <g class="com.sun.star.drawing.CustomShape">
-   <g id="id4">
-    <rect class="BoundingBox" stroke="none" fill="none" x="8073" y="14172" width="4556" height="7756"/>
-    <path fill="rgb(255,255,255)" stroke="none" d="M 10350,21900 L 12601,14199 8100,14199 10350,21900 Z"/>
-    <path fill="none" stroke="rgb(0,0,0)" stroke-width="53" stroke-linejoin="round" d="M 10350,21900 L 12601,14199 8100,14199 10350,21900 Z"/>
-   </g>
-  </g>
- </g>
-</svg>

package/examples/images/widget-logo.svg

@@ -1,66 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.2" width="79.01mm" height="158.01mm" viewBox="5500 2100 7901 15801" preserveAspectRatio="xMidYMid" fill-rule="evenodd" stroke-width="28.222" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" xmlns:ooo="http://xml.openoffice.org/svg/export" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:presentation="http://sun.com/xmlns/staroffice/presentation" xmlns:smil="http://www.w3.org/2001/SMIL20/" xmlns:anim="urn:oasis:names:tc:opendocument:xmlns:animation:1.0" xml:space="preserve">
- <defs class="EmbeddedBulletChars">
-  <g id="bullet-char-template-57356" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 580,1141 L 1163,571 580,0 -4,571 580,1141 Z"/>
-  </g>
-  <g id="bullet-char-template-57354" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 8,1128 L 1137,1128 1137,0 8,0 8,1128 Z"/>
-  </g>
-  <g id="bullet-char-template-10146" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 174,0 L 602,739 174,1481 1456,739 174,0 Z M 1358,739 L 309,1346 659,739 1358,739 Z"/>
-  </g>
-  <g id="bullet-char-template-10132" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 2015,739 L 1276,0 717,0 1260,543 174,543 174,936 1260,936 717,1481 1274,1481 2015,739 Z"/>
-  </g>
-  <g id="bullet-char-template-10007" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 0,-2 C -7,14 -16,27 -25,37 L 356,567 C 262,823 215,952 215,954 215,979 228,992 255,992 264,992 276,990 289,987 310,991 331,999 354,1012 L 381,999 492,748 772,1049 836,1024 860,1049 C 881,1039 901,1025 922,1006 886,937 835,863 770,784 769,783 710,716 594,584 L 774,223 C 774,196 753,168 711,139 L 727,119 C 717,90 699,76 672,76 641,76 570,178 457,381 L 164,-76 C 142,-110 111,-127 72,-127 30,-127 9,-110 8,-76 1,-67 -2,-52 -2,-32 -2,-23 -1,-13 0,-2 Z"/>
-  </g>
-  <g id="bullet-char-template-10004" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 285,-33 C 182,-33 111,30 74,156 52,228 41,333 41,471 41,549 55,616 82,672 116,743 169,778 240,778 293,778 328,747 346,684 L 369,508 C 377,444 397,411 428,410 L 1163,1116 C 1174,1127 1196,1133 1229,1133 1271,1133 1292,1118 1292,1087 L 1292,965 C 1292,929 1282,901 1262,881 L 442,47 C 390,-6 338,-33 285,-33 Z"/>
-  </g>
-  <g id="bullet-char-template-9679" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 813,0 C 632,0 489,54 383,161 276,268 223,411 223,592 223,773 276,916 383,1023 489,1130 632,1184 813,1184 992,1184 1136,1130 1245,1023 1353,916 1407,772 1407,592 1407,412 1353,268 1245,161 1136,54 992,0 813,0 Z"/>
-  </g>
-  <g id="bullet-char-template-8226" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 346,457 C 273,457 209,483 155,535 101,586 74,649 74,723 74,796 101,859 155,911 209,963 273,989 346,989 419,989 480,963 531,910 582,859 608,796 608,723 608,648 583,586 532,535 482,483 420,457 346,457 Z"/>
-  </g>
-  <g id="bullet-char-template-8211" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M -4,459 L 1135,459 1135,606 -4,606 -4,459 Z"/>
-  </g>
-  <g id="bullet-char-template-61548" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 173,740 C 173,903 231,1043 346,1159 462,1274 601,1332 765,1332 928,1332 1067,1274 1183,1159 1299,1043 1357,903 1357,740 1357,577 1299,437 1183,322 1067,206 928,148 765,148 601,148 462,206 346,322 231,437 173,577 173,740 Z"/>
-  </g>
- </defs>
- <g class="Page">
-  <g class="com.sun.star.drawing.CustomShape">
-   <g id="id3">
-    <rect class="BoundingBox" stroke="none" fill="none" x="5899" y="5100" width="7103" height="1902"/>
-    <path fill="rgb(255,255,255)" stroke="none" d="M 6216,5100 L 6217,5100 C 6161,5100 6107,5115 6058,5142 6010,5170 5970,5210 5942,5258 5915,5307 5900,5361 5900,5417 L 5900,6684 5900,6684 C 5900,6740 5915,6794 5942,6843 5970,6891 6010,6931 6058,6959 6107,6986 6161,7001 6217,7001 L 12684,7001 12684,7001 C 12740,7001 12794,6986 12843,6959 12891,6931 12931,6891 12959,6843 12986,6794 13001,6740 13001,6684 L 13001,5416 13001,5417 13001,5417 C 13001,5361 12986,5307 12959,5258 12931,5210 12891,5170 12843,5142 12794,5115 12740,5100 12684,5100 L 6216,5100 Z"/>
-   </g>
-  </g>
-  <g class="com.sun.star.drawing.CustomShape">
-   <g id="id4">
-    <rect class="BoundingBox" stroke="none" fill="none" x="5500" y="2100" width="7901" height="7901"/>
-   </g>
-  </g>
-  <g class="com.sun.star.drawing.CustomShape">
-   <g id="id5">
-    <rect class="BoundingBox" stroke="none" fill="none" x="8499" y="2499" width="1903" height="7103"/>
-    <path fill="rgb(255,255,255)" stroke="none" d="M 8500,9285 L 8500,9284 C 8500,9340 8515,9394 8542,9443 8570,9491 8610,9531 8658,9559 8707,9586 8761,9601 8817,9601 L 10084,9601 10084,9601 C 10140,9601 10194,9586 10243,9559 10291,9531 10331,9491 10359,9443 10386,9394 10401,9340 10401,9284 L 10401,2817 10401,2817 C 10401,2761 10386,2707 10359,2658 10331,2610 10291,2570 10243,2542 10194,2515 10140,2500 10084,2500 L 8816,2500 8817,2500 8817,2500 C 8761,2500 8707,2515 8658,2542 8610,2570 8570,2610 8542,2658 8515,2707 8500,2761 8500,2817 L 8500,9285 Z"/>
-   </g>
-  </g>
-  <g class="com.sun.star.drawing.CustomShape">
-   <g id="id6">
-    <rect class="BoundingBox" stroke="none" fill="none" x="5899" y="13000" width="7103" height="1902"/>
-    <path fill="rgb(255,255,255)" stroke="none" d="M 6216,13000 L 6217,13000 C 6161,13000 6107,13015 6058,13042 6010,13070 5970,13110 5942,13158 5915,13207 5900,13261 5900,13317 L 5900,14584 5900,14584 C 5900,14640 5915,14694 5942,14743 5970,14791 6010,14831 6058,14859 6107,14886 6161,14901 6217,14901 L 12684,14901 12684,14901 C 12740,14901 12794,14886 12843,14859 12891,14831 12931,14791 12959,14743 12986,14694 13001,14640 13001,14584 L 13001,13316 13001,13317 13001,13317 C 13001,13261 12986,13207 12959,13158 12931,13110 12891,13070 12843,13042 12794,13015 12740,13000 12684,13000 L 6216,13000 Z"/>
-   </g>
-  </g>
-  <g class="com.sun.star.drawing.CustomShape">
-   <g id="id7">
-    <rect class="BoundingBox" stroke="none" fill="none" x="5500" y="10000" width="7901" height="7901"/>
-   </g>
-  </g>
- </g>
-</svg>