le-kit 0.3.1 → 0.3.3

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

@@ -1 +1 @@
-{"version":3,"file":"le-bar.js","sourceRoot":"","sources":["../../../src/components/le-bar/le-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,EAEL,CAAC,EACD,OAAO,EACP,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAS3D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAMH,MAAM,OAAO,KAAK;IACL,EAAE,CAAc;IAE3B;;;;;;OAMG;IACsB,QAAQ,GAA6C,MAAM,CAAC;IAErF;;OAEG;IACsB,UAAU,GAA2C,OAAO,CAAC;IAEtF;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC;;;;;OAKG;IACK,cAAc,GAAY,KAAK,CAAC;IAExC;;;;;OAKG;IACK,WAAW,GAA8B,KAAK,CAAC;IAEvD;;OAEG;IACM,mBAAmB,CAA0C;IAEtE,iDAAiD;IAChC,WAAW,GAAY,KAAK,CAAC;IAE9C,gEAAgE;IAC/C,eAAe,GAAY,KAAK,CAAC;IAElD,wCAAwC;IACvB,cAAc,GAAgB,IAAI,GAAG,EAAE,CAAC;IAEzD,iCAAiC;IAChB,cAAc,GAAY,KAAK,CAAC;IAEjD,kCAAkC;IACjB,YAAY,GAAY,KAAK,CAAC;IAE/C,2CAA2C;IAC1B,WAAW,GAAY,KAAK,CAAC;IAE9C,oEAAoE;IACnD,eAAe,GAAkB,IAAI,CAAC;IAE/C,gBAAgB,CAAe;IAC/B,YAAY,CAAe;IAE3B,cAAc,CAAkB;IAChC,gBAAgB,CAAoB;IACpC,UAAU,GAAW,UAAU,CAAC,QAAQ,CAAC,CAAC;IAElD,2CAA2C;IACnC,OAAO,GAA6B,IAAI,GAAG,EAAE,CAAC;IAEtD,oDAAoD;IAC5C,aAAa,GAAkB,IAAI,CAAC;IAG5C,oBAAoB;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAGD,gBAAgB;QACd,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED,kBAAkB;QAChB,oDAAoD;QACpD,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAC;IACtC,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,WAAW;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEO,cAAc;QACpB,4CAA4C;QAC5C,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC1C,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBAC5C,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,CAAC,CAAC,CAAC;QACL,CAAC;QAED,qCAAqC;QACrC,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YAChD,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE;YACrC,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,KAAK;SACf,CAAC,CAAC;IACL,CAAC;IAEO,gBAAgB,CAAC,EAAgB;QACvC,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO;QACjC,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;QACjC,IAAI,EAAE;YAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC1C,CAAC;IAEO,sBAAsB;QAC5B,oDAAoD;QACpD,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,EAAE,CAAC;YAChC,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC3C,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,qBAAqB,CAAC,GAAG,EAAE;YAC9C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,cAAc,GAAG,IAAI,GAAG,EAAE,CAAC;QAChC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAEO,eAAe;QACrB,yEAAyE;QACzE,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,MAAM,CACxC,CAAC,EAAE,EAAqB,EAAE,CAAC,EAAE,YAAY,WAAW,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CACjF,CAAC;IACJ,CAAC;IAEO,SAAS,CAAC,EAAe,EAAE,KAAa;QAC9C,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,GAAG,IAAI,CAAC,UAAU,SAAS,KAAK,EAAE,CAAC;IACzE,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC3D,oDAAoD;YACpD,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACxC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,wBAAwB;QACxB,SAAS,CAAC,YAAY,CAAC;QAEvB,iBAAiB;QACjB,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACrB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACvC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,oEAAoE;QACpE,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YAC5C,IAAI;YACJ,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;YAC/B,IAAI,EAAE,IAAI,CAAC,qBAAqB,EAAE;SACnC,CAAC,CAAC,CAAC;QAEJ,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,wEAAwE;QACxE,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;QACxD,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;QACrE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;QAEtC,6DAA6D;QAC7D,iDAAiD;QACjD,MAAM,SAAS,GAAG,EAAE,CAAC;QACrB,MAAM,aAAa,GAAG,SAAS,CAAC,MAAM,CACpC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,IAAI,MAAM,GAAG,SAAS,CAC1D,CAAC;QACF,MAAM,aAAa,GAAG,SAAS,CAAC,MAAM,CACpC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,GAAG,MAAM,GAAG,SAAS,CACzD,CAAC;QAEF,wCAAwC;QACxC,MAAM,cAAc,GAClB,aAAa,CAAC,MAAM,GAAG,CAAC;YACtB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;YACxE,CAAC,CAAC,CAAC,CAAC;QAER,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,EAAE,CAAC;YAClC,iEAAiE;YACjE,MAAM,eAAe,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;YAEjD,IAAI,eAAe,KAAK,IAAI,CAAC,eAAe,EAAE,CAAC;gBAC7C,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;gBACvC,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,CAAC;YAED,yEAAyE;YACzE,IAAI,eAAe,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;gBAC1C,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;YACxC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC9B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,cAAc;YACd,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAEhE,sDAAsD;YACtD,IAAI,iBAAiB,CAAC,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACpD,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC;gBAC3D,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC;gBAEjD,0EAA0E;gBAC1E,IAAI,OAAO,GAAG,MAAM,GAAG,SAAS,EAAE,CAAC;oBACjC,qDAAqD;oBACrD,MAAM,WAAW,GAAG,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oBAC5D,IAAI,WAAW,EAAE,CAAC;wBAChB,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;oBACxC,CAAC;gBACH,CAAC;YACH,CAAC;YAED,kCAAkC;YAClC,MAAM,UAAU,GACd,iBAAiB,CAAC,IAAI,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI;gBACnD,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YAEnE,IAAI,UAAU,EAAE,CAAC;gBACf,IAAI,CAAC,cAAc,GAAG,iBAAiB,CAAC;gBACxC,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,CAAC;YAED,8CAA8C;YAC9C,IAAI,CAAC,iBAAiB,EAAE,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;gBAC7D,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;YACxC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC9B,CAAC;QACH,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;YAC5B,cAAc,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC;YAChD,eAAe,EAAE,IAAI,CAAC,eAAe;SACtC,CAAC,CAAC;IACL,CAAC;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACzD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAC5B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,MAAM,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACjC,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC;QACxC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC;IAC1E,CAAC;IAEO,YAAY,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC,CAAC;IAEM,aAAa,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAEnC,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAExC,gDAAgD;QAChD,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC;QAC3C,IAAI,YAAY,GAAG,CAAC,CAAC;QAErB,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACtB,qEAAqE;YACrE,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC;YAExD,mEAAmE;YACnE,IAAI,QAAQ,GAAG,aAAa,GAAG,CAAC,EAAE,CAAC;gBACjC,YAAY,GAAG,QAAQ,CAAC;gBACxB,MAAM;YACR,CAAC;QACH,CAAC;QAED,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QAE/D,sCAAsC;QACtC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,GAAG,CAAC,CAAC;IAClD,CAAC,CAAC;IAEM,WAAW,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAEnC,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACxC,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAErC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAE/B,MAAM,cAAc,GAAG,SAAS,CAAC,WAAW,CAAC;QAC7C,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC;QAE3C,IAAI,YAAY,GAAG,SAAS,CAAC,WAAW,GAAG,cAAc,CAAC;QAE1D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,oDAAoD;YACpD,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC;YAExD,6EAA6E;YAC7E,IAAI,QAAQ,GAAG,aAAa,GAAG,CAAC,EAAE,CAAC;gBACjC,YAAY,GAAG,QAAQ,CAAC;gBACxB,MAAM;YACR,CAAC;QACH,CAAC;QAED,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QAE5E,sCAAsC;QACtC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,GAAG,CAAC,CAAC;IAClD,CAAC,CAAC;IAEM,aAAa,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC,CAAC;IAEM,YAAY,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC,CAAC;IAEM,aAAa,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC,CAAC;IAEM,YAAY,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC,CAAC;IAEM,eAAe,GAAG,CAAC,EAAc,EAAE,EAAU,EAAE,EAAE;QACvD,+CAA+C;QAC/C,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAE1C,IAAI,YAAY,EAAE,CAAC;YACjB,uCAAuC;YACvC,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE;gBACzC,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,IAAI,EAAE,MAAM;aACb,CAAC,CAAC;YACH,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACzC,CAAC;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC,CAAC;IAEM,gBAAgB;QACtB,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QAE9D,OAAO,CACL,cACE,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,aAAa,EAClB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EACnC,OAAO,EAAE,IAAI,CAAC,aAAa,mBACZ,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,mBACzB,MAAM,IAEnB,cAAc,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,eAAS,IAAI,EAAC,qBAAqB,GAAG,CACxE,CACV,CAAC;IACJ,CAAC;IAEO,qBAAqB;QAC3B,MAAM,mBAAmB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAExE,OAAO,CACL,cACE,KAAK,EAAC,sBAAsB,EAC5B,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAE,IAAI,CAAC,aAAa,mBACZ,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,mBACzB,MAAM,IAEnB,mBAAmB,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,WAAW,GAAG,CAAC,CAAC,CAAC,eAAS,IAAI,EAAC,WAAW,GAAG,CACxE,CACV,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC;QAE5D,MAAM,oBAAoB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAC3E,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAEvE,OAAO;YACL,cACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,iBAAiB,EAAE;oBAChD,QAAQ,EAAE,CAAC,IAAI,CAAC,cAAc;iBAC/B,CAAC,EACF,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,QAAQ,EAAE,CAAC,IAAI,CAAC,cAAc,gBACnB,iBAAiB,IAE3B,oBAAoB,CAAC,CAAC,CAAC,CACtB,YAAM,IAAI,EAAC,aAAa,GAAG,CAC5B,CAAC,CAAC,CAAC,CACF,eAAS,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,kBAAkB,GAAG,CACzD,CACM;YACT,cACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,eAAe,EAAE;oBAC9C,QAAQ,EAAE,CAAC,IAAI,CAAC,YAAY;iBAC7B,CAAC,EACF,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,CAAC,IAAI,CAAC,YAAY,gBACjB,eAAe,IAEzB,kBAAkB,CAAC,CAAC,CAAC,CACpB,YAAM,IAAI,EAAC,WAAW,GAAG,CAC1B,CAAC,CAAC,CAAC,CACF,eAAS,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,gBAAgB,GAAG,CACvD,CACM;SACV,CAAC;IACJ,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAC;QAEnC,MAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAErE,OAAO,CACL,cACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,IAAI,CAAC,aAAa,mBACZ,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,mBACzB,MAAM,IAEnB,iBAAiB,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,UAAU,GAAG,CAAC,CAAC,CAAC,eAAS,IAAI,EAAC,WAAW,GAAG,CACrE,CACV,CAAC;IACJ,CAAC;IAEO,oBAAoB,CAAC,WAAgD;QAC3E,OAAO,CACL,WAAK,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,iBAAiB,IACpD,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACjC,WACE,KAAK,EAAC,kBAAkB,EACxB,GAAG,EAAE,EAAE,EACP,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,EAAE,CAAC,EACvD,SAAS,EAAE,IAAI,CAAC,SAAS,GACzB,CACH,CAAC,CACE,CACP,CAAC;IACJ,CAAC;IAEO,qBAAqB;QAC3B,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW;YAAE,OAAO,IAAI,CAAC;QAE3E,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,IAAI,WAAW,GAAwC,EAAE,CAAC;QAE1D,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1D,mCAAmC;YACnC,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBACxC,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;gBAC/B,IAAI;aACL,CAAC,CAAC,CAAC;QACN,CAAC;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5E,8BAA8B;YAC9B,WAAW,GAAG,KAAK;iBAChB,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBACrB,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;gBAC/B,IAAI;aACL,CAAC,CAAC;iBACF,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QACtD,CAAC;QAED,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAE1C,OAAO,CACL,kBACE,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,KAAK,EACX,SAAS,EAAE,KAAK,EAChB,mBAAmB,EAAE,IAAI,EACzB,aAAa,EAAE,IAAI,EACnB,gBAAgB,EAAE,IAAI,CAAC,YAAY;YAEnC,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,sBAAsB,IAC7C,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,CACnF;YACL,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAC5B,CACd,CAAC;IACJ,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAC;QAEnC,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACrC,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YAC9C,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;YAC/B,IAAI;SACL,CAAC,CAAC,CAAC;QAEJ,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;QAEhE,OAAO,CACL,kBACE,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,KAAK,EAChB,mBAAmB,EAAE,IAAI,EACzB,aAAa,EAAE,IAAI,EACnB,gBAAgB,EAAE,IAAI,CAAC,YAAY;YAEnC,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,sBAAsB,IAC7C,IAAI,CAAC,mBAAmB,EAAE,CACvB;YACL,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAC5B,CACd,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,kBAAkB,GACtB,CAAC,IAAI,CAAC,cAAc;YACpB,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;gBACjE,CAAC,IAAI,CAAC,QAAQ,KAAK,WAAW,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;QAE7D,MAAM,cAAc,GAA8B,EAAE,CAAC;QACrD,IACE,IAAI,CAAC,eAAe,KAAK,IAAI;YAC7B,CAAC,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,EAC3D,CAAC;YACD,cAAc,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,IAAI,CAAC;QACtD,CAAC;QAED,MAAM,kBAAkB,GAAG,IAAI,CAAC,WAAW,KAAK,OAAO,CAAC;QACxD,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,KAAK,IAAI,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,CAAC;QAEjF,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,UAAU,CAAC;gBAChB,eAAe,EAAE,IAAI,CAAC,QAAQ,KAAK,MAAM;gBACzC,iBAAiB,EAAE,IAAI,CAAC,QAAQ,KAAK,QAAQ;gBAC7C,oBAAoB,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW;gBACnD,eAAe,EAAE,IAAI,CAAC,QAAQ,KAAK,MAAM;gBACzC,kBAAkB,EAAE,IAAI,CAAC,eAAe;gBACxC,cAAc,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,eAAe;aAC7E,CAAC;YAEF,4DACE,KAAK,EAAE,UAAU,CAAC,eAAe,EAAE;oBACjC,CAAC,SAAS,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;iBACnC,CAAC,EACF,IAAI,EAAC,WAAW;gBAGf,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,IAAI,CAC5C,4DAAK,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAO,CACpF;gBAEA,kBAAkB,IAAI,CACrB,4DAAK,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,oBAAoB,EAAE,CAAO,CACjF;gBAGD,4DACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE;wBAC7B,eAAe,EAAE,IAAI,CAAC,QAAQ,KAAK,QAAQ;wBAC3C,aAAa,EAAE,IAAI,CAAC,QAAQ,KAAK,MAAM;qBACxC,CAAC,EACF,KAAK,EAAE,cAAc,EACrB,GAAG,EAAE,EAAE,CAAC,EAAE;wBACR,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;wBAC3B,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;oBAC5B,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;oBAEpE,8DAAQ,CACJ;gBAGL,kBAAkB,IAAI,CACrB,4DAAK,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,qBAAqB,EAAE,CAAO,CAChF;gBAEA,gBAAgB,IAAI,CACnB,4DAAK,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,oBAAoB,EAAE,CAAO,CAC/E;gBAEA,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,IAAI,CAC5C,4DAAK,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAO,CAClF,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  h,\n  Element,\n  Watch,\n  Host,\n  Method,\n  Listen,\n} from '@stencil/core';\nimport { classnames, generateId } from '../../utils/utils';\n\nexport interface LeBarOverflowChangeDetail {\n  /** IDs of items that are currently overflowing (in the \"more\" popover) */\n  overflowingIds: string[];\n  /** Whether hamburger mode is active */\n  hamburgerActive: boolean;\n}\n\n/**\n * A flexible bar component that handles overflow gracefully.\n *\n * Items are slotted children. The bar measures which items fit on the first\n * row and handles overflow according to the `overflow` prop.\n *\n * @slot - Bar items (children will be measured for overflow)\n * @slot more - Custom \"more\" button content\n * @slot hamburger - Custom hamburger button content\n * @slot start-arrow - Custom left scroll arrow\n * @slot end-arrow - Custom right scroll arrow\n * @slot all-menu - Custom \"show all\" menu button\n *\n * @csspart container - The main bar container\n * @csspart item - Individual items in the bar\n * @csspart more-button - The \"more\" overflow button\n * @csspart hamburger-button - The hamburger menu button\n * @csspart arrow-start - The start (left) scroll arrow\n * @csspart arrow-end - The end (right) scroll arrow\n * @csspart all-menu-button - The \"show all\" menu button\n * @csspart popover-content - The popover content wrapper\n *\n * @cmsEditable true\n * @cmsCategory Layout\n */\n@Component({\n  tag: 'le-bar',\n  styleUrl: 'le-bar.css',\n  shadow: true,\n})\nexport class LeBar {\n  @Element() el: HTMLElement;\n\n  /**\n   * Overflow behavior when items don't fit on one row.\n   * - `more`: Overflow items appear in a \"more\" dropdown\n   * - `scroll`: Items scroll horizontally with optional arrows\n   * - `hamburger`: All items go into a hamburger menu if any overflow\n   * - `wrap`: Items wrap to additional rows\n   */\n  @Prop({ reflect: true }) overflow: 'more' | 'scroll' | 'hamburger' | 'wrap' = 'more';\n\n  /**\n   * Alignment of items within the bar (maps to justify-content).\n   */\n  @Prop({ reflect: true }) alignItems: 'start' | 'end' | 'center' | 'stretch' = 'start';\n\n  /**\n   * Show scroll arrows when overflow is \"scroll\".\n   */\n  @Prop() arrows: boolean = false;\n\n  /**\n   * Disable the internal overflow popover.\n   * When true, the bar still detects overflow and hides items,\n   * but doesn't render its own popover. Use this when providing\n   * custom overflow handling via the leBarOverflowChange event.\n   */\n  @Prop() disablePopover: boolean = false;\n\n  /**\n   * Show an \"all items\" menu button.\n   * - `false`: Don't show\n   * - `true` or `'end'`: Show at end\n   * - `'start'`: Show at start\n   */\n  @Prop() showAllMenu: boolean | 'start' | 'end' = false;\n\n  /**\n   * Emitted when overflow state changes.\n   */\n  @Event() leBarOverflowChange: EventEmitter<LeBarOverflowChangeDetail>;\n\n  /** Whether the hamburger/more popover is open */\n  @State() private popoverOpen: boolean = false;\n\n  /** Whether hamburger mode is active (for hamburger overflow) */\n  @State() private hamburgerActive: boolean = false;\n\n  /** IDs of items that are overflowing */\n  @State() private overflowingIds: Set<string> = new Set();\n\n  /** Whether we can scroll left */\n  @State() private canScrollStart: boolean = false;\n\n  /** Whether we can scroll right */\n  @State() private canScrollEnd: boolean = false;\n\n  /** Whether the all-menu popover is open */\n  @State() private allMenuOpen: boolean = false;\n\n  /** Current height of the items container (for overflow handling) */\n  @State() private containerHeight: number | null = null;\n\n  private itemsContainerEl?: HTMLElement;\n  private moreButtonEl?: HTMLElement;\n\n  private resizeObserver?: ResizeObserver;\n  private mutationObserver?: MutationObserver;\n  private instanceId: string = generateId('le-bar');\n\n  // Map to track item elements and their IDs\n  private itemMap: Map<string, HTMLElement> = new Map();\n\n  // Prevent multiple recalculations in the same frame\n  private pendingRecalc: number | null = null;\n\n  @Watch('overflow')\n  handleOverflowChange() {\n    this.resetOverflowState();\n    this.scheduleOverflowRecalc();\n  }\n\n  @Listen('slotchange')\n  handleSlotChange() {\n    this.scheduleOverflowRecalc();\n  }\n\n  connectedCallback() {\n    this.setupObservers();\n  }\n\n  componentDidLoad() {\n    this.scheduleOverflowRecalc();\n  }\n\n  componentDidRender() {\n    // Recalculate after render in case children changed\n    this.scheduleOverflowRecalc();\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n    this.mutationObserver?.disconnect();\n  }\n\n  /**\n   * Force recalculation of overflow state.\n   */\n  @Method()\n  async recalculate() {\n    this.computeOverflow();\n  }\n\n  private setupObservers() {\n    // ResizeObserver for container size changes\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => {\n        this.computeOverflow();\n        this.updateScrollState();\n      });\n    }\n\n    // MutationObserver for child changes\n    this.mutationObserver = new MutationObserver(() => {\n      this.scheduleOverflowRecalc();\n    });\n\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: false,\n    });\n  }\n\n  private observeContainer(el?: HTMLElement) {\n    if (!this.resizeObserver) return;\n    this.resizeObserver.disconnect();\n    if (el) this.resizeObserver.observe(el);\n  }\n\n  private scheduleOverflowRecalc() {\n    // Debounce recalculations to prevent infinite loops\n    if (this.pendingRecalc !== null) {\n      cancelAnimationFrame(this.pendingRecalc);\n    }\n    this.pendingRecalc = requestAnimationFrame(() => {\n      this.pendingRecalc = null;\n      this.computeOverflow();\n    });\n  }\n\n  private resetOverflowState() {\n    this.hamburgerActive = false;\n    this.overflowingIds = new Set();\n    this.containerHeight = null;\n    this.popoverOpen = false;\n  }\n\n  private getSlottedItems(): HTMLElement[] {\n    // Get direct children from the light DOM (excluding named slot elements)\n    return Array.from(this.el.children).filter(\n      (el): el is HTMLElement => el instanceof HTMLElement && !el.hasAttribute('slot'),\n    );\n  }\n\n  private getItemId(el: HTMLElement, index: number): string {\n    return el.id || el.dataset.barId || `${this.instanceId}-item-${index}`;\n  }\n\n  private computeOverflow() {\n    if (this.overflow === 'wrap' || this.overflow === 'scroll') {\n      // No overflow handling needed for wrap/scroll modes\n      this.resetOverflowState();\n      this.updateScrollState();\n      return;\n    }\n\n    const container = this.itemsContainerEl;\n    if (!container) return;\n\n    const items = this.getSlottedItems();\n    if (items.length === 0) {\n      this.resetOverflowState();\n      return;\n    }\n\n    // Force a layout recalc\n    container.offsetHeight;\n\n    // Build item map\n    this.itemMap.clear();\n    items.forEach((item, index) => {\n      const id = this.getItemId(item, index);\n      this.itemMap.set(id, item);\n    });\n\n    // Get the position of items to determine which are on the first row\n    const itemRects = items.map((item, index) => ({\n      item,\n      id: this.getItemId(item, index),\n      rect: item.getBoundingClientRect(),\n    }));\n\n    if (itemRects.length === 0) {\n      return;\n    }\n\n    // Find the first row's top position (accounting for vertical alignment)\n    const containerRect = container.getBoundingClientRect();\n    const topValues = itemRects.map(i => i.rect.top - containerRect.top);\n    const minTop = Math.min(...topValues);\n\n    // Items are on the first row if their top is close to minTop\n    // Allow some tolerance for alignment differences\n    const tolerance = 15;\n    const firstRowItems = itemRects.filter(\n      i => i.rect.top - containerRect.top <= minTop + tolerance,\n    );\n    const overflowItems = itemRects.filter(\n      i => i.rect.top - containerRect.top > minTop + tolerance,\n    );\n\n    // Calculate the height of the first row\n    const firstRowBottom =\n      firstRowItems.length > 0\n        ? Math.max(...firstRowItems.map(i => i.rect.bottom - containerRect.top))\n        : 0;\n\n    if (this.overflow === 'hamburger') {\n      // In hamburger mode, if ANY item overflows, all go into the menu\n      const shouldHamburger = overflowItems.length > 0;\n\n      if (shouldHamburger !== this.hamburgerActive) {\n        this.hamburgerActive = shouldHamburger;\n        this.emitOverflowChange();\n      }\n\n      // Set height to show only first row (or hide all if hamburger is active)\n      if (shouldHamburger && firstRowBottom > 0) {\n        this.containerHeight = firstRowBottom;\n      } else {\n        this.containerHeight = null;\n      }\n    } else {\n      // 'more' mode\n      const newOverflowingIds = new Set(overflowItems.map(i => i.id));\n\n      // Check if we need to make room for the \"more\" button\n      if (newOverflowingIds.size > 0 && this.moreButtonEl) {\n        const moreRect = this.moreButtonEl.getBoundingClientRect();\n        const moreTop = moreRect.top - containerRect.top;\n\n        // If \"more\" button is not on the first row, we need to hide one more item\n        if (moreTop > minTop + tolerance) {\n          // Find the last visible item and move it to overflow\n          const lastVisible = firstRowItems[firstRowItems.length - 1];\n          if (lastVisible) {\n            newOverflowingIds.add(lastVisible.id);\n          }\n        }\n      }\n\n      // Check if overflow state changed\n      const hasChanged =\n        newOverflowingIds.size !== this.overflowingIds.size ||\n        ![...newOverflowingIds].every(id => this.overflowingIds.has(id));\n\n      if (hasChanged) {\n        this.overflowingIds = newOverflowingIds;\n        this.emitOverflowChange();\n      }\n\n      // Set container height to show only first row\n      if ((newOverflowingIds?.size ?? 0) > 0 && firstRowBottom > 0) {\n        this.containerHeight = firstRowBottom;\n      } else {\n        this.containerHeight = null;\n      }\n    }\n  }\n\n  private emitOverflowChange() {\n    this.leBarOverflowChange.emit({\n      overflowingIds: [...(this.overflowingIds ?? [])],\n      hamburgerActive: this.hamburgerActive,\n    });\n  }\n\n  private updateScrollState() {\n    if (this.overflow !== 'scroll' || !this.itemsContainerEl) {\n      this.canScrollStart = false;\n      this.canScrollEnd = false;\n      return;\n    }\n\n    const el = this.itemsContainerEl;\n    this.canScrollStart = el.scrollLeft > 0;\n    this.canScrollEnd = el.scrollLeft < el.scrollWidth - el.clientWidth - 1;\n  }\n\n  private handleScroll = () => {\n    this.updateScrollState();\n  };\n\n  private scrollToStart = () => {\n    if (!this.itemsContainerEl) return;\n\n    const items = this.getSlottedItems();\n    const container = this.itemsContainerEl;\n\n    // Find the scroll position of the previous item\n    const currentScroll = container.scrollLeft;\n    let targetScroll = 0;\n\n    for (let i = items.length - 1; i >= 0; i--) {\n      const item = items[i];\n      // Calculate item's left edge relative to container's scroll position\n      const itemLeft = item.offsetLeft - container.offsetLeft;\n\n      // If this item starts before current scroll position, scroll to it\n      if (itemLeft < currentScroll - 1) {\n        targetScroll = itemLeft;\n        break;\n      }\n    }\n\n    container.scrollTo({ left: targetScroll, behavior: 'smooth' });\n\n    // Update scroll state after animation\n    setTimeout(() => this.updateScrollState(), 300);\n  };\n\n  private scrollToEnd = () => {\n    if (!this.itemsContainerEl) return;\n\n    const container = this.itemsContainerEl;\n    const items = this.getSlottedItems();\n\n    if (items.length === 0) return;\n\n    const containerWidth = container.clientWidth;\n    const currentScroll = container.scrollLeft;\n\n    let targetScroll = container.scrollWidth - containerWidth;\n\n    for (const item of items) {\n      // Calculate item's right edge relative to container\n      const itemLeft = item.offsetLeft - container.offsetLeft;\n\n      // If this is the next item to scroll to from left to right then scroll to it\n      if (itemLeft > currentScroll + 1) {\n        targetScroll = itemLeft;\n        break;\n      }\n    }\n\n    container.scrollTo({ left: Math.max(0, targetScroll), behavior: 'smooth' });\n\n    // Update scroll state after animation\n    setTimeout(() => this.updateScrollState(), 300);\n  };\n\n  private togglePopover = () => {\n    this.popoverOpen = !this.popoverOpen;\n  };\n\n  private closePopover = () => {\n    this.popoverOpen = false;\n  };\n\n  private toggleAllMenu = () => {\n    this.allMenuOpen = !this.allMenuOpen;\n  };\n\n  private closeAllMenu = () => {\n    this.allMenuOpen = false;\n  };\n\n  private handleItemClick = (_e: MouseEvent, id: string) => {\n    // Close popover when an item inside is clicked\n    const originalItem = this.itemMap.get(id);\n\n    if (originalItem) {\n      // Clone the click to the original item\n      const cloneEvent = new MouseEvent('click', {\n        bubbles: true,\n        cancelable: true,\n        view: window,\n      });\n      originalItem.dispatchEvent(cloneEvent);\n    }\n\n    this.closePopover();\n    this.closeAllMenu();\n  };\n\n  private renderMoreButton() {\n    const hasSlottedMore = this.el.querySelector('[slot=\"more\"]');\n\n    return (\n      <button\n        class=\"bar-more-button\"\n        part=\"more-button\"\n        ref={el => (this.moreButtonEl = el)}\n        onClick={this.togglePopover}\n        aria-expanded={String(this.popoverOpen)}\n        aria-haspopup=\"true\"\n      >\n        {hasSlottedMore ? <slot name=\"more\" /> : <le-icon name=\"ellipsis-horizontal\" />}\n      </button>\n    );\n  }\n\n  private renderHamburgerButton() {\n    const hasSlottedHamburger = this.el.querySelector('[slot=\"hamburger\"]');\n\n    return (\n      <button\n        class=\"bar-hamburger-button\"\n        part=\"hamburger-button\"\n        onClick={this.togglePopover}\n        aria-expanded={String(this.popoverOpen)}\n        aria-haspopup=\"true\"\n      >\n        {hasSlottedHamburger ? <slot name=\"hamburger\" /> : <le-icon name=\"hamburger\" />}\n      </button>\n    );\n  }\n\n  private renderScrollArrows() {\n    if (!this.arrows || this.overflow !== 'scroll') return null;\n\n    const hasSlottedStartArrow = this.el.querySelector('[slot=\"start-arrow\"]');\n    const hasSlottedEndArrow = this.el.querySelector('[slot=\"end-arrow\"]');\n\n    return [\n      <button\n        class={classnames('bar-arrow', 'bar-arrow-start', {\n          disabled: !this.canScrollStart,\n        })}\n        part=\"arrow-start\"\n        onClick={this.scrollToStart}\n        disabled={!this.canScrollStart}\n        aria-label=\"Scroll to start\"\n      >\n        {hasSlottedStartArrow ? (\n          <slot name=\"start-arrow\" />\n        ) : (\n          <le-icon name=\"chevron-down\" class=\"arrow-icon-start\" />\n        )}\n      </button>,\n      <button\n        class={classnames('bar-arrow', 'bar-arrow-end', {\n          disabled: !this.canScrollEnd,\n        })}\n        part=\"arrow-end\"\n        onClick={this.scrollToEnd}\n        disabled={!this.canScrollEnd}\n        aria-label=\"Scroll to end\"\n      >\n        {hasSlottedEndArrow ? (\n          <slot name=\"end-arrow\" />\n        ) : (\n          <le-icon name=\"chevron-down\" class=\"arrow-icon-end\" />\n        )}\n      </button>,\n    ];\n  }\n\n  private renderAllMenuButton() {\n    if (!this.showAllMenu) return null;\n\n    const hasSlottedAllMenu = this.el.querySelector('[slot=\"all-menu\"]');\n\n    return (\n      <button\n        class=\"bar-all-menu-button\"\n        part=\"all-menu-button\"\n        onClick={this.toggleAllMenu}\n        aria-expanded={String(this.allMenuOpen)}\n        aria-haspopup=\"true\"\n      >\n        {hasSlottedAllMenu ? <slot name=\"all-menu\" /> : <le-icon name=\"hamburger\" />}\n      </button>\n    );\n  }\n\n  private renderPopoverContent(itemsToShow: { id: string; item: HTMLElement }[]) {\n    return (\n      <div class=\"bar-popover-content\" part=\"popover-content\">\n        {itemsToShow.map(({ id, item }) => (\n          <div\n            class=\"bar-popover-item\"\n            key={id}\n            onClick={(e: MouseEvent) => this.handleItemClick(e, id)}\n            innerHTML={item.outerHTML}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  private renderOverflowPopover() {\n    if (this.overflow !== 'more' && this.overflow !== 'hamburger') return null;\n\n    const items = this.getSlottedItems();\n    let itemsToShow: { id: string; item: HTMLElement }[] = [];\n\n    if (this.overflow === 'hamburger' && this.hamburgerActive) {\n      // Show all items in hamburger mode\n      itemsToShow = items.map((item, index) => ({\n        id: this.getItemId(item, index),\n        item,\n      }));\n    } else if (this.overflow === 'more' && (this.overflowingIds?.size ?? 0) > 0) {\n      // Show only overflowing items\n      itemsToShow = items\n        .map((item, index) => ({\n          id: this.getItemId(item, index),\n          item,\n        }))\n        .filter(({ id }) => this.overflowingIds?.has(id));\n    }\n\n    if (itemsToShow.length === 0) return null;\n\n    return (\n      <le-popover\n        mode=\"default\"\n        open={this.popoverOpen}\n        position=\"bottom\"\n        align=\"end\"\n        showClose={false}\n        closeOnClickOutside={true}\n        closeOnEscape={true}\n        onLePopoverClose={this.closePopover}\n      >\n        <div slot=\"trigger\" class=\"bar-overflow-trigger\">\n          {this.overflow === 'hamburger' ? this.renderHamburgerButton() : this.renderMoreButton()}\n        </div>\n        {this.renderPopoverContent(itemsToShow)}\n      </le-popover>\n    );\n  }\n\n  private renderAllMenuPopover() {\n    if (!this.showAllMenu) return null;\n\n    const items = this.getSlottedItems();\n    const itemsToShow = items.map((item, index) => ({\n      id: this.getItemId(item, index),\n      item,\n    }));\n\n    const position = this.showAllMenu === 'start' ? 'start' : 'end';\n\n    return (\n      <le-popover\n        mode=\"default\"\n        open={this.allMenuOpen}\n        position=\"bottom\"\n        align={position}\n        showClose={false}\n        closeOnClickOutside={true}\n        closeOnEscape={true}\n        onLePopoverClose={this.closeAllMenu}\n      >\n        <div slot=\"trigger\" class=\"bar-all-menu-trigger\">\n          {this.renderAllMenuButton()}\n        </div>\n        {this.renderPopoverContent(itemsToShow)}\n      </le-popover>\n    );\n  }\n\n  render() {\n    const showOverflowButton =\n      !this.disablePopover &&\n      ((this.overflow === 'more' && (this.overflowingIds?.size ?? 0) > 0) ||\n        (this.overflow === 'hamburger' && this.hamburgerActive));\n\n    const containerStyle: { [key: string]: string } = {};\n    if (\n      this.containerHeight !== null &&\n      (this.overflow === 'more' || this.overflow === 'hamburger')\n    ) {\n      containerStyle.height = `${this.containerHeight}px`;\n    }\n\n    const showAllMenuAtStart = this.showAllMenu === 'start';\n    const showAllMenuAtEnd = this.showAllMenu === true || this.showAllMenu === 'end';\n\n    return (\n      <Host\n        class={classnames({\n          'overflow-more': this.overflow === 'more',\n          'overflow-scroll': this.overflow === 'scroll',\n          'overflow-hamburger': this.overflow === 'hamburger',\n          'overflow-wrap': this.overflow === 'wrap',\n          'hamburger-active': this.hamburgerActive,\n          'has-overflow': (this.overflowingIds?.size ?? 0) > 0 || this.hamburgerActive,\n        })}\n      >\n        <div\n          class={classnames('bar-container', {\n            [`align-${this.alignItems}`]: true,\n          })}\n          part=\"container\"\n        >\n          {/* Start controls */}\n          {this.overflow === 'scroll' && this.arrows && (\n            <div class=\"bar-controls bar-controls-start\">{this.renderScrollArrows()?.[0]}</div>\n          )}\n\n          {showAllMenuAtStart && (\n            <div class=\"bar-controls bar-controls-start\">{this.renderAllMenuPopover()}</div>\n          )}\n\n          {/* Items container */}\n          <div\n            class={classnames('bar-items', {\n              'is-scrollable': this.overflow === 'scroll',\n              'is-wrapping': this.overflow === 'wrap',\n            })}\n            style={containerStyle}\n            ref={el => {\n              this.itemsContainerEl = el;\n              this.observeContainer(el);\n            }}\n            onScroll={this.overflow === 'scroll' ? this.handleScroll : undefined}\n          >\n            <slot />\n          </div>\n\n          {/* End controls */}\n          {showOverflowButton && (\n            <div class=\"bar-controls bar-controls-end\">{this.renderOverflowPopover()}</div>\n          )}\n\n          {showAllMenuAtEnd && (\n            <div class=\"bar-controls bar-controls-end\">{this.renderAllMenuPopover()}</div>\n          )}\n\n          {this.overflow === 'scroll' && this.arrows && (\n            <div class=\"bar-controls bar-controls-end\">{this.renderScrollArrows()?.[1]}</div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"le-bar.js","sourceRoot":"","sources":["../../../src/components/le-bar/le-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  h,\n  Element,\n  Watch,\n  Host,\n  Method,\n  Listen,\n} from '@stencil/core';\nimport { classnames, generateId } from '../../utils/utils';\n\nexport interface LeBarOverflowChangeDetail {\n  /** IDs of items that are currently overflowing (in the \"more\" popover) */\n  overflowingIds: string[];\n  /** Whether hamburger mode is active */\n  hamburgerActive: boolean;\n}\n\n/**\n * A flexible bar component that handles overflow gracefully.\n *\n * Items are slotted children. The bar measures which items fit on the first\n * row and handles overflow according to the `overflow` prop.\n *\n * @slot - Bar items (children will be measured for overflow)\n * @slot more - Custom \"more\" button content\n * @slot hamburger - Custom hamburger button content\n * @slot start-arrow - Custom left scroll arrow\n * @slot end-arrow - Custom right scroll arrow\n * @slot all-menu - Custom \"show all\" menu button\n *\n * @csspart container - The main bar container\n * @csspart item - Individual items in the bar\n * @csspart more-button - The \"more\" overflow button\n * @csspart hamburger-button - The hamburger menu button\n * @csspart arrow-start - The start (left) scroll arrow\n * @csspart arrow-end - The end (right) scroll arrow\n * @csspart all-menu-button - The \"show all\" menu button\n * @csspart popover-content - The popover content wrapper\n *\n * @cmsEditable true\n * @cmsCategory Layout\n */\n@Component({\n  tag: 'le-bar',\n  styleUrl: 'le-bar.css',\n  shadow: true,\n})\nexport class LeBar {\n  @Element() el: HTMLElement;\n\n  /**\n   * Overflow behavior when items don't fit on one row.\n   * - `more`: Overflow items appear in a \"more\" dropdown\n   * - `scroll`: Items scroll horizontally with optional arrows\n   * - `hamburger`: All items go into a hamburger menu if any overflow\n   * - `wrap`: Items wrap to additional rows\n   */\n  @Prop({ reflect: true }) overflow: 'more' | 'scroll' | 'hamburger' | 'wrap' = 'more';\n\n  /**\n   * Alignment of items within the bar (maps to justify-content).\n   */\n  @Prop({ reflect: true }) alignItems: 'start' | 'end' | 'center' | 'stretch' = 'start';\n\n  /**\n   * Show scroll arrows when overflow is \"scroll\".\n   */\n  @Prop() arrows: boolean = false;\n\n  /**\n   * Disable the internal overflow popover.\n   * When true, the bar still detects overflow and hides items,\n   * but doesn't render its own popover. Use this when providing\n   * custom overflow handling via the leBarOverflowChange event.\n   */\n  @Prop() disablePopover: boolean = false;\n\n  /**\n   * Minimum number of visible items required when using \"more\" overflow mode.\n   * If fewer items would be visible, the bar falls back to hamburger mode.\n   * Only applies when overflow is \"more\".\n   */\n  @Prop() minVisibleItems: number = 0;\n\n  /**\n   * Show an \"all items\" menu button.\n   * - `false`: Don't show\n   * - `true` or `'end'`: Show at end\n   * - `'start'`: Show at start\n   */\n  @Prop() showAllMenu: boolean | 'start' | 'end' = false;\n\n  /**\n   * Emitted when overflow state changes.\n   */\n  @Event() leBarOverflowChange: EventEmitter<LeBarOverflowChangeDetail>;\n\n  /** Whether the hamburger/more popover is open */\n  @State() private popoverOpen: boolean = false;\n\n  /** Whether hamburger mode is active (for hamburger overflow) */\n  @State() private hamburgerActive: boolean = false;\n\n  /** IDs of items that are overflowing */\n  @State() private overflowingIds: Set<string> = new Set();\n\n  /** Whether we can scroll left */\n  @State() private canScrollStart: boolean = false;\n\n  /** Whether we can scroll right */\n  @State() private canScrollEnd: boolean = false;\n\n  /** Whether the all-menu popover is open */\n  @State() private allMenuOpen: boolean = false;\n\n  /** Current height of the items container (for overflow handling) */\n  @State() private containerHeight: number | null = null;\n\n  private itemsContainerEl?: HTMLElement;\n  private moreButtonEl?: HTMLElement;\n\n  private resizeObserver?: ResizeObserver;\n  private mutationObserver?: MutationObserver;\n  private instanceId: string = generateId('le-bar');\n\n  // Map to track item elements and their IDs\n  private itemMap: Map<string, HTMLElement> = new Map();\n\n  // Prevent multiple recalculations in the same frame\n  private pendingRecalc: number | null = null;\n\n  @Watch('overflow')\n  handleOverflowChange() {\n    this.resetOverflowState();\n    this.scheduleOverflowRecalc();\n  }\n\n  @Listen('slotchange')\n  handleSlotChange() {\n    this.scheduleOverflowRecalc();\n  }\n\n  connectedCallback() {\n    this.setupObservers();\n  }\n\n  componentDidLoad() {\n    this.scheduleOverflowRecalc();\n  }\n\n  componentDidRender() {\n    // Recalculate after render in case children changed\n    this.scheduleOverflowRecalc();\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n    this.mutationObserver?.disconnect();\n  }\n\n  /**\n   * Force recalculation of overflow state.\n   */\n  @Method()\n  async recalculate() {\n    this.computeOverflow();\n  }\n\n  private setupObservers() {\n    // ResizeObserver for container size changes\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => {\n        this.computeOverflow();\n        this.updateScrollState();\n      });\n    }\n\n    // MutationObserver for child changes\n    this.mutationObserver = new MutationObserver(() => {\n      this.scheduleOverflowRecalc();\n    });\n\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: false,\n    });\n  }\n\n  private observeContainer(el?: HTMLElement) {\n    if (!this.resizeObserver) return;\n    this.resizeObserver.disconnect();\n    if (el) this.resizeObserver.observe(el);\n  }\n\n  private scheduleOverflowRecalc() {\n    // Debounce recalculations to prevent infinite loops\n    if (this.pendingRecalc !== null) {\n      cancelAnimationFrame(this.pendingRecalc);\n    }\n    this.pendingRecalc = requestAnimationFrame(() => {\n      this.pendingRecalc = null;\n      this.computeOverflow();\n    });\n  }\n\n  private resetOverflowState() {\n    this.hamburgerActive = false;\n    this.overflowingIds = new Set();\n    this.containerHeight = null;\n    this.popoverOpen = false;\n  }\n\n  private getSlottedItems(): HTMLElement[] {\n    // Get direct children from the light DOM (excluding named slot elements)\n    return Array.from(this.el.children).filter(\n      (el): el is HTMLElement => el instanceof HTMLElement && !el.hasAttribute('slot'),\n    );\n  }\n\n  private getItemId(el: HTMLElement, index: number): string {\n    return el.id || el.dataset.barId || `${this.instanceId}-item-${index}`;\n  }\n\n  private computeOverflow() {\n    if (this.overflow === 'wrap' || this.overflow === 'scroll') {\n      // No overflow handling needed for wrap/scroll modes\n      this.resetOverflowState();\n      this.updateScrollState();\n      return;\n    }\n\n    const container = this.itemsContainerEl;\n    if (!container) return;\n\n    const items = this.getSlottedItems();\n    if (items.length === 0) {\n      this.resetOverflowState();\n      return;\n    }\n\n    // Force a layout recalc\n    container.offsetHeight;\n\n    // Build item map\n    this.itemMap.clear();\n    items.forEach((item, index) => {\n      const id = this.getItemId(item, index);\n      this.itemMap.set(id, item);\n    });\n\n    // Get the position of items to determine which are on the first row\n    const itemRects = items.map((item, index) => ({\n      item,\n      id: this.getItemId(item, index),\n      rect: item.getBoundingClientRect(),\n    }));\n\n    if (itemRects.length === 0) {\n      return;\n    }\n\n    // Find the first row's top position (accounting for vertical alignment)\n    const containerRect = container.getBoundingClientRect();\n    const topValues = itemRects.map(i => i.rect.top - containerRect.top);\n    const minTop = Math.min(...topValues);\n\n    // Items are on the first row if their top is close to minTop\n    // Allow some tolerance for alignment differences\n    const tolerance = 15;\n    const firstRowItems = itemRects.filter(\n      i => i.rect.top - containerRect.top <= minTop + tolerance,\n    );\n    const overflowItems = itemRects.filter(\n      i => i.rect.top - containerRect.top > minTop + tolerance,\n    );\n\n    // Calculate the height of the first row\n    const firstRowBottom =\n      firstRowItems.length > 0\n        ? Math.max(...firstRowItems.map(i => i.rect.bottom - containerRect.top))\n        : 0;\n\n    if (this.overflow === 'hamburger') {\n      // In hamburger mode, if ANY item overflows, all go into the menu\n      const shouldHamburger = overflowItems.length > 0;\n\n      if (shouldHamburger !== this.hamburgerActive) {\n        this.hamburgerActive = shouldHamburger;\n        this.emitOverflowChange();\n      }\n\n      // Set height to show only first row (or hide all if hamburger is active)\n      if (shouldHamburger && firstRowBottom > 0) {\n        this.containerHeight = firstRowBottom;\n      } else {\n        this.containerHeight = null;\n      }\n    } else {\n      // 'more' mode\n      let newOverflowingIds = new Set(overflowItems.map(i => i.id));\n\n      // Check if we need to make room for the \"more\" button\n      if (newOverflowingIds.size > 0 && this.moreButtonEl) {\n        const moreRect = this.moreButtonEl.getBoundingClientRect();\n        const moreTop = moreRect.top - containerRect.top;\n\n        // If \"more\" button is not on the first row, we need to hide one more item\n        if (moreTop > minTop + tolerance) {\n          // Find the last visible item and move it to overflow\n          const lastVisible = firstRowItems[firstRowItems.length - 1];\n          if (lastVisible) {\n            newOverflowingIds.add(lastVisible.id);\n          }\n        }\n      }\n\n      // Check if we should fallback to hamburger mode\n      // This happens when minVisibleItems is set and fewer items would be visible\n      const visibleCount = items.length - newOverflowingIds.size;\n      const shouldFallbackToHamburger =\n        this.minVisibleItems > 0 &&\n        newOverflowingIds.size > 0 &&\n        visibleCount < this.minVisibleItems;\n\n      if (shouldFallbackToHamburger) {\n        // Switch to hamburger mode - all items go into the menu\n        if (!this.hamburgerActive) {\n          this.hamburgerActive = true;\n          this.overflowingIds = new Set();\n          this.emitOverflowChange();\n        }\n\n        // Set height to show only first row\n        if (firstRowBottom > 0) {\n          this.containerHeight = firstRowBottom;\n        } else {\n          this.containerHeight = null;\n        }\n        return;\n      }\n\n      // Not falling back to hamburger - ensure hamburgerActive is false\n      if (this.hamburgerActive) {\n        this.hamburgerActive = false;\n      }\n\n      // Check if overflow state changed\n      const hasChanged =\n        (newOverflowingIds?.size ?? 0) !== (this.overflowingIds?.size ?? 0) ||\n        ![...newOverflowingIds].every(id => this.overflowingIds?.has(id));\n\n      if (hasChanged) {\n        this.overflowingIds = newOverflowingIds;\n        this.emitOverflowChange();\n      }\n\n      // Set container height to show only first row\n      if ((newOverflowingIds?.size ?? 0) > 0 && firstRowBottom > 0) {\n        this.containerHeight = firstRowBottom;\n      } else {\n        this.containerHeight = null;\n      }\n    }\n  }\n\n  private emitOverflowChange() {\n    this.leBarOverflowChange.emit({\n      overflowingIds: [...(this.overflowingIds ?? [])],\n      hamburgerActive: this.hamburgerActive,\n    });\n  }\n\n  private updateScrollState() {\n    if (this.overflow !== 'scroll' || !this.itemsContainerEl) {\n      this.canScrollStart = false;\n      this.canScrollEnd = false;\n      return;\n    }\n\n    const el = this.itemsContainerEl;\n    this.canScrollStart = el.scrollLeft > 0;\n    this.canScrollEnd = el.scrollLeft < el.scrollWidth - el.clientWidth - 1;\n  }\n\n  private handleScroll = () => {\n    this.updateScrollState();\n  };\n\n  private scrollToStart = () => {\n    if (!this.itemsContainerEl) return;\n\n    const items = this.getSlottedItems();\n    const container = this.itemsContainerEl;\n\n    // Find the scroll position of the previous item\n    const currentScroll = container.scrollLeft;\n    let targetScroll = 0;\n\n    for (let i = items.length - 1; i >= 0; i--) {\n      const item = items[i];\n      // Calculate item's left edge relative to container's scroll position\n      const itemLeft = item.offsetLeft - container.offsetLeft;\n\n      // If this item starts before current scroll position, scroll to it\n      if (itemLeft < currentScroll - 1) {\n        targetScroll = itemLeft;\n        break;\n      }\n    }\n\n    container.scrollTo({ left: targetScroll, behavior: 'smooth' });\n\n    // Update scroll state after animation\n    setTimeout(() => this.updateScrollState(), 300);\n  };\n\n  private scrollToEnd = () => {\n    if (!this.itemsContainerEl) return;\n\n    const container = this.itemsContainerEl;\n    const items = this.getSlottedItems();\n\n    if (items.length === 0) return;\n\n    const containerWidth = container.clientWidth;\n    const currentScroll = container.scrollLeft;\n\n    let targetScroll = container.scrollWidth - containerWidth;\n\n    for (const item of items) {\n      // Calculate item's right edge relative to container\n      const itemLeft = item.offsetLeft - container.offsetLeft;\n\n      // If this is the next item to scroll to from left to right then scroll to it\n      if (itemLeft > currentScroll + 1) {\n        targetScroll = itemLeft;\n        break;\n      }\n    }\n\n    container.scrollTo({ left: Math.max(0, targetScroll), behavior: 'smooth' });\n\n    // Update scroll state after animation\n    setTimeout(() => this.updateScrollState(), 300);\n  };\n\n  private togglePopover = () => {\n    this.popoverOpen = !this.popoverOpen;\n  };\n\n  private closePopover = () => {\n    this.popoverOpen = false;\n  };\n\n  private toggleAllMenu = () => {\n    this.allMenuOpen = !this.allMenuOpen;\n  };\n\n  private closeAllMenu = () => {\n    this.allMenuOpen = false;\n  };\n\n  private handleItemClick = (_e: MouseEvent, id: string) => {\n    // Close popover when an item inside is clicked\n    const originalItem = this.itemMap.get(id);\n\n    if (originalItem) {\n      // Clone the click to the original item\n      const cloneEvent = new MouseEvent('click', {\n        bubbles: true,\n        cancelable: true,\n        view: window,\n      });\n      originalItem.dispatchEvent(cloneEvent);\n    }\n\n    this.closePopover();\n    this.closeAllMenu();\n  };\n\n  private renderMoreButton() {\n    const hasSlottedMore = this.el.querySelector('[slot=\"more\"]');\n\n    return (\n      <button\n        class=\"bar-more-button\"\n        part=\"more-button\"\n        ref={el => (this.moreButtonEl = el)}\n        onClick={this.togglePopover}\n        aria-expanded={String(this.popoverOpen)}\n        aria-haspopup=\"true\"\n      >\n        {hasSlottedMore ? <slot name=\"more\" /> : <le-icon name=\"ellipsis-horizontal\" />}\n      </button>\n    );\n  }\n\n  private renderHamburgerButton() {\n    const hasSlottedHamburger = this.el.querySelector('[slot=\"hamburger\"]');\n\n    return (\n      <button\n        class=\"bar-hamburger-button\"\n        part=\"hamburger-button\"\n        onClick={this.togglePopover}\n        aria-expanded={String(this.popoverOpen)}\n        aria-haspopup=\"true\"\n      >\n        {hasSlottedHamburger ? <slot name=\"hamburger\" /> : <le-icon name=\"hamburger\" />}\n      </button>\n    );\n  }\n\n  private renderScrollArrows() {\n    if (!this.arrows || this.overflow !== 'scroll') return null;\n\n    const hasSlottedStartArrow = this.el.querySelector('[slot=\"start-arrow\"]');\n    const hasSlottedEndArrow = this.el.querySelector('[slot=\"end-arrow\"]');\n\n    return [\n      <button\n        class={classnames('bar-arrow', 'bar-arrow-start', {\n          disabled: !this.canScrollStart,\n        })}\n        part=\"arrow-start\"\n        onClick={this.scrollToStart}\n        disabled={!this.canScrollStart}\n        aria-label=\"Scroll to start\"\n      >\n        {hasSlottedStartArrow ? (\n          <slot name=\"start-arrow\" />\n        ) : (\n          <le-icon name=\"chevron-down\" class=\"arrow-icon-start\" />\n        )}\n      </button>,\n      <button\n        class={classnames('bar-arrow', 'bar-arrow-end', {\n          disabled: !this.canScrollEnd,\n        })}\n        part=\"arrow-end\"\n        onClick={this.scrollToEnd}\n        disabled={!this.canScrollEnd}\n        aria-label=\"Scroll to end\"\n      >\n        {hasSlottedEndArrow ? (\n          <slot name=\"end-arrow\" />\n        ) : (\n          <le-icon name=\"chevron-down\" class=\"arrow-icon-end\" />\n        )}\n      </button>,\n    ];\n  }\n\n  private renderAllMenuButton() {\n    if (!this.showAllMenu) return null;\n\n    const hasSlottedAllMenu = this.el.querySelector('[slot=\"all-menu\"]');\n\n    return (\n      <button\n        class=\"bar-all-menu-button\"\n        part=\"all-menu-button\"\n        onClick={this.toggleAllMenu}\n        aria-expanded={String(this.allMenuOpen)}\n        aria-haspopup=\"true\"\n      >\n        {hasSlottedAllMenu ? <slot name=\"all-menu\" /> : <le-icon name=\"hamburger\" />}\n      </button>\n    );\n  }\n\n  private renderPopoverContent(itemsToShow: { id: string; item: HTMLElement }[]) {\n    return (\n      <div class=\"bar-popover-content\" part=\"popover-content\">\n        {itemsToShow.map(({ id, item }) => (\n          <div\n            class=\"bar-popover-item\"\n            key={id}\n            onClick={(e: MouseEvent) => this.handleItemClick(e, id)}\n            innerHTML={item.outerHTML}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  private renderOverflowPopover() {\n    if (this.overflow !== 'more' && this.overflow !== 'hamburger') return null;\n\n    const items = this.getSlottedItems();\n    let itemsToShow: { id: string; item: HTMLElement }[] = [];\n\n    if (this.overflow === 'hamburger' && this.hamburgerActive) {\n      // Show all items in hamburger mode\n      itemsToShow = items.map((item, index) => ({\n        id: this.getItemId(item, index),\n        item,\n      }));\n    } else if (this.overflow === 'more' && (this.overflowingIds?.size ?? 0) > 0) {\n      // Show only overflowing items\n      itemsToShow = items\n        .map((item, index) => ({\n          id: this.getItemId(item, index),\n          item,\n        }))\n        .filter(({ id }) => this.overflowingIds?.has(id));\n    }\n\n    if (itemsToShow.length === 0) return null;\n\n    return (\n      <le-popover\n        mode=\"default\"\n        open={this.popoverOpen}\n        position=\"bottom\"\n        align=\"end\"\n        showClose={false}\n        closeOnClickOutside={true}\n        closeOnEscape={true}\n        onLePopoverClose={this.closePopover}\n      >\n        <div slot=\"trigger\" class=\"bar-overflow-trigger\">\n          {this.overflow === 'hamburger' ? this.renderHamburgerButton() : this.renderMoreButton()}\n        </div>\n        {this.renderPopoverContent(itemsToShow)}\n      </le-popover>\n    );\n  }\n\n  private renderAllMenuPopover() {\n    if (!this.showAllMenu) return null;\n\n    const items = this.getSlottedItems();\n    const itemsToShow = items.map((item, index) => ({\n      id: this.getItemId(item, index),\n      item,\n    }));\n\n    const position = this.showAllMenu === 'start' ? 'start' : 'end';\n\n    return (\n      <le-popover\n        mode=\"default\"\n        open={this.allMenuOpen}\n        position=\"bottom\"\n        align={position}\n        showClose={false}\n        closeOnClickOutside={true}\n        closeOnEscape={true}\n        onLePopoverClose={this.closeAllMenu}\n      >\n        <div slot=\"trigger\" class=\"bar-all-menu-trigger\">\n          {this.renderAllMenuButton()}\n        </div>\n        {this.renderPopoverContent(itemsToShow)}\n      </le-popover>\n    );\n  }\n\n  render() {\n    const showOverflowButton =\n      !this.disablePopover &&\n      ((this.overflow === 'more' && (this.overflowingIds?.size ?? 0) > 0) ||\n        (this.overflow === 'hamburger' && this.hamburgerActive));\n\n    const containerStyle: { [key: string]: string } = {};\n    if (\n      this.containerHeight !== null &&\n      (this.overflow === 'more' || this.overflow === 'hamburger')\n    ) {\n      containerStyle.height = `${this.containerHeight}px`;\n    }\n\n    const showAllMenuAtStart = this.showAllMenu === 'start';\n    const showAllMenuAtEnd = this.showAllMenu === true || this.showAllMenu === 'end';\n\n    return (\n      <Host\n        class={classnames({\n          'overflow-more': this.overflow === 'more',\n          'overflow-scroll': this.overflow === 'scroll',\n          'overflow-hamburger': this.overflow === 'hamburger',\n          'overflow-wrap': this.overflow === 'wrap',\n          'hamburger-active': this.hamburgerActive,\n          'has-overflow': (this.overflowingIds?.size ?? 0) > 0 || this.hamburgerActive,\n        })}\n      >\n        <div\n          class={classnames('bar-container', {\n            [`align-${this.alignItems}`]: true,\n          })}\n          part=\"container\"\n        >\n          {/* Start controls */}\n          {this.overflow === 'scroll' && this.arrows && (\n            <div class=\"bar-controls bar-controls-start\">{this.renderScrollArrows()?.[0]}</div>\n          )}\n\n          {showAllMenuAtStart && (\n            <div class=\"bar-controls bar-controls-start\">{this.renderAllMenuPopover()}</div>\n          )}\n\n          {/* Items container */}\n          <div\n            class={classnames('bar-items', {\n              'is-scrollable': this.overflow === 'scroll',\n              'is-wrapping': this.overflow === 'wrap',\n            })}\n            style={containerStyle}\n            ref={el => {\n              this.itemsContainerEl = el;\n              this.observeContainer(el);\n            }}\n            onScroll={this.overflow === 'scroll' ? this.handleScroll : undefined}\n          >\n            <slot />\n          </div>\n\n          {/* End controls */}\n          {showOverflowButton && (\n            <div class=\"bar-controls bar-controls-end\">{this.renderOverflowPopover()}</div>\n          )}\n\n          {showAllMenuAtEnd && (\n            <div class=\"bar-controls bar-controls-end\">{this.renderAllMenuPopover()}</div>\n          )}\n\n          {this.overflow === 'scroll' && this.arrows && (\n            <div class=\"bar-controls bar-controls-end\">{this.renderScrollArrows()?.[1]}</div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -242,7 +242,7 @@ export class LeComponent {
         const enumMatch = type.match(/^'[^']+'/);
         if (enumMatch) {
             const options = type.split('|').map(opt => opt.trim().replace(/'/g, ''));
-            return (h("div", { class: "property-field" }, h("label", { htmlFor: `prop-${attr.name}` }, attr.name, attr.description && h("span", { class: "property-hint" }, attr.description)), h("le-select", { options: [...options.map(opt => ({ label: opt, value: opt }))], "full-width": true, value: value ?? attr.default?.replace(/'/g, ''), placeholder: attr.default?.replace(/'/g, ''), onLeChange: (e) => this.handlePropertyChange(attr.name, e.detail.value, type) })));
+            return (h("div", { class: "property-field" }, h("label", { htmlFor: `prop-${attr.name}` }, attr.name, attr.description && h("span", { class: "property-hint" }, attr.description)), h("le-select", { options: [...options.map(opt => ({ label: opt, value: opt }))], "full-width": true, value: value ?? attr.default?.replace(/'/g, ''), placeholder: attr.default?.replace(/'/g, ''), onChange: (e) => this.handlePropertyChange(attr.name, e.detail.value, type) })));
         }
         // Boolean type
         if (type === 'boolean') {

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

@@ -1 +1 @@
-{"version":3,"file":"le-component.js","sourceRoot":"","sources":["../../../src/components/le-component/le-component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host, Element, getAssetPath } from '@stencil/core';\nimport { classnames, observeModeChanges } from '../../utils/utils';\nimport { getLeKitConfig } from '../../global/app';\nimport { leConfirm } from '../le-popup/le-popup.api';\nimport { LeOptionSelectDetail } from '../..';\n\n/**\n * Component wrapper for admin mode editing.\n *\n * This component is used internally by other components to provide admin-mode\n * editing capabilities. It wraps the component's rendered output and shows\n * a settings popover for editing properties.\n *\n * In default mode, it acts as a simple passthrough (display: contents).\n * In admin mode, it shows a border, component name header, and settings popover.\n *\n * The host element is found automatically by traversing up through the shadow DOM.\n *\n * Usage inside a component's render method:\n * ```tsx\n * render() {\n *   return (\n *     <le-component component=\"le-card\">\n *       <Host>...</Host>\n *     </le-component>\n *   );\n * }\n * ```\n *\n * @slot - The component's rendered content\n *\n * @cmsInternal true\n * @cmsCategory System\n */\n@Component({\n  tag: 'le-component',\n  styleUrl: 'le-component.css',\n  shadow: true,\n  assetsDirs: ['assets'],\n})\nexport class LeComponent {\n  @Element() el: HTMLElement;\n\n  /**\n   * The tag name of the component (e.g., 'le-card').\n   * Used to look up property metadata and display the component name.\n   */\n  @Prop() component!: string;\n\n  /**\n   * Optional display name for the component.\n   * If not provided, the tag name will be formatted as the display name.\n   */\n  @Prop() displayName?: string;\n\n  /**\n   * Classes to apply to the host element.\n   * Allows parent components to pass their styling classes.\n   */\n  @Prop() hostClass?: string;\n\n  /**\n   * Inline styles to apply to the host element.\n   * Allows parent components to pass dynamic styles (e.g., flex properties).\n   */\n  @Prop() hostStyle?: { [key: string]: string };\n\n  /**\n   * Reference to the host element (found automatically from parent)\n   */\n  private hostElement?: HTMLElement;\n\n  /**\n   * Internal state to track admin mode\n   */\n  @State() private adminMode: boolean = false;\n\n  /**\n   * Component metadata loaded from Custom Elements Manifest\n   */\n  @State() private componentMeta: ComponentMetadata | null = null;\n\n  /**\n   * Current property values of the host component\n   */\n  @State() private propertyValues: Record<string, any> = {};\n\n  private disconnectModeObserver?: () => void;\n\n  connectedCallback() {\n    // Find the host element - le-component is rendered inside the component's shadow DOM,\n    // so we need to find the shadow root's host element\n    this.findHostElement();\n\n    this.disconnectModeObserver = observeModeChanges(this.el, mode => {\n      this.adminMode = mode === 'admin';\n      // Load metadata and refresh property values only when entering admin mode\n      if (this.adminMode) {\n        if (!this.componentMeta) {\n          this.loadComponentMetadata();\n        } else {\n          this.readPropertyValues();\n        }\n      }\n    });\n  }\n\n  /**\n   * Find the host element by traversing up through shadow DOM\n   */\n  private findHostElement() {\n    // Get the shadow root that contains this le-component\n    const rootNode = this.el.getRootNode();\n    if (rootNode instanceof ShadowRoot) {\n      // The host of this shadow root is our target component (e.g., le-card)\n      this.hostElement = rootNode.host as HTMLElement;\n    }\n  }\n\n  componentDidLoad() {\n    // Read initial property values from the host element\n    this.readPropertyValues();\n  }\n\n  disconnectedCallback() {\n    this.disconnectModeObserver?.();\n  }\n\n  /**\n   * Formats a tag name into a display name\n   * e.g., 'le-card' -> 'Card'\n   */\n  private formatDisplayName(tagName: string): string {\n    if (!tagName || typeof tagName !== 'string') return 'unknown';\n    return tagName\n      .replace(/^le-/, '') // Remove 'le-' prefix\n      .split('-')\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  }\n\n  /**\n   * Load component metadata from the Custom Elements Manifest\n   */\n  private async loadComponentMetadata() {\n    try {\n      // Fetch the manifest from configured URL\n      const { manifestFile } = getLeKitConfig();\n      const manifestFileResolved = getAssetPath(`./assets/${manifestFile}`);\n      const response = await fetch(manifestFileResolved);\n      const manifest = await response.json();\n\n      // Find the component definition\n      for (const module of manifest.modules) {\n        for (const declaration of module.declarations || []) {\n          if (declaration.tagName === this.component) {\n            const attributes = (declaration.attributes || []).filter(\n              (attr: AttributeMetadata) => !this.isInternalAttribute(attr.name),\n            );\n            this.componentMeta = {\n              tagName: declaration.tagName,\n              description: declaration.description,\n              attributes,\n            };\n            // console.log(`[le-component] Loaded metadata for ${this.component}:`, this.componentMeta);\n            // Read property values after metadata is loaded\n            this.readPropertyValues();\n            return;\n          }\n        }\n      }\n      // console.warn(`[le-component] No metadata found for component: ${this.component}`);\n    } catch (error) {\n      // console.warn(`[le-component] Failed to load metadata for component: ${this.component}`, error);\n    }\n  }\n\n  /**\n   * Check if an attribute is internal (should not be shown in editor)\n   */\n  private isInternalAttribute(name: string): boolean {\n    const internalAttrs = ['mode', 'theme', 'class', 'style', 'id', 'slot'];\n    return internalAttrs.includes(name);\n  }\n\n  /**\n   * Read current property values from the host element\n   */\n  private readPropertyValues() {\n    if (!this.hostElement || !this.componentMeta) return;\n\n    const values: Record<string, any> = {};\n    for (const attr of this.componentMeta.attributes) {\n      const value = this.hostElement.getAttribute(attr.name);\n      values[attr.name] = this.parseAttributeValue(value, attr.type?.text);\n    }\n    this.propertyValues = values;\n  }\n\n  /**\n   * Parse an attribute value based on its type\n   */\n  private parseAttributeValue(value: string | null, type?: string): any {\n    if (value === null) return undefined;\n\n    if (type === 'boolean') {\n      return value !== null && value !== 'false';\n    }\n    if (type === 'number') {\n      return parseFloat(value);\n    }\n    return value;\n  }\n\n  /**\n   * Handle property value changes from the editor\n   */\n  private handlePropertyChange(attrName: string, value: any, type?: string) {\n    if (!this.hostElement) return;\n\n    // Update the host element's attribute\n    if (type === 'boolean') {\n      if (value) {\n        this.hostElement.setAttribute(attrName, '');\n      } else {\n        this.hostElement.removeAttribute(attrName);\n      }\n    } else if (value === undefined || value === '') {\n      this.hostElement.removeAttribute(attrName);\n    } else {\n      this.hostElement.setAttribute(attrName, String(value));\n    }\n\n    // Update local state\n    this.propertyValues = { ...this.propertyValues, [attrName]: value };\n\n    // update the host element the way the parent element mutation observer would catch it?\n  }\n\n  /**\n   * Delete this component from the DOM\n   */\n  private deleteComponent() {\n    if (!this.hostElement) return;\n\n    // Confirm deletion\n    const name = this.displayName || this.formatDisplayName(this.component);\n    if (!leConfirm(`Delete this ${name}?`)) return;\n\n    // Remove the host element from its parent\n    const parent = this.hostElement.parentElement;\n    if (parent) {\n      this.hostElement.remove();\n    }\n  }\n\n  /**\n   * Render the property editor form\n   */\n  private renderPropertyEditor() {\n    const hasProperties = this.componentMeta && this.componentMeta.attributes.length > 0;\n\n    return (\n      <div class=\"property-editor-container\">\n        {hasProperties ? (\n          <form class=\"property-editor\" onSubmit={e => e.preventDefault()}>\n            {this.componentMeta!.attributes.map(attr => this.renderPropertyField(attr))}\n          </form>\n        ) : (\n          <p class=\"no-properties\">No editable properties</p>\n        )}\n        <div class=\"property-editor-actions\">\n          <le-button\n            type=\"button\"\n            variant=\"outlined\"\n            color=\"danger\"\n            full-width\n            onClick={() => this.deleteComponent()}\n          >\n            <span slot=\"icon-start\">🗑️</span>\n            <span>Delete Component</span>\n          </le-button>\n        </div>\n      </div>\n    );\n  }\n\n  /**\n   * Render a single property field based on its type\n   */\n  private renderPropertyField(attr: AttributeMetadata) {\n    const value = this.propertyValues[attr.name];\n    const type = attr.type?.text || 'string';\n\n    // Check if type is a union of string literals (e.g., \"'default' | 'outlined' | 'elevated'\")\n    const enumMatch = type.match(/^'[^']+'/);\n    if (enumMatch) {\n      const options = type.split('|').map(opt => opt.trim().replace(/'/g, ''));\n      return (\n        <div class=\"property-field\">\n          <label htmlFor={`prop-${attr.name}`}>\n            {attr.name}\n            {attr.description && <span class=\"property-hint\">{attr.description}</span>}\n          </label>\n          <le-select\n            options={[...options.map(opt => ({ label: opt, value: opt }))]}\n            full-width\n            value={value ?? attr.default?.replace(/'/g, '')}\n            placeholder={attr.default?.replace(/'/g, '')}\n            onLeChange={(e: CustomEvent<LeOptionSelectDetail>) =>\n              this.handlePropertyChange(attr.name, e.detail.value, type)\n            }\n          ></le-select>\n        </div>\n      );\n    }\n\n    // Boolean type\n    if (type === 'boolean') {\n      return (\n        <div class=\"property-field property-field--checkbox\">\n          <le-checkbox\n            name={`prop-${attr.name}`}\n            checked={value === true || value === ''}\n            onChange={e =>\n              this.handlePropertyChange(attr.name, (e.target as HTMLInputElement).checked, type)\n            }\n          >\n            {attr.name}\n            {attr.description && <div slot=\"description\">{attr.description}</div>}\n          </le-checkbox>\n        </div>\n      );\n    }\n\n    // Number type\n    if (type === 'number') {\n      return (\n        <div class=\"property-field\">\n          <label htmlFor={`prop-${attr.name}`}>\n            {attr.name}\n            {attr.description && <span class=\"property-hint\">{attr.description}</span>}\n          </label>\n          <input\n            type=\"number\"\n            id={`prop-${attr.name}`}\n            value={value ?? ''}\n            placeholder={attr.default}\n            onChange={e =>\n              this.handlePropertyChange(attr.name, (e.target as HTMLInputElement).value, type)\n            }\n          />\n        </div>\n      );\n    }\n\n    // Default: string/text input\n    return (\n      <div class=\"property-field\">\n        <le-string-input\n          name={`prop-${attr.name}`}\n          label={attr.name}\n          value={value ?? ''}\n          placeholder={attr.default?.replace(/'/g, '')}\n          onChange={(e: any) => this.handlePropertyChange(attr.name, e.detail.value, type)}\n        >\n          <span slot=\"description\">{attr.description}</span>\n        </le-string-input>\n      </div>\n    );\n  }\n\n  render() {\n    const name = this.displayName || this.formatDisplayName(this.component);\n\n    // In default mode, just pass through content with host classes\n    if (!this.adminMode) {\n      return (\n        <Host class={classnames(this.component, this.hostClass)} style={this.hostStyle}>\n          <slot></slot>\n        </Host>\n      );\n    }\n\n    // In admin mode, show wrapper with header and settings\n    return (\n      <Host class={classnames(this.component, this.hostClass, 'admin-mode')} style={this.hostStyle}>\n        <div class=\"le-component-wrapper\">\n          <div class=\"le-component-header\">\n            <span class=\"le-component-name\">{name}</span>\n            <le-popover\n              popoverTitle={`${name} Settings`}\n              position=\"right\"\n              align=\"start\"\n              min-width=\"300px\"\n              mode=\"default\"\n            >\n              <le-button\n                type=\"button\"\n                class=\"le-component-button\"\n                slot=\"trigger\"\n                variant=\"clear\"\n                size=\"small\"\n                aria-label=\"Edit component properties\"\n                icon-only\n              >\n                <span class=\"le-component-trigger\" slot=\"icon-only\">\n                  ⚙\n                </span>\n              </le-button>\n              {this.renderPropertyEditor()}\n            </le-popover>\n          </div>\n          <div class=\"le-component-content\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\n/**\n * Type definitions for component metadata\n */\ninterface ComponentMetadata {\n  tagName: string;\n  description?: string;\n  attributes: AttributeMetadata[];\n}\n\ninterface AttributeMetadata {\n  name: string;\n  fieldName?: string;\n  description?: string;\n  default?: string;\n  type?: {\n    text: string;\n  };\n}\n"]}
+{"version":3,"file":"le-component.js","sourceRoot":"","sources":["../../../src/components/le-component/le-component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host, Element, getAssetPath } from '@stencil/core';\nimport { classnames, observeModeChanges } from '../../utils/utils';\nimport { getLeKitConfig } from '../../global/app';\nimport { leConfirm } from '../le-popup/le-popup.api';\nimport { LeOptionSelectDetail } from '../..';\n\n/**\n * Component wrapper for admin mode editing.\n *\n * This component is used internally by other components to provide admin-mode\n * editing capabilities. It wraps the component's rendered output and shows\n * a settings popover for editing properties.\n *\n * In default mode, it acts as a simple passthrough (display: contents).\n * In admin mode, it shows a border, component name header, and settings popover.\n *\n * The host element is found automatically by traversing up through the shadow DOM.\n *\n * Usage inside a component's render method:\n * ```tsx\n * render() {\n *   return (\n *     <le-component component=\"le-card\">\n *       <Host>...</Host>\n *     </le-component>\n *   );\n * }\n * ```\n *\n * @slot - The component's rendered content\n *\n * @cmsInternal true\n * @cmsCategory System\n */\n@Component({\n  tag: 'le-component',\n  styleUrl: 'le-component.css',\n  shadow: true,\n  assetsDirs: ['assets'],\n})\nexport class LeComponent {\n  @Element() el: HTMLElement;\n\n  /**\n   * The tag name of the component (e.g., 'le-card').\n   * Used to look up property metadata and display the component name.\n   */\n  @Prop() component!: string;\n\n  /**\n   * Optional display name for the component.\n   * If not provided, the tag name will be formatted as the display name.\n   */\n  @Prop() displayName?: string;\n\n  /**\n   * Classes to apply to the host element.\n   * Allows parent components to pass their styling classes.\n   */\n  @Prop() hostClass?: string;\n\n  /**\n   * Inline styles to apply to the host element.\n   * Allows parent components to pass dynamic styles (e.g., flex properties).\n   */\n  @Prop() hostStyle?: { [key: string]: string };\n\n  /**\n   * Reference to the host element (found automatically from parent)\n   */\n  private hostElement?: HTMLElement;\n\n  /**\n   * Internal state to track admin mode\n   */\n  @State() private adminMode: boolean = false;\n\n  /**\n   * Component metadata loaded from Custom Elements Manifest\n   */\n  @State() private componentMeta: ComponentMetadata | null = null;\n\n  /**\n   * Current property values of the host component\n   */\n  @State() private propertyValues: Record<string, any> = {};\n\n  private disconnectModeObserver?: () => void;\n\n  connectedCallback() {\n    // Find the host element - le-component is rendered inside the component's shadow DOM,\n    // so we need to find the shadow root's host element\n    this.findHostElement();\n\n    this.disconnectModeObserver = observeModeChanges(this.el, mode => {\n      this.adminMode = mode === 'admin';\n      // Load metadata and refresh property values only when entering admin mode\n      if (this.adminMode) {\n        if (!this.componentMeta) {\n          this.loadComponentMetadata();\n        } else {\n          this.readPropertyValues();\n        }\n      }\n    });\n  }\n\n  /**\n   * Find the host element by traversing up through shadow DOM\n   */\n  private findHostElement() {\n    // Get the shadow root that contains this le-component\n    const rootNode = this.el.getRootNode();\n    if (rootNode instanceof ShadowRoot) {\n      // The host of this shadow root is our target component (e.g., le-card)\n      this.hostElement = rootNode.host as HTMLElement;\n    }\n  }\n\n  componentDidLoad() {\n    // Read initial property values from the host element\n    this.readPropertyValues();\n  }\n\n  disconnectedCallback() {\n    this.disconnectModeObserver?.();\n  }\n\n  /**\n   * Formats a tag name into a display name\n   * e.g., 'le-card' -> 'Card'\n   */\n  private formatDisplayName(tagName: string): string {\n    if (!tagName || typeof tagName !== 'string') return 'unknown';\n    return tagName\n      .replace(/^le-/, '') // Remove 'le-' prefix\n      .split('-')\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  }\n\n  /**\n   * Load component metadata from the Custom Elements Manifest\n   */\n  private async loadComponentMetadata() {\n    try {\n      // Fetch the manifest from configured URL\n      const { manifestFile } = getLeKitConfig();\n      const manifestFileResolved = getAssetPath(`./assets/${manifestFile}`);\n      const response = await fetch(manifestFileResolved);\n      const manifest = await response.json();\n\n      // Find the component definition\n      for (const module of manifest.modules) {\n        for (const declaration of module.declarations || []) {\n          if (declaration.tagName === this.component) {\n            const attributes = (declaration.attributes || []).filter(\n              (attr: AttributeMetadata) => !this.isInternalAttribute(attr.name),\n            );\n            this.componentMeta = {\n              tagName: declaration.tagName,\n              description: declaration.description,\n              attributes,\n            };\n            // console.log(`[le-component] Loaded metadata for ${this.component}:`, this.componentMeta);\n            // Read property values after metadata is loaded\n            this.readPropertyValues();\n            return;\n          }\n        }\n      }\n      // console.warn(`[le-component] No metadata found for component: ${this.component}`);\n    } catch (error) {\n      // console.warn(`[le-component] Failed to load metadata for component: ${this.component}`, error);\n    }\n  }\n\n  /**\n   * Check if an attribute is internal (should not be shown in editor)\n   */\n  private isInternalAttribute(name: string): boolean {\n    const internalAttrs = ['mode', 'theme', 'class', 'style', 'id', 'slot'];\n    return internalAttrs.includes(name);\n  }\n\n  /**\n   * Read current property values from the host element\n   */\n  private readPropertyValues() {\n    if (!this.hostElement || !this.componentMeta) return;\n\n    const values: Record<string, any> = {};\n    for (const attr of this.componentMeta.attributes) {\n      const value = this.hostElement.getAttribute(attr.name);\n      values[attr.name] = this.parseAttributeValue(value, attr.type?.text);\n    }\n    this.propertyValues = values;\n  }\n\n  /**\n   * Parse an attribute value based on its type\n   */\n  private parseAttributeValue(value: string | null, type?: string): any {\n    if (value === null) return undefined;\n\n    if (type === 'boolean') {\n      return value !== null && value !== 'false';\n    }\n    if (type === 'number') {\n      return parseFloat(value);\n    }\n    return value;\n  }\n\n  /**\n   * Handle property value changes from the editor\n   */\n  private handlePropertyChange(attrName: string, value: any, type?: string) {\n    if (!this.hostElement) return;\n\n    // Update the host element's attribute\n    if (type === 'boolean') {\n      if (value) {\n        this.hostElement.setAttribute(attrName, '');\n      } else {\n        this.hostElement.removeAttribute(attrName);\n      }\n    } else if (value === undefined || value === '') {\n      this.hostElement.removeAttribute(attrName);\n    } else {\n      this.hostElement.setAttribute(attrName, String(value));\n    }\n\n    // Update local state\n    this.propertyValues = { ...this.propertyValues, [attrName]: value };\n\n    // update the host element the way the parent element mutation observer would catch it?\n  }\n\n  /**\n   * Delete this component from the DOM\n   */\n  private deleteComponent() {\n    if (!this.hostElement) return;\n\n    // Confirm deletion\n    const name = this.displayName || this.formatDisplayName(this.component);\n    if (!leConfirm(`Delete this ${name}?`)) return;\n\n    // Remove the host element from its parent\n    const parent = this.hostElement.parentElement;\n    if (parent) {\n      this.hostElement.remove();\n    }\n  }\n\n  /**\n   * Render the property editor form\n   */\n  private renderPropertyEditor() {\n    const hasProperties = this.componentMeta && this.componentMeta.attributes.length > 0;\n\n    return (\n      <div class=\"property-editor-container\">\n        {hasProperties ? (\n          <form class=\"property-editor\" onSubmit={e => e.preventDefault()}>\n            {this.componentMeta!.attributes.map(attr => this.renderPropertyField(attr))}\n          </form>\n        ) : (\n          <p class=\"no-properties\">No editable properties</p>\n        )}\n        <div class=\"property-editor-actions\">\n          <le-button\n            type=\"button\"\n            variant=\"outlined\"\n            color=\"danger\"\n            full-width\n            onClick={() => this.deleteComponent()}\n          >\n            <span slot=\"icon-start\">🗑️</span>\n            <span>Delete Component</span>\n          </le-button>\n        </div>\n      </div>\n    );\n  }\n\n  /**\n   * Render a single property field based on its type\n   */\n  private renderPropertyField(attr: AttributeMetadata) {\n    const value = this.propertyValues[attr.name];\n    const type = attr.type?.text || 'string';\n\n    // Check if type is a union of string literals (e.g., \"'default' | 'outlined' | 'elevated'\")\n    const enumMatch = type.match(/^'[^']+'/);\n    if (enumMatch) {\n      const options = type.split('|').map(opt => opt.trim().replace(/'/g, ''));\n      return (\n        <div class=\"property-field\">\n          <label htmlFor={`prop-${attr.name}`}>\n            {attr.name}\n            {attr.description && <span class=\"property-hint\">{attr.description}</span>}\n          </label>\n          <le-select\n            options={[...options.map(opt => ({ label: opt, value: opt }))]}\n            full-width\n            value={value ?? attr.default?.replace(/'/g, '')}\n            placeholder={attr.default?.replace(/'/g, '')}\n            onChange={(e: CustomEvent<LeOptionSelectDetail>) =>\n              this.handlePropertyChange(attr.name, e.detail.value, type)\n            }\n          ></le-select>\n        </div>\n      );\n    }\n\n    // Boolean type\n    if (type === 'boolean') {\n      return (\n        <div class=\"property-field property-field--checkbox\">\n          <le-checkbox\n            name={`prop-${attr.name}`}\n            checked={value === true || value === ''}\n            onChange={e =>\n              this.handlePropertyChange(attr.name, (e.target as HTMLInputElement).checked, type)\n            }\n          >\n            {attr.name}\n            {attr.description && <div slot=\"description\">{attr.description}</div>}\n          </le-checkbox>\n        </div>\n      );\n    }\n\n    // Number type\n    if (type === 'number') {\n      return (\n        <div class=\"property-field\">\n          <label htmlFor={`prop-${attr.name}`}>\n            {attr.name}\n            {attr.description && <span class=\"property-hint\">{attr.description}</span>}\n          </label>\n          <input\n            type=\"number\"\n            id={`prop-${attr.name}`}\n            value={value ?? ''}\n            placeholder={attr.default}\n            onChange={e =>\n              this.handlePropertyChange(attr.name, (e.target as HTMLInputElement).value, type)\n            }\n          />\n        </div>\n      );\n    }\n\n    // Default: string/text input\n    return (\n      <div class=\"property-field\">\n        <le-string-input\n          name={`prop-${attr.name}`}\n          label={attr.name}\n          value={value ?? ''}\n          placeholder={attr.default?.replace(/'/g, '')}\n          onChange={(e: any) => this.handlePropertyChange(attr.name, e.detail.value, type)}\n        >\n          <span slot=\"description\">{attr.description}</span>\n        </le-string-input>\n      </div>\n    );\n  }\n\n  render() {\n    const name = this.displayName || this.formatDisplayName(this.component);\n\n    // In default mode, just pass through content with host classes\n    if (!this.adminMode) {\n      return (\n        <Host class={classnames(this.component, this.hostClass)} style={this.hostStyle}>\n          <slot></slot>\n        </Host>\n      );\n    }\n\n    // In admin mode, show wrapper with header and settings\n    return (\n      <Host class={classnames(this.component, this.hostClass, 'admin-mode')} style={this.hostStyle}>\n        <div class=\"le-component-wrapper\">\n          <div class=\"le-component-header\">\n            <span class=\"le-component-name\">{name}</span>\n            <le-popover\n              popoverTitle={`${name} Settings`}\n              position=\"right\"\n              align=\"start\"\n              min-width=\"300px\"\n              mode=\"default\"\n            >\n              <le-button\n                type=\"button\"\n                class=\"le-component-button\"\n                slot=\"trigger\"\n                variant=\"clear\"\n                size=\"small\"\n                aria-label=\"Edit component properties\"\n                icon-only\n              >\n                <span class=\"le-component-trigger\" slot=\"icon-only\">\n                  ⚙\n                </span>\n              </le-button>\n              {this.renderPropertyEditor()}\n            </le-popover>\n          </div>\n          <div class=\"le-component-content\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\n/**\n * Type definitions for component metadata\n */\ninterface ComponentMetadata {\n  tagName: string;\n  description?: string;\n  attributes: AttributeMetadata[];\n}\n\ninterface AttributeMetadata {\n  name: string;\n  fieldName?: string;\n  description?: string;\n  default?: string;\n  type?: {\n    text: string;\n  };\n}\n"]}

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

@@ -3,18 +3,33 @@
  * https://paulcpederson.com/articles/stencil-icons/
  */
 import { Build, getAssetPath, h } from "@stencil/core";
+import { getAssetBasePath } from "../../global/app";
 const iconCache = {};
 const requestCache = {};
+/**
+ * Get the URL for loading an icon.
+ * Uses configurable assetBasePath if set, otherwise falls back to Stencil's getAssetPath.
+ */
+function getIconUrl(name) {
+    const basePath = getAssetBasePath();
+    if (basePath) {
+        // Use configured base path - normalize by removing trailing slash
+        const normalizedBase = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;
+        return `${normalizedBase}/icons/${name}.json`;
+    }
+    // Fall back to Stencil's getAssetPath for local development
+    return getAssetPath(`./assets/icons/${name}.json`);
+}
 async function fetchIcon({ name }) {
     if (iconCache[name]) {
         return iconCache[name];
     }
     if (!requestCache[name]) {
-        console.log(`Fetching icon "${name}"`, getAssetPath(`./assets/icons/${name}.json`));
-        requestCache[name] = fetch(getAssetPath(`./assets/icons/${name}.json`))
+        const iconUrl = getIconUrl(name);
+        requestCache[name] = fetch(iconUrl)
             .then(resp => resp.json())
             .catch(() => {
-            console.error(`"${name}" is not a valid name`);
+            console.error(`Icon "${name}" could not be loaded from: ${iconUrl}`);
             return '';
         });
     }
@@ -94,7 +109,7 @@ export class LeIcon {
         return svgElements;
     }
     render() {
-        return (h("svg", { key: 'ef551908a289cd765ae88ded83b99057d510e142', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: this.size || 16, width: this.size || 16, viewBox: this.iconData?.viewBox || `0 0 ${this.size || 16} ${this.size || 16}` }, this.renderSVGContent(this.iconData?.children)));
+        return (h("svg", { key: '0518b0d454e3f3f171413a8b7f03ea89f6f48c0b', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: this.size || 16, width: this.size || 16, viewBox: this.iconData?.viewBox || `0 0 ${this.size || 16} ${this.size || 16}` }, this.renderSVGContent(this.iconData?.children)));
     }
     static get is() { return "le-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"le-icon.js","sourceRoot":"","sources":["../../../src/components/le-icon/le-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Based on the script from Paul Andreson's article:\n * https://paulcpederson.com/articles/stencil-icons/\n */\nimport { Build, Component, Element, getAssetPath, h, Prop, State, Watch } from '@stencil/core';\n\nconst iconCache = {};\nconst requestCache = {};\n\nasync function fetchIcon({ name }): Promise<string> {\n  if (iconCache[name]) {\n    return iconCache[name];\n  }\n  if (!requestCache[name]) {\n    console.log(`Fetching icon \"${name}\"`, getAssetPath(`./assets/icons/${name}.json`));\n    requestCache[name] = fetch(getAssetPath(`./assets/icons/${name}.json`))\n      .then(resp => resp.json())\n      .catch(() => {\n        console.error(`\"${name}\" is not a valid name`);\n        return '';\n      });\n  }\n\n  const path = await requestCache[name];\n  iconCache[name] = path;\n\n  return path;\n}\n\n@Component({\n  tag: 'le-icon',\n  styleUrl: 'le-icon.css',\n  shadow: true,\n  assetsDirs: ['assets/icons'],\n})\nexport class LeIcon {\n  @Element() el: HTMLElement;\n\n  /**\n   * Name of the icon to display. Corresponds to a JSON file in the assets folder.\n   * For example, \"search\" will load the \"search.json\" file.\n   */\n  @Prop() name: string = null;\n\n  /**\n   * Size of the icon in pixels. Default is 16.\n   */\n  @Prop() size: number = 16;\n\n  @State() private iconData: any = null;\n\n  @State() private visible = false;\n\n  @Watch('name') private async loadIconData(): Promise<void> {\n    const { name, visible } = this;\n\n    if (!Build.isBrowser || !name || !visible) {\n      return;\n    }\n\n    this.iconData = await fetchIcon({ name });\n  }\n\n  private intersectionObserver: IntersectionObserver;\n\n  connectedCallback(): void {\n    this.waitUntilVisible(() => {\n      this.visible = true;\n      this.loadIconData();\n    });\n  }\n\n  disconnectedCallback(): void {\n    if (this.intersectionObserver) {\n      this.intersectionObserver.disconnect();\n      this.intersectionObserver = null;\n    }\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.loadIconData();\n  }\n\n  private waitUntilVisible(callback: () => void): void {\n    if (\n      !Build.isBrowser ||\n      typeof window === 'undefined' ||\n      !(window as any).IntersectionObserver\n    ) {\n      callback();\n      return;\n    }\n\n    this.intersectionObserver = new IntersectionObserver(\n      entries => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            this.intersectionObserver.disconnect();\n            this.intersectionObserver = null;\n            callback();\n          }\n        });\n      },\n      { rootMargin: '50px' },\n    );\n\n    this.intersectionObserver.observe(this.el);\n  }\n\n  /**\n   * Renders the SVG content out of a JSON data in a format:\n   * { \"viewBox\": \"...\", children: [{ \"tag\": \"g\", \"\"children\": [ ... ], ...attrs }, ...] }\n   *\n   * @returns JSX.Element | null\n   */\n  private renderSVGContent(children?: any[]) {\n    if (!children || children.length === 0) {\n      return null;\n    }\n\n    const createElement = node => {\n      const { tag, children, ...attrs } = node;\n      return h(tag, attrs, children ? children.map(createElement) : null);\n    };\n\n    const svgElements = children.map(createElement);\n    return svgElements;\n  }\n\n  render() {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"currentColor\"\n        height={this.size || 16}\n        width={this.size || 16}\n        viewBox={this.iconData?.viewBox || `0 0 ${this.size || 16} ${this.size || 16}`}\n      >\n        {this.renderSVGContent(this.iconData?.children)}\n      </svg>\n    );\n  }\n}\n"]}
+{"version":3,"file":"le-icon.js","sourceRoot":"","sources":["../../../src/components/le-icon/le-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Based on the script from Paul Andreson's article:\n * https://paulcpederson.com/articles/stencil-icons/\n */\nimport { Build, Component, Element, getAssetPath, h, Prop, State, Watch } from '@stencil/core';\nimport { getAssetBasePath } from '../../global/app';\n\nconst iconCache: Record<string, any> = {};\nconst requestCache: Record<string, Promise<any>> = {};\n\n/**\n * Get the URL for loading an icon.\n * Uses configurable assetBasePath if set, otherwise falls back to Stencil's getAssetPath.\n */\nfunction getIconUrl(name: string): string {\n  const basePath = getAssetBasePath();\n  if (basePath) {\n    // Use configured base path - normalize by removing trailing slash\n    const normalizedBase = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;\n    return `${normalizedBase}/icons/${name}.json`;\n  }\n  // Fall back to Stencil's getAssetPath for local development\n  return getAssetPath(`./assets/icons/${name}.json`);\n}\n\nasync function fetchIcon({ name }): Promise<string> {\n  if (iconCache[name]) {\n    return iconCache[name];\n  }\n  if (!requestCache[name]) {\n    const iconUrl = getIconUrl(name);\n    requestCache[name] = fetch(iconUrl)\n      .then(resp => resp.json())\n      .catch(() => {\n        console.error(`Icon \"${name}\" could not be loaded from: ${iconUrl}`);\n        return '';\n      });\n  }\n\n  const path = await requestCache[name];\n  iconCache[name] = path;\n\n  return path;\n}\n\n@Component({\n  tag: 'le-icon',\n  styleUrl: 'le-icon.css',\n  shadow: true,\n  assetsDirs: ['assets/icons'],\n})\nexport class LeIcon {\n  @Element() el: HTMLElement;\n\n  /**\n   * Name of the icon to display. Corresponds to a JSON file in the assets folder.\n   * For example, \"search\" will load the \"search.json\" file.\n   */\n  @Prop() name: string = null;\n\n  /**\n   * Size of the icon in pixels. Default is 16.\n   */\n  @Prop() size: number = 16;\n\n  @State() private iconData: any = null;\n\n  @State() private visible = false;\n\n  @Watch('name') private async loadIconData(): Promise<void> {\n    const { name, visible } = this;\n\n    if (!Build.isBrowser || !name || !visible) {\n      return;\n    }\n\n    this.iconData = await fetchIcon({ name });\n  }\n\n  private intersectionObserver: IntersectionObserver;\n\n  connectedCallback(): void {\n    this.waitUntilVisible(() => {\n      this.visible = true;\n      this.loadIconData();\n    });\n  }\n\n  disconnectedCallback(): void {\n    if (this.intersectionObserver) {\n      this.intersectionObserver.disconnect();\n      this.intersectionObserver = null;\n    }\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.loadIconData();\n  }\n\n  private waitUntilVisible(callback: () => void): void {\n    if (\n      !Build.isBrowser ||\n      typeof window === 'undefined' ||\n      !(window as any).IntersectionObserver\n    ) {\n      callback();\n      return;\n    }\n\n    this.intersectionObserver = new IntersectionObserver(\n      entries => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            this.intersectionObserver.disconnect();\n            this.intersectionObserver = null;\n            callback();\n          }\n        });\n      },\n      { rootMargin: '50px' },\n    );\n\n    this.intersectionObserver.observe(this.el);\n  }\n\n  /**\n   * Renders the SVG content out of a JSON data in a format:\n   * { \"viewBox\": \"...\", children: [{ \"tag\": \"g\", \"\"children\": [ ... ], ...attrs }, ...] }\n   *\n   * @returns JSX.Element | null\n   */\n  private renderSVGContent(children?: any[]) {\n    if (!children || children.length === 0) {\n      return null;\n    }\n\n    const createElement = node => {\n      const { tag, children, ...attrs } = node;\n      return h(tag, attrs, children ? children.map(createElement) : null);\n    };\n\n    const svgElements = children.map(createElement);\n    return svgElements;\n  }\n\n  render() {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"currentColor\"\n        height={this.size || 16}\n        width={this.size || 16}\n        viewBox={this.iconData?.viewBox || `0 0 ${this.size || 16} ${this.size || 16}`}\n      >\n        {this.renderSVGContent(this.iconData?.children)}\n      </svg>\n    );\n  }\n}\n"]}

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

@@ -28,7 +28,7 @@ export class LeNavigation {
      * Horizontal wrapping behavior.
      * If false, overflow behavior depends on `overflowMode`.
      */
-    wrap = true;
+    wrap = false;
     /**
      * Overflow behavior for horizontal, non-wrapping menus.
      * - more: moves overflow items into a "More" popover
@@ -367,7 +367,7 @@ export class LeNavigation {
                 'align-end': this.align === 'end',
                 'align-center': this.align === 'center',
                 'align-space-between': this.align === 'space-between',
-            }), overflow: overflowMode, alignItems: this.getBarAlignment(), disablePopover: true, onLeBarOverflowChange: this.handleBarOverflowChange }, items.map((item, index) => this.renderHorizontalItem(item, index))), showOverflowButton && this.renderOverflowPopover()));
+            }), overflow: overflowMode, alignItems: this.getBarAlignment(), disablePopover: true, minVisibleItems: this.minVisibleItemsForMore, onLeBarOverflowChange: this.handleBarOverflowChange }, items.map((item, index) => this.renderHorizontalItem(item, index))), showOverflowButton && this.renderOverflowPopover()));
     }
     render() {
         const items = this.parsedItems;
@@ -461,7 +461,7 @@ export class LeNavigation {
                 "setter": false,
                 "reflect": true,
                 "attribute": "wrap",
-                "defaultValue": "true"
+                "defaultValue": "false"
             },
             "overflowMode": {
                 "type": "string",