@ldmjs/ui 1.0.0-dev-2 → 1.0.0-dev-3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -1
- package/config/rules.js +51 -0
- package/config/webpack.config.build.js +14 -30
- package/config/webpack.config.dev.js +3 -31
- package/dist/css/index.css +86 -0
- package/dist/index.js +654 -5
- package/dist/scss/_colors.scss +73 -0
- package/dist/scss/_variables.scss +5 -0
- package/dist/scss/index.scss +2 -0
- package/dist/utils.d.ts +4 -0
- package/main.ts +25 -3
- package/package.json +14 -10
- package/src/app.vue +4 -1
- package/src/css/index.css +86 -0
- package/src/index.ts +18 -2
- package/src/ld-icon/index.ts +2 -2
- package/src/ld-loader/index.ts +8 -0
- package/src/ld-loader/ld-loader.ts +123 -0
- package/src/ld-loader/ld-loader.vue +133 -0
- package/src/scss/_colors.scss +73 -0
- package/src/scss/_variables.scss +5 -0
- package/src/scss/index.scss +2 -0
- package/src/utils/isDefined.ts +5 -0
- package/src/utils/zIndex.ts +11 -0
- package/src/utils.d.ts +4 -0
package/dist/index.js
CHANGED
|
@@ -12,6 +12,380 @@ return /******/ (() => { // webpackBootstrap
|
|
|
12
12
|
/******/ "use strict";
|
|
13
13
|
/******/ var __webpack_modules__ = ({
|
|
14
14
|
|
|
15
|
+
/***/ 63:
|
|
16
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
17
|
+
|
|
18
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
19
|
+
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
20
|
+
/* harmony export */ });
|
|
21
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(601);
|
|
22
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
23
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
|
|
24
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
25
|
+
// Imports
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
29
|
+
// Module
|
|
30
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.loader[data-v-a5beedac]{width:100%;height:100%;top:0px;left:0px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:opacity 0.15s linear}.loader__icon[data-v-a5beedac]{vertical-align:middle;height:48px}.loader__icon-gray[data-v-a5beedac]{color:var(--grey-l-5)}.loader .circle.small[data-v-a5beedac]{width:calc(var(--font-size) + 4px);height:calc(var(--font-size) + 4px);border-width:3px}.loader .circle.big[data-v-a5beedac]{width:calc(var(--font-size) * 3);height:calc(var(--font-size) * 3);border-width:3px}.loader .circle[data-v-a5beedac]{animation:rotating-a5beedac 0.7s linear infinite;width:calc(var(--font-size) * 2);height:calc(var(--font-size) * 2);border-radius:50%;border:2px solid transparent}.loader.loader__color-primary[data-v-a5beedac]:not(.loader__transparent){background:rgba(255,255,255,0.5)}.loader.loader__color-primary .circle[data-v-a5beedac]{border-right-color:var(--primary);border-bottom-color:var(--primary)}.loader.loader__color-white[data-v-a5beedac]{background:none}.loader.loader__color-white .circle[data-v-a5beedac]{border-right-color:var(--white);border-bottom-color:var(--white)}.loader.loader__white-bg[data-v-a5beedac]:not(.loader__transparent){background:#fff}.loading-mask-global[data-v-a5beedac]{position:fixed !important;width:100vw !important;height:100vh !important}.loading-mask[data-v-a5beedac]{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.loader__relative[data-v-a5beedac]{position:relative}@-moz-keyframes rotating-a5beedac{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotating-a5beedac{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes rotating-a5beedac{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotating-a5beedac{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
|
|
31
|
+
`, ""]);
|
|
32
|
+
// Exports
|
|
33
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
/***/ }),
|
|
37
|
+
|
|
38
|
+
/***/ 314:
|
|
39
|
+
/***/ ((module) => {
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
/*
|
|
44
|
+
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
45
|
+
Author Tobias Koppers @sokra
|
|
46
|
+
*/
|
|
47
|
+
module.exports = function (cssWithMappingToString) {
|
|
48
|
+
var list = [];
|
|
49
|
+
|
|
50
|
+
// return the list of modules as css string
|
|
51
|
+
list.toString = function toString() {
|
|
52
|
+
return this.map(function (item) {
|
|
53
|
+
var content = "";
|
|
54
|
+
var needLayer = typeof item[5] !== "undefined";
|
|
55
|
+
if (item[4]) {
|
|
56
|
+
content += "@supports (".concat(item[4], ") {");
|
|
57
|
+
}
|
|
58
|
+
if (item[2]) {
|
|
59
|
+
content += "@media ".concat(item[2], " {");
|
|
60
|
+
}
|
|
61
|
+
if (needLayer) {
|
|
62
|
+
content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
|
|
63
|
+
}
|
|
64
|
+
content += cssWithMappingToString(item);
|
|
65
|
+
if (needLayer) {
|
|
66
|
+
content += "}";
|
|
67
|
+
}
|
|
68
|
+
if (item[2]) {
|
|
69
|
+
content += "}";
|
|
70
|
+
}
|
|
71
|
+
if (item[4]) {
|
|
72
|
+
content += "}";
|
|
73
|
+
}
|
|
74
|
+
return content;
|
|
75
|
+
}).join("");
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
// import a list of modules into the list
|
|
79
|
+
list.i = function i(modules, media, dedupe, supports, layer) {
|
|
80
|
+
if (typeof modules === "string") {
|
|
81
|
+
modules = [[null, modules, undefined]];
|
|
82
|
+
}
|
|
83
|
+
var alreadyImportedModules = {};
|
|
84
|
+
if (dedupe) {
|
|
85
|
+
for (var k = 0; k < this.length; k++) {
|
|
86
|
+
var id = this[k][0];
|
|
87
|
+
if (id != null) {
|
|
88
|
+
alreadyImportedModules[id] = true;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
for (var _k = 0; _k < modules.length; _k++) {
|
|
93
|
+
var item = [].concat(modules[_k]);
|
|
94
|
+
if (dedupe && alreadyImportedModules[item[0]]) {
|
|
95
|
+
continue;
|
|
96
|
+
}
|
|
97
|
+
if (typeof layer !== "undefined") {
|
|
98
|
+
if (typeof item[5] === "undefined") {
|
|
99
|
+
item[5] = layer;
|
|
100
|
+
} else {
|
|
101
|
+
item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
|
|
102
|
+
item[5] = layer;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
if (media) {
|
|
106
|
+
if (!item[2]) {
|
|
107
|
+
item[2] = media;
|
|
108
|
+
} else {
|
|
109
|
+
item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
|
|
110
|
+
item[2] = media;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
if (supports) {
|
|
114
|
+
if (!item[4]) {
|
|
115
|
+
item[4] = "".concat(supports);
|
|
116
|
+
} else {
|
|
117
|
+
item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
|
|
118
|
+
item[4] = supports;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
list.push(item);
|
|
122
|
+
}
|
|
123
|
+
};
|
|
124
|
+
return list;
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
/***/ }),
|
|
128
|
+
|
|
129
|
+
/***/ 601:
|
|
130
|
+
/***/ ((module) => {
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
module.exports = function (i) {
|
|
135
|
+
return i[1];
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
/***/ }),
|
|
139
|
+
|
|
140
|
+
/***/ 72:
|
|
141
|
+
/***/ ((module) => {
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
var stylesInDOM = [];
|
|
146
|
+
function getIndexByIdentifier(identifier) {
|
|
147
|
+
var result = -1;
|
|
148
|
+
for (var i = 0; i < stylesInDOM.length; i++) {
|
|
149
|
+
if (stylesInDOM[i].identifier === identifier) {
|
|
150
|
+
result = i;
|
|
151
|
+
break;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
return result;
|
|
155
|
+
}
|
|
156
|
+
function modulesToDom(list, options) {
|
|
157
|
+
var idCountMap = {};
|
|
158
|
+
var identifiers = [];
|
|
159
|
+
for (var i = 0; i < list.length; i++) {
|
|
160
|
+
var item = list[i];
|
|
161
|
+
var id = options.base ? item[0] + options.base : item[0];
|
|
162
|
+
var count = idCountMap[id] || 0;
|
|
163
|
+
var identifier = "".concat(id, " ").concat(count);
|
|
164
|
+
idCountMap[id] = count + 1;
|
|
165
|
+
var indexByIdentifier = getIndexByIdentifier(identifier);
|
|
166
|
+
var obj = {
|
|
167
|
+
css: item[1],
|
|
168
|
+
media: item[2],
|
|
169
|
+
sourceMap: item[3],
|
|
170
|
+
supports: item[4],
|
|
171
|
+
layer: item[5]
|
|
172
|
+
};
|
|
173
|
+
if (indexByIdentifier !== -1) {
|
|
174
|
+
stylesInDOM[indexByIdentifier].references++;
|
|
175
|
+
stylesInDOM[indexByIdentifier].updater(obj);
|
|
176
|
+
} else {
|
|
177
|
+
var updater = addElementStyle(obj, options);
|
|
178
|
+
options.byIndex = i;
|
|
179
|
+
stylesInDOM.splice(i, 0, {
|
|
180
|
+
identifier: identifier,
|
|
181
|
+
updater: updater,
|
|
182
|
+
references: 1
|
|
183
|
+
});
|
|
184
|
+
}
|
|
185
|
+
identifiers.push(identifier);
|
|
186
|
+
}
|
|
187
|
+
return identifiers;
|
|
188
|
+
}
|
|
189
|
+
function addElementStyle(obj, options) {
|
|
190
|
+
var api = options.domAPI(options);
|
|
191
|
+
api.update(obj);
|
|
192
|
+
var updater = function updater(newObj) {
|
|
193
|
+
if (newObj) {
|
|
194
|
+
if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
|
|
195
|
+
return;
|
|
196
|
+
}
|
|
197
|
+
api.update(obj = newObj);
|
|
198
|
+
} else {
|
|
199
|
+
api.remove();
|
|
200
|
+
}
|
|
201
|
+
};
|
|
202
|
+
return updater;
|
|
203
|
+
}
|
|
204
|
+
module.exports = function (list, options) {
|
|
205
|
+
options = options || {};
|
|
206
|
+
list = list || [];
|
|
207
|
+
var lastIdentifiers = modulesToDom(list, options);
|
|
208
|
+
return function update(newList) {
|
|
209
|
+
newList = newList || [];
|
|
210
|
+
for (var i = 0; i < lastIdentifiers.length; i++) {
|
|
211
|
+
var identifier = lastIdentifiers[i];
|
|
212
|
+
var index = getIndexByIdentifier(identifier);
|
|
213
|
+
stylesInDOM[index].references--;
|
|
214
|
+
}
|
|
215
|
+
var newLastIdentifiers = modulesToDom(newList, options);
|
|
216
|
+
for (var _i = 0; _i < lastIdentifiers.length; _i++) {
|
|
217
|
+
var _identifier = lastIdentifiers[_i];
|
|
218
|
+
var _index = getIndexByIdentifier(_identifier);
|
|
219
|
+
if (stylesInDOM[_index].references === 0) {
|
|
220
|
+
stylesInDOM[_index].updater();
|
|
221
|
+
stylesInDOM.splice(_index, 1);
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
lastIdentifiers = newLastIdentifiers;
|
|
225
|
+
};
|
|
226
|
+
};
|
|
227
|
+
|
|
228
|
+
/***/ }),
|
|
229
|
+
|
|
230
|
+
/***/ 659:
|
|
231
|
+
/***/ ((module) => {
|
|
232
|
+
|
|
233
|
+
|
|
234
|
+
|
|
235
|
+
var memo = {};
|
|
236
|
+
|
|
237
|
+
/* istanbul ignore next */
|
|
238
|
+
function getTarget(target) {
|
|
239
|
+
if (typeof memo[target] === "undefined") {
|
|
240
|
+
var styleTarget = document.querySelector(target);
|
|
241
|
+
|
|
242
|
+
// Special case to return head of iframe instead of iframe itself
|
|
243
|
+
if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
|
|
244
|
+
try {
|
|
245
|
+
// This will throw an exception if access to iframe is blocked
|
|
246
|
+
// due to cross-origin restrictions
|
|
247
|
+
styleTarget = styleTarget.contentDocument.head;
|
|
248
|
+
} catch (e) {
|
|
249
|
+
// istanbul ignore next
|
|
250
|
+
styleTarget = null;
|
|
251
|
+
}
|
|
252
|
+
}
|
|
253
|
+
memo[target] = styleTarget;
|
|
254
|
+
}
|
|
255
|
+
return memo[target];
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
/* istanbul ignore next */
|
|
259
|
+
function insertBySelector(insert, style) {
|
|
260
|
+
var target = getTarget(insert);
|
|
261
|
+
if (!target) {
|
|
262
|
+
throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
|
|
263
|
+
}
|
|
264
|
+
target.appendChild(style);
|
|
265
|
+
}
|
|
266
|
+
module.exports = insertBySelector;
|
|
267
|
+
|
|
268
|
+
/***/ }),
|
|
269
|
+
|
|
270
|
+
/***/ 540:
|
|
271
|
+
/***/ ((module) => {
|
|
272
|
+
|
|
273
|
+
|
|
274
|
+
|
|
275
|
+
/* istanbul ignore next */
|
|
276
|
+
function insertStyleElement(options) {
|
|
277
|
+
var element = document.createElement("style");
|
|
278
|
+
options.setAttributes(element, options.attributes);
|
|
279
|
+
options.insert(element, options.options);
|
|
280
|
+
return element;
|
|
281
|
+
}
|
|
282
|
+
module.exports = insertStyleElement;
|
|
283
|
+
|
|
284
|
+
/***/ }),
|
|
285
|
+
|
|
286
|
+
/***/ 56:
|
|
287
|
+
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
288
|
+
|
|
289
|
+
|
|
290
|
+
|
|
291
|
+
/* istanbul ignore next */
|
|
292
|
+
function setAttributesWithoutAttributes(styleElement) {
|
|
293
|
+
var nonce = true ? __webpack_require__.nc : 0;
|
|
294
|
+
if (nonce) {
|
|
295
|
+
styleElement.setAttribute("nonce", nonce);
|
|
296
|
+
}
|
|
297
|
+
}
|
|
298
|
+
module.exports = setAttributesWithoutAttributes;
|
|
299
|
+
|
|
300
|
+
/***/ }),
|
|
301
|
+
|
|
302
|
+
/***/ 825:
|
|
303
|
+
/***/ ((module) => {
|
|
304
|
+
|
|
305
|
+
|
|
306
|
+
|
|
307
|
+
/* istanbul ignore next */
|
|
308
|
+
function apply(styleElement, options, obj) {
|
|
309
|
+
var css = "";
|
|
310
|
+
if (obj.supports) {
|
|
311
|
+
css += "@supports (".concat(obj.supports, ") {");
|
|
312
|
+
}
|
|
313
|
+
if (obj.media) {
|
|
314
|
+
css += "@media ".concat(obj.media, " {");
|
|
315
|
+
}
|
|
316
|
+
var needLayer = typeof obj.layer !== "undefined";
|
|
317
|
+
if (needLayer) {
|
|
318
|
+
css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
|
|
319
|
+
}
|
|
320
|
+
css += obj.css;
|
|
321
|
+
if (needLayer) {
|
|
322
|
+
css += "}";
|
|
323
|
+
}
|
|
324
|
+
if (obj.media) {
|
|
325
|
+
css += "}";
|
|
326
|
+
}
|
|
327
|
+
if (obj.supports) {
|
|
328
|
+
css += "}";
|
|
329
|
+
}
|
|
330
|
+
var sourceMap = obj.sourceMap;
|
|
331
|
+
if (sourceMap && typeof btoa !== "undefined") {
|
|
332
|
+
css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
// For old IE
|
|
336
|
+
/* istanbul ignore if */
|
|
337
|
+
options.styleTagTransform(css, styleElement, options.options);
|
|
338
|
+
}
|
|
339
|
+
function removeStyleElement(styleElement) {
|
|
340
|
+
// istanbul ignore if
|
|
341
|
+
if (styleElement.parentNode === null) {
|
|
342
|
+
return false;
|
|
343
|
+
}
|
|
344
|
+
styleElement.parentNode.removeChild(styleElement);
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
/* istanbul ignore next */
|
|
348
|
+
function domAPI(options) {
|
|
349
|
+
if (typeof document === "undefined") {
|
|
350
|
+
return {
|
|
351
|
+
update: function update() {},
|
|
352
|
+
remove: function remove() {}
|
|
353
|
+
};
|
|
354
|
+
}
|
|
355
|
+
var styleElement = options.insertStyleElement(options);
|
|
356
|
+
return {
|
|
357
|
+
update: function update(obj) {
|
|
358
|
+
apply(styleElement, options, obj);
|
|
359
|
+
},
|
|
360
|
+
remove: function remove() {
|
|
361
|
+
removeStyleElement(styleElement);
|
|
362
|
+
}
|
|
363
|
+
};
|
|
364
|
+
}
|
|
365
|
+
module.exports = domAPI;
|
|
366
|
+
|
|
367
|
+
/***/ }),
|
|
368
|
+
|
|
369
|
+
/***/ 113:
|
|
370
|
+
/***/ ((module) => {
|
|
371
|
+
|
|
372
|
+
|
|
373
|
+
|
|
374
|
+
/* istanbul ignore next */
|
|
375
|
+
function styleTagTransform(css, styleElement) {
|
|
376
|
+
if (styleElement.styleSheet) {
|
|
377
|
+
styleElement.styleSheet.cssText = css;
|
|
378
|
+
} else {
|
|
379
|
+
while (styleElement.firstChild) {
|
|
380
|
+
styleElement.removeChild(styleElement.firstChild);
|
|
381
|
+
}
|
|
382
|
+
styleElement.appendChild(document.createTextNode(css));
|
|
383
|
+
}
|
|
384
|
+
}
|
|
385
|
+
module.exports = styleTagTransform;
|
|
386
|
+
|
|
387
|
+
/***/ }),
|
|
388
|
+
|
|
15
389
|
/***/ 262:
|
|
16
390
|
/***/ ((__unused_webpack_module, exports) => {
|
|
17
391
|
|
|
@@ -66,7 +440,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__70__;
|
|
|
66
440
|
/******/ }
|
|
67
441
|
/******/ // Create a new module (and put it into the cache)
|
|
68
442
|
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
69
|
-
/******/
|
|
443
|
+
/******/ id: moduleId,
|
|
70
444
|
/******/ // no module.loaded needed
|
|
71
445
|
/******/ exports: {}
|
|
72
446
|
/******/ };
|
|
@@ -79,6 +453,18 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__70__;
|
|
|
79
453
|
/******/ }
|
|
80
454
|
/******/
|
|
81
455
|
/************************************************************************/
|
|
456
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
457
|
+
/******/ (() => {
|
|
458
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
459
|
+
/******/ __webpack_require__.n = (module) => {
|
|
460
|
+
/******/ var getter = module && module.__esModule ?
|
|
461
|
+
/******/ () => (module['default']) :
|
|
462
|
+
/******/ () => (module);
|
|
463
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
464
|
+
/******/ return getter;
|
|
465
|
+
/******/ };
|
|
466
|
+
/******/ })();
|
|
467
|
+
/******/
|
|
82
468
|
/******/ /* webpack/runtime/define property getters */
|
|
83
469
|
/******/ (() => {
|
|
84
470
|
/******/ // define getter functions for harmony exports
|
|
@@ -107,6 +493,11 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__70__;
|
|
|
107
493
|
/******/ };
|
|
108
494
|
/******/ })();
|
|
109
495
|
/******/
|
|
496
|
+
/******/ /* webpack/runtime/nonce */
|
|
497
|
+
/******/ (() => {
|
|
498
|
+
/******/ __webpack_require__.nc = undefined;
|
|
499
|
+
/******/ })();
|
|
500
|
+
/******/
|
|
110
501
|
/************************************************************************/
|
|
111
502
|
var __webpack_exports__ = {};
|
|
112
503
|
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
|
@@ -116,7 +507,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
116
507
|
|
|
117
508
|
// EXPORTS
|
|
118
509
|
__webpack_require__.d(__webpack_exports__, {
|
|
119
|
-
"default": () => (/* binding */ src)
|
|
510
|
+
"default": () => (/* binding */ src),
|
|
511
|
+
getZIndex: () => (/* reexport */ getZIndex),
|
|
512
|
+
isDefined: () => (/* reexport */ isDefined)
|
|
120
513
|
});
|
|
121
514
|
|
|
122
515
|
// EXTERNAL MODULE: external "vue"
|
|
@@ -281,7 +674,7 @@ const ld_icon_exports_ = ld_iconvue_type_script_lang_js_external;
|
|
|
281
674
|
;// CONCATENATED MODULE: ./src/ld-icon/index.ts
|
|
282
675
|
|
|
283
676
|
|
|
284
|
-
function
|
|
677
|
+
function reg(vue, options) {
|
|
285
678
|
if (false) {}
|
|
286
679
|
let cmp = (0,external_vue_.defineComponent)(ld_icon);
|
|
287
680
|
cmp = cmp.setup.__vccOpts;
|
|
@@ -299,16 +692,272 @@ function packageRegister(vue, options) {
|
|
|
299
692
|
};
|
|
300
693
|
vue.component('ld-icon', (0,external_vue_.defineComponent)(cmp));
|
|
301
694
|
}
|
|
302
|
-
/* harmony default export */ const src_ld_icon = (
|
|
695
|
+
/* harmony default export */ const src_ld_icon = (reg);
|
|
696
|
+
|
|
697
|
+
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-loader/ld-loader.vue?vue&type=template&id=a5beedac&scoped=true&ts=true
|
|
698
|
+
|
|
699
|
+
const _withScopeId = n => (_pushScopeId("data-v-a5beedac"), n = n(), _popScopeId(), n);
|
|
700
|
+
const ld_loadervue_type_template_id_a5beedac_scoped_true_ts_true_hoisted_1 = {
|
|
701
|
+
key: 0,
|
|
702
|
+
class: "fa fa-spin fa-hourglass-o fa-3x fa-fw loader__icon"
|
|
703
|
+
};
|
|
704
|
+
const ld_loadervue_type_template_id_a5beedac_scoped_true_ts_true_hoisted_2 = {
|
|
705
|
+
key: 3,
|
|
706
|
+
class: "fa fa-clock-o fa-3x fa-fw loader__icon loader__icon-gray"
|
|
707
|
+
};
|
|
708
|
+
function ld_loadervue_type_template_id_a5beedac_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
709
|
+
return (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
|
|
710
|
+
class: (0,external_vue_.normalizeClass)(["loader", _ctx.cssClasses]),
|
|
711
|
+
style: (0,external_vue_.normalizeStyle)(_ctx.styles)
|
|
712
|
+
}, [
|
|
713
|
+
(_ctx.isSandGlass)
|
|
714
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("i", ld_loadervue_type_template_id_a5beedac_scoped_true_ts_true_hoisted_1))
|
|
715
|
+
: (_ctx.isCircle)
|
|
716
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
|
|
717
|
+
key: 1,
|
|
718
|
+
class: (0,external_vue_.normalizeClass)(["circle", _ctx.size])
|
|
719
|
+
}, null, 2 /* CLASS */))
|
|
720
|
+
: (_ctx.isCssClass)
|
|
721
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
|
|
722
|
+
key: 2,
|
|
723
|
+
class: (0,external_vue_.normalizeClass)(_ctx.imgClass)
|
|
724
|
+
}, null, 2 /* CLASS */))
|
|
725
|
+
: ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("i", ld_loadervue_type_template_id_a5beedac_scoped_true_ts_true_hoisted_2))
|
|
726
|
+
], 6 /* CLASS, STYLE */)), [
|
|
727
|
+
[external_vue_.vShow, _ctx.visible]
|
|
728
|
+
]);
|
|
729
|
+
}
|
|
730
|
+
|
|
731
|
+
;// CONCATENATED MODULE: ./src/ld-loader/ld-loader.vue?vue&type=template&id=a5beedac&scoped=true&ts=true
|
|
732
|
+
|
|
733
|
+
;// CONCATENATED MODULE: ./src/utils/isDefined.ts
|
|
734
|
+
function isDefined(value) {
|
|
735
|
+
/* eslint-disable no-undefined */
|
|
736
|
+
const isNaNValue = typeof value === 'number' && isNaN(value);
|
|
737
|
+
return value !== null && value !== undefined && !isNaNValue;
|
|
738
|
+
}
|
|
739
|
+
|
|
740
|
+
;// CONCATENATED MODULE: ./src/utils/zIndex.ts
|
|
741
|
+
function getZIndex(el) {
|
|
742
|
+
if (!el || el.nodeType !== Node.ELEMENT_NODE) {
|
|
743
|
+
return 0;
|
|
744
|
+
}
|
|
745
|
+
const index = Number(window.getComputedStyle(el).getPropertyValue('z-index'));
|
|
746
|
+
if (isNaN(index)) {
|
|
747
|
+
return getZIndex(el.parentNode);
|
|
748
|
+
}
|
|
749
|
+
return index;
|
|
750
|
+
}
|
|
751
|
+
|
|
752
|
+
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/ld-loader/ld-loader.ts?vue&type=script&lang=ts&external
|
|
753
|
+
var ld_loadervue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
754
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
755
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
756
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
757
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
758
|
+
};
|
|
759
|
+
var ld_loadervue_type_script_lang_ts_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
|
|
760
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
761
|
+
};
|
|
762
|
+
|
|
763
|
+
|
|
764
|
+
|
|
765
|
+
var LoaderType;
|
|
766
|
+
(function (LoaderType) {
|
|
767
|
+
LoaderType[LoaderType["SandGlass"] = 0] = "SandGlass";
|
|
768
|
+
LoaderType[LoaderType["Clock"] = 1] = "Clock";
|
|
769
|
+
LoaderType[LoaderType["Circle"] = 2] = "Circle";
|
|
770
|
+
LoaderType[LoaderType["Css"] = 3] = "Css";
|
|
771
|
+
})(LoaderType || (LoaderType = {}));
|
|
772
|
+
class Loader extends external_vue_property_decorator_.Vue {
|
|
773
|
+
created() {
|
|
774
|
+
if (!this.options.size) {
|
|
775
|
+
this.options.size = 'big';
|
|
776
|
+
}
|
|
777
|
+
if (this.indicator) {
|
|
778
|
+
switch (this.indicator) {
|
|
779
|
+
case 'circle':
|
|
780
|
+
this.options.type = LoaderType.Circle;
|
|
781
|
+
break;
|
|
782
|
+
case 'sand':
|
|
783
|
+
this.options.type = LoaderType.SandGlass;
|
|
784
|
+
break;
|
|
785
|
+
case 'clock':
|
|
786
|
+
this.options.type = LoaderType.Clock;
|
|
787
|
+
break;
|
|
788
|
+
case 'css':
|
|
789
|
+
this.options.type = LoaderType.Css;
|
|
790
|
+
break;
|
|
791
|
+
default:
|
|
792
|
+
this.options.type = LoaderType.SandGlass;
|
|
793
|
+
break;
|
|
794
|
+
}
|
|
795
|
+
}
|
|
796
|
+
}
|
|
797
|
+
get isSandGlass() {
|
|
798
|
+
return this.indicator === 'sand' || this.options.type === LoaderType.SandGlass;
|
|
799
|
+
}
|
|
800
|
+
get isCircle() {
|
|
801
|
+
return this.indicator === 'circle' || this.options.type === LoaderType.Circle;
|
|
802
|
+
}
|
|
803
|
+
get isCssClass() {
|
|
804
|
+
return this.indicator === 'css' || this.options.type === LoaderType.Css;
|
|
805
|
+
}
|
|
806
|
+
get imgClass() {
|
|
807
|
+
return this.css;
|
|
808
|
+
}
|
|
809
|
+
get isTransparent() {
|
|
810
|
+
return this.options.transparent;
|
|
811
|
+
}
|
|
812
|
+
get noBackground() {
|
|
813
|
+
return isDefined(this.options.bg) && !this.options.bg;
|
|
814
|
+
}
|
|
815
|
+
get isGlobal() {
|
|
816
|
+
return Boolean(this.options.global);
|
|
817
|
+
}
|
|
818
|
+
get styles() {
|
|
819
|
+
return {
|
|
820
|
+
'z-index': getZIndex(this.$parent.$el) + 2,
|
|
821
|
+
};
|
|
822
|
+
}
|
|
823
|
+
get size() {
|
|
824
|
+
return this.options?.size ?? 'big';
|
|
825
|
+
}
|
|
826
|
+
get color() {
|
|
827
|
+
return this.options?.color ?? 'primary';
|
|
828
|
+
}
|
|
829
|
+
get isRelative() {
|
|
830
|
+
return this.options?.relative;
|
|
831
|
+
}
|
|
832
|
+
get cssClasses() {
|
|
833
|
+
const classes = [];
|
|
834
|
+
if (!this.isTransparent) {
|
|
835
|
+
classes.push('loader__white-bg');
|
|
836
|
+
}
|
|
837
|
+
if (this.isGlobal) {
|
|
838
|
+
classes.push('loading-mask-global');
|
|
839
|
+
}
|
|
840
|
+
if (this.isRelative) {
|
|
841
|
+
classes.push('loader__relative');
|
|
842
|
+
}
|
|
843
|
+
else {
|
|
844
|
+
classes.push('loading-mask');
|
|
845
|
+
}
|
|
846
|
+
if (this.noBackground) {
|
|
847
|
+
classes.push('loader__transparent');
|
|
848
|
+
}
|
|
849
|
+
classes.push(`loader__color-${this.color}`);
|
|
850
|
+
return classes;
|
|
851
|
+
}
|
|
852
|
+
}
|
|
853
|
+
ld_loadervue_type_script_lang_ts_external_decorate([
|
|
854
|
+
(0,external_vue_property_decorator_.Prop)({ type: Object, default: { size: 'big', bg: true } }),
|
|
855
|
+
ld_loadervue_type_script_lang_ts_external_metadata("design:type", Object)
|
|
856
|
+
], Loader.prototype, "options", void 0);
|
|
857
|
+
ld_loadervue_type_script_lang_ts_external_decorate([
|
|
858
|
+
(0,external_vue_property_decorator_.Prop)({ type: Boolean, default: 'false' }),
|
|
859
|
+
ld_loadervue_type_script_lang_ts_external_metadata("design:type", Boolean)
|
|
860
|
+
], Loader.prototype, "visible", void 0);
|
|
861
|
+
ld_loadervue_type_script_lang_ts_external_decorate([
|
|
862
|
+
(0,external_vue_property_decorator_.Prop)({
|
|
863
|
+
type: String,
|
|
864
|
+
default: 'circle',
|
|
865
|
+
validator: value => ['sand', 'circle', 'clock', 'css'].includes(value),
|
|
866
|
+
}),
|
|
867
|
+
ld_loadervue_type_script_lang_ts_external_metadata("design:type", String)
|
|
868
|
+
], Loader.prototype, "indicator", void 0);
|
|
869
|
+
ld_loadervue_type_script_lang_ts_external_decorate([
|
|
870
|
+
(0,external_vue_property_decorator_.Prop)({ type: String, default: '' }),
|
|
871
|
+
ld_loadervue_type_script_lang_ts_external_metadata("design:type", String)
|
|
872
|
+
], Loader.prototype, "css", void 0);
|
|
873
|
+
|
|
874
|
+
;// CONCATENATED MODULE: ./src/ld-loader/ld-loader.ts?vue&type=script&lang=ts&external
|
|
875
|
+
|
|
876
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
|
|
877
|
+
var injectStylesIntoStyleTag = __webpack_require__(72);
|
|
878
|
+
var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
|
|
879
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
|
|
880
|
+
var styleDomAPI = __webpack_require__(825);
|
|
881
|
+
var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
|
|
882
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
|
|
883
|
+
var insertBySelector = __webpack_require__(659);
|
|
884
|
+
var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
|
|
885
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
|
|
886
|
+
var setAttributesWithoutAttributes = __webpack_require__(56);
|
|
887
|
+
var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
|
|
888
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
|
|
889
|
+
var insertStyleElement = __webpack_require__(540);
|
|
890
|
+
var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
|
|
891
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
|
|
892
|
+
var styleTagTransform = __webpack_require__(113);
|
|
893
|
+
var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
|
|
894
|
+
// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-loader/ld-loader.vue?vue&type=style&index=0&id=a5beedac&lang=scss&scoped=true
|
|
895
|
+
var ld_loadervue_type_style_index_0_id_a5beedac_lang_scss_scoped_true = __webpack_require__(63);
|
|
896
|
+
;// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-loader/ld-loader.vue?vue&type=style&index=0&id=a5beedac&lang=scss&scoped=true
|
|
897
|
+
|
|
898
|
+
|
|
899
|
+
|
|
900
|
+
|
|
901
|
+
|
|
902
|
+
|
|
903
|
+
|
|
904
|
+
|
|
905
|
+
|
|
906
|
+
|
|
907
|
+
|
|
908
|
+
var options = {};
|
|
909
|
+
|
|
910
|
+
options.styleTagTransform = (styleTagTransform_default());
|
|
911
|
+
options.setAttributes = (setAttributesWithoutAttributes_default());
|
|
912
|
+
|
|
913
|
+
options.insert = insertBySelector_default().bind(null, "head");
|
|
914
|
+
|
|
915
|
+
options.domAPI = (styleDomAPI_default());
|
|
916
|
+
options.insertStyleElement = (insertStyleElement_default());
|
|
917
|
+
|
|
918
|
+
var update = injectStylesIntoStyleTag_default()(ld_loadervue_type_style_index_0_id_a5beedac_lang_scss_scoped_true/* default */.A, options);
|
|
919
|
+
|
|
920
|
+
|
|
921
|
+
|
|
922
|
+
|
|
923
|
+
/* harmony default export */ const ld_loader_ld_loadervue_type_style_index_0_id_a5beedac_lang_scss_scoped_true = (ld_loadervue_type_style_index_0_id_a5beedac_lang_scss_scoped_true/* default */.A && ld_loadervue_type_style_index_0_id_a5beedac_lang_scss_scoped_true/* default */.A.locals ? ld_loadervue_type_style_index_0_id_a5beedac_lang_scss_scoped_true/* default */.A.locals : undefined);
|
|
924
|
+
|
|
925
|
+
;// CONCATENATED MODULE: ./src/ld-loader/ld-loader.vue?vue&type=style&index=0&id=a5beedac&lang=scss&scoped=true
|
|
926
|
+
|
|
927
|
+
;// CONCATENATED MODULE: ./src/ld-loader/ld-loader.vue
|
|
928
|
+
|
|
929
|
+
|
|
930
|
+
|
|
931
|
+
|
|
932
|
+
;
|
|
933
|
+
|
|
934
|
+
|
|
935
|
+
const ld_loader_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(Loader, [['render',ld_loadervue_type_template_id_a5beedac_scoped_true_ts_true_render],['__scopeId',"data-v-a5beedac"]])
|
|
936
|
+
|
|
937
|
+
/* harmony default export */ const ld_loader = (ld_loader_exports_);
|
|
938
|
+
;// CONCATENATED MODULE: ./src/ld-loader/index.ts
|
|
939
|
+
|
|
940
|
+
function ld_loader_reg(vue) {
|
|
941
|
+
vue.component('loader', ld_loader);
|
|
942
|
+
}
|
|
943
|
+
/* harmony default export */ const src_ld_loader = (ld_loader_reg);
|
|
303
944
|
|
|
304
945
|
;// CONCATENATED MODULE: ./src/index.ts
|
|
305
946
|
|
|
947
|
+
|
|
948
|
+
|
|
949
|
+
|
|
306
950
|
const ldmuiPlugin = {
|
|
307
951
|
install(vue, options) {
|
|
308
|
-
src_ld_icon(vue, options
|
|
952
|
+
src_ld_icon(vue, options?.LdIcon);
|
|
953
|
+
src_ld_loader(vue);
|
|
954
|
+
vue.config.globalProperties.$utils = {
|
|
955
|
+
isDefined: isDefined
|
|
956
|
+
};
|
|
309
957
|
},
|
|
310
958
|
};
|
|
311
959
|
/* harmony default export */ const src = (ldmuiPlugin);
|
|
960
|
+
|
|
312
961
|
|
|
313
962
|
})();
|
|
314
963
|
|