@ldmjs/ui 1.0.0-dev-1 → 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 +23 -31
- package/config/webpack.config.dev.js +3 -31
- package/dist/css/index.css +86 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +967 -0
- 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 +15 -11
- package/src/app.vue +4 -1
- package/src/css/index.css +86 -0
- package/src/index.d.ts +1 -0
- package/src/index.ts +18 -29
- package/src/ld-icon/icons.md +1 -1
- package/src/ld-icon/index.ts +35 -0
- 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/main.umd.js +0 -311
- package/dist/main.umd.js.LICENSE.txt +0 -13
package/dist/index.js
ADDED
|
@@ -0,0 +1,967 @@
|
|
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
|
3
|
+
module.exports = factory(require("vue"), require("vue-class-component"), require("vue-property-decorator"));
|
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
|
5
|
+
define("ldm-ui", ["vue", "vue-class-component", "vue-property-decorator"], factory);
|
|
6
|
+
else if(typeof exports === 'object')
|
|
7
|
+
exports["ldm-ui"] = factory(require("vue"), require("vue-class-component"), require("vue-property-decorator"));
|
|
8
|
+
else
|
|
9
|
+
root["ldm-ui"] = factory(root["vue"], root["vue-class-component"], root["vue-property-decorator"]);
|
|
10
|
+
})(self, (__WEBPACK_EXTERNAL_MODULE__380__, __WEBPACK_EXTERNAL_MODULE__299__, __WEBPACK_EXTERNAL_MODULE__70__) => {
|
|
11
|
+
return /******/ (() => { // webpackBootstrap
|
|
12
|
+
/******/ "use strict";
|
|
13
|
+
/******/ var __webpack_modules__ = ({
|
|
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
|
+
|
|
389
|
+
/***/ 262:
|
|
390
|
+
/***/ ((__unused_webpack_module, exports) => {
|
|
391
|
+
|
|
392
|
+
var __webpack_unused_export__;
|
|
393
|
+
|
|
394
|
+
__webpack_unused_export__ = ({ value: true });
|
|
395
|
+
// runtime helper for setting properties on components
|
|
396
|
+
// in a tree-shakable way
|
|
397
|
+
exports.A = (sfc, props) => {
|
|
398
|
+
const target = sfc.__vccOpts || sfc;
|
|
399
|
+
for (const [key, val] of props) {
|
|
400
|
+
target[key] = val;
|
|
401
|
+
}
|
|
402
|
+
return target;
|
|
403
|
+
};
|
|
404
|
+
|
|
405
|
+
|
|
406
|
+
/***/ }),
|
|
407
|
+
|
|
408
|
+
/***/ 380:
|
|
409
|
+
/***/ ((module) => {
|
|
410
|
+
|
|
411
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__380__;
|
|
412
|
+
|
|
413
|
+
/***/ }),
|
|
414
|
+
|
|
415
|
+
/***/ 299:
|
|
416
|
+
/***/ ((module) => {
|
|
417
|
+
|
|
418
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__299__;
|
|
419
|
+
|
|
420
|
+
/***/ }),
|
|
421
|
+
|
|
422
|
+
/***/ 70:
|
|
423
|
+
/***/ ((module) => {
|
|
424
|
+
|
|
425
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__70__;
|
|
426
|
+
|
|
427
|
+
/***/ })
|
|
428
|
+
|
|
429
|
+
/******/ });
|
|
430
|
+
/************************************************************************/
|
|
431
|
+
/******/ // The module cache
|
|
432
|
+
/******/ var __webpack_module_cache__ = {};
|
|
433
|
+
/******/
|
|
434
|
+
/******/ // The require function
|
|
435
|
+
/******/ function __webpack_require__(moduleId) {
|
|
436
|
+
/******/ // Check if module is in cache
|
|
437
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
438
|
+
/******/ if (cachedModule !== undefined) {
|
|
439
|
+
/******/ return cachedModule.exports;
|
|
440
|
+
/******/ }
|
|
441
|
+
/******/ // Create a new module (and put it into the cache)
|
|
442
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
443
|
+
/******/ id: moduleId,
|
|
444
|
+
/******/ // no module.loaded needed
|
|
445
|
+
/******/ exports: {}
|
|
446
|
+
/******/ };
|
|
447
|
+
/******/
|
|
448
|
+
/******/ // Execute the module function
|
|
449
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
450
|
+
/******/
|
|
451
|
+
/******/ // Return the exports of the module
|
|
452
|
+
/******/ return module.exports;
|
|
453
|
+
/******/ }
|
|
454
|
+
/******/
|
|
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
|
+
/******/
|
|
468
|
+
/******/ /* webpack/runtime/define property getters */
|
|
469
|
+
/******/ (() => {
|
|
470
|
+
/******/ // define getter functions for harmony exports
|
|
471
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
472
|
+
/******/ for(var key in definition) {
|
|
473
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
474
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
475
|
+
/******/ }
|
|
476
|
+
/******/ }
|
|
477
|
+
/******/ };
|
|
478
|
+
/******/ })();
|
|
479
|
+
/******/
|
|
480
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
481
|
+
/******/ (() => {
|
|
482
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
483
|
+
/******/ })();
|
|
484
|
+
/******/
|
|
485
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
486
|
+
/******/ (() => {
|
|
487
|
+
/******/ // define __esModule on exports
|
|
488
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
489
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
490
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
491
|
+
/******/ }
|
|
492
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
493
|
+
/******/ };
|
|
494
|
+
/******/ })();
|
|
495
|
+
/******/
|
|
496
|
+
/******/ /* webpack/runtime/nonce */
|
|
497
|
+
/******/ (() => {
|
|
498
|
+
/******/ __webpack_require__.nc = undefined;
|
|
499
|
+
/******/ })();
|
|
500
|
+
/******/
|
|
501
|
+
/************************************************************************/
|
|
502
|
+
var __webpack_exports__ = {};
|
|
503
|
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
|
504
|
+
(() => {
|
|
505
|
+
// ESM COMPAT FLAG
|
|
506
|
+
__webpack_require__.r(__webpack_exports__);
|
|
507
|
+
|
|
508
|
+
// EXPORTS
|
|
509
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
510
|
+
"default": () => (/* binding */ src),
|
|
511
|
+
getZIndex: () => (/* reexport */ getZIndex),
|
|
512
|
+
isDefined: () => (/* reexport */ isDefined)
|
|
513
|
+
});
|
|
514
|
+
|
|
515
|
+
// EXTERNAL MODULE: external "vue"
|
|
516
|
+
var external_vue_ = __webpack_require__(380);
|
|
517
|
+
// EXTERNAL MODULE: external "vue-class-component"
|
|
518
|
+
var external_vue_class_component_ = __webpack_require__(299);
|
|
519
|
+
// EXTERNAL MODULE: external "vue-property-decorator"
|
|
520
|
+
var external_vue_property_decorator_ = __webpack_require__(70);
|
|
521
|
+
;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-icon/svg-icon.vue?vue&type=template&id=65e09608
|
|
522
|
+
|
|
523
|
+
|
|
524
|
+
const _hoisted_1 = { style: {"fill":"transparent","stroke":"transparent"} }
|
|
525
|
+
const _hoisted_2 = ["href"]
|
|
526
|
+
|
|
527
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
528
|
+
return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("svg", _hoisted_1, [
|
|
529
|
+
(0,external_vue_.createElementVNode)("use", { href: _ctx.href }, null, 8 /* PROPS */, _hoisted_2)
|
|
530
|
+
]))
|
|
531
|
+
}
|
|
532
|
+
;// CONCATENATED MODULE: ./src/ld-icon/svg-icon.vue?vue&type=template&id=65e09608
|
|
533
|
+
|
|
534
|
+
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/ld-icon/svg-icon.ts?vue&type=script&lang=js&external
|
|
535
|
+
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
536
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
537
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
538
|
+
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;
|
|
539
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
540
|
+
};
|
|
541
|
+
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
|
|
542
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
543
|
+
};
|
|
544
|
+
|
|
545
|
+
class SvgIconComponent extends external_vue_property_decorator_.Vue {
|
|
546
|
+
get href() {
|
|
547
|
+
return `${this.path}/${this.icon}.svg#${this.icon}`;
|
|
548
|
+
}
|
|
549
|
+
}
|
|
550
|
+
__decorate([
|
|
551
|
+
(0,external_vue_property_decorator_.Prop)(),
|
|
552
|
+
__metadata("design:type", String)
|
|
553
|
+
], SvgIconComponent.prototype, "icon", void 0);
|
|
554
|
+
__decorate([
|
|
555
|
+
(0,external_vue_property_decorator_.Prop)(),
|
|
556
|
+
__metadata("design:type", String)
|
|
557
|
+
], SvgIconComponent.prototype, "path", void 0);
|
|
558
|
+
|
|
559
|
+
;// CONCATENATED MODULE: ./src/ld-icon/svg-icon.ts?vue&type=script&lang=js&external
|
|
560
|
+
|
|
561
|
+
// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
|
|
562
|
+
var exportHelper = __webpack_require__(262);
|
|
563
|
+
;// CONCATENATED MODULE: ./src/ld-icon/svg-icon.vue
|
|
564
|
+
|
|
565
|
+
|
|
566
|
+
|
|
567
|
+
|
|
568
|
+
;
|
|
569
|
+
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(SvgIconComponent, [['render',render]])
|
|
570
|
+
|
|
571
|
+
/* harmony default export */ const svg_icon = (__exports__);
|
|
572
|
+
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/ld-icon/ld-icon.ts?vue&type=script&lang=js&external
|
|
573
|
+
var ld_iconvue_type_script_lang_js_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
574
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
575
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
576
|
+
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;
|
|
577
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
578
|
+
};
|
|
579
|
+
var ld_iconvue_type_script_lang_js_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
|
|
580
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
581
|
+
};
|
|
582
|
+
|
|
583
|
+
|
|
584
|
+
|
|
585
|
+
let IconButtonComponent = class IconButtonComponent extends external_vue_class_component_.Vue {
|
|
586
|
+
constructor() {
|
|
587
|
+
super(...arguments);
|
|
588
|
+
this.current = '';
|
|
589
|
+
}
|
|
590
|
+
onIconChange() {
|
|
591
|
+
this.current = this.icon.trim();
|
|
592
|
+
}
|
|
593
|
+
created() {
|
|
594
|
+
if (this.icon) {
|
|
595
|
+
this.current = this.icon.trim();
|
|
596
|
+
return;
|
|
597
|
+
}
|
|
598
|
+
if (this.$slots.default) {
|
|
599
|
+
const slot = this.$slots.default()?.[0];
|
|
600
|
+
if (slot && slot.children && typeof slot.children === 'string') {
|
|
601
|
+
this.current = slot.children.trim();
|
|
602
|
+
}
|
|
603
|
+
}
|
|
604
|
+
}
|
|
605
|
+
get props() {
|
|
606
|
+
return {
|
|
607
|
+
path: this.path,
|
|
608
|
+
width: this.width,
|
|
609
|
+
height: this.height,
|
|
610
|
+
};
|
|
611
|
+
}
|
|
612
|
+
get array() {
|
|
613
|
+
return this.map.icons.find((el) => el[0] === this.current) || [];
|
|
614
|
+
}
|
|
615
|
+
get className() {
|
|
616
|
+
if (this.color) {
|
|
617
|
+
return [`${this.color}--text`];
|
|
618
|
+
}
|
|
619
|
+
return [];
|
|
620
|
+
}
|
|
621
|
+
};
|
|
622
|
+
ld_iconvue_type_script_lang_js_external_decorate([
|
|
623
|
+
(0,external_vue_property_decorator_.Prop)({ default: () => ({ icons: [] }) }),
|
|
624
|
+
ld_iconvue_type_script_lang_js_external_metadata("design:type", Object)
|
|
625
|
+
], IconButtonComponent.prototype, "map", void 0);
|
|
626
|
+
ld_iconvue_type_script_lang_js_external_decorate([
|
|
627
|
+
(0,external_vue_property_decorator_.Prop)({ default: 'icons' }),
|
|
628
|
+
ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
|
|
629
|
+
], IconButtonComponent.prototype, "path", void 0);
|
|
630
|
+
ld_iconvue_type_script_lang_js_external_decorate([
|
|
631
|
+
(0,external_vue_property_decorator_.Prop)(),
|
|
632
|
+
ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
|
|
633
|
+
], IconButtonComponent.prototype, "icon", void 0);
|
|
634
|
+
ld_iconvue_type_script_lang_js_external_decorate([
|
|
635
|
+
(0,external_vue_property_decorator_.Prop)(),
|
|
636
|
+
ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
|
|
637
|
+
], IconButtonComponent.prototype, "color", void 0);
|
|
638
|
+
ld_iconvue_type_script_lang_js_external_decorate([
|
|
639
|
+
(0,external_vue_property_decorator_.Prop)({ default: '24' }),
|
|
640
|
+
ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
|
|
641
|
+
], IconButtonComponent.prototype, "width", void 0);
|
|
642
|
+
ld_iconvue_type_script_lang_js_external_decorate([
|
|
643
|
+
(0,external_vue_property_decorator_.Prop)({ default: '24' }),
|
|
644
|
+
ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
|
|
645
|
+
], IconButtonComponent.prototype, "height", void 0);
|
|
646
|
+
ld_iconvue_type_script_lang_js_external_decorate([
|
|
647
|
+
(0,external_vue_property_decorator_.Watch)('icon'),
|
|
648
|
+
ld_iconvue_type_script_lang_js_external_metadata("design:type", Function),
|
|
649
|
+
ld_iconvue_type_script_lang_js_external_metadata("design:paramtypes", []),
|
|
650
|
+
ld_iconvue_type_script_lang_js_external_metadata("design:returntype", void 0)
|
|
651
|
+
], IconButtonComponent.prototype, "onIconChange", null);
|
|
652
|
+
IconButtonComponent = ld_iconvue_type_script_lang_js_external_decorate([
|
|
653
|
+
(0,external_vue_class_component_.Options)({
|
|
654
|
+
components: {
|
|
655
|
+
'svg-icon': svg_icon,
|
|
656
|
+
},
|
|
657
|
+
template: `
|
|
658
|
+
<svg-icon v-if="array" :icon="array[1]" :class="className" :path="path" v-bind="props" />
|
|
659
|
+
<span v-else> icon is not found: {{ current }} </span>
|
|
660
|
+
`,
|
|
661
|
+
})
|
|
662
|
+
], IconButtonComponent);
|
|
663
|
+
/* harmony default export */ const ld_iconvue_type_script_lang_js_external = (IconButtonComponent);
|
|
664
|
+
|
|
665
|
+
;// CONCATENATED MODULE: ./src/ld-icon/ld-icon.ts?vue&type=script&lang=js&external
|
|
666
|
+
|
|
667
|
+
;// CONCATENATED MODULE: ./src/ld-icon/ld-icon.vue
|
|
668
|
+
|
|
669
|
+
|
|
670
|
+
|
|
671
|
+
const ld_icon_exports_ = ld_iconvue_type_script_lang_js_external;
|
|
672
|
+
|
|
673
|
+
/* harmony default export */ const ld_icon = (ld_icon_exports_);
|
|
674
|
+
;// CONCATENATED MODULE: ./src/ld-icon/index.ts
|
|
675
|
+
|
|
676
|
+
|
|
677
|
+
function reg(vue, options) {
|
|
678
|
+
if (false) {}
|
|
679
|
+
let cmp = (0,external_vue_.defineComponent)(ld_icon);
|
|
680
|
+
cmp = cmp.setup.__vccOpts;
|
|
681
|
+
cmp = {
|
|
682
|
+
...cmp,
|
|
683
|
+
props: {
|
|
684
|
+
...cmp.props,
|
|
685
|
+
path: {
|
|
686
|
+
default: options?.path ?? 'icons',
|
|
687
|
+
},
|
|
688
|
+
map: {
|
|
689
|
+
default: options?.map ?? { icons: [] }
|
|
690
|
+
}
|
|
691
|
+
}
|
|
692
|
+
};
|
|
693
|
+
vue.component('ld-icon', (0,external_vue_.defineComponent)(cmp));
|
|
694
|
+
}
|
|
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);
|
|
944
|
+
|
|
945
|
+
;// CONCATENATED MODULE: ./src/index.ts
|
|
946
|
+
|
|
947
|
+
|
|
948
|
+
|
|
949
|
+
|
|
950
|
+
const ldmuiPlugin = {
|
|
951
|
+
install(vue, options) {
|
|
952
|
+
src_ld_icon(vue, options?.LdIcon);
|
|
953
|
+
src_ld_loader(vue);
|
|
954
|
+
vue.config.globalProperties.$utils = {
|
|
955
|
+
isDefined: isDefined
|
|
956
|
+
};
|
|
957
|
+
},
|
|
958
|
+
};
|
|
959
|
+
/* harmony default export */ const src = (ldmuiPlugin);
|
|
960
|
+
|
|
961
|
+
|
|
962
|
+
})();
|
|
963
|
+
|
|
964
|
+
/******/ return __webpack_exports__;
|
|
965
|
+
/******/ })()
|
|
966
|
+
;
|
|
967
|
+
});
|