@haxtheweb/haxcms-nodejs
Version:
HAXcms single and multisite nodejs server, api, and administration
38 lines (32 loc) • 1.39 kB
JavaScript
/**
@license
Copyright (c) 2017 Vaadin Ltd.
This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
*/
import{PolymerElement as e}from"../../../@polymer/polymer/polymer-element.js";import{ProgressMixin as r}from"./vaadin-progress-mixin.js";import{ThemableMixin as t}from"../../vaadin-themable-mixin/vaadin-themable-mixin.js";import{ElementMixin as i}from"../../vaadin-element-mixin/vaadin-element-mixin.js";import{html as s}from"../../../@polymer/polymer/lib/utils/html-tag.js";class ProgressBarElement extends(i(t(r(e)))){static get template(){return s`
<style>
:host {
display: block;
width: 100%; /* prevent collapsing inside non-stretching column flex */
height: 8px;
}
:host([hidden]) {
display: none ;
}
[part="bar"] {
height: 100%;
}
[part="value"] {
height: 100%;
transform-origin: 0 50%;
transform: scaleX(var(--vaadin-progress-value));
}
/* RTL specific styles */
:host([dir="rtl"]) [part="value"] {
transform-origin: 100% 50%;
}
</style>
<div part="bar">
<div part="value"></div>
</div>
`}static get is(){return"vaadin-progress-bar"}static get version(){return"1.3.0"}}customElements.define(ProgressBarElement.is,ProgressBarElement);export{ProgressBarElement};