blue-web 1.21.8 → 1.21.10
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/dist/js/progress.bundle.js +1 -1
- package/dist/js/progress.js +32 -63
- package/dist/merged.scss +10 -2
- package/dist/style.css +19 -3
- package/dist/style.css.map +1 -1
- package/dist/style.min.css +3 -3
- package/dist/style.scss +1 -1
- package/dist/styles/_intro.scss +8 -0
- package/dist/styles/_page-header.scss +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";function e(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function r(r){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?e(Object(s),!0).forEach(function(e){t(r,e,s[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(s)):e(Object(s)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(s,e))})}return r}function t(e,r,t){return(r=function(e){var r=function(e){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof r?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}window.blueWeb=window.blueWeb||{},window.blueWeb.progress={progress:0
|
|
1
|
+
(()=>{"use strict";function e(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function r(r){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?e(Object(s),!0).forEach(function(e){t(r,e,s[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(s)):e(Object(s)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(s,e))})}return r}function t(e,r,t){return(r=function(e){var r=function(e){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof r?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}window.blueWeb=window.blueWeb||{},window.blueWeb.progress={progress:0},window.blueWeb.progress=r(r({},window.blueWeb.progress),{},{start:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"blueWebProgress",r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.body,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"Loading data",o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"fixed-top";const s="string"==typeof r||r instanceof String?document.querySelector(r.toString()):r;let n=document.getElementById(e);n||(n=document.createElement("div"),n.id=e,n.className="progress ".concat(o," rounded-0"),n.setAttribute("style","--bs-progress-height: 0.25rem"),n.setAttribute("role","progressbar"),n.setAttribute("aria-label",t),n.setAttribute("aria-valuemin","0"),n.setAttribute("aria-valuemax","100"),n.innerHTML='<div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 0%"></div>',s.appendChild(n));const i=n.querySelector(".progress-bar");if(i){window.blueWeb.progress.progress=0;var b=setInterval(function(){var e,r=Math.random()*(window.blueWeb.progress.progress<90?5:.1);window.blueWeb.progress.progress+=r,window.blueWeb.progress.progress=Math.min(window.blueWeb.progress.progress,99),i.style.width=window.blueWeb.progress.progress+"%",null===(e=n)||void 0===e||e.setAttribute("aria-valuenow",Math.round(window.blueWeb.progress.progress).toString()),window.blueWeb.progress.progress>=100&&clearInterval(b)},200)}},stop:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"blueWebProgress";const r=document.getElementById(e);r&&(window.blueWeb.progress.progress=100,setTimeout(()=>{r.remove()},500))}}),window.blueWeb.progress})();
|
package/dist/js/progress.js
CHANGED
|
@@ -5,10 +5,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
5
5
|
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
6
6
|
window.blueWeb = window.blueWeb || {};
|
|
7
7
|
window.blueWeb.progress = {
|
|
8
|
-
progress: 0
|
|
9
|
-
interval: null,
|
|
10
|
-
showTimeout: null,
|
|
11
|
-
isVisible: false
|
|
8
|
+
progress: 0
|
|
12
9
|
};
|
|
13
10
|
window.blueWeb.progress = _objectSpread(_objectSpread({}, window.blueWeb.progress), {}, {
|
|
14
11
|
start: function () {
|
|
@@ -16,76 +13,48 @@ window.blueWeb.progress = _objectSpread(_objectSpread({}, window.blueWeb.progres
|
|
|
16
13
|
let parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
|
|
17
14
|
let ariaLabel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "Loading data";
|
|
18
15
|
let positionClass = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "fixed-top";
|
|
19
|
-
let toleranceTime = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 300;
|
|
20
16
|
const parentEl = typeof parent === "string" || parent instanceof String ? document.querySelector(parent.toString()) : parent;
|
|
17
|
+
let progressEl = document.getElementById(id);
|
|
18
|
+
if (!progressEl) {
|
|
19
|
+
progressEl = document.createElement("div");
|
|
20
|
+
progressEl.id = id;
|
|
21
|
+
progressEl.className = "progress ".concat(positionClass, " rounded-0");
|
|
22
|
+
progressEl.setAttribute("style", "--bs-progress-height: 0.25rem");
|
|
23
|
+
progressEl.setAttribute("role", "progressbar");
|
|
24
|
+
progressEl.setAttribute("aria-label", ariaLabel);
|
|
25
|
+
progressEl.setAttribute("aria-valuemin", "0");
|
|
26
|
+
progressEl.setAttribute("aria-valuemax", "100");
|
|
27
|
+
progressEl.innerHTML = /*html*/"<div class=\"progress-bar progress-bar-striped progress-bar-animated\" style=\"width: 0%\"></div>";
|
|
28
|
+
parentEl.appendChild(progressEl);
|
|
29
|
+
}
|
|
30
|
+
const progressBar = progressEl.querySelector(".progress-bar");
|
|
31
|
+
if (!progressBar) return;
|
|
21
32
|
window.blueWeb.progress.progress = 0;
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
progressEl.className = "progress ".concat(positionClass, " rounded-0");
|
|
29
|
-
progressEl.setAttribute("style", "--bs-progress-height: 0.25rem");
|
|
30
|
-
progressEl.setAttribute("role", "progressbar");
|
|
31
|
-
progressEl.setAttribute("aria-label", ariaLabel);
|
|
32
|
-
progressEl.setAttribute("aria-valuemin", "0");
|
|
33
|
-
progressEl.setAttribute("aria-valuemax", "100");
|
|
34
|
-
progressEl.innerHTML = /*html*/"<div class=\"progress-bar progress-bar-striped progress-bar-animated\" style=\"width: 0%\"></div>";
|
|
35
|
-
parentEl.appendChild(progressEl);
|
|
36
|
-
}
|
|
37
|
-
window.blueWeb.progress.isVisible = true;
|
|
38
|
-
const progressBar = progressEl.querySelector(".progress-bar");
|
|
39
|
-
if (!progressBar) return;
|
|
40
|
-
window.blueWeb.progress.interval = setInterval(function () {
|
|
41
|
-
var _progressEl;
|
|
42
|
-
// Simuliere einen natürlichen Anstieg
|
|
43
|
-
var increment = Math.random() * 5; // Zufälliger Anstieg zwischen 0 und 5
|
|
44
|
-
window.blueWeb.progress.progress += increment;
|
|
45
|
-
window.blueWeb.progress.progress = Math.min(window.blueWeb.progress.progress, 90); // Fortschritt darf nicht über 90% gehen während des Ladens
|
|
33
|
+
var interval = setInterval(function () {
|
|
34
|
+
var _progressEl;
|
|
35
|
+
// Simuliere einen natürlichen Anstieg
|
|
36
|
+
var increment = Math.random() * (window.blueWeb.progress.progress < 90 ? 5 : 0.1); // Zufälliger Anstieg zwischen 0 und 5
|
|
37
|
+
window.blueWeb.progress.progress += increment;
|
|
38
|
+
window.blueWeb.progress.progress = Math.min(window.blueWeb.progress.progress, 99); // Fortschritt darf nicht über 100% gehen
|
|
46
39
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
40
|
+
// Aktualisiere die Progressbar
|
|
41
|
+
progressBar.style.width = window.blueWeb.progress.progress + "%";
|
|
42
|
+
(_progressEl = progressEl) === null || _progressEl === void 0 || _progressEl.setAttribute("aria-valuenow", Math.round(window.blueWeb.progress.progress).toString());
|
|
50
43
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}, toleranceTime);
|
|
44
|
+
// Stoppe das Intervall, wenn 100% erreicht sind
|
|
45
|
+
if (window.blueWeb.progress.progress >= 100) {
|
|
46
|
+
clearInterval(interval);
|
|
47
|
+
}
|
|
48
|
+
}, 200); // Update alle 200ms
|
|
57
49
|
},
|
|
58
50
|
stop: function () {
|
|
59
51
|
let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "blueWebProgress";
|
|
60
|
-
// Stoppe Timeout falls noch nicht abgelaufen
|
|
61
|
-
if (window.blueWeb.progress.showTimeout) {
|
|
62
|
-
clearTimeout(window.blueWeb.progress.showTimeout);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
// Stoppe das Intervall
|
|
66
|
-
if (window.blueWeb.progress.interval) {
|
|
67
|
-
clearInterval(window.blueWeb.progress.interval);
|
|
68
|
-
}
|
|
69
52
|
const progressEl = document.getElementById(id);
|
|
70
|
-
|
|
71
|
-
// Wenn der Ladebalken noch nicht sichtbar war, entferne nichts
|
|
72
|
-
if (!progressEl || !window.blueWeb.progress.isVisible) {
|
|
73
|
-
window.blueWeb.progress.isVisible = false;
|
|
74
|
-
return;
|
|
75
|
-
}
|
|
76
|
-
const progressBar = progressEl.querySelector(".progress-bar");
|
|
77
|
-
if (!progressBar) return;
|
|
78
|
-
|
|
79
|
-
// Setze auf 100%
|
|
53
|
+
if (!progressEl) return;
|
|
80
54
|
window.blueWeb.progress.progress = 100;
|
|
81
|
-
progressBar.style.width = "100%";
|
|
82
|
-
progressEl.setAttribute("aria-valuenow", "100");
|
|
83
|
-
|
|
84
|
-
// Entferne nach kurzer Verzögerung
|
|
85
55
|
setTimeout(() => {
|
|
86
56
|
progressEl.remove();
|
|
87
|
-
|
|
88
|
-
}, 300);
|
|
57
|
+
}, 500);
|
|
89
58
|
}
|
|
90
59
|
});
|
|
91
60
|
export default window.blueWeb.progress;
|
package/dist/merged.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Blue Web v1.21.
|
|
2
|
+
* Blue Web v1.21.10 (https://bruegmann.github.io/blue-web)
|
|
3
3
|
* Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-web/blob/master/LICENSE).
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -11132,7 +11132,7 @@ body {
|
|
|
11132
11132
|
}
|
|
11133
11133
|
|
|
11134
11134
|
.blue-header-title-image {
|
|
11135
|
-
width: var(--blue-header-title-image-width, var(--blue-header-title-image-size,
|
|
11135
|
+
width: var(--blue-header-title-image-width, var(--blue-header-title-image-size, auto));
|
|
11136
11136
|
height: var(--blue-header-title-image-height, var(--blue-header-title-image-size, 2rem));
|
|
11137
11137
|
}
|
|
11138
11138
|
|
|
@@ -12233,6 +12233,7 @@ dialog.blue-modal:has(.offcanvas-start) {
|
|
|
12233
12233
|
}
|
|
12234
12234
|
}
|
|
12235
12235
|
|
|
12236
|
+
.blue-intro,
|
|
12236
12237
|
.sign-in-screen {
|
|
12237
12238
|
padding-top: var(--blue-header-height);
|
|
12238
12239
|
|
|
@@ -12240,6 +12241,7 @@ dialog.blue-modal:has(.offcanvas-start) {
|
|
|
12240
12241
|
padding-bottom: var(--blue-header-height);
|
|
12241
12242
|
}
|
|
12242
12243
|
|
|
12244
|
+
.blue-intro-container,
|
|
12243
12245
|
.sign-in-container {
|
|
12244
12246
|
animation: enabledBlueAppPage 0.5s;
|
|
12245
12247
|
|
|
@@ -12249,6 +12251,7 @@ dialog.blue-modal:has(.offcanvas-start) {
|
|
|
12249
12251
|
}
|
|
12250
12252
|
|
|
12251
12253
|
@media screen and (min-width: 768px) {
|
|
12254
|
+
.blue-intro-container,
|
|
12252
12255
|
.sign-in-container {
|
|
12253
12256
|
padding: var(--blue-sign-in-container-md-padding, 0 calc(50% - 18rem));
|
|
12254
12257
|
width: var(--blue-sign-in-container-md-width, auto);
|
|
@@ -12256,6 +12259,11 @@ dialog.blue-modal:has(.offcanvas-start) {
|
|
|
12256
12259
|
}
|
|
12257
12260
|
}
|
|
12258
12261
|
|
|
12262
|
+
.blue-intro-image {
|
|
12263
|
+
max-width: 100%;
|
|
12264
|
+
max-height: 100px;
|
|
12265
|
+
}
|
|
12266
|
+
|
|
12259
12267
|
|
|
12260
12268
|
/* Make DevExpress components look more like Bootstrap/Blue */
|
|
12261
12269
|
[class^="dxbl-"] {
|