@kyndryl-design-system/shidoka-applications 2.89.1 → 2.90.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,7 +2,7 @@ import { LitElement } from 'lit';
|
|
|
2
2
|
import '../loaders';
|
|
3
3
|
import '../tooltip';
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* Progress bar component.
|
|
6
6
|
* @slot unnamed - Slot for tooltip text content.
|
|
7
7
|
*/
|
|
8
8
|
export declare class ProgressBar extends LitElement {
|
|
@@ -27,6 +27,8 @@ export declare class ProgressBar extends LitElement {
|
|
|
27
27
|
accessor unit: string;
|
|
28
28
|
/** Visually hide the label. */
|
|
29
29
|
accessor hideLabel: boolean;
|
|
30
|
+
/** Sets visibility of percentage value.*/
|
|
31
|
+
accessor hidePercentageValue: boolean;
|
|
30
32
|
/** Incrementing percentage count value.
|
|
31
33
|
* @internal
|
|
32
34
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/progressBar/progressBar.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAKlD,OAAO,YAAY,CAAC;AACpB,OAAO,YAAY,CAAC;AAcpB;;;GAGG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgC;IAEtD,8DAA8D;IAE9D,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,qEAAqE;IAErE,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,yFAAyF;IAEzF,QAAQ,CAAC,aAAa,SAAM;IAE5B,qCAAqC;IAErC,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAY;IAEvE,+DAA+D;IAE/D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,6BAA6B;IAE7B,QAAQ,CAAC,GAAG,SAAO;IAEnB,wCAAwC;IAExC,QAAQ,CAAC,KAAK,SAAM;IAEpB,8EAA8E;IAE9E,QAAQ,CAAC,UAAU,SAAM;IAEzB,mEAAmE;IAEnE,QAAQ,CAAC,IAAI,SAAM;IAEnB,+BAA+B;IAE/B,QAAQ,CAAC,SAAS,UAAS;IAE3B;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAK;IAEjC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAK;IAE/B;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAS;IAE1C;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAuB;IAEvC,MAAM;IA6Bf,OAAO,CAAC,iBAAiB;IAoCzB,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,wBAAwB;
|
|
1
|
+
{"version":3,"file":"progressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/progressBar/progressBar.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAKlD,OAAO,YAAY,CAAC;AACpB,OAAO,YAAY,CAAC;AAcpB;;;GAGG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgC;IAEtD,8DAA8D;IAE9D,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,qEAAqE;IAErE,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,yFAAyF;IAEzF,QAAQ,CAAC,aAAa,SAAM;IAE5B,qCAAqC;IAErC,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAY;IAEvE,+DAA+D;IAE/D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,6BAA6B;IAE7B,QAAQ,CAAC,GAAG,SAAO;IAEnB,wCAAwC;IAExC,QAAQ,CAAC,KAAK,SAAM;IAEpB,8EAA8E;IAE9E,QAAQ,CAAC,UAAU,SAAM;IAEzB,mEAAmE;IAEnE,QAAQ,CAAC,IAAI,SAAM;IAEnB,+BAA+B;IAE/B,QAAQ,CAAC,SAAS,UAAS;IAE3B,0CAA0C;IAE1C,QAAQ,CAAC,mBAAmB,UAAS;IAErC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAK;IAEjC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAK;IAE/B;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAS;IAE1C;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAuB;IAEvC,MAAM;IA6Bf,OAAO,CAAC,iBAAiB;IAoCzB,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,wBAAwB;IAgCvB,YAAY;IAIZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAQpD,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,eAAe;IAOd,oBAAoB;CAI9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAC;KACjC;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as r,__classPrivateFieldSet as a}from"tslib";import{unsafeSVG as
|
|
1
|
+
import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as r,__classPrivateFieldSet as a}from"tslib";import{unsafeSVG as s}from"lit-html/directives/unsafe-svg.js";import{css as o,LitElement as n,unsafeCSS as l,html as d}from"lit";import{customElement as c,property as p,state as h}from"lit/decorators.js";import{classMap as u}from"lit/directives/class-map.js";import{ifDefined as m}from"lit/directives/if-defined.js";import"../loaders/loader.js";import"../loaders/inline.js";import"../loaders/skeleton.js";import"../tooltip/tooltip.js";import{s as g,w as v,e as b}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BGhMLbpH.js";import"lottie-web";import"../../../inline-CxNcYPfA.js";var k,f=o`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -566,6 +566,11 @@ textarea:not([disabled])[invalid] {
|
|
|
566
566
|
line-height: 16px;
|
|
567
567
|
height: 16px;
|
|
568
568
|
}
|
|
569
|
+
.progress-bar__status-container {
|
|
570
|
+
display: flex;
|
|
571
|
+
align-items: stretch;
|
|
572
|
+
gap: 8px;
|
|
573
|
+
}
|
|
569
574
|
.progress-bar__status-icon {
|
|
570
575
|
font-family: var(--kd-font-family-secondary);
|
|
571
576
|
font-size: var(--kd-font-size-utility-3-sm);
|
|
@@ -616,13 +621,16 @@ textarea:not([disabled])[invalid] {
|
|
|
616
621
|
margin: 0;
|
|
617
622
|
display: flex;
|
|
618
623
|
align-items: center;
|
|
624
|
+
gap: 8px;
|
|
619
625
|
}
|
|
620
626
|
.progress-bar__status-icon p span {
|
|
621
|
-
margin: 0 8px;
|
|
622
627
|
font-weight: var(--kd-font-weight-regular);
|
|
623
628
|
vertical-align: middle;
|
|
624
629
|
}
|
|
625
630
|
.progress-bar__status-icon span[class$=-icon] {
|
|
631
|
+
display: flex;
|
|
632
|
+
align-items: center;
|
|
633
|
+
justify-content: center;
|
|
626
634
|
animation: fadeInRotate 600ms ease-in-out forwards;
|
|
627
635
|
}
|
|
628
636
|
.progress-bar__active {
|
|
@@ -703,7 +711,7 @@ textarea:not([disabled])[invalid] {
|
|
|
703
711
|
opacity: 1;
|
|
704
712
|
transform: rotate(0deg);
|
|
705
713
|
}
|
|
706
|
-
}`;!function(e){e.ACTIVE="active",e.SUCCESS="success",e.ERROR="error",e.WARNING="warning"}(k||(k={}));let x=(()=>{var
|
|
714
|
+
}`;!function(e){e.ACTIVE="active",e.SUCCESS="success",e.ERROR="error",e.WARNING="warning"}(k||(k={}));let x=(()=>{var o,x,y,w,_,z,I,$,S,A,T,B,C,M;let R,W,L,P,j,E,N,V,H,O,F,G,U,q,Y,D,J=[c("kyn-progress-bar")],K=[],Q=n,X=[],Z=[],ee=[],te=[],ie=[],re=[],ae=[],se=[],oe=[],ne=[],le=[],de=[],ce=[],pe=[],he=[],ue=[],me=[],ge=[],ve=[],be=[],ke=[],fe=[],xe=[],ye=[],we=[],_e=[],ze=[],Ie=[];return W=class extends Q{constructor(){super(...arguments),o.set(this,i(this,X,!1)),x.set(this,(i(this,Z),i(this,ee,!1))),y.set(this,(i(this,te),i(this,ie,""))),w.set(this,(i(this,re),i(this,ae,"active"))),_.set(this,(i(this,se),i(this,oe,null))),z.set(this,(i(this,ne),i(this,le,100))),I.set(this,(i(this,de),i(this,ce,""))),$.set(this,(i(this,pe),i(this,he,""))),S.set(this,(i(this,ue),i(this,me,""))),A.set(this,(i(this,ge),i(this,ve,!1))),T.set(this,(i(this,be),i(this,ke,!1))),B.set(this,(i(this,fe),i(this,xe,0))),C.set(this,(i(this,ye),i(this,we,0))),M.set(this,(i(this,_e),i(this,ze,!1))),this._animationFrameId=(i(this,Ie),null)}get showInlineLoadStatus(){return r(this,o,"f")}set showInlineLoadStatus(e){a(this,o,e,"f")}get showActiveHelperText(){return r(this,x,"f")}set showActiveHelperText(e){a(this,x,e,"f")}get progressBarId(){return r(this,y,"f")}set progressBarId(e){a(this,y,e,"f")}get status(){return r(this,w,"f")}set status(e){a(this,w,e,"f")}get value(){return r(this,_,"f")}set value(e){a(this,_,e,"f")}get max(){return r(this,z,"f")}set max(e){a(this,z,e,"f")}get label(){return r(this,I,"f")}set label(e){a(this,I,e,"f")}get helperText(){return r(this,$,"f")}set helperText(e){a(this,$,e,"f")}get unit(){return r(this,S,"f")}set unit(e){a(this,S,e,"f")}get hideLabel(){return r(this,A,"f")}set hideLabel(e){a(this,A,e,"f")}get hidePercentageValue(){return r(this,T,"f")}set hidePercentageValue(e){a(this,T,e,"f")}get _percentage(){return r(this,B,"f")}set _percentage(e){a(this,B,e,"f")}get _progress(){return r(this,C,"f")}set _progress(e){a(this,C,e,"f")}get _isIndeterminate(){return r(this,M,"f")}set _isIndeterminate(e){a(this,M,e,"f")}render(){const e=this.status===k.ACTIVE?this._progress:this.value,t=this.getCurrentStatus(e),i=this.getHelperText();return this._isIndeterminate=null==e||null===this.max||void 0===this.max,this._percentage=this.max?Math.round(this._progress/this.max*100):0,d`
|
|
707
715
|
${this.renderProgressBarLabel(t,e)}
|
|
708
716
|
${this.renderProgressBar(t,e)}
|
|
709
717
|
${i?d`<div
|
|
@@ -711,7 +719,7 @@ textarea:not([disabled])[invalid] {
|
|
|
711
719
|
>
|
|
712
720
|
${i}
|
|
713
721
|
</div>`:null}
|
|
714
|
-
`}renderProgressBar(e,t){var i,r;const a=e===k.ACTIVE?t:this.max,
|
|
722
|
+
`}renderProgressBar(e,t){var i,r;const a=e===k.ACTIVE?t:this.max,s=this._isIndeterminate?"width: 55px;":e!==k.ERROR&&e!==k.WARNING||null==t?`width: ${this._percentage}%`:`width: ${t}%`;return d`
|
|
715
723
|
<div
|
|
716
724
|
id=${this.progressBarId}
|
|
717
725
|
class="progress-bar__container"
|
|
@@ -725,7 +733,7 @@ textarea:not([disabled])[invalid] {
|
|
|
725
733
|
<div class="progress-bar__background">
|
|
726
734
|
<div
|
|
727
735
|
class=${u(this.getProgressBarClasses(e))}
|
|
728
|
-
style=${
|
|
736
|
+
style=${s}
|
|
729
737
|
></div>
|
|
730
738
|
</div>
|
|
731
739
|
</div>
|
|
@@ -741,10 +749,13 @@ textarea:not([disabled])[invalid] {
|
|
|
741
749
|
${this.renderStatusIconOrLoader(e,t)}
|
|
742
750
|
</div>`}
|
|
743
751
|
</div>
|
|
744
|
-
`}renderStatusIconOrLoader(e,t){if(e!==k.ACTIVE)return d`<
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
752
|
+
`}renderStatusIconOrLoader(e,t){const i=!this.hidePercentageValue;if(e!==k.ACTIVE)return d`<p>
|
|
753
|
+
${i?d`${this._percentage}%`:null}
|
|
754
|
+
<span class="${e}-icon"
|
|
755
|
+
>${e===k.SUCCESS?s(g):e===k.WARNING?s(v):s(b)}</span
|
|
756
|
+
>
|
|
757
|
+
</p>`;const r=null!=t&&null!=this.value&&t>=this.max;return this.showInlineLoadStatus&&!r?d`<p>
|
|
758
|
+
${i?d`<span>${this._percentage}%</span>`:null}
|
|
748
759
|
<kyn-loader-inline status="active"></kyn-loader-inline>
|
|
749
|
-
</p>`:null}firstUpdated(){this.startProgress()}updated(e){(e.has("status")||e.has("value"))&&(this.cancelAnimation(),this.startProgress())}getProgressBarClasses(e){return{"progress-bar__main":!0,"is-indeterminate":this._isIndeterminate,[`progress-bar__${e}`]:!0}}getHelperText(){var e,t;if(this.helperText)return this.helperText;if(this._isIndeterminate)return"";if(this.showActiveHelperText){const i=null!==(e=this._progress)&&void 0!==e?e:0,r=null!==(t=this.max)&&void 0!==t?t:0,a=this.unit||"";return`${i}${a} of ${r}${a}`}return""}getCurrentStatus(e){return this.status===k.ERROR?k.ERROR:this.status===k.WARNING?k.WARNING:this.status===k.SUCCESS||e===this.max?k.SUCCESS:k.ACTIVE}startProgress(){var e;this.cancelAnimation();const t=null!==(e=this.value)&&void 0!==e?e:this.max,i=()=>{const e=t-this._progress,r=Math.sign(e)*Math.min(Math.abs(e),1);Math.abs(e)>.1?(this._progress+=r,this._animationFrameId=requestAnimationFrame(i)):(this._progress=t,this.cancelAnimation())};i()}cancelAnimation(){null!==this._animationFrameId&&(cancelAnimationFrame(this._animationFrameId),this._animationFrameId=null)}disconnectedCallback(){super.disconnectedCallback(),this.cancelAnimation()}},
|
|
760
|
+
</p>`:null}firstUpdated(){this.startProgress()}updated(e){(e.has("status")||e.has("value"))&&(this.cancelAnimation(),this.startProgress())}getProgressBarClasses(e){return{"progress-bar__main":!0,"is-indeterminate":this._isIndeterminate,[`progress-bar__${e}`]:!0}}getHelperText(){var e,t;if(this.helperText)return this.helperText;if(this._isIndeterminate)return"";if(this.showActiveHelperText){const i=null!==(e=this._progress)&&void 0!==e?e:0,r=null!==(t=this.max)&&void 0!==t?t:0,a=this.unit||"";return`${i}${a} of ${r}${a}`}return""}getCurrentStatus(e){return this.status===k.ERROR?k.ERROR:this.status===k.WARNING?k.WARNING:this.status===k.SUCCESS||e===this.max?k.SUCCESS:k.ACTIVE}startProgress(){var e;this.cancelAnimation();const t=null!==(e=this.value)&&void 0!==e?e:this.max,i=()=>{const e=t-this._progress,r=Math.sign(e)*Math.min(Math.abs(e),1);Math.abs(e)>.1?(this._progress+=r,this._animationFrameId=requestAnimationFrame(i)):(this._progress=t,this.cancelAnimation())};i()}cancelAnimation(){null!==this._animationFrameId&&(cancelAnimationFrame(this._animationFrameId),this._animationFrameId=null)}disconnectedCallback(){super.disconnectedCallback(),this.cancelAnimation()}},o=new WeakMap,x=new WeakMap,y=new WeakMap,w=new WeakMap,_=new WeakMap,z=new WeakMap,I=new WeakMap,$=new WeakMap,S=new WeakMap,A=new WeakMap,T=new WeakMap,B=new WeakMap,C=new WeakMap,M=new WeakMap,e(W,"ProgressBar"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=Q[Symbol.metadata])&&void 0!==e?e:null):void 0;L=[p({type:Boolean})],P=[p({type:Boolean})],j=[p({type:String})],E=[p({type:String})],N=[p({type:Number})],V=[p({type:Number})],H=[p({type:String})],O=[p({type:String})],F=[p({type:String})],G=[p({type:Boolean})],U=[p({type:Boolean})],q=[h()],Y=[h()],D=[h()],t(W,null,L,{kind:"accessor",name:"showInlineLoadStatus",static:!1,private:!1,access:{has:e=>"showInlineLoadStatus"in e,get:e=>e.showInlineLoadStatus,set:(e,t)=>{e.showInlineLoadStatus=t}},metadata:i},X,Z),t(W,null,P,{kind:"accessor",name:"showActiveHelperText",static:!1,private:!1,access:{has:e=>"showActiveHelperText"in e,get:e=>e.showActiveHelperText,set:(e,t)=>{e.showActiveHelperText=t}},metadata:i},ee,te),t(W,null,j,{kind:"accessor",name:"progressBarId",static:!1,private:!1,access:{has:e=>"progressBarId"in e,get:e=>e.progressBarId,set:(e,t)=>{e.progressBarId=t}},metadata:i},ie,re),t(W,null,E,{kind:"accessor",name:"status",static:!1,private:!1,access:{has:e=>"status"in e,get:e=>e.status,set:(e,t)=>{e.status=t}},metadata:i},ae,se),t(W,null,N,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:i},oe,ne),t(W,null,V,{kind:"accessor",name:"max",static:!1,private:!1,access:{has:e=>"max"in e,get:e=>e.max,set:(e,t)=>{e.max=t}},metadata:i},le,de),t(W,null,H,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:i},ce,pe),t(W,null,O,{kind:"accessor",name:"helperText",static:!1,private:!1,access:{has:e=>"helperText"in e,get:e=>e.helperText,set:(e,t)=>{e.helperText=t}},metadata:i},he,ue),t(W,null,F,{kind:"accessor",name:"unit",static:!1,private:!1,access:{has:e=>"unit"in e,get:e=>e.unit,set:(e,t)=>{e.unit=t}},metadata:i},me,ge),t(W,null,G,{kind:"accessor",name:"hideLabel",static:!1,private:!1,access:{has:e=>"hideLabel"in e,get:e=>e.hideLabel,set:(e,t)=>{e.hideLabel=t}},metadata:i},ve,be),t(W,null,U,{kind:"accessor",name:"hidePercentageValue",static:!1,private:!1,access:{has:e=>"hidePercentageValue"in e,get:e=>e.hidePercentageValue,set:(e,t)=>{e.hidePercentageValue=t}},metadata:i},ke,fe),t(W,null,q,{kind:"accessor",name:"_percentage",static:!1,private:!1,access:{has:e=>"_percentage"in e,get:e=>e._percentage,set:(e,t)=>{e._percentage=t}},metadata:i},xe,ye),t(W,null,Y,{kind:"accessor",name:"_progress",static:!1,private:!1,access:{has:e=>"_progress"in e,get:e=>e._progress,set:(e,t)=>{e._progress=t}},metadata:i},we,_e),t(W,null,D,{kind:"accessor",name:"_isIndeterminate",static:!1,private:!1,access:{has:e=>"_isIndeterminate"in e,get:e=>e._isIndeterminate,set:(e,t)=>{e._isIndeterminate=t}},metadata:i},ze,Ie),t(null,R={value:W},J,{kind:"class",name:W.name,metadata:i},null,K),W=R.value,i&&Object.defineProperty(W,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),W.styles=l(f),i(W,K),W})();export{x as ProgressBar};
|
|
750
761
|
//# sourceMappingURL=progressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progressBar.js","sources":["../../../../src/components/reusable/progressBar/progressBar.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { html, LitElement, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport '../loaders';\nimport '../tooltip';\nimport checkmarkIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\nimport warningIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/warning-filled.svg';\n\nimport ProgressBarStyles from './progressBar.scss?inline';\n\nenum ProgressStatus {\n ACTIVE = 'active',\n SUCCESS = 'success',\n ERROR = 'error',\n WARNING = 'warning',\n}\n\n/**\n * `<kyn-progress-bar>` -- progress bar status indicator component.\n * @slot unnamed - Slot for tooltip text content.\n */\n@customElement('kyn-progress-bar')\nexport class ProgressBar extends LitElement {\n static override styles = unsafeCSS(ProgressBarStyles);\n\n /** Sets visibility of optional inline load status spinner. */\n @property({ type: Boolean })\n accessor showInlineLoadStatus = false;\n\n /** Controls whether to show default helper text for active state. */\n @property({ type: Boolean })\n accessor showActiveHelperText = false;\n\n /** Sets progress bar html id property for accessibility (ex: `example-progress-bar`). */\n @property({ type: String })\n accessor progressBarId = '';\n\n /** Sets progress bar status mode. */\n @property({ type: String })\n accessor status: 'active' | 'success' | 'warning' | 'error' = 'active';\n\n /** Sets initial progress bar value (optionally hard-coded). */\n @property({ type: Number })\n accessor value: number | null = null;\n\n /** Sets manual max value. */\n @property({ type: Number })\n accessor max = 100;\n\n /** Sets optional progress bar label. */\n @property({ type: String })\n accessor label = '';\n\n /** Sets optional helper text that appears underneath progress bar element. */\n @property({ type: String })\n accessor helperText = '';\n\n /** Sets the unit for progress measurement (ex: 'MB', 'GB', '%') */\n @property({ type: String })\n accessor unit = '';\n\n /** Visually hide the label. */\n @property({ type: Boolean })\n accessor hideLabel = false;\n\n /** Incrementing percentage count value.\n * @internal\n */\n @state()\n private accessor _percentage = 0;\n\n /** Increments animated movement in progress bar.\n * @internal\n */\n @state()\n private accessor _progress = 0;\n\n /** Value set to indicate absence of value and max to identify indeterminate state.\n * @internal\n */\n @state()\n private accessor _isIndeterminate = false;\n\n /** Controls timeout interval for incremented bar animation.\n * @internal\n */\n private _animationFrameId: number | null = null;\n\n override render() {\n const currentValue =\n this.status === ProgressStatus.ACTIVE ? this._progress : this.value;\n const currentStatus = this.getCurrentStatus(currentValue);\n const helperText = this.getHelperText();\n\n this._isIndeterminate =\n currentValue === null ||\n currentValue === undefined ||\n this.max === null ||\n this.max === undefined;\n\n this._percentage = this.max\n ? Math.round((this._progress / this.max) * 100)\n : 0;\n\n return html`\n ${this.renderProgressBarLabel(currentStatus, currentValue)}\n ${this.renderProgressBar(currentStatus, currentValue)}\n ${helperText\n ? html`<div\n class=${`progress-bar__helper-text options-text ${currentStatus}`}\n >\n ${helperText}\n </div>`\n : null}\n `;\n }\n\n private renderProgressBar(\n currentStatus: ProgressStatus,\n currentValue: number | null\n ) {\n const resolvedValue =\n currentStatus === ProgressStatus.ACTIVE ? currentValue : this.max;\n\n const widthStyle = this._isIndeterminate\n ? 'width: 55px;'\n : (currentStatus === ProgressStatus.ERROR ||\n currentStatus === ProgressStatus.WARNING) &&\n currentValue != null\n ? `width: ${currentValue}%`\n : `width: ${this._percentage}%`;\n\n return html`\n <div\n id=${this.progressBarId}\n class=\"progress-bar__container\"\n role=\"progressbar\"\n aria-valuemin=${ifDefined(this.value ?? 0)}\n aria-valuemax=${ifDefined(this.max ?? 100)}\n aria-valuenow=${ifDefined(Number(resolvedValue))}\n aria-valuetext=${`${resolvedValue}% complete`}\n aria-label=${this.label}\n >\n <div class=\"progress-bar__background\">\n <div\n class=${classMap(this.getProgressBarClasses(currentStatus))}\n style=${widthStyle}\n ></div>\n </div>\n </div>\n `;\n }\n\n private renderProgressBarLabel(\n currentStatus: ProgressStatus,\n currentValue: number | null\n ) {\n return html`\n <div\n class=\"progress-bar__upper-container${this.hideLabel ? ' sr-only' : ''}\"\n >\n <label class=\"progress-bar__label label-text\" for=${this.progressBarId}>\n <span>${this.label}</span>\n <slot name=\"unnamed\"></slot>\n </label>\n ${!this._isIndeterminate\n ? html`<div class=\"progress-bar__status-icon\">\n ${this.renderStatusIconOrLoader(currentStatus, currentValue)}\n </div>`\n : null}\n </div>\n `;\n }\n\n private renderStatusIconOrLoader(\n currentStatus: ProgressStatus,\n currentValue: number | null\n ) {\n if (currentStatus !== ProgressStatus.ACTIVE) {\n return html`<span class=\"${currentStatus}-icon\"\n >${currentStatus === ProgressStatus.SUCCESS\n ? unsafeSVG(checkmarkIcon)\n : currentStatus === ProgressStatus.WARNING\n ? unsafeSVG(warningIcon)\n : unsafeSVG(errorIcon)}</span\n >`;\n }\n\n const hardcodedProgressReached =\n currentValue != null && this.value != null && currentValue >= this.max;\n\n if (this.showInlineLoadStatus && !hardcodedProgressReached) {\n return html`<p>\n <span>${this._percentage}%</span>\n <kyn-loader-inline status=\"active\"></kyn-loader-inline>\n </p>`;\n }\n\n return null;\n }\n\n override firstUpdated() {\n this.startProgress();\n }\n\n override updated(changedProperties: Map<string, any>) {\n if (changedProperties.has('status') || changedProperties.has('value')) {\n this.cancelAnimation();\n\n this.startProgress();\n }\n }\n\n private getProgressBarClasses(status: ProgressStatus) {\n return {\n 'progress-bar__main': true,\n 'is-indeterminate': this._isIndeterminate,\n [`progress-bar__${status}`]: true,\n };\n }\n\n private getHelperText() {\n if (this.helperText) {\n return this.helperText;\n }\n\n if (this._isIndeterminate) {\n return '';\n }\n\n if (this.showActiveHelperText) {\n const progressValue = this._progress ?? 0;\n const maxValue = this.max ?? 0;\n const unit = this.unit || '';\n\n return `${progressValue}${unit} of ${maxValue}${unit}`;\n }\n\n return '';\n }\n\n private getCurrentStatus(currentValue: number | null): ProgressStatus {\n if (this.status === ProgressStatus.ERROR) {\n return ProgressStatus.ERROR;\n }\n\n if (this.status === ProgressStatus.WARNING) {\n return ProgressStatus.WARNING;\n }\n\n if (this.status === ProgressStatus.SUCCESS || currentValue === this.max) {\n return ProgressStatus.SUCCESS;\n }\n\n return ProgressStatus.ACTIVE;\n }\n\n private startProgress() {\n this.cancelAnimation();\n\n const targetValue = this.value ?? this.max;\n const advancement = 1;\n\n const step = () => {\n const difference = targetValue - this._progress;\n const progressStep =\n Math.sign(difference) * Math.min(Math.abs(difference), advancement);\n\n if (Math.abs(difference) > 0.1) {\n this._progress += progressStep;\n this._animationFrameId = requestAnimationFrame(step);\n } else {\n this._progress = targetValue;\n this.cancelAnimation();\n }\n };\n\n step();\n }\n\n private cancelAnimation() {\n if (this._animationFrameId !== null) {\n cancelAnimationFrame(this._animationFrameId);\n this._animationFrameId = null;\n }\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.cancelAnimation();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-progress-bar': ProgressBar;\n }\n}\n"],"names":["ProgressStatus","ProgressBar","customElement","LitElement","_classThis","_classSuper","_ProgressBar_showInlineLoadStatus_accessor_storage","set","this","__runInitializers","_showInlineLoadStatus_initializers","_ProgressBar_showActiveHelperText_accessor_storage","_showInlineLoadStatus_extraInitializers","_showActiveHelperText_initializers","_ProgressBar_progressBarId_accessor_storage","_showActiveHelperText_extraInitializers","_progressBarId_initializers","_ProgressBar_status_accessor_storage","_progressBarId_extraInitializers","_status_initializers","_ProgressBar_value_accessor_storage","_status_extraInitializers","_value_initializers","_ProgressBar_max_accessor_storage","_value_extraInitializers","_max_initializers","_ProgressBar_label_accessor_storage","_max_extraInitializers","_label_initializers","_ProgressBar_helperText_accessor_storage","_label_extraInitializers","_helperText_initializers","_ProgressBar_unit_accessor_storage","_helperText_extraInitializers","_unit_initializers","_ProgressBar_hideLabel_accessor_storage","_unit_extraInitializers","_hideLabel_initializers","_ProgressBar__percentage_accessor_storage","_hideLabel_extraInitializers","__percentage_initializers","_ProgressBar__progress_accessor_storage","__percentage_extraInitializers","__progress_initializers","_ProgressBar__isIndeterminate_accessor_storage","__progress_extraInitializers","__isIndeterminate_initializers","_animationFrameId","__isIndeterminate_extraInitializers","showInlineLoadStatus","__classPrivateFieldGet","value","__classPrivateFieldSet","showActiveHelperText","progressBarId","status","max","label","helperText","unit","hideLabel","_percentage","_progress","_isIndeterminate","render","currentValue","ACTIVE","currentStatus","getCurrentStatus","getHelperText","undefined","Math","round","html","renderProgressBarLabel","renderProgressBar","resolvedValue","widthStyle","ERROR","WARNING","ifDefined","_a","_b","Number","classMap","getProgressBarClasses","renderStatusIconOrLoader","SUCCESS","unsafeSVG","checkmarkIcon","warningIcon","errorIcon","hardcodedProgressReached","firstUpdated","startProgress","updated","changedProperties","has","cancelAnimation","progressValue","maxValue","targetValue","step","difference","progressStep","sign","min","abs","requestAnimationFrame","cancelAnimationFrame","disconnectedCallback","super","_showInlineLoadStatus_decorators","property","type","Boolean","_showActiveHelperText_decorators","_progressBarId_decorators","String","_status_decorators","_value_decorators","_max_decorators","_label_decorators","_helperText_decorators","_unit_decorators","_hideLabel_decorators","__percentage_decorators","state","__progress_decorators","__isIndeterminate_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","ProgressBarStyles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"progressBar.js","sources":["../../../../src/components/reusable/progressBar/progressBar.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { html, LitElement, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport '../loaders';\nimport '../tooltip';\nimport checkmarkIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\nimport warningIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/warning-filled.svg';\n\nimport ProgressBarStyles from './progressBar.scss?inline';\n\nenum ProgressStatus {\n ACTIVE = 'active',\n SUCCESS = 'success',\n ERROR = 'error',\n WARNING = 'warning',\n}\n\n/**\n * Progress bar component.\n * @slot unnamed - Slot for tooltip text content.\n */\n@customElement('kyn-progress-bar')\nexport class ProgressBar extends LitElement {\n static override styles = unsafeCSS(ProgressBarStyles);\n\n /** Sets visibility of optional inline load status spinner. */\n @property({ type: Boolean })\n accessor showInlineLoadStatus = false;\n\n /** Controls whether to show default helper text for active state. */\n @property({ type: Boolean })\n accessor showActiveHelperText = false;\n\n /** Sets progress bar html id property for accessibility (ex: `example-progress-bar`). */\n @property({ type: String })\n accessor progressBarId = '';\n\n /** Sets progress bar status mode. */\n @property({ type: String })\n accessor status: 'active' | 'success' | 'warning' | 'error' = 'active';\n\n /** Sets initial progress bar value (optionally hard-coded). */\n @property({ type: Number })\n accessor value: number | null = null;\n\n /** Sets manual max value. */\n @property({ type: Number })\n accessor max = 100;\n\n /** Sets optional progress bar label. */\n @property({ type: String })\n accessor label = '';\n\n /** Sets optional helper text that appears underneath progress bar element. */\n @property({ type: String })\n accessor helperText = '';\n\n /** Sets the unit for progress measurement (ex: 'MB', 'GB', '%') */\n @property({ type: String })\n accessor unit = '';\n\n /** Visually hide the label. */\n @property({ type: Boolean })\n accessor hideLabel = false;\n\n /** Sets visibility of percentage value.*/\n @property({ type: Boolean })\n accessor hidePercentageValue = false;\n\n /** Incrementing percentage count value.\n * @internal\n */\n @state()\n private accessor _percentage = 0;\n\n /** Increments animated movement in progress bar.\n * @internal\n */\n @state()\n private accessor _progress = 0;\n\n /** Value set to indicate absence of value and max to identify indeterminate state.\n * @internal\n */\n @state()\n private accessor _isIndeterminate = false;\n\n /** Controls timeout interval for incremented bar animation.\n * @internal\n */\n private _animationFrameId: number | null = null;\n\n override render() {\n const currentValue =\n this.status === ProgressStatus.ACTIVE ? this._progress : this.value;\n const currentStatus = this.getCurrentStatus(currentValue);\n const helperText = this.getHelperText();\n\n this._isIndeterminate =\n currentValue === null ||\n currentValue === undefined ||\n this.max === null ||\n this.max === undefined;\n\n this._percentage = this.max\n ? Math.round((this._progress / this.max) * 100)\n : 0;\n\n return html`\n ${this.renderProgressBarLabel(currentStatus, currentValue)}\n ${this.renderProgressBar(currentStatus, currentValue)}\n ${helperText\n ? html`<div\n class=${`progress-bar__helper-text options-text ${currentStatus}`}\n >\n ${helperText}\n </div>`\n : null}\n `;\n }\n\n private renderProgressBar(\n currentStatus: ProgressStatus,\n currentValue: number | null\n ) {\n const resolvedValue =\n currentStatus === ProgressStatus.ACTIVE ? currentValue : this.max;\n\n const widthStyle = this._isIndeterminate\n ? 'width: 55px;'\n : (currentStatus === ProgressStatus.ERROR ||\n currentStatus === ProgressStatus.WARNING) &&\n currentValue != null\n ? `width: ${currentValue}%`\n : `width: ${this._percentage}%`;\n\n return html`\n <div\n id=${this.progressBarId}\n class=\"progress-bar__container\"\n role=\"progressbar\"\n aria-valuemin=${ifDefined(this.value ?? 0)}\n aria-valuemax=${ifDefined(this.max ?? 100)}\n aria-valuenow=${ifDefined(Number(resolvedValue))}\n aria-valuetext=${`${resolvedValue}% complete`}\n aria-label=${this.label}\n >\n <div class=\"progress-bar__background\">\n <div\n class=${classMap(this.getProgressBarClasses(currentStatus))}\n style=${widthStyle}\n ></div>\n </div>\n </div>\n `;\n }\n\n private renderProgressBarLabel(\n currentStatus: ProgressStatus,\n currentValue: number | null\n ) {\n return html`\n <div\n class=\"progress-bar__upper-container${this.hideLabel ? ' sr-only' : ''}\"\n >\n <label class=\"progress-bar__label label-text\" for=${this.progressBarId}>\n <span>${this.label}</span>\n <slot name=\"unnamed\"></slot>\n </label>\n ${!this._isIndeterminate\n ? html`<div class=\"progress-bar__status-icon\">\n ${this.renderStatusIconOrLoader(currentStatus, currentValue)}\n </div>`\n : null}\n </div>\n `;\n }\n\n private renderStatusIconOrLoader(\n currentStatus: ProgressStatus,\n currentValue: number | null\n ) {\n const showPercentageValue = !this.hidePercentageValue;\n\n if (currentStatus !== ProgressStatus.ACTIVE) {\n return html`<p>\n ${showPercentageValue ? html`${this._percentage}%` : null}\n <span class=\"${currentStatus}-icon\"\n >${currentStatus === ProgressStatus.SUCCESS\n ? unsafeSVG(checkmarkIcon)\n : currentStatus === ProgressStatus.WARNING\n ? unsafeSVG(warningIcon)\n : unsafeSVG(errorIcon)}</span\n >\n </p>`;\n }\n\n const hardcodedProgressReached =\n currentValue != null && this.value != null && currentValue >= this.max;\n\n if (this.showInlineLoadStatus && !hardcodedProgressReached) {\n return html`<p>\n ${showPercentageValue ? html`<span>${this._percentage}%</span>` : null}\n <kyn-loader-inline status=\"active\"></kyn-loader-inline>\n </p>`;\n }\n\n return null;\n }\n\n override firstUpdated() {\n this.startProgress();\n }\n\n override updated(changedProperties: Map<string, any>) {\n if (changedProperties.has('status') || changedProperties.has('value')) {\n this.cancelAnimation();\n\n this.startProgress();\n }\n }\n\n private getProgressBarClasses(status: ProgressStatus) {\n return {\n 'progress-bar__main': true,\n 'is-indeterminate': this._isIndeterminate,\n [`progress-bar__${status}`]: true,\n };\n }\n\n private getHelperText() {\n if (this.helperText) {\n return this.helperText;\n }\n\n if (this._isIndeterminate) {\n return '';\n }\n\n if (this.showActiveHelperText) {\n const progressValue = this._progress ?? 0;\n const maxValue = this.max ?? 0;\n const unit = this.unit || '';\n\n return `${progressValue}${unit} of ${maxValue}${unit}`;\n }\n\n return '';\n }\n\n private getCurrentStatus(currentValue: number | null): ProgressStatus {\n if (this.status === ProgressStatus.ERROR) {\n return ProgressStatus.ERROR;\n }\n\n if (this.status === ProgressStatus.WARNING) {\n return ProgressStatus.WARNING;\n }\n\n if (this.status === ProgressStatus.SUCCESS || currentValue === this.max) {\n return ProgressStatus.SUCCESS;\n }\n\n return ProgressStatus.ACTIVE;\n }\n\n private startProgress() {\n this.cancelAnimation();\n\n const targetValue = this.value ?? this.max;\n const advancement = 1;\n\n const step = () => {\n const difference = targetValue - this._progress;\n const progressStep =\n Math.sign(difference) * Math.min(Math.abs(difference), advancement);\n\n if (Math.abs(difference) > 0.1) {\n this._progress += progressStep;\n this._animationFrameId = requestAnimationFrame(step);\n } else {\n this._progress = targetValue;\n this.cancelAnimation();\n }\n };\n\n step();\n }\n\n private cancelAnimation() {\n if (this._animationFrameId !== null) {\n cancelAnimationFrame(this._animationFrameId);\n this._animationFrameId = null;\n }\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.cancelAnimation();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-progress-bar': ProgressBar;\n }\n}\n"],"names":["ProgressStatus","ProgressBar","customElement","LitElement","_classThis","_classSuper","_ProgressBar_showInlineLoadStatus_accessor_storage","set","this","__runInitializers","_showInlineLoadStatus_initializers","_ProgressBar_showActiveHelperText_accessor_storage","_showInlineLoadStatus_extraInitializers","_showActiveHelperText_initializers","_ProgressBar_progressBarId_accessor_storage","_showActiveHelperText_extraInitializers","_progressBarId_initializers","_ProgressBar_status_accessor_storage","_progressBarId_extraInitializers","_status_initializers","_ProgressBar_value_accessor_storage","_status_extraInitializers","_value_initializers","_ProgressBar_max_accessor_storage","_value_extraInitializers","_max_initializers","_ProgressBar_label_accessor_storage","_max_extraInitializers","_label_initializers","_ProgressBar_helperText_accessor_storage","_label_extraInitializers","_helperText_initializers","_ProgressBar_unit_accessor_storage","_helperText_extraInitializers","_unit_initializers","_ProgressBar_hideLabel_accessor_storage","_unit_extraInitializers","_hideLabel_initializers","_ProgressBar_hidePercentageValue_accessor_storage","_hideLabel_extraInitializers","_hidePercentageValue_initializers","_ProgressBar__percentage_accessor_storage","_hidePercentageValue_extraInitializers","__percentage_initializers","_ProgressBar__progress_accessor_storage","__percentage_extraInitializers","__progress_initializers","_ProgressBar__isIndeterminate_accessor_storage","__progress_extraInitializers","__isIndeterminate_initializers","_animationFrameId","__isIndeterminate_extraInitializers","showInlineLoadStatus","__classPrivateFieldGet","value","__classPrivateFieldSet","showActiveHelperText","progressBarId","status","max","label","helperText","unit","hideLabel","hidePercentageValue","_percentage","_progress","_isIndeterminate","render","currentValue","ACTIVE","currentStatus","getCurrentStatus","getHelperText","undefined","Math","round","html","renderProgressBarLabel","renderProgressBar","resolvedValue","widthStyle","ERROR","WARNING","ifDefined","_a","_b","Number","classMap","getProgressBarClasses","renderStatusIconOrLoader","showPercentageValue","SUCCESS","unsafeSVG","checkmarkIcon","warningIcon","errorIcon","hardcodedProgressReached","firstUpdated","startProgress","updated","changedProperties","has","cancelAnimation","progressValue","maxValue","targetValue","step","difference","progressStep","sign","min","abs","requestAnimationFrame","cancelAnimationFrame","disconnectedCallback","super","_showInlineLoadStatus_decorators","property","type","Boolean","_showActiveHelperText_decorators","_progressBarId_decorators","String","_status_decorators","_value_decorators","_max_decorators","_label_decorators","_helperText_decorators","_unit_decorators","_hideLabel_decorators","_hidePercentageValue_decorators","__percentage_decorators","state","__progress_decorators","__isIndeterminate_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","ProgressBarStyles"],"mappings":"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"}
|