globuswebcomponents 1.0.1 → 1.0.3

package/dist/collection/components/gb-pagination/gb-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQpE,MAAM,OAAO,YAAY;;;;;;;uBAMsB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;;;IAGlE,uBAAuB;QACrB,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC;YACjE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;YACxC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC;YACtE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,oBAAoB,CAAC,IAA8B;QACjD,6BAA6B;QAC7B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;YAEzD,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAChE;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B;oBAC5I,uEAAe,CACL;gBAEZ,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAChG,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAChG,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAChG,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC3B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACjE,iCAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACzI,SAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAK,CAClB,CAC7B,CAAC,CAAC,CAAC,IAAI;oBACR,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK;wBAC1C,0DAAG,IAAI,EAAC,aAAa,UAAQ,CACH;oBAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAClF,iCAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACtJ,SAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAK,CAClB,CAC7B,CAAC,CAAC,CAAC,IAAI;oBACR,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAClH,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACrB;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAClH,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACrB;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAC9G,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAK,CACjB,CACxB;gBAEN,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,mBAAgB,IAAI,wBAAqB,2BAA2B;oBAC/I,mEAAW,CACD,CACX,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,6BAA6B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAC/E;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B;oBAC7I,uEAAe,CACL;gBAEZ,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAChG,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAChG,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAChG,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC3B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACjE,iCAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACzI,SAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAK,CAClB,CAC7B,CAAC,CAAC,CAAC,IAAI;oBACR,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK;wBAC1C,0DAAG,IAAI,EAAC,aAAa,UAAQ,CACH;oBAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAClF,iCAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACtJ,SAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAK,CAClB,CAC7B,CAAC,CAAC,CAAC,IAAI;oBACR,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAClH,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACrB;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAClH,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACrB;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAC9G,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAK,CACjB,CACxB;gBAEN,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,mBAAgB,IAAI,wBAAqB,2BAA2B;oBAChJ,mEAAW,CACD,CACX,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAChE;gBACE,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,4DAAK,KAAK,EAAC,cAAc;wBACvB,0DAAG,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,cAEtE,CACA;oBACN,4DAAK,KAAK,EAAE,kBAAkB;wBAC5B,0EACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,IAAI,gBACG,KAAK,oBACD,KAAK,0BACC,KAAK,oBACX,KAAK,EACrB,KAAK,EAAE,IAAI,CAAC,OAAO,mBACL,KAAK,GACA,CACjB,CACF;gBACN,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;wBACvI,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;wBACvI,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;wBACvI,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC3B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACjE,iCAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACzI,SAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAK,CAClB,CAC7B,CAAC,CAAC,CAAC,IAAI;oBACR,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAC,SAAS;wBAC3D,0DAAG,IAAI,EAAC,aAAa,UAAQ,CACH;oBAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAClF,iCAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACtJ,SAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAK,CAClB,CAC7B,CAAC,CAAC,CAAC,IAAI;oBACR,kFACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;wBAEvD,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACrB;oBAC5B,kFACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;wBAEvD,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACrB;oBAC5B,kFACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAClE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC;wBAEnD,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAK,CACjB,CACxB;gBACN,4DAAK,KAAK,EAAC,iBAAiB;oBAC1B,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,0BAA0B,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAClC;oBACb,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,2BAA2B,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAC9B,CACT,CACL,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,4BAA4B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAC9E;gBACE,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,4DAAK,KAAK,EAAC,cAAc;wBACvB,0DAAG,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,cAEtE,CACA;oBACN,4DAAK,KAAK,EAAE,kBAAkB;wBAC5B,0EACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,IAAI,gBACG,KAAK,oBACD,KAAK,0BACC,KAAK,mBACZ,KAAK,EACpB,KAAK,EAAE,IAAI,CAAC,OAAO,mBACL,KAAK,GACA,CACjB,CACF;gBACN,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,6BAA6B;;wBAC9B,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,4DAAK,KAAK,EAAC,iBAAiB;oBAC1B,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE;wBAC1H,uEAAe,CACL;oBACZ,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;wBACtH,mEAAW,CACD,CACR,CACL,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,2BAA2B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAC7E;gBACE,4DAAK,KAAK,EAAC,iBAAiB;oBAC1B,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE;wBAC1H,uEAAe,CACL;oBACZ,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;wBACtH,mEAAW,CACD,CACR;gBACN,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,gBAAgB;;wBACjB,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,4DAAK,KAAK,EAAC,cAAc;wBACvB,0DAAG,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,cAEtE,CACA;oBACN,4DAAK,KAAK,EAAE,kBAAkB;wBAC5B,0EACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,IAAI,gBACG,KAAK,oBACD,KAAK,0BACC,KAAK,mBACZ,KAAK,EACpB,KAAK,EAAE,IAAI,CAAC,OAAO,mBACL,KAAK,GACA,CACjB,CACF,CACL,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,6BAA6B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAC/E;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE;oBAC1H,uEAAe,CACL;gBACZ,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,6BAA6B;;wBAC9B,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;oBACtH,mEAAW,CACD,CACX,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,iCAAiC,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CACnF;gBACE,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,4DAAK,KAAK,EAAC,cAAc;wBACvB,0DAAG,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,cAEtE,CACA;oBACN,4DAAK,KAAK,EAAE,kBAAkB;wBAC5B,0EACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,IAAI,gBACG,KAAK,oBACD,KAAK,0BACC,KAAK,mBACZ,KAAK,EACpB,KAAK,EAAE,IAAI,CAAC,OAAO,mBACL,KAAK,GACA,CACjB,CACF;gBACN,4DAAK,KAAK,EAAC,yBAAyB;oBAClC,wFAAiC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE;wBAC3F,uEAAe,CACiB;oBAClC,4DAAK,KAAK,EAAC,WAAW;wBACpB,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;4BACvI,gEAAQ,CACwB,CAC9B;oBACN,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;wBACvI,gEAAQ,CACwB;oBAClC,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;wBACvI,gEAAQ,CACwB;oBACjC,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACjE,uCAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACzI,aAAI,IAAI,CAAC,WAAW,CAAK,CACO,CACnC,CAAC,CAAC,CAAC,IAAI;oBACR,wFAAiC,IAAI,EAAC,OAAO;wBAC3C,kEAAU,CACsB;oBACjC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAClF,uCAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACtJ,aAAI,IAAI,CAAC,WAAW,CAAK,CACO,CACnC,CAAC,CAAC,CAAC,IAAI;oBACR,wFACA,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;wBAErD,4DAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACI;oBAClC,wFACA,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;wBAErD,4DAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACI;oBAClC,wFACA,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAClE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC;wBAEjD,4DAAI,IAAI,CAAC,UAAU,CAAK,CACQ;oBAClC,wFAAiC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;wBACxF,mEAAW,CACqB,CAC9B,CACL,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,gCAAgC,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAClF;gBACE,4DAAK,KAAK,EAAC,yBAAyB;oBAClC,wFAAiC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE;wBAC3F,uEAAe,CACiB;oBAClC,4DAAK,KAAK,EAAC,WAAW;wBACpB,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;4BACvI,gEAAQ,CACwB,CAC9B;oBACN,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;wBACvI,gEAAQ,CACwB;oBAClC,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;wBACvI,gEAAQ,CACwB;oBACjC,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACjE,uCAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACzI,aAAI,IAAI,CAAC,WAAW,CAAK,CACO,CACnC,CAAC,CAAC,CAAC,IAAI;oBACR,wFAAiC,IAAI,EAAC,OAAO;wBAC3C,kEAAU,CACsB;oBACjC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAClF,uCAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACtJ,aAAI,IAAI,CAAC,WAAW,CAAK,CACO,CACnC,CAAC,CAAC,CAAC,IAAI;oBACR,wFACA,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;wBAErD,4DAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACI;oBAClC,wFACA,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;wBAErD,4DAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACI;oBAClC,wFACA,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAClE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC;wBAEjD,4DAAI,IAAI,CAAC,UAAU,CAAK,CACQ;oBAClC,wFAAiC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;wBACxF,mEAAW,CACqB,CAC9B;gBACN,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,4DAAK,KAAK,EAAC,cAAc;wBACvB,0DAAG,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,cAEtE,CACA;oBACN,4DAAK,KAAK,EAAE,kBAAkB;wBAC5B,0EACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,IAAI,gBACG,KAAK,oBACD,KAAK,0BACC,KAAK,mBACZ,KAAK,EACpB,KAAK,EAAE,IAAI,CAAC,OAAO,mBACL,KAAK,GACA,CACjB,CACF,CACL,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,kCAAkC,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CACpF;gBACE,4DAAK,KAAK,EAAC,yBAAyB;oBAClC,wFAAiC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE;wBAC3F,uEAAe,CACiB;oBAClC,4DAAK,KAAK,EAAC,WAAW;wBACpB,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;4BACvI,gEAAQ,CACwB,CAC9B;oBACN,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;wBACvI,gEAAQ,CACwB;oBAClC,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;wBACvI,gEAAQ,CACwB;oBACjC,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACjE,uCAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACzI,aAAI,IAAI,CAAC,WAAW,CAAK,CACO,CACnC,CAAC,CAAC,CAAC,IAAI;oBACR,wFAAiC,IAAI,EAAC,OAAO;wBAC3C,kEAAU,CACsB;oBACjC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAClF,uCAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACtJ,aAAI,IAAI,CAAC,WAAW,CAAK,CACO,CACnC,CAAC,CAAC,CAAC,IAAI;oBACR,wFACA,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;wBAErD,4DAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACI;oBAClC,wFACA,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;wBAErD,4DAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACI;oBAClC,wFACA,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAClE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC;wBAEjD,4DAAI,IAAI,CAAC,UAAU,CAAK,CACQ;oBAClC,wFAAiC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;wBACxF,mEAAW,CACqB,CAC9B,CACL,CACJ;YAEA,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC/D;gBACE,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,0BAA0B,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAClC;gBACb,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,6BAA6B;;wBAC9B,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,2BAA2B,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAC9B,CACZ,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,6BAA6B,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC9E;gBACE,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,0BAA0B,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAClC;gBACb,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,6BAA6B;;wBAC9B,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,2BAA2B,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAC9B,CACZ,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC/D;gBACE,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,0BAA0B,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAClC;gBACb,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,6BAA6B;;wBAC9B,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,2BAA2B,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAC9B,CACZ,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,4BAA4B,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC7E;gBACE,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,0BAA0B,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAClC;gBACb,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,6BAA6B;;wBAC9B,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,2BAA2B,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAC9B,CACZ,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,2BAA2B,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC5E;gBACE,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,0BAA0B,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAClC;gBACb,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,6BAA6B;;wBAC9B,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,2BAA2B,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAC9B,CACZ,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,6BAA6B,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC9E;gBACE,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,0BAA0B,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAClC;gBACb,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,6BAA6B;;wBAC9B,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,2BAA2B,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAC9B,CACZ,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,iCAAiC,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAClF,4DAAK,KAAK,EAAC,yBAAyB;gBAClC,wFACA,IAAI,EAAC,MAAM,cACF,0BAA0B,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAEX;gBAClC,4DAAK,KAAK,EAAC,WAAW;oBACpB,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC;wBACrI,gEAAQ,CACwB,CAC9B;gBACN,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC;oBACrI,gEAAQ,CACwB;gBACjC,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAC/D,uCAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;oBACzI,aAAI,IAAI,CAAC,WAAW,CAAK,CACO,CACnC,CAAC,CAAC,CAAC,IAAI;gBACV,wFAAiC,IAAI,EAAC,OAAO;oBAC3C,kEAAU,CACsB;gBACjC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAE,CAAC,CAAC,CAClF,uCAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;oBAC3J,aAAI,IAAI,CAAC,WAAW,CAAK,CACO,CACnC,CAAC,CAAC,CAAC,IAAI;gBACV,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC;oBACzK,4DAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACI;gBAClC,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU;oBACjK,4DAAI,IAAI,CAAC,UAAU,CAAK,CACQ;gBAClC,wFACA,IAAI,EAAC,MAAM,cACF,2BAA2B,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAEP,CAC9B,CACP;YACA,IAAI,CAAC,IAAI,KAAK,gCAAgC,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CACjF,4DAAK,KAAK,EAAC,yBAAyB;gBAClC,wFACA,IAAI,EAAC,MAAM,cACF,0BAA0B,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAEX;gBAClC,4DAAK,KAAK,EAAC,WAAW;oBACpB,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ;wBAC1D,gEAAQ,CACwB,CAC9B;gBACN,wFAAiC,IAAI,EAAC,OAAO;oBAC3C,gEAAQ,CACwB;gBAClC,wFAAiC,IAAI,EAAC,OAAO;oBAC3C,kEAAU,CACsB;gBAClC,wFAAiC,IAAI,EAAC,OAAO;oBAC3C,gEAAQ,CACwB;gBAClC,wFAAiC,IAAI,EAAC,OAAO;oBAC3C,iEAAS,CACuB;gBAClC,wFACA,IAAI,EAAC,MAAM,cACF,2BAA2B,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAEP,CAC9B,CACP;YACA,IAAI,CAAC,IAAI,KAAK,kCAAkC,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CACnF,4DAAK,KAAK,EAAC,yBAAyB;gBAClC,wFACA,IAAI,EAAC,MAAM,cACF,0BAA0B,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAEX;gBAClC,4DAAK,KAAK,EAAC,WAAW;oBACpB,wFAAiC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ;wBAC1D,gEAAQ,CACwB,CAC9B;gBACN,wFAAiC,IAAI,EAAC,OAAO;oBAC3C,gEAAQ,CACwB;gBAClC,wFAAiC,IAAI,EAAC,OAAO;oBAC3C,kEAAU,CACsB;gBAClC,wFAAiC,IAAI,EAAC,OAAO;oBAC3C,gEAAQ,CACwB;gBAClC,wFAAiC,IAAI,EAAC,OAAO;oBAC3C,iEAAS,CACuB;gBAClC,wFACA,IAAI,EAAC,MAAM,cACF,2BAA2B,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAEP,CAC9B,CACP,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Fragment, State } from \"@stencil/core\";\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-pagination',\r\n  styleUrl: 'gb-pagination.css',\r\n  shadow: false,\r\n})\r\nexport class GbPagination {\r\n  @Prop() type: PaginationTypes;\r\n  @Prop() shape: PaginationNumberShapes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop({ mutable: true }) currentPage: number;\r\n  @Prop({ mutable: true }) totalPages: number;\r\n  @Prop({ mutable: true }) entries: number[] = [10, 20, 50, 80, 100];\r\n  @State() selectedPageSize: number | string | object;\r\n\r\n  onPreviousButtonClicked() {\r\n    if (this.currentPage === this.totalPages || this.currentPage > 1) {\r\n      this.currentPage = this.currentPage - 1;\r\n      console.log(this.currentPage)\r\n    }\r\n  }\r\n\r\n  onNextButtonClicked() {\r\n    if (this.currentPage === 1 || this.currentPage <= this.totalPages - 1) {\r\n      this.currentPage = this.currentPage + 1;\r\n    }\r\n  }\r\n\r\n  handlePageSizeSelect(item: number | string | object) {\r\n    // console.log(this.entries);\r\n    this.selectedPageSize = item;\r\n    console.log('Selected page size:', item);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n        {/* Desktop Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state=\"default\"\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-help-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state=\"default\">\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n                onClick={() => this.onPreviousButtonClicked()}\r\n              ></gb-button>\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n                onClick={() => this.onNextButtonClicked()}\r\n              ></gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n              <p>Previous</p>\r\n            </gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\" \r\n              state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\" \r\n              state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\" \r\n              state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {/* Mobile Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\"\r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? \"active\" : \"default\"} onClick={() => this.currentPage = 1}>\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? \"active\" : \"default\"} onClick={() => this.currentPage = 2}>\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            {this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            {this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2  ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === this.totalPages - 1 ? \"active\" : \"default\"} onClick={() => this.currentPage = this.totalPages - 1}>\r\n              <p>{this.totalPages - 1}</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === this.totalPages ? \"active\" : \"default\"} onClick={() => this.currentPage = this.totalPages}>\r\n              <p>{this.totalPages}</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\"\r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\"\r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>9</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>10</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\"\r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\" \r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>9</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>10</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\" \r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment, State, Event, EventEmitter } from \"@stencil/core\";\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-pagination',\r\n  styleUrl: 'gb-pagination.css',\r\n  shadow: false,\r\n})\r\nexport class GbPagination {\r\n  @Prop() type: PaginationTypes;\r\n  @Prop() shape: PaginationNumberShapes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop({ mutable: true }) currentPage: number;\r\n  @Prop({ mutable: true }) totalPages: number;\r\n  @Prop({ mutable: true }) entries: number[] = [10, 20, 50, 80, 100];\r\n  @State() selectedPageSize: number | string | object = 10;\r\n  @State() defaultSelected: any;\r\n  @Event() pageSizeSelected: EventEmitter<number | string | object>;\r\n\r\n  onPreviousButtonClicked() {\r\n    if (this.currentPage === this.totalPages || this.currentPage > 1) {\r\n      this.currentPage = this.currentPage - 1;\r\n      // console.log(this.currentPage)\r\n    }\r\n  }\r\n\r\n  onNextButtonClicked() {\r\n    if (this.currentPage === 1 || this.currentPage <= this.totalPages - 1) {\r\n      this.currentPage = this.currentPage + 1;\r\n    } \r\n  }\r\n\r\n  componentWillLoad() {\r\n    console.log(this.selectedPageSize)\r\n    this.defaultSelected = [this.selectedPageSize]\r\n    this.pageSizeSelected.emit(this.selectedPageSize);\r\n  }\r\n\r\n  handlePageSizeSelect(item) {\r\n    // console.log(this.entries);\r\n    this.selectedPageSize = item;\r\n    console.log('Selected page size:', this.selectedPageSize);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n        {/* Desktop Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state=\"default\"\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-help-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state=\"default\">\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n                onClick={() => this.onPreviousButtonClicked()}\r\n              ></gb-button>\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n                onClick={() => this.onNextButtonClicked()}\r\n              ></gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n              <p>Previous</p>\r\n            </gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\" \r\n              state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\" \r\n              state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\" \r\n              state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base \r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {/* Mobile Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\"\r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? \"active\" : \"default\"} onClick={() => this.currentPage = 1}>\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? \"active\" : \"default\"} onClick={() => this.currentPage = 2}>\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            {this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            {this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2  ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === this.totalPages - 1 ? \"active\" : \"default\"} onClick={() => this.currentPage = this.totalPages - 1}>\r\n              <p>{this.totalPages - 1}</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === this.totalPages ? \"active\" : \"default\"} onClick={() => this.currentPage = this.totalPages}>\r\n              <p>{this.totalPages}</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\"\r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\"\r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>9</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>10</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\"\r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\" \r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>9</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>10</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\" \r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}

package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js

@@ -23,7 +23,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '66726692f0c5fef3b046c61f005a1305d24971f2', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '12fb9c2bd83043285956c32ac53ee8903139201c' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '08df490ddef17304c98a608a623aae7b4035a542', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b28325cf4b5f4a8f844bd4453aceb6eb944ad3f9', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '3d83dfe40c1c74d495f8b777eed5fa03200ca70e' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '8c9f2cf259b4316b2cb142d253e398c18af6b091' }), h("svg", { key: 'cdf2129507dd65ffe8c786d4b48b78b8ebcd38b9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '6e6e2ef97a23fbfcc7ed0af876339d5517a4ce76', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
+        return (h("div", { key: 'c21f407069c60b42a809cafcf1f49af2b3223988', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'f46017416f70c3544326d43558f96f371854a819' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '238b367815f66b5c7d9e0a5e5b23fd4032c0b3fe', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'cb3d6e16b95a3f2f1766b0d18e67c5c6d320f699', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'bc68921226ccdef3207367204583bebef0f8cee3' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '32b059b6d19ff0b27b5757f6be8561b7a31b7b00' }), h("svg", { key: 'cd069f0c714e9440db14827095731e761fe0a8c1', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'd26d0daf4e32769e80e018fd8dcbc6a1ce69a119', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js

@@ -7,7 +7,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: 'df6c6361a10abd397969652e1bc0064fad437ee6', class: "dot_group_div" }, h("div", { key: 'ba4eb3f54526c18bec4d1fba79f986d53471e75d' })));
+        return (h("div", { key: '07ec77d53f8dd3cf495f5ba9ae75434677fd9400', class: "dot_group_div" }, h("div", { key: '53c550aa31df4fdedb450bb725e75ced8ed07dca' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js

@@ -6,7 +6,7 @@ export class GbPaginationDotIndicator {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: '13c5ad87bc115a9949761c3c4925baf20fa026c2', class: `dot_indicator_div 
+        return (h("div", { key: 'd9df6246705206942e8514a549b8974d82f5c811', class: `dot_indicator_div 
       ${this.type} ${this.current ? 'current' : ''} 
       ${this.size}` }));
     }

package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js

@@ -17,7 +17,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '4f291f6c2ae86f55eacbaf4fb7c63d2a05025fe7', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '35469e9d43c8862abc879e96b85db0273ed3c596', name: "page_number" })));
+        return (h("div", { key: '2a0955c4ae070302dc7a73b8c24e6bc4d3f88ab6', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'c3a38d1c9bd644d817dd3cbfad620b951969c7a4', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-password-button/gb-password-button.js

@@ -8,7 +8,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '9cc8c0e7277cf287226a33cd69cf588a0f295dc5' }, h("gb-btn", { key: 'c48766c4ed6322bd436629c2ebc8d03793f6c224', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: 'cb4098b5ed99cf57d7f8e953805a2583e22b5493' }, h("gb-btn", { key: '775d0bd78bb5a43854501b454fb7b638926caada', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-bar/gb-progress-bar.js

@@ -7,7 +7,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: 'fb684a4d517574cc86c375b82f43b61313260b6b', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'fbe0197e783fb00c62d98ac58fcbc025d45e72a9', class: "progress_bar" }, h("div", { key: '7ffa8750b899755d4bb8e8c7b7993feae203f294', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'd3ff667d128195b1925e36afe5a9cf099e746246', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'a49259569a5d97d73790c1d07b3d57cdfc2655bb', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'd47b514c38a32cff7ce7e1229251042ce167bd16', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'b9aac4b7f767ce8c20ead5b1f2dbccd8ce6f1ead', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '3bed3a20f410397a9ea8292b70f96bf3e7124f21', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'f7204ad4679e748dddea4f037c1c7137f939c5b3', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'c0f8d74c3b527faa3887511db086ceee771e4433', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: 'b088ea298c849190f032ee78068f361776f5c1c8', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'd281aed15fcff0881e9f5328852fdec0d3b3afbe', class: "progress_bar" }, h("div", { key: '14fa4c4eea71dc7a859982d4dcf441340cfa510d', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '10e6adb91bc94b0d1e28e146c094e7c1aa66972e', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '9ee48a7cefdbf2d7038643c5adb3d6df21b25ceb', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '4cf39cdc8816cffde2064658fe8f2ddf7740fdca', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'c9cd6eed8d28fe38cebed9d6199868d1aea48042', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '5c498c4484876bc528568735193ac99d58230a1d', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '9fe5ab43434ded05b0494843f2b3c7c0bb66dfc6', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '74578980b2ee57c29eb96e0f73f83bd7a0f4662e', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-circle/gb-progress-circle.js

@@ -30,7 +30,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: '664c4f0e9fdfadf84ee91bb10bfa7c23636eed3e', class: "gauge" }, h("div", { key: 'e179ff0b009cd54f1fa372f4aff5989333f9be99', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'e42990834267d372f608e7dc4d7866e00f7cc9fe', class: "mask" }), this.label && (h("div", { key: '412374ad04af7c8fb14f4686780f594bb28cdf4d', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '8cbc5de3f2264f3828d011d3c38d765c2a228023', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '92a64a225d9e277c1cead42e28ba532be5735c33', class: "gauge" }, h("div", { key: '31f47b93724eb88c62615d084fc112f4344bc1f4', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '24006ef0a8cc36e5d74ba93c0a733b341280a7f9', class: "mask" }), this.label && (h("div", { key: '2e42d66a2a4d14691bf6a85eb3766ea54102bf63', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'f20646812e084b6b70db49a01e3837a5d357c8ba', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-rich-text/gb-rich-text.js

@@ -15,7 +15,7 @@ export class GbRichText {
             destructive: this.destructive,
             disabled: this.state === 'disabled'
         };
-        return (h("div", { key: 'c9b9414d8c598bf70a921fde572432cb455de79c', class: classes }, h("div", { key: '71cc66d2a0587b6d0c1baed6f9b108b1c39ade2f', class: "input-with-label" }, h("label", { key: 'c0b5438d9db01f8c86a260e9d14a657d251dfccb' }, this.label), h("div", { key: '5eb071836bc86d45f2709636bfd65e05cd8e8226', class: "input-container" }, h("div", { key: 'd55dee1fce024af0c36767b15fd73bf9d85a6c78', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '539719b7a7626c96b405815049d6777435a586a6', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: 'bcaa0fbaf23e9fcd795fdbcb76e62fd2f54917ca', class: "error-icon" }, h("svg", { key: 'abb65479c56904c1cd6cd60e7855c2ae512642e7', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'da1216ebeac4dc432ff52431be98a06c9549b838', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'de6acfde6469d2cb3f19462755882f5e91703511', class: "text-container" }, h("textarea", { key: '12105112b1554a8275484699c409a023ab05efda' }, this.showPlaceholder && (h("div", { key: 'e4315cd64a5e67dfd1d62994312cff81e85bc4ac' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'cc1ecdc21cb3f9b6c409c68fd416e9320a0a6247', class: "hint-text" }, this.hintText))));
+        return (h("div", { key: 'e6c8642c08d2ed2c5a2533a287eedc2e8d132141', class: classes }, h("div", { key: 'bdb3a13d6f516df9abb2d6517241f9520b32c0d7', class: "input-with-label" }, h("label", { key: '091be54c2ddba2e58f842878a74a5314901db583' }, this.label), h("div", { key: '84bd0474afa3f01ffbed4ddaef174e77a2dc0a07', class: "input-container" }, h("div", { key: 'b8e24f61c541fc003ae2e53514bf6b5ceebed08d', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '935286e2a038397881f559120f4f4acf8d2fe862', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: '6c6b4d434ae954afdc4bd7bf9d0d5bb3448107a9', class: "error-icon" }, h("svg", { key: 'ce902df811835e7938b1f0b96c8e844181479e26', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '7640847db6ecc756ddc38d1f89a3c6c2777a7aa7', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '22c805cb2ea9fba08f5b4e641a8a7e40b8047cfc', class: "text-container" }, h("textarea", { key: 'daf663b158090a3049d112b3a09b1d3d705811ec' }, this.showPlaceholder && (h("div", { key: '16f1909688bde8917df4eab9bfd77fab3c9d4bd0' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'c37283a8e34852d685fda114f49f53c3e669f552', class: "hint-text" }, this.hintText))));
     }
     static get is() { return "gb-rich-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-scrollbar/gb-scrollbar.js

@@ -4,7 +4,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '28f02133e1a87048086be1c89b04581290649ec1', class: "scrollbar-container" }, h("div", { key: '5abfcb4961ce0cac429ad88961f34d31217fb290', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '48a8f586e42b133fbe4836ed3050df3695549c89' }))));
+        return (h("div", { key: '07e8ec2ff2a1f7c53cec5b4cff5a1fbe0faa99f6', class: "scrollbar-container" }, h("div", { key: '5483410a8af9456cd6f719d5c113b83b6c9abd08', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'de07fc69eb4803455e3b0b02035c078b66f42a73' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.js

@@ -32,7 +32,7 @@ export class GbSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '0904819ef4741c8eb299745c9c9b7e48bd803afd', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '9013a57989a3b2809a837c7fd602cb917f38b34a', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '1843fb6140f2ebf2c78e5152ecdf7de520941fb3', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'e146072893cc32fc8a7b00ac4260f63a6d680844', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '0afc5f3a292d0e6e264f6ec341bc703e9611e750', class: "content" }, h("div", { key: 'd4399c4003e055389da1b085d8248f1f07eea470', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '459c64ebf35a7ec71d42ec5370b0b8f05cb6ebd0', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '066364d17bade83a64f11ec0759f6cc56748d33f', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '2628d7ac9cf632c25da94fb30f369943fb45f4f2' }, "10"))), this.showArrow && (h("svg", { key: 'c51741c0255e29bab87b7b214cc43276efee6d73', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '668da123213a39f1aded0b5ffa90cfb8bbc6eb18', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '59660faa115d130b5ea78cbee39905f7e779c611', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '00484b08d214f7457b733f2d4228910d7539d132', slot: "label" }, this.label)))));
+        return (h("div", { key: 'd2e15d0add59f71f2d2f91fc288f0949ca126d2a', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '08b53ae648bb9eebe9c17a70bd18afdca57404a2', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '0b6e78a32eb0496f381589dc55574d7e853eb526', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'dfae0080d3fa8551af3df38018b950bf69c7e6f5', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '23dd8449892ce86ad79e58f41cee7ad27c933342', class: "content" }, h("div", { key: 'f1b029268d46ac1f436b14e4bd617f974f7efa6f', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '109a31eca48c21abac12f03f77540194fa5c8991', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '2532ffeb07887d75794631c8c0d382d392260b4a', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '211c91bc32050a9b5285805e0cdab9bb5bbc9309' }, "10"))), this.showArrow && (h("svg", { key: 'cbd28af6c34aaa64ae8c611502be7069ee422651', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: 'c210a7c82165283036bce1ed5b3aa2d0bd9b1665', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '592facf9832d86e42bf4de2f1fb963857d607346', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '49b946a445def14ea1e7306a00d54bf86341d02c', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-sidebar/gb-sidebar.js

@@ -65,7 +65,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h("div", { key: '51bdcfbc114068b6e0ee5004a4d3c6bedec89ef8', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '8b16d8d0f07ddf3d1414f1ef02f2936f78700b52', class: "pattern" }, h("img", { key: '4c19845be3e80fee03a180dfeb523418ba94eb5f', src: patternSrc, alt: "" }))), h("div", { key: '4c24b20a3642d5b3d65f38390c0f51a6f7c46aa9', class: "nav" }, h("div", { key: '3161a4d0cb3ce59f47bf917239e046dacc9be9e0', class: `sidebar_header ${this.state}` }, h("div", { key: '1163be23f35c0fa9b65da2f7b1e1c82675bdfaa5', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: 'fd23546d708289c71e9947342f6f837c7350f386', src: logoSrc, alt: "" })), h("div", { key: '497093513913dca57255607360a1997116f063b7', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '135d5fa3839fe0024d2a7256e226cb0e6332f5f0', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '738694895513a4cf2458364d3ca8d73ffe0c0643', class: "navigation" }, h("div", { key: '7b61156c08148638cbc60e6217089052e13b1a9b', class: "item" }, h("gb-side-bar-item", { key: '958fc5ecc85cfbe84a5d10d3f17e89ad09b2a72f', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-side-bar-item", { key: '053fd75f44a6581455a481d0261a0e6ee56e3d43', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-side-bar-item", { key: 'b96a61329f8970e9309b60a19721458a095cfcab', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-side-bar-item", { key: '9a4fc70436d20dddb7f67980c2991e0f78783a2b', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-side-bar-item", { key: '44b36528a699cb5a99dfc25b8b74a890e5a43805', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '8bb0192a2d197fea62e41dee19e4b6f371d3081c', class: "navigation" }, h("div", { key: '8b895a23068b68dd9b0a2ac460e93e069c38ed56', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: 'e9c31ea2c421125c9eed3f242bb86b621e06e49d', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-side-bar-item", { key: 'b83132ca871446dfde6bb4b6ec07bf71bd61ee3f', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-side-bar-item", { key: '9ddefff31fdc7bf132b85ca4d0380b4a1742e7b0', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-side-bar-item", { key: '4d3d57dfd4be41556dfcde55b1270bcb6f40b374', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-side-bar-item", { key: '2f11e4ba59ae91aa07a4b92b311009aeb59a8839', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: 'f6f7b7ef299245283cbe50f6e5fa4a6544c78699', class: "application_name" }, h("div", { key: '9e4c1d2873d5a9f9e2c78287d107257dc6e46c28', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '26599bb9a4213f4f6e3204c53239746d1c3a5f06', class: "application_name_pattern" }, h("img", { key: 'f51046fa483c8916a9e9d61a9a18231f04d2fbc1', src: patternSrc, alt: "" }))), h("div", { key: 'cbfe72ff8b909f4cd10cd716ab20ae04b659da57', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'bd196602a4b423049919f448aff396b75fd311c0', class: textClass }, h("slot", { key: '895bacde03cfae0fef69f69cafe0b10ced299e3d', name: "application_name" })))))));
+        return (h("div", { key: 'dfc0c9e3b64e1aa323a12a84e5c5d761f7304125', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'eb8f3861c139e3595a5365f6f348c913eeca6b54', class: "pattern" }, h("img", { key: '28844c3c23f67b815fa0a048f354b51d777e1862', src: patternSrc, alt: "" }))), h("div", { key: '3e586f0e9f8e5c092c63a78461f91234e08964d8', class: "nav" }, h("div", { key: '1c324350ea9c6a8c40ad0a46549ade50edff48bb', class: `sidebar_header ${this.state}` }, h("div", { key: 'bbaa5ddfaef127961273280ce2f380656fafa3a1', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '2786382e1e5f410360fa8808db73001af1f08332', src: logoSrc, alt: "" })), h("div", { key: '7a156909d0dcc76f208c27d0191ce951a5852b2a', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '68af5912211df3a8a8103a010d32928806e95784', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '3ba843a84f77b1adc7e19526a26b669cd798b0c3', class: "navigation" }, h("div", { key: '51d6a69a979293941f197f6757a29e5817adf72e', class: "item" }, h("gb-side-bar-item", { key: '52c5d0cdfca69bf91a6fa0b80b9a063c38264353', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-side-bar-item", { key: 'edef91f00e2f18bd78636d0d61ce57a7980971db', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-side-bar-item", { key: 'b9e948e211adcd7f208bd172e966c72eb76c471e', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-side-bar-item", { key: '5e6cea08666410d47428d7d9dc0369f95e19cfd0', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-side-bar-item", { key: 'd0f57d3f5946ffe733e7fa6c876bebb980668d08', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'f8e6827231e1c5d7e8641d9d8e110bbf01db02a8', class: "navigation" }, h("div", { key: '72e289a6026fbdedae08700e3e7d1edc7044c288', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '96cf3d4dc478dc73b9724328e04a75c544274748', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-side-bar-item", { key: 'bd4e1c3a56f2cef463392fd72b1f0bc987085adf', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-side-bar-item", { key: '89ba818911eded15bf98f516bed339fdeb071a3f', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-side-bar-item", { key: '5e850f8a9678bdba1a8d7ec0fe9fbf244b9dc94e', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-side-bar-item", { key: '76de8ab4eaeb07c6084c1b19e79573b5f71f0564', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '586ed64720716da2e0d29761bddf551d5acadc74', class: "application_name" }, h("div", { key: 'f2b573c0f247f32fabd47da3e06cdffb701fac1d', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '1399f5420693d60325440c4d78dc471e474bd2c3', class: "application_name_pattern" }, h("img", { key: '36756e55bfaecda7516935533523431e2e0d6217', src: patternSrc, alt: "" }))), h("div", { key: 'd4f819f667ef3370ba76480c5d44994e8c4d970f', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '509d4452dd56d919b8cc32fb946189f55c6d4ae1', class: textClass }, h("slot", { key: '83afb98d4075dacb34018b4d9acee64cc5a13a65', name: "application_name" })))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-slider/gb-slider.js

@@ -74,7 +74,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: '4adb195a2012f9a24ae64568422bd914b69373ee', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '59a8ae9a5779ec9b59a6eafeb1832d93590041a8', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'ed5fd7aaf74ce4ab04d3758da2c49f9bf913d375', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '7311f39186fd257097f7f2ec780231010fe27d45', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: 'e54b403af14844ab1f074e5681a8b7b003cb2992', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '6a60f1d949e971856b435401b21fa4003653a422', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'eec806d836f8423b00b83ea0dafae32f69e7c2d0', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '3c24e6a5142d7f8cdce9d7e16d2737e8a251f2d2', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }