@carbon/web-components 2.0.0-beta.1 → 2.0.0-beta.2

package/es/components/file-uploader/index.js

@@ -1,13 +1,15 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2021
+ * Copyright IBM Corp. 2021, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import './drop-container';
 import './file-uploader';
 import './file-uploader-item';
+import './file-uploader-drop-container';
+import './file-uploader-button';
+import './file-uploader-skeleton';
 //# sourceMappingURL=index.js.map

package/es/components/file-uploader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["components/file-uploader/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './drop-container';\nimport './file-uploader';\nimport './file-uploader-item';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,kBAAkB;AACzB,OAAO,iBAAiB;AACxB,OAAO,sBAAsB"}
+{"version":3,"file":"index.js","names":[],"sources":["components/file-uploader/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './file-uploader';\nimport './file-uploader-item';\nimport './file-uploader-drop-container';\nimport './file-uploader-button';\nimport './file-uploader-skeleton';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,iBAAiB;AACxB,OAAO,sBAAsB;AAC7B,OAAO,gCAAgC;AACvC,OAAO,wBAAwB;AAC/B,OAAO,0BAA0B"}

package/es/components/progress-bar/defs.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Status of progress bar.
+ */
+export declare enum PROGRESS_BAR_STATUS {
+    /**
+     * Currently active.
+     */
+    ACTIVE = "active",
+    /**
+     * Executed.
+     */
+    FINISHED = "finished",
+    /**
+     * Invalid.
+     */
+    ERROR = "error"
+}
+/**
+ * Size of progress bar.
+ */
+export declare enum PROGRESS_BAR_SIZE {
+    /**
+     * small size (thinner)
+     */
+    SMALL = "small",
+    /**
+     * big size
+     */
+    BIG = "big"
+}
+/**
+ * Defines the alignment variant of the progress bar.
+ */
+export declare enum PROGRESS_BAR_TYPE {
+    /**
+     * default type
+     */
+    DEFAULT = "default",
+    /**
+     * Inline type
+     */
+    INLINE = "inline",
+    /**
+     * indented type
+     */
+    INDENTED = "indented"
+}
+
+//# sourceMappingURL=defs.d.ts.map

package/es/components/progress-bar/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/progress-bar/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,mBAAmB;IAC7B;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,QAAQ,aAAa;IAErB;;OAEG;IACH,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,QAAQ,aAAa;CACtB","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Status of progress bar.\n */\nexport enum PROGRESS_BAR_STATUS {\n  /**\n   * Currently active.\n   */\n  ACTIVE = 'active',\n\n  /**\n   * Executed.\n   */\n  FINISHED = 'finished',\n\n  /**\n   * Invalid.\n   */\n  ERROR = 'error',\n}\n\n/**\n * Size of progress bar.\n */\nexport enum PROGRESS_BAR_SIZE {\n  /**\n   * small size (thinner)\n   */\n  SMALL = 'small',\n\n  /**\n   * big size\n   */\n  BIG = 'big',\n}\n\n/**\n * Defines the alignment variant of the progress bar.\n */\nexport enum PROGRESS_BAR_TYPE {\n  /**\n   * default type\n   */\n  DEFAULT = 'default',\n\n  /**\n   * Inline type\n   */\n  INLINE = 'inline',\n\n  /**\n   * indented type\n   */\n  INDENTED = 'indented',\n}\n"]}

package/es/components/progress-bar/defs.js

@@ -0,0 +1,38 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Status of progress bar.
+ */
+export let PROGRESS_BAR_STATUS;
+
+/**
+ * Size of progress bar.
+ */
+(function (PROGRESS_BAR_STATUS) {
+  PROGRESS_BAR_STATUS["ACTIVE"] = "active";
+  PROGRESS_BAR_STATUS["FINISHED"] = "finished";
+  PROGRESS_BAR_STATUS["ERROR"] = "error";
+})(PROGRESS_BAR_STATUS || (PROGRESS_BAR_STATUS = {}));
+export let PROGRESS_BAR_SIZE;
+
+/**
+ * Defines the alignment variant of the progress bar.
+ */
+(function (PROGRESS_BAR_SIZE) {
+  PROGRESS_BAR_SIZE["SMALL"] = "small";
+  PROGRESS_BAR_SIZE["BIG"] = "big";
+})(PROGRESS_BAR_SIZE || (PROGRESS_BAR_SIZE = {}));
+export let PROGRESS_BAR_TYPE;
+(function (PROGRESS_BAR_TYPE) {
+  PROGRESS_BAR_TYPE["DEFAULT"] = "default";
+  PROGRESS_BAR_TYPE["INLINE"] = "inline";
+  PROGRESS_BAR_TYPE["INDENTED"] = "indented";
+})(PROGRESS_BAR_TYPE || (PROGRESS_BAR_TYPE = {}));
+//# sourceMappingURL=defs.js.map

package/es/components/progress-bar/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","names":["PROGRESS_BAR_STATUS","PROGRESS_BAR_SIZE","PROGRESS_BAR_TYPE"],"sources":["components/progress-bar/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Status of progress bar.\n */\nexport enum PROGRESS_BAR_STATUS {\n  /**\n   * Currently active.\n   */\n  ACTIVE = 'active',\n\n  /**\n   * Executed.\n   */\n  FINISHED = 'finished',\n\n  /**\n   * Invalid.\n   */\n  ERROR = 'error',\n}\n\n/**\n * Size of progress bar.\n */\nexport enum PROGRESS_BAR_SIZE {\n  /**\n   * small size (thinner)\n   */\n  SMALL = 'small',\n\n  /**\n   * big size\n   */\n  BIG = 'big',\n}\n\n/**\n * Defines the alignment variant of the progress bar.\n */\nexport enum PROGRESS_BAR_TYPE {\n  /**\n   * default type\n   */\n  DEFAULT = 'default',\n\n  /**\n   * Inline type\n   */\n  INLINE = 'inline',\n\n  /**\n   * indented type\n   */\n  INDENTED = 'indented',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,mBAAmB;;AAiB/B;AACA;AACA;AAFA,WAjBYA,mBAAmB;EAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAnBA,mBAAmB;AAAA,GAAnBA,mBAAmB,KAAnBA,mBAAmB;AAoB/B,WAAYC,iBAAiB;;AAY7B;AACA;AACA;AAFA,WAZYA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;AAAA,GAAjBA,iBAAiB,KAAjBA,iBAAiB;AAe7B,WAAYC,iBAAiB;AAe5B,WAfWA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;AAAA,GAAjBA,iBAAiB,KAAjBA,iBAAiB"}

package/es/components/progress-bar/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './progress-bar';
+
+//# sourceMappingURL=index.d.ts.map

package/es/components/progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/progress-bar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,gBAAgB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './progress-bar';\n"]}

package/es/components/progress-bar/index.js

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import './progress-bar';
+//# sourceMappingURL=index.js.map

package/es/components/progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["components/progress-bar/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './progress-bar';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,gBAAgB"}

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

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+export default css([
+  '.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--progress-bar__label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;min-width:3rem;justify-content:space-between;margin-bottom:.5rem;color:var(--cds-text-primary,#161616)}.cds--progress-bar__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--progress-bar__track{position:relative;width:100%;min-width:3rem;height:.5rem;background-color:var(--cds-layer)}.cds--progress-bar--big .cds--progress-bar__track{height:.5rem}.cds--progress-bar--small .cds--progress-bar__track{height:.25rem}.cds--progress-bar__bar{display:block;width:100%;height:100%;background-color:currentColor;color:var(--cds-interactive,#0f62fe);transform:scaleX(0);transform-origin:0 center;transition:transform 110ms cubic-bezier(.2,0,.38,.9)}.cds--progress-bar--indeterminate .cds--progress-bar__track::after{position:absolute;top:0;right:0;bottom:0;left:0;animation-duration:1.4s;animation-iteration-count:infinite;animation-name: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:""}.cds--progress-bar__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);margin-top:.5rem;color:var(--cds-text-secondary,#525252)}.cds--progress-bar__status-icon{flex-shrink:0;margin-left:1rem}.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__helper-text,.cds--progress-bar--error .cds--progress-bar__status-icon{color:var(--cds-support-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{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);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-right:0}@keyframes progress-bar-indeterminate{0%{background-position-x:25%}100%,80%{background-position-x:-105%}}.cds--progress-bar--inline{display:flex;align-items:center}.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:0;margin-bottom:0;-webkit-margin-end:1rem;margin-inline-end:1rem}.cds--progress-bar--inline .cds--progress-bar__track{flex-basis:0;flex-grow:1}.cds--progress-bar--inline .cds--progress-bar__helper-text{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--progress-bar--indented .cds--progress-bar__helper-text,.cds--progress-bar--indented .cds--progress-bar__label{padding-inline:1rem}',
+]);

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

@@ -0,0 +1,57 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE } from './defs';
+export { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };
+/**
+ * Progress bar.
+ *
+ * @element cds-progress-bar
+ */
+declare class CDSProgressBar extends LitElement {
+    /**
+     * The current progress as a textual representation.
+     */
+    helperText: any;
+    /**
+     * Whether the label should be visually hidden.
+     */
+    hideLabel: any;
+    /**
+     * A label describing the progress bar.
+     */
+    label: any;
+    /**
+     * The maximum value.
+     */
+    max: number;
+    /**
+     * Specify the size of the ProgressBar.
+     */
+    size: PROGRESS_BAR_SIZE;
+    /**
+     * Specify the status.
+     */
+    status: PROGRESS_BAR_STATUS;
+    /**
+     * Defines the alignment variant of the progress bar.
+     */
+    type: PROGRESS_BAR_TYPE;
+    /**
+     * The current value.
+     */
+    value: any;
+    protected get _cappedValue(): any;
+    updated(changedProperties: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSProgressBar;
+
+//# sourceMappingURL=progress-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/progress-bar/progress-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,QAAQ,CAAC;AAIhB,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,CAAC;AAErE;;;;GAIG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,SAAS,MAAC;IAEV;;OAEG;IAEH,KAAK,MAAC;IAEN;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,IAAI,oBAAyB;IAE7B;;OAEG;IAEH,MAAM,sBAA8B;IAEpC;;OAEG;IAEH,IAAI,oBAA6B;IAEjC;;OAEG;IAEH,KAAK,MAAC;IAEN,SAAS,KAAK,YAAY,QAiBzB;IAED,OAAO,CAAC,iBAAiB,KAAA;IAyBzB,MAAM;IAuEN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"progress-bar.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ErrorFilled16 from '@carbon/icons/lib/error--filled/16';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport {\n  PROGRESS_BAR_SIZE,\n  PROGRESS_BAR_STATUS,\n  PROGRESS_BAR_TYPE,\n} from './defs';\nimport { prefix } from '../../globals/settings';\nimport styles from './progress-bar.scss';\n\nexport { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };\n\n/**\n * Progress bar.\n *\n * @element cds-progress-bar\n */\n@customElement(`${prefix}-progress-bar`)\nclass CDSProgressBar extends LitElement {\n  /**\n   * The current progress as a textual representation.\n   */\n  @property({ type: String, attribute: 'helper-text', reflect: true })\n  helperText;\n\n  /**\n   * Whether the label should be visually hidden.\n   */\n  @property({ type: Boolean, attribute: 'hide-label', reflect: true })\n  hideLabel;\n\n  /**\n   * A label describing the progress bar.\n   */\n  @property({ type: String })\n  label;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  max = 100;\n\n  /**\n   * Specify the size of the ProgressBar.\n   */\n  @property({ type: String, reflect: true })\n  size = PROGRESS_BAR_SIZE.BIG;\n\n  /**\n   * Specify the status.\n   */\n  @property({ type: String, reflect: true })\n  status = PROGRESS_BAR_STATUS.ACTIVE;\n\n  /**\n   * Defines the alignment variant of the progress bar.\n   */\n  @property({ type: String, reflect: true })\n  type = PROGRESS_BAR_TYPE.DEFAULT;\n\n  /**\n   * The current value.\n   */\n  @property({ type: Number, reflect: true })\n  value;\n\n  protected get _cappedValue() {\n    const { value, max, status } = this;\n\n    let cappedValue = value;\n    if (cappedValue > max) {\n      cappedValue = max;\n    }\n    if (cappedValue < 0) {\n      cappedValue = 0;\n    }\n    if (status === PROGRESS_BAR_STATUS.ERROR) {\n      cappedValue = 0;\n    } else if (status === PROGRESS_BAR_STATUS.FINISHED) {\n      cappedValue = max;\n    }\n\n    return cappedValue;\n  }\n\n  updated(changedProperties) {\n    if (\n      changedProperties.has('value') ||\n      changedProperties.has('max') ||\n      changedProperties.has('status')\n    ) {\n      const { _cappedValue: cappedValue, max, status } = this;\n\n      const percentage: number = cappedValue / max;\n\n      const bar = this.shadowRoot!.querySelector(\n        `.${prefix}--progress-bar__bar`\n      ) as HTMLElement;\n\n      if (\n        status != PROGRESS_BAR_STATUS.ERROR &&\n        status != PROGRESS_BAR_STATUS.FINISHED\n      ) {\n        bar.style.transform = `scaleX(${percentage})`;\n      } else {\n        bar.style.transform = 'none';\n      }\n    }\n  }\n\n  render() {\n    const {\n      _cappedValue: cappedValue,\n      helperText,\n      hideLabel,\n      label,\n      max,\n      size,\n      status,\n      type,\n      value,\n    } = this;\n\n    const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;\n    const isError = status === PROGRESS_BAR_STATUS.ERROR;\n\n    const indeterminate =\n      !isFinished && !isError && (value === null || value === undefined);\n\n    let statusIcon = null;\n\n    if (isError) {\n      statusIcon = ErrorFilled16({\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    } else if (isFinished) {\n      statusIcon = CheckmarkFilled16({\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    }\n\n    const wrapperClasses = classMap({\n      [`${prefix}--progress-bar`]: true,\n      [`${prefix}--progress-bar--${size}`]: true,\n      [`${prefix}--progress-bar--${type}`]: true,\n      [`${prefix}--progress-bar--indeterminate`]: indeterminate,\n      [`${prefix}--progress-bar--finished`]: isFinished,\n      [`${prefix}--progress-bar--error`]: isError,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--progress-bar__label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    return html` <div class=\"${wrapperClasses}\">\n      <div class=\"${labelClasses}\">\n        <span class=\"${prefix}--progress-bar__label-text\">${label}</span>\n        ${statusIcon}\n      </div>\n      <div\n        class=\"${prefix}--progress-bar__track\"\n        role=\"progressbar\"\n        aria-busy=\"${!isFinished}\"\n        aria-invalid=\"${isError}\"\n        aria-valuemin=\"${!indeterminate ? 0 : null}\"\n        aria-valuemax=\"${!indeterminate ? max : null}\"\n        aria-valuenow=\"${!indeterminate ? cappedValue : null}\">\n        <div class=\"${prefix}--progress-bar__bar\"></div>\n      </div>\n      ${helperText\n        ? html`<div class=\"${prefix}--progress-bar__helper-text\">\n            ${helperText}\n            <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\">\n              ${isFinished ? 'Done' : 'Loading'}\n            </div>\n          </div>`\n        : null}\n    </div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSProgressBar;\n"]}

package/es/components/progress-bar/progress-bar.js

@@ -0,0 +1,260 @@
+import _decorate from "@babel/runtime/helpers/esm/decorate";
+let _ = t => t,
+  _t,
+  _t2;
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { LitElement, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import ErrorFilled16 from "../../icons/error--filled/16";
+import CheckmarkFilled16 from "../../icons/checkmark--filled/16";
+import { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE } from './defs';
+import { prefix } from '../../globals/settings';
+import styles from "././progress-bar.css.js";
+export { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };
+
+/**
+ * Progress bar.
+ *
+ * @element cds-progress-bar
+ */
+let CDSProgressBar = _decorate([customElement(`${prefix}-progress-bar`)], function (_initialize, _LitElement) {
+  class CDSProgressBar extends _LitElement {
+    constructor(...args) {
+      super(...args);
+      _initialize(this);
+    }
+  }
+  return {
+    F: CDSProgressBar,
+    d: [{
+      kind: "field",
+      decorators: [property({
+        type: String,
+        attribute: 'helper-text',
+        reflect: true
+      })],
+      key: "helperText",
+      value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        attribute: 'hide-label',
+        reflect: true
+      })],
+      key: "hideLabel",
+      value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: String
+      })],
+      key: "label",
+      value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Number,
+        reflect: true
+      })],
+      key: "max",
+      value() {
+        return 100;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: String,
+        reflect: true
+      })],
+      key: "size",
+      value() {
+        return PROGRESS_BAR_SIZE.BIG;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: String,
+        reflect: true
+      })],
+      key: "status",
+      value() {
+        return PROGRESS_BAR_STATUS.ACTIVE;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: String,
+        reflect: true
+      })],
+      key: "type",
+      value() {
+        return PROGRESS_BAR_TYPE.DEFAULT;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Number,
+        reflect: true
+      })],
+      key: "value",
+      value: void 0
+    }, {
+      kind: "get",
+      key: "_cappedValue",
+      value:
+      /**
+       * The current progress as a textual representation.
+       */
+
+      /**
+       * Whether the label should be visually hidden.
+       */
+
+      /**
+       * A label describing the progress bar.
+       */
+
+      /**
+       * The maximum value.
+       */
+
+      /**
+       * Specify the size of the ProgressBar.
+       */
+
+      /**
+       * Specify the status.
+       */
+
+      /**
+       * Defines the alignment variant of the progress bar.
+       */
+
+      /**
+       * The current value.
+       */
+
+      function _cappedValue() {
+        const {
+          value,
+          max,
+          status
+        } = this;
+        let cappedValue = value;
+        if (cappedValue > max) {
+          cappedValue = max;
+        }
+        if (cappedValue < 0) {
+          cappedValue = 0;
+        }
+        if (status === PROGRESS_BAR_STATUS.ERROR) {
+          cappedValue = 0;
+        } else if (status === PROGRESS_BAR_STATUS.FINISHED) {
+          cappedValue = max;
+        }
+        return cappedValue;
+      }
+    }, {
+      kind: "method",
+      key: "updated",
+      value: function updated(changedProperties) {
+        if (changedProperties.has('value') || changedProperties.has('max') || changedProperties.has('status')) {
+          const {
+            _cappedValue: cappedValue,
+            max,
+            status
+          } = this;
+          const percentage = cappedValue / max;
+          const bar = this.shadowRoot.querySelector(`.${prefix}--progress-bar__bar`);
+          if (status != PROGRESS_BAR_STATUS.ERROR && status != PROGRESS_BAR_STATUS.FINISHED) {
+            bar.style.transform = `scaleX(${percentage})`;
+          } else {
+            bar.style.transform = 'none';
+          }
+        }
+      }
+    }, {
+      kind: "method",
+      key: "render",
+      value: function render() {
+        const {
+          _cappedValue: cappedValue,
+          helperText,
+          hideLabel,
+          label,
+          max,
+          size,
+          status,
+          type,
+          value
+        } = this;
+        const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;
+        const isError = status === PROGRESS_BAR_STATUS.ERROR;
+        const indeterminate = !isFinished && !isError && (value === null || value === undefined);
+        let statusIcon = null;
+        if (isError) {
+          statusIcon = ErrorFilled16({
+            class: `${prefix}--progress-bar__status-icon`
+          });
+        } else if (isFinished) {
+          statusIcon = CheckmarkFilled16({
+            class: `${prefix}--progress-bar__status-icon`
+          });
+        }
+        const wrapperClasses = classMap({
+          [`${prefix}--progress-bar`]: true,
+          [`${prefix}--progress-bar--${size}`]: true,
+          [`${prefix}--progress-bar--${type}`]: true,
+          [`${prefix}--progress-bar--indeterminate`]: indeterminate,
+          [`${prefix}--progress-bar--finished`]: isFinished,
+          [`${prefix}--progress-bar--error`]: isError
+        });
+        const labelClasses = classMap({
+          [`${prefix}--progress-bar__label`]: true,
+          [`${prefix}--visually-hidden`]: hideLabel
+        });
+        return html(_t || (_t = _` <div class="${0}">
+      <div class="${0}">
+        <span class="${0}--progress-bar__label-text">${0}</span>
+        ${0}
+      </div>
+      <div
+        class="${0}--progress-bar__track"
+        role="progressbar"
+        aria-busy="${0}"
+        aria-invalid="${0}"
+        aria-valuemin="${0}"
+        aria-valuemax="${0}"
+        aria-valuenow="${0}">
+        <div class="${0}--progress-bar__bar"></div>
+      </div>
+      ${0}
+    </div>`), wrapperClasses, labelClasses, prefix, label, statusIcon, prefix, !isFinished, isError, !indeterminate ? 0 : null, !indeterminate ? max : null, !indeterminate ? cappedValue : null, prefix, helperText ? html(_t2 || (_t2 = _`<div class="${0}--progress-bar__helper-text">
+            ${0}
+            <div class="${0}--visually-hidden" aria-live="polite">
+              ${0}
+            </div>
+          </div>`), prefix, helperText, prefix, isFinished ? 'Done' : 'Loading') : null);
+      }
+    }, {
+      kind: "field",
+      static: true,
+      key: "styles",
+      value() {
+        return styles;
+      }
+    }]
+  };
+}, LitElement);
+export default CDSProgressBar;
+//# sourceMappingURL=progress-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","names":["LitElement","html","property","customElement","classMap","ErrorFilled16","CheckmarkFilled16","PROGRESS_BAR_SIZE","PROGRESS_BAR_STATUS","PROGRESS_BAR_TYPE","prefix","styles","CDSProgressBar","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","String","attribute","reflect","key","value","Boolean","Number","BIG","ACTIVE","DEFAULT","_cappedValue","max","status","cappedValue","ERROR","FINISHED","updated","changedProperties","has","percentage","bar","shadowRoot","querySelector","style","transform","render","helperText","hideLabel","label","size","isFinished","isError","indeterminate","undefined","statusIcon","class","wrapperClasses","labelClasses","_t","_","_t2","static"],"sources":["components/progress-bar/progress-bar.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ErrorFilled16 from '@carbon/icons/lib/error--filled/16';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport {\n  PROGRESS_BAR_SIZE,\n  PROGRESS_BAR_STATUS,\n  PROGRESS_BAR_TYPE,\n} from './defs';\nimport { prefix } from '../../globals/settings';\nimport styles from './progress-bar.scss';\n\nexport { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };\n\n/**\n * Progress bar.\n *\n * @element cds-progress-bar\n */\n@customElement(`${prefix}-progress-bar`)\nclass CDSProgressBar extends LitElement {\n  /**\n   * The current progress as a textual representation.\n   */\n  @property({ type: String, attribute: 'helper-text', reflect: true })\n  helperText;\n\n  /**\n   * Whether the label should be visually hidden.\n   */\n  @property({ type: Boolean, attribute: 'hide-label', reflect: true })\n  hideLabel;\n\n  /**\n   * A label describing the progress bar.\n   */\n  @property({ type: String })\n  label;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  max = 100;\n\n  /**\n   * Specify the size of the ProgressBar.\n   */\n  @property({ type: String, reflect: true })\n  size = PROGRESS_BAR_SIZE.BIG;\n\n  /**\n   * Specify the status.\n   */\n  @property({ type: String, reflect: true })\n  status = PROGRESS_BAR_STATUS.ACTIVE;\n\n  /**\n   * Defines the alignment variant of the progress bar.\n   */\n  @property({ type: String, reflect: true })\n  type = PROGRESS_BAR_TYPE.DEFAULT;\n\n  /**\n   * The current value.\n   */\n  @property({ type: Number, reflect: true })\n  value;\n\n  protected get _cappedValue() {\n    const { value, max, status } = this;\n\n    let cappedValue = value;\n    if (cappedValue > max) {\n      cappedValue = max;\n    }\n    if (cappedValue < 0) {\n      cappedValue = 0;\n    }\n    if (status === PROGRESS_BAR_STATUS.ERROR) {\n      cappedValue = 0;\n    } else if (status === PROGRESS_BAR_STATUS.FINISHED) {\n      cappedValue = max;\n    }\n\n    return cappedValue;\n  }\n\n  updated(changedProperties) {\n    if (\n      changedProperties.has('value') ||\n      changedProperties.has('max') ||\n      changedProperties.has('status')\n    ) {\n      const { _cappedValue: cappedValue, max, status } = this;\n\n      const percentage: number = cappedValue / max;\n\n      const bar = this.shadowRoot!.querySelector(\n        `.${prefix}--progress-bar__bar`\n      ) as HTMLElement;\n\n      if (\n        status != PROGRESS_BAR_STATUS.ERROR &&\n        status != PROGRESS_BAR_STATUS.FINISHED\n      ) {\n        bar.style.transform = `scaleX(${percentage})`;\n      } else {\n        bar.style.transform = 'none';\n      }\n    }\n  }\n\n  render() {\n    const {\n      _cappedValue: cappedValue,\n      helperText,\n      hideLabel,\n      label,\n      max,\n      size,\n      status,\n      type,\n      value,\n    } = this;\n\n    const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;\n    const isError = status === PROGRESS_BAR_STATUS.ERROR;\n\n    const indeterminate =\n      !isFinished && !isError && (value === null || value === undefined);\n\n    let statusIcon = null;\n\n    if (isError) {\n      statusIcon = ErrorFilled16({\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    } else if (isFinished) {\n      statusIcon = CheckmarkFilled16({\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    }\n\n    const wrapperClasses = classMap({\n      [`${prefix}--progress-bar`]: true,\n      [`${prefix}--progress-bar--${size}`]: true,\n      [`${prefix}--progress-bar--${type}`]: true,\n      [`${prefix}--progress-bar--indeterminate`]: indeterminate,\n      [`${prefix}--progress-bar--finished`]: isFinished,\n      [`${prefix}--progress-bar--error`]: isError,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--progress-bar__label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    return html` <div class=\"${wrapperClasses}\">\n      <div class=\"${labelClasses}\">\n        <span class=\"${prefix}--progress-bar__label-text\">${label}</span>\n        ${statusIcon}\n      </div>\n      <div\n        class=\"${prefix}--progress-bar__track\"\n        role=\"progressbar\"\n        aria-busy=\"${!isFinished}\"\n        aria-invalid=\"${isError}\"\n        aria-valuemin=\"${!indeterminate ? 0 : null}\"\n        aria-valuemax=\"${!indeterminate ? max : null}\"\n        aria-valuenow=\"${!indeterminate ? cappedValue : null}\">\n        <div class=\"${prefix}--progress-bar__bar\"></div>\n      </div>\n      ${helperText\n        ? html`<div class=\"${prefix}--progress-bar__helper-text\">\n            ${helperText}\n            <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\">\n              ${isFinished ? 'Done' : 'Loading'}\n            </div>\n          </div>`\n        : null}\n    </div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSProgressBar;\n"],"mappings":"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"}

package/es/components/progress-bar/progress-bar.rtl.css.js

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+export default css([
+  '.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--progress-bar__label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;min-width:3rem;justify-content:space-between;margin-bottom:.5rem;color:var(--cds-text-primary,#161616)}.cds--progress-bar__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--progress-bar__track{position:relative;width:100%;min-width:3rem;height:.5rem;background-color:var(--cds-layer)}.cds--progress-bar--big .cds--progress-bar__track{height:.5rem}.cds--progress-bar--small .cds--progress-bar__track{height:.25rem}.cds--progress-bar__bar{display:block;width:100%;height:100%;background-color:currentColor;color:var(--cds-interactive,#0f62fe);transform:scaleX(0);transform-origin:100% center;transition:transform 110ms cubic-bezier(.2,0,.38,.9)}.cds--progress-bar--indeterminate .cds--progress-bar__track::after{position:absolute;top:0;left:0;bottom:0;right:0;animation-duration:1.4s;animation-iteration-count:infinite;animation-name:progress-bar-indeterminate;animation-timing-function:linear;background-image:linear-gradient(-90deg,var(--cds-interactive,#0f62fe) 12.5%,transparent 12.5%);background-position-x:100%;background-size:200% 100%;content:""}.cds--progress-bar__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);margin-top:.5rem;color:var(--cds-text-secondary,#525252)}.cds--progress-bar__status-icon{flex-shrink:0;margin-right:1rem}.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__helper-text,.cds--progress-bar--error .cds--progress-bar__status-icon{color:var(--cds-support-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{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);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-left:0}@keyframes progress-bar-indeterminate{0%{background-position-x:75%}100%,80%{background-position-x:205%}}.cds--progress-bar--inline{display:flex;align-items:center}.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:0;margin-bottom:0;-webkit-margin-end:1rem;margin-inline-end:1rem}.cds--progress-bar--inline .cds--progress-bar__track{flex-basis:0;flex-grow:1}.cds--progress-bar--inline .cds--progress-bar__helper-text{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--progress-bar--indented .cds--progress-bar__helper-text,.cds--progress-bar--indented .cds--progress-bar__label{padding-inline:1rem}',
+]);

package/es/components/slider/slider.d.ts

@@ -321,9 +321,7 @@ declare const CDSSlider_base: {
                 options?: boolean | AddEventListenerOptions | undefined;
             };
         };
-    }; /**
-     * Handles `click` event on the `<label>` to focus on the thumb.
-     */
+    };
 } & (abstract new (...args: any[]) => {
     _hFormdata: import("../../globals/internal/handle").default | null;
     _handleFormdata(event: Event): void;