@trintel/zooy 1.0.16 → 1.0.20

package/dist/chunks/popover-content-Bi-ydBhZ.js

@@ -0,0 +1,277 @@
+import { o as d, t as g } from "./lit-uyM4-HrV.js";
+import { t } from "./decorate-DT052P_1.js";
+import { t as f } from "./carbon-element-Z5iEnFdr.js";
+import { i as r, n as v } from "./decorators-CK8kfuyw.js";
+import { t as C } from "./class-map-qeLb1IA_.js";
+import { t as y } from "./host-listener-DJEakRMM.js";
+import { t as _ } from "./host-listener-BBI7oAFw.js";
+import { i as b, r as u, t as S } from "./deep-shadow-contains-BlQ_KSu4.js";
+import { t as $ } from "./floating-controller-BphaSUPY.js";
+var h, s = class extends _(g) {
+  static {
+    h = this;
+  }
+  _handleSlotChange({ target: e }) {
+    this.tabTip && e.assignedNodes().filter((a) => a.nodeType === Node.ELEMENT_NODE && a.tagName === "BUTTON")[0]?.classList.add("cds--popover--tab-tip__button"), this.requestUpdate();
+  }
+  _handleKeyDown(e) {
+    this.open && (e.key === "Tab" ? this._tabKeyPressed = !0 : this._tabKeyPressed = !1);
+  }
+  _handleFocusOut(e) {
+    if (!(!this._tabKeyPressed || !this.open)) {
+      if (this.contains(e.relatedTarget) || S(this, e.relatedTarget)) {
+        this._tabKeyPressed = !1;
+        return;
+      }
+      this._tabKeyPressed = !1, this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose, {
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0,
+        detail: { triggeredBy: e.target }
+      })) && (this.open = !1, this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose, {
+        bubbles: !0,
+        composed: !0
+      })));
+    }
+  }
+  _handleOutsideClick(e) {
+    const a = e.composedPath();
+    if (a.includes(this._triggerSlotNode.assignedElements()[0])) return;
+    const i = this.querySelector(this.constructor.selectorPopoverContent)?.shadowRoot?.querySelector(this.constructor.selectorPopoverContentClass);
+    if (a.includes(i)) return;
+    const o = e.target, n = e.composedPath?.()[0];
+    this.open && o && !this.contains(o) && !this.contains(n) && this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose, {
+      bubbles: !0,
+      cancelable: !0,
+      composed: !0,
+      detail: { triggeredBy: e.target }
+    })) && (this.open = !1, this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose, {
+      bubbles: !0,
+      composed: !0
+    })));
+  }
+  constructor() {
+    super(), this.popoverController = new $(this), this._tabKeyPressed = !1, this.align = "", this.autoalign = !1, this.caret = !0, this.dropShadow = !0, this.border = !1, this.highContrast = !1, this.open = !1, this.tabTip = !1, this.backgroundToken = u.LAYER, this._handleOutsideClick = this._handleOutsideClick.bind(this);
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this._handleOutsideClick);
+  }
+  disconnectedCallback() {
+    document.removeEventListener("click", this._handleOutsideClick);
+  }
+  _resolveAutoAlignBoundary() {
+    const e = (this.autoAlignBoundary ?? "").trim();
+    if (!e || e === "clippingAncestors") return "clippingAncestors";
+    const a = /^rect\(\s*([-\d.]+)\s*,\s*([-\d.]+)\s*,\s*([-\d.]+)\s*,\s*([-\d.]+)\s*\)$/i.exec(e);
+    if (a) {
+      const [, o, n, l, c] = a;
+      return {
+        x: +o,
+        y: +n,
+        width: +l,
+        height: +c
+      };
+    }
+    const i = e.split(",").map((o) => o.trim()).filter((o) => o.length > 1 && o.startsWith("#")).map((o) => o.slice(1).trim()).filter(Boolean);
+    if (i.length > 0) {
+      const o = [], n = /* @__PURE__ */ new Set();
+      for (const l of i) {
+        if (n.has(l)) continue;
+        n.add(l);
+        const c = document.getElementById(l);
+        c && o.push(c);
+      }
+      return o.length === 1 ? o[0] : o;
+    }
+    return "clippingAncestors";
+  }
+  updated(e) {
+    const { selectorPopoverContent: a } = this.constructor;
+    if ([
+      "open",
+      "align",
+      "autoalign",
+      "caret",
+      "dropShadow",
+      "border",
+      "tabTip",
+      "highContrast",
+      "backgroundToken"
+    ].forEach((i) => {
+      if (e.has(i)) {
+        const { [i]: o } = this;
+        this.querySelector(a) && (this.querySelector(a)[i] = o);
+      }
+    }), this.autoalign && this.open) {
+      const i = this._triggerSlotNode.assignedElements()[0], o = this._contentSlotNode.assignedElements()[0], n = o?.shadowRoot?.querySelector(h.selectorPopoverContentClass), l = o?.shadowRoot?.querySelector(h.selectorPopoverCaret);
+      i && n && this.popoverController?.setPlacement({
+        trigger: i,
+        target: n,
+        arrowElement: this.caret && l ? l : void 0,
+        caret: this.caret,
+        flipArguments: { fallbackAxisSideDirection: "start" },
+        alignment: this.align,
+        open: this.open,
+        alignmentAxisOffset: this.alignmentAxisOffset,
+        autoAlignBoundary: this._resolveAutoAlignBoundary(),
+        isTabTip: this.tabTip
+      });
+    }
+  }
+  render() {
+    const { dropShadow: e, border: a, highContrast: i, open: o, tabTip: n, _handleSlotChange: l } = this;
+    return n && (this.caret = !n), this.autoalign || (this.align = this.align ? this.align : n ? "bottom-start" : "bottom"), n && ([
+      "bottom-start",
+      "bottom-end",
+      "bottom-left",
+      "bottom-right"
+    ].includes(this.align) || (this.align = "bottom-start")), d`
+      <span class="${C({
+      "cds--popover-container": !0,
+      "cds--popover--caret": this.caret,
+      "cds--popover--drop-shadow": e,
+      "cds--popover--border": a,
+      "cds--popover--high-contrast": i,
+      "cds--popover--open": o,
+      [`cds--popover--${this.align}`]: !0,
+      "cds--popover--tab-tip": n,
+      "cds--popover--background-token__background": this.backgroundToken === u.BACKGROUND && !i
+    })}" part="popover-container">
+        <slot @slotchange="${l}"></slot>
+        <slot name="content"></slot>
+      </span>
+    `;
+  }
+  static get selectorPopoverContentClass() {
+    return ".cds--popover-content";
+  }
+  static get selectorPopoverCaret() {
+    return ".cds--popover-caret";
+  }
+  static get selectorPopoverContent() {
+    return "cds-popover-content";
+  }
+  static get eventBeforeClose() {
+    return "cds-popover-beingclosed";
+  }
+  static get eventOnClose() {
+    return "cds-popover-closed";
+  }
+  static {
+    this.styles = b;
+  }
+};
+t([v("slot")], s.prototype, "_triggerSlotNode", void 0);
+t([v('slot[name="content"]')], s.prototype, "_contentSlotNode", void 0);
+t([r({
+  reflect: !0,
+  type: String
+})], s.prototype, "align", void 0);
+t([r({
+  type: Number,
+  reflect: !0,
+  attribute: "alignment-axis-offset"
+})], s.prototype, "alignmentAxisOffset", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], s.prototype, "autoalign", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], s.prototype, "caret", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], s.prototype, "dropShadow", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], s.prototype, "border", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], s.prototype, "highContrast", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], s.prototype, "open", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], s.prototype, "tabTip", void 0);
+t([r({
+  reflect: !0,
+  type: String
+})], s.prototype, "backgroundToken", void 0);
+t([r({
+  type: String,
+  reflect: !0,
+  attribute: "autoalign-boundary"
+})], s.prototype, "autoAlignBoundary", void 0);
+t([y("keydown")], s.prototype, "_handleKeyDown", null);
+t([y("focusout")], s.prototype, "_handleFocusOut", null);
+s = h = t([f("cds-popover")], s);
+var D = s, p = class extends g {
+  constructor(...e) {
+    super(...e), this.align = "", this.autoalign = !1, this.dropShadow = !0, this.border = !1, this.highContrast = !1, this.open = !1, this.tabTip = !1, this.backgroundToken = u.LAYER, this.slot = "content";
+  }
+  render() {
+    return d`
+      <span class="${"cds"}--popover">
+        <span class="${"cds"}--popover-content" part="content" tabindex="-1">
+          <slot> </slot>
+          ${this.autoalign ? d`<span
+                class="${"cds"}--popover-caret ${"cds"}--popover--auto-align"></span>` : null}
+        </span>
+        ${this.autoalign ? null : d`<span class="${"cds"}--popover-caret"></span>`}
+      </span>
+    `;
+  }
+  static {
+    this.styles = b;
+  }
+};
+t([r({
+  reflect: !0,
+  type: String
+})], p.prototype, "align", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], p.prototype, "autoalign", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], p.prototype, "caret", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], p.prototype, "dropShadow", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], p.prototype, "border", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], p.prototype, "highContrast", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], p.prototype, "open", void 0);
+t([r({
+  type: Boolean,
+  reflect: !0
+})], p.prototype, "tabTip", void 0);
+t([r({
+  reflect: !0,
+  type: String
+})], p.prototype, "backgroundToken", void 0);
+t([r({ reflect: !0 })], p.prototype, "slot", void 0);
+p = t([f("cds-popover-content")], p);
+var L = p;
+export {
+  D as n,
+  L as t
+};

package/dist/chunks/{index-D6Eg6Zh4.js → progress-bar-BTHREDPK.js}

@@ -1,22 +1,101 @@
-"use strict";const i=require("./tslib.es6-B07k2eac.js"),p=require("./main-CZIPBRMI.js"),c=require("./property-BIgIlh0E.js"),I=require("./carbon-element-CbfPUYRT.js"),f=require("./class-map-BwrbvkxB.js"),e=require("./settings-Bgpv8zuU.js"),E=require("./16-DH311Of_.js"),D=require("./16-B56B50XT.js"),z=require("./icon-loader-C_ze306U.js");var t;(function(r){r.ACTIVE="active",r.FINISHED="finished",r.ERROR="error"})(t||(t={}));var v;(function(r){r.SMALL="small",r.BIG="big"})(v||(v={}));var m;(function(r){r.DEFAULT="default",r.INLINE="inline",r.INDENTED="indented"})(m||(m={}));var L=p.i$1(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--progress-bar{--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max))}.cds--progress-bar__label{color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-block-end:.5rem;min-inline-size:3rem}.cds--progress-bar__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--progress-bar__track{background-color:var(--cds-layer);block-size:.5rem;inline-size:100%;min-inline-size:3rem;position:relative}.cds--progress-bar--big .cds--progress-bar__track{block-size:.5rem}.cds--progress-bar--small .cds--progress-bar__track{block-size:.25rem}.cds--progress-bar__bar{background-color:currentColor;block-size:100%;color:var(--cds-interactive,#0f62fe);display:block;inline-size:100%;transform:scaleX(0);transform-origin:0 center;transition:transform .11s cubic-bezier(.2,0,.38,.9)}[dir=rtl] .cds--progress-bar__bar{transform-origin:100% center}.cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:cds--progress-bar-indeterminate;animation-timing-function:linear;background-image:linear-gradient(90deg,var(--cds-interactive,#0f62fe) 12.5%,transparent 12.5%);background-position-x:0;background-size:200% 100%;content:"";inset:0;position:absolute}[dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-name:cds--progress-bar-indeterminate-rtl}.cds--progress-bar__helper-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.5rem}.cds--progress-bar__status-icon{flex-shrink:0;margin-inline-start:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--finished .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__status-icon{color:var(--cds-support-success,#24a148)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--error .cds--progress-bar__status-icon{color:var(--cds-support-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__helper-text{color:var(--cds-text-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__bar{transform:scaleX(1)}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:1;justify-content:flex-start;margin-inline-end:0}@keyframes cds--progress-bar-indeterminate{0%{background-position-x:25%}80%,to{background-position-x:-105%}}@keyframes cds--progress-bar-indeterminate-rtl{0%{background-position-x:-105%}80%,to{background-position-x:25%}}.cds--progress-bar--inline{align-items:center;display:flex}.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:0;margin-block-end:0;margin-inline-end:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--inline .cds--progress-bar__track{flex-basis:0;flex-grow:1}.cds--progress-bar--inline .cds--progress-bar__helper-text{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--indented .cds--progress-bar__helper-text,.cds--progress-bar--indented .cds--progress-bar__label{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--progress-bar__track{background-color:Canvas;forced-color-adjust:none;outline:2px solid transparent;outline-offset:-2px}.cds--progress-bar__bar{background-color:CanvasText}}:host(cds-progress-bar) .cds--progress-bar--inline .cds--progress-bar__label{margin-inline-end:1rem}:host(cds-progress-bar) .cds--progress-bar--indented .cds--progress-bar__helper-text,:host(cds-progress-bar) .cds--progress-bar--indented .cds--progress-bar__label{padding-inline:1rem}']);let a=class extends p.i{constructor(){super(...arguments),this.max=100,this.size=v.BIG,this.status=t.ACTIVE,this.type=m.DEFAULT}get _cappedValue(){const{value:o,max:d,status:n}=this;let s=o;return s>d&&(s=d),s<0&&(s=0),n===t.ERROR?s=0:n===t.FINISHED&&(s=d),s}updated(o){if(o.has("value")||o.has("max")||o.has("status")){const{_cappedValue:d,max:n,status:s}=this,h=d/n,y=this.shadowRoot.querySelector(`.${e.prefix}--progress-bar__bar`);s!=t.ERROR&&s!=t.FINISHED?y.style.transform=`scaleX(${h})`:y.style.transform="none"}}render(){const{_cappedValue:o,helperText:d,hideLabel:n,label:s,max:h,size:y,status:_,type:k,value:x}=this,l=_===t.FINISHED,g=_===t.ERROR,u=!l&&!g&&x==null;let b=null;g?b=z.iconLoader(E._16,{class:`${e.prefix}--progress-bar__status-icon`}):l&&(b=z.iconLoader(D._16,{class:`${e.prefix}--progress-bar__status-icon`}));const $=f.e({[`${e.prefix}--progress-bar`]:!0,[`${e.prefix}--progress-bar--${y}`]:!0,[`${e.prefix}--progress-bar--${k}`]:!0,[`${e.prefix}--progress-bar--indeterminate`]:u,[`${e.prefix}--progress-bar--finished`]:l,[`${e.prefix}--progress-bar--error`]:g}),w=f.e({[`${e.prefix}--progress-bar__label`]:!0,[`${e.prefix}--visually-hidden`]:n});return p.x` <div class="${$}">
-      <div class="${w}">
-        <span class="${e.prefix}--progress-bar__label-text">${s}</span>
-        ${b}
+import { o as b, t as f, u as z } from "./lit-uyM4-HrV.js";
+import { t } from "./decorate-DT052P_1.js";
+import { t as k } from "./carbon-element-Z5iEnFdr.js";
+import { i as d } from "./decorators-CK8kfuyw.js";
+import { t as m } from "./icon-loader-B9uu2SkP.js";
+import { t as _ } from "./class-map-qeLb1IA_.js";
+import { t as $ } from "./16-Cx-PCMJJ.js";
+import { t as w } from "./16-BsQdCz_w.js";
+var c = /* @__PURE__ */ (function(e) {
+  return e.ACTIVE = "active", e.FINISHED = "finished", e.ERROR = "error", e;
+})({}), I = /* @__PURE__ */ (function(e) {
+  return e.SMALL = "small", e.BIG = "big", e;
+})({}), D = /* @__PURE__ */ (function(e) {
+  return e.DEFAULT = "default", e.INLINE = "inline", e.INDENTED = "indented", e;
+})({}), N = z(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--progress-bar{--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max))}.cds--progress-bar__label{color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-block-end:.5rem;min-inline-size:3rem}.cds--progress-bar__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--progress-bar__track{background-color:var(--cds-layer);block-size:.5rem;inline-size:100%;min-inline-size:3rem;position:relative}.cds--progress-bar--big .cds--progress-bar__track{block-size:.5rem}.cds--progress-bar--small .cds--progress-bar__track{block-size:.25rem}.cds--progress-bar__bar{background-color:currentColor;block-size:100%;color:var(--cds-interactive,#0f62fe);display:block;inline-size:100%;transform:scaleX(0);transform-origin:0 center;transition:transform .11s cubic-bezier(.2,0,.38,.9)}[dir=rtl] .cds--progress-bar__bar{transform-origin:100% center}.cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:cds--progress-bar-indeterminate;animation-timing-function:linear;background-image:linear-gradient(90deg,var(--cds-interactive,#0f62fe) 12.5%,transparent 12.5%);background-position-x:0;background-size:200% 100%;content:"";inset:0;position:absolute}[dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-name:cds--progress-bar-indeterminate-rtl}.cds--progress-bar__helper-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.5rem}.cds--progress-bar__status-icon{flex-shrink:0;margin-inline-start:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--finished .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__status-icon{color:var(--cds-support-success,#24a148)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--error .cds--progress-bar__status-icon{color:var(--cds-support-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__helper-text{color:var(--cds-text-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__bar{transform:scaleX(1)}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:1;justify-content:flex-start;margin-inline-end:0}@keyframes cds--progress-bar-indeterminate{0%{background-position-x:25%}80%,to{background-position-x:-105%}}@keyframes cds--progress-bar-indeterminate-rtl{0%{background-position-x:-105%}80%,to{background-position-x:25%}}.cds--progress-bar--inline{align-items:center;display:flex}.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:0;margin-block-end:0;margin-inline-end:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--inline .cds--progress-bar__track{flex-basis:0;flex-grow:1}.cds--progress-bar--inline .cds--progress-bar__helper-text{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--indented .cds--progress-bar__helper-text,.cds--progress-bar--indented .cds--progress-bar__label{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--progress-bar__track{background-color:Canvas;forced-color-adjust:none;outline:2px solid transparent;outline-offset:-2px}.cds--progress-bar__bar{background-color:CanvasText}}:host(cds-progress-bar) .cds--progress-bar--inline .cds--progress-bar__label{margin-inline-end:1rem}:host(cds-progress-bar) .cds--progress-bar--indented .cds--progress-bar__helper-text,:host(cds-progress-bar) .cds--progress-bar--indented .cds--progress-bar__label{padding-inline:1rem}']), r = class extends f {
+  constructor(...a) {
+    super(...a), this.max = 100, this.size = I.BIG, this.status = c.ACTIVE, this.type = D.DEFAULT;
+  }
+  get _cappedValue() {
+    const { value: a, max: i, status: o } = this;
+    let s = a;
+    return s > i && (s = i), s < 0 && (s = 0), o === c.ERROR ? s = 0 : o === c.FINISHED && (s = i), s;
+  }
+  updated(a) {
+    if (a.has("value") || a.has("max") || a.has("status")) {
+      const { _cappedValue: i, max: o, status: s } = this, u = i / o, l = this.shadowRoot.querySelector(".cds--progress-bar__bar");
+      s != c.ERROR && s != c.FINISHED ? l.style.transform = `scaleX(${u})` : l.style.transform = "none";
+    }
+  }
+  render() {
+    const { _cappedValue: a, helperText: i, hideLabel: o, label: s, max: u, size: l, status: h, type: x, value: v } = this, n = h === c.FINISHED, y = h === c.ERROR, g = !n && !y && v == null;
+    let p = null;
+    return y ? p = m(w, { class: "cds--progress-bar__status-icon" }) : n && (p = m($, { class: "cds--progress-bar__status-icon" })), b` <div class="${_({
+      "cds--progress-bar": !0,
+      [`cds--progress-bar--${l}`]: !0,
+      [`cds--progress-bar--${x}`]: !0,
+      "cds--progress-bar--indeterminate": g,
+      "cds--progress-bar--finished": n,
+      "cds--progress-bar--error": y
+    })}">
+      <div class="${_({
+      "cds--progress-bar__label": !0,
+      "cds--visually-hidden": o
+    })}">
+        <span class="${"cds"}--progress-bar__label-text">${s}</span>
+        ${p}
       </div>
       <div
-        class="${e.prefix}--progress-bar__track"
+        class="${"cds"}--progress-bar__track"
         role="progressbar"
-        aria-busy="${!l}"
-        aria-invalid="${g}"
-        aria-valuemin="${u?null:0}"
-        aria-valuemax="${u?null:h}"
-        aria-valuenow="${u?null:o}">
-        <div class="${e.prefix}--progress-bar__bar"></div>
+        aria-busy="${!n}"
+        aria-invalid="${y}"
+        aria-valuemin="${g ? null : 0}"
+        aria-valuemax="${g ? null : u}"
+        aria-valuenow="${g ? null : a}">
+        <div class="${"cds"}--progress-bar__bar"></div>
       </div>
-      ${d?p.x`<div class="${e.prefix}--progress-bar__helper-text">
-            ${d}
-            <div class="${e.prefix}--visually-hidden" aria-live="polite">
-              ${l?"Done":"Loading"}
+      ${i ? b`<div class="${"cds"}--progress-bar__helper-text">
+            ${i}
+            <div class="${"cds"}--visually-hidden" aria-live="polite">
+              ${n ? "Done" : "Loading"}
             </div>
-          </div>`:null}
-    </div>`}};a.styles=L;i.__decorate([c.n({type:String,attribute:"helper-text",reflect:!0})],a.prototype,"helperText",void 0);i.__decorate([c.n({type:Boolean,attribute:"hide-label",reflect:!0})],a.prototype,"hideLabel",void 0);i.__decorate([c.n({type:String})],a.prototype,"label",void 0);i.__decorate([c.n({type:Number,reflect:!0})],a.prototype,"max",void 0);i.__decorate([c.n({type:String,reflect:!0})],a.prototype,"size",void 0);i.__decorate([c.n({type:String,reflect:!0})],a.prototype,"status",void 0);i.__decorate([c.n({type:String,reflect:!0})],a.prototype,"type",void 0);i.__decorate([c.n({type:Number,reflect:!0})],a.prototype,"value",void 0);a=i.__decorate([I.carbonElement(`${e.prefix}-progress-bar`)],a);
+          </div>` : null}
+    </div>`;
+  }
+  static {
+    this.styles = N;
+  }
+};
+t([d({
+  type: String,
+  attribute: "helper-text",
+  reflect: !0
+})], r.prototype, "helperText", void 0);
+t([d({
+  type: Boolean,
+  attribute: "hide-label",
+  reflect: !0
+})], r.prototype, "hideLabel", void 0);
+t([d({ type: String })], r.prototype, "label", void 0);
+t([d({
+  type: Number,
+  reflect: !0
+})], r.prototype, "max", void 0);
+t([d({
+  type: String,
+  reflect: !0
+})], r.prototype, "size", void 0);
+t([d({
+  type: String,
+  reflect: !0
+})], r.prototype, "status", void 0);
+t([d({
+  type: String,
+  reflect: !0
+})], r.prototype, "type", void 0);
+t([d({
+  type: Number,
+  reflect: !0
+})], r.prototype, "value", void 0);
+r = t([k("cds-progress-bar")], r);

package/dist/chunks/progress-bar-p0YwLsuh.js

@@ -0,0 +1,22 @@
+const g=require("./lit-BNk7ncU9.js"),t=require("./decorate-Cnz2C5jL.js"),z=require("./carbon-element-BsPGNbmz.js"),d=require("./decorators-CHZSYVOk.js"),m=require("./icon-loader-CZ8MQjNl.js"),_=require("./class-map-BwUbMyhc.js"),f=require("./16-DZJZDJYY.js"),k=require("./16-BZCBqUx6.js");var c=(function(e){return e.ACTIVE="active",e.FINISHED="finished",e.ERROR="error",e})({}),$=(function(e){return e.SMALL="small",e.BIG="big",e})({}),w=(function(e){return e.DEFAULT="default",e.INLINE="inline",e.INDENTED="indented",e})({}),q=g.i$1(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--progress-bar{--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max))}.cds--progress-bar__label{color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-block-end:.5rem;min-inline-size:3rem}.cds--progress-bar__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--progress-bar__track{background-color:var(--cds-layer);block-size:.5rem;inline-size:100%;min-inline-size:3rem;position:relative}.cds--progress-bar--big .cds--progress-bar__track{block-size:.5rem}.cds--progress-bar--small .cds--progress-bar__track{block-size:.25rem}.cds--progress-bar__bar{background-color:currentColor;block-size:100%;color:var(--cds-interactive,#0f62fe);display:block;inline-size:100%;transform:scaleX(0);transform-origin:0 center;transition:transform .11s cubic-bezier(.2,0,.38,.9)}[dir=rtl] .cds--progress-bar__bar{transform-origin:100% center}.cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:cds--progress-bar-indeterminate;animation-timing-function:linear;background-image:linear-gradient(90deg,var(--cds-interactive,#0f62fe) 12.5%,transparent 12.5%);background-position-x:0;background-size:200% 100%;content:"";inset:0;position:absolute}[dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-name:cds--progress-bar-indeterminate-rtl}.cds--progress-bar__helper-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.5rem}.cds--progress-bar__status-icon{flex-shrink:0;margin-inline-start:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--finished .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__status-icon{color:var(--cds-support-success,#24a148)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--error .cds--progress-bar__status-icon{color:var(--cds-support-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__helper-text{color:var(--cds-text-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__bar{transform:scaleX(1)}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:1;justify-content:flex-start;margin-inline-end:0}@keyframes cds--progress-bar-indeterminate{0%{background-position-x:25%}80%,to{background-position-x:-105%}}@keyframes cds--progress-bar-indeterminate-rtl{0%{background-position-x:-105%}80%,to{background-position-x:25%}}.cds--progress-bar--inline{align-items:center;display:flex}.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:0;margin-block-end:0;margin-inline-end:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--inline .cds--progress-bar__track{flex-basis:0;flex-grow:1}.cds--progress-bar--inline .cds--progress-bar__helper-text{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--indented .cds--progress-bar__helper-text,.cds--progress-bar--indented .cds--progress-bar__label{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--progress-bar__track{background-color:Canvas;forced-color-adjust:none;outline:2px solid transparent;outline-offset:-2px}.cds--progress-bar__bar{background-color:CanvasText}}:host(cds-progress-bar) .cds--progress-bar--inline .cds--progress-bar__label{margin-inline-end:1rem}:host(cds-progress-bar) .cds--progress-bar--indented .cds--progress-bar__helper-text,:host(cds-progress-bar) .cds--progress-bar--indented .cds--progress-bar__label{padding-inline:1rem}']),r=class extends g.i{constructor(...a){super(...a),this.max=100,this.size=$.BIG,this.status=c.ACTIVE,this.type=w.DEFAULT}get _cappedValue(){const{value:a,max:i,status:o}=this;let s=a;return s>i&&(s=i),s<0&&(s=0),o===c.ERROR?s=0:o===c.FINISHED&&(s=i),s}updated(a){if(a.has("value")||a.has("max")||a.has("status")){const{_cappedValue:i,max:o,status:s}=this,h=i/o,l=this.shadowRoot.querySelector(".cds--progress-bar__bar");s!=c.ERROR&&s!=c.FINISHED?l.style.transform=`scaleX(${h})`:l.style.transform="none"}}render(){const{_cappedValue:a,helperText:i,hideLabel:o,label:s,max:h,size:l,status:v,type:x,value:b}=this,n=v===c.FINISHED,y=v===c.ERROR,u=!n&&!y&&b==null;let p=null;return y?p=m.iconLoader(k._16_default,{class:"cds--progress-bar__status-icon"}):n&&(p=m.iconLoader(f._16_default,{class:"cds--progress-bar__status-icon"})),g.x` <div class="${_.e({"cds--progress-bar":!0,[`cds--progress-bar--${l}`]:!0,[`cds--progress-bar--${x}`]:!0,"cds--progress-bar--indeterminate":u,"cds--progress-bar--finished":n,"cds--progress-bar--error":y})}">
+      <div class="${_.e({"cds--progress-bar__label":!0,"cds--visually-hidden":o})}">
+        <span class="${"cds"}--progress-bar__label-text">${s}</span>
+        ${p}
+      </div>
+      <div
+        class="${"cds"}--progress-bar__track"
+        role="progressbar"
+        aria-busy="${!n}"
+        aria-invalid="${y}"
+        aria-valuemin="${u?null:0}"
+        aria-valuemax="${u?null:h}"
+        aria-valuenow="${u?null:a}">
+        <div class="${"cds"}--progress-bar__bar"></div>
+      </div>
+      ${i?g.x`<div class="${"cds"}--progress-bar__helper-text">
+            ${i}
+            <div class="${"cds"}--visually-hidden" aria-live="polite">
+              ${n?"Done":"Loading"}
+            </div>
+          </div>`:null}
+    </div>`}static{this.styles=q}};t.__decorate([d.n({type:String,attribute:"helper-text",reflect:!0})],r.prototype,"helperText",void 0);t.__decorate([d.n({type:Boolean,attribute:"hide-label",reflect:!0})],r.prototype,"hideLabel",void 0);t.__decorate([d.n({type:String})],r.prototype,"label",void 0);t.__decorate([d.n({type:Number,reflect:!0})],r.prototype,"max",void 0);t.__decorate([d.n({type:String,reflect:!0})],r.prototype,"size",void 0);t.__decorate([d.n({type:String,reflect:!0})],r.prototype,"status",void 0);t.__decorate([d.n({type:String,reflect:!0})],r.prototype,"type",void 0);t.__decorate([d.n({type:Number,reflect:!0})],r.prototype,"value",void 0);r=t.__decorate([z.carbonElement("cds-progress-bar")],r);