You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
7 lines
2.6 KiB
7 lines
2.6 KiB
// All material copyright Esri, All Rights Reserved, unless otherwise specified. |
|
// See https://js.arcgis.com/4.30/esri/copyright.txt for details. |
|
//>>built |
|
define(["exports","./componentsUtils","./dom"],function(c,a,f){function d(){"undefined"!==typeof customElements&&["calcite-progress"].forEach(b=>{switch(b){case "calcite-progress":customElements.get(b)||customElements.define(b,e)}})}const e=a.proxyCustomElement(class extends a.H{constructor(){super();this.__registerHost();this.__attachShadow();this.type="determinate";this.value=0;this.text=this.label=void 0;this.reversed=!1}render(){const b="determinate"===this.type?{width:`${100*this.value}%`}:{}, |
|
g=f.getElementDir(this.el);return a.h("div",{key:"a86d3c94f7c5d86a8267372b3d89a5227b0f550d","aria-label":this.label||this.text,"aria-valuemax":1,"aria-valuemin":0,"aria-valuenow":this.value,role:"progressbar"},a.h("div",{key:"cf8ad842376e8713207892a53bc26fc7f3200bc2",class:"track"},a.h("div",{key:"3a7fb572aa02dc1d515556589f8b90b77a6e383d",class:{bar:!0,indeterminate:"indeterminate"===this.type,[a.CSS_UTILITY.rtl]:"rtl"===g,reversed:this.reversed},style:b})),this.text?a.h("div",{class:"text"},this.text): |
|
null)}get el(){return this}static get style(){return":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}"}}, |
|
[1,"calcite-progress",{type:[513],value:[2],label:[1],text:[1],reversed:[516]}]);d();c.Progress=e;c.defineCustomElement=d}); |