@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.
@@ -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="bar">
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);