le-kit 0.1.13 → 0.1.15

package/dist/collection/components/le-multiselect/le-multiselect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"le-multiselect.js","sourceRoot":"","sources":["../../../src/components/le-multiselect/le-multiselect.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,EAEL,MAAM,EACN,OAAO,EACP,KAAK,EACL,CAAC,GACF,MAAM,eAAe,CAAC;AAQvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAMH,MAAM,OAAO,aAAa;IACb,EAAE,CAAc;IAE3B;;OAEG;IACK,OAAO,GAAwB,EAAE,CAAC;IAE1C;;OAEG;IACsB,KAAK,GAAoB,EAAE,CAAC;IAErD;;OAEG;IACK,WAAW,GAAW,mBAAmB,CAAC;IAElD;;OAEG;IACsB,QAAQ,GAAY,KAAK,CAAC;IAEnD;;OAEG;IACK,QAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,IAAI,CAAU;IAEtB;;OAEG;IACsB,SAAS,GAAY,KAAK,CAAC;IAEpD;;OAEG;IACsB,IAAI,GAAiC,QAAQ,CAAC;IAEvE;;OAEG;IACK,aAAa,CAAU;IAE/B;;OAEG;IACc,cAAc,GAAW,YAAY,CAAC;IACtC,gBAAgB,GAAW,cAAc,CAAC;IAE3D;;;OAGG;IACsB,aAAa,GAAgC,KAAK,CAAC;IAE5E;;OAEG;IACK,UAAU,GAAY,KAAK,CAAC;IAEpC;;OAEG;IACK,SAAS,GAAW,kBAAkB,CAAC;IAE/C;;OAEG;IACqC,IAAI,GAAY,KAAK,CAAC;IAE9D;;OAEG;IACM,QAAQ,CAA0C;IAE3D;;OAEG;IACM,MAAM,CAAqB;IAEpC;;OAEG;IACM,OAAO,CAAqB;IAEpB,eAAe,GAAe,EAAE,CAAC;IACjC,WAAW,GAAW,EAAE,CAAC;IAElC,UAAU,CAA6B;IACvC,OAAO,CAAoB;IAGnC,iBAAiB;QACf,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAGD,mBAAmB;QACjB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAGD,yBAAyB,CAAC,QAAqC;QAC7D,IAAI,OAAO,QAAQ,KAAK,SAAS,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAClE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC7B,CAAC;aAAM,IAAI,OAAO,QAAQ,KAAK,SAAS,EAAE,CAAC;YACzC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;QAChC,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAClC,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;QACrD,CAAC;aAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACxC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACpC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,EAAE,CAAC;oBAC5E,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;oBAChC,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;gBACjD,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;oBAC/B,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;gBACnC,CAAC;YACH,CAAC;YAAC,MAAM,CAAC;gBACP,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;gBAC/B,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACrD,CAAC;IAED,IAAY,aAAa;QACvB,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YACrC,IAAI,CAAC;gBACH,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAClC,CAAC;YAAC,MAAM,CAAC;gBACP,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,IAAY,gBAAgB;QAC1B,IAAI,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;QAEtC,qCAAqC;QACrC,IAAI,IAAI,CAAC,aAAa,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7C,MAAM,WAAW,GACf,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;YACzF,OAAO,GAAG;gBACR;oBACE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc;oBAChE,KAAK,EAAE,gBAAgB;oBACvB,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;iBACnC;gBACD,GAAG,OAAO;aACX,CAAC;QACJ,CAAC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,qBAAqB;QAC3B,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/D,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CACrD,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC,CAC5C,CAAC;IACJ,CAAC;IAEO,YAAY,GAAG,CAAC,MAAgB,EAAE,KAAa,EAAW,EAAE;QAClE,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QACxB,kCAAkC;QAClC,IAAI,MAAM,CAAC,KAAK,KAAK,gBAAgB;YAAE,OAAO,IAAI,CAAC;QAEnD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QACxC,OAAO,CACL,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;YAChD,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CACnE,CAAC;IACJ,CAAC,CAAC;IAEM,kBAAkB,GAAG,CAAC,CAAoC,EAAE,EAAE;QACpE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QAE3B,MAAM,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACvE,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAExC,6BAA6B;QAC7B,IAAI,KAAK,KAAK,gBAAgB,EAAE,CAAC;YAC/B,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,cAAc,CAAC,MAAM,EAAE,CAAC;gBAC1D,eAAe;gBACf,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;YAClB,CAAC;iBAAM,CAAC;gBACN,qCAAqC;gBACrC,MAAM,iBAAiB,GAAG,IAAI,CAAC,aAAa;oBAC1C,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC;oBAC7C,CAAC,CAAC,cAAc,CAAC;gBACnB,IAAI,CAAC,KAAK,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;YACpE,CAAC;YACD,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE9C,IAAI,UAAU,EAAE,CAAC;YACf,wBAAwB;YACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;YACjD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC;QAChG,CAAC;aAAM,CAAC;YACN,mCAAmC;YACnC,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBAClE,OAAO,CAAC,iBAAiB;YAC3B,CAAC;YACD,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACtC,CAAC;QAED,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,gCAAgC;QAChC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,CAAC,CAAC;IAEM,UAAU;QAChB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YACjB,MAAM,EAAE,IAAI,CAAC,KAAK;YAClB,OAAO,EAAE,IAAI,CAAC,eAAe;SAC9B,CAAC,CAAC;IACL,CAAC;IAEO,kBAAkB,GAAG,GAAG,EAAE;QAChC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAEnB,mCAAmC;QACnC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YACxB,CAAC,EAAE,EAAE,CAAC,CAAC;QACT,CAAC;IACH,CAAC,CAAC;IAEM,mBAAmB,GAAG,GAAG,EAAE;QACjC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC,CAAC;IAEM,kBAAkB,GAAG,GAAG,EAAE;QAChC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEM,oBAAoB,GAAG,CAAC,CAAgB,EAAE,EAAE;QAClD,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAChE,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEM,gBAAgB,GAAG,CAAC,MAAgB,EAAE,CAAc,EAAE,EAAE;QAC9D,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;QAC3C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QACjD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;QAC1E,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC,CAAC;IAEM,iBAAiB,GAAG,CAAC,CAAQ,EAAE,EAAE;QACvC,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC5C,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;IAClC,CAAC,CAAC;IAEM,cAAc,GAAG,CAAC,CAAa,EAAE,EAAE;QACzC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF;;OAEG;IAEH,KAAK,CAAC,YAAY;QAChB,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC;IAChC,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,YAAY;QAChB,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC;IAChC,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,cAAc;QAClB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtC,OAAO,YAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAQ,CAAC;QACzE,CAAC;QAED,OAAO,CACL,WAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAClC,cACE,GAAG,EAAE,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,EACjC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,IAAI,EAAE,MAAM,CAAC,SAAS,EACtB,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAChD,WAAW,QACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,EAClD,IAAI,EAAC,SAAS,GACd,CACH,CAAC,CACE,CACP,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;QACtD,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC;QAEtF,OAAO,CACL,qEAAc,SAAS,EAAC,gBAAgB;YACtC,yEACE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EACjC,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACzD,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,cAAc,EAAE,IAAI,EACpB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,gBAAgB,EAAE,IAAI,CAAC,kBAAkB,EACzC,gBAAgB,EAAE,IAAI,CAAC,kBAAkB,EACzC,iBAAiB,EAAE,IAAI,CAAC,mBAAmB;gBAE3C,4DACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACL,qBAAqB,EAAE,IAAI;wBAC3B,gBAAgB,EAAE,aAAa;wBAC/B,SAAS,EAAE,IAAI,CAAC,IAAI;wBACpB,aAAa,EAAE,IAAI,CAAC,QAAQ;qBAC7B,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChC,IAAI,EAAC,UAAU,mBACD,SAAS,mBACR,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC5B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,IAAI,CAAC,oBAAoB;oBAEnC,IAAI,CAAC,UAAU,EAAE;oBAElB,4DAAK,KAAK,EAAC,qBAAqB;wBAC7B,aAAa,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAClC,+DACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAE,IAAI,CAAC,cAAc,gBACjB,WAAW,EACtB,QAAQ,EAAE,CAAC,CAAC;4BAEZ,4DAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG;gCACzE,6DAAM,CAAC,EAAC,oBAAoB,GAAG,CAC3B,CACC,CACV;wBACD,6DAAM,KAAK,EAAC,mBAAmB;4BAC7B,4DAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG;gCACzE,6DAAM,CAAC,EAAC,cAAc,GAAG,CACrB,CACD,CACH,CACF;gBAGL,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,IAAI,CAC/B,4DAAK,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ;oBAC3C,wEACE,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,EACnC,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,WAAW,EACvB,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,OAAO,EAAE,IAAI,CAAC,iBAAiB,GAC/B,CACE,CACP,CACgB;YAGlB,IAAI,CAAC,IAAI;gBACR,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACpB,aAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,GAAI,CACrF,CAAC;YAGH,eAAe,IAAI,CAClB,6DAAM,KAAK,EAAC,oBAAoB;;gBAAU,IAAI,CAAC,aAAa;8BAAmB,CAChF,CACY,CAChB,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Method,\n  Element,\n  Watch,\n  h,\n} from '@stencil/core';\nimport {\n  LeOption,\n  LeOptionValue,\n  LeMultiOptionSelectDetail,\n  LeOptionSelectDetail,\n} from '../../types/options';\n\n/**\n * A multiselect component for selecting multiple options.\n *\n * Displays selected items as tags with optional search filtering.\n *\n * @cmsEditable true\n * @cmsCategory Form\n *\n * @example Basic multiselect\n * ```html\n * <le-multiselect\n *   placeholder=\"Select options...\"\n *   options='[{\"label\": \"Red\"}, {\"label\": \"Green\"}, {\"label\": \"Blue\"}]'\n * ></le-multiselect>\n * ```\n *\n * @example With max selections\n * ```html\n * <le-multiselect\n *   max-selections=\"3\"\n *   options='[{\"label\": \"Option 1\"}, {\"label\": \"Option 2\"}, {\"label\": \"Option 3\"}, {\"label\": \"Option 4\"}]'\n * ></le-multiselect>\n * ```\n *\n * @example With search\n * ```html\n * <le-multiselect\n *   searchable\n *   placeholder=\"Search and select...\"\n *   options='[{\"label\": \"Apple\"}, {\"label\": \"Banana\"}, {\"label\": \"Cherry\"}]'\n * ></le-multiselect>\n * ```\n */\n@Component({\n  tag: 'le-multiselect',\n  styleUrl: 'le-multiselect.css',\n  shadow: true,\n})\nexport class LeMultiselect {\n  @Element() el: HTMLElement;\n\n  /**\n   * The options to display in the dropdown.\n   */\n  @Prop() options: LeOption[] | string = [];\n\n  /**\n   * The currently selected values.\n   */\n  @Prop({ mutable: true }) value: LeOptionValue[] = [];\n\n  /**\n   * Placeholder text when no options are selected.\n   */\n  @Prop() placeholder: string = 'Select options...';\n\n  /**\n   * Whether the multiselect is disabled.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * Whether selection is required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Name attribute for form submission.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Whether the multiselect should take full width of its container.\n   */\n  @Prop({ reflect: true }) fullWidth: boolean = false;\n\n  /**\n   * Size variant of the multiselect.\n   */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Maximum number of selections allowed.\n   */\n  @Prop() maxSelections?: number;\n\n  /**\n   * Labels for the \"Select All\" option.\n   */\n  @State() private selectAllLabel: string = 'Select All';\n  @State() private deselectAllLabel: string = 'Deselect All';\n\n  /**\n   * Whether to show a \"Select All\" option.\n   * Also accepts a string or array of strings to customize the label(s).\n   */\n  @Prop({ mutable: true }) showSelectAll: boolean | string | string[] = false;\n\n  /**\n   * Whether the input is searchable.\n   */\n  @Prop() searchable: boolean = false;\n\n  /**\n   * Text to show when no options match the search.\n   */\n  @Prop() emptyText: string = 'No results found';\n\n  /**\n   * Whether the dropdown is currently open.\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Emitted when the selected values change.\n   */\n  @Event() leChange: EventEmitter<LeMultiOptionSelectDetail>;\n\n  /**\n   * Emitted when the dropdown opens.\n   */\n  @Event() leOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when the dropdown closes.\n   */\n  @Event() leClose: EventEmitter<void>;\n\n  @State() private selectedOptions: LeOption[] = [];\n  @State() private searchQuery: string = '';\n\n  private dropdownEl?: HTMLLeDropdownBaseElement;\n  private inputEl?: HTMLInputElement;\n\n  @Watch('value')\n  handleValueChange() {\n    this.updateSelectedOptions();\n  }\n\n  @Watch('options')\n  handleOptionsChange() {\n    this.updateSelectedOptions();\n  }\n\n  @Watch('showSelectAll')\n  handleShowSelectAllChange(newValue: boolean | string | string[]) {\n    if (typeof newValue !== 'boolean' && typeof newValue !== 'string') {\n      this.showSelectAll = false;\n    } else if (typeof newValue === 'boolean') {\n      this.showSelectAll = newValue;\n    } else if (Array.isArray(newValue)) {\n      this.showSelectAll = true;\n      this.selectAllLabel = newValue[0];\n      this.deselectAllLabel = newValue[1] || newValue[0];\n    } else if (typeof newValue === 'string') {\n      this.showSelectAll = true;\n      try {\n        const parsed = JSON.parse(newValue);\n        if (Array.isArray(parsed) && parsed.every(item => typeof item === 'string')) {\n          this.selectAllLabel = parsed[0];\n          this.deselectAllLabel = parsed[1] || parsed[0];\n        } else {\n          this.selectAllLabel = newValue;\n          this.deselectAllLabel = newValue;\n        }\n      } catch {\n        this.selectAllLabel = newValue;\n        this.deselectAllLabel = newValue;\n      }\n    }\n  }\n\n  componentWillLoad() {\n    this.updateSelectedOptions();\n    this.handleShowSelectAllChange(this.showSelectAll);\n  }\n\n  private get parsedOptions(): LeOption[] {\n    if (typeof this.options === 'string') {\n      try {\n        return JSON.parse(this.options);\n      } catch {\n        return [];\n      }\n    }\n    return this.options;\n  }\n\n  private get effectiveOptions(): LeOption[] {\n    let options = [...this.parsedOptions];\n\n    // Add \"Select All\" option if enabled\n    if (this.showSelectAll && options.length > 0) {\n      const allSelected =\n        this.selectedOptions.length === this.parsedOptions.filter(opt => !opt.disabled).length;\n      options = [\n        {\n          label: allSelected ? this.deselectAllLabel : this.selectAllLabel,\n          value: '__select_all__',\n          iconStart: allSelected ? '✕' : '⇣',\n        },\n        ...options,\n      ];\n    }\n\n    return options;\n  }\n\n  private updateSelectedOptions() {\n    const valueArray = Array.isArray(this.value) ? this.value : [];\n    this.selectedOptions = this.parsedOptions.filter(opt =>\n      valueArray.includes(opt.value ?? opt.label),\n    );\n  }\n\n  private filterOption = (option: LeOption, query: string): boolean => {\n    if (!query) return true;\n    // Always show \"Select All\" option\n    if (option.value === '__select_all__') return true;\n\n    const searchLower = query.toLowerCase();\n    return (\n      option.label.toLowerCase().includes(searchLower) ||\n      (option.description?.toLowerCase().includes(searchLower) ?? false)\n    );\n  };\n\n  private handleOptionSelect = (e: CustomEvent<LeOptionSelectDetail>) => {\n    const { value } = e.detail;\n\n    const enabledOptions = this.parsedOptions.filter(opt => !opt.disabled);\n    if (enabledOptions.length === 0) return;\n\n    // Handle \"Select All\" option\n    if (value === '__select_all__') {\n      if (this.selectedOptions.length === enabledOptions.length) {\n        // Deselect all\n        this.value = [];\n      } else {\n        // Select all (respect maxSelections)\n        const selectableOptions = this.maxSelections\n          ? enabledOptions.slice(0, this.maxSelections)\n          : enabledOptions;\n        this.value = selectableOptions.map(opt => opt.value ?? opt.label);\n      }\n      this.emitChange();\n      return;\n    }\n\n    const isSelected = this.value.includes(value);\n\n    if (isSelected) {\n      // Remove from selection\n      this.value = this.value.filter(v => v !== value);\n      this.selectedOptions = this.selectedOptions.filter(opt => (opt.value ?? opt.label) !== value);\n    } else {\n      // Add to selection (if not at max)\n      if (this.maxSelections && this.value.length >= this.maxSelections) {\n        return; // Don't add more\n      }\n      this.value = [...this.value, value];\n    }\n\n    this.emitChange();\n\n    // Clear search after szelection\n    this.searchQuery = '';\n  };\n\n  private emitChange() {\n    this.leChange.emit({\n      values: this.value,\n      options: this.selectedOptions,\n    });\n  }\n\n  private handleDropdownOpen = () => {\n    this.open = true;\n    this.leOpen.emit();\n\n    // Focus search input if searchable\n    if (this.searchable) {\n      setTimeout(() => {\n        this.inputEl?.focus();\n      }, 50);\n    }\n  };\n\n  private handleDropdownClose = () => {\n    this.open = false;\n    this.searchQuery = '';\n    this.leClose.emit();\n  };\n\n  private handleTriggerClick = () => {\n    if (!this.disabled) {\n      this.dropdownEl?.toggle();\n    }\n  };\n\n  private handleTriggerKeyDown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    if (e.key === 'Enter' || e.key === ' ' || e.key === 'ArrowDown') {\n      e.preventDefault();\n      this.dropdownEl?.show();\n    }\n  };\n\n  private handleTagDismiss = (option: LeOption, e: CustomEvent) => {\n    e.stopPropagation();\n    const value = option.value ?? option.label;\n    this.value = this.value.filter(v => v !== value);\n    this.selectedOptions = this.selectedOptions.filter(opt => opt !== option);\n    this.emitChange();\n  };\n\n  private handleSearchInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.searchQuery = target.value;\n  };\n\n  private handleClearAll = (e: MouseEvent) => {\n    e.stopPropagation();\n    this.value = [];\n    this.selectedOptions = [];\n    this.emitChange();\n  };\n\n  /**\n   * Opens the dropdown.\n   */\n  @Method()\n  async showDropdown() {\n    await this.dropdownEl?.show();\n  }\n\n  /**\n   * Closes the dropdown.\n   */\n  @Method()\n  async hideDropdown() {\n    await this.dropdownEl?.hide();\n  }\n\n  /**\n   * Clears all selections.\n   */\n  @Method()\n  async clearSelection() {\n    this.value = [];\n    this.selectedOptions = [];\n    this.emitChange();\n  }\n\n  private renderTags() {\n    if (this.selectedOptions.length === 0) {\n      return <span class=\"multiselect-placeholder\">{this.placeholder}</span>;\n    }\n\n    return (\n      <div class=\"multiselect-tags\">\n        {this.selectedOptions.map(option => (\n          <le-tag\n            key={option.value ?? option.label}\n            label={option.label}\n            icon={option.iconStart}\n            size={this.size === 'large' ? 'medium' : 'small'}\n            dismissible\n            disabled={this.disabled}\n            onLeDismiss={e => this.handleTagDismiss(option, e)}\n            mode=\"default\"\n          />\n        ))}\n      </div>\n    );\n  }\n\n  render() {\n    const hasSelections = this.selectedOptions.length > 0;\n    const atMaxSelections = this.maxSelections && this.value.length >= this.maxSelections;\n\n    return (\n      <le-component component=\"le-multiselect\">\n        <le-dropdown-base\n          ref={el => (this.dropdownEl = el)}\n          options={this.effectiveOptions}\n          value={this.value}\n          multiple={true}\n          disabled={this.disabled}\n          filterFn={this.searchable ? this.filterOption : undefined}\n          filterQuery={this.searchQuery}\n          emptyText={this.emptyText}\n          showCheckboxes={true}\n          fullWidth={this.fullWidth}\n          onLeOptionSelect={this.handleOptionSelect}\n          onLeDropdownOpen={this.handleDropdownOpen}\n          onLeDropdownClose={this.handleDropdownClose}\n        >\n          <div\n            slot=\"trigger\"\n            class={{\n              'multiselect-trigger': true,\n              'has-selections': hasSelections,\n              'is-open': this.open,\n              'is-disabled': this.disabled,\n            }}\n            tabIndex={this.disabled ? -1 : 0}\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-expanded={this.open ? 'true' : 'false'}\n            aria-disabled={this.disabled ? 'true' : undefined}\n            onClick={this.handleTriggerClick}\n            onKeyDown={this.handleTriggerKeyDown}\n          >\n            {this.renderTags()}\n\n            <div class=\"multiselect-actions\">\n              {hasSelections && !this.disabled && (\n                <button\n                  type=\"button\"\n                  class=\"multiselect-clear\"\n                  onClick={this.handleClearAll}\n                  aria-label=\"Clear all\"\n                  tabIndex={-1}\n                >\n                  <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <path d=\"M4 4l8 8M12 4l-8 8\" />\n                  </svg>\n                </button>\n              )}\n              <span class=\"multiselect-arrow\">\n                <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                  <path d=\"M4 6l4 4 4-4\" />\n                </svg>\n              </span>\n            </div>\n          </div>\n\n          {/* Search input shown in dropdown header */}\n          {this.searchable && this.open && (\n            <div class=\"multiselect-search\" slot=\"header\">\n              <le-string-input\n                mode=\"default\"\n                inputRef={el => (this.inputEl = el)}\n                class=\"search-input\"\n                placeholder=\"Search...\"\n                value={this.searchQuery}\n                onInput={this.handleSearchInput}\n              />\n            </div>\n          )}\n        </le-dropdown-base>\n\n        {/* Hidden inputs for form submission */}\n        {this.name &&\n          this.value.map(val => (\n            <input type=\"hidden\" name={this.name} value={val.toString()} key={val.toString()} />\n          ))}\n\n        {/* Status message */}\n        {atMaxSelections && (\n          <span class=\"multiselect-status\">Maximum {this.maxSelections} selections</span>\n        )}\n      </le-component>\n    );\n  }\n}\n"]}

package/dist/collection/components/le-number-input/le-number-input.js

@@ -195,7 +195,7 @@ export class LeNumberInput {
         this.emitChange();
     };
     render() {
-        return (h("le-component", { key: '6af8d1fd4c89597f7da3be391cabccbb9d1f9800', component: "le-number-input", hostClass: classnames({ 'disabled': this.disabled }) }, h("div", { key: 'e4e0ad02f89b2eb8dd7649d2f2e70bc821cb2774', class: "le-input-wrapper" }, this.label && (h("label", { key: '30ad120d5571018ea9891340b5406f6939a1fe0e', class: "le-input-label", htmlFor: this.name }, this.label)), h("div", { key: '27b835ad1559a1ea4366c4b7c2b31d412e8b8ef7', class: classnames('le-input-container', { 'has-error': !this.isValid }) }, this.iconStart && (h("span", { key: '0164cbb985b900b4b3136061a2609987a2c06e9f', class: "icon-start" }, this.iconStart)), h("input", { key: '6d68b764f45d61b7dd4ffe435bd9e9da04c4d87a', id: this.name, type: "number", name: this.name, placeholder: this.placeholder, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onWheel: this.handleWheel }), this.showSpinners && (h("div", { key: '7ed04341c0c27a7d37afd4baf9698ea7776702f6', class: "le-input-controls" }, h("le-button", { key: '80c96f7cbee40efd2b79f33e8401a13f187092a6', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.increment, disabled: this.disabled || this.readonly || (this.max !== undefined && this.value >= this.max), tabindex: "-1" }, h("span", { key: 'd56b463073ce8174c668138179f1bbc16c700d9f', slot: "icon-only" }, "\u2191")), h("le-button", { key: '74e70e65d6668cc1cee7abfaf464a60a29efa3f9', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.decrement, disabled: this.disabled || this.readonly || (this.min !== undefined && this.value <= this.min), tabindex: "-1" }, h("span", { key: 'e2330cdf9f431b2c9f0953e42f71e897879d10fe', slot: "icon-only" }, "\u2193"))))), !this.isValid && h("div", { key: 'ba9bb8af8c4814b4316c1f0947c50a99fd24634c', class: "le-input-error" }, this.validationMessage), h("div", { key: '30e43ac088f995fe24ab47678ca70fe771b6f1ab', class: "le-input-description" }, h("le-slot", { key: '94f4bd21e32595470781eb6b004c9acbee72b81a', name: "description", type: "text", tag: "p", label: "Description" }, h("slot", { key: 'def94a79248d1887c5416ff95b2c625df85c68d0', name: "description" }))))));
+        return (h("le-component", { key: '7d39afd1052ccef592917d7495e18599f11d3406', component: "le-number-input", hostClass: classnames({ 'disabled': this.disabled }) }, h("div", { key: '1af0bdff2099c3bba4755cfe27fbee215ad2d047', class: "le-input-wrapper" }, this.label && (h("label", { key: 'c227db3239ae5a539c945447b44e021915f6d9e8', class: "le-input-label", htmlFor: this.name }, this.label)), h("div", { key: '4cfea6fab05a1af81dd560d81e79c3a868828605', class: classnames('le-input-container', { 'has-error': !this.isValid }) }, this.iconStart && (h("span", { key: 'bd42857961f70a49892398cd508ef0f53c4b6c70', class: "icon-start" }, this.iconStart)), h("input", { key: '53bc332a0a9f7119eb15b6cd73edeca040a8c868', id: this.name, type: "number", name: this.name, placeholder: this.placeholder, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onWheel: this.handleWheel }), this.showSpinners && (h("div", { key: 'f6d1ff990c38a45f09ad764523d46e7b4c78262f', class: "le-input-controls" }, h("le-button", { key: '2895f758ead72dae3699de4d5cd8e8fac4a36f9d', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.increment, disabled: this.disabled || this.readonly || (this.max !== undefined && this.value >= this.max), tabindex: "-1" }, h("span", { key: '56e1186d12cd13ef1867eb1ab63af58c89b45429', slot: "icon-only" }, "\u2191")), h("le-button", { key: '52511872cdd166da5ef5237db8af25722b639eb2', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.decrement, disabled: this.disabled || this.readonly || (this.min !== undefined && this.value <= this.min), tabindex: "-1" }, h("span", { key: '867153b5fde0c70ce426590b4ae3e8bedf53c29a', slot: "icon-only" }, "\u2193"))))), !this.isValid && h("div", { key: '5d7e522754e64fe2227485f637907977fb60ca6d', class: "le-input-error" }, this.validationMessage), h("div", { key: '7f175e902a0fdc4f1d2fe18832d25fe58b9f988d', class: "le-input-description" }, h("le-slot", { key: '32b9cfaa207de01d100f3f6542a6975117b1d26f', name: "description", type: "text", tag: "p", label: "Description" }, h("slot", { key: '2e56d9ce860162e431afde3d9df8d107f73c1343', name: "description" }))))));
     }
     static get is() { return "le-number-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/le-popover/le-popover.css

@@ -8,6 +8,11 @@
   position: relative;
 }
 
+:host([trigger-full-width]) {
+  display: block;
+  width: 100%;
+}
+
 /* ============================================
    Trigger
    ============================================ */
@@ -17,6 +22,11 @@
   cursor: pointer;
 }
 
+.le-popover-trigger-full-width {
+  display: flex;
+  width: 100%;
+}
+
 .le-popover-default-trigger {
   display: flex;
   align-items: center;

package/dist/collection/components/le-popover/le-popover.js

@@ -1,4 +1,5 @@
-import { h } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
+import { classnames } from "../../utils/utils";
 /**
  * A popover component for displaying floating content.
  *
@@ -8,6 +9,9 @@ import { h } from "@stencil/core";
  * @slot - Content to display inside the popover
  * @slot trigger - Element that triggers the popover (optional)
  *
+ * @csspart trigger - The popover trigger element
+ * @csspart content - The popover content wrapper
+ *
  * @cmsInternal true
  * @cmsCategory System
  */
@@ -61,6 +65,10 @@ export class LePopover {
      * Maximum width for the popover (e.g., '400px', '25rem')
      */
     maxWidth;
+    /**
+     * Should the popover's trigger take full width of its container
+     */
+    triggerFullWidth = false;
     /**
      * Emitted when the popover opens
      */
@@ -69,6 +77,12 @@ export class LePopover {
      * Emitted when the popover closes
      */
     lePopoverClose;
+    /**
+     * Method to update the popover position from a parent component
+     */
+    async updatePosition() {
+        this._updatePosition();
+    }
     isPositioned = false;
     triggerEl;
     popoverEl;
@@ -130,14 +144,14 @@ export class LePopover {
     }
     handleScroll = () => {
         if (this.open) {
-            this.updatePosition();
+            this._updatePosition();
         }
     };
     handlePopoverToggle = (event) => {
         if (event.newState === 'open') {
             this.open = true;
             this.addScrollListeners();
-            this.updatePosition();
+            this._updatePosition();
             this.lePopoverOpen.emit();
         }
         else {
@@ -160,7 +174,7 @@ export class LePopover {
      */
     async show() {
         document.dispatchEvent(new CustomEvent('le-popover-will-open', {
-            detail: { popover: this.el }
+            detail: { popover: this.el },
         }));
         this.popoverEl?.showPopover();
     }
@@ -185,7 +199,7 @@ export class LePopover {
         event.stopPropagation();
         this.toggle();
     };
-    updatePosition() {
+    _updatePosition() {
         if (!this.triggerEl || !this.popoverEl)
             return;
         const triggerRect = this.triggerEl.getBoundingClientRect();
@@ -227,7 +241,8 @@ export class LePopover {
         }
         // Adjust alignment for horizontal overflow
         if (position === 'top' || position === 'bottom') {
-            if (align === 'start' && triggerRect.left + popoverRect.width > viewportWidth - viewportPadding) {
+            if (align === 'start' &&
+                triggerRect.left + popoverRect.width > viewportWidth - viewportPadding) {
                 align = 'end';
             }
             else if (align === 'end' && triggerRect.right - popoverRect.width < viewportPadding) {
@@ -338,10 +353,9 @@ export class LePopover {
             popoverStyles.minWidth = this.minWidth;
         if (this.maxWidth)
             popoverStyles.maxWidth = this.maxWidth;
-        return [
-            h("div", { key: '3d2a3b86ddb3be577bd0e976a5a00f25396a97fb', class: "le-popover-trigger", ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick }, h("slot", { key: '9db2e9e2b0bdb25c5a2361115d2094292fe692ec', name: "trigger" }, h("button", { key: '88d78b192f72731f00d6131b92b8d6a4b445d7f9', type: "button", class: "le-popover-default-trigger" }, h("span", { key: '0f2913f160cda5dcbeb20c714219d587196e230b' }, "\u2295")))),
-            h("div", { key: 'b65d2de900ff6e67a62d92d7452db34afde9f257', id: this.uniqueId, class: "le-popover-content", popover: this.closeOnClickOutside ? 'auto' : 'manual', ref: (el) => (this.popoverEl = el), style: popoverStyles }, (this.popoverTitle || this.showClose) && (h("div", { key: '323061fc49c8e0fc9ae541dfc576e551b0a83818', class: "le-popover-header" }, this.popoverTitle && h("span", { key: 'b1d9f4203966ae6a0bb14186824596643954d6f8', class: "le-popover-title" }, this.popoverTitle), this.showClose && (h("button", { key: 'd0d335d8c9897ed9ba7bd0370572a8cafa72b044', type: "button", class: "le-popover-close", onClick: () => this.hide(), "aria-label": "Close" }, "\u00D7")))), h("div", { key: '52d3294394b0e1fd49f8c361414e228feed68ea9', class: "le-popover-body" }, h("slot", { key: '16d8691545f2eaa44f136bfea33a1f1d71d18cd7' })))
-        ];
+        return (h(Host, { key: 'f3e1ae33b67abbaa13ac506271961b3dfcfaeec2', "trigger-full-width": this.triggerFullWidth }, h("div", { key: '4fc806cb1b4b59612bd7820d263b54db53f2d6d2', class: classnames('le-popover-trigger', {
+                'le-popover-trigger-full-width': this.triggerFullWidth,
+            }), ref: el => (this.triggerEl = el), onClick: this.handleTriggerClick, part: "trigger" }, h("slot", { key: 'b62f6201f31246ccbb047b7a6539fd54604cc45e', name: "trigger" }, h("button", { key: '17a1a253776424812e82e4c747d2f0a2414efd48', type: "button", class: "le-popover-default-trigger" }, h("span", { key: '3c9c4d0390222cd3c1afea8f864d7287c3d55a8f' }, "\u2295")))), h("div", { key: '5c786402b8e1c9a5b60894f201de1bccf20f5288', id: this.uniqueId, class: "le-popover-content", popover: this.closeOnClickOutside ? 'auto' : 'manual', ref: el => (this.popoverEl = el), style: popoverStyles }, (this.popoverTitle || this.showClose) && (h("div", { key: 'b9e810e52400b9f3246621e80ecd432ea4fca3e5', class: "le-popover-header" }, this.popoverTitle && h("span", { key: 'b4164ebd8da381274b2eca584a221d5fddfcb473', class: "le-popover-title" }, this.popoverTitle), this.showClose && (h("button", { key: 'e5dc86d2aeef127cf9eaa54af50363a1ad7a80a8', type: "button", class: "le-popover-close", onClick: () => this.hide(), "aria-label": "Close" }, "\u00D7")))), h("div", { key: '4b4cf379cec1e3ec083dc2aa48b5919b35761648', class: "le-popover-body", part: "content" }, h("slot", { key: '767680e6675b50024ec4baa22343e08c26317962' })))));
     }
     static get is() { return "le-popover"; }
     static get encapsulation() { return "shadow"; }
@@ -592,6 +606,26 @@ export class LePopover {
                 "setter": false,
                 "reflect": false,
                 "attribute": "max-width"
+            },
+            "triggerFullWidth": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Should the popover's trigger take full width of its container"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "trigger-full-width",
+                "defaultValue": "false"
             }
         };
     }
@@ -635,6 +669,23 @@ export class LePopover {
     }
     static get methods() {
         return {
+            "updatePosition": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Method to update the popover position from a parent component",
+                    "tags": []
+                }
+            },
             "show": {
                 "complexType": {
                     "signature": "() => Promise<void>",

package/dist/collection/components/le-popover/le-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"le-popover.js","sourceRoot":"","sources":["../../../src/components/le-popover/le-popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Method, Event, EventEmitter, State, h, Element } from '@stencil/core';\n\n/**\n * A popover component for displaying floating content.\n * \n * Uses the native HTML Popover API for proper layering with dialogs\n * and other top-layer elements. Falls back gracefully in older browsers.\n *\n * @slot - Content to display inside the popover\n * @slot trigger - Element that triggers the popover (optional)\n * \n * @cmsInternal true\n * @cmsCategory System\n */\n@Component({\n  tag: 'le-popover',\n  styleUrl: 'le-popover.css',\n  shadow: true,\n})\nexport class LePopover {\n  @Element() el: HTMLElement;\n\n  /**\n   * Mode of the popover should be 'default' for internal use\n   */\n  @Prop({ mutable: true, reflect: true }) mode: 'default' | 'admin';\n\n  /**\n   * Whether the popover is currently open\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Position of the popover relative to its trigger\n   */\n  @Prop() position: 'top' | 'bottom' | 'left' | 'right' | 'auto' = 'bottom';\n\n  /**\n   * Alignment of the popover\n   */\n  @Prop() align: 'start' | 'center' | 'end' = 'start';\n\n  /**\n   * Optional title for the popover header\n   */\n  @Prop() popoverTitle?: string;\n\n  /**\n   * Whether to show a close button in the header\n   */\n  @Prop() showClose: boolean = true;\n\n  /**\n   * Whether clicking outside closes the popover\n   */\n  @Prop() closeOnClickOutside: boolean = true;\n\n  /**\n   * Whether pressing Escape closes the popover\n   */\n  @Prop() closeOnEscape: boolean = true;\n\n  /**\n   * Offset from the trigger element (in pixels)\n   */\n  @Prop() offset: number = 8;\n\n  /**\n   * Fixed width for the popover (e.g., '300px', '20rem')\n   */\n  @Prop() width?: string;\n\n  /**\n   * Minimum width for the popover (e.g., '200px', '15rem')\n   */\n  @Prop() minWidth?: string = '200px';\n\n  /**\n   * Maximum width for the popover (e.g., '400px', '25rem')\n   */\n  @Prop() maxWidth?: string;\n\n  /**\n   * Emitted when the popover opens\n   */\n  @Event() lePopoverOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when the popover closes\n   */\n  @Event() lePopoverClose: EventEmitter<void>;\n\n  @State() private isPositioned: boolean = false;\n\n  private triggerEl?: HTMLElement;\n  private popoverEl?: HTMLElement;\n  private uniqueId: string = `le-popover-${Math.random().toString(36).substr(2, 9)}`;\n  private scrollParents: Element[] = [];\n\n  componentDidLoad() {\n    // Listen for toggle events from the native popover API\n    this.popoverEl?.addEventListener('toggle', this.handlePopoverToggle as EventListener);\n    \n    // Listen for other popovers opening to close this one\n    document.addEventListener('le-popover-will-open', this.handleOtherPopoverOpen);\n  }\n\n  disconnectedCallback() {\n    this.popoverEl?.removeEventListener('toggle', this.handlePopoverToggle as EventListener);\n    document.removeEventListener('le-popover-will-open', this.handleOtherPopoverOpen);\n    this.removeScrollListeners();\n  }\n\n  /**\n   * Find all scrollable parent elements\n   */\n  private getScrollParents(element: Element): Element[] {\n    const scrollParents: Element[] = [];\n    let parent = element.parentElement;\n    \n    while (parent) {\n      const style = getComputedStyle(parent);\n      const overflow = style.overflow + style.overflowY + style.overflowX;\n      if (/(auto|scroll)/.test(overflow)) {\n        scrollParents.push(parent);\n      }\n      parent = parent.parentElement;\n    }\n    \n    // Always include window for page scroll\n    return scrollParents;\n  }\n\n  /**\n   * Add scroll listeners to all scrollable parents\n   */\n  private addScrollListeners() {\n    if (!this.triggerEl) return;\n    \n    this.scrollParents = this.getScrollParents(this.triggerEl);\n    \n    // Listen to each scroll parent\n    this.scrollParents.forEach(parent => {\n      parent.addEventListener('scroll', this.handleScroll, { passive: true });\n    });\n    \n    // Also listen to window scroll and resize\n    window.addEventListener('scroll', this.handleScroll, { passive: true });\n    window.addEventListener('resize', this.handleScroll, { passive: true });\n  }\n\n  /**\n   * Remove scroll listeners\n   */\n  private removeScrollListeners() {\n    this.scrollParents.forEach(parent => {\n      parent.removeEventListener('scroll', this.handleScroll);\n    });\n    window.removeEventListener('scroll', this.handleScroll);\n    window.removeEventListener('resize', this.handleScroll);\n    this.scrollParents = [];\n  }\n\n  private handleScroll = () => {\n    if (this.open) {\n      this.updatePosition();\n    }\n  };\n\n  private handlePopoverToggle = (event: ToggleEvent) => {\n    if (event.newState === 'open') {\n      this.open = true;\n      this.addScrollListeners();\n      this.updatePosition();\n      this.lePopoverOpen.emit();\n    } else {\n      this.open = false;\n      this.isPositioned = false;\n      this.removeScrollListeners();\n      this.lePopoverClose.emit();\n    }\n  };\n\n  private handleOtherPopoverOpen = (event: Event) => {\n    const customEvent = event as CustomEvent;\n    if (customEvent.detail?.popover === this.el) return;\n    \n    if (this.open) {\n      this.hide();\n    }\n  };\n\n  /**\n   * Opens the popover\n   */\n  @Method()\n  async show() {\n    document.dispatchEvent(new CustomEvent('le-popover-will-open', {\n      detail: { popover: this.el }\n    }));\n    \n    this.popoverEl?.showPopover();\n  }\n\n  /**\n   * Closes the popover\n   */\n  @Method()\n  async hide() {\n    this.popoverEl?.hidePopover();\n  }\n\n  /**\n   * Toggles the popover\n   */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  private handleTriggerClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.toggle();\n  };\n\n  private updatePosition() {\n    if (!this.triggerEl || !this.popoverEl) return;\n\n    const triggerRect = this.triggerEl.getBoundingClientRect();\n    const popoverRect = this.popoverEl.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n    const viewportPadding = 8;\n\n    let position = this.position;\n    let align = this.align;\n\n    // Auto-position logic\n    const spaceBelow = viewportHeight - triggerRect.bottom - viewportPadding;\n    const spaceAbove = triggerRect.top - viewportPadding;\n    const spaceRight = viewportWidth - triggerRect.right - viewportPadding;\n    const spaceLeft = triggerRect.left - viewportPadding;\n\n    if (position === 'auto') {\n      if (spaceBelow >= popoverRect.height + this.offset) {\n        position = 'bottom';\n      } else if (spaceAbove >= popoverRect.height + this.offset) {\n        position = 'top';\n      } else if (spaceRight >= popoverRect.width + this.offset) {\n        position = 'right';\n      } else if (spaceLeft >= popoverRect.width + this.offset) {\n        position = 'left';\n      } else {\n        const maxSpace = Math.max(spaceBelow, spaceAbove, spaceRight, spaceLeft);\n        if (maxSpace === spaceBelow) position = 'bottom';\n        else if (maxSpace === spaceAbove) position = 'top';\n        else if (maxSpace === spaceRight) position = 'right';\n        else position = 'left';\n      }\n    }\n\n    // Adjust alignment for horizontal overflow\n    if (position === 'top' || position === 'bottom') {\n      if (align === 'start' && triggerRect.left + popoverRect.width > viewportWidth - viewportPadding) {\n        align = 'end';\n      } else if (align === 'end' && triggerRect.right - popoverRect.width < viewportPadding) {\n        align = 'start';\n      } else if (align === 'center') {\n        const triggerCenter = triggerRect.left + triggerRect.width / 2;\n        if (triggerCenter - popoverRect.width / 2 < viewportPadding) {\n          align = 'start';\n        } else if (triggerCenter + popoverRect.width / 2 > viewportWidth - viewportPadding) {\n          align = 'end';\n        }\n      }\n    }\n\n    // Calculate position\n    let top: number = 0;\n    let left: number = 0;\n    let maxHeight: number | null = null;\n\n    switch (position) {\n      case 'top':\n        top = triggerRect.top - popoverRect.height - this.offset;\n        if (top < viewportPadding) {\n          maxHeight = triggerRect.top - this.offset - viewportPadding * 2;\n          top = viewportPadding;\n        }\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + this.offset;\n        if (top + popoverRect.height > viewportHeight - viewportPadding) {\n          maxHeight = viewportHeight - top - viewportPadding;\n        }\n        break;\n      case 'left':\n        left = triggerRect.left - popoverRect.width - this.offset;\n        top = triggerRect.top;\n        if (left < viewportPadding) left = viewportPadding;\n        break;\n      case 'right':\n        left = triggerRect.right + this.offset;\n        top = triggerRect.top;\n        if (left + popoverRect.width > viewportWidth - viewportPadding) {\n          left = viewportWidth - popoverRect.width - viewportPadding;\n        }\n        break;\n    }\n\n    // Calculate horizontal alignment for top/bottom\n    if (position === 'top' || position === 'bottom') {\n      switch (align) {\n        case 'start':\n          left = triggerRect.left;\n          break;\n        case 'center':\n          left = triggerRect.left + triggerRect.width / 2 - popoverRect.width / 2;\n          break;\n        case 'end':\n          left = triggerRect.right - popoverRect.width;\n          break;\n      }\n      \n      // Constrain to viewport\n      if (left < viewportPadding) {\n        left = viewportPadding;\n      } else if (left + popoverRect.width > viewportWidth - viewportPadding) {\n        left = viewportWidth - popoverRect.width - viewportPadding;\n      }\n    }\n\n    // Calculate vertical alignment for left/right\n    if (position === 'left' || position === 'right') {\n      switch (align) {\n        case 'start':\n          top = triggerRect.top;\n          break;\n        case 'center':\n          top = triggerRect.top + triggerRect.height / 2 - popoverRect.height / 2;\n          break;\n        case 'end':\n          top = triggerRect.bottom - popoverRect.height;\n          break;\n      }\n      \n      if (top < viewportPadding) top = viewportPadding;\n      if (top + popoverRect.height > viewportHeight - viewportPadding) {\n        maxHeight = viewportHeight - top - viewportPadding;\n      }\n    }\n\n    // Apply styles\n    this.popoverEl.style.top = `${top}px`;\n    this.popoverEl.style.left = `${left}px`;\n    \n    if (maxHeight !== null && maxHeight > 100) {\n      this.popoverEl.style.maxHeight = `${maxHeight}px`;\n      this.popoverEl.style.overflowY = 'auto';\n    } else {\n      this.popoverEl.style.maxHeight = '';\n      this.popoverEl.style.overflowY = '';\n    }\n\n    this.isPositioned = true;\n  }\n\n  render() {\n    const popoverStyles: Record<string, string> = {\n      visibility: this.isPositioned ? 'visible' : 'hidden',\n    };\n    \n    if (this.width) popoverStyles.width = this.width;\n    if (this.minWidth) popoverStyles.minWidth = this.minWidth;\n    if (this.maxWidth) popoverStyles.maxWidth = this.maxWidth;\n\n    return [\n      <div \n        class=\"le-popover-trigger\" \n        ref={(el) => (this.triggerEl = el)}\n        onClick={this.handleTriggerClick}\n      >\n        <slot name=\"trigger\">\n          <button type=\"button\" class=\"le-popover-default-trigger\">\n            <span>⊕</span>\n          </button>\n        </slot>\n      </div>,\n      \n      <div\n        id={this.uniqueId}\n        class=\"le-popover-content\"\n        popover={this.closeOnClickOutside ? 'auto' : 'manual'}\n        ref={(el) => (this.popoverEl = el)}\n        style={popoverStyles}\n      >\n        {(this.popoverTitle || this.showClose) && (\n          <div class=\"le-popover-header\">\n            {this.popoverTitle && <span class=\"le-popover-title\">{this.popoverTitle}</span>}\n            {this.showClose && (\n              <button \n                type=\"button\" \n                class=\"le-popover-close\"\n                onClick={() => this.hide()}\n                aria-label=\"Close\"\n              >\n                ×\n              </button>\n            )}\n          </div>\n        )}\n        <div class=\"le-popover-body\">\n          <slot></slot>\n        </div>\n      </div>\n    ];\n  }\n}\n"]}
+{"version":3,"file":"le-popover.js","sourceRoot":"","sources":["../../../src/components/le-popover/le-popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Prop,\n  Method,\n  Event,\n  EventEmitter,\n  State,\n  h,\n  Element,\n  Host,\n} from '@stencil/core';\nimport { classnames } from '../../utils/utils';\n\n/**\n * A popover component for displaying floating content.\n *\n * Uses the native HTML Popover API for proper layering with dialogs\n * and other top-layer elements. Falls back gracefully in older browsers.\n *\n * @slot - Content to display inside the popover\n * @slot trigger - Element that triggers the popover (optional)\n *\n * @csspart trigger - The popover trigger element\n * @csspart content - The popover content wrapper\n *\n * @cmsInternal true\n * @cmsCategory System\n */\n@Component({\n  tag: 'le-popover',\n  styleUrl: 'le-popover.css',\n  shadow: true,\n})\nexport class LePopover {\n  @Element() el: HTMLElement;\n\n  /**\n   * Mode of the popover should be 'default' for internal use\n   */\n  @Prop({ mutable: true, reflect: true }) mode: 'default' | 'admin';\n\n  /**\n   * Whether the popover is currently open\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Position of the popover relative to its trigger\n   */\n  @Prop() position: 'top' | 'bottom' | 'left' | 'right' | 'auto' = 'bottom';\n\n  /**\n   * Alignment of the popover\n   */\n  @Prop() align: 'start' | 'center' | 'end' = 'start';\n\n  /**\n   * Optional title for the popover header\n   */\n  @Prop() popoverTitle?: string;\n\n  /**\n   * Whether to show a close button in the header\n   */\n  @Prop() showClose: boolean = true;\n\n  /**\n   * Whether clicking outside closes the popover\n   */\n  @Prop() closeOnClickOutside: boolean = true;\n\n  /**\n   * Whether pressing Escape closes the popover\n   */\n  @Prop() closeOnEscape: boolean = true;\n\n  /**\n   * Offset from the trigger element (in pixels)\n   */\n  @Prop() offset: number = 8;\n\n  /**\n   * Fixed width for the popover (e.g., '300px', '20rem')\n   */\n  @Prop() width?: string;\n\n  /**\n   * Minimum width for the popover (e.g., '200px', '15rem')\n   */\n  @Prop() minWidth?: string = '200px';\n\n  /**\n   * Maximum width for the popover (e.g., '400px', '25rem')\n   */\n  @Prop() maxWidth?: string;\n\n  /**\n   * Should the popover's trigger take full width of its container\n   */\n  @Prop() triggerFullWidth: boolean = false;\n\n  /**\n   * Emitted when the popover opens\n   */\n  @Event() lePopoverOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when the popover closes\n   */\n  @Event() lePopoverClose: EventEmitter<void>;\n\n  /**\n   * Method to update the popover position from a parent component\n   */\n  @Method()\n  async updatePosition() {\n    this._updatePosition();\n  }\n\n  @State() private isPositioned: boolean = false;\n\n  private triggerEl?: HTMLElement;\n  private popoverEl?: HTMLElement;\n  private uniqueId: string = `le-popover-${Math.random().toString(36).substr(2, 9)}`;\n  private scrollParents: Element[] = [];\n\n  componentDidLoad() {\n    // Listen for toggle events from the native popover API\n    this.popoverEl?.addEventListener('toggle', this.handlePopoverToggle as EventListener);\n\n    // Listen for other popovers opening to close this one\n    document.addEventListener('le-popover-will-open', this.handleOtherPopoverOpen);\n  }\n\n  disconnectedCallback() {\n    this.popoverEl?.removeEventListener('toggle', this.handlePopoverToggle as EventListener);\n    document.removeEventListener('le-popover-will-open', this.handleOtherPopoverOpen);\n    this.removeScrollListeners();\n  }\n\n  /**\n   * Find all scrollable parent elements\n   */\n  private getScrollParents(element: Element): Element[] {\n    const scrollParents: Element[] = [];\n    let parent = element.parentElement;\n\n    while (parent) {\n      const style = getComputedStyle(parent);\n      const overflow = style.overflow + style.overflowY + style.overflowX;\n      if (/(auto|scroll)/.test(overflow)) {\n        scrollParents.push(parent);\n      }\n      parent = parent.parentElement;\n    }\n\n    // Always include window for page scroll\n    return scrollParents;\n  }\n\n  /**\n   * Add scroll listeners to all scrollable parents\n   */\n  private addScrollListeners() {\n    if (!this.triggerEl) return;\n\n    this.scrollParents = this.getScrollParents(this.triggerEl);\n\n    // Listen to each scroll parent\n    this.scrollParents.forEach(parent => {\n      parent.addEventListener('scroll', this.handleScroll, { passive: true });\n    });\n\n    // Also listen to window scroll and resize\n    window.addEventListener('scroll', this.handleScroll, { passive: true });\n    window.addEventListener('resize', this.handleScroll, { passive: true });\n  }\n\n  /**\n   * Remove scroll listeners\n   */\n  private removeScrollListeners() {\n    this.scrollParents.forEach(parent => {\n      parent.removeEventListener('scroll', this.handleScroll);\n    });\n    window.removeEventListener('scroll', this.handleScroll);\n    window.removeEventListener('resize', this.handleScroll);\n    this.scrollParents = [];\n  }\n\n  private handleScroll = () => {\n    if (this.open) {\n      this._updatePosition();\n    }\n  };\n\n  private handlePopoverToggle = (event: ToggleEvent) => {\n    if (event.newState === 'open') {\n      this.open = true;\n      this.addScrollListeners();\n      this._updatePosition();\n      this.lePopoverOpen.emit();\n    } else {\n      this.open = false;\n      this.isPositioned = false;\n      this.removeScrollListeners();\n      this.lePopoverClose.emit();\n    }\n  };\n\n  private handleOtherPopoverOpen = (event: Event) => {\n    const customEvent = event as CustomEvent;\n    if (customEvent.detail?.popover === this.el) return;\n\n    if (this.open) {\n      this.hide();\n    }\n  };\n\n  /**\n   * Opens the popover\n   */\n  @Method()\n  async show() {\n    document.dispatchEvent(\n      new CustomEvent('le-popover-will-open', {\n        detail: { popover: this.el },\n      }),\n    );\n\n    this.popoverEl?.showPopover();\n  }\n\n  /**\n   * Closes the popover\n   */\n  @Method()\n  async hide() {\n    this.popoverEl?.hidePopover();\n  }\n\n  /**\n   * Toggles the popover\n   */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  private handleTriggerClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.toggle();\n  };\n\n  private _updatePosition() {\n    if (!this.triggerEl || !this.popoverEl) return;\n\n    const triggerRect = this.triggerEl.getBoundingClientRect();\n    const popoverRect = this.popoverEl.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n    const viewportPadding = 8;\n\n    let position = this.position;\n    let align = this.align;\n\n    // Auto-position logic\n    const spaceBelow = viewportHeight - triggerRect.bottom - viewportPadding;\n    const spaceAbove = triggerRect.top - viewportPadding;\n    const spaceRight = viewportWidth - triggerRect.right - viewportPadding;\n    const spaceLeft = triggerRect.left - viewportPadding;\n\n    if (position === 'auto') {\n      if (spaceBelow >= popoverRect.height + this.offset) {\n        position = 'bottom';\n      } else if (spaceAbove >= popoverRect.height + this.offset) {\n        position = 'top';\n      } else if (spaceRight >= popoverRect.width + this.offset) {\n        position = 'right';\n      } else if (spaceLeft >= popoverRect.width + this.offset) {\n        position = 'left';\n      } else {\n        const maxSpace = Math.max(spaceBelow, spaceAbove, spaceRight, spaceLeft);\n        if (maxSpace === spaceBelow) position = 'bottom';\n        else if (maxSpace === spaceAbove) position = 'top';\n        else if (maxSpace === spaceRight) position = 'right';\n        else position = 'left';\n      }\n    }\n\n    // Adjust alignment for horizontal overflow\n    if (position === 'top' || position === 'bottom') {\n      if (\n        align === 'start' &&\n        triggerRect.left + popoverRect.width > viewportWidth - viewportPadding\n      ) {\n        align = 'end';\n      } else if (align === 'end' && triggerRect.right - popoverRect.width < viewportPadding) {\n        align = 'start';\n      } else if (align === 'center') {\n        const triggerCenter = triggerRect.left + triggerRect.width / 2;\n        if (triggerCenter - popoverRect.width / 2 < viewportPadding) {\n          align = 'start';\n        } else if (triggerCenter + popoverRect.width / 2 > viewportWidth - viewportPadding) {\n          align = 'end';\n        }\n      }\n    }\n\n    // Calculate position\n    let top: number = 0;\n    let left: number = 0;\n    let maxHeight: number | null = null;\n\n    switch (position) {\n      case 'top':\n        top = triggerRect.top - popoverRect.height - this.offset;\n        if (top < viewportPadding) {\n          maxHeight = triggerRect.top - this.offset - viewportPadding * 2;\n          top = viewportPadding;\n        }\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + this.offset;\n        if (top + popoverRect.height > viewportHeight - viewportPadding) {\n          maxHeight = viewportHeight - top - viewportPadding;\n        }\n        break;\n      case 'left':\n        left = triggerRect.left - popoverRect.width - this.offset;\n        top = triggerRect.top;\n        if (left < viewportPadding) left = viewportPadding;\n        break;\n      case 'right':\n        left = triggerRect.right + this.offset;\n        top = triggerRect.top;\n        if (left + popoverRect.width > viewportWidth - viewportPadding) {\n          left = viewportWidth - popoverRect.width - viewportPadding;\n        }\n        break;\n    }\n\n    // Calculate horizontal alignment for top/bottom\n    if (position === 'top' || position === 'bottom') {\n      switch (align) {\n        case 'start':\n          left = triggerRect.left;\n          break;\n        case 'center':\n          left = triggerRect.left + triggerRect.width / 2 - popoverRect.width / 2;\n          break;\n        case 'end':\n          left = triggerRect.right - popoverRect.width;\n          break;\n      }\n\n      // Constrain to viewport\n      if (left < viewportPadding) {\n        left = viewportPadding;\n      } else if (left + popoverRect.width > viewportWidth - viewportPadding) {\n        left = viewportWidth - popoverRect.width - viewportPadding;\n      }\n    }\n\n    // Calculate vertical alignment for left/right\n    if (position === 'left' || position === 'right') {\n      switch (align) {\n        case 'start':\n          top = triggerRect.top;\n          break;\n        case 'center':\n          top = triggerRect.top + triggerRect.height / 2 - popoverRect.height / 2;\n          break;\n        case 'end':\n          top = triggerRect.bottom - popoverRect.height;\n          break;\n      }\n\n      if (top < viewportPadding) top = viewportPadding;\n      if (top + popoverRect.height > viewportHeight - viewportPadding) {\n        maxHeight = viewportHeight - top - viewportPadding;\n      }\n    }\n\n    // Apply styles\n    this.popoverEl.style.top = `${top}px`;\n    this.popoverEl.style.left = `${left}px`;\n\n    if (maxHeight !== null && maxHeight > 100) {\n      this.popoverEl.style.maxHeight = `${maxHeight}px`;\n      this.popoverEl.style.overflowY = 'auto';\n    } else {\n      this.popoverEl.style.maxHeight = '';\n      this.popoverEl.style.overflowY = '';\n    }\n\n    this.isPositioned = true;\n  }\n\n  render() {\n    const popoverStyles: Record<string, string> = {\n      visibility: this.isPositioned ? 'visible' : 'hidden',\n    };\n\n    if (this.width) popoverStyles.width = this.width;\n    if (this.minWidth) popoverStyles.minWidth = this.minWidth;\n    if (this.maxWidth) popoverStyles.maxWidth = this.maxWidth;\n\n    return (\n      <Host trigger-full-width={this.triggerFullWidth}>\n        <div\n          class={classnames('le-popover-trigger', {\n            'le-popover-trigger-full-width': this.triggerFullWidth,\n          })}\n          ref={el => (this.triggerEl = el)}\n          onClick={this.handleTriggerClick}\n          part=\"trigger\"\n        >\n          <slot name=\"trigger\">\n            <button type=\"button\" class=\"le-popover-default-trigger\">\n              <span>⊕</span>\n            </button>\n          </slot>\n        </div>\n        <div\n          id={this.uniqueId}\n          class=\"le-popover-content\"\n          popover={this.closeOnClickOutside ? 'auto' : 'manual'}\n          ref={el => (this.popoverEl = el)}\n          style={popoverStyles}\n        >\n          {(this.popoverTitle || this.showClose) && (\n            <div class=\"le-popover-header\">\n              {this.popoverTitle && <span class=\"le-popover-title\">{this.popoverTitle}</span>}\n              {this.showClose && (\n                <button\n                  type=\"button\"\n                  class=\"le-popover-close\"\n                  onClick={() => this.hide()}\n                  aria-label=\"Close\"\n                >\n                  ×\n                </button>\n              )}\n            </div>\n          )}\n          <div class=\"le-popover-body\" part=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/le-popup/le-popup.api.js

@@ -71,7 +71,7 @@ export async function lePrompt(message, options = {}) {
     document.body.appendChild(popup);
     const result = await popup.show();
     popup.remove();
-    return result.confirmed ? (result.value ?? '') : null;
+    return result.confirmed ? result.value ?? '' : null;
 }
 /**
  * Create a popup element with the given configuration
@@ -80,6 +80,7 @@ function createPopupElement(message, options) {
     const popup = document.createElement('le-popup');
     popup.message = message;
     popup.type = options.type || 'alert';
+    popup.mode = 'default';
     if (options.title)
         popup.popupTitle = options.title;
     if (options.modal !== undefined)

package/dist/collection/components/le-popup/le-popup.api.js.map

@@ -1 +1 @@
-{"version":3,"file":"le-popup.api.js","sourceRoot":"","sources":["../../../src/components/le-popup/le-popup.api.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAqCH;;;;;;;;;GASG;AACH,MAAM,CAAC,KAAK,UAAU,OAAO,CAAC,OAAe,EAAE,UAAwB,EAAE;IACvE,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IACzE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;IACnB,KAAK,CAAC,MAAM,EAAE,CAAC;AACjB,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,OAAe,EAAE,UAAwB,EAAE;IACzE,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAC3E,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;IAClC,KAAK,CAAC,MAAM,EAAE,CAAC;IAEf,OAAO,MAAM,CAAC,SAAS,CAAC;AAC1B,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAC,OAAe,EAAE,UAAwB,EAAE;IACxE,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC1E,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;IAClC,KAAK,CAAC,MAAM,EAAE,CAAC;IAEf,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACxD,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CAAC,OAAe,EAAE,OAAqB;IAChE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAuB,CAAC;IAEvE,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC;IAErC,IAAI,OAAO,CAAC,KAAK;QAAE,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC;IACpD,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS;QAAE,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;IAC7D,IAAI,OAAO,CAAC,QAAQ;QAAE,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IACxD,IAAI,OAAO,CAAC,WAAW;QAAE,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IACjE,IAAI,OAAO,CAAC,UAAU;QAAE,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;IAC9D,IAAI,OAAO,CAAC,WAAW;QAAE,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IACjE,IAAI,OAAO,CAAC,YAAY;QAAE,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;IACpE,IAAI,OAAO,CAAC,KAAK;QAAE,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAE9D,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["/**\n * Programmatic API for le-popup component\n * \n * These functions allow you to show popups without manually creating elements.\n * \n * @example\n * // Alert\n * await leAlert('Something happened!');\n * \n * // Confirm\n * const confirmed = await leConfirm('Are you sure?');\n * if (confirmed) { ... }\n * \n * // Prompt\n * const name = await lePrompt('What is your name?');\n * if (name !== null) { ... }\n */\n\nimport type { PopupType, PopupPosition, PopupResult } from './le-popup';\n\n/**\n * Options for programmatic popup functions\n */\nexport interface PopupOptions {\n  title?: string;\n  type?: PopupType;\n  modal?: boolean;\n  position?: PopupPosition;\n  confirmText?: string;\n  cancelText?: string;\n  placeholder?: string;\n  defaultValue?: string;\n  theme?: string;\n}\n\n/**\n * Interface for the le-popup custom element\n */\ninterface HTMLLePopupElement extends HTMLElement {\n  open: boolean;\n  type: PopupType;\n  popupTitle?: string;\n  message?: string;\n  modal: boolean;\n  position: PopupPosition;\n  confirmText: string;\n  cancelText: string;\n  placeholder: string;\n  defaultValue: string;\n  show(): Promise<PopupResult>;\n  hide(confirmed?: boolean): Promise<void>;\n}\n\n/**\n * Show an alert popup with a message\n * @param message - The message to display\n * @param options - Optional configuration\n * @returns Promise that resolves when closed\n * \n * @example\n * await leAlert('File saved successfully!');\n * await leAlert('Error occurred', { title: 'Error', theme: 'dark' });\n */\nexport async function leAlert(message: string, options: PopupOptions = {}): Promise<void> {\n  const popup = createPopupElement(message, { ...options, type: 'alert' });\n  document.body.appendChild(popup);\n  \n  await popup.show();\n  popup.remove();\n}\n\n/**\n * Show a confirm popup with OK/Cancel buttons\n * @param message - The message to display\n * @param options - Optional configuration\n * @returns Promise that resolves to true (confirmed) or false (cancelled)\n * \n * @example\n * const confirmed = await leConfirm('Delete this item?');\n * if (confirmed) {\n *   deleteItem();\n * }\n */\nexport async function leConfirm(message: string, options: PopupOptions = {}): Promise<boolean> {\n  const popup = createPopupElement(message, { ...options, type: 'confirm' });\n  document.body.appendChild(popup);\n  \n  const result = await popup.show();\n  popup.remove();\n  \n  return result.confirmed;\n}\n\n/**\n * Show a prompt popup with an input field\n * @param message - The message to display\n * @param options - Optional configuration (including defaultValue, placeholder)\n * @returns Promise that resolves to the input value or null if cancelled\n * \n * @example\n * const name = await lePrompt('Enter your name:', { \n *   title: 'Welcome',\n *   placeholder: 'John Doe',\n *   defaultValue: 'Guest'\n * });\n * if (name !== null) {\n *   greetUser(name);\n * }\n */\nexport async function lePrompt(message: string, options: PopupOptions = {}): Promise<string | null> {\n  const popup = createPopupElement(message, { ...options, type: 'prompt' });\n  document.body.appendChild(popup);\n  \n  const result = await popup.show();\n  popup.remove();\n  \n  return result.confirmed ? (result.value ?? '') : null;\n}\n\n/**\n * Create a popup element with the given configuration\n */\nfunction createPopupElement(message: string, options: PopupOptions): HTMLLePopupElement {\n  const popup = document.createElement('le-popup') as HTMLLePopupElement;\n  \n  popup.message = message;\n  popup.type = options.type || 'alert';\n  \n  if (options.title) popup.popupTitle = options.title;\n  if (options.modal !== undefined) popup.modal = options.modal;\n  if (options.position) popup.position = options.position;\n  if (options.confirmText) popup.confirmText = options.confirmText;\n  if (options.cancelText) popup.cancelText = options.cancelText;\n  if (options.placeholder) popup.placeholder = options.placeholder;\n  if (options.defaultValue) popup.defaultValue = options.defaultValue;\n  if (options.theme) popup.setAttribute('theme', options.theme);\n  \n  return popup;\n}\n"]}
+{"version":3,"file":"le-popup.api.js","sourceRoot":"","sources":["../../../src/components/le-popup/le-popup.api.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAuCH;;;;;;;;;GASG;AACH,MAAM,CAAC,KAAK,UAAU,OAAO,CAAC,OAAe,EAAE,UAAwB,EAAE;IACvE,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IACzE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;IACnB,KAAK,CAAC,MAAM,EAAE,CAAC;AACjB,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,OAAe,EAAE,UAAwB,EAAE;IACzE,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAC3E,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;IAClC,KAAK,CAAC,MAAM,EAAE,CAAC;IAEf,OAAO,MAAM,CAAC,SAAS,CAAC;AAC1B,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,KAAK,UAAU,QAAQ,CAC5B,OAAe,EACf,UAAwB,EAAE;IAE1B,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC1E,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;IAClC,KAAK,CAAC,MAAM,EAAE,CAAC;IAEf,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AACtD,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CAAC,OAAe,EAAE,OAAqB;IAChE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAuB,CAAC;IAEvE,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC;IACrC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;IAEvB,IAAI,OAAO,CAAC,KAAK;QAAE,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC;IACpD,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS;QAAE,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;IAC7D,IAAI,OAAO,CAAC,QAAQ;QAAE,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IACxD,IAAI,OAAO,CAAC,WAAW;QAAE,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IACjE,IAAI,OAAO,CAAC,UAAU;QAAE,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;IAC9D,IAAI,OAAO,CAAC,WAAW;QAAE,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IACjE,IAAI,OAAO,CAAC,YAAY;QAAE,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;IACpE,IAAI,OAAO,CAAC,KAAK;QAAE,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAE9D,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["/**\n * Programmatic API for le-popup component\n *\n * These functions allow you to show popups without manually creating elements.\n *\n * @example\n * // Alert\n * await leAlert('Something happened!');\n *\n * // Confirm\n * const confirmed = await leConfirm('Are you sure?');\n * if (confirmed) { ... }\n *\n * // Prompt\n * const name = await lePrompt('What is your name?');\n * if (name !== null) { ... }\n */\n\nimport { LeKitMode } from '../..';\nimport type { PopupType, PopupPosition, PopupResult } from './le-popup';\n\n/**\n * Options for programmatic popup functions\n */\nexport interface PopupOptions {\n  title?: string;\n  type?: PopupType;\n  modal?: boolean;\n  position?: PopupPosition;\n  confirmText?: string;\n  cancelText?: string;\n  placeholder?: string;\n  defaultValue?: string;\n  theme?: string;\n}\n\n/**\n * Interface for the le-popup custom element\n */\ninterface HTMLLePopupElement extends HTMLElement {\n  open: boolean;\n  type: PopupType;\n  mode: LeKitMode;\n  popupTitle?: string;\n  message?: string;\n  modal: boolean;\n  position: PopupPosition;\n  confirmText: string;\n  cancelText: string;\n  placeholder: string;\n  defaultValue: string;\n  show(): Promise<PopupResult>;\n  hide(confirmed?: boolean): Promise<void>;\n}\n\n/**\n * Show an alert popup with a message\n * @param message - The message to display\n * @param options - Optional configuration\n * @returns Promise that resolves when closed\n *\n * @example\n * await leAlert('File saved successfully!');\n * await leAlert('Error occurred', { title: 'Error', theme: 'dark' });\n */\nexport async function leAlert(message: string, options: PopupOptions = {}): Promise<void> {\n  const popup = createPopupElement(message, { ...options, type: 'alert' });\n  document.body.appendChild(popup);\n\n  await popup.show();\n  popup.remove();\n}\n\n/**\n * Show a confirm popup with OK/Cancel buttons\n * @param message - The message to display\n * @param options - Optional configuration\n * @returns Promise that resolves to true (confirmed) or false (cancelled)\n *\n * @example\n * const confirmed = await leConfirm('Delete this item?');\n * if (confirmed) {\n *   deleteItem();\n * }\n */\nexport async function leConfirm(message: string, options: PopupOptions = {}): Promise<boolean> {\n  const popup = createPopupElement(message, { ...options, type: 'confirm' });\n  document.body.appendChild(popup);\n\n  const result = await popup.show();\n  popup.remove();\n\n  return result.confirmed;\n}\n\n/**\n * Show a prompt popup with an input field\n * @param message - The message to display\n * @param options - Optional configuration (including defaultValue, placeholder)\n * @returns Promise that resolves to the input value or null if cancelled\n *\n * @example\n * const name = await lePrompt('Enter your name:', {\n *   title: 'Welcome',\n *   placeholder: 'John Doe',\n *   defaultValue: 'Guest'\n * });\n * if (name !== null) {\n *   greetUser(name);\n * }\n */\nexport async function lePrompt(\n  message: string,\n  options: PopupOptions = {},\n): Promise<string | null> {\n  const popup = createPopupElement(message, { ...options, type: 'prompt' });\n  document.body.appendChild(popup);\n\n  const result = await popup.show();\n  popup.remove();\n\n  return result.confirmed ? result.value ?? '' : null;\n}\n\n/**\n * Create a popup element with the given configuration\n */\nfunction createPopupElement(message: string, options: PopupOptions): HTMLLePopupElement {\n  const popup = document.createElement('le-popup') as HTMLLePopupElement;\n\n  popup.message = message;\n  popup.type = options.type || 'alert';\n  popup.mode = 'default';\n\n  if (options.title) popup.popupTitle = options.title;\n  if (options.modal !== undefined) popup.modal = options.modal;\n  if (options.position) popup.position = options.position;\n  if (options.confirmText) popup.confirmText = options.confirmText;\n  if (options.cancelText) popup.cancelText = options.cancelText;\n  if (options.placeholder) popup.placeholder = options.placeholder;\n  if (options.defaultValue) popup.defaultValue = options.defaultValue;\n  if (options.theme) popup.setAttribute('theme', options.theme);\n\n  return popup;\n}\n"]}

package/dist/collection/components/le-popup/le-popup.js

@@ -15,6 +15,10 @@ import { h } from "@stencil/core";
  */
 export class LePopup {
     el;
+    /**
+     * The mode of the Le Kit (e.g., 'default' or 'admin')
+     */
+    mode = 'default';
     /**
      * Whether the popup is currently visible
      */
@@ -101,7 +105,7 @@ export class LePopup {
      * Opens the popup and returns a promise that resolves when closed
      */
     async show() {
-        return new Promise((resolve) => {
+        return new Promise(resolve => {
             this.resolvePromise = resolve;
             this.inputValue = this.defaultValue;
             this.open = true;
@@ -160,10 +164,10 @@ export class LePopup {
         // Check if click was on the dialog backdrop (outside the dialog box)
         if (this.closeOnBackdrop && e.target === this.dialogEl) {
             const rect = this.dialogEl.getBoundingClientRect();
-            const clickedInDialog = (e.clientX >= rect.left &&
+            const clickedInDialog = e.clientX >= rect.left &&
                 e.clientX <= rect.right &&
                 e.clientY >= rect.top &&
-                e.clientY <= rect.bottom);
+                e.clientY <= rect.bottom;
             if (!clickedInDialog) {
                 this.handleCancel();
             }
@@ -191,7 +195,7 @@ export class LePopup {
         return null;
     }
     renderBody() {
-        return (h("div", { class: "le-popup-body", part: "body" }, this.message && h("p", { class: "le-popup-message" }, this.message), this.type === 'prompt' && (h("input", { type: "text", class: "le-popup-input", part: "input", placeholder: this.placeholder, value: this.inputValue, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, ref: (el) => (this.inputEl = el) })), h("le-slot", { name: "", tag: "div", description: "Custom popup content", type: "slot" }, h("slot", null))));
+        return (h("div", { class: "le-popup-body", part: "body" }, this.message && h("p", { class: "le-popup-message" }, this.message), this.type === 'prompt' && (h("input", { type: "text", class: "le-popup-input", part: "input", placeholder: this.placeholder, value: this.inputValue, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, ref: el => (this.inputEl = el) })), h("le-slot", { name: "", tag: "div", description: "Custom popup content", type: "slot" }, h("slot", null))));
     }
     renderFooter() {
         if (this.hasSlot('footer')) {
@@ -205,7 +209,7 @@ export class LePopup {
     }
     render() {
         const positionClass = `le-popup-position-${this.position}`;
-        return (h("dialog", { key: '1c38c82d3f466449ff57f731fc22936a7e5af0eb', class: `le-popup-dialog ${positionClass}`, part: "dialog", ref: (el) => (this.dialogEl = el), onClick: this.handleBackdropClick }, h("le-component", { key: '8f82316129786f9fe17ae6cc5f5a8cf7cbc3a9b5', component: "le-popup" }, h("div", { key: 'e5fef42ae8b41ea52db123b4576849407be33c65', class: "le-popup-container", part: "container" }, this.renderHeader(), this.renderBody(), this.renderFooter()))));
+        return (h("dialog", { key: '20ac8e086b2999191c769a0ee03b1c1182103809', class: `le-popup-dialog ${positionClass}`, part: "dialog", ref: el => (this.dialogEl = el), onClick: this.handleBackdropClick }, h("le-component", { key: '468b1d737c2301b041c2a7a13afc658505f74c5b', component: "le-popup" }, h("div", { key: '829cad08439dc5d0b3f9c78092a46faa016bbec2', class: "le-popup-container", part: "container" }, this.renderHeader(), this.renderBody(), this.renderFooter()))));
     }
     static get is() { return "le-popup"; }
     static get encapsulation() { return "shadow"; }
@@ -221,6 +225,32 @@ export class LePopup {
     }
     static get properties() {
         return {
+            "mode": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "LeKitMode",
+                    "resolved": "string",
+                    "references": {
+                        "LeKitMode": {
+                            "location": "import",
+                            "path": "../../global/app",
+                            "id": "src/global/app.ts::LeKitMode"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The mode of the Le Kit (e.g., 'default' or 'admin')"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "mode",
+                "defaultValue": "'default'"
+            },
             "open": {
                 "type": "boolean",
                 "mutable": true,
@@ -250,7 +280,7 @@ export class LePopup {
                     "references": {
                         "PopupType": {
                             "location": "local",
-                            "path": "/Users/andreylechev/Projects/le-kit/src/components/le-popup/le-popup.tsx",
+                            "path": "/Users/leechy/Projects/le-kit/src/components/le-popup/le-popup.tsx",
                             "id": "src/components/le-popup/le-popup.tsx::PopupType"
                         }
                     }
@@ -334,7 +364,7 @@ export class LePopup {
                     "references": {
                         "PopupPosition": {
                             "location": "local",
-                            "path": "/Users/andreylechev/Projects/le-kit/src/components/le-popup/le-popup.tsx",
+                            "path": "/Users/leechy/Projects/le-kit/src/components/le-popup/le-popup.tsx",
                             "id": "src/components/le-popup/le-popup.tsx::PopupPosition"
                         }
                     }
@@ -475,7 +505,7 @@ export class LePopup {
                     "references": {
                         "PopupResult": {
                             "location": "local",
-                            "path": "/Users/andreylechev/Projects/le-kit/src/components/le-popup/le-popup.tsx",
+                            "path": "/Users/leechy/Projects/le-kit/src/components/le-popup/le-popup.tsx",
                             "id": "src/components/le-popup/le-popup.tsx::PopupResult"
                         }
                     }
@@ -496,7 +526,7 @@ export class LePopup {
                     "references": {
                         "PopupResult": {
                             "location": "local",
-                            "path": "/Users/andreylechev/Projects/le-kit/src/components/le-popup/le-popup.tsx",
+                            "path": "/Users/leechy/Projects/le-kit/src/components/le-popup/le-popup.tsx",
                             "id": "src/components/le-popup/le-popup.tsx::PopupResult"
                         }
                     }
@@ -532,7 +562,7 @@ export class LePopup {
                     "references": {
                         "PopupResult": {
                             "location": "local",
-                            "path": "/Users/andreylechev/Projects/le-kit/src/components/le-popup/le-popup.tsx",
+                            "path": "/Users/leechy/Projects/le-kit/src/components/le-popup/le-popup.tsx",
                             "id": "src/components/le-popup/le-popup.tsx::PopupResult"
                         }
                     }
@@ -552,7 +582,7 @@ export class LePopup {
                         },
                         "PopupResult": {
                             "location": "local",
-                            "path": "/Users/andreylechev/Projects/le-kit/src/components/le-popup/le-popup.tsx",
+                            "path": "/Users/leechy/Projects/le-kit/src/components/le-popup/le-popup.tsx",
                             "id": "src/components/le-popup/le-popup.tsx::PopupResult"
                         }
                     },
@@ -578,7 +608,7 @@ export class LePopup {
                         },
                         "PopupResult": {
                             "location": "local",
-                            "path": "/Users/andreylechev/Projects/le-kit/src/components/le-popup/le-popup.tsx",
+                            "path": "/Users/leechy/Projects/le-kit/src/components/le-popup/le-popup.tsx",
                             "id": "src/components/le-popup/le-popup.tsx::PopupResult"
                         }
                     },