v4web-components/dist/cjs/lab-ds-progress-bar.cjs.entry.js

Stencil Component Starter

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-8b55ea0e.js');

const labDsProgressBarCss = ".v4-progress-bar{width:100%;height:var(--lab-ds-semantic-selectable-size-xxs);border-style:solid;background-color:var(--lab-ds-semantic-selectable-color-bg-default);border-width:var(--lab-ds-semantic-selectable-border-width-s);border-color:var(--lab-ds-semantic-selectable-color-border-default);border-radius:1rem}.progress-bar-completed{height:100%;max-width:100%;border-radius:1rem;background-color:var(--lab-ds-semantic-selectable-color-primary-default)}";

const LabDsProgressBar = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.progress = undefined;
  }
  render() {
    return (index.h("div", { class: `v4-progress-bar` }, index.h("div", { style: { width: `${this.progress}%` }, class: "progress-bar-completed" })));
  }
};
LabDsProgressBar.style = labDsProgressBarCss;

exports.lab_ds_progress_bar = LabDsProgressBar;

//# sourceMappingURL=lab-ds-progress-bar.cjs.entry.js.map