ol-wfst 4.0.3 → 4.0.4
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/CHANGELOG.md +3 -0
- package/LICENSE.md +1 -1
- package/README.md +7 -7
- package/dist/ol-wfst.js +451 -619
- package/dist/ol-wfst.js.map +1 -1
- package/dist/ol-wfst.min.js +1 -1
- package/dist/ol-wfst.min.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/lib/{index-es.js → ol-wfst.js} +1 -1
- package/lib/ol-wfst.js.map +1 -0
- package/package.json +13 -13
- package/index.js +0 -1
- package/lib/index-es.js.map +0 -1
package/dist/ol-wfst.js
CHANGED
|
@@ -4,17 +4,6 @@
|
|
|
4
4
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Wfst = {}, global.ol.style, global.ol.control, global.ol.interaction, global.ol.events.Event, global.ol.events.condition, global.ol.Observable, global.ol.layer.Vector, global.ol.layer.Base, global.ol.format.GeoJSON, global.ol.source.Vector, global.ol.proj, global.ol.loadingstrategy, global.ol.layer.Tile, global.ol.format, global.ol.source.TileWMS, global.ol.geom, global.ol.Object, global.ol.geom.Polygon, global.ol.extent));
|
|
5
5
|
})(this, (function (exports, style, control, interaction, BaseEvent$1, condition, Observable$2, VectorLayer, Layer, GeoJSON, VectorSource, proj, loadingstrategy, TileLayer, format, TileWMS, geom, BaseObject$2, Polygon, extent) { 'use strict';
|
|
6
6
|
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var BaseEvent__default = /*#__PURE__*/_interopDefaultLegacy(BaseEvent$1);
|
|
10
|
-
var VectorLayer__default = /*#__PURE__*/_interopDefaultLegacy(VectorLayer);
|
|
11
|
-
var Layer__default = /*#__PURE__*/_interopDefaultLegacy(Layer);
|
|
12
|
-
var GeoJSON__default = /*#__PURE__*/_interopDefaultLegacy(GeoJSON);
|
|
13
|
-
var VectorSource__default = /*#__PURE__*/_interopDefaultLegacy(VectorSource);
|
|
14
|
-
var TileLayer__default = /*#__PURE__*/_interopDefaultLegacy(TileLayer);
|
|
15
|
-
var TileWMS__default = /*#__PURE__*/_interopDefaultLegacy(TileWMS);
|
|
16
|
-
var BaseObject__default = /*#__PURE__*/_interopDefaultLegacy(BaseObject$2);
|
|
17
|
-
|
|
18
7
|
/**
|
|
19
8
|
* @module ol/AssertionError
|
|
20
9
|
*/
|
|
@@ -1858,30 +1847,6 @@
|
|
|
1858
1847
|
*/
|
|
1859
1848
|
const CLASS_SELECTABLE = 'ol-selectable';
|
|
1860
1849
|
|
|
1861
|
-
function getDefaultExportFromCjs (x) {
|
|
1862
|
-
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
1863
|
-
}
|
|
1864
|
-
|
|
1865
|
-
function getAugmentedNamespace(n) {
|
|
1866
|
-
if (n.__esModule) return n;
|
|
1867
|
-
var a = Object.defineProperty({}, '__esModule', {value: true});
|
|
1868
|
-
Object.keys(n).forEach(function (k) {
|
|
1869
|
-
var d = Object.getOwnPropertyDescriptor(n, k);
|
|
1870
|
-
Object.defineProperty(a, k, d.get ? d : {
|
|
1871
|
-
enumerable: true,
|
|
1872
|
-
get: function () {
|
|
1873
|
-
return n[k];
|
|
1874
|
-
}
|
|
1875
|
-
});
|
|
1876
|
-
});
|
|
1877
|
-
return a;
|
|
1878
|
-
}
|
|
1879
|
-
|
|
1880
|
-
function createCommonjsModule(fn) {
|
|
1881
|
-
var module = { exports: {} };
|
|
1882
|
-
return fn(module, module.exports), module.exports;
|
|
1883
|
-
}
|
|
1884
|
-
|
|
1885
1850
|
/**
|
|
1886
1851
|
* @module ol/TileState
|
|
1887
1852
|
*/
|
|
@@ -2998,178 +2963,78 @@
|
|
|
2998
2963
|
return ret;
|
|
2999
2964
|
}
|
|
3000
2965
|
|
|
3001
|
-
|
|
3002
|
-
|
|
3003
|
-
|
|
3004
|
-
|
|
3005
|
-
|
|
3006
|
-
|
|
3007
|
-
var require$$0 = /*@__PURE__*/getAugmentedNamespace(_polyfillNode_events);
|
|
3008
|
-
|
|
3009
|
-
var modal = createCommonjsModule(function (module) {
|
|
3010
|
-
module.exports =
|
|
3011
|
-
/******/ (function(modules) { // webpackBootstrap
|
|
3012
|
-
/******/ // The module cache
|
|
3013
|
-
/******/ var installedModules = {};
|
|
3014
|
-
/******/
|
|
3015
|
-
/******/ // The require function
|
|
3016
|
-
/******/ function __webpack_require__(moduleId) {
|
|
3017
|
-
/******/
|
|
3018
|
-
/******/ // Check if module is in cache
|
|
3019
|
-
/******/ if(installedModules[moduleId]) {
|
|
3020
|
-
/******/ return installedModules[moduleId].exports;
|
|
3021
|
-
/******/ }
|
|
3022
|
-
/******/ // Create a new module (and put it into the cache)
|
|
3023
|
-
/******/ var module = installedModules[moduleId] = {
|
|
3024
|
-
/******/ i: moduleId,
|
|
3025
|
-
/******/ l: false,
|
|
3026
|
-
/******/ exports: {}
|
|
3027
|
-
/******/ };
|
|
3028
|
-
/******/
|
|
3029
|
-
/******/ // Execute the module function
|
|
3030
|
-
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
3031
|
-
/******/
|
|
3032
|
-
/******/ // Flag the module as loaded
|
|
3033
|
-
/******/ module.l = true;
|
|
3034
|
-
/******/
|
|
3035
|
-
/******/ // Return the exports of the module
|
|
3036
|
-
/******/ return module.exports;
|
|
3037
|
-
/******/ }
|
|
3038
|
-
/******/
|
|
3039
|
-
/******/
|
|
3040
|
-
/******/ // expose the modules object (__webpack_modules__)
|
|
3041
|
-
/******/ __webpack_require__.m = modules;
|
|
3042
|
-
/******/
|
|
3043
|
-
/******/ // expose the module cache
|
|
3044
|
-
/******/ __webpack_require__.c = installedModules;
|
|
3045
|
-
/******/
|
|
3046
|
-
/******/ // define getter function for harmony exports
|
|
3047
|
-
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
3048
|
-
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
3049
|
-
/******/ Object.defineProperty(exports, name, {
|
|
3050
|
-
/******/ configurable: false,
|
|
3051
|
-
/******/ enumerable: true,
|
|
3052
|
-
/******/ get: getter
|
|
3053
|
-
/******/ });
|
|
3054
|
-
/******/ }
|
|
3055
|
-
/******/ };
|
|
3056
|
-
/******/
|
|
3057
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
3058
|
-
/******/ __webpack_require__.n = function(module) {
|
|
3059
|
-
/******/ var getter = module && module.__esModule ?
|
|
3060
|
-
/******/ function getDefault() { return module['default']; } :
|
|
3061
|
-
/******/ function getModuleExports() { return module; };
|
|
3062
|
-
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
3063
|
-
/******/ return getter;
|
|
3064
|
-
/******/ };
|
|
3065
|
-
/******/
|
|
3066
|
-
/******/ // Object.prototype.hasOwnProperty.call
|
|
3067
|
-
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
3068
|
-
/******/
|
|
3069
|
-
/******/ // __webpack_public_path__
|
|
3070
|
-
/******/ __webpack_require__.p = "";
|
|
3071
|
-
/******/
|
|
3072
|
-
/******/ // Load entry module and return exports
|
|
3073
|
-
/******/ return __webpack_require__(__webpack_require__.s = 0);
|
|
3074
|
-
/******/ })
|
|
3075
|
-
/************************************************************************/
|
|
3076
|
-
/******/ ([
|
|
3077
|
-
/* 0 */
|
|
3078
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
3079
|
-
|
|
3080
|
-
module.exports = __webpack_require__(1).default;
|
|
3081
|
-
|
|
3082
|
-
|
|
3083
|
-
/***/ }),
|
|
3084
|
-
/* 1 */
|
|
3085
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
3086
|
-
|
|
3087
|
-
|
|
3088
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3089
|
-
value: true
|
|
3090
|
-
});
|
|
3091
|
-
|
|
3092
|
-
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
3093
|
-
|
|
3094
|
-
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
3095
|
-
|
|
3096
|
-
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /**
|
|
3097
|
-
* Vanilla JS Modal compatible with Bootstrap
|
|
3098
|
-
* modal-vanilla 0.12.0 <https://github.com/KaneCohen/modal-vanilla>
|
|
3099
|
-
* Copyright 2020 Kane Cohen <https://github.com/KaneCohen>
|
|
3100
|
-
* Available under BSD-3-Clause license
|
|
3101
|
-
*/
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
var _events = __webpack_require__(2);
|
|
3105
|
-
|
|
3106
|
-
var _events2 = _interopRequireDefault(_events);
|
|
3107
|
-
|
|
3108
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
3109
|
-
|
|
3110
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
3111
|
-
|
|
3112
|
-
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
3113
|
-
|
|
3114
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
2966
|
+
/**
|
|
2967
|
+
* Vanilla JS Modal compatible with Bootstrap
|
|
2968
|
+
* modal-vanilla 0.12.0 <https://github.com/KaneCohen/modal-vanilla>
|
|
2969
|
+
* Copyright 2020 Kane Cohen <https://github.com/KaneCohen>
|
|
2970
|
+
* Available under BSD-3-Clause license
|
|
2971
|
+
*/
|
|
3115
2972
|
|
|
3116
|
-
|
|
2973
|
+
let _factory = null;
|
|
3117
2974
|
|
|
3118
|
-
|
|
3119
|
-
el: null,
|
|
3120
|
-
animate: true,
|
|
3121
|
-
animateClass: 'fade',
|
|
2975
|
+
const _defaults = Object.freeze({
|
|
2976
|
+
el: null, // Existing DOM element that will be 'Modal-ized'.
|
|
2977
|
+
animate: true, // Show Modal using animation.
|
|
2978
|
+
animateClass: 'fade', //
|
|
3122
2979
|
animateInClass: 'show', //
|
|
3123
|
-
appendTo: 'body',
|
|
3124
|
-
backdrop: true,
|
|
3125
|
-
keyboard: true,
|
|
3126
|
-
title: false,
|
|
3127
|
-
header: true,
|
|
3128
|
-
content: false,
|
|
3129
|
-
footer: true,
|
|
3130
|
-
buttons: null,
|
|
3131
|
-
headerClose: true,
|
|
3132
|
-
construct: false,
|
|
3133
|
-
transition: 300,
|
|
2980
|
+
appendTo: 'body', // DOM element to which constructed Modal will be appended.
|
|
2981
|
+
backdrop: true, // Boolean or 'static', Show Modal backdrop blocking content.
|
|
2982
|
+
keyboard: true, // Close modal on esc key.
|
|
2983
|
+
title: false, // Content of the title in the constructed dialog.
|
|
2984
|
+
header: true, // Show header content.
|
|
2985
|
+
content: false, // Either string or an HTML element.
|
|
2986
|
+
footer: true, // Footer content. By default will use buttons.
|
|
2987
|
+
buttons: null, //
|
|
2988
|
+
headerClose: true, // Show close button in the header.
|
|
2989
|
+
construct: false, // Creates new HTML with a given content.
|
|
2990
|
+
transition: 300, //
|
|
3134
2991
|
backdropTransition: 150 //
|
|
3135
2992
|
});
|
|
3136
2993
|
|
|
3137
|
-
|
|
3138
|
-
dialog: [
|
|
3139
|
-
|
|
3140
|
-
|
|
3141
|
-
|
|
3142
|
-
|
|
3143
|
-
|
|
3144
|
-
|
|
3145
|
-
|
|
3146
|
-
|
|
3147
|
-
|
|
3148
|
-
|
|
3149
|
-
|
|
3150
|
-
|
|
3151
|
-
|
|
3152
|
-
attr: {
|
|
3153
|
-
'class': 'btn btn-primary',
|
|
3154
|
-
'data-dismiss': 'modal'
|
|
2994
|
+
const _buttons = deepFreeze({
|
|
2995
|
+
dialog: [
|
|
2996
|
+
{text: 'Cancel',
|
|
2997
|
+
value: false,
|
|
2998
|
+
attr: {
|
|
2999
|
+
'class': 'btn btn-default',
|
|
3000
|
+
'data-dismiss': 'modal'
|
|
3001
|
+
}
|
|
3002
|
+
},
|
|
3003
|
+
{text: 'OK',
|
|
3004
|
+
value: true,
|
|
3005
|
+
attr: {
|
|
3006
|
+
'class': 'btn btn-primary',
|
|
3007
|
+
'data-dismiss': 'modal'
|
|
3008
|
+
}
|
|
3155
3009
|
}
|
|
3156
|
-
|
|
3157
|
-
|
|
3158
|
-
|
|
3159
|
-
|
|
3160
|
-
|
|
3161
|
-
|
|
3010
|
+
],
|
|
3011
|
+
alert: [
|
|
3012
|
+
{text: 'OK',
|
|
3013
|
+
attr: {
|
|
3014
|
+
'class': 'btn btn-primary',
|
|
3015
|
+
'data-dismiss': 'modal'
|
|
3016
|
+
}
|
|
3162
3017
|
}
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
|
|
3167
|
-
|
|
3018
|
+
],
|
|
3019
|
+
confirm: [
|
|
3020
|
+
{text: 'Cancel',
|
|
3021
|
+
value: false,
|
|
3022
|
+
attr: {
|
|
3023
|
+
'class': 'btn btn-default',
|
|
3024
|
+
'data-dismiss': 'modal'
|
|
3025
|
+
}
|
|
3026
|
+
},
|
|
3027
|
+
{text: 'OK',
|
|
3028
|
+
value: true,
|
|
3029
|
+
attr: {
|
|
3030
|
+
'class': 'btn btn-primary',
|
|
3031
|
+
'data-dismiss': 'modal'
|
|
3032
|
+
}
|
|
3168
3033
|
}
|
|
3169
|
-
|
|
3034
|
+
]
|
|
3170
3035
|
});
|
|
3171
3036
|
|
|
3172
|
-
|
|
3037
|
+
const _templates = {
|
|
3173
3038
|
container: '<div class="modal"></div>',
|
|
3174
3039
|
dialog: '<div class="modal-dialog"></div>',
|
|
3175
3040
|
content: '<div class="modal-content"></div>',
|
|
@@ -3181,12 +3046,12 @@
|
|
|
3181
3046
|
};
|
|
3182
3047
|
|
|
3183
3048
|
function deepFreeze(obj) {
|
|
3184
|
-
for (
|
|
3049
|
+
for (let k in obj) {
|
|
3185
3050
|
if (Array.isArray(obj[k])) {
|
|
3186
|
-
obj[k].forEach(
|
|
3051
|
+
obj[k].forEach(v => {
|
|
3187
3052
|
deepFreeze(v);
|
|
3188
3053
|
});
|
|
3189
|
-
} else if (obj[k] !== null &&
|
|
3054
|
+
} else if (obj[k] !== null && typeof obj[k] === 'object') {
|
|
3190
3055
|
Object.freeze(obj[k]);
|
|
3191
3056
|
}
|
|
3192
3057
|
}
|
|
@@ -3194,27 +3059,28 @@
|
|
|
3194
3059
|
}
|
|
3195
3060
|
|
|
3196
3061
|
function guid() {
|
|
3197
|
-
return ((1 + Math.random()) * 0x10000 | 0).toString(16) +
|
|
3062
|
+
return (((1 + Math.random()) * 0x10000) | 0).toString(16) +
|
|
3063
|
+
(((1 + Math.random()) * 0x10000) | 0).toString(16);
|
|
3198
3064
|
}
|
|
3199
3065
|
|
|
3200
3066
|
function data(el, prop, value) {
|
|
3201
|
-
|
|
3202
|
-
|
|
3203
|
-
|
|
3204
|
-
|
|
3205
|
-
|
|
3206
|
-
|
|
3207
|
-
|
|
3208
|
-
|
|
3209
|
-
|
|
3210
|
-
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
|
|
3214
|
-
|
|
3215
|
-
|
|
3216
|
-
|
|
3217
|
-
|
|
3067
|
+
let prefix = 'data';
|
|
3068
|
+
let elData = el[prefix] || {};
|
|
3069
|
+
if (typeof value === 'undefined') {
|
|
3070
|
+
if (el[prefix] && el[prefix][prop]) {
|
|
3071
|
+
return el[prefix][prop];
|
|
3072
|
+
} else {
|
|
3073
|
+
var dataAttr = el.getAttribute(`${prefix}-${prop}`);
|
|
3074
|
+
if (typeof dataAttr !== 'undefined') {
|
|
3075
|
+
return dataAttr;
|
|
3076
|
+
}
|
|
3077
|
+
return null;
|
|
3078
|
+
}
|
|
3079
|
+
} else {
|
|
3080
|
+
elData[prop] = value;
|
|
3081
|
+
el[prefix] = elData;
|
|
3082
|
+
return el;
|
|
3083
|
+
}
|
|
3218
3084
|
}
|
|
3219
3085
|
|
|
3220
3086
|
function build(html, all) {
|
|
@@ -3235,11 +3101,11 @@
|
|
|
3235
3101
|
}
|
|
3236
3102
|
|
|
3237
3103
|
function calcScrollbarWidth() {
|
|
3238
|
-
|
|
3239
|
-
|
|
3240
|
-
|
|
3241
|
-
|
|
3242
|
-
|
|
3104
|
+
let inner;
|
|
3105
|
+
let width;
|
|
3106
|
+
let outerWidth;
|
|
3107
|
+
let outer = document.createElement('div');
|
|
3108
|
+
Object.assign(outer.style, {
|
|
3243
3109
|
visibility: 'hidden',
|
|
3244
3110
|
width: '100px'
|
|
3245
3111
|
});
|
|
@@ -3259,7 +3125,7 @@
|
|
|
3259
3125
|
}
|
|
3260
3126
|
|
|
3261
3127
|
function getPath(node) {
|
|
3262
|
-
|
|
3128
|
+
let nodes = [node];
|
|
3263
3129
|
while (node.parentNode) {
|
|
3264
3130
|
node = node.parentNode;
|
|
3265
3131
|
nodes.push(node);
|
|
@@ -3267,485 +3133,451 @@
|
|
|
3267
3133
|
return nodes;
|
|
3268
3134
|
}
|
|
3269
3135
|
|
|
3270
|
-
|
|
3271
|
-
|
|
3136
|
+
class Modal extends EventEmitter {
|
|
3137
|
+
static set templates(templates) {
|
|
3138
|
+
this._baseTemplates = templates;
|
|
3139
|
+
}
|
|
3140
|
+
|
|
3141
|
+
static get templates() {
|
|
3142
|
+
return Object.assign({}, _templates, Modal._baseTemplates || {});
|
|
3143
|
+
}
|
|
3144
|
+
|
|
3145
|
+
static set buttons(buttons) {
|
|
3146
|
+
this._baseButtons = buttons;
|
|
3147
|
+
}
|
|
3148
|
+
|
|
3149
|
+
static get buttons() {
|
|
3150
|
+
return Object.assign({}, _buttons, Modal._baseButtons || {});
|
|
3151
|
+
}
|
|
3152
|
+
|
|
3153
|
+
static set options(options) {
|
|
3154
|
+
this._baseOptions = options;
|
|
3155
|
+
}
|
|
3156
|
+
|
|
3157
|
+
static get options() {
|
|
3158
|
+
return Object.assign({}, _defaults, Modal._baseOptions || {});
|
|
3159
|
+
}
|
|
3272
3160
|
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
var _options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
3161
|
+
static get version() {
|
|
3162
|
+
return '0.12.0';
|
|
3163
|
+
}
|
|
3277
3164
|
|
|
3278
|
-
|
|
3279
|
-
|
|
3165
|
+
static alert(message, _options = {}) {
|
|
3166
|
+
let options = Object.assign({},
|
|
3167
|
+
_defaults,
|
|
3168
|
+
{
|
|
3169
|
+
title: message,
|
|
3280
3170
|
content: false,
|
|
3281
3171
|
construct: true,
|
|
3282
3172
|
headerClose: false,
|
|
3283
3173
|
buttons: Modal.buttons.alert
|
|
3284
|
-
},
|
|
3174
|
+
},
|
|
3175
|
+
_options
|
|
3176
|
+
);
|
|
3285
3177
|
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
}, {
|
|
3289
|
-
key: 'confirm',
|
|
3290
|
-
value: function confirm(question) {
|
|
3291
|
-
var _options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
3178
|
+
return new Modal(options);
|
|
3179
|
+
}
|
|
3292
3180
|
|
|
3293
|
-
|
|
3294
|
-
|
|
3181
|
+
static confirm(question, _options = {}) {
|
|
3182
|
+
let options = Object.assign({},
|
|
3183
|
+
_defaults,
|
|
3184
|
+
{
|
|
3185
|
+
title: question,
|
|
3295
3186
|
content: false,
|
|
3296
3187
|
construct: true,
|
|
3297
3188
|
headerClose: false,
|
|
3298
3189
|
buttons: Modal.buttons.confirm
|
|
3299
|
-
},
|
|
3300
|
-
|
|
3301
|
-
|
|
3302
|
-
}
|
|
3303
|
-
}, {
|
|
3304
|
-
key: 'templates',
|
|
3305
|
-
set: function set(templates) {
|
|
3306
|
-
this._baseTemplates = templates;
|
|
3307
|
-
},
|
|
3308
|
-
get: function get() {
|
|
3309
|
-
return _extends({}, _templates, Modal._baseTemplates || {});
|
|
3310
|
-
}
|
|
3311
|
-
}, {
|
|
3312
|
-
key: 'buttons',
|
|
3313
|
-
set: function set(buttons) {
|
|
3314
|
-
this._baseButtons = buttons;
|
|
3315
|
-
},
|
|
3316
|
-
get: function get() {
|
|
3317
|
-
return _extends({}, _buttons, Modal._baseButtons || {});
|
|
3318
|
-
}
|
|
3319
|
-
}, {
|
|
3320
|
-
key: 'options',
|
|
3321
|
-
set: function set(options) {
|
|
3322
|
-
this._baseOptions = options;
|
|
3323
|
-
},
|
|
3324
|
-
get: function get() {
|
|
3325
|
-
return _extends({}, _defaults, Modal._baseOptions || {});
|
|
3326
|
-
}
|
|
3327
|
-
}, {
|
|
3328
|
-
key: 'version',
|
|
3329
|
-
get: function get() {
|
|
3330
|
-
return '0.12.0';
|
|
3331
|
-
}
|
|
3332
|
-
}]);
|
|
3333
|
-
|
|
3334
|
-
function Modal() {
|
|
3335
|
-
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
3336
|
-
|
|
3337
|
-
_classCallCheck(this, Modal);
|
|
3190
|
+
},
|
|
3191
|
+
_options
|
|
3192
|
+
);
|
|
3338
3193
|
|
|
3339
|
-
|
|
3194
|
+
return new Modal(options);
|
|
3195
|
+
}
|
|
3340
3196
|
|
|
3341
|
-
|
|
3342
|
-
|
|
3343
|
-
_this._html = {};
|
|
3344
|
-
_this._events = {};
|
|
3345
|
-
_this._visible = false;
|
|
3346
|
-
_this._pointerInContent = false;
|
|
3347
|
-
_this._options = _extends({}, Modal.options, options);
|
|
3348
|
-
_this._templates = _extends({}, Modal.templates, options.templates || {});
|
|
3349
|
-
_this._html.appendTo = document.querySelector(_this._options.appendTo);
|
|
3350
|
-
_this._scrollbarWidth = calcScrollbarWidth();
|
|
3197
|
+
constructor(options = {}) {
|
|
3198
|
+
super();
|
|
3351
3199
|
|
|
3352
|
-
|
|
3353
|
-
|
|
3200
|
+
this.id = guid();
|
|
3201
|
+
this.el = null;
|
|
3202
|
+
this._html = {};
|
|
3203
|
+
this._events = {};
|
|
3204
|
+
this._visible = false;
|
|
3205
|
+
this._pointerInContent = false;
|
|
3206
|
+
this._options = Object.assign({}, Modal.options, options);
|
|
3207
|
+
this._templates = Object.assign({}, Modal.templates, options.templates || {});
|
|
3208
|
+
this._html.appendTo = document.querySelector(this._options.appendTo);
|
|
3209
|
+
this._scrollbarWidth = calcScrollbarWidth();
|
|
3210
|
+
|
|
3211
|
+
if (this._options.buttons === null) {
|
|
3212
|
+
this._options.buttons = Modal.buttons.dialog;
|
|
3354
3213
|
}
|
|
3355
3214
|
|
|
3356
|
-
if (
|
|
3357
|
-
|
|
3358
|
-
if (typeof
|
|
3359
|
-
el = document.querySelector(
|
|
3360
|
-
if (!el) {
|
|
3361
|
-
throw new Error(
|
|
3215
|
+
if (this._options.el) {
|
|
3216
|
+
let el = this._options.el;
|
|
3217
|
+
if (typeof this._options.el == 'string') {
|
|
3218
|
+
el = document.querySelector(this._options.el);
|
|
3219
|
+
if (! el) {
|
|
3220
|
+
throw new Error(`Selector: DOM Element ${this._options.el} not found.`);
|
|
3362
3221
|
}
|
|
3363
3222
|
}
|
|
3364
|
-
data(el, 'modal',
|
|
3365
|
-
|
|
3223
|
+
data(el, 'modal', this);
|
|
3224
|
+
this.el = el;
|
|
3366
3225
|
} else {
|
|
3367
|
-
|
|
3226
|
+
this._options.construct = true;
|
|
3368
3227
|
}
|
|
3369
3228
|
|
|
3370
|
-
if (
|
|
3371
|
-
|
|
3229
|
+
if (this._options.construct) {
|
|
3230
|
+
this._render();
|
|
3372
3231
|
} else {
|
|
3373
|
-
|
|
3232
|
+
this._mapDom();
|
|
3374
3233
|
}
|
|
3375
|
-
return _this;
|
|
3376
3234
|
}
|
|
3377
3235
|
|
|
3378
|
-
|
|
3379
|
-
|
|
3380
|
-
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
var t = this._templates;
|
|
3384
|
-
var animate = o.animate ? o.animateClass : false;
|
|
3236
|
+
_render() {
|
|
3237
|
+
let html = this._html;
|
|
3238
|
+
let o = this._options;
|
|
3239
|
+
let t = this._templates;
|
|
3240
|
+
let animate = o.animate ? o.animateClass : false;
|
|
3385
3241
|
|
|
3386
|
-
|
|
3387
|
-
|
|
3388
|
-
|
|
3389
|
-
|
|
3390
|
-
|
|
3391
|
-
|
|
3392
|
-
|
|
3393
|
-
|
|
3242
|
+
html.container = build(t.container);
|
|
3243
|
+
html.dialog = build(t.dialog);
|
|
3244
|
+
html.content = build(t.content);
|
|
3245
|
+
html.header = build(t.header);
|
|
3246
|
+
html.headerClose = build(t.headerClose);
|
|
3247
|
+
html.body = build(t.body);
|
|
3248
|
+
html.footer = build(t.footer);
|
|
3249
|
+
if (animate) html.container.classList.add(animate);
|
|
3394
3250
|
|
|
3395
|
-
|
|
3396
|
-
|
|
3397
|
-
|
|
3251
|
+
this._setHeader();
|
|
3252
|
+
this._setContent();
|
|
3253
|
+
this._setFooter();
|
|
3398
3254
|
|
|
3399
|
-
|
|
3255
|
+
this.el = html.container;
|
|
3400
3256
|
|
|
3401
|
-
|
|
3402
|
-
|
|
3257
|
+
html.dialog.appendChild(html.content);
|
|
3258
|
+
html.container.appendChild(html.dialog);
|
|
3403
3259
|
|
|
3404
|
-
|
|
3260
|
+
return this;
|
|
3261
|
+
}
|
|
3262
|
+
|
|
3263
|
+
_mapDom() {
|
|
3264
|
+
let html = this._html;
|
|
3265
|
+
let o = this._options;
|
|
3266
|
+
|
|
3267
|
+
if (this.el.classList.contains(o.animateClass)) {
|
|
3268
|
+
o.animate = true;
|
|
3405
3269
|
}
|
|
3406
|
-
}, {
|
|
3407
|
-
key: '_mapDom',
|
|
3408
|
-
value: function _mapDom() {
|
|
3409
|
-
var html = this._html;
|
|
3410
|
-
var o = this._options;
|
|
3411
|
-
|
|
3412
|
-
if (this.el.classList.contains(o.animateClass)) {
|
|
3413
|
-
o.animate = true;
|
|
3414
|
-
}
|
|
3415
3270
|
|
|
3416
|
-
|
|
3417
|
-
|
|
3418
|
-
|
|
3419
|
-
|
|
3420
|
-
|
|
3421
|
-
|
|
3422
|
-
|
|
3271
|
+
html.container = this.el;
|
|
3272
|
+
html.dialog = this.el.querySelector('.modal-dialog');
|
|
3273
|
+
html.content = this.el.querySelector('.modal-content');
|
|
3274
|
+
html.header = this.el.querySelector('.modal-header');
|
|
3275
|
+
html.headerClose = this.el.querySelector('.modal-header .close');
|
|
3276
|
+
html.body = this.el.querySelector('.modal-body');
|
|
3277
|
+
html.footer = this.el.querySelector('.modal-footer');
|
|
3423
3278
|
|
|
3424
|
-
|
|
3425
|
-
|
|
3426
|
-
|
|
3279
|
+
this._setHeader();
|
|
3280
|
+
this._setContent();
|
|
3281
|
+
this._setFooter();
|
|
3427
3282
|
|
|
3428
|
-
|
|
3429
|
-
|
|
3430
|
-
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
|
|
3435
|
-
|
|
3436
|
-
if (o.
|
|
3437
|
-
|
|
3438
|
-
|
|
3439
|
-
|
|
3440
|
-
|
|
3441
|
-
|
|
3442
|
-
|
|
3443
|
-
|
|
3444
|
-
|
|
3445
|
-
|
|
3446
|
-
|
|
3447
|
-
html.content.appendChild(html.header);
|
|
3448
|
-
}
|
|
3283
|
+
return this;
|
|
3284
|
+
}
|
|
3285
|
+
|
|
3286
|
+
_setHeader() {
|
|
3287
|
+
let html = this._html;
|
|
3288
|
+
let o = this._options;
|
|
3289
|
+
|
|
3290
|
+
if (o.header && html.header) {
|
|
3291
|
+
if (o.title.nodeName) {
|
|
3292
|
+
html.header.innerHTML = o.title.outerHTML;
|
|
3293
|
+
} else if (typeof o.title === 'string') {
|
|
3294
|
+
html.header.innerHTML = `<h4 class="modal-title">${o.title}</h4>`;
|
|
3295
|
+
}
|
|
3296
|
+
// Add header close button only to constructed modals.
|
|
3297
|
+
if (this.el === null && html.headerClose && o.headerClose) {
|
|
3298
|
+
html.header.appendChild(html.headerClose);
|
|
3299
|
+
}
|
|
3300
|
+
if (o.construct) {
|
|
3301
|
+
html.content.appendChild(html.header);
|
|
3449
3302
|
}
|
|
3450
3303
|
}
|
|
3451
|
-
}
|
|
3452
|
-
|
|
3453
|
-
|
|
3454
|
-
|
|
3455
|
-
|
|
3456
|
-
|
|
3457
|
-
|
|
3458
|
-
|
|
3459
|
-
|
|
3460
|
-
|
|
3461
|
-
|
|
3462
|
-
|
|
3463
|
-
|
|
3464
|
-
|
|
3465
|
-
}
|
|
3304
|
+
}
|
|
3305
|
+
|
|
3306
|
+
_setContent() {
|
|
3307
|
+
let html = this._html;
|
|
3308
|
+
let o = this._options;
|
|
3309
|
+
|
|
3310
|
+
if (o.content && html.body) {
|
|
3311
|
+
if (typeof o.content === 'string') {
|
|
3312
|
+
html.body.innerHTML = o.content;
|
|
3313
|
+
} else {
|
|
3314
|
+
html.body.innerHTML = o.content.outerHTML;
|
|
3315
|
+
}
|
|
3316
|
+
if (o.construct) {
|
|
3317
|
+
html.content.appendChild(html.body);
|
|
3466
3318
|
}
|
|
3467
3319
|
}
|
|
3468
|
-
}
|
|
3469
|
-
|
|
3470
|
-
|
|
3471
|
-
|
|
3472
|
-
|
|
3473
|
-
|
|
3474
|
-
|
|
3475
|
-
|
|
3476
|
-
|
|
3477
|
-
|
|
3478
|
-
|
|
3479
|
-
|
|
3480
|
-
|
|
3481
|
-
|
|
3482
|
-
|
|
3483
|
-
|
|
3484
|
-
|
|
3485
|
-
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
}
|
|
3320
|
+
}
|
|
3321
|
+
|
|
3322
|
+
_setFooter() {
|
|
3323
|
+
let html = this._html;
|
|
3324
|
+
let o = this._options;
|
|
3325
|
+
|
|
3326
|
+
if (o.footer && html.footer) {
|
|
3327
|
+
if (o.footer.nodeName) {
|
|
3328
|
+
html.footer.ineerHTML = o.footer.outerHTML;
|
|
3329
|
+
} else if (typeof o.footer === 'string') {
|
|
3330
|
+
html.footer.innerHTML = o.footer;
|
|
3331
|
+
} else if (! html.footer.children.length) {
|
|
3332
|
+
o.buttons.forEach((button) => {
|
|
3333
|
+
let el = document.createElement('button');
|
|
3334
|
+
data(el, 'button', button);
|
|
3335
|
+
el.innerHTML = button.text;
|
|
3336
|
+
el.setAttribute('type', 'button');
|
|
3337
|
+
for (let j in button.attr) {
|
|
3338
|
+
el.setAttribute(j, button.attr[j]);
|
|
3339
|
+
}
|
|
3340
|
+
html.footer.appendChild(el);
|
|
3341
|
+
});
|
|
3342
|
+
}
|
|
3343
|
+
if (o.construct) {
|
|
3344
|
+
html.content.appendChild(html.footer);
|
|
3494
3345
|
}
|
|
3495
3346
|
}
|
|
3496
|
-
}, {
|
|
3497
|
-
key: '_setEvents',
|
|
3498
|
-
value: function _setEvents() {
|
|
3499
|
-
this._options;
|
|
3500
|
-
var html = this._html;
|
|
3501
3347
|
|
|
3502
|
-
|
|
3503
|
-
document.body.addEventListener('keydown', this._events.keydownHandler);
|
|
3348
|
+
}
|
|
3504
3349
|
|
|
3505
|
-
|
|
3506
|
-
|
|
3350
|
+
_setEvents() {
|
|
3351
|
+
this._options;
|
|
3352
|
+
let html = this._html;
|
|
3507
3353
|
|
|
3508
|
-
|
|
3509
|
-
|
|
3354
|
+
this._events.keydownHandler = this._handleKeydownEvent.bind(this);
|
|
3355
|
+
document.body.addEventListener('keydown',
|
|
3356
|
+
this._events.keydownHandler
|
|
3357
|
+
);
|
|
3510
3358
|
|
|
3511
|
-
|
|
3512
|
-
|
|
3513
|
-
|
|
3514
|
-
|
|
3515
|
-
key: '_handleMousedownEvent',
|
|
3516
|
-
value: function _handleMousedownEvent(e) {
|
|
3517
|
-
var _this2 = this;
|
|
3518
|
-
|
|
3519
|
-
this._pointerInContent = false;
|
|
3520
|
-
var path = getPath(e.target);
|
|
3521
|
-
path.every(function (node) {
|
|
3522
|
-
if (node.classList && node.classList.contains('modal-content')) {
|
|
3523
|
-
_this2._pointerInContent = true;
|
|
3524
|
-
return false;
|
|
3525
|
-
}
|
|
3526
|
-
return true;
|
|
3527
|
-
});
|
|
3528
|
-
}
|
|
3529
|
-
}, {
|
|
3530
|
-
key: '_handleClickEvent',
|
|
3531
|
-
value: function _handleClickEvent(e) {
|
|
3532
|
-
var _this3 = this;
|
|
3533
|
-
|
|
3534
|
-
var path = getPath(e.target);
|
|
3535
|
-
path.every(function (node) {
|
|
3536
|
-
if (node.tagName === 'HTML') {
|
|
3537
|
-
return false;
|
|
3538
|
-
}
|
|
3539
|
-
if (_this3._options.backdrop !== true && node.classList.contains('modal')) {
|
|
3540
|
-
return false;
|
|
3541
|
-
}
|
|
3542
|
-
if (node.classList.contains('modal-content')) {
|
|
3543
|
-
return false;
|
|
3544
|
-
}
|
|
3545
|
-
if (node.getAttribute('data-dismiss') === 'modal') {
|
|
3546
|
-
_this3.emit('dismiss', _this3, e, data(e.target, 'button'));
|
|
3547
|
-
_this3.hide();
|
|
3548
|
-
return false;
|
|
3549
|
-
}
|
|
3359
|
+
this._events.mousedownHandler = this._handleMousedownEvent.bind(this);
|
|
3360
|
+
html.container.addEventListener('mousedown',
|
|
3361
|
+
this._events.mousedownHandler
|
|
3362
|
+
);
|
|
3550
3363
|
|
|
3551
|
-
|
|
3552
|
-
|
|
3553
|
-
|
|
3554
|
-
|
|
3555
|
-
}
|
|
3556
|
-
return true;
|
|
3557
|
-
});
|
|
3364
|
+
this._events.clickHandler = this._handleClickEvent.bind(this);
|
|
3365
|
+
html.container.addEventListener('click',
|
|
3366
|
+
this._events.clickHandler
|
|
3367
|
+
);
|
|
3558
3368
|
|
|
3559
|
-
|
|
3560
|
-
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3369
|
+
this._events.resizeHandler = this._handleResizeEvent.bind(this);
|
|
3370
|
+
window.addEventListener('resize',
|
|
3371
|
+
this._events.resizeHandler
|
|
3372
|
+
);
|
|
3373
|
+
}
|
|
3374
|
+
|
|
3375
|
+
_handleMousedownEvent(e) {
|
|
3376
|
+
this._pointerInContent = false;
|
|
3377
|
+
let path = getPath(e.target);
|
|
3378
|
+
path.every(node => {
|
|
3379
|
+
if (node.classList && node.classList.contains('modal-content')) {
|
|
3380
|
+
this._pointerInContent = true;
|
|
3381
|
+
return false;
|
|
3382
|
+
}
|
|
3383
|
+
return true;
|
|
3384
|
+
});
|
|
3385
|
+
}
|
|
3386
|
+
|
|
3387
|
+
_handleClickEvent(e) {
|
|
3388
|
+
let path = getPath(e.target);
|
|
3389
|
+
path.every(node => {
|
|
3390
|
+
if (node.tagName === 'HTML') {
|
|
3391
|
+
return false;
|
|
3392
|
+
}
|
|
3393
|
+
if (this._options.backdrop !== true && node.classList.contains('modal')) {
|
|
3394
|
+
return false;
|
|
3395
|
+
}
|
|
3396
|
+
if (node.classList.contains('modal-content')) {
|
|
3397
|
+
return false;
|
|
3398
|
+
}
|
|
3399
|
+
if (node.getAttribute('data-dismiss') === 'modal') {
|
|
3400
|
+
this.emit('dismiss', this, e, data(e.target, 'button'));
|
|
3401
|
+
this.hide();
|
|
3402
|
+
return false;
|
|
3403
|
+
}
|
|
3404
|
+
|
|
3405
|
+
if (!this._pointerInContent && node.classList.contains('modal')) {
|
|
3565
3406
|
this.emit('dismiss', this, e, null);
|
|
3566
3407
|
this.hide();
|
|
3408
|
+
return false;
|
|
3567
3409
|
}
|
|
3568
|
-
|
|
3569
|
-
|
|
3570
|
-
key: '_handleResizeEvent',
|
|
3571
|
-
value: function _handleResizeEvent(e) {
|
|
3572
|
-
this._resize();
|
|
3573
|
-
}
|
|
3574
|
-
}, {
|
|
3575
|
-
key: 'show',
|
|
3576
|
-
value: function show() {
|
|
3577
|
-
var _this4 = this;
|
|
3410
|
+
return true;
|
|
3411
|
+
});
|
|
3578
3412
|
|
|
3579
|
-
|
|
3580
|
-
|
|
3581
|
-
this.emit('show', this);
|
|
3413
|
+
this._pointerInContent = false;
|
|
3414
|
+
}
|
|
3582
3415
|
|
|
3583
|
-
|
|
3584
|
-
|
|
3585
|
-
|
|
3416
|
+
_handleKeydownEvent(e) {
|
|
3417
|
+
if (e.which === 27 && this._options.keyboard) {
|
|
3418
|
+
this.emit('dismiss', this, e, null);
|
|
3419
|
+
this.hide();
|
|
3420
|
+
}
|
|
3421
|
+
}
|
|
3586
3422
|
|
|
3587
|
-
|
|
3588
|
-
|
|
3589
|
-
|
|
3423
|
+
_handleResizeEvent(e) {
|
|
3424
|
+
this._resize();
|
|
3425
|
+
}
|
|
3590
3426
|
|
|
3591
|
-
|
|
3592
|
-
|
|
3427
|
+
show() {
|
|
3428
|
+
let o = this._options;
|
|
3429
|
+
let html = this._html;
|
|
3430
|
+
this.emit('show', this);
|
|
3593
3431
|
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3432
|
+
this._checkScrollbar();
|
|
3433
|
+
this._setScrollbar();
|
|
3434
|
+
document.body.classList.add('modal-open');
|
|
3597
3435
|
|
|
3598
|
-
|
|
3436
|
+
if (o.construct) {
|
|
3437
|
+
html.appendTo.appendChild(html.container);
|
|
3438
|
+
}
|
|
3599
3439
|
|
|
3600
|
-
|
|
3440
|
+
html.container.style.display = 'block';
|
|
3441
|
+
html.container.scrollTop = 0;
|
|
3601
3442
|
|
|
3602
|
-
|
|
3603
|
-
|
|
3604
|
-
_this4.emit('shown', _this4);
|
|
3605
|
-
}, o.transition);
|
|
3606
|
-
});
|
|
3607
|
-
this._backdrop();
|
|
3608
|
-
} else {
|
|
3443
|
+
if (o.backdrop !== false) {
|
|
3444
|
+
this.once('showBackdrop', () => {
|
|
3609
3445
|
this._setEvents();
|
|
3610
3446
|
|
|
3611
3447
|
if (o.animate) html.container.offsetWidth; // Force reflow
|
|
3612
3448
|
|
|
3613
3449
|
html.container.classList.add(o.animateInClass);
|
|
3614
3450
|
|
|
3615
|
-
setTimeout(
|
|
3616
|
-
|
|
3617
|
-
|
|
3451
|
+
setTimeout(() => {
|
|
3452
|
+
this._visible = true;
|
|
3453
|
+
this.emit('shown', this);
|
|
3618
3454
|
}, o.transition);
|
|
3619
|
-
}
|
|
3620
|
-
this.
|
|
3455
|
+
});
|
|
3456
|
+
this._backdrop();
|
|
3457
|
+
} else {
|
|
3458
|
+
this._setEvents();
|
|
3621
3459
|
|
|
3622
|
-
|
|
3623
|
-
|
|
3624
|
-
|
|
3625
|
-
|
|
3626
|
-
|
|
3627
|
-
|
|
3628
|
-
this.
|
|
3629
|
-
}
|
|
3630
|
-
this.show();
|
|
3631
|
-
}
|
|
3460
|
+
if (o.animate) html.container.offsetWidth; // Force reflow
|
|
3461
|
+
|
|
3462
|
+
html.container.classList.add(o.animateInClass);
|
|
3463
|
+
|
|
3464
|
+
setTimeout(() => {
|
|
3465
|
+
this._visible = true;
|
|
3466
|
+
this.emit('shown', this);
|
|
3467
|
+
}, o.transition);
|
|
3632
3468
|
}
|
|
3633
|
-
|
|
3634
|
-
key: '_resize',
|
|
3635
|
-
value: function _resize() {
|
|
3636
|
-
var modalIsOverflowing = this._html.container.scrollHeight > document.documentElement.clientHeight;
|
|
3469
|
+
this._resize();
|
|
3637
3470
|
|
|
3638
|
-
|
|
3471
|
+
return this;
|
|
3472
|
+
}
|
|
3639
3473
|
|
|
3640
|
-
|
|
3474
|
+
toggle() {
|
|
3475
|
+
if (this._visible) {
|
|
3476
|
+
this.hide();
|
|
3477
|
+
} else {
|
|
3478
|
+
this.show();
|
|
3641
3479
|
}
|
|
3642
|
-
}
|
|
3643
|
-
key: '_backdrop',
|
|
3644
|
-
value: function _backdrop() {
|
|
3645
|
-
var _this5 = this;
|
|
3480
|
+
}
|
|
3646
3481
|
|
|
3647
|
-
|
|
3648
|
-
|
|
3649
|
-
|
|
3650
|
-
var animate = o.animate ? o.animateClass : false;
|
|
3482
|
+
_resize() {
|
|
3483
|
+
var modalIsOverflowing =
|
|
3484
|
+
this._html.container.scrollHeight > document.documentElement.clientHeight;
|
|
3651
3485
|
|
|
3652
|
-
|
|
3653
|
-
|
|
3654
|
-
html.appendTo.appendChild(html.backdrop);
|
|
3486
|
+
this._html.container.style.paddingLeft =
|
|
3487
|
+
! this.bodyIsOverflowing && modalIsOverflowing ? this._scrollbarWidth + 'px' : '';
|
|
3655
3488
|
|
|
3656
|
-
|
|
3489
|
+
this._html.container.style.paddingRight =
|
|
3490
|
+
this.bodyIsOverflowing && ! modalIsOverflowing ? this._scrollbarWidth + 'px' : '';
|
|
3491
|
+
}
|
|
3657
3492
|
|
|
3658
|
-
|
|
3493
|
+
_backdrop() {
|
|
3494
|
+
let html = this._html;
|
|
3495
|
+
let t = this._templates;
|
|
3496
|
+
let o = this._options;
|
|
3497
|
+
let animate = o.animate ? o.animateClass : false;
|
|
3659
3498
|
|
|
3660
|
-
|
|
3661
|
-
|
|
3662
|
-
|
|
3663
|
-
}
|
|
3664
|
-
}, {
|
|
3665
|
-
key: 'hide',
|
|
3666
|
-
value: function hide() {
|
|
3667
|
-
var _this6 = this;
|
|
3499
|
+
html.backdrop = build(t.backdrop);
|
|
3500
|
+
if (animate) html.backdrop.classList.add(animate);
|
|
3501
|
+
html.appendTo.appendChild(html.backdrop);
|
|
3668
3502
|
|
|
3669
|
-
|
|
3670
|
-
var o = this._options;
|
|
3671
|
-
var contCList = html.container.classList;
|
|
3672
|
-
this.emit('hide', this);
|
|
3503
|
+
if (animate) html.backdrop.offsetWidth;
|
|
3673
3504
|
|
|
3674
|
-
|
|
3505
|
+
html.backdrop.classList.add(o.animateInClass);
|
|
3675
3506
|
|
|
3676
|
-
|
|
3677
|
-
|
|
3678
|
-
|
|
3679
|
-
|
|
3507
|
+
setTimeout(() => {
|
|
3508
|
+
this.emit('showBackdrop', this);
|
|
3509
|
+
}, this._options.backdropTransition);
|
|
3510
|
+
}
|
|
3680
3511
|
|
|
3681
|
-
|
|
3512
|
+
hide() {
|
|
3513
|
+
let html = this._html;
|
|
3514
|
+
let o = this._options;
|
|
3515
|
+
let contCList = html.container.classList;
|
|
3516
|
+
this.emit('hide', this);
|
|
3682
3517
|
|
|
3683
|
-
|
|
3684
|
-
document.body.classList.remove('modal-open');
|
|
3685
|
-
document.body.style.paddingRight = _this6.originalBodyPad;
|
|
3686
|
-
}, o.backdropTransition);
|
|
3518
|
+
contCList.remove(o.animateInClass);
|
|
3687
3519
|
|
|
3688
|
-
|
|
3689
|
-
|
|
3690
|
-
|
|
3691
|
-
|
|
3692
|
-
html.container.style.display = 'none';
|
|
3520
|
+
if (o.backdrop) {
|
|
3521
|
+
let backCList = html.backdrop.classList;
|
|
3522
|
+
backCList.remove(o.animateInClass);
|
|
3523
|
+
}
|
|
3693
3524
|
|
|
3694
|
-
|
|
3695
|
-
html.container.parentNode.removeChild(html.container);
|
|
3696
|
-
}
|
|
3525
|
+
this._removeEvents();
|
|
3697
3526
|
|
|
3698
|
-
|
|
3699
|
-
|
|
3700
|
-
|
|
3527
|
+
setTimeout(() => {
|
|
3528
|
+
document.body.classList.remove('modal-open');
|
|
3529
|
+
document.body.style.paddingRight = this.originalBodyPad;
|
|
3530
|
+
}, o.backdropTransition);
|
|
3701
3531
|
|
|
3702
|
-
|
|
3703
|
-
|
|
3704
|
-
|
|
3705
|
-
key: '_removeEvents',
|
|
3706
|
-
value: function _removeEvents() {
|
|
3707
|
-
if (this._events.keydownHandler) {
|
|
3708
|
-
document.body.removeEventListener('keydown', this._events.keydownHandler);
|
|
3532
|
+
setTimeout(() => {
|
|
3533
|
+
if (o.backdrop) {
|
|
3534
|
+
html.backdrop.parentNode.removeChild(html.backdrop);
|
|
3709
3535
|
}
|
|
3536
|
+
html.container.style.display = 'none';
|
|
3710
3537
|
|
|
3711
|
-
|
|
3538
|
+
if (o.construct) {
|
|
3539
|
+
html.container.parentNode.removeChild(html.container);
|
|
3540
|
+
}
|
|
3712
3541
|
|
|
3713
|
-
this.
|
|
3542
|
+
this._visible = false;
|
|
3543
|
+
this.emit('hidden', this);
|
|
3544
|
+
}, o.transition);
|
|
3714
3545
|
|
|
3715
|
-
|
|
3716
|
-
|
|
3717
|
-
}, {
|
|
3718
|
-
key: '_checkScrollbar',
|
|
3719
|
-
value: function _checkScrollbar() {
|
|
3720
|
-
this.bodyIsOverflowing = document.body.clientWidth < window.innerWidth;
|
|
3721
|
-
}
|
|
3722
|
-
}, {
|
|
3723
|
-
key: '_setScrollbar',
|
|
3724
|
-
value: function _setScrollbar() {
|
|
3725
|
-
this.originalBodyPad = document.body.style.paddingRight || '';
|
|
3726
|
-
if (this.bodyIsOverflowing) {
|
|
3727
|
-
var basePadding = parseInt(this.originalBodyPad || 0, 10);
|
|
3728
|
-
document.body.style.paddingRight = basePadding + this._scrollbarWidth + 'px';
|
|
3729
|
-
}
|
|
3730
|
-
}
|
|
3731
|
-
}]);
|
|
3546
|
+
return this;
|
|
3547
|
+
}
|
|
3732
3548
|
|
|
3733
|
-
|
|
3734
|
-
|
|
3549
|
+
_removeEvents() {
|
|
3550
|
+
if (this._events.keydownHandler) {
|
|
3551
|
+
document.body.removeEventListener('keydown',
|
|
3552
|
+
this._events.keydownHandler
|
|
3553
|
+
);
|
|
3554
|
+
}
|
|
3735
3555
|
|
|
3736
|
-
|
|
3556
|
+
this._html.container.removeEventListener('mousedown',
|
|
3557
|
+
this._events.mousedownHandler
|
|
3558
|
+
);
|
|
3737
3559
|
|
|
3738
|
-
|
|
3739
|
-
|
|
3740
|
-
|
|
3560
|
+
this._html.container.removeEventListener('click',
|
|
3561
|
+
this._events.clickHandler
|
|
3562
|
+
);
|
|
3741
3563
|
|
|
3742
|
-
|
|
3564
|
+
window.removeEventListener('resize',
|
|
3565
|
+
this._events.resizeHandler
|
|
3566
|
+
);
|
|
3567
|
+
}
|
|
3743
3568
|
|
|
3744
|
-
|
|
3745
|
-
|
|
3746
|
-
|
|
3569
|
+
_checkScrollbar() {
|
|
3570
|
+
this.bodyIsOverflowing = document.body.clientWidth < window.innerWidth;
|
|
3571
|
+
}
|
|
3747
3572
|
|
|
3748
|
-
|
|
3573
|
+
_setScrollbar() {
|
|
3574
|
+
this.originalBodyPad = document.body.style.paddingRight || '';
|
|
3575
|
+
if (this.bodyIsOverflowing) {
|
|
3576
|
+
let basePadding = parseInt(this.originalBodyPad || 0, 10);
|
|
3577
|
+
document.body.style.paddingRight = basePadding + this._scrollbarWidth + 'px';
|
|
3578
|
+
}
|
|
3579
|
+
}
|
|
3580
|
+
}
|
|
3749
3581
|
|
|
3750
3582
|
// External
|
|
3751
3583
|
let options = {};
|
|
@@ -4175,7 +4007,7 @@
|
|
|
4175
4007
|
/**
|
|
4176
4008
|
* Base class from which all layer types are derived.
|
|
4177
4009
|
*/
|
|
4178
|
-
class BaseLayer extends
|
|
4010
|
+
class BaseLayer extends Layer {
|
|
4179
4011
|
/**
|
|
4180
4012
|
* @private
|
|
4181
4013
|
*/
|
|
@@ -4302,7 +4134,7 @@
|
|
|
4302
4134
|
* @extends {ol/source/Vector~VectorSource}
|
|
4303
4135
|
* @param options
|
|
4304
4136
|
*/
|
|
4305
|
-
class WfsSource extends
|
|
4137
|
+
class WfsSource extends VectorSource {
|
|
4306
4138
|
urlParams = new URLSearchParams({
|
|
4307
4139
|
SERVICE: 'wfs',
|
|
4308
4140
|
REQUEST: 'GetFeature',
|
|
@@ -4312,7 +4144,7 @@
|
|
|
4312
4144
|
constructor(options) {
|
|
4313
4145
|
super({
|
|
4314
4146
|
...options,
|
|
4315
|
-
format: new
|
|
4147
|
+
format: new GeoJSON(),
|
|
4316
4148
|
loader: async (extent, resolution, projection, success, failure) => {
|
|
4317
4149
|
try {
|
|
4318
4150
|
// If bbox, add extent to the request
|
|
@@ -4367,7 +4199,7 @@
|
|
|
4367
4199
|
* @extends {ol/layer/Vector~VectorLayer}
|
|
4368
4200
|
* @param options
|
|
4369
4201
|
*/
|
|
4370
|
-
class WfsLayer extends Mixin(BaseLayer, (
|
|
4202
|
+
class WfsLayer extends Mixin(BaseLayer, (VectorLayer)) {
|
|
4371
4203
|
_loadingCount = 0;
|
|
4372
4204
|
_loadedCount = 0;
|
|
4373
4205
|
beforeTransactFeature;
|
|
@@ -4455,7 +4287,7 @@
|
|
|
4455
4287
|
* @extends {ol/source/TieWMS~TileWMS}
|
|
4456
4288
|
* @param options
|
|
4457
4289
|
*/
|
|
4458
|
-
class WmsSource extends
|
|
4290
|
+
class WmsSource extends TileWMS {
|
|
4459
4291
|
constructor(options) {
|
|
4460
4292
|
super({
|
|
4461
4293
|
url: options.geoserverUrl,
|
|
@@ -4511,7 +4343,7 @@
|
|
|
4511
4343
|
* @extends {ol/layer/Tile~TileLayer}
|
|
4512
4344
|
* @param options
|
|
4513
4345
|
*/
|
|
4514
|
-
class WmsLayer extends Mixin(BaseLayer, (
|
|
4346
|
+
class WmsLayer extends Mixin(BaseLayer, (TileLayer)) {
|
|
4515
4347
|
_loadingCount = 0;
|
|
4516
4348
|
_loadedCount = 0;
|
|
4517
4349
|
beforeTransactFeature;
|
|
@@ -4854,8 +4686,8 @@
|
|
|
4854
4686
|
}
|
|
4855
4687
|
}
|
|
4856
4688
|
|
|
4857
|
-
let editLayer = new
|
|
4858
|
-
source: new
|
|
4689
|
+
let editLayer = new VectorLayer({
|
|
4690
|
+
source: new VectorSource(),
|
|
4859
4691
|
zIndex: 100
|
|
4860
4692
|
});
|
|
4861
4693
|
const getEditLayer = () => {
|
|
@@ -5388,7 +5220,7 @@
|
|
|
5388
5220
|
* @extends {ol/Object~BaseObject}
|
|
5389
5221
|
* @param options
|
|
5390
5222
|
*/
|
|
5391
|
-
class Geoserver extends
|
|
5223
|
+
class Geoserver extends BaseObject$2 {
|
|
5392
5224
|
_options;
|
|
5393
5225
|
_countRequests;
|
|
5394
5226
|
_insertFeatures;
|
|
@@ -6648,7 +6480,7 @@
|
|
|
6648
6480
|
this._map.removeOverlay(overlay);
|
|
6649
6481
|
}
|
|
6650
6482
|
}
|
|
6651
|
-
class WfstEvent extends
|
|
6483
|
+
class WfstEvent extends BaseEvent$1 {
|
|
6652
6484
|
data;
|
|
6653
6485
|
layer;
|
|
6654
6486
|
constructor(options) {
|
|
@@ -6665,7 +6497,7 @@
|
|
|
6665
6497
|
};
|
|
6666
6498
|
Object.assign(Wfst, utils);
|
|
6667
6499
|
|
|
6668
|
-
exports
|
|
6500
|
+
exports.default = Wfst;
|
|
6669
6501
|
|
|
6670
6502
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
6671
6503
|
|