bromcom-ui-next 0.1.30 → 0.1.31

package/dist/components/bcm-popover.js.map

@@ -1 +1 @@
-{"file":"bcm-popover.js","mappings":";;;;AAAA,MAAM,UAAU,GAAG,2uFAA2uF;;MCiDjvF,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;;;;QAmBU,IAAA,CAAA,SAAS,GAAG,CAAA,QAAA,EAAW,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAE;AAC5E;;;;AAIG;AACK,QAAA,IAAI,CAAA,IAAA,GAAiC,QAAQ;AAErD;;;;AAIG;AACK,QAAA,IAAS,CAAA,SAAA,GAAwC,KAAK;AAE9D;;;;AAIG;AACK,QAAA,IAAO,CAAA,OAAA,GAAsC,OAAO;AAE5D;;;;AAIG;AACgC,QAAA,IAAS,CAAA,SAAA,GAAW,CAAC;AAExD;;;;AAIG;AACgC,QAAA,IAAS,CAAA,SAAA,GAAW,CAAC;AAExD;;;;AAIG;AACqC,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AAE7D;;;AAGG;AACK,QAAA,IAAmB,CAAA,mBAAA,GAAY,IAAI;AAE3C;;;AAGG;AACK,QAAA,IAAa,CAAA,aAAA,GAAY,IAAI;AAcrC;;;AAGG;AACK,QAAA,IAAK,CAAA,KAAA,GAAY,IAAI;;AAGpB,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAiJxB,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;;AAC9B,YAAA,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,kBAAkB,CAAoB;AACvF,YAAA,IAAI,CAAC,IAAI;gBAAE;AAEX,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE;AACxC,YAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;;gBAEvB,IAAI,CAAC,sBAAsB,EAAE;AAE7B,gBAAA,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAgB;gBAC5C,IAAI,CAAC,qBAAqB,EAAE;gBAC5B,IAAI,CAAC,mBAAmB,EAAE;;AAE9B,SAAC;AAmCO,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;YAC9B,IAAI,CAAC,IAAI,EAAE;AACb,SAAC;AAEO,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;YAC9B,IAAI,CAAC,IAAI,EAAE;AACb,SAAC;AAEO,QAAA,IAAuB,CAAA,uBAAA,GAAG,MAAK;YACrC,IAAI,CAAC,aAAa,EAAE;AACtB,SAAC;AAEO,QAAA,IAAuB,CAAA,uBAAA,GAAG,MAAK;YACrC,IAAI,CAAC,IAAI,EAAE;AACb,SAAC;AAEO,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,KAAiB,KAAI;YACjD,KAAK,CAAC,eAAe,EAAE;YACvB,IAAI,CAAC,MAAM,EAAE;AACf,SAAC;AAEO,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;YACzB,IAAI,CAAC,IAAI,EAAE;AACb,SAAC;AAEO,QAAA,IAAU,CAAA,UAAA,GAAG,MAAK;YACxB,IAAI,CAAC,IAAI,EAAE;AACb,SAAC;AA2BO,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,KAAY,KAAI;;YAC5C,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,IAAI;gBAAE;AAE7C,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAc;AACnC,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE;AAEjC,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;YAC3E,MAAM,eAAe,GAAG,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,CAAC,MAAM,CAAC,MAAK,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAEhH,YAAA,IAAI,CAAC,YAAY,IAAI,CAAC,eAAe,EAAE;gBACrC,IAAI,CAAC,IAAI,EAAE;;AAEf,SAAC;AAaO,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,KAAkB,KAAI;;YAE5C,IAAI,KAAK,CAAC,QAAQ,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAC7C,gBAAA,IAAI,CAAC,MAAM,GAAG,IAAI;;iBACb,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE;AACrD,gBAAA,IAAI,CAAC,MAAM,GAAG,KAAK;;AAEvB,SAAC;AA+BO,QAAA,IAAc,CAAA,cAAA,GAAG,YAAW;YAClC,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,UAAU;gBAAE;;YAG1C,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE;AAC3D,YAAA,MAAM,YAAY,GAChB,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,CAAC,GAAG,GAAG,MAAM,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,GAAG,CAAC,IAAI,WAAW,CAAC,IAAI,GAAG,MAAM,CAAC,UAAU;;AAGjI,YAAA,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,EAAE;gBAC9B,IAAI,CAAC,IAAI,EAAE;gBACX;;;AAIF,YAAA,MAAM,cAAc,GAAG;gBACrB,qBAAqB,EAAE,MAAM,IAAI,CAAC,UAAW,CAAC,qBAAqB,EAAE;aACtE;AAED,YAAA,MAAM,UAAU,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;YAExH,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC/B,gBAAA,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;;AAGpD,YAAA,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,MAAM,eAAe,CAAC,cAAc,EAAE,IAAI,CAAC,UAAU,EAAE;gBACjG,SAAS,EAAE,IAAI,CAAC,SAAS;AACzB,gBAAA,QAAQ,EAAE,OAAO;gBACjB,UAAU;AACX,aAAA,CAAC;YAEF,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;gBACnC,IAAI,EAAE,CAAG,EAAA,CAAC,CAAI,EAAA,CAAA;gBACd,GAAG,EAAE,CAAG,EAAA,CAAC,CAAI,EAAA,CAAA;AACd,aAAA,CAAC;;YAGF,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,gBAAgB,EAAE,SAAS,CAAC;;AAGzD,YAAA,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,IAAI,cAAc,CAAC,KAAK,EAAE;AACvD,gBAAA,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,KAAK;gBACrD,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAwC;AACpF,gBAAA,MAAM,UAAU,GAAG;AACjB,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,KAAK;AACb,oBAAA,IAAI,EAAE,OAAO;iBACd,CAAC,aAAa,CAAC;gBAEhB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;AACjC,oBAAA,IAAI,EAAE,MAAM,IAAI,IAAI,GAAG,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI,GAAG,EAAE;AACzC,oBAAA,GAAG,EAAE,MAAM,IAAI,IAAI,GAAG,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI,GAAG,EAAE;AACxC,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;oBACV,CAAC,UAAU,GAAG,MAAM;AACrB,iBAAA,CAAC;;AAEN,SAAC;AAEO,QAAA,IAAY,CAAA,YAAA,GAAG,EAAE,CAAC;AACxB,YAAA,KAAK,EAAE;AACL,gBAAA,GAAG,EAAE;oBACH,gBAAgB;oBAChB,aAAa;oBACb,OAAO;oBACP,KAAK;oBACL,MAAM;oBACN,UAAU;oBACV,mBAAmB;oBACnB,YAAY;oBACZ,UAAU;oBACV,KAAK;oBACL,SAAS;oBACT,WAAW;AACZ,iBAAA;AACD,gBAAA,MAAM,EAAE,0BAA0B;AAClC,gBAAA,OAAO,EAAE,wBAAwB;AACjC,gBAAA,KAAK,EAAE,wDAAwD;AAChE,aAAA;AACD,YAAA,QAAQ,EAAE;AACR,gBAAA,IAAI,EAAE;AACJ,oBAAA,KAAK,EAAE,EAAE,GAAG,EAAE,aAAa,EAAE;AAC7B,oBAAA,MAAM,EAAE,EAAE,GAAG,EAAE,aAAa,EAAE;AAC9B,oBAAA,KAAK,EAAE,EAAE,GAAG,EAAE,aAAa,EAAE;AAC9B,iBAAA;AACF,aAAA;AACD,YAAA,eAAe,EAAE;AACf,gBAAA,IAAI,EAAE,QAAQ;AACf,aAAA;AACF,SAAA,CAAC;AAkCH;;AAtZC,IAAA,gBAAgB,CAAC,QAAiB,EAAA;QAChC,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,YAAY,EAAE;;aACd;YACL,IAAI,CAAC,YAAY,EAAE;;;;IAKf,YAAY,GAAA;;QAClB,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE;AAEtB,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;AAClB,QAAA,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE;QAC7B,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,cAAc,EAAE;AACrB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;AACtD,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AAEnB,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,IAAI,CAAC,uBAAuB,EAAE;;;;IAK1B,YAAY,GAAA;;QAClB,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE;AAEtB,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE;QAC7B,IAAI,CAAC,cAAc,EAAE;AACrB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;AACvD,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;QACpB,IAAI,CAAC,0BAA0B,EAAE;;AAGnC;;;AAGG;AAEH,IAAA,MAAM,IAAI,GAAA;QACR,IAAI,IAAI,CAAC,IAAI;YAAE;QAEf,IAAI,CAAC,aAAa,EAAE;AAEpB,QAAA,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,EAAE;YACtB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;AACxC,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AACzB,gBAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAClB,aAAC,EAAE,IAAI,CAAC,SAAS,CAAC;;aACb;AACL,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AACzB,YAAA,IAAI,CAAC,IAAI,GAAG,IAAI;;;AAIpB;;;AAGG;AAEH,IAAA,MAAM,IAAI,GAAA;QACR,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE;QAEhB,IAAI,CAAC,aAAa,EAAE;AAEpB,QAAA,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,EAAE;YACtB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;AACxC,gBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;AAC1B,gBAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACnB,aAAC,EAAE,IAAI,CAAC,SAAS,CAAC;;aACb;AACL,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;AAC1B,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;;;AAIrB;;AAEG;AAEH,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,MAAM,IAAI,CAAC,IAAI,EAAE;;aACZ;AACL,YAAA,MAAM,IAAI,CAAC,IAAI,EAAE;;;IAIb,aAAa,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;AAC9B,YAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;AAE9B,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;AAC9B,YAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;;IAIxB,eAAe,GAAA;QACrB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE;QAE1C,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,EAAE;AACjG,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,WAAW,EAAE,IAAI;AAClB,SAAA,CAAC;;IAGI,cAAc,GAAA;;QACpB,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,CAAI;AAC1B,QAAA,IAAI,CAAC,iBAAiB,GAAG,SAAS;;IAkB5B,qBAAqB,GAAA;;QAC3B,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE;AAEtB,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;YAC9D,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;YACrE,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;AACrE,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,uBAAuB,CAAC;AAC7E,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,uBAAuB,CAAC;;AAG/E,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;YAC5B,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;;AAGpE,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;YAClC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC;YAC3D,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC;;;IAIrD,sBAAsB,GAAA;;QAC5B,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE;QAEtB,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;QACxE,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;QACxE,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;QACrE,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC;QAC9D,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC;AAE5D,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,uBAAuB,CAAC;AAChF,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,uBAAuB,CAAC;;IAgC1E,mBAAmB,GAAA;QACzB,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE;QAEtB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,kBAAkB,EAAE,IAAI,CAAC,SAAS,CAAC;AAChE,QAAA,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChE,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC;;AAIzD,IAAA,aAAa,CAAC,KAAoB,EAAA;;QAChC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE;AAEvC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;;AAE1B,YAAA,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;YAC/E,MAAM,UAAU,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;AAExD,YAAA,IAAI,UAAU,KAAK,IAAI,CAAC,IAAI,EAAE;gBAC5B,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,CAAC,IAAI,EAAE;gBACX,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE;;;;IAmBtB,uBAAuB,GAAA;;QAE7B,UAAU,CAAC,MAAK;YACd,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC;SAClE,EAAE,CAAC,CAAC;;IAGC,0BAA0B,GAAA;QAChC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC;;IAYtE,gBAAgB,GAAA;;;AAEd,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAA6B,CAAC;;AAG/E,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,YAAY,EAAE;;;IAIvB,oBAAoB,GAAA;QAClB,IAAI,CAAC,aAAa,EAAE;QACpB,IAAI,CAAC,cAAc,EAAE;QACrB,IAAI,CAAC,sBAAsB,EAAE;QAC7B,IAAI,CAAC,0BAA0B,EAAE;AAEjC,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAA6B,CAAC;AAEjF,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,IAAI;AACF,oBAAA,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE;;gBAC7B,OAAO,CAAC,EAAE;;;;;;IAmGlB,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YACpE,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,SAAA,CAAC;AAEF,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,EAAS,CAAA,EAElD,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAiB,CAAC,EAChD,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,GAAG,EAAE;;AAEZ,YAAA,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EAAA,iBAAA,EACI,IAAI,CAAC,UAAU,GAAG,CAAG,EAAA,IAAI,CAAC,SAAS,SAAS,GAAG,SAAS,EAAA,EAExE,IAAI,CAAC,KAAK,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQ,GAAG,EAAiB,CAAC,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,EAAI,CAAA,EAExG,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAA,OAAA,CAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,EAAE,EAAA,EAChE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,EAAE,IAAI,CAAC,UAAU,CAAQ,CACxC,EAEN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,OAAO,EAAE,EAAA,EAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,EAAE,IAAI,CAAC,OAAO,CAAQ,CACtC,CACF,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/popover/popover.css?tag=bcm-popover&encapsulation=shadow","src/components/popover/popover.component.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --popover-bg: var(--bcm-ui-color-background-base-default);\n}\n\n/* Popover API base styles */\n[popover] {\n  border: none;\n  padding: 0;\n  overflow: visible;\n}\n\n[popover]:not(:popover-open) {\n  display: none;\n}\n\n[popover]:popover-open {\n  opacity: 1;\n  transform: scale(1);\n  transition:\n    opacity 150ms ease-out,\n    transform 150ms ease-out;\n}\n\n/* Starting style for entry animation */\n@starting-style {\n  [popover]:popover-open {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n\n/* Arrow rotation based on placement */\n[data-placement^='top'] [part='arrow'] {\n  border-top: none;\n  border-left: none;\n}\n\n[data-placement^='bottom'] [part='arrow'] {\n  border-bottom: none;\n  border-right: none;\n}\n\n[data-placement^='left'] [part='arrow'] {\n  border-bottom: none;\n  border-left: none;\n}\n\n[data-placement^='right'] [part='arrow'] {\n  border-top: none;\n  border-right: none;\n}\n","import { arrow, computePosition, flip, offset, shift, autoUpdate } from '@floating-ui/dom';\nimport { Component, ComponentInterface, Element, Prop, Event, EventEmitter, h, Method, State, Watch, Listen } from '@stencil/core';\nimport { tv } from '@utils/tv';\n\n/**\n * @component BcmPopover\n * @description A flexible popover component that displays contextual information or content relative to a target element.\n * Built on the native Popover API for top-layer rendering and Floating UI for intelligent positioning.\n * Supports different sizes, trigger types (click, hover, focus), placements, and comprehensive event system.\n *\n * @example Basic Click Popover\n * <bcm-popover trigger=\"click\" size=\"medium\" placement=\"top\">\n *   <bcm-button>Click Me</bcm-button>\n *   <span slot=\"header\">Header</span>\n *   <span slot=\"content\">This is a simple popover content.</span>\n * </bcm-popover>\n *\n * @example Hover Popover with Delays\n * <bcm-popover trigger=\"hover\" show-delay=\"200\" hide-delay=\"100\" size=\"large\" placement=\"right\" header-text=\"Prop Header\" message=\"This is a hover popover with props.\">\n *   <bcm-button>Hover Me</bcm-button>\n * </bcm-popover>\n *\n * @example Programmatic Control\n * <bcm-popover id=\"my-popover\" trigger=\"click\">\n *   <bcm-button>Toggle Me</bcm-button>\n *   <span slot=\"content\">Controlled popover</span>\n * </bcm-popover>\n * <script>\n *   const popover = document.querySelector('#my-popover');\n *   popover.show(); // Opens the popover\n *   popover.hide(); // Closes the popover\n *   popover.toggle(); // Toggles the popover\n * </script>\n *\n * @slot - Default slot for the target element that triggers the popover\n * @slot header - Slot for custom header content\n * @slot content - Slot for custom popover content\n *\n * @csspart popover - The root popover container element, stylable for the entire popover\n * @csspart header - The header section of the popover, stylable for the title area\n * @csspart content - The content section of the popover, stylable for the main content area\n * @csspart arrow - The arrow element of the popover, stylable for the positioning arrow\n */\n\n@Component({\n  tag: 'bcm-popover',\n  styleUrl: 'popover.css',\n  shadow: true,\n})\nexport class Popover implements ComponentInterface {\n  @Element() host: HTMLElement;\n\n  // Element references\n  private triggerRef?: HTMLElement;\n  private popoverRef?: HTMLElement;\n  private arrowRef?: HTMLElement;\n\n  // Cleanup references\n  private cleanupAutoUpdate?: () => void;\n  private showTimeout?: number;\n  private hideTimeout?: number;\n\n  // Unique ID for ARIA\n  private popoverId = `popover-${Math.random().toString(36).substring(2, 11)}`;\n  /**\n   * @prop {('small' | 'medium' | 'large')} size - Defines the size of the popover.\n   * Controls the text size and padding of the popover content.\n   * Default: 'medium'\n   */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * @prop {('top' | 'right' | 'bottom' | 'left')} placement - Defines the position of the popover relative to the target element.\n   * Determines where the popover appears around the trigger element.\n   * Default: 'top'\n   */\n  @Prop() placement: 'top' | 'right' | 'bottom' | 'left' = 'top';\n\n  /**\n   * @prop {('click' | 'hover' | 'hover focus')} trigger - Defines the interaction type to show/hide the popover.\n   * 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave, 'hover focus' combines both.\n   * Default: 'click'\n   */\n  @Prop() trigger: 'click' | 'hover' | 'hover focus' = 'click';\n\n  /**\n   * @prop {number} showDelay - Delay in milliseconds before showing the popover.\n   * Useful to prevent popovers from appearing on quick mouse movements.\n   * Default: 0\n   */\n  @Prop({ attribute: 'show-delay' }) showDelay: number = 0;\n\n  /**\n   * @prop {number} hideDelay - Delay in milliseconds before hiding the popover.\n   * Provides a grace period for mouse movements.\n   * Default: 0\n   */\n  @Prop({ attribute: 'hide-delay' }) hideDelay: number = 0;\n\n  /**\n   * @prop {boolean} open - Controls the open state of the popover.\n   * Can be set programmatically or toggled by user interaction.\n   * Default: false\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * @prop {boolean} closeOnOutsideClick - Whether to close the popover when clicking outside.\n   * Default: true\n   */\n  @Prop() closeOnOutsideClick: boolean = true;\n\n  /**\n   * @prop {boolean} closeOnEscape - Whether to close the popover when pressing Escape key.\n   * Default: true\n   */\n  @Prop() closeOnEscape: boolean = true;\n\n  /**\n   * @prop {string} headerText - Custom text for the popover header.\n   * Used as fallback content if the 'header' slot is not provided.\n   */\n  @Prop() headerText?: string;\n\n  /**\n   * @prop {string} message - Custom text for the popover content.\n   * Used as fallback content if the 'content' slot is not provided.\n   */\n  @Prop() message?: string;\n\n  /**\n   * @prop {boolean} arrow - Whether to show an arrow pointing to the trigger element.\n   * Default: true\n   */\n  @Prop() arrow: boolean = true;\n\n  // Internal state\n  @State() isOpen: boolean = false;\n\n  /**\n   * @event bcmBeforeOpen - Emitted before the popover opens.\n   * Useful for performing actions before the popover becomes visible.\n   */\n  @Event({ composed: false, bubbles: false }) bcmBeforeOpen: EventEmitter<void>;\n\n  /**\n   * @event bcmOpen - Emitted when the popover is opened.\n   * Useful for tracking when the popover becomes visible.\n   */\n  @Event({ composed: false, bubbles: false }) bcmOpen: EventEmitter<void>;\n\n  /**\n   * @event bcmBeforeClose - Emitted before the popover closes.\n   * Useful for performing actions before the popover is hidden.\n   */\n  @Event({ composed: false, bubbles: false }) bcmBeforeClose: EventEmitter<void>;\n\n  /**\n   * @event bcmClose - Emitted when the popover is closed.\n   * Useful for tracking when the popover is hidden.\n   */\n  @Event({ composed: false, bubbles: false }) bcmClose: EventEmitter<void>;\n\n  // Watch for open prop changes\n  @Watch('open')\n  handleOpenChange(newValue: boolean) {\n    if (newValue) {\n      this.showInternal();\n    } else {\n      this.hideInternal();\n    }\n  }\n\n  // Internal show logic\n  private showInternal() {\n    if (!this.popoverRef) return;\n\n    this.isOpen = true;\n    this.popoverRef.showPopover();\n    this.startAutoUpdate();\n    this.updatePosition();\n    this.triggerRef?.setAttribute('aria-expanded', 'true');\n    this.bcmOpen.emit();\n\n    if (this.closeOnOutsideClick) {\n      this.addOutsideClickListener();\n    }\n  }\n\n  // Internal hide logic\n  private hideInternal() {\n    if (!this.popoverRef) return;\n\n    this.isOpen = false;\n    this.popoverRef.hidePopover();\n    this.stopAutoUpdate();\n    this.triggerRef?.setAttribute('aria-expanded', 'false');\n    this.bcmClose.emit();\n    this.removeOutsideClickListener();\n  }\n\n  /**\n   * Programmatically shows the popover.\n   * Respects the showDelay prop.\n   */\n  @Method()\n  async show(): Promise<void> {\n    if (this.open) return;\n\n    this.clearTimeouts();\n\n    if (this.showDelay > 0) {\n      this.showTimeout = window.setTimeout(() => {\n        this.bcmBeforeOpen.emit();\n        this.open = true;\n      }, this.showDelay);\n    } else {\n      this.bcmBeforeOpen.emit();\n      this.open = true;\n    }\n  }\n\n  /**\n   * Programmatically hides the popover.\n   * Respects the hideDelay prop.\n   */\n  @Method()\n  async hide(): Promise<void> {\n    if (!this.open) return;\n\n    this.clearTimeouts();\n\n    if (this.hideDelay > 0) {\n      this.hideTimeout = window.setTimeout(() => {\n        this.bcmBeforeClose.emit();\n        this.open = false;\n      }, this.hideDelay);\n    } else {\n      this.bcmBeforeClose.emit();\n      this.open = false;\n    }\n  }\n\n  /**\n   * Toggles the popover visibility.\n   */\n  @Method()\n  async toggle(): Promise<void> {\n    if (this.open) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  private clearTimeouts() {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = undefined;\n    }\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = undefined;\n    }\n  }\n\n  private startAutoUpdate() {\n    if (!this.triggerRef || !this.popoverRef) return;\n\n    this.cleanupAutoUpdate = autoUpdate(this.triggerRef, this.popoverRef, () => this.updatePosition(), {\n      ancestorScroll: true,\n      ancestorResize: true,\n      elementResize: true,\n      layoutShift: true,\n    });\n  }\n\n  private stopAutoUpdate() {\n    this.cleanupAutoUpdate?.();\n    this.cleanupAutoUpdate = undefined;\n  }\n\n  private handleSlotChange = () => {\n    const slot = this.host.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (!slot) return;\n\n    const elements = slot.assignedElements();\n    if (elements.length > 0) {\n      // Remove old listeners\n      this.removeTriggerListeners();\n\n      this.triggerRef = elements[0] as HTMLElement;\n      this.setupTriggerListeners();\n      this.setupAriaAttributes();\n    }\n  };\n\n  private setupTriggerListeners() {\n    if (!this.triggerRef) return;\n\n    if (this.trigger === 'hover' || this.trigger === 'hover focus') {\n      this.triggerRef.addEventListener('mouseenter', this.handleMouseEnter);\n      this.triggerRef.addEventListener('mouseleave', this.handleMouseLeave);\n      this.popoverRef?.addEventListener('mouseenter', this.handlePopoverMouseEnter);\n      this.popoverRef?.addEventListener('mouseleave', this.handlePopoverMouseLeave);\n    }\n\n    if (this.trigger === 'click') {\n      this.triggerRef.addEventListener('click', this.handleTriggerClick);\n    }\n\n    if (this.trigger === 'hover focus') {\n      this.triggerRef.addEventListener('focus', this.handleFocus);\n      this.triggerRef.addEventListener('blur', this.handleBlur);\n    }\n  }\n\n  private removeTriggerListeners() {\n    if (!this.triggerRef) return;\n\n    this.triggerRef.removeEventListener('mouseenter', this.handleMouseEnter);\n    this.triggerRef.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.triggerRef.removeEventListener('click', this.handleTriggerClick);\n    this.triggerRef.removeEventListener('focus', this.handleFocus);\n    this.triggerRef.removeEventListener('blur', this.handleBlur);\n\n    this.popoverRef?.removeEventListener('mouseenter', this.handlePopoverMouseEnter);\n    this.popoverRef?.removeEventListener('mouseleave', this.handlePopoverMouseLeave);\n  }\n\n  private handleMouseEnter = () => {\n    this.show();\n  };\n\n  private handleMouseLeave = () => {\n    this.hide();\n  };\n\n  private handlePopoverMouseEnter = () => {\n    this.clearTimeouts();\n  };\n\n  private handlePopoverMouseLeave = () => {\n    this.hide();\n  };\n\n  private handleTriggerClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.toggle();\n  };\n\n  private handleFocus = () => {\n    this.show();\n  };\n\n  private handleBlur = () => {\n    this.hide();\n  };\n\n  private setupAriaAttributes() {\n    if (!this.triggerRef) return;\n\n    this.triggerRef.setAttribute('aria-describedby', this.popoverId);\n    this.triggerRef.setAttribute('aria-expanded', String(this.open));\n    this.triggerRef.setAttribute('aria-haspopup', 'dialog');\n  }\n\n  @Listen('keydown', { target: 'document' })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.closeOnEscape || !this.open) return;\n\n    if (event.key === 'Escape') {\n      // Topmost popover check\n      const openPopovers = Array.from(document.querySelectorAll('bcm-popover[open]'));\n      const topPopover = openPopovers[openPopovers.length - 1];\n\n      if (topPopover === this.host) {\n        event.preventDefault();\n        this.hide();\n        this.triggerRef?.focus();\n      }\n    }\n  }\n\n  private handleOutsideClick = (event: Event) => {\n    if (!this.closeOnOutsideClick || !this.open) return;\n\n    const target = event.target as Node;\n    const path = event.composedPath();\n\n    const isInsideHost = this.host.contains(target) || path.includes(this.host);\n    const isInsidePopover = this.popoverRef?.contains(target) || (this.popoverRef && path.includes(this.popoverRef));\n\n    if (!isInsideHost && !isInsidePopover) {\n      this.hide();\n    }\n  };\n\n  private addOutsideClickListener() {\n    // Add on next tick to avoid catching current click\n    setTimeout(() => {\n      document.addEventListener('click', this.handleOutsideClick, true);\n    }, 0);\n  }\n\n  private removeOutsideClickListener() {\n    document.removeEventListener('click', this.handleOutsideClick, true);\n  }\n\n  private handleToggle = (event: ToggleEvent) => {\n    // Sync internal state with native popover state\n    if (event.newState === 'open' && !this.isOpen) {\n      this.isOpen = true;\n    } else if (event.newState === 'closed' && this.isOpen) {\n      this.isOpen = false;\n    }\n  };\n\n  componentDidLoad() {\n    // Toggle event listener (Popover API)\n    this.popoverRef?.addEventListener('toggle', this.handleToggle as EventListener);\n\n    // Initial state sync\n    if (this.open) {\n      this.showInternal();\n    }\n  }\n\n  disconnectedCallback() {\n    this.clearTimeouts();\n    this.stopAutoUpdate();\n    this.removeTriggerListeners();\n    this.removeOutsideClickListener();\n\n    if (this.popoverRef) {\n      this.popoverRef.removeEventListener('toggle', this.handleToggle as EventListener);\n\n      if (this.isOpen) {\n        try {\n          this.popoverRef.hidePopover();\n        } catch (e) {\n          // Element might already be removed\n        }\n      }\n    }\n  }\n\n  private updatePosition = async () => {\n    if (!this.triggerRef || !this.popoverRef) return;\n\n    // Check if trigger element is still in viewport\n    const triggerRect = this.triggerRef.getBoundingClientRect();\n    const isInViewport =\n      triggerRect.bottom > 0 && triggerRect.top < window.innerHeight && triggerRect.right > 0 && triggerRect.left < window.innerWidth;\n\n    // Hide popover if trigger is out of viewport\n    if (!isInViewport && this.open) {\n      this.hide();\n      return;\n    }\n\n    // Virtual element for shadow DOM boundary\n    const virtualElement = {\n      getBoundingClientRect: () => this.triggerRef!.getBoundingClientRect(),\n    };\n\n    const middleware = [offset(12), flip({ fallbackPlacements: ['top', 'left', 'bottom', 'right'] }), shift({ padding: 8 })];\n\n    if (this.arrow && this.arrowRef) {\n      middleware.push(arrow({ element: this.arrowRef }));\n    }\n\n    const { x, y, placement, middlewareData } = await computePosition(virtualElement, this.popoverRef, {\n      placement: this.placement,\n      strategy: 'fixed',\n      middleware,\n    });\n\n    Object.assign(this.popoverRef.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n    });\n\n    // Update placement attribute for CSS\n    this.popoverRef.setAttribute('data-placement', placement);\n\n    // Arrow positioning\n    if (this.arrow && this.arrowRef && middlewareData.arrow) {\n      const { x: arrowX, y: arrowY } = middlewareData.arrow;\n      const basePlacement = placement.split('-')[0] as 'top' | 'right' | 'bottom' | 'left';\n      const staticSide = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      }[basePlacement];\n\n      Object.assign(this.arrowRef.style, {\n        left: arrowX != null ? `${arrowX}px` : '',\n        top: arrowY != null ? `${arrowY}px` : '',\n        right: '',\n        bottom: '',\n        [staticSide]: '-4px',\n      });\n    }\n  };\n\n  private popoverClass = tv({\n    slots: {\n      box: [\n        'bcm-ui-element',\n        'bcm-popover',\n        'fixed',\n        'm-0',\n        'flex',\n        'flex-col',\n        'bg-[--popover-bg]',\n        'rounded-md',\n        'shadow-3',\n        'p-3',\n        'gap-1.5',\n        'min-w-max',\n      ],\n      header: 'font-semibold text-color',\n      content: 'font-normal text-color',\n      arrow: 'absolute w-3 h-3 bg-[--popover-bg] transform rotate-45',\n    },\n    variants: {\n      size: {\n        small: { box: 'text-size-3' },\n        medium: { box: 'text-size-4' },\n        large: { box: 'text-size-5' },\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  });\n\n  render() {\n    const { box, header, content, arrow: arrowClass } = this.popoverClass({\n      size: this.size,\n    });\n\n    return (\n      <div class=\"inline-block\">\n        <slot onSlotchange={this.handleSlotChange}></slot>\n\n        <div\n          ref={el => (this.popoverRef = el as HTMLElement)}\n          id={this.popoverId}\n          part=\"popover\"\n          class={box()}\n          // @ts-ignore - popover is a valid HTML attribute\n          popover=\"manual\"\n          role=\"dialog\"\n          aria-labelledby={this.headerText ? `${this.popoverId}-header` : undefined}\n        >\n          {this.arrow && <div ref={el => (this.arrowRef = el as HTMLElement)} part=\"arrow\" class={arrowClass()} />}\n\n          <div id={`${this.popoverId}-header`} part=\"header\" class={header()}>\n            <slot name=\"header\">{this.headerText}</slot>\n          </div>\n\n          <div part=\"content\" class={content()}>\n            <slot name=\"content\">{this.message}</slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"bcm-popover.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/popover/popover.css?tag=bcm-popover&encapsulation=shadow","src/components/popover/popover.component.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --popover-bg: var(--bcm-ui-color-background-base-default);\n}\n\n/* Popover API base styles */\n[popover] {\n  border: none;\n  padding: 0;\n  overflow: visible;\n}\n\n[popover]:not(:popover-open) {\n  display: none;\n}\n\n[popover]:popover-open {\n  opacity: 1;\n  transform: scale(1);\n  transition:\n    opacity 150ms ease-out,\n    transform 150ms ease-out;\n}\n\n/* Starting style for entry animation */\n@starting-style {\n  [popover]:popover-open {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n\n/* Arrow rotation based on placement */\n[data-placement^='top'] [part='arrow'] {\n  border-top: none;\n  border-left: none;\n}\n\n[data-placement^='bottom'] [part='arrow'] {\n  border-bottom: none;\n  border-right: none;\n}\n\n[data-placement^='left'] [part='arrow'] {\n  border-bottom: none;\n  border-left: none;\n}\n\n[data-placement^='right'] [part='arrow'] {\n  border-top: none;\n  border-right: none;\n}\n","import { arrow, computePosition, flip, offset, shift, autoUpdate } from '@floating-ui/dom';\nimport { Component, ComponentInterface, Element, Prop, Event, EventEmitter, h, Method, State, Watch, Listen } from '@stencil/core';\nimport { tv } from '@utils/tv';\n\n/**\n * @component BcmPopover\n * @description A flexible popover component that displays contextual information or content relative to a target element.\n * Built on the native Popover API for top-layer rendering and Floating UI for intelligent positioning.\n * Supports different sizes, trigger types (click, hover, focus), placements, and comprehensive event system.\n *\n * @example Basic Click Popover\n * <bcm-popover trigger=\"click\" size=\"medium\" placement=\"top\">\n *   <bcm-button>Click Me</bcm-button>\n *   <span slot=\"header\">Header</span>\n *   <span slot=\"content\">This is a simple popover content.</span>\n * </bcm-popover>\n *\n * @example Hover Popover with Delays\n * <bcm-popover trigger=\"hover\" show-delay=\"200\" hide-delay=\"100\" size=\"large\" placement=\"right\" header-text=\"Prop Header\" message=\"This is a hover popover with props.\">\n *   <bcm-button>Hover Me</bcm-button>\n * </bcm-popover>\n *\n * @example Programmatic Control\n * <bcm-popover id=\"my-popover\" trigger=\"click\">\n *   <bcm-button>Toggle Me</bcm-button>\n *   <span slot=\"content\">Controlled popover</span>\n * </bcm-popover>\n * <script>\n *   const popover = document.querySelector('#my-popover');\n *   popover.show(); // Opens the popover\n *   popover.hide(); // Closes the popover\n *   popover.toggle(); // Toggles the popover\n * </script>\n *\n * @slot - Default slot for the target element that triggers the popover\n * @slot header - Slot for custom header content\n * @slot content - Slot for custom popover content\n *\n * @csspart popover - The root popover container element, stylable for the entire popover\n * @csspart header - The header section of the popover, stylable for the title area\n * @csspart content - The content section of the popover, stylable for the main content area\n * @csspart arrow - The arrow element of the popover, stylable for the positioning arrow\n */\n\n@Component({\n  tag: 'bcm-popover',\n  styleUrl: 'popover.css',\n  shadow: true,\n})\nexport class Popover implements ComponentInterface {\n  @Element() host: HTMLElement;\n\n  // Element references\n  private triggerRef?: HTMLElement;\n  private popoverRef?: HTMLElement;\n  private arrowRef?: HTMLElement;\n\n  // Cleanup references\n  private cleanupAutoUpdate?: () => void;\n  private showTimeout?: number;\n  private hideTimeout?: number;\n\n  // Unique ID for ARIA\n  private popoverId = `popover-${Math.random().toString(36).substring(2, 11)}`;\n  /**\n   * @prop {('small' | 'medium' | 'large')} size - Defines the size of the popover.\n   * Controls the text size and padding of the popover content.\n   * Default: 'medium'\n   */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * @prop {('top' | 'right' | 'bottom' | 'left')} placement - Defines the position of the popover relative to the target element.\n   * Determines where the popover appears around the trigger element.\n   * Default: 'top'\n   */\n  @Prop() placement: 'top' | 'right' | 'bottom' | 'left' = 'top';\n\n  /**\n   * @prop {('click' | 'hover' | 'hover focus')} trigger - Defines the interaction type to show/hide the popover.\n   * 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave, 'hover focus' combines both.\n   * Default: 'click'\n   */\n  @Prop() trigger: 'click' | 'hover' | 'hover focus' = 'click';\n\n  /**\n   * @prop {number} showDelay - Delay in milliseconds before showing the popover.\n   * Useful to prevent popovers from appearing on quick mouse movements.\n   * Default: 0\n   */\n  @Prop({ attribute: 'show-delay' }) showDelay: number = 0;\n\n  /**\n   * @prop {number} hideDelay - Delay in milliseconds before hiding the popover.\n   * Provides a grace period for mouse movements.\n   * Default: 0\n   */\n  @Prop({ attribute: 'hide-delay' }) hideDelay: number = 0;\n\n  /**\n   * @prop {boolean} open - Controls the open state of the popover.\n   * Can be set programmatically or toggled by user interaction.\n   * Default: false\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * @prop {boolean} closeOnOutsideClick - Whether to close the popover when clicking outside.\n   * Default: true\n   */\n  @Prop() closeOnOutsideClick: boolean = true;\n\n  /**\n   * @prop {boolean} closeOnEscape - Whether to close the popover when pressing Escape key.\n   * Default: true\n   */\n  @Prop() closeOnEscape: boolean = true;\n\n  /**\n   * @prop {string} headerText - Custom text for the popover header.\n   * Used as fallback content if the 'header' slot is not provided.\n   */\n  @Prop() headerText?: string;\n\n  /**\n   * @prop {string} message - Custom text for the popover content.\n   * Used as fallback content if the 'content' slot is not provided.\n   */\n  @Prop() message?: string;\n\n  /**\n   * @prop {boolean} arrow - Whether to show an arrow pointing to the trigger element.\n   * Default: true\n   */\n  @Prop() arrow: boolean = true;\n\n  // Internal state\n  @State() isOpen: boolean = false;\n\n  /**\n   * @event bcmBeforeOpen - Emitted before the popover opens.\n   * Useful for performing actions before the popover becomes visible.\n   */\n  @Event({ composed: false, bubbles: false }) bcmBeforeOpen: EventEmitter<void>;\n\n  /**\n   * @event bcmOpen - Emitted when the popover is opened.\n   * Useful for tracking when the popover becomes visible.\n   */\n  @Event({ composed: false, bubbles: false }) bcmOpen: EventEmitter<void>;\n\n  /**\n   * @event bcmBeforeClose - Emitted before the popover closes.\n   * Useful for performing actions before the popover is hidden.\n   */\n  @Event({ composed: false, bubbles: false }) bcmBeforeClose: EventEmitter<void>;\n\n  /**\n   * @event bcmClose - Emitted when the popover is closed.\n   * Useful for tracking when the popover is hidden.\n   */\n  @Event({ composed: false, bubbles: false }) bcmClose: EventEmitter<void>;\n\n  // Watch for open prop changes\n  @Watch('open')\n  handleOpenChange(newValue: boolean) {\n    if (newValue) {\n      this.showInternal();\n    } else {\n      this.hideInternal();\n    }\n  }\n\n  // Internal show logic\n  private showInternal() {\n    if (!this.popoverRef) return;\n\n    this.isOpen = true;\n    this.popoverRef.showPopover();\n    this.startAutoUpdate();\n    this.updatePosition();\n    this.triggerRef?.setAttribute('aria-expanded', 'true');\n    this.bcmOpen.emit();\n\n    if (this.closeOnOutsideClick) {\n      this.addOutsideClickListener();\n    }\n  }\n\n  // Internal hide logic\n  private hideInternal() {\n    if (!this.popoverRef) return;\n\n    this.isOpen = false;\n    this.popoverRef.hidePopover();\n    this.stopAutoUpdate();\n    this.triggerRef?.setAttribute('aria-expanded', 'false');\n    this.bcmClose.emit();\n    this.removeOutsideClickListener();\n  }\n\n  /**\n   * Programmatically shows the popover.\n   * Respects the showDelay prop.\n   */\n  @Method()\n  async show(): Promise<void> {\n    if (this.open) return;\n\n    this.clearTimeouts();\n\n    if (this.showDelay > 0) {\n      this.showTimeout = window.setTimeout(() => {\n        this.bcmBeforeOpen.emit();\n        this.open = true;\n      }, this.showDelay);\n    } else {\n      this.bcmBeforeOpen.emit();\n      this.open = true;\n    }\n  }\n\n  /**\n   * Programmatically hides the popover.\n   * Respects the hideDelay prop.\n   */\n  @Method()\n  async hide(): Promise<void> {\n    if (!this.open) return;\n\n    this.clearTimeouts();\n\n    if (this.hideDelay > 0) {\n      this.hideTimeout = window.setTimeout(() => {\n        this.bcmBeforeClose.emit();\n        this.open = false;\n      }, this.hideDelay);\n    } else {\n      this.bcmBeforeClose.emit();\n      this.open = false;\n    }\n  }\n\n  /**\n   * Toggles the popover visibility.\n   */\n  @Method()\n  async toggle(): Promise<void> {\n    if (this.open) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  private clearTimeouts() {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = undefined;\n    }\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = undefined;\n    }\n  }\n\n  private startAutoUpdate() {\n    if (!this.triggerRef || !this.popoverRef) return;\n\n    this.cleanupAutoUpdate = autoUpdate(this.triggerRef, this.popoverRef, () => this.updatePosition(), {\n      ancestorScroll: true,\n      ancestorResize: true,\n      elementResize: true,\n      layoutShift: true,\n    });\n  }\n\n  private stopAutoUpdate() {\n    this.cleanupAutoUpdate?.();\n    this.cleanupAutoUpdate = undefined;\n  }\n\n  private handleSlotChange = () => {\n    const slot = this.host.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (!slot) return;\n\n    const elements = slot.assignedElements();\n    if (elements.length > 0) {\n      // Remove old listeners\n      this.removeTriggerListeners();\n\n      this.triggerRef = elements[0] as HTMLElement;\n      this.setupTriggerListeners();\n      this.setupAriaAttributes();\n    }\n  };\n\n  private setupTriggerListeners() {\n    if (!this.triggerRef) return;\n\n    if (this.trigger === 'hover' || this.trigger === 'hover focus') {\n      this.triggerRef.addEventListener('mouseenter', this.handleMouseEnter);\n      this.triggerRef.addEventListener('mouseleave', this.handleMouseLeave);\n      this.popoverRef?.addEventListener('mouseenter', this.handlePopoverMouseEnter);\n      this.popoverRef?.addEventListener('mouseleave', this.handlePopoverMouseLeave);\n    }\n\n    if (this.trigger === 'click') {\n      this.triggerRef.addEventListener('click', this.handleTriggerClick);\n    }\n\n    if (this.trigger === 'hover focus') {\n      this.triggerRef.addEventListener('focus', this.handleFocus);\n      this.triggerRef.addEventListener('blur', this.handleBlur);\n    }\n  }\n\n  private removeTriggerListeners() {\n    if (!this.triggerRef) return;\n\n    this.triggerRef.removeEventListener('mouseenter', this.handleMouseEnter);\n    this.triggerRef.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.triggerRef.removeEventListener('click', this.handleTriggerClick);\n    this.triggerRef.removeEventListener('focus', this.handleFocus);\n    this.triggerRef.removeEventListener('blur', this.handleBlur);\n\n    this.popoverRef?.removeEventListener('mouseenter', this.handlePopoverMouseEnter);\n    this.popoverRef?.removeEventListener('mouseleave', this.handlePopoverMouseLeave);\n  }\n\n  private handleMouseEnter = () => {\n    this.show();\n  };\n\n  private handleMouseLeave = () => {\n    this.hide();\n  };\n\n  private handlePopoverMouseEnter = () => {\n    this.clearTimeouts();\n  };\n\n  private handlePopoverMouseLeave = () => {\n    this.hide();\n  };\n\n  private handleTriggerClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.toggle();\n  };\n\n  private handleFocus = () => {\n    this.show();\n  };\n\n  private handleBlur = () => {\n    this.hide();\n  };\n\n  private setupAriaAttributes() {\n    if (!this.triggerRef) return;\n\n    this.triggerRef.setAttribute('aria-describedby', this.popoverId);\n    this.triggerRef.setAttribute('aria-expanded', String(this.open));\n    this.triggerRef.setAttribute('aria-haspopup', 'dialog');\n  }\n\n  @Listen('keydown', { target: 'document' })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.closeOnEscape || !this.open) return;\n\n    if (event.key === 'Escape') {\n      // Topmost popover check\n      const openPopovers = Array.from(document.querySelectorAll('bcm-popover[open]'));\n      const topPopover = openPopovers[openPopovers.length - 1];\n\n      if (topPopover === this.host) {\n        event.preventDefault();\n        this.hide();\n        this.triggerRef?.focus();\n      }\n    }\n  }\n\n  private handleOutsideClick = (event: Event) => {\n    if (!this.closeOnOutsideClick || !this.open) return;\n\n    const target = event.target as Node;\n    const path = event.composedPath();\n\n    const isInsideHost = this.host.contains(target) || path.includes(this.host);\n    const isInsidePopover = this.popoverRef?.contains(target) || (this.popoverRef && path.includes(this.popoverRef));\n\n    if (!isInsideHost && !isInsidePopover) {\n      this.hide();\n    }\n  };\n\n  private addOutsideClickListener() {\n    // Add on next tick to avoid catching current click\n    setTimeout(() => {\n      document.addEventListener('click', this.handleOutsideClick, true);\n    }, 0);\n  }\n\n  private removeOutsideClickListener() {\n    document.removeEventListener('click', this.handleOutsideClick, true);\n  }\n\n  private handleToggle = (event: ToggleEvent) => {\n    // Sync internal state with native popover state\n    if (event.newState === 'open' && !this.isOpen) {\n      this.isOpen = true;\n    } else if (event.newState === 'closed' && this.isOpen) {\n      this.isOpen = false;\n    }\n  };\n\n  componentDidLoad() {\n    // Toggle event listener (Popover API)\n    this.popoverRef?.addEventListener('toggle', this.handleToggle as EventListener);\n\n    // Initial state sync\n    if (this.open) {\n      this.showInternal();\n    }\n  }\n\n  disconnectedCallback() {\n    this.clearTimeouts();\n    this.stopAutoUpdate();\n    this.removeTriggerListeners();\n    this.removeOutsideClickListener();\n\n    if (this.popoverRef) {\n      this.popoverRef.removeEventListener('toggle', this.handleToggle as EventListener);\n\n      if (this.isOpen) {\n        try {\n          this.popoverRef.hidePopover();\n        } catch (e) {\n          // Element might already be removed\n        }\n      }\n    }\n  }\n\n  private updatePosition = async () => {\n    if (!this.triggerRef || !this.popoverRef) return;\n\n    // Check if trigger element is still in viewport\n    const triggerRect = this.triggerRef.getBoundingClientRect();\n    const isInViewport =\n      triggerRect.bottom > 0 && triggerRect.top < window.innerHeight && triggerRect.right > 0 && triggerRect.left < window.innerWidth;\n\n    // Hide popover if trigger is out of viewport\n    if (!isInViewport && this.open) {\n      this.hide();\n      return;\n    }\n\n    // Virtual element for shadow DOM boundary\n    const virtualElement = {\n      getBoundingClientRect: () => this.triggerRef!.getBoundingClientRect(),\n    };\n\n    const middleware = [offset(12), flip({ fallbackPlacements: ['top', 'left', 'bottom', 'right'] }), shift({ padding: 8 })];\n\n    if (this.arrow && this.arrowRef) {\n      middleware.push(arrow({ element: this.arrowRef }));\n    }\n\n    const { x, y, placement, middlewareData } = await computePosition(virtualElement, this.popoverRef, {\n      placement: this.placement,\n      strategy: 'fixed',\n      middleware,\n    });\n\n    Object.assign(this.popoverRef.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n    });\n\n    // Update placement attribute for CSS\n    this.popoverRef.setAttribute('data-placement', placement);\n\n    // Arrow positioning\n    if (this.arrow && this.arrowRef && middlewareData.arrow) {\n      const { x: arrowX, y: arrowY } = middlewareData.arrow;\n      const basePlacement = placement.split('-')[0] as 'top' | 'right' | 'bottom' | 'left';\n      const staticSide = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      }[basePlacement];\n\n      Object.assign(this.arrowRef.style, {\n        left: arrowX != null ? `${arrowX}px` : '',\n        top: arrowY != null ? `${arrowY}px` : '',\n        right: '',\n        bottom: '',\n        [staticSide]: '-4px',\n      });\n    }\n  };\n\n  private popoverClass = tv({\n    slots: {\n      box: [\n        'bcm-ui-element',\n        'bcm-popover',\n        'fixed',\n        'm-0',\n        'flex',\n        'flex-col',\n        'bg-[--popover-bg]',\n        'rounded-md',\n        'shadow-3',\n        'p-3',\n        'gap-1.5',\n        'min-w-max',\n      ],\n      header: 'font-semibold text-color',\n      content: 'font-normal text-color',\n      arrow: 'absolute w-3 h-3 bg-[--popover-bg] transform rotate-45',\n    },\n    variants: {\n      size: {\n        small: { box: 'text-size-3' },\n        medium: { box: 'text-size-4' },\n        large: { box: 'text-size-5' },\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  });\n\n  render() {\n    const { box, header, content, arrow: arrowClass } = this.popoverClass({\n      size: this.size,\n    });\n\n    return (\n      <div class=\"inline-block\">\n        <slot onSlotchange={this.handleSlotChange}></slot>\n\n        <div\n          ref={el => (this.popoverRef = el as HTMLElement)}\n          id={this.popoverId}\n          part=\"popover\"\n          class={box()}\n          // @ts-ignore - popover is a valid HTML attribute\n          popover=\"manual\"\n          role=\"dialog\"\n          aria-labelledby={this.headerText ? `${this.popoverId}-header` : undefined}\n        >\n          {this.arrow && <div ref={el => (this.arrowRef = el as HTMLElement)} part=\"arrow\" class={arrowClass()} />}\n\n          <div id={`${this.popoverId}-header`} part=\"header\" class={header()}>\n            <slot name=\"header\">{this.headerText}</slot>\n          </div>\n\n          <div part=\"content\" class={content()}>\n            <slot name=\"content\">{this.message}</slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/bcm-radio-group.js

@@ -13,81 +13,64 @@ const BcmRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class BcmRadioGroup ext
         }
         this.__attachShadow();
         this.bcmRadioGroupChange = createEvent(this, "bcmRadioGroupChange", 1);
-        /**
-         * Whether the radio group and its radio buttons are disabled.
-         * @prop
-         * @defaultValue false
-         */
-        this.disabled = false;
-        /**
-         * Whether the radio group is required in a form.
-         * @prop
-         * @defaultValue false
-         */
-        this.required = false;
-        /**
-         * Whether the radio group is in an error state.
-         * @prop
-         * @defaultValue false
-         */
-        this.error = false;
-        /**
-         * Defines the size of the radio group and its radio buttons: 'small' | 'medium' | 'large'.
-         * @prop
-         * @defaultValue 'medium'
-         */
-        this.size = 'medium';
-        /**
-         * The layout direction of the radio buttons: 'horizontal' | 'vertical'.
-         * @prop
-         * @defaultValue 'vertical'
-         */
-        this.direction = 'vertical';
-        this.radioGroupName = generateId('radio-group-name');
-        this.handleSlotChange = () => {
-            this.radios.forEach(radio => {
-                var _a;
-                radio.size = this.size;
-                radio.name = (_a = this.name) !== null && _a !== void 0 ? _a : this.radioGroupName;
-                radio.disabled = this.disabled;
-                radio.error = this.error;
-            });
-        };
-        this.radioGroupClass = tv({
-            slots: {
-                host: ['bcm-ui-element bcm-radio-group flex flex-col'],
-                container: ['flex'],
-            },
-            variants: {
-                size: {
-                    small: {
-                        host: 'gap-1.5',
-                        container: 'gap-1.5',
-                    },
-                    medium: {
-                        host: 'gap-2',
-                        container: 'gap-2',
-                    },
-                    large: {
-                        host: 'gap-2.5',
-                        container: 'gap-2.5',
-                    },
-                },
-                direction: {
-                    horizontal: {
-                        container: ['flex-row flex-wrap'],
-                    },
-                    vertical: {
-                        container: ['flex-col'],
-                    },
-                },
-            },
-            defaultVariants: {
-                size: 'medium',
-                direction: 'vertical',
-            },
-        });
     }
+    get host() { return this; }
+    /**
+     * The name attribute for the radio group, used to group radio buttons.
+     * @prop
+     * @defaultValue undefined
+     */
+    name;
+    /**
+     * The currently selected value of the radio group.
+     * @prop
+     * @defaultValue undefined
+     */
+    value;
+    /**
+     * Whether the radio group and its radio buttons are disabled.
+     * @prop
+     * @defaultValue false
+     */
+    disabled = false;
+    /**
+     * Whether the radio group is required in a form.
+     * @prop
+     * @defaultValue false
+     */
+    required = false;
+    /**
+     * Whether the radio group is in an error state.
+     * @prop
+     * @defaultValue false
+     */
+    error = false;
+    /**
+     * The label text to display above the radio group.
+     * @prop
+     * @defaultValue undefined
+     */
+    label;
+    /**
+     * Defines the size of the radio group and its radio buttons: 'small' | 'medium' | 'large'.
+     * @prop
+     * @defaultValue 'medium'
+     */
+    size = 'medium';
+    /**
+     * The layout direction of the radio buttons: 'horizontal' | 'vertical'.
+     * @prop
+     * @defaultValue 'vertical'
+     */
+    direction = 'vertical';
+    /**
+     * Optional caption text to display below the radio group, often used for error messages or hints.
+     * @prop
+     * @defaultValue undefined
+     */
+    captionText;
+    bcmRadioGroupChange;
+    radioGroupName = generateId('radio-group-name');
     get radios() {
         return this.host.querySelectorAll('bcm-radio');
     }
@@ -101,9 +84,8 @@ const BcmRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class BcmRadioGroup ext
      * @method
      */
     async setClear() {
-        var _a;
         this.value = '';
-        (_a = this.radios) === null || _a === void 0 ? void 0 : _a.forEach(radio => {
+        this.radios?.forEach(radio => {
             radio.checked = false;
         });
     }
@@ -115,6 +97,14 @@ const BcmRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class BcmRadioGroup ext
         this.error = false;
         this.captionText = undefined;
     }
+    handleSlotChange = () => {
+        this.radios.forEach(radio => {
+            radio.size = this.size;
+            radio.name = this.name ?? this.radioGroupName;
+            radio.disabled = this.disabled;
+            radio.error = this.error;
+        });
+    };
     handleValueChange(newValue) {
         this.updateRadios(newValue);
     }
@@ -136,19 +126,53 @@ const BcmRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class BcmRadioGroup ext
             radio.checked = radio.value === value;
         });
     }
+    radioGroupClass = tv({
+        slots: {
+            host: ['bcm-ui-element bcm-radio-group flex flex-col'],
+            container: ['flex'],
+        },
+        variants: {
+            size: {
+                small: {
+                    host: 'gap-1.5',
+                    container: 'gap-1.5',
+                },
+                medium: {
+                    host: 'gap-2',
+                    container: 'gap-2',
+                },
+                large: {
+                    host: 'gap-2.5',
+                    container: 'gap-2.5',
+                },
+            },
+            direction: {
+                horizontal: {
+                    container: ['flex-row flex-wrap'],
+                },
+                vertical: {
+                    container: ['flex-col'],
+                },
+            },
+        },
+        defaultVariants: {
+            size: 'medium',
+            direction: 'vertical',
+        },
+    });
     render() {
         const { host, container } = this.radioGroupClass({
             size: this.size,
             direction: this.direction,
         });
-        return (h("div", { key: 'e66470b52aa2bbc8fbf7f60fc2fb692668898821', class: host() }, this.label && (h("label", { key: '59e800f0dbbe17f141449bd51e088dfb297981ec', class: classNames('input-label font-medium', {
+        return (h("div", { key: '6e21ec305328d3be4f8a04e2abe05aea7af0a0da', class: host() }, this.label && (h("label", { key: 'f565a07f6b7e31c008d6ae6f754edcb11d64a5c9', class: classNames('input-label font-medium', {
                 'text-color-label': !this.disabled,
                 'text-color-disabled': this.disabled,
             }, {
                 'text-size-3': this.size === 'small',
                 'text-size-4': this.size === 'medium',
                 'text-size-5': this.size === 'large',
-            }) }, h("slot", { key: 'eb51a2a3a26c69dc0d2b94b9d889507fa40fe60a', name: "label" }, this.label), this.required && h("span", { key: 'aee0b50eb6a89526f660e64d2a8a97e7e752aa7b' }, "*"))), h("div", { key: 'a6c9802df856b445b0d161dbea9ccec292420fdf', class: container() }, h("slot", { key: 'a8511a8598a8bbfefe29be2ce359f82dac4a3284', onSlotchange: this.handleSlotChange })), this.captionText && (h("div", { key: 'b6d7730c3ae07c8595a819dacf8f119058b256f0', class: classNames('input-caption-text font-regular mt-1', {
+            }) }, h("slot", { key: '2e19d26a6cda609793c29dfc65482772d321b496', name: "label" }, this.label), this.required && h("span", { key: '4456bb3b1f61d0e4dc0a12ff0dae24aaaf79a17d' }, "*"))), h("div", { key: '55749122b472d8d94ff345b071a4eee3b9b12e45', class: container() }, h("slot", { key: '9845300efe91593b6480f91c97c1eb17e679e52b', onSlotchange: this.handleSlotChange })), this.captionText && (h("div", { key: '426323ea6b373274d74fad16dd843904dd22f5c0', class: classNames('input-caption-text font-regular mt-1', {
                 'text-[--bcm-ui-color-text-caption]': !this.disabled,
                 'text-[--bcm-ui-color-text-error]': !this.disabled && this.error,
                 'text-[--bcm-ui-color-text-disabled]': this.disabled,
@@ -158,7 +182,6 @@ const BcmRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class BcmRadioGroup ext
                 'text-size-5': this.size === 'large',
             }) }, this.captionText))));
     }
-    get host() { return this; }
     static get watchers() { return {
         "value": ["handleValueChange"]
     }; }

package/dist/components/bcm-radio-group.js.map

@@ -1 +1 @@
-{"file":"bcm-radio-group.js","mappings":"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","names":["BcmRadioGroup","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/radio-group/radio-group.css?tag=bcm-radio-group&encapsulation=shadow","src/components/radio-group/radio-group.component.tsx"],"sourcesContent":["","/**\n * @component BcmRadioGroup\n * @description A radio group component that manages a collection of `bcm-radio` components, ensuring only one radio button is selected at a time.\n * Supports horizontal or vertical layouts, various sizes, and states such as disabled, required, and error.\n *\n * @example\n * <bcm-radio-group name=\"group1\" size=\"medium\" direction=\"vertical\" label=\"Select an option\">\n *   <bcm-radio label=\"Option 1\" value=\"1\"></bcm-radio>\n *   <bcm-radio label=\"Option 2\" value=\"2\"></bcm-radio>\n * </bcm-radio-group>\n *\n * @example Radio group with error state and caption\n * <bcm-radio-group name=\"group1\" error={true} caption-text=\"Please select an option\">\n *   <bcm-radio label=\"Option 1\" value=\"1\"></bcm-radio>\n *   <bcm-radio label=\"Option 2\" value=\"2\"></bcm-radio>\n * </bcm-radio-group>\n *\n * @prop {string} name - The name attribute for the radio group, used to group radio buttons.\n * @defaultValue undefined\n * @prop {string} value - The currently selected value of the radio group.\n * @defaultValue undefined\n * @prop {boolean} disabled - Whether the radio group and its radio buttons are disabled.\n * @defaultValue false\n * @prop {boolean} required - Whether the radio group is required in a form.\n * @defaultValue false\n * @prop {boolean} error - Whether the radio group is in an error state.\n * @defaultValue false\n * @prop {string} label - The label text to display above the radio group.\n * @defaultValue undefined\n * @prop {RadioSize} size - Defines the size of the radio group and its radio buttons: 'small' | 'medium' | 'large'.\n * @defaultValue 'medium'\n * @prop {Direction} direction - The layout direction of the radio buttons: 'horizontal' | 'vertical'.\n * @defaultValue 'vertical'\n * @prop {string} captionText - Optional caption text to display below the radio group, often used for error messages or hints.\n * @defaultValue undefined\n *\n * @event {EventEmitter<HTMLBcmRadioElement>} bcmRadioGroupChange - Emitted when the selected radio button changes, passing the selected radio element.\n *\n * @method setClear - Clears the selected value and unchecks all radio buttons.\n * @method resetCaption - Resets the error state and caption.\n *\n * @csspart host - The root element of the radio group.\n * @csspart container - The container for the radio buttons.\n * @csspart label - The label element above the radio group.\n * @csspart caption - The caption text below the radio group.\n */\n\nimport { Component, ComponentInterface, Prop, h, Element, Listen, Event, EventEmitter, Method, Watch } from '@stencil/core';\nimport { tv } from '@utils/tv';\nimport { generateId } from '../../utils/id/generate-id';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'bcm-radio-group',\n  styleUrl: 'radio-group.css',\n  shadow: true,\n})\nexport class BcmRadioGroup implements ComponentInterface {\n  @Element() host: HTMLBcmRadioGroupElement;\n\n  /**\n   * The name attribute for the radio group, used to group radio buttons.\n   * @prop\n   * @defaultValue undefined\n   */\n  @Prop()\n  name: string;\n\n  /**\n   * The currently selected value of the radio group.\n   * @prop\n   * @defaultValue undefined\n   */\n  @Prop()\n  value: string;\n\n  /**\n   * Whether the radio group and its radio buttons are disabled.\n   * @prop\n   * @defaultValue false\n   */\n  @Prop()\n  disabled: boolean = false;\n\n  /**\n   * Whether the radio group is required in a form.\n   * @prop\n   * @defaultValue false\n   */\n  @Prop()\n  required: boolean = false;\n\n  /**\n   * Whether the radio group is in an error state.\n   * @prop\n   * @defaultValue false\n   */\n  @Prop()\n  error: boolean = false;\n\n  /**\n   * The label text to display above the radio group.\n   * @prop\n   * @defaultValue undefined\n   */\n  @Prop()\n  label: string;\n\n  /**\n   * Defines the size of the radio group and its radio buttons: 'small' | 'medium' | 'large'.\n   * @prop\n   * @defaultValue 'medium'\n   */\n  @Prop()\n  size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * The layout direction of the radio buttons: 'horizontal' | 'vertical'.\n   * @prop\n   * @defaultValue 'vertical'\n   */\n  @Prop()\n  direction: 'horizontal' | 'vertical' = 'vertical';\n\n  /**\n   * Optional caption text to display below the radio group, often used for error messages or hints.\n   * @prop\n   * @defaultValue undefined\n   */\n  @Prop()\n  captionText?: string;\n\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n    eventName: 'bcmRadioGroupChange',\n  })\n  bcmRadioGroupChange: EventEmitter<any>;\n\n  private readonly radioGroupName = generateId('radio-group-name');\n\n  get radios() {\n    return this.host.querySelectorAll('bcm-radio');\n  }\n\n  componentWillLoad() {\n    if (this.value) {\n      this.updateRadios(this.value);\n    }\n  }\n\n  /**\n   * Clears the selected value (sets it to an empty string) and unchecks all radio buttons.\n   * @method\n   */\n  @Method()\n  async setClear() {\n    this.value = '';\n    this.radios?.forEach(radio => {\n      radio.checked = false;\n    });\n  }\n\n  /**\n   * Resets the error state and caption.\n   * @method\n   */\n  @Method()\n  async resetCaption() {\n    this.error = false;\n    this.captionText = undefined;\n  }\n\n  private handleSlotChange = () => {\n    this.radios.forEach(radio => {\n      radio.size = this.size;\n      radio.name = this.name ?? this.radioGroupName;\n      radio.disabled = this.disabled;\n      radio.error = this.error;\n    });\n  };\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    this.updateRadios(newValue);\n  }\n\n  @Listen('bcmRadioChange', { capture: true })\n  handleRadioChange(event: CustomEvent) {\n    const radio = event.target as HTMLBcmRadioElement;\n    const radios = this.host.querySelectorAll('bcm-radio');\n    radios.forEach(r => {\n      if (r !== radio) {\n        r.checked = false;\n      }\n    });\n    this.bcmRadioGroupChange.emit({\n      value: radio.value,\n      element: radio,\n    });\n  }\n\n  private updateRadios(value: string) {\n    this.radios.forEach(radio => {\n      radio.checked = radio.value === value;\n    });\n  }\n\n  private radioGroupClass = tv({\n    slots: {\n      host: ['bcm-ui-element bcm-radio-group flex flex-col'],\n      container: ['flex'],\n    },\n    variants: {\n      size: {\n        small: {\n          host: 'gap-1.5',\n          container: 'gap-1.5',\n        },\n        medium: {\n          host: 'gap-2',\n          container: 'gap-2',\n        },\n        large: {\n          host: 'gap-2.5',\n          container: 'gap-2.5',\n        },\n      },\n      direction: {\n        horizontal: {\n          container: ['flex-row flex-wrap'],\n        },\n        vertical: {\n          container: ['flex-col'],\n        },\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n      direction: 'vertical',\n    },\n  });\n\n  render() {\n    const { host, container } = this.radioGroupClass({\n      size: this.size,\n      direction: this.direction,\n    });\n    return (\n      <div class={host()}>\n        {this.label && (\n          <label\n            class={classNames(\n              'input-label font-medium',\n              {\n                'text-color-label': !this.disabled,\n                'text-color-disabled': this.disabled,\n              },\n              {\n                'text-size-3': this.size === 'small',\n                'text-size-4': this.size === 'medium',\n                'text-size-5': this.size === 'large',\n              },\n            )}\n          >\n            <slot name=\"label\">{this.label}</slot>\n            {this.required && <span>*</span>}\n          </label>\n        )}\n        <div class={container()}>\n          <slot onSlotchange={this.handleSlotChange}></slot>\n        </div>\n\n        {this.captionText && (\n          <div\n            class={classNames(\n              'input-caption-text font-regular mt-1',\n              {\n                'text-[--bcm-ui-color-text-caption]': !this.disabled,\n                'text-[--bcm-ui-color-text-error]': !this.disabled && this.error,\n                'text-[--bcm-ui-color-text-disabled]': this.disabled,\n              },\n              {\n                'text-size-3': this.size === 'small',\n                'text-size-4': this.size === 'medium',\n                'text-size-5': this.size === 'large',\n              },\n            )}\n          >\n            {this.captionText}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"bcm-radio-group.js","mappings":"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","names":["BcmRadioGroup","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/radio-group/radio-group.css?tag=bcm-radio-group&encapsulation=shadow","src/components/radio-group/radio-group.component.tsx"],"sourcesContent":["","/**\n * @component BcmRadioGroup\n * @description A radio group component that manages a collection of `bcm-radio` components, ensuring only one radio button is selected at a time.\n * Supports horizontal or vertical layouts, various sizes, and states such as disabled, required, and error.\n *\n * @example\n * <bcm-radio-group name=\"group1\" size=\"medium\" direction=\"vertical\" label=\"Select an option\">\n *   <bcm-radio label=\"Option 1\" value=\"1\"></bcm-radio>\n *   <bcm-radio label=\"Option 2\" value=\"2\"></bcm-radio>\n * </bcm-radio-group>\n *\n * @example Radio group with error state and caption\n * <bcm-radio-group name=\"group1\" error={true} caption-text=\"Please select an option\">\n *   <bcm-radio label=\"Option 1\" value=\"1\"></bcm-radio>\n *   <bcm-radio label=\"Option 2\" value=\"2\"></bcm-radio>\n * </bcm-radio-group>\n *\n * @prop {string} name - The name attribute for the radio group, used to group radio buttons.\n * @defaultValue undefined\n * @prop {string} value - The currently selected value of the radio group.\n * @defaultValue undefined\n * @prop {boolean} disabled - Whether the radio group and its radio buttons are disabled.\n * @defaultValue false\n * @prop {boolean} required - Whether the radio group is required in a form.\n * @defaultValue false\n * @prop {boolean} error - Whether the radio group is in an error state.\n * @defaultValue false\n * @prop {string} label - The label text to display above the radio group.\n * @defaultValue undefined\n * @prop {RadioSize} size - Defines the size of the radio group and its radio buttons: 'small' | 'medium' | 'large'.\n * @defaultValue 'medium'\n * @prop {Direction} direction - The layout direction of the radio buttons: 'horizontal' | 'vertical'.\n * @defaultValue 'vertical'\n * @prop {string} captionText - Optional caption text to display below the radio group, often used for error messages or hints.\n * @defaultValue undefined\n *\n * @event {EventEmitter<HTMLBcmRadioElement>} bcmRadioGroupChange - Emitted when the selected radio button changes, passing the selected radio element.\n *\n * @method setClear - Clears the selected value and unchecks all radio buttons.\n * @method resetCaption - Resets the error state and caption.\n *\n * @csspart host - The root element of the radio group.\n * @csspart container - The container for the radio buttons.\n * @csspart label - The label element above the radio group.\n * @csspart caption - The caption text below the radio group.\n */\n\nimport { Component, ComponentInterface, Prop, h, Element, Listen, Event, EventEmitter, Method, Watch } from '@stencil/core';\nimport { tv } from '@utils/tv';\nimport { generateId } from '../../utils/id/generate-id';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'bcm-radio-group',\n  styleUrl: 'radio-group.css',\n  shadow: true,\n})\nexport class BcmRadioGroup implements ComponentInterface {\n  @Element() host: HTMLBcmRadioGroupElement;\n\n  /**\n   * The name attribute for the radio group, used to group radio buttons.\n   * @prop\n   * @defaultValue undefined\n   */\n  @Prop()\n  name: string;\n\n  /**\n   * The currently selected value of the radio group.\n   * @prop\n   * @defaultValue undefined\n   */\n  @Prop()\n  value: string;\n\n  /**\n   * Whether the radio group and its radio buttons are disabled.\n   * @prop\n   * @defaultValue false\n   */\n  @Prop()\n  disabled: boolean = false;\n\n  /**\n   * Whether the radio group is required in a form.\n   * @prop\n   * @defaultValue false\n   */\n  @Prop()\n  required: boolean = false;\n\n  /**\n   * Whether the radio group is in an error state.\n   * @prop\n   * @defaultValue false\n   */\n  @Prop()\n  error: boolean = false;\n\n  /**\n   * The label text to display above the radio group.\n   * @prop\n   * @defaultValue undefined\n   */\n  @Prop()\n  label: string;\n\n  /**\n   * Defines the size of the radio group and its radio buttons: 'small' | 'medium' | 'large'.\n   * @prop\n   * @defaultValue 'medium'\n   */\n  @Prop()\n  size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * The layout direction of the radio buttons: 'horizontal' | 'vertical'.\n   * @prop\n   * @defaultValue 'vertical'\n   */\n  @Prop()\n  direction: 'horizontal' | 'vertical' = 'vertical';\n\n  /**\n   * Optional caption text to display below the radio group, often used for error messages or hints.\n   * @prop\n   * @defaultValue undefined\n   */\n  @Prop()\n  captionText?: string;\n\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n    eventName: 'bcmRadioGroupChange',\n  })\n  bcmRadioGroupChange: EventEmitter<any>;\n\n  private readonly radioGroupName = generateId('radio-group-name');\n\n  get radios() {\n    return this.host.querySelectorAll('bcm-radio');\n  }\n\n  componentWillLoad() {\n    if (this.value) {\n      this.updateRadios(this.value);\n    }\n  }\n\n  /**\n   * Clears the selected value (sets it to an empty string) and unchecks all radio buttons.\n   * @method\n   */\n  @Method()\n  async setClear() {\n    this.value = '';\n    this.radios?.forEach(radio => {\n      radio.checked = false;\n    });\n  }\n\n  /**\n   * Resets the error state and caption.\n   * @method\n   */\n  @Method()\n  async resetCaption() {\n    this.error = false;\n    this.captionText = undefined;\n  }\n\n  private handleSlotChange = () => {\n    this.radios.forEach(radio => {\n      radio.size = this.size;\n      radio.name = this.name ?? this.radioGroupName;\n      radio.disabled = this.disabled;\n      radio.error = this.error;\n    });\n  };\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    this.updateRadios(newValue);\n  }\n\n  @Listen('bcmRadioChange', { capture: true })\n  handleRadioChange(event: CustomEvent) {\n    const radio = event.target as HTMLBcmRadioElement;\n    const radios = this.host.querySelectorAll('bcm-radio');\n    radios.forEach(r => {\n      if (r !== radio) {\n        r.checked = false;\n      }\n    });\n    this.bcmRadioGroupChange.emit({\n      value: radio.value,\n      element: radio,\n    });\n  }\n\n  private updateRadios(value: string) {\n    this.radios.forEach(radio => {\n      radio.checked = radio.value === value;\n    });\n  }\n\n  private radioGroupClass = tv({\n    slots: {\n      host: ['bcm-ui-element bcm-radio-group flex flex-col'],\n      container: ['flex'],\n    },\n    variants: {\n      size: {\n        small: {\n          host: 'gap-1.5',\n          container: 'gap-1.5',\n        },\n        medium: {\n          host: 'gap-2',\n          container: 'gap-2',\n        },\n        large: {\n          host: 'gap-2.5',\n          container: 'gap-2.5',\n        },\n      },\n      direction: {\n        horizontal: {\n          container: ['flex-row flex-wrap'],\n        },\n        vertical: {\n          container: ['flex-col'],\n        },\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n      direction: 'vertical',\n    },\n  });\n\n  render() {\n    const { host, container } = this.radioGroupClass({\n      size: this.size,\n      direction: this.direction,\n    });\n    return (\n      <div class={host()}>\n        {this.label && (\n          <label\n            class={classNames(\n              'input-label font-medium',\n              {\n                'text-color-label': !this.disabled,\n                'text-color-disabled': this.disabled,\n              },\n              {\n                'text-size-3': this.size === 'small',\n                'text-size-4': this.size === 'medium',\n                'text-size-5': this.size === 'large',\n              },\n            )}\n          >\n            <slot name=\"label\">{this.label}</slot>\n            {this.required && <span>*</span>}\n          </label>\n        )}\n        <div class={container()}>\n          <slot onSlotchange={this.handleSlotChange}></slot>\n        </div>\n\n        {this.captionText && (\n          <div\n            class={classNames(\n              'input-caption-text font-regular mt-1',\n              {\n                'text-[--bcm-ui-color-text-caption]': !this.disabled,\n                'text-[--bcm-ui-color-text-error]': !this.disabled && this.error,\n                'text-[--bcm-ui-color-text-disabled]': this.disabled,\n              },\n              {\n                'text-size-3': this.size === 'small',\n                'text-size-4': this.size === 'medium',\n                'text-size-5': this.size === 'large',\n              },\n            )}\n          >\n            {this.captionText}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}