@kyndryl-design-system/shidoka-applications 2.113.2 → 2.113.3

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

@@ -5,6 +5,7 @@ declare const NumberInput_base: (new (...args: any[]) => import("../../../common
  * Number input.
  *
  * @fires on-input - Captures the input event and emits the value and original event details.`detail:{ value: number }`
+ * @fires on-change - Emitted when the value is committed (blur after edit, Enter, or stepper click).`detail:{ value: number }`
  * @slot tooltip - Slot for tooltip.
  * @attr {string} [name=''] - The name of the input, used for form submission.
  * @attr {string} [invalidText=''] - The custom validation message when the input is invalid.
@@ -65,12 +66,21 @@ export declare class NumberInput extends NumberInput_base {
      * @ignore
      */
     accessor _inputEl: HTMLInputElement;
+    /**
+     * After a stepper commit, native `change` can still fire on blur for the
+     * same value. Skip that duplicate `on-change`.
+     */
+    private _skipNativeChangeForValue;
     render(): import("lit-html").TemplateResult<1>;
     private _sizeMap;
     private _handleSubtract;
     private _handleAdd;
+    private _handleFocus;
     private _handleInput;
+    private _handleChange;
+    private _handleKeydown;
     private _emitValue;
+    private _emitChange;
     private _validate;
     updated(changedProps: any): void;
     willUpdate(changedProps: any): void;

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;;AAgBnB;;;;;;;;;;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;IA2If,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;;AAgBnB;;;;;;;;;;;GAWG;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;IAErC;;;OAGG;IACH,OAAO,CAAC,yBAAyB,CAAuB;IAE/C,MAAM;IA8If,OAAO,CAAC,QAAQ;IAkBhB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,WAAW;IAenB,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 s,unsafeCSS as o,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{y as k,d as f,w as x,e as y}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DG_R4Jwh.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var w=l`*,
+import{__setFunctionName as e,__esDecorate as t,__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 s,unsafeCSS as o,html as d}from"lit";import{customElement as c,property as h,state as p,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 g}from"../../../common/mixins/form-input.js";import"../button/button.js";import{deepmerge as b}from"deepmerge-ts";import{y as k,d as f,w as x,e as y}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DG_R4Jwh.js";import"lit-html/directives/class-map.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var w=l`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -651,7 +651,7 @@ span[slot=icon] {
 .small_icon > svg {
   width: 14px;
   height: 14px;
-}`;const z={requiredText:"Required",subtract:"Subtract",add:"Add",error:"Error",warning:"Warning"};let _=(()=>{var l,_,$,S,M,E,W,j,q,B,T,V,I,L,N,A;let O,U,Y,C,D,H,P,R,F,G,J,K,Q,X,Z,tt,et,it,at=[c("kyn-number-input")],rt=[],nt=b(s),lt=[],st=[],ot=[],dt=[],ct=[],pt=[],ht=[],ut=[],mt=[],vt=[],bt=[],gt=[],kt=[],ft=[],xt=[],yt=[],wt=[],zt=[],_t=[],$t=[],St=[],Mt=[],Et=[],Wt=[],jt=[],qt=[],Bt=[],Tt=[],Vt=[],It=[],Lt=[],Nt=[];return U=class extends nt{get label(){return a(this,l,"f")}set label(t){r(this,l,t,"f")}get size(){return a(this,_,"f")}set size(t){r(this,_,t,"f")}get placeholder(){return a(this,$,"f")}set placeholder(t){r(this,$,t,"f")}get required(){return a(this,S,"f")}set required(t){r(this,S,t,"f")}get disabled(){return a(this,M,"f")}set disabled(t){r(this,M,t,"f")}get readonly(){return a(this,E,"f")}set readonly(t){r(this,E,t,"f")}get caption(){return a(this,W,"f")}set caption(t){r(this,W,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,B,"f")}set step(t){r(this,B,t,"f")}get hideLabel(){return a(this,T,"f")}set hideLabel(t){r(this,T,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,A,"f")}set _inputEl(t){r(this,A,t,"f")}render(){var t;return d`
+}`;const z={requiredText:"Required",subtract:"Subtract",add:"Add",error:"Error",warning:"Warning"};let _=(()=>{var l,_,$,S,E,M,W,j,q,C,V,N,B,F,T,I;let L,A,O,U,K,Y,D,H,P,R,G,J,Q,X,Z,ee,te,ie,ae=[c("kyn-number-input")],re=[],ne=g(s),le=[],se=[],oe=[],de=[],ce=[],he=[],pe=[],ue=[],me=[],ve=[],ge=[],be=[],ke=[],fe=[],xe=[],ye=[],we=[],ze=[],_e=[],$e=[],Se=[],Ee=[],Me=[],We=[],je=[],qe=[],Ce=[],Ve=[],Ne=[],Be=[],Fe=[],Te=[];return A=class extends ne{constructor(){super(...arguments),l.set(this,i(this,le,"")),_.set(this,(i(this,se),i(this,oe,"md"))),this.value=(i(this,de),0),$.set(this,i(this,ce,"")),S.set(this,(i(this,he),i(this,pe,!1))),E.set(this,(i(this,ue),i(this,me,!1))),M.set(this,(i(this,ve),i(this,ge,!1))),W.set(this,(i(this,be),i(this,ke,""))),j.set(this,(i(this,fe),i(this,xe,void 0))),q.set(this,(i(this,ye),i(this,we,void 0))),C.set(this,(i(this,ze),i(this,_e,1))),V.set(this,(i(this,$e),i(this,Se,!1))),N.set(this,(i(this,Ee),i(this,Me,!1))),B.set(this,(i(this,We),i(this,je,!1))),F.set(this,(i(this,qe),i(this,Ce,z))),T.set(this,(i(this,Ve),i(this,Ne,z))),I.set(this,(i(this,Be),i(this,Fe,void 0))),this._skipNativeChangeForValue=(i(this,Te),null)}get label(){return a(this,l,"f")}set label(e){r(this,l,e,"f")}get size(){return a(this,_,"f")}set size(e){r(this,_,e,"f")}get placeholder(){return a(this,$,"f")}set placeholder(e){r(this,$,e,"f")}get required(){return a(this,S,"f")}set required(e){r(this,S,e,"f")}get disabled(){return a(this,E,"f")}set disabled(e){r(this,E,e,"f")}get readonly(){return a(this,M,"f")}set readonly(e){r(this,M,e,"f")}get caption(){return a(this,W,"f")}set caption(e){r(this,W,e,"f")}get max(){return a(this,j,"f")}set max(e){r(this,j,e,"f")}get min(){return a(this,q,"f")}set min(e){r(this,q,e,"f")}get step(){return a(this,C,"f")}set step(e){r(this,C,e,"f")}get hideLabel(){return a(this,V,"f")}set hideLabel(e){r(this,V,e,"f")}get inline(){return a(this,N,"f")}set inline(e){r(this,N,e,"f")}get inlineBorder(){return a(this,B,"f")}set inlineBorder(e){r(this,B,e,"f")}get textStrings(){return a(this,F,"f")}set textStrings(e){r(this,F,e,"f")}get _textStrings(){return a(this,T,"f")}set _textStrings(e){r(this,T,e,"f")}get _inputEl(){return a(this,I,"f")}set _inputEl(e){r(this,I,e,"f")}render(){var e;return d`
       <div class="number-input" ?disabled=${this.disabled}>
         <label
           class="label-text ${this.hideLabel||this.inline?"sr-only":""}"
@@ -662,7 +662,7 @@ span[slot=icon] {
                   class="required"
                   title=${this._textStrings.requiredText}
                   role="img"
-                  aria-label=${null===(t=this._textStrings)||void 0===t?void 0:t.requiredText}
+                  aria-label=${null===(e=this._textStrings)||void 0===e?void 0:e.requiredText}
                 >
                   *
                 </abbr>
@@ -704,7 +704,10 @@ span[slot=icon] {
             step=${m(this.step)}
             min=${m(this.min)}
             max=${m(this.max)}
-            @input=${t=>this._handleInput(t)}
+            @focus=${this._handleFocus}
+            @input=${e=>this._handleInput(e)}
+            @change=${e=>this._handleChange(e)}
+            @keydown=${e=>this._handleKeydown(e)}
           />
 
           ${this.inline?null:d`<kyn-button
@@ -756,5 +759,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(z,this.textStrings))}constructor(){super(...arguments),l.set(this,i(this,lt,"")),_.set(this,(i(this,st),i(this,ot,"md"))),this.value=(i(this,dt),0),$.set(this,i(this,ct,"")),S.set(this,(i(this,pt),i(this,ht,!1))),M.set(this,(i(this,ut),i(this,mt,!1))),E.set(this,(i(this,vt),i(this,bt,!1))),W.set(this,(i(this,gt),i(this,kt,""))),j.set(this,(i(this,ft),i(this,xt,void 0))),q.set(this,(i(this,yt),i(this,wt,void 0))),B.set(this,(i(this,zt),i(this,_t,1))),T.set(this,(i(this,$t),i(this,St,!1))),V.set(this,(i(this,Mt),i(this,Et,!1))),I.set(this,(i(this,Wt),i(this,jt,!1))),L.set(this,(i(this,qt),i(this,Bt,z))),N.set(this,(i(this,Tt),i(this,Vt,z))),A.set(this,(i(this,It),i(this,Lt,void 0))),i(this,Nt)}},l=new WeakMap,_=new WeakMap,$=new WeakMap,S=new WeakMap,M=new WeakMap,E=new WeakMap,W=new WeakMap,j=new WeakMap,q=new WeakMap,B=new WeakMap,T=new WeakMap,V=new WeakMap,I=new WeakMap,L=new WeakMap,N=new WeakMap,A=new WeakMap,t(U,"NumberInput"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=nt[Symbol.metadata])&&void 0!==t?t:null):void 0;Y=[p({type:String})],C=[p({type:String})],D=[p({type:String})],H=[p({type:Boolean})],P=[p({type:Boolean})],R=[p({type:Boolean})],F=[p({type:String})],G=[p({type:Number})],J=[p({type:Number})],K=[p({type:Number})],Q=[p({type:Boolean})],X=[p({type:Boolean})],Z=[p({type:Boolean})],tt=[p({type:Object})],et=[h()],it=[u("input")],e(U,null,Y,{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},lt,st),e(U,null,C,{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,dt),e(U,null,D,{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},ct,pt),e(U,null,H,{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},ht,ut),e(U,null,P,{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},mt,vt),e(U,null,R,{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},bt,gt),e(U,null,F,{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},kt,ft),e(U,null,G,{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},xt,yt),e(U,null,J,{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},wt,zt),e(U,null,K,{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},_t,$t),e(U,null,Q,{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},St,Mt),e(U,null,X,{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},Et,Wt),e(U,null,Z,{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(U,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},Bt,Tt),e(U,null,et,{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(U,null,it,{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,O={value:U},at,{kind:"class",name:U.name,metadata:i},null,rt),U=O.value,i&&Object.defineProperty(U,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),U.styles=o(w),i(U,rt),U})();export{_ as NumberInput};
+    `}_sizeMap(e){let t="medium";switch(e){case"lg":t="large";break;case"sm":t="small";break;case"xs":t="extra-small"}return t}_handleSubtract(){this.readonly||(this._inputEl.stepDown(),this.value=Number(this._inputEl.value),this._validate(!0,!1),this._emitValue(),this._emitChange(),this._skipNativeChangeForValue=this.value)}_handleAdd(){this.readonly||(this._inputEl.stepUp(),this.value=Number(this._inputEl.value),this._validate(!0,!1),this._emitValue(),this._emitChange(),this._skipNativeChangeForValue=this.value)}_handleFocus(){this._skipNativeChangeForValue=null}_handleInput(e){""===e.target.value?(this.value=0,this._inputEl.value="0"):this.value=Number(e.target.value),this._validate(!0,!1),this._emitValue(e)}_handleChange(e){null===this._skipNativeChangeForValue||this.value!==this._skipNativeChangeForValue?(this._skipNativeChangeForValue=null,this._validate(!0,!1),this._emitChange(e)):this._skipNativeChangeForValue=null}_handleKeydown(e){"Enter"===e.key&&e.target.blur()}_emitValue(e){const t={value:this.value};e&&(t.origEvent=e);const i=new CustomEvent("on-input",{detail:t});this.dispatchEvent(i)}_emitChange(e){const t={value:this.value};e&&(t.origEvent=e),this.dispatchEvent(new CustomEvent("on-change",{detail:t}))}_validate(e,t){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),e&&(this._internalValidationMsg=this._inputEl.validationMessage),t&&this._internals.reportValidity()}updated(e){this._onUpdated(e),e.has("value")&&(this._inputEl.value=this.value.toString())}willUpdate(e){e.has("textStrings")&&(this._textStrings=b(z,this.textStrings))}},l=new WeakMap,_=new WeakMap,$=new WeakMap,S=new WeakMap,E=new WeakMap,M=new WeakMap,W=new WeakMap,j=new WeakMap,q=new WeakMap,C=new WeakMap,V=new WeakMap,N=new WeakMap,B=new WeakMap,F=new WeakMap,T=new WeakMap,I=new WeakMap,e(A,"NumberInput"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=ne[Symbol.metadata])&&void 0!==e?e:null):void 0;O=[h({type:String})],U=[h({type:String})],K=[h({type:String})],Y=[h({type:Boolean})],D=[h({type:Boolean})],H=[h({type:Boolean})],P=[h({type:String})],R=[h({type:Number})],G=[h({type:Number})],J=[h({type:Number})],Q=[h({type:Boolean})],X=[h({type:Boolean})],Z=[h({type:Boolean})],ee=[h({type:Object})],te=[p()],ie=[u("input")],t(A,null,O,{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},le,se),t(A,null,U,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:i},oe,de),t(A,null,K,{kind:"accessor",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:i},ce,he),t(A,null,Y,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:i},pe,ue),t(A,null,D,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:i},me,ve),t(A,null,H,{kind:"accessor",name:"readonly",static:!1,private:!1,access:{has:e=>"readonly"in e,get:e=>e.readonly,set:(e,t)=>{e.readonly=t}},metadata:i},ge,be),t(A,null,P,{kind:"accessor",name:"caption",static:!1,private:!1,access:{has:e=>"caption"in e,get:e=>e.caption,set:(e,t)=>{e.caption=t}},metadata:i},ke,fe),t(A,null,R,{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},xe,ye),t(A,null,G,{kind:"accessor",name:"min",static:!1,private:!1,access:{has:e=>"min"in e,get:e=>e.min,set:(e,t)=>{e.min=t}},metadata:i},we,ze),t(A,null,J,{kind:"accessor",name:"step",static:!1,private:!1,access:{has:e=>"step"in e,get:e=>e.step,set:(e,t)=>{e.step=t}},metadata:i},_e,$e),t(A,null,Q,{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},Se,Ee),t(A,null,X,{kind:"accessor",name:"inline",static:!1,private:!1,access:{has:e=>"inline"in e,get:e=>e.inline,set:(e,t)=>{e.inline=t}},metadata:i},Me,We),t(A,null,Z,{kind:"accessor",name:"inlineBorder",static:!1,private:!1,access:{has:e=>"inlineBorder"in e,get:e=>e.inlineBorder,set:(e,t)=>{e.inlineBorder=t}},metadata:i},je,qe),t(A,null,ee,{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},Ce,Ve),t(A,null,te,{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},Ne,Be),t(A,null,ie,{kind:"accessor",name:"_inputEl",static:!1,private:!1,access:{has:e=>"_inputEl"in e,get:e=>e._inputEl,set:(e,t)=>{e._inputEl=t}},metadata:i},Fe,Te),t(null,L={value:A},ae,{kind:"class",name:A.name,metadata:i},null,re),A=L.value,i&&Object.defineProperty(A,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),A.styles=o(w),i(A,re),A})();export{_ 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';\nimport warningIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/warning-filled.svg';\n\nconst _defaultTextStrings = {\n  requiredText: 'Required',\n  subtract: 'Subtract',\n  add: 'Add',\n  error: 'Error',\n  warning: 'Warning',\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 * @attr {string} [warnText=''] - The custom warning message when the input is in a warning state.\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\n                  slot=\"icon\"\n                  class=${this.size === 'xs' || this.size === 'sm'\n                    ? 'small_icon'\n                    : ''}\n                  >${unsafeSVG(chevronLeft)}</span\n                >\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\n                  slot=\"icon\"\n                  class=${this.size === 'xs' || this.size === 'sm'\n                    ? 'icon_size'\n                    : ''}\n                  >${unsafeSVG(chevronRight)}</span\n                >\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.warnText\n          ? html`\n              <div\n                class=\"warn warn-text ${this.inline ? 'sr-only' : ''}\"\n                role=\"alert\"\n                title=${this._textStrings.warning || 'Warning'}\n                tabindex=\"0\"\n              >\n                <span\n                  class=\"warning-icon\"\n                  role=\"img\"\n                  aria-label=${this._textStrings.warning ||\n                  'Warning message icon'}\n                >\n                  ${unsafeSVG(warningIcon)}\n                </span>\n                ${this.warnText}\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","warning","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","warnText","warningIcon","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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"}
+{"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';\nimport warningIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/warning-filled.svg';\n\nconst _defaultTextStrings = {\n  requiredText: 'Required',\n  subtract: 'Subtract',\n  add: 'Add',\n  error: 'Error',\n  warning: 'Warning',\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 * @fires on-change - Emitted when the value is committed (blur after edit, Enter, or stepper click).`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 * @attr {string} [warnText=''] - The custom warning message when the input is in a warning state.\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  /**\n   * After a stepper commit, native `change` can still fire on blur for the\n   * same value. Skip that duplicate `on-change`.\n   */\n  private _skipNativeChangeForValue: number | null = null;\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\n                  slot=\"icon\"\n                  class=${this.size === 'xs' || this.size === 'sm'\n                    ? 'small_icon'\n                    : ''}\n                  >${unsafeSVG(chevronLeft)}</span\n                >\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            @focus=${this._handleFocus}\n            @input=${(e: any) => this._handleInput(e)}\n            @change=${(e: Event) => this._handleChange(e)}\n            @keydown=${(e: KeyboardEvent) => this._handleKeydown(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\n                  slot=\"icon\"\n                  class=${this.size === 'xs' || this.size === 'sm'\n                    ? 'icon_size'\n                    : ''}\n                  >${unsafeSVG(chevronRight)}</span\n                >\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.warnText\n          ? html`\n              <div\n                class=\"warn warn-text ${this.inline ? 'sr-only' : ''}\"\n                role=\"alert\"\n                title=${this._textStrings.warning || 'Warning'}\n                tabindex=\"0\"\n              >\n                <span\n                  class=\"warning-icon\"\n                  role=\"img\"\n                  aria-label=${this._textStrings.warning ||\n                  'Warning message icon'}\n                >\n                  ${unsafeSVG(warningIcon)}\n                </span>\n                ${this.warnText}\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    this._emitChange();\n    // Stepper already committed; ignore a later blur `change` for this value.\n    this._skipNativeChangeForValue = this.value;\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    this._emitChange();\n    // Stepper already committed; ignore a later blur `change` for this value.\n    this._skipNativeChangeForValue = this.value;\n  }\n\n  private _handleFocus() {\n    // New edit session: allow a later blur commit even if it matches a\n    // previous stepper value (e.g. user changes away and back).\n    this._skipNativeChangeForValue = null;\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 _handleChange(e: Event) {\n    if (\n      this._skipNativeChangeForValue !== null &&\n      this.value === this._skipNativeChangeForValue\n    ) {\n      this._skipNativeChangeForValue = null;\n      return;\n    }\n\n    this._skipNativeChangeForValue = null;\n    this._validate(true, false);\n    this._emitChange(e);\n  }\n\n  private _handleKeydown(e: KeyboardEvent) {\n    if (e.key !== 'Enter') return;\n    // Blur commits via the native change event when the value changed.\n    (e.target as HTMLInputElement).blur();\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 _emitChange(e?: Event) {\n    const Detail: any = {\n      value: this.value,\n    };\n    if (e) {\n      Detail.origEvent = e;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('on-change', {\n        detail: Detail,\n      })\n    );\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","warning","NumberInput","customElement","FormMixin","LitElement","_classThis","_classSuper","_NumberInput_label_accessor_storage","set","this","__runInitializers","_label_initializers","_NumberInput_size_accessor_storage","_label_extraInitializers","_size_initializers","value","_size_extraInitializers","_NumberInput_placeholder_accessor_storage","_placeholder_initializers","_NumberInput_required_accessor_storage","_placeholder_extraInitializers","_required_initializers","_NumberInput_disabled_accessor_storage","_required_extraInitializers","_disabled_initializers","_NumberInput_readonly_accessor_storage","_disabled_extraInitializers","_readonly_initializers","_NumberInput_caption_accessor_storage","_readonly_extraInitializers","_caption_initializers","_NumberInput_max_accessor_storage","_caption_extraInitializers","_max_initializers","_NumberInput_min_accessor_storage","_max_extraInitializers","_min_initializers","_NumberInput_step_accessor_storage","_min_extraInitializers","_step_initializers","_NumberInput_hideLabel_accessor_storage","_step_extraInitializers","_hideLabel_initializers","_NumberInput_inline_accessor_storage","_hideLabel_extraInitializers","_inline_initializers","_NumberInput_inlineBorder_accessor_storage","_inline_extraInitializers","_inlineBorder_initializers","_NumberInput_textStrings_accessor_storage","_inlineBorder_extraInitializers","_textStrings_initializers","_NumberInput__textStrings_accessor_storage","_textStrings_extraInitializers","__textStrings_initializers","_NumberInput__inputEl_accessor_storage","__textStrings_extraInitializers","__inputEl_initializers","_skipNativeChangeForValue","__inputEl_extraInitializers","label","__classPrivateFieldGet","__classPrivateFieldSet","size","placeholder","required","disabled","readonly","caption","max","min","step","hideLabel","inline","inlineBorder","textStrings","_textStrings","_inputEl","render","html","name","_a","classMap","_sizeMap","_handleSubtract","unsafeSVG","chevronLeft","toString","_isInvalid","ifDefined","_handleFocus","e","_handleInput","_handleChange","_handleKeydown","_handleAdd","chevronRight","warnText","warningIcon","errorIcon","invalidText","_internalValidationMsg","btnSize","stepDown","Number","_validate","_emitValue","_emitChange","stepUp","target","key","blur","Detail","origEvent","event","CustomEvent","detail","dispatchEvent","interacted","report","Validity","validity","customError","ValidationMessage","validationMessage","_internals","setValidity","reportValidity","updated","changedProps","_onUpdated","has","willUpdate","deepmerge","_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","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}

package/components/reusable/pagination/Pagination.d.ts

@@ -10,7 +10,7 @@ import './pagination-navigation-buttons';
  * Integrates with other utility components like items range display, page size dropdown,
  * and navigation buttons.
  * @fires on-page-size-change - Dispatched when the page size changes.`detail:{ value: number }`
- * @fires on-page-number-change - Dispatched when the currently active page changes.`detail:{ value: number }`
+ * @fires on-page-number-change - Dispatched when the currently active page is committed.`detail:{ value: number }`
  *
  */
 export declare class Pagination extends LitElement {

package/components/reusable/pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/pagination/Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAMlD,OAAO,0BAA0B,CAAC;AAClC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AAEzC;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAAqB;IAE3C,kDAAkD;IAElD,QAAQ,CAAC,KAAK,SAAK;IAEnB,kCAAkC;IAElC,QAAQ,CAAC,UAAU,SAAK;IAExB,0CAA0C;IAE1C,QAAQ,CAAC,QAAQ,SAAK;IAEtB,2CAA2C;IAE3C,QAAQ,CAAC,eAAe,EAAE,MAAM,EAAE,CAAgC;IAElE,uBAAuB;IAEvB,QAAQ,CAAC,cAAc,SAAK;IAE5B,oEAAoE;IAEpE,QAAQ,CAAC,qBAAqB,SAAmB;IAEjD,oEAAoE;IAEpE,QAAQ,CAAC,eAAe,SAAqB;IAE7C,8CAA8C;IAE9C,QAAQ,CAAC,cAAc,UAAS;IAEhC,6CAA6C;IAE7C,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,6CAA6C;IAE7C,QAAQ,CAAC,qBAAqB,UAAS;IAEvC,8CAA8C;IAE9C,QAAQ,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAU;IAExD,gCAAgC;IAEhC,QAAQ,CAAC,WAAW;;;;;;;;MAQlB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,oBAAoB;IAK5B;;;;;OAKG;IACH,OAAO,CAAC,sBAAsB;IAIrB,MAAM;IAuCN,OAAO,CAAC,YAAY,EAAE,GAAG;CAQnC;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,UAAU,CAAC;KAC9B;CACF"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/pagination/Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAMlD,OAAO,0BAA0B,CAAC;AAClC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AAEzC;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAAqB;IAE3C,kDAAkD;IAElD,QAAQ,CAAC,KAAK,SAAK;IAEnB,kCAAkC;IAElC,QAAQ,CAAC,UAAU,SAAK;IAExB,0CAA0C;IAE1C,QAAQ,CAAC,QAAQ,SAAK;IAEtB,2CAA2C;IAE3C,QAAQ,CAAC,eAAe,EAAE,MAAM,EAAE,CAAgC;IAElE,uBAAuB;IAEvB,QAAQ,CAAC,cAAc,SAAK;IAE5B,oEAAoE;IAEpE,QAAQ,CAAC,qBAAqB,SAAmB;IAEjD,oEAAoE;IAEpE,QAAQ,CAAC,eAAe,SAAqB;IAE7C,8CAA8C;IAE9C,QAAQ,CAAC,cAAc,UAAS;IAEhC,6CAA6C;IAE7C,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,6CAA6C;IAE7C,QAAQ,CAAC,qBAAqB,UAAS;IAEvC,8CAA8C;IAE9C,QAAQ,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAU;IAExD,gCAAgC;IAEhC,QAAQ,CAAC,WAAW;;;;;;;;MAQlB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,oBAAoB;IAK5B;;;;;OAKG;IACH,OAAO,CAAC,sBAAsB;IASrB,MAAM;IAuCN,OAAO,CAAC,YAAY,EAAE,GAAG;CAQnC;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,UAAU,CAAC;KAC9B;CACF"}

package/components/reusable/pagination/Pagination.js

@@ -1,4 +1,4 @@
-import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as s}from"tslib";import{LitElement as n,unsafeCSS as o,html as r}from"lit";import{customElement as p,property as g,state as h}from"lit/decorators.js";import{c as m}from"../../../pagination-0XbKxe9y.js";import"./pagination-items-range.js";import"./pagination-page-size-dropdown.js";import"./pagination-navigation-buttons.js";import"../dropdown/dropdown.js";import"lit-html/directives/unsafe-svg.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"@floating-ui/dom";import"../../../common/mixins/form-input.js";import"deepmerge-ts";import"../dropdown/dropdownOption.js";import"../checkbox/checkbox.js";import"lit-html/directives/class-map.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DG_R4Jwh.js";import"../checkbox/checkboxSubgroup.js";import"../dropdown/enhancedDropdownOption.js";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"../dropdown/dropdownCategory.js";import"../numberInput/numberInput.js";let c=(()=>{var c,u,d,l,b,S,f,k,z,w,v,N;let j,y,P,D,x,O,$,L,I,M,W,B,_,R,C=[p("kyn-pagination")],G=[],A=n,q=[],E=[],F=[],H=[],J=[],K=[],Q=[],T=[],U=[],V=[],X=[],Y=[],Z=[],ee=[],te=[],ie=[],ae=[],se=[],ne=[],oe=[],re=[],pe=[],ge=[],he=[];return y=class extends A{get count(){return a(this,c,"f")}set count(e){s(this,c,e,"f")}get pageNumber(){return a(this,u,"f")}set pageNumber(e){s(this,u,e,"f")}get pageSize(){return a(this,d,"f")}set pageSize(e){s(this,d,e,"f")}get pageSizeOptions(){return a(this,l,"f")}set pageSizeOptions(e){s(this,l,e,"f")}get _numberOfPages(){return a(this,b,"f")}set _numberOfPages(e){s(this,b,e,"f")}get pageSizeDropdownLabel(){return a(this,S,"f")}set pageSizeDropdownLabel(e){s(this,S,e,"f")}get pageNumberLabel(){return a(this,f,"f")}set pageNumberLabel(e){s(this,f,e,"f")}get hideItemsRange(){return a(this,k,"f")}set hideItemsRange(e){s(this,k,e,"f")}get hidePageSizeDropdown(){return a(this,z,"f")}set hidePageSizeDropdown(e){s(this,z,e,"f")}get hideNavigationButtons(){return a(this,w,"f")}set hideNavigationButtons(e){s(this,w,e,"f")}get openDirection(){return a(this,v,"f")}set openDirection(e){s(this,v,e,"f")}get textStrings(){return a(this,N,"f")}set textStrings(e){s(this,N,e,"f")}handlePageSizeChange(e){this.pageSize=e.detail.value,this.pageNumber=1}handlePageNumberChange(e){this.pageNumber=e.detail.value}render(){return r`
+import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as s}from"tslib";import{LitElement as n,unsafeCSS as o,html as r}from"lit";import{customElement as p,property as g,state as h}from"lit/decorators.js";import{c as m}from"../../../pagination-0XbKxe9y.js";import"./pagination-items-range.js";import"./pagination-page-size-dropdown.js";import"./pagination-navigation-buttons.js";import"../dropdown/dropdown.js";import"lit-html/directives/unsafe-svg.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"@floating-ui/dom";import"../../../common/mixins/form-input.js";import"deepmerge-ts";import"../dropdown/dropdownOption.js";import"../checkbox/checkbox.js";import"lit-html/directives/class-map.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DG_R4Jwh.js";import"../checkbox/checkboxSubgroup.js";import"../dropdown/enhancedDropdownOption.js";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"../dropdown/dropdownCategory.js";import"../numberInput/numberInput.js";let c=(()=>{var c,u,d,l,b,S,f,k,z,w,v,N;let j,P,y,x,D,O,$,L,M,I,W,B,_,R,C=[p("kyn-pagination")],G=[],A=n,F=[],q=[],E=[],H=[],J=[],K=[],Q=[],T=[],U=[],V=[],X=[],Y=[],Z=[],ee=[],te=[],ie=[],ae=[],se=[],ne=[],oe=[],re=[],pe=[],ge=[],he=[];return P=class extends A{get count(){return a(this,c,"f")}set count(e){s(this,c,e,"f")}get pageNumber(){return a(this,u,"f")}set pageNumber(e){s(this,u,e,"f")}get pageSize(){return a(this,d,"f")}set pageSize(e){s(this,d,e,"f")}get pageSizeOptions(){return a(this,l,"f")}set pageSizeOptions(e){s(this,l,e,"f")}get _numberOfPages(){return a(this,b,"f")}set _numberOfPages(e){s(this,b,e,"f")}get pageSizeDropdownLabel(){return a(this,S,"f")}set pageSizeDropdownLabel(e){s(this,S,e,"f")}get pageNumberLabel(){return a(this,f,"f")}set pageNumberLabel(e){s(this,f,e,"f")}get hideItemsRange(){return a(this,k,"f")}set hideItemsRange(e){s(this,k,e,"f")}get hidePageSizeDropdown(){return a(this,z,"f")}set hidePageSizeDropdown(e){s(this,z,e,"f")}get hideNavigationButtons(){return a(this,w,"f")}set hideNavigationButtons(e){s(this,w,e,"f")}get openDirection(){return a(this,v,"f")}set openDirection(e){s(this,v,e,"f")}get textStrings(){return a(this,N,"f")}set textStrings(e){s(this,N,e,"f")}handlePageSizeChange(e){this.pageSize=e.detail.value,this.pageNumber=1}handlePageNumberChange(e){const t=Number(e.detail.value);Number.isFinite(t)&&(this.pageNumber=Math.min(this._numberOfPages,Math.max(1,Math.trunc(t))))}render(){return r`
       ${this.hideItemsRange?null:r`
             <kyn-pagination-items-range
               .pageNumber=${this.pageNumber}
@@ -27,5 +27,5 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPr
               @on-page-number-change=${this.handlePageNumberChange}
             ></kyn-pagination-navigation-buttons>
           `}
-    `}updated(e){(e.has("count")||e.has("pageSize"))&&this.pageSize&&this.count&&(this._numberOfPages=Math.ceil(this.count/this.pageSize))}constructor(){super(...arguments),c.set(this,i(this,q,0)),u.set(this,(i(this,E),i(this,F,1))),d.set(this,(i(this,H),i(this,J,5))),l.set(this,(i(this,K),i(this,Q,[5,10,20,30,40,50,100]))),b.set(this,(i(this,T),i(this,U,1))),S.set(this,(i(this,V),i(this,X,"Items Per Page:"))),f.set(this,(i(this,Y),i(this,Z,"Page Number"))),k.set(this,(i(this,ee),i(this,te,!1))),z.set(this,(i(this,ie),i(this,ae,!1))),w.set(this,(i(this,se),i(this,ne,!1))),v.set(this,(i(this,oe),i(this,re,"auto"))),N.set(this,(i(this,pe),i(this,ge,{showing:"Showing",of:"of",items:"items",pages:"pages",itemsPerPage:"Items per page:",previousPage:"Previous page",nextPage:"Next page"}))),i(this,he)}},c=new WeakMap,u=new WeakMap,d=new WeakMap,l=new WeakMap,b=new WeakMap,S=new WeakMap,f=new WeakMap,k=new WeakMap,z=new WeakMap,w=new WeakMap,v=new WeakMap,N=new WeakMap,e(y,"Pagination"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=A[Symbol.metadata])&&void 0!==e?e:null):void 0;P=[g({type:Number,reflect:!0})],D=[g({type:Number,reflect:!0})],x=[g({type:Number,reflect:!0})],O=[g({type:Array})],$=[h()],L=[g({type:String})],I=[g({type:String})],M=[g({type:Boolean})],W=[g({type:Boolean})],B=[g({type:Boolean})],_=[g({type:String})],R=[g({type:Object})],t(y,null,P,{kind:"accessor",name:"count",static:!1,private:!1,access:{has:e=>"count"in e,get:e=>e.count,set:(e,t)=>{e.count=t}},metadata:i},q,E),t(y,null,D,{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},F,H),t(y,null,x,{kind:"accessor",name:"pageSize",static:!1,private:!1,access:{has:e=>"pageSize"in e,get:e=>e.pageSize,set:(e,t)=>{e.pageSize=t}},metadata:i},J,K),t(y,null,O,{kind:"accessor",name:"pageSizeOptions",static:!1,private:!1,access:{has:e=>"pageSizeOptions"in e,get:e=>e.pageSizeOptions,set:(e,t)=>{e.pageSizeOptions=t}},metadata:i},Q,T),t(y,null,$,{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},U,V),t(y,null,L,{kind:"accessor",name:"pageSizeDropdownLabel",static:!1,private:!1,access:{has:e=>"pageSizeDropdownLabel"in e,get:e=>e.pageSizeDropdownLabel,set:(e,t)=>{e.pageSizeDropdownLabel=t}},metadata:i},X,Y),t(y,null,I,{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},Z,ee),t(y,null,M,{kind:"accessor",name:"hideItemsRange",static:!1,private:!1,access:{has:e=>"hideItemsRange"in e,get:e=>e.hideItemsRange,set:(e,t)=>{e.hideItemsRange=t}},metadata:i},te,ie),t(y,null,W,{kind:"accessor",name:"hidePageSizeDropdown",static:!1,private:!1,access:{has:e=>"hidePageSizeDropdown"in e,get:e=>e.hidePageSizeDropdown,set:(e,t)=>{e.hidePageSizeDropdown=t}},metadata:i},ae,se),t(y,null,B,{kind:"accessor",name:"hideNavigationButtons",static:!1,private:!1,access:{has:e=>"hideNavigationButtons"in e,get:e=>e.hideNavigationButtons,set:(e,t)=>{e.hideNavigationButtons=t}},metadata:i},ne,oe),t(y,null,_,{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},re,pe),t(y,null,R,{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},ge,he),t(null,j={value:y},C,{kind:"class",name:y.name,metadata:i},null,G),y=j.value,i&&Object.defineProperty(y,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),y.styles=o(m),i(y,G),y})();export{c as Pagination};
+    `}updated(e){(e.has("count")||e.has("pageSize"))&&this.pageSize&&this.count&&(this._numberOfPages=Math.ceil(this.count/this.pageSize))}constructor(){super(...arguments),c.set(this,i(this,F,0)),u.set(this,(i(this,q),i(this,E,1))),d.set(this,(i(this,H),i(this,J,5))),l.set(this,(i(this,K),i(this,Q,[5,10,20,30,40,50,100]))),b.set(this,(i(this,T),i(this,U,1))),S.set(this,(i(this,V),i(this,X,"Items Per Page:"))),f.set(this,(i(this,Y),i(this,Z,"Page Number"))),k.set(this,(i(this,ee),i(this,te,!1))),z.set(this,(i(this,ie),i(this,ae,!1))),w.set(this,(i(this,se),i(this,ne,!1))),v.set(this,(i(this,oe),i(this,re,"auto"))),N.set(this,(i(this,pe),i(this,ge,{showing:"Showing",of:"of",items:"items",pages:"pages",itemsPerPage:"Items per page:",previousPage:"Previous page",nextPage:"Next page"}))),i(this,he)}},c=new WeakMap,u=new WeakMap,d=new WeakMap,l=new WeakMap,b=new WeakMap,S=new WeakMap,f=new WeakMap,k=new WeakMap,z=new WeakMap,w=new WeakMap,v=new WeakMap,N=new WeakMap,e(P,"Pagination"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=A[Symbol.metadata])&&void 0!==e?e:null):void 0;y=[g({type:Number,reflect:!0})],x=[g({type:Number,reflect:!0})],D=[g({type:Number,reflect:!0})],O=[g({type:Array})],$=[h()],L=[g({type:String})],M=[g({type:String})],I=[g({type:Boolean})],W=[g({type:Boolean})],B=[g({type:Boolean})],_=[g({type:String})],R=[g({type:Object})],t(P,null,y,{kind:"accessor",name:"count",static:!1,private:!1,access:{has:e=>"count"in e,get:e=>e.count,set:(e,t)=>{e.count=t}},metadata:i},F,q),t(P,null,x,{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},E,H),t(P,null,D,{kind:"accessor",name:"pageSize",static:!1,private:!1,access:{has:e=>"pageSize"in e,get:e=>e.pageSize,set:(e,t)=>{e.pageSize=t}},metadata:i},J,K),t(P,null,O,{kind:"accessor",name:"pageSizeOptions",static:!1,private:!1,access:{has:e=>"pageSizeOptions"in e,get:e=>e.pageSizeOptions,set:(e,t)=>{e.pageSizeOptions=t}},metadata:i},Q,T),t(P,null,$,{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},U,V),t(P,null,L,{kind:"accessor",name:"pageSizeDropdownLabel",static:!1,private:!1,access:{has:e=>"pageSizeDropdownLabel"in e,get:e=>e.pageSizeDropdownLabel,set:(e,t)=>{e.pageSizeDropdownLabel=t}},metadata:i},X,Y),t(P,null,M,{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},Z,ee),t(P,null,I,{kind:"accessor",name:"hideItemsRange",static:!1,private:!1,access:{has:e=>"hideItemsRange"in e,get:e=>e.hideItemsRange,set:(e,t)=>{e.hideItemsRange=t}},metadata:i},te,ie),t(P,null,W,{kind:"accessor",name:"hidePageSizeDropdown",static:!1,private:!1,access:{has:e=>"hidePageSizeDropdown"in e,get:e=>e.hidePageSizeDropdown,set:(e,t)=>{e.hidePageSizeDropdown=t}},metadata:i},ae,se),t(P,null,B,{kind:"accessor",name:"hideNavigationButtons",static:!1,private:!1,access:{has:e=>"hideNavigationButtons"in e,get:e=>e.hideNavigationButtons,set:(e,t)=>{e.hideNavigationButtons=t}},metadata:i},ne,oe),t(P,null,_,{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},re,pe),t(P,null,R,{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},ge,he),t(null,j={value:P},C,{kind:"class",name:P.name,metadata:i},null,G),P=j.value,i&&Object.defineProperty(P,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),P.styles=o(m),i(P,G),P})();export{c as Pagination};
 //# sourceMappingURL=Pagination.js.map

package/components/reusable/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/reusable/pagination/Pagination.ts","../../../../src/components/reusable/pagination/constants.sample.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { PAGE_SIZE_LABEL, PAGE_NUMBER_LABEL } from './constants.sample';\nimport styles from './pagination.scss?inline';\n\nimport './pagination-items-range';\nimport './pagination-page-size-dropdown';\nimport './pagination-navigation-buttons';\n\n/**\n * `kyn-pagination` Web Component.\n *\n * A component that provides pagination functionality, enabling the user to\n * navigate through large datasets by splitting them into discrete chunks.\n * Integrates with other utility components like items range display, page size dropdown,\n * and navigation buttons.\n * @fires on-page-size-change - Dispatched when the page size changes.`detail:{ value: number }`\n * @fires on-page-number-change - Dispatched when the currently active page changes.`detail:{ value: number }`\n *\n */\n@customElement('kyn-pagination')\nexport class Pagination extends LitElement {\n  static override styles = unsafeCSS(styles);\n\n  /** Total number of items that need pagination. */\n  @property({ type: Number, reflect: true })\n  accessor count = 0;\n\n  /** Current active page number. */\n  @property({ type: Number, reflect: true })\n  accessor pageNumber = 1;\n\n  /** Number of items displayed per page. */\n  @property({ type: Number, reflect: true })\n  accessor pageSize = 5;\n\n  /** Available options for the page size. */\n  @property({ type: Array })\n  accessor pageSizeOptions: number[] = [5, 10, 20, 30, 40, 50, 100];\n\n  /** Number of pages. */\n  @state()\n  accessor _numberOfPages = 1;\n\n  /** Label for the page size dropdown. Required for accessibility. */\n  @property({ type: String })\n  accessor pageSizeDropdownLabel = PAGE_SIZE_LABEL;\n\n  /** Label for the page size dropdown. Required for accessibility. */\n  @property({ type: String })\n  accessor pageNumberLabel = PAGE_NUMBER_LABEL;\n\n  /** Option to hide the items range display. */\n  @property({ type: Boolean })\n  accessor hideItemsRange = false;\n\n  /** Option to hide the page size dropdown. */\n  @property({ type: Boolean })\n  accessor hidePageSizeDropdown = false;\n\n  /** Option to hide the navigation buttons. */\n  @property({ type: Boolean })\n  accessor hideNavigationButtons = false;\n\n  /** Controls direction that dropdowns open. */\n  @property({ type: String })\n  accessor openDirection: 'auto' | 'up' | 'down' = 'auto';\n\n  /** Customizable text strings */\n  @property({ type: Object })\n  accessor textStrings = {\n    showing: 'Showing',\n    of: 'of',\n    items: 'items',\n    pages: 'pages',\n    itemsPerPage: 'Items per page:',\n    previousPage: 'Previous page',\n    nextPage: 'Next page',\n  };\n\n  /**\n   * Handler for the event when the page size is changed by the user.\n   * Updates the `pageSize` and resets the `pageNumber` to 1.\n   *\n   * @param e - The emitted custom event with the selected page size.\n   */\n  private handlePageSizeChange(e: CustomEvent) {\n    this.pageSize = e.detail.value;\n    this.pageNumber = 1;\n  }\n\n  /**\n   * Handler for the event when the page number is changed by the user.\n   * Updates the `pageNumber`.\n   *\n   * @param e - The emitted custom event with the selected page number.\n   */\n  private handlePageNumberChange(e: CustomEvent) {\n    this.pageNumber = e.detail.value;\n  }\n\n  override render() {\n    return html`\n      ${!this.hideItemsRange\n        ? html`\n            <kyn-pagination-items-range\n              .pageNumber=${this.pageNumber}\n              .pageSize=${this.pageSize}\n              .count=${this.count}\n              .textStrings=${this.textStrings}\n            ></kyn-pagination-items-range>\n          `\n        : null}\n      ${!this.hidePageSizeDropdown\n        ? html`\n            <kyn-pagination-page-size-dropdown\n              .pageSize=${this.pageSize}\n              .pageSizeOptions=${this.pageSizeOptions}\n              .pageSizeDropdownLabel=${this.pageSizeDropdownLabel}\n              openDirection=${this.openDirection}\n              .textStrings=${this.textStrings}\n              @on-page-size-change=${this.handlePageSizeChange}\n            ></kyn-pagination-page-size-dropdown>\n          `\n        : null}\n      ${!this.hideNavigationButtons\n        ? html`\n            <kyn-pagination-navigation-buttons\n              .pageNumber=${this.pageNumber}\n              .numberOfPages=${this._numberOfPages}\n              .pageNumberLabel=${this.pageNumberLabel}\n              openDirection=${this.openDirection}\n              .textStrings=${this.textStrings}\n              @on-page-number-change=${this.handlePageNumberChange}\n            ></kyn-pagination-navigation-buttons>\n          `\n        : null}\n    `;\n  }\n\n  override updated(changedProps: any) {\n    if (changedProps.has('count') || changedProps.has('pageSize')) {\n      if (this.pageSize && this.count) {\n        this._numberOfPages = Math.ceil(this.count / this.pageSize);\n        // this.pageNumber = 1;\n      }\n    }\n  }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-pagination': Pagination;\n  }\n}\n","export const SHOWING_TEXT = 'Showing';\nexport const OF_TEXT = 'of';\nexport const ITEMS_TEXT = 'items';\nexport const PAGES_TEXT = 'pages';\nexport const PAGE_SIZE_LABEL = 'Items Per Page:';\nexport const PAGE_NUMBER_LABEL = 'Page Number';\nexport const BREAKPOINT = 768;\n"],"names":["Pagination","customElement","LitElement","_classThis","_classSuper","count","__classPrivateFieldGet","this","_Pagination_count_accessor_storage","value","__classPrivateFieldSet","pageNumber","_Pagination_pageNumber_accessor_storage","pageSize","_Pagination_pageSize_accessor_storage","pageSizeOptions","_Pagination_pageSizeOptions_accessor_storage","_numberOfPages","_Pagination__numberOfPages_accessor_storage","pageSizeDropdownLabel","_Pagination_pageSizeDropdownLabel_accessor_storage","pageNumberLabel","_Pagination_pageNumberLabel_accessor_storage","hideItemsRange","_Pagination_hideItemsRange_accessor_storage","hidePageSizeDropdown","_Pagination_hidePageSizeDropdown_accessor_storage","hideNavigationButtons","_Pagination_hideNavigationButtons_accessor_storage","openDirection","_Pagination_openDirection_accessor_storage","textStrings","_Pagination_textStrings_accessor_storage","handlePageSizeChange","e","detail","handlePageNumberChange","render","html","updated","changedProps","has","Math","ceil","set","__runInitializers","_count_initializers","_count_extraInitializers","_pageNumber_initializers","_pageNumber_extraInitializers","_pageSize_initializers","_pageSize_extraInitializers","_pageSizeOptions_initializers","_pageSizeOptions_extraInitializers","__numberOfPages_initializers","__numberOfPages_extraInitializers","_pageSizeDropdownLabel_initializers","_pageSizeDropdownLabel_extraInitializers","_pageNumberLabel_initializers","_pageNumberLabel_extraInitializers","_hideItemsRange_initializers","_hideItemsRange_extraInitializers","_hidePageSizeDropdown_initializers","_hidePageSizeDropdown_extraInitializers","_hideNavigationButtons_initializers","_hideNavigationButtons_extraInitializers","_openDirection_initializers","_openDirection_extraInitializers","_textStrings_initializers","showing","of","items","pages","itemsPerPage","previousPage","nextPage","property","type","Number","reflect","_pageSizeOptions_decorators","Array","__numberOfPages_decorators","state","_pageSizeDropdownLabel_decorators","String","_pageNumberLabel_decorators","_hideItemsRange_decorators","Boolean","_hidePageSizeDropdown_decorators","_hideNavigationButtons_decorators","_openDirection_decorators","_textStrings_decorators","Object","__esDecorate","_count_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_pageNumber_decorators","_pageSize_decorators","_textStrings_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/reusable/pagination/Pagination.ts","../../../../src/components/reusable/pagination/constants.sample.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { PAGE_SIZE_LABEL, PAGE_NUMBER_LABEL } from './constants.sample';\nimport styles from './pagination.scss?inline';\n\nimport './pagination-items-range';\nimport './pagination-page-size-dropdown';\nimport './pagination-navigation-buttons';\n\n/**\n * `kyn-pagination` Web Component.\n *\n * A component that provides pagination functionality, enabling the user to\n * navigate through large datasets by splitting them into discrete chunks.\n * Integrates with other utility components like items range display, page size dropdown,\n * and navigation buttons.\n * @fires on-page-size-change - Dispatched when the page size changes.`detail:{ value: number }`\n * @fires on-page-number-change - Dispatched when the currently active page is committed.`detail:{ value: number }`\n *\n */\n@customElement('kyn-pagination')\nexport class Pagination extends LitElement {\n  static override styles = unsafeCSS(styles);\n\n  /** Total number of items that need pagination. */\n  @property({ type: Number, reflect: true })\n  accessor count = 0;\n\n  /** Current active page number. */\n  @property({ type: Number, reflect: true })\n  accessor pageNumber = 1;\n\n  /** Number of items displayed per page. */\n  @property({ type: Number, reflect: true })\n  accessor pageSize = 5;\n\n  /** Available options for the page size. */\n  @property({ type: Array })\n  accessor pageSizeOptions: number[] = [5, 10, 20, 30, 40, 50, 100];\n\n  /** Number of pages. */\n  @state()\n  accessor _numberOfPages = 1;\n\n  /** Label for the page size dropdown. Required for accessibility. */\n  @property({ type: String })\n  accessor pageSizeDropdownLabel = PAGE_SIZE_LABEL;\n\n  /** Label for the page size dropdown. Required for accessibility. */\n  @property({ type: String })\n  accessor pageNumberLabel = PAGE_NUMBER_LABEL;\n\n  /** Option to hide the items range display. */\n  @property({ type: Boolean })\n  accessor hideItemsRange = false;\n\n  /** Option to hide the page size dropdown. */\n  @property({ type: Boolean })\n  accessor hidePageSizeDropdown = false;\n\n  /** Option to hide the navigation buttons. */\n  @property({ type: Boolean })\n  accessor hideNavigationButtons = false;\n\n  /** Controls direction that dropdowns open. */\n  @property({ type: String })\n  accessor openDirection: 'auto' | 'up' | 'down' = 'auto';\n\n  /** Customizable text strings */\n  @property({ type: Object })\n  accessor textStrings = {\n    showing: 'Showing',\n    of: 'of',\n    items: 'items',\n    pages: 'pages',\n    itemsPerPage: 'Items per page:',\n    previousPage: 'Previous page',\n    nextPage: 'Next page',\n  };\n\n  /**\n   * Handler for the event when the page size is changed by the user.\n   * Updates the `pageSize` and resets the `pageNumber` to 1.\n   *\n   * @param e - The emitted custom event with the selected page size.\n   */\n  private handlePageSizeChange(e: CustomEvent) {\n    this.pageSize = e.detail.value;\n    this.pageNumber = 1;\n  }\n\n  /**\n   * Handler for the event when the page number is changed by the user.\n   * Updates the `pageNumber`.\n   *\n   * @param e - The emitted custom event with the selected page number.\n   */\n  private handlePageNumberChange(e: CustomEvent) {\n    const value = Number(e.detail.value);\n    if (!Number.isFinite(value)) return;\n    this.pageNumber = Math.min(\n      this._numberOfPages,\n      Math.max(1, Math.trunc(value))\n    );\n  }\n\n  override render() {\n    return html`\n      ${!this.hideItemsRange\n        ? html`\n            <kyn-pagination-items-range\n              .pageNumber=${this.pageNumber}\n              .pageSize=${this.pageSize}\n              .count=${this.count}\n              .textStrings=${this.textStrings}\n            ></kyn-pagination-items-range>\n          `\n        : null}\n      ${!this.hidePageSizeDropdown\n        ? html`\n            <kyn-pagination-page-size-dropdown\n              .pageSize=${this.pageSize}\n              .pageSizeOptions=${this.pageSizeOptions}\n              .pageSizeDropdownLabel=${this.pageSizeDropdownLabel}\n              openDirection=${this.openDirection}\n              .textStrings=${this.textStrings}\n              @on-page-size-change=${this.handlePageSizeChange}\n            ></kyn-pagination-page-size-dropdown>\n          `\n        : null}\n      ${!this.hideNavigationButtons\n        ? html`\n            <kyn-pagination-navigation-buttons\n              .pageNumber=${this.pageNumber}\n              .numberOfPages=${this._numberOfPages}\n              .pageNumberLabel=${this.pageNumberLabel}\n              openDirection=${this.openDirection}\n              .textStrings=${this.textStrings}\n              @on-page-number-change=${this.handlePageNumberChange}\n            ></kyn-pagination-navigation-buttons>\n          `\n        : null}\n    `;\n  }\n\n  override updated(changedProps: any) {\n    if (changedProps.has('count') || changedProps.has('pageSize')) {\n      if (this.pageSize && this.count) {\n        this._numberOfPages = Math.ceil(this.count / this.pageSize);\n        // this.pageNumber = 1;\n      }\n    }\n  }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-pagination': Pagination;\n  }\n}\n","export const SHOWING_TEXT = 'Showing';\nexport const OF_TEXT = 'of';\nexport const ITEMS_TEXT = 'items';\nexport const PAGES_TEXT = 'pages';\nexport const PAGE_SIZE_LABEL = 'Items Per Page:';\nexport const PAGE_NUMBER_LABEL = 'Page Number';\nexport const BREAKPOINT = 768;\n"],"names":["Pagination","customElement","LitElement","_classThis","_classSuper","count","__classPrivateFieldGet","this","_Pagination_count_accessor_storage","value","__classPrivateFieldSet","pageNumber","_Pagination_pageNumber_accessor_storage","pageSize","_Pagination_pageSize_accessor_storage","pageSizeOptions","_Pagination_pageSizeOptions_accessor_storage","_numberOfPages","_Pagination__numberOfPages_accessor_storage","pageSizeDropdownLabel","_Pagination_pageSizeDropdownLabel_accessor_storage","pageNumberLabel","_Pagination_pageNumberLabel_accessor_storage","hideItemsRange","_Pagination_hideItemsRange_accessor_storage","hidePageSizeDropdown","_Pagination_hidePageSizeDropdown_accessor_storage","hideNavigationButtons","_Pagination_hideNavigationButtons_accessor_storage","openDirection","_Pagination_openDirection_accessor_storage","textStrings","_Pagination_textStrings_accessor_storage","handlePageSizeChange","e","detail","handlePageNumberChange","Number","isFinite","Math","min","max","trunc","render","html","updated","changedProps","has","ceil","set","__runInitializers","_count_initializers","_count_extraInitializers","_pageNumber_initializers","_pageNumber_extraInitializers","_pageSize_initializers","_pageSize_extraInitializers","_pageSizeOptions_initializers","_pageSizeOptions_extraInitializers","__numberOfPages_initializers","__numberOfPages_extraInitializers","_pageSizeDropdownLabel_initializers","_pageSizeDropdownLabel_extraInitializers","_pageNumberLabel_initializers","_pageNumberLabel_extraInitializers","_hideItemsRange_initializers","_hideItemsRange_extraInitializers","_hidePageSizeDropdown_initializers","_hidePageSizeDropdown_extraInitializers","_hideNavigationButtons_initializers","_hideNavigationButtons_extraInitializers","_openDirection_initializers","_openDirection_extraInitializers","_textStrings_initializers","showing","of","items","pages","itemsPerPage","previousPage","nextPage","property","type","reflect","_pageSizeOptions_decorators","Array","__numberOfPages_decorators","state","_pageSizeDropdownLabel_decorators","String","_pageNumberLabel_decorators","_hideItemsRange_decorators","Boolean","_hidePageSizeDropdown_decorators","_hideNavigationButtons_decorators","_openDirection_decorators","_textStrings_decorators","Object","__esDecorate","_count_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_pageNumber_decorators","_pageSize_decorators","_textStrings_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"o3CAsBaA,EAAU,qEADtBC,EAAc,0BACiBC,4IAARC,EAAA,cAAQC,EAK9B,SAASC,GAAK,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAd,SAASH,CAAKI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAId,cAASE,GAAU,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAAnB,cAASD,CAAUF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAInB,YAASI,GAAQ,OAAAP,EAAAC,KAAAO,EAAA,IAAA,CAAjB,YAASD,CAAQJ,GAAAC,EAAAH,KAAAO,EAAAL,EAAA,IAAA,CAIjB,mBAASM,GAAe,OAAAT,EAAAC,KAAAS,EAAA,IAAA,CAAxB,mBAASD,CAAeN,GAAAC,EAAAH,KAAAS,EAAAP,EAAA,IAAA,CAIxB,kBAASQ,GAAc,OAAAX,EAAAC,KAAAW,EAAA,IAAA,CAAvB,kBAASD,CAAcR,GAAAC,EAAAH,KAAAW,EAAAT,EAAA,IAAA,CAIvB,yBAASU,GAAqB,OAAAb,EAAAC,KAAAa,EAAA,IAAA,CAA9B,yBAASD,CAAqBV,GAAAC,EAAAH,KAAAa,EAAAX,EAAA,IAAA,CAI9B,mBAASY,GAAe,OAAAf,EAAAC,KAAAe,EAAA,IAAA,CAAxB,mBAASD,CAAeZ,GAAAC,EAAAH,KAAAe,EAAAb,EAAA,IAAA,CAIxB,kBAASc,GAAc,OAAAjB,EAAAC,KAAAiB,EAAA,IAAA,CAAvB,kBAASD,CAAcd,GAAAC,EAAAH,KAAAiB,EAAAf,EAAA,IAAA,CAIvB,wBAASgB,GAAoB,OAAAnB,EAAAC,KAAAmB,EAAA,IAAA,CAA7B,wBAASD,CAAoBhB,GAAAC,EAAAH,KAAAmB,EAAAjB,EAAA,IAAA,CAI7B,yBAASkB,GAAqB,OAAArB,EAAAC,KAAAqB,EAAA,IAAA,CAA9B,yBAASD,CAAqBlB,GAAAC,EAAAH,KAAAqB,EAAAnB,EAAA,IAAA,CAI9B,iBAASoB,GAAa,OAAAvB,EAAAC,KAAAuB,EAAA,IAAA,CAAtB,iBAASD,CAAapB,GAAAC,EAAAH,KAAAuB,EAAArB,EAAA,IAAA,CAItB,eAASsB,GAAW,OAAAzB,EAAAC,KAAAyB,EAAA,IAAA,CAApB,eAASD,CAAWtB,GAAAC,EAAAH,KAAAyB,EAAAvB,EAAA,IAAA,CAgBZ,oBAAAwB,CAAqBC,GAC3B3B,KAAKM,SAAWqB,EAAEC,OAAO1B,MACzBF,KAAKI,WAAa,CACpB,CAQQ,sBAAAyB,CAAuBF,GAC7B,MAAMzB,EAAQ4B,OAAOH,EAAEC,OAAO1B,OACzB4B,OAAOC,SAAS7B,KACrBF,KAAKI,WAAa4B,KAAKC,IACrBjC,KAAKU,eACLsB,KAAKE,IAAI,EAAGF,KAAKG,MAAMjC,KAE3B,CAES,MAAAkC,GACP,OAAOC,CAAI;QACNrC,KAAKgB,eASJ,KARAqB,CAAI;;4BAEcrC,KAAKI;0BACPJ,KAAKM;uBACRN,KAAKF;6BACCE,KAAKwB;;;QAIzBxB,KAAKkB,qBAWJ,KAVAmB,CAAI;;0BAEYrC,KAAKM;iCACEN,KAAKQ;uCACCR,KAAKY;8BACdZ,KAAKsB;6BACNtB,KAAKwB;qCACGxB,KAAK0B;;;QAIjC1B,KAAKoB,sBAWJ,KAVAiB,CAAI;;4BAEcrC,KAAKI;+BACFJ,KAAKU;iCACHV,KAAKc;8BACRd,KAAKsB;6BACNtB,KAAKwB;uCACKxB,KAAK6B;;;KAK1C,CAES,OAAAS,CAAQC,IACXA,EAAaC,IAAI,UAAYD,EAAaC,IAAI,cAC5CxC,KAAKM,UAAYN,KAAKF,QACxBE,KAAKU,eAAiBsB,KAAKS,KAAKzC,KAAKF,MAAQE,KAAKM,UAIxD,mCA9HSL,EAAAyC,IAAA1C,KAAA2C,EAAA3C,KAAA4C,EAAQ,IAIRvC,EAAAqC,IAAA1C,MAAA2C,EAAA3C,KAAA6C,GAAAF,EAAA3C,KAAA8C,EAAa,KAIbvC,EAAAmC,IAAA1C,MAAA2C,EAAA3C,KAAA+C,GAAAJ,EAAA3C,KAAAgD,EAAW,KAIXvC,EAAAiC,IAAA1C,MAAA2C,EAAA3C,KAAAiD,GAAAN,EAAA3C,KAAAkD,EAA4B,CAAC,EAAG,GAAI,GAAI,GAAI,GAAI,GAAI,QAIpDvC,EAAA+B,IAAA1C,MAAA2C,EAAA3C,KAAAmD,GAAAR,EAAA3C,KAAAoD,EAAiB,KAIjBvC,EAAA6B,IAAA1C,MAAA2C,EAAA3C,KAAAqD,GAAAV,EAAA3C,KAAAsD,EC3CoB,qBD+CpBvC,EAAA2B,IAAA1C,MAAA2C,EAAA3C,KAAAuD,GAAAZ,EAAA3C,KAAAwD,EC9CsB,iBDkDtBvC,EAAAyB,IAAA1C,MAAA2C,EAAA3C,KAAAyD,IAAAd,EAAA3C,KAAA0D,IAAiB,KAIjBvC,EAAAuB,IAAA1C,MAAA2C,EAAA3C,KAAA2D,IAAAhB,EAAA3C,KAAA4D,IAAuB,KAIvBvC,EAAAqB,IAAA1C,MAAA2C,EAAA3C,KAAA6D,IAAAlB,EAAA3C,KAAA8D,IAAwB,KAIxBvC,EAAAmB,IAAA1C,MAAA2C,EAAA3C,KAAA+D,IAAApB,EAAA3C,KAAAgE,GAAwC,UAIxCvC,EAAAiB,IAAA1C,MAAA2C,EAAA3C,KAAAiE,IAAAtB,EAAA3C,KAAAkE,GAAc,CACrBC,QAAS,UACTC,GAAI,KACJC,MAAO,QACPC,MAAO,QACPC,aAAc,kBACdC,aAAc,gBACdC,SAAU,gWApDXC,EAAS,CAAEC,KAAM7C,OAAQ8C,SAAS,QAIlCF,EAAS,CAAEC,KAAM7C,OAAQ8C,SAAS,QAIlCF,EAAS,CAAEC,KAAM7C,OAAQ8C,SAAS,KAIlCC,EAAA,CAAAH,EAAS,CAAEC,KAAMG,SAIjBC,EAAA,CAAAC,KAIAC,EAAA,CAAAP,EAAS,CAAEC,KAAMO,UAIjBC,EAAA,CAAAT,EAAS,CAAEC,KAAMO,UAIjBE,EAAA,CAAAV,EAAS,CAAEC,KAAMU,WAIjBC,EAAA,CAAAZ,EAAS,CAAEC,KAAMU,WAIjBE,EAAA,CAAAb,EAAS,CAAEC,KAAMU,WAIjBG,EAAA,CAAAd,EAAS,CAAEC,KAAMO,UAIjBO,EAAA,CAAAf,EAAS,CAAEC,KAAMe,UA3ClBC,EAAA/F,EAAA,KAAAgG,EAAA,CAAAC,KAAA,WAAAC,KAAA,QAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAzD,IAAA0D,GAAA,UAAAA,EAAAC,IAAAD,GAAAA,EAASpG,MAAK4C,IAAA,CAAAwD,EAAAhG,KAAAgG,EAALpG,MAAKI,CAAA,GAAAkG,SAAAC,GAAAzD,EAAAC,GAId8C,EAAA/F,EAAA,KAAA0G,EAAA,CAAAT,KAAA,WAAAC,KAAA,aAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAzD,IAAA0D,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAAS9F,WAAUsC,IAAA,CAAAwD,EAAAhG,KAAAgG,EAAV9F,WAAUF,CAAA,GAAAkG,SAAAC,GAAAvD,EAAAC,GAInB4C,EAAA/F,EAAA,KAAA2G,EAAA,CAAAV,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAzD,IAAA0D,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAS5F,SAAQoC,IAAA,CAAAwD,EAAAhG,KAAAgG,EAAR5F,SAAQJ,CAAA,GAAAkG,SAAAC,GAAArD,EAAAC,GAIjB0C,EAAA/F,EAAA,KAAAiF,EAAA,CAAAgB,KAAA,WAAAC,KAAA,kBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAzD,IAAA0D,GAAA,oBAAAA,EAAAC,IAAAD,GAAAA,EAAS1F,gBAAekC,IAAA,CAAAwD,EAAAhG,KAAAgG,EAAf1F,gBAAeN,CAAA,GAAAkG,SAAAC,GAAAnD,EAAAC,GAIxBwC,EAAA/F,EAAA,KAAAmF,EAAA,CAAAc,KAAA,WAAAC,KAAA,iBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAzD,IAAA0D,GAAA,mBAAAA,EAAAC,IAAAD,GAAAA,EAASxF,eAAcgC,IAAA,CAAAwD,EAAAhG,KAAAgG,EAAdxF,eAAcR,CAAA,GAAAkG,SAAAC,GAAAjD,EAAAC,GAIvBsC,EAAA/F,EAAA,KAAAqF,EAAA,CAAAY,KAAA,WAAAC,KAAA,wBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAzD,IAAA0D,GAAA,0BAAAA,EAAAC,IAAAD,GAAAA,EAAStF,sBAAqB8B,IAAA,CAAAwD,EAAAhG,KAAAgG,EAArBtF,sBAAqBV,CAAA,GAAAkG,SAAAC,GAAA/C,EAAAC,GAI9BoC,EAAA/F,EAAA,KAAAuF,EAAA,CAAAU,KAAA,WAAAC,KAAA,kBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAzD,IAAA0D,GAAA,oBAAAA,EAAAC,IAAAD,GAAAA,EAASpF,gBAAe4B,IAAA,CAAAwD,EAAAhG,KAAAgG,EAAfpF,gBAAeZ,CAAA,GAAAkG,SAAAC,GAAA7C,EAAAC,IAIxBkC,EAAA/F,EAAA,KAAAwF,EAAA,CAAAS,KAAA,WAAAC,KAAA,iBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAzD,IAAA0D,GAAA,mBAAAA,EAAAC,IAAAD,GAAAA,EAASlF,eAAc0B,IAAA,CAAAwD,EAAAhG,KAAAgG,EAAdlF,eAAcd,CAAA,GAAAkG,SAAAC,GAAA3C,GAAAC,IAIvBgC,EAAA/F,EAAA,KAAA0F,EAAA,CAAAO,KAAA,WAAAC,KAAA,uBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAzD,IAAA0D,GAAA,yBAAAA,EAAAC,IAAAD,GAAAA,EAAShF,qBAAoBwB,IAAA,CAAAwD,EAAAhG,KAAAgG,EAApBhF,qBAAoBhB,CAAA,GAAAkG,SAAAC,GAAAzC,GAAAC,IAI7B8B,EAAA/F,EAAA,KAAA2F,EAAA,CAAAM,KAAA,WAAAC,KAAA,wBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAzD,IAAA0D,GAAA,0BAAAA,EAAAC,IAAAD,GAAAA,EAAS9E,sBAAqBsB,IAAA,CAAAwD,EAAAhG,KAAAgG,EAArB9E,sBAAqBlB,CAAA,GAAAkG,SAAAC,GAAAvC,GAAAC,IAI9B4B,EAAA/F,EAAA,KAAA4F,EAAA,CAAAK,KAAA,WAAAC,KAAA,gBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAzD,IAAA0D,GAAA,kBAAAA,EAAAC,IAAAD,GAAAA,EAAS5E,cAAaoB,IAAA,CAAAwD,EAAAhG,KAAAgG,EAAb5E,cAAapB,CAAA,GAAAkG,SAAAC,GAAArC,GAAAC,IAItB0B,EAAA/F,EAAA,KAAA6F,EAAA,CAAAI,KAAA,WAAAC,KAAA,cAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAzD,IAAA0D,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAAS1E,YAAWkB,IAAA,CAAAwD,EAAAhG,KAAAgG,EAAX1E,YAAWtB,CAAA,GAAAkG,SAAAC,GAAAnC,GAAAsC,IAjDtBb,EAAA,KAAAc,EAAA,CAAAvG,MAAAN,GAAA8G,EAAA,CAAAb,KAAA,QAAAC,KAAAlG,EAAAkG,KAAAM,SAAAC,GAAA,KAAAM,iHACkB/G,EAAAgH,OAASC,EAAUD,GADxBjE,EAAA/C,EAAA+G,MAAU"}

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

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 import '../button';
 import '../dropdown';
 import '../numberInput';
@@ -8,7 +8,9 @@ import '../numberInput';
  * This component provides navigational controls for pagination.
  * It includes back and next buttons, along with displaying the current page and total pages.
  *
- * @fires on-page-number-change - Dispatched when the page number is changed.
+ * @fires on-page-number-change - Dispatched when the active page is committed
+ * (prev/next, dropdown selection, or number-input blur/Enter).
+ * `detail.value` is always within `1…numberOfPages`.`detail:{ value: number }`
  */
 export declare class PaginationNavigationButtons extends LitElement {
     static styles: import("lit").CSSResult;
@@ -22,11 +24,26 @@ export declare class PaginationNavigationButtons extends LitElement {
     accessor openDirection: 'auto' | 'up' | 'down';
     /** Available options for the page number. */
     accessor pageNumberOptions: Array<number>;
+    /** Draft page value while the free-text input is being edited.
+     * @internal
+     */
+    accessor _draftPageNumber: number | null;
+    /**
+     * When true, the next page-input commit (blur) is ignored.
+     * Set on prev/next pointerdown so button navigation is relative to the
+     * committed page, not an in-progress draft.
+     */
+    private _suppressPageInputCommit;
     private readonly SMALLEST_PAGE_NUMBER;
     /** Label for the page size dropdown. Required for accessibility.
      * @internal
      */
     accessor pageNumberLabel: string;
+    /**
+     * Discards an in-progress page draft before the input blurs into a nav button.
+     * Runs on pointerdown so it precedes the input's change/commit.
+     */
+    private _onNavButtonPointerDown;
     /**
      * Handles the button click event, either moving to the next page or previous page
      * @param {boolean} next - If true, will move to the next page, otherwise to the previous page
@@ -36,9 +53,29 @@ export declare class PaginationNavigationButtons extends LitElement {
      * Handles the dropdown change event.
      * @param {CustomEvent} event
      */
-    private handleChange;
+    private handleDropdownChange;
+    /**
+     * Tracks typed page values without navigating.
+     * @param {CustomEvent} event
+     */
+    private _handlePageInputDraft;
+    /**
+     * Commits the free-text page input on blur/Enter.
+     * @param {CustomEvent} event
+     */
+    private _handlePageInputCommit;
+    /**
+     * Clamps and emits a committed page number.
+     * @param {number} raw
+     */
+    private _commitPageNumber;
+    /**
+     * Updates the current page and notifies listeners.
+     * @param {number} value
+     */
+    private _emitPageNumberChange;
     render(): import("lit-html").TemplateResult<1>;
-    willUpdate(changedProps: any): void;
+    willUpdate(changedProps: PropertyValues): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

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;IA4EN,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,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAIlE,OAAO,WAAW,CAAC;AACnB,OAAO,aAAa,CAAC;AACrB,OAAO,gBAAgB,CAAC;AAOxB;;;;;;;;;GASG;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;IAE/C;;OAEG;IAEH,QAAQ,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhD;;;;OAIG;IACH,OAAO,CAAC,wBAAwB,CAAS;IAGzC,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAK;IAE1C;;OAEG;IAEH,QAAQ,CAAC,eAAe,SAAiB;IAEzC;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAM/B;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAI5B;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAK7B;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAc9B;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAqBzB;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAkBpB,MAAM;IA+EN,UAAU,CAAC,YAAY,EAAE,cAAc;CAoBjD;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mCAAmC,EAAE,2BAA2B,CAAC;KAClE;CACF"}