@odx/foundation 1.0.0-beta.15 → 1.0.0-beta.16
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/components.js +3 -3
- package/package.json +1 -1
package/dist/components.js
CHANGED
|
@@ -3414,7 +3414,7 @@ OdxPagination = __decorateClass$t([
|
|
|
3414
3414
|
customElement("odx-pagination", [styles$r])
|
|
3415
3415
|
], OdxPagination);
|
|
3416
3416
|
|
|
3417
|
-
const styles$q = ":host{--_color-foreground: inherit;--_indicator-color: var(--odx-color-primary-rest);--_track-color: var(--odx-palette-coolgray-10);--_track-size: var(--odx-size-50);--_value-percentage: 0
|
|
3417
|
+
const styles$q = ":host{--_color-foreground: inherit;--_indicator-color: var(--odx-color-primary-rest);--_track-color: var(--odx-palette-coolgray-10);--_track-size: var(--odx-size-50);--_value-percentage: 0}:host{display:flex;align-items:center;flex-wrap:wrap;gap:var(--odx-size-50);color:var(--_color-foreground);line-height:1rem;padding-inline:var(--odx-size-75);padding-block:var(--odx-size-25)}.base,.indicator{inline-size:100%}.base{block-size:var(--_track-size);background:var(--_track-color);border-radius:var(--odx-border-radius-md);overflow:hidden;position:relative;inline-size:100%}.indicator{block-size:100%;background-color:var(--_indicator-color);transform:scaleX(calc(var(--_value-percentage) / 100));transform-origin:0 center;transition:var(--odx-transition-reduced);transition-property:background-color,transform;transform-origin:0% 50%}[part=label]{flex:1;text-align:start}[part=value]{align-self:flex-end;text-align:end;margin-inline-start:auto}:host([condensed]){padding-block:0;flex-wrap:nowrap;[part=label]{flex:1 1 auto}[part=value]{order:99}}:host([state=\"confirm\"]){--_indicator-color: var(--odx-color-confirmation-rest);--_color-foreground: var(--_indicator-color);--_value-color: var(--_indicator-color)}:host([state=\"error\"]){--_indicator-color: var(--odx-color-danger-rest);--_color-foreground: var(--_indicator-color);--_value-color: var(--_indicator-color);font-weight:var(--odx-font-weight-medium)}:host([state=\"success\"]){--_indicator-color: var(--odx-color-success-rest)}:host([indeterminate]) .indicator{animation:indeterminate 1.5s linear infinite}@keyframes indeterminate{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}";
|
|
3418
3418
|
|
|
3419
3419
|
var __defProp$s = Object.defineProperty;
|
|
3420
3420
|
var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
|
|
@@ -3445,7 +3445,7 @@ let OdxProgressBar = class extends CustomElement {
|
|
|
3445
3445
|
render() {
|
|
3446
3446
|
const valueText = this.valueText || `${this.valuePercentage}%`;
|
|
3447
3447
|
return html`
|
|
3448
|
-
${when(this.label, (label) => html`<div part="label" aria-hidden="true">${label}</div>`)}
|
|
3448
|
+
${when(this.label, (label) => html`<div part="label" aria-hidden="true" odxPreventTextOverflow>${label}</div>`)}
|
|
3449
3449
|
${when(!this.valueHidden, () => html`<odx-text part="value" aria-hidden="true">${valueText}</odx-text>`)}
|
|
3450
3450
|
<div
|
|
3451
3451
|
class="base"
|
|
@@ -3455,7 +3455,7 @@ let OdxProgressBar = class extends CustomElement {
|
|
|
3455
3455
|
aria-valuemin="0"
|
|
3456
3456
|
aria-valuemax="100"
|
|
3457
3457
|
aria-valuenow=${this.indeterminate ? 0 : this.value}
|
|
3458
|
-
style="
|
|
3458
|
+
style="--_value-percentage: ${this.valuePercentage}"
|
|
3459
3459
|
>
|
|
3460
3460
|
<div class="indicator"></div>
|
|
3461
3461
|
</div>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/foundation",
|
|
3
3
|
"description": "A library of Web Component building blocks for ODX",
|
|
4
|
-
"version": "1.0.0-beta.
|
|
4
|
+
"version": "1.0.0-beta.16",
|
|
5
5
|
"author": "Drägerwerk AG & Co.KGaA",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
7
7
|
"homepage": "https://odx.draeger.com",
|