blue-web 1.21.8 → 1.21.9
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 +1 -1
- package/dist/style.css +1 -1
- package/dist/style.min.css +1 -1
- package/dist/style.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
package/dist/style.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/*!
|
|
3
|
-
* Blue Web v1.21.
|
|
3
|
+
* Blue Web v1.21.9 (https://bruegmann.github.io/blue-web)
|
|
4
4
|
* Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-web/blob/master/LICENSE).
|
|
5
5
|
*/
|
|
6
6
|
:root {
|
package/dist/style.min.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@charset "UTF-8";/*!
|
|
2
|
-
* Blue Web v1.21.
|
|
2
|
+
* Blue Web v1.21.9 (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
|
*/:root{--blue-app-bg:hsl(217,10%,94%);--blue-scrollbar-thumb-color-rgb:255,255,255;--blue-sidebar-width:16.563rem;--blue-sidebar-color:hsl(217,11%,15%);--blue-theme:var(--theme,hsl(217,10%,94%));--blue-shimmering:0.9;--blue-sidebar-bg:hsl(217,10%,94%);--blue-header-bg:hsl(217,10%,94%);--blue-header-height:3.429rem;--blue-header-color:hsl(217,11%,15%);--blue-action-link-bg-color:var(--blue-theme);--blue-menu-item-indicator-bg:hsl(221,97%,53%);--blue-menu-item-height:calc(var(--bs-btn-border-width,1px) + var(--bs-btn-padding-y,0.375rem) + var(--bs-btn-font-size,1rem) * var(--bs-btn-line-height,1.5) + var(--bs-btn-padding-y,0.375rem) + var(--bs-btn-border-width,1px));--blue-corner-shape:round}[data-bs-theme=dark]{--blue-app-bg:hsl(217,10%,8%);--blue-sidebar-color:#fff;--blue-sidebar-bg:hsl(217,10%,8%);--blue-header-bg:hsl(217,10%,8%);--blue-header-color:#fff;--blue-menu-item-indicator-bg:#fff}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes blAppearUp{from{margin-top:2.5rem}to{margin-top:0}}@keyframes blue-menu-item-dropdown{from{transform:translateY(-50%);opacity:0}}@keyframes enabledBlueAppPage{from{transform:scale(0.98);opacity:0}to{opacity:1}}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes alert-in{from{transform:scale(0,0);opacity:0.2;transition:0s}}@keyframes circlebounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}@keyframes scrolling{from{transform:translateX(-100%)}to{transform:translateX(100%)}}/*!
|
|
5
5
|
* Bootstrap v5.3.8 (https://getbootstrap.com/)
|
package/dist/style.scss
CHANGED