myio-js-library 0.1.153 → 0.1.154
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/index.cjs +12 -5
- package/dist/index.js +12 -5
- package/dist/myio-js-library.umd.js +12 -11
- package/dist/myio-js-library.umd.min.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -4505,6 +4505,10 @@ var CSS_STRING = `
|
|
|
4505
4505
|
background: var(--myio-chip-offline-fg);
|
|
4506
4506
|
}
|
|
4507
4507
|
|
|
4508
|
+
.status-dot.dot--neutral {
|
|
4509
|
+
background: var(--myio-muted);
|
|
4510
|
+
}
|
|
4511
|
+
|
|
4508
4512
|
/* Primary metric */
|
|
4509
4513
|
.myio-ho-card__primary {
|
|
4510
4514
|
margin-bottom: 14px;
|
|
@@ -4603,7 +4607,11 @@ var CSS_STRING = `
|
|
|
4603
4607
|
flex-direction: column;
|
|
4604
4608
|
align-items: center;
|
|
4605
4609
|
text-align: center;
|
|
4606
|
-
gap:
|
|
4610
|
+
gap: 2px;
|
|
4611
|
+
}
|
|
4612
|
+
|
|
4613
|
+
.myio-ho-card__footer .metric .status-dot {
|
|
4614
|
+
margin-bottom: 2px;
|
|
4607
4615
|
}
|
|
4608
4616
|
|
|
4609
4617
|
.myio-ho-card__footer .metric .ico {
|
|
@@ -5072,10 +5080,9 @@ function buildDOM(state) {
|
|
|
5072
5080
|
footer.className = "myio-ho-card__footer";
|
|
5073
5081
|
const opTimeMetric = document.createElement("div");
|
|
5074
5082
|
opTimeMetric.className = "metric";
|
|
5075
|
-
const
|
|
5076
|
-
|
|
5077
|
-
|
|
5078
|
-
opTimeMetric.appendChild(opTimeIcon);
|
|
5083
|
+
const opTimeDot = document.createElement("span");
|
|
5084
|
+
opTimeDot.className = "status-dot dot--neutral";
|
|
5085
|
+
opTimeMetric.appendChild(opTimeDot);
|
|
5079
5086
|
const opTimeLabel = document.createElement("div");
|
|
5080
5087
|
opTimeLabel.className = "label";
|
|
5081
5088
|
opTimeLabel.textContent = i18n.operation_time;
|
package/dist/index.js
CHANGED
|
@@ -4397,6 +4397,10 @@ var CSS_STRING = `
|
|
|
4397
4397
|
background: var(--myio-chip-offline-fg);
|
|
4398
4398
|
}
|
|
4399
4399
|
|
|
4400
|
+
.status-dot.dot--neutral {
|
|
4401
|
+
background: var(--myio-muted);
|
|
4402
|
+
}
|
|
4403
|
+
|
|
4400
4404
|
/* Primary metric */
|
|
4401
4405
|
.myio-ho-card__primary {
|
|
4402
4406
|
margin-bottom: 14px;
|
|
@@ -4495,7 +4499,11 @@ var CSS_STRING = `
|
|
|
4495
4499
|
flex-direction: column;
|
|
4496
4500
|
align-items: center;
|
|
4497
4501
|
text-align: center;
|
|
4498
|
-
gap:
|
|
4502
|
+
gap: 2px;
|
|
4503
|
+
}
|
|
4504
|
+
|
|
4505
|
+
.myio-ho-card__footer .metric .status-dot {
|
|
4506
|
+
margin-bottom: 2px;
|
|
4499
4507
|
}
|
|
4500
4508
|
|
|
4501
4509
|
.myio-ho-card__footer .metric .ico {
|
|
@@ -4964,10 +4972,9 @@ function buildDOM(state) {
|
|
|
4964
4972
|
footer.className = "myio-ho-card__footer";
|
|
4965
4973
|
const opTimeMetric = document.createElement("div");
|
|
4966
4974
|
opTimeMetric.className = "metric";
|
|
4967
|
-
const
|
|
4968
|
-
|
|
4969
|
-
|
|
4970
|
-
opTimeMetric.appendChild(opTimeIcon);
|
|
4975
|
+
const opTimeDot = document.createElement("span");
|
|
4976
|
+
opTimeDot.className = "status-dot dot--neutral";
|
|
4977
|
+
opTimeMetric.appendChild(opTimeDot);
|
|
4971
4978
|
const opTimeLabel = document.createElement("div");
|
|
4972
4979
|
opTimeLabel.className = "label";
|
|
4973
4980
|
opTimeLabel.textContent = i18n.operation_time;
|
|
@@ -4403,6 +4403,10 @@
|
|
|
4403
4403
|
background: var(--myio-chip-offline-fg);
|
|
4404
4404
|
}
|
|
4405
4405
|
|
|
4406
|
+
.status-dot.dot--neutral {
|
|
4407
|
+
background: var(--myio-muted);
|
|
4408
|
+
}
|
|
4409
|
+
|
|
4406
4410
|
/* Primary metric */
|
|
4407
4411
|
.myio-ho-card__primary {
|
|
4408
4412
|
margin-bottom: 14px;
|
|
@@ -4501,7 +4505,11 @@
|
|
|
4501
4505
|
flex-direction: column;
|
|
4502
4506
|
align-items: center;
|
|
4503
4507
|
text-align: center;
|
|
4504
|
-
gap:
|
|
4508
|
+
gap: 2px;
|
|
4509
|
+
}
|
|
4510
|
+
|
|
4511
|
+
.myio-ho-card__footer .metric .status-dot {
|
|
4512
|
+
margin-bottom: 2px;
|
|
4505
4513
|
}
|
|
4506
4514
|
|
|
4507
4515
|
.myio-ho-card__footer .metric .ico {
|
|
@@ -4666,12 +4674,6 @@
|
|
|
4666
4674
|
viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false">
|
|
4667
4675
|
<rect x="5" y="4" width="14" height="16" rx="2"/>
|
|
4668
4676
|
<path d="M7 12c1.5 1 3 .9 5-.3s3.5-1.3 5 .3v4H7v-4Z" fill="#fff" fill-opacity=".25"/>
|
|
4669
|
-
</svg>`,
|
|
4670
|
-
// 🟦 Online chip (dot)
|
|
4671
|
-
dot: `
|
|
4672
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
4673
|
-
viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false">
|
|
4674
|
-
<circle cx="12" cy="12" r="5"/>
|
|
4675
4677
|
</svg>`,
|
|
4676
4678
|
// ⋮ Kebab (for actions menu)
|
|
4677
4679
|
kebab: `
|
|
@@ -4962,10 +4964,9 @@
|
|
|
4962
4964
|
footer.className = "myio-ho-card__footer";
|
|
4963
4965
|
const opTimeMetric = document.createElement("div");
|
|
4964
4966
|
opTimeMetric.className = "metric";
|
|
4965
|
-
const
|
|
4966
|
-
|
|
4967
|
-
|
|
4968
|
-
opTimeMetric.appendChild(opTimeIcon);
|
|
4967
|
+
const opTimeDot = document.createElement("span");
|
|
4968
|
+
opTimeDot.className = "status-dot dot--neutral";
|
|
4969
|
+
opTimeMetric.appendChild(opTimeDot);
|
|
4969
4970
|
const opTimeLabel = document.createElement("div");
|
|
4970
4971
|
opTimeLabel.className = "label";
|
|
4971
4972
|
opTimeLabel.textContent = i18n.operation_time;
|