v4web-components
Version:
Stencil Component Starter
18 lines (14 loc) • 997 B
JavaScript
import { r as registerInstance, h } from './index-0b720089.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) {
registerInstance(this, hostRef);
this.progress = undefined;
}
render() {
return (h("div", { class: `v4-progress-bar` }, h("div", { style: { width: `${this.progress}%` }, class: "progress-bar-completed" })));
}
};
LabDsProgressBar.style = labDsProgressBarCss;
export { LabDsProgressBar as lab_ds_progress_bar };
//# sourceMappingURL=lab-ds-progress-bar.entry.js.map