@kyndryl-design-system/shidoka-applications 2.71.0 → 2.71.1

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.
@@ -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;AAYpB;;;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,OAAO,CAAY;IAE3D,+DAA+D;IAE/D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,6CAA6C;IAE7C,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;IAkCzB,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,wBAAwB;IAyBvB,YAAY;IAMZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAUpD,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,gBAAgB;IAYxB,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
+ {"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;AAYpB;;;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,OAAO,CAAY;IAE3D,+DAA+D;IAE/D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,6CAA6C;IAE7C,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;IAkCzB,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,wBAAwB;IAyBvB,YAAY;IAIZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAQpD,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,gBAAgB;IAYxB,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 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,e as v}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"lottie-web";import"../../../inline-CxNcYPfA.js";var b,f=o`*,
1
+ import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as r,__classPrivateFieldSet as a}from"tslib";import{unsafeSVG as o}from"lit-html/directives/unsafe-svg.js";import{css as s,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,e as v}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"lottie-web";import"../../../inline-CxNcYPfA.js";var b,f=s`*,
2
2
  *::before,
3
3
  *::after {
4
4
  box-sizing: border-box;
@@ -691,7 +691,7 @@ textarea:not([disabled])[invalid] {
691
691
  opacity: 1;
692
692
  transform: rotate(0deg);
693
693
  }
694
- }`;!function(e){e.ACTIVE="active",e.SUCCESS="success",e.ERROR="error"}(b||(b={}));let k=(()=>{var o,k,x,y,w,_,z,I,S,$,T,A,C;let B,L,M,j,E,R,W,P,H,O,F,V,U,q,N,Y=[c("kyn-progress-bar")],D=[],G=n,J=[],K=[],Q=[],X=[],Z=[],ee=[],te=[],ie=[],re=[],ae=[],se=[],oe=[],ne=[],le=[],de=[],ce=[],pe=[],he=[],ue=[],me=[],ge=[],ve=[],be=[],fe=[],ke=[],xe=[];return L=class extends G{constructor(){super(...arguments),o.set(this,i(this,J,!1)),k.set(this,(i(this,K),i(this,Q,!1))),x.set(this,(i(this,X),i(this,Z,""))),y.set(this,(i(this,ee),i(this,te,"active"))),w.set(this,(i(this,ie),i(this,re,null))),_.set(this,(i(this,ae),i(this,se,100))),z.set(this,(i(this,oe),i(this,ne,""))),I.set(this,(i(this,le),i(this,de,""))),S.set(this,(i(this,ce),i(this,pe,""))),$.set(this,(i(this,he),i(this,ue,!1))),T.set(this,(i(this,me),i(this,ge,0))),A.set(this,(i(this,ve),i(this,be,0))),C.set(this,(i(this,fe),i(this,ke,!1))),this._animationFrameId=(i(this,xe),null)}get showInlineLoadStatus(){return r(this,o,"f")}set showInlineLoadStatus(e){a(this,o,e,"f")}get showActiveHelperText(){return r(this,k,"f")}set showActiveHelperText(e){a(this,k,e,"f")}get progressBarId(){return r(this,x,"f")}set progressBarId(e){a(this,x,e,"f")}get status(){return r(this,y,"f")}set status(e){a(this,y,e,"f")}get value(){return r(this,w,"f")}set value(e){a(this,w,e,"f")}get max(){return r(this,_,"f")}set max(e){a(this,_,e,"f")}get label(){return r(this,z,"f")}set label(e){a(this,z,e,"f")}get helperText(){return r(this,I,"f")}set helperText(e){a(this,I,e,"f")}get unit(){return r(this,S,"f")}set unit(e){a(this,S,e,"f")}get hideLabel(){return r(this,$,"f")}set hideLabel(e){a(this,$,e,"f")}get _percentage(){return r(this,T,"f")}set _percentage(e){a(this,T,e,"f")}get _progress(){return r(this,A,"f")}set _progress(e){a(this,A,e,"f")}get _isIndeterminate(){return r(this,C,"f")}set _isIndeterminate(e){a(this,C,e,"f")}render(){const e=this.status===b.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`
694
+ }`;!function(e){e.ACTIVE="active",e.SUCCESS="success",e.ERROR="error"}(b||(b={}));let k=(()=>{var s,k,x,y,w,_,z,I,S,$,T,A,C;let B,L,M,j,R,E,W,P,H,O,F,U,V,q,N,Y=[c("kyn-progress-bar")],D=[],G=n,J=[],K=[],Q=[],X=[],Z=[],ee=[],te=[],ie=[],re=[],ae=[],oe=[],se=[],ne=[],le=[],de=[],ce=[],pe=[],he=[],ue=[],me=[],ge=[],ve=[],be=[],fe=[],ke=[],xe=[];return L=class extends G{constructor(){super(...arguments),s.set(this,i(this,J,!1)),k.set(this,(i(this,K),i(this,Q,!1))),x.set(this,(i(this,X),i(this,Z,""))),y.set(this,(i(this,ee),i(this,te,"active"))),w.set(this,(i(this,ie),i(this,re,null))),_.set(this,(i(this,ae),i(this,oe,100))),z.set(this,(i(this,se),i(this,ne,""))),I.set(this,(i(this,le),i(this,de,""))),S.set(this,(i(this,ce),i(this,pe,""))),$.set(this,(i(this,he),i(this,ue,!1))),T.set(this,(i(this,me),i(this,ge,0))),A.set(this,(i(this,ve),i(this,be,0))),C.set(this,(i(this,fe),i(this,ke,!1))),this._animationFrameId=(i(this,xe),null)}get showInlineLoadStatus(){return r(this,s,"f")}set showInlineLoadStatus(e){a(this,s,e,"f")}get showActiveHelperText(){return r(this,k,"f")}set showActiveHelperText(e){a(this,k,e,"f")}get progressBarId(){return r(this,x,"f")}set progressBarId(e){a(this,x,e,"f")}get status(){return r(this,y,"f")}set status(e){a(this,y,e,"f")}get value(){return r(this,w,"f")}set value(e){a(this,w,e,"f")}get max(){return r(this,_,"f")}set max(e){a(this,_,e,"f")}get label(){return r(this,z,"f")}set label(e){a(this,z,e,"f")}get helperText(){return r(this,I,"f")}set helperText(e){a(this,I,e,"f")}get unit(){return r(this,S,"f")}set unit(e){a(this,S,e,"f")}get hideLabel(){return r(this,$,"f")}set hideLabel(e){a(this,$,e,"f")}get _percentage(){return r(this,T,"f")}set _percentage(e){a(this,T,e,"f")}get _progress(){return r(this,A,"f")}set _progress(e){a(this,A,e,"f")}get _isIndeterminate(){return r(this,C,"f")}set _isIndeterminate(e){a(this,C,e,"f")}render(){const e=this.status===b.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`
695
695
  ${this.renderProgressBarLabel(t,e)}
696
696
  ${this.renderProgressBar(t,e)}
697
697
  ${i?d`<div
@@ -699,7 +699,7 @@ textarea:not([disabled])[invalid] {
699
699
  >
700
700
  ${i}
701
701
  </div>`:null}
702
- `}renderProgressBar(e,t){var i,r;const a=e===b.ACTIVE?t:this.max,s=this._isIndeterminate?"width: 55px;":e===b.ERROR&&null!=t?`width: ${t}%`:`width: ${this._percentage}%`;return d`
702
+ `}renderProgressBar(e,t){var i,r;const a=e===b.ACTIVE?t:this.max,o=this._isIndeterminate?"width: 55px;":e===b.ERROR&&null!=t?`width: ${t}%`:`width: ${this._percentage}%`;return d`
703
703
  <div
704
704
  id=${this.progressBarId}
705
705
  class="progress-bar__container"
@@ -713,7 +713,7 @@ textarea:not([disabled])[invalid] {
713
713
  <div class="progress-bar__background">
714
714
  <div
715
715
  class=${u(this.getProgressBarClasses(e))}
716
- style=${s}
716
+ style=${o}
717
717
  ></div>
718
718
  </div>
719
719
  </div>
@@ -730,9 +730,9 @@ textarea:not([disabled])[invalid] {
730
730
  </div>`}
731
731
  </div>
732
732
  `}renderStatusIconOrLoader(e,t){if(e!==b.ACTIVE)return d`<span class="${e}-icon"
733
- >${e===b.SUCCESS?s(g):s(v)}</span
733
+ >${e===b.SUCCESS?o(g):o(v)}</span
734
734
  >`;const i=null!=t&&null!=this.value&&t>=this.max;return this.showInlineLoadStatus&&!i?d`<p>
735
735
  <span>${this._percentage}%</span>
736
736
  <kyn-loader-inline status="active"></kyn-loader-inline>
737
- </p>`:null}firstUpdated(){this.status===b.ACTIVE&&this.startProgress()}updated(e){(e.has("status")||e.has("value"))&&(this.cancelAnimation(),this.status===b.ACTIVE&&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===b.ERROR?b.ERROR:this.status===b.SUCCESS||e===this.max?b.SUCCESS:b.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,k=new WeakMap,x=new WeakMap,y=new WeakMap,w=new WeakMap,_=new WeakMap,z=new WeakMap,I=new WeakMap,S=new WeakMap,$=new WeakMap,T=new WeakMap,A=new WeakMap,C=new WeakMap,e(L,"ProgressBar"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=G[Symbol.metadata])&&void 0!==e?e:null):void 0;M=[p({type:Boolean})],j=[p({type:Boolean})],E=[p({type:String})],R=[p({type:String})],W=[p({type:Number})],P=[p({type:Number})],H=[p({type:String})],O=[p({type:String})],F=[p({type:String})],V=[p({type:Boolean})],U=[h()],q=[h()],N=[h()],t(L,null,M,{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},J,K),t(L,null,j,{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},Q,X),t(L,null,E,{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},Z,ee),t(L,null,R,{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},te,ie),t(L,null,W,{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},re,ae),t(L,null,P,{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},se,oe),t(L,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},ne,le),t(L,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},de,ce),t(L,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},pe,he),t(L,null,V,{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},ue,me),t(L,null,U,{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},ge,ve),t(L,null,q,{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},be,fe),t(L,null,N,{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},ke,xe),t(null,B={value:L},Y,{kind:"class",name:L.name,metadata:i},null,D),L=B.value,i&&Object.defineProperty(L,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),L.styles=l(f),i(L,D),L})();export{k as ProgressBar};
737
+ </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===b.ERROR?b.ERROR:this.status===b.SUCCESS||e===this.max?b.SUCCESS:b.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()}},s=new WeakMap,k=new WeakMap,x=new WeakMap,y=new WeakMap,w=new WeakMap,_=new WeakMap,z=new WeakMap,I=new WeakMap,S=new WeakMap,$=new WeakMap,T=new WeakMap,A=new WeakMap,C=new WeakMap,e(L,"ProgressBar"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=G[Symbol.metadata])&&void 0!==e?e:null):void 0;M=[p({type:Boolean})],j=[p({type:Boolean})],R=[p({type:String})],E=[p({type:String})],W=[p({type:Number})],P=[p({type:Number})],H=[p({type:String})],O=[p({type:String})],F=[p({type:String})],U=[p({type:Boolean})],V=[h()],q=[h()],N=[h()],t(L,null,M,{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},J,K),t(L,null,j,{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},Q,X),t(L,null,R,{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},Z,ee),t(L,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},te,ie),t(L,null,W,{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},re,ae),t(L,null,P,{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},oe,se),t(L,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},ne,le),t(L,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},de,ce),t(L,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},pe,he),t(L,null,U,{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},ue,me),t(L,null,V,{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},ge,ve),t(L,null,q,{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},be,fe),t(L,null,N,{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},ke,xe),t(null,B={value:L},Y,{kind:"class",name:L.name,metadata:i},null,D),L=B.value,i&&Object.defineProperty(L,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),L.styles=l(f),i(L,D),L})();export{k as ProgressBar};
738
738
  //# 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';\n\nimport ProgressBarStyles from './progressBar.scss?inline';\n\nenum ProgressStatus {\n ACTIVE = 'active',\n SUCCESS = 'success',\n ERROR = 'error',\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' | '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 (default = 100). */\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 && 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 : 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 if (this.status === ProgressStatus.ACTIVE) {\n this.startProgress();\n }\n }\n\n override updated(changedProperties: Map<string, any>) {\n if (changedProperties.has('status') || changedProperties.has('value')) {\n this.cancelAnimation();\n\n if (this.status === ProgressStatus.ACTIVE) {\n this.startProgress();\n }\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.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","ifDefined","_a","_b","Number","classMap","getProgressBarClasses","renderStatusIconOrLoader","SUCCESS","unsafeSVG","checkmarkIcon","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';\n\nimport ProgressBarStyles from './progressBar.scss?inline';\n\nenum ProgressStatus {\n ACTIVE = 'active',\n SUCCESS = 'success',\n ERROR = 'error',\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' | '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 (default = 100). */\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 && 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 : 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.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","ifDefined","_a","_b","Number","classMap","getProgressBarClasses","renderStatusIconOrLoader","SUCCESS","unsafeSVG","checkmarkIcon","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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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kyndryl-design-system/shidoka-applications",
3
- "version": "2.71.0",
3
+ "version": "2.71.1",
4
4
  "description": "Shidoka Web Components for Applications",
5
5
  "license": "MIT",
6
6
  "main": "index.js",