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.
@@ -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,interval:null,showTimeout:null,isVisible:!1},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",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:300;const i="string"==typeof r||r instanceof String?document.querySelector(r.toString()):r;window.blueWeb.progress.progress=0,window.blueWeb.progress.isVisible=!1,window.blueWeb.progress.showTimeout=setTimeout(()=>{let r=document.getElementById(e);r||(r=document.createElement("div"),r.id=e,r.className="progress ".concat(o," rounded-0"),r.setAttribute("style","--bs-progress-height: 0.25rem"),r.setAttribute("role","progressbar"),r.setAttribute("aria-label",t),r.setAttribute("aria-valuemin","0"),r.setAttribute("aria-valuemax","100"),r.innerHTML='<div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 0%"></div>',i.appendChild(r)),window.blueWeb.progress.isVisible=!0;const s=r.querySelector(".progress-bar");s&&(window.blueWeb.progress.interval=setInterval(function(){var e,t=5*Math.random();window.blueWeb.progress.progress+=t,window.blueWeb.progress.progress=Math.min(window.blueWeb.progress.progress,90),s.style.width=window.blueWeb.progress.progress+"%",null===(e=r)||void 0===e||e.setAttribute("aria-valuenow",Math.round(window.blueWeb.progress.progress).toString()),window.blueWeb.progress.progress>=90&&clearInterval(window.blueWeb.progress.interval)},200))},s)},stop:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"blueWebProgress";window.blueWeb.progress.showTimeout&&clearTimeout(window.blueWeb.progress.showTimeout),window.blueWeb.progress.interval&&clearInterval(window.blueWeb.progress.interval);const r=document.getElementById(e);if(!r||!window.blueWeb.progress.isVisible)return void(window.blueWeb.progress.isVisible=!1);const t=r.querySelector(".progress-bar");t&&(window.blueWeb.progress.progress=100,t.style.width="100%",r.setAttribute("aria-valuenow","100"),setTimeout(()=>{r.remove(),window.blueWeb.progress.isVisible=!1},300))}}),window.blueWeb.progress})();
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})();
@@ -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
- window.blueWeb.progress.isVisible = false;
23
- window.blueWeb.progress.showTimeout = setTimeout(() => {
24
- let progressEl = document.getElementById(id);
25
- if (!progressEl) {
26
- progressEl = document.createElement("div");
27
- progressEl.id = id;
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
- // Aktualisiere die Progressbar
48
- progressBar.style.width = window.blueWeb.progress.progress + "%";
49
- (_progressEl = progressEl) === null || _progressEl === void 0 || _progressEl.setAttribute("aria-valuenow", Math.round(window.blueWeb.progress.progress).toString());
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
- // Stoppe das Intervall, wenn 90% erreicht sind
52
- if (window.blueWeb.progress.progress >= 90) {
53
- clearInterval(window.blueWeb.progress.interval);
54
- }
55
- }, 200); // Update alle 200ms
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
- window.blueWeb.progress.isVisible = false;
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.8 (https://bruegmann.github.io/blue-web)
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
  */
5
5
 
package/dist/style.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * Blue Web v1.21.8 (https://bruegmann.github.io/blue-web)
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 {
@@ -1,5 +1,5 @@
1
1
  @charset "UTF-8";/*!
2
- * Blue Web v1.21.8 (https://bruegmann.github.io/blue-web)
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
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Blue Web v1.21.8 (https://bruegmann.github.io/blue-web)
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
  */
5
5
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "blue-web",
3
- "version": "1.21.8",
3
+ "version": "1.21.9",
4
4
  "description": "UI components built on top of Bootstrap 5",
5
5
  "license": "LGPL-3.0-or-later",
6
6
  "type": "module",