@oicl/openbridge-webcomponents 2.0.0-next.130 → 2.0.0-next.131
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/bundle/openbridge-webcomponents.bundle.js +22 -1
- package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
- package/custom-elements.json +34 -2
- package/dist/components/modal-window/modal-window.css.js +5 -0
- package/dist/components/modal-window/modal-window.css.js.map +1 -1
- package/dist/components/modal-window/modal-window.d.ts +8 -0
- package/dist/components/modal-window/modal-window.d.ts.map +1 -1
- package/dist/components/modal-window/modal-window.js.map +1 -1
- package/dist/components/progress-bar/progress-bar.css.js +8 -0
- package/dist/components/progress-bar/progress-bar.css.js.map +1 -1
- package/dist/components/progress-bar/progress-bar.d.ts +11 -0
- package/dist/components/progress-bar/progress-bar.d.ts.map +1 -1
- package/dist/components/progress-bar/progress-bar.js +12 -1
- package/dist/components/progress-bar/progress-bar.js.map +1 -1
- package/package.json +1 -1
|
@@ -101717,6 +101717,10 @@ const componentStyle$G = i$7`* {
|
|
|
101717
101717
|
box-sizing: border-box;
|
|
101718
101718
|
}
|
|
101719
101719
|
|
|
101720
|
+
:host {
|
|
101721
|
+
display: block;
|
|
101722
|
+
}
|
|
101723
|
+
|
|
101720
101724
|
.wrapper {
|
|
101721
101725
|
box-sizing: border-box;
|
|
101722
101726
|
background: var(--container-background-color);
|
|
@@ -101728,6 +101732,7 @@ const componentStyle$G = i$7`* {
|
|
|
101728
101732
|
display: flex;
|
|
101729
101733
|
flex-direction: column;
|
|
101730
101734
|
width: 100%;
|
|
101735
|
+
height: var(--obc-modal-window-height, auto);
|
|
101731
101736
|
max-height: 90vh;
|
|
101732
101737
|
}
|
|
101733
101738
|
|
|
@@ -103977,6 +103982,10 @@ const componentStyle$A = i$7`* {
|
|
|
103977
103982
|
transition: width 0.3s ease-in-out;
|
|
103978
103983
|
}
|
|
103979
103984
|
|
|
103985
|
+
.bar.priority-regular .loaded {
|
|
103986
|
+
background-color: var(--instrument-regular-secondary-color);
|
|
103987
|
+
}
|
|
103988
|
+
|
|
103980
103989
|
.indeterminate-track {
|
|
103981
103990
|
position: absolute;
|
|
103982
103991
|
top: 0;
|
|
@@ -103988,6 +103997,10 @@ const componentStyle$A = i$7`* {
|
|
|
103988
103997
|
animation: indeterminate-slide 1.5s ease-in-out infinite;
|
|
103989
103998
|
}
|
|
103990
103999
|
|
|
104000
|
+
.bar.priority-regular .indeterminate-track {
|
|
104001
|
+
background-color: var(--instrument-regular-secondary-color);
|
|
104002
|
+
}
|
|
104003
|
+
|
|
103991
104004
|
@keyframes indeterminate-slide {
|
|
103992
104005
|
0% {
|
|
103993
104006
|
transform: translateX(-100%);
|
|
@@ -104117,6 +104130,7 @@ let ObcProgressBar = class extends i$4 {
|
|
|
104117
104130
|
this.type = "linear";
|
|
104118
104131
|
this.mode = "determinate";
|
|
104119
104132
|
this.circularState = "determinate";
|
|
104133
|
+
this.priority = Priority.enhanced;
|
|
104120
104134
|
this.value = 0;
|
|
104121
104135
|
this.showValue = false;
|
|
104122
104136
|
this.showUnit = false;
|
|
@@ -104196,11 +104210,15 @@ let ObcProgressBar = class extends i$4 {
|
|
|
104196
104210
|
renderLinearProgress() {
|
|
104197
104211
|
const clampedValue = Math.max(0, Math.min(100, this.value));
|
|
104198
104212
|
const progressWidth = `${clampedValue}%`;
|
|
104213
|
+
const barClasses = {
|
|
104214
|
+
bar: true,
|
|
104215
|
+
"priority-regular": this.priority === Priority.regular
|
|
104216
|
+
};
|
|
104199
104217
|
return b`
|
|
104200
104218
|
<div class="wrapper">
|
|
104201
104219
|
${this.showValue ? this.renderLabel() : ""}
|
|
104202
104220
|
|
|
104203
|
-
<div class
|
|
104221
|
+
<div class=${e$1(barClasses)}>
|
|
104204
104222
|
${this.mode === "determinate" ? b`
|
|
104205
104223
|
<div
|
|
104206
104224
|
class="loaded"
|
|
@@ -104247,6 +104265,9 @@ __decorateClass$to([
|
|
|
104247
104265
|
__decorateClass$to([
|
|
104248
104266
|
n$3({ type: String })
|
|
104249
104267
|
], ObcProgressBar.prototype, "circularState", 2);
|
|
104268
|
+
__decorateClass$to([
|
|
104269
|
+
n$3({ type: String })
|
|
104270
|
+
], ObcProgressBar.prototype, "priority", 2);
|
|
104250
104271
|
__decorateClass$to([
|
|
104251
104272
|
n$3({ type: Number })
|
|
104252
104273
|
], ObcProgressBar.prototype, "value", 2);
|