@kyndryl-design-system/shidoka-applications 2.97.3 → 2.97.4

package/components/reusable/numberInput/numberInput.d.ts

@@ -38,8 +38,10 @@ export declare class NumberInput extends NumberInput_base {
     accessor step: number;
     /** Visually hide the label. */
     accessor hideLabel: boolean;
-    /** Inline mode: hides the step buttons, border, label, and errors. */
+    /** Inline mode: hides the step buttons, label, and errors. */
     accessor inline: boolean;
+    /** Shows the border/background when inline mode is enabled. */
+    accessor inlineBorder: boolean;
     /** Customizable text strings. */
     accessor textStrings: {
         requiredText: string;

package/components/reusable/numberInput/numberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/numberInput/numberInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAMlD,OAAO,WAAW,CAAC;;AAcnB;;;;;;;;;;GAUG;AACH,qBACa,WAAY,SAAQ,gBAAqB;IACpD,OAAgB,MAAM,0BAAqB;IAE3C,kBAAkB;IAElB,QAAQ,CAAC,KAAK,SAAM;IAEpB,6CAA6C;IAE7C,QAAQ,CAAC,IAAI,SAAQ;IAErB,mBAAmB;IACV,KAAK,SAAK;IAEnB,yBAAyB;IAEzB,QAAQ,CAAC,WAAW,SAAM;IAE1B,gCAAgC;IAEhC,QAAQ,CAAC,QAAQ,UAAS;IAE1B,4BAA4B;IAE5B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,4BAA4B;IAE5B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,uCAAuC;IAEvC,QAAQ,CAAC,OAAO,SAAM;IAEtB,qBAAqB;IAErB,QAAQ,CAAC,GAAG,EAAG,MAAM,CAAC;IAEtB,qBAAqB;IAErB,QAAQ,CAAC,GAAG,EAAG,MAAM,CAAC;IAEtB,kBAAkB;IAElB,QAAQ,CAAC,IAAI,SAAK;IAElB,+BAA+B;IAE/B,QAAQ,CAAC,SAAS,UAAS;IAE3B,sEAAsE;IAEtE,QAAQ,CAAC,MAAM,UAAS;IAExB,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;;;MAAuB;IAE5C;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,EAAG,gBAAgB,CAAC;IAE5B,MAAM;IA0Gf,OAAO,CAAC,QAAQ;IAkBhB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,SAAS;IA0BR,OAAO,CAAC,YAAY,EAAE,GAAG;IASzB,UAAU,CAAC,YAAY,EAAE,GAAG;CAKtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAC;KACjC;CACF"}
+{"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/numberInput/numberInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAMlD,OAAO,WAAW,CAAC;;AAcnB;;;;;;;;;;GAUG;AACH,qBACa,WAAY,SAAQ,gBAAqB;IACpD,OAAgB,MAAM,0BAAqB;IAE3C,kBAAkB;IAElB,QAAQ,CAAC,KAAK,SAAM;IAEpB,6CAA6C;IAE7C,QAAQ,CAAC,IAAI,SAAQ;IAErB,mBAAmB;IACV,KAAK,SAAK;IAEnB,yBAAyB;IAEzB,QAAQ,CAAC,WAAW,SAAM;IAE1B,gCAAgC;IAEhC,QAAQ,CAAC,QAAQ,UAAS;IAE1B,4BAA4B;IAE5B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,4BAA4B;IAE5B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,uCAAuC;IAEvC,QAAQ,CAAC,OAAO,SAAM;IAEtB,qBAAqB;IAErB,QAAQ,CAAC,GAAG,EAAG,MAAM,CAAC;IAEtB,qBAAqB;IAErB,QAAQ,CAAC,GAAG,EAAG,MAAM,CAAC;IAEtB,kBAAkB;IAElB,QAAQ,CAAC,IAAI,SAAK;IAElB,+BAA+B;IAE/B,QAAQ,CAAC,SAAS,UAAS;IAE3B,8DAA8D;IAE9D,QAAQ,CAAC,MAAM,UAAS;IAExB,+DAA+D;IAE/D,QAAQ,CAAC,YAAY,UAAS;IAE9B,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;;;MAAuB;IAE5C;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,EAAG,gBAAgB,CAAC;IAE5B,MAAM;IA2Gf,OAAO,CAAC,QAAQ;IAkBhB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,SAAS;IA0BR,OAAO,CAAC,YAAY,EAAE,GAAG;IASzB,UAAU,CAAC,YAAY,EAAE,GAAG;CAKtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAC;KACjC;CACF"}

package/components/reusable/numberInput/numberInput.js

@@ -1,4 +1,4 @@
-import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as r}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{css as l,LitElement as o,unsafeCSS as s,html as d}from"lit";import{customElement as p,property as c,state as h,query as u}from"lit/decorators.js";import{ifDefined as m}from"lit/directives/if-defined.js";import{classMap as v}from"lit/directives/class-map.js";import{FormMixin as b}from"../../../common/mixins/form-input.js";import"../button/button.js";import{deepmerge as g}from"deepmerge-ts";import{x as k,d as f,e as x}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BX5ha5gR.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var y=l`*,
+import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as r}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{css as l,LitElement as o,unsafeCSS as s,html as d}from"lit";import{customElement as c,property as p,state as h,query as u}from"lit/decorators.js";import{ifDefined as m}from"lit/directives/if-defined.js";import{classMap as v}from"lit/directives/class-map.js";import{FormMixin as b}from"../../../common/mixins/form-input.js";import"../button/button.js";import{deepmerge as g}from"deepmerge-ts";import{x as k,d as f,e as x}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BX5ha5gR.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var y=l`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -571,6 +571,7 @@ input {
   -webkit-appearance: none;
   appearance: none;
   display: block;
+  text-align: var(--kyn-number-input-text-align, start);
   flex: 1 1 auto;
   min-width: var(--kyn-number-input-inner-min-width);
   width: 100%;
@@ -619,6 +620,10 @@ input.no-border {
   border-color: transparent;
   background: transparent;
 }
+input.inline-border {
+  border-color: var(--kd-color-border-forms-default);
+  background: var(--kd-color-background-forms-default);
+}
 
 /* Hide native arrow controls */
 input::-webkit-outer-spin-button,
@@ -634,7 +639,7 @@ input[type=number] {
 
 span[slot=icon] {
   display: flex;
-}`;const w={requiredText:"Required",subtract:"Subtract",add:"Add",error:"Error"};let z=(()=>{var l,z,_,$,S,E,M,j,q,W,V,I,L,N,T;let B,A,O,U,Y,C,D,H,P,R,F,G,J,K,Q,X,Z,tt=[p("kyn-number-input")],et=[],it=b(o),at=[],rt=[],nt=[],lt=[],ot=[],st=[],dt=[],pt=[],ct=[],ht=[],ut=[],mt=[],vt=[],bt=[],gt=[],kt=[],ft=[],xt=[],yt=[],wt=[],zt=[],_t=[],$t=[],St=[],Et=[],Mt=[],jt=[],qt=[],Wt=[],Vt=[];return A=class extends it{get label(){return a(this,l,"f")}set label(t){r(this,l,t,"f")}get size(){return a(this,z,"f")}set size(t){r(this,z,t,"f")}get placeholder(){return a(this,_,"f")}set placeholder(t){r(this,_,t,"f")}get required(){return a(this,$,"f")}set required(t){r(this,$,t,"f")}get disabled(){return a(this,S,"f")}set disabled(t){r(this,S,t,"f")}get readonly(){return a(this,E,"f")}set readonly(t){r(this,E,t,"f")}get caption(){return a(this,M,"f")}set caption(t){r(this,M,t,"f")}get max(){return a(this,j,"f")}set max(t){r(this,j,t,"f")}get min(){return a(this,q,"f")}set min(t){r(this,q,t,"f")}get step(){return a(this,W,"f")}set step(t){r(this,W,t,"f")}get hideLabel(){return a(this,V,"f")}set hideLabel(t){r(this,V,t,"f")}get inline(){return a(this,I,"f")}set inline(t){r(this,I,t,"f")}get textStrings(){return a(this,L,"f")}set textStrings(t){r(this,L,t,"f")}get _textStrings(){return a(this,N,"f")}set _textStrings(t){r(this,N,t,"f")}get _inputEl(){return a(this,T,"f")}set _inputEl(t){r(this,T,t,"f")}render(){var t;return d`
+}`;const w={requiredText:"Required",subtract:"Subtract",add:"Add",error:"Error"};let z=(()=>{var l,z,_,$,S,M,E,j,q,W,B,V,I,L,N,T;let A,O,U,Y,C,D,H,P,R,F,G,J,K,Q,X,Z,tt,et,it=[c("kyn-number-input")],at=[],rt=b(o),nt=[],lt=[],ot=[],st=[],dt=[],ct=[],pt=[],ht=[],ut=[],mt=[],vt=[],bt=[],gt=[],kt=[],ft=[],xt=[],yt=[],wt=[],zt=[],_t=[],$t=[],St=[],Mt=[],Et=[],jt=[],qt=[],Wt=[],Bt=[],Vt=[],It=[],Lt=[],Nt=[];return O=class extends rt{get label(){return a(this,l,"f")}set label(t){r(this,l,t,"f")}get size(){return a(this,z,"f")}set size(t){r(this,z,t,"f")}get placeholder(){return a(this,_,"f")}set placeholder(t){r(this,_,t,"f")}get required(){return a(this,$,"f")}set required(t){r(this,$,t,"f")}get disabled(){return a(this,S,"f")}set disabled(t){r(this,S,t,"f")}get readonly(){return a(this,M,"f")}set readonly(t){r(this,M,t,"f")}get caption(){return a(this,E,"f")}set caption(t){r(this,E,t,"f")}get max(){return a(this,j,"f")}set max(t){r(this,j,t,"f")}get min(){return a(this,q,"f")}set min(t){r(this,q,t,"f")}get step(){return a(this,W,"f")}set step(t){r(this,W,t,"f")}get hideLabel(){return a(this,B,"f")}set hideLabel(t){r(this,B,t,"f")}get inline(){return a(this,V,"f")}set inline(t){r(this,V,t,"f")}get inlineBorder(){return a(this,I,"f")}set inlineBorder(t){r(this,I,t,"f")}get textStrings(){return a(this,L,"f")}set textStrings(t){r(this,L,t,"f")}get _textStrings(){return a(this,N,"f")}set _textStrings(t){r(this,N,t,"f")}get _inputEl(){return a(this,T,"f")}set _inputEl(t){r(this,T,t,"f")}render(){var t;return d`
       <div class="number-input" ?disabled=${this.disabled}>
         <label
           class="label-text ${this.hideLabel||this.inline?"sr-only":""}"
@@ -668,7 +673,7 @@ span[slot=icon] {
               </kyn-button>`}
 
           <input
-            class="${v({"size--xs":"xs"===this.size,"size--sm":"sm"===this.size,"size--lg":"lg"===this.size,"is-readonly":this.readonly,"no-border":this.inline})}"
+            class="${v({"size--xs":"xs"===this.size,"size--sm":"sm"===this.size,"size--lg":"lg"===this.size,"is-readonly":this.readonly,"no-border":this.inline&&!this.inlineBorder,"inline-border":this.inline&&this.inlineBorder})}"
             type="number"
             id=${this.name}
             name=${this.name}
@@ -714,5 +719,5 @@ span[slot=icon] {
               </div>
             `:null}
       </div>
-    `}_sizeMap(t){let e="medium";switch(t){case"lg":e="large";break;case"sm":e="small";break;case"xs":e="extra-small"}return e}_handleSubtract(){this.readonly||(this._inputEl.stepDown(),this.value=Number(this._inputEl.value),this._validate(!0,!1),this._emitValue())}_handleAdd(){this.readonly||(this._inputEl.stepUp(),this.value=Number(this._inputEl.value),this._validate(!0,!1),this._emitValue())}_handleInput(t){""===t.target.value?(this.value=0,this._inputEl.value="0"):this.value=Number(t.target.value),this._validate(!0,!1),this._emitValue(t)}_emitValue(t){const e={value:this.value};t&&(e.origEvent=t);const i=new CustomEvent("on-input",{detail:e});this.dispatchEvent(i)}_validate(t,e){const i=""!==this.invalidText?{...this._inputEl.validity,customError:!0}:this._inputEl.validity,a=""!==this.invalidText?this.invalidText:this._inputEl.validationMessage;this._internals.setValidity(i,a,this._inputEl),t&&(this._internalValidationMsg=this._inputEl.validationMessage),e&&this._internals.reportValidity()}updated(t){this._onUpdated(t),t.has("value")&&(this._inputEl.value=this.value.toString())}willUpdate(t){t.has("textStrings")&&(this._textStrings=g(w,this.textStrings))}constructor(){super(...arguments),l.set(this,i(this,at,"")),z.set(this,(i(this,rt),i(this,nt,"md"))),this.value=(i(this,lt),0),_.set(this,i(this,ot,"")),$.set(this,(i(this,st),i(this,dt,!1))),S.set(this,(i(this,pt),i(this,ct,!1))),E.set(this,(i(this,ht),i(this,ut,!1))),M.set(this,(i(this,mt),i(this,vt,""))),j.set(this,(i(this,bt),i(this,gt,void 0))),q.set(this,(i(this,kt),i(this,ft,void 0))),W.set(this,(i(this,xt),i(this,yt,1))),V.set(this,(i(this,wt),i(this,zt,!1))),I.set(this,(i(this,_t),i(this,$t,!1))),L.set(this,(i(this,St),i(this,Et,w))),N.set(this,(i(this,Mt),i(this,jt,w))),T.set(this,(i(this,qt),i(this,Wt,void 0))),i(this,Vt)}},l=new WeakMap,z=new WeakMap,_=new WeakMap,$=new WeakMap,S=new WeakMap,E=new WeakMap,M=new WeakMap,j=new WeakMap,q=new WeakMap,W=new WeakMap,V=new WeakMap,I=new WeakMap,L=new WeakMap,N=new WeakMap,T=new WeakMap,t(A,"NumberInput"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=it[Symbol.metadata])&&void 0!==t?t:null):void 0;O=[c({type:String})],U=[c({type:String})],Y=[c({type:String})],C=[c({type:Boolean})],D=[c({type:Boolean})],H=[c({type:Boolean})],P=[c({type:String})],R=[c({type:Number})],F=[c({type:Number})],G=[c({type:Number})],J=[c({type:Boolean})],K=[c({type:Boolean})],Q=[c({type:Object})],X=[h()],Z=[u("input")],e(A,null,O,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:i},at,rt),e(A,null,U,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:i},nt,lt),e(A,null,Y,{kind:"accessor",name:"placeholder",static:!1,private:!1,access:{has:t=>"placeholder"in t,get:t=>t.placeholder,set:(t,e)=>{t.placeholder=e}},metadata:i},ot,st),e(A,null,C,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:t=>"required"in t,get:t=>t.required,set:(t,e)=>{t.required=e}},metadata:i},dt,pt),e(A,null,D,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:i},ct,ht),e(A,null,H,{kind:"accessor",name:"readonly",static:!1,private:!1,access:{has:t=>"readonly"in t,get:t=>t.readonly,set:(t,e)=>{t.readonly=e}},metadata:i},ut,mt),e(A,null,P,{kind:"accessor",name:"caption",static:!1,private:!1,access:{has:t=>"caption"in t,get:t=>t.caption,set:(t,e)=>{t.caption=e}},metadata:i},vt,bt),e(A,null,R,{kind:"accessor",name:"max",static:!1,private:!1,access:{has:t=>"max"in t,get:t=>t.max,set:(t,e)=>{t.max=e}},metadata:i},gt,kt),e(A,null,F,{kind:"accessor",name:"min",static:!1,private:!1,access:{has:t=>"min"in t,get:t=>t.min,set:(t,e)=>{t.min=e}},metadata:i},ft,xt),e(A,null,G,{kind:"accessor",name:"step",static:!1,private:!1,access:{has:t=>"step"in t,get:t=>t.step,set:(t,e)=>{t.step=e}},metadata:i},yt,wt),e(A,null,J,{kind:"accessor",name:"hideLabel",static:!1,private:!1,access:{has:t=>"hideLabel"in t,get:t=>t.hideLabel,set:(t,e)=>{t.hideLabel=e}},metadata:i},zt,_t),e(A,null,K,{kind:"accessor",name:"inline",static:!1,private:!1,access:{has:t=>"inline"in t,get:t=>t.inline,set:(t,e)=>{t.inline=e}},metadata:i},$t,St),e(A,null,Q,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:t=>"textStrings"in t,get:t=>t.textStrings,set:(t,e)=>{t.textStrings=e}},metadata:i},Et,Mt),e(A,null,X,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:t=>"_textStrings"in t,get:t=>t._textStrings,set:(t,e)=>{t._textStrings=e}},metadata:i},jt,qt),e(A,null,Z,{kind:"accessor",name:"_inputEl",static:!1,private:!1,access:{has:t=>"_inputEl"in t,get:t=>t._inputEl,set:(t,e)=>{t._inputEl=e}},metadata:i},Wt,Vt),e(null,B={value:A},tt,{kind:"class",name:A.name,metadata:i},null,et),A=B.value,i&&Object.defineProperty(A,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),A.styles=s(y),i(A,et),A})();export{z as NumberInput};
+    `}_sizeMap(t){let e="medium";switch(t){case"lg":e="large";break;case"sm":e="small";break;case"xs":e="extra-small"}return e}_handleSubtract(){this.readonly||(this._inputEl.stepDown(),this.value=Number(this._inputEl.value),this._validate(!0,!1),this._emitValue())}_handleAdd(){this.readonly||(this._inputEl.stepUp(),this.value=Number(this._inputEl.value),this._validate(!0,!1),this._emitValue())}_handleInput(t){""===t.target.value?(this.value=0,this._inputEl.value="0"):this.value=Number(t.target.value),this._validate(!0,!1),this._emitValue(t)}_emitValue(t){const e={value:this.value};t&&(e.origEvent=t);const i=new CustomEvent("on-input",{detail:e});this.dispatchEvent(i)}_validate(t,e){const i=""!==this.invalidText?{...this._inputEl.validity,customError:!0}:this._inputEl.validity,a=""!==this.invalidText?this.invalidText:this._inputEl.validationMessage;this._internals.setValidity(i,a,this._inputEl),t&&(this._internalValidationMsg=this._inputEl.validationMessage),e&&this._internals.reportValidity()}updated(t){this._onUpdated(t),t.has("value")&&(this._inputEl.value=this.value.toString())}willUpdate(t){t.has("textStrings")&&(this._textStrings=g(w,this.textStrings))}constructor(){super(...arguments),l.set(this,i(this,nt,"")),z.set(this,(i(this,lt),i(this,ot,"md"))),this.value=(i(this,st),0),_.set(this,i(this,dt,"")),$.set(this,(i(this,ct),i(this,pt,!1))),S.set(this,(i(this,ht),i(this,ut,!1))),M.set(this,(i(this,mt),i(this,vt,!1))),E.set(this,(i(this,bt),i(this,gt,""))),j.set(this,(i(this,kt),i(this,ft,void 0))),q.set(this,(i(this,xt),i(this,yt,void 0))),W.set(this,(i(this,wt),i(this,zt,1))),B.set(this,(i(this,_t),i(this,$t,!1))),V.set(this,(i(this,St),i(this,Mt,!1))),I.set(this,(i(this,Et),i(this,jt,!1))),L.set(this,(i(this,qt),i(this,Wt,w))),N.set(this,(i(this,Bt),i(this,Vt,w))),T.set(this,(i(this,It),i(this,Lt,void 0))),i(this,Nt)}},l=new WeakMap,z=new WeakMap,_=new WeakMap,$=new WeakMap,S=new WeakMap,M=new WeakMap,E=new WeakMap,j=new WeakMap,q=new WeakMap,W=new WeakMap,B=new WeakMap,V=new WeakMap,I=new WeakMap,L=new WeakMap,N=new WeakMap,T=new WeakMap,t(O,"NumberInput"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=rt[Symbol.metadata])&&void 0!==t?t:null):void 0;U=[p({type:String})],Y=[p({type:String})],C=[p({type:String})],D=[p({type:Boolean})],H=[p({type:Boolean})],P=[p({type:Boolean})],R=[p({type:String})],F=[p({type:Number})],G=[p({type:Number})],J=[p({type:Number})],K=[p({type:Boolean})],Q=[p({type:Boolean})],X=[p({type:Boolean})],Z=[p({type:Object})],tt=[h()],et=[u("input")],e(O,null,U,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:i},nt,lt),e(O,null,Y,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:i},ot,st),e(O,null,C,{kind:"accessor",name:"placeholder",static:!1,private:!1,access:{has:t=>"placeholder"in t,get:t=>t.placeholder,set:(t,e)=>{t.placeholder=e}},metadata:i},dt,ct),e(O,null,D,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:t=>"required"in t,get:t=>t.required,set:(t,e)=>{t.required=e}},metadata:i},pt,ht),e(O,null,H,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:i},ut,mt),e(O,null,P,{kind:"accessor",name:"readonly",static:!1,private:!1,access:{has:t=>"readonly"in t,get:t=>t.readonly,set:(t,e)=>{t.readonly=e}},metadata:i},vt,bt),e(O,null,R,{kind:"accessor",name:"caption",static:!1,private:!1,access:{has:t=>"caption"in t,get:t=>t.caption,set:(t,e)=>{t.caption=e}},metadata:i},gt,kt),e(O,null,F,{kind:"accessor",name:"max",static:!1,private:!1,access:{has:t=>"max"in t,get:t=>t.max,set:(t,e)=>{t.max=e}},metadata:i},ft,xt),e(O,null,G,{kind:"accessor",name:"min",static:!1,private:!1,access:{has:t=>"min"in t,get:t=>t.min,set:(t,e)=>{t.min=e}},metadata:i},yt,wt),e(O,null,J,{kind:"accessor",name:"step",static:!1,private:!1,access:{has:t=>"step"in t,get:t=>t.step,set:(t,e)=>{t.step=e}},metadata:i},zt,_t),e(O,null,K,{kind:"accessor",name:"hideLabel",static:!1,private:!1,access:{has:t=>"hideLabel"in t,get:t=>t.hideLabel,set:(t,e)=>{t.hideLabel=e}},metadata:i},$t,St),e(O,null,Q,{kind:"accessor",name:"inline",static:!1,private:!1,access:{has:t=>"inline"in t,get:t=>t.inline,set:(t,e)=>{t.inline=e}},metadata:i},Mt,Et),e(O,null,X,{kind:"accessor",name:"inlineBorder",static:!1,private:!1,access:{has:t=>"inlineBorder"in t,get:t=>t.inlineBorder,set:(t,e)=>{t.inlineBorder=e}},metadata:i},jt,qt),e(O,null,Z,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:t=>"textStrings"in t,get:t=>t.textStrings,set:(t,e)=>{t.textStrings=e}},metadata:i},Wt,Bt),e(O,null,tt,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:t=>"_textStrings"in t,get:t=>t._textStrings,set:(t,e)=>{t._textStrings=e}},metadata:i},Vt,It),e(O,null,et,{kind:"accessor",name:"_inputEl",static:!1,private:!1,access:{has:t=>"_inputEl"in t,get:t=>t._inputEl,set:(t,e)=>{t._inputEl=e}},metadata:i},Lt,Nt),e(null,A={value:O},it,{kind:"class",name:O.name,metadata:i},null,at),O=A.value,i&&Object.defineProperty(O,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),O.styles=s(y),i(O,at),O})();export{z as NumberInput};
 //# sourceMappingURL=numberInput.js.map

package/components/reusable/numberInput/numberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"numberInput.js","sources":["../../../../src/components/reusable/numberInput/numberInput.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport Styles from './numberInput.scss?inline';\nimport { FormMixin } from '../../../common/mixins/form-input';\nimport '../button';\nimport { deepmerge } from 'deepmerge-ts';\n\nimport chevronLeft from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-left.svg';\nimport chevronRight from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-right.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\nconst _defaultTextStrings = {\n  requiredText: 'Required',\n  subtract: 'Subtract',\n  add: 'Add',\n  error: 'Error',\n};\n\n/**\n * Number input.\n *\n * @fires on-input - Captures the input event and emits the value and original event details.`detail:{ value: number }`\n * @slot tooltip - Slot for tooltip.\n * @attr {string} [name=''] - The name of the input, used for form submission.\n * @attr {string} [invalidText=''] - The custom validation message when the input is invalid.\n *\n * @cssprop [--kyn-number-input-inner-max-width=200px] - Maximum width of the number input inner container.\n * @cssprop [--kyn-number-input-inner-min-width=0px] - Minimum width of the number input inner container.\n */\n@customElement('kyn-number-input')\nexport class NumberInput extends FormMixin(LitElement) {\n  static override styles = unsafeCSS(Styles);\n\n  /** Label text. */\n  @property({ type: String })\n  accessor label = '';\n\n  /** Input size. \"xs\", \"sm\", \"md\", or \"lg\". */\n  @property({ type: String })\n  accessor size = 'md';\n\n  /** Input value. */\n  override value = 0;\n\n  /** Input placeholder. */\n  @property({ type: String })\n  accessor placeholder = '';\n\n  /** Makes the input required. */\n  @property({ type: Boolean })\n  accessor required = false;\n\n  /** Input disabled state. */\n  @property({ type: Boolean })\n  accessor disabled = false;\n\n  /** Input readonly state. */\n  @property({ type: Boolean })\n  accessor readonly = false;\n\n  /** Optional text beneath the input. */\n  @property({ type: String })\n  accessor caption = '';\n\n  /** Maximum value. */\n  @property({ type: Number })\n  accessor max!: number;\n\n  /** Minimum value. */\n  @property({ type: Number })\n  accessor min!: number;\n\n  /** Step value. */\n  @property({ type: Number })\n  accessor step = 1;\n\n  /** Visually hide the label. */\n  @property({ type: Boolean })\n  accessor hideLabel = false;\n\n  /** Inline mode: hides the step buttons, border, label, and errors. */\n  @property({ type: Boolean })\n  accessor inline = false;\n\n  /** Customizable text strings. */\n  @property({ type: Object })\n  accessor textStrings = _defaultTextStrings;\n\n  /** Internal text strings.\n   * @internal\n   */\n  @state()\n  accessor _textStrings = _defaultTextStrings;\n\n  /**\n   * Queries the <input> DOM element.\n   * @ignore\n   */\n  @query('input')\n  accessor _inputEl!: HTMLInputElement;\n\n  override render() {\n    return html`\n      <div class=\"number-input\" ?disabled=${this.disabled}>\n        <label\n          class=\"label-text ${this.hideLabel || this.inline ? 'sr-only' : ''}\"\n          for=${this.name}\n        >\n          ${this.required\n            ? html`\n                <abbr\n                  class=\"required\"\n                  title=${this._textStrings.requiredText}\n                  role=\"img\"\n                  aria-label=${this._textStrings?.requiredText}\n                >\n                  *\n                </abbr>\n              `\n            : null}\n          ${this.label}\n          <slot name=\"tooltip\"></slot>\n        </label>\n\n        <div\n          class=\"${classMap({\n            'input-wrapper': true,\n          })}\"\n        >\n          ${!this.inline\n            ? html`<kyn-button\n                kind=\"outline\"\n                size=${this._sizeMap(this.size)}\n                ?disabled=${this.disabled ||\n                this.value <= this.min ||\n                this.readonly}\n                description=${this._textStrings.subtract}\n                @on-click=${this._handleSubtract}\n              >\n                <span slot=\"icon\">${unsafeSVG(chevronLeft)}</span>\n              </kyn-button>`\n            : null}\n\n          <input\n            class=\"${classMap({\n              'size--xs': this.size === 'xs',\n              'size--sm': this.size === 'sm',\n              'size--lg': this.size === 'lg',\n              'is-readonly': this.readonly,\n              'no-border': this.inline,\n            })}\"\n            type=\"number\"\n            id=${this.name}\n            name=${this.name}\n            value=${this.value.toString()}\n            placeholder=${this.placeholder}\n            ?required=${this.required}\n            ?disabled=${this.disabled}\n            ?readonly=${!this.disabled && this.readonly}\n            ?invalid=${this._isInvalid}\n            aria-invalid=${this._isInvalid}\n            aria-describedby=${this._isInvalid ? 'error' : ''}\n            step=${ifDefined(this.step)}\n            min=${ifDefined(this.min)}\n            max=${ifDefined(this.max)}\n            @input=${(e: any) => this._handleInput(e)}\n          />\n\n          ${!this.inline\n            ? html`<kyn-button\n                kind=\"outline\"\n                size=${this._sizeMap(this.size)}\n                ?disabled=${this.disabled ||\n                this.value >= this.max ||\n                this.readonly}\n                description=${this._textStrings.add}\n                @on-click=${this._handleAdd}\n              >\n                <span slot=\"icon\">${unsafeSVG(chevronRight)}</span>\n              </kyn-button>`\n            : null}\n        </div>\n\n        ${this.caption !== ''\n          ? html`\n              <div class=\"caption\" aria-disabled=${this.disabled}>\n                ${this.caption}\n              </div>\n            `\n          : null}\n        ${this._isInvalid\n          ? html`\n              <div id=\"error\" class=\"error ${this.inline ? 'sr-only' : ''}\">\n                <span\n                  role=\"img\"\n                  class=\"error-icon\"\n                  aria-label=${this._textStrings.error}\n                  >${unsafeSVG(errorIcon)}</span\n                >\n                ${this.invalidText || this._internalValidationMsg}\n              </div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  private _sizeMap(size: string): 'extra-small' | 'small' | 'medium' | 'large' {\n    let btnSize: 'extra-small' | 'small' | 'medium' | 'large' = 'medium';\n\n    switch (size) {\n      case 'lg':\n        btnSize = 'large';\n        break;\n      case 'sm':\n        btnSize = 'small';\n        break;\n      case 'xs':\n        btnSize = 'extra-small';\n        break;\n    }\n\n    return btnSize;\n  }\n\n  private _handleSubtract() {\n    if (this.readonly) return;\n    this._inputEl.stepDown();\n    this.value = Number(this._inputEl.value);\n\n    this._validate(true, false);\n    this._emitValue();\n  }\n\n  private _handleAdd() {\n    if (this.readonly) return;\n    this._inputEl.stepUp();\n    this.value = Number(this._inputEl.value);\n\n    this._validate(true, false);\n    this._emitValue();\n  }\n\n  private _handleInput(e: any) {\n    if (e.target.value === '') {\n      this.value = 0;\n      this._inputEl.value = '0';\n    } else {\n      this.value = Number(e.target.value);\n    }\n\n    this._validate(true, false);\n    this._emitValue(e);\n  }\n\n  private _emitValue(e?: any) {\n    const Detail: any = {\n      value: this.value,\n    };\n    if (e) {\n      Detail.origEvent = e;\n    }\n\n    const event = new CustomEvent('on-input', {\n      detail: Detail,\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _validate(interacted: Boolean, report: Boolean) {\n    // get validity state from inputEl, combine customError flag if invalidText is provided\n    const Validity =\n      this.invalidText !== ''\n        ? { ...this._inputEl.validity, customError: true }\n        : this._inputEl.validity;\n    // set validationMessage to invalidText if present, otherwise use inputEl validationMessage\n    const ValidationMessage =\n      this.invalidText !== ''\n        ? this.invalidText\n        : this._inputEl.validationMessage;\n\n    // set validity on custom element, anchor to inputEl\n    this._internals.setValidity(Validity, ValidationMessage, this._inputEl);\n\n    // set internal validation message if value was changed by user input\n    if (interacted) {\n      this._internalValidationMsg = this._inputEl.validationMessage;\n    }\n\n    // focus the form field to show validity\n    if (report) {\n      this._internals.reportValidity();\n    }\n  }\n\n  override updated(changedProps: any) {\n    // preserve FormMixin updated function\n    this._onUpdated(changedProps);\n\n    if (changedProps.has('value')) {\n      this._inputEl.value = this.value.toString();\n    }\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('textStrings')) {\n      this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-number-input': NumberInput;\n  }\n}\n"],"names":["_defaultTextStrings","requiredText","subtract","add","error","NumberInput","customElement","FormMixin","LitElement","_classThis","_classSuper","label","__classPrivateFieldGet","this","_NumberInput_label_accessor_storage","value","__classPrivateFieldSet","size","_NumberInput_size_accessor_storage","placeholder","_NumberInput_placeholder_accessor_storage","required","_NumberInput_required_accessor_storage","disabled","_NumberInput_disabled_accessor_storage","readonly","_NumberInput_readonly_accessor_storage","caption","_NumberInput_caption_accessor_storage","max","_NumberInput_max_accessor_storage","min","_NumberInput_min_accessor_storage","step","_NumberInput_step_accessor_storage","hideLabel","_NumberInput_hideLabel_accessor_storage","inline","_NumberInput_inline_accessor_storage","textStrings","_NumberInput_textStrings_accessor_storage","_textStrings","_NumberInput__textStrings_accessor_storage","_inputEl","_NumberInput__inputEl_accessor_storage","render","html","name","_a","classMap","_sizeMap","_handleSubtract","unsafeSVG","chevronLeft","toString","_isInvalid","ifDefined","e","_handleInput","_handleAdd","chevronRight","errorIcon","invalidText","_internalValidationMsg","btnSize","stepDown","Number","_validate","_emitValue","stepUp","target","Detail","origEvent","event","CustomEvent","detail","dispatchEvent","interacted","report","Validity","validity","customError","ValidationMessage","validationMessage","_internals","setValidity","reportValidity","updated","changedProps","_onUpdated","has","willUpdate","deepmerge","set","__runInitializers","_label_initializers","_label_extraInitializers","_size_initializers","_size_extraInitializers","_placeholder_initializers","_placeholder_extraInitializers","_required_initializers","_required_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_readonly_initializers","_readonly_extraInitializers","_caption_initializers","_caption_extraInitializers","_max_initializers","_max_extraInitializers","_min_initializers","_min_extraInitializers","_step_initializers","_step_extraInitializers","_hideLabel_initializers","_hideLabel_extraInitializers","_inline_initializers","_inline_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","__textStrings_initializers","__textStrings_extraInitializers","__inputEl_initializers","_label_decorators","property","type","String","_size_decorators","_placeholder_decorators","_required_decorators","Boolean","_disabled_decorators","_readonly_decorators","_caption_decorators","_max_decorators","_min_decorators","_step_decorators","_hideLabel_decorators","_inline_decorators","_textStrings_decorators","Object","__textStrings_decorators","state","query","__esDecorate","kind","static","private","access","obj","get","metadata","_metadata","__inputEl_decorators","__inputEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
+{"version":3,"file":"numberInput.js","sources":["../../../../src/components/reusable/numberInput/numberInput.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport Styles from './numberInput.scss?inline';\nimport { FormMixin } from '../../../common/mixins/form-input';\nimport '../button';\nimport { deepmerge } from 'deepmerge-ts';\n\nimport chevronLeft from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-left.svg';\nimport chevronRight from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-right.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\nconst _defaultTextStrings = {\n  requiredText: 'Required',\n  subtract: 'Subtract',\n  add: 'Add',\n  error: 'Error',\n};\n\n/**\n * Number input.\n *\n * @fires on-input - Captures the input event and emits the value and original event details.`detail:{ value: number }`\n * @slot tooltip - Slot for tooltip.\n * @attr {string} [name=''] - The name of the input, used for form submission.\n * @attr {string} [invalidText=''] - The custom validation message when the input is invalid.\n *\n * @cssprop [--kyn-number-input-inner-max-width=200px] - Maximum width of the number input inner container.\n * @cssprop [--kyn-number-input-inner-min-width=0px] - Minimum width of the number input inner container.\n */\n@customElement('kyn-number-input')\nexport class NumberInput extends FormMixin(LitElement) {\n  static override styles = unsafeCSS(Styles);\n\n  /** Label text. */\n  @property({ type: String })\n  accessor label = '';\n\n  /** Input size. \"xs\", \"sm\", \"md\", or \"lg\". */\n  @property({ type: String })\n  accessor size = 'md';\n\n  /** Input value. */\n  override value = 0;\n\n  /** Input placeholder. */\n  @property({ type: String })\n  accessor placeholder = '';\n\n  /** Makes the input required. */\n  @property({ type: Boolean })\n  accessor required = false;\n\n  /** Input disabled state. */\n  @property({ type: Boolean })\n  accessor disabled = false;\n\n  /** Input readonly state. */\n  @property({ type: Boolean })\n  accessor readonly = false;\n\n  /** Optional text beneath the input. */\n  @property({ type: String })\n  accessor caption = '';\n\n  /** Maximum value. */\n  @property({ type: Number })\n  accessor max!: number;\n\n  /** Minimum value. */\n  @property({ type: Number })\n  accessor min!: number;\n\n  /** Step value. */\n  @property({ type: Number })\n  accessor step = 1;\n\n  /** Visually hide the label. */\n  @property({ type: Boolean })\n  accessor hideLabel = false;\n\n  /** Inline mode: hides the step buttons, label, and errors. */\n  @property({ type: Boolean })\n  accessor inline = false;\n\n  /** Shows the border/background when inline mode is enabled. */\n  @property({ type: Boolean })\n  accessor inlineBorder = false;\n\n  /** Customizable text strings. */\n  @property({ type: Object })\n  accessor textStrings = _defaultTextStrings;\n\n  /** Internal text strings.\n   * @internal\n   */\n  @state()\n  accessor _textStrings = _defaultTextStrings;\n\n  /**\n   * Queries the <input> DOM element.\n   * @ignore\n   */\n  @query('input')\n  accessor _inputEl!: HTMLInputElement;\n\n  override render() {\n    return html`\n      <div class=\"number-input\" ?disabled=${this.disabled}>\n        <label\n          class=\"label-text ${this.hideLabel || this.inline ? 'sr-only' : ''}\"\n          for=${this.name}\n        >\n          ${this.required\n            ? html`\n                <abbr\n                  class=\"required\"\n                  title=${this._textStrings.requiredText}\n                  role=\"img\"\n                  aria-label=${this._textStrings?.requiredText}\n                >\n                  *\n                </abbr>\n              `\n            : null}\n          ${this.label}\n          <slot name=\"tooltip\"></slot>\n        </label>\n\n        <div\n          class=\"${classMap({\n            'input-wrapper': true,\n          })}\"\n        >\n          ${!this.inline\n            ? html`<kyn-button\n                kind=\"outline\"\n                size=${this._sizeMap(this.size)}\n                ?disabled=${this.disabled ||\n                this.value <= this.min ||\n                this.readonly}\n                description=${this._textStrings.subtract}\n                @on-click=${this._handleSubtract}\n              >\n                <span slot=\"icon\">${unsafeSVG(chevronLeft)}</span>\n              </kyn-button>`\n            : null}\n\n          <input\n            class=\"${classMap({\n              'size--xs': this.size === 'xs',\n              'size--sm': this.size === 'sm',\n              'size--lg': this.size === 'lg',\n              'is-readonly': this.readonly,\n              'no-border': this.inline && !this.inlineBorder,\n              'inline-border': this.inline && this.inlineBorder,\n            })}\"\n            type=\"number\"\n            id=${this.name}\n            name=${this.name}\n            value=${this.value.toString()}\n            placeholder=${this.placeholder}\n            ?required=${this.required}\n            ?disabled=${this.disabled}\n            ?readonly=${!this.disabled && this.readonly}\n            ?invalid=${this._isInvalid}\n            aria-invalid=${this._isInvalid}\n            aria-describedby=${this._isInvalid ? 'error' : ''}\n            step=${ifDefined(this.step)}\n            min=${ifDefined(this.min)}\n            max=${ifDefined(this.max)}\n            @input=${(e: any) => this._handleInput(e)}\n          />\n\n          ${!this.inline\n            ? html`<kyn-button\n                kind=\"outline\"\n                size=${this._sizeMap(this.size)}\n                ?disabled=${this.disabled ||\n                this.value >= this.max ||\n                this.readonly}\n                description=${this._textStrings.add}\n                @on-click=${this._handleAdd}\n              >\n                <span slot=\"icon\">${unsafeSVG(chevronRight)}</span>\n              </kyn-button>`\n            : null}\n        </div>\n\n        ${this.caption !== ''\n          ? html`\n              <div class=\"caption\" aria-disabled=${this.disabled}>\n                ${this.caption}\n              </div>\n            `\n          : null}\n        ${this._isInvalid\n          ? html`\n              <div id=\"error\" class=\"error ${this.inline ? 'sr-only' : ''}\">\n                <span\n                  role=\"img\"\n                  class=\"error-icon\"\n                  aria-label=${this._textStrings.error}\n                  >${unsafeSVG(errorIcon)}</span\n                >\n                ${this.invalidText || this._internalValidationMsg}\n              </div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  private _sizeMap(size: string): 'extra-small' | 'small' | 'medium' | 'large' {\n    let btnSize: 'extra-small' | 'small' | 'medium' | 'large' = 'medium';\n\n    switch (size) {\n      case 'lg':\n        btnSize = 'large';\n        break;\n      case 'sm':\n        btnSize = 'small';\n        break;\n      case 'xs':\n        btnSize = 'extra-small';\n        break;\n    }\n\n    return btnSize;\n  }\n\n  private _handleSubtract() {\n    if (this.readonly) return;\n    this._inputEl.stepDown();\n    this.value = Number(this._inputEl.value);\n\n    this._validate(true, false);\n    this._emitValue();\n  }\n\n  private _handleAdd() {\n    if (this.readonly) return;\n    this._inputEl.stepUp();\n    this.value = Number(this._inputEl.value);\n\n    this._validate(true, false);\n    this._emitValue();\n  }\n\n  private _handleInput(e: any) {\n    if (e.target.value === '') {\n      this.value = 0;\n      this._inputEl.value = '0';\n    } else {\n      this.value = Number(e.target.value);\n    }\n\n    this._validate(true, false);\n    this._emitValue(e);\n  }\n\n  private _emitValue(e?: any) {\n    const Detail: any = {\n      value: this.value,\n    };\n    if (e) {\n      Detail.origEvent = e;\n    }\n\n    const event = new CustomEvent('on-input', {\n      detail: Detail,\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _validate(interacted: Boolean, report: Boolean) {\n    // get validity state from inputEl, combine customError flag if invalidText is provided\n    const Validity =\n      this.invalidText !== ''\n        ? { ...this._inputEl.validity, customError: true }\n        : this._inputEl.validity;\n    // set validationMessage to invalidText if present, otherwise use inputEl validationMessage\n    const ValidationMessage =\n      this.invalidText !== ''\n        ? this.invalidText\n        : this._inputEl.validationMessage;\n\n    // set validity on custom element, anchor to inputEl\n    this._internals.setValidity(Validity, ValidationMessage, this._inputEl);\n\n    // set internal validation message if value was changed by user input\n    if (interacted) {\n      this._internalValidationMsg = this._inputEl.validationMessage;\n    }\n\n    // focus the form field to show validity\n    if (report) {\n      this._internals.reportValidity();\n    }\n  }\n\n  override updated(changedProps: any) {\n    // preserve FormMixin updated function\n    this._onUpdated(changedProps);\n\n    if (changedProps.has('value')) {\n      this._inputEl.value = this.value.toString();\n    }\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('textStrings')) {\n      this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-number-input': NumberInput;\n  }\n}\n"],"names":["_defaultTextStrings","requiredText","subtract","add","error","NumberInput","customElement","FormMixin","LitElement","_classThis","_classSuper","label","__classPrivateFieldGet","this","_NumberInput_label_accessor_storage","value","__classPrivateFieldSet","size","_NumberInput_size_accessor_storage","placeholder","_NumberInput_placeholder_accessor_storage","required","_NumberInput_required_accessor_storage","disabled","_NumberInput_disabled_accessor_storage","readonly","_NumberInput_readonly_accessor_storage","caption","_NumberInput_caption_accessor_storage","max","_NumberInput_max_accessor_storage","min","_NumberInput_min_accessor_storage","step","_NumberInput_step_accessor_storage","hideLabel","_NumberInput_hideLabel_accessor_storage","inline","_NumberInput_inline_accessor_storage","inlineBorder","_NumberInput_inlineBorder_accessor_storage","textStrings","_NumberInput_textStrings_accessor_storage","_textStrings","_NumberInput__textStrings_accessor_storage","_inputEl","_NumberInput__inputEl_accessor_storage","render","html","name","_a","classMap","_sizeMap","_handleSubtract","unsafeSVG","chevronLeft","toString","_isInvalid","ifDefined","e","_handleInput","_handleAdd","chevronRight","errorIcon","invalidText","_internalValidationMsg","btnSize","stepDown","Number","_validate","_emitValue","stepUp","target","Detail","origEvent","event","CustomEvent","detail","dispatchEvent","interacted","report","Validity","validity","customError","ValidationMessage","validationMessage","_internals","setValidity","reportValidity","updated","changedProps","_onUpdated","has","willUpdate","deepmerge","set","__runInitializers","_label_initializers","_label_extraInitializers","_size_initializers","_size_extraInitializers","_placeholder_initializers","_placeholder_extraInitializers","_required_initializers","_required_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_readonly_initializers","_readonly_extraInitializers","_caption_initializers","_caption_extraInitializers","_max_initializers","_max_extraInitializers","_min_initializers","_min_extraInitializers","_step_initializers","_step_extraInitializers","_hideLabel_initializers","_hideLabel_extraInitializers","_inline_initializers","_inline_extraInitializers","_inlineBorder_initializers","_inlineBorder_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","__textStrings_initializers","__textStrings_extraInitializers","__inputEl_initializers","_label_decorators","property","type","String","_size_decorators","_placeholder_decorators","_required_decorators","Boolean","_disabled_decorators","_readonly_decorators","_caption_decorators","_max_decorators","_min_decorators","_step_decorators","_hideLabel_decorators","_inline_decorators","_inlineBorder_decorators","_textStrings_decorators","Object","__textStrings_decorators","state","query","__esDecorate","kind","static","private","access","obj","get","metadata","_metadata","__inputEl_decorators","__inputEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}

package/components/reusable/pagination/pagination-navigation-buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-navigation-buttons.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/pagination/pagination-navigation-buttons.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAIlD,OAAO,WAAW,CAAC;AACnB,OAAO,aAAa,CAAC;AACrB,OAAO,gBAAgB,CAAC;AAOxB;;;;;;;GAOG;AACH,qBACa,2BAA4B,SAAQ,UAAU;IACzD,OAAgB,MAAM,0BAAqB;IAI3C,QAAQ,CAAC,UAAU,SAAK;IAIxB,QAAQ,CAAC,aAAa,SAAK;IAE3B;;OAEG;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,CAAM;IAE/B,8CAA8C;IAE9C,QAAQ,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAU;IAExD,6CAA6C;IAE7C,QAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAG/C,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAK;IAE1C;;OAEG;IAEH,QAAQ,CAAC,eAAe,SAAiB;IAEzC;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAczB;;;OAGG;IACH,OAAO,CAAC,YAAY;IAYX,MAAM;IAuEN,UAAU,CAAC,YAAY,EAAE,GAAG;CAQtC;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mCAAmC,EAAE,2BAA2B,CAAC;KAClE;CACF"}
+{"version":3,"file":"pagination-navigation-buttons.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/pagination/pagination-navigation-buttons.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAIlD,OAAO,WAAW,CAAC;AACnB,OAAO,aAAa,CAAC;AACrB,OAAO,gBAAgB,CAAC;AAOxB;;;;;;;GAOG;AACH,qBACa,2BAA4B,SAAQ,UAAU;IACzD,OAAgB,MAAM,0BAAqB;IAI3C,QAAQ,CAAC,UAAU,SAAK;IAIxB,QAAQ,CAAC,aAAa,SAAK;IAE3B;;OAEG;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,CAAM;IAE/B,8CAA8C;IAE9C,QAAQ,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAU;IAExD,6CAA6C;IAE7C,QAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAG/C,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAK;IAE1C;;OAEG;IAEH,QAAQ,CAAC,eAAe,SAAiB;IAEzC;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAczB;;;OAGG;IACH,OAAO,CAAC,YAAY;IAYX,MAAM;IA4EN,UAAU,CAAC,YAAY,EAAE,GAAG;CAQtC;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mCAAmC,EAAE,2BAA2B,CAAC;KAClE;CACF"}

package/components/reusable/pagination/pagination-navigation-buttons.js

@@ -1,4 +1,4 @@
-import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as n,__classPrivateFieldSet as a}from"tslib";import{unsafeSVG as s}from"lit-html/directives/unsafe-svg.js";import{css as r,LitElement as o,unsafeCSS as p,html as m}from"lit";import{customElement as d,property as l,state as h}from"lit/decorators.js";import"../button/button.js";import"../dropdown/dropdown.js";import"../dropdown/dropdownOption.js";import"../dropdown/dropdownCategory.js";import"../dropdown/enhancedDropdownOption.js";import"../numberInput/numberInput.js";import{x as g,d as u}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BX5ha5gR.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"lit/directives/class-map.js";import"../../../common/mixins/form-input.js";import"deepmerge-ts";import"../tag/tag.js";import"../../../tag-ehM901IX.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";import"../textInput/textInput.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";var b=r`*,
+import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as n,__classPrivateFieldSet as a}from"tslib";import{unsafeSVG as s}from"lit-html/directives/unsafe-svg.js";import{css as r,LitElement as o,unsafeCSS as p,html as m}from"lit";import{customElement as l,property as d,state as g}from"lit/decorators.js";import"../button/button.js";import"../dropdown/dropdown.js";import"../dropdown/dropdownOption.js";import"../dropdown/dropdownCategory.js";import"../dropdown/enhancedDropdownOption.js";import"../numberInput/numberInput.js";import{x as h,d as u}from"../../../vendor/@kyndryl-design-system/shidoka-icons-BX5ha5gR.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"lit/directives/class-map.js";import"../../../common/mixins/form-input.js";import"deepmerge-ts";import"../tag/tag.js";import"../../../tag-ehM901IX.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";import"../textInput/textInput.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../checkbox/checkboxSubgroup.js";var b=r`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -67,6 +67,11 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPr
   }
 }
 
+.page-range {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
 @media (max-width: calc(42rem - 0.001px)) {
   .page-range {
     border: 0;
@@ -82,9 +87,13 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPr
   }
 }
 
+.page-number-input {
+  --kyn-number-input-text-align: center;
+}
+
 span[slot=icon] {
   display: flex;
-}`;let c=(()=>{var r,c,k,f,v,y;let x,w,N,j,$,O,S,P,z=[d("kyn-pagination-navigation-buttons")],L=[],E=o,M=[],C=[],D=[],B=[],W=[],A=[],G=[],I=[],_=[],U=[],R=[],T=[];return w=class extends E{get pageNumber(){return n(this,r,"f")}set pageNumber(e){a(this,r,e,"f")}get numberOfPages(){return n(this,c,"f")}set numberOfPages(e){a(this,c,e,"f")}get textStrings(){return n(this,k,"f")}set textStrings(e){a(this,k,e,"f")}get openDirection(){return n(this,f,"f")}set openDirection(e){a(this,f,e,"f")}get pageNumberOptions(){return n(this,v,"f")}set pageNumberOptions(e){a(this,v,e,"f")}get pageNumberLabel(){return n(this,y,"f")}set pageNumberLabel(e){a(this,y,e,"f")}handleButtonClick(e){const t=e?this.pageNumber+1:this.pageNumber-1;this.pageNumber=t,this.dispatchEvent(new CustomEvent("on-page-number-change",{detail:{value:t},bubbles:!0,composed:!0}))}handleChange(e){this.pageNumber=e.detail.value,this.dispatchEvent(new CustomEvent("on-page-number-change",{detail:{value:Number(e.detail.value)},bubbles:!0,composed:!0}))}render(){const e=this.pageNumber<=this.SMALLEST_PAGE_NUMBER,t=this.pageNumber>=this.numberOfPages;return m`
+}`;let c=(()=>{var r,c,k,f,v,y;let x,w,N,j,$,O,S,P,z=[l("kyn-pagination-navigation-buttons")],L=[],E=o,M=[],C=[],D=[],B=[],W=[],A=[],G=[],I=[],_=[],U=[],R=[],T=[];return w=class extends E{get pageNumber(){return n(this,r,"f")}set pageNumber(e){a(this,r,e,"f")}get numberOfPages(){return n(this,c,"f")}set numberOfPages(e){a(this,c,e,"f")}get textStrings(){return n(this,k,"f")}set textStrings(e){a(this,k,e,"f")}get openDirection(){return n(this,f,"f")}set openDirection(e){a(this,f,e,"f")}get pageNumberOptions(){return n(this,v,"f")}set pageNumberOptions(e){a(this,v,e,"f")}get pageNumberLabel(){return n(this,y,"f")}set pageNumberLabel(e){a(this,y,e,"f")}handleButtonClick(e){const t=e?this.pageNumber+1:this.pageNumber-1;this.pageNumber=t,this.dispatchEvent(new CustomEvent("on-page-number-change",{detail:{value:t},bubbles:!0,composed:!0}))}handleChange(e){this.pageNumber=e.detail.value,this.dispatchEvent(new CustomEvent("on-page-number-change",{detail:{value:Number(e.detail.value)},bubbles:!0,composed:!0}))}render(){const e=this.pageNumber<=this.SMALLEST_PAGE_NUMBER,t=this.pageNumber>=this.numberOfPages;return m`
       <kyn-button
         iconposition="center"
         kind="ghost"
@@ -94,16 +103,18 @@ span[slot=icon] {
         @on-click=${()=>this.handleButtonClick(!1)}
         description=${this.textStrings.previousPage}
       >
-        <span slot="icon">${s(g)}</span>
+        <span slot="icon">${s(h)}</span>
       </kyn-button>
 
       <span class="page-range" role="status" aria-live="polite">
         ${this.pageNumberOptions.length>20?m`
               <kyn-number-input
+                class="page-number-input"
                 name="page-number"
                 label=${this.pageNumberLabel}
                 ?hideLabel=${!0}
                 ?inline=${!0}
+                .inlineBorder=${!0}
                 size="sm"
                 .value=${this.pageNumber}
                 min=${1}
@@ -129,7 +140,10 @@ span[slot=icon] {
                   `))}
               </kyn-dropdown>
             `}
-        ${this.textStrings.of} ${this.numberOfPages} ${this.textStrings.pages}
+        <span class="page-total"
+          >${this.textStrings.of} ${this.numberOfPages}
+          ${this.textStrings.pages}</span
+        >
       </span>
 
       <kyn-button
@@ -143,5 +157,5 @@ span[slot=icon] {
       >
         <span slot="icon">${s(u)}</span>
       </kyn-button>
-    `}willUpdate(e){e.has("numberOfPages")&&(this.pageNumberOptions=Array.from({length:this.numberOfPages},((e,t)=>t+1)))}constructor(){super(...arguments),r.set(this,i(this,M,1)),c.set(this,(i(this,C),i(this,D,1))),k.set(this,(i(this,B),i(this,W,{}))),f.set(this,(i(this,A),i(this,G,"auto"))),v.set(this,(i(this,I),i(this,_,[]))),this.SMALLEST_PAGE_NUMBER=(i(this,U),1),y.set(this,i(this,R,"Page number")),i(this,T)}},r=new WeakMap,c=new WeakMap,k=new WeakMap,f=new WeakMap,v=new WeakMap,y=new WeakMap,e(w,"PaginationNavigationButtons"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=E[Symbol.metadata])&&void 0!==e?e:null):void 0;N=[l({type:Number,reflect:!0})],j=[l({type:Number,reflect:!0})],$=[l({type:Object})],O=[l({type:String})],S=[h()],P=[l({type:String})],t(w,null,N,{kind:"accessor",name:"pageNumber",static:!1,private:!1,access:{has:e=>"pageNumber"in e,get:e=>e.pageNumber,set:(e,t)=>{e.pageNumber=t}},metadata:i},M,C),t(w,null,j,{kind:"accessor",name:"numberOfPages",static:!1,private:!1,access:{has:e=>"numberOfPages"in e,get:e=>e.numberOfPages,set:(e,t)=>{e.numberOfPages=t}},metadata:i},D,B),t(w,null,$,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:e=>"textStrings"in e,get:e=>e.textStrings,set:(e,t)=>{e.textStrings=t}},metadata:i},W,A),t(w,null,O,{kind:"accessor",name:"openDirection",static:!1,private:!1,access:{has:e=>"openDirection"in e,get:e=>e.openDirection,set:(e,t)=>{e.openDirection=t}},metadata:i},G,I),t(w,null,S,{kind:"accessor",name:"pageNumberOptions",static:!1,private:!1,access:{has:e=>"pageNumberOptions"in e,get:e=>e.pageNumberOptions,set:(e,t)=>{e.pageNumberOptions=t}},metadata:i},_,U),t(w,null,P,{kind:"accessor",name:"pageNumberLabel",static:!1,private:!1,access:{has:e=>"pageNumberLabel"in e,get:e=>e.pageNumberLabel,set:(e,t)=>{e.pageNumberLabel=t}},metadata:i},R,T),t(null,x={value:w},z,{kind:"class",name:w.name,metadata:i},null,L),w=x.value,i&&Object.defineProperty(w,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),w.styles=p(b),i(w,L),w})();export{c as PaginationNavigationButtons};
+    `}willUpdate(e){e.has("numberOfPages")&&(this.pageNumberOptions=Array.from({length:this.numberOfPages},((e,t)=>t+1)))}constructor(){super(...arguments),r.set(this,i(this,M,1)),c.set(this,(i(this,C),i(this,D,1))),k.set(this,(i(this,B),i(this,W,{}))),f.set(this,(i(this,A),i(this,G,"auto"))),v.set(this,(i(this,I),i(this,_,[]))),this.SMALLEST_PAGE_NUMBER=(i(this,U),1),y.set(this,i(this,R,"Page number")),i(this,T)}},r=new WeakMap,c=new WeakMap,k=new WeakMap,f=new WeakMap,v=new WeakMap,y=new WeakMap,e(w,"PaginationNavigationButtons"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=E[Symbol.metadata])&&void 0!==e?e:null):void 0;N=[d({type:Number,reflect:!0})],j=[d({type:Number,reflect:!0})],$=[d({type:Object})],O=[d({type:String})],S=[g()],P=[d({type:String})],t(w,null,N,{kind:"accessor",name:"pageNumber",static:!1,private:!1,access:{has:e=>"pageNumber"in e,get:e=>e.pageNumber,set:(e,t)=>{e.pageNumber=t}},metadata:i},M,C),t(w,null,j,{kind:"accessor",name:"numberOfPages",static:!1,private:!1,access:{has:e=>"numberOfPages"in e,get:e=>e.numberOfPages,set:(e,t)=>{e.numberOfPages=t}},metadata:i},D,B),t(w,null,$,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:e=>"textStrings"in e,get:e=>e.textStrings,set:(e,t)=>{e.textStrings=t}},metadata:i},W,A),t(w,null,O,{kind:"accessor",name:"openDirection",static:!1,private:!1,access:{has:e=>"openDirection"in e,get:e=>e.openDirection,set:(e,t)=>{e.openDirection=t}},metadata:i},G,I),t(w,null,S,{kind:"accessor",name:"pageNumberOptions",static:!1,private:!1,access:{has:e=>"pageNumberOptions"in e,get:e=>e.pageNumberOptions,set:(e,t)=>{e.pageNumberOptions=t}},metadata:i},_,U),t(w,null,P,{kind:"accessor",name:"pageNumberLabel",static:!1,private:!1,access:{has:e=>"pageNumberLabel"in e,get:e=>e.pageNumberLabel,set:(e,t)=>{e.pageNumberLabel=t}},metadata:i},R,T),t(null,x={value:w},z,{kind:"class",name:w.name,metadata:i},null,L),w=x.value,i&&Object.defineProperty(w,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),w.styles=p(b),i(w,L),w})();export{c as PaginationNavigationButtons};
 //# sourceMappingURL=pagination-navigation-buttons.js.map

package/components/reusable/pagination/pagination-navigation-buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-navigation-buttons.js","sources":["../../../../src/components/reusable/pagination/pagination-navigation-buttons.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { html, LitElement, unsafeCSS } from 'lit';\nimport { property, customElement, state } from 'lit/decorators.js';\n\n// Import required components and icons\nimport '../button';\nimport '../dropdown';\nimport '../numberInput';\nimport chevLeftIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-left.svg';\nimport chevRightIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-right.svg';\n\nimport styles from './pagination-navigation-buttons.scss?inline';\n// import { OF_TEXT, PAGES_TEXT } from './constants';\n\n/**\n * `kyn-pagination-navigation-buttons` Web Component.\n *\n * This component provides navigational controls for pagination.\n * It includes back and next buttons, along with displaying the current page and total pages.\n *\n * @fires on-page-number-change - Dispatched when the page number is changed.\n */\n@customElement('kyn-pagination-navigation-buttons')\nexport class PaginationNavigationButtons extends LitElement {\n  static override styles = unsafeCSS(styles);\n\n  // Current page number, defaults to 0\n  @property({ type: Number, reflect: true })\n  accessor pageNumber = 1;\n\n  // Total number of pages, defaults to 0\n  @property({ type: Number, reflect: true })\n  accessor numberOfPages = 1;\n\n  /** Customizable text strings. Inherited from parent\n   * @internal\n   */\n  @property({ type: Object })\n  accessor textStrings: any = {};\n\n  /** Controls direction that dropdown opens. */\n  @property({ type: String })\n  accessor openDirection: 'auto' | 'up' | 'down' = 'auto';\n\n  /** Available options for the page number. */\n  @state()\n  accessor pageNumberOptions: Array<number> = [];\n\n  // Constant representing the smallest possible page number\n  private readonly SMALLEST_PAGE_NUMBER = 1;\n\n  /** Label for the page size dropdown. Required for accessibility.\n   * @internal\n   */\n  @property({ type: String })\n  accessor pageNumberLabel = 'Page number';\n\n  /**\n   * Handles the button click event, either moving to the next page or previous page\n   * @param {boolean} next - If true, will move to the next page, otherwise to the previous page\n   */\n  private handleButtonClick(next: boolean) {\n    const currentPage = next ? this.pageNumber + 1 : this.pageNumber - 1;\n    this.pageNumber = currentPage;\n\n    // Dispatch a custom event to notify about the page change\n    this.dispatchEvent(\n      new CustomEvent('on-page-number-change', {\n        detail: { value: currentPage },\n        bubbles: true, // Allows parent components to catch it\n        composed: true, // Required for the event to pass through the Shadow DOM boundary\n      })\n    );\n  }\n\n  /**\n   * Handles the dropdown change event.\n   * @param {CustomEvent} event\n   */\n  private handleChange(event: CustomEvent) {\n    this.pageNumber = event.detail.value;\n\n    this.dispatchEvent(\n      new CustomEvent('on-page-number-change', {\n        detail: { value: Number(event.detail.value) },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  override render() {\n    const disableBackButton = this.pageNumber <= this.SMALLEST_PAGE_NUMBER;\n    const disableNextButton = this.pageNumber >= this.numberOfPages;\n\n    // Render back button, current page number, and next button\n    return html`\n      <kyn-button\n        iconposition=\"center\"\n        kind=\"ghost\"\n        type=\"button\"\n        size=\"small\"\n        ?disabled=${disableBackButton}\n        @on-click=${() => this.handleButtonClick(false)}\n        description=${this.textStrings.previousPage}\n      >\n        <span slot=\"icon\">${unsafeSVG(chevLeftIcon)}</span>\n      </kyn-button>\n\n      <span class=\"page-range\" role=\"status\" aria-live=\"polite\">\n        ${this.pageNumberOptions.length > 20\n          ? html`\n              <kyn-number-input\n                name=\"page-number\"\n                label=${this.pageNumberLabel}\n                ?hideLabel=${true}\n                ?inline=${true}\n                size=\"sm\"\n                .value=${this.pageNumber}\n                min=${1}\n                max=${this.numberOfPages}\n                @on-input=${(e: CustomEvent) => this.handleChange(e)}\n              ></kyn-number-input>\n            `\n          : html`\n              <kyn-dropdown\n                name=\"page-number\"\n                class=\"pagination-dropdown\"\n                label=\"${this.pageNumberLabel}\"\n                ?hideLabel=${true}\n                inline\n                size=\"sm\"\n                openDirection=${this.openDirection}\n                value=\"${this.pageNumber.toString()}\"\n                @on-change=${(e: CustomEvent) => this.handleChange(e)}\n              >\n                ${this.pageNumberOptions.map(\n                  (option) => html`\n                    <kyn-dropdown-option value=\"${option.toString()}\">\n                      ${option.toString()}\n                    </kyn-dropdown-option>\n                  `\n                )}\n              </kyn-dropdown>\n            `}\n        ${this.textStrings.of} ${this.numberOfPages} ${this.textStrings.pages}\n      </span>\n\n      <kyn-button\n        iconposition=\"center\"\n        kind=\"ghost\"\n        type=\"button\"\n        size=\"small\"\n        ?disabled=${disableNextButton}\n        @on-click=${() => this.handleButtonClick(true)}\n        description=${this.textStrings.nextPage}\n      >\n        <span slot=\"icon\">${unsafeSVG(chevRightIcon)}</span>\n      </kyn-button>\n    `;\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('numberOfPages')) {\n      this.pageNumberOptions = Array.from(\n        { length: this.numberOfPages },\n        (_, i) => i + 1\n      );\n    }\n  }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-pagination-navigation-buttons': PaginationNavigationButtons;\n  }\n}\n"],"names":["PaginationNavigationButtons","customElement","LitElement","_classThis","_classSuper","pageNumber","__classPrivateFieldGet","this","_PaginationNavigationButtons_pageNumber_accessor_storage","value","__classPrivateFieldSet","numberOfPages","_PaginationNavigationButtons_numberOfPages_accessor_storage","textStrings","_PaginationNavigationButtons_textStrings_accessor_storage","openDirection","_PaginationNavigationButtons_openDirection_accessor_storage","pageNumberOptions","_PaginationNavigationButtons_pageNumberOptions_accessor_storage","pageNumberLabel","_PaginationNavigationButtons_pageNumberLabel_accessor_storage","handleButtonClick","next","currentPage","dispatchEvent","CustomEvent","detail","bubbles","composed","handleChange","event","Number","render","disableBackButton","SMALLEST_PAGE_NUMBER","disableNextButton","html","previousPage","unsafeSVG","chevLeftIcon","length","e","toString","map","option","of","pages","nextPage","chevRightIcon","willUpdate","changedProps","has","Array","from","_","i","set","__runInitializers","_pageNumber_initializers","_pageNumber_extraInitializers","_numberOfPages_initializers","_numberOfPages_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","_openDirection_initializers","_openDirection_extraInitializers","_pageNumberOptions_initializers","_pageNumberOptions_extraInitializers","_pageNumberLabel_initializers","property","type","reflect","_textStrings_decorators","Object","_openDirection_decorators","String","_pageNumberOptions_decorators","state","_pageNumberLabel_decorators","__esDecorate","_pageNumber_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_numberOfPages_decorators","_pageNumberLabel_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}
+{"version":3,"file":"pagination-navigation-buttons.js","sources":["../../../../src/components/reusable/pagination/pagination-navigation-buttons.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { html, LitElement, unsafeCSS } from 'lit';\nimport { property, customElement, state } from 'lit/decorators.js';\n\n// Import required components and icons\nimport '../button';\nimport '../dropdown';\nimport '../numberInput';\nimport chevLeftIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-left.svg';\nimport chevRightIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-right.svg';\n\nimport styles from './pagination-navigation-buttons.scss?inline';\n// import { OF_TEXT, PAGES_TEXT } from './constants';\n\n/**\n * `kyn-pagination-navigation-buttons` Web Component.\n *\n * This component provides navigational controls for pagination.\n * It includes back and next buttons, along with displaying the current page and total pages.\n *\n * @fires on-page-number-change - Dispatched when the page number is changed.\n */\n@customElement('kyn-pagination-navigation-buttons')\nexport class PaginationNavigationButtons extends LitElement {\n  static override styles = unsafeCSS(styles);\n\n  // Current page number, defaults to 0\n  @property({ type: Number, reflect: true })\n  accessor pageNumber = 1;\n\n  // Total number of pages, defaults to 0\n  @property({ type: Number, reflect: true })\n  accessor numberOfPages = 1;\n\n  /** Customizable text strings. Inherited from parent\n   * @internal\n   */\n  @property({ type: Object })\n  accessor textStrings: any = {};\n\n  /** Controls direction that dropdown opens. */\n  @property({ type: String })\n  accessor openDirection: 'auto' | 'up' | 'down' = 'auto';\n\n  /** Available options for the page number. */\n  @state()\n  accessor pageNumberOptions: Array<number> = [];\n\n  // Constant representing the smallest possible page number\n  private readonly SMALLEST_PAGE_NUMBER = 1;\n\n  /** Label for the page size dropdown. Required for accessibility.\n   * @internal\n   */\n  @property({ type: String })\n  accessor pageNumberLabel = 'Page number';\n\n  /**\n   * Handles the button click event, either moving to the next page or previous page\n   * @param {boolean} next - If true, will move to the next page, otherwise to the previous page\n   */\n  private handleButtonClick(next: boolean) {\n    const currentPage = next ? this.pageNumber + 1 : this.pageNumber - 1;\n    this.pageNumber = currentPage;\n\n    // Dispatch a custom event to notify about the page change\n    this.dispatchEvent(\n      new CustomEvent('on-page-number-change', {\n        detail: { value: currentPage },\n        bubbles: true, // Allows parent components to catch it\n        composed: true, // Required for the event to pass through the Shadow DOM boundary\n      })\n    );\n  }\n\n  /**\n   * Handles the dropdown change event.\n   * @param {CustomEvent} event\n   */\n  private handleChange(event: CustomEvent) {\n    this.pageNumber = event.detail.value;\n\n    this.dispatchEvent(\n      new CustomEvent('on-page-number-change', {\n        detail: { value: Number(event.detail.value) },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  override render() {\n    const disableBackButton = this.pageNumber <= this.SMALLEST_PAGE_NUMBER;\n    const disableNextButton = this.pageNumber >= this.numberOfPages;\n\n    // Render back button, current page number, and next button\n    return html`\n      <kyn-button\n        iconposition=\"center\"\n        kind=\"ghost\"\n        type=\"button\"\n        size=\"small\"\n        ?disabled=${disableBackButton}\n        @on-click=${() => this.handleButtonClick(false)}\n        description=${this.textStrings.previousPage}\n      >\n        <span slot=\"icon\">${unsafeSVG(chevLeftIcon)}</span>\n      </kyn-button>\n\n      <span class=\"page-range\" role=\"status\" aria-live=\"polite\">\n        ${this.pageNumberOptions.length > 20\n          ? html`\n              <kyn-number-input\n                class=\"page-number-input\"\n                name=\"page-number\"\n                label=${this.pageNumberLabel}\n                ?hideLabel=${true}\n                ?inline=${true}\n                .inlineBorder=${true}\n                size=\"sm\"\n                .value=${this.pageNumber}\n                min=${1}\n                max=${this.numberOfPages}\n                @on-input=${(e: CustomEvent) => this.handleChange(e)}\n              ></kyn-number-input>\n            `\n          : html`\n              <kyn-dropdown\n                name=\"page-number\"\n                class=\"pagination-dropdown\"\n                label=\"${this.pageNumberLabel}\"\n                ?hideLabel=${true}\n                inline\n                size=\"sm\"\n                openDirection=${this.openDirection}\n                value=\"${this.pageNumber.toString()}\"\n                @on-change=${(e: CustomEvent) => this.handleChange(e)}\n              >\n                ${this.pageNumberOptions.map(\n                  (option) => html`\n                    <kyn-dropdown-option value=\"${option.toString()}\">\n                      ${option.toString()}\n                    </kyn-dropdown-option>\n                  `\n                )}\n              </kyn-dropdown>\n            `}\n        <span class=\"page-total\"\n          >${this.textStrings.of} ${this.numberOfPages}\n          ${this.textStrings.pages}</span\n        >\n      </span>\n\n      <kyn-button\n        iconposition=\"center\"\n        kind=\"ghost\"\n        type=\"button\"\n        size=\"small\"\n        ?disabled=${disableNextButton}\n        @on-click=${() => this.handleButtonClick(true)}\n        description=${this.textStrings.nextPage}\n      >\n        <span slot=\"icon\">${unsafeSVG(chevRightIcon)}</span>\n      </kyn-button>\n    `;\n  }\n\n  override willUpdate(changedProps: any) {\n    if (changedProps.has('numberOfPages')) {\n      this.pageNumberOptions = Array.from(\n        { length: this.numberOfPages },\n        (_, i) => i + 1\n      );\n    }\n  }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-pagination-navigation-buttons': PaginationNavigationButtons;\n  }\n}\n"],"names":["PaginationNavigationButtons","customElement","LitElement","_classThis","_classSuper","pageNumber","__classPrivateFieldGet","this","_PaginationNavigationButtons_pageNumber_accessor_storage","value","__classPrivateFieldSet","numberOfPages","_PaginationNavigationButtons_numberOfPages_accessor_storage","textStrings","_PaginationNavigationButtons_textStrings_accessor_storage","openDirection","_PaginationNavigationButtons_openDirection_accessor_storage","pageNumberOptions","_PaginationNavigationButtons_pageNumberOptions_accessor_storage","pageNumberLabel","_PaginationNavigationButtons_pageNumberLabel_accessor_storage","handleButtonClick","next","currentPage","dispatchEvent","CustomEvent","detail","bubbles","composed","handleChange","event","Number","render","disableBackButton","SMALLEST_PAGE_NUMBER","disableNextButton","html","previousPage","unsafeSVG","chevLeftIcon","length","e","toString","map","option","of","pages","nextPage","chevRightIcon","willUpdate","changedProps","has","Array","from","_","i","set","__runInitializers","_pageNumber_initializers","_pageNumber_extraInitializers","_numberOfPages_initializers","_numberOfPages_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","_openDirection_initializers","_openDirection_extraInitializers","_pageNumberOptions_initializers","_pageNumberOptions_extraInitializers","_pageNumberLabel_initializers","property","type","reflect","_textStrings_decorators","Object","_openDirection_decorators","String","_pageNumberOptions_decorators","state","_pageNumberLabel_decorators","__esDecorate","_pageNumber_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_numberOfPages_decorators","_pageNumberLabel_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyndryl-design-system/shidoka-applications",
-  "version": "2.97.3",
+  "version": "2.97.4",
   "description": "Shidoka Web Components for Applications",
   "license": "MIT",
   "main": "index.js",