@oicl/openbridge-webcomponents 2.0.0-next.81 → 2.0.0-next.83

package/dist/components/pagination/pagination.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const compentStyle = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const compentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 :host {
   display: block;

package/dist/components/pagination/pagination.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pagination.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/pivot-item/pivot-item.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const compentStyle = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const compentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 :host {
   display: block;
@@ -27,71 +26,71 @@ const compentStyle = css`
 }
 
 .wrapper {
-            cursor: pointer;
+  cursor: pointer;
 }
 
 .wrapper:focus {
-            outline: none;
+  outline: none;
 }
 
 .wrapper .visible-wrapper {
-            border-color: var(--flat-enabled-border-color);
-            background-color: var(--flat-enabled-background-color);
-            border-width: 1px;
-            border-style: solid;
-            cursor: pointer;
-            --base-border-color: var(--flat-enabled-border-color);
-            --base-background-color: var(--flat-enabled-background-color);
+  border-color: var(--flat-enabled-border-color);
+  background-color: var(--flat-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+  --base-border-color: var(--flat-enabled-border-color);
+  --base-background-color: var(--flat-enabled-background-color);
 }
 
 .wrapper.activated .visible-wrapper {
-            border-color: var(--flat-activated-border-color);
-            background-color: var(--flat-activated-background-color);
-            --base-border-color: var(--flat-activated-border-color);
-            --base-background-color: var(--flat-activated-background-color);
+  border-color: var(--flat-activated-border-color);
+  background-color: var(--flat-activated-background-color);
+  --base-border-color: var(--flat-activated-border-color);
+  --base-background-color: var(--flat-activated-background-color);
 }
 
 @media (hover:hover) {
 
 .wrapper:hover .visible-wrapper {
-                        border-color: color-mix(in srgb, var(--flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
-                        background-color: color-mix(in srgb, var(--flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
-            }
+    border-color: color-mix(in srgb, var(--flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
+    background-color: color-mix(in srgb, var(--flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
+  }
 }
 
 .wrapper:active .visible-wrapper {
-            border-color: var(--flat-pressed-border-color);
-            background-color: var(--flat-pressed-background-color);
+  border-color: var(--flat-pressed-border-color);
+  background-color: var(--flat-pressed-background-color);
 }
 
 .wrapper:focus-visible .visible-wrapper {
-            outline-color: var(--border-focus-color);
-            outline-width: var(--global-size-spacing-border-weight-focusframe);
-            outline-style: solid;
-            border-color: var(--container-global-color);
-            z-index: 1;
+  outline-color: var(--border-focus-color);
+  outline-width: var(--global-size-spacing-border-weight-focusframe);
+  outline-style: solid;
+  border-color: var(--container-global-color);
+  z-index: 1;
 }
 
 .wrapper:disabled .visible-wrapper {
-            border-color: var(--flat-disabled-border-color);
-            background-color: var(--flat-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-flat-disabled-color) !important;
+  border-color: var(--flat-disabled-border-color);
+  background-color: var(--flat-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-flat-disabled-color) !important;
 }
 
 .wrapper.disabled .visible-wrapper {
-            border-color: var(--flat-disabled-border-color);
-            background-color: var(--flat-disabled-background-color);
-            cursor: not-allowed;
-            color: var(--on-flat-disabled-color) !important;
+  border-color: var(--flat-disabled-border-color);
+  background-color: var(--flat-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-flat-disabled-color) !important;
 }
 
 .wrapper:disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper.disabled {
-            cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .wrapper {

package/dist/components/pivot-item/pivot-item.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"pivot-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pivot-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/pivot-item-group/pivot-item-group.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const componentStyle = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const componentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 .pivot-group {
   display: flex;

package/dist/components/pivot-item-group/pivot-item-group.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"pivot-item-group.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pivot-item-group.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/progress-bar/progress-bar.css.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
-const componentStyle = css`
-          * {
-            -webkit-tap-highlight-color: transparent;
-          }
+const componentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
 
 :host {
   display: block;

package/dist/components/progress-bar/progress-bar.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"progress-bar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/progress-bar/progress-bar.d.ts

@@ -13,26 +13,119 @@ export declare enum CircularProgressState {
     indeterminate = "indeterminate",
     icon = "icon"
 }
+/**
+ * `<obc-progress-bar>` – A status-only progress indicator (progress meter / spinner /
+ * loading indicator) for visualizing how far a task has advanced.
+ *
+ * Displays the progress of an ongoing operation either as a horizontal bar or as a circular
+ * ring. Unlike `<obc-progress-button>`, this is a passive, non-interactive display element:
+ * it shows status only and emits no events. Use it to communicate determinate progress
+ * (a known percentage) or an open-ended "working" state.
+ *
+ * ## Features / Variants
+ *
+ * **Layout types (`type`)**
+ * - **Linear** (default): A horizontal bar with an optional value label above and an optional
+ *   description below. Best inline within content where horizontal space is available.
+ * - **Circular**: A ring with centered content. Best for compact, icon-led, or centered status.
+ *
+ * **Linear modes (`mode`)**
+ * - **Determinate** (default): Fills proportionally to `value` (0–100); the label shows the
+ *   rounded percentage.
+ * - **Indeterminate**: Animated, looping fill for work of unknown duration; the label shows
+ *   "Loading".
+ *
+ * **Circular states (`circularState`)**
+ * - **Determinate**: Ring fills to `value`, with the rounded number (and optional `%` unit) centered.
+ * - **Indeterminate**: Animated ring with the `icon` slot centered.
+ * - **Icon**: A full ring acting as a frame around the centered `icon` slot (defaults to a placeholder).
+ *
+ * **Circular progressive indeterminate (`progressiveIndeterminate`)**
+ * - A spinning arc that also grows with `value`, blending an indeterminate animation with a
+ *   numeric readout. Takes precedence over `circularState` when enabled.
+ *
+ * ## Usage Guidelines
+ *
+ * Use a progress bar to report the status of a task the user is waiting on. Choose
+ * **determinate** when the completion percentage is known and **indeterminate** when it is not.
+ * Pick the **linear** type for inline, full-width contexts and the **circular** type for compact
+ * or centered placements. Because this component is display-only, pair it with a separate
+ * control (such as `<obc-progress-button>`) when the user also needs to trigger or cancel the action.
+ *
+ * ## Slots
+ *
+ * | Slot   | Renders When...                                              | Purpose                                   |
+ * | ------ | ----------------------------------------------------------- | ----------------------------------------- |
+ * | `icon` | `type="circular"` && `circularState` is `indeterminate` or `icon` | Centered icon inside the circular ring. |
+ *
+ * @example
+ * ```html
+ * <obc-progress-bar
+ *   type="linear"
+ *   mode="determinate"
+ *   value="65"
+ *   showValue
+ *   hasDescription
+ *   description="Uploading files..."
+ * ></obc-progress-bar>
+ * ```
+ *
+ * @slot icon - Centered icon for the circular `indeterminate` and `icon` states.
+ */
 export declare class ObcProgressBar extends LitElement {
+    /** Layout type: `linear` (horizontal bar) or `circular` (ring). */
     type: ProgressBarType;
-    /** @availableWhen type==linear */
+    /**
+     * Progress mode: `determinate` tracks `value`, `indeterminate` loops indefinitely.
+     * @availableWhen type==linear
+     */
     mode: ProgressBarMode;
-    /** @availableWhen type==circular */
+    /**
+     * Circular display state: `determinate` (numeric ring), `indeterminate` (animated ring with
+     * icon), or `icon` (ring framing the icon slot).
+     * @availableWhen type==circular
+     */
     circularState: CircularProgressState;
+    /** Progress percentage (0–100); clamped when rendered. */
     value: number;
-    /** @availableWhen type==linear */
+    /**
+     * Shows the value label above the bar (percentage when determinate, "Loading" when indeterminate).
+     * @availableWhen type==linear
+     */
     showValue: boolean;
-    /** @availableWhen type==circular && (progressiveIndeterminate==true || circularState==determinate) */
+    /**
+     * Appends a `%` unit next to the centered value.
+     * @availableWhen type==circular && (progressiveIndeterminate==true || circularState==determinate)
+     */
     showUnit: boolean;
-    /** @availableWhen type==linear */
+    /**
+     * Shows the `description` text below the bar.
+     * @availableWhen type==linear
+     */
     hasDescription: boolean;
-    /** @availableWhen type==linear && hasDescription==true */
+    /**
+     * Description text rendered below the bar.
+     * @availableWhen type==linear && hasDescription==true
+     */
     description: string;
-    /** @availableWhen type==linear && showValue==true && mode==determinate */
+    /**
+     * Shows the `stateLabel` next to the value.
+     *
+     * **TODO(designer):** Confirm the intended purpose of the state indicator — the story labels
+     * this a "future feature".
+     * @availableWhen type==linear && showValue==true && mode==determinate
+     */
     showState: boolean;
-    /** @availableWhen type==linear && showValue==true && mode==determinate && showState==true */
+    /**
+     * Text shown alongside the value when `showState` is enabled.
+     * @availableWhen type==linear && showValue==true && mode==determinate && showState==true
+     */
     stateLabel: string;
-    /** @availableWhen type==circular */
+    /**
+     * Uses a progressive indeterminate ring (spinning arc that grows with `value`); takes
+     * precedence over `circularState`.
+     * @availableWhen type==circular
+     */
     progressiveIndeterminate: boolean;
     render(): import('lit-html').TemplateResult<1>;
     private getCircularProgressMode;

package/dist/components/progress-bar/progress-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAKzD,OAAO,iCAAiC,CAAC;AAGzC,oBAAY,eAAe;IACzB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,oBAAY,eAAe;IACzB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;CAChC;AAED,oBAAY,qBAAqB;IAC/B,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,IAAI,SAAS;CACd;AAED,qBACa,cAAe,SAAQ,UAAU;IAClB,IAAI,EAAE,eAAe,CAA0B;IACzE,kCAAkC;IACR,IAAI,EAAE,eAAe,CAA+B;IAC9E,oCAAoC;IACV,aAAa,EAAE,qBAAqB,CAC1B;IACV,KAAK,SAAK;IACpC,kCAAkC;IACP,SAAS,UAAS;IAC7C,sGAAsG;IAC3E,QAAQ,UAAS;IAC5C,kCAAkC;IACP,cAAc,UAAS;IAClD,0DAA0D;IAChC,WAAW,SAAsB;IAC3D,0EAA0E;IAC/C,SAAS,UAAS;IAC7C,6FAA6F;IACnE,UAAU,SAAU;IAC9C,oCAAoC;IACT,wBAAwB,UAAS;IAEnD,MAAM;IAQf,OAAO,CAAC,uBAAuB;IAa/B,OAAO,CAAC,sBAAsB;IAkB9B,OAAO,CAAC,qBAAqB;IAwC7B,OAAO,CAAC,oBAAoB;IA8B5B,OAAO,CAAC,WAAW;IAsBnB,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAKzD,OAAO,iCAAiC,CAAC;AAGzC,oBAAY,eAAe;IACzB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,oBAAY,eAAe;IACzB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;CAChC;AAED,oBAAY,qBAAqB;IAC/B,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,IAAI,SAAS;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,mEAAmE;IACzC,IAAI,EAAE,eAAe,CAA0B;IACzE;;;OAGG;IACuB,IAAI,EAAE,eAAe,CAA+B;IAC9E;;;;OAIG;IACuB,aAAa,EAAE,qBAAqB,CAC1B;IACpC,0DAA0D;IAChC,KAAK,SAAK;IACpC;;;OAGG;IACwB,SAAS,UAAS;IAC7C;;;OAGG;IACwB,QAAQ,UAAS;IAC5C;;;OAGG;IACwB,cAAc,UAAS;IAClD;;;OAGG;IACuB,WAAW,SAAsB;IAC3D;;;;;;OAMG;IACwB,SAAS,UAAS;IAC7C;;;OAGG;IACuB,UAAU,SAAU;IAC9C;;;;OAIG;IACwB,wBAAwB,UAAS;IAEnD,MAAM;IAQf,OAAO,CAAC,uBAAuB;IAa/B,OAAO,CAAC,sBAAsB;IAkB9B,OAAO,CAAC,qBAAqB;IAwC7B,OAAO,CAAC,oBAAoB;IA8B5B,OAAO,CAAC,WAAW;IAsBnB,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/progress-bar/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {styleMap} from 'lit/directives/style-map.js';\nimport componentStyle from './progress-bar.css?inline';\nimport {customElement} from '../../decorator.js';\nimport '../../icons/icon-placeholder.js';\nimport {CircularProgressMode} from '../../building-blocks/circular-progress/circular-progress.js';\n\nexport enum ProgressBarType {\n  linear = 'linear',\n  circular = 'circular',\n}\n\nexport enum ProgressBarMode {\n  determinate = 'determinate',\n  indeterminate = 'indeterminate',\n}\n\nexport enum CircularProgressState {\n  determinate = 'determinate',\n  indeterminate = 'indeterminate',\n  icon = 'icon',\n}\n\n@customElement('obc-progress-bar')\nexport class ObcProgressBar extends LitElement {\n  @property({type: String}) type: ProgressBarType = ProgressBarType.linear;\n  /** @availableWhen type==linear */\n  @property({type: String}) mode: ProgressBarMode = ProgressBarMode.determinate;\n  /** @availableWhen type==circular */\n  @property({type: String}) circularState: CircularProgressState =\n    CircularProgressState.determinate;\n  @property({type: Number}) value = 0;\n  /** @availableWhen type==linear */\n  @property({type: Boolean}) showValue = false;\n  /** @availableWhen type==circular && (progressiveIndeterminate==true || circularState==determinate) */\n  @property({type: Boolean}) showUnit = false;\n  /** @availableWhen type==linear */\n  @property({type: Boolean}) hasDescription = false;\n  /** @availableWhen type==linear && hasDescription==true */\n  @property({type: String}) description = 'Description text';\n  /** @availableWhen type==linear && showValue==true && mode==determinate */\n  @property({type: Boolean}) showState = false;\n  /** @availableWhen type==linear && showValue==true && mode==determinate && showState==true */\n  @property({type: String}) stateLabel = 'Open';\n  /** @availableWhen type==circular */\n  @property({type: Boolean}) progressiveIndeterminate = false;\n\n  override render() {\n    if (this.type === ProgressBarType.circular) {\n      return this.renderCircularProgress();\n    }\n\n    return this.renderLinearProgress();\n  }\n\n  private getCircularProgressMode(): CircularProgressMode {\n    if (this.progressiveIndeterminate) {\n      return CircularProgressMode.progressiveIndeterminate;\n    }\n    if (this.circularState === CircularProgressState.icon) {\n      return CircularProgressMode.determinate;\n    }\n    if (this.circularState === CircularProgressState.indeterminate) {\n      return CircularProgressMode.indeterminate;\n    }\n    return CircularProgressMode.determinate;\n  }\n\n  private renderCircularProgress() {\n    const progressValue =\n      this.circularState === CircularProgressState.icon ? 100 : this.value;\n\n    return html`\n      <div class=\"circular-wrapper\">\n        <obc-circular-progress\n          .mode=${this.getCircularProgressMode()}\n          .value=${progressValue}\n          .viewBoxSize=${48}\n          .strokeWidth=${4}\n        ></obc-circular-progress>\n\n        <div class=\"circular-content\">${this.renderCircularContent()}</div>\n      </div>\n    `;\n  }\n\n  private renderCircularContent() {\n    if (this.progressiveIndeterminate) {\n      return html`\n        <div class=\"circular-label-container\">\n          <span class=\"circular-value\">${Math.round(this.value)}</span>\n          ${this.showUnit\n            ? html`<span class=\"circular-unit\">%</span>`\n            : nothing}\n        </div>\n      `;\n    }\n\n    if (this.circularState === CircularProgressState.determinate) {\n      return html`\n        <div class=\"circular-label-container\">\n          <span class=\"circular-value\">${Math.round(this.value)}</span>\n          ${this.showUnit\n            ? html`<span class=\"circular-unit\">%</span>`\n            : nothing}\n        </div>\n      `;\n    } else if (this.circularState === CircularProgressState.indeterminate) {\n      return html`\n        <div class=\"circular-label-container\">\n          <span class=\"circular-value\">\n            <slot name=\"icon\">...</slot>\n          </span>\n        </div>\n      `;\n    } else {\n      return html`\n        <div class=\"circular-icon-container\">\n          <slot name=\"icon\">\n            <obi-placeholder></obi-placeholder>\n          </slot>\n        </div>\n      `;\n    }\n  }\n\n  private renderLinearProgress() {\n    const clampedValue = Math.max(0, Math.min(100, this.value));\n    const progressWidth = `${clampedValue}%`;\n\n    return html`\n      <div class=\"wrapper\">\n        ${this.showValue ? this.renderLabel() : ''}\n\n        <div class=\"bar\">\n          ${this.mode === ProgressBarMode.determinate\n            ? html`\n                <div\n                  class=\"loaded\"\n                  style=${styleMap({width: progressWidth})}\n                ></div>\n              `\n            : html` <div class=\"indeterminate-track\"></div> `}\n        </div>\n\n        ${this.hasDescription\n          ? html`\n              <div class=\"description-container\">\n                <span class=\"description-text\">${this.description}</span>\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n\n  private renderLabel() {\n    if (this.mode === ProgressBarMode.determinate) {\n      return html`\n        <div class=\"label-container\">\n          <div class=\"value-frame\">\n            <span class=\"value-number\">${Math.round(this.value)}</span>\n            <span class=\"value-unit\">%</span>\n          </div>\n          ${this.showState\n            ? html` <span class=\"state\">${this.stateLabel}</span> `\n            : nothing}\n        </div>\n      `;\n    } else {\n      return html`\n        <div class=\"label-container\">\n          <span class=\"loading-text\">Loading</span>\n        </div>\n      `;\n    }\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-progress-bar': ObcProgressBar;\n  }\n}\n"],"names":["ProgressBarType","ProgressBarMode","CircularProgressState"],"mappings":"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"}
+{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {styleMap} from 'lit/directives/style-map.js';\nimport componentStyle from './progress-bar.css?inline';\nimport {customElement} from '../../decorator.js';\nimport '../../icons/icon-placeholder.js';\nimport {CircularProgressMode} from '../../building-blocks/circular-progress/circular-progress.js';\n\nexport enum ProgressBarType {\n  linear = 'linear',\n  circular = 'circular',\n}\n\nexport enum ProgressBarMode {\n  determinate = 'determinate',\n  indeterminate = 'indeterminate',\n}\n\nexport enum CircularProgressState {\n  determinate = 'determinate',\n  indeterminate = 'indeterminate',\n  icon = 'icon',\n}\n\n/**\n * `<obc-progress-bar>` – A status-only progress indicator (progress meter / spinner /\n * loading indicator) for visualizing how far a task has advanced.\n *\n * Displays the progress of an ongoing operation either as a horizontal bar or as a circular\n * ring. Unlike `<obc-progress-button>`, this is a passive, non-interactive display element:\n * it shows status only and emits no events. Use it to communicate determinate progress\n * (a known percentage) or an open-ended \"working\" state.\n *\n * ## Features / Variants\n *\n * **Layout types (`type`)**\n * - **Linear** (default): A horizontal bar with an optional value label above and an optional\n *   description below. Best inline within content where horizontal space is available.\n * - **Circular**: A ring with centered content. Best for compact, icon-led, or centered status.\n *\n * **Linear modes (`mode`)**\n * - **Determinate** (default): Fills proportionally to `value` (0–100); the label shows the\n *   rounded percentage.\n * - **Indeterminate**: Animated, looping fill for work of unknown duration; the label shows\n *   \"Loading\".\n *\n * **Circular states (`circularState`)**\n * - **Determinate**: Ring fills to `value`, with the rounded number (and optional `%` unit) centered.\n * - **Indeterminate**: Animated ring with the `icon` slot centered.\n * - **Icon**: A full ring acting as a frame around the centered `icon` slot (defaults to a placeholder).\n *\n * **Circular progressive indeterminate (`progressiveIndeterminate`)**\n * - A spinning arc that also grows with `value`, blending an indeterminate animation with a\n *   numeric readout. Takes precedence over `circularState` when enabled.\n *\n * ## Usage Guidelines\n *\n * Use a progress bar to report the status of a task the user is waiting on. Choose\n * **determinate** when the completion percentage is known and **indeterminate** when it is not.\n * Pick the **linear** type for inline, full-width contexts and the **circular** type for compact\n * or centered placements. Because this component is display-only, pair it with a separate\n * control (such as `<obc-progress-button>`) when the user also needs to trigger or cancel the action.\n *\n * ## Slots\n *\n * | Slot   | Renders When...                                              | Purpose                                   |\n * | ------ | ----------------------------------------------------------- | ----------------------------------------- |\n * | `icon` | `type=\"circular\"` && `circularState` is `indeterminate` or `icon` | Centered icon inside the circular ring. |\n *\n * @example\n * ```html\n * <obc-progress-bar\n *   type=\"linear\"\n *   mode=\"determinate\"\n *   value=\"65\"\n *   showValue\n *   hasDescription\n *   description=\"Uploading files...\"\n * ></obc-progress-bar>\n * ```\n *\n * @slot icon - Centered icon for the circular `indeterminate` and `icon` states.\n */\n@customElement('obc-progress-bar')\nexport class ObcProgressBar extends LitElement {\n  /** Layout type: `linear` (horizontal bar) or `circular` (ring). */\n  @property({type: String}) type: ProgressBarType = ProgressBarType.linear;\n  /**\n   * Progress mode: `determinate` tracks `value`, `indeterminate` loops indefinitely.\n   * @availableWhen type==linear\n   */\n  @property({type: String}) mode: ProgressBarMode = ProgressBarMode.determinate;\n  /**\n   * Circular display state: `determinate` (numeric ring), `indeterminate` (animated ring with\n   * icon), or `icon` (ring framing the icon slot).\n   * @availableWhen type==circular\n   */\n  @property({type: String}) circularState: CircularProgressState =\n    CircularProgressState.determinate;\n  /** Progress percentage (0–100); clamped when rendered. */\n  @property({type: Number}) value = 0;\n  /**\n   * Shows the value label above the bar (percentage when determinate, \"Loading\" when indeterminate).\n   * @availableWhen type==linear\n   */\n  @property({type: Boolean}) showValue = false;\n  /**\n   * Appends a `%` unit next to the centered value.\n   * @availableWhen type==circular && (progressiveIndeterminate==true || circularState==determinate)\n   */\n  @property({type: Boolean}) showUnit = false;\n  /**\n   * Shows the `description` text below the bar.\n   * @availableWhen type==linear\n   */\n  @property({type: Boolean}) hasDescription = false;\n  /**\n   * Description text rendered below the bar.\n   * @availableWhen type==linear && hasDescription==true\n   */\n  @property({type: String}) description = 'Description text';\n  /**\n   * Shows the `stateLabel` next to the value.\n   *\n   * **TODO(designer):** Confirm the intended purpose of the state indicator — the story labels\n   * this a \"future feature\".\n   * @availableWhen type==linear && showValue==true && mode==determinate\n   */\n  @property({type: Boolean}) showState = false;\n  /**\n   * Text shown alongside the value when `showState` is enabled.\n   * @availableWhen type==linear && showValue==true && mode==determinate && showState==true\n   */\n  @property({type: String}) stateLabel = 'Open';\n  /**\n   * Uses a progressive indeterminate ring (spinning arc that grows with `value`); takes\n   * precedence over `circularState`.\n   * @availableWhen type==circular\n   */\n  @property({type: Boolean}) progressiveIndeterminate = false;\n\n  override render() {\n    if (this.type === ProgressBarType.circular) {\n      return this.renderCircularProgress();\n    }\n\n    return this.renderLinearProgress();\n  }\n\n  private getCircularProgressMode(): CircularProgressMode {\n    if (this.progressiveIndeterminate) {\n      return CircularProgressMode.progressiveIndeterminate;\n    }\n    if (this.circularState === CircularProgressState.icon) {\n      return CircularProgressMode.determinate;\n    }\n    if (this.circularState === CircularProgressState.indeterminate) {\n      return CircularProgressMode.indeterminate;\n    }\n    return CircularProgressMode.determinate;\n  }\n\n  private renderCircularProgress() {\n    const progressValue =\n      this.circularState === CircularProgressState.icon ? 100 : this.value;\n\n    return html`\n      <div class=\"circular-wrapper\">\n        <obc-circular-progress\n          .mode=${this.getCircularProgressMode()}\n          .value=${progressValue}\n          .viewBoxSize=${48}\n          .strokeWidth=${4}\n        ></obc-circular-progress>\n\n        <div class=\"circular-content\">${this.renderCircularContent()}</div>\n      </div>\n    `;\n  }\n\n  private renderCircularContent() {\n    if (this.progressiveIndeterminate) {\n      return html`\n        <div class=\"circular-label-container\">\n          <span class=\"circular-value\">${Math.round(this.value)}</span>\n          ${this.showUnit\n            ? html`<span class=\"circular-unit\">%</span>`\n            : nothing}\n        </div>\n      `;\n    }\n\n    if (this.circularState === CircularProgressState.determinate) {\n      return html`\n        <div class=\"circular-label-container\">\n          <span class=\"circular-value\">${Math.round(this.value)}</span>\n          ${this.showUnit\n            ? html`<span class=\"circular-unit\">%</span>`\n            : nothing}\n        </div>\n      `;\n    } else if (this.circularState === CircularProgressState.indeterminate) {\n      return html`\n        <div class=\"circular-label-container\">\n          <span class=\"circular-value\">\n            <slot name=\"icon\">...</slot>\n          </span>\n        </div>\n      `;\n    } else {\n      return html`\n        <div class=\"circular-icon-container\">\n          <slot name=\"icon\">\n            <obi-placeholder></obi-placeholder>\n          </slot>\n        </div>\n      `;\n    }\n  }\n\n  private renderLinearProgress() {\n    const clampedValue = Math.max(0, Math.min(100, this.value));\n    const progressWidth = `${clampedValue}%`;\n\n    return html`\n      <div class=\"wrapper\">\n        ${this.showValue ? this.renderLabel() : ''}\n\n        <div class=\"bar\">\n          ${this.mode === ProgressBarMode.determinate\n            ? html`\n                <div\n                  class=\"loaded\"\n                  style=${styleMap({width: progressWidth})}\n                ></div>\n              `\n            : html` <div class=\"indeterminate-track\"></div> `}\n        </div>\n\n        ${this.hasDescription\n          ? html`\n              <div class=\"description-container\">\n                <span class=\"description-text\">${this.description}</span>\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n\n  private renderLabel() {\n    if (this.mode === ProgressBarMode.determinate) {\n      return html`\n        <div class=\"label-container\">\n          <div class=\"value-frame\">\n            <span class=\"value-number\">${Math.round(this.value)}</span>\n            <span class=\"value-unit\">%</span>\n          </div>\n          ${this.showState\n            ? html` <span class=\"state\">${this.stateLabel}</span> `\n            : nothing}\n        </div>\n      `;\n    } else {\n      return html`\n        <div class=\"label-container\">\n          <span class=\"loading-text\">Loading</span>\n        </div>\n      `;\n    }\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-progress-bar': ObcProgressBar;\n  }\n}\n"],"names":["ProgressBarType","ProgressBarMode","CircularProgressState"],"mappings":";;;;;;;;;;;;;;;;;AAQO,IAAK,oCAAAA,qBAAL;AACLA,mBAAA,QAAA,IAAS;AACTA,mBAAA,UAAA,IAAW;AAFD,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AAKL,IAAK,oCAAAC,qBAAL;AACLA,mBAAA,aAAA,IAAc;AACdA,mBAAA,eAAA,IAAgB;AAFN,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AAKL,IAAK,0CAAAC,2BAAL;AACLA,yBAAA,aAAA,IAAc;AACdA,yBAAA,eAAA,IAAgB;AAChBA,yBAAA,MAAA,IAAO;AAHG,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAkEL,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AAEqB,SAAA,OAAwB;AAKxB,SAAA,OAAwB;AAMxB,SAAA,gBACxB;AAEwB,SAAA,QAAQ;AAKP,SAAA,YAAY;AAKZ,SAAA,WAAW;AAKX,SAAA,iBAAiB;AAKlB,SAAA,cAAc;AAQb,SAAA,YAAY;AAKb,SAAA,aAAa;AAMZ,SAAA,2BAA2B;AAAA,EAAA;AAAA,EAE7C,SAAS;AAChB,QAAI,KAAK,SAAS,YAA0B;AAC1C,aAAO,KAAK,uBAAA;AAAA,IACd;AAEA,WAAO,KAAK,qBAAA;AAAA,EACd;AAAA,EAEQ,0BAAgD;AACtD,QAAI,KAAK,0BAA0B;AACjC,aAAO,qBAAqB;AAAA,IAC9B;AACA,QAAI,KAAK,kBAAkB,QAA4B;AACrD,aAAO,qBAAqB;AAAA,IAC9B;AACA,QAAI,KAAK,kBAAkB,iBAAqC;AAC9D,aAAO,qBAAqB;AAAA,IAC9B;AACA,WAAO,qBAAqB;AAAA,EAC9B;AAAA,EAEQ,yBAAyB;AAC/B,UAAM,gBACJ,KAAK,kBAAkB,SAA6B,MAAM,KAAK;AAEjE,WAAO;AAAA;AAAA;AAAA,kBAGO,KAAK,yBAAyB;AAAA,mBAC7B,aAAa;AAAA,yBACP,EAAE;AAAA,yBACF,CAAC;AAAA;AAAA;AAAA,wCAGc,KAAK,uBAAuB;AAAA;AAAA;AAAA,EAGlE;AAAA,EAEQ,wBAAwB;AAC9B,QAAI,KAAK,0BAA0B;AACjC,aAAO;AAAA;AAAA,yCAE4B,KAAK,MAAM,KAAK,KAAK,CAAC;AAAA,YACnD,KAAK,WACH,6CACA,OAAO;AAAA;AAAA;AAAA,IAGjB;AAEA,QAAI,KAAK,kBAAkB,eAAmC;AAC5D,aAAO;AAAA;AAAA,yCAE4B,KAAK,MAAM,KAAK,KAAK,CAAC;AAAA,YACnD,KAAK,WACH,6CACA,OAAO;AAAA;AAAA;AAAA,IAGjB,WAAW,KAAK,kBAAkB,iBAAqC;AACrE,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOT,OAAO;AACL,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOT;AAAA,EACF;AAAA,EAEQ,uBAAuB;AAC7B,UAAM,eAAe,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,KAAK,CAAC;AAC1D,UAAM,gBAAgB,GAAG,YAAY;AAErC,WAAO;AAAA;AAAA,UAED,KAAK,YAAY,KAAK,YAAA,IAAgB,EAAE;AAAA;AAAA;AAAA,YAGtC,KAAK,SAAS,gBACZ;AAAA;AAAA;AAAA,0BAGY,SAAS,EAAC,OAAO,eAAc,CAAC;AAAA;AAAA,kBAG5C,+CAA+C;AAAA;AAAA;AAAA,UAGnD,KAAK,iBACH;AAAA;AAAA,iDAEqC,KAAK,WAAW;AAAA;AAAA,gBAGrD,OAAO;AAAA;AAAA;AAAA,EAGjB;AAAA,EAEQ,cAAc;AACpB,QAAI,KAAK,SAAS,eAA6B;AAC7C,aAAO;AAAA;AAAA;AAAA,yCAG4B,KAAK,MAAM,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA,YAGnD,KAAK,YACH,4BAA4B,KAAK,UAAU,aAC3C,OAAO;AAAA;AAAA;AAAA,IAGjB,OAAO;AACL,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT;AAAA,EACF;AAGF;AA7La,eA4LK,SAAS,UAAU,cAAc;AA1LvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,eAEe,WAAA,QAAA,CAAA;AAKA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAPb,eAOe,WAAA,QAAA,CAAA;AAMA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAbb,eAae,WAAA,iBAAA,CAAA;AAGA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAhBb,eAgBe,WAAA,SAAA,CAAA;AAKC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GArBd,eAqBgB,WAAA,aAAA,CAAA;AAKA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GA1Bd,eA0BgB,WAAA,YAAA,CAAA;AAKA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GA/Bd,eA+BgB,WAAA,kBAAA,CAAA;AAKD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GApCb,eAoCe,WAAA,eAAA,CAAA;AAQC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GA5Cd,eA4CgB,WAAA,aAAA,CAAA;AAKD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAjDb,eAiDe,WAAA,cAAA,CAAA;AAMC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAvDd,eAuDgB,WAAA,4BAAA,CAAA;AAvDhB,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}