npm - eiam-user-preference - Versions diffs - 0.0.24 → 0.0.26 - Mend

eiam-user-preference 0.0.24 → 0.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/dist/collection/components/eiam-user-preference/eiam-user-preference.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eiam-user-preference.js","sourceRoot":"","sources":["../../../src/components/eiam-user-preference/eiam-user-preference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOhF,MAAM,OAAO,kBAAkB;IAClB,IAAI,CAAc;IAC7B,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,uBAAuB,CAAC;IACpD,gBAAgB,CAAS;IACzB,OAAO,GAAG;QACjB,UAAU,EAAE;YACV,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,IAAI;SACf;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;IACO,eAAe,GAAG;QACzB,UAAU,EAAE,YAAY;QACxB,UAAU,EAAE,EAAE;QACd,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE,CAAC;QAChB,oBAAoB,EAAE,EAAE;QACxB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEO,YAAY,GAAa,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;IACpE,WAAW,GAAa,CAAC,QAAQ,CAAC,CAAC;IACnC,SAAS,GAAG;QACnB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;QAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;QAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;KAChC,CAAC;IACO,cAAc,GAAU,EAAE,CAAC;IAC3B,gBAAgB,GAAU,EAAE,CAAC;IAC7B,KAAK,GAAU,EAAE,CAAC;IAClB,UAAU,GAAW,CAAC,CAAC;IACvB,WAAW,GAAG,KAAK,CAAC;IACpB,eAAe,GAAY,KAAK,CAAC,CAAC,iDAAiD;IACnF,YAAY,GAAqC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,yBAAyB;IACtG,MAAM,CAAM;IACb,WAAW,CAAS;IACpB,aAAa,CAAS;IAK9B,KAAK,CAAC,iBAAiB;QACrB,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC/B,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACjC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC;IACrC,CAAC;IACD,gBAAgB,KAAI,CAAC;IACrB,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC;YACH,MAAM,OAAO,GAAG;gBACd,cAAc,EAAE,kBAAkB;gBAClC,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;gBAC/B,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,qCAAqC,EAAE;gBAChF,MAAM,EAAE,KAAK,EAAE,qBAAqB;gBACpC,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS,EAAE,+CAA+C;aACxE,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEnC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAC;YACrD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;IAED,KAAK,CAAC,kBAAkB;QACtB,IAAI,CAAC;YACH,MAAM,OAAO,GAAG;gBACd,cAAc,EAAE,kBAAkB;gBAClC,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;gBAC/B,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,yCAAyC,EAAE;gBACpF,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEnC,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACrC,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAChD,IAAI,CAAC,eAAe,GAAG;oBACrB,GAAG,IAAI,CAAC,eAAe;oBACvB,UAAU,EAAE,IAAI,CAAC,WAAW,IAAI,YAAY;oBAC5C,UAAU,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,YAAY;oBACjE,QAAQ,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK;oBAC1E,aAAa,EAAE,IAAI,CAAC,aAAa,IAAI,CAAC;oBACtC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;oBAC/C,QAAQ,EAAE,IAAI,EAAE,yBAAyB,EAAE,IAAI,IAAI,EAAE;iBACtD,CAAC;YACJ,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,KAAK,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;IAED,KAAK,CAAC,mBAAmB;QACvB,IAAI,CAAC;YACH,MAAM,OAAO,GAAG;gBACd,cAAc,EAAE,kBAAkB;gBAClC,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;gBAC/B,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,+DAA+D,EAAE;gBAC1G,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEnC,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACxC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAC;YACrD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IACD,iBAAiB,CAAC,CAAQ;QACxB,MAAM,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;QAEzD,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC;YAChC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,8BAA8B,CAAC,CAAC;YAChE,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,KAAK,CAAC,qBAAqB;QACzB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,qBAAqB,EAAE;gBAChE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE;oBACP,cAAc,EAAE,kBAAkB;oBAClC,uBAAuB,EAAE,kEAAkE;oBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;oBAC/B,QAAQ,EAAE,GAAG;oBACb,eAAe,EAAE,IAAI,CAAC,aAAa;iBACpC;gBACD,WAAW,EAAE,SAAS;gBACtB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;aACnC,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,OAAO,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC;gBACvC,OAAO;YACT,CAAC;YAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC;YACjC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;QAC1C,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAED,gCAAgC;IAChC,oGAAoG;IAEpG,wBAAwB;IACxB,4CAA4C;IAC5C,qGAAqG;IACrG,yCAAyC;IACzC,uBAAuB;IACvB,6CAA6C;IAC7C,SAAS;IAET,YAAY;IACZ,iGAAiG;IACjG,0BAA0B;IAC1B,4BAA4B;IAC5B,uEAAuE;IACvE,kCAAkC;IAClC,YAAY;IAEZ,4BAA4B;IAC5B,6EAA6E;IAC7E,kBAAkB;IAClB,UAAU;IAEV,yCAAyC;IACzC,wBAAwB;IACxB,+DAA+D;IAC/D,QAAQ;IACR,MAAM;IACN,KAAK,CAAC,iBAAiB;QACrB,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAChE,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QACrE,IAAI,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACtC,IAAI,oBAAoB,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;QACpD,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,kBAAkB;YAClC,uBAAuB,EAAE,kEAAkE;YAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;YAC/B,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI,CAAC,aAAa;SACpC,CAAC;QACF,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC;QAEzD,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,0CAA0C,EAAE;gBACrF,MAAM,EAAE,MAAM;gBACd,OAAO;gBACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAC;gBAC3H,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;gBAClE,OAAO;YACT,CAAC;YAED,4BAA4B;YAC5B,MAAM,QAAQ,GAAQ,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACtD,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;gBAAE,OAAO;YAEtD,8CAA8C;YAC9C,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;YAEpF,IAAI,aAAa,EAAE,CAAC;gBAClB,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;gBACrD,oDAAoD;YACtD,CAAC;YAED,IAAI,WAAW,EAAE,CAAC;gBAChB,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,WAAW,aAAa,CAAC,CAAC;YAC9E,CAAC;YAED,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,IAAI,YAAY,CAAC,CAAC;YAChE,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC;YAEtD,+DAA+D;YAC/D,qDAAqD;QACvD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC;YACH,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,6BAA6B,EAAE;gBACvD,MAAM,EAAE,QAAQ;gBAChB,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,IAAI,CAAC,eAAe,GAAG;gBACrB,UAAU,EAAE,YAAY;gBACxB,UAAU,EAAE,EAAE;gBACd,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,oBAAoB,EAAE,EAAE;gBACxB,QAAQ,EAAE,EAAE;aACb,CAAC;YAEF,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;YACtC,YAAY,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;YACzC,YAAY,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;YAEpC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,gCAAgC;QACrD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IACD,WAAW;QACT,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC;IACD,eAAe;QACb,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;IAC/C,CAAC;IACD,UAAU,CAAC,IAAI;QACb,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,8BAA8B;QACvF,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,iCAAiC;IAC3D,CAAC;IAED,eAAe;IACf,eAAe;IACf,eAAe;IACf,gBAAgB;IAChB,2HAA2H;IAE3H,0BAA0B;IAC1B,mCAAmC;IACnC,kCAAkC;IAClC,4CAA4C;IAC5C,0EAA0E;IAC1E,4BAA4B;IAC5B,0BAA0B;IAC1B,4CAA4C;IAC5C,wBAAwB;IACxB,+CAA+C;IAC/C,uHAAuH;IACvH,yDAAyD;IACzD,uGAAuG;IACvG,mCAAmC;IACnC,kCAAkC;IAClC,0BAA0B;IAC1B,8BAA8B;IAE9B,+CAA+C;IAC/C,uHAAuH;IACvH,wDAAwD;IACxD,uGAAuG;IACvG,mCAAmC;IACnC,kCAAkC;IAClC,0BAA0B;IAC1B,8BAA8B;IAE9B,6CAA6C;IAC7C,oHAAoH;IACpH,oDAAoD;IACpD,4GAA4G;IAC5G,uCAAuC;IACvC,kCAAkC;IAClC,0BAA0B;IAC1B,8BAA8B;IAE9B,uDAAuD;IACvD,mIAAmI;IACnI,2DAA2D;IAC3D,qHAAqH;IACrH,yCAAyC;IACzC,kCAAkC;IAClC,0BAA0B;IAC1B,8BAA8B;IAE9B,wDAAwD;IACxD,gIAAgI;IAChI,gDAAgD;IAChD,kHAAkH;IAClH,sCAAsC;IACtC,kCAAkC;IAClC,0BAA0B;IAC1B,8BAA8B;IAE9B,mFAAmF;IACnF,mFAAmF;IACnF,yBAAyB;IACzB,uBAAuB;IACvB,qBAAqB;IACrB,eAAe;IACf,iBAAiB;IACjB,gBAAgB;IAChB,SAAS;IACT,MAAM;IACN,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH;gBAEE,4DAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;oBACpJ,0DAAG,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM;wBAC1B,6DAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG;wBAC3C,6DAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,GAAG;wBACjE,6DACE,CAAC,EAAC,wjBAAwjB,EAC1jB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,KAAK,GACb,CACA,CACA;gBAGL,IAAI,CAAC,WAAW,IAAI,CACnB,4DAAK,KAAK,EAAC,mCAAmC;oBAC5C,0DAAG,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,EAAC,0BAA0B,EAAC,KAAK,EAAC,uBAAuB;wBAC/F,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;4BAChG,0DAAG,EAAE,EAAC,iBAAiB;gCACrB,6DAAM,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,8CAA8C,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACpJ,CACA,CACJ;oBACJ,4DAAK,KAAK,EAAC,qBAAqB;wBAC9B,2DAAI,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,8GAA8G;4BACrI,2DAAI,KAAK,EAAC,iBAAiB;gCACzB,yEAAe,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,sBAEnD,CACD,CACF,CACD;oBAEN,4DAAK,KAAK,EAAC,yBAAyB;wBAClC,4DAAK,KAAK,EAAC,aAAa;4BACtB,4DAAK,EAAE,EAAC,kCAAkC,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,qDAAqD;gCACpH,4DAAK,KAAK,EAAC,iBAAiB;oCAC1B,4DAAK,KAAK,EAAC,kBAAkB;wCAC3B,4DAAK,KAAK,EAAC,YAAY;4CACrB,8EAA0B;4CAC1B,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,IAC5F,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC/B,cAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,KAAK,MAAM,IACxE,MAAM,CACA,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,8EAA0B;4CAC1B,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,IAC5F,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC9B,cAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,KAAI,MAAM,IACvE,MAAM,CACA,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,4EAAwB;4CACxB,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,IAC1F,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK,IAC9E,IAAI,CAAC,KAAK,CACJ,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,sFAAkC;4CAClC,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC,IACzG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACjC,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,aAAa,KAAK,MAAM,CAAC,KAAK,IACvF,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,uFAAmC;4CACnC,4DAAK,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;gDAC5D,4DAAK,KAAK,EAAC,qBAAqB;oDAC9B,6DAAM,KAAK,EAAC,kBAAkB;wDAC5B,0DAAG,KAAK,EAAC,aAAa,GAAK,CACtB,CACH;gDACN,8DAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,QAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,aAAa,EAAE,WAAW,EAAC,aAAa,GAAG,CACzH,CACF,CACF;oCACN,4DAAK,KAAK,EAAC,kBAAkB;wCAC3B,4DAAK,KAAK,EAAC,kBAAkB;4CAC3B,+DAAQ,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,WAE9D;4CACT,+DAAQ,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,YAE/D,CACL,CACF,CACF,CACF,CACF,CACF,CACF,CACP;gBAIA,IAAI,CAAC,eAAe,IAAI,CACvB,4DAAK,KAAK,EAAC,qCAAqC;oBAC9C,4DAAK,KAAK,EAAC,4BAA4B;wBACrC,4DAAK,KAAK,EAAC,cAAc;4BACvB,2DAAI,KAAK,EAAC,uBAAuB,6BAA4B;4BAC7D,+DAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAC,QAAQ,gBAAY,OAAO,EAAC,KAAK,EAAC,kBAAkB;gCACtG;oCACE,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;wCAChG,0DAAG,EAAE,EAAC,iBAAiB;4CACrB,6DAAM,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,8CAA8C,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACpJ,CACA,CACD,CACA,CACL;wBAEN,4DAAK,KAAK,EAAC,YAAY;4BACrB,4DAAK,KAAK,EAAC,KAAK;gCACd,4DAAK,KAAK,EAAC,QAAQ;oCACjB,4DAAK,KAAK,EAAC,KAAK;wCACd,4DAAK,KAAK,EAAC,YAAY;4CACrB,8DAAO,OAAO,EAAC,EAAE,6BAA+B;4CAChD,+DAAQ,KAAK,EAAC,IAAI,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;gDACxD,+DAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,IAAI,+BAE7C;gDACR,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CACxC,cAAQ,KAAK,EAAE,WAAW,CAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,WAAW,CAAC,aAAa,IACjG,WAAW,CAAC,eAAe,CACrB,CACV,CAAC,CACK,CACL,CACF;oCAEN,8EAA0B;oCAC1B,4DAAK,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IACvE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,WAAK,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;wCACzD,WAAK,KAAK,EAAC,KAAK;4CACd,YAAM,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IACnE,IAAI,CAAC,IAAI,CACL;4CACP,aACE,KAAK,EAAE;oDACL,qBAAqB,EAAE,IAAI,CAAC,iBAAiB,IAAI,CAAC;oDAClD,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,IAAI,CAAC;iDACjD;;gDAEE,IAAI,CAAC,WAAW,CACb,CACJ,CACF,CACP,CAAC,CACE;oCACN,4DAAK,KAAK,EAAC,qDAAqD,GAQ1D,CACF,CACF,CACF,CACF,CACF,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, State, Watch, h, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'eiam-user-preference',\r\n styleUrl: 'eiam-user-preference.css',\r\n shadow: true,\r\n})\r\nexport class EiamUserPreference {\r\n @Element() host: HTMLElement;\r\n apiUrl = window['config']?.apiUrl \|\| 'http://localhost:5000';\r\n @State() currentRouteSlug: string;\r\n @State() payload = {\r\n pagination: {\r\n pageIndex: 0,\r\n pageSize: 1000,\r\n },\r\n search: {\r\n pageName: '',\r\n },\r\n };\r\n @State() userPreferences = {\r\n dateFormat: 'dd/MM/yyyy',\r\n timeFormat: '',\r\n fontSize: null,\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n\r\n @State() dateFormates: string[] = ['dd/MM/yyyy', 'MM/dd/yyyy', 'yyyy-MM-dd'];\r\n @State() timeFormats: string[] = ['h:mm a'];\r\n @State() fontSizes = [\r\n { label: 'Small', value: '14' },\r\n { label: 'Medium', value: '16' },\r\n { label: 'Large', value: '18' },\r\n ];\r\n @State() displayFormats: any[] = [];\r\n @State() userApplications: any[] = [];\r\n @State() pages: any[] = [];\r\n @State() totalPages: number = 0;\r\n @State() isModalOpen = false;\r\n @State() isPageModalOpen: boolean = false; // Controls the visibility of the secondary modal\r\n @State() selectedPage: { pageId: number; name: string } = { pageId: null, name: '' }; // To store selected page\r\n @State() pageId: any;\r\n @Prop() cultureCode: string;\r\n @Prop() applicationId: string;\r\n\r\n @Watch('cultureCode')\r\n @Watch('applicationId')\r\n @Watch('pageId')\r\n async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n await this.getPagesSApplications();\r\n }\r\n componentDidLoad() {}\r\n async getDisplayFormats() {\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/DisplayFormats`, {\r\n method: 'GET', // Specify GET method\r\n headers: headers,\r\n credentials: 'include', // Include credentials (cookies) in the request\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (Array.isArray(data.content)) {\r\n this.displayFormats = data.content;\r\n } else {\r\n console.error('Invalid response structure:', data);\r\n }\r\n } catch (error) {\r\n console.error('Error fetching display formats:', error);\r\n }\r\n }\r\n\r\n async getUserPreferences() {\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/GetUserPreferences`, {\r\n method: 'GET',\r\n headers: headers,\r\n credentials: 'include',\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (data && typeof data !== 'string') {\r\n const fontSizeValue = parseFloat(data.fontSize);\r\n this.userPreferences = {\r\n ...this.userPreferences,\r\n dateFormat: data.dateFormate \|\| 'dd/MM/yyyy',\r\n timeFormat: data.timeFormate \|\| this.timeFormats[0], // fallback!\r\n fontSize: !isNaN(fontSizeValue) ? fontSizeValue : this.fontSizes[0]?.value,\r\n displayFormat: data.displayFormat \|\| 1,\r\n defaultLandingPageId: data.defaultLandingPageId,\r\n pageName: data?.defaultLandingPageDetails?.name \|\| '',\r\n };\r\n }\r\n } catch (error) {\r\n console.error('Error fetching user preferences:', error);\r\n }\r\n }\r\n\r\n async getUserApplications() {\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/OrganizationApplicationsApi/GetAssigndApplicationForUser`, {\r\n method: 'GET',\r\n headers: headers,\r\n credentials: 'include',\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (data && Array.isArray(data.content)) {\r\n this.userApplications = data.content;\r\n } else {\r\n console.error('Invalid response structure:', data);\r\n }\r\n } catch (error) {\r\n console.error('Error fetching applications:', error);\r\n }\r\n }\r\n changeApplication(e: Event) {\r\n const selectedId = (e.target as HTMLSelectElement).value;\r\n\r\n if (selectedId) {\r\n this.applicationId = selectedId;\r\n console.log(this.applicationId, 'this.applicationId on change');\r\n this.getPagesSApplications();\r\n } else {\r\n this.applicationId = null;\r\n }\r\n }\r\n\r\n async getPagesSApplications() {\r\n try {\r\n const response = await fetch(`${this.apiUrl}/api/Pages/GetPages`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n },\r\n credentials: 'include',\r\n body: JSON.stringify(this.payload),\r\n });\r\n\r\n if (!response.ok) {\r\n console.error('Failed to fetch pages');\r\n return;\r\n }\r\n\r\n const data = await response.json();\r\n this.pages = data?.content?.data;\r\n console.log(data, 'data of all pages ');\r\n } catch (error) {\r\n console.error('Error fetching pages:', error);\r\n }\r\n }\r\n\r\n // async submitPreferences() {\r\n // const fontSize = this.userPreferences.fontSize ? this.userPreferences.fontSize + 'px' : null;\r\n\r\n // const headers = {\r\n // 'Content-Type': 'application/json',\r\n // 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n // 'CultureCode': this.cultureCode,\r\n // 'Source': '2',\r\n // 'applicationId': this.applicationId,\r\n // };\r\n\r\n // try {\r\n // const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n // method: 'POST',\r\n // headers: headers,\r\n // body: JSON.stringify({ ...this.userPreferences, fontSize }),\r\n // credentials: 'include',\r\n // });\r\n\r\n // if (!response.ok) {\r\n // console.error('Failed to save preferences:', response.statusText);\r\n // return;\r\n // }\r\n\r\n // await this.getUserPreferences();\r\n // } catch (error) {\r\n // console.error('Error submitting preferences:', error);\r\n // }\r\n // }\r\n async submitPreferences() {\r\n const fontSizeValue = parseFloat(this.userPreferences.fontSize);\r\n const fontSize = !isNaN(fontSizeValue) ? `${fontSizeValue}px` : null;\r\n let pageName = this.selectedPage.name;\r\n let defaultLandingPageId = this.selectedPage.pageId;\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n console.log(this.userPreferences, 'user preferancesss ');\r\n\r\n try {\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n method: 'POST',\r\n headers,\r\n body: JSON.stringify({ ...this.userPreferences, fontSize, pageName: pageName, defaultLandingPageId: defaultLandingPageId }),\r\n credentials: 'include',\r\n });\r\n\r\n if (!response.ok) {\r\n console.error('Failed to save preferences:', response.statusText);\r\n return;\r\n }\r\n\r\n // Fetch updated preferences\r\n const newPrefs: any = await this.getUserPreferences();\r\n if (!newPrefs \|\| typeof newPrefs === 'string') return;\r\n\r\n // Apply updated preferences like Angular code\r\n const { displayFormat, fontSize: newFontSize, dateFormate, timeFormate } = newPrefs;\r\n\r\n if (displayFormat) {\r\n localStorage.setItem('displayFormat', displayFormat);\r\n // this.emit('displayFormatUpdated', displayFormat);\r\n }\r\n\r\n if (newFontSize) {\r\n document.body.setAttribute('style', `font-size: ${newFontSize} !important`);\r\n }\r\n\r\n localStorage.setItem('dateFormat', dateFormate \|\| 'dd/MM/yyyy');\r\n localStorage.setItem('timeFormat', timeFormate \|\| '');\r\n\r\n // this.emit('dateFormatUpdated', dateFormate \|\| 'dd/MM/yyyy');\r\n // this.emit('timeFormatUpdated', timeFormate \|\| '');\r\n } catch (error) {\r\n console.error('Error submitting preferences:', error);\r\n }\r\n }\r\n\r\n async resetPreferences() {\r\n try {\r\n await fetch(`${this.apiUrl}/api/UserPreferences/Delete`, {\r\n method: 'DELETE',\r\n credentials: 'include',\r\n });\r\n\r\n this.userPreferences = {\r\n dateFormat: 'dd/MM/yyyy',\r\n timeFormat: '',\r\n fontSize: '',\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n\r\n localStorage.removeItem('dateFormat');\r\n localStorage.removeItem('displayFormat');\r\n localStorage.removeItem('fontSize');\r\n\r\n location.reload(); // If you want to refresh the UI\r\n } catch (error) {\r\n console.error('Failed to reset preferences', error);\r\n }\r\n }\r\n toggleModal() {\r\n this.isModalOpen = !this.isModalOpen;\r\n }\r\n togglePageModal() {\r\n this.isPageModalOpen = !this.isPageModalOpen;\r\n }\r\n selectPage(page) {\r\n this.selectedPage = page;\r\n this.userPreferences.defaultLandingPageId = page.pageId; // Update default landing page\r\n this.togglePageModal(); // Close the page selection modal\r\n }\r\n\r\n // render() {\r\n // return (\r\n // <Host>\r\n // <div>\r\n // <i class=\"fas fa-cogs\" onClick={() => this.toggleModal()} style={{ cursor: 'pointer', fontSize: '24px' }}></i>\r\n\r\n // {/* Modal /}\r\n // {this.isModalOpen && (\r\n // <div class=\"modal\">\r\n // <div class=\"modal-content\">\r\n // <span class=\"close\" onClick={() => this.toggleModal()}>\r\n // ×\r\n // </span>\r\n // <h2>User Preferences</h2>\r\n // <div>\r\n // <label>Date Format</label>\r\n // <select onInput={e => (this.userPreferences.dateFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.dateFormates.map(format => (\r\n // <option value={format} selected={this.userPreferences.dateFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>Time Format</label>\r\n // <select onInput={e => (this.userPreferences.timeFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.timeFormats.map(format => (\r\n // <option value={format} selected={this.userPreferences.timeFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>Font Size</label>\r\n // <select onInput={e => (this.userPreferences.fontSize = (e.target as HTMLSelectElement).value)}>\r\n // {this.fontSizes.map(size => (\r\n // <option value={size.value} selected={this.userPreferences.fontSize === size.value}>\r\n // {size.label}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>User Display Format</label>\r\n // <select onInput={e => (this.userPreferences.displayFormat = parseInt((e.target as HTMLSelectElement).value))}>\r\n // {this.displayFormats.map(format => (\r\n // <option value={format.value} selected={this.userPreferences.displayFormat === format.value}>\r\n // {format.label}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>Default Landing Page</label>\r\n // <select onInput={e => (this.userPreferences.defaultLandingPageId = (e.target as HTMLSelectElement).value)}>\r\n // {this.pages.map(page => (\r\n // <option value={page.id} selected={this.userPreferences.defaultLandingPageId === page.id}>\r\n // {page.name}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <button onClick={() => this.submitPreferences()}>Save</button>\r\n // <button onClick={() => this.resetPreferences()}>Reset</button>\r\n // </div>\r\n // </div>\r\n // </div>\r\n // )}\r\n // </div>\r\n // </Host>\r\n // );\r\n // }\r\n render() {\r\n return (\r\n <Host>\r\n <div>\r\n {/ User Preferences Modal Trigger /}\r\n <svg onClick={() => this.toggleModal()} xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" style={{ cursor: 'pointer' }}>\r\n <g stroke=\"none\" fill=\"none\">\r\n <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" />\r\n <rect fill=\"#000000\" x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\" />\r\n <path\r\n d=\"M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z\"\r\n fill=\"#000000\"\r\n opacity=\"0.3\"\r\n />\r\n </g>\r\n </svg>\r\n\r\n {/ Main Modal /}\r\n {this.isModalOpen && (\r\n <div class=\"kt-quick-panel kt-quick-panel--on\">\r\n <a onClick={() => this.toggleModal()} id=\"kt_quick_panel_close_btn\" class=\"kt-quick-panel__close\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </a>\r\n <div class=\"kt-quick-panel__nav\">\r\n <ul role=\"tablist\" class=\"nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x\">\r\n <li class=\"nav-item active\">\r\n <a data-toggle=\"tab\" role=\"tab\" class=\"nav-link active\">\r\n User Preference\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n <div class=\"kt-quick-panel__content\">\r\n <div class=\"tab-content\">\r\n <div id=\"kt_quick_panel_tab_notifications\" role=\"tabpanel\" class=\"tab-pane fade show kt-scroll active ps ps--active-y\">\r\n <div class=\"kt-notification\">\r\n <div class=\"kt-portlet__body\">\r\n <div class=\"form-group\">\r\n <label>Date Format</label>\r\n <select onInput={e => (this.userPreferences.dateFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.dateFormates.map(format => (\r\n <option value={format} selected={this.userPreferences.dateFormat === format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Time Format</label>\r\n <select onInput={e => (this.userPreferences.timeFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.timeFormats.map(format => (\r\n <option value={format} selected={this.userPreferences.timeFormat=== format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Font Size</label>\r\n <select onInput={e => (this.userPreferences.fontSize = (e.target as HTMLSelectElement).value)}>\r\n {this.fontSizes.map(size => (\r\n <option value={size.value} selected={this.userPreferences.fontSize === size.value}>\r\n {size.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>User Display Format</label>\r\n <select onInput={e => (this.userPreferences.displayFormat = parseInt((e.target as HTMLSelectElement).value))}>\r\n {this.displayFormats.map(format => (\r\n <option value={format.value} selected={this.userPreferences.displayFormat === format.value}>\r\n {format.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Default Landing Page</label>\r\n <div class=\"input-group\" onClick={() => this.togglePageModal()}>\r\n <div class=\"input-group-prepend\">\r\n <span class=\"input-group-text\">\r\n <i class=\"fas fa-link\"></i>\r\n </span>\r\n </div>\r\n <input type=\"text\" class=\"form-control\" readonly value={this.selectedPage.name \|\| 'Select page'} placeholder=\"Select page\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"kt-portlet__foot\">\r\n <div class=\"kt-form__actions\">\r\n <button class=\"btn btn-primary\" onClick={() => this.submitPreferences()}>\r\n Save\r\n </button>\r\n <button class=\"btn btn-secondary\" onClick={() => this.resetPreferences()}>\r\n Reset\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {/ Page Selection Modal /}\r\n\r\n {this.isPageModalOpen && (\r\n <div class=\"modal-dialog modal-md landing-modal\">\r\n <div class=\"modal-content landing-page\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title pull-left\"> Default Landing Page </h4>\r\n <button onClick={() => this.togglePageModal()} type=\"button\" aria-label=\"Close\" class=\"close pull-right\">\r\n <span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"modal-body\">\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"row\">\r\n <div class=\"form-group\">\r\n <label htmlFor=\"\"> Default Landing Page </label>\r\n <select class=\"ng\" onInput={e => this.changeApplication(e)}>\r\n <option value=\"\" selected={this.applicationId === null}>\r\n -- Select Application --\r\n </option>\r\n {this.userApplications.map(application => (\r\n <option value={application.applicationId} selected={this.applicationId === application.applicationId}>\r\n {application.applicationName}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n </div>\r\n\r\n <label>Select Page</label>\r\n <div style={{ maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' }}>\r\n {this.pages.map(page => (\r\n <div class=\"slug-item\" onClick={() => this.selectPage(page)}>\r\n <div class=\"row\">\r\n <span class=\"text-brand\" style={{ fontWeight: '600', lineHeight: '1' }}>\r\n {page.name}\r\n </span>\r\n <small\r\n class={{\r\n 'culture-unpublished': page.pageCultureStatus == 1,\r\n 'culture-published': page.pageCultureStatus == 2,\r\n }}\r\n >\r\n \| {page.cultureCode}\r\n </small>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n <div class=\"d-flex justify-content-center mt-2 pagination-class\">\r\n {/ <pagination\r\n totalItems={this.totalPages}\r\n maxSize={10}\r\n itemsPerPage={this.pageParams.pageSize}\r\n boundaryLinks={true}\r\n onPageChanged={event => this.changePage(event)}\r\n /> */}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"eiam-user-preference.js","sourceRoot":"","sources":["../../../src/components/eiam-user-preference/eiam-user-preference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOhF,MAAM,OAAO,kBAAkB;IAClB,IAAI,CAAc;IAC7B,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,uBAAuB,CAAC;IACpD,gBAAgB,CAAS;IACzB,OAAO,GAAG;QACjB,UAAU,EAAE;YACV,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,IAAI;SACf;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;IACO,eAAe,GAAG;QACzB,UAAU,EAAE,YAAY;QACxB,UAAU,EAAE,EAAE;QACd,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE,CAAC;QAChB,oBAAoB,EAAE,EAAE;QACxB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEO,YAAY,GAAa,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;IACpE,WAAW,GAAa,CAAC,QAAQ,CAAC,CAAC;IACnC,SAAS,GAAG;QACnB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;QAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;QAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;KAChC,CAAC;IACO,cAAc,GAAU,EAAE,CAAC;IAC3B,gBAAgB,GAAU,EAAE,CAAC;IAC7B,KAAK,GAAU,EAAE,CAAC;IAClB,UAAU,GAAW,CAAC,CAAC;IACvB,WAAW,GAAG,KAAK,CAAC;IACpB,eAAe,GAAY,KAAK,CAAC,CAAC,iDAAiD;IACnF,YAAY,GAAqC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,yBAAyB;IACtG,MAAM,CAAM;IACb,WAAW,CAAS;IACpB,aAAa,CAAS;IAK9B,KAAK,CAAC,iBAAiB;QACrB,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC/B,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACjC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC;IACrC,CAAC;IACD,gBAAgB,KAAI,CAAC;IACrB,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC;YACH,MAAM,OAAO,GAAG;gBACd,cAAc,EAAE,kBAAkB;gBAClC,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;gBAC/B,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,qCAAqC,EAAE;gBAChF,MAAM,EAAE,KAAK,EAAE,qBAAqB;gBACpC,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS,EAAE,+CAA+C;aACxE,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEnC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAC;YACrD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;IAED,KAAK,CAAC,kBAAkB;QACtB,IAAI,CAAC;YACH,MAAM,OAAO,GAAG;gBACd,cAAc,EAAE,kBAAkB;gBAClC,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;gBAC/B,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,yCAAyC,EAAE;gBACpF,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEnC,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACrC,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAChD,IAAI,CAAC,eAAe,GAAG;oBACrB,GAAG,IAAI,CAAC,eAAe;oBACvB,UAAU,EAAE,IAAI,CAAC,WAAW,IAAI,YAAY;oBAC5C,UAAU,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,YAAY;oBACjE,QAAQ,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK;oBAC1E,aAAa,EAAE,IAAI,CAAC,aAAa,IAAI,CAAC;oBACtC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;oBAC/C,QAAQ,EAAE,IAAI,EAAE,yBAAyB,EAAE,IAAI,IAAI,EAAE;iBACtD,CAAC;YACJ,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,KAAK,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;IAED,KAAK,CAAC,mBAAmB;QACvB,IAAI,CAAC;YACH,MAAM,OAAO,GAAG;gBACd,cAAc,EAAE,kBAAkB;gBAClC,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;gBAC/B,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,+DAA+D,EAAE;gBAC1G,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEnC,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACxC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAC;YACrD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IACD,iBAAiB,CAAC,CAAQ;QACxB,MAAM,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;QAEzD,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC;YAChC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,8BAA8B,CAAC,CAAC;YAChE,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,KAAK,CAAC,qBAAqB;QACzB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,qBAAqB,EAAE;gBAChE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE;oBACP,cAAc,EAAE,kBAAkB;oBAClC,uBAAuB,EAAE,kEAAkE;oBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;oBAC/B,QAAQ,EAAE,GAAG;oBACb,eAAe,EAAE,IAAI,CAAC,aAAa;iBACpC;gBACD,WAAW,EAAE,SAAS;gBACtB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;aACnC,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,OAAO,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC;gBACvC,OAAO;YACT,CAAC;YAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC;YACjC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;QAC1C,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAED,gCAAgC;IAChC,oGAAoG;IAEpG,wBAAwB;IACxB,4CAA4C;IAC5C,qGAAqG;IACrG,yCAAyC;IACzC,uBAAuB;IACvB,6CAA6C;IAC7C,SAAS;IAET,YAAY;IACZ,iGAAiG;IACjG,0BAA0B;IAC1B,4BAA4B;IAC5B,uEAAuE;IACvE,kCAAkC;IAClC,YAAY;IAEZ,4BAA4B;IAC5B,6EAA6E;IAC7E,kBAAkB;IAClB,UAAU;IAEV,yCAAyC;IACzC,wBAAwB;IACxB,+DAA+D;IAC/D,QAAQ;IACR,MAAM;IACN,KAAK,CAAC,iBAAiB;QACrB,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAChE,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QACrE,IAAI,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACtC,IAAI,oBAAoB,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;QACpD,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,kBAAkB;YAClC,uBAAuB,EAAE,kEAAkE;YAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;YAC/B,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI,CAAC,aAAa;SACpC,CAAC;QACF,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC;QAEzD,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,0CAA0C,EAAE;gBACrF,MAAM,EAAE,MAAM;gBACd,OAAO;gBACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAC;gBAC3H,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;gBAClE,OAAO;YACT,CAAC;YAED,4BAA4B;YAC5B,MAAM,QAAQ,GAAQ,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACtD,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;gBAAE,OAAO;YAEtD,8CAA8C;YAC9C,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;YAEpF,IAAI,aAAa,EAAE,CAAC;gBAClB,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;gBACrD,oDAAoD;YACtD,CAAC;YAED,IAAI,WAAW,EAAE,CAAC;gBAChB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;YACzE,CAAC;YAGD,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,IAAI,YAAY,CAAC,CAAC;YAChE,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC;YAEtD,+DAA+D;YAC/D,qDAAqD;QACvD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC;YACH,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,6BAA6B,EAAE;gBACvD,MAAM,EAAE,QAAQ;gBAChB,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,IAAI,CAAC,eAAe,GAAG;gBACrB,UAAU,EAAE,YAAY;gBACxB,UAAU,EAAE,EAAE;gBACd,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,oBAAoB,EAAE,EAAE;gBACxB,QAAQ,EAAE,EAAE;aACb,CAAC;YAEF,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;YACtC,YAAY,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;YACzC,YAAY,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;YAEpC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,gCAAgC;QACrD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IACD,WAAW;QACT,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC;IACD,eAAe;QACb,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;IAC/C,CAAC;IACD,UAAU,CAAC,IAAI;QACb,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,8BAA8B;QACvF,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,iCAAiC;IAC3D,CAAC;IAED,eAAe;IACf,eAAe;IACf,eAAe;IACf,gBAAgB;IAChB,2HAA2H;IAE3H,0BAA0B;IAC1B,mCAAmC;IACnC,kCAAkC;IAClC,4CAA4C;IAC5C,0EAA0E;IAC1E,4BAA4B;IAC5B,0BAA0B;IAC1B,4CAA4C;IAC5C,wBAAwB;IACxB,+CAA+C;IAC/C,uHAAuH;IACvH,yDAAyD;IACzD,uGAAuG;IACvG,mCAAmC;IACnC,kCAAkC;IAClC,0BAA0B;IAC1B,8BAA8B;IAE9B,+CAA+C;IAC/C,uHAAuH;IACvH,wDAAwD;IACxD,uGAAuG;IACvG,mCAAmC;IACnC,kCAAkC;IAClC,0BAA0B;IAC1B,8BAA8B;IAE9B,6CAA6C;IAC7C,oHAAoH;IACpH,oDAAoD;IACpD,4GAA4G;IAC5G,uCAAuC;IACvC,kCAAkC;IAClC,0BAA0B;IAC1B,8BAA8B;IAE9B,uDAAuD;IACvD,mIAAmI;IACnI,2DAA2D;IAC3D,qHAAqH;IACrH,yCAAyC;IACzC,kCAAkC;IAClC,0BAA0B;IAC1B,8BAA8B;IAE9B,wDAAwD;IACxD,gIAAgI;IAChI,gDAAgD;IAChD,kHAAkH;IAClH,sCAAsC;IACtC,kCAAkC;IAClC,0BAA0B;IAC1B,8BAA8B;IAE9B,mFAAmF;IACnF,mFAAmF;IACnF,yBAAyB;IACzB,uBAAuB;IACvB,qBAAqB;IACrB,eAAe;IACf,iBAAiB;IACjB,gBAAgB;IAChB,SAAS;IACT,MAAM;IACN,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH;gBAEE,4DAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;oBACpJ,0DAAG,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM;wBAC1B,6DAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG;wBAC3C,6DAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,GAAG;wBACjE,6DACE,CAAC,EAAC,wjBAAwjB,EAC1jB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,KAAK,GACb,CACA,CACA;gBAGL,IAAI,CAAC,WAAW,IAAI,CACnB,4DAAK,KAAK,EAAC,mCAAmC;oBAC5C,0DAAG,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,EAAC,0BAA0B,EAAC,KAAK,EAAC,uBAAuB;wBAC/F,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;4BAChG,0DAAG,EAAE,EAAC,iBAAiB;gCACrB,6DAAM,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,8CAA8C,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACpJ,CACA,CACJ;oBACJ,4DAAK,KAAK,EAAC,qBAAqB;wBAC9B,2DAAI,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,8GAA8G;4BACrI,2DAAI,KAAK,EAAC,iBAAiB;gCACzB,yEAAe,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,sBAEnD,CACD,CACF,CACD;oBAEN,4DAAK,KAAK,EAAC,yBAAyB;wBAClC,4DAAK,KAAK,EAAC,aAAa;4BACtB,4DAAK,EAAE,EAAC,kCAAkC,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,qDAAqD;gCACpH,4DAAK,KAAK,EAAC,iBAAiB;oCAC1B,4DAAK,KAAK,EAAC,kBAAkB;wCAC3B,4DAAK,KAAK,EAAC,YAAY;4CACrB,8EAA0B;4CAC1B,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,IAC5F,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC/B,cAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,KAAK,MAAM,IACxE,MAAM,CACA,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,8EAA0B;4CAC1B,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,IAC5F,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC9B,cAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,KAAK,MAAM,IACxE,MAAM,CACA,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,4EAAwB;4CACxB,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,IAC1F,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK,IAC9E,IAAI,CAAC,KAAK,CACJ,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,sFAAkC;4CAClC,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC,IACzG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACjC,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,aAAa,KAAK,MAAM,CAAC,KAAK,IACvF,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,uFAAmC;4CACnC,4DAAK,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;gDAC5D,4DAAK,KAAK,EAAC,qBAAqB;oDAC9B,6DAAM,KAAK,EAAC,kBAAkB;wDAC5B,0DAAG,KAAK,EAAC,aAAa,GAAK,CACtB,CACH;gDACN,8DAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,QAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,aAAa,EAAE,WAAW,EAAC,aAAa,GAAG,CACzH,CACF,CACF;oCACN,4DAAK,KAAK,EAAC,kBAAkB;wCAC3B,4DAAK,KAAK,EAAC,kBAAkB;4CAC3B,+DAAQ,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,WAE9D;4CACT,+DAAQ,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,YAE/D,CACL,CACF,CACF,CACF,CACF,CACF,CACF,CACP;gBAIA,IAAI,CAAC,eAAe,IAAI,CACvB,4DAAK,KAAK,EAAC,eAAe;oBACxB,4DAAK,KAAK,EAAC,qCAAqC;wBAC9C,4DAAK,KAAK,EAAC,4BAA4B;4BACrC,4DAAK,KAAK,EAAC,cAAc;gCACvB,2DAAI,KAAK,EAAC,uBAAuB,6BAA4B;gCAC7D,+DAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAC,QAAQ,gBAAY,OAAO,EAAC,KAAK,EAAC,kBAAkB;oCACtG;wCACE,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;4CAChG,0DAAG,EAAE,EAAC,iBAAiB;gDACrB,6DAAM,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,8CAA8C,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACpJ,CACA,CACD,CACA,CACL;4BAEN,4DAAK,KAAK,EAAC,YAAY;gCACrB,4DAAK,KAAK,EAAC,KAAK;oCACd,4DAAK,KAAK,EAAC,QAAQ;wCACjB,4DAAK,KAAK,EAAC,KAAK;4CACd,4DAAK,KAAK,EAAC,YAAY;gDACrB,8DAAO,OAAO,EAAC,EAAE,6BAA+B;gDAChD,+DAAQ,KAAK,EAAC,IAAI,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;oDACxD,+DAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,IAAI,+BAE7C;oDACR,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CACxC,cAAQ,KAAK,EAAE,WAAW,CAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,WAAW,CAAC,aAAa,IACjG,WAAW,CAAC,eAAe,CACrB,CACV,CAAC,CACK,CACL,CACF;wCAEN,8EAA0B;wCAC1B,4DAAK,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IACvE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,WAAK,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;4CACzD,WAAK,KAAK,EAAC,KAAK;gDACd,YAAM,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IACnE,IAAI,CAAC,IAAI,CACL;gDACP,aACE,KAAK,EAAE;wDACL,qBAAqB,EAAE,IAAI,CAAC,iBAAiB,IAAI,CAAC;wDAClD,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,IAAI,CAAC;qDACjD;;oDAEE,IAAI,CAAC,WAAW,CACb,CACJ,CACF,CACP,CAAC,CACE;wCACN,4DAAK,KAAK,EAAC,qDAAqD,GAQ1D,CACF,CACF,CACF,CACF,CACF,CACF,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, State, Watch, h, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'eiam-user-preference',\r\n styleUrl: 'eiam-user-preference.css',\r\n shadow: true,\r\n})\r\nexport class EiamUserPreference {\r\n @Element() host: HTMLElement;\r\n apiUrl = window['config']?.apiUrl \|\| 'http://localhost:5000';\r\n @State() currentRouteSlug: string;\r\n @State() payload = {\r\n pagination: {\r\n pageIndex: 0,\r\n pageSize: 1000,\r\n },\r\n search: {\r\n pageName: '',\r\n },\r\n };\r\n @State() userPreferences = {\r\n dateFormat: 'dd/MM/yyyy',\r\n timeFormat: '',\r\n fontSize: null,\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n\r\n @State() dateFormates: string[] = ['dd/MM/yyyy', 'MM/dd/yyyy', 'yyyy-MM-dd'];\r\n @State() timeFormats: string[] = ['h:mm a'];\r\n @State() fontSizes = [\r\n { label: 'Small', value: '14' },\r\n { label: 'Medium', value: '16' },\r\n { label: 'Large', value: '18' },\r\n ];\r\n @State() displayFormats: any[] = [];\r\n @State() userApplications: any[] = [];\r\n @State() pages: any[] = [];\r\n @State() totalPages: number = 0;\r\n @State() isModalOpen = false;\r\n @State() isPageModalOpen: boolean = false; // Controls the visibility of the secondary modal\r\n @State() selectedPage: { pageId: number; name: string } = { pageId: null, name: '' }; // To store selected page\r\n @State() pageId: any;\r\n @Prop() cultureCode: string;\r\n @Prop() applicationId: string;\r\n\r\n @Watch('cultureCode')\r\n @Watch('applicationId')\r\n @Watch('pageId')\r\n async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n await this.getPagesSApplications();\r\n }\r\n componentDidLoad() {}\r\n async getDisplayFormats() {\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/DisplayFormats`, {\r\n method: 'GET', // Specify GET method\r\n headers: headers,\r\n credentials: 'include', // Include credentials (cookies) in the request\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (Array.isArray(data.content)) {\r\n this.displayFormats = data.content;\r\n } else {\r\n console.error('Invalid response structure:', data);\r\n }\r\n } catch (error) {\r\n console.error('Error fetching display formats:', error);\r\n }\r\n }\r\n\r\n async getUserPreferences() {\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/GetUserPreferences`, {\r\n method: 'GET',\r\n headers: headers,\r\n credentials: 'include',\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (data && typeof data !== 'string') {\r\n const fontSizeValue = parseFloat(data.fontSize);\r\n this.userPreferences = {\r\n ...this.userPreferences,\r\n dateFormat: data.dateFormate \|\| 'dd/MM/yyyy',\r\n timeFormat: data.timeFormate \|\| this.timeFormats[0], // fallback!\r\n fontSize: !isNaN(fontSizeValue) ? fontSizeValue : this.fontSizes[0]?.value,\r\n displayFormat: data.displayFormat \|\| 1,\r\n defaultLandingPageId: data.defaultLandingPageId,\r\n pageName: data?.defaultLandingPageDetails?.name \|\| '',\r\n };\r\n }\r\n } catch (error) {\r\n console.error('Error fetching user preferences:', error);\r\n }\r\n }\r\n\r\n async getUserApplications() {\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/OrganizationApplicationsApi/GetAssigndApplicationForUser`, {\r\n method: 'GET',\r\n headers: headers,\r\n credentials: 'include',\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (data && Array.isArray(data.content)) {\r\n this.userApplications = data.content;\r\n } else {\r\n console.error('Invalid response structure:', data);\r\n }\r\n } catch (error) {\r\n console.error('Error fetching applications:', error);\r\n }\r\n }\r\n changeApplication(e: Event) {\r\n const selectedId = (e.target as HTMLSelectElement).value;\r\n\r\n if (selectedId) {\r\n this.applicationId = selectedId;\r\n console.log(this.applicationId, 'this.applicationId on change');\r\n this.getPagesSApplications();\r\n } else {\r\n this.applicationId = null;\r\n }\r\n }\r\n\r\n async getPagesSApplications() {\r\n try {\r\n const response = await fetch(`${this.apiUrl}/api/Pages/GetPages`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n },\r\n credentials: 'include',\r\n body: JSON.stringify(this.payload),\r\n });\r\n\r\n if (!response.ok) {\r\n console.error('Failed to fetch pages');\r\n return;\r\n }\r\n\r\n const data = await response.json();\r\n this.pages = data?.content?.data;\r\n console.log(data, 'data of all pages ');\r\n } catch (error) {\r\n console.error('Error fetching pages:', error);\r\n }\r\n }\r\n\r\n // async submitPreferences() {\r\n // const fontSize = this.userPreferences.fontSize ? this.userPreferences.fontSize + 'px' : null;\r\n\r\n // const headers = {\r\n // 'Content-Type': 'application/json',\r\n // 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n // 'CultureCode': this.cultureCode,\r\n // 'Source': '2',\r\n // 'applicationId': this.applicationId,\r\n // };\r\n\r\n // try {\r\n // const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n // method: 'POST',\r\n // headers: headers,\r\n // body: JSON.stringify({ ...this.userPreferences, fontSize }),\r\n // credentials: 'include',\r\n // });\r\n\r\n // if (!response.ok) {\r\n // console.error('Failed to save preferences:', response.statusText);\r\n // return;\r\n // }\r\n\r\n // await this.getUserPreferences();\r\n // } catch (error) {\r\n // console.error('Error submitting preferences:', error);\r\n // }\r\n // }\r\n async submitPreferences() {\r\n const fontSizeValue = parseFloat(this.userPreferences.fontSize);\r\n const fontSize = !isNaN(fontSizeValue) ? `${fontSizeValue}px` : null;\r\n let pageName = this.selectedPage.name;\r\n let defaultLandingPageId = this.selectedPage.pageId;\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n console.log(this.userPreferences, 'user preferancesss ');\r\n\r\n try {\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n method: 'POST',\r\n headers,\r\n body: JSON.stringify({ ...this.userPreferences, fontSize, pageName: pageName, defaultLandingPageId: defaultLandingPageId }),\r\n credentials: 'include',\r\n });\r\n\r\n if (!response.ok) {\r\n console.error('Failed to save preferences:', response.statusText);\r\n return;\r\n }\r\n\r\n // Fetch updated preferences\r\n const newPrefs: any = await this.getUserPreferences();\r\n if (!newPrefs \|\| typeof newPrefs === 'string') return;\r\n\r\n // Apply updated preferences like Angular code\r\n const { displayFormat, fontSize: newFontSize, dateFormate, timeFormate } = newPrefs;\r\n\r\n if (displayFormat) {\r\n localStorage.setItem('displayFormat', displayFormat);\r\n // this.emit('displayFormatUpdated', displayFormat);\r\n }\r\n\r\n if (newFontSize) {\r\n document.body.style.setProperty('font-size', newFontSize, 'important');\r\n }\r\n \r\n\r\n localStorage.setItem('dateFormat', dateFormate \|\| 'dd/MM/yyyy');\r\n localStorage.setItem('timeFormat', timeFormate \|\| '');\r\n\r\n // this.emit('dateFormatUpdated', dateFormate \|\| 'dd/MM/yyyy');\r\n // this.emit('timeFormatUpdated', timeFormate \|\| '');\r\n } catch (error) {\r\n console.error('Error submitting preferences:', error);\r\n }\r\n }\r\n\r\n async resetPreferences() {\r\n try {\r\n await fetch(`${this.apiUrl}/api/UserPreferences/Delete`, {\r\n method: 'DELETE',\r\n credentials: 'include',\r\n });\r\n\r\n this.userPreferences = {\r\n dateFormat: 'dd/MM/yyyy',\r\n timeFormat: '',\r\n fontSize: '',\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n\r\n localStorage.removeItem('dateFormat');\r\n localStorage.removeItem('displayFormat');\r\n localStorage.removeItem('fontSize');\r\n\r\n location.reload(); // If you want to refresh the UI\r\n } catch (error) {\r\n console.error('Failed to reset preferences', error);\r\n }\r\n }\r\n toggleModal() {\r\n this.isModalOpen = !this.isModalOpen;\r\n }\r\n togglePageModal() {\r\n this.isPageModalOpen = !this.isPageModalOpen;\r\n }\r\n selectPage(page) {\r\n this.selectedPage = page;\r\n this.userPreferences.defaultLandingPageId = page.pageId; // Update default landing page\r\n this.togglePageModal(); // Close the page selection modal\r\n }\r\n\r\n // render() {\r\n // return (\r\n // <Host>\r\n // <div>\r\n // <i class=\"fas fa-cogs\" onClick={() => this.toggleModal()} style={{ cursor: 'pointer', fontSize: '24px' }}></i>\r\n\r\n // {/* Modal /}\r\n // {this.isModalOpen && (\r\n // <div class=\"modal\">\r\n // <div class=\"modal-content\">\r\n // <span class=\"close\" onClick={() => this.toggleModal()}>\r\n // ×\r\n // </span>\r\n // <h2>User Preferences</h2>\r\n // <div>\r\n // <label>Date Format</label>\r\n // <select onInput={e => (this.userPreferences.dateFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.dateFormates.map(format => (\r\n // <option value={format} selected={this.userPreferences.dateFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>Time Format</label>\r\n // <select onInput={e => (this.userPreferences.timeFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.timeFormats.map(format => (\r\n // <option value={format} selected={this.userPreferences.timeFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>Font Size</label>\r\n // <select onInput={e => (this.userPreferences.fontSize = (e.target as HTMLSelectElement).value)}>\r\n // {this.fontSizes.map(size => (\r\n // <option value={size.value} selected={this.userPreferences.fontSize === size.value}>\r\n // {size.label}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>User Display Format</label>\r\n // <select onInput={e => (this.userPreferences.displayFormat = parseInt((e.target as HTMLSelectElement).value))}>\r\n // {this.displayFormats.map(format => (\r\n // <option value={format.value} selected={this.userPreferences.displayFormat === format.value}>\r\n // {format.label}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>Default Landing Page</label>\r\n // <select onInput={e => (this.userPreferences.defaultLandingPageId = (e.target as HTMLSelectElement).value)}>\r\n // {this.pages.map(page => (\r\n // <option value={page.id} selected={this.userPreferences.defaultLandingPageId === page.id}>\r\n // {page.name}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <button onClick={() => this.submitPreferences()}>Save</button>\r\n // <button onClick={() => this.resetPreferences()}>Reset</button>\r\n // </div>\r\n // </div>\r\n // </div>\r\n // )}\r\n // </div>\r\n // </Host>\r\n // );\r\n // }\r\n render() {\r\n return (\r\n <Host>\r\n <div>\r\n {/ User Preferences Modal Trigger /}\r\n <svg onClick={() => this.toggleModal()} xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" style={{ cursor: 'pointer' }}>\r\n <g stroke=\"none\" fill=\"none\">\r\n <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" />\r\n <rect fill=\"#000000\" x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\" />\r\n <path\r\n d=\"M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z\"\r\n fill=\"#000000\"\r\n opacity=\"0.3\"\r\n />\r\n </g>\r\n </svg>\r\n\r\n {/ Main Modal /}\r\n {this.isModalOpen && (\r\n <div class=\"kt-quick-panel kt-quick-panel--on\">\r\n <a onClick={() => this.toggleModal()} id=\"kt_quick_panel_close_btn\" class=\"kt-quick-panel__close\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </a>\r\n <div class=\"kt-quick-panel__nav\">\r\n <ul role=\"tablist\" class=\"nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x\">\r\n <li class=\"nav-item active\">\r\n <a data-toggle=\"tab\" role=\"tab\" class=\"nav-link active\">\r\n User Preference\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n <div class=\"kt-quick-panel__content\">\r\n <div class=\"tab-content\">\r\n <div id=\"kt_quick_panel_tab_notifications\" role=\"tabpanel\" class=\"tab-pane fade show kt-scroll active ps ps--active-y\">\r\n <div class=\"kt-notification\">\r\n <div class=\"kt-portlet__body\">\r\n <div class=\"form-group\">\r\n <label>Date Format</label>\r\n <select onInput={e => (this.userPreferences.dateFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.dateFormates.map(format => (\r\n <option value={format} selected={this.userPreferences.dateFormat === format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Time Format</label>\r\n <select onInput={e => (this.userPreferences.timeFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.timeFormats.map(format => (\r\n <option value={format} selected={this.userPreferences.timeFormat === format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Font Size</label>\r\n <select onInput={e => (this.userPreferences.fontSize = (e.target as HTMLSelectElement).value)}>\r\n {this.fontSizes.map(size => (\r\n <option value={size.value} selected={this.userPreferences.fontSize === size.value}>\r\n {size.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>User Display Format</label>\r\n <select onInput={e => (this.userPreferences.displayFormat = parseInt((e.target as HTMLSelectElement).value))}>\r\n {this.displayFormats.map(format => (\r\n <option value={format.value} selected={this.userPreferences.displayFormat === format.value}>\r\n {format.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Default Landing Page</label>\r\n <div class=\"input-group\" onClick={() => this.togglePageModal()}>\r\n <div class=\"input-group-prepend\">\r\n <span class=\"input-group-text\">\r\n <i class=\"fas fa-link\"></i>\r\n </span>\r\n </div>\r\n <input type=\"text\" class=\"form-control\" readonly value={this.selectedPage.name \|\| 'Select page'} placeholder=\"Select page\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"kt-portlet__foot\">\r\n <div class=\"kt-form__actions\">\r\n <button class=\"btn btn-primary\" onClick={() => this.submitPreferences()}>\r\n Save\r\n </button>\r\n <button class=\"btn btn-secondary\" onClick={() => this.resetPreferences()}>\r\n Reset\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {/ Page Selection Modal /}\r\n\r\n {this.isPageModalOpen && (\r\n <div class=\"modal-overlay\">\r\n <div class=\"modal-dialog modal-md landing-modal\">\r\n <div class=\"modal-content landing-page\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title pull-left\"> Default Landing Page </h4>\r\n <button onClick={() => this.togglePageModal()} type=\"button\" aria-label=\"Close\" class=\"close pull-right\">\r\n <span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"modal-body\">\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"row\">\r\n <div class=\"form-group\">\r\n <label htmlFor=\"\"> Default Landing Page </label>\r\n <select class=\"ng\" onInput={e => this.changeApplication(e)}>\r\n <option value=\"\" selected={this.applicationId === null}>\r\n -- Select Application --\r\n </option>\r\n {this.userApplications.map(application => (\r\n <option value={application.applicationId} selected={this.applicationId === application.applicationId}>\r\n {application.applicationName}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n </div>\r\n\r\n <label>Select Page</label>\r\n <div style={{ maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' }}>\r\n {this.pages.map(page => (\r\n <div class=\"slug-item\" onClick={() => this.selectPage(page)}>\r\n <div class=\"row\">\r\n <span class=\"text-brand\" style={{ fontWeight: '600', lineHeight: '1' }}>\r\n {page.name}\r\n </span>\r\n <small\r\n class={{\r\n 'culture-unpublished': page.pageCultureStatus == 1,\r\n 'culture-published': page.pageCultureStatus == 2,\r\n }}\r\n >\r\n \| {page.cultureCode}\r\n </small>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n <div class=\"d-flex justify-content-center mt-2 pagination-class\">\r\n {/ <pagination\r\n totalItems={this.totalPages}\r\n maxSize={10}\r\n itemsPerPage={this.pageParams.pageSize}\r\n boundaryLinks={true}\r\n onPageChanged={event => this.changePage(event)}\r\n /> */}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/my-component/my-component.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class MyComponent {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: '86bdbb35c5af363b0195e773c765ed2e38486092' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '5d7a21b2efbcb88a0607ecbea5aad0bc48dea352' }, "Hello, World! I'm ", this.getText());
     }
     static get is() { return "my-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/eiam-user-preference.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, a as Host } from './p-0Ec0rqBA.js';
-const eiamUserPreferenceCss = ".kt-quick-panel{background-color:#fff;-webkit-box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);padding:0}.kt-quick-panel .kt-quick-panel__close{position:absolute;z-index:1;right:1.5rem;top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:28px;height:28px;background-color:#f7f8fa;-webkit-transition:all 0.3s;transition:all 0.3s;border-radius:4px}.kt-quick-panel .kt-quick-panel__close i{-webkit-transition:all 0.3s;transition:all 0.3s;font-size:0.8rem;color:#6f6f6f}.kt-quick-panel .kt-quick-panel__close:hover{-webkit-transition:all 0.3s;transition:all 0.3s;background-color:#008fc7}.kt-quick-panel .kt-quick-panel__close:hover i{-webkit-transition:all 0.3s;transition:all 0.3s;color:#f2f2f2}.kt-quick-panel .kt-quick-panel__nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:1.5rem 0 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kt-quick-panel .kt-quick-panel__nav .nav{width:100%;padding:0 1.5rem;margin:0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item{margin-right:1.5rem}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link{font-size:1rem;color:#6f6f6f}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel .kt-quick-panel__content{padding:1.5rem 0}.kt-quick-panel .kt-quick-panel__content .ps>.ps__rail-y{right:5px !important}.kt-quick-panel .kt-quick-panel__content-padding-x{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 1024px){.kt-quick-panel .kt-quick-panel__close{right:0.5rem;top:0.5rem;width:24px;height:24px}.kt-quick-panel .kt-quick-panel__close i{font-size:0.8rem}.kt-quick-panel .kt-quick-panel__nav{padding:1rem 0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item{margin-right:1rem}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-link{padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.9rem;font-weight:400;text-transform:uppercase}.kt-quick-panel .kt-quick-panel__nav .kt-quick-panel__close i{font-size:1.1rem}.kt-quick-panel .kt-quick-panel__content{padding:1rem 0.5rem 1rem 1rem}.kt-quick-panel .kt-quick-panel__content .tab-pane{padding-right:0.5rem}}.kt-quick-panel-close{display:none}.kt-quick-panel{z-index:1001;position:fixed;-webkit-overflow-scrolling:touch;top:0;bottom:0;overflow-y:auto;-webkit-transform:translate3d(0, 0, 0);backface-visibility:hidden;-webkit-backface-visibility:hidden;width:425px !important;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:-445px}.kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:0}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel--right .kt-quick-panel{right:-445px;left:auto}.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;right:0;left:auto}.kt-quick-panel-close{width:25px;height:25px;top:1px;z-index:1002;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;position:fixed;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;cursor:pointer;outline:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:-25px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel-close{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel-close>i{line-height:0;font-size:1.4rem}.kt-quick-panel-close:hover{text-decoration:none}.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:-25px}.kt-quick-panel--on .kt-quick-panel-close{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:399px}.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:399px}.kt-quick-panel-overlay{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:1000;background:rgba(0, 0, 0, 0.1);-webkit-animation:kt-animate-fade-in .3s linear 1;animation:kt-animate-fade-in .3s linear 1}.kt-quick-panel{background:#ffffff;-webkit-box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75);box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75)}.kt-quick-panel-overlay{background:rgba(0, 0, 0, 0.1)}.kt-quick-panel-close{background-color:#e8e8f2}.kt-quick-panel-close>i{color:#968ad4}.kt-quick-panel-close:hover{background-color:#008fc7}.kt-quick-panel-close:hover>i{color:#ffffff}.form-group{margin-bottom:2rem}.form-group.form-group-marginless,.form-group.form-group-last{margin-bottom:0px}.form-group label{font-size:1rem;font-weight:400;margin-bottom:0.25rem}.form-group>label{width:100%}.form-group .invalid-feedback,.form-group .valid-feedback{font-weight:400}.form-group .form-text{font-size:0.9rem}.form-group.form-group-md{margin-bottom:1rem}.form-group.form-group-sm{margin-bottom:0.5rem}.form-group.form-group-xs{margin-bottom:0.25rem}.form-group.form-group-last{margin-bottom:0rem}.form-group.input-group.form-group-sm{margin-bottom:0rem}.form-control:focus,.form-control:active{-webkit-box-shadow:none !important;box-shadow:none !important}.form-control[readonly]{background-color:#ffffff}.form-control.form-control-pill{border-radius:50px}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-file{width:100%}.custom-file-input:focus~.custom-file-label{-webkit-box-shadow:none !important;box-shadow:none !important}.custom-file-label{text-align:left}.custom-file-label:after{float:left}.input-group [class^=\"la-\"],.input-group [class*=\" la-\"]{font-size:1.4rem}.input-group [class^=\"fa-\"],.input-group [class*=\" fa-\"]{font-size:1.2rem}.input-group [class^=\"flaticon-\"],.input-group [class*=\" flaticon-\"],.input-group [class^=\"flaticon2-\"],.input-group [class*=\" flaticon2-\"]{font-size:1.2rem;float:left}.input-group i{color:#6f6f6f;line-height:0}.input-group .form-control.is-valid+.input-group-append,.input-group .form-control.is-invalid+.input-group-append{margin-left:0}.input-group .input-group-prepend+.form-control.is-valid,.input-group .input-group-prepend+.form-control.is-invalid{margin-left:1px}.input-group .form-group:nth-child(n){padding-right:3px;padding-left:3px}.input-group .form-group:first-child,.input-group.form-group.form-group-sm label+.form-group:nth-child(2){padding-left:0;padding-right:5px}.input-group .form-group:last-child{padding-right:0;padding-left:5px}.validated .valid-feedback,.validated .invalid-feedback{display:block}.modal-dialog.landing-modal{max-width:600px;margin:30px auto;background:white;border-radius:8px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.2)}.modal-content.landing-page{padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.modal-title{font-size:20px;font-weight:600}button.close{background:none;border:none;cursor:pointer}.slug-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;transition:background 0.2s ease-in-out}.slug-item:hover{background:#f9f9f9}.text-brand{color:#007bff}.culture-unpublished{color:#dc3545}.culture-published{color:#28a745}select.ng{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.pagination-class{margin-top:15px}";
+const eiamUserPreferenceCss = ".kt-quick-panel{background-color:#fff;-webkit-box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);padding:0}.kt-quick-panel .kt-quick-panel__close{position:absolute;z-index:1;right:1.5rem;top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:28px;height:28px;background-color:#f7f8fa;-webkit-transition:all 0.3s;transition:all 0.3s;border-radius:4px}.kt-quick-panel .kt-quick-panel__close i{-webkit-transition:all 0.3s;transition:all 0.3s;font-size:0.8rem;color:#6f6f6f}.kt-quick-panel .kt-quick-panel__close:hover{-webkit-transition:all 0.3s;transition:all 0.3s;background-color:#008fc7}.kt-quick-panel .kt-quick-panel__close:hover i{-webkit-transition:all 0.3s;transition:all 0.3s;color:#f2f2f2}.kt-quick-panel .kt-quick-panel__nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:1.5rem 0 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kt-quick-panel .kt-quick-panel__nav .nav{width:100%;padding:0 1.5rem;margin:0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item{margin-right:1.5rem}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link{font-size:1rem;color:#6f6f6f}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel .kt-quick-panel__content{padding:1.5rem 0}.kt-quick-panel .kt-quick-panel__content .ps>.ps__rail-y{right:5px !important}.kt-quick-panel .kt-quick-panel__content-padding-x{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 1024px){.kt-quick-panel .kt-quick-panel__close{right:0.5rem;top:0.5rem;width:24px;height:24px}.kt-quick-panel .kt-quick-panel__close i{font-size:0.8rem}.kt-quick-panel .kt-quick-panel__nav{padding:1rem 0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item{margin-right:1rem}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-link{padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.9rem;font-weight:400;text-transform:uppercase}.kt-quick-panel .kt-quick-panel__nav .kt-quick-panel__close i{font-size:1.1rem}.kt-quick-panel .kt-quick-panel__content{padding:1rem 0.5rem 1rem 1rem}.kt-quick-panel .kt-quick-panel__content .tab-pane{padding-right:0.5rem}}.kt-quick-panel-close{display:none}.kt-quick-panel{z-index:1001;position:fixed;-webkit-overflow-scrolling:touch;top:0;bottom:0;overflow-y:auto;-webkit-transform:translate3d(0, 0, 0);backface-visibility:hidden;-webkit-backface-visibility:hidden;width:425px !important;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:-445px}.kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:0}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel--right .kt-quick-panel{right:-445px;left:auto}.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;right:0;left:auto}.kt-quick-panel-close{width:25px;height:25px;top:1px;z-index:1002;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;position:fixed;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;cursor:pointer;outline:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:-25px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel-close{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel-close>i{line-height:0;font-size:1.4rem}.kt-quick-panel-close:hover{text-decoration:none}.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:-25px}.kt-quick-panel--on .kt-quick-panel-close{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:399px}.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:399px}.kt-quick-panel-overlay{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:1000;background:rgba(0, 0, 0, 0.1);-webkit-animation:kt-animate-fade-in .3s linear 1;animation:kt-animate-fade-in .3s linear 1}.kt-quick-panel{background:#ffffff;-webkit-box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75);box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75)}.kt-quick-panel-overlay{background:rgba(0, 0, 0, 0.1)}.kt-quick-panel-close{background-color:#e8e8f2}.kt-quick-panel-close>i{color:#968ad4}.kt-quick-panel-close:hover{background-color:#008fc7}.kt-quick-panel-close:hover>i{color:#ffffff}.form-group{margin-bottom:2rem}.form-group.form-group-marginless,.form-group.form-group-last{margin-bottom:0px}.form-group label{font-size:1rem;font-weight:400;margin-bottom:0.25rem}.form-group>label{width:100%}.form-group .invalid-feedback,.form-group .valid-feedback{font-weight:400}.form-group .form-text{font-size:0.9rem}.form-group.form-group-md{margin-bottom:1rem}.form-group.form-group-sm{margin-bottom:0.5rem}.form-group.form-group-xs{margin-bottom:0.25rem}.form-group.form-group-last{margin-bottom:0rem}.form-group.input-group.form-group-sm{margin-bottom:0rem}.form-control:focus,.form-control:active{-webkit-box-shadow:none !important;box-shadow:none !important}.form-control[readonly]{background-color:#ffffff}.form-control.form-control-pill{border-radius:50px}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-file{width:100%}.custom-file-input:focus~.custom-file-label{-webkit-box-shadow:none !important;box-shadow:none !important}.custom-file-label{text-align:left}.custom-file-label:after{float:left}.input-group [class^=\"la-\"],.input-group [class*=\" la-\"]{font-size:1.4rem}.input-group [class^=\"fa-\"],.input-group [class*=\" fa-\"]{font-size:1.2rem}.input-group [class^=\"flaticon-\"],.input-group [class*=\" flaticon-\"],.input-group [class^=\"flaticon2-\"],.input-group [class*=\" flaticon2-\"]{font-size:1.2rem;float:left}.input-group i{color:#6f6f6f;line-height:0}.input-group .form-control.is-valid+.input-group-append,.input-group .form-control.is-invalid+.input-group-append{margin-left:0}.input-group .input-group-prepend+.form-control.is-valid,.input-group .input-group-prepend+.form-control.is-invalid{margin-left:1px}.input-group .form-group:nth-child(n){padding-right:3px;padding-left:3px}.input-group .form-group:first-child,.input-group.form-group.form-group-sm label+.form-group:nth-child(2){padding-left:0;padding-right:5px}.input-group .form-group:last-child{padding-right:0;padding-left:5px}.validated .valid-feedback,.validated .invalid-feedback{display:block}.modal-overlay{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.4);display:flex;justify-content:center;align-items:center}.modal-dialog.landing-modal{background:white;border-radius:8px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);z-index:1060;width:600px;max-width:90%;position:relative}.modal-content.landing-page{padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.modal-title{font-size:20px;font-weight:600}body.modal-open{overflow:hidden}button.close{background:none;border:none;cursor:pointer}.slug-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;transition:background 0.2s ease-in-out}.slug-item:hover{background:#f9f9f9}.text-brand{color:#007bff}.culture-unpublished{color:#dc3545}.culture-published{color:#28a745}select.ng{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.pagination-class{margin-top:15px}";
 const EiamUserPreference$1 = /*@__PURE__*/ proxyCustomElement(class EiamUserPreference extends H {
     constructor() {
@@ -233,7 +233,7 @@ const EiamUserPreference$1 = /*@__PURE__*/ proxyCustomElement(class EiamUserPref
                 // this.emit('displayFormatUpdated', displayFormat);
             }
             if (newFontSize) {
-                document.body.setAttribute('style', `font-size: ${newFontSize} !important`);
+                document.body.style.setProperty('font-size', newFontSize, 'important');
             }
             localStorage.setItem('dateFormat', dateFormate || 'dd/MM/yyyy');
             localStorage.setItem('timeFormat', timeFormate || '');
@@ -343,10 +343,10 @@ const EiamUserPreference$1 = /*@__PURE__*/ proxyCustomElement(class EiamUserPref
     //     );
     //   }
     render() {
-        return (h(Host, { key: '06b79dcd39081a7fc14d292a6d2b4d02b78dad60' }, h("div", { key: '6426bf66b4b0c0da0d361895b83b9c02ca320895' }, h("svg", { key: 'dce31a197ea5c8f272dbe6cdad6afba82c6b5550', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, h("g", { key: '86d1cc704d6e29a1ff76781f722a39f5cc630958', stroke: "none", fill: "none" }, h("rect", { key: '85fbd5c69d280d390df23f15bdd3eaf0d4dcdb7a', x: "0", y: "0", width: "24", height: "24" }), h("rect", { key: 'db75d629d7eb027b38efdeb8181f8d7a2c3553d1', fill: "#000000", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), h("path", { key: '42bad0b0a41be83aaeefb73fdcb0b36de3879990', d: "M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z", fill: "#000000", opacity: "0.3" }))), this.isModalOpen && (h("div", { key: 'da69e41787c0cb35a79258c651a43d35a10eaedd', class: "kt-quick-panel kt-quick-panel--on" }, h("a", { key: '46f6e4dea5af1fbc3b62a64d696066602999ca19', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, h("svg", { key: 'fc484bb0ad6ad023ae2796aa471476ffb39851e2', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '7cdffade86ddad5f924a6f3d141b64f5595ecff6', id: "Menu / Close_SM" }, h("path", { key: '0be0ef4d8a4690446ce302870682b73c52665a00', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'fbdcb2cf595470073299c844b4e31a982ddfdf5c', class: "kt-quick-panel__nav" }, h("ul", { key: '4438ce58860b040a0ff7a03a6d8305f70f9e33fc', role: "tablist", class: "nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x" }, h("li", { key: '7e99d3a7f29591f5ab43a5da8c1c8b02070f7753', class: "nav-item active" }, h("a", { key: 'dd499670aaacfeaae48561479570c21be2fde732', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), h("div", { key: '1a2e6cd44b18910320206cc040786ab16d910826', class: "kt-quick-panel__content" }, h("div", { key: '24e6057531a6a35ed06a1039de63d2157b40a3d3', class: "tab-content" }, h("div", { key: '97682be892f8b2fa9c046654cecb973d51dccf0d', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, h("div", { key: '4f9eb3b0413cdc63d51cb370b5f7d15e20200345', class: "kt-notification" }, h("div", { key: '403d392242f4047d75d5426db263cb52516fb327', class: "kt-portlet__body" }, h("div", { key: '88f6ae13e806a7bfa14698a3db8df93260503200', class: "form-group" }, h("label", { key: 'e42419568cb26dbe8bd01e45a95846781500cbbc' }, "Date Format"), h("select", { key: '7ffaf7e6056c13dada4661d6e2bba1b44b22d129', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (h("option", { value: format, selected: this.userPreferences.dateFormat === format }, format))))), h("div", { key: '8372eaa14787c27400a9e0131b30cc2310b8488e', class: "form-group" }, h("label", { key: 'd36ed33339a64ea6abf10281fe2c6832aa471665' }, "Time Format"), h("select", { key: '482e5fac32a1efb62bbf4fa5a664af4b9c4f96c1', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (h("option", { value: format, selected: this.userPreferences.timeFormat === format }, format))))), h("div", { key: 'b443481ee45cc28e9b27e3612c8763e9a15b3f48', class: "form-group" }, h("label", { key: '32e598621ece149ded5bd7d2ca48098d08b239a8' }, "Font Size"), h("select", { key: '2e188ce5f092e55f1d7f49e6ed0c81d8eb347530', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (h("option", { value: size.value, selected: this.userPreferences.fontSize === size.value }, size.label))))), h("div", { key: '8179af10c73bca67776413880da27f557e823826', class: "form-group" }, h("label", { key: '1cab26fc363534484277883e993d56102404ea89' }, "User Display Format"), h("select", { key: 'ecb2de9d3c14aeb76e570b151a9f6e6d879360c4', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (h("option", { value: format.value, selected: this.userPreferences.displayFormat === format.value }, format.label))))), h("div", { key: 'a83ba07740ec9e97991ff9b261c1b6ecc100f21f', class: "form-group" }, h("label", { key: '08492ed9c6ed5840ea7519226448e77045439e81' }, "Default Landing Page"), h("div", { key: '39daf19ff2177d9003d545296d810a25cee0ba59', class: "input-group", onClick: () => this.togglePageModal() }, h("div", { key: 'e320bcce58eca55c45dfef0405796211ca2e598a', class: "input-group-prepend" }, h("span", { key: 'e7dc7552b8a1e0821539cd18bfea3454144cb1b6', class: "input-group-text" }, h("i", { key: 'f36b4285af6260bdf8a5b64416200a362e2b4d05', class: "fas fa-link" }))), h("input", { key: '42a97b439f49f87f9941c0c02759bd9daa93faa3', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), h("div", { key: '26c816eed8b5d5fa4f8c4ca6f945ad58e10b499e', class: "kt-portlet__foot" }, h("div", { key: '166dec617f936317811adaa08fbb8af578744eae', class: "kt-form__actions" }, h("button", { key: 'ce5f68e049c7802c5b8e81616d6d6bf5a1d3d091', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), h("button", { key: '0932c14d5edfadd8f0783e33e58db66045a68732', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.isPageModalOpen && (h("div", { key: '1eddbad56e3699f6302aa5d02cc31b33117fdf6f', class: "modal-dialog modal-md landing-modal" }, h("div", { key: '288bfd98ad1c6ee70977fe4eeeec43da0624de13', class: "modal-content landing-page" }, h("div", { key: '98bffa04c37b32782e16c540ce63ae461ca24f3f', class: "modal-header" }, h("h4", { key: '5c9141192b0f69f4092aee27b410e3ad00d5802c', class: "modal-title pull-left" }, " Default Landing Page "), h("button", { key: '686cc2337115cdea10a6f803827b387bc3554380', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, h("span", { key: '7125f340a20574216666c316521990520c7413cf' }, h("svg", { key: 'bd2d18b74c42fc37bb5cf179941c9449041a5310', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: 'c782dd3042b9348d8e4f4648ab61ae46b9f91adc', id: "Menu / Close_SM" }, h("path", { key: 'd257f0f23ef54744f9ea36f2697baee9f8584c52', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'c60ff6de18468140ebb5f8a2b3172c95394c8f03', class: "modal-body" }, h("div", { key: 'ebf2c76e079304dae3b8869aadfae85b8a20f6bf', class: "row" }, h("div", { key: '950b7925f9c4ee9063daf74286c1ad08698b79df', class: "col-12" }, h("div", { key: '0ab3ca2c8e9fba83858c91e9135e06966749702c', class: "row" }, h("div", { key: '6c7917d7578cae59e9b299dfda90c3a78a25ec7d', class: "form-group" }, h("label", { key: 'dfbdc760fd24d43fc22850fcadc327ecfab8fbca', htmlFor: "" }, " Default Landing Page "), h("select", { key: '51922890b77304d90f01020379e9966ea3e756ce', class: "ng", onInput: e => this.changeApplication(e) }, h("option", { key: '05e9cc762b241deaa3b94b8643342bd27043823a', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), h("label", { key: '96ffcfba3604c6a2b02a44adb1d6e66863b3c635' }, "Select Page"), h("div", { key: '52582b1b069d8d2d7e4862db9a2f59fc728c7249', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pages.map(page => (h("div", { class: "slug-item", onClick: () => this.selectPage(page) }, h("div", { class: "row" }, h("span", { class: "text-brand", style: { fontWeight: '600', lineHeight: '1' } }, page.name), h("small", { class: {
+        return (h(Host, { key: '05ca62fea30d84fcf72dbe52462eacbdd86cd547' }, h("div", { key: 'e99f629b6cf417a6d29af7f8bc0ef5f50fb420e6' }, h("svg", { key: '3f4c025a6725d5fdef705034a0be606e04655343', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, h("g", { key: '0247ebdfaf0201a5e0993760dfe6f8b3297406f1', stroke: "none", fill: "none" }, h("rect", { key: '843702cfd793c0dae89902883876b9841e334794', x: "0", y: "0", width: "24", height: "24" }), h("rect", { key: '5c7d0d64161adbdd59fc66d9375de0dcf986998d', fill: "#000000", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), h("path", { key: '796d7aedfbfad54ee55d860613bda9ea0f146a7d', d: "M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z", fill: "#000000", opacity: "0.3" }))), this.isModalOpen && (h("div", { key: '793fae90bd700f0245f7c6638637a893e459fdc5', class: "kt-quick-panel kt-quick-panel--on" }, h("a", { key: 'dfdda5fdfdbffe44b904f22a42a8134cb9d9085a', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, h("svg", { key: 'd038c69c06eb1db9199be8d627305e5aab5bb746', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: 'aeaa05b6a3697d8bafa3ee2d531667b02de19859', id: "Menu / Close_SM" }, h("path", { key: '5036e5f6145cf15ec53a9d308a96aec74b474f7a', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'f4185589b80b874048145880319d6b89376804d7', class: "kt-quick-panel__nav" }, h("ul", { key: 'ef647a72a5e4dca504440366d4f2f93f1531a580', role: "tablist", class: "nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x" }, h("li", { key: 'df02851e0ae611d50525d07f156045f98cd1d296', class: "nav-item active" }, h("a", { key: 'fb643876869c5b67e551c73ae09aeb337a319a62', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), h("div", { key: '43291dc7ec23d36f2a570a8a6a36a211629cfd38', class: "kt-quick-panel__content" }, h("div", { key: '7517a7065dc8934ae10eba3037f4fb0fc12e36dd', class: "tab-content" }, h("div", { key: '55affaea2c539a53da1c813df3fd4d3ef40de8b4', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, h("div", { key: '148c806952def927ed573aa571e483d81f0b537f', class: "kt-notification" }, h("div", { key: 'a6f9973533b315a4dd381bf8d8ec796439b54b3b', class: "kt-portlet__body" }, h("div", { key: 'b3b76931a3923faa73f31031e2c0615ef895e32b', class: "form-group" }, h("label", { key: '2b03222c4b78223a2f879a2c9ecef27b101fb04f' }, "Date Format"), h("select", { key: '5e04dc6460e17d642a290c63b057de614daf6a61', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (h("option", { value: format, selected: this.userPreferences.dateFormat === format }, format))))), h("div", { key: 'bc63b07a883109f171d0eeef384d1c9b6324a1e7', class: "form-group" }, h("label", { key: 'f2386360da31f4312b8d06f386fb39b69522f24f' }, "Time Format"), h("select", { key: '44646b4266cfc38a66a0e49db786ef0c76f62744', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (h("option", { value: format, selected: this.userPreferences.timeFormat === format }, format))))), h("div", { key: '3d91a013b29dbb3f16c911d524e40bb0026ee1f1', class: "form-group" }, h("label", { key: 'f7e48df8dfe0f5822a603debc64e9d5fa83f5460' }, "Font Size"), h("select", { key: '20c9f9b36447cd301c6b0dc46d2fd5747cc92b57', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (h("option", { value: size.value, selected: this.userPreferences.fontSize === size.value }, size.label))))), h("div", { key: 'f96882490167b6902ad46aa22e2172d45d085e38', class: "form-group" }, h("label", { key: 'dd744e1d1478b024cfb480584a417acd074fffe3' }, "User Display Format"), h("select", { key: '380a730718b420e1d62a1ecc2b11fd5b335469f9', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (h("option", { value: format.value, selected: this.userPreferences.displayFormat === format.value }, format.label))))), h("div", { key: '0c53a96b2939b1891235729f696a81ad80143076', class: "form-group" }, h("label", { key: '55b325d1b0d141bfe61b9307cf0c6de8a3f8dc3e' }, "Default Landing Page"), h("div", { key: '6357a75e3d6567008ac90a7e16cb2be4789b945f', class: "input-group", onClick: () => this.togglePageModal() }, h("div", { key: '6db91457f96ae1edc6b28594e62aaacc6429f2e3', class: "input-group-prepend" }, h("span", { key: 'f259277ea4601aeff0e4d764a13b3093148f021d', class: "input-group-text" }, h("i", { key: 'df1f6376cce7fe4ac34af53dba86e17b7739c43d', class: "fas fa-link" }))), h("input", { key: '5f7df2920f70406c325ad0d4086715e190b6d7bb', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), h("div", { key: '5f9410c17f7cbae52e202df629c0aa356af87079', class: "kt-portlet__foot" }, h("div", { key: '3218bf4284e13c0736536b2058b43c9322740d09', class: "kt-form__actions" }, h("button", { key: '9ff28b775d508a817c1db488ae2e02dad77572a5', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), h("button", { key: 'ff06e691795c04bedb90e4e5f8d844a5b1fbef58', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.isPageModalOpen && (h("div", { key: 'f8fefbb5bd829e07a4f665e333a22497fc3c6ff4', class: "modal-overlay" }, h("div", { key: 'ec600547fb2271f90f6f99cf8a18e68a915930ac', class: "modal-dialog modal-md landing-modal" }, h("div", { key: '752e6768d05a2decbf8b7766eeaba83aba944244', class: "modal-content landing-page" }, h("div", { key: '01bb8787ed7e4f48e439bcd5330727d8e9a836ab', class: "modal-header" }, h("h4", { key: '1546c44e4bc9ffb06428d5af91afe65e567ecc51', class: "modal-title pull-left" }, " Default Landing Page "), h("button", { key: '4dd6aaeac98f35cea350ae21a6f579625e8970ff', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, h("span", { key: '1629be9b41845f989b9dc201fefc13815dbfee68' }, h("svg", { key: 'ecd90367319d597a1599f73ffd31daa93ef2ec97', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '7aa3cc227d8acc7ac0ca31df1535dc4b7c6fa725', id: "Menu / Close_SM" }, h("path", { key: '5b6d9d819c3363cd6b8cb067f08bf1732ce1666b', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '829dc69f44d440bb1aeada0bd11a7e879d25eef1', class: "modal-body" }, h("div", { key: 'b2738145e6127645161dcca087755faf499cc68c', class: "row" }, h("div", { key: 'f0f1a07a0183ab380d15e210f03e396d4c9f9e7f', class: "col-12" }, h("div", { key: '17fe521a6fc7348163664f049d9707d0feb6a56f', class: "row" }, h("div", { key: '346fc678552630fd10fd472ed4aab062394248bc', class: "form-group" }, h("label", { key: '7f3e9146994f470e16586036e38b9e54ad1e96b8', htmlFor: "" }, " Default Landing Page "), h("select", { key: '3b661e89fc84a63bc64b8876cb34786af258b056', class: "ng", onInput: e => this.changeApplication(e) }, h("option", { key: '7401fe81f18bf9989f7d6039c970c51cf3f87272', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), h("label", { key: 'c5bc7828d276a21c67e9b5aec34adfc61f27fcfe' }, "Select Page"), h("div", { key: '1adacd3dc6ed41403a3d1c14e7a28745f52d20f0', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pages.map(page => (h("div", { class: "slug-item", onClick: () => this.selectPage(page) }, h("div", { class: "row" }, h("span", { class: "text-brand", style: { fontWeight: '600', lineHeight: '1' } }, page.name), h("small", { class: {
                 'culture-unpublished': page.pageCultureStatus == 1,
                 'culture-published': page.pageCultureStatus == 2,
-            } }, "| ", page.cultureCode)))))), h("div", { key: '8bc477ce59386eff339c0cf3ab28912e0be960aa', class: "d-flex justify-content-center mt-2 pagination-class" }))))))))));
+            } }, "| ", page.cultureCode)))))), h("div", { key: 'bba1e84ec8d09c38631dab7541963d7897e6cd5f', class: "d-flex justify-content-center mt-2 pagination-class" })))))))))));
     }
     static get watchers() { return {
         "cultureCode": ["componentWillLoad"],